/*   =======
    helpers
    ========== */
/*-----------------------------
  media query
-----------------------------*/
/*-----------------------------
  Colors
-----------------------------*/
/*-----------------------------
  Background Colors
-----------------------------*/
/*-----------------------------
  Border Colors
-----------------------------*/
/*-----------------------------
  Color Social Network
-----------------------------*/

:root {
    --color-black: #000;
    --color-white: #fff;
    --color-primary: #e25f68;
    --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: #e25f68;
    --bg-secondary: #292e34;
    --bg-snow: #f8f8f8;
    --bg-red: #f93542;
    --bg-orange: #ff833b;
    --bg-blue: #4a8cfd;
    --bg-yellow: #f5c02e;
    --bg-green: #25c998;
    --bg-gray: #eee;
    --bg-rashacaspian: #004183;
    --border-black: #000;
    --border-white: #fff;
    --border-primary: #e25f68;
    --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;
    --color-gray: #fbfbfb;
}

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


body {
    overflow-y: auto !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: left;
}

.float-left {
    float: right;
}

.float-none {
    float: none;
}

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

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

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

@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: left;
    }
}

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

@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: left;
    }
}

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

@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: left;
}

.clear-left {
    clear: right;
}

.clear-both {
    clear: both;
}

.clear-none {
    clear: none;
}

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

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

@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: left;
    }
}

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

@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: left;
    }
}

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

@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: right !important;
}

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

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

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

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

.object-right-top {
    object-position: left 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: right !important;
    }
}

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

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

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

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

@media (min-width: 768px) {
    .object-sm-right-top {
        object-position: left 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: right !important;
    }
}

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

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

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

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

@media (min-width: 992px) {
    .object-md-right-top {
        object-position: left 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: right !important;
    }
}

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

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

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

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

@media (min-width: 1200px) {
    .object-lg-right-top {
        object-position: left 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;
    left: 0;
    bottom: 0;
    right: 0;
}

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

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

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

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

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

.top-0 {
    top: 0;
}

.right-0 {
    left: 0;
}

.bottom-0 {
    bottom: 0;
}

.left-0 {
    right: 0;
}

.top-auto {
    top: auto;
}

.right-auto {
    left: auto;
}

.bottom-auto {
    bottom: auto;
}

.left-auto {
    right: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .left-lg-auto {
        right: 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-left: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .margin-l-lg-100 {
        margin-right: 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-left: -10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .-margin-l-lg-100 {
        margin-right: -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 !important;
}

.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) !important;
}

.color-white {
    color: var(--color-white) !important;
}

.color-primary {
    color: var(--color-primary);
}

.color-secondary {
    color: var(--color-secondary) !important;
}

.color-snow {
    color: var(--color-snow) !important;
}

.color-red {
    color: var(--color-red) !important;
}

.color-orange {
    color: var(--color-orange) !important;
}

.color-blue {
    color: var(--color-blue) !important;
}

.color-yellow {
    color: var(--color-yellow) !important;
}

.color-green {
    color: var(--color-green) !important;
}

.color-text {
    color: var(--color-text) !important;
}

.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) !important;
}

.bg-white {
    background-color: var(--bg-white) !important;
}

.bg-primary {
    background-color: var(--bg-primary) !important;
}

.bg-secondary {
    background-color: var(--bg-secondary) !important;
}

.bg-snow {
    background-color: var(--bg-snow) !important;
}

.bg-red {
    background-color: var(--bg-red) !important;
}

.bg-orange {
    background-color: var(--bg-orange);
}

.bg-blue {
    background-color: var(--bg-blue);
}

.bg-yellow {
    background-color: var(--bg-yellow) !important;
}

.bg-green {
    background-color: var(--bg-green) !important;
}

.bg-gray {
    background-color: var(--bg-gray) !important;
}

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

.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) !important;
}

.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) !important;
}

.bg-opacity-20.bg-orange {
    background-color: rgba(255, 131, 59, 0.2) !important;
}

.bg-opacity-20.bg-blue {
    background-color: rgba(74, 140, 253, 0.2) !important;
}

.bg-opacity-20.bg-yellow {
    background-color: rgba(245, 192, 46, 0.2) !important;
}

.bg-opacity-20.bg-green {
    background-color: rgba(37, 201, 152, 0.2) !important;
}

.bg-opacity-25.bg-black {
    background-color: rgba(0, 0, 0, 0.25) !important;
}

.bg-opacity-25.bg-white {
    background-color: rgba(255, 255, 255, 0.25) !important;
}

.bg-opacity-25.bg-primary {
    background-color: rgba(255, 63, 63, 0.25) !important;
}

.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) !important;
}

.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) !important;
}

.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) !important;
}

.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) !important;
}

.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) !important;
}

.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) !important;
}

.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) !important;
}

.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) !important;
}

.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) !important;
}

.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: right;
}

.bg-left-bottom {
    background-position: right bottom;
}

.bg-left-top {
    background-position: right top;
}

.bg-right {
    background-position: left;
}

.bg-right-bottom {
    background-position: left bottom;
}

.bg-right-top {
    background-position: left 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) !important;
}

.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) !important;
}

.bg-flickr {
    background-color: var(--color-flickr) !important;
}

.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-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.rounded-b-none {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.rounded-l-none {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.rounded-r-none {
    border-top-left-radius: 0px !important;
    border-bottom-left-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-left-width: 0;
}

.border-r {
    border-left-width: 1px !important;
}

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

.border-r-3 {
    border-left-width: 3px !important;
}

.border-r-4 {
    border-left-width: 4px !important;
}

.border-r-5 {
    border-left-width: 5px !important;
}

.border-l-0 {
    border-right-width: 0;
}

.border-l {
    border-right-width: 1px !important;
}

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

.border-l-3 {
    border-right-width: 3px !important;
}

.border-l-4 {
    border-right-width: 4px !important;
}

.border-l-5 {
    border-right-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-left-style: solid;
}

.border-r-dashed {
    border-left-style: dashed;
}

.border-r-dotted {
    border-left-style: dotted;
}

.border-r-double {
    border-left-style: double;
}

.border-r-none {
    border-left-style: none;
}

/* ============
Border left Style
==============*/
.border-l-solid {
    border-right-style: solid;
}

.border-l-dashed {
    border-right-style: dashed;
}

.border-l-dotted {
    border-right-style: dotted;
}

.border-l-double {
    border-right-style: double;
}

.border-l-none {
    border-right-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 !important;
}

.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: 66px;
    background-color: var(--bg-white);
    /*padding: 0 20px;*/
}

@media (min-width: 992px) {
    .main_haeder {
        display: flex;
        align-items: center;
        justify-content: space-around;
        min-height: 66px;
        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);
}

.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: 70px;
    }
}

