/*----------------------------------------------------
@File: Default Styles
@Author: Hasan Sibakhi
@URL: https://themeforest.net/user/orinostu

This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.
---------------------------------------------------- */
/*=====================================================================
@Template Name: eMobile - Multipurpose HTML5 Template
@Author: Hasan Sibakhi
@Developed By: Hasan Sibakhi
@Developer URL: https://dribbble.com/HasanSib
/*===================================================================== */
/*   =======
    helpers
    ========== */
/*-----------------------------
  media query
-----------------------------*/
/*-----------------------------
  Colors
-----------------------------*/
/*-----------------------------
  Background Colors
-----------------------------*/
/*-----------------------------
  Border Colors
-----------------------------*/
/*-----------------------------
  Color Social Network
-----------------------------*/
:root {
  --color-black: #000;
  --color-white: #fff;
  --color-primary: #ff3f3f;
  --color-secondary: #292e34;
  --color-snow: #c5cad2;
  --color-red: #f93542;
  --color-orange: #ff833b;
  --color-blue: #4a8cfd;
  --color-yellow: #f5c02e;
  --color-green: #25c998;
  --color-text: #7e848e;
  --color-comment: #5e636b;
  --bg-black: #000;
  --bg-white: #fff;
  --bg-primary: #ff3f3f;
  --bg-secondary: #292e34;
  --bg-snow: #f8f8f8;
  --bg-red: #f93542;
  --bg-orange: #ff833b;
  --bg-blue: #4a8cfd;
  --bg-yellow: #f5c02e;
  --bg-green: #25c998;
  --border-black: #000;
  --border-white: #fff;
  --border-primary: #ff3f3f;
  --border-secondary: #292e34;
  --border-snow: #e9eaec;
  --border-red: #f93542;
  --border-orange: #ff833b;
  --border-blue: #4a8cfd;
  --border-yellow: #f5c02e;
  --border-green: #25c998;
  --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;
}

.float-left {
  float: left;
}

.float-none {
  float: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.clear-left {
  clear: left;
}

.clear-both {
  clear: both;
}

.clear-none {
  clear: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* ============
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;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-scroll {
  overflow: scroll;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.top-auto {
  top: auto;
}

.right-auto {
  right: auto;
}

.bottom-auto {
  bottom: auto;
}

.left-auto {
  left: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.invisible {
  visibility: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.padding-10 {
  padding: 10px;
}

.padding-20 {
  padding: 20px;
}

.padding-30 {
  padding: 30px;
}

.padding-40 {
  padding: 40px;
}

.padding-50 {
  padding: 50px;
}

.padding-60 {
  padding: 60px;
}

.padding-70 {
  padding: 70px;
}

.padding-80 {
  padding: 80px;
}

.padding-90 {
  padding: 90px;
}

.padding-100 {
  padding: 100px;
}

.margin-0 {
  margin: 0;
}

.margin-10 {
  margin: 10px;
}

.margin-20 {
  margin: 20px;
}

.margin-30 {
  margin: 30px;
}

.margin-40 {
  margin: 40px;
}

.margin-50 {
  margin: 50px;
}

.margin-60 {
  margin: 60px;
}

.margin-70 {
  margin: 70px;
}

.margin-80 {
  margin: 80px;
}

.margin-90 {
  margin: 90px;
}

.margin-100 {
  margin: 100px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ============
 - margin All Screens
==============*/
.-margin-10 {
  margin: -10px;
}

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

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

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

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

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

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

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

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

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

/* ============
- margin Small (sm)
==============*/
@media (min-width: 768px) {
  .-margin-sm-10 {
    margin: -10px;
  }
}

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

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

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

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

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

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

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

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

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

/* ============
- margin Medium (md)
==============*/
@media (min-width: 992px) {
  .-margin-md-10 {
    margin: -10px;
  }
}

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

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

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

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

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

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

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

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

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

/* ============
- margin Large (lg)
==============*/
@media (min-width: 1200px) {
  .-margin-lg-10 {
    margin: -10px;
  }
}

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

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

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

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

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

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

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

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

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

/* ============
- margin Top All Screens
==============*/
.-margin-t-10 {
  margin-top: -10px;
}

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

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

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

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

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

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

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

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

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

/* ============
- margin Small (sm)
==============*/
@media (min-width: 768px) {
  .-margin-t-sm-10 {
    margin-top: -10px;
  }
}

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

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

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

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

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

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

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

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

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

/* ============
- margin Medium (md)
==============*/
@media (min-width: 992px) {
  .-margin-t-md-10 {
    margin-top: -10px;
  }
}

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

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

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

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

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

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

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

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

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

/* ============
- margin Large (md)
==============*/
@media (min-width: 1200px) {
  .-margin-t-lg-10 {
    margin-top: -10px;
  }
}

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

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

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

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

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

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

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

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

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

/* ============
- margin Bottom All Screens
==============*/
.-margin-b-10 {
  margin-bottom: -10px;
}

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

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

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

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

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

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

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

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

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

/* ============
- margin Small (sm)
  ==============*/
@media (min-width: 768px) {
  .-margin-b-sm-10 {
    margin-bottom: -10px;
  }
}

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

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

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

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

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

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

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

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

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

/* ============
- margin Medium (md)
  ==============*/
@media (min-width: 992px) {
  .-margin-b-md-10 {
    margin-bottom: -10px;
  }
}

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

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

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

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

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

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

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

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

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

/* ============
- margin Large (md)
  ==============*/
@media (min-width: 1200px) {
  .-margin-b-lg-10 {
    margin-bottom: -10px;
  }
}

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

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

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

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

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

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

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

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

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

/* ============
- margin Right All Screens
==============*/
.-margin-r-10 {
  margin-right: -10px;
}

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

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

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

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

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

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

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

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

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

/* ============
 - margin Small (sm)
    ==============*/
@media (min-width: 768px) {
  .-margin-r-sm-10 {
    margin-right: -10px;
  }
}

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

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

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

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

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

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

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

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

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

/* ============
- margin Medium (md)
    ==============*/
@media (min-width: 992px) {
  .-margin-r-md-10 {
    margin-right: -10px;
  }
}

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

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

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

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

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

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

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

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

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

/* ============
- margin Large (md)
    ==============*/
@media (min-width: 1200px) {
  .-margin-r-lg-10 {
    margin-right: -10px;
  }
}

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

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

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

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

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

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

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

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

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

/* ============
- margin Left All Screens
==============*/
.-margin-l-10 {
  margin-left: -10px;
}

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

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

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

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

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

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

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

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

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

/* ============
- margin Small (sm)
  ==============*/
@media (min-width: 768px) {
  .-margin-l-sm-10 {
    margin-left: -10px;
  }
}

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

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

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

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

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

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

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

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

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

/* ============
- margin Medium (md)
==============*/
@media (min-width: 992px) {
  .-margin-l-md-10 {
    margin-left: -10px;
  }
}

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

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

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

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

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

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

@media (min-width: 992px) {
  .-margin-l-md-80 {
    margin-left: -80px;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-90 {
    margin-left: -90px;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-100 {
    margin-left: -100px;
  }
}

/* ============
- margin Large (md)
 ==============*/
@media (min-width: 1200px) {
  .-margin-l-lg-10 {
    margin-left: -10px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-20 {
    margin-left: -20px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-30 {
    margin-left: -30px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-40 {
    margin-left: -40px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-50 {
    margin-left: -50px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-60 {
    margin-left: -60px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-70 {
    margin-left: -70px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-80 {
    margin-left: -80px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-90 {
    margin-left: -90px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-100 {
    margin-left: -100px;
  }
}

/* ============
Width All Screens
==============*/
.w-0 {
  width: 0;
}

.w-1 {
  width: 1px;
}

.w-2 {
  width: 2px;
}

.w-3 {
  width: 3px;
}

.w-4 {
  width: 4px;
}

.w-5 {
  width: 5px;
}

.w-6 {
  width: 6px;
}

.w-7 {
  width: 7px;
}

.w-8 {
  width: 8px;
}

.w-9 {
  width: 9px;
}

.w-10 {
  width: 10px;
}

.w-11 {
  width: 11px;
}

.w-12 {
  width: 12px;
}

.w-13 {
  width: 13px;
}

.w-14 {
  width: 14px;
}

.w-15 {
  width: 15px;
}

.w-16 {
  width: 16px;
}

.w-17 {
  width: 17px;
}

.w-18 {
  width: 18px;
}

.w-19 {
  width: 19px;
}

.w-20 {
  width: 20px;
}

.w-21 {
  width: 21px;
}

.w-22 {
  width: 22px;
}

.w-23 {
  width: 23px;
}

.w-24 {
  width: 24px;
}

.w-25 {
  width: 25px;
}

.w-26 {
  width: 26px;
}

.w-27 {
  width: 27px;
}

.w-28 {
  width: 28px;
}

.w-29 {
  width: 29px;
}

.w-30 {
  width: 30px;
}

.w-31 {
  width: 31px;
}

.w-32 {
  width: 32px;
}

.w-33 {
  width: 33px;
}

.w-34 {
  width: 34px;
}

.w-35 {
  width: 35px;
}

.w-36 {
  width: 36px;
}

.w-37 {
  width: 37px;
}

.w-38 {
  width: 38px;
}

.w-39 {
  width: 39px;
}

.w-40 {
  width: 40px;
}

.w-41 {
  width: 41px;
}

.w-42 {
  width: 42px;
}

.w-43 {
  width: 43px;
}

.w-44 {
  width: 44px;
}

.w-45 {
  width: 45px;
}

.w-46 {
  width: 46px;
}

.w-47 {
  width: 47px;
}

.w-48 {
  width: 48px;
}

.w-49 {
  width: 49px;
}

.w-50 {
  width: 50px;
}

.w-51 {
  width: 51px;
}

.w-52 {
  width: 52px;
}

.w-53 {
  width: 53px;
}

.w-54 {
  width: 54px;
}

.w-55 {
  width: 55px;
}

.w-56 {
  width: 56px;
}

.w-57 {
  width: 57px;
}

.w-58 {
  width: 58px;
}

.w-59 {
  width: 59px;
}

.w-60 {
  width: 60px;
}

.w-full {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

.w-auto {
  width: auto;
}

.w-max-content {
  width: max-content;
}

/* ============
height All Screens
==============*/
.h-0 {
  height: 0;
}

.h-1 {
  height: 1px;
}

.h-2 {
  height: 2px;
}

.h-3 {
  height: 3px;
}

.h-4 {
  height: 4px;
}

.h-5 {
  height: 5px;
}

.h-6 {
  height: 6px;
}

.h-7 {
  height: 7px;
}

.h-8 {
  height: 8px;
}

.h-9 {
  height: 9px;
}

.h-10 {
  height: 10px;
}

.h-11 {
  height: 11px;
}

.h-12 {
  height: 12px;
}

.h-13 {
  height: 13px;
}

.h-14 {
  height: 14px;
}

.h-15 {
  height: 15px;
}

.h-16 {
  height: 16px;
}

.h-17 {
  height: 17px;
}

.h-18 {
  height: 18px;
}

.h-19 {
  height: 19px;
}

.h-20 {
  height: 20px;
}

.h-21 {
  height: 21px;
}

.h-22 {
  height: 22px;
}

.h-23 {
  height: 23px;
}

.h-24 {
  height: 24px;
}

.h-25 {
  height: 25px;
}

.h-26 {
  height: 26px;
}

.h-27 {
  height: 27px;
}

.h-28 {
  height: 28px;
}

.h-29 {
  height: 29px;
}

.h-30 {
  height: 30px;
}

.h-31 {
  height: 31px;
}

.h-32 {
  height: 32px;
}

.h-33 {
  height: 33px;
}

.h-34 {
  height: 34px;
}

.h-35 {
  height: 35px;
}

.h-36 {
  height: 36px;
}

.h-37 {
  height: 37px;
}

.h-38 {
  height: 38px;
}

.h-39 {
  height: 39px;
}

.h-40 {
  height: 40px;
}

.h-41 {
  height: 41px;
}

.h-42 {
  height: 42px;
}

.h-43 {
  height: 43px;
}

.h-44 {
  height: 44px;
}

.h-45 {
  height: 45px;
}

.h-46 {
  height: 46px;
}

.h-47 {
  height: 47px;
}

.h-48 {
  height: 48px;
}

.h-49 {
  height: 49px;
}

.h-50 {
  height: 50px;
}

.h-51 {
  height: 51px;
}

.h-52 {
  height: 52px;
}

.h-53 {
  height: 53px;
}

.h-54 {
  height: 54px;
}

.h-55 {
  height: 55px;
}

.h-56 {
  height: 56px;
}

.h-57 {
  height: 57px;
}

.h-58 {
  height: 58px;
}

.h-59 {
  height: 59px;
}

.h-60 {
  height: 60px;
}

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

.h-auto {
  height: auto;
}

.h-max-content {
  height: max-content;
}

/* ============
min-width All Screens
==============*/
.min-w-10 {
  min-width: 10px;
}

.min-w-15 {
  min-width: 15px;
}

.min-w-20 {
  min-width: 20px;
}

.min-w-25 {
  min-width: 25px;
}

.min-w-30 {
  min-width: 30px;
}

.min-w-35 {
  min-width: 35px;
}

.min-w-40 {
  min-width: 40px;
}

.min-w-45 {
  min-width: 45px;
}

.min-w-50 {
  min-width: 50px;
}

.min-w-55 {
  min-width: 55px;
}

.min-w-60 {
  min-width: 60px;
}

.min-w-65 {
  min-width: 65px;
}

.min-w-70 {
  min-width: 70px;
}

.min-w-75 {
  min-width: 75px;
}

.min-w-80 {
  min-width: 80px;
}

.min-w-85 {
  min-width: 85px;
}

.min-w-90 {
  min-width: 90px;
}

.min-w-95 {
  min-width: 95px;
}

.min-w-100 {
  min-width: 100px;
}

.min-w-105 {
  min-width: 105px;
}

.min-w-110 {
  min-width: 110px;
}

.min-w-115 {
  min-width: 115px;
}

.min-w-120 {
  min-width: 120px;
}

.min-w-125 {
  min-width: 125px;
}

.min-w-130 {
  min-width: 130px;
}

.min-w-135 {
  min-width: 135px;
}

.min-w-140 {
  min-width: 140px;
}

.min-w-145 {
  min-width: 145px;
}

.min-w-150 {
  min-width: 150px;
}

.min-w-155 {
  min-width: 155px;
}

.min-w-160 {
  min-width: 160px;
}

.min-w-165 {
  min-width: 165px;
}

.min-w-170 {
  min-width: 170px;
}

.min-w-175 {
  min-width: 175px;
}

.min-w-180 {
  min-width: 180px;
}

/* ============
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;
}

.weight-500 {
  font-weight: 500;
}

.weight-600 {
  font-weight: 600;
}

.weight-700 {
  font-weight: 700;
}

.weight-800 {
  font-weight: 800;
}

.weight-900 {
  font-weight: 900;
}

/* ============
List Style Type
==============*/
.list-none {
  list-style-type: none;
}

.list-disc {
  list-style-type: disc;
}

.list-decimal {
  list-style-type: decimal;
}

/* ============
List Style Position
==============*/
.list-inside {
  list-style-position: inside;
}

.list-outside {
  list-style-position: outside;
}

/* ============
Text Color
==============*/
.color-transparent {
  color: transparent;
}

.color-black {
  color: var(--color-black);
}

.color-white {
  color: var(--color-white);
}

.color-primary {
  color: var(--color-primary);
}

.color-secondary {
  color: var(--color-secondary);
}

.color-snow {
  color: var(--color-snow);
}

.color-red {
  color: var(--color-red);
}

.color-orange {
  color: var(--color-orange);
}

.color-blue {
  color: var(--color-blue);
}

.color-yellow {
  color: var(--color-yellow);
}

.color-green {
  color: var(--color-green);
}

.color-text {
  color: var(--color-text);
}

.color-comment {
  color: var(--color-comment);
}

/* ============
Opacity Color Text 
==============*/
.color-opacity-5.color-black {
  color: rgba(0, 0, 0, 0.05);
}
.color-opacity-5.color-white {
  color: rgba(255, 255, 255, 0.05);
}
.color-opacity-5.color-primary {
  color: rgba(255, 63, 63, 0.05);
}
.color-opacity-5.color-secondary {
  color: rgba(41, 46, 52, 0.05);
}
.color-opacity-5.color-snow {
  color: rgba(197, 202, 210, 0.05);
}
.color-opacity-5.color-red {
  color: rgba(249, 53, 66, 0.05);
}
.color-opacity-5.color-orange {
  color: rgba(255, 131, 59, 0.05);
}
.color-opacity-5.color-blue {
  color: rgba(74, 140, 253, 0.05);
}
.color-opacity-5.color-yellow {
  color: rgba(245, 192, 46, 0.05);
}
.color-opacity-5.color-green {
  color: rgba(37, 201, 152, 0.05);
}

.color-opacity-10.color-black {
  color: rgba(0, 0, 0, 0.1);
}
.color-opacity-10.color-white {
  color: rgba(255, 255, 255, 0.1);
}
.color-opacity-10.color-primary {
  color: rgba(255, 63, 63, 0.1);
}
.color-opacity-10.color-secondary {
  color: rgba(41, 46, 52, 0.1);
}
.color-opacity-10.color-snow {
  color: rgba(197, 202, 210, 0.1);
}
.color-opacity-10.color-red {
  color: rgba(249, 53, 66, 0.1);
}
.color-opacity-10.color-orange {
  color: rgba(255, 131, 59, 0.1);
}
.color-opacity-10.color-blue {
  color: rgba(74, 140, 253, 0.1);
}
.color-opacity-10.color-yellow {
  color: rgba(245, 192, 46, 0.1);
}
.color-opacity-10.color-green {
  color: rgba(37, 201, 152, 0.1);
}

.color-opacity-15.color-black {
  color: rgba(0, 0, 0, 0.15);
}
.color-opacity-15.color-white {
  color: rgba(255, 255, 255, 0.15);
}
.color-opacity-15.color-primary {
  color: rgba(255, 63, 63, 0.15);
}
.color-opacity-15.color-secondary {
  color: rgba(41, 46, 52, 0.15);
}
.color-opacity-15.color-snow {
  color: rgba(197, 202, 210, 0.15);
}
.color-opacity-15.color-red {
  color: rgba(249, 53, 66, 0.15);
}
.color-opacity-15.color-orange {
  color: rgba(255, 131, 59, 0.15);
}
.color-opacity-15.color-blue {
  color: rgba(74, 140, 253, 0.15);
}
.color-opacity-15.color-yellow {
  color: rgba(245, 192, 46, 0.15);
}
.color-opacity-15.color-green {
  color: rgba(37, 201, 152, 0.15);
}

.color-opacity-20.color-black {
  color: rgba(0, 0, 0, 0.2);
}
.color-opacity-20.color-white {
  color: rgba(255, 255, 255, 0.2);
}
.color-opacity-20.color-primary {
  color: rgba(255, 63, 63, 0.2);
}
.color-opacity-20.color-secondary {
  color: rgba(41, 46, 52, 0.2);
}
.color-opacity-20.color-snow {
  color: rgba(197, 202, 210, 0.2);
}
.color-opacity-20.color-red {
  color: rgba(249, 53, 66, 0.2);
}
.color-opacity-20.color-orange {
  color: rgba(255, 131, 59, 0.2);
}
.color-opacity-20.color-blue {
  color: rgba(74, 140, 253, 0.2);
}
.color-opacity-20.color-yellow {
  color: rgba(245, 192, 46, 0.2);
}
.color-opacity-20.color-green {
  color: rgba(37, 201, 152, 0.2);
}

.color-opacity-25.color-black {
  color: rgba(0, 0, 0, 0.25);
}
.color-opacity-25.color-white {
  color: rgba(255, 255, 255, 0.25);
}
.color-opacity-25.color-primary {
  color: rgba(255, 63, 63, 0.25);
}
.color-opacity-25.color-secondary {
  color: rgba(41, 46, 52, 0.25);
}
.color-opacity-25.color-snow {
  color: rgba(197, 202, 210, 0.25);
}
.color-opacity-25.color-red {
  color: rgba(249, 53, 66, 0.25);
}
.color-opacity-25.color-orange {
  color: rgba(255, 131, 59, 0.25);
}
.color-opacity-25.color-blue {
  color: rgba(74, 140, 253, 0.25);
}
.color-opacity-25.color-yellow {
  color: rgba(245, 192, 46, 0.25);
}
.color-opacity-25.color-green {
  color: rgba(37, 201, 152, 0.25);
}

.color-opacity-30.color-black {
  color: rgba(0, 0, 0, 0.3);
}
.color-opacity-30.color-white {
  color: rgba(255, 255, 255, 0.3);
}
.color-opacity-30.color-primary {
  color: rgba(255, 63, 63, 0.3);
}
.color-opacity-30.color-secondary {
  color: rgba(41, 46, 52, 0.3);
}
.color-opacity-30.color-snow {
  color: rgba(197, 202, 210, 0.3);
}
.color-opacity-30.color-red {
  color: rgba(249, 53, 66, 0.3);
}
.color-opacity-30.color-orange {
  color: rgba(255, 131, 59, 0.3);
}
.color-opacity-30.color-blue {
  color: rgba(74, 140, 253, 0.3);
}
.color-opacity-30.color-yellow {
  color: rgba(245, 192, 46, 0.3);
}
.color-opacity-30.color-green {
  color: rgba(37, 201, 152, 0.3);
}

.color-opacity-35.color-black {
  color: rgba(0, 0, 0, 0.35);
}
.color-opacity-35.color-white {
  color: rgba(255, 255, 255, 0.35);
}
.color-opacity-35.color-primary {
  color: rgba(255, 63, 63, 0.35);
}
.color-opacity-35.color-secondary {
  color: rgba(41, 46, 52, 0.35);
}
.color-opacity-35.color-snow {
  color: rgba(197, 202, 210, 0.35);
}
.color-opacity-35.color-red {
  color: rgba(249, 53, 66, 0.35);
}
.color-opacity-35.color-orange {
  color: rgba(255, 131, 59, 0.35);
}
.color-opacity-35.color-blue {
  color: rgba(74, 140, 253, 0.35);
}
.color-opacity-35.color-yellow {
  color: rgba(245, 192, 46, 0.35);
}
.color-opacity-35.color-green {
  color: rgba(37, 201, 152, 0.35);
}

.color-opacity-40.color-black {
  color: rgba(0, 0, 0, 0.4);
}
.color-opacity-40.color-white {
  color: rgba(255, 255, 255, 0.4);
}
.color-opacity-40.color-primary {
  color: rgba(255, 63, 63, 0.4);
}
.color-opacity-40.color-secondary {
  color: rgba(41, 46, 52, 0.4);
}
.color-opacity-40.color-snow {
  color: rgba(197, 202, 210, 0.4);
}
.color-opacity-40.color-red {
  color: rgba(249, 53, 66, 0.4);
}
.color-opacity-40.color-orange {
  color: rgba(255, 131, 59, 0.4);
}
.color-opacity-40.color-blue {
  color: rgba(74, 140, 253, 0.4);
}
.color-opacity-40.color-yellow {
  color: rgba(245, 192, 46, 0.4);
}
.color-opacity-40.color-green {
  color: rgba(37, 201, 152, 0.4);
}

.color-opacity-45.color-black {
  color: rgba(0, 0, 0, 0.45);
}
.color-opacity-45.color-white {
  color: rgba(255, 255, 255, 0.45);
}
.color-opacity-45.bg-primary {
  color: rgba(255, 63, 63, 0.45);
}
.color-opacity-45.color-secondary {
  color: rgba(41, 46, 52, 0.45);
}
.color-opacity-45.color-snow {
  color: rgba(197, 202, 210, 0.45);
}
.color-opacity-45.color-red {
  color: rgba(249, 53, 66, 0.45);
}
.color-opacity-45.color-orange {
  color: rgba(255, 131, 59, 0.45);
}
.color-opacity-45.color-blue {
  color: rgba(74, 140, 253, 0.45);
}
.color-opacity-45.color-yellow {
  color: rgba(245, 192, 46, 0.45);
}
.color-opacity-45.color-green {
  color: rgba(37, 201, 152, 0.45);
}

.color-opacity-50.color-black {
  color: rgba(0, 0, 0, 0.5);
}
.color-opacity-50.color-white {
  color: rgba(255, 255, 255, 0.5);
}
.color-opacity-50.color-primary {
  color: rgba(255, 63, 63, 0.5);
}
.color-opacity-50.color-secondary {
  color: rgba(41, 46, 52, 0.5);
}
.color-opacity-50.color-snow {
  color: rgba(197, 202, 210, 0.5);
}
.color-opacity-50.color-red {
  color: rgba(249, 53, 66, 0.5);
}
.color-opacity-50.color-orange {
  color: rgba(255, 131, 59, 0.5);
}
.color-opacity-50.color-blue {
  color: rgba(74, 140, 253, 0.5);
}
.color-opacity-50.color-yellow {
  color: rgba(245, 192, 46, 0.5);
}
.color-opacity-50.color-green {
  color: rgba(37, 201, 152, 0.5);
}

.color-opacity-55.color-black {
  color: rgba(0, 0, 0, 0.55);
}
.color-opacity-55.color-white {
  color: rgba(255, 255, 255, 0.55);
}
.color-opacity-55.color-primary {
  color: rgba(255, 63, 63, 0.55);
}
.color-opacity-55.color-secondary {
  color: rgba(41, 46, 52, 0.55);
}
.color-opacity-55.color-snow {
  color: rgba(197, 202, 210, 0.55);
}
.color-opacity-55.color-red {
  color: rgba(249, 53, 66, 0.55);
}
.color-opacity-55.color-orange {
  color: rgba(255, 131, 59, 0.55);
}
.color-opacity-55.color-blue {
  color: rgba(74, 140, 253, 0.55);
}
.color-opacity-55.color-yellow {
  color: rgba(245, 192, 46, 0.55);
}
.color-opacity-55.color-green {
  color: rgba(37, 201, 152, 0.55);
}

.color-opacity-60.color-black {
  color: rgba(0, 0, 0, 0.6);
}
.color-opacity-60.color-white {
  color: rgba(255, 255, 255, 0.6);
}
.color-opacity-60.color-primary {
  color: rgba(255, 63, 63, 0.6);
}
.color-opacity-60.color-secondary {
  color: rgba(41, 46, 52, 0.6);
}
.color-opacity-60.color-snow {
  color: rgba(197, 202, 210, 0.6);
}
.color-opacity-60.color-red {
  color: rgba(249, 53, 66, 0.6);
}
.color-opacity-60.color-orange {
  color: rgba(255, 131, 59, 0.6);
}
.color-opacity-60.color-blue {
  color: rgba(74, 140, 253, 0.6);
}
.color-opacity-60.color-yellow {
  color: rgba(245, 192, 46, 0.6);
}
.color-opacity-60.color-green {
  color: rgba(37, 201, 152, 0.6);
}

.color-opacity-65.color-black {
  color: rgba(0, 0, 0, 0.65);
}
.color-opacity-65.color-white {
  color: rgba(255, 255, 255, 0.65);
}
.color-opacity-65.color-primary {
  color: rgba(255, 63, 63, 0.65);
}
.color-opacity-65.color-secondary {
  color: rgba(41, 46, 52, 0.65);
}
.color-opacity-65.color-snow {
  color: rgba(197, 202, 210, 0.65);
}
.color-opacity-65.color-red {
  color: rgba(249, 53, 66, 0.65);
}
.color-opacity-65.color-orange {
  color: rgba(255, 131, 59, 0.65);
}
.color-opacity-65.color-blue {
  color: rgba(74, 140, 253, 0.65);
}
.color-opacity-65.color-yellow {
  color: rgba(245, 192, 46, 0.65);
}
.color-opacity-65.color-green {
  color: rgba(37, 201, 152, 0.65);
}

.color-opacity-70.color-black {
  color: rgba(0, 0, 0, 0.7);
}
.color-opacity-70.color-white {
  color: rgba(255, 255, 255, 0.7);
}
.color-opacity-70.color-primary {
  color: rgba(255, 63, 63, 0.7);
}
.color-opacity-70.color-secondary {
  color: rgba(41, 46, 52, 0.7);
}
.color-opacity-70.color-snow {
  color: rgba(197, 202, 210, 0.7);
}
.color-opacity-70.color-red {
  color: rgba(249, 53, 66, 0.7);
}
.color-opacity-70.color-orange {
  color: rgba(255, 131, 59, 0.7);
}
.color-opacity-70.color-blue {
  color: rgba(74, 140, 253, 0.7);
}
.color-opacity-70.color-yellow {
  color: rgba(245, 192, 46, 0.7);
}
.color-opacity-70.color-green {
  color: rgba(37, 201, 152, 0.7);
}

.color-opacity-75.color-black {
  color: rgba(0, 0, 0, 0.75);
}
.color-opacity-75.color-white {
  color: rgba(255, 255, 255, 0.75);
}
.color-opacity-75.color-primary {
  color: rgba(255, 63, 63, 0.75);
}
.color-opacity-75.color-secondary {
  color: rgba(41, 46, 52, 0.75);
}
.color-opacity-75.color-snow {
  color: rgba(197, 202, 210, 0.75);
}
.color-opacity-75.color-red {
  color: rgba(249, 53, 66, 0.75);
}
.color-opacity-75.color-orange {
  color: rgba(255, 131, 59, 0.75);
}
.color-opacity-75.color-blue {
  color: rgba(74, 140, 253, 0.75);
}
.color-opacity-75.color-yellow {
  color: rgba(245, 192, 46, 0.75);
}
.color-opacity-75.color-green {
  color: rgba(37, 201, 152, 0.75);
}

.color-opacity-80.color-black {
  color: rgba(0, 0, 0, 0.8);
}
.color-opacity-80.color-white {
  color: rgba(255, 255, 255, 0.8);
}
.color-opacity-80.color-primary {
  color: rgba(255, 63, 63, 0.8);
}
.color-opacity-80.color-secondary {
  color: rgba(41, 46, 52, 0.8);
}
.color-opacity-80.color-snow {
  color: rgba(197, 202, 210, 0.8);
}
.color-opacity-80.color-red {
  color: rgba(249, 53, 66, 0.8);
}
.color-opacity-80.color-orange {
  color: rgba(255, 131, 59, 0.8);
}
.color-opacity-80.color-blue {
  color: rgba(74, 140, 253, 0.8);
}
.color-opacity-80.color-yellow {
  color: rgba(245, 192, 46, 0.8);
}
.color-opacity-80.color-green {
  color: rgba(37, 201, 152, 0.8);
}

.color-opacity-85.color-black {
  color: rgba(0, 0, 0, 0.85);
}
.color-opacity-85.color-white {
  color: rgba(255, 255, 255, 0.85);
}
.color-opacity-85.color-primary {
  color: rgba(255, 63, 63, 0.85);
}
.color-opacity-85.color-secondary {
  color: rgba(41, 46, 52, 0.85);
}
.color-opacity-85.color-snow {
  color: rgba(197, 202, 210, 0.85);
}
.color-opacity-85.color-red {
  color: rgba(249, 53, 66, 0.85);
}
.color-opacity-85.color-orange {
  color: rgba(255, 131, 59, 0.85);
}
.color-opacity-85.color-blue {
  color: rgba(74, 140, 253, 0.85);
}
.color-opacity-85.color-yellow {
  color: rgba(245, 192, 46, 0.85);
}
.color-opacity-85.color-green {
  color: rgba(37, 201, 152, 0.85);
}

.color-opacity-90.color-black {
  color: rgba(0, 0, 0, 0.9);
}
.color-opacity-90.color-white {
  color: rgba(255, 255, 255, 0.9);
}
.color-opacity-90.color-primary {
  color: rgba(255, 63, 63, 0.9);
}
.color-opacity-90.color-secondary {
  color: rgba(41, 46, 52, 0.9);
}
.color-opacity-90.color-snow {
  color: rgba(197, 202, 210, 0.9);
}
.color-opacity-90.color-red {
  color: rgba(249, 53, 66, 0.9);
}
.color-opacity-90.color-orange {
  color: rgba(255, 131, 59, 0.9);
}
.color-opacity-90.color-blue {
  color: rgba(74, 140, 253, 0.9);
}
.color-opacity-90.color-yellow {
  color: rgba(245, 192, 46, 0.9);
}
.color-opacity-90.color-green {
  color: rgba(37, 201, 152, 0.9);
}

.color-opacity-95.color-black {
  color: rgba(0, 0, 0, 0.95);
}
.color-opacity-95.color-white {
  color: rgba(255, 255, 255, 0.95);
}
.color-opacity-95.color-primary {
  color: rgba(255, 63, 63, 0.95);
}
.color-opacity-95.color-secondary {
  color: rgba(41, 46, 52, 0.95);
}
.color-opacity-95.color-snow {
  color: rgba(197, 202, 210, 0.95);
}
.color-opacity-95.color-red {
  color: rgba(249, 53, 66, 0.95);
}
.color-opacity-95.color-orange {
  color: rgba(255, 131, 59, 0.95);
}
.color-opacity-95.color-blue {
  color: rgba(74, 140, 253, 0.95);
}
.color-opacity-95.color-yellow {
  color: rgba(245, 192, 46, 0.95);
}
.color-opacity-95.color-green {
  color: rgba(37, 201, 152, 0.95);
}

/* ============
Background Color
==============*/
.bg-transparent {
  background-color: transparent;
}

.bg-black {
  background-color: var(--bg-black);
}

.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);
}

.bg-red {
  background-color: var(--bg-red) !important;
}

.bg-orange {
  background-color: var(--bg-orange);
}

.bg-blue {
  background-color: var(--bg-blue);
}

.bg-yellow {
  background-color: var(--bg-yellow);
}

.bg-green {
  background-color: var(--bg-green);
}

/* ============
Background Opacity
==============*/
.bg-opacity-5.bg-black {
  background-color: rgba(0, 0, 0, 0.05);
}
.bg-opacity-5.bg-white {
  background-color: rgba(255, 255, 255, 0.05);
}
.bg-opacity-5.bg-primary {
  background-color: rgba(255, 63, 63, 0.05);
}
.bg-opacity-5.bg-secondary {
  background-color: rgba(41, 46, 52, 0.05);
}
.bg-opacity-5.bg-snow {
  background-color: rgba(248, 248, 248, 0.05);
}
.bg-opacity-5.bg-red {
  background-color: rgba(249, 53, 66, 0.05);
}
.bg-opacity-5.bg-orange {
  background-color: rgba(255, 131, 59, 0.05);
}
.bg-opacity-5.bg-blue {
  background-color: rgba(74, 140, 253, 0.05);
}
.bg-opacity-5.bg-yellow {
  background-color: rgba(245, 192, 46, 0.05);
}
.bg-opacity-5.bg-green {
  background-color: rgba(37, 201, 152, 0.05);
}

.bg-opacity-10.bg-black {
  background-color: rgba(0, 0, 0, 0.1);
}
.bg-opacity-10.bg-white {
  background-color: rgba(255, 255, 255, 0.1);
}
.bg-opacity-10.bg-primary {
  background-color: rgba(255, 63, 63, 0.1);
}
.bg-opacity-10.bg-secondary {
  background-color: rgba(41, 46, 52, 0.1);
}
.bg-opacity-10.bg-snow {
  background-color: rgba(248, 248, 248, 0.1);
}
.bg-opacity-10.bg-red {
  background-color: rgba(249, 53, 66, 0.1) !important;
}
.bg-opacity-10.bg-orange {
  background-color: rgba(255, 131, 59, 0.1);
}
.bg-opacity-10.bg-blue {
  background-color: rgba(74, 140, 253, 0.1);
}
.bg-opacity-10.bg-yellow {
  background-color: rgba(245, 192, 46, 0.1);
}
.bg-opacity-10.bg-green {
  background-color: rgba(37, 201, 152, 0.1);
}

.bg-opacity-15.bg-black {
  background-color: rgba(0, 0, 0, 0.15);
}
.bg-opacity-15.bg-white {
  background-color: rgba(255, 255, 255, 0.15);
}
.bg-opacity-15.bg-primary {
  background-color: rgba(255, 63, 63, 0.15);
}
.bg-opacity-15.bg-secondary {
  background-color: rgba(41, 46, 52, 0.15);
}
.bg-opacity-15.bg-snow {
  background-color: rgba(248, 248, 248, 0.15);
}
.bg-opacity-15.bg-red {
  background-color: rgba(249, 53, 66, 0.15);
}
.bg-opacity-15.bg-orange {
  background-color: rgba(255, 131, 59, 0.15);
}
.bg-opacity-15.bg-blue {
  background-color: rgba(74, 140, 253, 0.15);
}
.bg-opacity-15.bg-yellow {
  background-color: rgba(245, 192, 46, 0.15);
}
.bg-opacity-15.bg-green {
  background-color: rgba(37, 201, 152, 0.15);
}

.bg-opacity-20.bg-black {
  background-color: rgba(0, 0, 0, 0.2);
}
.bg-opacity-20.bg-white {
  background-color: rgba(255, 255, 255, 0.2);
}
.bg-opacity-20.bg-primary {
  background-color: rgba(255, 63, 63, 0.2);
}
.bg-opacity-20.bg-secondary {
  background-color: rgba(41, 46, 52, 0.2);
}
.bg-opacity-20.bg-snow {
  background-color: rgba(248, 248, 248, 0.2);
}
.bg-opacity-20.bg-red {
  background-color: rgba(249, 53, 66, 0.2);
}
.bg-opacity-20.bg-orange {
  background-color: rgba(255, 131, 59, 0.2);
}
.bg-opacity-20.bg-blue {
  background-color: rgba(74, 140, 253, 0.2);
}
.bg-opacity-20.bg-yellow {
  background-color: rgba(245, 192, 46, 0.2);
}
.bg-opacity-20.bg-green {
  background-color: rgba(37, 201, 152, 0.2);
}

.bg-opacity-25.bg-black {
  background-color: rgba(0, 0, 0, 0.25);
}
.bg-opacity-25.bg-white {
  background-color: rgba(255, 255, 255, 0.25);
}
.bg-opacity-25.bg-primary {
  background-color: rgba(255, 63, 63, 0.25);
}
.bg-opacity-25.bg-secondary {
  background-color: rgba(41, 46, 52, 0.25);
}
.bg-opacity-25.bg-snow {
  background-color: rgba(248, 248, 248, 0.25);
}
.bg-opacity-25.bg-red {
  background-color: rgba(249, 53, 66, 0.25);
}
.bg-opacity-25.bg-orange {
  background-color: rgba(255, 131, 59, 0.25);
}
.bg-opacity-25.bg-blue {
  background-color: rgba(74, 140, 253, 0.25);
}
.bg-opacity-25.bg-yellow {
  background-color: rgba(245, 192, 46, 0.25);
}
.bg-opacity-25.bg-green {
  background-color: rgba(37, 201, 152, 0.25);
}

.bg-opacity-30.bg-black {
  background-color: rgba(0, 0, 0, 0.3);
}
.bg-opacity-30.bg-white {
  background-color: rgba(255, 255, 255, 0.3);
}
.bg-opacity-30.bg-primary {
  background-color: rgba(255, 63, 63, 0.3);
}
.bg-opacity-30.bg-secondary {
  background-color: rgba(41, 46, 52, 0.3);
}
.bg-opacity-30.bg-snow {
  background-color: rgba(248, 248, 248, 0.3);
}
.bg-opacity-30.bg-red {
  background-color: rgba(249, 53, 66, 0.3);
}
.bg-opacity-30.bg-orange {
  background-color: rgba(255, 131, 59, 0.3);
}
.bg-opacity-30.bg-blue {
  background-color: rgba(74, 140, 253, 0.3);
}
.bg-opacity-30.bg-yellow {
  background-color: rgba(245, 192, 46, 0.3);
}
.bg-opacity-30.bg-green {
  background-color: rgba(37, 201, 152, 0.3);
}

.bg-opacity-35.bg-black {
  background-color: rgba(0, 0, 0, 0.35);
}
.bg-opacity-35.bg-white {
  background-color: rgba(255, 255, 255, 0.35);
}
.bg-opacity-35.bg-primary {
  background-color: rgba(255, 63, 63, 0.35);
}
.bg-opacity-35.bg-secondary {
  background-color: rgba(41, 46, 52, 0.35);
}
.bg-opacity-35.bg-snow {
  background-color: rgba(248, 248, 248, 0.35);
}
.bg-opacity-35.bg-red {
  background-color: rgba(249, 53, 66, 0.35);
}
.bg-opacity-35.bg-orange {
  background-color: rgba(255, 131, 59, 0.35);
}
.bg-opacity-35.bg-blue {
  background-color: rgba(74, 140, 253, 0.35);
}
.bg-opacity-35.bg-yellow {
  background-color: rgba(245, 192, 46, 0.35);
}
.bg-opacity-35.bg-green {
  background-color: rgba(37, 201, 152, 0.35);
}

.bg-opacity-40.bg-black {
  background-color: rgba(0, 0, 0, 0.4);
}
.bg-opacity-40.bg-white {
  background-color: rgba(255, 255, 255, 0.4);
}
.bg-opacity-40.bg-primary {
  background-color: rgba(255, 63, 63, 0.4);
}
.bg-opacity-40.bg-secondary {
  background-color: rgba(41, 46, 52, 0.4);
}
.bg-opacity-40.bg-snow {
  background-color: rgba(248, 248, 248, 0.4);
}
.bg-opacity-40.bg-red {
  background-color: rgba(249, 53, 66, 0.4);
}
.bg-opacity-40.bg-orange {
  background-color: rgba(255, 131, 59, 0.4);
}
.bg-opacity-40.bg-blue {
  background-color: rgba(74, 140, 253, 0.4);
}
.bg-opacity-40.bg-yellow {
  background-color: rgba(245, 192, 46, 0.4);
}
.bg-opacity-40.bg-green {
  background-color: rgba(37, 201, 152, 0.4);
}

.bg-opacity-45.bg-black {
  background-color: rgba(0, 0, 0, 0.45);
}
.bg-opacity-45.bg-white {
  background-color: rgba(255, 255, 255, 0.45);
}
.bg-opacity-45.bg-primary {
  background-color: rgba(255, 63, 63, 0.45);
}
.bg-opacity-45.bg-secondary {
  background-color: rgba(41, 46, 52, 0.45);
}
.bg-opacity-45.bg-snow {
  background-color: rgba(248, 248, 248, 0.45);
}
.bg-opacity-45.bg-red {
  background-color: rgba(249, 53, 66, 0.45);
}
.bg-opacity-45.bg-orange {
  background-color: rgba(255, 131, 59, 0.45);
}
.bg-opacity-45.bg-blue {
  background-color: rgba(74, 140, 253, 0.45);
}
.bg-opacity-45.bg-yellow {
  background-color: rgba(245, 192, 46, 0.45);
}
.bg-opacity-45.bg-green {
  background-color: rgba(37, 201, 152, 0.45);
}

.bg-opacity-50.bg-black {
  background-color: rgba(0, 0, 0, 0.5);
}
.bg-opacity-50.bg-white {
  background-color: rgba(255, 255, 255, 0.5);
}
.bg-opacity-50.bg-primary {
  background-color: rgba(255, 63, 63, 0.5);
}
.bg-opacity-50.bg-secondary {
  background-color: rgba(41, 46, 52, 0.5);
}
.bg-opacity-50.bg-snow {
  background-color: rgba(248, 248, 248, 0.5);
}
.bg-opacity-50.bg-red {
  background-color: rgba(249, 53, 66, 0.5);
}
.bg-opacity-50.bg-orange {
  background-color: rgba(255, 131, 59, 0.5);
}
.bg-opacity-50.bg-blue {
  background-color: rgba(74, 140, 253, 0.5);
}
.bg-opacity-50.bg-yellow {
  background-color: rgba(245, 192, 46, 0.5);
}
.bg-opacity-50.bg-green {
  background-color: rgba(37, 201, 152, 0.5);
}

.bg-opacity-55.bg-black {
  background-color: rgba(0, 0, 0, 0.55);
}
.bg-opacity-55.bg-white {
  background-color: rgba(255, 255, 255, 0.55);
}
.bg-opacity-55.bg-primary {
  background-color: rgba(255, 63, 63, 0.55);
}
.bg-opacity-55.bg-secondary {
  background-color: rgba(41, 46, 52, 0.55);
}
.bg-opacity-55.bg-snow {
  background-color: rgba(248, 248, 248, 0.55);
}
.bg-opacity-55.bg-red {
  background-color: rgba(249, 53, 66, 0.55);
}
.bg-opacity-55.bg-orange {
  background-color: rgba(255, 131, 59, 0.55);
}
.bg-opacity-55.bg-blue {
  background-color: rgba(74, 140, 253, 0.55);
}
.bg-opacity-55.bg-yellow {
  background-color: rgba(245, 192, 46, 0.55);
}
.bg-opacity-55.bg-green {
  background-color: rgba(37, 201, 152, 0.55);
}

.bg-opacity-60.bg-black {
  background-color: rgba(0, 0, 0, 0.6);
}
.bg-opacity-60.bg-white {
  background-color: rgba(255, 255, 255, 0.6);
}
.bg-opacity-60.bg-primary {
  background-color: rgba(255, 63, 63, 0.6);
}
.bg-opacity-60.bg-secondary {
  background-color: rgba(41, 46, 52, 0.6);
}
.bg-opacity-60.bg-snow {
  background-color: rgba(248, 248, 248, 0.6);
}
.bg-opacity-60.bg-red {
  background-color: rgba(249, 53, 66, 0.6);
}
.bg-opacity-60.bg-orange {
  background-color: rgba(255, 131, 59, 0.6);
}
.bg-opacity-60.bg-blue {
  background-color: rgba(74, 140, 253, 0.6);
}
.bg-opacity-60.bg-yellow {
  background-color: rgba(245, 192, 46, 0.6);
}
.bg-opacity-60.bg-green {
  background-color: rgba(37, 201, 152, 0.6);
}

.bg-opacity-65.bg-black {
  background-color: rgba(0, 0, 0, 0.65);
}
.bg-opacity-65.bg-white {
  background-color: rgba(255, 255, 255, 0.65);
}
.bg-opacity-65.bg-primary {
  background-color: rgba(255, 63, 63, 0.65);
}
.bg-opacity-65.bg-secondary {
  background-color: rgba(41, 46, 52, 0.65);
}
.bg-opacity-65.bg-snow {
  background-color: rgba(248, 248, 248, 0.65);
}
.bg-opacity-65.bg-red {
  background-color: rgba(249, 53, 66, 0.65);
}
.bg-opacity-65.bg-orange {
  background-color: rgba(255, 131, 59, 0.65);
}
.bg-opacity-65.bg-blue {
  background-color: rgba(74, 140, 253, 0.65);
}
.bg-opacity-65.bg-yellow {
  background-color: rgba(245, 192, 46, 0.65);
}
.bg-opacity-65.bg-green {
  background-color: rgba(37, 201, 152, 0.65);
}

.bg-opacity-70.bg-black {
  background-color: rgba(0, 0, 0, 0.7);
}
.bg-opacity-70.bg-white {
  background-color: rgba(255, 255, 255, 0.7);
}
.bg-opacity-70.bg-primary {
  background-color: rgba(255, 63, 63, 0.7);
}
.bg-opacity-70.bg-secondary {
  background-color: rgba(41, 46, 52, 0.7);
}
.bg-opacity-70.bg-snow {
  background-color: rgba(248, 248, 248, 0.7);
}
.bg-opacity-70.bg-red {
  background-color: rgba(249, 53, 66, 0.7);
}
.bg-opacity-70.bg-orange {
  background-color: rgba(255, 131, 59, 0.7);
}
.bg-opacity-70.bg-blue {
  background-color: rgba(74, 140, 253, 0.7);
}
.bg-opacity-70.bg-yellow {
  background-color: rgba(245, 192, 46, 0.7);
}
.bg-opacity-70.bg-green {
  background-color: rgba(37, 201, 152, 0.7);
}

.bg-opacity-75.bg-black {
  background-color: rgba(0, 0, 0, 0.75);
}
.bg-opacity-75.bg-white {
  background-color: rgba(255, 255, 255, 0.75);
}
.bg-opacity-75.bg-primary {
  background-color: rgba(255, 63, 63, 0.75);
}
.bg-opacity-75.bg-secondary {
  background-color: rgba(41, 46, 52, 0.75);
}
.bg-opacity-75.bg-snow {
  background-color: rgba(248, 248, 248, 0.75);
}
.bg-opacity-75.bg-red {
  background-color: rgba(249, 53, 66, 0.75);
}
.bg-opacity-75.bg-orange {
  background-color: rgba(255, 131, 59, 0.75);
}
.bg-opacity-75.bg-blue {
  background-color: rgba(74, 140, 253, 0.75);
}
.bg-opacity-75.bg-yellow {
  background-color: rgba(245, 192, 46, 0.75);
}
.bg-opacity-75.bg-green {
  background-color: rgba(37, 201, 152, 0.75);
}

.bg-opacity-80.bg-black {
  background-color: rgba(0, 0, 0, 0.8);
}
.bg-opacity-80.bg-white {
  background-color: rgba(255, 255, 255, 0.8);
}
.bg-opacity-80.bg-primary {
  background-color: rgba(255, 63, 63, 0.8);
}
.bg-opacity-80.bg-secondary {
  background-color: rgba(41, 46, 52, 0.8);
}
.bg-opacity-80.bg-snow {
  background-color: rgba(248, 248, 248, 0.8);
}
.bg-opacity-80.bg-red {
  background-color: rgba(249, 53, 66, 0.8);
}
.bg-opacity-80.bg-orange {
  background-color: rgba(255, 131, 59, 0.8);
}
.bg-opacity-80.bg-blue {
  background-color: rgba(74, 140, 253, 0.8);
}
.bg-opacity-80.bg-yellow {
  background-color: rgba(245, 192, 46, 0.8);
}
.bg-opacity-80.bg-green {
  background-color: rgba(37, 201, 152, 0.8);
}

.bg-opacity-85.bg-black {
  background-color: rgba(0, 0, 0, 0.85);
}
.bg-opacity-85.bg-white {
  background-color: rgba(255, 255, 255, 0.85);
}
.bg-opacity-85.bg-primary {
  background-color: rgba(255, 63, 63, 0.85);
}
.bg-opacity-85.bg-secondary {
  background-color: rgba(41, 46, 52, 0.85);
}
.bg-opacity-85.bg-snow {
  background-color: rgba(248, 248, 248, 0.85);
}
.bg-opacity-85.bg-red {
  background-color: rgba(249, 53, 66, 0.85);
}
.bg-opacity-85.bg-orange {
  background-color: rgba(255, 131, 59, 0.85);
}
.bg-opacity-85.bg-blue {
  background-color: rgba(74, 140, 253, 0.85);
}
.bg-opacity-85.bg-yellow {
  background-color: rgba(245, 192, 46, 0.85);
}
.bg-opacity-85.bg-green {
  background-color: rgba(37, 201, 152, 0.85);
}

.bg-opacity-90.bg-black {
  background-color: rgba(0, 0, 0, 0.9);
}
.bg-opacity-90.bg-white {
  background-color: rgba(255, 255, 255, 0.9);
}
.bg-opacity-90.bg-primary {
  background-color: rgba(255, 63, 63, 0.9);
}
.bg-opacity-90.bg-secondary {
  background-color: rgba(41, 46, 52, 0.9);
}
.bg-opacity-90.bg-snow {
  background-color: rgba(248, 248, 248, 0.9);
}
.bg-opacity-90.bg-red {
  background-color: rgba(249, 53, 66, 0.9);
}
.bg-opacity-90.bg-orange {
  background-color: rgba(255, 131, 59, 0.9);
}
.bg-opacity-90.bg-blue {
  background-color: rgba(74, 140, 253, 0.9);
}
.bg-opacity-90.bg-yellow {
  background-color: rgba(245, 192, 46, 0.9);
}
.bg-opacity-90.bg-green {
  background-color: rgba(37, 201, 152, 0.9);
}

.bg-opacity-95.bg-black {
  background-color: rgba(0, 0, 0, 0.95);
}
.bg-opacity-95.bg-white {
  background-color: rgba(255, 255, 255, 0.95);
}
.bg-opacity-95.bg-primary {
  background-color: rgba(255, 63, 63, 0.95);
}
.bg-opacity-95.bg-secondary {
  background-color: rgba(41, 46, 52, 0.95);
}
.bg-opacity-95.bg-snow {
  background-color: rgba(248, 248, 248, 0.95);
}
.bg-opacity-95.bg-red {
  background-color: rgba(249, 53, 66, 0.95);
}
.bg-opacity-95.bg-orange {
  background-color: rgba(255, 131, 59, 0.95);
}
.bg-opacity-95.bg-blue {
  background-color: rgba(74, 140, 253, 0.95);
}
.bg-opacity-95.bg-yellow {
  background-color: rgba(245, 192, 46, 0.95);
}
.bg-opacity-95.bg-green {
  background-color: rgba(37, 201, 152, 0.95);
}

/* ============
Text Overflow
==============*/
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overflow-ellipsis {
  text-overflow: ellipsis;
}

.overflow-clip {
  text-overflow: clip;
}

/* ============
Vertical Alignment
==============*/
.align-baseline {
  vertical-align: baseline;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

.align-text-top {
  vertical-align: text-top;
}

.align-text-bottom {
  vertical-align: text-bottom;
}

/* ============
Whitespace
==============*/
.whitespace-normal {
  white-space: normal;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre {
  white-space: pre;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

/* ============
Word Break
==============*/
.break-normal {
  overflow-wrap: normal;
  word-break: normal;
}

.break-words {
  overflow-wrap: break-word;
}

.break-all {
  overflow-wrap: break-all;
}

/* ============
Background Attachment
==============*/
.bg-fixed {
  background-attachment: fixed;
}

.bg-local {
  background-attachment: local;
}

.bg-scroll {
  background-attachment: scroll;
}

/* ============
Background Position
==============*/
.bg-bottom {
  background-position: bottom;
}

.bg-center {
  background-position: center;
}

.bg-left {
  background-position: left;
}

.bg-left-bottom {
  background-position: left bottom;
}

.bg-left-top {
  background-position: left top;
}

.bg-right {
  background-position: right;
}

.bg-right-bottom {
  background-position: right bottom;
}

.bg-right-top {
  background-position: right top;
}

.bg-top {
  background-position: top;
}

/* ============
Background Repeat
==============*/
.bg-repeat {
  background-repeat: repeat;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.bg-repeat-x {
  background-repeat: repeat-x;
}

.bg-repeat-y {
  background-repeat: repeat-y;
}

.bg-repeat-round {
  background-repeat: round;
}

.bg-repeat-space {
  background-repeat: space;
}

/* ============
Background Repeat
==============*/
.bg-auto {
  background-size: auto;
}

.bg-cover {
  background-size: cover;
}

.bg-contain {
  background-size: contain;
}

.bg-full {
  background-size: 100%;
}

/* =============================
Background Color Social Network 
================================*/
.bg-android {
  background-color: var(--color-android);
}

.bg-clarity {
  background-color: var(--color-clarity);
}

.bg-dribbble {
  background-color: var(--color-dribbble);
}

.bg-google-plus {
  background-color: var(--color-google-plus);
}

.bg-instagram {
  background-color: var(--color-instagram);
}

.bg-mastodon {
  background-color: var(--color-mastodon);
}

.bg-periscope {
  background-color: var(--color-periscope);
}

.bg-quora {
  background-color: var(--color-quora);
}

.bg-slack {
  background-color: var(--color-slack);
}

.bg-soundcloud {
  background-color: var(--color-soundcloud);
}

.bg-stumbleupon {
  background-color: var(--color-stumbleupon);
}

.bg-tiktok {
  background-color: var(--color-tiktok);
}

.bg-twitter {
  background-color: var(--color-twitter);
}

.bg-vk {
  background-color: var(--color-vk);
}

.bg-yelp {
  background-color: var(--color-yelp);
}

.bg-alexa {
  background-color: var(--color-alexa);
}

.bg-deviantArt {
  background-color: var(--color-deviantArt);
}

.bg-facebook {
  background-color: var(--color-facebook);
}

.bg-linkedin {
  background-color: var(--color-linkedin);
}

.bg-medium {
  background-color: var(--color-medium);
}

.bg-pinterest {
  background-color: var(--color-pinterest);
}

.bg-reddit {
  background-color: var(--color-reddit);
}

.bg-slideshare {
  background-color: var(--color-slideshare);
}

.bg-spotify {
  background-color: var(--color-spotify);
}

.bg-tumblr {
  background-color: var(--color-tumblr);
}

.bg-vimeo {
  background-color: var(--color-vimeo);
}

.bg-whatsapp {
  background-color: var(--color-whatsapp);
}

.bg-youtube {
  background-color: var(--color-youtube);
}

.bg-amazon {
  background-color: var(--color-amazon);
}

.bg-apple {
  background-color: var(--color-apple);
}

.bg-flickr {
  background-color: var(--color-flickr);
}

.bg-google {
  background-color: var(--color-google);
}

.bg-houzz {
  background-color: var(--color-houzz);
}

.bg-microsoft {
  background-color: var(--color-microsoft);
}

.bg-snapchat {
  background-color: var(--color-snapchat);
}

.bg-behance {
  background-color: var(--color-behance);
}

.bg-skype {
  background-color: var(--color-skype);
}

.bg-telegram {
  background-color: var(--color-telegram);
}

/* =============================
Color Social Network 
================================*/
.color-android {
  color: var(--color-android);
}

.color-clarity {
  color: var(--color-clarity);
}

.color-dribbble {
  color: var(--color-dribbble);
}

.color-google-plus {
  color: var(--color-google-plus);
}

.color-instagram {
  color: var(--color-instagram);
}

.color-mastodon {
  color: var(--color-mastodon);
}

.color-periscope {
  color: var(--color-periscope);
}

.color-quora {
  color: var(--color-quora);
}

.color-slack {
  color: var(--color-slack);
}

.color-soundcloud {
  color: var(--color-soundcloud);
}

.color-stumbleupon {
  color: var(--color-stumbleupon);
}

.color-tiktok {
  color: var(--color-tiktok);
}

.color-twitter {
  color: var(--color-twitter);
}

.color-vk {
  color: var(--color-vk);
}

.color-yelp {
  color: var(--color-yelp);
}

.color-alexa {
  color: var(--color-alexa);
}

.color-deviantArt {
  color: var(--color-deviantArt);
}

.color-facebook {
  color: var(--color-facebook);
}

.color-linkedin {
  color: var(--color-linkedin);
}

.color-medium {
  color: var(--color-medium);
}

.color-pinterest {
  color: var(--color-pinterest);
}

.color-reddit {
  color: var(--color-reddit);
}

.color-slideshare {
  color: var(--color-slideshare);
}

.color-spotify {
  color: var(--color-spotify);
}

.color-tumblr {
  color: var(--color-tumblr);
}

.color-vimeo {
  color: var(--color-vimeo);
}

.color-whatsapp {
  color: var(--color-whatsapp);
}

.color-youtube {
  color: var(--color-youtube);
}

.color-amazon {
  color: var(--color-amazon);
}

.color-apple {
  color: var(--color-apple);
}

.color-flickr {
  color: var(--color-flickr);
}

.color-google {
  color: var(--color-google);
}

.color-houzz {
  color: var(--color-houzz);
}

.color-microsoft {
  color: var(--color-microsoft);
}

.color-snapchat {
  color: var(--color-snapchat);
}

.color-behance {
  color: var(--color-behance);
}

.color-telegram {
  color: var(--color-telegram);
}

/* =============================
Border-color Social Network 
================================*/
.border-android {
  border-color: var(--color-android);
}

.border-clarity {
  border-color: var(--color-clarity);
}

.border-dribbble {
  border-color: var(--color-dribbble);
}

.border-google-plus {
  border-color: var(--color-google-plus);
}

.border-instagram {
  border-color: var(--color-instagram);
}

.border-mastodon {
  border-color: var(--color-mastodon);
}

.border-periscope {
  border-color: var(--color-periscope);
}

.border-quora {
  border-color: var(--color-quora);
}

.border-slack {
  border-color: var(--color-slack);
}

.border-soundcloud {
  border-color: var(--color-soundcloud);
}

.border-stumbleupon {
  border-color: var(--color-stumbleupon);
}

.border-tiktok {
  border-color: var(--color-tiktok);
}

.border-twitter {
  border-color: var(--color-twitter);
}

.border-vk {
  border-color: var(--color-vk);
}

.border-yelp {
  border-color: var(--color-yelp);
}

.border-alexa {
  border-color: var(--color-alexa);
}

.border-deviantArt {
  border-color: var(--color-deviantArt);
}

.border-facebook {
  border-color: var(--color-facebook);
}

.border-linkedin {
  border-color: var(--color-linkedin);
}

.border-medium {
  border-color: var(--color-medium);
}

.border-pinterest {
  border-color: var(--color-pinterest);
}

.border-reddit {
  border-color: var(--color-reddit);
}

.border-slideshare {
  border-color: var(--color-slideshare);
}

.border-spotify {
  border-color: var(--color-spotify);
}

.border-tumblr {
  border-color: var(--color-tumblr);
}

.border-vimeo {
  border-color: var(--color-vimeo);
}

.border-whatsapp {
  border-color: var(--color-whatsapp);
}

.border-youtube {
  border-color: var(--color-youtube);
}

.border-amazon {
  border-color: var(--color-amazon);
}

.border-apple {
  border-color: var(--color-apple);
}

.border-flickr {
  border-color: var(--color-flickr);
}

.border-google {
  border-color: var(--color-google);
}

.border-houzz {
  border-color: var(--color-houzz);
}

.border-microsoft {
  border-color: var(--color-microsoft);
}

.border-snapchat {
  border-color: var(--color-snapchat);
}

.border-behance {
  border-color: var(--color-behance);
}

/* ============
Border Radius
==============*/
.rounded-none {
  border-radius: 0;
}

.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-21 {
  border-radius: 21px !important;
}

.rounded-22 {
  border-radius: 22px !important;
}

.rounded-23 {
  border-radius: 23px !important;
}

.rounded-24 {
  border-radius: 24px !important;
}

.rounded-25 {
  border-radius: 25px !important;
}

.rounded-26 {
  border-radius: 26px !important;
}

.rounded-27 {
  border-radius: 27px !important;
}

.rounded-28 {
  border-radius: 28px !important;
}

.rounded-29 {
  border-radius: 29px !important;
}

.rounded-30 {
  border-radius: 30px !important;
}

.rounded-31 {
  border-radius: 31px !important;
}

.rounded-32 {
  border-radius: 32px !important;
}

.rounded-33 {
  border-radius: 33px !important;
}

.rounded-34 {
  border-radius: 34px !important;
}

.rounded-35 {
  border-radius: 35px !important;
}

.rounded-36 {
  border-radius: 36px !important;
}

.rounded-37 {
  border-radius: 37px !important;
}

.rounded-38 {
  border-radius: 38px !important;
}

.rounded-39 {
  border-radius: 39px !important;
}

.rounded-40 {
  border-radius: 40px !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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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);
}
.border-opacity-5.border-white {
  border-color: rgba(255, 255, 255, 0.05);
}
.border-opacity-5.border-primary {
  border-color: rgba(255, 63, 63, 0.05);
}
.border-opacity-5.border-secondary {
  border-color: rgba(41, 46, 52, 0.05);
}
.border-opacity-5.border-snow {
  border-color: rgba(233, 234, 236, 0.05);
}
.border-opacity-5.border-red {
  border-color: rgba(249, 53, 66, 0.05);
}
.border-opacity-5.border-orange {
  border-color: rgba(255, 131, 59, 0.05);
}
.border-opacity-5.border-blue {
  border-color: rgba(74, 140, 253, 0.05);
}
.border-opacity-5.border-yellow {
  border-color: rgba(245, 192, 46, 0.05);
}
.border-opacity-5.border-green {
  border-color: rgba(37, 201, 152, 0.05);
}

.border-opacity-10.border-black {
  border-color: rgba(0, 0, 0, 0.1);
}
.border-opacity-10.border-white {
  border-color: rgba(255, 255, 255, 0.1);
}
.border-opacity-10.border-primary {
  border-color: rgba(255, 63, 63, 0.1);
}
.border-opacity-10.border-secondary {
  border-color: rgba(41, 46, 52, 0.1);
}
.border-opacity-10.border-snow {
  border-color: rgba(233, 234, 236, 0.1);
}
.border-opacity-10.border-red {
  border-color: rgba(249, 53, 66, 0.1);
}
.border-opacity-10.border-orange {
  border-color: rgba(255, 131, 59, 0.1);
}
.border-opacity-10.border-blue {
  border-color: rgba(74, 140, 253, 0.1);
}
.border-opacity-10.border-yellow {
  border-color: rgba(245, 192, 46, 0.1);
}
.border-opacity-10.border-green {
  border-color: rgba(37, 201, 152, 0.1);
}

.border-opacity-15.border-black {
  border-color: rgba(0, 0, 0, 0.15);
}
.border-opacity-15.border-white {
  border-color: rgba(255, 255, 255, 0.15);
}
.border-opacity-15.border-primary {
  border-color: rgba(255, 63, 63, 0.15);
}
.border-opacity-15.border-secondary {
  border-color: rgba(41, 46, 52, 0.15);
}
.border-opacity-15.border-snow {
  border-color: rgba(233, 234, 236, 0.15);
}
.border-opacity-15.border-red {
  border-color: rgba(249, 53, 66, 0.15);
}
.border-opacity-15.border-orange {
  border-color: rgba(255, 131, 59, 0.15);
}
.border-opacity-15.border-blue {
  border-color: rgba(74, 140, 253, 0.15);
}
.border-opacity-15.border-yellow {
  border-color: rgba(245, 192, 46, 0.15);
}
.border-opacity-15.border-green {
  border-color: rgba(37, 201, 152, 0.15);
}

.border-opacity-20.border-black {
  border-color: rgba(0, 0, 0, 0.2);
}
.border-opacity-20.border-white {
  border-color: rgba(255, 255, 255, 0.2);
}
.border-opacity-20.border-primary {
  border-color: rgba(255, 63, 63, 0.2);
}
.border-opacity-20.border-secondary {
  border-color: rgba(41, 46, 52, 0.2);
}
.border-opacity-20.border-snow {
  border-color: rgba(233, 234, 236, 0.2);
}
.border-opacity-20.border-red {
  border-color: rgba(249, 53, 66, 0.2);
}
.border-opacity-20.border-orange {
  border-color: rgba(255, 131, 59, 0.2);
}
.border-opacity-20.border-blue {
  border-color: rgba(74, 140, 253, 0.2);
}
.border-opacity-20.border-yellow {
  border-color: rgba(245, 192, 46, 0.2);
}
.border-opacity-20.border-green {
  border-color: rgba(37, 201, 152, 0.2);
}

.border-opacity-25.border-black {
  border-color: rgba(0, 0, 0, 0.25);
}
.border-opacity-25.border-white {
  border-color: rgba(255, 255, 255, 0.25);
}
.border-opacity-25.border-primary {
  border-color: rgba(255, 63, 63, 0.25);
}
.border-opacity-25.border-secondary {
  border-color: rgba(41, 46, 52, 0.25);
}
.border-opacity-25.border-snow {
  border-color: rgba(233, 234, 236, 0.25);
}
.border-opacity-25.border-red {
  border-color: rgba(249, 53, 66, 0.25);
}
.border-opacity-25.border-orange {
  border-color: rgba(255, 131, 59, 0.25);
}
.border-opacity-25.border-blue {
  border-color: rgba(74, 140, 253, 0.25);
}
.border-opacity-25.border-yellow {
  border-color: rgba(245, 192, 46, 0.25);
}
.border-opacity-25.border-green {
  border-color: rgba(37, 201, 152, 0.25);
}

.border-opacity-30.border-black {
  border-color: rgba(0, 0, 0, 0.3);
}
.border-opacity-30.border-white {
  border-color: rgba(255, 255, 255, 0.3);
}
.border-opacity-30.border-primary {
  border-color: rgba(255, 63, 63, 0.3);
}
.border-opacity-30.border-secondary {
  border-color: rgba(41, 46, 52, 0.3);
}
.border-opacity-30.border-snow {
  border-color: rgba(233, 234, 236, 0.3);
}
.border-opacity-30.border-red {
  border-color: rgba(249, 53, 66, 0.3);
}
.border-opacity-30.border-orange {
  border-color: rgba(255, 131, 59, 0.3);
}
.border-opacity-30.border-blue {
  border-color: rgba(74, 140, 253, 0.3);
}
.border-opacity-30.border-yellow {
  border-color: rgba(245, 192, 46, 0.3);
}
.border-opacity-30.border-green {
  border-color: rgba(37, 201, 152, 0.3);
}

.border-opacity-35.border-black {
  border-color: rgba(0, 0, 0, 0.35);
}
.border-opacity-35.border-white {
  border-color: rgba(255, 255, 255, 0.35);
}
.border-opacity-35.border-primary {
  border-color: rgba(255, 63, 63, 0.35);
}
.border-opacity-35.border-secondary {
  border-color: rgba(41, 46, 52, 0.35);
}
.border-opacity-35.border-snow {
  border-color: rgba(233, 234, 236, 0.35);
}
.border-opacity-35.border-red {
  border-color: rgba(249, 53, 66, 0.35);
}
.border-opacity-35.border-orange {
  border-color: rgba(255, 131, 59, 0.35);
}
.border-opacity-35.border-blue {
  border-color: rgba(74, 140, 253, 0.35);
}
.border-opacity-35.border-yellow {
  border-color: rgba(245, 192, 46, 0.35);
}
.border-opacity-35.border-green {
  border-color: rgba(37, 201, 152, 0.35);
}

.border-opacity-40.border-black {
  border-color: rgba(0, 0, 0, 0.4);
}
.border-opacity-40.border-white {
  border-color: rgba(255, 255, 255, 0.4);
}
.border-opacity-40.border-primary {
  border-color: rgba(255, 63, 63, 0.4);
}
.border-opacity-40.border-secondary {
  border-color: rgba(41, 46, 52, 0.4);
}
.border-opacity-40.border-snow {
  border-color: rgba(233, 234, 236, 0.4);
}
.border-opacity-40.border-red {
  border-color: rgba(249, 53, 66, 0.4);
}
.border-opacity-40.border-orange {
  border-color: rgba(255, 131, 59, 0.4);
}
.border-opacity-40.border-blue {
  border-color: rgba(74, 140, 253, 0.4);
}
.border-opacity-40.border-yellow {
  border-color: rgba(245, 192, 46, 0.4);
}
.border-opacity-40.border-green {
  border-color: rgba(37, 201, 152, 0.4);
}

.border-opacity-45.border-black {
  border-color: rgba(0, 0, 0, 0.45);
}
.border-opacity-45.border-white {
  border-color: rgba(255, 255, 255, 0.45);
}
.border-opacity-45.border-primary {
  border-color: rgba(255, 63, 63, 0.45);
}
.border-opacity-45.border-secondary {
  border-color: rgba(41, 46, 52, 0.45);
}
.border-opacity-45.border-snow {
  border-color: rgba(233, 234, 236, 0.45);
}
.border-opacity-45.border-red {
  border-color: rgba(249, 53, 66, 0.45);
}
.border-opacity-45.border-orange {
  border-color: rgba(255, 131, 59, 0.45);
}
.border-opacity-45.border-blue {
  border-color: rgba(74, 140, 253, 0.45);
}
.border-opacity-45.border-yellow {
  border-color: rgba(245, 192, 46, 0.45);
}
.border-opacity-45.border-green {
  border-color: rgba(37, 201, 152, 0.45);
}

.border-opacity-50.border-black {
  border-color: rgba(0, 0, 0, 0.5);
}
.border-opacity-50.border-white {
  border-color: rgba(255, 255, 255, 0.5);
}
.border-opacity-50.border-primary {
  border-color: rgba(255, 63, 63, 0.5);
}
.border-opacity-50.border-secondary {
  border-color: rgba(41, 46, 52, 0.5);
}
.border-opacity-50.border-snow {
  border-color: rgba(233, 234, 236, 0.5);
}
.border-opacity-50.border-red {
  border-color: rgba(249, 53, 66, 0.5);
}
.border-opacity-50.border-orange {
  border-color: rgba(255, 131, 59, 0.5);
}
.border-opacity-50.border-blue {
  border-color: rgba(74, 140, 253, 0.5);
}
.border-opacity-50.border-yellow {
  border-color: rgba(245, 192, 46, 0.5);
}
.border-opacity-50.border-green {
  border-color: rgba(37, 201, 152, 0.5);
}

.border-opacity-55.border-black {
  border-color: rgba(0, 0, 0, 0.55);
}
.border-opacity-55.border-white {
  border-color: rgba(255, 255, 255, 0.55);
}
.border-opacity-55.border-primary {
  border-color: rgba(255, 63, 63, 0.55);
}
.border-opacity-55.border-secondary {
  border-color: rgba(41, 46, 52, 0.55);
}
.border-opacity-55.border-snow {
  border-color: rgba(233, 234, 236, 0.55);
}
.border-opacity-55.border-red {
  border-color: rgba(249, 53, 66, 0.55);
}
.border-opacity-55.border-orange {
  border-color: rgba(255, 131, 59, 0.55);
}
.border-opacity-55.border-blue {
  border-color: rgba(74, 140, 253, 0.55);
}
.border-opacity-55.border-yellow {
  border-color: rgba(245, 192, 46, 0.55);
}
.border-opacity-55.border-green {
  border-color: rgba(37, 201, 152, 0.55);
}

.border-opacity-60.border-black {
  border-color: rgba(0, 0, 0, 0.6);
}
.border-opacity-60.border-white {
  border-color: rgba(255, 255, 255, 0.6);
}
.border-opacity-60.border-primary {
  border-color: rgba(255, 63, 63, 0.6);
}
.border-opacity-60.border-secondary {
  border-color: rgba(41, 46, 52, 0.6);
}
.border-opacity-60.border-snow {
  border-color: rgba(233, 234, 236, 0.6);
}
.border-opacity-60.border-red {
  border-color: rgba(249, 53, 66, 0.6);
}
.border-opacity-60.border-orange {
  border-color: rgba(255, 131, 59, 0.6);
}
.border-opacity-60.border-blue {
  border-color: rgba(74, 140, 253, 0.6);
}
.border-opacity-60.border-yellow {
  border-color: rgba(245, 192, 46, 0.6);
}
.border-opacity-60.border-green {
  border-color: rgba(37, 201, 152, 0.6);
}

.border-opacity-65.border-black {
  border-color: rgba(0, 0, 0, 0.65);
}
.border-opacity-65.border-white {
  border-color: rgba(255, 255, 255, 0.65);
}
.border-opacity-65.border-primary {
  border-color: rgba(255, 63, 63, 0.65);
}
.border-opacity-65.border-secondary {
  border-color: rgba(41, 46, 52, 0.65);
}
.border-opacity-65.border-snow {
  border-color: rgba(233, 234, 236, 0.65);
}
.border-opacity-65.border-red {
  border-color: rgba(249, 53, 66, 0.65);
}
.border-opacity-65.border-orange {
  border-color: rgba(255, 131, 59, 0.65);
}
.border-opacity-65.border-blue {
  border-color: rgba(74, 140, 253, 0.65);
}
.border-opacity-65.border-yellow {
  border-color: rgba(245, 192, 46, 0.65);
}
.border-opacity-65.border-green {
  border-color: rgba(37, 201, 152, 0.65);
}

.border-opacity-70.border-black {
  border-color: rgba(0, 0, 0, 0.7);
}
.border-opacity-70.border-white {
  border-color: rgba(255, 255, 255, 0.7);
}
.border-opacity-70.border-primary {
  border-color: rgba(255, 63, 63, 0.7);
}
.border-opacity-70.border-secondary {
  border-color: rgba(41, 46, 52, 0.7);
}
.border-opacity-70.border-snow {
  border-color: rgba(233, 234, 236, 0.7);
}
.border-opacity-70.border-red {
  border-color: rgba(249, 53, 66, 0.7);
}
.border-opacity-70.border-orange {
  border-color: rgba(255, 131, 59, 0.7);
}
.border-opacity-70.border-blue {
  border-color: rgba(74, 140, 253, 0.7);
}
.border-opacity-70.border-yellow {
  border-color: rgba(245, 192, 46, 0.7);
}
.border-opacity-70.border-green {
  border-color: rgba(37, 201, 152, 0.7);
}

.border-opacity-75.border-black {
  border-color: rgba(0, 0, 0, 0.75);
}
.border-opacity-75.border-white {
  border-color: rgba(255, 255, 255, 0.75);
}
.border-opacity-75.border-primary {
  border-color: rgba(255, 63, 63, 0.75);
}
.border-opacity-75.border-secondary {
  border-color: rgba(41, 46, 52, 0.75);
}
.border-opacity-75.border-snow {
  border-color: rgba(233, 234, 236, 0.75);
}
.border-opacity-75.border-red {
  border-color: rgba(249, 53, 66, 0.75);
}
.border-opacity-75.border-orange {
  border-color: rgba(255, 131, 59, 0.75);
}
.border-opacity-75.border-blue {
  border-color: rgba(74, 140, 253, 0.75);
}
.border-opacity-75.border-yellow {
  border-color: rgba(245, 192, 46, 0.75);
}
.border-opacity-75.border-green {
  border-color: rgba(37, 201, 152, 0.75);
}

.border-opacity-80.border-black {
  border-color: rgba(0, 0, 0, 0.8);
}
.border-opacity-80.border-white {
  border-color: rgba(255, 255, 255, 0.8);
}
.border-opacity-80.border-primary {
  border-color: rgba(255, 63, 63, 0.8);
}
.border-opacity-80.border-secondary {
  border-color: rgba(41, 46, 52, 0.8);
}
.border-opacity-80.border-snow {
  border-color: rgba(233, 234, 236, 0.8);
}
.border-opacity-80.border-red {
  border-color: rgba(249, 53, 66, 0.8);
}
.border-opacity-80.border-orange {
  border-color: rgba(255, 131, 59, 0.8);
}
.border-opacity-80.border-blue {
  border-color: rgba(74, 140, 253, 0.8);
}
.border-opacity-80.border-yellow {
  border-color: rgba(245, 192, 46, 0.8);
}
.border-opacity-80.border-green {
  border-color: rgba(37, 201, 152, 0.8);
}

.border-opacity-85.border-black {
  border-color: rgba(0, 0, 0, 0.85);
}
.border-opacity-85.border-white {
  border-color: rgba(255, 255, 255, 0.85);
}
.border-opacity-85.border-primary {
  border-color: rgba(255, 63, 63, 0.85);
}
.border-opacity-85.border-secondary {
  border-color: rgba(41, 46, 52, 0.85);
}
.border-opacity-85.border-snow {
  border-color: rgba(233, 234, 236, 0.85);
}
.border-opacity-85.border-red {
  border-color: rgba(249, 53, 66, 0.85);
}
.border-opacity-85.border-orange {
  border-color: rgba(255, 131, 59, 0.85);
}
.border-opacity-85.border-blue {
  border-color: rgba(74, 140, 253, 0.85);
}
.border-opacity-85.border-yellow {
  border-color: rgba(245, 192, 46, 0.85);
}
.border-opacity-85.border-green {
  border-color: rgba(37, 201, 152, 0.85);
}

.border-opacity-90.border-black {
  border-color: rgba(0, 0, 0, 0.9);
}
.border-opacity-90.border-white {
  border-color: rgba(255, 255, 255, 0.9);
}
.border-opacity-90.border-primary {
  border-color: rgba(255, 63, 63, 0.9);
}
.border-opacity-90.border-secondary {
  border-color: rgba(41, 46, 52, 0.9);
}
.border-opacity-90.border-snow {
  border-color: rgba(233, 234, 236, 0.9);
}
.border-opacity-90.border-red {
  border-color: rgba(249, 53, 66, 0.9);
}
.border-opacity-90.border-orange {
  border-color: rgba(255, 131, 59, 0.9);
}
.border-opacity-90.border-blue {
  border-color: rgba(74, 140, 253, 0.9);
}
.border-opacity-90.border-yellow {
  border-color: rgba(245, 192, 46, 0.9);
}
.border-opacity-90.border-green {
  border-color: rgba(37, 201, 152, 0.9);
}

.border-opacity-95.border-black {
  border-color: rgba(0, 0, 0, 0.95);
}
.border-opacity-95.border-white {
  border-color: rgba(255, 255, 255, 0.95);
}
.border-opacity-95.border-primary {
  border-color: rgba(255, 63, 63, 0.95);
}
.border-opacity-95.border-secondary {
  border-color: rgba(41, 46, 52, 0.95);
}
.border-opacity-95.border-snow {
  border-color: rgba(233, 234, 236, 0.95);
}
.border-opacity-95.border-red {
  border-color: rgba(249, 53, 66, 0.95);
}
.border-opacity-95.border-orange {
  border-color: rgba(255, 131, 59, 0.95);
}
.border-opacity-95.border-blue {
  border-color: rgba(74, 140, 253, 0.95);
}
.border-opacity-95.border-yellow {
  border-color: rgba(245, 192, 46, 0.95);
}
.border-opacity-95.border-green {
  border-color: rgba(37, 201, 152, 0.95);
}

/* ============
Border Style
==============*/
.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-double {
  border-style: double;
}

.border-none {
  border-style: none;
}

/* ============
Border Top Style
==============*/
.border-t-solid {
  border-top-style: solid;
}

.border-t-dashed {
  border-top-style: dashed;
}

.border-t-dotted {
  border-top-style: dotted;
}

.border-t-double {
  border-top-style: double;
}

.border-t-none {
  border-top-style: none;
}

/* ============
Border Bottom Style
==============*/
.border-b-solid {
  border-bottom-style: solid;
}

.border-b-dashed {
  border-bottom-style: dashed;
}

.border-b-dotted {
  border-bottom-style: dotted;
}

.border-b-double {
  border-bottom-style: double;
}

.border-b-none {
  border-bottom-style: none;
}

/* ============
Border right Style
==============*/
.border-r-solid {
  border-right-style: solid;
}

.border-r-dashed {
  border-right-style: dashed;
}

.border-r-dotted {
  border-right-style: dotted;
}

.border-r-double {
  border-right-style: double;
}

.border-r-none {
  border-right-style: none;
}

/* ============
Border left Style
==============*/
.border-l-solid {
  border-left-style: solid;
}

.border-l-dashed {
  border-left-style: dashed;
}

.border-l-dotted {
  border-left-style: dotted;
}

.border-l-double {
  border-left-style: double;
}

.border-l-none {
  border-left-style: none;
}

/* ============
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;
}

.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-wait {
  cursor: wait;
}

.cursor-text {
  cursor: text;
}

.cursor-move {
  cursor: move;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

/* ============
Pointer Events
==============*/
.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

/* ============
Resize
==============*/
.resize-none {
  resize: none;
}

.resize-y {
  resize: vertical;
}

.resize-x {
  resize: horizontal;
}

.resize-y {
  resize: vertical;
}

.resize {
  resize: both;
}

/* ============
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);
}

.hover\:bg-white:hover {
  background-color: var(--bg-white);
}

.hover\:bg-primary:hover {
  background-color: var(--bg-primary);
}

.hover\:bg-secondary:hover {
  background-color: var(--bg-secondary);
}

.hover\:bg-snow:hover {
  background-color: var(--bg-snow);
}

.hover\:bg-red:hover {
  background-color: var(--bg-red);
}

.hover\:bg-orange:hover {
  background-color: var(--bg-orange);
}

.hover\:bg-blue:hover {
  background-color: var(--bg-blue);
}

.hover\:bg-yellow:hover {
  background-color: var(--bg-yellow);
}

.hover\:bg-green:hover {
  background-color: var(--bg-green);
}

.hover\:color-black:hover {
  color: var(--color-black);
}

.hover\:color-white:hover {
  color: var(--color-white);
}

.hover\:color-primary:hover {
  color: var(--color-primary);
}

.hover\:color-secondary:hover {
  color: var(--color-secondary);
}

.hover\:color-snow:hover {
  color: var(--color-snow);
}

.hover\:color-red:hover {
  color: var(--color-red);
}

.hover\:color-orange:hover {
  color: var(--color-orange);
}

.hover\:color-blue:hover {
  color: var(--color-blue);
}

.hover\:color-yellow:hover {
  color: var(--color-yellow);
}

.hover\:color-green:hover {
  color: var(--color-green);
}

.hover\:border-black:hover {
  border-color: var(--border-black);
}

.hover\:border-white:hover {
  border-color: var(--border-white);
}

.hover\:border-primary:hover {
  border-color: var(--border-primary);
}

.hover\:border-secondary:hover {
  border-color: var(--border-secondary);
}

.hover\:border-snow:hover {
  border-color: var(--border-snow);
}

.hover\:border-red:hover {
  border-color: var(--border-red);
}

.hover\:border-orange:hover {
  border-color: var(--border-orange);
}

.hover\:border-blue:hover {
  border-color: var(--border-blue);
}

.hover\:border-yellow:hover {
  border-color: var(--border-yellow);
}

.hover\:border-green:hover {
  border-color: var(--border-green);
}

.hover\:bg-opacity-5:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.05);
}
.hover\:bg-opacity-5:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.05);
}
.hover\:bg-opacity-5:hover.bg-primary {
  background-color: rgba(255, 63, 63, 0.05);
}
.hover\:bg-opacity-5:hover.bg-secondary {
  background-color: rgba(41, 46, 52, 0.05);
}
.hover\:bg-opacity-5:hover.bg-snow {
  background-color: rgba(248, 248, 248, 0.05);
}
.hover\:bg-opacity-5:hover.bg-red {
  background-color: rgba(249, 53, 66, 0.05);
}
.hover\:bg-opacity-5:hover.bg-orange {
  background-color: rgba(255, 131, 59, 0.05);
}
.hover\:bg-opacity-5:hover.bg-blue {
  background-color: rgba(74, 140, 253, 0.05);
}
.hover\:bg-opacity-5:hover.bg-yellow {
  background-color: rgba(245, 192, 46, 0.05);
}
.hover\:bg-opacity-5:hover.bg-green {
  background-color: rgba(37, 201, 152, 0.05);
}
.hover\:bg-opacity-5:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.05);
}
.hover\:bg-opacity-5:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.05);
}
.hover\:bg-opacity-5:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.05);
}
.hover\:bg-opacity-5:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.05);
}
.hover\:bg-opacity-5:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.05);
}
.hover\:bg-opacity-5:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.05);
}
.hover\:bg-opacity-5:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.05);
}
.hover\:bg-opacity-5:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.05);
}
.hover\:bg-opacity-5:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.05);
}
.hover\:bg-opacity-5:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.05);
}
.hover\:bg-opacity-5:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.05);
}
.hover\:bg-opacity-5:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.05);
}
.hover\:bg-opacity-5:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.05);
}
.hover\:bg-opacity-5:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.05);
}
.hover\:bg-opacity-5:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.05);
}
.hover\:bg-opacity-5:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.05);
}
.hover\:bg-opacity-5:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.05);
}
.hover\:bg-opacity-5:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.05);
}
.hover\:bg-opacity-5:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.05);
}
.hover\:bg-opacity-5:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.05);
}
.hover\:bg-opacity-5:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.05);
}
.hover\:bg-opacity-5:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.05);
}
.hover\:bg-opacity-5:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.05);
}
.hover\:bg-opacity-5:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.05);
}
.hover\:bg-opacity-5:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.05);
}
.hover\:bg-opacity-5:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.05);
}
.hover\:bg-opacity-5:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.05);
}
.hover\:bg-opacity-5:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.05);
}
.hover\:bg-opacity-5:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.05);
}
.hover\:bg-opacity-5:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.05);
}
.hover\:bg-opacity-5:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.05);
}
.hover\:bg-opacity-5:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.05);
}
.hover\:bg-opacity-5:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.05);
}
.hover\:bg-opacity-5:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.05);
}
.hover\:bg-opacity-5:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.05);
}
.hover\:bg-opacity-5:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.05);
}

.hover\:bg-opacity-10:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.1);
}
.hover\:bg-opacity-10:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.1);
}
.hover\:bg-opacity-10:hover.bg-primary {
  background-color: rgba(255, 63, 63, 0.1);
}
.hover\:bg-opacity-10:hover.bg-secondary {
  background-color: rgba(41, 46, 52, 0.1);
}
.hover\:bg-opacity-10:hover.bg-snow {
  background-color: rgba(248, 248, 248, 0.1);
}
.hover\:bg-opacity-10:hover.bg-red {
  background-color: rgba(249, 53, 66, 0.1);
}
.hover\:bg-opacity-10:hover.bg-orange {
  background-color: rgba(255, 131, 59, 0.1);
}
.hover\:bg-opacity-10:hover.bg-blue {
  background-color: rgba(74, 140, 253, 0.1);
}
.hover\:bg-opacity-10:hover.bg-yellow {
  background-color: rgba(245, 192, 46, 0.1);
}
.hover\:bg-opacity-10:hover.bg-green {
  background-color: rgba(37, 201, 152, 0.1);
}
.hover\:bg-opacity-10:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.1);
}
.hover\:bg-opacity-10:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.1);
}
.hover\:bg-opacity-10:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.1);
}
.hover\:bg-opacity-10:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.1);
}
.hover\:bg-opacity-10:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.1);
}
.hover\:bg-opacity-10:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.1);
}
.hover\:bg-opacity-10:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.1);
}
.hover\:bg-opacity-10:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.1);
}
.hover\:bg-opacity-10:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.1);
}
.hover\:bg-opacity-10:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.1);
}
.hover\:bg-opacity-10:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.1);
}
.hover\:bg-opacity-10:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.1);
}
.hover\:bg-opacity-10:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.1);
}
.hover\:bg-opacity-10:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.1);
}
.hover\:bg-opacity-10:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.1);
}
.hover\:bg-opacity-10:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.1);
}
.hover\:bg-opacity-10:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.1);
}
.hover\:bg-opacity-10:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.1);
}
.hover\:bg-opacity-10:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.1);
}
.hover\:bg-opacity-10:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.1);
}
.hover\:bg-opacity-10:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.1);
}
.hover\:bg-opacity-10:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.1);
}
.hover\:bg-opacity-10:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.1);
}
.hover\:bg-opacity-10:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.1);
}
.hover\:bg-opacity-10:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.1);
}
.hover\:bg-opacity-10:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.1);
}
.hover\:bg-opacity-10:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.1);
}
.hover\:bg-opacity-10:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.1);
}
.hover\:bg-opacity-10:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.1);
}
.hover\:bg-opacity-10:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.1);
}
.hover\:bg-opacity-10:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.1);
}
.hover\:bg-opacity-10:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.1);
}
.hover\:bg-opacity-10:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.1);
}
.hover\:bg-opacity-10:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.1);
}
.hover\:bg-opacity-10:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.1);
}
.hover\:bg-opacity-10:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.1);
}

.hover\:bg-opacity-15:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.15);
}
.hover\:bg-opacity-15:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.15);
}
.hover\:bg-opacity-15:hover.bg-primary {
  background-color: rgba(255, 63, 63, 0.15);
}
.hover\:bg-opacity-15:hover.bg-secondary {
  background-color: rgba(41, 46, 52, 0.15);
}
.hover\:bg-opacity-15:hover.bg-snow {
  background-color: rgba(248, 248, 248, 0.15);
}
.hover\:bg-opacity-15:hover.bg-red {
  background-color: rgba(249, 53, 66, 0.15);
}
.hover\:bg-opacity-15:hover.bg-orange {
  background-color: rgba(255, 131, 59, 0.15);
}
.hover\:bg-opacity-15:hover.bg-blue {
  background-color: rgba(74, 140, 253, 0.15);
}
.hover\:bg-opacity-15:hover.bg-yellow {
  background-color: rgba(245, 192, 46, 0.15);
}
.hover\:bg-opacity-15:hover.bg-green {
  background-color: rgba(37, 201, 152, 0.15);
}
.hover\:bg-opacity-15:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.15);
}
.hover\:bg-opacity-15:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.15);
}
.hover\:bg-opacity-15:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.15);
}
.hover\:bg-opacity-15:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.15);
}
.hover\:bg-opacity-15:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.15);
}
.hover\:bg-opacity-15:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.15);
}
.hover\:bg-opacity-15:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.15);
}
.hover\:bg-opacity-15:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.15);
}
.hover\:bg-opacity-15:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.15);
}
.hover\:bg-opacity-15:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.15);
}
.hover\:bg-opacity-15:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.15);
}
.hover\:bg-opacity-15:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.15);
}
.hover\:bg-opacity-15:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.15);
}
.hover\:bg-opacity-15:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.15);
}
.hover\:bg-opacity-15:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.15);
}
.hover\:bg-opacity-15:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.15);
}
.hover\:bg-opacity-15:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.15);
}
.hover\:bg-opacity-15:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.15);
}
.hover\:bg-opacity-15:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.15);
}
.hover\:bg-opacity-15:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.15);
}
.hover\:bg-opacity-15:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.15);
}
.hover\:bg-opacity-15:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.15);
}
.hover\:bg-opacity-15:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.15);
}
.hover\:bg-opacity-15:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.15);
}
.hover\:bg-opacity-15:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.15);
}
.hover\:bg-opacity-15:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.15);
}
.hover\:bg-opacity-15:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.15);
}
.hover\:bg-opacity-15:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.15);
}
.hover\:bg-opacity-15:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.15);
}
.hover\:bg-opacity-15:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.15);
}
.hover\:bg-opacity-15:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.15);
}
.hover\:bg-opacity-15:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.15);
}
.hover\:bg-opacity-15:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.15);
}
.hover\:bg-opacity-15:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.15);
}
.hover\:bg-opacity-15:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.15);
}
.hover\:bg-opacity-15:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.15);
}

.hover\:bg-opacity-20:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.2);
}
.hover\:bg-opacity-20:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.2);
}
.hover\:bg-opacity-20:hover.bg-primary {
  background-color: rgba(255, 63, 63, 0.2);
}
.hover\:bg-opacity-20:hover.bg-secondary {
  background-color: rgba(41, 46, 52, 0.2);
}
.hover\:bg-opacity-20:hover.bg-snow {
  background-color: rgba(248, 248, 248, 0.2);
}
.hover\:bg-opacity-20:hover.bg-red {
  background-color: rgba(249, 53, 66, 0.2);
}
.hover\:bg-opacity-20:hover.bg-orange {
  background-color: rgba(255, 131, 59, 0.2);
}
.hover\:bg-opacity-20:hover.bg-blue {
  background-color: rgba(74, 140, 253, 0.2);
}
.hover\:bg-opacity-20:hover.bg-yellow {
  background-color: rgba(245, 192, 46, 0.2);
}
.hover\:bg-opacity-20:hover.bg-green {
  background-color: rgba(37, 201, 152, 0.2);
}
.hover\:bg-opacity-20:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.2);
}
.hover\:bg-opacity-20:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.2);
}
.hover\:bg-opacity-20:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.2);
}
.hover\:bg-opacity-20:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.2);
}
.hover\:bg-opacity-20:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.2);
}
.hover\:bg-opacity-20:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.2);
}
.hover\:bg-opacity-20:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.2);
}
.hover\:bg-opacity-20:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.2);
}
.hover\:bg-opacity-20:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.2);
}
.hover\:bg-opacity-20:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.2);
}
.hover\:bg-opacity-20:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.2);
}
.hover\:bg-opacity-20:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.2);
}
.hover\:bg-opacity-20:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.2);
}
.hover\:bg-opacity-20:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.2);
}
.hover\:bg-opacity-20:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.2);
}
.hover\:bg-opacity-20:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.2);
}
.hover\:bg-opacity-20:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.2);
}
.hover\:bg-opacity-20:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.2);
}
.hover\:bg-opacity-20:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.2);
}
.hover\:bg-opacity-20:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.2);
}
.hover\:bg-opacity-20:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.2);
}
.hover\:bg-opacity-20:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.2);
}
.hover\:bg-opacity-20:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.2);
}
.hover\:bg-opacity-20:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.2);
}
.hover\:bg-opacity-20:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.2);
}
.hover\:bg-opacity-20:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.2);
}
.hover\:bg-opacity-20:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.2);
}
.hover\:bg-opacity-20:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.2);
}
.hover\:bg-opacity-20:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.2);
}
.hover\:bg-opacity-20:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.2);
}
.hover\:bg-opacity-20:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.2);
}
.hover\:bg-opacity-20:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.2);
}
.hover\:bg-opacity-20:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.2);
}
.hover\:bg-opacity-20:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.2);
}
.hover\:bg-opacity-20:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.2);
}
.hover\:bg-opacity-20:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.2);
}

.hover\:bg-opacity-25:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.25);
}
.hover\:bg-opacity-25:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.25);
}
.hover\:bg-opacity-25:hover.bg-primary {
  background-color: rgba(255, 63, 63, 0.25);
}
.hover\:bg-opacity-25:hover.bg-secondary {
  background-color: rgba(41, 46, 52, 0.25);
}
.hover\:bg-opacity-25:hover.bg-snow {
  background-color: rgba(248, 248, 248, 0.25);
}
.hover\:bg-opacity-25:hover.bg-red {
  background-color: rgba(249, 53, 66, 0.25);
}
.hover\:bg-opacity-25:hover.bg-orange {
  background-color: rgba(255, 131, 59, 0.25);
}
.hover\:bg-opacity-25:hover.bg-blue {
  background-color: rgba(74, 140, 253, 0.25);
}
.hover\:bg-opacity-25:hover.bg-yellow {
  background-color: rgba(245, 192, 46, 0.25);
}
.hover\:bg-opacity-25:hover.bg-green {
  background-color: rgba(37, 201, 152, 0.25);
}
.hover\:bg-opacity-25:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.25);
}
.hover\:bg-opacity-25:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.25);
}
.hover\:bg-opacity-25:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.25);
}
.hover\:bg-opacity-25:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.25);
}
.hover\:bg-opacity-25:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.25);
}
.hover\:bg-opacity-25:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.25);
}
.hover\:bg-opacity-25:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.25);
}
.hover\:bg-opacity-25:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.25);
}
.hover\:bg-opacity-25:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.25);
}
.hover\:bg-opacity-25:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.25);
}
.hover\:bg-opacity-25:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.25);
}
.hover\:bg-opacity-25:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.25);
}
.hover\:bg-opacity-25:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.25);
}
.hover\:bg-opacity-25:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.25);
}
.hover\:bg-opacity-25:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.25);
}
.hover\:bg-opacity-25:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.25);
}
.hover\:bg-opacity-25:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.25);
}
.hover\:bg-opacity-25:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.25);
}
.hover\:bg-opacity-25:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.25);
}
.hover\:bg-opacity-25:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.25);
}
.hover\:bg-opacity-25:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.25);
}
.hover\:bg-opacity-25:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.25);
}
.hover\:bg-opacity-25:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.25);
}
.hover\:bg-opacity-25:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.25);
}
.hover\:bg-opacity-25:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.25);
}
.hover\:bg-opacity-25:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.25);
}
.hover\:bg-opacity-25:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.25);
}
.hover\:bg-opacity-25:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.25);
}
.hover\:bg-opacity-25:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.25);
}
.hover\:bg-opacity-25:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.25);
}
.hover\:bg-opacity-25:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.25);
}
.hover\:bg-opacity-25:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.25);
}
.hover\:bg-opacity-25:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.25);
}
.hover\:bg-opacity-25:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.25);
}
.hover\:bg-opacity-25:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.25);
}
.hover\:bg-opacity-25:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.25);
}

.hover\:bg-opacity-30:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.3);
}
.hover\:bg-opacity-30:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.3);
}
.hover\:bg-opacity-30:hover.bg-primary {
  background-color: rgba(255, 63, 63, 0.3);
}
.hover\:bg-opacity-30:hover.bg-secondary {
  background-color: rgba(41, 46, 52, 0.3);
}
.hover\:bg-opacity-30:hover.bg-snow {
  background-color: rgba(248, 248, 248, 0.3);
}
.hover\:bg-opacity-30:hover.bg-red {
  background-color: rgba(249, 53, 66, 0.3);
}
.hover\:bg-opacity-30:hover.bg-orange {
  background-color: rgba(255, 131, 59, 0.3);
}
.hover\:bg-opacity-30:hover.bg-blue {
  background-color: rgba(74, 140, 253, 0.3);
}
.hover\:bg-opacity-30:hover.bg-yellow {
  background-color: rgba(245, 192, 46, 0.3);
}
.hover\:bg-opacity-30:hover.bg-green {
  background-color: rgba(37, 201, 152, 0.3);
}
.hover\:bg-opacity-30:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.3);
}
.hover\:bg-opacity-30:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.3);
}
.hover\:bg-opacity-30:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.3);
}
.hover\:bg-opacity-30:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.3);
}
.hover\:bg-opacity-30:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.3);
}
.hover\:bg-opacity-30:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.3);
}
.hover\:bg-opacity-30:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.3);
}
.hover\:bg-opacity-30:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.3);
}
.hover\:bg-opacity-30:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.3);
}
.hover\:bg-opacity-30:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.3);
}
.hover\:bg-opacity-30:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.3);
}
.hover\:bg-opacity-30:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.3);
}
.hover\:bg-opacity-30:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.3);
}
.hover\:bg-opacity-30:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.3);
}
.hover\:bg-opacity-30:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.3);
}
.hover\:bg-opacity-30:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.3);
}
.hover\:bg-opacity-30:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.3);
}
.hover\:bg-opacity-30:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.3);
}
.hover\:bg-opacity-30:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.3);
}
.hover\:bg-opacity-30:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.3);
}
.hover\:bg-opacity-30:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.3);
}
.hover\:bg-opacity-30:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.3);
}
.hover\:bg-opacity-30:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.3);
}
.hover\:bg-opacity-30:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.3);
}
.hover\:bg-opacity-30:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.3);
}
.hover\:bg-opacity-30:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.3);
}
.hover\:bg-opacity-30:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.3);
}
.hover\:bg-opacity-30:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.3);
}
.hover\:bg-opacity-30:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.3);
}
.hover\:bg-opacity-30:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.3);
}
.hover\:bg-opacity-30:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.3);
}
.hover\:bg-opacity-30:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.3);
}
.hover\:bg-opacity-30:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.3);
}
.hover\:bg-opacity-30:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.3);
}
.hover\:bg-opacity-30:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.3);
}
.hover\:bg-opacity-30:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.3);
}

.hover\:bg-opacity-35:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.35);
}
.hover\:bg-opacity-35:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.35);
}
.hover\:bg-opacity-35:hover.bg-primary {
  background-color: rgba(255, 63, 63, 0.35);
}
.hover\:bg-opacity-35:hover.bg-secondary {
  background-color: rgba(41, 46, 52, 0.35);
}
.hover\:bg-opacity-35:hover.bg-snow {
  background-color: rgba(248, 248, 248, 0.35);
}
.hover\:bg-opacity-35:hover.bg-red {
  background-color: rgba(249, 53, 66, 0.35);
}
.hover\:bg-opacity-35:hover.bg-orange {
  background-color: rgba(255, 131, 59, 0.35);
}
.hover\:bg-opacity-35:hover.bg-blue {
  background-color: rgba(74, 140, 253, 0.35);
}
.hover\:bg-opacity-35:hover.bg-yellow {
  background-color: rgba(245, 192, 46, 0.35);
}
.hover\:bg-opacity-35:hover.bg-green {
  background-color: rgba(37, 201, 152, 0.35);
}
.hover\:bg-opacity-35:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.35);
}
.hover\:bg-opacity-35:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.35);
}
.hover\:bg-opacity-35:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.35);
}
.hover\:bg-opacity-35:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.35);
}
.hover\:bg-opacity-35:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.35);
}
.hover\:bg-opacity-35:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.35);
}
.hover\:bg-opacity-35:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.35);
}
.hover\:bg-opacity-35:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.35);
}
.hover\:bg-opacity-35:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.35);
}
.hover\:bg-opacity-35:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.35);
}
.hover\:bg-opacity-35:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.35);
}
.hover\:bg-opacity-35:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.35);
}
.hover\:bg-opacity-35:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.35);
}
.hover\:bg-opacity-35:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.35);
}
.hover\:bg-opacity-35:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.35);
}
.hover\:bg-opacity-35:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.35);
}
.hover\:bg-opacity-35:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.35);
}
.hover\:bg-opacity-35:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.35);
}
.hover\:bg-opacity-35:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.35);
}
.hover\:bg-opacity-35:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.35);
}
.hover\:bg-opacity-35:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.35);
}
.hover\:bg-opacity-35:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.35);
}
.hover\:bg-opacity-35:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.35);
}
.hover\:bg-opacity-35:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.35);
}
.hover\:bg-opacity-35:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.35);
}
.hover\:bg-opacity-35:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.35);
}
.hover\:bg-opacity-35:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.35);
}
.hover\:bg-opacity-35:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.35);
}
.hover\:bg-opacity-35:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.35);
}
.hover\:bg-opacity-35:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.35);
}
.hover\:bg-opacity-35:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.35);
}
.hover\:bg-opacity-35:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.35);
}
.hover\:bg-opacity-35:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.35);
}
.hover\:bg-opacity-35:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.35);
}
.hover\:bg-opacity-35:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.35);
}
.hover\:bg-opacity-35:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.35);
}

.hover\:bg-opacity-40:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.4);
}
.hover\:bg-opacity-40:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.4);
}
.hover\:bg-opacity-40:hover.bg-primary {
  background-color: rgba(255, 63, 63, 0.4);
}
.hover\:bg-opacity-40:hover.bg-secondary {
  background-color: rgba(41, 46, 52, 0.4);
}
.hover\:bg-opacity-40:hover.bg-snow {
  background-color: rgba(248, 248, 248, 0.4);
}
.hover\:bg-opacity-40:hover.bg-red {
  background-color: rgba(249, 53, 66, 0.4);
}
.hover\:bg-opacity-40:hover.bg-orange {
  background-color: rgba(255, 131, 59, 0.4);
}
.hover\:bg-opacity-40:hover.bg-blue {
  background-color: rgba(74, 140, 253, 0.4);
}
.hover\:bg-opacity-40:hover.bg-yellow {
  background-color: rgba(245, 192, 46, 0.4);
}
.hover\:bg-opacity-40:hover.bg-green {
  background-color: rgba(37, 201, 152, 0.4);
}
.hover\:bg-opacity-40:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.4);
}
.hover\:bg-opacity-40:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.4);
}
.hover\:bg-opacity-40:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.4);
}
.hover\:bg-opacity-40:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.4);
}
.hover\:bg-opacity-40:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.4);
}
.hover\:bg-opacity-40:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.4);
}
.hover\:bg-opacity-40:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.4);
}
.hover\:bg-opacity-40:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.4);
}
.hover\:bg-opacity-40:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.4);
}
.hover\:bg-opacity-40:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.4);
}
.hover\:bg-opacity-40:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.4);
}
.hover\:bg-opacity-40:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.4);
}
.hover\:bg-opacity-40:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.4);
}
.hover\:bg-opacity-40:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.4);
}
.hover\:bg-opacity-40:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.4);
}
.hover\:bg-opacity-40:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.4);
}
.hover\:bg-opacity-40:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.4);
}
.hover\:bg-opacity-40:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.4);
}
.hover\:bg-opacity-40:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.4);
}
.hover\:bg-opacity-40:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.4);
}
.hover\:bg-opacity-40:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.4);
}
.hover\:bg-opacity-40:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.4);
}
.hover\:bg-opacity-40:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.4);
}
.hover\:bg-opacity-40:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.4);
}
.hover\:bg-opacity-40:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.4);
}
.hover\:bg-opacity-40:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.4);
}
.hover\:bg-opacity-40:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.4);
}
.hover\:bg-opacity-40:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.4);
}
.hover\:bg-opacity-40:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.4);
}
.hover\:bg-opacity-40:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.4);
}
.hover\:bg-opacity-40:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.4);
}
.hover\:bg-opacity-40:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.4);
}
.hover\:bg-opacity-40:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.4);
}
.hover\:bg-opacity-40:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.4);
}
.hover\:bg-opacity-40:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.4);
}
.hover\:bg-opacity-40:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.4);
}

.hover\:bg-opacity-45:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.45);
}
.hover\:bg-opacity-45:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.45);
}
.hover\:bg-opacity-45:hover.bg-primary {
  background-color: rgba(255, 63, 63, 0.45);
}
.hover\:bg-opacity-45:hover.bg-secondary {
  background-color: rgba(41, 46, 52, 0.45);
}
.hover\:bg-opacity-45:hover.bg-snow {
  background-color: rgba(248, 248, 248, 0.45);
}
.hover\:bg-opacity-45:hover.bg-red {
  background-color: rgba(249, 53, 66, 0.45);
}
.hover\:bg-opacity-45:hover.bg-orange {
  background-color: rgba(255, 131, 59, 0.45);
}
.hover\:bg-opacity-45:hover.bg-blue {
  background-color: rgba(74, 140, 253, 0.45);
}
.hover\:bg-opacity-45:hover.bg-yellow {
  background-color: rgba(245, 192, 46, 0.45);
}
.hover\:bg-opacity-45:hover.bg-green {
  background-color: rgba(37, 201, 152, 0.45);
}
.hover\:bg-opacity-45:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.45);
}
.hover\:bg-opacity-45:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.45);
}
.hover\:bg-opacity-45:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.45);
}
.hover\:bg-opacity-45:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.45);
}
.hover\:bg-opacity-45:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.45);
}
.hover\:bg-opacity-45:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.45);
}
.hover\:bg-opacity-45:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.45);
}
.hover\:bg-opacity-45:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.45);
}
.hover\:bg-opacity-45:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.45);
}
.hover\:bg-opacity-45:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.45);
}
.hover\:bg-opacity-45:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.45);
}
.hover\:bg-opacity-45:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.45);
}
.hover\:bg-opacity-45:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.45);
}
.hover\:bg-opacity-45:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.45);
}
.hover\:bg-opacity-45:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.45);
}
.hover\:bg-opacity-45:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.45);
}
.hover\:bg-opacity-45:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.45);
}
.hover\:bg-opacity-45:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.45);
}
.hover\:bg-opacity-45:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.45);
}
.hover\:bg-opacity-45:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.45);
}
.hover\:bg-opacity-45:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.45);
}
.hover\:bg-opacity-45:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.45);
}
.hover\:bg-opacity-45:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.45);
}
.hover\:bg-opacity-45:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.45);
}
.hover\:bg-opacity-45:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.45);
}
.hover\:bg-opacity-45:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.45);
}
.hover\:bg-opacity-45:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.45);
}
.hover\:bg-opacity-45:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.45);
}
.hover\:bg-opacity-45:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.45);
}
.hover\:bg-opacity-45:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.45);
}
.hover\:bg-opacity-45:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.45);
}
.hover\:bg-opacity-45:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.45);
}
.hover\:bg-opacity-45:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.45);
}
.hover\:bg-opacity-45:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.45);
}
.hover\:bg-opacity-45:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.45);
}
.hover\:bg-opacity-45:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.45);
}

.hover\:bg-opacity-50:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.5);
}
.hover\:bg-opacity-50:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.5);
}
.hover\:bg-opacity-50:hover.bg-primary {
  background-color: rgba(255, 63, 63, 0.5);
}
.hover\:bg-opacity-50:hover.bg-secondary {
  background-color: rgba(41, 46, 52, 0.5);
}
.hover\:bg-opacity-50:hover.bg-snow {
  background-color: rgba(248, 248, 248, 0.5);
}
.hover\:bg-opacity-50:hover.bg-red {
  background-color: rgba(249, 53, 66, 0.5);
}
.hover\:bg-opacity-50:hover.bg-orange {
  background-color: rgba(255, 131, 59, 0.5);
}
.hover\:bg-opacity-50:hover.bg-blue {
  background-color: rgba(74, 140, 253, 0.5);
}
.hover\:bg-opacity-50:hover.bg-yellow {
  background-color: rgba(245, 192, 46, 0.5);
}
.hover\:bg-opacity-50:hover.bg-green {
  background-color: rgba(37, 201, 152, 0.5);
}
.hover\:bg-opacity-50:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.5);
}
.hover\:bg-opacity-50:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.5);
}
.hover\:bg-opacity-50:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.5);
}
.hover\:bg-opacity-50:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.5);
}
.hover\:bg-opacity-50:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.5);
}
.hover\:bg-opacity-50:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.5);
}
.hover\:bg-opacity-50:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.5);
}
.hover\:bg-opacity-50:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.5);
}
.hover\:bg-opacity-50:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.5);
}
.hover\:bg-opacity-50:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.5);
}
.hover\:bg-opacity-50:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.5);
}
.hover\:bg-opacity-50:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.5);
}
.hover\:bg-opacity-50:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.5);
}
.hover\:bg-opacity-50:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.5);
}
.hover\:bg-opacity-50:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.5);
}
.hover\:bg-opacity-50:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.5);
}
.hover\:bg-opacity-50:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.5);
}
.hover\:bg-opacity-50:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.5);
}
.hover\:bg-opacity-50:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.5);
}
.hover\:bg-opacity-50:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.5);
}
.hover\:bg-opacity-50:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.5);
}
.hover\:bg-opacity-50:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.5);
}
.hover\:bg-opacity-50:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.5);
}
.hover\:bg-opacity-50:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.5);
}
.hover\:bg-opacity-50:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.5);
}
.hover\:bg-opacity-50:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.5);
}
.hover\:bg-opacity-50:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.5);
}
.hover\:bg-opacity-50:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.5);
}
.hover\:bg-opacity-50:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.5);
}
.hover\:bg-opacity-50:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.5);
}
.hover\:bg-opacity-50:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.5);
}
.hover\:bg-opacity-50:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.5);
}
.hover\:bg-opacity-50:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.5);
}
.hover\:bg-opacity-50:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.5);
}
.hover\:bg-opacity-50:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.5);
}
.hover\:bg-opacity-50:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.5);
}

.hover\:bg-opacity-55:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.55);
}
.hover\:bg-opacity-55:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.55);
}
.hover\:bg-opacity-55:hover.bg-primary {
  background-color: rgba(255, 63, 63, 0.55);
}
.hover\:bg-opacity-55:hover.bg-secondary {
  background-color: rgba(41, 46, 52, 0.55);
}
.hover\:bg-opacity-55:hover.bg-snow {
  background-color: rgba(248, 248, 248, 0.55);
}
.hover\:bg-opacity-55:hover.bg-red {
  background-color: rgba(249, 53, 66, 0.55);
}
.hover\:bg-opacity-55:hover.bg-orange {
  background-color: rgba(255, 131, 59, 0.55);
}
.hover\:bg-opacity-55:hover.bg-blue {
  background-color: rgba(74, 140, 253, 0.55);
}
.hover\:bg-opacity-55:hover.bg-yellow {
  background-color: rgba(245, 192, 46, 0.55);
}
.hover\:bg-opacity-55:hover.bg-green {
  background-color: rgba(37, 201, 152, 0.55);
}
.hover\:bg-opacity-55:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.55);
}
.hover\:bg-opacity-55:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.55);
}
.hover\:bg-opacity-55:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.55);
}
.hover\:bg-opacity-55:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.55);
}
.hover\:bg-opacity-55:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.55);
}
.hover\:bg-opacity-55:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.55);
}
.hover\:bg-opacity-55:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.55);
}
.hover\:bg-opacity-55:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.55);
}
.hover\:bg-opacity-55:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.55);
}
.hover\:bg-opacity-55:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.55);
}
.hover\:bg-opacity-55:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.55);
}
.hover\:bg-opacity-55:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.55);
}
.hover\:bg-opacity-55:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.55);
}
.hover\:bg-opacity-55:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.55);
}
.hover\:bg-opacity-55:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.55);
}
.hover\:bg-opacity-55:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.55);
}
.hover\:bg-opacity-55:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.55);
}
.hover\:bg-opacity-55:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.55);
}
.hover\:bg-opacity-55:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.55);
}
.hover\:bg-opacity-55:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.55);
}
.hover\:bg-opacity-55:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.55);
}
.hover\:bg-opacity-55:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.55);
}
.hover\:bg-opacity-55:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.55);
}
.hover\:bg-opacity-55:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.55);
}
.hover\:bg-opacity-55:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.55);
}
.hover\:bg-opacity-55:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.55);
}
.hover\:bg-opacity-55:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.55);
}
.hover\:bg-opacity-55:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.55);
}
.hover\:bg-opacity-55:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.55);
}
.hover\:bg-opacity-55:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.55);
}
.hover\:bg-opacity-55:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.55);
}
.hover\:bg-opacity-55:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.55);
}
.hover\:bg-opacity-55:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.55);
}
.hover\:bg-opacity-55:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.55);
}
.hover\:bg-opacity-55:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.55);
}
.hover\:bg-opacity-55:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.55);
}

.hover\:bg-opacity-60:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.6);
}
.hover\:bg-opacity-60:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.6);
}
.hover\:bg-opacity-60:hover.bg-primary {
  background-color: rgba(255, 63, 63, 0.6);
}
.hover\:bg-opacity-60:hover.bg-secondary {
  background-color: rgba(41, 46, 52, 0.6);
}
.hover\:bg-opacity-60:hover.bg-snow {
  background-color: rgba(248, 248, 248, 0.6);
}
.hover\:bg-opacity-60:hover.bg-red {
  background-color: rgba(249, 53, 66, 0.6);
}
.hover\:bg-opacity-60:hover.bg-orange {
  background-color: rgba(255, 131, 59, 0.6);
}
.hover\:bg-opacity-60:hover.bg-blue {
  background-color: rgba(74, 140, 253, 0.6);
}
.hover\:bg-opacity-60:hover.bg-yellow {
  background-color: rgba(245, 192, 46, 0.6);
}
.hover\:bg-opacity-60:hover.bg-green {
  background-color: rgba(37, 201, 152, 0.6);
}
.hover\:bg-opacity-60:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.6);
}
.hover\:bg-opacity-60:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.6);
}
.hover\:bg-opacity-60:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.6);
}
.hover\:bg-opacity-60:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.6);
}
.hover\:bg-opacity-60:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.6);
}
.hover\:bg-opacity-60:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.6);
}
.hover\:bg-opacity-60:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.6);
}
.hover\:bg-opacity-60:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.6);
}
.hover\:bg-opacity-60:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.6);
}
.hover\:bg-opacity-60:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.6);
}
.hover\:bg-opacity-60:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.6);
}
.hover\:bg-opacity-60:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.6);
}
.hover\:bg-opacity-60:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.6);
}
.hover\:bg-opacity-60:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.6);
}
.hover\:bg-opacity-60:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.6);
}
.hover\:bg-opacity-60:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.6);
}
.hover\:bg-opacity-60:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.6);
}
.hover\:bg-opacity-60:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.6);
}
.hover\:bg-opacity-60:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.6);
}
.hover\:bg-opacity-60:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.6);
}
.hover\:bg-opacity-60:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.6);
}
.hover\:bg-opacity-60:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.6);
}
.hover\:bg-opacity-60:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.6);
}
.hover\:bg-opacity-60:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.6);
}
.hover\:bg-opacity-60:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.6);
}
.hover\:bg-opacity-60:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.6);
}
.hover\:bg-opacity-60:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.6);
}
.hover\:bg-opacity-60:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.6);
}
.hover\:bg-opacity-60:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.6);
}
.hover\:bg-opacity-60:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.6);
}
.hover\:bg-opacity-60:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.6);
}
.hover\:bg-opacity-60:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.6);
}
.hover\:bg-opacity-60:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.6);
}
.hover\:bg-opacity-60:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.6);
}
.hover\:bg-opacity-60:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.6);
}
.hover\:bg-opacity-60:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.6);
}

.hover\:bg-opacity-65:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.65);
}
.hover\:bg-opacity-65:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.65);
}
.hover\:bg-opacity-65:hover.bg-primary {
  background-color: rgba(255, 63, 63, 0.65);
}
.hover\:bg-opacity-65:hover.bg-secondary {
  background-color: rgba(41, 46, 52, 0.65);
}
.hover\:bg-opacity-65:hover.bg-snow {
  background-color: rgba(248, 248, 248, 0.65);
}
.hover\:bg-opacity-65:hover.bg-red {
  background-color: rgba(249, 53, 66, 0.65);
}
.hover\:bg-opacity-65:hover.bg-orange {
  background-color: rgba(255, 131, 59, 0.65);
}
.hover\:bg-opacity-65:hover.bg-blue {
  background-color: rgba(74, 140, 253, 0.65);
}
.hover\:bg-opacity-65:hover.bg-yellow {
  background-color: rgba(245, 192, 46, 0.65);
}
.hover\:bg-opacity-65:hover.bg-green {
  background-color: rgba(37, 201, 152, 0.65);
}
.hover\:bg-opacity-65:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.65);
}
.hover\:bg-opacity-65:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.65);
}
.hover\:bg-opacity-65:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.65);
}
.hover\:bg-opacity-65:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.65);
}
.hover\:bg-opacity-65:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.65);
}
.hover\:bg-opacity-65:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.65);
}
.hover\:bg-opacity-65:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.65);
}
.hover\:bg-opacity-65:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.65);
}
.hover\:bg-opacity-65:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.65);
}
.hover\:bg-opacity-65:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.65);
}
.hover\:bg-opacity-65:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.65);
}
.hover\:bg-opacity-65:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.65);
}
.hover\:bg-opacity-65:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.65);
}
.hover\:bg-opacity-65:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.65);
}
.hover\:bg-opacity-65:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.65);
}
.hover\:bg-opacity-65:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.65);
}
.hover\:bg-opacity-65:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.65);
}
.hover\:bg-opacity-65:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.65);
}
.hover\:bg-opacity-65:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.65);
}
.hover\:bg-opacity-65:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.65);
}
.hover\:bg-opacity-65:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.65);
}
.hover\:bg-opacity-65:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.65);
}
.hover\:bg-opacity-65:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.65);
}
.hover\:bg-opacity-65:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.65);
}
.hover\:bg-opacity-65:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.65);
}
.hover\:bg-opacity-65:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.65);
}
.hover\:bg-opacity-65:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.65);
}
.hover\:bg-opacity-65:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.65);
}
.hover\:bg-opacity-65:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.65);
}
.hover\:bg-opacity-65:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.65);
}
.hover\:bg-opacity-65:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.65);
}
.hover\:bg-opacity-65:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.65);
}
.hover\:bg-opacity-65:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.65);
}
.hover\:bg-opacity-65:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.65);
}
.hover\:bg-opacity-65:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.65);
}
.hover\:bg-opacity-65:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.65);
}

.hover\:bg-opacity-70:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.7);
}
.hover\:bg-opacity-70:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.7);
}
.hover\:bg-opacity-70:hover.bg-primary {
  background-color: rgba(255, 63, 63, 0.7);
}
.hover\:bg-opacity-70:hover.bg-secondary {
  background-color: rgba(41, 46, 52, 0.7);
}
.hover\:bg-opacity-70:hover.bg-snow {
  background-color: rgba(248, 248, 248, 0.7);
}
.hover\:bg-opacity-70:hover.bg-red {
  background-color: rgba(249, 53, 66, 0.7);
}
.hover\:bg-opacity-70:hover.bg-orange {
  background-color: rgba(255, 131, 59, 0.7);
}
.hover\:bg-opacity-70:hover.bg-blue {
  background-color: rgba(74, 140, 253, 0.7);
}
.hover\:bg-opacity-70:hover.bg-yellow {
  background-color: rgba(245, 192, 46, 0.7);
}
.hover\:bg-opacity-70:hover.bg-green {
  background-color: rgba(37, 201, 152, 0.7);
}
.hover\:bg-opacity-70:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.7);
}
.hover\:bg-opacity-70:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.7);
}
.hover\:bg-opacity-70:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.7);
}
.hover\:bg-opacity-70:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.7);
}
.hover\:bg-opacity-70:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.7);
}
.hover\:bg-opacity-70:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.7);
}
.hover\:bg-opacity-70:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.7);
}
.hover\:bg-opacity-70:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.7);
}
.hover\:bg-opacity-70:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.7);
}
.hover\:bg-opacity-70:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.7);
}
.hover\:bg-opacity-70:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.7);
}
.hover\:bg-opacity-70:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.7);
}
.hover\:bg-opacity-70:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.7);
}
.hover\:bg-opacity-70:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.7);
}
.hover\:bg-opacity-70:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.7);
}
.hover\:bg-opacity-70:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.7);
}
.hover\:bg-opacity-70:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.7);
}
.hover\:bg-opacity-70:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.7);
}
.hover\:bg-opacity-70:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.7);
}
.hover\:bg-opacity-70:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.7);
}
.hover\:bg-opacity-70:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.7);
}
.hover\:bg-opacity-70:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.7);
}
.hover\:bg-opacity-70:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.7);
}
.hover\:bg-opacity-70:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.7);
}
.hover\:bg-opacity-70:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.7);
}
.hover\:bg-opacity-70:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.7);
}
.hover\:bg-opacity-70:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.7);
}
.hover\:bg-opacity-70:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.7);
}
.hover\:bg-opacity-70:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.7);
}
.hover\:bg-opacity-70:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.7);
}
.hover\:bg-opacity-70:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.7);
}
.hover\:bg-opacity-70:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.7);
}
.hover\:bg-opacity-70:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.7);
}
.hover\:bg-opacity-70:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.7);
}
.hover\:bg-opacity-70:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.7);
}
.hover\:bg-opacity-70:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.7);
}

.hover\:bg-opacity-75:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.75);
}
.hover\:bg-opacity-75:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.75);
}
.hover\:bg-opacity-75:hover.bg-primary {
  background-color: rgba(255, 63, 63, 0.75);
}
.hover\:bg-opacity-75:hover.bg-secondary {
  background-color: rgba(41, 46, 52, 0.75);
}
.hover\:bg-opacity-75:hover.bg-snow {
  background-color: rgba(248, 248, 248, 0.75);
}
.hover\:bg-opacity-75:hover.bg-red {
  background-color: rgba(249, 53, 66, 0.75);
}
.hover\:bg-opacity-75:hover.bg-orange {
  background-color: rgba(255, 131, 59, 0.75);
}
.hover\:bg-opacity-75:hover.bg-blue {
  background-color: rgba(74, 140, 253, 0.75);
}
.hover\:bg-opacity-75:hover.bg-yellow {
  background-color: rgba(245, 192, 46, 0.75);
}
.hover\:bg-opacity-75:hover.bg-green {
  background-color: rgba(37, 201, 152, 0.75);
}
.hover\:bg-opacity-75:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.75);
}
.hover\:bg-opacity-75:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.75);
}
.hover\:bg-opacity-75:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.75);
}
.hover\:bg-opacity-75:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.75);
}
.hover\:bg-opacity-75:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.75);
}
.hover\:bg-opacity-75:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.75);
}
.hover\:bg-opacity-75:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.75);
}
.hover\:bg-opacity-75:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.75);
}
.hover\:bg-opacity-75:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.75);
}
.hover\:bg-opacity-75:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.75);
}
.hover\:bg-opacity-75:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.75);
}
.hover\:bg-opacity-75:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.75);
}
.hover\:bg-opacity-75:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.75);
}
.hover\:bg-opacity-75:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.75);
}
.hover\:bg-opacity-75:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.75);
}
.hover\:bg-opacity-75:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.75);
}
.hover\:bg-opacity-75:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.75);
}
.hover\:bg-opacity-75:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.75);
}
.hover\:bg-opacity-75:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.75);
}
.hover\:bg-opacity-75:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.75);
}
.hover\:bg-opacity-75:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.75);
}
.hover\:bg-opacity-75:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.75);
}
.hover\:bg-opacity-75:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.75);
}
.hover\:bg-opacity-75:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.75);
}
.hover\:bg-opacity-75:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.75);
}
.hover\:bg-opacity-75:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.75);
}
.hover\:bg-opacity-75:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.75);
}
.hover\:bg-opacity-75:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.75);
}
.hover\:bg-opacity-75:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.75);
}
.hover\:bg-opacity-75:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.75);
}
.hover\:bg-opacity-75:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.75);
}
.hover\:bg-opacity-75:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.75);
}
.hover\:bg-opacity-75:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.75);
}
.hover\:bg-opacity-75:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.75);
}
.hover\:bg-opacity-75:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.75);
}
.hover\:bg-opacity-75:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.75);
}

.hover\:bg-opacity-80:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.8);
}
.hover\:bg-opacity-80:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.8);
}
.hover\:bg-opacity-80:hover.bg-primary {
  background-color: rgba(255, 63, 63, 0.8);
}
.hover\:bg-opacity-80:hover.bg-secondary {
  background-color: rgba(41, 46, 52, 0.8);
}
.hover\:bg-opacity-80:hover.bg-snow {
  background-color: rgba(248, 248, 248, 0.8);
}
.hover\:bg-opacity-80:hover.bg-red {
  background-color: rgba(249, 53, 66, 0.8);
}
.hover\:bg-opacity-80:hover.bg-orange {
  background-color: rgba(255, 131, 59, 0.8);
}
.hover\:bg-opacity-80:hover.bg-blue {
  background-color: rgba(74, 140, 253, 0.8);
}
.hover\:bg-opacity-80:hover.bg-yellow {
  background-color: rgba(245, 192, 46, 0.8);
}
.hover\:bg-opacity-80:hover.bg-green {
  background-color: rgba(37, 201, 152, 0.8);
}
.hover\:bg-opacity-80:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.8);
}
.hover\:bg-opacity-80:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.8);
}
.hover\:bg-opacity-80:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.8);
}
.hover\:bg-opacity-80:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.8);
}
.hover\:bg-opacity-80:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.8);
}
.hover\:bg-opacity-80:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.8);
}
.hover\:bg-opacity-80:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.8);
}
.hover\:bg-opacity-80:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.8);
}
.hover\:bg-opacity-80:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.8);
}
.hover\:bg-opacity-80:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.8);
}
.hover\:bg-opacity-80:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.8);
}
.hover\:bg-opacity-80:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.8);
}
.hover\:bg-opacity-80:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.8);
}
.hover\:bg-opacity-80:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.8);
}
.hover\:bg-opacity-80:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.8);
}
.hover\:bg-opacity-80:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.8);
}
.hover\:bg-opacity-80:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.8);
}
.hover\:bg-opacity-80:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.8);
}
.hover\:bg-opacity-80:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.8);
}
.hover\:bg-opacity-80:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.8);
}
.hover\:bg-opacity-80:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.8);
}
.hover\:bg-opacity-80:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.8);
}
.hover\:bg-opacity-80:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.8);
}
.hover\:bg-opacity-80:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.8);
}
.hover\:bg-opacity-80:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.8);
}
.hover\:bg-opacity-80:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.8);
}
.hover\:bg-opacity-80:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.8);
}
.hover\:bg-opacity-80:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.8);
}
.hover\:bg-opacity-80:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.8);
}
.hover\:bg-opacity-80:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.8);
}
.hover\:bg-opacity-80:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.8);
}
.hover\:bg-opacity-80:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.8);
}
.hover\:bg-opacity-80:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.8);
}
.hover\:bg-opacity-80:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.8);
}
.hover\:bg-opacity-80:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.8);
}
.hover\:bg-opacity-80:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.8);
}

.hover\:bg-opacity-85:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.85);
}
.hover\:bg-opacity-85:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.85);
}
.hover\:bg-opacity-85:hover.bg-primary {
  background-color: rgba(255, 63, 63, 0.85);
}
.hover\:bg-opacity-85:hover.bg-secondary {
  background-color: rgba(41, 46, 52, 0.85);
}
.hover\:bg-opacity-85:hover.bg-snow {
  background-color: rgba(248, 248, 248, 0.85);
}
.hover\:bg-opacity-85:hover.bg-red {
  background-color: rgba(249, 53, 66, 0.85);
}
.hover\:bg-opacity-85:hover.bg-orange {
  background-color: rgba(255, 131, 59, 0.85);
}
.hover\:bg-opacity-85:hover.bg-blue {
  background-color: rgba(74, 140, 253, 0.85);
}
.hover\:bg-opacity-85:hover.bg-yellow {
  background-color: rgba(245, 192, 46, 0.85);
}
.hover\:bg-opacity-85:hover.bg-green {
  background-color: rgba(37, 201, 152, 0.85);
}
.hover\:bg-opacity-85:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.85);
}
.hover\:bg-opacity-85:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.85);
}
.hover\:bg-opacity-85:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.85);
}
.hover\:bg-opacity-85:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.85);
}
.hover\:bg-opacity-85:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.85);
}
.hover\:bg-opacity-85:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.85);
}
.hover\:bg-opacity-85:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.85);
}
.hover\:bg-opacity-85:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.85);
}
.hover\:bg-opacity-85:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.85);
}
.hover\:bg-opacity-85:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.85);
}
.hover\:bg-opacity-85:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.85);
}
.hover\:bg-opacity-85:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.85);
}
.hover\:bg-opacity-85:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.85);
}
.hover\:bg-opacity-85:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.85);
}
.hover\:bg-opacity-85:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.85);
}
.hover\:bg-opacity-85:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.85);
}
.hover\:bg-opacity-85:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.85);
}
.hover\:bg-opacity-85:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.85);
}
.hover\:bg-opacity-85:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.85);
}
.hover\:bg-opacity-85:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.85);
}
.hover\:bg-opacity-85:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.85);
}
.hover\:bg-opacity-85:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.85);
}
.hover\:bg-opacity-85:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.85);
}
.hover\:bg-opacity-85:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.85);
}
.hover\:bg-opacity-85:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.85);
}
.hover\:bg-opacity-85:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.85);
}
.hover\:bg-opacity-85:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.85);
}
.hover\:bg-opacity-85:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.85);
}
.hover\:bg-opacity-85:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.85);
}
.hover\:bg-opacity-85:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.85);
}
.hover\:bg-opacity-85:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.85);
}
.hover\:bg-opacity-85:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.85);
}
.hover\:bg-opacity-85:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.85);
}
.hover\:bg-opacity-85:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.85);
}
.hover\:bg-opacity-85:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.85);
}
.hover\:bg-opacity-85:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.85);
}

.hover\:bg-opacity-90:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.9);
}
.hover\:bg-opacity-90:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.9);
}
.hover\:bg-opacity-90:hover.bg-primary {
  background-color: rgba(255, 63, 63, 0.9);
}
.hover\:bg-opacity-90:hover.bg-secondary {
  background-color: rgba(41, 46, 52, 0.9);
}
.hover\:bg-opacity-90:hover.bg-snow {
  background-color: rgba(248, 248, 248, 0.9);
}
.hover\:bg-opacity-90:hover.bg-red {
  background-color: rgba(249, 53, 66, 0.9);
}
.hover\:bg-opacity-90:hover.bg-orange {
  background-color: rgba(255, 131, 59, 0.9);
}
.hover\:bg-opacity-90:hover.bg-blue {
  background-color: rgba(74, 140, 253, 0.9);
}
.hover\:bg-opacity-90:hover.bg-yellow {
  background-color: rgba(245, 192, 46, 0.9);
}
.hover\:bg-opacity-90:hover.bg-green {
  background-color: rgba(37, 201, 152, 0.9);
}
.hover\:bg-opacity-90:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.9);
}
.hover\:bg-opacity-90:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.9);
}
.hover\:bg-opacity-90:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.9);
}
.hover\:bg-opacity-90:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.9);
}
.hover\:bg-opacity-90:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.9);
}
.hover\:bg-opacity-90:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.9);
}
.hover\:bg-opacity-90:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.9);
}
.hover\:bg-opacity-90:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.9);
}
.hover\:bg-opacity-90:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.9);
}
.hover\:bg-opacity-90:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.9);
}
.hover\:bg-opacity-90:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.9);
}
.hover\:bg-opacity-90:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.9);
}
.hover\:bg-opacity-90:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.9);
}
.hover\:bg-opacity-90:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.9);
}
.hover\:bg-opacity-90:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.9);
}
.hover\:bg-opacity-90:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.9);
}
.hover\:bg-opacity-90:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.9);
}
.hover\:bg-opacity-90:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.9);
}
.hover\:bg-opacity-90:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.9);
}
.hover\:bg-opacity-90:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.9);
}
.hover\:bg-opacity-90:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.9);
}
.hover\:bg-opacity-90:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.9);
}
.hover\:bg-opacity-90:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.9);
}
.hover\:bg-opacity-90:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.9);
}
.hover\:bg-opacity-90:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.9);
}
.hover\:bg-opacity-90:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.9);
}
.hover\:bg-opacity-90:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.9);
}
.hover\:bg-opacity-90:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.9);
}
.hover\:bg-opacity-90:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.9);
}
.hover\:bg-opacity-90:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.9);
}
.hover\:bg-opacity-90:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.9);
}
.hover\:bg-opacity-90:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.9);
}
.hover\:bg-opacity-90:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.9);
}
.hover\:bg-opacity-90:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.9);
}
.hover\:bg-opacity-90:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.9);
}
.hover\:bg-opacity-90:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.9);
}

.hover\:bg-opacity-95:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.95);
}
.hover\:bg-opacity-95:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.95);
}
.hover\:bg-opacity-95:hover.bg-primary {
  background-color: rgba(255, 63, 63, 0.95);
}
.hover\:bg-opacity-95:hover.bg-secondary {
  background-color: rgba(41, 46, 52, 0.95);
}
.hover\:bg-opacity-95:hover.bg-snow {
  background-color: rgba(248, 248, 248, 0.95);
}
.hover\:bg-opacity-95:hover.bg-red {
  background-color: rgba(249, 53, 66, 0.95);
}
.hover\:bg-opacity-95:hover.bg-orange {
  background-color: rgba(255, 131, 59, 0.95);
}
.hover\:bg-opacity-95:hover.bg-blue {
  background-color: rgba(74, 140, 253, 0.95);
}
.hover\:bg-opacity-95:hover.bg-yellow {
  background-color: rgba(245, 192, 46, 0.95);
}
.hover\:bg-opacity-95:hover.bg-green {
  background-color: rgba(37, 201, 152, 0.95);
}
.hover\:bg-opacity-95:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.95);
}
.hover\:bg-opacity-95:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.95);
}
.hover\:bg-opacity-95:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.95);
}
.hover\:bg-opacity-95:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.95);
}
.hover\:bg-opacity-95:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.95);
}
.hover\:bg-opacity-95:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.95);
}
.hover\:bg-opacity-95:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.95);
}
.hover\:bg-opacity-95:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.95);
}
.hover\:bg-opacity-95:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.95);
}
.hover\:bg-opacity-95:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.95);
}
.hover\:bg-opacity-95:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.95);
}
.hover\:bg-opacity-95:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.95);
}
.hover\:bg-opacity-95:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.95);
}
.hover\:bg-opacity-95:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.95);
}
.hover\:bg-opacity-95:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.95);
}
.hover\:bg-opacity-95:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.95);
}
.hover\:bg-opacity-95:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.95);
}
.hover\:bg-opacity-95:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.95);
}
.hover\:bg-opacity-95:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.95);
}
.hover\:bg-opacity-95:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.95);
}
.hover\:bg-opacity-95:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.95);
}
.hover\:bg-opacity-95:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.95);
}
.hover\:bg-opacity-95:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.95);
}
.hover\:bg-opacity-95:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.95);
}
.hover\:bg-opacity-95:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.95);
}
.hover\:bg-opacity-95:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.95);
}
.hover\:bg-opacity-95:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.95);
}
.hover\:bg-opacity-95:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.95);
}
.hover\:bg-opacity-95:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.95);
}
.hover\:bg-opacity-95:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.95);
}
.hover\:bg-opacity-95:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.95);
}
.hover\:bg-opacity-95:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.95);
}
.hover\:bg-opacity-95:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.95);
}
.hover\:bg-opacity-95:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.95);
}
.hover\:bg-opacity-95:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.95);
}
.hover\:bg-opacity-95:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.95);
}

/* ============
Opacity Color Text 
==============*/
.hover\:color-opacity-5:hover.color-black {
  color: rgba(0, 0, 0, 0.05);
}
.hover\:color-opacity-5:hover.color-white {
  color: rgba(255, 255, 255, 0.05);
}
.hover\:color-opacity-5:hover.color-primary {
  color: rgba(255, 63, 63, 0.05);
}
.hover\:color-opacity-5:hover.color-secondary {
  color: rgba(41, 46, 52, 0.05);
}
.hover\:color-opacity-5:hover.color-snow {
  color: rgba(197, 202, 210, 0.05);
}
.hover\:color-opacity-5:hover.color-red {
  color: rgba(249, 53, 66, 0.05);
}
.hover\:color-opacity-5:hover.color-orange {
  color: rgba(255, 131, 59, 0.05);
}
.hover\:color-opacity-5:hover.color-blue {
  color: rgba(74, 140, 253, 0.05);
}
.hover\:color-opacity-5:hover.color-yellow {
  color: rgba(245, 192, 46, 0.05);
}
.hover\:color-opacity-5:hover.color-green {
  color: rgba(37, 201, 152, 0.05);
}

.hover\:color-opacity-10:hover.color-black {
  color: rgba(0, 0, 0, 0.1);
}
.hover\:color-opacity-10:hover.color-white {
  color: rgba(255, 255, 255, 0.1);
}
.hover\:color-opacity-10:hover.color-primary {
  color: rgba(255, 63, 63, 0.1);
}
.hover\:color-opacity-10:hover.color-secondary {
  color: rgba(41, 46, 52, 0.1);
}
.hover\:color-opacity-10:hover.color-snow {
  color: rgba(197, 202, 210, 0.1);
}
.hover\:color-opacity-10:hover.color-red {
  color: rgba(249, 53, 66, 0.1);
}
.hover\:color-opacity-10:hover.color-orange {
  color: rgba(255, 131, 59, 0.1);
}
.hover\:color-opacity-10:hover.color-blue {
  color: rgba(74, 140, 253, 0.1);
}
.hover\:color-opacity-10:hover.color-yellow {
  color: rgba(245, 192, 46, 0.1);
}
.hover\:color-opacity-10:hover.color-green {
  color: rgba(37, 201, 152, 0.1);
}

.hover\:color-opacity-15:hover.color-black {
  color: rgba(0, 0, 0, 0.15);
}
.hover\:color-opacity-15:hover.color-white {
  color: rgba(255, 255, 255, 0.15);
}
.hover\:color-opacity-15:hover.color-primary {
  color: rgba(255, 63, 63, 0.15);
}
.hover\:color-opacity-15:hover.color-secondary {
  color: rgba(41, 46, 52, 0.15);
}
.hover\:color-opacity-15:hover.color-snow {
  color: rgba(197, 202, 210, 0.15);
}
.hover\:color-opacity-15:hover.color-red {
  color: rgba(249, 53, 66, 0.15);
}
.hover\:color-opacity-15:hover.color-orange {
  color: rgba(255, 131, 59, 0.15);
}
.hover\:color-opacity-15:hover.color-blue {
  color: rgba(74, 140, 253, 0.15);
}
.hover\:color-opacity-15:hover.color-yellow {
  color: rgba(245, 192, 46, 0.15);
}
.hover\:color-opacity-15:hover.color-green {
  color: rgba(37, 201, 152, 0.15);
}

.hover\:color-opacity-20:hover.color-black {
  color: rgba(0, 0, 0, 0.2);
}
.hover\:color-opacity-20:hover.color-white {
  color: rgba(255, 255, 255, 0.2);
}
.hover\:color-opacity-20:hover.color-primary {
  color: rgba(255, 63, 63, 0.2);
}
.hover\:color-opacity-20:hover.color-secondary {
  color: rgba(41, 46, 52, 0.2);
}
.hover\:color-opacity-20:hover.color-snow {
  color: rgba(197, 202, 210, 0.2);
}
.hover\:color-opacity-20:hover.color-red {
  color: rgba(249, 53, 66, 0.2);
}
.hover\:color-opacity-20:hover.color-orange {
  color: rgba(255, 131, 59, 0.2);
}
.hover\:color-opacity-20:hover.color-blue {
  color: rgba(74, 140, 253, 0.2);
}
.hover\:color-opacity-20:hover.color-yellow {
  color: rgba(245, 192, 46, 0.2);
}
.hover\:color-opacity-20:hover.color-green {
  color: rgba(37, 201, 152, 0.2);
}

.hover\:color-opacity-25:hover.color-black {
  color: rgba(0, 0, 0, 0.25);
}
.hover\:color-opacity-25:hover.color-white {
  color: rgba(255, 255, 255, 0.25);
}
.hover\:color-opacity-25:hover.color-primary {
  color: rgba(255, 63, 63, 0.25);
}
.hover\:color-opacity-25:hover.color-secondary {
  color: rgba(41, 46, 52, 0.25);
}
.hover\:color-opacity-25:hover.color-snow {
  color: rgba(197, 202, 210, 0.25);
}
.hover\:color-opacity-25:hover.color-red {
  color: rgba(249, 53, 66, 0.25);
}
.hover\:color-opacity-25:hover.color-orange {
  color: rgba(255, 131, 59, 0.25);
}
.hover\:color-opacity-25:hover.color-blue {
  color: rgba(74, 140, 253, 0.25);
}
.hover\:color-opacity-25:hover.color-yellow {
  color: rgba(245, 192, 46, 0.25);
}
.hover\:color-opacity-25:hover.color-green {
  color: rgba(37, 201, 152, 0.25);
}

.hover\:color-opacity-30:hover.color-black {
  color: rgba(0, 0, 0, 0.3);
}
.hover\:color-opacity-30:hover.color-white {
  color: rgba(255, 255, 255, 0.3);
}
.hover\:color-opacity-30:hover.color-primary {
  color: rgba(255, 63, 63, 0.3);
}
.hover\:color-opacity-30:hover.color-secondary {
  color: rgba(41, 46, 52, 0.3);
}
.hover\:color-opacity-30:hover.color-snow {
  color: rgba(197, 202, 210, 0.3);
}
.hover\:color-opacity-30:hover.color-red {
  color: rgba(249, 53, 66, 0.3);
}
.hover\:color-opacity-30:hover.color-orange {
  color: rgba(255, 131, 59, 0.3);
}
.hover\:color-opacity-30:hover.color-blue {
  color: rgba(74, 140, 253, 0.3);
}
.hover\:color-opacity-30:hover.color-yellow {
  color: rgba(245, 192, 46, 0.3);
}
.hover\:color-opacity-30:hover.color-green {
  color: rgba(37, 201, 152, 0.3);
}

.hover\:color-opacity-35:hover.color-black {
  color: rgba(0, 0, 0, 0.35);
}
.hover\:color-opacity-35:hover.color-white {
  color: rgba(255, 255, 255, 0.35);
}
.hover\:color-opacity-35:hover.color-primary {
  color: rgba(255, 63, 63, 0.35);
}
.hover\:color-opacity-35:hover.color-secondary {
  color: rgba(41, 46, 52, 0.35);
}
.hover\:color-opacity-35:hover.color-snow {
  color: rgba(197, 202, 210, 0.35);
}
.hover\:color-opacity-35:hover.color-red {
  color: rgba(249, 53, 66, 0.35);
}
.hover\:color-opacity-35:hover.color-orange {
  color: rgba(255, 131, 59, 0.35);
}
.hover\:color-opacity-35:hover.color-blue {
  color: rgba(74, 140, 253, 0.35);
}
.hover\:color-opacity-35:hover.color-yellow {
  color: rgba(245, 192, 46, 0.35);
}
.hover\:color-opacity-35:hover.color-green {
  color: rgba(37, 201, 152, 0.35);
}

.hover\:color-opacity-40:hover.color-black {
  color: rgba(0, 0, 0, 0.4);
}
.hover\:color-opacity-40:hover.color-white {
  color: rgba(255, 255, 255, 0.4);
}
.hover\:color-opacity-40:hover.color-primary {
  color: rgba(255, 63, 63, 0.4);
}
.hover\:color-opacity-40:hover.color-secondary {
  color: rgba(41, 46, 52, 0.4);
}
.hover\:color-opacity-40:hover.color-snow {
  color: rgba(197, 202, 210, 0.4);
}
.hover\:color-opacity-40:hover.color-red {
  color: rgba(249, 53, 66, 0.4);
}
.hover\:color-opacity-40:hover.color-orange {
  color: rgba(255, 131, 59, 0.4);
}
.hover\:color-opacity-40:hover.color-blue {
  color: rgba(74, 140, 253, 0.4);
}
.hover\:color-opacity-40:hover.color-yellow {
  color: rgba(245, 192, 46, 0.4);
}
.hover\:color-opacity-40:hover.color-green {
  color: rgba(37, 201, 152, 0.4);
}

.hover\:color-opacity-45:hover.color-black {
  color: rgba(0, 0, 0, 0.45);
}
.hover\:color-opacity-45:hover.color-white {
  color: rgba(255, 255, 255, 0.45);
}
.hover\:color-opacity-45:hover.bg-primary {
  color: rgba(255, 63, 63, 0.45);
}
.hover\:color-opacity-45:hover.color-secondary {
  color: rgba(41, 46, 52, 0.45);
}
.hover\:color-opacity-45:hover.color-snow {
  color: rgba(197, 202, 210, 0.45);
}
.hover\:color-opacity-45:hover.color-red {
  color: rgba(249, 53, 66, 0.45);
}
.hover\:color-opacity-45:hover.color-orange {
  color: rgba(255, 131, 59, 0.45);
}
.hover\:color-opacity-45:hover.color-blue {
  color: rgba(74, 140, 253, 0.45);
}
.hover\:color-opacity-45:hover.color-yellow {
  color: rgba(245, 192, 46, 0.45);
}
.hover\:color-opacity-45:hover.color-green {
  color: rgba(37, 201, 152, 0.45);
}

.hover\:color-opacity-50:hover.color-black {
  color: rgba(0, 0, 0, 0.5);
}
.hover\:color-opacity-50:hover.color-white {
  color: rgba(255, 255, 255, 0.5);
}
.hover\:color-opacity-50:hover.color-primary {
  color: rgba(255, 63, 63, 0.5);
}
.hover\:color-opacity-50:hover.color-secondary {
  color: rgba(41, 46, 52, 0.5);
}
.hover\:color-opacity-50:hover.color-snow {
  color: rgba(197, 202, 210, 0.5);
}
.hover\:color-opacity-50:hover.color-red {
  color: rgba(249, 53, 66, 0.5);
}
.hover\:color-opacity-50:hover.color-orange {
  color: rgba(255, 131, 59, 0.5);
}
.hover\:color-opacity-50:hover.color-blue {
  color: rgba(74, 140, 253, 0.5);
}
.hover\:color-opacity-50:hover.color-yellow {
  color: rgba(245, 192, 46, 0.5);
}
.hover\:color-opacity-50:hover.color-green {
  color: rgba(37, 201, 152, 0.5);
}

.hover\:color-opacity-55:hover.color-black {
  color: rgba(0, 0, 0, 0.55);
}
.hover\:color-opacity-55:hover.color-white {
  color: rgba(255, 255, 255, 0.55);
}
.hover\:color-opacity-55:hover.color-primary {
  color: rgba(255, 63, 63, 0.55);
}
.hover\:color-opacity-55:hover.color-secondary {
  color: rgba(41, 46, 52, 0.55);
}
.hover\:color-opacity-55:hover.color-snow {
  color: rgba(197, 202, 210, 0.55);
}
.hover\:color-opacity-55:hover.color-red {
  color: rgba(249, 53, 66, 0.55);
}
.hover\:color-opacity-55:hover.color-orange {
  color: rgba(255, 131, 59, 0.55);
}
.hover\:color-opacity-55:hover.color-blue {
  color: rgba(74, 140, 253, 0.55);
}
.hover\:color-opacity-55:hover.color-yellow {
  color: rgba(245, 192, 46, 0.55);
}
.hover\:color-opacity-55:hover.color-green {
  color: rgba(37, 201, 152, 0.55);
}

.hover\:color-opacity-60:hover.color-black {
  color: rgba(0, 0, 0, 0.6);
}
.hover\:color-opacity-60:hover.color-white {
  color: rgba(255, 255, 255, 0.6);
}
.hover\:color-opacity-60:hover.color-primary {
  color: rgba(255, 63, 63, 0.6);
}
.hover\:color-opacity-60:hover.color-secondary {
  color: rgba(41, 46, 52, 0.6);
}
.hover\:color-opacity-60:hover.color-snow {
  color: rgba(197, 202, 210, 0.6);
}
.hover\:color-opacity-60:hover.color-red {
  color: rgba(249, 53, 66, 0.6);
}
.hover\:color-opacity-60:hover.color-orange {
  color: rgba(255, 131, 59, 0.6);
}
.hover\:color-opacity-60:hover.color-blue {
  color: rgba(74, 140, 253, 0.6);
}
.hover\:color-opacity-60:hover.color-yellow {
  color: rgba(245, 192, 46, 0.6);
}
.hover\:color-opacity-60:hover.color-green {
  color: rgba(37, 201, 152, 0.6);
}

.hover\:color-opacity-65:hover.color-black {
  color: rgba(0, 0, 0, 0.65);
}
.hover\:color-opacity-65:hover.color-white {
  color: rgba(255, 255, 255, 0.65);
}
.hover\:color-opacity-65:hover.color-primary {
  color: rgba(255, 63, 63, 0.65);
}
.hover\:color-opacity-65:hover.color-secondary {
  color: rgba(41, 46, 52, 0.65);
}
.hover\:color-opacity-65:hover.color-snow {
  color: rgba(197, 202, 210, 0.65);
}
.hover\:color-opacity-65:hover.color-red {
  color: rgba(249, 53, 66, 0.65);
}
.hover\:color-opacity-65:hover.color-orange {
  color: rgba(255, 131, 59, 0.65);
}
.hover\:color-opacity-65:hover.color-blue {
  color: rgba(74, 140, 253, 0.65);
}
.hover\:color-opacity-65:hover.color-yellow {
  color: rgba(245, 192, 46, 0.65);
}
.hover\:color-opacity-65:hover.color-green {
  color: rgba(37, 201, 152, 0.65);
}

.hover\:color-opacity-70:hover.color-black {
  color: rgba(0, 0, 0, 0.7);
}
.hover\:color-opacity-70:hover.color-white {
  color: rgba(255, 255, 255, 0.7);
}
.hover\:color-opacity-70:hover.color-primary {
  color: rgba(255, 63, 63, 0.7);
}
.hover\:color-opacity-70:hover.color-secondary {
  color: rgba(41, 46, 52, 0.7);
}
.hover\:color-opacity-70:hover.color-snow {
  color: rgba(197, 202, 210, 0.7);
}
.hover\:color-opacity-70:hover.color-red {
  color: rgba(249, 53, 66, 0.7);
}
.hover\:color-opacity-70:hover.color-orange {
  color: rgba(255, 131, 59, 0.7);
}
.hover\:color-opacity-70:hover.color-blue {
  color: rgba(74, 140, 253, 0.7);
}
.hover\:color-opacity-70:hover.color-yellow {
  color: rgba(245, 192, 46, 0.7);
}
.hover\:color-opacity-70:hover.color-green {
  color: rgba(37, 201, 152, 0.7);
}

.hover\:color-opacity-75:hover.color-black {
  color: rgba(0, 0, 0, 0.75);
}
.hover\:color-opacity-75:hover.color-white {
  color: rgba(255, 255, 255, 0.75);
}
.hover\:color-opacity-75:hover.color-primary {
  color: rgba(255, 63, 63, 0.75);
}
.hover\:color-opacity-75:hover.color-secondary {
  color: rgba(41, 46, 52, 0.75);
}
.hover\:color-opacity-75:hover.color-snow {
  color: rgba(197, 202, 210, 0.75);
}
.hover\:color-opacity-75:hover.color-red {
  color: rgba(249, 53, 66, 0.75);
}
.hover\:color-opacity-75:hover.color-orange {
  color: rgba(255, 131, 59, 0.75);
}
.hover\:color-opacity-75:hover.color-blue {
  color: rgba(74, 140, 253, 0.75);
}
.hover\:color-opacity-75:hover.color-yellow {
  color: rgba(245, 192, 46, 0.75);
}
.hover\:color-opacity-75:hover.color-green {
  color: rgba(37, 201, 152, 0.75);
}

.hover\:color-opacity-80:hover.color-black {
  color: rgba(0, 0, 0, 0.8);
}
.hover\:color-opacity-80:hover.color-white {
  color: rgba(255, 255, 255, 0.8);
}
.hover\:color-opacity-80:hover.color-primary {
  color: rgba(255, 63, 63, 0.8);
}
.hover\:color-opacity-80:hover.color-secondary {
  color: rgba(41, 46, 52, 0.8);
}
.hover\:color-opacity-80:hover.color-snow {
  color: rgba(197, 202, 210, 0.8);
}
.hover\:color-opacity-80:hover.color-red {
  color: rgba(249, 53, 66, 0.8);
}
.hover\:color-opacity-80:hover.color-orange {
  color: rgba(255, 131, 59, 0.8);
}
.hover\:color-opacity-80:hover.color-blue {
  color: rgba(74, 140, 253, 0.8);
}
.hover\:color-opacity-80:hover.color-yellow {
  color: rgba(245, 192, 46, 0.8);
}
.hover\:color-opacity-80:hover.color-green {
  color: rgba(37, 201, 152, 0.8);
}

.hover\:color-opacity-85:hover.color-black {
  color: rgba(0, 0, 0, 0.85);
}
.hover\:color-opacity-85:hover.color-white {
  color: rgba(255, 255, 255, 0.85);
}
.hover\:color-opacity-85:hover.color-primary {
  color: rgba(255, 63, 63, 0.85);
}
.hover\:color-opacity-85:hover.color-secondary {
  color: rgba(41, 46, 52, 0.85);
}
.hover\:color-opacity-85:hover.color-snow {
  color: rgba(197, 202, 210, 0.85);
}
.hover\:color-opacity-85:hover.color-red {
  color: rgba(249, 53, 66, 0.85);
}
.hover\:color-opacity-85:hover.color-orange {
  color: rgba(255, 131, 59, 0.85);
}
.hover\:color-opacity-85:hover.color-blue {
  color: rgba(74, 140, 253, 0.85);
}
.hover\:color-opacity-85:hover.color-yellow {
  color: rgba(245, 192, 46, 0.85);
}
.hover\:color-opacity-85:hover.color-green {
  color: rgba(37, 201, 152, 0.85);
}

.hover\:color-opacity-90:hover.color-black {
  color: rgba(0, 0, 0, 0.9);
}
.hover\:color-opacity-90:hover.color-white {
  color: rgba(255, 255, 255, 0.9);
}
.hover\:color-opacity-90:hover.color-primary {
  color: rgba(255, 63, 63, 0.9);
}
.hover\:color-opacity-90:hover.color-secondary {
  color: rgba(41, 46, 52, 0.9);
}
.hover\:color-opacity-90:hover.color-snow {
  color: rgba(197, 202, 210, 0.9);
}
.hover\:color-opacity-90:hover.color-red {
  color: rgba(249, 53, 66, 0.9);
}
.hover\:color-opacity-90:hover.color-orange {
  color: rgba(255, 131, 59, 0.9);
}
.hover\:color-opacity-90:hover.color-blue {
  color: rgba(74, 140, 253, 0.9);
}
.hover\:color-opacity-90:hover.color-yellow {
  color: rgba(245, 192, 46, 0.9);
}
.hover\:color-opacity-90:hover.color-green {
  color: rgba(37, 201, 152, 0.9);
}

.hover\:color-opacity-95:hover.color-black {
  color: rgba(0, 0, 0, 0.95);
}
.hover\:color-opacity-95:hover.color-white {
  color: rgba(255, 255, 255, 0.95);
}
.hover\:color-opacity-95:hover.color-primary {
  color: rgba(255, 63, 63, 0.95);
}
.hover\:color-opacity-95:hover.color-secondary {
  color: rgba(41, 46, 52, 0.95);
}
.hover\:color-opacity-95:hover.color-snow {
  color: rgba(197, 202, 210, 0.95);
}
.hover\:color-opacity-95:hover.color-red {
  color: rgba(249, 53, 66, 0.95);
}
.hover\:color-opacity-95:hover.color-orange {
  color: rgba(255, 131, 59, 0.95);
}
.hover\:color-opacity-95:hover.color-blue {
  color: rgba(74, 140, 253, 0.95);
}
.hover\:color-opacity-95:hover.color-yellow {
  color: rgba(245, 192, 46, 0.95);
}
.hover\:color-opacity-95:hover.color-green {
  color: rgba(37, 201, 152, 0.95);
}

.hover\:z-1:hover {
  z-index: 1;
}

.hover\:z-10:hover {
  z-index: 10;
}

.hover\:z-20:hover {
  z-index: 20;
}

.hover\:z-30:hover {
  z-index: 30;
}

.hover\:z-40:hover {
  z-index: 40;
}

.hover\:z-50:hover {
  z-index: 50;
}

.hover\:z-auto:hover {
  z-index: auto;
}

/* ============
Pointer Events
==============*/
.hover\:pointer-events-none:hover {
  pointer-events: none;
}

.hover\:pointer-events-auto:hover {
  pointer-events: auto;
}

.hover\:bg-android:hover {
  background-color: var(--color-android);
}

.hover\:bg-clarity:hover {
  background-color: var(--color-clarity);
}

.hover\:bg-dribbble:hover {
  background-color: var(--color-dribbble);
}

.hover\:bg-google-plus:hover {
  background-color: var(--color-google-plus);
}

.hover\:bg-instagram:hover {
  background-color: var(--color-instagram);
}

.hover\:bg-mastodon:hover {
  background-color: var(--color-mastodon);
}

.hover\:bg-periscope:hover {
  background-color: var(--color-periscope);
}

.hover\:bg-quora:hover {
  background-color: var(--color-quora);
}

.hover\:bg-slack:hover {
  background-color: var(--color-slack);
}

.hover\:bg-soundcloud:hover {
  background-color: var(--color-soundcloud);
}

.hover\:bg-stumbleupon:hover {
  background-color: var(--color-stumbleupon);
}

.hover\:bg-tiktok:hover {
  background-color: var(--color-tiktok);
}

.hover\:bg-twitter:hover {
  background-color: var(--color-twitter);
}

.hover\:bg-vk:hover {
  background-color: var(--color-vk);
}

.hover\:bg-yelp:hover {
  background-color: var(--color-yelp);
}

.hover\:bg-alexa:hover {
  background-color: var(--color-alexa);
}

.hover\:bg-deviantArt:hover {
  background-color: var(--color-deviantArt);
}

.hover\:bg-facebook:hover {
  background-color: var(--color-facebook);
}

.hover\:bg-linkedin:hover {
  background-color: var(--color-linkedin);
}

.hover\:bg-medium:hover {
  background-color: var(--color-medium);
}

.hover\:bg-pinterest:hover {
  background-color: var(--color-pinterest);
}

.hover\:bg-reddit:hover {
  background-color: var(--color-reddit);
}

.hover\:bg-slideshare:hover {
  background-color: var(--color-slideshare);
}

.hover\:bg-spotify:hover {
  background-color: var(--color-spotify);
}

.hover\:bg-tumblr:hover {
  background-color: var(--color-tumblr);
}

.hover\:bg-vimeo:hover {
  background-color: var(--color-vimeo);
}

.hover\:bg-whatsapp:hover {
  background-color: var(--color-whatsapp);
}

.hover\:bg-youtube:hover {
  background-color: var(--color-youtube);
}

.hover\:bg-amazon:hover {
  background-color: var(--color-amazon);
}

.hover\:bg-apple:hover {
  background-color: var(--color-apple);
}

.hover\:bg-flickr:hover {
  background-color: var(--color-flickr);
}

.hover\:bg-google:hover {
  background-color: var(--color-google);
}

.hover\:bg-houzz:hover {
  background-color: var(--color-houzz);
}

.hover\:bg-microsoft:hover {
  background-color: var(--color-microsoft);
}

.hover\:bg-snapchat:hover {
  background-color: var(--color-snapchat);
}

.hover\:bg-behance:hover {
  background-color: var(--color-behance);
}

.hover\:color-android:hover {
  color: var(--color-android);
}

.hover\:color-clarity:hover {
  color: var(--color-clarity);
}

.hover\:color-dribbble:hover {
  color: var(--color-dribbble);
}

.hover\:color-google-plus:hover {
  color: var(--color-google-plus);
}

.hover\:color-instagram:hover {
  color: var(--color-instagram);
}

.hover\:color-mastodon:hover {
  color: var(--color-mastodon);
}

.hover\:color-periscope:hover {
  color: var(--color-periscope);
}

.hover\:color-quora:hover {
  color: var(--color-quora);
}

.hover\:color-slack:hover {
  color: var(--color-slack);
}

.hover\:color-soundcloud:hover {
  color: var(--color-soundcloud);
}

.hover\:color-stumbleupon:hover {
  color: var(--color-stumbleupon);
}

.hover\:color-tiktok:hover {
  color: var(--color-tiktok);
}

.hover\:color-twitter:hover {
  color: var(--color-twitter);
}

.hover\:color-vk:hover {
  color: var(--color-vk);
}

.hover\:color-yelp:hover {
  color: var(--color-yelp);
}

.hover\:color-alexa:hover {
  color: var(--color-alexa);
}

.hover\:color-deviantArt:hover {
  color: var(--color-deviantArt);
}

.hover\:color-facebook:hover {
  color: var(--color-facebook);
}

.hover\:color-linkedin:hover {
  color: var(--color-linkedin);
}

.hover\:color-medium:hover {
  color: var(--color-medium);
}

.hover\:color-pinterest:hover {
  color: var(--color-pinterest);
}

.hover\:color-reddit:hover {
  color: var(--color-reddit);
}

.hover\:color-slideshare:hover {
  color: var(--color-slideshare);
}

.hover\:color-spotify:hover {
  color: var(--color-spotify);
}

.hover\:color-tumblr:hover {
  color: var(--color-tumblr);
}

.hover\:color-vimeo:hover {
  color: var(--color-vimeo);
}

.hover\:color-whatsapp:hover {
  color: var(--color-whatsapp);
}

.hover\:color-youtube:hover {
  color: var(--color-youtube);
}

.hover\:color-amazon:hover {
  color: var(--color-amazon);
}

.hover\:color-apple:hover {
  color: var(--color-apple);
}

.hover\:color-flickr:hover {
  color: var(--color-flickr);
}

.hover\:color-google:hover {
  color: var(--color-google);
}

.hover\:color-houzz:hover {
  color: var(--color-houzz);
}

.hover\:color-microsoft:hover {
  color: var(--color-microsoft);
}

.hover\:color-snapchat:hover {
  color: var(--color-snapchat);
}

.hover\:color-behance:hover {
  color: var(--color-behance);
}

.hover\:border-android:hover {
  border-color: var(--color-android);
}

.hover\:border-clarity:hover {
  border-color: var(--color-clarity);
}

.hover\:border-dribbble:hover {
  border-color: var(--color-dribbble);
}

.hover\:border-google-plus:hover {
  border-color: var(--color-google-plus);
}

.hover\:border-instagram:hover {
  border-color: var(--color-instagram);
}

.hover\:border-mastodon:hover {
  border-color: var(--color-mastodon);
}

.hover\:border-periscope:hover {
  border-color: var(--color-periscope);
}

.hover\:border-quora:hover {
  border-color: var(--color-quora);
}

.hover\:border-slack:hover {
  border-color: var(--color-slack);
}

.hover\:border-soundcloud:hover {
  border-color: var(--color-soundcloud);
}

.hover\:border-stumbleupon:hover {
  border-color: var(--color-stumbleupon);
}

.hover\:border-tiktok:hover {
  border-color: var(--color-tiktok);
}

.hover\:border-twitter:hover {
  border-color: var(--color-twitter);
}

.hover\:border-vk:hover {
  border-color: var(--color-vk);
}

.hover\:border-yelp:hover {
  border-color: var(--color-yelp);
}

.hover\:border-alexa:hover {
  border-color: var(--color-alexa);
}

.hover\:border-deviantArt:hover {
  border-color: var(--color-deviantArt);
}

.hover\:border-facebook:hover {
  border-color: var(--color-facebook);
}

.hover\:border-linkedin:hover {
  border-color: var(--color-linkedin);
}

.hover\:border-medium:hover {
  border-color: var(--color-medium);
}

.hover\:border-pinterest:hover {
  border-color: var(--color-pinterest);
}

.hover\:border-reddit:hover {
  border-color: var(--color-reddit);
}

.hover\:border-slideshare:hover {
  border-color: var(--color-slideshare);
}

.hover\:border-spotify:hover {
  border-color: var(--color-spotify);
}

.hover\:border-tumblr:hover {
  border-color: var(--color-tumblr);
}

.hover\:border-vimeo:hover {
  border-color: var(--color-vimeo);
}

.hover\:border-whatsapp:hover {
  border-color: var(--color-whatsapp);
}

.hover\:border-youtube:hover {
  border-color: var(--color-youtube);
}

.hover\:border-amazon:hover {
  border-color: var(--color-amazon);
}

.hover\:border-apple:hover {
  border-color: var(--color-apple);
}

.hover\:border-flickr:hover {
  border-color: var(--color-flickr);
}

.hover\:border-google:hover {
  border-color: var(--color-google);
}

.hover\:border-houzz:hover {
  border-color: var(--color-houzz);
}

.hover\:border-microsoft:hover {
  border-color: var(--color-microsoft);
}

.hover\:border-snapchat:hover {
  border-color: var(--color-snapchat);
}

.hover\:border-behance:hover {
  border-color: var(--color-behance);
}

/* ============
Focus
==============*/
.focus\:bg-black:focus {
  background-color: var(--bg-black);
}

.focus\:bg-white:focus {
  background-color: var(--bg-white);
}

.focus\:bg-primary:focus {
  background-color: var(--bg-primary);
}

.focus\:bg-secondary:focus {
  background-color: var(--bg-secondary);
}

.focus\:bg-snow:focus {
  background-color: var(--bg-snow);
}

.focus\:bg-red:focus {
  background-color: var(--bg-red);
}

.focus\:bg-orange:focus {
  background-color: var(--bg-orange);
}

.focus\:bg-blue:focus {
  background-color: var(--bg-blue);
}

.focus\:bg-yellow:focus {
  background-color: var(--bg-yellow);
}

.focus\:bg-green:focus {
  background-color: var(--bg-green);
}

.focus\:color-black:focus {
  color: var(--color-black);
}

.focus\:color-white:focus {
  color: var(--color-white);
}

.focus\:color-primary:focus {
  color: var(--color-primary);
}

.focus\:color-secondary:focus {
  color: var(--color-secondary);
}

.focus\:color-snow:focus {
  color: var(--color-snow);
}

.focus\:color-red:focus {
  color: var(--color-red);
}

.focus\:color-orange:focus {
  color: var(--color-orange);
}

.focus\:color-blue:focus {
  color: var(--color-blue);
}

.focus\:color-yellow:focus {
  color: var(--color-yellow);
}

.focus\:color-green:focus {
  color: var(--color-green);
}

.focus\:border-black:focus {
  border-color: var(--border-black);
}

.focus\:border-white:focus {
  border-color: var(--border-white);
}

.focus\:border-primary:focus {
  border-color: var(--border-primary);
}

.focus\:border-secondary:focus {
  border-color: var(--border-secondary);
}

.focus\:border-snow:focus {
  border-color: var(--border-snow);
}

.focus\:border-red:focus {
  border-color: var(--border-red);
}

.focus\:border-orange:focus {
  border-color: var(--border-orange);
}

.focus\:border-blue:focus {
  border-color: var(--border-blue);
}

.focus\:border-yellow:focus {
  border-color: var(--border-yellow);
}

.focus\:border-green:focus {
  border-color: var(--border-green);
}

.focus\:bg-opacity-5:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.05);
}
.focus\:bg-opacity-5:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.05);
}
.focus\:bg-opacity-5:focus.bg-primary {
  background-color: rgba(255, 63, 63, 0.05);
}
.focus\:bg-opacity-5:focus.bg-secondary {
  background-color: rgba(41, 46, 52, 0.05);
}
.focus\:bg-opacity-5:focus.bg-snow {
  background-color: rgba(248, 248, 248, 0.05);
}
.focus\:bg-opacity-5:focus.bg-red {
  background-color: rgba(249, 53, 66, 0.05);
}
.focus\:bg-opacity-5:focus.bg-orange {
  background-color: rgba(255, 131, 59, 0.05);
}
.focus\:bg-opacity-5:focus.bg-blue {
  background-color: rgba(74, 140, 253, 0.05);
}
.focus\:bg-opacity-5:focus.bg-yellow {
  background-color: rgba(245, 192, 46, 0.05);
}
.focus\:bg-opacity-5:focus.bg-green {
  background-color: rgba(37, 201, 152, 0.05);
}

.focus\:bg-opacity-10:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.1);
}
.focus\:bg-opacity-10:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.1);
}
.focus\:bg-opacity-10:focus.bg-primary {
  background-color: rgba(255, 63, 63, 0.1);
}
.focus\:bg-opacity-10:focus.bg-secondary {
  background-color: rgba(41, 46, 52, 0.1);
}
.focus\:bg-opacity-10:focus.bg-snow {
  background-color: rgba(248, 248, 248, 0.1);
}
.focus\:bg-opacity-10:focus.bg-red {
  background-color: rgba(249, 53, 66, 0.1);
}
.focus\:bg-opacity-10:focus.bg-orange {
  background-color: rgba(255, 131, 59, 0.1);
}
.focus\:bg-opacity-10:focus.bg-blue {
  background-color: rgba(74, 140, 253, 0.1);
}
.focus\:bg-opacity-10:focus.bg-yellow {
  background-color: rgba(245, 192, 46, 0.1);
}
.focus\:bg-opacity-10:focus.bg-green {
  background-color: rgba(37, 201, 152, 0.1);
}

.focus\:bg-opacity-15:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.15);
}
.focus\:bg-opacity-15:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.15);
}
.focus\:bg-opacity-15:focus.bg-primary {
  background-color: rgba(255, 63, 63, 0.15);
}
.focus\:bg-opacity-15:focus.bg-secondary {
  background-color: rgba(41, 46, 52, 0.15);
}
.focus\:bg-opacity-15:focus.bg-snow {
  background-color: rgba(248, 248, 248, 0.15);
}
.focus\:bg-opacity-15:focus.bg-red {
  background-color: rgba(249, 53, 66, 0.15);
}
.focus\:bg-opacity-15:focus.bg-orange {
  background-color: rgba(255, 131, 59, 0.15);
}
.focus\:bg-opacity-15:focus.bg-blue {
  background-color: rgba(74, 140, 253, 0.15);
}
.focus\:bg-opacity-15:focus.bg-yellow {
  background-color: rgba(245, 192, 46, 0.15);
}
.focus\:bg-opacity-15:focus.bg-green {
  background-color: rgba(37, 201, 152, 0.15);
}

.focus\:bg-opacity-20:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.2);
}
.focus\:bg-opacity-20:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.2);
}
.focus\:bg-opacity-20:focus.bg-primary {
  background-color: rgba(255, 63, 63, 0.2);
}
.focus\:bg-opacity-20:focus.bg-secondary {
  background-color: rgba(41, 46, 52, 0.2);
}
.focus\:bg-opacity-20:focus.bg-snow {
  background-color: rgba(248, 248, 248, 0.2);
}
.focus\:bg-opacity-20:focus.bg-red {
  background-color: rgba(249, 53, 66, 0.2);
}
.focus\:bg-opacity-20:focus.bg-orange {
  background-color: rgba(255, 131, 59, 0.2);
}
.focus\:bg-opacity-20:focus.bg-blue {
  background-color: rgba(74, 140, 253, 0.2);
}
.focus\:bg-opacity-20:focus.bg-yellow {
  background-color: rgba(245, 192, 46, 0.2);
}
.focus\:bg-opacity-20:focus.bg-green {
  background-color: rgba(37, 201, 152, 0.2);
}

.focus\:bg-opacity-25:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.25);
}
.focus\:bg-opacity-25:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.25);
}
.focus\:bg-opacity-25:focus.bg-primary {
  background-color: rgba(255, 63, 63, 0.25);
}
.focus\:bg-opacity-25:focus.bg-secondary {
  background-color: rgba(41, 46, 52, 0.25);
}
.focus\:bg-opacity-25:focus.bg-snow {
  background-color: rgba(248, 248, 248, 0.25);
}
.focus\:bg-opacity-25:focus.bg-red {
  background-color: rgba(249, 53, 66, 0.25);
}
.focus\:bg-opacity-25:focus.bg-orange {
  background-color: rgba(255, 131, 59, 0.25);
}
.focus\:bg-opacity-25:focus.bg-blue {
  background-color: rgba(74, 140, 253, 0.25);
}
.focus\:bg-opacity-25:focus.bg-yellow {
  background-color: rgba(245, 192, 46, 0.25);
}
.focus\:bg-opacity-25:focus.bg-green {
  background-color: rgba(37, 201, 152, 0.25);
}

.focus\:bg-opacity-30:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.3);
}
.focus\:bg-opacity-30:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.3);
}
.focus\:bg-opacity-30:focus.bg-primary {
  background-color: rgba(255, 63, 63, 0.3);
}
.focus\:bg-opacity-30:focus.bg-secondary {
  background-color: rgba(41, 46, 52, 0.3);
}
.focus\:bg-opacity-30:focus.bg-snow {
  background-color: rgba(248, 248, 248, 0.3);
}
.focus\:bg-opacity-30:focus.bg-red {
  background-color: rgba(249, 53, 66, 0.3);
}
.focus\:bg-opacity-30:focus.bg-orange {
  background-color: rgba(255, 131, 59, 0.3);
}
.focus\:bg-opacity-30:focus.bg-blue {
  background-color: rgba(74, 140, 253, 0.3);
}
.focus\:bg-opacity-30:focus.bg-yellow {
  background-color: rgba(245, 192, 46, 0.3);
}
.focus\:bg-opacity-30:focus.bg-green {
  background-color: rgba(37, 201, 152, 0.3);
}

.focus\:bg-opacity-35:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.35);
}
.focus\:bg-opacity-35:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.35);
}
.focus\:bg-opacity-35:focus.bg-primary {
  background-color: rgba(255, 63, 63, 0.35);
}
.focus\:bg-opacity-35:focus.bg-secondary {
  background-color: rgba(41, 46, 52, 0.35);
}
.focus\:bg-opacity-35:focus.bg-snow {
  background-color: rgba(248, 248, 248, 0.35);
}
.focus\:bg-opacity-35:focus.bg-red {
  background-color: rgba(249, 53, 66, 0.35);
}
.focus\:bg-opacity-35:focus.bg-orange {
  background-color: rgba(255, 131, 59, 0.35);
}
.focus\:bg-opacity-35:focus.bg-blue {
  background-color: rgba(74, 140, 253, 0.35);
}
.focus\:bg-opacity-35:focus.bg-yellow {
  background-color: rgba(245, 192, 46, 0.35);
}
.focus\:bg-opacity-35:focus.bg-green {
  background-color: rgba(37, 201, 152, 0.35);
}

.focus\:bg-opacity-40:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.4);
}
.focus\:bg-opacity-40:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.4);
}
.focus\:bg-opacity-40:focus.bg-primary {
  background-color: rgba(255, 63, 63, 0.4);
}
.focus\:bg-opacity-40:focus.bg-secondary {
  background-color: rgba(41, 46, 52, 0.4);
}
.focus\:bg-opacity-40:focus.bg-snow {
  background-color: rgba(248, 248, 248, 0.4);
}
.focus\:bg-opacity-40:focus.bg-red {
  background-color: rgba(249, 53, 66, 0.4);
}
.focus\:bg-opacity-40:focus.bg-orange {
  background-color: rgba(255, 131, 59, 0.4);
}
.focus\:bg-opacity-40:focus.bg-blue {
  background-color: rgba(74, 140, 253, 0.4);
}
.focus\:bg-opacity-40:focus.bg-yellow {
  background-color: rgba(245, 192, 46, 0.4);
}
.focus\:bg-opacity-40:focus.bg-green {
  background-color: rgba(37, 201, 152, 0.4);
}

.focus\:bg-opacity-45:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.45);
}
.focus\:bg-opacity-45:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.45);
}
.focus\:bg-opacity-45:focus.bg-primary {
  background-color: rgba(255, 63, 63, 0.45);
}
.focus\:bg-opacity-45:focus.bg-secondary {
  background-color: rgba(41, 46, 52, 0.45);
}
.focus\:bg-opacity-45:focus.bg-snow {
  background-color: rgba(248, 248, 248, 0.45);
}
.focus\:bg-opacity-45:focus.bg-red {
  background-color: rgba(249, 53, 66, 0.45);
}
.focus\:bg-opacity-45:focus.bg-orange {
  background-color: rgba(255, 131, 59, 0.45);
}
.focus\:bg-opacity-45:focus.bg-blue {
  background-color: rgba(74, 140, 253, 0.45);
}
.focus\:bg-opacity-45:focus.bg-yellow {
  background-color: rgba(245, 192, 46, 0.45);
}
.focus\:bg-opacity-45:focus.bg-green {
  background-color: rgba(37, 201, 152, 0.45);
}

.focus\:bg-opacity-50:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.5);
}
.focus\:bg-opacity-50:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.5);
}
.focus\:bg-opacity-50:focus.bg-primary {
  background-color: rgba(255, 63, 63, 0.5);
}
.focus\:bg-opacity-50:focus.bg-secondary {
  background-color: rgba(41, 46, 52, 0.5);
}
.focus\:bg-opacity-50:focus.bg-snow {
  background-color: rgba(248, 248, 248, 0.5);
}
.focus\:bg-opacity-50:focus.bg-red {
  background-color: rgba(249, 53, 66, 0.5);
}
.focus\:bg-opacity-50:focus.bg-orange {
  background-color: rgba(255, 131, 59, 0.5);
}
.focus\:bg-opacity-50:focus.bg-blue {
  background-color: rgba(74, 140, 253, 0.5);
}
.focus\:bg-opacity-50:focus.bg-yellow {
  background-color: rgba(245, 192, 46, 0.5);
}
.focus\:bg-opacity-50:focus.bg-green {
  background-color: rgba(37, 201, 152, 0.5);
}

.focus\:bg-opacity-55:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.55);
}
.focus\:bg-opacity-55:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.55);
}
.focus\:bg-opacity-55:focus.bg-primary {
  background-color: rgba(255, 63, 63, 0.55);
}
.focus\:bg-opacity-55:focus.bg-secondary {
  background-color: rgba(41, 46, 52, 0.55);
}
.focus\:bg-opacity-55:focus.bg-snow {
  background-color: rgba(248, 248, 248, 0.55);
}
.focus\:bg-opacity-55:focus.bg-red {
  background-color: rgba(249, 53, 66, 0.55);
}
.focus\:bg-opacity-55:focus.bg-orange {
  background-color: rgba(255, 131, 59, 0.55);
}
.focus\:bg-opacity-55:focus.bg-blue {
  background-color: rgba(74, 140, 253, 0.55);
}
.focus\:bg-opacity-55:focus.bg-yellow {
  background-color: rgba(245, 192, 46, 0.55);
}
.focus\:bg-opacity-55:focus.bg-green {
  background-color: rgba(37, 201, 152, 0.55);
}

.focus\:bg-opacity-60:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.6);
}
.focus\:bg-opacity-60:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.6);
}
.focus\:bg-opacity-60:focus.bg-primary {
  background-color: rgba(255, 63, 63, 0.6);
}
.focus\:bg-opacity-60:focus.bg-secondary {
  background-color: rgba(41, 46, 52, 0.6);
}
.focus\:bg-opacity-60:focus.bg-snow {
  background-color: rgba(248, 248, 248, 0.6);
}
.focus\:bg-opacity-60:focus.bg-red {
  background-color: rgba(249, 53, 66, 0.6);
}
.focus\:bg-opacity-60:focus.bg-orange {
  background-color: rgba(255, 131, 59, 0.6);
}
.focus\:bg-opacity-60:focus.bg-blue {
  background-color: rgba(74, 140, 253, 0.6);
}
.focus\:bg-opacity-60:focus.bg-yellow {
  background-color: rgba(245, 192, 46, 0.6);
}
.focus\:bg-opacity-60:focus.bg-green {
  background-color: rgba(37, 201, 152, 0.6);
}

.focus\:bg-opacity-65:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.65);
}
.focus\:bg-opacity-65:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.65);
}
.focus\:bg-opacity-65:focus.bg-primary {
  background-color: rgba(255, 63, 63, 0.65);
}
.focus\:bg-opacity-65:focus.bg-secondary {
  background-color: rgba(41, 46, 52, 0.65);
}
.focus\:bg-opacity-65:focus.bg-snow {
  background-color: rgba(248, 248, 248, 0.65);
}
.focus\:bg-opacity-65:focus.bg-red {
  background-color: rgba(249, 53, 66, 0.65);
}
.focus\:bg-opacity-65:focus.bg-orange {
  background-color: rgba(255, 131, 59, 0.65);
}
.focus\:bg-opacity-65:focus.bg-blue {
  background-color: rgba(74, 140, 253, 0.65);
}
.focus\:bg-opacity-65:focus.bg-yellow {
  background-color: rgba(245, 192, 46, 0.65);
}
.focus\:bg-opacity-65:focus.bg-green {
  background-color: rgba(37, 201, 152, 0.65);
}

.focus\:bg-opacity-70:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.7);
}
.focus\:bg-opacity-70:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.7);
}
.focus\:bg-opacity-70:focus.bg-primary {
  background-color: rgba(255, 63, 63, 0.7);
}
.focus\:bg-opacity-70:focus.bg-secondary {
  background-color: rgba(41, 46, 52, 0.7);
}
.focus\:bg-opacity-70:focus.bg-snow {
  background-color: rgba(248, 248, 248, 0.7);
}
.focus\:bg-opacity-70:focus.bg-red {
  background-color: rgba(249, 53, 66, 0.7);
}
.focus\:bg-opacity-70:focus.bg-orange {
  background-color: rgba(255, 131, 59, 0.7);
}
.focus\:bg-opacity-70:focus.bg-blue {
  background-color: rgba(74, 140, 253, 0.7);
}
.focus\:bg-opacity-70:focus.bg-yellow {
  background-color: rgba(245, 192, 46, 0.7);
}
.focus\:bg-opacity-70:focus.bg-green {
  background-color: rgba(37, 201, 152, 0.7);
}

.focus\:bg-opacity-75:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.75);
}
.focus\:bg-opacity-75:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.75);
}
.focus\:bg-opacity-75:focus.bg-primary {
  background-color: rgba(255, 63, 63, 0.75);
}
.focus\:bg-opacity-75:focus.bg-secondary {
  background-color: rgba(41, 46, 52, 0.75);
}
.focus\:bg-opacity-75:focus.bg-snow {
  background-color: rgba(248, 248, 248, 0.75);
}
.focus\:bg-opacity-75:focus.bg-red {
  background-color: rgba(249, 53, 66, 0.75);
}
.focus\:bg-opacity-75:focus.bg-orange {
  background-color: rgba(255, 131, 59, 0.75);
}
.focus\:bg-opacity-75:focus.bg-blue {
  background-color: rgba(74, 140, 253, 0.75);
}
.focus\:bg-opacity-75:focus.bg-yellow {
  background-color: rgba(245, 192, 46, 0.75);
}
.focus\:bg-opacity-75:focus.bg-green {
  background-color: rgba(37, 201, 152, 0.75);
}

.focus\:bg-opacity-80:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.8);
}
.focus\:bg-opacity-80:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.8);
}
.focus\:bg-opacity-80:focus.bg-primary {
  background-color: rgba(255, 63, 63, 0.8);
}
.focus\:bg-opacity-80:focus.bg-secondary {
  background-color: rgba(41, 46, 52, 0.8);
}
.focus\:bg-opacity-80:focus.bg-snow {
  background-color: rgba(248, 248, 248, 0.8);
}
.focus\:bg-opacity-80:focus.bg-red {
  background-color: rgba(249, 53, 66, 0.8);
}
.focus\:bg-opacity-80:focus.bg-orange {
  background-color: rgba(255, 131, 59, 0.8);
}
.focus\:bg-opacity-80:focus.bg-blue {
  background-color: rgba(74, 140, 253, 0.8);
}
.focus\:bg-opacity-80:focus.bg-yellow {
  background-color: rgba(245, 192, 46, 0.8);
}
.focus\:bg-opacity-80:focus.bg-green {
  background-color: rgba(37, 201, 152, 0.8);
}

.focus\:bg-opacity-85:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.85);
}
.focus\:bg-opacity-85:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.85);
}
.focus\:bg-opacity-85:focus.bg-primary {
  background-color: rgba(255, 63, 63, 0.85);
}
.focus\:bg-opacity-85:focus.bg-secondary {
  background-color: rgba(41, 46, 52, 0.85);
}
.focus\:bg-opacity-85:focus.bg-snow {
  background-color: rgba(248, 248, 248, 0.85);
}
.focus\:bg-opacity-85:focus.bg-red {
  background-color: rgba(249, 53, 66, 0.85);
}
.focus\:bg-opacity-85:focus.bg-orange {
  background-color: rgba(255, 131, 59, 0.85);
}
.focus\:bg-opacity-85:focus.bg-blue {
  background-color: rgba(74, 140, 253, 0.85);
}
.focus\:bg-opacity-85:focus.bg-yellow {
  background-color: rgba(245, 192, 46, 0.85);
}
.focus\:bg-opacity-85:focus.bg-green {
  background-color: rgba(37, 201, 152, 0.85);
}

.focus\:bg-opacity-90:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.9);
}
.focus\:bg-opacity-90:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.9);
}
.focus\:bg-opacity-90:focus.bg-primary {
  background-color: rgba(255, 63, 63, 0.9);
}
.focus\:bg-opacity-90:focus.bg-secondary {
  background-color: rgba(41, 46, 52, 0.9);
}
.focus\:bg-opacity-90:focus.bg-snow {
  background-color: rgba(248, 248, 248, 0.9);
}
.focus\:bg-opacity-90:focus.bg-red {
  background-color: rgba(249, 53, 66, 0.9);
}
.focus\:bg-opacity-90:focus.bg-orange {
  background-color: rgba(255, 131, 59, 0.9);
}
.focus\:bg-opacity-90:focus.bg-blue {
  background-color: rgba(74, 140, 253, 0.9);
}
.focus\:bg-opacity-90:focus.bg-yellow {
  background-color: rgba(245, 192, 46, 0.9);
}
.focus\:bg-opacity-90:focus.bg-green {
  background-color: rgba(37, 201, 152, 0.9);
}

/* ============
Opacity Color Text 
==============*/
.focus\:color-opacity-5:focus.color-black {
  color: rgba(0, 0, 0, 0.05);
}
.focus\:color-opacity-5:focus.color-white {
  color: rgba(255, 255, 255, 0.05);
}
.focus\:color-opacity-5:focus.color-primary {
  color: rgba(255, 63, 63, 0.05);
}
.focus\:color-opacity-5:focus.color-secondary {
  color: rgba(41, 46, 52, 0.05);
}
.focus\:color-opacity-5:focus.color-snow {
  color: rgba(197, 202, 210, 0.05);
}
.focus\:color-opacity-5:focus.color-red {
  color: rgba(249, 53, 66, 0.05);
}
.focus\:color-opacity-5:focus.color-orange {
  color: rgba(255, 131, 59, 0.05);
}
.focus\:color-opacity-5:focus.color-blue {
  color: rgba(74, 140, 253, 0.05);
}
.focus\:color-opacity-5:focus.color-yellow {
  color: rgba(245, 192, 46, 0.05);
}
.focus\:color-opacity-5:focus.color-green {
  color: rgba(37, 201, 152, 0.05);
}

.focus\:color-opacity-10:focus.color-black {
  color: rgba(0, 0, 0, 0.1);
}
.focus\:color-opacity-10:focus.color-white {
  color: rgba(255, 255, 255, 0.1);
}
.focus\:color-opacity-10:focus.color-primary {
  color: rgba(255, 63, 63, 0.1);
}
.focus\:color-opacity-10:focus.color-secondary {
  color: rgba(41, 46, 52, 0.1);
}
.focus\:color-opacity-10:focus.color-snow {
  color: rgba(197, 202, 210, 0.1);
}
.focus\:color-opacity-10:focus.color-red {
  color: rgba(249, 53, 66, 0.1);
}
.focus\:color-opacity-10:focus.color-orange {
  color: rgba(255, 131, 59, 0.1);
}
.focus\:color-opacity-10:focus.color-blue {
  color: rgba(74, 140, 253, 0.1);
}
.focus\:color-opacity-10:focus.color-yellow {
  color: rgba(245, 192, 46, 0.1);
}
.focus\:color-opacity-10:focus.color-green {
  color: rgba(37, 201, 152, 0.1);
}

.focus\:color-opacity-15:focus.color-black {
  color: rgba(0, 0, 0, 0.15);
}
.focus\:color-opacity-15:focus.color-white {
  color: rgba(255, 255, 255, 0.15);
}
.focus\:color-opacity-15:focus.color-primary {
  color: rgba(255, 63, 63, 0.15);
}
.focus\:color-opacity-15:focus.color-secondary {
  color: rgba(41, 46, 52, 0.15);
}
.focus\:color-opacity-15:focus.color-snow {
  color: rgba(197, 202, 210, 0.15);
}
.focus\:color-opacity-15:focus.color-red {
  color: rgba(249, 53, 66, 0.15);
}
.focus\:color-opacity-15:focus.color-orange {
  color: rgba(255, 131, 59, 0.15);
}
.focus\:color-opacity-15:focus.color-blue {
  color: rgba(74, 140, 253, 0.15);
}
.focus\:color-opacity-15:focus.color-yellow {
  color: rgba(245, 192, 46, 0.15);
}
.focus\:color-opacity-15:focus.color-green {
  color: rgba(37, 201, 152, 0.15);
}

.focus\:color-opacity-20:focus.color-black {
  color: rgba(0, 0, 0, 0.2);
}
.focus\:color-opacity-20:focus.color-white {
  color: rgba(255, 255, 255, 0.2);
}
.focus\:color-opacity-20:focus.color-primary {
  color: rgba(255, 63, 63, 0.2);
}
.focus\:color-opacity-20:focus.color-secondary {
  color: rgba(41, 46, 52, 0.2);
}
.focus\:color-opacity-20:focus.color-snow {
  color: rgba(197, 202, 210, 0.2);
}
.focus\:color-opacity-20:focus.color-red {
  color: rgba(249, 53, 66, 0.2);
}
.focus\:color-opacity-20:focus.color-orange {
  color: rgba(255, 131, 59, 0.2);
}
.focus\:color-opacity-20:focus.color-blue {
  color: rgba(74, 140, 253, 0.2);
}
.focus\:color-opacity-20:focus.color-yellow {
  color: rgba(245, 192, 46, 0.2);
}
.focus\:color-opacity-20:focus.color-green {
  color: rgba(37, 201, 152, 0.2);
}

.focus\:color-opacity-25:focus.color-black {
  color: rgba(0, 0, 0, 0.25);
}
.focus\:color-opacity-25:focus.color-white {
  color: rgba(255, 255, 255, 0.25);
}
.focus\:color-opacity-25:focus.color-primary {
  color: rgba(255, 63, 63, 0.25);
}
.focus\:color-opacity-25:focus.color-secondary {
  color: rgba(41, 46, 52, 0.25);
}
.focus\:color-opacity-25:focus.color-snow {
  color: rgba(197, 202, 210, 0.25);
}
.focus\:color-opacity-25:focus.color-red {
  color: rgba(249, 53, 66, 0.25);
}
.focus\:color-opacity-25:focus.color-orange {
  color: rgba(255, 131, 59, 0.25);
}
.focus\:color-opacity-25:focus.color-blue {
  color: rgba(74, 140, 253, 0.25);
}
.focus\:color-opacity-25:focus.color-yellow {
  color: rgba(245, 192, 46, 0.25);
}
.focus\:color-opacity-25:focus.color-green {
  color: rgba(37, 201, 152, 0.25);
}

.focus\:color-opacity-30:focus.color-black {
  color: rgba(0, 0, 0, 0.3);
}
.focus\:color-opacity-30:focus.color-white {
  color: rgba(255, 255, 255, 0.3);
}
.focus\:color-opacity-30:focus.color-primary {
  color: rgba(255, 63, 63, 0.3);
}
.focus\:color-opacity-30:focus.color-secondary {
  color: rgba(41, 46, 52, 0.3);
}
.focus\:color-opacity-30:focus.color-snow {
  color: rgba(197, 202, 210, 0.3);
}
.focus\:color-opacity-30:focus.color-red {
  color: rgba(249, 53, 66, 0.3);
}
.focus\:color-opacity-30:focus.color-orange {
  color: rgba(255, 131, 59, 0.3);
}
.focus\:color-opacity-30:focus.color-blue {
  color: rgba(74, 140, 253, 0.3);
}
.focus\:color-opacity-30:focus.color-yellow {
  color: rgba(245, 192, 46, 0.3);
}
.focus\:color-opacity-30:focus.color-green {
  color: rgba(37, 201, 152, 0.3);
}

.focus\:color-opacity-35:focus.color-black {
  color: rgba(0, 0, 0, 0.35);
}
.focus\:color-opacity-35:focus.color-white {
  color: rgba(255, 255, 255, 0.35);
}
.focus\:color-opacity-35:focus.color-primary {
  color: rgba(255, 63, 63, 0.35);
}
.focus\:color-opacity-35:focus.color-secondary {
  color: rgba(41, 46, 52, 0.35);
}
.focus\:color-opacity-35:focus.color-snow {
  color: rgba(197, 202, 210, 0.35);
}
.focus\:color-opacity-35:focus.color-red {
  color: rgba(249, 53, 66, 0.35);
}
.focus\:color-opacity-35:focus.color-orange {
  color: rgba(255, 131, 59, 0.35);
}
.focus\:color-opacity-35:focus.color-blue {
  color: rgba(74, 140, 253, 0.35);
}
.focus\:color-opacity-35:focus.color-yellow {
  color: rgba(245, 192, 46, 0.35);
}
.focus\:color-opacity-35:focus.color-green {
  color: rgba(37, 201, 152, 0.35);
}

.focus\:color-opacity-40:focus.color-black {
  color: rgba(0, 0, 0, 0.4);
}
.focus\:color-opacity-40:focus.color-white {
  color: rgba(255, 255, 255, 0.4);
}
.focus\:color-opacity-40:focus.color-primary {
  color: rgba(255, 63, 63, 0.4);
}
.focus\:color-opacity-40:focus.color-secondary {
  color: rgba(41, 46, 52, 0.4);
}
.focus\:color-opacity-40:focus.color-snow {
  color: rgba(197, 202, 210, 0.4);
}
.focus\:color-opacity-40:focus.color-red {
  color: rgba(249, 53, 66, 0.4);
}
.focus\:color-opacity-40:focus.color-orange {
  color: rgba(255, 131, 59, 0.4);
}
.focus\:color-opacity-40:focus.color-blue {
  color: rgba(74, 140, 253, 0.4);
}
.focus\:color-opacity-40:focus.color-yellow {
  color: rgba(245, 192, 46, 0.4);
}
.focus\:color-opacity-40:focus.color-green {
  color: rgba(37, 201, 152, 0.4);
}

.focus\:color-opacity-45:focus.color-black {
  color: rgba(0, 0, 0, 0.45);
}
.focus\:color-opacity-45:focus.color-white {
  color: rgba(255, 255, 255, 0.45);
}
.focus\:color-opacity-45:focus.bg-primary {
  color: rgba(255, 63, 63, 0.45);
}
.focus\:color-opacity-45:focus.color-secondary {
  color: rgba(41, 46, 52, 0.45);
}
.focus\:color-opacity-45:focus.color-snow {
  color: rgba(197, 202, 210, 0.45);
}
.focus\:color-opacity-45:focus.color-red {
  color: rgba(249, 53, 66, 0.45);
}
.focus\:color-opacity-45:focus.color-orange {
  color: rgba(255, 131, 59, 0.45);
}
.focus\:color-opacity-45:focus.color-blue {
  color: rgba(74, 140, 253, 0.45);
}
.focus\:color-opacity-45:focus.color-yellow {
  color: rgba(245, 192, 46, 0.45);
}
.focus\:color-opacity-45:focus.color-green {
  color: rgba(37, 201, 152, 0.45);
}

.focus\:color-opacity-50:focus.color-black {
  color: rgba(0, 0, 0, 0.5);
}
.focus\:color-opacity-50:focus.color-white {
  color: rgba(255, 255, 255, 0.5);
}
.focus\:color-opacity-50:focus.color-primary {
  color: rgba(255, 63, 63, 0.5);
}
.focus\:color-opacity-50:focus.color-secondary {
  color: rgba(41, 46, 52, 0.5);
}
.focus\:color-opacity-50:focus.color-snow {
  color: rgba(197, 202, 210, 0.5);
}
.focus\:color-opacity-50:focus.color-red {
  color: rgba(249, 53, 66, 0.5);
}
.focus\:color-opacity-50:focus.color-orange {
  color: rgba(255, 131, 59, 0.5);
}
.focus\:color-opacity-50:focus.color-blue {
  color: rgba(74, 140, 253, 0.5);
}
.focus\:color-opacity-50:focus.color-yellow {
  color: rgba(245, 192, 46, 0.5);
}
.focus\:color-opacity-50:focus.color-green {
  color: rgba(37, 201, 152, 0.5);
}

.focus\:color-opacity-55:focus.color-black {
  color: rgba(0, 0, 0, 0.55);
}
.focus\:color-opacity-55:focus.color-white {
  color: rgba(255, 255, 255, 0.55);
}
.focus\:color-opacity-55:focus.color-primary {
  color: rgba(255, 63, 63, 0.55);
}
.focus\:color-opacity-55:focus.color-secondary {
  color: rgba(41, 46, 52, 0.55);
}
.focus\:color-opacity-55:focus.color-snow {
  color: rgba(197, 202, 210, 0.55);
}
.focus\:color-opacity-55:focus.color-red {
  color: rgba(249, 53, 66, 0.55);
}
.focus\:color-opacity-55:focus.color-orange {
  color: rgba(255, 131, 59, 0.55);
}
.focus\:color-opacity-55:focus.color-blue {
  color: rgba(74, 140, 253, 0.55);
}
.focus\:color-opacity-55:focus.color-yellow {
  color: rgba(245, 192, 46, 0.55);
}
.focus\:color-opacity-55:focus.color-green {
  color: rgba(37, 201, 152, 0.55);
}

.focus\:color-opacity-60:focus.color-black {
  color: rgba(0, 0, 0, 0.6);
}
.focus\:color-opacity-60:focus.color-white {
  color: rgba(255, 255, 255, 0.6);
}
.focus\:color-opacity-60:focus.color-primary {
  color: rgba(255, 63, 63, 0.6);
}
.focus\:color-opacity-60:focus.color-secondary {
  color: rgba(41, 46, 52, 0.6);
}
.focus\:color-opacity-60:focus.color-snow {
  color: rgba(197, 202, 210, 0.6);
}
.focus\:color-opacity-60:focus.color-red {
  color: rgba(249, 53, 66, 0.6);
}
.focus\:color-opacity-60:focus.color-orange {
  color: rgba(255, 131, 59, 0.6);
}
.focus\:color-opacity-60:focus.color-blue {
  color: rgba(74, 140, 253, 0.6);
}
.focus\:color-opacity-60:focus.color-yellow {
  color: rgba(245, 192, 46, 0.6);
}
.focus\:color-opacity-60:focus.color-green {
  color: rgba(37, 201, 152, 0.6);
}

.focus\:color-opacity-65:focus.color-black {
  color: rgba(0, 0, 0, 0.65);
}
.focus\:color-opacity-65:focus.color-white {
  color: rgba(255, 255, 255, 0.65);
}
.focus\:color-opacity-65:focus.color-primary {
  color: rgba(255, 63, 63, 0.65);
}
.focus\:color-opacity-65:focus.color-secondary {
  color: rgba(41, 46, 52, 0.65);
}
.focus\:color-opacity-65:focus.color-snow {
  color: rgba(197, 202, 210, 0.65);
}
.focus\:color-opacity-65:focus.color-red {
  color: rgba(249, 53, 66, 0.65);
}
.focus\:color-opacity-65:focus.color-orange {
  color: rgba(255, 131, 59, 0.65);
}
.focus\:color-opacity-65:focus.color-blue {
  color: rgba(74, 140, 253, 0.65);
}
.focus\:color-opacity-65:focus.color-yellow {
  color: rgba(245, 192, 46, 0.65);
}
.focus\:color-opacity-65:focus.color-green {
  color: rgba(37, 201, 152, 0.65);
}

.focus\:color-opacity-70:focus.color-black {
  color: rgba(0, 0, 0, 0.7);
}
.focus\:color-opacity-70:focus.color-white {
  color: rgba(255, 255, 255, 0.7);
}
.focus\:color-opacity-70:focus.color-primary {
  color: rgba(255, 63, 63, 0.7);
}
.focus\:color-opacity-70:focus.color-secondary {
  color: rgba(41, 46, 52, 0.7);
}
.focus\:color-opacity-70:focus.color-snow {
  color: rgba(197, 202, 210, 0.7);
}
.focus\:color-opacity-70:focus.color-red {
  color: rgba(249, 53, 66, 0.7);
}
.focus\:color-opacity-70:focus.color-orange {
  color: rgba(255, 131, 59, 0.7);
}
.focus\:color-opacity-70:focus.color-blue {
  color: rgba(74, 140, 253, 0.7);
}
.focus\:color-opacity-70:focus.color-yellow {
  color: rgba(245, 192, 46, 0.7);
}
.focus\:color-opacity-70:focus.color-green {
  color: rgba(37, 201, 152, 0.7);
}

.focus\:color-opacity-75:focus.color-black {
  color: rgba(0, 0, 0, 0.75);
}
.focus\:color-opacity-75:focus.color-white {
  color: rgba(255, 255, 255, 0.75);
}
.focus\:color-opacity-75:focus.color-primary {
  color: rgba(255, 63, 63, 0.75);
}
.focus\:color-opacity-75:focus.color-secondary {
  color: rgba(41, 46, 52, 0.75);
}
.focus\:color-opacity-75:focus.color-snow {
  color: rgba(197, 202, 210, 0.75);
}
.focus\:color-opacity-75:focus.color-red {
  color: rgba(249, 53, 66, 0.75);
}
.focus\:color-opacity-75:focus.color-orange {
  color: rgba(255, 131, 59, 0.75);
}
.focus\:color-opacity-75:focus.color-blue {
  color: rgba(74, 140, 253, 0.75);
}
.focus\:color-opacity-75:focus.color-yellow {
  color: rgba(245, 192, 46, 0.75);
}
.focus\:color-opacity-75:focus.color-green {
  color: rgba(37, 201, 152, 0.75);
}

.focus\:color-opacity-80:focus.color-black {
  color: rgba(0, 0, 0, 0.8);
}
.focus\:color-opacity-80:focus.color-white {
  color: rgba(255, 255, 255, 0.8);
}
.focus\:color-opacity-80:focus.color-primary {
  color: rgba(255, 63, 63, 0.8);
}
.focus\:color-opacity-80:focus.color-secondary {
  color: rgba(41, 46, 52, 0.8);
}
.focus\:color-opacity-80:focus.color-snow {
  color: rgba(197, 202, 210, 0.8);
}
.focus\:color-opacity-80:focus.color-red {
  color: rgba(249, 53, 66, 0.8);
}
.focus\:color-opacity-80:focus.color-orange {
  color: rgba(255, 131, 59, 0.8);
}
.focus\:color-opacity-80:focus.color-blue {
  color: rgba(74, 140, 253, 0.8);
}
.focus\:color-opacity-80:focus.color-yellow {
  color: rgba(245, 192, 46, 0.8);
}
.focus\:color-opacity-80:focus.color-green {
  color: rgba(37, 201, 152, 0.8);
}

.focus\:color-opacity-85:focus.color-black {
  color: rgba(0, 0, 0, 0.85);
}
.focus\:color-opacity-85:focus.color-white {
  color: rgba(255, 255, 255, 0.85);
}
.focus\:color-opacity-85:focus.color-primary {
  color: rgba(255, 63, 63, 0.85);
}
.focus\:color-opacity-85:focus.color-secondary {
  color: rgba(41, 46, 52, 0.85);
}
.focus\:color-opacity-85:focus.color-snow {
  color: rgba(197, 202, 210, 0.85);
}
.focus\:color-opacity-85:focus.color-red {
  color: rgba(249, 53, 66, 0.85);
}
.focus\:color-opacity-85:focus.color-orange {
  color: rgba(255, 131, 59, 0.85);
}
.focus\:color-opacity-85:focus.color-blue {
  color: rgba(74, 140, 253, 0.85);
}
.focus\:color-opacity-85:focus.color-yellow {
  color: rgba(245, 192, 46, 0.85);
}
.focus\:color-opacity-85:focus.color-green {
  color: rgba(37, 201, 152, 0.85);
}

.focus\:color-opacity-90:focus.color-black {
  color: rgba(0, 0, 0, 0.9);
}
.focus\:color-opacity-90:focus.color-white {
  color: rgba(255, 255, 255, 0.9);
}
.focus\:color-opacity-90:focus.color-primary {
  color: rgba(255, 63, 63, 0.9);
}
.focus\:color-opacity-90:focus.color-secondary {
  color: rgba(41, 46, 52, 0.9);
}
.focus\:color-opacity-90:focus.color-snow {
  color: rgba(197, 202, 210, 0.9);
}
.focus\:color-opacity-90:focus.color-red {
  color: rgba(249, 53, 66, 0.9);
}
.focus\:color-opacity-90:focus.color-orange {
  color: rgba(255, 131, 59, 0.9);
}
.focus\:color-opacity-90:focus.color-blue {
  color: rgba(74, 140, 253, 0.9);
}
.focus\:color-opacity-90:focus.color-yellow {
  color: rgba(245, 192, 46, 0.9);
}
.focus\:color-opacity-90:focus.color-green {
  color: rgba(37, 201, 152, 0.9);
}

.focus\:color-opacity-95:focus.color-black {
  color: rgba(0, 0, 0, 0.95);
}
.focus\:color-opacity-95:focus.color-white {
  color: rgba(255, 255, 255, 0.95);
}
.focus\:color-opacity-95:focus.color-primary {
  color: rgba(255, 63, 63, 0.95);
}
.focus\:color-opacity-95:focus.color-secondary {
  color: rgba(41, 46, 52, 0.95);
}
.focus\:color-opacity-95:focus.color-snow {
  color: rgba(197, 202, 210, 0.95);
}
.focus\:color-opacity-95:focus.color-red {
  color: rgba(249, 53, 66, 0.95);
}
.focus\:color-opacity-95:focus.color-orange {
  color: rgba(255, 131, 59, 0.95);
}
.focus\:color-opacity-95:focus.color-blue {
  color: rgba(74, 140, 253, 0.95);
}
.focus\:color-opacity-95:focus.color-yellow {
  color: rgba(245, 192, 46, 0.95);
}
.focus\:color-opacity-95:focus.color-green {
  color: rgba(37, 201, 152, 0.95);
}

.focus\:z-1:focus {
  z-index: 1;
}

.focus\:z-10:focus {
  z-index: 10;
}

.focus\:z-20:focus {
  z-index: 20;
}

.focus\:z-30:focus {
  z-index: 30;
}

.focus\:z-40:focus {
  z-index: 40;
}

.focus\:z-50:focus {
  z-index: 50;
}

.focus\:z-auto:focus {
  z-index: auto;
}

/* ============
Pointer Events
==============*/
.focus\:pointer-events-none:focus {
  pointer-events: none;
}

.focus\:pointer-events-auto:focus {
  pointer-events: auto;
}

/* ============
Fill
==============*/
.fill-black path,
.fill-black rect {
  fill: var(--color-black);
}

.fill-white path,
.fill-white rect {
  fill: var(--color-white);
}

.fill-primary path,
.fill-primary rect {
  fill: var(--color-primary);
}

.fill-secondary path,
.fill-secondary rect {
  fill: var(--color-secondary);
}

.fill-snow path,
.fill-snow rect {
  fill: var(--color-snow);
}

.fill-red path,
.fill-red rect {
  fill: var(--color-red);
}

.fill-orange path,
.fill-orange rect {
  fill: var(--color-orange);
}

.fill-blue path,
.fill-blue rect {
  fill: var(--color-blue);
}

.fill-yellow path,
.fill-yellow rect {
  fill: var(--color-yellow);
}

.fill-green path,
.fill-green rect {
  fill: var(--color-green);
}

/* ============
Stroke Width
==============*/
.stroke-0 {
  stroke-width: 0;
}

.stroke-1 {
  stroke-width: 1;
}

.stroke-2 {
  stroke-width: 2;
}

/* ============
layout
============== */
/*
    CSS Table of Sections
    --------------------------
    ** main_haeder
    --------------------------
*/
/**
 * ----------------------------------------
 * main_haeder
 * ----------------------------------------
 */
.main_haeder {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
  background-color: var(--bg-white);
  padding: 0 20px;
}
.main_haeder.border-bottom {
  border-bottom: 1px solid var(--border-snow) !important;
}
.main_haeder.bg-blue {
  background-color: var(--bg-blue) !important;
}
.main_haeder.bg-red {
  background-color: var(--bg-red) !important;
}
.main_haeder.bg-green {
  background-color: var(--bg-green) !important;
}
.main_haeder.bg-yellow {
  background-color: var(--bg-yellow) !important;
}
.main_haeder.bg-orange {
  background-color: var(--bg-orange) !important;
}
.main_haeder.bg-black {
  background-color: var(--bg-black) !important;
}
.main_haeder.header-white * {
  color: var(--color-white) !important;
}
.main_haeder.header-white svg path,
.main_haeder.header-white svg circle {
  stroke: var(--color-white) !important;
}
.main_haeder.header-white .flashCircle {
  border: 2px solid var(--color-secondary) !important;
}
.main_haeder.bg-primary *, .main_haeder.bg-blue *, .main_haeder.bg-red *, .main_haeder.bg-green *, .main_haeder.bg-yellow *, .main_haeder.bg-orange *, .main_haeder.bg-black *, .main_haeder.bg-secondary * {
  color: var(--color-white) !important;
}
.main_haeder.bg-primary svg path,
.main_haeder.bg-primary svg circle, .main_haeder.bg-blue svg path,
.main_haeder.bg-blue svg circle, .main_haeder.bg-red svg path,
.main_haeder.bg-red svg circle, .main_haeder.bg-green svg path,
.main_haeder.bg-green svg circle, .main_haeder.bg-yellow svg path,
.main_haeder.bg-yellow svg circle, .main_haeder.bg-orange svg path,
.main_haeder.bg-orange svg circle, .main_haeder.bg-black svg path,
.main_haeder.bg-black svg circle, .main_haeder.bg-secondary svg path,
.main_haeder.bg-secondary svg circle {
  stroke: var(--color-white) !important;
}
.main_haeder.bg-primary .btn__back, .main_haeder.bg-blue .btn__back, .main_haeder.bg-red .btn__back, .main_haeder.bg-green .btn__back, .main_haeder.bg-yellow .btn__back, .main_haeder.bg-orange .btn__back, .main_haeder.bg-black .btn__back, .main_haeder.bg-secondary .btn__back {
  background-color: rgba(255, 255, 255, 0.1);
}
@media (min-width: 768px) {
  .main_haeder {
    min-height: 60px;
  }
}
.main_haeder .em_menu_sidebar .btn_menuSidebar {
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
}
.main_haeder .em_menu_sidebar .btn_menuSidebar i {
  font-size: 24px;
  color: var(--color-secondary);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.main_haeder .em_brand a {
  display: block;
  text-decoration: none;
  width: 91px;
}
.main_haeder .em_brand a img {
  height: 25px;
}
.main_haeder .em_brand a svg path {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.main_haeder .em_side_right .btn {
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
}
.main_haeder .em_side_right .btn i {
  font-size: 24px;
  color: var(--color-secondary);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.main_haeder .em_side_right .btn svg {
  width: 24px;
  height: 24px;
}
.main_haeder .em_side_right .btn svg circle,
.main_haeder .em_side_right .btn svg path {
  stroke: var(--color-secondary);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.main_haeder .em_side_right .btn svg.ico_search {
  width: 21px;
  height: 22px;
}
.main_haeder .em_side_right .bg-secondary i {
  color: var(--color-white);
}
.main_haeder .em_side_right .flashCircle {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 2px solid var(--border-white);
  background-color: var(--bg-primary);
  position: absolute;
  top: 3px;
  left: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_haeder .em_side_right .flashCircle::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: var(--bg-red);
  border-radius: 50%;
  -webkit-animation: ping 1.3s cubic-bezier(0, 0, 0.2, 1) infinite;
  -moz-animation: ping 1.3s cubic-bezier(0, 0, 0.2, 1) infinite;
  -o-animation: ping 1.3s cubic-bezier(0, 0, 0.2, 1) infinite;
  -ms-animation: ping 1.3s cubic-bezier(0, 0, 0.2, 1) infinite;
  animation: ping 1.3s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.main_haeder .em_side_right .svg_blue svg path {
  stroke: var(--color-blue);
}
.main_haeder .title_page .page_name {
  display: block;
  font-size: 20px;
  color: var(--color-secondary);
  font-weight: 600;
  text-align: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.main_haeder .btn_meunSearch._opacity {
  opacity: 0;
}
.main_haeder.multi_item .title_page,
.main_haeder.multi_item .em_brand {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  z-index: 0;
  pointer-events: none;
}
.main_haeder.header-sticky {
  position: fixed;
  width: 100%;
  z-index: 90;
  top: env(safe-area-inset-top);
  left: 0;
  right: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.main_haeder.-sticky {
  background-color: var(--bg-primary) !important;
}
.main_haeder.-sticky .em_menu_sidebar .btn_menuSidebar i {
  color: var(--color-white);
}
.main_haeder.-sticky .em_side_right .btn i {
  font-size: 24px;
  color: var(--color-white);
}
.main_haeder.-sticky .em_side_right .btn svg circle,
.main_haeder.-sticky .em_side_right .btn svg path {
  stroke: var(--color-white);
}
.main_haeder.-sticky .em_side_right .bg-secondary {
  background-color: var(--bg-white) !important;
}
.main_haeder.-sticky .em_side_right .bg-secondary i {
  color: var(--color-secondary);
}
.main_haeder.-sticky .em_side_right .bg-snow {
  background-color: rgba(255, 255, 255, 0.1);
}
.main_haeder.-sticky .em_side_right .white-onScroll {
  color: var(--color-white);
}
.main_haeder.-sticky .em_brand svg .box_e,
.main_haeder.-sticky .em_brand svg .name {
  fill: var(--color-white);
}
.main_haeder.-sticky .em_brand svg .letter_e {
  fill: var(--color-red);
}
.main_haeder.-sticky .title_page .page_name {
  color: var(--color-white);
}
.main_haeder.-sticky .title_page .page_name .noBasket {
  color: var(--color-white);
  opacity: 0.7;
}
.main_haeder.-sticky .btn_meunSearch._opacity {
  opacity: 1;
}
.main_haeder.-sticky .flashCircle {
  border: 2px solid var(--border-primary) !important;
  background-color: var(--bg-white);
}
.main_haeder.-sticky .flashCircle::before {
  background-color: var(--bg-white);
}
.main_haeder.-sticky ~ #searchDefault .input_SaerchDefault {
  opacity: 0;
  -webkit-transform: translateY(-15px);
  -moz-transform: translateY(-15px);
  -o-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
}
.main_haeder.header_skip {
  position: absolute;
  width: 100%;
  justify-content: flex-end;
  z-index: 10;
}
.main_haeder.header_skip .text_skip {
  font-size: 15px;
  text-decoration: none;
}
.main_haeder.hdrReviews_product {
  border-bottom: 1px solid var(--border-snow);
}
.main_haeder.hdrReviews_product.Just_Fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
.main_haeder.hdrReviews_product .em_side_right {
  display: flex;
  align-items: center;
}
.main_haeder.hdrReviews_product .itemProduct {
  margin-left: 20px;
}
.main_haeder.hdrReviews_product .itemProduct .imgProd {
  padding: 2px;
  border-radius: 8px;
  width: 35px;
  height: 35px;
  background-color: #f0f0f0;
  margin-right: 12px;
}
.main_haeder.hdrReviews_product .itemProduct .imgProd img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.main_haeder.hdrReviews_product .itemProduct .txt h2 {
  font-size: 15px;
  font-weight: 500;
  color: var(--color-secondary);
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 160px;
}
.main_haeder.hdrReviews_product .itemProduct .txt p {
  font-size: 13px;
  color: var(--color-text);
  margin: 0;
}
.main_haeder.hdrReviews_product .numberRate {
  border-radius: 4px;
  height: 20px;
  min-width: 35px;
  border: 1px solid rgba(245, 192, 46, 0.3);
  font-size: 12px;
  color: var(--color-yellow);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.main_haeder.header-white * {
  color: var(--color-white) !important;
}

/**
 * ----------------------------------------
 * header_tab
 * ----------------------------------------
 */
.header_tab {
  position: fixed;
  width: 100%;
  z-index: 999;
}

/**
 * ----------------------------------------
 * head_conversation
 * ----------------------------------------
 */
.head_conversation .main_haeder {
  justify-content: flex-start;
}
.head_conversation .item_userChat {
  margin-left: 10px;
}
.head_conversation .item_userChat .img-user {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 15px;
}
.head_conversation .item_userChat .txt h1 {
  margin-top: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-secondary);
  margin-bottom: 2px;
}
.head_conversation .item_userChat .txt p {
  margin: 0;
  font-size: 12px;
}

/*-----------------------------
  em_owl_swipe
-----------------------------*/
.banner_swiper .title_welcome {
  padding: 0 20px;
}

.em_owl_swipe .em_item .em_cover_img {
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.em_owl_swipe .em_item .em_cover_img img {
  width: 100%;
  border-radius: 8px;
  height: 160px;
  object-fit: cover;
}
.em_owl_swipe .em_item .em_cover_img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
}
.em_owl_swipe .em_item .em_cover_img .em_text {
  position: absolute;
  left: 20px;
  bottom: 15px;
}
.em_owl_swipe .em_item .em_cover_img .em_text .em_category {
  font-size: 13px;
  background-color: var(--bg-orange);
  font-weight: 400;
  color: var(--color-white);
  min-width: 70px;
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  margin-bottom: 8px;
}
.em_owl_swipe .em_item .em_cover_img .em_text .offer_txt {
  font-size: 20px;
  font-weight: 600;
  color: var(--color-white);
  margin-bottom: 2px;
}
.em_owl_swipe .em_item .em_cover_img .em_text .em_link {
  color: var(--color-white);
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.em_owl_swipe .em_item .em_cover_img .em_text .em_link i {
  font-size: 16px;
  opacity: 0.7;
  margin-left: 4px;
  -webkit-animation: anime-1 1.2s infinite;
  -moz-animation: anime-1 1.2s infinite;
  -o-animation: anime-1 1.2s infinite;
  -ms-animation: anime-1 1.2s infinite;
  animation: anime-1 1.2s infinite;
}
.em_owl_swipe .owl-dots {
  display: none;
}

@-webkit-keyframes anime-1 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}
@-moz-keyframes anime-1 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes anime-1 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}
/*-----------------------------
  em_pk_banner
-----------------------------*/
.em_pk_banner {
  padding: 0 20px;
}
.em_pk_banner .em_bannen_ads {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  display: block;
  text-decoration: none;
}
.em_pk_banner .em_bannen_ads img {
  width: 100%;
  height: 100px;
  object-fit: cover;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .em_pk_banner .em_bannen_ads img {
    object-position: 80% 0%;
  }
}
.em_pk_banner .em_bannen_ads .em_textBanner {
  position: absolute;
  bottom: 15px;
  left: 20px;
}
.em_pk_banner .em_bannen_ads .em_textBanner h3 {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-white);
  margin-bottom: 3px;
}
.em_pk_banner .em_bannen_ads .em_textBanner p {
  font-size: 13px;
  color: var(--color-white);
  margin-bottom: 0;
}
.em_pk_banner .em_bannen_ads.-overlay::before {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*-----------------------------
  banner_sliderFull
-----------------------------*/
.banner_sliderFull {
  /*---
  swiperProducts
  ---*/
}
.banner_sliderFull .em-swiperSliderFull .--item-inside .cover_img {
  position: relative;
  overflow: hidden;
}
.banner_sliderFull .em-swiperSliderFull .--item-inside .cover_img img {
  width: 100%;
  height: 450px;
  object-fit: cover;
}
.banner_sliderFull .em-swiperSliderFull .--item-inside .cover_img .text_img p {
  margin-bottom: 15px;
}
.banner_sliderFull .em-swiperSliderFull .swiper-pagination {
  bottom: 15px;
}
.banner_sliderFull .em-swiperSliderFull .swiper-pagination .swiper-pagination-bullet {
  background: var(--bg-white);
  opacity: 0.6;
}
.banner_sliderFull .em-swiperSliderFull .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1 !important;
}
.banner_sliderFull .em-swiperSliderFull.-height-sm .--item-inside .cover_img {
  position: relative;
  overflow: hidden;
}
.banner_sliderFull .em-swiperSliderFull.-height-sm .--item-inside .cover_img img {
  width: 100%;
  height: 370px;
  object-fit: cover;
}
.banner_sliderFull.swiperProducts .em-swiperProduct .swiper-pagination {
  bottom: 30px;
}
.banner_sliderFull.swiperProducts .em-swiperProduct .swiper-pagination.item_blue .swiper-pagination-bullet {
  background: var(--color-blue);
}
.banner_sliderFull.swiperProducts .em-swiperProduct .swiper-pagination .swiper-pagination-bullet {
  background: var(--color-snow);
}
.banner_sliderFull.swiperProducts .em-swiperProduct .--item-inside .cover_img {
  background-color: #f0f0f0;
}
.banner_sliderFull.swiperProducts .em-swiperProduct .--item-inside .cover_img img {
  width: 100%;
  height: 365px;
  mix-blend-mode: darken;
  object-fit: cover;
}

/**
 * ----------------------------------------
 * em_swiper_products
 * ----------------------------------------
 */
.em_swiper_products .em_title_swiper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.em_swiper_products .em_title_swiper .txt h2 {
  font-size: 25px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-bottom: 2px;
}
.em_swiper_products .em_title_swiper .txt p {
  margin-bottom: 0;
  font-size: 13px;
  color: var(--color-text);
}
.em_swiper_products .em_title_swiper .item_link a {
  font-size: 14px;
  color: var(--color-blue);
  text-decoration: none;
}
.em_swiper_products .owl-dots {
  display: none;
}

/**
 * ----------------------------------------
 * em_item_product
 * ----------------------------------------
 */
.em_item_product {
  position: relative;
}
.em_item_product a {
  text-decoration: none !important;
  display: block;
}
.em_item_product .em_head {
  position: relative;
}
.em_item_product .em_head .image_product {
  border-radius: 8px;
  background-color: #f0f0f0;
  height: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.em_item_product .em_head .image_product img {
  width: 100%;
  height: 180px;
  object-fit: contain;
}
.em_item_product .em_head .btn_addBookmark {
  position: absolute;
  right: 12px;
  top: 15px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-white);
  padding: 0;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
  z-index: 1;
}
.em_item_product .em_head .btn_addBookmark svg {
  width: 15px;
  height: 15px;
}
.em_item_product .em_head .btn_addBookmark svg path {
  stroke: var(--color-text);
}
.em_item_product .em_head .btn_addBookmark .icon_active {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M11.9912 18.6215L5.49945 21.8641C5.00921 22.1302 4.39768 21.9525 4.12348 21.4643C4.0434 21.3108 4.00106 21.1402 4 20.9668V13.7088C4 14.4284 4.40573 14.8726 5.47299 15.3701L11.9912 18.6215Z' fill='%23ffffff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.89526 2H15.0695C17.7773 2 19.9735 3.06605 20 5.79337V20.9668C19.9989 21.1374 19.9565 21.3051 19.8765 21.4554C19.7479 21.7007 19.5259 21.8827 19.2615 21.9598C18.997 22.0368 18.7128 22.0023 18.4741 21.8641L11.9912 18.6215L5.47299 15.3701C4.40573 14.8726 4 14.4284 4 13.7088V5.79337C4 3.06605 6.19625 2 8.89526 2ZM8.22492 9.62227H15.7486C16.1822 9.62227 16.5336 9.26828 16.5336 8.83162C16.5336 8.39495 16.1822 8.04096 15.7486 8.04096H8.22492C7.79137 8.04096 7.43991 8.39495 7.43991 8.83162C7.43991 9.26828 7.79137 9.62227 8.22492 9.62227Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
  width: 15px;
  height: 16px;
  background-size: 16px;
  display: none;
}
.em_item_product .em_head .btn_addBookmark.-active {
  background-color: var(--bg-green);
}
.em_item_product .em_head .btn_addBookmark.-active svg {
  display: none;
}
.em_item_product .em_head .btn_addBookmark.-active .icon_active {
  display: block;
}
.em_item_product .em_head .item_discount {
  position: absolute;
  left: 0;
  top: 15px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: var(--bg-orange);
  font-size: 12px;
  height: 22px;
  min-width: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
}
.em_item_product .title_product {
  margin-top: 12px;
}
.em_item_product .title_product h3 {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-secondary);
  margin-bottom: 6px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.em_item_product .title_product .bottom_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.em_item_product .title_product .item_price {
  font-size: 20px;
  font-weight: 700;
  color: var(--color-secondary);
  margin-bottom: 0;
}
.em_item_product .title_product .item_price .price_old {
  font-size: 14px;
  color: var(--color-text);
  text-decoration: line-through;
}
.em_item_product .title_product .btn_addCart {
  position: absolute;
  right: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
}
.em_item_product .title_product .btn_addCart .icon_active {
  display: none;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.3344 2.75024H7.66543C4.64443 2.75024 2.75043 4.88924 2.75043 7.91624V16.0842C2.75043 19.1112 4.63543 21.2502 7.66543 21.2502H16.3334C19.3644 21.2502 21.2504 19.1112 21.2504 16.0842V7.91624C21.2504 4.88924 19.3644 2.75024 16.3344 2.75024Z' stroke='%23FF3F3F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.4' d='M8.43994 12.0002L10.8139 14.3732L15.5599 9.6272' stroke='%23FF3F3F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 29px;
  height: 29px;
  background-size: 29px;
}
.em_item_product .title_product .btn_addCart svg {
  width: 28px;
  height: 28px;
}
.em_item_product .title_product .btn_addCart svg path:nth-child(1) {
  fill: var(--color-secondary);
}
.em_item_product .title_product .btn_addCart svg path:nth-child(2) {
  stroke: var(--color-secondary);
}
.em_item_product .title_product .btn_addCart i {
  font-size: 28px;
  color: var(--color-secondary);
}
.em_item_product .title_product .btn_addCart .txt_added {
  position: absolute;
  right: 30px;
  top: 7px;
  font-size: 12px;
  display: inline-block;
  color: var(--color-primary);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.em_item_product .title_product .btn_addCart.-active .icon_active {
  display: block;
}
.em_item_product .title_product .btn_addCart.-active svg {
  width: 26px;
  height: 26px;
  display: none;
}
.em_item_product .title_product .btn_addCart.-active svg path:nth-child(1) {
  fill: var(--color-primary);
}
.em_item_product .title_product .btn_addCart.-active svg path:nth-child(2) {
  stroke: var(--color-primary);
}
.em_item_product .title_product .btn_addCart.-active .txt_added {
  opacity: 1;
  right: 35px;
  visibility: visible;
}

/**
 * ----------------------------------------
 * navListProducts
 * ----------------------------------------
 */
.navListProducts {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  flex-wrap: inherit;
}
.navListProducts::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
  /* Firefox*/
}
.navListProducts .nav-item {
  scroll-snap-align: center;
}
.navListProducts .nav-item .nav-link {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-text);
  padding: 10px 30px 10px 0;
}
.navListProducts .nav-item .nav-link.active {
  color: var(--color-secondary);
}
.navListProducts.bg-secondary {
  padding-left: 20px;
}
.navListProducts.bg-secondary .nav-item .nav-link {
  color: var(--color-snow);
  padding: 12px 30px 12px 0;
}
.navListProducts.bg-secondary .nav-item .nav-link.active {
  color: var(--color-white);
}

/**
 * ----------------------------------------
 * em_masonry__layout
 * ----------------------------------------
 */
.em_masonry__layout {
  margin-top: 10px;
  padding: 0 20px;
  display: flex;
  align-items: self-start;
  flex-direction: row;
  justify-content: space-between;
  column-gap: 20px;
  -webkit-column-gap: 20px;
  -ms-column-gap: 20px;
}
.em_masonry__layout .em_item_product {
  margin-bottom: 15px;
}
.em_masonry__layout .em_item_product .em_head .image_product img {
  mix-blend-mode: darken;
}
.em_masonry__layout .em_item_product .title_product h3 {
  white-space: normal;
}
.em_masonry__layout .em_right,
.em_masonry__layout .em_left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@supports (-webkit-touch-callout: none) {
  .em_masonry__layout .em_right {
    margin-left: 10px;
  }
}
@supports (-webkit-touch-callout: none) {
  .em_masonry__layout .em_left {
    margin-right: 10px;
  }
}
.em_masonry__layout .heightSmall .em_item_product .em_head .image_product {
  height: 135px;
}
.em_masonry__layout .heightSmall .em_item_product .em_head .image_product img {
  height: 115px;
}

/**
 * ----------------------------------------
 * Stand__layout
 * ----------------------------------------
 */
.Stand__layout .em_item_product .em_head {
  text-decoration: none !important;
  background-color: #f0f0f0;
  border-radius: 8px;
}
.Stand__layout .em_item_product .em_head .emNav_link {
  position: relative;
  overflow: hidden;
}
.Stand__layout .em_item_product .em_head .emNav_link .image_product {
  height: 120px;
}
.Stand__layout .em_item_product .em_head .emNav_link .image_product img {
  height: 100%;
}
.Stand__layout .em_item_product .em_head .emNav_link .title_product {
  margin-top: 2px;
  padding: 0 15px 15px 15px;
}
.Stand__layout .em_item_product .em_head .emNav_link .title_product h3 {
  height: 34px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.Stand__layout .em_item_product .em_head .emNav_link .title_product .item_price {
  font-size: 16px;
}
.Stand__layout .em_item_product .em_head .btn_addBookmark {
  width: 32px;
  height: 32px;
}

.em_list_layout {
  margin: 0;
  padding-top: 15px;
  display: block;
}
.em_list_layout .item_list {
  position: relative;
  display: flex;
  align-items: center;
  background-color: var(--bg-white);
  width: 100%;
  padding: 10px 15px 10px 10px;
  border-radius: 8px;
  margin-bottom: 10px;
}
.em_list_layout .item_list .em_head .image_product {
  height: 100px;
  width: 80px;
  margin-right: 15px;
}
.em_list_layout .item_list .em_head .image_product img {
  width: 100%;
  height: 100px;
  padding: 5px;
}
.em_list_layout .item_list .title_product {
  margin: 0;
}
.em_list_layout .item_list .title_product .btn_addCart {
  right: 15px;
  top: 10px;
}
.em_list_layout .item_list .title_product .bottom_info {
  margin-bottom: 3px;
}
.em_list_layout .item_list .title_product h3 {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-secondary);
  margin-bottom: 6px;
  max-height: 34px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.em_list_layout .item_list .title_product .itemRating {
  display: flex;
  align-items: center;
}
.em_list_layout .item_list .title_product .itemRating .number {
  min-width: 34px;
  height: 21px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: var(--color-yellow);
  border: 1px solid rgba(245, 192, 46, 0.3);
  margin-right: 6px;
}
.em_list_layout .item_list .title_product .itemRating .users {
  font-size: 11px;
  color: var(--color-text);
}
.em_list_layout.widthFull {
  padding: 0;
}
.em_list_layout.widthFull .item_list {
  margin-bottom: 5px;
  padding: 12px 20px;
  border-radius: 0;
}
.em_list_layout.widthFull .item_list .em_head .image_product {
  height: 105px;
}
.em_list_layout.widthFull .item_list .title_product h3 {
  margin-bottom: 8px;
  padding-right: 25px;
}
.em_list_layout.widthFull .item_list .title_product .bottom_info {
  margin-bottom: 0;
}
.em_list_layout.widthFull .item_list .title_product .itemRating {
  margin-bottom: 6px;
}
.em_list_layout.widthFull .item_list .title_product .btn_addCart {
  top: inherit;
  bottom: 15px;
  right: 20px;
}
.em_list_layout.widthFull .item_list .title_product .btn_addBookmark {
  position: absolute;
  right: 20px;
  top: 15px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-snow);
  padding: 0;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
  z-index: 1;
}
.em_list_layout.widthFull .item_list .title_product .btn_addBookmark svg {
  width: 15px;
  height: 15px;
}
.em_list_layout.widthFull .item_list .title_product .btn_addBookmark svg path {
  stroke: var(--color-text);
}
.em_list_layout.widthFull .item_list .title_product .btn_addBookmark .icon_active {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M11.9912 18.6215L5.49945 21.8641C5.00921 22.1302 4.39768 21.9525 4.12348 21.4643C4.0434 21.3108 4.00106 21.1402 4 20.9668V13.7088C4 14.4284 4.40573 14.8726 5.47299 15.3701L11.9912 18.6215Z' fill='%23ffffff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.89526 2H15.0695C17.7773 2 19.9735 3.06605 20 5.79337V20.9668C19.9989 21.1374 19.9565 21.3051 19.8765 21.4554C19.7479 21.7007 19.5259 21.8827 19.2615 21.9598C18.997 22.0368 18.7128 22.0023 18.4741 21.8641L11.9912 18.6215L5.47299 15.3701C4.40573 14.8726 4 14.4284 4 13.7088V5.79337C4 3.06605 6.19625 2 8.89526 2ZM8.22492 9.62227H15.7486C16.1822 9.62227 16.5336 9.26828 16.5336 8.83162C16.5336 8.39495 16.1822 8.04096 15.7486 8.04096H8.22492C7.79137 8.04096 7.43991 8.39495 7.43991 8.83162C7.43991 9.26828 7.79137 9.62227 8.22492 9.62227Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
  width: 15px;
  height: 16px;
  background-size: 16px;
  display: none;
}
.em_list_layout.widthFull .item_list .title_product .btn_addBookmark.-active {
  background-color: var(--bg-green);
}
.em_list_layout.widthFull .item_list .title_product .btn_addBookmark.-active svg {
  display: none;
}
.em_list_layout.widthFull .item_list .title_product .btn_addBookmark.-active .icon_active {
  display: block;
}

/**
 * ----------------------------------------
 * pt_simpleDetails
 * ----------------------------------------
 */
.pt_simpleDetails {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-color: var(--bg-white);
  margin-top: -35px;
  position: relative;
  z-index: 5;
  padding-top: 30px;
}
.pt_simpleDetails .item_discountinner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  height: 26px;
  min-width: 47px;
  position: absolute;
  top: 0;
  right: 70px;
}
.pt_simpleDetails .item_discountinner span {
  display: block;
  font-size: 13px;
  color: var(--color-white);
}
.pt_simpleDetails .em_headinner {
  padding: 0 20px;
}
.pt_simpleDetails .em_headinner .title_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pt_simpleDetails .em_headinner .title_head .emCategory {
  font-size: 13px;
  color: var(--color-text);
  display: block;
  margin-bottom: 5px;
}
.pt_simpleDetails .em_headinner .title_head h1 {
  font-size: 18px;
  color: var(--color-secondary);
  font-weight: 500;
  margin: 0;
}
.pt_simpleDetails .em_headinner .title_head .priceem {
  font-size: 24px;
  font-weight: 600;
  color: var(--color-secondary);
}
.pt_simpleDetails .em_headinner .title_head .priceem.discount {
  font-size: 16px;
  color: var(--color-text);
  text-decoration: line-through;
}
.pt_simpleDetails .em_headinner .emItem_rated {
  display: flex;
  align-items: center;
}
.pt_simpleDetails .em_headinner .emItem_rated .emPatternRate {
  margin: 0 10px;
}
.pt_simpleDetails .em_headinner .emItem_rated .no_rate {
  font-size: 15px;
  color: var(--color-secondary);
  display: inline-block;
}
.pt_simpleDetails .em_headinner .emItem_rated .totalyRate {
  font-size: 13px;
  color: var(--color-text);
  display: inline-block;
}
.pt_simpleDetails .em_bodyinner {
  padding: 0 20px;
}
.pt_simpleDetails .em_bodyinner .emPatternColors {
  padding: 0;
}
.pt_simpleDetails .em_bodyinner .emPatternColors .title {
  font-size: 14px;
  color: var(--color-text);
  font-weight: 400;
  margin-bottom: 12px;
}
.pt_simpleDetails .em_bodyinner .emPatternColors.swiper-container-free-mode > .swiper-wrapper {
  transform: none !important;
}
.pt_simpleDetails .em_bodyinner .emPatternColors .swiper-slide {
  width: 42px !important;
  height: 42px;
  margin-right: 12px;
  background: transparent;
}
.pt_simpleDetails .em_bodyinner .emPatternColors .swiper-slide.selected .item {
  border-color: transparent;
}
.pt_simpleDetails .em_bodyinner .emPatternColors .swiper-slide.selected .item::before {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.pt_simpleDetails .em_bodyinner .emPatternColors .swiper-slide.selected .item span {
  -webkit-transform: scale(1.65);
  -moz-transform: scale(1.65);
  -o-transform: scale(1.65);
  -ms-transform: scale(1.65);
  transform: scale(1.65);
}
.pt_simpleDetails .em_bodyinner .emPatternSizes .title {
  font-size: 14px;
  color: var(--color-text);
  font-weight: 400;
  margin-bottom: 12px;
}
.pt_simpleDetails .em_bodyinner .emDescription h3 {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-secondary);
  margin-top: 0;
  margin-bottom: 12px;
}
.pt_simpleDetails .em_bodyinner .emDescription p {
  font-size: 14px;
  color: var(--color-text);
  margin: 0;
}
.pt_simpleDetails .em_bodyinner .advancedDetails {
  margin: 10px 0;
}
.pt_simpleDetails .em_bodyinner .advancedDetails .accordion .card {
  border: 0;
}
.pt_simpleDetails .em_bodyinner .advancedDetails .accordion .card .card-header {
  padding: 0;
  background-color: transparent;
  border: 0;
}
.pt_simpleDetails .em_bodyinner .advancedDetails .accordion .card .card-header .btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  text-decoration: none !important;
}
.pt_simpleDetails .em_bodyinner .advancedDetails .accordion .card .card-header .btn[aria-expanded="true"] i {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pt_simpleDetails .em_bodyinner .advancedDetails .accordion .card .card-header .btn span {
  font-weight: 500;
  color: var(--color-secondary);
  font-size: 16px;
}
.pt_simpleDetails .em_bodyinner .advancedDetails .accordion .card .card-header .btn i {
  font-weight: 600;
  color: var(--color-secondary);
  font-size: 18px;
  -webkit-transition: transform 0.25s;
  -moz-transition: transform 0.25s;
  -o-transition: transform 0.25s;
  -ms-transition: transform 0.25s;
  transition: transform 0.25s;
}
.pt_simpleDetails .em_bodyinner .advancedDetails .accordion .card .card-body {
  padding: 0;
}
.pt_simpleDetails .em_bodyinner .advancedDetails .accordion .card .card-body .listDetails {
  list-style: none;
  padding: 0;
}
.pt_simpleDetails .em_bodyinner .advancedDetails .accordion .card .card-body .listDetails li {
  padding: 8px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pt_simpleDetails .em_bodyinner .advancedDetails .accordion .card .card-body .listDetails li span {
  font-size: 14px;
  color: var(--color-text);
}
.pt_simpleDetails .em_bodyinner .advancedDetails .accordion .card .card-body .listDetails li span:first-of-type {
  font-weight: 500;
}
.pt_simpleDetails .em_bodyinner .dividar {
  margin: 0 -20px;
}
.pt_simpleDetails .em_bodyinner .embkRateCustomer {
  margin-top: 25px;
}
.pt_simpleDetails .em_bodyinner .embkRateCustomer .title {
  font-size: 20px;
  font-weight: 500;
  color: var(--color-secondary);
}
.pt_simpleDetails .em_bodyinner .embkRateCustomer .emBoxRating .item_rate .noRate {
  font-size: 50px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-top: 0;
  margin-bottom: 8px;
}
.pt_simpleDetails .em_bodyinner .embkRateCustomer .emBoxRating .item_rate .rateCutome {
  font-size: 13px;
  color: var(--color-text);
  margin-bottom: 8px;
}
.pt_simpleDetails .em_bodyinner .embkRateCustomer .emBoxRating .progress__rate .item {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.pt_simpleDetails .em_bodyinner .embkRateCustomer .emBoxRating .progress__rate .item .progress {
  background-color: var(--border-snow);
  height: 7px;
  border-radius: 20px;
  width: 100%;
}
.pt_simpleDetails .em_bodyinner .embkRateCustomer .emBoxRating .progress__rate .item .progress .progress-bar {
  background-color: var(--bg-yellow);
  border-radius: 20px;
}
.pt_simpleDetails .em_bodyinner .embkRateCustomer .emBoxRating .progress__rate .item .txt {
  margin-left: 8px;
  font-size: 13px;
  color: var(--color-text);
  display: inline-block;
  text-align: center;
}
.pt_simpleDetails .em_bodyinner .embkRateCustomer .emBoxRating .progress__rate .item .circle {
  background-color: var(--bg-yellow);
  width: 7px;
  height: 7px;
  border-radius: 50px;
  margin-left: 8px;
}
.pt_simpleDetails .em_bodyinner .emCommentCusomers .title {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-secondary);
  margin-bottom: 20px;
}
.pt_simpleDetails .em_bodyinner .emCommentCusomers .itemUser {
  margin-bottom: 20px;
}
.pt_simpleDetails .em_bodyinner .emCommentCusomers .itemUser:last-of-type {
  margin-bottom: 0;
}
.pt_simpleDetails .em_bodyinner .emCommentCusomers .all_reviews {
  font-size: 15px;
  font-weight: 500;
  color: var(--color-blue);
  padding: 10px 0;
}
.pt_simpleDetails .em_bodyinner .emCommentCusomers .actionAdd .btn {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px 5px 0;
  margin-right: 5px;
}
.pt_simpleDetails .em_bodyinner .emCommentCusomers .actionAdd .btn .icon {
  position: relative;
  display: flex;
  align-items: center;
}
.pt_simpleDetails .em_bodyinner .emCommentCusomers .actionAdd .btn .icon .fill_heart {
  background-image: url("data:image/svg+xml,%3Csvg id='Iconly_Bold_Heart' data-name='Iconly/Bold/Heart' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Heart' transform='translate(2 2.501)'%3E%3Cpath id='Heart-2' data-name='Heart' d='M10.03,19h0l-.259-.16A38.164,38.164,0,0,1,3.4,13.879,12.993,12.993,0,0,1,.39,9.08,7.744,7.744,0,0,1,.533,3.805,6.084,6.084,0,0,1,4.321.269,4.5,4.5,0,0,1,5.21.06h.12A5.7,5.7,0,0,1,6.17,0h.11A6.266,6.266,0,0,1,8.111.33H8.17A.331.331,0,0,1,8.26.39a3.375,3.375,0,0,1,.63.261L9.27.82a2.627,2.627,0,0,1,.285.19c.057.042.106.077.145.1l.041.024A2.435,2.435,0,0,1,10,1.3,6.224,6.224,0,0,1,13.806,0h.044a5.826,5.826,0,0,1,1.86.291,6.019,6.019,0,0,1,3.755,3.517A7.915,7.915,0,0,1,19.62,9.08a12.781,12.781,0,0,1-3.009,4.81,38.6,38.6,0,0,1-6.332,4.96l-.25.15ZM14.937,3.118a.809.809,0,0,0-.757.543.82.82,0,0,0,.5,1.029,1.676,1.676,0,0,1,1.07,1.57V6.29a.86.86,0,0,0,.19.62.841.841,0,0,0,.57.29.823.823,0,0,0,.79-.76V6.321A3.3,3.3,0,0,0,15.19,3.16.78.78,0,0,0,14.937,3.118Z' transform='translate(0 0)' fill='%23f93542'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 16px;
  width: 16px;
  height: 16px;
  position: absolute;
  opacity: 0;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}
.pt_simpleDetails .em_bodyinner .emCommentCusomers .actionAdd .btn .icon svg {
  width: 16px;
  height: 16px;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}
.pt_simpleDetails .em_bodyinner .emCommentCusomers .actionAdd .btn .icon svg path,
.pt_simpleDetails .em_bodyinner .emCommentCusomers .actionAdd .btn .icon svg circle {
  stroke: var(--color-text);
}
.pt_simpleDetails .em_bodyinner .emCommentCusomers .actionAdd .btn i {
  font-size: 16px;
  color: var(--color-text);
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}
.pt_simpleDetails .em_bodyinner .emCommentCusomers .actionAdd .btn span {
  font-size: 13px;
  display: inline-block;
  margin-left: 5px;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}
.pt_simpleDetails .em_bodyinner .emCommentCusomers .actionAdd .btn_like.-active .icon .fill_heart {
  background-image: url("data:image/svg+xml,%3Csvg id='Iconly_Bold_Heart' data-name='Iconly/Bold/Heart' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Heart' transform='translate(2 2.501)'%3E%3Cpath id='Heart-2' data-name='Heart' d='M10.03,19h0l-.259-.16A38.164,38.164,0,0,1,3.4,13.879,12.993,12.993,0,0,1,.39,9.08,7.744,7.744,0,0,1,.533,3.805,6.084,6.084,0,0,1,4.321.269,4.5,4.5,0,0,1,5.21.06h.12A5.7,5.7,0,0,1,6.17,0h.11A6.266,6.266,0,0,1,8.111.33H8.17A.331.331,0,0,1,8.26.39a3.375,3.375,0,0,1,.63.261L9.27.82a2.627,2.627,0,0,1,.285.19c.057.042.106.077.145.1l.041.024A2.435,2.435,0,0,1,10,1.3,6.224,6.224,0,0,1,13.806,0h.044a5.826,5.826,0,0,1,1.86.291,6.019,6.019,0,0,1,3.755,3.517A7.915,7.915,0,0,1,19.62,9.08a12.781,12.781,0,0,1-3.009,4.81,38.6,38.6,0,0,1-6.332,4.96l-.25.15ZM14.937,3.118a.809.809,0,0,0-.757.543.82.82,0,0,0,.5,1.029,1.676,1.676,0,0,1,1.07,1.57V6.29a.86.86,0,0,0,.19.62.841.841,0,0,0,.57.29.823.823,0,0,0,.79-.76V6.321A3.3,3.3,0,0,0,15.19,3.16.78.78,0,0,0,14.937,3.118Z' transform='translate(0 0)' fill='%23f93542'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 16px;
  width: 16px;
  height: 16px;
  position: absolute;
  opacity: 1;
}
.pt_simpleDetails .em_bodyinner .emCommentCusomers .actionAdd .btn_like.-active .icon svg {
  opacity: 0;
}
.pt_simpleDetails .em_bodyinner .emCommentCusomers .actionAdd .btn_like.-active i {
  color: var(--color-red);
}
.pt_simpleDetails .em_bodyinner .emCommentCusomers .actionAdd .btn_like.-active i::before {
  font-family: "The-Icon-of" !important;
  content: "\e933";
}
.pt_simpleDetails .em_bodyinner .emCommentCusomers .actionAdd .btn_like.-active span {
  color: var(--color-red);
}
.pt_simpleDetails .em_bodyinner .emaddRate_bk {
  border-radius: 8px;
  border: 1px solid var(--border-snow);
  padding: 20px;
  background-color: var(--bg-white);
}
.pt_simpleDetails .em_bodyinner .emaddRate_bk .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pt_simpleDetails .em_bodyinner .emaddRate_bk .title h3 {
  font-size: 15px;
  font-weight: 500;
  color: var(--color-secondary);
  margin-bottom: 4px;
}
.pt_simpleDetails .em_bodyinner .emaddRate_bk .title p {
  font-size: 13px;
  color: var(--color-text);
  font-weight: 400;
  margin: 0;
}
.pt_simpleDetails .em_bodyinner .emaddRate_bk .title .btn_addRate {
  color: var(--color-blue);
  font-weight: 500;
  font-size: 14px;
}
.pt_simpleDetails .em_bodyinner .emaddRate_bk .item_addRate .emRatingPoint {
  padding-top: 20px;
}
.pt_simpleDetails .em_footerinner {
  padding: 10px 20px;
  background-color: var(--bg-white);
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99;
}
.pt_simpleDetails .em_footerinner .emfo_button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: env(safe-area-inset-bottom);
}
.pt_simpleDetails .em_footerinner .emfo_button .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  border-radius: 8px;
  size: 15px;
  width: calc(100% / 2 - 12px);
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.pt_simpleDetails .em_footerinner .emfo_button .btn_addCart.active {
  background-color: rgba(255, 63, 63, 0.07);
  border-color: transparent;
}
.pt_simpleDetails .em_footerinner .emfo_button .btn_addCart.active .textCart {
  color: var(--color-primary);
}
.pt_simpleDetails .em_footerinner .emfo_button.__withIcon .btn {
  width: auto;
}
.pt_simpleDetails .em_footerinner .emfo_button.__withIcon .btn_addCart {
  width: 130px;
  padding: 0;
  justify-content: end;
  padding-left: 12px;
}
.pt_simpleDetails .em_footerinner .emfo_button.__withIcon .btn_addCart .textCart {
  margin-top: 2px;
}
.pt_simpleDetails .em_footerinner .emfo_button.__withIcon .btn_addCart.active {
  background-color: transparent !important;
}
.pt_simpleDetails .em_footerinner .emfo_button.__withIcon .btn_addCart.active .icon_current {
  position: relative;
}
.pt_simpleDetails .em_footerinner .emfo_button.__withIcon .btn_addCart.active .icon_current::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.3344 2.75024H7.66543C4.64443 2.75024 2.75043 4.88924 2.75043 7.91624V16.0842C2.75043 19.1112 4.63543 21.2502 7.66543 21.2502H16.3334C19.3644 21.2502 21.2504 19.1112 21.2504 16.0842V7.91624C21.2504 4.88924 19.3644 2.75024 16.3344 2.75024Z' stroke='%23FF3F3F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.4' d='M8.43994 12.0002L10.8139 14.3732L15.5599 9.6272' stroke='%23FF3F3F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  position: absolute;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-size: 20px;
  opacity: 1;
}
.pt_simpleDetails .em_footerinner .emfo_button.__withIcon .btn_addCart.active .icon_current svg {
  opacity: 0;
}
.pt_simpleDetails .em_footerinner .emfo_button.__withIcon .icon_current {
  position: relative;
  margin-right: 7px;
}
.pt_simpleDetails .em_footerinner .emfo_button.__withIcon .icon_current::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.3344 2.75024H7.66543C4.64443 2.75024 2.75043 4.88924 2.75043 7.91624V16.0842C2.75043 19.1112 4.63543 21.2502 7.66543 21.2502H16.3334C19.3644 21.2502 21.2504 19.1112 21.2504 16.0842V7.91624C21.2504 4.88924 19.3644 2.75024 16.3344 2.75024Z' stroke='%23FF3F3F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.4' d='M8.43994 12.0002L10.8139 14.3732L15.5599 9.6272' stroke='%23FF3F3F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  position: absolute;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-size: 20px;
  top: 3px;
  opacity: 0;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}
.pt_simpleDetails .em_footerinner .emfo_button.__withIcon .icon_current svg {
  width: 20px;
  height: 20px;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}
.pt_simpleDetails .em_footerinner .emfo_button.__withIcon .icon_current svg path {
  stroke: var(--color-secondary);
}
.pt_simpleDetails .em_footerinner .emfo_button.__withIcon .icon_current i {
  font-size: 20px;
  color: var(--color-secondary);
}

/**
 * ----------------------------------------
 * emPatternColors & Size
 * ----------------------------------------
 */
.emPatternColors {
  column-gap: 12px;
  -webkit-column-gap: 12px;
  -ms-column-gap: 12px;
}
.emPatternColors .item {
  position: relative;
  border: 1px solid var(--border-snow);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.emPatternColors .item::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.496' height='10.849' viewBox='0 0 14.496 10.849'%3E%3Cg id='done' transform='translate(0.25 0.288)'%3E%3Cpath id='Icon_color' data-name='Icon color' d='M13.874,1.31,5.145,10.188a.407.407,0,0,1-.585,0L.122,5.673a.424.424,0,0,1,0-.595L.7,4.492a.407.407,0,0,1,.585,0L4.849,8.119l7.864-8a.415.415,0,0,1,.585,0l.576.595a.424.424,0,0,1,0,.595Z' transform='translate(0 0)' fill='%23fff' stroke='%23fff' stroke-miterlimit='10' stroke-width='0.5'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 14px;
  width: 14px;
  height: 10px;
  position: absolute;
  opacity: 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;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  z-index: 1;
}
.emPatternColors .item span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  transition: transform 0.3s;
}
.emPatternColors .item span.bg-sky {
  background-color: #4a8cfd;
}
.emPatternColors .item span.bg-DarkGoldenRod {
  background-color: #b8860b;
}
.emPatternColors .item span.bg-black {
  background-color: #000;
}

.emPatternSizes .box_sizes {
  display: flex;
  align-items: center;
  column-gap: 12px;
  -webkit-column-gap: 12px;
  -ms-column-gap: 12px;
}
.emPatternSizes .item {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--border-snow);
  font-size: 14px;
  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;
}
@supports (-webkit-touch-callout: none) {
  .emPatternSizes .item {
    margin-right: 12px;
  }
}
.emPatternSizes .item.selected {
  background-color: var(--bg-primary);
  color: var(--color-white);
  border-color: var(--border-primary);
}

/**
 * ----------------------------------------
 * emPatternRate
 * ----------------------------------------
 */
.emPatternRate {
  display: flex;
  flex-direction: row;
  column-gap: 8px;
  -webkit-column-gap: 8px;
  -ms-column-gap: 8px;
}
@supports (-webkit-touch-callout: none) {
  .emPatternRate {
    column-gap: 8px;
    -webkit-column-gap: 8px;
    -ms-column-gap: 8px;
  }
}
.emPatternRate .ico {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--border-snow);
  display: block;
}
@supports (-webkit-touch-callout: none) {
  .emPatternRate .ico {
    margin: 0 8px 0 0;
  }
}
.emPatternRate .ico._rated {
  background-color: var(--bg-yellow);
}

/**
 * ----------------------------------------
 * emCommentCusomers
 * ----------------------------------------
 */
.emCommentCusomers .itemUser .no_img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}
.emCommentCusomers .itemUser .no_img.bg-purple {
  background-color: #ae3fe7;
}
.emCommentCusomers .itemUser .no_img span {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
}
.emCommentCusomers .itemUser .x_img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 12px;
}
.emCommentCusomers .itemUser .txt_details .username {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-secondary);
  margin-right: 8px;
  margin-bottom: 8px;
}
.emCommentCusomers .itemUser .txt_details .username time {
  display: inline-block;
  font-size: 12px;
  color: var(--color-text);
  font-weight: 400;
}
.emCommentCusomers .itemUser .txt_details .emPatternRate .ico {
  width: 7px;
  height: 7px;
}
.emCommentCusomers .itemUser .txt_details .txtComment {
  margin-top: 15px;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-comment);
  margin-bottom: 0;
}

/**
 * ----------------------------------------
 * pageReviews
 * ----------------------------------------
 */
.pageReviews {
  margin-top: 5px;
  padding: 65px 20px 20px 20px;
}
.pageReviews .headReviewSingle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}
.pageReviews .headReviewSingle .title {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-secondary);
  margin: 0;
}
.pageReviews .headReviewSingle .inputSelect {
  margin-bottom: 0;
}
.pageReviews .headReviewSingle .inputSelect .form-control {
  background-image: url("data:image/svg+xml,%3Csvg id='Iconly_Light_Arrow_-_Down_Circle' data-name='Iconly/Light/Arrow - Down Circle' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg id='Arrow_-_Down_Circle' data-name='Arrow - Down Circle' transform='translate(2.063 2.063)'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M0,6.938A6.938,6.938,0,1,0,6.938,0,6.938,6.938,0,0,0,0,6.938Z' fill='none' stroke='%237e848e' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' opacity='0.4'/%3E%3Cpath id='Stroke_3' data-name='Stroke 3' d='M0,0,2.6,2.615,5.207,0' transform='translate(4.334 5.856)' fill='none' stroke='%237e848e' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 18px;
  background-position: right;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 0;
  padding: 10px 0;
  height: auto !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-size: 14px;
  color: var(--color-text);
  direction: rtl;
  padding-right: 30px;
}
.pageReviews .itemUser {
  margin-bottom: 20px;
}

/**
 * ----------------------------------------
 * emRatingPoint
 * ----------------------------------------
 */
.emRatingPoint {
  display: flex;
  justify-content: center;
  overflow: hidden;
  flex-direction: row-reverse;
  position: relative;
  column-gap: 35px;
  -webkit-column-gap: 35px;
  -ms-column-gap: 35px;
}
@supports (-webkit-touch-callout: none) {
  .emRatingPoint {
    column-gap: 35px;
    -webkit-column-gap: 35px;
    -ms-column-gap: 35px;
  }
}
.emRatingPoint label {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  margin: 0;
  background-color: var(--border-snow);
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
@supports (-webkit-touch-callout: none) {
  .emRatingPoint label {
    margin: 0 17px;
  }
}
.emRatingPoint input {
  display: none;
}
.emRatingPoint input:checked ~ label {
  background-color: var(--bg-yellow);
}
.emRatingPoint input:checked ~ label ~ label {
  background-color: var(--bg-yellow);
}

/**
 * ----------------------------------------
 * itemProduct_sm
 * ----------------------------------------
 */
.itemProduct_sm .imgProd {
  padding: 2px;
  border-radius: 8px;
  width: 35px;
  height: 35px;
  background-color: #f0f0f0;
  margin-right: 12px;
}
.itemProduct_sm .imgProd img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.itemProduct_sm .txt h2 {
  font-size: 15px;
  font-weight: 500;
  color: var(--color-secondary);
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100vw - 150px);
}
.itemProduct_sm .txt p {
  font-size: 13px;
  color: var(--color-text);
  margin: 0;
}

/**
 * ----------------------------------------
 * itemCountr_manual
 * ----------------------------------------
 */
.itemCountr_manual.vertical {
  display: grid;
  justify-content: center;
  width: 42px;
  border: 1px solid var(--border-snow);
  border-radius: 8px;
}
.itemCountr_manual.vertical .input_no {
  height: 20px;
  padding: 0;
}
.itemCountr_manual.vertical.vr-lg {
  width: 45px;
}
.itemCountr_manual.vertical.vr-lg .btn_counter {
  width: 45px;
  height: 35px;
}
.itemCountr_manual.vertical.vr-sm {
  width: 38px;
}
.itemCountr_manual.vertical.vr-sm .btn_counter {
  width: 38px;
  height: 27px;
}
.itemCountr_manual.horizontal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--border-snow);
  border-radius: 8px;
  width: 100px;
}
.itemCountr_manual.horizontal .btn_counter {
  width: 100px;
  height: 40px;
}
.itemCountr_manual.horizontal .input_no {
  width: 20px;
  padding: 0;
}
.itemCountr_manual.horizontal.hz-lg {
  width: 110px;
}
.itemCountr_manual.horizontal.hz-lg .btn_counter {
  width: 110px;
  height: 43px;
}
.itemCountr_manual.horizontal.hz-sm {
  width: 85px;
}
.itemCountr_manual.horizontal.hz-sm .btn_counter {
  width: 85px;
  height: 36px;
}
.itemCountr_manual.itemButtons .btn_counter {
  width: 38px;
  height: 38px;
}
.itemCountr_manual.itemButtons .border {
  border: 1px solid var(--border-snow);
}
.itemCountr_manual.itemButtons.-lg .btn_counter {
  width: 42px;
  height: 42px;
}
.itemCountr_manual.itemButtons.-sm .btn_counter {
  width: 34px;
  height: 34px;
}
.itemCountr_manual .input_no {
  border: 0 !important;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  opacity: 1 !important;
  color: var(--color-secondary);
  background-color: transparent !important;
  pointer-events: none;
}
.itemCountr_manual .btn_counter {
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text);
  width: 42px;
  height: 30px;
}
.itemCountr_manual .btn_counter i {
  font-weight: 600;
}

/**
 * ----------------------------------------
 * modal
 * ----------------------------------------
 */
.modal .modal-dialog {
  max-width: 100%;
}
.modal .modal-dialog .modal-content {
  border-radius: 8px;
  border: 0;
  background-color: var(--bg-white);
}
.modal .modal-dialog .modal-content .modal-body {
  background-color: var(--bg-white);
}
.modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
  /* Firefox */
}
.modal .modal-dialog.height-full {
  height: 100%;
  max-height: 100%;
}
.modal .modal-dialog.height-full .modal-content {
  max-height: 100%;
}
.modal.defaultModal .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom-color: var(--border-snow);
}
.modal.defaultModal .modal-header .close {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: var(--bg-snow);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  opacity: 1 !important;
  float: inherit;
  text-shadow: none !important;
  box-shadow: none !important;
}
.modal.defaultModal .modal-header .close i {
  font-size: 17px;
  font-weight: 500;
  color: var(--color-secondary);
}
.modal.transition-bottom.fade .modal-dialog {
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
  -webkit-transition: transform 0.35s;
  -moz-transition: transform 0.35s;
  -o-transition: transform 0.35s;
  -ms-transition: transform 0.35s;
  transition: transform 0.35s;
  transform: translateY(100%) !important;
  -webkit-transform: translateY(100%) !important;
  -moz-transform: translateY(100%) !important;
  -o-transform: translateY(285px) !important;
  width: 100%;
}
.modal.transition-bottom.show .modal-dialog {
  transform: translateY(0) !important;
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  bottom: 0;
}
.modal.screenFull .modal-dialog {
  margin: 0;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
}
.modal.screenFull .modal-dialog .modal-content {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.modal.screenFull .modal-dialog .modal-content .modal-footer {
  border-radius: 0 !important;
}
.modal.-inside {
  padding-bottom: env(safe-area-inset-bottom);
}
.modal.-inside .modal-dialog {
  padding: 0 20px;
  bottom: 20px;
}
.modal.-inside.show .modal-dialog {
  padding: 0 20px;
  bottom: 20px;
}
.modal.-inside.show .modal-dialog .modal-content {
  border-radius: 8px;
}
.modal.-inside.show .modal-dialog .modal-content.rounded-15 {
  border-radius: 15px !important;
}
.modal.-inside.show .modal-dialog .modal-footer {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.modal.modalCentered .modal-dialog {
  margin: 0 20px;
}
.modal.modalCentered .modal-dialog .modal-header {
  padding: 25px;
}
.modal.modalCentered .modal-dialog .close {
  position: absolute;
  right: 25px;
}

/**
 * ----------------------------------------
 * sidebarMenu
 * ----------------------------------------
 */
.sidebarMenu {
  opacity: 1 !important;
}
.sidebarMenu.-left .modal-dialog, .sidebarMenu.-right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 320px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.sidebarMenu.-left .modal-dialog .modal-content, .sidebarMenu.-right .modal-dialog .modal-content {
  height: 100%;
  overflow-y: auto;
  border-radius: 0;
  border: 0;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-header .close, .sidebarMenu.-right .modal-dialog .modal-content .modal-header .close {
  position: absolute;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
  border: 1px solid var(--border-snow);
  margin: 0;
  padding: 0;
  right: 20px;
  text-shadow: none !important;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-header .close i, .sidebarMenu.-right .modal-dialog .modal-content .modal-header .close i {
  font-size: 17px;
  font-weight: 600;
  color: var(--color-text);
}
.sidebarMenu.-left .modal-dialog.modal-dialog-scrollable, .sidebarMenu.-right .modal-dialog.modal-dialog-scrollable {
  max-height: 100% !important;
}
.sidebarMenu.-left .modal-dialog.modal-dialog-scrollable .modal-content, .sidebarMenu.-right .modal-dialog.modal-dialog-scrollable .modal-content {
  max-height: 100%;
}
.sidebarMenu.-right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.sidebarMenu.-right.fade.show .modal-dialog {
  right: 0;
}
.sidebarMenu.-left.fade .modal-dialog {
  left: -320px;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.sidebarMenu.-left.fade.show .modal-dialog {
  left: 0;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-header {
  border-bottom: 1px solid var(--border-snow);
  padding: 30px 20px;
  border-radius: 0;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-header .em_profile_user {
  text-decoration: none;
  display: block;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-header .em_profile_user ._imgUser {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 12px;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-header .em_profile_user .txt h3 {
  font-size: 15px;
  color: var(--color-secondary);
  font-weight: 500;
  margin-bottom: 2px;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-header .em_profile_user .txt p {
  color: var(--color-secondary);
  font-size: 12px;
  margin-bottom: 12px;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-header .em_profile_user .txt .btn_logOut {
  min-width: 95px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: var(--color-white);
  background-color: var(--color-snow);
  border-radius: 8px;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-header .close {
  position: absolute;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
  border: 1px solid var(--border-snow);
  margin: 0;
  padding: 0;
  right: 20px;
  text-shadow: none !important;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-header .close i {
  font-size: 17px;
  font-weight: 600;
  color: var(--color-text);
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-body {
  padding: 15px 0;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-body .nav .nav-item .nav-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 35px 15px 20px;
  background-color: var(--bg-white);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-body .nav .nav-item .nav-link:hover {
  background-color: var(--bg-snow);
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-body .nav .nav-item .nav-link::before {
  content: "";
  background-color: var(--bg-secondary);
  height: 15px;
  width: 3.5px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  position: absolute;
  left: 0;
  opacity: 0;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-body .nav .nav-item .nav-link .em_pulp .doted_item {
  width: 5px;
  height: 5px;
  background-color: var(--bg-red);
  border-radius: 20px;
  display: block;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-body .nav .nav-item .nav-link .em_pulp .number_item {
  display: flex;
  min-width: 30px;
  height: 21px;
  border-radius: 4px;
  border: 1px solid rgba(249, 53, 66, 0.3);
  color: var(--color-red);
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-body .nav .nav-item .nav-link svg {
  position: absolute;
  width: 20px;
  height: 20px;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-body .nav .nav-item .nav-link svg path {
  stroke: var(--color-text);
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-body .nav .nav-item .nav-link .icon_active {
  opacity: 0;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-body .nav .nav-item .nav-link .icon_active svg path {
  stroke: none;
  fill: var(--bg-secondary);
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-body .nav .nav-item .nav-link i {
  font-size: 20px;
  color: var(--color-text);
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-body .nav .nav-item .nav-link .title_link {
  color: var(--color-secondary);
  font-size: 16px;
  padding-left: 35px;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-body .nav .nav-item .nav-link.active::before {
  opacity: 1;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-body .nav .nav-item .nav-link.active .icon_current {
  opacity: 0;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-body .nav .nav-item .nav-link.active .icon_active {
  opacity: 1;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-body .nav .title__label {
  padding: 10px 20px;
  text-transform: uppercase;
  font-size: 12px;
  color: var(--color-text);
  margin: 0;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-footer {
  justify-content: inherit;
  align-items: center;
  padding: 6px 20px;
  border-top: 0;
  border-radius: 0;
  padding-bottom: env(safe-area-inset-bottom);
}
@media (max-width: 767px) {
  .sidebarMenu.-left .modal-dialog .modal-content .modal-footer {
    border-top: 1px solid var(--border-snow);
  }
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-footer .em_darkMode_menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-footer .em_darkMode_menu .text {
  margin: 0;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-footer .em_darkMode_menu .text h3 {
  font-size: 15px;
  color: var(--color-secondary);
  margin-bottom: 0;
  padding-bottom: 3px;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-footer .em_darkMode_menu .text p {
  font-size: 13px;
  color: var(--color-text);
  margin-bottom: 0;
}
.sidebarMenu.-withBackground .modal-dialog .modal-content .modal-header {
  position: relative;
  overflow: hidden;
  height: 150px;
  border: 0;
}
.sidebarMenu.-withBackground .modal-dialog .modal-content .modal-header * {
  position: relative;
}
.sidebarMenu.-withBackground .modal-dialog .modal-content .modal-header .em_profile_user .txt h3 {
  color: var(--color-white);
}
.sidebarMenu.-withBackground .modal-dialog .modal-content .modal-header .em_profile_user .txt p {
  color: rgba(255, 255, 255, 0.8);
}
.sidebarMenu.-withBackground .modal-dialog .modal-content .modal-header .em_profile_user .txt .btn_logOut {
  background-color: #fff;
  color: #292e34;
}
.sidebarMenu.-withBackground .modal-dialog .modal-content .modal-header .close {
  border-color: rgba(255, 255, 255, 0.3);
}
.sidebarMenu.-withBackground .modal-dialog .modal-content .modal-header .close i {
  color: var(--color-white);
}
.sidebarMenu.-withBackground .modal-dialog .modal-content .modal-header::before {
  content: "";
  background-color: var(--bg-secondary);
  background-image: url("../img/38.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.sidebarMenu.-guest .modal-dialog .modal-content .modal-header .welcome_em h2 {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-secondary);
}
.sidebarMenu.-guest .modal-dialog .modal-content .modal-header .welcome_em h2 span {
  color: var(--color-red);
}
.sidebarMenu.-guest .modal-dialog .modal-content .modal-header .welcome_em p {
  font-size: 14px;
  color: var(--color-text);
  margin-bottom: 15px;
  width: 85%;
}
.sidebarMenu.-guest .modal-dialog .modal-content .modal-header .welcome_em p a {
  color: var(--color-secondary);
  text-decoration: none;
}

/**
 * ----------------------------------------
 * searchMenu__hdr
 * ----------------------------------------
 */
.searchMenu__hdr {
  position: fixed;
  width: 100%;
  top: -100px;
  background: var(--bg-white);
  padding: 0 20px;
  min-height: 56px;
  display: grid;
  align-items: center;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: 0.28s all;
  -moz-transition: 0.28s all;
  -o-transition: 0.28s all;
  -ms-transition: 0.28s all;
  transition: 0.28s all;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(41, 46, 52, 0.08);
  -moz-box-shadow: 0px 10px 20px 0px rgba(41, 46, 52, 0.08);
  -o-box-shadow: 0px 10px 20px 0px rgba(41, 46, 52, 0.08);
  -ms-box-shadow: 0px 10px 20px 0px rgba(41, 46, 52, 0.08);
  box-shadow: 0px 10px 20px 0px rgba(41, 46, 52, 0.08);
}
@media (min-width: 768px) {
  .searchMenu__hdr {
    min-height: 60px;
  }
}
.searchMenu__hdr .form-group {
  margin: 0;
}
.searchMenu__hdr .form-group .input_group {
  position: relative;
  display: flex;
  align-items: center;
}
.searchMenu__hdr .form-group .input_group input {
  height: 100%;
  width: 100%;
  padding: 0;
  border: 0;
  outline: 0 !important;
  box-shadow: none !important;
  padding-left: 35px;
  padding-right: 40px;
  font-size: 16px;
  color: var(--color-secondary);
  background-color: transparent;
}
.searchMenu__hdr .form-group .input_group input::placeholder {
  font-size: 13px;
  color: var(--color-text);
  font-weight: 400;
}
.searchMenu__hdr .form-group .input_group input::-moz-placeholder {
  font-size: 13px;
  color: var(--color-text);
  font-weight: 400;
}
.searchMenu__hdr .form-group .input_group input:-ms-input-placeholder {
  font-size: 13px;
  color: var(--color-text);
  font-weight: 400;
}
.searchMenu__hdr .form-group .input_group input::-webkit-search-decoration, .searchMenu__hdr .form-group .input_group input::-webkit-search-cancel-button, .searchMenu__hdr .form-group .input_group input::-webkit-search-results-button, .searchMenu__hdr .form-group .input_group input::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.searchMenu__hdr .form-group .input_group .icon_serach {
  position: absolute;
  width: 20px;
  height: 20px;
}
.searchMenu__hdr .form-group .input_group .icon_serach path,
.searchMenu__hdr .form-group .input_group .icon_serach circle {
  stroke: var(--color-secondary);
}
.searchMenu__hdr .-close {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 20px;
  border-radius: 50%;
  background-color: var(--bg-snow);
}
.searchMenu__hdr .-close i {
  font-size: 15px;
  font-weight: 600;
}
.searchMenu__hdr.-show {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
  top: 0;
}

/**
 * ----------------------------------------
 * mdlladd__rate
 * ----------------------------------------
 */
.mdlladd__rate {
  opacity: 1 !important;
}
.mdlladd__rate .modal-dialog .modal-content {
  min-height: auto;
}
.mdlladd__rate .modal-body {
  padding: 0 20px;
}
.mdlladd__rate .modal-body .input_reviews {
  margin-top: 35px;
}
.mdlladd__rate .modal-body .input_reviews .form-group {
  position: relative;
  margin-bottom: 12px !important;
}
.mdlladd__rate .modal-body .input_reviews .form-group textarea {
  padding-top: 15px;
}
.mdlladd__rate .modal-body .input_reviews .form-group textarea::-webkit-resizer {
  display: none;
}
.mdlladd__rate .modal-body .input_reviews .form-group textarea::-moz-resizer {
  display: none;
}
.mdlladd__rate .modal-body .input_reviews .form-group .short-and-sweet-counter {
  position: absolute;
  right: 0;
  top: -20px;
  font-size: 12px;
  color: var(--color-text);
}
.mdlladd__rate .modal-footer {
  padding: 0 20px 20px 20px;
  border: 0;
}
@supports (-webkit-touch-callout: none) {
  .mdlladd__rate .modal-footer {
    padding-bottom: 10px;
    padding-bottom: env(safe-area-inset-bottom);
  }
}

/**
 * ----------------------------------------
 * change__address
 * ----------------------------------------
 */
.change__address .modal-body {
  padding: 20px 25px;
}
.change__address .modal-body .nav__listAddress {
  padding: 0;
  margin: 0;
}
.change__address .modal-body .nav__listAddress .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}
.change__address .modal-body .nav__listAddress .item:last-child {
  margin-bottom: 0;
}
.change__address .modal-body .nav__listAddress .item .personal__info * {
  margin-top: 0;
  margin-bottom: 4px;
  display: block;
}
.change__address .modal-body .nav__listAddress .item .personal__info *:last-child {
  margin-bottom: 0;
}
.change__address .modal-body .nav__listAddress .item .areaRight {
  display: flex;
  align-items: center;
}
.change__address .modal-body .nav__listAddress .item .circle_check {
  position: relative;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid var(--border-snow);
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.change__address .modal-body .nav__listAddress .item .circle_check::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg id='done' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath id='Icon_color' data-name='Icon color' d='M8.424.782l-5.3,5.3a.25.25,0,0,1-.355,0L.074,3.387a.25.25,0,0,1,0-.355l.35-.35a.25.25,0,0,1,.355,0L2.944,4.847,7.719.072a.255.255,0,0,1,.355,0l.35.355a.25.25,0,0,1,0,.355Z' transform='translate(1.501 2.843)' fill='%23fff' stroke='%23fff' stroke-miterlimit='10' stroke-width='0.5'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  background-size: 12px;
  position: absolute;
  opacity: 0;
  -webkit-transform: scale(1.1, -1.2);
  -moz-transform: scale(1.1, -1.2);
  -o-transform: scale(1.1, -1.2);
  -ms-transform: scale(1.1, -1.2);
  transform: scale(1.1, -1.2);
}
.change__address .modal-body .nav__listAddress .item.selected .circle_check {
  background-color: var(--bg-green);
  border-color: var(--border-green);
  -webkit-animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  -moz-animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  -o-animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  -ms-animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}
.change__address .modal-body .nav__listAddress .item.selected .circle_check::before {
  opacity: 1;
}
.change__address .modal-footer {
  padding: 10px 20px 25px 20px;
  border: 0;
}

/**
 * ----------------------------------------
 * mdll_removeStand
 * ----------------------------------------
 */
.mdll_removeStand.bttom_show.fade .modal-dialog {
  position: fixed;
  width: -webkit-fill-available;
  -webkit-transform: translate(0, 50px);
  -moz-transform: translate(0, 50px);
  -o-transform: translate(0, 50px);
  -ms-transform: translate(0, 50px);
  transform: translate(0, 50px);
}
.mdll_removeStand.bttom_show.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.mdll_removeStand .modal-dialog-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100vh - -35rem);
  position: fixed;
  width: -webkit-fill-available;
}
.mdll_removeStand .modal-dialog {
  margin: 20px;
}
.mdll_removeStand .modal-dialog,
.mdll_removeStand .modal-content,
.mdll_removeStand .modal-body {
  border-radius: 8px !important;
  padding: 0;
}
.mdll_removeStand .content__remove {
  padding: 20px;
}
.mdll_removeStand .content__remove .icon {
  margin-right: 15px;
  background-color: rgba(249, 53, 66, 0.1);
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.mdll_removeStand .content__remove .icon svg {
  width: 20px;
  height: 20px;
}
.mdll_removeStand .content__remove .icon svg path {
  fill: var(--color-red);
}
.mdll_removeStand .content__remove .txt h2 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 2px;
}
.mdll_removeStand .content__remove .txt p {
  font-size: 14px;
  color: var(--color-text);
  margin: 0;
}
.mdll_removeStand .modal-footer {
  border: 0;
  padding: 0px 20px 20px 20px;
}

/**
 * ----------------------------------------
 * animation flip-horizontal-bottom
 * ----------------------------------------
 */
@-webkit-keyframes flip-horizontal-bottom {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
  }
}
@-moz-keyframes flip-horizontal-bottom {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
  }
}
@keyframes flip-horizontal-bottom {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
  }
}
/**
 * ----------------------------------------
 * emBK__buttonsShare
 * ----------------------------------------
 */
.emBK__buttonsShare .btn {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 8px 0;
}
.emBK__buttonsShare .btn input {
  opacity: 0;
  position: absolute;
  font-size: 30px;
}
.emBK__buttonsShare .btn .icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  border-radius: 50%;
}
.emBK__buttonsShare .btn .icon svg {
  width: 20px;
  height: 20px;
}
.emBK__buttonsShare .btn .icon svg path,
.emBK__buttonsShare .btn .icon svg circle {
  stroke: #fff;
}
.emBK__buttonsShare .btn .icon i {
  font-size: 20px;
  color: #fff;
}
.emBK__buttonsShare .btn .title_txt {
  font-size: 15px;
  color: var(--color-secondary);
  font-weight: 400;
}
.emBK__buttonsShare.icon__share {
  display: flex;
  align-items: center;
  justify-content: center;
}
.emBK__buttonsShare.icon__share .btn {
  padding: 0;
}
.emBK__buttonsShare.icon__share .btn .icon {
  width: 45px;
  height: 45px;
  margin: 0 3px !important;
}
.emBK__buttonsShare.icon__share .btn .icon .color-secondary {
  color: var(--color-secondary) !important;
}

/**
 * ----------------------------------------
 * toast__network
 * ----------------------------------------
 */
.toast__network {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;
  height: 56px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -o-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  transform: translateY(-60px);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.toast__network .content .text {
  color: var(--color-white);
}
.toast__network .content .text i {
  margin-right: 8px;
}
.toast__network.show {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/**
 * ----------------------------------------
 * emModal__filters
 * ----------------------------------------
 */
.emModal__filters .em_box_content_filter {
  padding: 0 5px;
}
.emModal__filters .em_box_content_filter .title_bk {
  display: grid;
  justify-content: center;
  margin-bottom: 20px;
  text-align: center;
}
.emModal__filters .em_box_content_filter .title_bk h2 {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-secondary);
  margin: 0;
}
.emModal__filters .em_box_content_filter .buttons_select {
  display: flex;
  justify-content: center;
}
.emModal__filters .em_box_content_filter .buttons_select .items .group {
  margin-bottom: 10px;
}
.emModal__filters .em_box_content_filter .buttons_select .items .btn {
  min-width: 94px;
  height: 38px;
  border-radius: 8px;
  border: 1px solid var(--border-snow);
  font-size: 14px;
  color: var(--color-secondary);
  margin-right: 14px;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}
.emModal__filters .em_box_content_filter .buttons_select .items .btn.-active {
  background-color: var(--bg-primary);
  color: var(--color-white);
  border-color: var(--color-primary);
}
.emModal__filters .em_box_content_filter .buttons_select .items .btn:last-child {
  margin-right: 0;
}
.emModal__filters .modal-footer {
  position: fixed;
  width: 100%;
  bottom: 20px;
  display: flex;
  justify-content: center;
  z-index: 99;
}

/**
 * ----------------------------------------
 * slider__range_chart
 * ----------------------------------------
 */
.slider__range_chart .range-slider .irs::before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  width: 100%;
  background-size: 100%;
  height: 100%;
  margin-bottom: 5px;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='315' height='33' viewBox='0 0 315 33'%3E%3Cg id='Group_7909' data-name='Group 7909' transform='translate(-2007 -5244)'%3E%3Crect id='Rectangle_208' data-name='Rectangle 208' width='5' height='11' rx='1' transform='translate(2007 5266)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_209' data-name='Rectangle 209' width='5' height='16' rx='1' transform='translate(2017 5261)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_210' data-name='Rectangle 210' width='5' height='23' rx='1' transform='translate(2027 5254)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_211' data-name='Rectangle 211' width='5' height='18' rx='1' transform='translate(2037 5259)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_212' data-name='Rectangle 212' width='5' height='26' rx='1' transform='translate(2047 5251)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_213' data-name='Rectangle 213' width='5' height='33' rx='1' transform='translate(2057 5244)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_214' data-name='Rectangle 214' width='5' height='29' rx='1' transform='translate(2069 5248)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_215' data-name='Rectangle 215' width='5' height='23' rx='1' transform='translate(2079 5254)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_216' data-name='Rectangle 216' width='5' height='17' rx='1' transform='translate(2090 5260)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_217' data-name='Rectangle 217' width='5' height='11' rx='1' transform='translate(2100 5266)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_218' data-name='Rectangle 218' width='5' height='7' rx='1' transform='translate(2110 5270)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_219' data-name='Rectangle 219' width='5' height='9' rx='1' transform='translate(2121 5268)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_220' data-name='Rectangle 220' width='5' height='14' rx='1' transform='translate(2131 5263)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_221' data-name='Rectangle 221' width='5' height='17' rx='1' transform='translate(2141 5260)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_222' data-name='Rectangle 222' width='5' height='21' rx='1' transform='translate(2152 5256)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_223' data-name='Rectangle 223' width='5' height='25' rx='1' transform='translate(2162 5252)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_224' data-name='Rectangle 224' width='5' height='29' rx='1' transform='translate(2172 5248)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_225' data-name='Rectangle 225' width='5' height='25' rx='1' transform='translate(2183 5252)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_226' data-name='Rectangle 226' width='5' height='18' rx='1' transform='translate(2193 5259)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_227' data-name='Rectangle 227' width='5' height='11' rx='1' transform='translate(2203 5266)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_228' data-name='Rectangle 228' width='5' height='15' rx='1' transform='translate(2214 5262)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_229' data-name='Rectangle 229' width='5' height='18' rx='1' transform='translate(2224 5259)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_230' data-name='Rectangle 230' width='5' height='21' rx='1' transform='translate(2234 5256)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_231' data-name='Rectangle 231' width='5' height='25' rx='1' transform='translate(2245 5252)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_232' data-name='Rectangle 232' width='5' height='18' rx='1' transform='translate(2255 5259)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_233' data-name='Rectangle 233' width='5' height='15' rx='1' transform='translate(2267 5262)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_234' data-name='Rectangle 234' width='5' height='10' rx='1' transform='translate(2277 5267)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_235' data-name='Rectangle 235' width='5' height='15' rx='1' transform='translate(2287 5262)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_236' data-name='Rectangle 236' width='5' height='18' rx='1' transform='translate(2297 5259)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_237' data-name='Rectangle 237' width='5' height='11' rx='1' transform='translate(2307 5266)' fill='%23e9eaec'/%3E%3Crect id='Rectangle_238' data-name='Rectangle 238' width='5' height='8' rx='1' transform='translate(2317 5269)' fill='%23e9eaec'/%3E%3C/g%3E%3C/svg%3E%0A");
}
@supports (-webkit-touch-callout: none) {
  .slider__range_chart .range-slider .irs::before {
    margin-bottom: 8px;
  }
}
.slider__range_chart .range-slider .irs .irs-line {
  height: 2px;
  background-color: var(--border-snow);
}
.slider__range_chart .range-slider .irs .irs-bar {
  height: 2px;
  background-color: var(--border-primary);
}
.slider__range_chart .range-slider .irs .irs-handle {
  box-shadow: none;
  border: 2px solid var(--border-primary);
  -webkit-transition: transform 0.35s;
  -moz-transition: transform 0.35s;
  -o-transition: transform 0.35s;
  -ms-transition: transform 0.35s;
  transition: transform 0.35s;
}
.slider__range_chart .range-slider .irs .irs-handle.state_hover {
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -o-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}
.slider__range_chart .range-slider .irs .irs-to,
.slider__range_chart .range-slider .irs .irs-from,
.slider__range_chart .range-slider .irs .irs-single {
  background-color: var(--bg-secondary);
  font-size: 13px;
  padding: 3px 6px;
}
.slider__range_chart .range-slider .irs .irs-to::before,
.slider__range_chart .range-slider .irs .irs-from::before,
.slider__range_chart .range-slider .irs .irs-single::before {
  border-top-color: var(--border-secondary);
}
.slider__range_chart .range-slider .irs .irs-max,
.slider__range_chart .range-slider .irs .irs-min {
  display: none;
}
.slider__range_chart .extra-controls {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.slider__range_chart .extra-controls input {
  border: 0;
  width: 40px;
  padding: 0;
  text-align: center;
  font-size: 13px;
  color: var(--color-text);
}

/*-----------------------------
  em__pkLink
-----------------------------*/
.em__pkLink .head__title h2 {
  font-size: 20px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-bottom: 3px;
}
.em__pkLink .head__title p {
  font-size: 12px;
  color: var(--color-text);
  margin: 0;
}
.em__pkLink .__title_pk {
  padding: 0 20px;
}
.em__pkLink .nav__list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
}
.em__pkLink .nav__list li {
  margin-bottom: 5px;
}
.em__pkLink .nav__list li .item-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  width: 100%;
  text-decoration: none;
  background-color: var(--bg-white);
  -wwbkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.em__pkLink .nav__list li .item-link.hoverNone:hover {
  background-color: var(--bg-white);
}
.em__pkLink .nav__list li .item-link:hover {
  background: var(--bg-snow);
}
.em__pkLink .nav__list li .item-link .group {
  display: inline-flex;
  align-items: center;
}
.em__pkLink .nav__list li .item-link .coverImag .imgList {
  object-fit: cover;
}
.em__pkLink .nav__list li .item-link .icon {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 15px;
}
.em__pkLink .nav__list li .item-link .icon svg {
  width: 20px;
  height: 20px;
}
.em__pkLink .nav__list li .item-link .icon svg path,
.em__pkLink .nav__list li .item-link .icon svg circle {
  stroke: var(--color-white);
}
.em__pkLink .nav__list li .item-link .icon i {
  font-size: 20px;
  color: var(--color-white);
}
.em__pkLink .nav__list li .item-link .path__name {
  color: var(--color-secondary);
  font-size: 16px;
  display: block;
  text-transform: capitalize;
}
.em__pkLink .nav__list li .item-link .path__name.text-transform-none {
  text-transform: none;
}
.em__pkLink .nav__list li .item-link .short__name {
  font-size: 12px;
  color: var(--color-text);
  text-transform: capitalize;
}
.em__pkLink .nav__list li .item-link .-arrwo {
  color: var(--color-text);
  font-size: 18px;
  margin-left: 10px;
}
.em__pkLink .nav__list li .item-link .number_item {
  display: inline-flex;
  min-width: 25px;
  padding: 0 5px;
  height: 21px;
  border-radius: 4px;
  border: 1px solid rgba(249, 53, 66, 0.3);
  color: var(--color-red);
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
}
.em__pkLink .nav__list.with_border li {
  margin-bottom: 0;
}
.em__pkLink .nav__list.with_border li .item-link {
  position: relative;
  padding: 14px 20px;
}
.em__pkLink .nav__list.with_border li .item-link::before {
  content: "";
  position: absolute;
  border-bottom: 1px solid var(--border-snow);
  right: 0;
  bottom: 0;
  width: calc(100vw - 76px);
}
.em__pkLink .nav__list.with_border li:last-child .item-link::before {
  border-bottom: 0;
}
.em__pkLink .nav__list.fullBorder li {
  border-bottom: 1px solid var(--border-snow);
}
.em__pkLink .nav__list.fullBorder li:last-of-type {
  border-bottom: 0;
}
.em__pkLink .nav__list.fullBorder li .item-link::before {
  display: none;
}

/*-----------------------------
  em_introPage
-----------------------------*/
.em_introPage {
  height: 100%;
  position: relative;
}
.em_introPage::before {
  content: "";
  background-color: var(--bg-snow);
  width: 100%;
  height: 60vh;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.em_introPage .swiper-intro {
  z-index: 2;
}
.em_introPage .swiper-slide {
  background: transparent;
}
.em_introPage .em_intro_item {
  height: 100vh;
}
.em_introPage .em_intro_item .em_head {
  background-color: var(--bg-snow);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60vh;
}
.em_introPage .em_intro_item .em_head .cover_img img {
  width: 100%;
  height: 280px;
  object-fit: contain;
}
.em_introPage .em_intro_item .em_body {
  margin-top: calc(100vh - 92vh);
  padding: 0 20px;
}
.em_introPage .em_intro_item .em_body .text_img h1 {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-secondary);
  margin-bottom: 10px;
}
.em_introPage .em_intro_item .em_body .text_img p {
  color: var(--color-text);
  font-size: 14px;
  margin-bottom: 0;
}
.em_introPage .swiper-button-next,
.em_introPage .swiper-button-prev {
  min-width: 90px;
  height: 41px;
  border-radius: 8px;
  font-size: 14px;
  color: var(--color-secondary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  top: inherit;
  bottom: 3%;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
  box-shadow: none;
  outline: 0;
}
.em_introPage .swiper-button-next::after,
.em_introPage .swiper-button-prev::after {
  display: none;
}
.em_introPage .swiper-button-next {
  right: 20px;
}
.em_introPage .swiper-button-prev {
  left: 20px;
  border: 1px solid var(--border-snow);
}
.em_introPage .swiper-pagination {
  bottom: 44%;
}
.em_introPage .swiper-pagination .swiper-pagination-bullet {
  background-color: var(--bg-secondary);
  opacity: 0.3;
}
.em_introPage .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 0.7;
}

/**
 * ----------------------------------------
 * emPage__contact
 * ----------------------------------------
 */
.emPage__contact .emheadMap {
  position: relative;
  overflow: hidden;
}
.emPage__contact .emheadMap .google_map {
  height: 40vh;
  width: 100%;
}
.emPage__contact .emheadMap .pin_mark {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid rgba(255, 63, 63, 0.3);
  background-color: rgba(255, 63, 63, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 41%;
  left: 50%;
}
.emPage__contact .emheadMap .pin_mark span {
  width: 13px;
  height: 13px;
  background: linear-gradient(var(--bg-primary), #df2121);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(242, 143, 8, 0.025);
  -moz-box-shadow: 0px 0px 20px 0px rgba(242, 143, 8, 0.025);
  -o-box-shadow: 0px 0px 20px 0px rgba(242, 143, 8, 0.025);
  -ms-box-shadow: 0px 0px 20px 0px rgba(242, 143, 8, 0.025);
  box-shadow: 0px 0px 20px 0px rgba(242, 143, 8, 0.025);
}
.emPage__contact .emheadMap .pin_mark span:after {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #ffdada;
}
.emPage__contact .emheadMap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(white, rgba(255, 255, 255, 0));
}
.emPage__contact .embk__form {
  padding: 0 20px 20px 20px;
  margin-top: -10vh;
  position: relative;
}
.emPage__contact .embk__form form {
  background-color: var(--bg-white);
  border-radius: 8px;
  padding: 25px;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(41, 46, 52, 0.07);
  -moz-box-shadow: 0px 0px 40px 0px rgba(41, 46, 52, 0.07);
  -o-box-shadow: 0px 0px 40px 0px rgba(41, 46, 52, 0.07);
  -ms-box-shadow: 0px 0px 40px 0px rgba(41, 46, 52, 0.07);
  box-shadow: 0px 0px 40px 0px rgba(41, 46, 52, 0.07);
}

/**
 * ----------------------------------------
 * emPage__contact
 * ----------------------------------------
 */
.emPageAbout .emBox___logo {
  padding: 30px;
  display: grid;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.emPageAbout .emBox___logo .brand svg,
.emPageAbout .emBox___logo .brand img {
  width: 144px;
  height: 38px;
}
.emPageAbout .emBox___logo .cover_about img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}
.emPageAbout .content_text {
  padding: 25px 20px;
}
.emPageAbout .content_text p {
  margin: 0;
  font-size: 15px;
  color: var(--color-text);
}
.emPageAbout .content_text .dividar-5 {
  border-bottom: 5px solid var(--bg-snow);
  width: 100vw;
  margin: 30px -20px;
}
.emPageAbout .em_group .itemListClassic:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

/**
 * ----------------------------------------
 * itemListClassic
 * ----------------------------------------
 */
.itemListClassic {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px solid var(--border-snow);
  text-decoration: none !important;
}
.itemListClassic .txt h3 {
  font-size: 16px;
  font-weight: 400;
  color: var(--color-secondary);
  margin: 0;
}
.itemListClassic .sideRight {
  display: flex;
  align-items: center;
}
.itemListClassic .sideRight i {
  font-size: 18px;
  color: var(--color-text);
}

/**
 * ----------------------------------------
 * emPage__blog
 * ----------------------------------------
 */
.emPage__blog {
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  align-items: self-start;
  flex-direction: row;
  justify-content: space-between;
  column-gap: 20px;
  -webkit-column-gap: 20px;
  -ms-column-gap: 20px;
}
.emPage__blog .left__side,
.emPage__blog .right__side {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.emPage__blog .item__card {
  margin-bottom: 20px;
}
@supports (-webkit-touch-callout: none) {
  .emPage__blog .left__side {
    margin-right: 10px;
  }
}
@supports (-webkit-touch-callout: none) {
  .emPage__blog .left__side {
    margin-right: 10px;
  }
}

/**
 * ----------------------------------------
 * item__card
 * ----------------------------------------
 */
.item__card {
  display: block;
  text-decoration: none !important;
  background-color: var(--bg-white);
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.item__card .cover_img img {
  width: 100%;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  height: 105px;
  object-fit: cover;
}
.item__card .card__body {
  padding: 15px 15px 20px 15px;
}
.item__card .card__body span {
  font-size: 12px;
  display: block;
  color: var(--color-text);
  margin-bottom: 10px;
}
.item__card .card__body h2 {
  font-size: 15px;
  color: var(--color-secondary);
  font-weight: 400;
  margin: 0;
  max-height: 34px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.item__card.layer-lg .cover_img img {
  height: 150px;
}
.item__card.layer-lg .card__body .card_title {
  font-weight: 600;
  color: var(--color-secondary);
  font-size: 18px;
  max-height: 44px;
  margin-bottom: 6px;
}
.item__card.layer-lg .card__body p {
  font-size: 14px;
  color: var(--color-comment);
  font-weight: 400;
  margin: 0;
}

/**
 * ----------------------------------------
 * emPage__detailsBlog
 * ----------------------------------------
 */
.emPage__detailsBlog .emheader_cover .cover {
  padding-bottom: 25px;
}
.emPage__detailsBlog .emheader_cover .cover img {
  width: 100%;
  height: 270px;
  object-fit: cover;
}
.emPage__detailsBlog .emheader_cover .title {
  padding: 0 20px;
}
.emPage__detailsBlog .emheader_cover .title .head_art {
  font-size: 22px;
  font-weight: 500;
  color: var(--color-secondary);
  margin: 0;
  margin-bottom: 25px;
}
.emPage__detailsBlog .emheader_cover .item__auther {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.emPage__detailsBlog .emheader_cover .item__auther .item_person {
  display: flex;
  align-items: center;
}
.emPage__detailsBlog .emheader_cover .item__auther .item_person img {
  width: 25px;
  height: 25px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 12px;
}
.emPage__detailsBlog .emheader_cover .item__auther .item_person h2 {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-secondary);
  margin: 0;
}
.emPage__detailsBlog .emheader_cover .item__auther .sideRight span {
  display: block;
  font-size: 12px;
  color: var(--color-text);
}
.emPage__detailsBlog .embody__content {
  padding: 25px 20px;
}
.emPage__detailsBlog .embody__content p {
  font-size: 16px;
  color: var(--color-comment);
}
.emPage__detailsBlog .embody__content img {
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
  height: 150px;
  margin-bottom: 15px;
}

/**
 * ----------------------------------------
 * emPage__invoiceDetails
 * ----------------------------------------
 */
.emPage__invoiceDetails {
  padding: 70px 20px 30px 20px;
}
.emPage__invoiceDetails .emhead__invoice {
  padding: 20px 0;
  border-bottom: 1px solid var(--border-snow);
}
.emPage__invoiceDetails .emhead__invoice .brand__id {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.emPage__invoiceDetails .emhead__invoice .brand__id .brand svg,
.emPage__invoiceDetails .emhead__invoice .brand__id .brand img {
  width: 105px;
  height: 28px;
}
.emPage__invoiceDetails .emhead__invoice .brand__id .date_ticket span {
  display: block;
  font-size: 13px;
}
.emPage__invoiceDetails .embody__invoice .about__sent {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 30px;
}
.emPage__invoiceDetails .embody__invoice .about__sent .billed__to h2,
.emPage__invoiceDetails .embody__invoice .about__sent .pay__to h2 {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-secondary);
  margin-bottom: 10px;
}
.emPage__invoiceDetails .embody__invoice .about__sent .billed__to p,
.emPage__invoiceDetails .embody__invoice .about__sent .pay__to p {
  font-size: 13px;
  color: var(--color-text);
  margin-bottom: 0;
}
.emPage__invoiceDetails .embody__invoice .about__sent .billed__to .username,
.emPage__invoiceDetails .embody__invoice .about__sent .pay__to .username {
  color: var(--color-secondary);
  margin-bottom: 2px;
}
.emPage__invoiceDetails .embody__invoice .emtable__Details .table td,
.emPage__invoiceDetails .embody__invoice .emtable__Details th {
  border-color: var(--border-snow);
}
.emPage__invoiceDetails .embody__invoice .emtable__Details .table thead tr th {
  border-bottom: 0;
  font-size: 14px;
  color: var(--color-text);
  font-weight: 400;
  padding: 15px 0;
  border-top: 0;
}
.emPage__invoiceDetails .embody__invoice .emtable__Details .table thead tr th:nth-child(2) {
  text-align: center;
}
.emPage__invoiceDetails .embody__invoice .emtable__Details .table thead tr th:last-child {
  text-align: right;
}
.emPage__invoiceDetails .embody__invoice .emtable__Details .table tbody tr td {
  padding: 15px 0;
}
.emPage__invoiceDetails .embody__invoice .emtable__Details .table tbody tr td:nth-child(2) {
  text-align: center;
}
.emPage__invoiceDetails .embody__invoice .emtable__Details .table tbody tr td:last-child {
  text-align: right;
}
.emPage__invoiceDetails .embody__invoice .emtable__Details .table tbody tr td .name_pt {
  width: 140px;
  display: -webkit-box;
}
.emPage__invoiceDetails .embody__invoice .footer__detailsTable .title_total {
  border-bottom: 1px solid var(--border-snow);
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text);
  padding-bottom: 15px;
  margin-bottom: 15px;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
.emPage__invoiceDetails .embody__invoice .footer__detailsTable .detailsTotaly {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.emPage__invoiceDetails .embody__invoice .footer__detailsTable .signature img {
  width: 60px;
  height: 60px;
}
.emPage__invoiceDetails .embody__invoice .footer__detailsTable .txtDetails {
  text-align: right;
}
.emPage__invoiceDetails .embody__invoice .footer__detailsTable .txtDetails h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-bottom: 5px;
}
.emPage__invoiceDetails .embody__invoice .footer__detailsTable .txtDetails p {
  font-size: 13px;
  color: var(--color-orange);
  margin-bottom: 5px;
}
.emPage__invoiceDetails .embody__invoice .footer__detailsTable .txtDetails span {
  display: block;
  font-size: 13px;
  color: var(--color-text);
}
.emPage__invoiceDetails .emfooter__invoice {
  margin-top: 25px;
}
.emPage__invoiceDetails .emfooter__invoice .title {
  font-size: 16px;
  color: var(--color-secondary);
  font-weight: 500;
  margin-bottom: 20px;
}
.emPage__invoiceDetails .emfooter__invoice .emBox__paymentDetails {
  border: 1px solid var(--border-snow);
  border-radius: 8px;
  padding: 20px;
}
.emPage__invoiceDetails .emfooter__invoice .emBox__paymentDetails ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
.emPage__invoiceDetails .emfooter__invoice .emBox__paymentDetails ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-snow);
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.emPage__invoiceDetails .emfooter__invoice .emBox__paymentDetails ul li:last-child {
  border-bottom: 0;
  padding: 0;
  margin: 0;
}
.emPage__invoiceDetails .emfooter__invoice .emBox__paymentDetails ul li span {
  font-size: 14px;
  color: var(--color-text);
}
.emPage__invoiceDetails .emfooter__invoice .emBox__paymentDetails ul li span:last-child {
  color: var(--color-secondary);
}

/**
 * ----------------------------------------
 * tab__line
 * ----------------------------------------
 */
.tab__line.four_item .nav .nav-item {
  width: calc(100% / 4);
}
.tab__line.four_item .nav .nav-item {
  width: calc(100% / 4);
}
.tab__line.three_item .nav .nav-item {
  width: calc(100% / 3);
}
.tab__line.two_item .nav .nav-item {
  width: calc(100% / 2);
}
.tab__line .nav {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid var(--border-snow);
  background-color: var(--bg-white);
}
.tab__line .nav .nav-item .nav-link {
  background-color: transparent;
  border-radius: 0;
  color: var(--color-secondary);
  font-size: 15px;
  border-bottom: 2px solid transparent;
  text-align: center;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
  padding: 15px 10px;
}
.tab__line .nav .nav-item .nav-link.active {
  border-color: var(--border-primary);
  color: var(--color-primary);
}

/**
 * ----------------------------------------
 * paddingTab_header
 * ----------------------------------------
 */
.paddingTab_header {
  padding-top: 115px;
}

/**
 * ----------------------------------------
 * components_page
 * ----------------------------------------
 */
.components_page .em_main_footer .em_body_navigation {
  z-index: 0;
  position: relative;
  padding-bottom: 0;
}
.components_page .main_haeder {
  position: relative;
}
.components_page .btn_smView {
  min-width: 80px;
  height: 35px;
  font-size: 13px;
  background-color: var(--color-text);
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

.accordion .main_item {
  position: relative;
}
.accordion .main_item i {
  position: absolute;
  right: 20px;
}
.accordion .nav-link i,
.accordion .item-link i {
  -webkit-transition: transform 0.35s;
  -moz-transition: transform 0.35s;
  -o-transition: transform 0.35s;
  -ms-transition: transform 0.35s;
  transition: transform 0.35s;
}
.accordion .nav-link[aria-expanded="true"] .icon__arrow,
.accordion .nav-link[aria-expanded="true"] .-arrwo,
.accordion .item-link[aria-expanded="true"] .icon__arrow,
.accordion .item-link[aria-expanded="true"] .-arrwo {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.accordion .nav-link[aria-expanded="true"] .iocn__plus,
.accordion .item-link[aria-expanded="true"] .iocn__plus {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.accordion_inset .main_item {
  background-color: var(--bg-white) !important;
  border-radius: 8px;
}

/**
 * ----------------------------------------
 * dropdown
 * ----------------------------------------
 */
.dropdown.default .dropdown-toggle::after {
  border: 0;
  content: "\e9b1";
  font-family: "The-Icon-of" !important;
  font-size: 16px;
  vertical-align: middle;
  color: var(--color-white);
}
.dropdown.default .dropdown-toggle.-dark::after {
  color: var(--color-secondary);
}
.dropdown.default.dropleft .dropdown-toggle::before {
  border: 0;
  content: "\e9b1";
  font-family: "The-Icon-of" !important;
  font-size: 16px;
  vertical-align: middle;
  color: var(--color-white);
}
.dropdown.default.dropleft .dropdown-toggle.-dark::after {
  color: var(--color-secondary);
}
.dropdown.default .dropdown-menu {
  -webkit-box-shadow: 0px 0px 40px 0px rgba(41, 46, 52, 0.1);
  -moz-box-shadow: 0px 0px 40px 0px rgba(41, 46, 52, 0.1);
  -o-box-shadow: 0px 0px 40px 0px rgba(41, 46, 52, 0.1);
  -ms-box-shadow: 0px 0px 40px 0px rgba(41, 46, 52, 0.1);
  box-shadow: 0px 0px 40px 0px rgba(41, 46, 52, 0.1);
  border: 0;
}
.dropdown.default .dropdown-menu .dropdown-divider {
  border-top: 1px solid var(--border-snow);
}
.dropdown.none-arrow .dropdown-toggle::after, .dropdown.none-arrow .dropdown-toggle::before {
  display: none;
}

/**
 * ----------------------------------------
 * Tooltips
 * ----------------------------------------
 */
.tooltip.show {
  opacity: 1 !important;
}
.tooltip.bs-tooltip-top .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tooltip.bs-tooltip-top .arrow::before {
  content: "\e9ad";
  font-family: "The-Icon-of" !important;
  color: #292e34;
  font-size: 25px;
  top: -17px;
  border: 0 !important;
}
.tooltip.bs-tooltip-left .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tooltip.bs-tooltip-left .arrow::before {
  content: "\e9af";
  font-family: "The-Icon-of" !important;
  color: #292e34;
  font-size: 25px;
  left: -11px;
  border: 0 !important;
}
.tooltip.bs-tooltip-right .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tooltip.bs-tooltip-right .arrow::before {
  content: "\e9ae";
  font-family: "The-Icon-of" !important;
  color: #292e34;
  font-size: 25px;
  right: -11px;
  border: 0 !important;
}
.tooltip.bs-tooltip-bottom .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tooltip.bs-tooltip-bottom .arrow::before {
  content: "\e9b0";
  font-family: "The-Icon-of" !important;
  color: #292e34;
  font-size: 25px;
  top: -13px;
  border: 0 !important;
}
.tooltip .tooltip-inner {
  background-color: rgba(41, 46, 52, 0.95);
  border-radius: 6px;
  border: 0;
}

.dividarIconded .dividar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dividarIconded .dividar .icon_dividar {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dividarIconded .dividar .icon_dividar i {
  font-size: 16px;
  color: var(--color-white);
}
.dividarIconded .dividar .icon_dividar i.color-secondary {
  color: var(--color-secondary);
}
.dividarIconded.withBorder_white .dividar .icon_dividar {
  width: 40px;
  height: 40px;
  border: 5px solid var(--bg-white);
}

.emBlock__border {
  border-top: 1px solid var(--border-snow);
  border-bottom: 1px solid var(--border-snow);
}

/**
 * ----------------------------------------
 * adsBox
 * ----------------------------------------
 */
.ad__Box {
  text-align: center;
}
.ad__Box img,
.ad__Box iframe {
  width: 100%;
  object-fit: cover;
}
.ad__Box.adBox-300-50 img,
.ad__Box.adBox-300-50 iframe {
  height: 50px;
  width: 300px;
}
.ad__Box.adBox-300-250 img,
.ad__Box.adBox-300-250 iframe {
  height: 250px;
  width: 300px;
}
.ad__Box.fixed {
  position: fixed;
  bottom: 56px;
  padding: 0;
  padding-bottom: env(safe-area-inset-bottom);
  margin: 0;
}
.ad__Box.fixed .adBox-300-50 img,
.ad__Box.fixed .adBox-300-50 iframe {
  height: 50px;
  width: 300px;
}
.ad__Box.fixed .btn_close {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  background-color: rgba(41, 46, 52, 0.8);
  margin: 0;
  padding: 0;
}
.ad__Box.fixed .btn_close i {
  color: #fff;
  font-size: 18px;
}

/**
 * ----------------------------------------
 * table
 * ----------------------------------------
 */
.table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--bg-snow);
}

/**
 * ----------------------------------------
 * emPage__faq
 * ----------------------------------------
 */
.emPage__faq .cover_about {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
}
.emPage__faq .cover_about::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(#292e34, rgba(41, 46, 52, 0.5));
}
.emPage__faq .cover_about img {
  height: 160px;
}
.emPage__faq .cover_about .content__faq_img {
  position: absolute;
}
.emPage__faq .cover_about .content__faq_img .txt {
  margin-bottom: 20px;
}
.emPage__faq .cover_about .content__faq_img .txt h1 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 3px;
  color: var(--color-white);
}
.emPage__faq .cover_about .content__faq_img .txt p {
  font-size: 12px;
  color: var(--color-snow);
  margin: 0;
}
.emPage__faq .cover_about .content__faq_img .input_SaerchDefault .input_group .form-control.h-45 {
  height: 45px !important;
}

.bull_no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/**
 * ----------------------------------------
 * emPatternColors_filters
 * ----------------------------------------
 */
.emPatternColors_filters {
  column-gap: 12px;
  -webkit-column-gap: 12px;
  -ms-column-gap: 12px;
}
.emPatternColors_filters .item_color {
  position: relative;
  border: 1px solid var(--border-snow);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.emPatternColors_filters .item_color::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.496' height='10.849' viewBox='0 0 14.496 10.849'%3E%3Cg id='done' transform='translate(0.25 0.288)'%3E%3Cpath id='Icon_color' data-name='Icon color' d='M13.874,1.31,5.145,10.188a.407.407,0,0,1-.585,0L.122,5.673a.424.424,0,0,1,0-.595L.7,4.492a.407.407,0,0,1,.585,0L4.849,8.119l7.864-8a.415.415,0,0,1,.585,0l.576.595a.424.424,0,0,1,0,.595Z' transform='translate(0 0)' fill='%23fff' stroke='%23fff' stroke-miterlimit='10' stroke-width='0.5'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 14px;
  width: 14px;
  height: 10px;
  position: absolute;
  opacity: 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;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  z-index: 1;
}
.emPatternColors_filters .item_color span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  transition: transform 0.3s;
}
.emPatternColors_filters .item_color span.bg-sky {
  background-color: #4a8cfd;
}
.emPatternColors_filters .item_color span.bg-DarkGoldenRod {
  background-color: #b8860b;
}
.emPatternColors_filters .item_color span.bg-black {
  background-color: #000;
}
.emPatternColors_filters .selected .item_color {
  border-color: transparent;
}
.emPatternColors_filters .selected .item_color::before {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.emPatternColors_filters .selected .item_color span {
  -webkit-transform: scale(1.65);
  -moz-transform: scale(1.65);
  -o-transform: scale(1.65);
  -ms-transform: scale(1.65);
  transform: scale(1.65);
}
.emPatternColors_filters .bg-purple {
  background-color: #c266f6;
}
.emPatternColors_filters .bg-green_light {
  background-color: #6cf86b;
}

/**
 * ----------------------------------------
 * emPage__language
 * ----------------------------------------
 */
.emPage__language .item {
  padding: 14px 20px;
  display: flex;
  align-items: center;
  position: relative;
  background-color: var(--bg-white);
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.emPage__language .item::before {
  content: "\e926";
  font-family: "The-Icon-of" !important;
  font-size: 16px;
  font-weight: 600;
  color: var(--color-green);
  opacity: 0;
  position: absolute;
  right: 20px;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}
.emPage__language .item h2 {
  margin: 0;
  font-size: 15px;
  color: var(--color-secondary);
  padding-bottom: 3px;
}
.emPage__language .item p {
  font-size: 13px;
  color: var(--color-text);
  margin: 0;
}
.emPage__language .item.selected {
  background-color: var(--bg-snow);
}
.emPage__language .item.selected::before {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/**
 * ----------------------------------------
 * emPage__public
 * ----------------------------------------
 */
.emPage__public .emCategories__learning {
  padding-left: 20px;
}
.emPage__public .emCategories__learning .owl-stage-outer {
  border-radius: 8px;
}
.emPage__public .emCategories__learning .item {
  width: 145px;
}
.emPage__public .emCategories__learning .box__ele {
  height: 170px;
}
.emPage__public .emCategories__learning .box__ele .txt p {
  white-space: inherit;
}
.emPage__public .em_swiper_products .em_bodyCarousel .em_itemCourse_grid .cover_card .card-img-top {
  height: 170px;
}
.emPage__public .em_swiper_products .em_bodyCarousel .em_itemCourse_grid .card-text {
  white-space: inherit !important;
}
.emPage__public .em_swiper_products .em_bodyCarousel .em_itemCourse_grid .card-title {
  font-weight: 600 !important;
}
.emPage__public .em_swiper_products .em_bodyCarousel .em_itemCourse_grid .btn_default {
  border-radius: 8px;
  min-width: 132px;
  height: 45px;
  background-color: var(--bg-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.emPage__public .em_swiper_products .em_bodyCarousel .em_itemCourse_grid .btn_default .icon svg {
  width: 18px;
  height: 18px;
}
.emPage__public .em_swiper_products .em_bodyCarousel .em_itemCourse_grid .btn_default .icon svg path {
  fill: var(--color-white);
}
.emPage__public .em_swiper_products .em_bodyCarousel .em_itemCourse_grid .btn_default span {
  color: var(--color-white);
  margin-left: 8px;
  display: inline-block;
  font-size: 15px;
  margin-top: 2px;
}
.emPage__public .box_darkMode {
  background-color: var(--bg-white);
  border-radius: 8px;
  border: 1px solid var(--border-snow);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
}

/*-----------------------------
  em_welcomeClassic
-----------------------------*/
.em_welcomeClassic .cover_image {
  position: relative;
  overflow: hidden;
}
.em_welcomeClassic .cover_image img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  display: flex;
  justify-content: center;
}
.em_welcomeClassic .cover_image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
}
.em_welcomeClassic .cover_image .em_dataAccount {
  z-index: 1;
  padding-bottom: env(safe-area-inset-bottom);
}
.em_welcomeClassic .cover_image .em_dataAccount a {
  margin-bottom: 12px;
}
.em_welcomeClassic .cover_image .em_dataAccount a:last-of-type {
  margin-bottom: 0;
}

/*-----------------------------
  em__signTypeOne
-----------------------------*/
.em__signTypeOne {
  display: grid;
  padding-bottom: 100px;
}
.em__signTypeOne .em_titleSign {
  display: grid;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 50px;
}
.em__signTypeOne .em_titleSign h1 {
  font-size: 30px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-top: 0;
  margin-bottom: 12px;
}
.em__signTypeOne .em_titleSign .brand svg,
.em__signTypeOne .em_titleSign .brand img {
  width: 92px;
}
.em__signTypeOne .em__body {
  padding: 0 20px;
  padding-bottom: 50px;
}
.em__signTypeOne .em__body .link__forgot {
  font-size: 13px;
  color: var(--color-blue) !important;
  display: flex;
  justify-content: flex-end;
  text-decoration: none;
}
.em__signTypeOne .em__footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  padding: 12px 20px 12px 20px;
  background-color: var(--bg-white);
  z-index: 10;
}
@supports (-webkit-touch-callout: none) {
  .em__signTypeOne .em__footer {
    bottom: 10px;
    padding-bottom: env(safe-area-inset-bottom);
  }
}
.em__signTypeOne .em__footer .btn {
  width: 100%;
  border-radius: 8px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
}

/*-----------------------------
  verification__Code
-----------------------------*/
.verification__Code .input_number {
  display: flex;
  align-items: center;
  justify-content: center;
}
.verification__Code .input_number input {
  position: relative;
  font-size: 40px;
  font-weight: 600;
  color: var(--color-secondary);
  text-align: center;
  border: 0;
  letter-spacing: 0.9em;
  text-indent: 0.9em;
  height: 55px;
  outline: 0 !important;
  box-shadow: none !important;
  background-color: transparent;
  z-index: 9;
}
.verification__Code .input_number input::-webkit-input-placeholder {
  text-align: center;
  font-size: 60px;
  font-weight: 700;
  color: var(--color-snow);
  line-height: 40px;
  vertical-align: middle;
}
.verification__Code .input_number input::-moz-placeholder {
  text-align: center;
  font-size: 60px;
  font-weight: 700;
  color: var(--color-snow);
  line-height: 40px;
  vertical-align: middle;
}
.verification__Code .input_number input::-ms-input-placeholder {
  text-align: center;
  font-size: 60px;
  font-weight: 700;
  color: var(--color-snow);
  line-height: 40px;
  vertical-align: middle;
}
.verification__Code .input_number input::placeholder {
  text-align: center;
  font-size: 60px;
  font-weight: 700;
  color: var(--color-snow);
  line-height: 40px;
  vertical-align: middle;
}

/*-----------------------------
  __welcomeSwiper
-----------------------------*/
.__welcomeSwiper .swiperWelcome {
  position: absolute;
  bottom: 0;
  z-index: 0;
}
.__welcomeSwiper .swiperWelcome .swiper-slide {
  background: transparent;
}
.__welcomeSwiper .swiperWelcome .swiper-slide .content_text {
  text-align: left;
  left: 20px;
  position: absolute;
  bottom: 110px;
  padding-right: 20px;
}
.__welcomeSwiper .swiperWelcome .swiper-slide .content_text h2 {
  font-size: 22px;
  font-weight: 500;
  color: var(--color-white);
  margin-bottom: 10px;
}
.__welcomeSwiper .swiperWelcome .swiper-slide .content_text p {
  font-size: 14px;
  color: var(--color-snow);
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.__welcomeSwiper .swiperWelcome .swiper-pagination {
  bottom: 215px;
  left: 20px;
  text-align: left;
  transform: translateX(0);
}
.__welcomeSwiper .swiperWelcome .swiper-pagination .swiper-pagination-bullet {
  background: var(--bg-white);
  opacity: 0.3;
  width: 5px;
  height: 5px;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  transition: transform 0.3s;
}
.__welcomeSwiper .swiperWelcome .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  -webkit-transform: scale(1.55);
  -moz-transform: scale(1.55);
  -o-transform: scale(1.55);
  -ms-transform: scale(1.55);
  transform: scale(1.55);
}
.__welcomeSwiper .actionSign {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 20px;
  padding: 0 20px;
  padding-bottom: env(safe-area-inset-bottom);
}
.__welcomeSwiper .actionSign .btn {
  display: flex;
  align-items: center;
  align-self: center;
  position: relative;
  justify-content: space-between;
}
.__welcomeSwiper .actionSign .btn__icon {
  font-size: 16px;
  color: var(--color-secondary);
  min-width: 170px;
}
.__welcomeSwiper .actionSign .btn__icon .icon svg path {
  stroke: var(--color-secondary);
}

/*-----------------------------
  em__signTypeTwo
-----------------------------*/
.em__signTypeOne.typeTwo .em_titleSign {
  justify-content: flex-start;
  text-align: left;
  padding: 0 20px;
  margin-bottom: 30px;
}
.em__signTypeOne.typeTwo .em_titleSign h1 {
  font-size: 18px;
  color: var(--color-secondary);
  font-weight: 600;
  margin-bottom: 8px;
}
.em__signTypeOne.typeTwo .em_titleSign p {
  font-size: 14px;
  color: var(--color-text);
  margin-bottom: 0;
}
.em__signTypeOne.typeTwo .em_titleSign .logSocial {
  margin-top: 30px;
  display: flex;
  align-items: center;
  column-gap: 14px;
  -moz-column-gap: 14px;
  -webkit-column-gap: 14px;
}
.em__signTypeOne.typeTwo .em_titleSign .logSocial .btn {
  width: 44px;
  height: 44px;
  border-radius: 21px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@supports (-webkit-touch-callout: none) {
  .em__signTypeOne.typeTwo .em_titleSign .logSocial .btn {
    margin-right: 14px;
  }
}
.em__signTypeOne.typeTwo .em_titleSign .logSocial .btn .icon svg {
  width: 22px;
  height: 22px;
}
.em__signTypeOne.typeTwo .em_titleSign .logSocial .btn i {
  font-size: 22px;
  color: var(--color-white);
}

/**
 * ----------------------------------------
 * emPage__basket
 * ----------------------------------------
 */
.emPage__basket {
  background-color: var(--bg-white);
}
.emPage__basket.default {
  padding: 80px 20px 30px 20px;
}
.emPage__basket.default .dividar_5 {
  border-bottom: 5px solid var(--bg-snow);
  margin: 30px -20px;
}
.emPage__basket .item_to_product {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.emPage__basket .item_to_product .emhead_product .emCover_rpduct {
  position: relative;
  width: 70px;
}
.emPage__basket .item_to_product .emhead_product .emCover_rpduct .bk_img {
  position: relative;
  border-radius: 8px;
  width: 70px;
  height: 85px;
  background-color: #f0f0f0;
  overflow: hidden;
  padding: 5px;
}
.emPage__basket .item_to_product .emhead_product .emCover_rpduct .bk_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.emPage__basket .item_to_product .emhead_product .emCover_rpduct .circle_type {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -6px;
  right: -6px;
  background-color: var(--color-snow);
  border: 1.5px solid var(--border-white);
  padding: 0;
  margin: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.emPage__basket .item_to_product .emhead_product .emCover_rpduct .circle_type::before {
  content: "";
  position: absolute;
  width: 38px;
  height: 38px;
}
.emPage__basket .item_to_product .emhead_product .emCover_rpduct .circle_type i {
  font-size: 13px;
  color: var(--color-white);
}
.emPage__basket .item_to_product .emhead_product .emCover_rpduct .circle_type:hover {
  background-color: var(--bg-red);
}
.emPage__basket .item_to_product .embody_product {
  margin-left: 20px;
}
.emPage__basket .item_to_product .embody_product .name__product {
  font-size: 14px;
  color: var(--color-secondary);
  font-weight: 500;
  margin-bottom: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100vw - 190px);
}
.emPage__basket .item_to_product .embody_product .__quantity,
.emPage__basket .item_to_product .embody_product .__price {
  display: inline-block;
  font-size: 14px;
}
.emPage__basket .item_to_product .embody_product .__quantity {
  color: var(--color-snow);
  margin-right: 8px;
}
.emPage__basket .item_to_product .embody_product .__price {
  color: var(--color-text);
  font-weight: 600;
}
.emPage__basket .item_to_product .embody_product .pk_start {
  margin-bottom: 12px;
}
.emPage__basket .item_to_product .embody_product .__color,
.emPage__basket .item_to_product .embody_product .__size {
  font-size: 14px;
  color: var(--color-secondary);
  display: inline-block;
}
.emPage__basket .item_to_product .embody_product .__size {
  min-width: 44px;
  text-align: center;
}
.emPage__basket .item_to_product .embody_product .pk_end span::before {
  content: "";
  width: 4px;
  height: 4px;
  display: inline-block;
  background-color: var(--color-snow);
  border-radius: 20px;
  margin: 0 10px;
}
.emPage__basket .item_to_product .embody_product .pk_end span:first-child::before {
  display: none;
}
.emPage__basket .item_to_product .embody_product .pk_end .button_remove {
  padding: 0;
  margin: 0;
  color: var(--color-blue);
  font-size: 14px;
  font-weight: 400;
}
.emPage__basket .detailsTotally ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
.emPage__basket .detailsTotally ul .dividar {
  margin: 20px 0;
}
.emPage__basket .detailsTotally ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  margin-bottom: 15px;
  padding: 0;
}
.emPage__basket .detailsTotally ul li .text_total {
  color: var(--color-secondary) !important;
  font-weight: 500 !important;
}
.emPage__basket .detailsTotally ul li .number_total {
  color: var(--color-primary) !important;
}
.emPage__basket .detailsTotally ul li span:first-of-type {
  color: var(--color-text);
}
.emPage__basket .detailsTotally ul li span:last-of-type {
  color: var(--color-secondary);
  font-weight: 600;
}
.emPage__basket.add__coupon .ele_coupon span {
  color: var(--color-orange) !important;
}

/**
 * ----------------------------------------
 * inputNumber_spin
 * ----------------------------------------
 */
.inputNumber_spin.horizontal .form-control {
  width: 42px;
  height: 85px;
  border-radius: 8px !important;
  font-size: 15px;
  color: var(--color-secondary);
  font-weight: 500;
  display: grid;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  text-align: center;
}
.inputNumber_spin.horizontal .input-group-btn-vertical {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 100%;
  grid-auto-columns: max-content;
}
.inputNumber_spin.horizontal .input-group-btn-vertical .btn {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-radius: 8px;
  color: var(--color-text);
  font-size: 20px;
  font-weight: 500;
  border: 0;
  padding: 0;
  margin: 0;
  position: relative;
  right: inherit;
  top: inherit;
  bottom: inherit;
  left: inherit;
  text-align: center;
}
.inputNumber_spin.horizontal .input-group-btn-vertical .bootstrap-touchspin-up {
  align-items: flex-start;
  padding-top: 6px;
}
@supports (-webkit-touch-callout: none) {
  .inputNumber_spin.horizontal .input-group-btn-vertical .bootstrap-touchspin-up {
    padding-top: 0;
  }
}
.inputNumber_spin.horizontal .input-group-btn-vertical .bootstrap-touchspin-down {
  align-items: flex-end;
  padding-bottom: 6px;
}
@supports (-webkit-touch-callout: none) {
  .inputNumber_spin.horizontal .input-group-btn-vertical .bootstrap-touchspin-down {
    top: 12px;
  }
}

/**
 * ----------------------------------------
 * itemProduct__list
 * ----------------------------------------
 */
.itemProduct__list {
  padding: 80px 20px 20px 20px;
}
.itemProduct__list .itemProduct_sm.after__add {
  margin-bottom: 10px;
}
.itemProduct__list .itemProduct_sm.after__add:last-of-type {
  margin-bottom: 0;
}
.itemProduct__list .itemProduct_sm.after__add .detailsPrice .__quantity {
  color: var(--color-snow);
  font-size: 14px;
  display: block;
  margin-bottom: 4px;
}
.itemProduct__list .itemProduct_sm.after__add .detailsPrice .__price {
  font-size: 16px;
  color: var(--color-secondary);
  font-weight: 600;
  margin: 0;
  display: block;
}

/**
 * ----------------------------------------
 * emPK__coupon
 * ----------------------------------------
 */
.emPK__coupon {
  padding: 20px 20px;
}
.emPK__coupon .form-group {
  margin-bottom: 10px;
}
.emPK__coupon .form-group .input_group {
  position: relative;
  display: flex;
  align-items: center;
}
.emPK__coupon .form-group .input_group .form-control {
  background-color: var(--bg-snow);
  border-color: transparent;
}
.emPK__coupon .form-group .input_group .form-control:focus {
  background-color: var(--bg-white);
  border-color: var(--border-snow);
}
.emPK__coupon .form-group .input_group .btn_validate {
  position: absolute;
  right: 20px;
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-blue);
}
.emPK__coupon .loading_validate {
  position: relative;
  display: flex;
  align-items: center;
}
.emPK__coupon .loading_validate .spinner-border {
  border: 1.5px solid var(--bg-orange);
  border-right-color: transparent;
  position: absolute;
}
.emPK__coupon .loading_validate .spinner-border.spinner-border-sm {
  width: 12px;
  height: 12px;
}
.emPK__coupon .loading_validate .text {
  font-size: 13px;
  color: var(--color-orange);
  display: inline-block;
  margin-left: 18px;
}

/**
 * ----------------------------------------
 * emShipping__address
 * ----------------------------------------
 */
.emShipping__address .title_adrs {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-secondary);
  margin-bottom: 15px;
}
.emShipping__address .item__address {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.emShipping__address .item__address .address_txt {
  font-size: 14px;
  color: var(--color-text);
  margin-bottom: 0;
}
.emShipping__address .item__address .btn__editAddress {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
.emShipping__address .item__address .btn__editAddress svg {
  width: 24px;
  height: 24px;
}
.emShipping__address .item__address .btn__editAddress svg path {
  stroke: var(--color-blue);
}

/**
 * ----------------------------------------
 * label_default
 * ----------------------------------------
 */
.label_default {
  min-width: 54px;
  height: 25px;
  font-size: 12px;
  font-weight: 500;
  color: var(--color-green);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid rgba(37, 201, 152, 0.3);
}

/**
 * ----------------------------------------
 * footer__buttons
 * ----------------------------------------
 */
.footer__buttons .area__inside {
  padding: 0 20px;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: env(safe-area-inset-bottom);
}

/**
 * ----------------------------------------
 * emSection__payment
 * ----------------------------------------
 */
.emSection__payment {
  padding: 80px 20px 20px 20px;
}
.emSection__payment .itemPay {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  background-color: var(--bg-snow);
  width: 100%;
  padding: 16px 20px;
  margin-bottom: 10px;
}
.emSection__payment .itemPay span {
  font-size: 16px;
  font-weight: 400;
  color: var(--color-secondary);
  display: block;
}
.emSection__payment .itemPay .icon__payment {
  display: flex;
  align-items: center;
  flex-direction: row;
  column-gap: 5px;
  -webkit-column-gap: 5px;
  -ms-column-gap: 5px;
}
.emSection__payment .itemPay .icon__payment img {
  width: 27px;
}
@supports (-webkit-touch-callout: none) {
  .emSection__payment .itemPay .icon__payment img {
    margin-left: 5px;
  }
}

/**
 * ----------------------------------------
 * pageCredit__Card
 * ----------------------------------------
 */
.pageCredit__Card .form___inputCredit .input_group {
  position: relative;
  display: flex;
  align-items: center;
}
.pageCredit__Card .form___inputCredit .input_group .ccicon {
  position: absolute;
  right: 15px;
  width: 35px;
  height: 100%;
}

.emBlockCreaditCard {
  position: relative;
  border-radius: 8px;
  height: 170px;
  width: 100%;
  perspective: 1000px;
}
.emBlockCreaditCard .contentCredit {
  position: relative;
  height: 170px;
  border-radius: 8px;
  width: 100%;
  transform-style: preserve-3d;
  -webkit-transition: all 0.8s cubic-bezier(0.71, 0.03, 0.56, 0.85);
  -moz-transition: all 0.8s cubic-bezier(0.71, 0.03, 0.56, 0.85);
  -o-transition: all 0.8s cubic-bezier(0.71, 0.03, 0.56, 0.85);
  -ms-transition: all 0.8s cubic-bezier(0.71, 0.03, 0.56, 0.85);
  transition: all 0.8s cubic-bezier(0.71, 0.03, 0.56, 0.85);
}
.emBlockCreaditCard .contentCredit .creaditCard__front {
  position: absolute;
  background-image: url("../img/0654.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: cover;
  padding: 20px;
  display: grid;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 8px;
}
.emBlockCreaditCard .contentCredit .creaditCard__front .emhead_card {
  display: flex;
  justify-content: space-between;
  margin-bottom: auto;
}
.emBlockCreaditCard .contentCredit .creaditCard__front .emhead_card .img_slice {
  height: 28px;
}
.emBlockCreaditCard .contentCredit .creaditCard__front .emhead_card .type__card svg {
  height: 20px;
}
.emBlockCreaditCard .contentCredit .creaditCard__front .embody_card {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.emBlockCreaditCard .contentCredit .creaditCard__front .embody_card .number__card {
  font-size: 25px;
  color: #fff;
  font-weight: 500;
  margin: 0;
}
.emBlockCreaditCard .contentCredit .creaditCard__front .emfooter_card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
}
.emBlockCreaditCard .contentCredit .creaditCard__front .emfooter_card .txt span {
  font-size: 13px;
  display: block;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 2px;
}
.emBlockCreaditCard .contentCredit .creaditCard__front .emfooter_card .txt p {
  font-size: 16px;
  display: block;
  color: #fff;
  margin-bottom: 0;
}
.emBlockCreaditCard .contentCredit .creaditCard__back {
  position: absolute;
  background-image: url("../img/0654.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: cover;
  padding: 20px;
  display: grid;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  transform: rotateX(180deg);
  border-radius: 8px;
}
.emBlockCreaditCard .contentCredit .creaditCard__back .header__cardBack .form-group label {
  color: var(--color-white);
  font-size: 13px;
  margin-bottom: 6px;
}
.emBlockCreaditCard .contentCredit .creaditCard__back .header__cardBack .form-group .form-control {
  background-color: var(--bg-white);
  border: 0;
  height: 42px;
}
.emBlockCreaditCard .contentCredit .creaditCard__back .footer__cardBack {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.emBlockCreaditCard .contentCredit .creaditCard__back .footer__cardBack span {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  display: block;
}
.emBlockCreaditCard .contentCredit .creaditCard__back .footer__cardBack .img_credit svg {
  height: 20px;
  opacity: 0.3;
}
.emBlockCreaditCard.flipped .contentCredit {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

/**
 * ----------------------------------------
 * emPage__ResultPayment
 * ----------------------------------------
 */
.emPage__ResultPayment {
  padding: 20px;
  display: grid;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.emPage__ResultPayment .em__seccess .icon {
  background-color: rgba(37, 201, 152, 0.1);
  width: 55px;
  height: 55px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-bottom: 25px;
}
.emPage__ResultPayment .em__seccess .icon i {
  color: var(--color-green);
  font-size: 24px;
  font-weight: 600;
}

/**
 * ----------------------------------------
 * emPage___profile
 * ----------------------------------------
 */
.emPage___profile .emPersonal__data {
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.emPage___profile .emPersonal__data .name h2 {
  font-size: 20px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-bottom: 6px;
}
.emPage___profile .emPersonal__data .name p {
  font-size: 13px;
  color: var(--color-text);
  margin-bottom: 0;
}
.emPage___profile .emPersonal__data .photo_persona img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 50%;
}
.emPage___profile .emBody__navLink ul {
  padding: 0;
  margin: 0;
}
.emPage___profile .emBody__navLink ul .item {
  list-style: none;
}
.emPage___profile .emBody__navLink ul .item .nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  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;
}
.emPage___profile .emBody__navLink ul .item .nav-link .ico {
  margin-right: 15px;
}
.emPage___profile .emBody__navLink ul .item .nav-link .ico svg {
  width: 24px;
  height: 24px;
}
.emPage___profile .emBody__navLink ul .item .nav-link .ico svg path {
  stroke: var(--color-secondary);
}
.emPage___profile .emBody__navLink ul .item .nav-link .txt h3 {
  font-size: 15px;
  font-weight: 500;
  color: var(--color-secondary);
  margin-bottom: 3px;
}
.emPage___profile .emBody__navLink ul .item .nav-link .txt p {
  font-size: 13px;
  color: var(--color-text);
  margin-bottom: 0;
}
.emPage___profile .emBody__navLink ul .item .nav-link .side_right {
  display: flex;
  align-items: center;
}
.emPage___profile .emBody__navLink ul .item .nav-link .side_right .number_item {
  display: inline-flex;
  min-width: 35px;
  height: 21px;
  border-radius: 4px;
  border: 1px solid rgba(249, 53, 66, 0.3);
  color: var(--color-red);
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  margin-right: 20px;
}
.emPage___profile .emBody__navLink ul .item .nav-link .side_right i {
  font-size: 18px;
  color: var(--color-text);
}
.emPage___profile .emBody__navLink ul .item .nav-link:hover, .emPage___profile .emBody__navLink ul .item .nav-link:focus {
  background-color: var(--bg-snow);
}
.emPage___profile .emBody__navLink.with__border ul .item {
  border-bottom: 1px solid var(--border-snow);
}
.emPage___profile .emBody__navLink.with__border ul .item:last-of-type {
  border-bottom: 0;
}
.emPage___profile.with__background .emPersonal__data {
  background-image: url("../img/38.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 210px;
  background-size: cover;
  padding-top: 30px;
  background-color: var(--bg-secondary);
}
.emPage___profile.with__background .emPersonal__data .name h2 {
  color: var(--color-white);
}
.emPage___profile.with__background .emPersonal__data .name p {
  color: rgba(255, 255, 255, 0.7);
}
.emPage___profile.with__background .emBody__navLink {
  background-color: var(--bg-white);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  margin-top: -20px;
}

/**
 * ----------------------------------------
 * emPage__myAccount
 * ----------------------------------------
 */
.emPage__myAccount .item__tab {
  padding: 0 20px;
}
.emPage__myAccount .content__itemtab {
  padding: 25px 20px;
}
.emPage__myAccount .content__itemtab .embox__avatar {
  border: 1px solid var(--border-snow);
  border-radius: 8px;
  padding: 15px 20px;
}

/**
 * ----------------------------------------
 * item__tab
 * ----------------------------------------
 */
.item__tab .nav {
  position: relative;
  text-align: center;
  background-color: var(--bg-snow);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.item__tab .nav .nav-item {
  width: calc(100% / 2);
}
.item__tab .nav .nav-item .nav-link {
  background-color: transparent;
  color: var(--color-text);
  font-size: 14px;
  font-weight: 500;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  z-index: 1;
  width: 96%;
  -webkit-transition: color 0.35;
  -moz-transition: color 0.35;
  -o-transition: color 0.35;
  -ms-transition: color 0.35;
  transition: color 0.35;
}
.item__tab .nav .nav-item .nav-link.active {
  color: var(--color-secondary);
}
.item__tab .nav .indicator__bg_active {
  position: absolute;
  background-color: var(--bg-white);
  border-radius: 8px;
  width: 50%;
  height: 45px;
  display: flex;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(41, 46, 52, 0.08);
  -moz-box-shadow: 0px 3px 5px 0px rgba(41, 46, 52, 0.08);
  -o-box-shadow: 0px 3px 5px 0px rgba(41, 46, 52, 0.08);
  -ms-box-shadow: 0px 3px 5px 0px rgba(41, 46, 52, 0.08);
  box-shadow: 0px 3px 5px 0px rgba(41, 46, 52, 0.08);
  align-items: center;
  justify-content: center;
  transition: left 0.25s, width 0.3s;
  -webkit-transition: left 0.25s, width 0.3s;
  -moz-transition: left 0.25s, width 0.3s;
  -ms-transition: left 0.25s, width 0.3s;
  -o-transition: left 0.25s, width 0.3s;
}
.item__tab.lg_tab {
  width: 100%;
}
.item__tab.height_sm .nav .nav-item .nav-link {
  height: 40px;
}
.item__tab.height_sm .nav .indicator__bg_active {
  height: 33px;
}
.item__tab.height_md .nav .nav-item .nav-link {
  height: 46px;
}
.item__tab.height_md .nav .indicator__bg_active {
  height: 39px;
}
.item__tab.three-item .nav .nav-item {
  width: calc(100% / 3);
}
.item__tab.three-item .nav .nav-item .nav-link {
  width: 94%;
}
.item__tab.four-item .nav .nav-item {
  width: calc(100% / 4);
}
.item__tab.four-item .nav .nav-item .nav-link {
  width: 90%;
}

/**
 * ----------------------------------------
 * embox__avatar
 * ----------------------------------------
 */
.embox__avatar {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.embox__avatar .emitem_avt {
  margin-right: 20px;
}
.embox__avatar .emitem_avt .img__avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}
.embox__avatar .txt__upload .btnUpload__item {
  position: relative;
}
.embox__avatar .txt__upload .btnUpload__item input {
  position: absolute;
  opacity: 0;
  height: 50px;
}
.embox__avatar .txt__upload .btnUpload__item .btn_uploadImage {
  font-size: 15px;
  font-weight: 500;
  padding: 0 8px 0 0;
  margin: 0;
  color: var(--color-blue);
}
.embox__avatar .txt__upload p {
  margin-bottom: 0;
  font-size: 12px;
  color: var(--color-text);
}

/**
 * ----------------------------------------
 * emPage__wishlist
 * ----------------------------------------
 */
.emPage__wishlist.padding-t-60 {
  padding-top: 61px !important;
}
.emPage__wishlist .em_item_product .title_product .btn__removeProduct {
  background-color: rgba(249, 53, 66, 0.1);
  position: absolute;
  right: 20px;
  top: 15px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  z-index: 1;
}
.emPage__wishlist .em_item_product .title_product .btn__removeProduct i {
  font-size: 18px;
  color: var(--bg-red);
}

/**
 * ----------------------------------------
 * emPage__Stand
 * ----------------------------------------
 */
.emPage__Stand .emhead__title {
  padding: 10px 20px;
  background-color: var(--bg-snow);
}
.emPage__Stand .emhead__title span {
  font-size: 13px;
  color: var(--color-text);
  text-transform: uppercase;
  display: block;
}
.emPage__Stand .embody__notification {
  padding: 20px;
}
.emPage__Stand .embody__notification .itemSwitch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}
.emPage__Stand .embody__notification .itemSwitch label h2 {
  font-size: 16px;
  color: var(--color-secondary);
  margin-bottom: 5px;
}
.emPage__Stand .embody__notification .itemSwitch label p {
  margin: 0;
  font-size: 14px;
  color: var(--color-text);
  width: calc(100vw - 110px);
}
.emPage__Stand .embody__notification .itemSwitch:last-child {
  margin-bottom: 0;
}

/**
 * ----------------------------------------
 * emPage__shippingAddress
 * ----------------------------------------
 */
.emPage__shippingAddress .nav__listAddress {
  padding: 0;
  margin: 0;
}
.emPage__shippingAddress .nav__listAddress .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 5px solid var(--bg-snow);
  padding: 20px;
}
.emPage__shippingAddress .nav__listAddress .item:last-child {
  border-bottom: 0;
}
.emPage__shippingAddress .nav__listAddress .item .personal__info {
  width: calc(100vw - 190px);
}
.emPage__shippingAddress .nav__listAddress .item .personal__info * {
  margin-top: 0;
  margin-bottom: 4px;
  display: block;
}
.emPage__shippingAddress .nav__listAddress .item .personal__info *:last-child {
  margin-bottom: 0;
}
.emPage__shippingAddress .nav__listAddress .item .areaRight {
  display: flex;
  align-items: center;
}
.emPage__shippingAddress .nav__listAddress .item .areaRight .label_default {
  margin-right: 10px;
}
@supports (-webkit-touch-callout: none) {
  .emPage__shippingAddress .nav__listAddress .item .areaRight .label_default {
    margin-right: 0;
  }
}
.emPage__shippingAddress .nav__listAddress .item .areaRight .emActions {
  display: flex;
  flex-direction: row;
  column-gap: 15px;
  -webkit-column-gap: 15px;
  -ms-column-gap: 15px;
}
.emPage__shippingAddress .nav__listAddress .item .areaRight .emActions .btn {
  padding: 0;
  width: 40px;
  height: 40px;
  border-radius: 19px;
  border: 1px solid var(--border-snow);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.emPage__shippingAddress .nav__listAddress .item .areaRight .emActions .btn.btn_remove:focus, .emPage__shippingAddress .nav__listAddress .item .areaRight .emActions .btn.btn_remove:hover {
  background-color: rgba(249, 53, 66, 0.1);
  border-color: transparent;
}
.emPage__shippingAddress .nav__listAddress .item .areaRight .emActions .btn.btn_remove:focus svg path, .emPage__shippingAddress .nav__listAddress .item .areaRight .emActions .btn.btn_remove:hover svg path {
  stroke: var(--color-red);
}
@supports (-webkit-touch-callout: none) {
  .emPage__shippingAddress .nav__listAddress .item .areaRight .emActions .btn {
    margin-left: 15px;
  }
}
.emPage__shippingAddress .nav__listAddress .item .areaRight .emActions .btn .icon svg {
  width: 20px;
  height: 20px;
}
.emPage__shippingAddress .nav__listAddress .item .areaRight .emActions .btn .icon svg path {
  stroke: var(--color-text);
}
.emPage__shippingAddress .nav__listAddress .item .areaRight .emActions .btn .icon.edit svg path {
  stroke: var(--color-blue);
}
.emPage__shippingAddress .nav__listAddress .item .circle_check {
  position: relative;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid var(--border-snow);
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.emPage__shippingAddress .nav__listAddress .item .circle_check::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg id='done' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath id='Icon_color' data-name='Icon color' d='M8.424.782l-5.3,5.3a.25.25,0,0,1-.355,0L.074,3.387a.25.25,0,0,1,0-.355l.35-.35a.25.25,0,0,1,.355,0L2.944,4.847,7.719.072a.255.255,0,0,1,.355,0l.35.355a.25.25,0,0,1,0,.355Z' transform='translate(1.501 2.843)' fill='%23fff' stroke='%23fff' stroke-miterlimit='10' stroke-width='0.5'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  background-size: 12px;
  position: absolute;
  opacity: 0;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.emPage__shippingAddress .nav__listAddress .item.selected .circle_check {
  background-color: var(--bg-green);
  border-color: var(--border-green);
}
.emPage__shippingAddress .nav__listAddress .item.selected .circle_check::before {
  opacity: 1;
}
.emPage__shippingAddress.withBorder__sm .nav__listAddress .item {
  border-bottom: 1px solid var(--border-snow);
}
.emPage__shippingAddress.withBorder__sm .nav__listAddress .item:last-of-type {
  border-bottom: 0;
}

.btn__linkNewAddress {
  position: fixed;
  right: 20px;
  bottom: 30px;
}
.btn__linkNewAddress .btn {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-primary);
  border-radius: 26px;
}
.btn__linkNewAddress .btn .icon svg {
  width: 22px;
  height: 22px;
}
.btn__linkNewAddress .btn .icon svg path {
  stroke: var(--color-white);
}

/**
 * ----------------------------------------
 * emPage__activities
 * ----------------------------------------
 */
.item__activiClassic {
  position: relative;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none !important;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.item__activiClassic:last-of-type::before {
  border-bottom: 0 !important;
}
.item__activiClassic.item__link:hover {
  background-color: var(--bg-snow);
}
.item__activiClassic.border-b::before {
  content: "";
  position: absolute;
  bottom: 0;
  border-bottom: 1px solid var(--border-snow);
  right: 0;
  width: calc(100vw - 80px);
}
.item__activiClassic .icon {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}
.item__activiClassic .icon svg {
  width: 20px;
  height: 20px;
}
.item__activiClassic .icon svg path,
.item__activiClassic .icon svg circle {
  stroke: var(--color-white);
}
.item__activiClassic .icon svg ellipse {
  stroke: var(--color-white);
  fill: var(--bg-white);
}
.item__activiClassic .txt {
  width: calc(100vw - 155px);
}
.item__activiClassic .txt h2 {
  font-size: 15px;
  color: var(--color-secondary);
  margin-bottom: 3px;
  font-weight: 400;
}
.item__activiClassic .txt p {
  font-size: 13px;
  color: var(--color-text);
  margin-bottom: 3px;
}
.item__activiClassic .txt span {
  display: block;
  font-size: 13px;
  color: var(--color-snow);
}
.item__activiClassic .sideRight {
  display: flex;
  align-items: center;
}
.item__activiClassic .sideRight .attention {
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--bg-primary);
  margin-right: 15px;
}
.item__activiClassic .sideRight i {
  font-size: 18px;
  color: var(--color-text);
}
.item__activiClassic.smallHeight {
  padding: 12px 20px;
}
.item__activiClassic.smallHeight .icon {
  width: 40px;
  height: 40px;
}

._creative .group .title_group {
  margin: 20px;
}
._creative .group .title_group span {
  font-size: 12px;
  display: block;
  font-weight: 500;
  color: var(--color-text);
  text-transform: uppercase;
}
._creative .item__activiClassic {
  padding: 15px 20px;
}
._creative .item__activiClassic .img_user {
  margin-right: 15px;
}
._creative .item__activiClassic .img_user img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  object-fit: cover;
}
._creative .item__activiClassic:hover {
  background-color: var(--bg-snow);
}
._creative .item__activiClassic .media {
  align-items: center;
}
._creative .item__activiClassic .txt h2 span {
  display: inline-block;
  color: var(--color-primary);
  font-size: 15px;
}
._creative .item__activiClassic .txt p {
  margin-bottom: 0;
}
._creative .item__activiClassic .icon.bg-green svg path,
._creative .item__activiClassic .icon.bg-green svg circle {
  stroke: var(--color-green);
}
._creative .item__activiClassic .icon.bg-green i {
  color: var(--color-green);
}
._creative .item__activiClassic .icon.bg-orange svg path,
._creative .item__activiClassic .icon.bg-orange svg circle {
  stroke: var(--color-orange);
}
._creative .item__activiClassic .icon.bg-orange i {
  color: var(--color-orange);
}
._creative .item__activiClassic .icon.bg-yellow svg path,
._creative .item__activiClassic .icon.bg-yellow svg circle {
  stroke: var(--color-yellow);
}
._creative .item__activiClassic .icon.bg-yellow i {
  color: var(--color-yellow);
}
._creative .item__activiClassic .icon.bg-red svg path,
._creative .item__activiClassic .icon.bg-red svg circle {
  stroke: var(--color-red);
}
._creative .item__activiClassic .icon.bg-red i {
  color: var(--color-red);
}
._creative .item__activiClassic .icon.bg-blue svg path,
._creative .item__activiClassic .icon.bg-blue svg circle {
  stroke: var(--color-blue);
}
._creative .item__activiClassic .icon.bg-blue i {
  color: var(--color-blue);
}
._creative .item__activiClassic .icon.bg-secondary svg path,
._creative .item__activiClassic .icon.bg-secondary svg circle {
  stroke: var(--color-secondary);
}
._creative .item__activiClassic .icon.bg-secondary i {
  color: var(--color-secondary);
}

/**
 * ----------------------------------------
 * basicErrors
 * ----------------------------------------
 */
.basicErrors {
  padding-bottom: env(safe-area-inset-bottom);
}
.basicErrors .illustration__img img {
  width: 100%;
  height: 100%;
}
.basicErrors .detaile__error {
  padding-left: 20px;
  padding-right: 20px;
}
.basicErrors .detaile__error.text-center {
  padding-left: 60px;
  padding-right: 60px;
}
.basicErrors .detaile__error h1 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}
.basicErrors .detaile__error p {
  font-size: 14px;
  margin-bottom: 20px;
}
.basicErrors .detaile__error .btn__gohome {
  border-radius: 8px;
  min-width: 120px;
  height: 45px;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/**
 * ----------------------------------------
 * page__404
 * ----------------------------------------
 */
.page__404 {
  background-color: #f8f8f8;
  overflow-x: hidden;
}
.page__404 .emPage__404 .illustration__img img {
  width: 100%;
  height: 100%;
}

/**
 * ----------------------------------------
 * page__NoConnection
 * ----------------------------------------
 */
.page__NoConnection {
  background-color: #eff1f3;
}
.page__NoConnection .emPage__noconnection .illustration__img img {
  width: 100%;
  height: 100%;
}
.page__NoConnection .emPage__noconnection .detaile__error {
  padding-left: 20px;
}

/**
 * ----------------------------------------
 * page__ProkenLink
 * ----------------------------------------
 */
.page__ProkenLink {
  background-color: #aabbc9;
}

/**
 * ----------------------------------------
 * page__NoSpace
 * ----------------------------------------
 */
.page__NoSpace {
  background-color: #eff1f3;
}

/**
 * ----------------------------------------
 * page__NoRsultSearch
 * ----------------------------------------
 */
.page__NoRsultSearch {
  background-color: #686b89;
}
.page__NoRsultSearch .detaile__error {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

/**
 * ----------------------------------------
 * emPage__chat
 * ----------------------------------------
 */
.emPage__chat {
  padding-top: 115px;
}
.emPage__chat .block__people .item_user {
  text-decoration: none !important;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}
.emPage__chat .block__people .item_user:hover {
  background-color: var(--bg-snow);
}
.emPage__chat .block__people .item_user.new_sms .sideRight .time {
  color: var(--color-primary);
}
.emPage__chat .block__people .item_user .img_user {
  position: relative;
  margin-right: 12px;
}
.emPage__chat .block__people .item_user .img_user img {
  width: 45px;
  height: 45px;
  object-fit: cover;
  border-radius: 50%;
}
.emPage__chat .block__people .item_user .img_user .online {
  width: 11px;
  height: 11px;
  border: 2px solid var(--color-white);
  border-radius: 50%;
  position: absolute;
  right: 1px;
  bottom: 1px;
}
.emPage__chat .block__people .item_user .userneme h2 {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-secondary);
  margin-bottom: 5px;
}
.emPage__chat .block__people .item_user .userneme p {
  font-size: 13px;
  margin: 0;
  width: calc(100vw - 170px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.emPage__chat .block__people .item_user .sideRight {
  text-align: right;
}
.emPage__chat .block__people .item_user .sideRight .time {
  display: block;
  font-size: 12px;
  color: var(--color-text);
}

/**
 * ----------------------------------------
 * emPage__conversation
 * ----------------------------------------
 */
.emPage__conversation .item_user {
  padding: 15px 20px;
}
.emPage__conversation .item_user .imgProfile {
  margin-right: 12px;
}
.emPage__conversation .item_user .imgProfile img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  object-fit: cover;
}
.emPage__conversation .item_user .content_sms .item_msg {
  font-size: 14px;
  color: var(--color-secondary);
  border-radius: 8px;
  padding: 10px 15px;
  background-color: var(--bg-snow);
  width: max-content;
  margin: 0;
  margin-bottom: 6px;
}
.emPage__conversation .item_user .content_sms .btn_file_down {
  border-radius: 8px;
  border: 1px solid var(--border-snow);
  padding: 9px 15px;
  color: var(--color-blue);
  display: inline-block;
  margin-bottom: 6px;
}
.emPage__conversation .item_user .content_sms .btn_file_down i {
  font-size: 18px;
  margin-right: 3px;
}
.emPage__conversation .item_user .content_sms .time {
  font-size: 12px;
  color: var(--color-text);
  display: flex;
  align-items: center;
}
.emPage__conversation .item_user.__me {
  display: flex;
  justify-content: flex-end;
}
.emPage__conversation .item_user.__me .content_sms .item_msg {
  color: var(--color-white);
  background-color: var(--bg-primary);
}
.emPage__conversation .item_user.__me .content_sms .time {
  font-size: 12px;
  color: var(--color-text);
}
.emPage__conversation .bk_footer_input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--border-snow);
  padding: 10px 20px;
  background-color: var(--bg-white);
  z-index: 99;
}
.emPage__conversation .bk_footer_input .btn_upload .icon i {
  color: var(--color-secondary);
}
.emPage__conversation .bk_footer_input .form-control {
  border: 0;
  height: 50px;
  width: calc(100vw - 140px);
  padding: 0;
  padding-right: 5px;
}
.emPage__conversation .bk_footer_input .btn_defSend {
  width: 40px;
  height: 40px;
  border-radius: 19px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-primary);
}
.emPage__conversation .bk_footer_input .btn_defSend svg {
  width: 20px;
  height: 20px;
}
.emPage__conversation .bk_footer_input .btn_defSend svg path {
  fill: var(--color-white);
}

/**
 * ----------------------------------------
 * banner__wallet
 * ----------------------------------------
 */
.banner__wallet {
  padding: 90px 20px 50px 20px;
  background-image: url("../img/banner_wallet.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 220px;
  background-size: 100%;
}
.banner__wallet .emhead .item__total span {
  font-size: 12px;
  display: block;
  margin-bottom: 6px;
  color: var(--color-snow);
}
.banner__wallet .emhead .item__total h2 {
  font-weight: 600;
  font-size: 24px;
  color: var(--color-white);
  margin: 0;
}
.banner__wallet .emhead .item__total h2 span {
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  color: var(--color-white);
}
.banner__wallet .emhead .side__right .btn_balance {
  border-radius: 8px;
  min-width: 105px;
  height: 36px;
  color: var(--color-white);
  font-size: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/**
 * ----------------------------------------
 * main_Wallet_index
 * ----------------------------------------
 */
.main_Wallet_index {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  margin-top: -30px;
  background-color: var(--bg-white);
}

/**
 * ----------------------------------------
 * em__bkOperationsWallet
 * ----------------------------------------
 */
.em__bkOperationsWallet {
  padding: 30px 20px;
}
.em__bkOperationsWallet.other_option .em__actions {
  column-gap: 15px;
  -webkit-column-gap: 15px;
  -o-column-gap: 15px;
  -ms-column-gap: 15px;
}
.em__bkOperationsWallet .em__actions {
  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: row;
  column-gap: 25px;
  -webkit-column-gap: 25px;
  -o-column-gap: 25px;
  -ms-column-gap: 25px;
}
.em__bkOperationsWallet .em__actions .btn {
  display: inline-grid;
  justify-content: center;
  padding: 0;
  margin: 0;
}
@supports (-webkit-touch-callout: none) {
  .em__bkOperationsWallet .em__actions .btn {
    margin-left: 25px;
  }
  .em__bkOperationsWallet .em__actions .btn:first-child {
    margin: 0;
  }
}
.em__bkOperationsWallet .em__actions .btn span {
  font-size: 12px;
  color: var(--color-secondary);
  margin-top: 12px;
}
.em__bkOperationsWallet .em__actions .btn .icon {
  width: 50px;
  height: 50px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.em__bkOperationsWallet .em__actions .btn .icon svg {
  width: 22px;
  height: 22px;
}
.em__bkOperationsWallet .em__actions .btn:first-child .icon svg path {
  fill: var(--color-green);
}
.em__bkOperationsWallet .em__actions .btn:nth-child(2) .icon svg path {
  fill: var(--color-blue);
}
.em__bkOperationsWallet .em__actions .btn:nth-child(3) .icon svg path {
  fill: var(--color-red);
}
.em__bkOperationsWallet .em__actions .btn:nth-child(4) .icon svg path {
  fill: var(--color-yellow);
}
.em__bkOperationsWallet .em__actions .btn.btn_others .icon {
  background-color: var(--bg-snow);
  width: 42px;
  height: 100%;
}
.em__bkOperationsWallet .em__actions .btn.btn_others .icon svg path {
  fill: var(--color-secondary);
}
.em__bkOperationsWallet.__page .em__actions {
  display: block;
}
.em__bkOperationsWallet.__page .em__actions .group {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  margin-bottom: 12px;
}
.em__bkOperationsWallet.__page .em__actions .item {
  margin: 0 5px;
}
.em__bkOperationsWallet.__page .em__actions .btn {
  width: 100%;
  background-color: var(--bg-white);
  border-radius: 8px;
  padding: 20px 17px;
  margin-right: 11px !important;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.02);
  -moz-box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.02);
  -o-box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.02);
  -ms-box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.02);
  box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.02);
}
.em__bkOperationsWallet.__page .em__actions .btn .icon {
  margin: 0 auto;
}
.em__bkOperationsWallet.__page .em__actions .btn:last-child {
  margin-right: 0 !important;
}
@supports (-webkit-touch-callout: none) {
  .em__bkOperationsWallet.__page .em__actions .btn {
    margin-left: inherit;
  }
  .em__bkOperationsWallet.__page .em__actions .btn:first-child {
    margin: auto;
  }
}
.em__bkOperationsWallet.__page .em__actions .btn p {
  margin: 0;
  font-size: 12px;
  color: var(--color-text);
}
.em__bkOperationsWallet.__page .em__actions .-send .icon {
  background-color: rgba(37, 201, 152, 0.1);
}
.em__bkOperationsWallet.__page .em__actions .-send .icon svg path {
  fill: var(--color-green);
}
.em__bkOperationsWallet.__page .em__actions .-withdraw .icon {
  background-color: rgba(74, 140, 253, 0.1);
}
.em__bkOperationsWallet.__page .em__actions .-withdraw .icon svg path {
  fill: var(--color-blue);
}
.em__bkOperationsWallet.__page .em__actions .-cards .icon {
  background-color: rgba(255, 63, 63, 0.1);
}
.em__bkOperationsWallet.__page .em__actions .-cards .icon svg path {
  fill: var(--color-primary);
}
.em__bkOperationsWallet.__page .em__actions .-exchange .icon {
  background-color: rgba(245, 192, 46, 0.1);
}
.em__bkOperationsWallet.__page .em__actions .-exchange .icon svg path {
  fill: var(--color-yellow);
}
.em__bkOperationsWallet.__page .em__actions .-transfer .icon {
  background-color: rgba(255, 131, 59, 0.1);
}
.em__bkOperationsWallet.__page .em__actions .-transfer .icon svg path {
  fill: var(--color-orange);
}
.em__bkOperationsWallet.__page .em__actions .-report .icon {
  background-color: rgba(105, 74, 253, 0.1);
}
.em__bkOperationsWallet.__page .em__actions .-report .icon svg path {
  fill: #694afd;
}
.em__bkOperationsWallet.__page .em__actions .-wallet .icon {
  background-color: rgba(41, 46, 52, 0.1);
}
.em__bkOperationsWallet.__page .em__actions .-wallet .icon svg path {
  fill: var(--color-secondary);
}
.em__bkOperationsWallet.__page .em__actions .-statistics .icon {
  background-color: rgba(222, 74, 253, 0.1);
}
.em__bkOperationsWallet.__page .em__actions .-statistics .icon svg path {
  fill: #de4afd;
}
.em__bkOperationsWallet.__page .em__actions .-bills .icon {
  background-color: rgba(32, 187, 211, 0.1);
}
.em__bkOperationsWallet.__page .em__actions .-bills .icon svg path {
  fill: #20bbd3;
}

/**
 * ----------------------------------------
 * emWallet__stats
 * ----------------------------------------
 */
.emWallet__stats .item_boxes .item {
  background-color: var(--bg-snow);
  border-radius: 8px;
  padding: 10px 20px;
  margin-bottom: 15px;
}
.emWallet__stats .item_boxes .item .bk_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2px;
}
.emWallet__stats .item_boxes .item .bk_head p {
  font-size: 13px;
  color: var(--color-text);
  margin: 0;
}
.emWallet__stats .item_boxes .item .bk_head .rate_no svg {
  width: 20px;
  height: 20px;
}
.emWallet__stats .item_boxes .item .bk_head .rate_no span {
  font-size: 13px;
}
.emWallet__stats .item_boxes .item .bk_head .rate_no.down svg path {
  fill: var(--color-red);
}
.emWallet__stats .item_boxes .item .bk_head .rate_no.down span {
  color: var(--color-red);
}
.emWallet__stats .item_boxes .item .bk_head .rate_no.up svg path {
  fill: var(--color-green);
}
.emWallet__stats .item_boxes .item .bk_head .rate_no.up span {
  color: var(--color-green);
}
.emWallet__stats .item_boxes .item .price {
  font-size: 17px;
  font-weight: 500;
  color: var(--color-secondary);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.emWallet__stats .item_boxes .item .price span {
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
}

/**
 * ----------------------------------------
 * border-text
 * ----------------------------------------
 */
.border-text .text {
  position: absolute;
  padding: 0 15px 0 0;
  background-color: var(--bg-white);
  text-transform: uppercase;
  color: var(--color-snow);
  font-size: 12px;
  font-weight: 400;
}
.border-text .lined {
  border-bottom: 1px solid var(--border-snow);
  position: relative;
  display: flex;
  align-items: center;
}

/**
 * ----------------------------------------
 * emTransactions__page
 * ----------------------------------------
 */
.emTransactions__page .emBK__transactions .item_trans:last-child {
  margin-bottom: 0;
}

.emBK__transactions .item_trans {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
.emBK__transactions .item_trans .sideLeft .icon_img {
  width: 45px;
  height: 45px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 18px;
  position: relative;
  overflow: hidden;
}
.emBK__transactions .item_trans .sideLeft .icon_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.emBK__transactions .item_trans .sideLeft .icon_img.bg-pink {
  background-color: #ff53cd;
}
.emBK__transactions .item_trans .sideLeft .icon_img p {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
}
.emBK__transactions .item_trans .sideLeft .media-body h4 {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-secondary);
  margin-bottom: 4px;
}
.emBK__transactions .item_trans .sideLeft .media-body p {
  font-size: 12px;
  color: var(--color-text);
  font-weight: 400;
  margin: 0;
}
.emBK__transactions .item_trans .sideRight.discount p {
  color: var(--color-red);
}
.emBK__transactions .item_trans .sideRight p {
  font-size: 16px;
  font-weight: 400;
  color: var(--color-secondary);
}
.emBK__transactions .item_trans .sideRight p span {
  color: var(--color-text);
  font-size: 12px;
}

/**
 * ----------------------------------------
 * swiperCards__wallet
 * ----------------------------------------
 */
.swiperCards__wallet .emBK__cards .owl-carousel .owl-stage-outer {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.swiperCards__wallet .emBK__cards .item {
  width: 145px;
  height: 200px;
}
.swiperCards__wallet .emBK__cards .bg_imgCard {
  position: relative;
  overflow: hidden;
}
.swiperCards__wallet .emBK__cards .bg_imgCard .cover_img {
  height: 200px;
}

.emBK__cards .ele__card {
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.emBK__cards .ele__card .bg_imgCard {
  position: relative;
  overflow: hidden;
}
.emBK__cards .ele__card .bg_imgCard .cover_img {
  width: 100%;
  object-fit: cover;
}
.emBK__cards .ele__card .enContent_card {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 20px;
  height: 100%;
  display: grid;
}
.emBK__cards .ele__card .enContent_card .head .icon img {
  height: 11px;
  width: auto;
}
.emBK__cards .ele__card .enContent_card .head .ex_date {
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  font-weight: 400;
  margin: 0;
}
.emBK__cards .ele__card .enContent_card .footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@supports (-webkit-touch-callout: none) {
  .emBK__cards .ele__card .enContent_card .footer {
    position: absolute;
    left: 20px;
    bottom: 20px;
  }
}
.emBK__cards .ele__card .enContent_card .footer .sideLeft .name {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  display: block;
  margin-bottom: 3px;
}
.emBK__cards .ele__card .enContent_card .footer .sideLeft .no_card {
  color: var(--color-white);
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  line-height: normal;
}

/**
 * ----------------------------------------
 * confirm__transfer
 * ----------------------------------------
 */
.confirm__transfer .trans__number {
  display: grid;
  justify-content: center;
  text-align: center;
}
.confirm__transfer .trans__number h3 {
  font-size: 30px;
  font-weight: 500;
  color: var(--color-secondary);
  margin-bottom: 0;
}
.confirm__transfer .trans__number h3 span {
  font-size: 14px;
  font-weight: 400;
}
.confirm__transfer .trans__number p {
  font-size: 13px;
  color: var(--color-text);
  margin-top: 10px;
  margin-bottom: 0;
}
.confirm__transfer .bk__convPersons .item_trans {
  background-color: var(--bg-snow);
  border-radius: 8px;
  padding: 12px 20px;
  margin-bottom: 10px;
}
.confirm__transfer .bk__convPersons .sideRight .icon.sender svg {
  width: 24px;
  height: 24px;
}
.confirm__transfer .bk__convPersons .sideRight .icon.sender svg path {
  stroke: var(--color-green);
}
.confirm__transfer .bk__convPersons .sideRight .icon.recipient svg {
  width: 24px;
  height: 24px;
}
.confirm__transfer .bk__convPersons .sideRight .icon.recipient svg path {
  stroke: var(--color-orange);
}

/**
 * ----------------------------------------
 * details__transaction
 * ----------------------------------------
 */
.details__transaction .bk_check {
  padding: 40px;
  display: flex;
  justify-content: center;
}
.details__transaction .bk_check .icon {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.details__transaction .bk_check .icon::before {
  content: "";
  position: absolute;
  width: 75px;
  height: 75px;
  border-radius: 50%;
}
.details__transaction .bk_check .icon::after {
  content: "";
  position: absolute;
  width: 105px;
  height: 105px;
  border-radius: 50%;
}
.details__transaction .bk_check .icon svg {
  width: 22px;
  height: 22px;
}
.details__transaction .bk_check .icon.sent {
  background-color: rgba(37, 201, 152, 0.1);
}
.details__transaction .bk_check .icon.sent svg path {
  fill: var(--color-green);
}
.details__transaction .bk_check .icon.sent:before {
  border: 1px solid rgba(37, 201, 152, 0.15);
}
.details__transaction .bk_check .icon.sent:after {
  border: 1px solid rgba(37, 201, 152, 0.07);
}
.details__transaction .bk_check .icon.withdraw {
  background-color: rgba(74, 140, 253, 0.1);
}
.details__transaction .bk_check .icon.withdraw svg path {
  fill: var(--color-blue);
}
.details__transaction .bk_check .icon.withdraw:before {
  border: 1px solid rgba(74, 140, 253, 0.15);
}
.details__transaction .bk_check .icon.withdraw:after {
  border: 1px solid rgba(74, 140, 253, 0.07);
}
.details__transaction .bk_check .icon.exchange {
  background-color: rgba(245, 192, 46, 0.1);
}
.details__transaction .bk_check .icon.exchange svg path {
  fill: var(--color-yellow);
}
.details__transaction .bk_check .icon.exchange:before {
  border: 1px solid rgba(245, 192, 46, 0.15);
}
.details__transaction .bk_check .icon.exchange:after {
  border: 1px solid rgba(245, 192, 46, 0.07);
}
.details__transaction .table tr:nth-child(even) {
  background-color: var(--bg-snow);
}
.details__transaction .table tr:nth-child(odd) {
  background-color: var(--bg-white);
}
.details__transaction .table td {
  border: 0;
  padding: 15px 20px;
}
.details__transaction .table td:last-child {
  text-align: right;
}
.details__transaction .table td:last-child span {
  color: var(--color-secondary);
}
.details__transaction .table td span {
  font-size: 14px;
  color: var(--color-text);
}
.details__transaction .table td span.success {
  color: var(--color-green);
}

/**
 * ----------------------------------------
 * emPage__myCards
 * ----------------------------------------
 */
.emPage__myCards .emBK__cards .ele__card {
  overflow: inherit;
}
.emPage__myCards .emBK__cards .ele__card .bg_imgCard {
  overflow: inherit;
  border-radius: 8px;
}
.emPage__myCards .emBK__cards .ele__card .bg_imgCard .cover_img {
  height: 160px;
  border-radius: 8px;
}
.emPage__myCards .emBK__cards .ele__card .enContent_card .body {
  display: flex;
  justify-content: center;
  align-items: center;
}
.emPage__myCards .emBK__cards .ele__card .enContent_card .body .card_encr span {
  font-size: 25px;
  font-weight: 500;
  color: var(--color-white);
}
.emPage__myCards .emBK__cards .ele__card .enContent_card .head .icon img {
  height: 16px;
}
.emPage__myCards .emBK__cards .ele__card .enContent_card .footer .btn-more {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.4);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.emPage__myCards .emBK__cards .ele__card .enContent_card .footer .btn-more i {
  color: #fff;
  font-size: 24px;
}

/**
 * ----------------------------------------
 * emPage__billsWallet
 * ----------------------------------------
 */
.emPage__billsWallet .emBk__bills .item {
  padding: 18px 20px;
  background-color: var(--bg-white);
  border-radius: 8px;
  margin-bottom: 12px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.02);
  -moz-box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.02);
  -o-box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.02);
  -ms-box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.02);
  box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.02);
}
.emPage__billsWallet .emBk__bills .item .emhead_w {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.emPage__billsWallet .emBk__bills .item .emhead_w .icon_img {
  width: 45px;
  height: 45px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.emPage__billsWallet .emBk__bills .item .emhead_w .icon_img .txt {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}
.emPage__billsWallet .emBk__bills .item .emhead_w .icon_img img {
  width: 45px;
  height: 45px;
  border-radius: 8px;
  object-fit: cover;
}
.emPage__billsWallet .emBk__bills .item .emhead_w .btn_default {
  min-width: 88px;
  height: 35px;
  border-radius: 8px;
  color: var(--color-white);
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.emPage__billsWallet .emBk__bills .item .emhead_w .btn_default.details {
  background-color: var(--color-snow);
}
.emPage__billsWallet .emBk__bills .item .embody_w {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.emPage__billsWallet .emBk__bills .item .embody_w .details_w h3 {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-secondary);
  margin-bottom: 3px;
}
.emPage__billsWallet .emBk__bills .item .embody_w .details_w span {
  font-size: 12px;
  color: var(--color-text);
  display: block;
}
.emPage__billsWallet .emBk__bills .item .embody_w .price p {
  margin: 0;
  font-size: 16px;
  color: var(--color-secondary);
}
.emPage__billsWallet .emBk__bills .item .embody_w .price p span {
  font-size: 12px;
  color: var(--color-text);
}

/**
 * ----------------------------------------
 * emPage__savingsWallet
 * ----------------------------------------
 */
.emPage__savingsWallet .emBK__save .ele {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--border-snow);
  border-radius: 8px;
  padding: 17px 18px;
  margin-bottom: 12px;
}
.emPage__savingsWallet .emBK__save .ele .item_progress {
  margin-right: 13px;
  height: 0;
}
.emPage__savingsWallet .emBK__save .ele .item_progress input {
  color: var(--color-secondary) !important;
  font-family: "CircularStd", sans-serif !important;
  font-weight: 500 !important;
  font-size: 11px !important;
  margin-top: 14px !important;
}
.emPage__savingsWallet .emBK__save .ele .txt h3 {
  font-size: 16px;
  color: var(--color-secondary);
  margin-bottom: 3px;
}
.emPage__savingsWallet .emBK__save .ele .txt span {
  display: block;
  font-size: 12px;
  color: var(--color-text);
}
.emPage__savingsWallet .emBK__save .ele .amount {
  font-size: 16px;
  color: var(--color-secondary);
}
.emPage__savingsWallet .emBK__save .ele .amount span {
  font-size: 12px;
  color: var(--color-text);
}

/**
 * ----------------------------------------
 * change_colorSearch
 * ----------------------------------------
 */
.change_colorSearch {
  padding-left: 20px;
  padding-right: 20px;
}
.change_colorSearch .input_SaerchDefault .form-control {
  background-color: var(--bg-snow) !important;
}

/**
 * ----------------------------------------
 * emCategories__learning
 * ----------------------------------------
 */
.emCategories__learning {
  padding-bottom: 25px;
}
.emCategories__learning .box__ele {
  border-radius: 8px;
  padding: 16px 20px 20px 20px;
  display: grid;
  justify-content: center;
  text-align: center;
  text-decoration: none !important;
}
.emCategories__learning .box__ele.business-color {
  background-color: rgba(255, 131, 59, 0.1);
}
.emCategories__learning .box__ele.design-color {
  background-color: rgba(245, 192, 46, 0.1);
}
.emCategories__learning .box__ele.lifestyle-color {
  background-color: rgba(249, 53, 66, 0.1);
}
.emCategories__learning .box__ele.music-color {
  background-color: rgba(37, 201, 152, 0.1);
}
.emCategories__learning .box__ele.marketing-color {
  background-color: rgba(74, 140, 253, 0.1);
}
.emCategories__learning .box__ele.health-color {
  background-color: rgba(105, 37, 224, 0.1);
}
.emCategories__learning .box__ele.commerce-color {
  background-color: rgba(170, 106, 33, 0.1);
}
.emCategories__learning .box__ele.software-color {
  background-color: rgba(28, 139, 54, 0.1);
}
.emCategories__learning .box__ele.offices-color {
  background-color: rgba(223, 7, 144, 0.1);
}
.emCategories__learning .box__ele .icon {
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--bg-white);
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
}
.emCategories__learning .box__ele .icon img {
  width: 22px;
  height: 22px;
}
.emCategories__learning .box__ele .txt h2 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 3px;
  color: var(--color-secondary);
}
.emCategories__learning .box__ele .txt p {
  margin: 0;
  font-size: 12px;
  color: var(--color-text);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.emCategories__learning .owl-dots {
  display: none;
}

/**
 * ----------------------------------------
 * emCoureses__grid
 * ----------------------------------------
 */
.emCoureses__grid .em_bodyCarousel {
  position: relative;
  overflow: hidden;
}
.emCoureses__grid .em_bodyCarousel .owl-stage-outer {
  overflow: inherit;
  margin-left: 20px;
}
.emCoureses__grid .em_bodyCarousel .em_itemCourse_grid {
  width: 210px;
}
.emCoureses__grid .em_bodyCarousel .em_itemCourse_grid .card {
  border: 1px solid var(--border-snow);
  text-decoration: none !important;
  border-radius: 8px;
  border-top: 0;
  background-color: var(--bg-white);
}
.emCoureses__grid .em_bodyCarousel .em_itemCourse_grid .card .cover_card {
  position: relative;
}
.emCoureses__grid .em_bodyCarousel .em_itemCourse_grid .card .icon_play {
  position: absolute;
  right: 20px;
  bottom: -18px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.emCoureses__grid .em_bodyCarousel .em_itemCourse_grid .card .icon_play i {
  font-size: 18px;
  color: #fff;
}
.emCoureses__grid .em_bodyCarousel .em_itemCourse_grid .card .card-img-top {
  height: 100px;
  object-fit: cover;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.emCoureses__grid .em_bodyCarousel .em_itemCourse_grid .card .card-body {
  padding: 20px;
  background-color: var(--bg-white);
  border-radius: 8px;
}
.emCoureses__grid .em_bodyCarousel .em_itemCourse_grid .card .card-body .head_card {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.emCoureses__grid .em_bodyCarousel .em_itemCourse_grid .card .card-body .head_card span {
  font-size: 12px;
  color: var(--color-text);
  display: inline-block;
}
.emCoureses__grid .em_bodyCarousel .em_itemCourse_grid .card .card-body .head_card span:last-child::before {
  content: "";
  border-radius: 50%;
  width: 3px;
  height: 3px;
  display: inline-block;
  margin: 0 5px;
  background-color: var(--color-snow);
}
.emCoureses__grid .em_bodyCarousel .em_itemCourse_grid .card .card-body .card-title {
  font-size: 14px;
  color: var(--color-secondary);
  font-weight: 500;
  margin: 0;
  margin-bottom: 10px;
  display: -webkit-box;
  height: 32px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.emCoureses__grid .em_bodyCarousel .em_itemCourse_grid .card .card-body .card-text {
  font-size: 12px;
  color: var(--color-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}
.emCoureses__grid .em_bodyCarousel .em_itemCourse_grid .card .card-body .card_user {
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.emCoureses__grid .em_bodyCarousel .em_itemCourse_grid .card .card-body .card_user svg {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.emCoureses__grid .em_bodyCarousel .em_itemCourse_grid .card .card-body .card_user svg path {
  stroke: var(--color-text);
}
.emCoureses__grid .em_bodyCarousel .em_itemCourse_grid .card .card-body .card_user span {
  font-size: 12px;
  color: var(--color-text);
}

.course__list {
  padding: 0 20px;
}
.course__list .em_itemCourse_grid.list {
  width: 100%;
  margin-bottom: 15px;
}
.course__list .em_itemCourse_grid.list .card {
  border: 1px solid var(--border-snow) !important;
}
.course__list .em_itemCourse_grid.list .card .cover_card .card-img-top {
  width: 100%;
  border-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 136px;
}
.course__list .em_itemCourse_grid.list .card .card-body {
  position: relative;
  padding: 15px;
}
.course__list .em_itemCourse_grid.list .card .card-body .icon_play {
  top: 15px;
  bottom: inherit;
  right: 15px;
}
.course__list .em_itemCourse_grid.list .card .card-body .itemCircle {
  position: absolute;
  height: 0;
  right: 15px;
  top: 15px;
}
.course__list .em_itemCourse_grid.list .card .card-body .itemCircle input {
  color: var(--color-secondary) !important;
  font-family: "CircularStd", sans-serif !important;
  font-weight: 500 !important;
  font-size: 11px !important;
  margin-top: 14px !important;
  margin-left: -31px !important;
}
.course__list .em_itemCourse_grid.list .card .card-body .card-title {
  height: inherit;
  white-space: nowrap;
  display: block;
  width: calc(100vw - 220px);
}
.course__list .em_itemCourse_grid.list .card .card-body .card_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
}
.course__list .em_itemCourse_grid.list .card .card-body .card_footer .card_user {
  margin-top: 0;
}

/**
 * ----------------------------------------
 * emPage__cgLearning
 * ----------------------------------------
 */
.emPage__cgLearning {
  padding-left: 20px;
  padding-right: 20px;
}
.emPage__cgLearning .group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.emPage__cgLearning .group .item {
  width: calc(100% / 3 - 10px);
}

/**
 * ----------------------------------------
 * embanner_SubCategories
 * ----------------------------------------
 */
.embanner_SubCategories .em_head .cover_course {
  position: relative;
}
.embanner_SubCategories .em_head .cover_course img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}
.embanner_SubCategories .em_head .cover_course .name_course {
  position: absolute;
  bottom: 30px;
  padding: 0 20px;
}
.embanner_SubCategories .em_head .cover_course .name_course h2 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 2px;
  color: var(--color-white);
}
.embanner_SubCategories .em_head .cover_course .name_course p {
  margin: 0;
  font-size: 13px;
  color: var(--color-snow);
}

/**
 * ----------------------------------------
 * em__subCategories_items
 * ----------------------------------------
 */
.em__subCategories_items .itemSub_cg {
  position: relative;
  padding: 10px 20px;
  border-radius: 8px;
  border: 1px solid var(--border-snow);
  display: flex;
  align-items: center;
  text-decoration: none !important;
  margin-bottom: 12px;
}
.em__subCategories_items .itemSub_cg::before {
  content: "\e9b3";
  font-family: "The-Icon-of" !important;
  position: absolute;
  right: 20px;
  font-size: 18px;
  color: var(--color-text);
}
.em__subCategories_items .itemSub_cg .icon {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 15px;
}
.em__subCategories_items .itemSub_cg .icon.business-color {
  background-color: rgba(255, 131, 59, 0.1);
}
.em__subCategories_items .itemSub_cg .icon.design-color {
  background-color: rgba(245, 192, 46, 0.1);
}
.em__subCategories_items .itemSub_cg .icon.lifestyle-color {
  background-color: rgba(249, 53, 66, 0.1);
}
.em__subCategories_items .itemSub_cg .icon.music-color {
  background-color: rgba(37, 201, 152, 0.1);
}
.em__subCategories_items .itemSub_cg .icon.marketing-color {
  background-color: rgba(74, 140, 253, 0.1);
}
.em__subCategories_items .itemSub_cg .icon.health-color {
  background-color: rgba(105, 37, 224, 0.1);
}
.em__subCategories_items .itemSub_cg .icon.commerce-color {
  background-color: rgba(170, 106, 33, 0.1);
}
.em__subCategories_items .itemSub_cg .icon.software-color {
  background-color: rgba(28, 139, 54, 0.1);
}
.em__subCategories_items .itemSub_cg .icon.offices-color {
  background-color: rgba(223, 7, 144, 0.1);
}
.em__subCategories_items .itemSub_cg .icon img {
  width: 22px;
  height: 22px;
}
.em__subCategories_items .itemSub_cg .txt h4 {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-secondary);
  margin-bottom: 3px;
}
.em__subCategories_items .itemSub_cg .txt p {
  font-size: 12px;
  margin: 0;
  color: var(--color-text);
}

/**
 * ----------------------------------------
 * emPage__detailsCourse
 * ----------------------------------------
 */
.emPage__detailsCourse .em__header {
  padding: 20px 20px 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.emPage__detailsCourse .em__header .user_publish {
  display: inline-flex;
  align-items: center;
}
.emPage__detailsCourse .em__header .user_publish i {
  font-size: 16px;
  color: var(--color-text);
}
.emPage__detailsCourse .em__header .user_publish svg {
  width: 16px;
  height: 16px;
}
.emPage__detailsCourse .em__header .user_publish svg path {
  stroke: var(--color-text);
}
.emPage__detailsCourse .em__header .user_publish span {
  display: inline-block;
  margin-left: 5px;
  font-size: 12px;
  color: var(--color-text);
}
.emPage__detailsCourse .em__body {
  padding: 0 20px;
}
.emPage__detailsCourse .em__body .title_course h1 {
  font-size: 20px;
  font-weight: 500;
  color: var(--color-secondary);
  margin: 0;
  margin-bottom: 10px;
}
.emPage__detailsCourse .em__body .title_course p {
  margin: 0;
  font-size: 14px;
  color: var(--color-text);
}
.emPage__detailsCourse .em__content .title {
  padding: 0 20px 18px 20px;
}
.emPage__detailsCourse .em__content .title h3 {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-secondary);
  margin: 0;
  margin-bottom: 3px;
}
.emPage__detailsCourse .em__content .title p {
  margin: 0;
  display: flex;
  align-items: center;
}
.emPage__detailsCourse .em__content .title p span {
  font-size: 12px;
  color: var(--color-text);
}
.emPage__detailsCourse .em__content .title p span:last-child::before {
  content: "";
  background-color: var(--color-snow);
  width: 3px;
  height: 3px;
  border-radius: 50%;
  margin: 0 5px;
  display: inline-block;
}
.emPage__detailsCourse .em__content .itemCourse {
  padding: 18px 20px;
  border-bottom: 1px solid var(--border-snow);
  text-decoration: none !important;
  display: block;
  width: 100%;
  text-align: left;
  background-color: var(--bg-white);
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.emPage__detailsCourse .em__content .itemCourse:hover {
  background-color: var(--bg-snow);
}
.emPage__detailsCourse .em__content .itemCourse .icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}
.emPage__detailsCourse .em__content .itemCourse .icon i {
  font-size: 18px;
  color: var(--color-white);
}
.emPage__detailsCourse .em__content .itemCourse .txt h3 {
  color: var(--color-secondary);
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  margin-bottom: 3px;
}
.emPage__detailsCourse .em__content .itemCourse .txt p {
  font-size: 12px;
  color: var(--color-text);
  margin: 0;
  margin-bottom: 3px;
}
.emPage__detailsCourse .em__content .itemCourse .txt .bk_progress {
  display: flex;
  align-items: center;
}
.emPage__detailsCourse .em__content .itemCourse .txt .bk_progress .progress {
  width: 100%;
}
.emPage__detailsCourse .em__content .itemCourse .txt .bk_progress span {
  font-size: 12px;
  color: var(--color-text);
  display: inline-block;
  margin-left: 8px;
}
.emPage__detailsCourse .em__requirements {
  padding: 30px 20px;
}
.emPage__detailsCourse .em__requirements .title {
  padding-bottom: 20px;
}
.emPage__detailsCourse .em__requirements .title h3 {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-secondary);
  margin: 0;
}
.emPage__detailsCourse .em__requirements .item_list {
  padding: 0;
  padding-left: 15px;
  margin: 0;
}
.emPage__detailsCourse .em__requirements .item_list li {
  font-size: 15px;
  color: var(--color-comment);
  padding-bottom: 18px;
}
.emPage__detailsCourse .em__requirements .item_list li:last-child {
  padding-bottom: 0;
}
.emPage__detailsCourse .em__certification {
  padding: 0 20px 20px 20px;
}
.emPage__detailsCourse .em__certification .box {
  padding: 20px;
  position: relative;
  background-color: rgba(37, 201, 152, 0.1);
  border-radius: 8px;
  overflow: hidden;
}
.emPage__detailsCourse .em__certification .box::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath id='Path_1820' data-name='Path 1820' d='M0,0H11a8,8,0,0,1,8,8V19Z' fill='%2325c998'/%3E%3C/svg%3E%0A");
  background-size: 19px;
  background-repeat: no-repeat;
  width: 19px;
  height: 19px;
}
.emPage__detailsCourse .em__certification .box .title h3 {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-secondary);
  margin: 0;
  padding-bottom: 8px;
}
.emPage__detailsCourse .em__certification .box .title p {
  margin: 0;
  font-size: 14px;
  color: var(--color-text);
}
.emPage__detailsCourse .em_footerinner {
  padding: 10px 20px;
  background-color: var(--bg-white);
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99;
}
.emPage__detailsCourse .em_footerinner .btn__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  border-radius: 8px;
  size: 15px;
  width: calc(100% / 2 - 12px);
}

.emPage___quiz .question_bk {
  border-bottom: 1px solid var(--border-snow);
  padding-bottom: 7px;
  padding-top: 25px;
}
.emPage___quiz .btn_default_lg {
  background-color: var(--bg-green);
}

/**
 * ----------------------------------------
 * emCategorie_itemJobs
 * ----------------------------------------
 */
.emCategories__jobs .em_bodyCarousel {
  position: relative;
  overflow: hidden;
}
.emCategories__jobs .em_bodyCarousel .owl-stage-outer {
  overflow: inherit;
  margin-left: 20px;
}

.emCategorie_itemJobs {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  text-decoration: none !important;
  padding: 20px 20px 30px 20px;
  display: grid;
  justify-content: center;
  text-align: center;
}
.emCategorie_itemJobs::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91.94' height='78.308' viewBox='0 0 91.94 78.308'%3E%3Cg id='Group_7914' data-name='Group 7914' transform='translate(467.393 -176.355) rotate(74)'%3E%3Crect id='Rectangle_3826' data-name='Rectangle 3826' width='54' height='54' rx='9' transform='translate(55.001 448)' fill='%23fff' opacity='0.12'/%3E%3Crect id='Rectangle_3827' data-name='Rectangle 3827' width='54' height='54' rx='9' transform='translate(73.001 427)' fill='%23fff' opacity='0.21'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  left: -20%;
  width: 72px;
  height: 72px;
  bottom: -28%;
  pointer-events: none;
}
.emCategorie_itemJobs .icon {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.15);
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
.emCategorie_itemJobs .icon svg {
  width: 20px;
  height: 20px;
}
.emCategorie_itemJobs .icon svg path {
  fill: var(#fff);
}
.emCategorie_itemJobs .txt h2 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 3px;
  color: var(--color-white);
}
.emCategorie_itemJobs .txt p {
  margin: 0;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.85);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.emCategorie_itemJobs.bg-purple {
  background-color: #b740fa;
}
.emCategorie_itemJobs.bg-turquoise {
  background-color: #2bd2f3;
}

/**
 * ----------------------------------------
 * em__itemList_jobs
 * ----------------------------------------
 */
.emContent_listJobs .em__itemList_jobs:last-child {
  margin-bottom: 0;
}

.em__itemList_jobs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--bg-white);
  border-radius: 8px;
  padding: 15px 20px;
  margin-bottom: 10px;
  text-decoration: none !important;
  width: 100%;
  text-align: left;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.02);
  -moz-box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.02);
  -o-box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.02);
  -ms-box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.02);
  box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.02);
}
.em__itemList_jobs .img_logo {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  margin-right: 15px;
}
.em__itemList_jobs .img_logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.em__itemList_jobs .txt h3 {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  color: var(--color-secondary);
  padding-bottom: 3px;
}
.em__itemList_jobs .txt p {
  font-size: 12px;
  color: var(--color-text);
  margin: 0;
}
.em__itemList_jobs .sideRight span {
  font-size: 12px;
  color: var(--color-snow);
}

/**
 * ----------------------------------------
 * emPage__jobsList
 * ----------------------------------------
 */
.emPage__jobsList .em_bkTags__items .group .btn:last-child {
  margin-right: 0;
}
.emPage__jobsList .em_bkTags__items .btn {
  padding: 10px 12px;
  border-radius: 6px;
  background-color: rgba(41, 46, 52, 0.04);
  color: var(--color-text);
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
}
.emPage__jobsList .em_bkTags__items .btn .remove_tag {
  position: relative;
  margin-left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.emPage__jobsList .em_bkTags__items .btn .remove_tag i {
  font-size: 16px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.emPage__jobsList .em_bkTags__items .btn .remove_tag::before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
}
.emPage__jobsList .em_bkTags__items .btn .remove_tag:hover i {
  color: var(--color-red);
}

/**
 * ----------------------------------------
 * emPage__CateJobs
 * ----------------------------------------
 */
.emPage__CateJobs.withOut_colorful ._list {
  background-color: var(--bg-white) !important;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.02);
  -moz-box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.02);
  -o-box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.02);
  -ms-box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.02);
  box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.02);
}
.emPage__CateJobs.withOut_colorful ._list::before {
  display: none;
}
.emPage__CateJobs.withOut_colorful ._list::after {
  color: var(--color-text);
}
.emPage__CateJobs.withOut_colorful ._list .txt h2 {
  color: var(--color-secondary);
}
.emPage__CateJobs.withOut_colorful ._list .txt p {
  color: var(--color-text);
}
.emPage__CateJobs.withOut_colorful ._list.bg-blue .icon {
  background-color: rgba(74, 140, 253, 0.1);
}
.emPage__CateJobs.withOut_colorful ._list.bg-blue .icon svg path {
  fill: var(--color-blue);
}
.emPage__CateJobs.withOut_colorful ._list.bg-orange .icon {
  background-color: rgba(255, 131, 59, 0.1);
}
.emPage__CateJobs.withOut_colorful ._list.bg-orange .icon svg path {
  fill: var(--color-orange);
}
.emPage__CateJobs.withOut_colorful ._list.bg-green .icon {
  background-color: rgba(37, 201, 152, 0.1);
}
.emPage__CateJobs.withOut_colorful ._list.bg-green .icon svg path {
  fill: var(--color-green);
}
.emPage__CateJobs.withOut_colorful ._list.bg-red .icon {
  background-color: rgba(249, 53, 66, 0.1);
}
.emPage__CateJobs.withOut_colorful ._list.bg-red .icon svg path {
  fill: var(--color-red);
}
.emPage__CateJobs.withOut_colorful ._list.bg-yellow .icon {
  background-color: rgba(245, 192, 46, 0.1);
}
.emPage__CateJobs.withOut_colorful ._list.bg-yellow .icon svg path {
  fill: var(--color-yellow);
}
.emPage__CateJobs.withOut_colorful ._list.bg-purple .icon {
  background-color: rgba(183, 64, 250, 0.1);
}
.emPage__CateJobs.withOut_colorful ._list.bg-purple .icon svg path {
  fill: #b740fa;
}
.emPage__CateJobs.withOut_colorful ._list.bg-turquoise .icon {
  background-color: rgba(43, 210, 243, 0.1);
}
.emPage__CateJobs.withOut_colorful ._list.bg-turquoise .icon svg path {
  fill: #2bd2f3;
}
.emPage__CateJobs ._list {
  display: flex;
  text-align: left;
  justify-content: flex-start;
  padding: 18px 20px;
  align-items: center;
  margin-bottom: 10px;
}
.emPage__CateJobs ._list .icon {
  margin: 0;
}
.emPage__CateJobs ._list .txt {
  margin-left: 15px;
}
.emPage__CateJobs ._list::after {
  content: "\e9b3";
  font-family: "The-Icon-of" !important;
  position: absolute;
  right: 20px;
  color: var(--color-white);
  font: 18px;
}
.emPage__CateJobs ._list::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='171.402' height='157.177' viewBox='0 0 171.402 157.177'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.985' y1='0.557' x2='0.119' y2='0.293' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0.212'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_7913' data-name='Group 7913' transform='translate(-215.398 -150.199)'%3E%3Cg id='Group_7731' data-name='Group 7731'%3E%3Crect id='Rectangle_3837' data-name='Rectangle 3837' width='132' height='23' transform='translate(247.199 291.112) rotate(-45)' fill='url(%23linear-gradient)'/%3E%3Crect id='Rectangle_3838' data-name='Rectangle 3838' width='132' height='23' transform='translate(277.199 281.537) rotate(-45)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3Cg id='Group_7732' data-name='Group 7732' transform='translate(-31.801 -38)'%3E%3Crect id='Rectangle_3837-2' data-name='Rectangle 3837' width='132' height='23' transform='translate(247.199 291.112) rotate(-45)' fill='url(%23linear-gradient)'/%3E%3Crect id='Rectangle_3838-2' data-name='Rectangle 3838' width='132' height='23' transform='translate(277.199 281.537) rotate(-45)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 100%;
  width: 170px;
  height: 157px;
  right: -60px;
  left: inherit;
  bottom: inherit;
  top: -90px;
}

/**
 * ----------------------------------------
 * emPage__detailsJobs
 * ----------------------------------------
 */
.emPage__detailsJobs .em__head {
  display: grid;
  justify-self: center;
  text-align: center;
}
.emPage__detailsJobs .em__head .img__brand img {
  border-radius: 8px;
  width: 60px;
  height: 60px;
  object-fit: cover;
}
.emPage__detailsJobs .em__head .txt_title {
  margin-top: 30px;
  margin-bottom: 25px;
  padding-left: 20px;
  padding-right: 20px;
}
.emPage__detailsJobs .em__head .txt_title h2 {
  font-size: 20px;
  font-weight: 500;
  color: var(--color-secondary);
  margin: 0;
  padding-bottom: 5px;
}
.emPage__detailsJobs .em__head .txt_title p {
  margin: 0;
  font-size: 15px;
  color: var(--color-text);
}
.emPage__detailsJobs .em__head .date_publish {
  border-bottom: 1px solid;
  border-top: 1px solid;
  border-image-source: linear-gradient(to right, #fff 0%, var(--border-snow) 20%, var(--border-snow) 80%, #fff 100%);
  border-image-slice: 1;
  padding: 18px 20px;
  margin-bottom: 25px;
}
.emPage__detailsJobs .em__head .date_publish p {
  font-size: 13px;
  color: var(--color-text);
  margin: 0;
}
.emPage__detailsJobs .em__head .date_publish p span {
  color: var(--color-comment);
}
.emPage__detailsJobs .em__head .other_info span {
  display: inline-block;
  margin: 0 20px;
}
.emPage__detailsJobs .em__head .other_info .type {
  font-size: 14px;
  color: var(--color-secondary);
  padding: 0 8px;
  border-radius: 8px;
  width: 105px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-snow);
}
.emPage__detailsJobs .em__head .other_info .price {
  font-size: 20px;
  font-weight: 700;
  color: var(--color-secondary);
}
.emPage__detailsJobs .em_body .content {
  padding: 0 20px;
}
.emPage__detailsJobs .em_body .content h3 {
  font-size: 20px;
  font-weight: 500;
  color: var(--color-secondary);
  margin: 0;
  padding-bottom: 25px;
  padding-top: 25px;
}
.emPage__detailsJobs .em_body .content .item_list {
  padding: 0;
  padding-left: 15px;
  margin: 0;
}
.emPage__detailsJobs .em_body .content .item_list li {
  font-size: 15px;
  color: var(--color-comment);
  padding-bottom: 18px;
}
.emPage__detailsJobs .em_body .content .item_list li:last-child {
  padding-bottom: 0;
}
.emPage__detailsJobs .em_body .content p {
  font-size: 15px;
  color: var(--color-comment);
}
.emPage__detailsJobs .em_body .content a {
  color: var(--color-blue);
}
.emPage__detailsJobs .em_footerinner {
  padding: 10px 20px;
  background-color: var(--bg-white);
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99;
}
.emPage__detailsJobs .em_footerinner .emfo_button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: env(safe-area-inset-bottom);
}
.emPage__detailsJobs .em_footerinner .emfo_button .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  border-radius: 8px;
  size: 15px;
  width: calc(100% / 2 - 12px);
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.emPage__detailsJobs .em_footerinner .emfo_button .btn_addCart.active {
  background-color: rgba(37, 201, 152, 0.07);
  border-color: transparent;
}
.emPage__detailsJobs .em_footerinner .emfo_button .btn_addCart.active .textCart {
  color: var(--color-green);
}
.emPage__detailsJobs .em_footerinner .emfo_button.__withIcon .btn {
  width: auto;
}
.emPage__detailsJobs .em_footerinner .emfo_button.__withIcon .btn_addCart {
  width: 130px;
  padding: 0;
  justify-content: end;
  padding-left: 12px;
}
.emPage__detailsJobs .em_footerinner .emfo_button.__withIcon .btn_addCart .textCart {
  margin-top: 2px;
}
.emPage__detailsJobs .em_footerinner .emfo_button.__withIcon .btn_addCart.active {
  background-color: transparent !important;
}
.emPage__detailsJobs .em_footerinner .emfo_button.__withIcon .btn_addCart.active .icon_current {
  position: relative;
}
.emPage__detailsJobs .em_footerinner .emfo_button.__withIcon .btn_addCart.active .icon_current::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg id='Iconly_Bold_Heart' data-name='Iconly/Bold/Heart' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='Heart' transform='translate(1.664 2.084)'%3E%3Cpath id='Heart-2' data-name='Heart' d='M8.361,15.833h0L8.145,15.7a31.8,31.8,0,0,1-5.308-4.134,10.827,10.827,0,0,1-2.51-4,6.453,6.453,0,0,1,.119-4.4A5.07,5.07,0,0,1,3.6.224,3.754,3.754,0,0,1,4.344.05h.1a4.754,4.754,0,0,1,.7-.05h.092A5.222,5.222,0,0,1,6.762.275h.049a.276.276,0,0,1,.075.049,2.813,2.813,0,0,1,.525.218l.317.141a2.189,2.189,0,0,1,.238.158c.048.035.089.065.121.084l.034.02a2.029,2.029,0,0,1,.216.138A5.186,5.186,0,0,1,11.508,0h.037a4.855,4.855,0,0,1,1.55.242,5.016,5.016,0,0,1,3.129,2.931,6.6,6.6,0,0,1,.129,4.394,10.651,10.651,0,0,1-2.507,4.008,32.167,32.167,0,0,1-5.276,4.133l-.208.125ZM12.45,2.6a.674.674,0,0,0-.631.452.683.683,0,0,0,.416.857,1.4,1.4,0,0,1,.892,1.309v.026a.717.717,0,0,0,.158.517A.7.7,0,0,0,13.761,6a.686.686,0,0,0,.658-.634v-.1a2.751,2.751,0,0,0-1.758-2.634A.65.65,0,0,0,12.45,2.6Z' transform='translate(0 0)' fill='%2325c998'/%3E%3C/g%3E%3C/svg%3E%0A");
  position: absolute;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-size: 20px;
  opacity: 1;
}
.emPage__detailsJobs .em_footerinner .emfo_button.__withIcon .btn_addCart.active .icon_current svg {
  opacity: 0;
}
.emPage__detailsJobs .em_footerinner .emfo_button.__withIcon .icon_current {
  position: relative;
  margin-right: 7px;
}
.emPage__detailsJobs .em_footerinner .emfo_button.__withIcon .icon_current::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg id='Iconly_Two-tone_Heart' data-name='Iconly/Two-tone/Heart' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='Heart' transform='translate(1.667 2.5)'%3E%3Cpath id='Path_33961' d='M8.124,14.878a30.408,30.408,0,0,1-5.282-3.907A9.935,9.935,0,0,1,.327,7.163,5.229,5.229,0,0,1,3.571.24,5.469,5.469,0,0,1,8.33,1h0A5.477,5.477,0,0,1,13.089.24,5.232,5.232,0,0,1,16.34,7.163a9.935,9.935,0,0,1-2.514,3.808,30.408,30.408,0,0,1-5.282,3.907L8.338,15Z' transform='translate(0 0)' fill='none' stroke='%23292e34' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3Cpath id='Path_33964' d='M0,0A2.345,2.345,0,0,1,1.681,2.018' transform='translate(11.613 3.378)' fill='none' stroke='%23292e34' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' opacity='0.4'/%3E%3C/g%3E%3C/svg%3E%0A");
  position: absolute;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-size: 20px;
  top: 3px;
  opacity: 0;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}
.emPage__detailsJobs .em_footerinner .emfo_button.__withIcon .icon_current svg {
  width: 20px;
  height: 20px;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}
.emPage__detailsJobs .em_footerinner .emfo_button.__withIcon .icon_current svg path {
  stroke: var(--color-secondary);
}
.emPage__detailsJobs .em_footerinner .emfo_button.__withIcon .icon_current i {
  font-size: 20px;
  color: var(--color-secondary);
}

/**
 * ----------------------------------------
 * mdllJobs_details
 * ----------------------------------------
 */
.mdllJobs_details .modal-content .modal-header .img_brand {
  margin-right: 20px;
}
.mdllJobs_details .modal-content .modal-header .img_brand img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 8px;
}
.mdllJobs_details .modal-content .modal-header .txt_info span {
  display: block;
  font-size: 12px;
  color: var(--color-text);
  padding-bottom: 3px;
}
.mdllJobs_details .modal-content .modal-header .txt_info h2 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  color: var(--color-secondary);
  padding-bottom: 3px;
}
.mdllJobs_details .modal-content .modal-header .txt_info p {
  margin: 0;
  font-size: 14px;
  color: var(--color-comment);
}
.mdllJobs_details .modal-content .emPage__detailsJobs .details__job {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 20px 0 20px;
}
.mdllJobs_details .modal-content .emPage__detailsJobs .details__job .item span {
  display: block;
  font-size: 13px;
  color: var(--color-text);
  padding-bottom: 4px;
}
.mdllJobs_details .modal-content .emPage__detailsJobs .details__job .item p {
  margin: 0;
  font-size: 16px;
  color: var(--color-secondary);
}
.mdllJobs_details .modal-content .em_footerinner {
  padding: 10px 20px;
  background-color: var(--bg-white);
  position: relative;
  bottom: 0;
  width: 100%;
  z-index: 99;
}
.mdllJobs_details .modal-content .em_footerinner .emfo_button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: env(safe-area-inset-bottom);
}
.mdllJobs_details .modal-content .em_footerinner .emfo_button .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  border-radius: 8px;
  size: 15px;
  width: calc(100% / 2 - 12px);
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.mdllJobs_details .modal-content .em_footerinner .emfo_button .btn_addCart.active {
  background-color: rgba(37, 201, 152, 0.07);
  border-color: transparent;
}
.mdllJobs_details .modal-content .em_footerinner .emfo_button .btn_addCart.active .textCart {
  color: var(--color-green);
}
.mdllJobs_details .modal-content .em_footerinner .emfo_button.__withIcon .btn {
  width: auto;
}
.mdllJobs_details .modal-content .em_footerinner .emfo_button.__withIcon .btn_addCart {
  width: 130px;
  padding: 0;
  justify-content: end;
  padding-left: 12px;
}
.mdllJobs_details .modal-content .em_footerinner .emfo_button.__withIcon .btn_addCart .textCart {
  margin-top: 2px;
}
.mdllJobs_details .modal-content .em_footerinner .emfo_button.__withIcon .btn_addCart.active {
  background-color: transparent !important;
}
.mdllJobs_details .modal-content .em_footerinner .emfo_button.__withIcon .btn_addCart.active .icon_current {
  position: relative;
}
.mdllJobs_details .modal-content .em_footerinner .emfo_button.__withIcon .btn_addCart.active .icon_current::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg id='Iconly_Bold_Heart' data-name='Iconly/Bold/Heart' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='Heart' transform='translate(1.664 2.084)'%3E%3Cpath id='Heart-2' data-name='Heart' d='M8.361,15.833h0L8.145,15.7a31.8,31.8,0,0,1-5.308-4.134,10.827,10.827,0,0,1-2.51-4,6.453,6.453,0,0,1,.119-4.4A5.07,5.07,0,0,1,3.6.224,3.754,3.754,0,0,1,4.344.05h.1a4.754,4.754,0,0,1,.7-.05h.092A5.222,5.222,0,0,1,6.762.275h.049a.276.276,0,0,1,.075.049,2.813,2.813,0,0,1,.525.218l.317.141a2.189,2.189,0,0,1,.238.158c.048.035.089.065.121.084l.034.02a2.029,2.029,0,0,1,.216.138A5.186,5.186,0,0,1,11.508,0h.037a4.855,4.855,0,0,1,1.55.242,5.016,5.016,0,0,1,3.129,2.931,6.6,6.6,0,0,1,.129,4.394,10.651,10.651,0,0,1-2.507,4.008,32.167,32.167,0,0,1-5.276,4.133l-.208.125ZM12.45,2.6a.674.674,0,0,0-.631.452.683.683,0,0,0,.416.857,1.4,1.4,0,0,1,.892,1.309v.026a.717.717,0,0,0,.158.517A.7.7,0,0,0,13.761,6a.686.686,0,0,0,.658-.634v-.1a2.751,2.751,0,0,0-1.758-2.634A.65.65,0,0,0,12.45,2.6Z' transform='translate(0 0)' fill='%2325c998'/%3E%3C/g%3E%3C/svg%3E%0A");
  position: absolute;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-size: 20px;
  opacity: 1;
}
.mdllJobs_details .modal-content .em_footerinner .emfo_button.__withIcon .btn_addCart.active .icon_current svg {
  opacity: 0;
}
.mdllJobs_details .modal-content .em_footerinner .emfo_button.__withIcon .icon_current {
  position: relative;
  margin-right: 7px;
}
.mdllJobs_details .modal-content .em_footerinner .emfo_button.__withIcon .icon_current::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg id='Iconly_Two-tone_Heart' data-name='Iconly/Two-tone/Heart' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='Heart' transform='translate(1.667 2.5)'%3E%3Cpath id='Path_33961' d='M8.124,14.878a30.408,30.408,0,0,1-5.282-3.907A9.935,9.935,0,0,1,.327,7.163,5.229,5.229,0,0,1,3.571.24,5.469,5.469,0,0,1,8.33,1h0A5.477,5.477,0,0,1,13.089.24,5.232,5.232,0,0,1,16.34,7.163a9.935,9.935,0,0,1-2.514,3.808,30.408,30.408,0,0,1-5.282,3.907L8.338,15Z' transform='translate(0 0)' fill='none' stroke='%23292e34' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3Cpath id='Path_33964' d='M0,0A2.345,2.345,0,0,1,1.681,2.018' transform='translate(11.613 3.378)' fill='none' stroke='%23292e34' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' opacity='0.4'/%3E%3C/g%3E%3C/svg%3E%0A");
  position: absolute;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-size: 20px;
  top: 3px;
  opacity: 0;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}
.mdllJobs_details .modal-content .em_footerinner .emfo_button.__withIcon .icon_current svg {
  width: 20px;
  height: 20px;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}
.mdllJobs_details .modal-content .em_footerinner .emfo_button.__withIcon .icon_current svg path {
  stroke: var(--color-secondary);
}
.mdllJobs_details .modal-content .em_footerinner .emfo_button.__withIcon .icon_current i {
  font-size: 20px;
  color: var(--color-secondary);
}

/*-----------------------------
  em_main_footer
-----------------------------*/
.em_main_footer {
  padding-top: 56px;
}
@supports (-webkit-touch-callout: none) {
  .em_main_footer {
    padding-top: 90px;
  }
}
.em_main_footer .em_body_navigation {
  background-color: var(--bg-white);
  min-height: 56px;
  position: fixed;
  width: 100%;
  bottom: -1px;
  left: 0;
  right: 0;
  z-index: 99;
  border-top: 1px solid var(--border-snow);
  display: flex;
  align-items: center;
  padding: 0 10px;
  padding-bottom: env(safe-area-inset-bottom);
}
@media (min-width: 768px) {
  .em_main_footer .em_body_navigation {
    min-height: 60px;
  }
}
.em_main_footer .em_body_navigation .item_link {
  width: calc(100% / 5);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 56px;
}
.em_main_footer .em_body_navigation .item_link .btn_navLink {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  padding: 0;
}
.em_main_footer .em_body_navigation .item_link .btn_navLink::after {
  content: "";
  background-color: var(--bg-secondary);
  width: 15px;
  height: 3.5px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  position: absolute;
  top: -1px;
  opacity: 0;
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .icon_active {
  display: none;
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .icon_active path {
  fill: var(--color-secondary);
}
.em_main_footer .em_body_navigation .item_link .btn_navLink svg {
  width: 24px;
  height: 24px;
}
.em_main_footer .em_body_navigation .item_link .btn_navLink svg path {
  stroke: var(--color-secondary);
}
.em_main_footer .em_body_navigation .item_link .btn_navLink i {
  font-size: 24px;
  color: var(--color-secondary);
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .img_profile {
  width: 30px;
  height: 30px;
  border: 1px solid var(--border-white);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .img_profile img {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 50%;
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .items_basket {
  min-width: 51px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  background-color: var(--bg-red);
  color: var(--color-white);
  font-size: 11px;
  border-radius: 4px;
  top: -16px;
  z-index: 10;
  bottom: env(safe-area-inset-bottom);
  -webkit-box-shadow: 0px 7px 20px 0px rgba(249, 53, 66, 0.2);
  -moz-box-shadow: 0px 7px 20px 0px rgba(249, 53, 66, 0.2);
  -o-box-shadow: 0px 7px 20px 0px rgba(249, 53, 66, 0.2);
  -ms-box-shadow: 0px 7px 20px 0px rgba(249, 53, 66, 0.2);
  box-shadow: 0px 7px 20px 0px rgba(249, 53, 66, 0.2);
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .items_basket::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='72' height='67' viewBox='0 0 72 67'%3E%3Cdefs%3E%3Cfilter id='Polygon_2' x='0' y='0' width='72' height='67' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='7' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='10' result='blur'/%3E%3CfeFlood flood-color='%23ff3f3f' flood-opacity='0.2'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='matrix(1, 0, 0, 1, 0, 0)' filter='url(%23Polygon_2)'%3E%3Cpath id='Polygon_2-2' data-name='Polygon 2' d='M5.241.886a1,1,0,0,1,1.519,0l3.826,4.463A1,1,0,0,1,9.826,7H2.174a1,1,0,0,1-.759-1.651Z' transform='translate(42 30) rotate(180)' fill='%23ff3f3f'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 50px;
  width: 50px;
  height: 26px;
  position: absolute;
  bottom: -9px;
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .items_basket_circle {
  position: absolute;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--bg-red);
  font-size: 11px;
  border: 2px solid var(--border-white);
  color: var(--color-white);
  top: 7px;
  margin-left: -5px;
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle {
  position: relative;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: var(--bg-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 63, 63, 0.3);
  border-radius: 50%;
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle::after {
  content: "";
  position: absolute;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(255, 63, 63, 0.1);
  border-radius: 50%;
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle i {
  font-size: 17px;
  color: var(--color-white);
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle svg {
  width: 17px;
  height: 17px;
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle svg path {
  stroke: var(--color-white);
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle.bg-white {
  background-color: var(--color-white);
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle.bg-white::before {
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle.bg-white::after {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle.bg-white i {
  font-size: 17px;
  color: var(--color-secondary);
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle.bg-white svg {
  width: 17px;
  height: 17px;
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle.bg-white svg path {
  stroke: var(--color-secondary);
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle_default {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--bg-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle_default i {
  font-size: 21px;
  color: var(--color-white);
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle_default svg {
  width: 21px;
  height: 21px;
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle_default svg path {
  stroke: var(--color-white);
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle_default._lg {
  width: 60px;
  height: 60px;
  margin-top: -22px;
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle_default._lg i {
  font-size: 26px;
  color: var(--color-white);
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle_default._lg svg {
  width: 26px;
  height: 26px;
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle_default._lg svg path {
  stroke: var(--color-white);
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle_default.bg-white {
  background-color: var(--color-white);
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle_default.bg-white::before {
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle_default.bg-white::after {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle_default.bg-white i {
  font-size: 17px;
  color: var(--color-secondary);
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle_default.bg-white svg {
  width: 17px;
  height: 17px;
}
.em_main_footer .em_body_navigation .item_link .btn_navLink .btnCircle_default.bg-white svg path {
  stroke: var(--color-secondary);
}
.em_main_footer .em_body_navigation .item_link .btn_navLink.btn_profile.active::after {
  opacity: 0;
}
.em_main_footer .em_body_navigation .item_link .btn_navLink.active::after {
  opacity: 1;
}
.em_main_footer .em_body_navigation .item_link .btn_navLink.active .icon_current {
  display: none;
}
.em_main_footer .em_body_navigation .item_link .btn_navLink.active .icon_active {
  display: block;
}
.em_main_footer .em_body_navigation .item_link .btn_navLink.active .img_profile {
  border: 1px solid var(--border-snow);
}
.em_main_footer .em_body_navigation .item_link .btn_navLink.active .img_profile img {
  width: 20px;
  height: 20px;
}
.em_main_footer.with__text .em_body_navigation {
  min-height: 60px;
}
.em_main_footer.with__text .em_body_navigation .item_link {
  height: 60px;
}
.em_main_footer.with__text .em_body_navigation .item_link .btn_navLink {
  display: grid;
}
.em_main_footer.with__text .em_body_navigation .item_link .btn_navLink .items_basket_circle {
  top: 10px;
  margin-left: 2px;
}
.em_main_footer.with__text .em_body_navigation .item_link .btn_navLink .txt__tile {
  font-size: 11px;
  font-weight: 400;
  display: block;
  padding-top: 3px;
  color: var(--color-secondary);
}
.em_main_footer.with__text .em_body_navigation .item_link .btn_navLink::after {
  margin-left: 12px;
  top: -1px;
}
.em_main_footer.with__text .em_body_navigation.-active_primary .item_link .btn_navLink.active .txt__tile {
  color: var(--color-primary);
}
.em_main_footer.with__text .em_body_navigation.-active_primary .item_link .btn_navLink.active svg path {
  fill: var(--color-primary);
  stroke: var(--color-primary);
}
.em_main_footer.with__text .em_body_navigation.-active_primary .item_link .btn_navLink::after {
  background-color: var(--bg-primary);
}
.em_main_footer.rounded .em_body_navigation {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.em_main_footer.just_color .em_body_navigation .item_link .btn_navLink::after {
  display: none;
}
.em_main_footer .em_body_navigation.bg-blue {
  background-color: var(--bg-blue) !important;
}
.em_main_footer .em_body_navigation.bg-green {
  background-color: var(--bg-green) !important;
}
.em_main_footer .em_body_navigation.bg-yellow {
  background-color: var(--bg-yellow) !important;
}
.em_main_footer .em_body_navigation.bg-orange {
  background-color: var(--bg-orange) !important;
}
.em_main_footer .em_body_navigation.bg-black {
  background-color: var(--bg-black) !important;
}
.em_main_footer .em_body_navigation.bg-primary, .em_main_footer .em_body_navigation.bg-secondary, .em_main_footer .em_body_navigation.bg-blue, .em_main_footer .em_body_navigation.bg-orange, .em_main_footer .em_body_navigation.bg-yellow, .em_main_footer .em_body_navigation.bg-green, .em_main_footer .em_body_navigation.bg-black {
  border-top: 0;
}
.em_main_footer .em_body_navigation.bg-primary .item_link .btn_navLink .items_basket_circle, .em_main_footer .em_body_navigation.bg-secondary .item_link .btn_navLink .items_basket_circle, .em_main_footer .em_body_navigation.bg-blue .item_link .btn_navLink .items_basket_circle, .em_main_footer .em_body_navigation.bg-orange .item_link .btn_navLink .items_basket_circle, .em_main_footer .em_body_navigation.bg-yellow .item_link .btn_navLink .items_basket_circle, .em_main_footer .em_body_navigation.bg-green .item_link .btn_navLink .items_basket_circle, .em_main_footer .em_body_navigation.bg-black .item_link .btn_navLink .items_basket_circle {
  background-color: var(--color-white);
  color: var(--color-secondary);
}
.em_main_footer .em_body_navigation.bg-primary .item_link .btn_navLink .txt__tile, .em_main_footer .em_body_navigation.bg-secondary .item_link .btn_navLink .txt__tile, .em_main_footer .em_body_navigation.bg-blue .item_link .btn_navLink .txt__tile, .em_main_footer .em_body_navigation.bg-orange .item_link .btn_navLink .txt__tile, .em_main_footer .em_body_navigation.bg-yellow .item_link .btn_navLink .txt__tile, .em_main_footer .em_body_navigation.bg-green .item_link .btn_navLink .txt__tile, .em_main_footer .em_body_navigation.bg-black .item_link .btn_navLink .txt__tile {
  color: var(--color-white);
}
.em_main_footer .em_body_navigation.bg-primary .item_link .btn_navLink .icon_current svg path,
.em_main_footer .em_body_navigation.bg-primary .item_link .btn_navLink .icon_current svg circle, .em_main_footer .em_body_navigation.bg-secondary .item_link .btn_navLink .icon_current svg path,
.em_main_footer .em_body_navigation.bg-secondary .item_link .btn_navLink .icon_current svg circle, .em_main_footer .em_body_navigation.bg-blue .item_link .btn_navLink .icon_current svg path,
.em_main_footer .em_body_navigation.bg-blue .item_link .btn_navLink .icon_current svg circle, .em_main_footer .em_body_navigation.bg-orange .item_link .btn_navLink .icon_current svg path,
.em_main_footer .em_body_navigation.bg-orange .item_link .btn_navLink .icon_current svg circle, .em_main_footer .em_body_navigation.bg-yellow .item_link .btn_navLink .icon_current svg path,
.em_main_footer .em_body_navigation.bg-yellow .item_link .btn_navLink .icon_current svg circle, .em_main_footer .em_body_navigation.bg-green .item_link .btn_navLink .icon_current svg path,
.em_main_footer .em_body_navigation.bg-green .item_link .btn_navLink .icon_current svg circle, .em_main_footer .em_body_navigation.bg-black .item_link .btn_navLink .icon_current svg path,
.em_main_footer .em_body_navigation.bg-black .item_link .btn_navLink .icon_current svg circle {
  stroke: var(--color-white);
}
.em_main_footer .em_body_navigation.bg-primary .item_link .btn_navLink .icon_active svg path,
.em_main_footer .em_body_navigation.bg-primary .item_link .btn_navLink .icon_active svg circle, .em_main_footer .em_body_navigation.bg-secondary .item_link .btn_navLink .icon_active svg path,
.em_main_footer .em_body_navigation.bg-secondary .item_link .btn_navLink .icon_active svg circle, .em_main_footer .em_body_navigation.bg-blue .item_link .btn_navLink .icon_active svg path,
.em_main_footer .em_body_navigation.bg-blue .item_link .btn_navLink .icon_active svg circle, .em_main_footer .em_body_navigation.bg-orange .item_link .btn_navLink .icon_active svg path,
.em_main_footer .em_body_navigation.bg-orange .item_link .btn_navLink .icon_active svg circle, .em_main_footer .em_body_navigation.bg-yellow .item_link .btn_navLink .icon_active svg path,
.em_main_footer .em_body_navigation.bg-yellow .item_link .btn_navLink .icon_active svg circle, .em_main_footer .em_body_navigation.bg-green .item_link .btn_navLink .icon_active svg path,
.em_main_footer .em_body_navigation.bg-green .item_link .btn_navLink .icon_active svg circle, .em_main_footer .em_body_navigation.bg-black .item_link .btn_navLink .icon_active svg path,
.em_main_footer .em_body_navigation.bg-black .item_link .btn_navLink .icon_active svg circle {
  fill: var(--color-white);
  stroke: var(--color-white);
}
.em_main_footer .em_body_navigation.bg-primary .item_link .btn_navLink i, .em_main_footer .em_body_navigation.bg-secondary .item_link .btn_navLink i, .em_main_footer .em_body_navigation.bg-blue .item_link .btn_navLink i, .em_main_footer .em_body_navigation.bg-orange .item_link .btn_navLink i, .em_main_footer .em_body_navigation.bg-yellow .item_link .btn_navLink i, .em_main_footer .em_body_navigation.bg-green .item_link .btn_navLink i, .em_main_footer .em_body_navigation.bg-black .item_link .btn_navLink i {
  color: var(--color-white);
}
.em_main_footer .em_body_navigation.bg-primary .item_link .btn_navLink::after, .em_main_footer .em_body_navigation.bg-secondary .item_link .btn_navLink::after, .em_main_footer .em_body_navigation.bg-blue .item_link .btn_navLink::after, .em_main_footer .em_body_navigation.bg-orange .item_link .btn_navLink::after, .em_main_footer .em_body_navigation.bg-yellow .item_link .btn_navLink::after, .em_main_footer .em_body_navigation.bg-green .item_link .btn_navLink::after, .em_main_footer .em_body_navigation.bg-black .item_link .btn_navLink::after {
  background-color: var(--color-white);
}

/*-----------------------------
  em_simple_footer
-----------------------------*/
.em_simple_footer .brand_sm svg,
.em_simple_footer .brand_sm img {
  width: 105px;
}
.em_simple_footer .itemNetworks {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
}
@supports (-webkit-touch-callout: none) {
  .em_simple_footer .itemNetworks {
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
  }
  .em_simple_footer .itemNetworks .btn {
    margin: 0 6px;
  }
}

/* ============
pages
============== */
/*
CircularStd @font-face kit
*/
@font-face {
  font-family: "CircularStd";
  src: url("../fonts/text-font/CircularStd-Black.eot");
  src: url("../fonts/text-font/CircularStd-Blackd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/text-font/CircularStd-Black.woff") format("woff"), url("../fonts/text-font/CircularStd-Black.ttf") format("truetype"), url("../fonts/text-font/CircularStd-Black.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "CircularStd";
  src: url("../fonts/text-font/CircularStd-BlackItalic.eot");
  src: url("../fonts/text-font/CircularStd-BlackItalicd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/text-font/CircularStd-BlackItalic.woff") format("woff"), url("../fonts/text-font/CircularStd-BlackItalic.ttf") format("truetype"), url("../fonts/text-font/CircularStd-BlackItalic.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "CircularStd";
  src: url("../fonts/text-font/CircularStd-Bold.eot");
  src: url("../fonts/text-font/CircularStd-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/text-font/CircularStd-Bold.woff") format("woff"), url("../fonts/text-font/CircularStd-Bold.ttf") format("truetype"), url("../fonts/text-font/CircularStd-Bold.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "CircularStd";
  src: url("../fonts/text-font/CircularStd-BoldItalic.eot");
  src: url("../fonts/text-font/CircularStd-BoldItalicd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/text-font/CircularStd-BoldItalic.woff") format("woff"), url("../fonts/text-font/CircularStd-BoldItalic.ttf") format("truetype"), url("../fonts/text-font/CircularStd-BoldItalic.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "CircularStd";
  src: url("../fonts/text-font/CircularStd-Medium.eot");
  src: url("../fonts/text-font/CircularStd-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/text-font/CircularStd-Medium.woff") format("woff"), url("../fonts/text-font/CircularStd-Medium.ttf") format("truetype"), url("../fonts/text-font/CircularStd-Medium.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "CircularStd";
  src: url("../fonts/text-font/CircularStd-MediumItalic.eot");
  src: url("../fonts/text-font/CircularStd-MediumItalicd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/text-font/CircularStd-MediumItalic.woff") format("woff"), url("../fonts/text-font/CircularStd-MediumItalic.ttf") format("truetype"), url("../fonts/text-font/CircularStd-MediumItalic.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "CircularStd";
  src: url("../fonts/text-font/CircularStd-Book.eot");
  src: url("../fonts/text-font/CircularStd-Bookd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/text-font/CircularStd-Book.woff") format("woff"), url("../fonts/text-font/CircularStd-Book.ttf") format("truetype"), url("../fonts/text-font/CircularStd-Book.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "CircularStd";
  src: url("../fonts/text-font/CircularStd-BookItalic.eot");
  src: url("../fonts/text-font/CircularStd-BookItalicd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/text-font/CircularStd-BookItalic.woff") format("woff"), url("../fonts/text-font/CircularStd-BookItalic.ttf") format("truetype"), url("../fonts/text-font/CircularStd-BookItalic.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
  font-weight: 400;
  font-style: italic;
}
body {
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--bg-white);
  min-height: 100vh;
  font-family: "CircularStd", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-secondary);
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
  -o-transition: 0.2s all;
  -ms-transition: 0.2s all;
  transition: 0.2s all;
  -ms-overflow-style: none;
  scrollbar-width: none;
  /* Firefox */
}
body::-webkit-scrollbar {
  display: none;
}

#wrapper,
#content {
  width: 100%;
  height: 100%;
}

button,
input,
textarea {
  outline: 0 !important;
  box-shadow: none !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;
}

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-secondary);
  color: var(--color-white);
}

i {
  display: inline-block;
}

/*-----------------------------
  swiper
-----------------------------*/
.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/*-----------------------------
  Edn. Swiper
-----------------------------*/
.em_toggle .btn-toggle {
  position: relative;
  width: 34px;
  height: 23px;
  border-radius: 50px;
  border: 0;
  background-color: #e9eaec;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.em_toggle .btn-toggle .handle {
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--bg-white);
  top: 4px;
  left: 5px;
  -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);
  -webkit-transition: left 0.25s;
  -moz-transition: left 0.25s;
  -o-transition: left 0.25s;
  -ms-transition: left 0.25s;
  transition: left 0.25s;
}
.em_toggle .btn-toggle.active {
  background-color: var(--bg-green);
}
.em_toggle .btn-toggle.active > .handle {
  left: 15px;
  background-color: #fff;
}
.em_toggle .btn-toggle.toggle_md {
  width: 39px;
  height: 26px;
}
.em_toggle .btn-toggle.toggle_md .handle {
  top: 5px;
  height: 16px;
  width: 16px;
}
.em_toggle .btn-toggle.toggle_md.active > .handle {
  left: 18px;
}
.em_toggle .btn-toggle.toggle_lg {
  width: 48px;
  height: 30px;
}
.em_toggle .btn-toggle.toggle_lg .handle {
  top: 4px;
  width: 22px;
  height: 22px;
}
.em_toggle .btn-toggle.toggle_lg.active > .handle {
  left: 21px;
}

.dividar {
  border-bottom: 1px solid var(--border-snow);
}

/*-----------------------------
  em_loading
-----------------------------*/
.em_loading {
  position: fixed !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-white);
  z-index: 9999;
}

.spinner_flash {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: var(--bg-secondary);
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  -moz-animation: sk-scaleout 1s infinite ease-in-out;
  -o-animation: sk-scaleout 1s infinite ease-in-out;
  -ms-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@-moz-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
.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;
  left: 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;
  left: 5px;
  top: 4px;
}

.btn__back {
  width: 37px !important;
  height: 37px !important;
  border-radius: 50%;
  padding: 0;
  background-color: var(--bg-snow);
  display: inline-flex;
  align-items: center;
  justify-content: center !important;
}
.btn__back i {
  font-size: 19px !important;
  color: var(--color-secondary);
}
.btn__back svg {
  width: 18px !important;
  height: 18px !important;
}
.btn__back svg path {
  stroke: var(--color-secondary);
}

.form-group {
  margin-bottom: 18px;
}
.form-group label {
  font-size: 14px;
  margin-bottom: 6px;
  color: var(--color-secondary);
}
.form-group .form-control {
  height: 52px;
  border-radius: 8px;
  width: 100%;
  background-color: var(--bg-snow);
  border: 1px solid transparent;
  padding-left: 20px;
  font-size: 16px;
  color: var(--color-secondary);
  box-shadow: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.form-group .form-control::placeholder {
  font-size: 13px;
  color: var(--color-snow);
  font-weight: 400;
}
.form-group .form-control:-moz-placeholder {
  font-size: 13px;
  color: var(--color-snow);
  font-weight: 400;
}
.form-group .form-control:-ms-input-placeholder {
  font-size: 13px;
  color: var(--color-snow);
  font-weight: 400;
}
.form-group .form-control::-webkit-input-placeholder {
  font-size: 13px;
  color: var(--color-snow);
  font-weight: 400;
}
.form-group .form-control:hover, .form-group .form-control:focus, .form-group .form-control:valid {
  background-color: var(--bg-white);
  border-color: var(--border-snow);
}
.form-group .form-control.is-invalid {
  border-color: rgba(249, 53, 66, 0.3);
  background-color: var(--bg-white);
  background-size: 21px;
  background-position: right calc(52px - 35px) center;
  background-image: url("data:image/svg+xml,%3Csvg id='Iconly_Two-tone_Info_Circle' data-name='Iconly/Two-tone/Info Circle' xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cg id='Info_Circle' data-name='Info Circle' transform='translate(2.521 2.521)'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M8.479,0A8.479,8.479,0,1,1,0,8.479,8.479,8.479,0,0,1,8.479,0Z' transform='translate(0 0)' fill='none' stroke='%23ff3f3f' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3Cpath id='Stroke_3' data-name='Stroke 3' d='M.5,0V4.051' transform='translate(7.975 5)' fill='none' stroke='%23ff3f3f' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' opacity='0.4'/%3E%3Cpath id='Stroke_5' data-name='Stroke 5' d='M.5.5H.5' transform='translate(7.98 11.459)' fill='none' stroke='%23ff3f3f' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' opacity='0.4'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.form-group .form-control.is-invalid ~ .icon_password {
  opacity: 0;
  pointer-events: none;
}
.form-group .form-control.is-valid {
  border-color: rgba(37, 201, 152, 0.3);
  background-color: var(--bg-white);
  background-size: 21px;
  background-position: right calc(52px - 35px) center;
  background-image: url("data:image/svg+xml,%3Csvg id='Iconly_Two-tone_Tick_Square' data-name='Iconly/Two-tone/Tick Square' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Tick_Square' data-name='Tick Square' transform='translate(2 2)'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M13.584,0H4.915C1.894,0,0,2.139,0,5.166v8.168C0,16.361,1.885,18.5,4.915,18.5h8.668c3.031,0,4.917-2.139,4.917-5.166V5.166C18.5,2.139,16.614,0,13.584,0Z' transform='translate(0.75 0.75)' fill='none' stroke='%2325c998' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3Cpath id='Stroke_3' data-name='Stroke 3' d='M0,2.373,2.374,4.746,7.12,0' transform='translate(6.44 7.627)' fill='none' stroke='%2325c998' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' opacity='0.4'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.form-group .form-control.is-valid ~ .icon_password {
  opacity: 0;
  pointer-events: none;
}
.form-group .custom-select {
  background-image: url("data:image/svg+xml,%3Csvg id='ico_24_arrows_chevron_down' data-name='ico / 24 / arrows / chevron_down' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_color' data-name='Icon color' d='M5.6,5.59a.625.625,0,0,1-.442.183H4.84A.642.642,0,0,1,4.4,5.59L.123,1.307a.417.417,0,0,1,0-.592L.715.123a.408.408,0,0,1,.583,0L5,3.832,8.7.123a.417.417,0,0,1,.592,0l.583.592a.417.417,0,0,1,0,.592Z' transform='translate(5.002 7.56)' fill='%237e848e'/%3E%3C/svg%3E%0A") !important;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  background-position-x: calc(100% - 16px);
  background-repeat: no-repeat;
  background-size: 20px;
  display: flex;
  align-items: center;
  width: 100%;
}
.form-group .custom-select.is-invalid {
  border-color: rgba(249, 53, 66, 0.3);
  background-color: var(--bg-white);
}
.form-group textarea {
  height: auto !important;
  padding-top: 15px;
}
.form-group textarea::-webkit-resizer {
  display: none;
}
.form-group.with_icon .input_group {
  position: relative;
  display: flex;
  align-items: center;
}
.form-group.with_icon .input_group .icon {
  position: absolute;
  left: 18px;
}
.form-group.with_icon .input_group .icon svg {
  width: 22px;
  height: 22px;
}
.form-group.with_icon .input_group .icon svg path,
.form-group.with_icon .input_group .icon svg circle {
  stroke: var(--color-text);
}
.form-group.with_icon .input_group .icon i {
  font-size: 20px;
  color: var(--color-text);
}
.form-group.with_icon .input_group .form-control {
  padding-left: 50px;
}
.form-group .input_group {
  position: relative;
  display: flex;
  align-items: center;
}
.form-group .input_group .icon_password {
  position: absolute;
  right: 18px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
}
.form-group .input_group .icon_password i {
  font-size: 20px;
  color: var(--color-text);
}
.form-group .invalid-feedback {
  font-size: 12px;
  color: var(--color-red);
  display: block;
  margin-top: 5px;
}
.form-group.input-lined {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 20px;
}
.form-group.input-lined label {
  font-size: 12px;
  margin-bottom: 0;
  line-height: 5px;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.form-group.input-lined .form-control {
  padding-left: 0;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--border-snow);
  background-color: transparent;
  height: 45px;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.form-group.input-lined .form-control:focus {
  border-bottom-color: var(--border-blue);
}
.form-group.input-lined .form-control:focus + label {
  color: var(--color-blue) !important;
}
.form-group.input-lined .form-control::placeholder {
  font-size: 16px;
}
.form-group.input-lined .form-control:-moz-placeholder {
  font-size: 16px;
}
.form-group.input-lined .form-control:-ms-input-placeholder {
  font-size: 16px;
}
.form-group.input-lined .form-control::-webkit-input-placeholder {
  font-size: 16px;
}
.form-group.input-lined .form-control.is-valid {
  border-bottom-color: rgba(37, 201, 152, 0.3);
  background-color: transparent;
}
.form-group.input-lined .form-control.is-invalid {
  border-bottom-color: rgba(249, 53, 66, 0.3);
  background-color: transparent;
}
.form-group.input-lined .additional_txt {
  font-size: 12px;
  color: var(--color-text);
  margin-top: 5px;
}
.form-group.input-lined .group_additional {
  display: flex;
  flex-direction: column-reverse;
}
.form-group.input-lined .custom-select {
  background-position-x: calc(100% - 3px);
}
.form-group.inputDefault-animated .group_anime {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.form-group.inputDefault-animated .group_anime label {
  position: absolute;
  z-index: 1;
  left: 20px;
  margin: 0;
  background-color: transparent;
  color: var(--color-text);
  padding: 0;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.form-group.inputDefault-animated .group_anime .form-control:focus ~ label, .form-group.inputDefault-animated .group_anime .form-control:valid ~ label {
  -webkit-transform: scale(0.85) translateY(-30px);
  -moz-transform: scale(0.85) translateY(-30px);
  -o-transform: scale(0.85) translateY(-30px);
  -ms-transform: scale(0.85) translateY(-30px);
  transform: scale(0.85) translateY(-30px);
  background-color: var(--bg-white);
  padding: 2px 6px;
  left: 10px;
}
.form-group.inputDefault-animated .group_anime .form-control:focus.is-valid ~ label, .form-group.inputDefault-animated .group_anime .form-control:valid.is-valid ~ label {
  color: var(--color-green);
}
.form-group.inputDefault-animated .group_anime .form-control:focus.is-invalid ~ label, .form-group.inputDefault-animated .group_anime .form-control:valid.is-invalid ~ label {
  color: var(--color-red);
}
.form-group.inputDefault-animated .group_anime .form-control::placeholder {
  opacity: 0;
}
.form-group.inputDefault-animated .group_anime .form-control:-moz-placeholder {
  opacity: 0;
}
.form-group.inputDefault-animated .group_anime .form-control:-ms-input-placeholder {
  opacity: 0;
}
.form-group.inputDefault-animated .group_anime .form-control::-webkit-input-placeholder {
  opacity: 0;
}

a.bg-primary,
.btn.bg-primary {
  background-color: var(--bg-primary) !important;
}
a.bg-primary:hover, a.bg-primary:focus,
.btn.bg-primary:hover,
.btn.bg-primary:focus {
  background-color: var(--bg-primary) !important;
  color: var(--color-white);
}

.custom-control.custom-checkbox .custom-control-input {
  width: 20px;
  height: 20px;
}
.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  box-shadow: none !important;
  border-color: var(--bg-red);
  background-color: var(--border-red);
}
.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.296' height='13.674' viewBox='0 0 18.296 13.674'%3E%3Cpath id='Icon_color' data-name='Icon color' d='M16.848,1.564l-10.6,10.6a.5.5,0,0,1-.71,0L.148,6.774a.5.5,0,0,1,0-.71l.7-.7a.5.5,0,0,1,.71,0l4.33,4.33,9.55-9.55a.51.51,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z' transform='translate(0.65 0.713)' fill='%23fff' stroke='%23fff' stroke-miterlimit='10' stroke-width='1.3'/%3E%3C/svg%3E%0A");
}
.custom-control.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none !important;
  border-color: var(--border-red);
}
.custom-control.custom-checkbox .custom-control-label span {
  display: inline-block;
  margin-left: 6px;
  color: var(--color-secondary);
}
.custom-control.custom-checkbox .custom-control-label::before {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid var(--border-snow);
  top: 0;
  background-color: var(--bg-white);
}
.custom-control.custom-checkbox .custom-control-label::after {
  width: 20px;
  height: 20px;
  top: 0;
}
.custom-control.custom-radio .custom-control-input {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  box-shadow: none !important;
  border-color: var(--bg-red);
  background-color: var(--border-red);
}
.custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  width: 7px;
  height: 7px;
  background-color: #fff;
  border-radius: 50%;
}
.custom-control.custom-radio .custom-control-label span {
  display: inline-block;
  margin-left: 6px;
  color: var(--color-secondary);
}
.custom-control.custom-radio .custom-control-label::before {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid var(--border-snow);
  top: 0;
  background-color: var(--bg-white);
}
.custom-control.custom-radio .custom-control-label::after {
  width: 20px;
  height: 20px;
  top: 0.42rem;
  left: -1.1rem;
}

.btn__icon {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  position: relative;
}
.btn__icon .icon svg {
  width: 20px;
  height: 20px;
}
.btn__icon .icon svg path {
  stroke: var(--color-white);
}

svg path.name {
  fill: var(--bg-secondary);
}

.input_SaerchDefault {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.input_SaerchDefault .form-control.h-48 {
  height: 48px !important;
}
.input_SaerchDefault .icon svg {
  width: 20px !important;
  height: 20px !important;
}
.input_SaerchDefault .side_voice {
  border-left: 1px solid var(--border-snow);
  right: 6px;
  position: absolute;
  padding-left: 4px;
}
.input_SaerchDefault .side_voice .btn_voice {
  width: 40px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background-color: transparent;
}
.input_SaerchDefault .side_voice .btn_voice svg {
  width: 22px;
  height: 22px;
}
.input_SaerchDefault .side_voice .btn_voice svg path {
  stroke: var(--color-text);
}

.spinner_loading {
  text-align: center;
  margin-bottom: 10px;
}

.spinner_loading > div {
  width: 7px;
  height: 7px;
  background-color: var(--color-snow);
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner_loading .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner_loading .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

.env-pb {
  padding-bottom: env(safe-area-inset-bottom);
}

.env-pt {
  padding-top: env(safe-area-inset-top);
}

.env-pr {
  padding-right: env(safe-area-inset-right);
}

.env-pl {
  padding-left: env(safe-area-inset-left);
}

@supports (-webkit-touch-callout: none) {
  .ios-env-pb {
    padding-bottom: env(safe-area-inset-bottom);
  }
}

@supports (-webkit-touch-callout: none) {
  .ios-env-pt {
    padding-top: env(safe-area-inset-top);
  }
}

@supports (-webkit-touch-callout: none) {
  .ios-env-pr {
    padding-right: env(safe-area-inset-right);
  }
}

@supports (-webkit-touch-callout: none) {
  .ios-env-pl {
    padding-left: env(safe-area-inset-left);
  }
}

.btn_default_lg {
  width: 100%;
  height: 55px;
  border-radius: 8px;
  background-color: var(--bg-primary);
  font-size: 16px;
  color: var(--color-white) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.dividar_5 {
  border-bottom: 5px solid var(--bg-snow);
}

code {
  color: var(--color-primary);
}

.progress-bar {
  font-size: 11px;
}

.border-all {
  border: 1px solid var(--border-snow);
}

/*-----------------------------
  darkMode-active
-----------------------------*/
body.darkMode-active {
  --color-black: #fff;
  --color-white: #fff;
  --color-primary: #ff3f3f;
  --color-secondary: #c5cad2;
  --color-snow: #c5cad2;
  --color-red: #f93542;
  --color-orange: #ff833b;
  --color-blue: #4a8cfd;
  --color-yellow: #f5c02e;
  --color-green: #25c998;
  --color-text: #7e848e;
  --color-comment: #5e636b;
  --bg-black: #fff;
  --bg-white: #292e34;
  --bg-primary: #ff3f3f;
  --bg-secondary: #7e848e;
  --bg-snow: #272b31;
  --bg-red: #f93542;
  --bg-orange: #ff833b;
  --bg-blue: #4a8cfd;
  --bg-yellow: #f5c02e;
  --bg-green: #25c998;
  --border-black: #000;
  --border-white: #fff;
  --border-primary: #ff3f3f;
  --border-secondary: #292e34;
  --border-snow: #33383f;
  --border-red: #f93542;
  --border-orange: #ff833b;
  --border-blue: #4a8cfd;
  --border-yellow: #f5c02e;
  --border-green: #25c998;
}
body.darkMode-active .em_main_footer .em_body_navigation {
  background-color: #242930;
}
body.darkMode-active .searchMenu__hdr {
  background-color: #242930;
  border-bottom: 1px solid var(--border-snow);
}
body.darkMode-active .searchMenu__hdr .-close {
  background-color: #7e848e;
}
body.darkMode-active .em_brand svg path:last-child,
body.darkMode-active .brand_sm svg path:last-child {
  fill: #f8f8f8;
}

/**
 * ----------------------------------------
 * pagePreview__eMobile
 * ----------------------------------------
 */
.bg-preview {
  background-color: #1f2429 !important;
}

.pagePreview__eMobile .emPreview {
  text-align: center;
  background-color: var(--bg-white);
  border-radius: 15px;
  padding: 70px 50px;
}
@media (max-width: 767px) {
  .pagePreview__eMobile .emPreview {
    padding: 60px 30px;
  }
}
.pagePreview__eMobile .emPreview .em_head .brand {
  margin-bottom: 40px;
}
.pagePreview__eMobile .emPreview .em_head .brand svg {
  height: 40px;
  width: 100%;
}
.pagePreview__eMobile .emPreview .em_head h1 {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 15px;
}
.pagePreview__eMobile .emPreview .em_body p {
  font-size: 16px;
  color: var(--color-text);
}
.pagePreview__eMobile .emPreview .em_foot {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
.pagePreview__eMobile .emPreview .em_foot .btn {
  position: relative;
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-green);
  width: 200px;
  height: 56px;
  border-radius: 8px;
  display: none;
  -webkit-animation: zoom-in 1.5s ease-in-out infinite;
  -moz-animation: zoom-in 1.5s ease-in-out infinite;
  -o-animation: zoom-in 1.5s ease-in-out infinite;
  -ms-animation: zoom-in 1.5s ease-in-out infinite;
  animation: zoom-in 1.5s ease-in-out infinite;
}
.pagePreview__eMobile .emPreview .em_foot .btn span {
  position: relative;
  font-size: 16px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .pagePreview__eMobile .emPreview .em_foot .btn.is-web {
    display: flex;
  }
}
@media (max-width: 767px) {
  .pagePreview__eMobile .emPreview .em_foot .btn.is-mobile {
    display: flex;
  }
}

@-webkit-keyframes zoom-in {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.04);
  }
  75% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@-moz-keyframes zoom-in {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.04);
  }
  75% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoom-in {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.04);
  }
  75% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
/**
 * ----------------------------------------
 * device_phone
 * ----------------------------------------
 */
.pagePreview__web .is-web {
  display: none;
}
@media (min-width: 992px) {
  .pagePreview__web .is-web {
    display: block;
  }
}
.pagePreview__web .is-mobile {
  display: none;
}
@media (max-width: 991px) {
  .pagePreview__web .is-mobile {
    display: block;
  }
}
.pagePreview__web .is-mobile .emPreview {
  padding: 0 10px;
}
.pagePreview__web .is-mobile .emPreview .em_foot .btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  animation: none;
}
.pagePreview__web .is-mobile .emPreview .em_foot .btn._buy {
  background-color: #89bd49;
}
.pagePreview__web .is-mobile .emPreview .em_foot .btn._buy .icon {
  margin-right: 8px;
}
.pagePreview__web .is-mobile .emPreview .em_foot .btn._buy .icon img {
  width: 13px;
  -webkit-animation: wobble-hor-bottom 0.8s infinite both;
  -moz-animation: wobble-hor-bottom 0.8s infinite both;
  -o-animation: wobble-hor-bottom 0.8s infinite both;
  -ms-animation: wobble-hor-bottom 0.8s infinite both;
  animation: wobble-hor-bottom 0.8s infinite both;
}
.pagePreview__web .is-mobile .emPreview .em_foot .btn._preview {
  background-color: #292e34;
  margin-bottom: 15px;
}
.pagePreview__web .is-mobile .emPreview .em_foot .btn._preview .icon {
  margin-right: 8px;
}
.pagePreview__web .is-mobile .emPreview .em_foot .btn._preview .icon svg path {
  stroke: #fff;
}

.device_phone {
  width: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.device_phone .content_device {
  border-radius: 20px;
  background: #000000;
  border: 3px solid #999;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 385px;
  height: 675px;
}
.device_phone .content_device .insideMobile {
  border-radius: 15px;
  overflow: hidden;
  width: 360px;
  background: #000000;
  height: 650px;
}
.device_phone .content_device .insideMobile .getFrame {
  height: 100%;
  width: 360px;
  border: 0 !important;
  padding: 0;
  margin: 0;
}

.bkSide__right {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 240px;
  z-index: 2;
}
.bkSide__right .btn_buy {
  width: 100%;
  border-radius: 8px;
  height: 52px;
  padding: 5px 15px;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #89bd49;
  color: #fff;
  position: relative;
  margin-bottom: 12px;
}
.bkSide__right .btn_buy .icon_env {
  position: absolute;
  right: 20px;
  width: 14px;
  -webkit-animation: wobble-hor-bottom 0.8s infinite both;
  -moz-animation: wobble-hor-bottom 0.8s infinite both;
  -o-animation: wobble-hor-bottom 0.8s infinite both;
  -ms-animation: wobble-hor-bottom 0.8s infinite both;
  animation: wobble-hor-bottom 0.8s infinite both;
}
.bkSide__right .qr_code {
  border-radius: 8px;
  background: #fff;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.03);
  -moz-box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.03);
  -o-box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.03);
  -ms-box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.03);
  box-shadow: 0px 0px 30px 0px rgba(41, 46, 52, 0.03);
}
.bkSide__right .qr_code .image_gq {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bkSide__right .qr_code .image_gq img {
  width: 150px;
}

@media (max-width: 991px) {
  .bg-white-sm {
    background-color: #fff;
  }
}

@-webkit-keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-10px) rotate(-2deg);
    transform: translateX(-10px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(5px) rotate(3deg);
    transform: translateX(5px) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-5px) rotate(-2.6deg);
    transform: translateX(-5px) rotate(-2.6deg);
  }
  60% {
    -webkit-transform: translateX(2px) rotate(1.4deg);
    transform: translateX(2px) rotate(1.4deg);
  }
  75% {
    -webkit-transform: translateX(-3px) rotate(-0.5deg);
    transform: translateX(-3px) rotate(-0.5deg);
  }
}
@-moz-keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-10px) rotate(-2deg);
    transform: translateX(-10px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(5px) rotate(3deg);
    transform: translateX(5px) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-5px) rotate(-2.6deg);
    transform: translateX(-5px) rotate(-2.6deg);
  }
  60% {
    -webkit-transform: translateX(2px) rotate(1.4deg);
    transform: translateX(2px) rotate(1.4deg);
  }
  75% {
    -webkit-transform: translateX(-3px) rotate(-0.5deg);
    transform: translateX(-3px) rotate(-0.5deg);
  }
}
@keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-10px) rotate(-2deg);
    transform: translateX(-10px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(5px) rotate(3deg);
    transform: translateX(5px) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-5px) rotate(-2.6deg);
    transform: translateX(-5px) rotate(-2.6deg);
  }
  60% {
    -webkit-transform: translateX(2px) rotate(1.4deg);
    transform: translateX(2px) rotate(1.4deg);
  }
  75% {
    -webkit-transform: translateX(-3px) rotate(-0.5deg);
    transform: translateX(-3px) rotate(-0.5deg);
  }
}

/*# sourceMappingURL=main.css.map */