.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;
    right: 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: 17px;
    /*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;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    z-index: 0;
    pointer-events: none;
}

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

.main_haeder.header-sticky {
    position: fixed;
    width: 100%;
    z-index: 90;
    top: env(safe-area-inset-top);
    right: 0;
    left: 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-white) !important;
    box-shadow: 0px 0px 4px 0.005px var(--color-text);
}

    /*.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-black);
    }

        .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;
        right: 0;
        left: 0;
        z-index: 99;
    }

    .main_haeder.hdrReviews_product .em_side_right {
        display: flex;
        align-items: center;
    }

    .main_haeder.hdrReviews_product .itemProduct {
        margin-right: 20px;
    }

        .main_haeder.hdrReviews_product .itemProduct .imgProd {
            padding: 2px;
            border-radius: 8px;
            width: 35px;
            height: 35px;
            background-color: #f0f0f0;
            margin-left: 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-text);
}

/**
 * ----------------------------------------
 * 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-right: 10px;
}

    .head_conversation .item_userChat .img-user {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        object-fit: cover;
        margin-left: 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;
        right: 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;
        right: 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-right: 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: 300px;
            object-fit: cover;
            border-radius: 8px;
        }

@media (max-width: 767px) {
    .em_pk_banner .em_bannen_ads img {
        object-position: 50% 50%;
        height: 100px;
    }
}

.em_pk_banner .em_bannen_ads .em_textBanner {
    position: absolute;
    bottom: 15px;
    right: 20px;
}

    .em_pk_banner .em_bannen_ads .em_textBanner h3 {
        font-size: 17px;
        font-weight: 700;
        text-transform: uppercase;
        color: var(--color-white);
        margin-bottom: 3px;
        background-color: rgba(255, 255, 255, 0.8);
    }

    .em_pk_banner .em_bannen_ads .em_textBanner p {
        font-size: 13px;
        color: var(--color-white);
        margin-bottom: 0;
        background-color: rgba(255, 255, 255, 0.8);
    }

.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;
    right: 0;
    width: 100%;
    height: 100%;
}

/*-----------------------------
  banner_sliderFull
-----------------------------*/
.banner_sliderFull {
    /*---
  swiperProducts
  ---*/
}

    .banner_sliderFull .em-swiperSliderFull .--item-inside .cover_img {
        position: relative;
        overflow: hidden;
        background-color: #f0f0f0;
    }

        .banner_sliderFull .em-swiperSliderFull .--item-inside .cover_img img {
            width: 100%;
            height: 450px;
            object-fit: contain;
            mix-blend-mode: darken;
        }

        .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: 12.5rem;
            object-fit: cover;
        }

@media only screen and (min-width: 992px) {
    .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;
                mix-blend-mode: darken;
            }

        .em_item_product .em_head .btn_addBookmark {
            position: absolute;
            left: 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;
            right: 0;
            top: 15px;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            background-color: var(--bg-rashacaspian);
            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;
            text-wrap: balance;
        }

        .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;
            left: 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;
                left: 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;
                left: 35px;
                visibility: visible;
                text-wrap: nowrap;
            }

/**
 * ----------------------------------------
 * 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;
            color: var(--color-text);
            padding: 10px 0 10px 30px;
        }

            .navListProducts .nav-item .nav-link.active {
                color: var(--color-secondary);
            }

    .navListProducts.bg-secondary {
        padding-right: 20px;
    }

        .navListProducts.bg-secondary .nav-item .nav-link {
            color: var(--color-snow);
            padding: 12px 0 12px 30px;
        }

            .navListProducts.bg-secondary .nav-item .nav-link.active {
                color: var(--color-white);
            }

/**
 * ----------------------------------------
 * em_masonry__layout
 * ----------------------------------------
 */
.em_masonry__layout {
    margin-top: 10px;
    display: flex;
    align-items: self-start;
    flex-direction: row;
    column-gap: 20px;
    -webkit-column-gap: 20px;
    -ms-column-gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (min-width: 992px) {
    .em_masonry__layout {
        margin-top: 10px;
        display: flex;
        align-items: self-start;
        flex-direction: row;
        column-gap: 20px;
        -webkit-column-gap: 20px;
        -ms-column-gap: 20px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

.em_masonry__layout .em_item_product {
    margin-bottom: 15px;
    /*min-width: 90px;
    max-width: 190px;*/
    padding: 10px;
    border-radius: 10px !important;
    flex: 0 0 47%;
}

@media (min-width: 992px) {
    .em_masonry__layout .em_item_product {
        margin-bottom: 35px;
        min-width: 100px;
        max-width: 200px;
        padding: 10px;
        border-radius: 10px !important;
    }

        .em_masonry__layout .em_item_product:hover {
            box-shadow: 0 0 10px rgba(115,115,115,0.75);
        }
}

.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-right: 10px;
    }
}

@supports (-webkit-touch-callout: none) {
    .em_masonry__layout .em_left {
        margin-left: 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 10px 10px 15px;
        border-radius: 8px;
        margin-bottom: 10px;
    }

        .em_list_layout .item_list .em_head .image_product {
            height: 100px;
            width: 80px;
            margin-left: 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 {
                left: 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-left: 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-left: 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;
                left: 20px;
            }

            .em_list_layout.widthFull .item_list .title_product .btn_addBookmark {
                position: absolute;
                left: 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-right-radius: 15px;
    border-top-left-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-right-radius: 5px;
        border-bottom-left-radius: 5px;
        height: 26px;
        min-width: 47px;
        position: absolute;
        top: 0;
        left: 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;
                line-height: normal;
            }

            .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-left: 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;
                            border-bottom: 1px solid var(--bg-snow);
                        }

                            .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:last-of-type {
                                    font-weight: 500;
                                    color: var(--color-black);
                                }

        .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-right: 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-right: 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;
        }

.actionAdd .btn {
    display: inline-flex;
    align-items: center;
    padding: 5px 0 5px 5px;
    margin-left: 5px;
}

    .actionAdd .btn .icon {
        position: relative;
        display: flex;
        align-items: center;
    }

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

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

            .actionAdd .btn .icon svg path,
            .actionAdd .btn .icon svg circle {
                stroke: var(--color-text);
            }

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

    .actionAdd .btn span {
        font-size: 13px;
        display: inline-block;
        margin-right: 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;
    }

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

.actionAdd .btn_like.-active .icon svg {
    opacity: 0;
}

.actionAdd .btn_like.-active i {
    color: var(--color-red);
}

    .actionAdd .btn_like.-active i::before {
        font-family: "The-Icon-of" !important;
        content: "\e933";
    }

.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-right: 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-left: 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-left: 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 0 0 8px;
    }
}

.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-left: 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-left: 12px;
}

.emCommentCusomers .itemUser .txt_details .username {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-secondary);
    margin-left: 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: left;
                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: ltr;
                padding-left: 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: 40px;
    height: 40px;
    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-left: 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: 24px;*/
    height: 24px;
}

.itemCountr_manual .input_no {
    border: 0 !important;
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 12px;
    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%;
}

@media (min-width: 576px) {
    .modal .modal-dialog {
        max-width: 50% !important;
    }

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

    /*.modal {
        right: 50% !important;
        transform: translateX(25%) !important;
    }*/

    .sidebarMenu {
        right: 25% !important;
    }
}

.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: #d9d6d6;
        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;
    -webkit-box-shadow: 0px -2px 3px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0px -2px 3px rgba(50, 50, 50, 0.15);
    box-shadow: 0px -2px 3px rgba(50, 50, 50, 0.15);
}

.modal.screenFull .modal-dialog {
    margin: 0;
    position: fixed;
    width: 100%;
    bottom: 0;
    /*right: 0;
    left: 0;*/
}

    .modal.screenFull .modal-dialog .modal-content {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-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-right-radius: 8px;
            border-bottom-left-radius: 8px;
        }

.modal.modalCentered .modal-dialog {
    margin: 0 20px;
}

    .modal.modalCentered .modal-dialog .modal-header {
        padding: 25px;
    }

    .modal.modalCentered .modal-dialog .close {
        position: absolute;
        left: 25px;
    }

/**
 * ----------------------------------------
 * sidebarMenu
 * ----------------------------------------
 */
.sidebarMenu {
    opacity: 1 !important;
}

    .sidebarMenu.-left .modal-dialog, .sidebarMenu.-right .modal-dialog {
        position: fixed;
        margin: auto;
        width: 100%;
        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);
    }

@media (min-width: 769px) {
    .sidebarMenu.-left .modal-dialog, .sidebarMenu.-right .modal-dialog {
        width: 28%;
        min-width: 320px;
    }
}

.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;
        left: 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 {
    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.-right.fade.show .modal-dialog {
    left: 0;
}

.sidebarMenu.-left.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.-left.fade.show .modal-dialog {
    right: 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;
    }

._imgUser {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
    margin-left: 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;
    left: 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 20px 15px 35px;
        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-left-radius: 3px;
            border-bottom-left-radius: 3px;
            position: absolute;
            right: 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: 14px;
            padding-right: 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;
        right: 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: 70px;
    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-right: 35px;
            padding-left: 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;
    left: 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;
                    left: 0;
                    top: -20px;
                    font-size: 12px;
                    color: var(--color-text);
                }

    .mdlladd__rate .modal-footer {
        padding: 0 20px 20px 20px;
        box-shadow: 0.25rem 0 0 rgb(0 0 0 / 8%) !important;
    }

@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-left: 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__remove2 .icon svg path {
    fill: var(--color-blue) !important;
}


.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-left: 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: 13px;
        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: 2147483647;
    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-left: 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-left: 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;
            margin-bottom: 2px;
        }

            .emModal__filters .em_box_content_filter .buttons_select .items .btn.-active {
                background-color: var(--bg-rashacaspian);
                color: var(--color-white);
                border-color: var(--bg-rashacaspian);
            }

            .emModal__filters .em_box_content_filter .buttons_select .items .btn:last-child {
                margin-left: 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;
            }

.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-left: 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;
    }

.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-right: 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);
            left: 0;
            bottom: 0;
            /*width: calc(100vw - 76px);*/
            width: inherit;
        }

    .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;
        right: 0;
        left: 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 {
        left: 20px;
    }

    .em_introPage .swiper-button-prev {
        right: 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%;
        right: 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;
        right: 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-right: 20px;
    padding-left: 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-left: 10px;
    }
}

@supports (-webkit-touch-callout: none) {
    .emPage__blog .left__side {
        margin-left: 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-left-radius: 8px;
        border-top-right-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-left: 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: 500;
        padding: 15px 0;
        border-top: 0;
    }

        .emPage__invoiceDetails .embody__invoice .emtable__Details .table thead tr th:nth-child(3) {
            text-align: center;
        }

        .emPage__invoiceDetails .embody__invoice .emtable__Details .table thead tr th:last-child {
            text-align: left;
        }

    .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(3) {
            text-align: center;
        }

        .emPage__invoiceDetails .embody__invoice .emtable__Details .table tbody tr td:last-child {
            text-align: left;
        }

        .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: left;
        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: left;
    }

        .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.five_item .nav .nav-item {
    width: calc(100% / 5);
}

.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 5px;
    }

        .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;
        left: 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;
    right: auto;
    /*bottom: 0 !important;
    top: auto !important;*/
}

    .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;
        right: -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;
        left: -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;
            left: 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;
        right: 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;
        left: 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-right: 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-right: 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;
        right: 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: right;
            right: 20px;
            position: absolute;
            bottom: 110px;
            padding-left: 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;
        right: 20px;
        text-align: right;
        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: 40px;
    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: right;
    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-left: 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;
                left: -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-right: 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-left: 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;
        left: inherit;
        top: inherit;
        bottom: inherit;
        right: 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;
                left: 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-left-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-right: 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;
    }

.btn__editAddress {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

    .btn__editAddress svg {
        width: 24px;
        height: 24px;
    }

        .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-right: 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;
        left: 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;
    }

.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: 10px 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-left: 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;
                line-height: normal;
            }

            .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-left: 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-right-radius: 15px;
    border-top-left-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: right 0.25s, width 0.3s;
        -webkit-transition: right 0.25s, width 0.3s;
        -moz-transition: right 0.25s, width 0.3s;
        -ms-transition: right 0.25s, width 0.3s;
        -o-transition: right 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-left: 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 0 0 8px;
            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;
    left: 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-left: 10px;
            }

@supports (-webkit-touch-callout: none) {
    .emPage__shippingAddress .nav__listAddress .item .areaRight .label_default {
        margin-left: 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-right: 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;
    left: 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);
        left: 0;
        width: calc(100vw - 80px);
    }

    .item__activiClassic .icon {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 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-left: 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-left: 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-right: 20px;
        padding-left: 20px;
    }

        .basicErrors .detaile__error.text-center {
            padding-right: 60px;
            padding-left: 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-right: 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-right: 30px !important;
        padding-left: 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-left: 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;
                left: 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: left;
        }

            .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 10px;
}

    .emPage__conversation .item_user .imgProfile {
        margin-left: 12px;
    }

        .emPage__conversation .item_user .imgProfile img {
            width: 35px;
            height: 35px;
            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-left: 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-left: 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-snow);
        margin: 0;
    }

        .banner__wallet .emhead .item__total h2 span {
            font-size: 14px;
            font-weight: 500;
            display: inline-block;
            color: var(--color-snow);
        }

    .banner__wallet .emhead .side__right .btn_balance {
        border-radius: 8px;
        min-width: 105px;
        height: 36px;
        color: var(--color-snow);
        font-size: 12px;
        border: 1px solid rgba(255, 255, 255, 0.2);
    }

/**
 * ----------------------------------------
 * main_Wallet_index
 * ----------------------------------------
 */
.main_Wallet_index {
    border-top-right-radius: 15px;
    border-top-left-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-right: 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: 32px;
        height: 32px;
    }

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

.em__bkOperationsWallet .em__actions .btn:nth-child(3) .icon svg path {
    fill: var(--color-blue);
}

.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-left: 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-left: 0 !important;
        }

@supports (-webkit-touch-callout: none) {
    .em__bkOperationsWallet.__page .em__actions .btn {
        margin-right: 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 0 0 15px;
    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-left: 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-right-radius: 8px;
    border-bottom-right-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;
        right: 0;
        left: 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;
        right: 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 10px;
    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: left;
    }

        .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-left: 13px;
        height: 0;
    }

        .emPage__savingsWallet .emBK__save .ele .item_progress input {
            color: var(--color-secondary) !important;
            font-family: "IRANSans-web", 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-right: 20px;
    padding-left: 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: 6px;
            margin-right: auto;
            margin-left: 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-right: 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;
                left: 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-right-radius: 8px;
                border-top-left-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::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: 13px;
                    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-left: 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-left-radius: 0;
                border-bottom-left-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;
                    left: 15px;
                }

.itemCircle {
    position: absolute;
    height: 0;
    left: 15px;
    top: 15px;
}

    .itemCircle input {
        color: var(--color-secondary) !important;
        font-family: "IRANSans-web", sans-serif !important;
        font-weight: 500 !important;
        font-size: 11px !important;
        margin-top: 14px !important;
        margin-right: -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-right: 20px;
    padding-left: 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: "\e9b2";
        font-family: "The-Icon-of" !important;
        position: absolute;
        left: 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-left: 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-right: 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: right;
    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-left: 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-right: 8px;
            min-width: fit-content;
        }

.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-right: 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: 16px;
            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-right: 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;
        right: -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-right: auto;
        margin-left: 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;
    }

.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: right;
    -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-left: 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-left: 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-left: 8px;
}

    .emPage__jobsList .em_bkTags__items .btn .remove_tag {
        position: relative;
        margin-right: 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: right;
    justify-content: flex-start;
    padding: 18px 20px;
    align-items: center;
    margin-bottom: 10px;
}

    .emPage__CateJobs ._list .icon {
        margin: 0;
    }

    .emPage__CateJobs ._list .txt {
        margin-right: 15px;
    }

    .emPage__CateJobs ._list::after {
        content: "\e9b2";
        font-family: "The-Icon-of" !important;
        position: absolute;
        left: 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;
        left: -60px;
        right: 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-right: 20px;
        padding-left: 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-right: 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);
    }

.em_footerinner {
    padding: 10px 20px;
    background-color: var(--bg-white);
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
}

    .em_footerinner .emfo_button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: env(safe-area-inset-bottom);
    }

        .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;
            flex-direction: column;
        }

        .em_footerinner .emfo_button .btn_addCart.active {
            background-color: rgba(37, 201, 152, 0.07);
            border-color: transparent;
        }

            .em_footerinner .emfo_button .btn_addCart.active .textCart {
                color: var(--color-green);
            }

        .em_footerinner .emfo_button.__withIcon .btn {
            width: auto;
        }

        .em_footerinner .emfo_button.__withIcon .btn_addCart {
            width: 130px;
            padding: 0;
            justify-content: end;
            padding-right: 12px;
        }

            .em_footerinner .emfo_button.__withIcon .btn_addCart .textCart {
                margin-top: 2px;
            }

            .em_footerinner .emfo_button.__withIcon .btn_addCart.active {
                background-color: transparent !important;
            }

                .em_footerinner .emfo_button.__withIcon .btn_addCart.active .icon_current {
                    position: relative;
                }

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

                    .em_footerinner .emfo_button.__withIcon .btn_addCart.active .icon_current svg {
                        opacity: 0;
                    }

        .em_footerinner .emfo_button.__withIcon .icon_current {
            position: relative;
            margin-left: 7px;
        }

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

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

                .em_footerinner .emfo_button.__withIcon .icon_current svg path {
                    stroke: var(--color-secondary);
                }

            .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-left: 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-right: 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-left: 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;
    right: 0;
    left: 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% / 3);
    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-right-radius: 3px;
            border-bottom-left-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-right: -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: 36px;
                    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-right: 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-right: 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-right-radius: 20px;
    border-top-left-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 {
    max-width: 305px;
}

.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
============== */
/*
IRANSans-web @font-face kit
*/
/*@font-face {
    font-family: "IRANSans-web";
    src: url("../fonts/text-font/IRANSans-web-Black.eot");
    src: url("../fonts/text-font/IRANSans-web-Blackd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/text-font/IRANSans-web-Black.woff") format("woff"), url("../fonts/text-font/IRANSans-web-Black.ttf") format("truetype"), url("../fonts/text-font/IRANSans-web-Black.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "IRANSans-web";
    src: url("../fonts/text-font/IRANSans-web-BlackItalic.eot");
    src: url("../fonts/text-font/IRANSans-web-BlackItalicd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/text-font/IRANSans-web-BlackItalic.woff") format("woff"), url("../fonts/text-font/IRANSans-web-BlackItalic.ttf") format("truetype"), url("../fonts/text-font/IRANSans-web-BlackItalic.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: "IRANSans-web";
    src: url("../fonts/text-font/IRANSans-web-Bold.eot");
    src: url("../fonts/text-font/IRANSans-web-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/text-font/IRANSans-web-Bold.woff") format("woff"), url("../fonts/text-font/IRANSans-web-Bold.ttf") format("truetype"), url("../fonts/text-font/IRANSans-web-Bold.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "IRANSans-web";
    src: url("../fonts/text-font/IRANSans-web-BoldItalic.eot");
    src: url("../fonts/text-font/IRANSans-web-BoldItalicd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/text-font/IRANSans-web-BoldItalic.woff") format("woff"), url("../fonts/text-font/IRANSans-web-BoldItalic.ttf") format("truetype"), url("../fonts/text-font/IRANSans-web-BoldItalic.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: "IRANSans-web";
    src: url("../fonts/text-font/IRANSans-web-Medium.eot");
    src: url("../fonts/text-font/IRANSans-web-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/text-font/IRANSans-web-Medium.woff") format("woff"), url("../fonts/text-font/IRANSans-web-Medium.ttf") format("truetype"), url("../fonts/text-font/IRANSans-web-Medium.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "IRANSans-web";
    src: url("../fonts/text-font/IRANSans-web-MediumItalic.eot");
    src: url("../fonts/text-font/IRANSans-web-MediumItalicd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/text-font/IRANSans-web-MediumItalic.woff") format("woff"), url("../fonts/text-font/IRANSans-web-MediumItalic.ttf") format("truetype"), url("../fonts/text-font/IRANSans-web-MediumItalic.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "IRANSans-web";
    src: url("../fonts/text-font/IRANSans-web-Book.eot");
    src: url("../fonts/text-font/IRANSans-web-Bookd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/text-font/IRANSans-web-Book.woff") format("woff"), url("../fonts/text-font/IRANSans-web-Book.ttf") format("truetype"), url("../fonts/text-font/IRANSans-web-Book.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "IRANSans-web";
    src: url("../fonts/text-font/IRANSans-web-BookItalic.eot");
    src: url("../fonts/text-font/IRANSans-web-BookItalicd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/text-font/IRANSans-web-BookItalic.woff") format("woff"), url("../fonts/text-font/IRANSans-web-BookItalic.ttf") format("truetype"), url("../fonts/text-font/IRANSans-web-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: "IRANSans-web", 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 */
}

/* نمایش اسکرول در دسکتاپ */
@media (min-width: 769px) {
    body::-webkit-scrollbar {
        width: 15px;
        color: #aaa8a8;
    }
}

/* نمایش اسکرول در دسکتاپ */
@media (max-width: 768px) {
    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;
        right: 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: right 0.25s;
        -moz-transition: right 0.25s;
        -o-transition: right 0.25s;
        -ms-transition: right 0.25s;
        transition: right 0.25s;
    }

    .em_toggle .btn-toggle.active {
        background-color: var(--bg-green);
    }

        .em_toggle .btn-toggle.active > .handle {
            right: 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 {
            right: 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 {
            right: 21px;
        }

.dividar {
    border-bottom: 1px solid var(--border-snow);
}

/*-----------------------------
  em_loading
-----------------------------*/
.em_loading {
    position: fixed !important;
    position: absolute;
    top: 0;
    right: 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;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: #e9eaec;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        border-radius: 50px;
    }

        .switch_toggle .handle::before {
            content: "";
            position: absolute;
            height: 14px;
            width: 14px;
            right: 7px;
            top: 5px;
            background-color: #fff;
            -webkit-transition: 0.26s;
            -moz-transition: 0.26s;
            -o-transition: 0.26s;
            -ms-transition: 0.26s;
            transition: 0.26s;
            border-radius: 50%;
            -webkit-box-shadow: 0px 1px 1px 0px rgba(62, 67, 119, 0.25);
            -moz-box-shadow: 0px 1px 1px 0px rgba(62, 67, 119, 0.25);
            -o-box-shadow: 0px 1px 1px 0px rgba(62, 67, 119, 0.25);
            -ms-box-shadow: 0px 1px 1px 0px rgba(62, 67, 119, 0.25);
            box-shadow: 0px 1px 1px 0px rgba(62, 67, 119, 0.25);
        }

    .switch_toggle.toggle_lg {
        width: 48px;
        height: 30px;
    }

        .switch_toggle.toggle_lg .handle::before {
            width: 22px;
            height: 22px;
            right: 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-right: 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: left 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: left 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% - (100% - 5px));
        background-repeat: no-repeat;
        background-size: 20px;
        display: flex;
        align-items: center;
        width: 100%;
        padding-right: 5px;
    }

        .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;
            right: 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-right: 50px;
        }

    .form-group .input_group {
        position: relative;
        display: flex;
        align-items: center;
    }

        .form-group .input_group .icon_password {
            position: absolute;
            left: 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-right: 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% - (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;
            right: 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;
            right: 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-right: 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-black);
    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-right: 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;
    right: -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-right: 1px solid var(--border-snow);
        left: 6px;
        position: absolute;
        padding-right: 4px;
    }

        .input_SaerchDefault .side_voice .btn_voice {
            width: 40px;
            height: 30px;
            display: inline-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-left: env(safe-area-inset-left);
}

.env-pl {
    padding-right: env(safe-area-inset-right);
}

@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-left: env(safe-area-inset-left);
    }
}

@supports (-webkit-touch-callout: none) {
    .ios-env-pl {
        padding-right: env(safe-area-inset-right);
    }
}

.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: #000;
    --color-primary: #e25f68;
    --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: #e25f68;
    --bg-secondary: #7e848e;
    --bg-snow: #272b31;
    --bg-red: #f93542;
    --bg-orange: #ff833b;
    --bg-blue: #4a8cfd;
    --bg-rashacaspian: #4a8cfd;
    --bg-yellow: #f5c02e;
    --bg-green: #25c998;
    --border-black: #000;
    --border-white: #fff;
    --border-primary: #e25f68;
    --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-left: 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-left: 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;
    left: 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;
            left: 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);
    }
}



.ltr {
    direction: ltr;
}

.rtl {
    direction: rtl;
}


.isDisabled {
    cursor: not-allowed;
    opacity: 0.5;
}

    .isDisabled > a {
        color: currentColor;
        display: inline-block; /* For IE11/ MS Edge bug */
        pointer-events: none;
        text-decoration: none;
    }


.myBadge {
    min-width: 34px;
    height: 21px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--color-secondary);
    border: 1px solid rgba(245, 192, 46, 0.3);
    margin-right: 6px;
}

.badgeGreenFill {
    display: inline-flex;
    min-width: 25px;
    padding: 0 5px;
    height: 21px;
    border-radius: 4px;
    border: 1px solid rgba(37, 201, 152, 0.3);
    color: var(--color-white) !important;
    background-color: var(--color-green) !important;
    align-items: center;
    justify-content: center;
}

.badgeCommentColorFill {
    display: inline-flex;
    min-width: 25px;
    padding: 0 5px;
    height: 21px;
    border-radius: 4px;
    border: 1px solid rgba(37, 201, 152, 0.3);
    color: var(--color-white) !important;
    background-color: var(--color-comment) !important;
    align-items: center;
    justify-content: center;
}

.badgeBlackFill {
    display: inline-flex;
    min-width: 25px;
    padding: 0 5px;
    height: 21px;
    border-radius: 4px;
    border: 1px solid rgb(41 46 52 / 30%);
    color: var(--color-white) !important;
    background-color: var(--color-text) !important;
    align-items: center;
    justify-content: center;
}

.badgeSnowFill {
    display: inline-flex;
    min-width: 25px;
    padding: 0 5px;
    /*height: 21px;*/
    border-radius: 4px;
    border: 1px solid rgb(177 182 189 / 30%);
    color: var(--color-black) !important;
    background-color: var(--bg-snow) !important;
    align-items: center;
    justify-content: center;
}

.badgeYellowFill {
    display: inline-flex;
    min-width: 25px;
    padding: 0 5px;
    /*height: 21px;*/
    border-radius: 4px;
    border: 1px solid rgb(232 234 21 / 0.30);
    color: var(--color-black) !important;
    background-color: var(--bg-yellow) !important;
    align-items: center;
    justify-content: center;
}


.badgeText {
    display: inline-flex;
    height: 21px;
    min-width: 25px;
    padding: 0 5px;
    border-radius: 4px;
    border: 1px solid rgb(19, 21, 22, 0.03);
    align-items: center;
    justify-content: center;
}


.badgeTextBlack {
    display: inline-flex;
    height: 21px;
    min-width: 25px;
    padding: 0 5px;
    border-radius: 4px;
    border: 1px solid rgb(19, 21, 22, 0.02);
    color: var(--color-white);
    background-color: var(--color-black);
    align-items: center;
    justify-content: center;
}

.badgeGreen {
    display: inline-flex;
    height: 21px;
    min-width: 25px;
    padding: 0 5px;
    border-radius: 4px;
    border: 1px solid rgba(37, 201, 152, 0.3);
    color: var(--color-green) !important;
    align-items: center;
    justify-content: center;
}

.badgeRed {
    display: inline-flex;
    height: 21px;
    min-width: 25px;
    padding: 0 5px;
    border-radius: 4px;
    border: 1px solid rgba(249, 53, 66, 0.3);
    color: var(--color-red) !important;
    align-items: center;
    justify-content: center;
}

.badgeYellow {
    display: inline-flex;
    height: 21px;
    min-width: 25px;
    padding: 0 5px;
    border-radius: 4px;
    border: 1px solid rgba(249, 53, 66, 0.3);
    color: var(--color-yellow) !important;
    align-items: center;
    justify-content: center;
}

.btnTab {
    font-size: 14px;
    font-weight: 500;
    height: 45px;
    text-align: center;
    color: var(--color-text);
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
    border-radius: 8px;
    -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);
}

.btnTabSelected {
    transition: right 0.25s, width 0.3s;
    background-color: var(--bg-white) !important;
}

.menuItem {
    height: 50px !important;
}

.topMenuAddFill {
    filter: invert(25%) sepia(79%) saturate(2476%) hue-rotate(329deg) brightness(118%) contrast(119%);
}

.addDot::before {
    content: "";
    background-color: var(--color-snow);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    margin: 0 5px;
    display: inline-block;
}


.onHoverUnderline:hover {
    text-decoration: underline;
}

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

.shadow-top-inner {
    box-shadow: inset 0 10px 15px -15px #2c3e50;
}

.shadow-top-outer {
    box-shadow: 0 2px 20px -15px #2c3e50;
}

.alignVerticalCenter {
    display: flex;
    align-items: center;
}

.menuPositionLeftTop {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    z-index: 1;
}

.dash {
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .dash:hover {
        background-color: var(--bg-white);
    }

    .dash .img_user img {
        width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: 50%;
    }

    .dash .selected {
        padding-top: 2px;
        padding-bottom: 2px;
        background-color: var(--bg-white);
    }

.activityNodeList .selected {
    background-color: var(--bg-white);
    border: 1px solid var(--border-snow);
}

.commentText {
    position: absolute;
    bottom: 5px;
    width: 95%;
}

@media screen and (min-width: 800px) {
    .shadow-comment {
        box-shadow: inset -2px 0px 20px -15px #2c3e50;
    }

    .border-comment-info {
        border-right: 1px solid var(--color-snow);
    }
}


.bigAddButton {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--bg-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    margin-top: -22px;
    cursor: pointer;
    font-size: 36px;
    color: var(--color-white);
}

.actionBtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    padding: 0;
    margin: 0;
    margin-top: -22px;
    cursor: pointer;
}

.dvEventLogs {
    flex-direction: column-reverse;
    padding-bottom: 85px !important;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
}

    /* تغییر رنگ اسکرول وقتی موس روی آن قرار می‌گیرد */
    ::-webkit-scrollbar-thumb:hover {
        background-color: #ccc;
    }

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

@media only screen and (max-width: 760px) {
    #onlyForCheckMobile {
        display: none;
    }
}

.limitText {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 250px;
    white-space: nowrap;
}



.GaugeMeter {
    Position: Relative;
    Text-Align: Center;
    Overflow: Hidden;
    Cursor: Default;
}

    .GaugeMeter SPAN,
    .GaugeMeter B {
        Margin: 0 23%;
        Width: 54%;
        Position: Absolute;
        Text-align: Center;
        Display: Inline-Block;
        Color: RGBa(0,0,0,.8);
        Font-Weight: 100;
        Font-Family: "Open Sans", Arial;
        Overflow: Hidden;
        White-Space: NoWrap;
        Text-Overflow: Ellipsis;
    }

    .GaugeMeter[data-style="Semi"] B {
        Margin: 0 10%;
        Width: 80%;
    }

    .GaugeMeter S,
    .GaugeMeter U {
        Text-Decoration: None;
        Font-Size: .5em;
        Opacity: .5;
    }

    .GaugeMeter B {
        Color: Black;
        Font-Weight: 300;
        Font-Size: .5em;
        Opacity: .8;
    }

.eventBackground {
    backdrop-filter: blur(10px);
}

.nodeCanvasBackground {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-origin: content-box !important;
}


/*--------start kanban----------*/
.kanban {
    height: calc(100vh - 7.5rem);
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .kanban .kanbanCol {
        max-width: 19.5rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        flex: 1 0 auto;
        width: calc(100vw - 24px);
        max-height: 100%;
        padding-right: 0.75rem;
        /*padding-bottom: 0.75rem;*/
        outline: none !important;
    }

        .kanban .kanbanCol .card-list {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            max-height: 100%;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            margin-bottom: 0.75rem;
            border-radius: 0.5rem;
            padding: 1rem;
            background: var(--border-snow);
            height: -webkit-fill-available;
        }

            .kanban .kanbanCol .card-list .card-list-body {
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                overflow-y: auto;
                overflow-x: hidden;
                min-height: 100%;
            }

                .kanban .kanbanCol .card-list .card-list-body .card-kanban .card-body {
                    padding: 1rem;
                }

.kanbanTopHeader {
    display: flex;
    align-items: center;
}

/*--------end   kanban----------*/


.assignUser {
    font-size: 12px;
}

    .assignUser img {
        height: 30px !important;
        width: 30px !important;
        margin-left: 5px !important;
    }


.activityDv {
    background-image: url(/img/background/pattern-04.png);
    transition: all 0.4s;
    position: relative;
    background-color: var(--bg-snow);
}

body.darkMode-active .activityDv {
    background-image: none;
    background-color: var(--bg-dark);
}

.accountDocFullInfo {
    line-height: normal !important;
}

.activityNode {
    border-bottom: 1px solid var(--border-snow);
}


#video-progress-container {
    width: 640px;
    height: 10px;
    background-color: #ccc;
    margin-top: 10px;
}

#video-progress {
    width: 0%;
    height: 100%;
    background-color: #006699;
}

#video-time {
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #006699;
}

/* تنظیم صفحه برای چاپ */
@media print {
    /* چرخش محتوای صفحه به سمت چپ */
    body {
        /*transform: rotate(180deg);
        -webkit-transform: rotate(180deg);*/
        direction: rtl;
        text-align: right;
    }
    /* تنظیم عرض و اندازه فونت */
    table.dataTable thead th, table.dataTable tbody td {
        font-size: 10px;
        width: auto !important;
    }
    /* تنظیم حاشیه جدول */
    table.dataTable {
        margin: 0 !important;
        border: none !important;
    }
}

.inputGroupTextWithIcon .form-control {
    padding-left: 50px !important;
    padding-right: 15px !important;
}

.inputGroupTextWithIcon .icon {
    left: 18px !important;
    right: auto !important;
}

.diagonal-line {
    text-decoration: line-through;
    text-decoration-color: var(--gray);
}

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* تعداد خطوط مورد نظر */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.alert-info {
    background-color: #eff6ff !important;
    border-color: rgba(33,35,44,0.08) !important;
    color: var(--color-black) !important
}


.activityDv img {
    max-width: 300px;
}

.btn_help {
    font-size: 13px;
    background-color: #ced7cf;
    color: #4e4c4c;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    margin-top: 4px;
}

.image-container {
    width: 100% !important; /* Optional: Set a specific width for the container if needed */
}

    .image-container img {
        width: 100% !important; /* Make the image fit the width of its parent container */
        height: auto !important; /* Maintain the aspect ratio */
        max-width: fit-content;
    }

.disableDiv {
    pointer-events: none;
}


.btnKalo {
    font-size: 14px;
    padding: 0 8px;
    border-radius: 8px;
    min-width: 105px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.form-check-input {
    transform: scale(1.5);
}

.minBtn {
    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-left: 8px;
}

.addOptionItem {
    cursor: pointer;
    padding: 2px;
}

    .addOptionItem img {
        width: 40px !important;
        margin-bottom: 1px;
        margin-top: 10px;
    }

    .addOptionItem:hover {
        border-radius: 5px;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    }


.filterItems {
    max-height: 200px;
    overflow-x: auto;
}

.stickyFilter {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
}

.stickyCartInfo {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
}

.addToCart {
    background-color: var(--bg-rashacaspian);
}

.bgRashacaspian {
    background-color: var(--bg-rashacaspian);
}

.btnCo {
    background-color: var(--bg-rashacaspian);
}

.colorCo {
    color: var(--bg-rashacaspian) !important;
}

.productViewDiscountTag {
    background-color: var(--bg-rashacaspian);
}

.ico svg path {
    stroke: var(--color-secondary);
}


@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

.shake {
    animation: shake 0.5s; /* مدت زمان انیمیشن */
    animation-iteration-count: 1; /* تعداد تکرار انیمیشن */
}

/*#ProductViewModal .input-group {
    max-width: none;
}
*/
#ProductViewModal .modal-body:first-child {
    padding-top: 5px !important;
}

.cartSwip {
}

    .cartSwip .image_product {
        border-radius: 0px !important;
        background-color: #fff !important;
    }

        .cartSwip .image_product img {
            mix-blend-mode: normal !important;
        }

    .cartSwip h3 {
        font-weight: 500 !important;
        font-size: 18px !important;
        text-align: center !important;
    }

    .cartSwip .title_product {
        margin-top: 0px !important;
    }





.cartSwip2 {
}

    .cartSwip2 h3 {
        font-weight: 500 !important;
        font-size: 18px !important;
        text-align: center !important;
        padding-top: 10px;
    }

    .cartSwip2 .title_product {
        margin-top: 0px !important;
    }




.color-price {
    color: #74777a !important;
}


.item-link .clear-filters {
    color: #007bff; /* Change this color to fit your design */
    text-decoration: none;
    margin-left: 10px; /* Space between the link and the title */
}

    .item-link .clear-filters:hover {
        text-decoration: underline; /* Underline on hover for better UX */
    }

.item-link .group {
    display: flex;
    align-items: flex-end;
}

.item-link .path__name {
    font-weight: bold;
}


.d-none {
    display: none;
}

.clear-filters {
    color: #007bff; /* Adjust color as needed */
    text-decoration: none;
    margin-right: 10px; /* Space between the link and the title */
}

    .clear-filters:hover {
        text-decoration: underline; /* Underline on hover */
    }











.step-card {
    border: 2px solid #007bff;
    border-radius: 10px;
    padding: 20px;
    margin: 10px;
    text-align: center;
    position: relative;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

    .step-card h5 {
        margin-top: 10px;
    }

    .step-card .icon {
        font-size: 40px;
        color: #007bff;
    }


.col:not(:first-child) .step-card::before {
    display: block;
}

.col:first-child .step-card::before {
    display: none; /* Hide arrow before the first card */
}

.row-steps {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.contact-map-container {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.contact-info {
    flex: 1;
    padding: 20px;
    background-color: #f8f9fa;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

    .contact-info h4 {
        margin-bottom: 15px;
    }

    .contact-info .address,
    .contact-info .phone {
        margin-bottom: 10px;
    }

.map-container {
    flex: 1;
    height: 400px;
    border: 1px solid #ddd;
    border-radius: 10px 0 0 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

    .map-container #map {
        width: 100%;
        height: 100%;
    }

.contact-info .links {
    margin-top: 15px;
}

    .contact-info .links a {
        display: inline-block;
        margin-right: 10px;
        font-size: 24px;
        color: #007bff;
        text-decoration: none;
    }

        .contact-info .links a:hover {
            color: #0056b3;
        }

@media (max-width: 767px) {
    .contact-map-container {
        flex-direction: column;
    }

    .map-container {
        height: 300px; /* Adjust height for mobile view */
        margin-top: 20px;
    }
}



/* مخفی کردن جدول در صفحات کوچک‌تر از 768px */
@media (max-width: 768px) {
    table.table {
        display: none;
    }

    .product-card {
        display: block;
        margin-bottom: 20px;
    }
}

/* مخفی کردن کارت‌ها در صفحات بزرگ‌تر از 768px */
@media (min-width: 769px) {
    .product-card {
        display: none;
    }
}

.topSiteMenu:hover {
    background-color: #0056b3;
    color: #fff !important;
}

.featurItem:hover {
    background-color: #0056b3;
    color: var(--bg-secondary) !important;
}

.selected-feature {
    background-color: var(--bg-yellow) !important; /* زرد طلایی برای دکمه انتخاب‌شده */
}


.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
    font-size: xx-large !important;
}


.btnFeaturss {
    max-width: 100%; /* عرض حداکثری دکمه‌ها */
    white-space: nowrap; /* جلوگیری از شکست خط */
    overflow: hidden; /* مخفی کردن متن اضافی */
    text-overflow: ellipsis; /* نمایش ... برای متن‌های طولانی */
    display: inline-block; /* قرار دادن دکمه‌ها به صورت بلوکی */
}

.topMenuDv {
    border-top: 1px solid gray;
    padding-top: 5px;
    border-bottom: 1px solid gray;
    background-color: var(--bg-snow);
    padding-bottom: 5px !important;
}