/*   =======
    helpers
    ========== */
/*-----------------------------
  media query
-----------------------------*/
/*-----------------------------
  Colors
-----------------------------*/
/*-----------------------------
  Background Colors
-----------------------------*/
/*-----------------------------
  Border Colors
-----------------------------*/
/*-----------------------------
  Color Social Network
-----------------------------*/
:root {
  --color-black: #000;
  --color-white: #fff;
  --color-primary: #533193;
  --color-secondary: #2D3954;
  --color-snow: #b2b6c2;
  --color-red: #f02c2d;
  --color-orange: #FC6C2E;
  --color-blue: #1266E3;
  --color-yellow: #ffa50d;
  --color-green: #533193;
  --color-text: #60677c;
  --color-pink: #ff59a2;
  --color-turquoise: #20bbd3;
  --color-purple: #7065EF;
  --bg-black: #000;
  --bg-white: #fff;
  --bg-primary: #533193;
  --bg-secondary: #0b2238;
  --bg-snow: #f4f6f8;
  --bg-red: #f02c2d;
  --bg-orange: #FC6C2E;
  --bg-blue: #1266E3;
  --bg-yellow: #ffa50d;
  --bg-green: #533193;
  --bg-purple: #7065EF;
  --bg-pink: #ff59a2;
  --bg-turquoise: #20bbd3;
  --bg-input: #f8f8f8;
  --border-black: #000;
  --border-white: #fff;
  --border-primary: #533193;
  --border-secondary: #0b2238;
  --border-snow: #e3e4ec;
  --border-red: #f02c2d;
  --border-orange: #FC6C2E;
  --border-blue: #1266E3;
  --border-yellow: #ffa50d;
  --border-green: #533193;
  --color-android: #a4c639;
  --color-clarity: #61bed9;
  --color-dribbble: #ea4c89;
  --color-foursquare: #f94877;
  --color-google-plus: #db4437;
  --color-instagram: #c32aa3;
  --color-mastodon: #2b90d9;
  --color-periscope: #40a4c4;
  --color-quora: #aa2200;
  --color-slack: #4a154b;
  --color-soundcloud: #ff5500;
  --color-stumbleupon: #e94826;
  --color-tiktok: #010101;
  --color-twitter: #1da1f2;
  --color-vk: #4a76a8;
  --color-yelp: #d32323;
  --color-alexa: #00a7ce;
  --color-deviantArt: #05cc47;
  --color-facebook: #1877f2;
  --color-linkedin: #007bb5;
  --color-medium: #02b875;
  --color-pinterest: #bd081c;
  --color-reddit: #ff4500;
  --color-slideshare: #e68523;
  --color-spotify: #1ed760;
  --color-tumblr: #35465d;
  --color-vimeo: #1ab7ea;
  --color-whatsapp: #25d366;
  --color-youtube: #ff0000;
  --color-amazon: #ff9900;
  --color-apple: #000000;
  --color-flickr: #f40083;
  --color-google: #4285f4;
  --color-houzz: #4dbc15;
  --color-microsoft: #f35022;
  --color-skype: #0078d7;
  --color-snapchat: #fffc00;
  --color-telegram: #0088cc;
  --color-behance: #0056ff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.invisible {
  visibility: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.padding-10 {
  padding: 10px;
}

.padding-20 {
  padding: 20px;
}

.padding-30 {
  padding: 30px;
}

.padding-40 {
  padding: 40px;
}

.padding-50 {
  padding: 50px;
}

.padding-60 {
  padding: 60px;
}

.padding-70 {
  padding: 70px;
}

.padding-80 {
  padding: 80px;
}

.padding-90 {
  padding: 90px;
}

.padding-100 {
  padding: 100px;
}

.margin-0 {
  margin: 0;
}

.margin-10 {
  margin: 10px;
}

.margin-20 {
  margin: 20px;
}

.margin-30 {
  margin: 30px;
}

.margin-40 {
  margin: 40px;
}

.margin-50 {
  margin: 50px;
}

.margin-60 {
  margin: 60px;
}

.margin-70 {
  margin: 70px;
}

.margin-80 {
  margin: 80px;
}

.margin-90 {
  margin: 90px;
}

.margin-100 {
  margin: 100px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.-margin-r-60 {
  margin-right: -60px;
}

.-margin-r-70 {
  margin-right: -70px;
}

.-margin-r-80 {
  margin-right: -80px;
}

.-margin-r-90 {
  margin-right: -90px;
}

.-margin-r-100 {
  margin-right: -100px;
}

/* ============
 - margin Small (sm)
    ==============*/
@media (min-width: 768px) {
  .-margin-r-sm-10 {
    margin-right: -10px;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-20 {
    margin-right: -20px;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-30 {
    margin-right: -30px;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-40 {
    margin-right: -40px;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-50 {
    margin-right: -50px;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-60 {
    margin-right: -60px;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-70 {
    margin-right: -70px;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-80 {
    margin-right: -80px;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-90 {
    margin-right: -90px;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-100 {
    margin-right: -100px;
  }
}

/* ============
- margin Medium (md)
    ==============*/
@media (min-width: 992px) {
  .-margin-r-md-10 {
    margin-right: -10px;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-20 {
    margin-right: -20px;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-30 {
    margin-right: -30px;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-40 {
    margin-right: -40px;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-50 {
    margin-right: -50px;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-60 {
    margin-right: -60px;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-70 {
    margin-right: -70px;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-80 {
    margin-right: -80px;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-90 {
    margin-right: -90px;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-100 {
    margin-right: -100px;
  }
}

/* ============
- margin Large (md)
    ==============*/
@media (min-width: 1200px) {
  .-margin-r-lg-10 {
    margin-right: -10px;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-20 {
    margin-right: -20px;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-30 {
    margin-right: -30px;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-40 {
    margin-right: -40px;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-50 {
    margin-right: -50px;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-60 {
    margin-right: -60px;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-70 {
    margin-right: -70px;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-80 {
    margin-right: -80px;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-90 {
    margin-right: -90px;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-100 {
    margin-right: -100px;
  }
}

/* ============
- margin Left All Screens
==============*/
.-margin-l-10 {
  margin-left: -10px;
}

.-margin-l-20 {
  margin-left: -20px;
}

.-margin-l-30 {
  margin-left: -30px;
}

.-margin-l-40 {
  margin-left: -40px;
}

.-margin-l-50 {
  margin-left: -50px;
}

.-margin-l-60 {
  margin-left: -60px;
}

.-margin-l-70 {
  margin-left: -70px;
}

.-margin-l-80 {
  margin-left: -80px;
}

.-margin-l-90 {
  margin-left: -90px;
}

.-margin-l-100 {
  margin-left: -100px;
}

/* ============
- margin Small (sm)
  ==============*/
@media (min-width: 768px) {
  .-margin-l-sm-10 {
    margin-left: -10px;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-20 {
    margin-left: -20px;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-30 {
    margin-left: -30px;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-40 {
    margin-left: -40px;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-50 {
    margin-left: -50px;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-60 {
    margin-left: -60px;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-70 {
    margin-left: -70px;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-80 {
    margin-left: -80px;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-90 {
    margin-left: -90px;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-100 {
    margin-left: -100px;
  }
}

/* ============
- margin Medium (md)
==============*/
@media (min-width: 992px) {
  .-margin-l-md-10 {
    margin-left: -10px;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-20 {
    margin-left: -20px;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-30 {
    margin-left: -30px;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-40 {
    margin-left: -40px;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-50 {
    margin-left: -50px;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-60 {
    margin-left: -60px;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-70 {
    margin-left: -70px;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-80 {
    margin-left: -80px;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-90 {
    margin-left: -90px;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-100 {
    margin-left: -100px;
  }
}

/* ============
- margin Large (md)
 ==============*/
@media (min-width: 1200px) {
  .-margin-l-lg-10 {
    margin-left: -10px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-20 {
    margin-left: -20px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-30 {
    margin-left: -30px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-40 {
    margin-left: -40px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-50 {
    margin-left: -50px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-60 {
    margin-left: -60px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-70 {
    margin-left: -70px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-80 {
    margin-left: -80px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-90 {
    margin-left: -90px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-100 {
    margin-left: -100px;
  }
}

/* ============
Width All Screens
==============*/
.w-0 {
  width: 0;
}

.w-1 {
  width: 1px;
}

.w-2 {
  width: 2px;
}

.w-3 {
  width: 3px;
}

.w-4 {
  width: 4px;
}

.w-5 {
  width: 5px;
}

.w-6 {
  width: 6px;
}

.w-7 {
  width: 7px;
}

.w-8 {
  width: 8px;
}

.w-9 {
  width: 9px;
}

.w-10 {
  width: 10px;
}

.w-11 {
  width: 11px;
}

.w-12 {
  width: 12px;
}

.w-13 {
  width: 13px;
}

.w-14 {
  width: 14px;
}

.w-15 {
  width: 15px;
}

.w-16 {
  width: 16px;
}

.w-17 {
  width: 17px;
}

.w-18 {
  width: 18px;
}

.w-19 {
  width: 19px;
}

.w-20 {
  width: 20px;
}

.w-21 {
  width: 21px;
}

.w-22 {
  width: 22px;
}

.w-23 {
  width: 23px;
}

.w-24 {
  width: 24px;
}

.w-25 {
  width: 25px;
}

.w-26 {
  width: 26px;
}

.w-27 {
  width: 27px;
}

.w-28 {
  width: 28px;
}

.w-29 {
  width: 29px;
}

.w-30 {
  width: 30px;
}

.w-31 {
  width: 31px;
}

.w-32 {
  width: 32px;
}

.w-33 {
  width: 33px;
}

.w-34 {
  width: 34px;
}

.w-35 {
  width: 35px;
}

.w-36 {
  width: 36px;
}

.w-37 {
  width: 37px;
}

.w-38 {
  width: 38px;
}

.w-39 {
  width: 39px;
}

.w-40 {
  width: 40px;
}

.w-41 {
  width: 41px;
}

.w-42 {
  width: 42px;
}

.w-43 {
  width: 43px;
}

.w-44 {
  width: 44px;
}

.w-45 {
  width: 45px;
}

.w-46 {
  width: 46px;
}

.w-47 {
  width: 47px;
}

.w-48 {
  width: 48px;
}

.w-49 {
  width: 49px;
}

.w-50 {
  width: 50px;
}

.w-51 {
  width: 51px;
}

.w-52 {
  width: 52px;
}

.w-53 {
  width: 53px;
}

.w-54 {
  width: 54px;
}

.w-55 {
  width: 55px;
}

.w-56 {
  width: 56px;
}

.w-57 {
  width: 57px;
}

.w-58 {
  width: 58px;
}

.w-59 {
  width: 59px;
}

.w-60 {
  width: 60px;
}

.w-full {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

.w-auto {
  width: auto;
}

.w-max-content {
  width: max-content;
}

/* ============
height All Screens
==============*/
.h-0 {
  height: 0;
}

.h-1 {
  height: 1px;
}

.h-2 {
  height: 2px;
}

.h-3 {
  height: 3px;
}

.h-4 {
  height: 4px;
}

.h-5 {
  height: 5px;
}

.h-6 {
  height: 6px;
}

.h-7 {
  height: 7px;
}

.h-8 {
  height: 8px;
}

.h-9 {
  height: 9px;
}

.h-10 {
  height: 10px;
}

.h-11 {
  height: 11px;
}

.h-12 {
  height: 12px;
}

.h-13 {
  height: 13px;
}

.h-14 {
  height: 14px;
}

.h-15 {
  height: 15px;
}

.h-16 {
  height: 16px;
}

.h-17 {
  height: 17px;
}

.h-18 {
  height: 18px;
}

.h-19 {
  height: 19px;
}

.h-20 {
  height: 20px;
}

.h-21 {
  height: 21px;
}

.h-22 {
  height: 22px;
}

.h-23 {
  height: 23px;
}

.h-24 {
  height: 24px;
}

.h-25 {
  height: 25px;
}

.h-26 {
  height: 26px;
}

.h-27 {
  height: 27px;
}

.h-28 {
  height: 28px;
}

.h-29 {
  height: 29px;
}

.h-30 {
  height: 30px;
}

.h-31 {
  height: 31px;
}

.h-32 {
  height: 32px;
}

.h-33 {
  height: 33px;
}

.h-34 {
  height: 34px;
}

.h-35 {
  height: 35px;
}

.h-36 {
  height: 36px;
}

.h-37 {
  height: 37px;
}

.h-38 {
  height: 38px;
}

.h-39 {
  height: 39px;
}

.h-40 {
  height: 40px;
}

.h-41 {
  height: 41px;
}

.h-42 {
  height: 42px;
}

.h-43 {
  height: 43px;
}

.h-44 {
  height: 44px;
}

.h-45 {
  height: 45px;
}

.h-46 {
  height: 46px;
}

.h-47 {
  height: 47px;
}

.h-48 {
  height: 48px;
}

.h-49 {
  height: 49px;
}

.h-50 {
  height: 50px;
}

.h-51 {
  height: 51px;
}

.h-52 {
  height: 52px;
}

.h-53 {
  height: 53px;
}

.h-54 {
  height: 54px;
}

.h-55 {
  height: 55px;
}

.h-56 {
  height: 56px;
}

.h-57 {
  height: 57px;
}

.h-58 {
  height: 58px;
}

.h-59 {
  height: 59px;
}

.h-60 {
  height: 60px;
}

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

.h-auto {
  height: auto;
}

.h-max-content {
  height: max-content;
}

/* ============
min-width All Screens
==============*/
.min-w-10 {
  min-width: 10px;
}

.min-w-15 {
  min-width: 15px;
}

.min-w-20 {
  min-width: 20px;
}

.min-w-25 {
  min-width: 25px;
}

.min-w-30 {
  min-width: 30px;
}

.min-w-35 {
  min-width: 35px;
}

.min-w-40 {
  min-width: 40px;
}

.min-w-45 {
  min-width: 45px;
}

.min-w-50 {
  min-width: 50px;
}

.min-w-55 {
  min-width: 55px;
}

.min-w-60 {
  min-width: 60px;
}

.min-w-65 {
  min-width: 65px;
}

.min-w-70 {
  min-width: 70px;
}

.min-w-75 {
  min-width: 75px;
}

.min-w-80 {
  min-width: 80px;
}

.min-w-85 {
  min-width: 85px;
}

.min-w-90 {
  min-width: 90px;
}

.min-w-95 {
  min-width: 95px;
}

.min-w-100 {
  min-width: 100px;
}

.min-w-105 {
  min-width: 105px;
}

.min-w-110 {
  min-width: 110px;
}

.min-w-115 {
  min-width: 115px;
}

.min-w-120 {
  min-width: 120px;
}

.min-w-125 {
  min-width: 125px;
}

.min-w-130 {
  min-width: 130px;
}

.min-w-135 {
  min-width: 135px;
}

.min-w-140 {
  min-width: 140px;
}

.min-w-145 {
  min-width: 145px;
}

.min-w-150 {
  min-width: 150px;
}

.min-w-155 {
  min-width: 155px;
}

.min-w-160 {
  min-width: 160px;
}

.min-w-165 {
  min-width: 165px;
}

.min-w-170 {
  min-width: 170px;
}

.min-w-175 {
  min-width: 175px;
}

.min-w-180 {
  min-width: 180px;
}

/* ============
Font Size to 80px
==============*/
.size-1 {
  font-size: 1px !important;
}

.size-2 {
  font-size: 2px !important;
}

.size-3 {
  font-size: 3px !important;
}

.size-4 {
  font-size: 4px !important;
}

.size-5 {
  font-size: 5px !important;
}

.size-6 {
  font-size: 6px !important;
}

.size-7 {
  font-size: 7px !important;
}

.size-8 {
  font-size: 8px !important;
}

.size-8 {
  font-size: 8px !important;
}

.size-9 {
  font-size: 9px !important;
}

.size-10 {
  font-size: 10px !important;
}

.size-11 {
  font-size: 11px !important;
}

.size-12 {
  font-size: 12px !important;
}

.size-13 {
  font-size: 13px !important;
}

.size-14 {
  font-size: 14px !important;
}

.size-15 {
  font-size: 15px !important;
}

.size-16 {
  font-size: 16px !important;
}

.size-17 {
  font-size: 17px !important;
}

.size-18 {
  font-size: 18px !important;
}

.size-19 {
  font-size: 19px !important;
}

.size-20 {
  font-size: 20px !important;
}

.size-21 {
  font-size: 21px !important;
}

.size-22 {
  font-size: 22px !important;
}

.size-23 {
  font-size: 23px !important;
}

.size-24 {
  font-size: 24px !important;
}

.size-25 {
  font-size: 25px !important;
}

.size-26 {
  font-size: 26px !important;
}

.size-27 {
  font-size: 27px !important;
}

.size-28 {
  font-size: 28px !important;
}

.size-29 {
  font-size: 29px !important;
}

.size-30 {
  font-size: 30px !important;
}

.size-31 {
  font-size: 31px !important;
}

.size-32 {
  font-size: 32px !important;
}

.size-33 {
  font-size: 33px !important;
}

.size-34 {
  font-size: 34px !important;
}

.size-35 {
  font-size: 35px !important;
}

.size-36 {
  font-size: 36px !important;
}

.size-37 {
  font-size: 37px !important;
}

.size-38 {
  font-size: 38px !important;
}

.size-39 {
  font-size: 39px !important;
}

.size-40 {
  font-size: 40px !important;
}

.size-41 {
  font-size: 41px !important;
}

.size-42 {
  font-size: 42px !important;
}

.size-43 {
  font-size: 43px !important;
}

.size-44 {
  font-size: 44px !important;
}

.size-45 {
  font-size: 45px !important;
}

.size-46 {
  font-size: 46px !important;
}

.size-47 {
  font-size: 47px !important;
}

.size-48 {
  font-size: 48px !important;
}

.size-49 {
  font-size: 49px !important;
}

.size-50 {
  font-size: 50px !important;
}

.size-51 {
  font-size: 51px !important;
}

.size-52 {
  font-size: 52px !important;
}

.size-53 {
  font-size: 53px !important;
}

.size-54 {
  font-size: 54px !important;
}

.size-55 {
  font-size: 55px !important;
}

.size-56 {
  font-size: 56px !important;
}

.size-57 {
  font-size: 57px !important;
}

.size-58 {
  font-size: 58px !important;
}

.size-59 {
  font-size: 59px !important;
}

.size-60 {
  font-size: 60px !important;
}

.size-61 {
  font-size: 61px !important;
}

.size-62 {
  font-size: 62px !important;
}

.size-63 {
  font-size: 63px !important;
}

.size-64 {
  font-size: 64px !important;
}

.size-65 {
  font-size: 65px !important;
}

.size-66 {
  font-size: 66px !important;
}

.size-67 {
  font-size: 67px !important;
}

.size-68 {
  font-size: 68px !important;
}

.size-69 {
  font-size: 69px !important;
}

.size-70 {
  font-size: 70px !important;
}

.size-71 {
  font-size: 71px !important;
}

.size-72 {
  font-size: 72px !important;
}

.size-73 {
  font-size: 73px !important;
}

.size-74 {
  font-size: 74px !important;
}

.size-75 {
  font-size: 72px !important;
}

.size-76 {
  font-size: 76px !important;
}

.size-77 {
  font-size: 77px !important;
}

.size-78 {
  font-size: 78px !important;
}

.size-79 {
  font-size: 79px !important;
}

.size-80 {
  font-size: 80px !important;
}

/* ============
Font Size Small (sm) 40px and above
==============*/
@media (min-width: 768px) {
  .size-sm-40 {
    font-size: 40px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-41 {
    font-size: 41px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-42 {
    font-size: 42px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-43 {
    font-size: 43px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-44 {
    font-size: 44px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-45 {
    font-size: 45px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-46 {
    font-size: 46px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-47 {
    font-size: 47px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-48 {
    font-size: 48px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-49 {
    font-size: 49px !important;
  }
}

.size-sm-50 {
  font-size: 50px !important;
}

@media (min-width: 768px) {
  .size-sm-51 {
    font-size: 51px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-52 {
    font-size: 52px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-53 {
    font-size: 53px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-54 {
    font-size: 54px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-55 {
    font-size: 55px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-56 {
    font-size: 56px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-57 {
    font-size: 57px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-58 {
    font-size: 58px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-59 {
    font-size: 59px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-60 {
    font-size: 60px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-61 {
    font-size: 61px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-62 {
    font-size: 62px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-63 {
    font-size: 63px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-64 {
    font-size: 64px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-65 {
    font-size: 65px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-66 {
    font-size: 66px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-67 {
    font-size: 67px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-68 {
    font-size: 68px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-69 {
    font-size: 69px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-70 {
    font-size: 70px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-71 {
    font-size: 71px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-72 {
    font-size: 72px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-73 {
    font-size: 73px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-74 {
    font-size: 74px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-75 {
    font-size: 72px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-76 {
    font-size: 76px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-77 {
    font-size: 77px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-78 {
    font-size: 78px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-79 {
    font-size: 79px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-80 {
    font-size: 80px !important;
  }
}

/* ============
Font Size Medium (md) 40px and above
==============*/
@media (min-width: 992px) {
  .size-md-40 {
    font-size: 40px !important;
  }
}

@media (min-width: 992px) {
  .size-md-41 {
    font-size: 41px !important;
  }
}

@media (min-width: 992px) {
  .size-md-42 {
    font-size: 42px !important;
  }
}

@media (min-width: 992px) {
  .size-md-43 {
    font-size: 43px !important;
  }
}

@media (min-width: 992px) {
  .size-md-44 {
    font-size: 44px !important;
  }
}

@media (min-width: 992px) {
  .size-md-45 {
    font-size: 45px !important;
  }
}

@media (min-width: 992px) {
  .size-md-46 {
    font-size: 46px !important;
  }
}

@media (min-width: 992px) {
  .size-md-47 {
    font-size: 47px !important;
  }
}

@media (min-width: 992px) {
  .size-md-48 {
    font-size: 48px !important;
  }
}

@media (min-width: 992px) {
  .size-md-49 {
    font-size: 49px !important;
  }
}

.size-md-50 {
  font-size: 50px !important;
}

@media (min-width: 992px) {
  .size-md-51 {
    font-size: 51px !important;
  }
}

@media (min-width: 992px) {
  .size-md-52 {
    font-size: 52px !important;
  }
}

@media (min-width: 992px) {
  .size-md-53 {
    font-size: 53px !important;
  }
}

@media (min-width: 992px) {
  .size-md-54 {
    font-size: 54px !important;
  }
}

@media (min-width: 992px) {
  .size-md-55 {
    font-size: 55px !important;
  }
}

@media (min-width: 992px) {
  .size-md-56 {
    font-size: 56px !important;
  }
}

@media (min-width: 992px) {
  .size-md-57 {
    font-size: 57px !important;
  }
}

@media (min-width: 992px) {
  .size-md-58 {
    font-size: 58px !important;
  }
}

@media (min-width: 992px) {
  .size-md-59 {
    font-size: 59px !important;
  }
}

@media (min-width: 992px) {
  .size-md-60 {
    font-size: 60px !important;
  }
}

@media (min-width: 992px) {
  .size-md-61 {
    font-size: 61px !important;
  }
}

@media (min-width: 992px) {
  .size-md-62 {
    font-size: 62px !important;
  }
}

@media (min-width: 992px) {
  .size-md-63 {
    font-size: 63px !important;
  }
}

@media (min-width: 992px) {
  .size-md-64 {
    font-size: 64px !important;
  }
}

@media (min-width: 992px) {
  .size-md-65 {
    font-size: 65px !important;
  }
}

@media (min-width: 992px) {
  .size-md-66 {
    font-size: 66px !important;
  }
}

@media (min-width: 992px) {
  .size-md-67 {
    font-size: 67px !important;
  }
}

@media (min-width: 992px) {
  .size-md-68 {
    font-size: 68px !important;
  }
}

@media (min-width: 992px) {
  .size-md-69 {
    font-size: 69px !important;
  }
}

@media (min-width: 992px) {
  .size-md-70 {
    font-size: 70px !important;
  }
}

@media (min-width: 992px) {
  .size-md-71 {
    font-size: 71px !important;
  }
}

@media (min-width: 992px) {
  .size-md-72 {
    font-size: 72px !important;
  }
}

@media (min-width: 992px) {
  .size-md-73 {
    font-size: 73px !important;
  }
}

@media (min-width: 992px) {
  .size-md-74 {
    font-size: 74px !important;
  }
}

@media (min-width: 992px) {
  .size-md-75 {
    font-size: 72px !important;
  }
}

@media (min-width: 992px) {
  .size-md-76 {
    font-size: 76px !important;
  }
}

@media (min-width: 992px) {
  .size-md-77 {
    font-size: 77px !important;
  }
}

@media (min-width: 992px) {
  .size-md-78 {
    font-size: 78px !important;
  }
}

@media (min-width: 992px) {
  .size-md-79 {
    font-size: 79px !important;
  }
}

@media (min-width: 992px) {
  .size-md-80 {
    font-size: 80px !important;
  }
}

/* ============
Font Size Medium (md) 40px and above
==============*/
@media (min-width: 1200px) {
  .size-lg-40 {
    font-size: 40px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-41 {
    font-size: 41px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-42 {
    font-size: 42px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-43 {
    font-size: 43px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-44 {
    font-size: 44px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-45 {
    font-size: 45px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-46 {
    font-size: 46px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-47 {
    font-size: 47px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-48 {
    font-size: 48px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-49 {
    font-size: 49px !important;
  }
}

.size-lg-50 {
  font-size: 50px !important;
}

@media (min-width: 1200px) {
  .size-lg-51 {
    font-size: 51px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-52 {
    font-size: 52px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-53 {
    font-size: 53px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-54 {
    font-size: 54px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-55 {
    font-size: 55px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-56 {
    font-size: 56px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-57 {
    font-size: 57px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-58 {
    font-size: 58px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-59 {
    font-size: 59px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-60 {
    font-size: 60px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-61 {
    font-size: 61px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-62 {
    font-size: 62px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-63 {
    font-size: 63px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-64 {
    font-size: 64px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-65 {
    font-size: 65px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-66 {
    font-size: 66px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-67 {
    font-size: 67px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-68 {
    font-size: 68px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-69 {
    font-size: 69px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-70 {
    font-size: 70px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-71 {
    font-size: 71px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-72 {
    font-size: 72px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-73 {
    font-size: 73px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-74 {
    font-size: 74px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-75 {
    font-size: 72px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-76 {
    font-size: 76px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-77 {
    font-size: 77px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-78 {
    font-size: 78px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-79 {
    font-size: 79px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-80 {
    font-size: 80px !important;
  }
}

/* ============
Font weight
==============*/
.weight-400 {
  font-weight: 400;
}

.weight-500 {
  font-weight: 500;
}

.weight-600 {
  font-weight: 600;
}

.weight-700 {
  font-weight: 700;
}

.weight-800 {
  font-weight: 800;
}

.weight-900 {
  font-weight: 900;
}

/* ============
List Style Type
==============*/
.list-none {
  list-style-type: none;
}

.list-disc {
  list-style-type: disc;
}

.list-decimal {
  list-style-type: decimal;
}

/* ============
List Style Position
==============*/
.list-inside {
  list-style-position: inside;
}

.list-outside {
  list-style-position: outside;
}

/* ============
Text Color
==============*/
.color-transparent {
  color: transparent;
}

.color-black {
  color: var(--color-black);
}

.color-white {
  color: var(--color-white);
}

.color-primary {
  color: var(--color-primary);
}

.color-secondary {
  color: var(--color-secondary);
}

.color-snow {
  color: var(--color-snow);
}

.color-red {
  color: var(--color-red);
}

.color-orange {
  color: var(--color-orange);
}

.color-blue {
  color: var(--color-blue);
}

.color-yellow {
  color: var(--color-yellow);
}

.color-green {
  color: var(--color-green);
}

.color-text {
  color: var(--color-text);
}

.color-comment {
  color: var(--color-comment);
}

/* ============
Opacity Color Text 
==============*/
.color-opacity-5.color-black {
  color: rgba(0, 0, 0, 0.05);
}
.color-opacity-5.color-white {
  color: rgba(255, 255, 255, 0.05);
}
.color-opacity-5.color-primary {
  color: rgba(132, 49, 147, 0.05);
}
.color-opacity-5.color-secondary {
  color: rgba(45, 57, 84, 0.05);
}
.color-opacity-5.color-snow {
  color: rgba(178, 182, 194, 0.05);
}
.color-opacity-5.color-red {
  color: rgba(240, 44, 45, 0.05);
}
.color-opacity-5.color-orange {
  color: rgba(252, 108, 46, 0.05);
}
.color-opacity-5.color-blue {
  color: rgba(18, 102, 227, 0.05);
}
.color-opacity-5.color-yellow {
  color: rgba(255, 165, 13, 0.05);
}
.color-opacity-5.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.1);
}
.color-opacity-10.color-secondary {
  color: rgba(45, 57, 84, 0.1);
}
.color-opacity-10.color-snow {
  color: rgba(178, 182, 194, 0.1);
}
.color-opacity-10.color-red {
  color: rgba(240, 44, 45, 0.1);
}
.color-opacity-10.color-orange {
  color: rgba(252, 108, 46, 0.1);
}
.color-opacity-10.color-blue {
  color: rgba(18, 102, 227, 0.1);
}
.color-opacity-10.color-yellow {
  color: rgba(255, 165, 13, 0.1);
}
.color-opacity-10.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.15);
}
.color-opacity-15.color-secondary {
  color: rgba(45, 57, 84, 0.15);
}
.color-opacity-15.color-snow {
  color: rgba(178, 182, 194, 0.15);
}
.color-opacity-15.color-red {
  color: rgba(240, 44, 45, 0.15);
}
.color-opacity-15.color-orange {
  color: rgba(252, 108, 46, 0.15);
}
.color-opacity-15.color-blue {
  color: rgba(18, 102, 227, 0.15);
}
.color-opacity-15.color-yellow {
  color: rgba(255, 165, 13, 0.15);
}
.color-opacity-15.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.2);
}
.color-opacity-20.color-secondary {
  color: rgba(45, 57, 84, 0.2);
}
.color-opacity-20.color-snow {
  color: rgba(178, 182, 194, 0.2);
}
.color-opacity-20.color-red {
  color: rgba(240, 44, 45, 0.2);
}
.color-opacity-20.color-orange {
  color: rgba(252, 108, 46, 0.2);
}
.color-opacity-20.color-blue {
  color: rgba(18, 102, 227, 0.2);
}
.color-opacity-20.color-yellow {
  color: rgba(255, 165, 13, 0.2);
}
.color-opacity-20.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.25);
}
.color-opacity-25.color-secondary {
  color: rgba(45, 57, 84, 0.25);
}
.color-opacity-25.color-snow {
  color: rgba(178, 182, 194, 0.25);
}
.color-opacity-25.color-red {
  color: rgba(240, 44, 45, 0.25);
}
.color-opacity-25.color-orange {
  color: rgba(252, 108, 46, 0.25);
}
.color-opacity-25.color-blue {
  color: rgba(18, 102, 227, 0.25);
}
.color-opacity-25.color-yellow {
  color: rgba(255, 165, 13, 0.25);
}
.color-opacity-25.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.3);
}
.color-opacity-30.color-secondary {
  color: rgba(45, 57, 84, 0.3);
}
.color-opacity-30.color-snow {
  color: rgba(178, 182, 194, 0.3);
}
.color-opacity-30.color-red {
  color: rgba(240, 44, 45, 0.3);
}
.color-opacity-30.color-orange {
  color: rgba(252, 108, 46, 0.3);
}
.color-opacity-30.color-blue {
  color: rgba(18, 102, 227, 0.3);
}
.color-opacity-30.color-yellow {
  color: rgba(255, 165, 13, 0.3);
}
.color-opacity-30.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.35);
}
.color-opacity-35.color-secondary {
  color: rgba(45, 57, 84, 0.35);
}
.color-opacity-35.color-snow {
  color: rgba(178, 182, 194, 0.35);
}
.color-opacity-35.color-red {
  color: rgba(240, 44, 45, 0.35);
}
.color-opacity-35.color-orange {
  color: rgba(252, 108, 46, 0.35);
}
.color-opacity-35.color-blue {
  color: rgba(18, 102, 227, 0.35);
}
.color-opacity-35.color-yellow {
  color: rgba(255, 165, 13, 0.35);
}
.color-opacity-35.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.4);
}
.color-opacity-40.color-secondary {
  color: rgba(45, 57, 84, 0.4);
}
.color-opacity-40.color-snow {
  color: rgba(178, 182, 194, 0.4);
}
.color-opacity-40.color-red {
  color: rgba(240, 44, 45, 0.4);
}
.color-opacity-40.color-orange {
  color: rgba(252, 108, 46, 0.4);
}
.color-opacity-40.color-blue {
  color: rgba(18, 102, 227, 0.4);
}
.color-opacity-40.color-yellow {
  color: rgba(255, 165, 13, 0.4);
}
.color-opacity-40.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.45);
}
.color-opacity-45.color-secondary {
  color: rgba(45, 57, 84, 0.45);
}
.color-opacity-45.color-snow {
  color: rgba(178, 182, 194, 0.45);
}
.color-opacity-45.color-red {
  color: rgba(240, 44, 45, 0.45);
}
.color-opacity-45.color-orange {
  color: rgba(252, 108, 46, 0.45);
}
.color-opacity-45.color-blue {
  color: rgba(18, 102, 227, 0.45);
}
.color-opacity-45.color-yellow {
  color: rgba(255, 165, 13, 0.45);
}
.color-opacity-45.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.5);
}
.color-opacity-50.color-secondary {
  color: rgba(45, 57, 84, 0.5);
}
.color-opacity-50.color-snow {
  color: rgba(178, 182, 194, 0.5);
}
.color-opacity-50.color-red {
  color: rgba(240, 44, 45, 0.5);
}
.color-opacity-50.color-orange {
  color: rgba(252, 108, 46, 0.5);
}
.color-opacity-50.color-blue {
  color: rgba(18, 102, 227, 0.5);
}
.color-opacity-50.color-yellow {
  color: rgba(255, 165, 13, 0.5);
}
.color-opacity-50.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.55);
}
.color-opacity-55.color-secondary {
  color: rgba(45, 57, 84, 0.55);
}
.color-opacity-55.color-snow {
  color: rgba(178, 182, 194, 0.55);
}
.color-opacity-55.color-red {
  color: rgba(240, 44, 45, 0.55);
}
.color-opacity-55.color-orange {
  color: rgba(252, 108, 46, 0.55);
}
.color-opacity-55.color-blue {
  color: rgba(18, 102, 227, 0.55);
}
.color-opacity-55.color-yellow {
  color: rgba(255, 165, 13, 0.55);
}
.color-opacity-55.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.6);
}
.color-opacity-60.color-secondary {
  color: rgba(45, 57, 84, 0.6);
}
.color-opacity-60.color-snow {
  color: rgba(178, 182, 194, 0.6);
}
.color-opacity-60.color-red {
  color: rgba(240, 44, 45, 0.6);
}
.color-opacity-60.color-orange {
  color: rgba(252, 108, 46, 0.6);
}
.color-opacity-60.color-blue {
  color: rgba(18, 102, 227, 0.6);
}
.color-opacity-60.color-yellow {
  color: rgba(255, 165, 13, 0.6);
}
.color-opacity-60.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.65);
}
.color-opacity-65.color-secondary {
  color: rgba(45, 57, 84, 0.65);
}
.color-opacity-65.color-snow {
  color: rgba(178, 182, 194, 0.65);
}
.color-opacity-65.color-red {
  color: rgba(240, 44, 45, 0.65);
}
.color-opacity-65.color-orange {
  color: rgba(252, 108, 46, 0.65);
}
.color-opacity-65.color-blue {
  color: rgba(18, 102, 227, 0.65);
}
.color-opacity-65.color-yellow {
  color: rgba(255, 165, 13, 0.65);
}
.color-opacity-65.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.7);
}
.color-opacity-70.color-secondary {
  color: rgba(45, 57, 84, 0.7);
}
.color-opacity-70.color-snow {
  color: rgba(178, 182, 194, 0.7);
}
.color-opacity-70.color-red {
  color: rgba(240, 44, 45, 0.7);
}
.color-opacity-70.color-orange {
  color: rgba(252, 108, 46, 0.7);
}
.color-opacity-70.color-blue {
  color: rgba(18, 102, 227, 0.7);
}
.color-opacity-70.color-yellow {
  color: rgba(255, 165, 13, 0.7);
}
.color-opacity-70.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.75);
}
.color-opacity-75.color-secondary {
  color: rgba(45, 57, 84, 0.75);
}
.color-opacity-75.color-snow {
  color: rgba(178, 182, 194, 0.75);
}
.color-opacity-75.color-red {
  color: rgba(240, 44, 45, 0.75);
}
.color-opacity-75.color-orange {
  color: rgba(252, 108, 46, 0.75);
}
.color-opacity-75.color-blue {
  color: rgba(18, 102, 227, 0.75);
}
.color-opacity-75.color-yellow {
  color: rgba(255, 165, 13, 0.75);
}
.color-opacity-75.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.8);
}
.color-opacity-80.color-secondary {
  color: rgba(45, 57, 84, 0.8);
}
.color-opacity-80.color-snow {
  color: rgba(178, 182, 194, 0.8);
}
.color-opacity-80.color-red {
  color: rgba(240, 44, 45, 0.8);
}
.color-opacity-80.color-orange {
  color: rgba(252, 108, 46, 0.8);
}
.color-opacity-80.color-blue {
  color: rgba(18, 102, 227, 0.8);
}
.color-opacity-80.color-yellow {
  color: rgba(255, 165, 13, 0.8);
}
.color-opacity-80.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.85);
}
.color-opacity-85.color-secondary {
  color: rgba(45, 57, 84, 0.85);
}
.color-opacity-85.color-snow {
  color: rgba(178, 182, 194, 0.85);
}
.color-opacity-85.color-red {
  color: rgba(240, 44, 45, 0.85);
}
.color-opacity-85.color-orange {
  color: rgba(252, 108, 46, 0.85);
}
.color-opacity-85.color-blue {
  color: rgba(18, 102, 227, 0.85);
}
.color-opacity-85.color-yellow {
  color: rgba(255, 165, 13, 0.85);
}
.color-opacity-85.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.9);
}
.color-opacity-90.color-secondary {
  color: rgba(45, 57, 84, 0.9);
}
.color-opacity-90.color-snow {
  color: rgba(178, 182, 194, 0.9);
}
.color-opacity-90.color-red {
  color: rgba(240, 44, 45, 0.9);
}
.color-opacity-90.color-orange {
  color: rgba(252, 108, 46, 0.9);
}
.color-opacity-90.color-blue {
  color: rgba(18, 102, 227, 0.9);
}
.color-opacity-90.color-yellow {
  color: rgba(255, 165, 13, 0.9);
}
.color-opacity-90.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.95);
}
.color-opacity-95.color-secondary {
  color: rgba(45, 57, 84, 0.95);
}
.color-opacity-95.color-snow {
  color: rgba(178, 182, 194, 0.95);
}
.color-opacity-95.color-red {
  color: rgba(240, 44, 45, 0.95);
}
.color-opacity-95.color-orange {
  color: rgba(252, 108, 46, 0.95);
}
.color-opacity-95.color-blue {
  color: rgba(18, 102, 227, 0.95);
}
.color-opacity-95.color-yellow {
  color: rgba(255, 165, 13, 0.95);
}
.color-opacity-95.color-green {
  color: rgba(132, 49, 147, 0.95);
}

/* ============
Background Color
==============*/
.bg-transparent {
  background-color: transparent;
}

.bg-black {
  background-color: var(--bg-black);
}

.bg-white {
  background-color: var(--bg-white) !important;
}

.bg-primary {
  background-color: var(--bg-primary) !important;
}

.bg-secondary {
  background-color: var(--bg-secondary) !important;
}

.bg-snow {
  background-color: var(--bg-snow);
}

.bg-red {
  background-color: var(--bg-red) !important;
}

.bg-orange {
  background-color: var(--bg-orange);
}

.bg-blue {
  background-color: var(--bg-blue);
}

.bg-yellow {
  background-color: var(--bg-yellow);
}

.bg-green {
  background-color: var(--bg-green);
}

.bg-purple {
  background-color: var(--bg-purple);
}

.bg-pink {
  background-color: var(--bg-pink);
}

/* ============
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(132, 49, 147, 0.05);
}
.bg-opacity-5.bg-secondary {
  background-color: rgba(11, 34, 56, 0.05);
}
.bg-opacity-5.bg-snow {
  background-color: rgba(244, 246, 248, 0.05);
}
.bg-opacity-5.bg-red {
  background-color: rgba(240, 44, 45, 0.05);
}
.bg-opacity-5.bg-orange {
  background-color: rgba(252, 108, 46, 0.05);
}
.bg-opacity-5.bg-blue {
  background-color: rgba(18, 102, 227, 0.05);
}
.bg-opacity-5.bg-yellow {
  background-color: rgba(255, 165, 13, 0.05);
}
.bg-opacity-5.bg-green {
  background-color: rgba(132, 49, 147, 0.05);
}

.bg-opacity-10.bg-black {
  background-color: rgba(0, 0, 0, 0.1);
}
.bg-opacity-10.bg-white {
  background-color: rgba(255, 255, 255, 0.1);
}
.bg-opacity-10.bg-primary {
  background-color: rgba(132, 49, 147, 0.1);
}
.bg-opacity-10.bg-secondary {
  background-color: rgba(11, 34, 56, 0.1);
}
.bg-opacity-10.bg-snow {
  background-color: rgba(244, 246, 248, 0.1);
}
.bg-opacity-10.bg-red {
  background-color: rgba(240, 44, 45, 0.1) !important;
}
.bg-opacity-10.bg-orange {
  background-color: rgba(252, 108, 46, 0.1);
}
.bg-opacity-10.bg-blue {
  background-color: rgba(18, 102, 227, 0.1);
}
.bg-opacity-10.bg-yellow {
  background-color: rgba(255, 165, 13, 0.1);
}
.bg-opacity-10.bg-green {
  background-color: rgba(132, 49, 147, 0.1);
}

.bg-opacity-15.bg-black {
  background-color: rgba(0, 0, 0, 0.15);
}
.bg-opacity-15.bg-white {
  background-color: rgba(255, 255, 255, 0.15);
}
.bg-opacity-15.bg-primary {
  background-color: rgba(132, 49, 147, 0.15);
}
.bg-opacity-15.bg-secondary {
  background-color: rgba(11, 34, 56, 0.15);
}
.bg-opacity-15.bg-snow {
  background-color: rgba(244, 246, 248, 0.15);
}
.bg-opacity-15.bg-red {
  background-color: rgba(240, 44, 45, 0.15);
}
.bg-opacity-15.bg-orange {
  background-color: rgba(252, 108, 46, 0.15);
}
.bg-opacity-15.bg-blue {
  background-color: rgba(18, 102, 227, 0.15);
}
.bg-opacity-15.bg-yellow {
  background-color: rgba(255, 165, 13, 0.15);
}
.bg-opacity-15.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.2);
}
.bg-opacity-20.bg-secondary {
  background-color: rgba(11, 34, 56, 0.2);
}
.bg-opacity-20.bg-snow {
  background-color: rgba(244, 246, 248, 0.2);
}
.bg-opacity-20.bg-red {
  background-color: rgba(240, 44, 45, 0.2);
}
.bg-opacity-20.bg-orange {
  background-color: rgba(252, 108, 46, 0.2);
}
.bg-opacity-20.bg-blue {
  background-color: rgba(18, 102, 227, 0.2);
}
.bg-opacity-20.bg-yellow {
  background-color: rgba(255, 165, 13, 0.2);
}
.bg-opacity-20.bg-green {
  background-color: rgba(132, 49, 147, 0.2);
}

.bg-opacity-25.bg-black {
  background-color: rgba(0, 0, 0, 0.25);
}
.bg-opacity-25.bg-white {
  background-color: rgba(255, 255, 255, 0.25);
}
.bg-opacity-25.bg-primary {
  background-color: rgba(132, 49, 147, 0.25);
}
.bg-opacity-25.bg-secondary {
  background-color: rgba(11, 34, 56, 0.25);
}
.bg-opacity-25.bg-snow {
  background-color: rgba(244, 246, 248, 0.25);
}
.bg-opacity-25.bg-red {
  background-color: rgba(240, 44, 45, 0.25);
}
.bg-opacity-25.bg-orange {
  background-color: rgba(252, 108, 46, 0.25);
}
.bg-opacity-25.bg-blue {
  background-color: rgba(18, 102, 227, 0.25);
}
.bg-opacity-25.bg-yellow {
  background-color: rgba(255, 165, 13, 0.25);
}
.bg-opacity-25.bg-green {
  background-color: rgba(132, 49, 147, 0.25);
}

.bg-opacity-30.bg-black {
  background-color: rgba(0, 0, 0, 0.3);
}
.bg-opacity-30.bg-white {
  background-color: rgba(255, 255, 255, 0.3);
}
.bg-opacity-30.bg-primary {
  background-color: rgba(132, 49, 147, 0.3);
}
.bg-opacity-30.bg-secondary {
  background-color: rgba(11, 34, 56, 0.3);
}
.bg-opacity-30.bg-snow {
  background-color: rgba(244, 246, 248, 0.3);
}
.bg-opacity-30.bg-red {
  background-color: rgba(240, 44, 45, 0.3);
}
.bg-opacity-30.bg-orange {
  background-color: rgba(252, 108, 46, 0.3);
}
.bg-opacity-30.bg-blue {
  background-color: rgba(18, 102, 227, 0.3);
}
.bg-opacity-30.bg-yellow {
  background-color: rgba(255, 165, 13, 0.3);
}
.bg-opacity-30.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.35);
}
.bg-opacity-35.bg-secondary {
  background-color: rgba(11, 34, 56, 0.35);
}
.bg-opacity-35.bg-snow {
  background-color: rgba(244, 246, 248, 0.35);
}
.bg-opacity-35.bg-red {
  background-color: rgba(240, 44, 45, 0.35);
}
.bg-opacity-35.bg-orange {
  background-color: rgba(252, 108, 46, 0.35);
}
.bg-opacity-35.bg-blue {
  background-color: rgba(18, 102, 227, 0.35);
}
.bg-opacity-35.bg-yellow {
  background-color: rgba(255, 165, 13, 0.35);
}
.bg-opacity-35.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.4);
}
.bg-opacity-40.bg-secondary {
  background-color: rgba(11, 34, 56, 0.4);
}
.bg-opacity-40.bg-snow {
  background-color: rgba(244, 246, 248, 0.4);
}
.bg-opacity-40.bg-red {
  background-color: rgba(240, 44, 45, 0.4);
}
.bg-opacity-40.bg-orange {
  background-color: rgba(252, 108, 46, 0.4);
}
.bg-opacity-40.bg-blue {
  background-color: rgba(18, 102, 227, 0.4);
}
.bg-opacity-40.bg-yellow {
  background-color: rgba(255, 165, 13, 0.4);
}
.bg-opacity-40.bg-green {
  background-color: rgba(132, 49, 147, 0.4);
}

.bg-opacity-45.bg-black {
  background-color: rgba(0, 0, 0, 0.45);
}
.bg-opacity-45.bg-white {
  background-color: rgba(255, 255, 255, 0.45);
}
.bg-opacity-45.bg-primary {
  background-color: rgba(132, 49, 147, 0.45);
}
.bg-opacity-45.bg-secondary {
  background-color: rgba(11, 34, 56, 0.45);
}
.bg-opacity-45.bg-snow {
  background-color: rgba(244, 246, 248, 0.45);
}
.bg-opacity-45.bg-red {
  background-color: rgba(240, 44, 45, 0.45);
}
.bg-opacity-45.bg-orange {
  background-color: rgba(252, 108, 46, 0.45);
}
.bg-opacity-45.bg-blue {
  background-color: rgba(18, 102, 227, 0.45);
}
.bg-opacity-45.bg-yellow {
  background-color: rgba(255, 165, 13, 0.45);
}
.bg-opacity-45.bg-green {
  background-color: rgba(132, 49, 147, 0.45);
}

.bg-opacity-50.bg-black {
  background-color: rgba(0, 0, 0, 0.5);
}
.bg-opacity-50.bg-white {
  background-color: rgba(255, 255, 255, 0.5);
}
.bg-opacity-50.bg-primary {
  background-color: rgba(132, 49, 147, 0.5);
}
.bg-opacity-50.bg-secondary {
  background-color: rgba(11, 34, 56, 0.5);
}
.bg-opacity-50.bg-snow {
  background-color: rgba(244, 246, 248, 0.5);
}
.bg-opacity-50.bg-red {
  background-color: rgba(240, 44, 45, 0.5);
}
.bg-opacity-50.bg-orange {
  background-color: rgba(252, 108, 46, 0.5);
}
.bg-opacity-50.bg-blue {
  background-color: rgba(18, 102, 227, 0.5);
}
.bg-opacity-50.bg-yellow {
  background-color: rgba(255, 165, 13, 0.5);
}
.bg-opacity-50.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.55);
}
.bg-opacity-55.bg-secondary {
  background-color: rgba(11, 34, 56, 0.55);
}
.bg-opacity-55.bg-snow {
  background-color: rgba(244, 246, 248, 0.55);
}
.bg-opacity-55.bg-red {
  background-color: rgba(240, 44, 45, 0.55);
}
.bg-opacity-55.bg-orange {
  background-color: rgba(252, 108, 46, 0.55);
}
.bg-opacity-55.bg-blue {
  background-color: rgba(18, 102, 227, 0.55);
}
.bg-opacity-55.bg-yellow {
  background-color: rgba(255, 165, 13, 0.55);
}
.bg-opacity-55.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.6);
}
.bg-opacity-60.bg-secondary {
  background-color: rgba(11, 34, 56, 0.6);
}
.bg-opacity-60.bg-snow {
  background-color: rgba(244, 246, 248, 0.6);
}
.bg-opacity-60.bg-red {
  background-color: rgba(240, 44, 45, 0.6);
}
.bg-opacity-60.bg-orange {
  background-color: rgba(252, 108, 46, 0.6);
}
.bg-opacity-60.bg-blue {
  background-color: rgba(18, 102, 227, 0.6);
}
.bg-opacity-60.bg-yellow {
  background-color: rgba(255, 165, 13, 0.6);
}
.bg-opacity-60.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.65);
}
.bg-opacity-65.bg-secondary {
  background-color: rgba(11, 34, 56, 0.65);
}
.bg-opacity-65.bg-snow {
  background-color: rgba(244, 246, 248, 0.65);
}
.bg-opacity-65.bg-red {
  background-color: rgba(240, 44, 45, 0.65);
}
.bg-opacity-65.bg-orange {
  background-color: rgba(252, 108, 46, 0.65);
}
.bg-opacity-65.bg-blue {
  background-color: rgba(18, 102, 227, 0.65);
}
.bg-opacity-65.bg-yellow {
  background-color: rgba(255, 165, 13, 0.65);
}
.bg-opacity-65.bg-green {
  background-color: rgba(132, 49, 147, 0.65);
}

.bg-opacity-70.bg-black {
  background-color: rgba(0, 0, 0, 0.7);
}
.bg-opacity-70.bg-white {
  background-color: rgba(255, 255, 255, 0.7);
}
.bg-opacity-70.bg-primary {
  background-color: rgba(132, 49, 147, 0.7);
}
.bg-opacity-70.bg-secondary {
  background-color: rgba(11, 34, 56, 0.7);
}
.bg-opacity-70.bg-snow {
  background-color: rgba(244, 246, 248, 0.7);
}
.bg-opacity-70.bg-red {
  background-color: rgba(240, 44, 45, 0.7);
}
.bg-opacity-70.bg-orange {
  background-color: rgba(252, 108, 46, 0.7);
}
.bg-opacity-70.bg-blue {
  background-color: rgba(18, 102, 227, 0.7);
}
.bg-opacity-70.bg-yellow {
  background-color: rgba(255, 165, 13, 0.7);
}
.bg-opacity-70.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.75);
}
.bg-opacity-75.bg-secondary {
  background-color: rgba(11, 34, 56, 0.75);
}
.bg-opacity-75.bg-snow {
  background-color: rgba(244, 246, 248, 0.75);
}
.bg-opacity-75.bg-red {
  background-color: rgba(240, 44, 45, 0.75);
}
.bg-opacity-75.bg-orange {
  background-color: rgba(252, 108, 46, 0.75);
}
.bg-opacity-75.bg-blue {
  background-color: rgba(18, 102, 227, 0.75);
}
.bg-opacity-75.bg-yellow {
  background-color: rgba(255, 165, 13, 0.75);
}
.bg-opacity-75.bg-green {
  background-color: rgba(132, 49, 147, 0.75);
}

.bg-opacity-80.bg-black {
  background-color: rgba(0, 0, 0, 0.8);
}
.bg-opacity-80.bg-white {
  background-color: rgba(255, 255, 255, 0.8);
}
.bg-opacity-80.bg-primary {
  background-color: rgba(132, 49, 147, 0.8);
}
.bg-opacity-80.bg-secondary {
  background-color: rgba(11, 34, 56, 0.8);
}
.bg-opacity-80.bg-snow {
  background-color: rgba(244, 246, 248, 0.8);
}
.bg-opacity-80.bg-red {
  background-color: rgba(240, 44, 45, 0.8);
}
.bg-opacity-80.bg-orange {
  background-color: rgba(252, 108, 46, 0.8);
}
.bg-opacity-80.bg-blue {
  background-color: rgba(18, 102, 227, 0.8);
}
.bg-opacity-80.bg-yellow {
  background-color: rgba(255, 165, 13, 0.8);
}
.bg-opacity-80.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.85);
}
.bg-opacity-85.bg-secondary {
  background-color: rgba(11, 34, 56, 0.85);
}
.bg-opacity-85.bg-snow {
  background-color: rgba(244, 246, 248, 0.85);
}
.bg-opacity-85.bg-red {
  background-color: rgba(240, 44, 45, 0.85);
}
.bg-opacity-85.bg-orange {
  background-color: rgba(252, 108, 46, 0.85);
}
.bg-opacity-85.bg-blue {
  background-color: rgba(18, 102, 227, 0.85);
}
.bg-opacity-85.bg-yellow {
  background-color: rgba(255, 165, 13, 0.85);
}
.bg-opacity-85.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.9);
}
.bg-opacity-90.bg-secondary {
  background-color: rgba(11, 34, 56, 0.9);
}
.bg-opacity-90.bg-snow {
  background-color: rgba(244, 246, 248, 0.9);
}
.bg-opacity-90.bg-red {
  background-color: rgba(240, 44, 45, 0.9);
}
.bg-opacity-90.bg-orange {
  background-color: rgba(252, 108, 46, 0.9);
}
.bg-opacity-90.bg-blue {
  background-color: rgba(18, 102, 227, 0.9);
}
.bg-opacity-90.bg-yellow {
  background-color: rgba(255, 165, 13, 0.9);
}
.bg-opacity-90.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.95);
}
.bg-opacity-95.bg-secondary {
  background-color: rgba(11, 34, 56, 0.95);
}
.bg-opacity-95.bg-snow {
  background-color: rgba(244, 246, 248, 0.95);
}
.bg-opacity-95.bg-red {
  background-color: rgba(240, 44, 45, 0.95);
}
.bg-opacity-95.bg-orange {
  background-color: rgba(252, 108, 46, 0.95);
}
.bg-opacity-95.bg-blue {
  background-color: rgba(18, 102, 227, 0.95);
}
.bg-opacity-95.bg-yellow {
  background-color: rgba(255, 165, 13, 0.95);
}
.bg-opacity-95.bg-green {
  background-color: rgba(132, 49, 147, 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;
}

.align-sub {
  vertical-align: sub;
}

/* ============
Whitespace
==============*/
.whitespace-normal {
  white-space: normal;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre {
  white-space: pre;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

/* ============
Word Break
==============*/
.break-normal {
  overflow-wrap: normal;
  word-break: normal;
}

.break-words {
  overflow-wrap: break-word;
}

.break-all {
  overflow-wrap: break-all;
}

/* ============
Background Attachment
==============*/
.bg-fixed {
  background-attachment: fixed;
}

.bg-local {
  background-attachment: local;
}

.bg-scroll {
  background-attachment: scroll;
}

/* ============
Background Position
==============*/
.bg-bottom {
  background-position: bottom;
}

.bg-center {
  background-position: center;
}

.bg-left {
  background-position: left;
}

.bg-left-bottom {
  background-position: left bottom;
}

.bg-left-top {
  background-position: left top;
}

.bg-right {
  background-position: right;
}

.bg-right-bottom {
  background-position: right bottom;
}

.bg-right-top {
  background-position: right top;
}

.bg-top {
  background-position: top;
}

/* ============
Background Repeat
==============*/
.bg-repeat {
  background-repeat: repeat;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.bg-repeat-x {
  background-repeat: repeat-x;
}

.bg-repeat-y {
  background-repeat: repeat-y;
}

.bg-repeat-round {
  background-repeat: round;
}

.bg-repeat-space {
  background-repeat: space;
}

/* ============
Background Repeat
==============*/
.bg-auto {
  background-size: auto;
}

.bg-cover {
  background-size: cover;
}

.bg-contain {
  background-size: contain;
}

.bg-full {
  background-size: 100%;
}

/* =============================
Background Color Social Network 
================================*/
.bg-android {
  background-color: var(--color-android);
}

.bg-clarity {
  background-color: var(--color-clarity);
}

.bg-dribbble {
  background-color: var(--color-dribbble);
}

.bg-google-plus {
  background-color: var(--color-google-plus);
}

.bg-instagram {
  background-color: var(--color-instagram);
}

.bg-mastodon {
  background-color: var(--color-mastodon);
}

.bg-periscope {
  background-color: var(--color-periscope);
}

.bg-quora {
  background-color: var(--color-quora);
}

.bg-slack {
  background-color: var(--color-slack);
}

.bg-soundcloud {
  background-color: var(--color-soundcloud);
}

.bg-stumbleupon {
  background-color: var(--color-stumbleupon);
}

.bg-tiktok {
  background-color: var(--color-tiktok);
}

.bg-twitter {
  background-color: var(--color-twitter);
}

.bg-vk {
  background-color: var(--color-vk);
}

.bg-yelp {
  background-color: var(--color-yelp);
}

.bg-alexa {
  background-color: var(--color-alexa);
}

.bg-deviantArt {
  background-color: var(--color-deviantArt);
}

.bg-facebook {
  background-color: var(--color-facebook);
}

.bg-linkedin {
  background-color: var(--color-linkedin);
}

.bg-medium {
  background-color: var(--color-medium);
}

.bg-pinterest {
  background-color: var(--color-pinterest);
}

.bg-reddit {
  background-color: var(--color-reddit);
}

.bg-slideshare {
  background-color: var(--color-slideshare);
}

.bg-spotify {
  background-color: var(--color-spotify);
}

.bg-tumblr {
  background-color: var(--color-tumblr);
}

.bg-vimeo {
  background-color: var(--color-vimeo);
}

.bg-whatsapp {
  background-color: var(--color-whatsapp);
}

.bg-youtube {
  background-color: var(--color-youtube);
}

.bg-amazon {
  background-color: var(--color-amazon);
}

.bg-apple {
  background-color: var(--color-apple);
}

.bg-flickr {
  background-color: var(--color-flickr);
}

.bg-google {
  background-color: var(--color-google);
}

.bg-houzz {
  background-color: var(--color-houzz);
}

.bg-microsoft {
  background-color: var(--color-microsoft);
}

.bg-snapchat {
  background-color: var(--color-snapchat);
}

.bg-behance {
  background-color: var(--color-behance);
}

.bg-skype {
  background-color: var(--color-skype);
}

.bg-telegram {
  background-color: var(--color-telegram);
}

/* =============================
Color Social Network 
================================*/
.color-android {
  color: var(--color-android);
}

.color-clarity {
  color: var(--color-clarity);
}

.color-dribbble {
  color: var(--color-dribbble);
}

.color-google-plus {
  color: var(--color-google-plus);
}

.color-instagram {
  color: var(--color-instagram);
}

.color-mastodon {
  color: var(--color-mastodon);
}

.color-periscope {
  color: var(--color-periscope);
}

.color-quora {
  color: var(--color-quora);
}

.color-slack {
  color: var(--color-slack);
}

.color-soundcloud {
  color: var(--color-soundcloud);
}

.color-stumbleupon {
  color: var(--color-stumbleupon);
}

.color-tiktok {
  color: var(--color-tiktok);
}

.color-twitter {
  color: var(--color-twitter);
}

.color-vk {
  color: var(--color-vk);
}

.color-yelp {
  color: var(--color-yelp);
}

.color-alexa {
  color: var(--color-alexa);
}

.color-deviantArt {
  color: var(--color-deviantArt);
}

.color-facebook {
  color: var(--color-facebook);
}

.color-linkedin {
  color: var(--color-linkedin);
}

.color-medium {
  color: var(--color-medium);
}

.color-pinterest {
  color: var(--color-pinterest);
}

.color-reddit {
  color: var(--color-reddit);
}

.color-slideshare {
  color: var(--color-slideshare);
}

.color-spotify {
  color: var(--color-spotify);
}

.color-tumblr {
  color: var(--color-tumblr);
}

.color-vimeo {
  color: var(--color-vimeo);
}

.color-whatsapp {
  color: var(--color-whatsapp);
}

.color-youtube {
  color: var(--color-youtube);
}

.color-amazon {
  color: var(--color-amazon);
}

.color-apple {
  color: var(--color-apple);
}

.color-flickr {
  color: var(--color-flickr);
}

.color-google {
  color: var(--color-google);
}

.color-houzz {
  color: var(--color-houzz);
}

.color-microsoft {
  color: var(--color-microsoft);
}

.color-snapchat {
  color: var(--color-snapchat);
}

.color-behance {
  color: var(--color-behance);
}

.color-telegram {
  color: var(--color-telegram);
}

/* =============================
Border-color Social Network 
================================*/
.border-android {
  border-color: var(--color-android);
}

.border-clarity {
  border-color: var(--color-clarity);
}

.border-dribbble {
  border-color: var(--color-dribbble);
}

.border-google-plus {
  border-color: var(--color-google-plus);
}

.border-instagram {
  border-color: var(--color-instagram);
}

.border-mastodon {
  border-color: var(--color-mastodon);
}

.border-periscope {
  border-color: var(--color-periscope);
}

.border-quora {
  border-color: var(--color-quora);
}

.border-slack {
  border-color: var(--color-slack);
}

.border-soundcloud {
  border-color: var(--color-soundcloud);
}

.border-stumbleupon {
  border-color: var(--color-stumbleupon);
}

.border-tiktok {
  border-color: var(--color-tiktok);
}

.border-twitter {
  border-color: var(--color-twitter);
}

.border-vk {
  border-color: var(--color-vk);
}

.border-yelp {
  border-color: var(--color-yelp);
}

.border-alexa {
  border-color: var(--color-alexa);
}

.border-deviantArt {
  border-color: var(--color-deviantArt);
}

.border-facebook {
  border-color: var(--color-facebook);
}

.border-linkedin {
  border-color: var(--color-linkedin);
}

.border-medium {
  border-color: var(--color-medium);
}

.border-pinterest {
  border-color: var(--color-pinterest);
}

.border-reddit {
  border-color: var(--color-reddit);
}

.border-slideshare {
  border-color: var(--color-slideshare);
}

.border-spotify {
  border-color: var(--color-spotify);
}

.border-tumblr {
  border-color: var(--color-tumblr);
}

.border-vimeo {
  border-color: var(--color-vimeo);
}

.border-whatsapp {
  border-color: var(--color-whatsapp);
}

.border-youtube {
  border-color: var(--color-youtube);
}

.border-amazon {
  border-color: var(--color-amazon);
}

.border-apple {
  border-color: var(--color-apple);
}

.border-flickr {
  border-color: var(--color-flickr);
}

.border-google {
  border-color: var(--color-google);
}

.border-houzz {
  border-color: var(--color-houzz);
}

.border-microsoft {
  border-color: var(--color-microsoft);
}

.border-snapchat {
  border-color: var(--color-snapchat);
}

.border-behance {
  border-color: var(--color-behance);
}

/* ============
Border Radius
==============*/
.rounded-none {
  border-radius: 0;
}

.rounded-1 {
  border-radius: 1px !important;
}

.rounded-2 {
  border-radius: 2px !important;
}

.rounded-3 {
  border-radius: 3px !important;
}

.rounded-4 {
  border-radius: 4px !important;
}

.rounded-5 {
  border-radius: 5px !important;
}

.rounded-6 {
  border-radius: 6px !important;
}

.rounded-7 {
  border-radius: 7px !important;
}

.rounded-8 {
  border-radius: 8px !important;
}

.rounded-9 {
  border-radius: 9px !important;
}

.rounded-10 {
  border-radius: 10px !important;
}

.rounded-11 {
  border-radius: 11px !important;
}

.rounded-12 {
  border-radius: 12px !important;
}

.rounded-13 {
  border-radius: 13px !important;
}

.rounded-14 {
  border-radius: 14px !important;
}

.rounded-15 {
  border-radius: 15px !important;
}

.rounded-16 {
  border-radius: 16px !important;
}

.rounded-17 {
  border-radius: 17px !important;
}

.rounded-18 {
  border-radius: 18px !important;
}

.rounded-19 {
  border-radius: 19px !important;
}

.rounded-20 {
  border-radius: 20px !important;
}

.rounded-21 {
  border-radius: 21px !important;
}

.rounded-22 {
  border-radius: 22px !important;
}

.rounded-23 {
  border-radius: 23px !important;
}

.rounded-24 {
  border-radius: 24px !important;
}

.rounded-25 {
  border-radius: 25px !important;
}

.rounded-26 {
  border-radius: 26px !important;
}

.rounded-27 {
  border-radius: 27px !important;
}

.rounded-28 {
  border-radius: 28px !important;
}

.rounded-29 {
  border-radius: 29px !important;
}

.rounded-30 {
  border-radius: 30px !important;
}

.rounded-31 {
  border-radius: 31px !important;
}

.rounded-32 {
  border-radius: 32px !important;
}

.rounded-33 {
  border-radius: 33px !important;
}

.rounded-34 {
  border-radius: 34px !important;
}

.rounded-35 {
  border-radius: 35px !important;
}

.rounded-36 {
  border-radius: 36px !important;
}

.rounded-37 {
  border-radius: 37px !important;
}

.rounded-38 {
  border-radius: 38px !important;
}

.rounded-39 {
  border-radius: 39px !important;
}

.rounded-40 {
  border-radius: 40px !important;
}

.rounded-t-none {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.rounded-b-none {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.rounded-l-none {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.rounded-r-none {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

/* ============
Border Width
==============*/
.border-0 {
  border-width: 0;
}

.border {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-t-0 {
  border-top-width: 0;
}

.border-t {
  border-top-width: 1px !important;
}

.border-t-2 {
  border-top-width: 2px !important;
}

.border-t-3 {
  border-top-width: 3px !important;
}

.border-t-4 {
  border-top-width: 4px !important;
}

.border-t-5 {
  border-top-width: 5px !important;
}

.border-b-0 {
  border-bottom-width: 0;
}

.border-b {
  border-bottom-width: 1px !important;
}

.border-b-2 {
  border-bottom-width: 2px !important;
}

.border-b-3 {
  border-bottom-width: 3px !important;
}

.border-b-4 {
  border-bottom-width: 4px !important;
}

.border-b-5 {
  border-bottom-width: 5px !important;
}

.border-r-0 {
  border-right-width: 0;
}

.border-r {
  border-right-width: 1px !important;
}

.border-r-2 {
  border-right-width: 2px !important;
}

.border-r-3 {
  border-right-width: 3px !important;
}

.border-r-4 {
  border-right-width: 4px !important;
}

.border-r-5 {
  border-right-width: 5px !important;
}

.border-l-0 {
  border-left-width: 0;
}

.border-l {
  border-left-width: 1px !important;
}

.border-l-2 {
  border-left-width: 2px !important;
}

.border-l-3 {
  border-left-width: 3px !important;
}

.border-l-4 {
  border-left-width: 4px !important;
}

.border-l-5 {
  border-left-width: 5px !important;
}

/* ============
Border Color
==============*/
.border-transparent {
  border-color: transparent;
}

.border-black {
  border-color: var(--border-black) !important;
}

.border-white {
  border-color: var(--border-white) !important;
}

.border-primary {
  border-color: var(--border-primary) !important;
}

.border-snow {
  border-color: var(--border-snow) !important;
}

.border-red {
  border-color: var(--border-red) !important;
}

.border-orange {
  border-color: var(--border-orange) !important;
}

.border-blue {
  border-color: var(--border-blue) !important;
}

.border-yellow {
  border-color: var(--border-yellow) !important;
}

.border-green {
  border-color: var(--border-green) !important;
}

/* ============
border Opacity
==============*/
.border-opacity-5.border-black {
  border-color: rgba(0, 0, 0, 0.05);
}
.border-opacity-5.border-white {
  border-color: rgba(255, 255, 255, 0.05);
}
.border-opacity-5.border-primary {
  border-color: rgba(132, 49, 147, 0.05);
}
.border-opacity-5.border-secondary {
  border-color: rgba(11, 34, 56, 0.05);
}
.border-opacity-5.border-snow {
  border-color: rgba(227, 228, 236, 0.05);
}
.border-opacity-5.border-red {
  border-color: rgba(240, 44, 45, 0.05);
}
.border-opacity-5.border-orange {
  border-color: rgba(252, 108, 46, 0.05);
}
.border-opacity-5.border-blue {
  border-color: rgba(18, 102, 227, 0.05);
}
.border-opacity-5.border-yellow {
  border-color: rgba(255, 165, 13, 0.05);
}
.border-opacity-5.border-green {
  border-color: rgba(132, 49, 147, 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(132, 49, 147, 0.1);
}
.border-opacity-10.border-secondary {
  border-color: rgba(11, 34, 56, 0.1);
}
.border-opacity-10.border-snow {
  border-color: rgba(227, 228, 236, 0.1);
}
.border-opacity-10.border-red {
  border-color: rgba(240, 44, 45, 0.1);
}
.border-opacity-10.border-orange {
  border-color: rgba(252, 108, 46, 0.1);
}
.border-opacity-10.border-blue {
  border-color: rgba(18, 102, 227, 0.1);
}
.border-opacity-10.border-yellow {
  border-color: rgba(255, 165, 13, 0.1);
}
.border-opacity-10.border-green {
  border-color: rgba(132, 49, 147, 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(132, 49, 147, 0.15);
}
.border-opacity-15.border-secondary {
  border-color: rgba(11, 34, 56, 0.15);
}
.border-opacity-15.border-snow {
  border-color: rgba(227, 228, 236, 0.15);
}
.border-opacity-15.border-red {
  border-color: rgba(240, 44, 45, 0.15);
}
.border-opacity-15.border-orange {
  border-color: rgba(252, 108, 46, 0.15);
}
.border-opacity-15.border-blue {
  border-color: rgba(18, 102, 227, 0.15);
}
.border-opacity-15.border-yellow {
  border-color: rgba(255, 165, 13, 0.15);
}
.border-opacity-15.border-green {
  border-color: rgba(132, 49, 147, 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(132, 49, 147, 0.2);
}
.border-opacity-20.border-secondary {
  border-color: rgba(11, 34, 56, 0.2);
}
.border-opacity-20.border-snow {
  border-color: rgba(227, 228, 236, 0.2);
}
.border-opacity-20.border-red {
  border-color: rgba(240, 44, 45, 0.2);
}
.border-opacity-20.border-orange {
  border-color: rgba(252, 108, 46, 0.2);
}
.border-opacity-20.border-blue {
  border-color: rgba(18, 102, 227, 0.2);
}
.border-opacity-20.border-yellow {
  border-color: rgba(255, 165, 13, 0.2);
}
.border-opacity-20.border-green {
  border-color: rgba(132, 49, 147, 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(132, 49, 147, 0.25);
}
.border-opacity-25.border-secondary {
  border-color: rgba(11, 34, 56, 0.25);
}
.border-opacity-25.border-snow {
  border-color: rgba(227, 228, 236, 0.25);
}
.border-opacity-25.border-red {
  border-color: rgba(240, 44, 45, 0.25);
}
.border-opacity-25.border-orange {
  border-color: rgba(252, 108, 46, 0.25);
}
.border-opacity-25.border-blue {
  border-color: rgba(18, 102, 227, 0.25);
}
.border-opacity-25.border-yellow {
  border-color: rgba(255, 165, 13, 0.25);
}
.border-opacity-25.border-green {
  border-color: rgba(132, 49, 147, 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(132, 49, 147, 0.3);
}
.border-opacity-30.border-secondary {
  border-color: rgba(11, 34, 56, 0.3);
}
.border-opacity-30.border-snow {
  border-color: rgba(227, 228, 236, 0.3);
}
.border-opacity-30.border-red {
  border-color: rgba(240, 44, 45, 0.3);
}
.border-opacity-30.border-orange {
  border-color: rgba(252, 108, 46, 0.3);
}
.border-opacity-30.border-blue {
  border-color: rgba(18, 102, 227, 0.3);
}
.border-opacity-30.border-yellow {
  border-color: rgba(255, 165, 13, 0.3);
}
.border-opacity-30.border-green {
  border-color: rgba(132, 49, 147, 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(132, 49, 147, 0.35);
}
.border-opacity-35.border-secondary {
  border-color: rgba(11, 34, 56, 0.35);
}
.border-opacity-35.border-snow {
  border-color: rgba(227, 228, 236, 0.35);
}
.border-opacity-35.border-red {
  border-color: rgba(240, 44, 45, 0.35);
}
.border-opacity-35.border-orange {
  border-color: rgba(252, 108, 46, 0.35);
}
.border-opacity-35.border-blue {
  border-color: rgba(18, 102, 227, 0.35);
}
.border-opacity-35.border-yellow {
  border-color: rgba(255, 165, 13, 0.35);
}
.border-opacity-35.border-green {
  border-color: rgba(132, 49, 147, 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(132, 49, 147, 0.4);
}
.border-opacity-40.border-secondary {
  border-color: rgba(11, 34, 56, 0.4);
}
.border-opacity-40.border-snow {
  border-color: rgba(227, 228, 236, 0.4);
}
.border-opacity-40.border-red {
  border-color: rgba(240, 44, 45, 0.4);
}
.border-opacity-40.border-orange {
  border-color: rgba(252, 108, 46, 0.4);
}
.border-opacity-40.border-blue {
  border-color: rgba(18, 102, 227, 0.4);
}
.border-opacity-40.border-yellow {
  border-color: rgba(255, 165, 13, 0.4);
}
.border-opacity-40.border-green {
  border-color: rgba(132, 49, 147, 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(132, 49, 147, 0.45);
}
.border-opacity-45.border-secondary {
  border-color: rgba(11, 34, 56, 0.45);
}
.border-opacity-45.border-snow {
  border-color: rgba(227, 228, 236, 0.45);
}
.border-opacity-45.border-red {
  border-color: rgba(240, 44, 45, 0.45);
}
.border-opacity-45.border-orange {
  border-color: rgba(252, 108, 46, 0.45);
}
.border-opacity-45.border-blue {
  border-color: rgba(18, 102, 227, 0.45);
}
.border-opacity-45.border-yellow {
  border-color: rgba(255, 165, 13, 0.45);
}
.border-opacity-45.border-green {
  border-color: rgba(132, 49, 147, 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(132, 49, 147, 0.5);
}
.border-opacity-50.border-secondary {
  border-color: rgba(11, 34, 56, 0.5);
}
.border-opacity-50.border-snow {
  border-color: rgba(227, 228, 236, 0.5);
}
.border-opacity-50.border-red {
  border-color: rgba(240, 44, 45, 0.5);
}
.border-opacity-50.border-orange {
  border-color: rgba(252, 108, 46, 0.5);
}
.border-opacity-50.border-blue {
  border-color: rgba(18, 102, 227, 0.5);
}
.border-opacity-50.border-yellow {
  border-color: rgba(255, 165, 13, 0.5);
}
.border-opacity-50.border-green {
  border-color: rgba(132, 49, 147, 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(132, 49, 147, 0.55);
}
.border-opacity-55.border-secondary {
  border-color: rgba(11, 34, 56, 0.55);
}
.border-opacity-55.border-snow {
  border-color: rgba(227, 228, 236, 0.55);
}
.border-opacity-55.border-red {
  border-color: rgba(240, 44, 45, 0.55);
}
.border-opacity-55.border-orange {
  border-color: rgba(252, 108, 46, 0.55);
}
.border-opacity-55.border-blue {
  border-color: rgba(18, 102, 227, 0.55);
}
.border-opacity-55.border-yellow {
  border-color: rgba(255, 165, 13, 0.55);
}
.border-opacity-55.border-green {
  border-color: rgba(132, 49, 147, 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(132, 49, 147, 0.6);
}
.border-opacity-60.border-secondary {
  border-color: rgba(11, 34, 56, 0.6);
}
.border-opacity-60.border-snow {
  border-color: rgba(227, 228, 236, 0.6);
}
.border-opacity-60.border-red {
  border-color: rgba(240, 44, 45, 0.6);
}
.border-opacity-60.border-orange {
  border-color: rgba(252, 108, 46, 0.6);
}
.border-opacity-60.border-blue {
  border-color: rgba(18, 102, 227, 0.6);
}
.border-opacity-60.border-yellow {
  border-color: rgba(255, 165, 13, 0.6);
}
.border-opacity-60.border-green {
  border-color: rgba(132, 49, 147, 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(132, 49, 147, 0.65);
}
.border-opacity-65.border-secondary {
  border-color: rgba(11, 34, 56, 0.65);
}
.border-opacity-65.border-snow {
  border-color: rgba(227, 228, 236, 0.65);
}
.border-opacity-65.border-red {
  border-color: rgba(240, 44, 45, 0.65);
}
.border-opacity-65.border-orange {
  border-color: rgba(252, 108, 46, 0.65);
}
.border-opacity-65.border-blue {
  border-color: rgba(18, 102, 227, 0.65);
}
.border-opacity-65.border-yellow {
  border-color: rgba(255, 165, 13, 0.65);
}
.border-opacity-65.border-green {
  border-color: rgba(132, 49, 147, 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(132, 49, 147, 0.7);
}
.border-opacity-70.border-secondary {
  border-color: rgba(11, 34, 56, 0.7);
}
.border-opacity-70.border-snow {
  border-color: rgba(227, 228, 236, 0.7);
}
.border-opacity-70.border-red {
  border-color: rgba(240, 44, 45, 0.7);
}
.border-opacity-70.border-orange {
  border-color: rgba(252, 108, 46, 0.7);
}
.border-opacity-70.border-blue {
  border-color: rgba(18, 102, 227, 0.7);
}
.border-opacity-70.border-yellow {
  border-color: rgba(255, 165, 13, 0.7);
}
.border-opacity-70.border-green {
  border-color: rgba(132, 49, 147, 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(132, 49, 147, 0.75);
}
.border-opacity-75.border-secondary {
  border-color: rgba(11, 34, 56, 0.75);
}
.border-opacity-75.border-snow {
  border-color: rgba(227, 228, 236, 0.75);
}
.border-opacity-75.border-red {
  border-color: rgba(240, 44, 45, 0.75);
}
.border-opacity-75.border-orange {
  border-color: rgba(252, 108, 46, 0.75);
}
.border-opacity-75.border-blue {
  border-color: rgba(18, 102, 227, 0.75);
}
.border-opacity-75.border-yellow {
  border-color: rgba(255, 165, 13, 0.75);
}
.border-opacity-75.border-green {
  border-color: rgba(132, 49, 147, 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(132, 49, 147, 0.8);
}
.border-opacity-80.border-secondary {
  border-color: rgba(11, 34, 56, 0.8);
}
.border-opacity-80.border-snow {
  border-color: rgba(227, 228, 236, 0.8);
}
.border-opacity-80.border-red {
  border-color: rgba(240, 44, 45, 0.8);
}
.border-opacity-80.border-orange {
  border-color: rgba(252, 108, 46, 0.8);
}
.border-opacity-80.border-blue {
  border-color: rgba(18, 102, 227, 0.8);
}
.border-opacity-80.border-yellow {
  border-color: rgba(255, 165, 13, 0.8);
}
.border-opacity-80.border-green {
  border-color: rgba(132, 49, 147, 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(132, 49, 147, 0.85);
}
.border-opacity-85.border-secondary {
  border-color: rgba(11, 34, 56, 0.85);
}
.border-opacity-85.border-snow {
  border-color: rgba(227, 228, 236, 0.85);
}
.border-opacity-85.border-red {
  border-color: rgba(240, 44, 45, 0.85);
}
.border-opacity-85.border-orange {
  border-color: rgba(252, 108, 46, 0.85);
}
.border-opacity-85.border-blue {
  border-color: rgba(18, 102, 227, 0.85);
}
.border-opacity-85.border-yellow {
  border-color: rgba(255, 165, 13, 0.85);
}
.border-opacity-85.border-green {
  border-color: rgba(132, 49, 147, 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(132, 49, 147, 0.9);
}
.border-opacity-90.border-secondary {
  border-color: rgba(11, 34, 56, 0.9);
}
.border-opacity-90.border-snow {
  border-color: rgba(227, 228, 236, 0.9);
}
.border-opacity-90.border-red {
  border-color: rgba(240, 44, 45, 0.9);
}
.border-opacity-90.border-orange {
  border-color: rgba(252, 108, 46, 0.9);
}
.border-opacity-90.border-blue {
  border-color: rgba(18, 102, 227, 0.9);
}
.border-opacity-90.border-yellow {
  border-color: rgba(255, 165, 13, 0.9);
}
.border-opacity-90.border-green {
  border-color: rgba(132, 49, 147, 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(132, 49, 147, 0.95);
}
.border-opacity-95.border-secondary {
  border-color: rgba(11, 34, 56, 0.95);
}
.border-opacity-95.border-snow {
  border-color: rgba(227, 228, 236, 0.95);
}
.border-opacity-95.border-red {
  border-color: rgba(240, 44, 45, 0.95);
}
.border-opacity-95.border-orange {
  border-color: rgba(252, 108, 46, 0.95);
}
.border-opacity-95.border-blue {
  border-color: rgba(18, 102, 227, 0.95);
}
.border-opacity-95.border-yellow {
  border-color: rgba(255, 165, 13, 0.95);
}
.border-opacity-95.border-green {
  border-color: rgba(132, 49, 147, 0.95);
}

/* ============
Border Style
==============*/
.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-double {
  border-style: double;
}

.border-none {
  border-style: none;
}

/* ============
Border Top Style
==============*/
.border-t-solid {
  border-top-style: solid;
}

.border-t-dashed {
  border-top-style: dashed;
}

.border-t-dotted {
  border-top-style: dotted;
}

.border-t-double {
  border-top-style: double;
}

.border-t-none {
  border-top-style: none;
}

/* ============
Border Bottom Style
==============*/
.border-b-solid {
  border-bottom-style: solid;
}

.border-b-dashed {
  border-bottom-style: dashed;
}

.border-b-dotted {
  border-bottom-style: dotted;
}

.border-b-double {
  border-bottom-style: double;
}

.border-b-none {
  border-bottom-style: none;
}

/* ============
Border right Style
==============*/
.border-r-solid {
  border-right-style: solid;
}

.border-r-dashed {
  border-right-style: dashed;
}

.border-r-dotted {
  border-right-style: dotted;
}

.border-r-double {
  border-right-style: double;
}

.border-r-none {
  border-right-style: none;
}

/* ============
Border left Style
==============*/
.border-l-solid {
  border-left-style: solid;
}

.border-l-dashed {
  border-left-style: dashed;
}

.border-l-dotted {
  border-left-style: dotted;
}

.border-l-double {
  border-left-style: double;
}

.border-l-none {
  border-left-style: none;
}

/* ============
Transition Property
==============*/
.transition-none {
  -webkit-transition-property: none !important;
  -moz-transition-property: none !important;
  -o-transition-property: none !important;
  -ms-transition-property: none !important;
  transition-property: none !important;
}

.transition-all {
  -webkit-transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  -o-transition: all 0.3s !important;
  -ms-transition: all 0.3s !important;
  transition: all 0.3s !important;
}

/* ============
Transition Duration
==============*/
.duration-75 {
  -webkit-transition-duration: 75ms !important;
  -moz-transition-duration: 75ms !important;
  -o-transition-duration: 75ms !important;
  -ms-transition-duration: 75ms !important;
  transition-duration: 75ms !important;
}

.duration-100 {
  -webkit-transition-duration: 100ms !important;
  -moz-transition-duration: 100ms !important;
  -o-transition-duration: 100ms !important;
  -ms-transition-duration: 100ms !important;
  transition-duration: 100ms !important;
}

.duration-150 {
  -webkit-transition-duration: 150ms !important;
  -moz-transition-duration: 150ms !important;
  -o-transition-duration: 150ms !important;
  -ms-transition-duration: 150ms !important;
  transition-duration: 150ms !important;
}

.duration-200 {
  -webkit-transition-duration: 200ms !important;
  -moz-transition-duration: 200ms !important;
  -o-transition-duration: 200ms !important;
  -ms-transition-duration: 200ms !important;
  transition-duration: 200ms !important;
}

.duration-300 {
  -webkit-transition-duration: 300ms !important;
  -moz-transition-duration: 300ms !important;
  -o-transition-duration: 300ms !important;
  -ms-transition-duration: 300ms !important;
  transition-duration: 300ms !important;
}

.duration-500 {
  -webkit-transition-duration: 500ms !important;
  -moz-transition-duration: 500ms !important;
  -o-transition-duration: 500ms !important;
  -ms-transition-duration: 500ms !important;
  transition-duration: 500ms !important;
}

.duration-700 {
  -webkit-transition-duration: 700ms !important;
  -moz-transition-duration: 700ms !important;
  -o-transition-duration: 700ms !important;
  -ms-transition-duration: 700ms !important;
  transition-duration: 700ms !important;
}

.duration-1000 {
  -webkit-transition-duration: 1000ms !important;
  -moz-transition-duration: 1000ms !important;
  -o-transition-duration: 1000ms !important;
  -ms-transition-duration: 1000ms !important;
  transition-duration: 1000ms !important;
}

/* ============
Transition Timing Function
==============*/
.ease-linear {
  -webkit-transition-timing-function: linear !important;
  -moz-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  -ms-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.ease-in {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
  -moz-transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
  -o-transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
  -ms-transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}

.ease-out {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
  -o-transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
  -ms-transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}

.ease-in-out {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  -ms-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* ============
Transition Delay
==============*/
.delay-75 {
  -webkit-transition-delay: 75ms !important;
  -moz-transition-delay: 75ms !important;
  -o-transition-delay: 75ms !important;
  -ms-transition-delay: 75ms !important;
  transition-delay: 75ms !important;
}

.delay-100 {
  -webkit-transition-delay: 100ms !important;
  -moz-transition-delay: 100ms !important;
  -o-transition-delay: 100ms !important;
  -ms-transition-delay: 100ms !important;
  transition-delay: 100ms !important;
}

.delay-150 {
  -webkit-transition-delay: 150ms !important;
  -moz-transition-delay: 150ms !important;
  -o-transition-delay: 150ms !important;
  -ms-transition-delay: 150ms !important;
  transition-delay: 150ms !important;
}

.delay-200 {
  -webkit-transition-delay: 200ms !important;
  -moz-transition-delay: 200ms !important;
  -o-transition-delay: 200ms !important;
  -ms-transition-delay: 200ms !important;
  transition-delay: 200ms !important;
}

.delay-300 {
  -webkit-transition-delay: 300ms !important;
  -moz-transition-delay: 300ms !important;
  -o-transition-delay: 300ms !important;
  -ms-transition-delay: 300ms !important;
  transition-delay: 300ms !important;
}

.delay-500 {
  -webkit-transition-delay: 500ms !important;
  -moz-transition-delay: 500ms !important;
  -o-transition-delay: 500ms !important;
  -ms-transition-delay: 500ms !important;
  transition-delay: 500ms !important;
}

.delay-700 {
  -webkit-transition-delay: 700ms !important;
  -moz-transition-delay: 700ms !important;
  -o-transition-delay: 700ms !important;
  -ms-transition-delay: 700ms !important;
  transition-delay: 700ms !important;
}

.delay-1000 {
  -webkit-transition-delay: 1000ms !important;
  -moz-transition-delay: 1000ms !important;
  -o-transition-delay: 1000ms !important;
  -ms-transition-delay: 1000ms !important;
  transition-delay: 1000ms !important;
}

/* ============
Transition Delay
==============*/
.animate-none {
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  -ms-animation: none !important;
  animation: none !important;
}

.animate-spin {
  -webkit-animation: spin 1s linear infinite !important;
  -moz-animation: spin 1s linear infinite !important;
  -o-animation: spin 1s linear infinite !important;
  -ms-animation: spin 1s linear infinite !important;
  animation: spin 1s linear infinite !important;
}

@-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 !important;
  -moz-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
  -o-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
  -ms-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
}

@-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 !important;
  -moz-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
  -o-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
  -ms-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
}

@-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 !important;
  -moz-animation: bounce 1s infinite !important;
  -o-animation: bounce 1s infinite !important;
  -ms-animation: bounce 1s infinite !important;
  animation: bounce 1s infinite !important;
}

@-webkit-keyframes bounce {
  0%,
  100% {
    transform: translateY(-25%);
    animationtimingfunction: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animationtimingfunction: cubic-bezier(0, 0, 0.2, 1);
  }
}
@-moz-keyframes bounce {
  0%,
  100% {
    transform: translateY(-25%);
    animationtimingfunction: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animationtimingfunction: cubic-bezier(0, 0, 0.2, 1);
  }
}
@keyframes bounce {
  0%,
  100% {
    transform: translateY(-25%);
    animationtimingfunction: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animationtimingfunction: cubic-bezier(0, 0, 0.2, 1);
  }
}
/* ============
Cursor
==============*/
.cursor-auto {
  cursor: auto;
}

.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-wait {
  cursor: wait;
}

.cursor-text {
  cursor: text;
}

.cursor-move {
  cursor: move;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

/* ============
Pointer Events
==============*/
.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

/* ============
Resize
==============*/
.resize-none {
  resize: none;
}

.resize-y {
  resize: vertical;
}

.resize-x {
  resize: horizontal;
}

.resize-y {
  resize: vertical;
}

.resize {
  resize: both;
}

/* ============
User Select
==============*/
.select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -o-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.select-text {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -o-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}

.select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  -o-user-select: all !important;
  -ms-user-select: all !important;
  user-select: all !important;
}

.select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -o-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}

/* ============
Hover
==============*/
.hover\:bg-black:hover {
  background-color: var(--bg-black) !important;
}

.hover\:bg-white:hover {
  background-color: var(--bg-white) !important;
}

.hover\:bg-primary:hover {
  background-color: var(--bg-primary) !important;
}

.hover\:bg-secondary:hover {
  background-color: var(--bg-secondary) !important;
}

.hover\:bg-snow:hover {
  background-color: var(--bg-snow) !important;
}

.hover\:bg-red:hover {
  background-color: var(--bg-red) !important;
}

.hover\:bg-orange:hover {
  background-color: var(--bg-orange) !important;
}

.hover\:bg-blue:hover {
  background-color: var(--bg-blue) !important;
}

.hover\:bg-yellow:hover {
  background-color: var(--bg-yellow) !important;
}

.hover\:bg-green:hover {
  background-color: var(--bg-green) !important;
}

.hover\:color-black:hover {
  color: var(--color-black) !important;
}

.hover\:color-white:hover {
  color: var(--color-white) !important;
}

.hover\:color-primary:hover {
  color: var(--color-primary) !important;
}

.hover\:color-secondary:hover {
  color: var(--color-secondary) !important;
}

.hover\:color-snow:hover {
  color: var(--color-snow) !important;
}

.hover\:color-red:hover {
  color: var(--color-red) !important;
}

.hover\:color-orange:hover {
  color: var(--color-orange) !important;
}

.hover\:color-blue:hover {
  color: var(--color-blue) !important;
}

.hover\:color-yellow:hover {
  color: var(--color-yellow) !important;
}

.hover\:color-green:hover {
  color: var(--color-green) !important;
}

.hover\:border-black:hover {
  border-color: var(--border-black) !important;
}

.hover\:border-white:hover {
  border-color: var(--border-white) !important;
}

.hover\:border-primary:hover {
  border-color: var(--border-primary) !important;
}

.hover\:border-secondary:hover {
  border-color: var(--border-secondary) !important;
}

.hover\:border-snow:hover {
  border-color: var(--border-snow) !important;
}

.hover\:border-red:hover {
  border-color: var(--border-red) !important;
}

.hover\:border-orange:hover {
  border-color: var(--border-orange) !important;
}

.hover\:border-blue:hover {
  border-color: var(--border-blue) !important;
}

.hover\:border-yellow:hover {
  border-color: var(--border-yellow) !important;
}

.hover\:border-green:hover {
  border-color: var(--border-green) !important;
}

.hover\:bg-opacity-5:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.05);
}
.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(132, 49, 147, 0.05);
}
.hover\:bg-opacity-5:hover.bg-secondary {
  background-color: rgba(11, 34, 56, 0.05);
}
.hover\:bg-opacity-5:hover.bg-snow {
  background-color: rgba(244, 246, 248, 0.05);
}
.hover\:bg-opacity-5:hover.bg-red {
  background-color: rgba(240, 44, 45, 0.05);
}
.hover\:bg-opacity-5:hover.bg-orange {
  background-color: rgba(252, 108, 46, 0.05);
}
.hover\:bg-opacity-5:hover.bg-blue {
  background-color: rgba(18, 102, 227, 0.05);
}
.hover\:bg-opacity-5:hover.bg-yellow {
  background-color: rgba(255, 165, 13, 0.05);
}
.hover\:bg-opacity-5:hover.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.1);
}
.hover\:bg-opacity-10:hover.bg-secondary {
  background-color: rgba(11, 34, 56, 0.1);
}
.hover\:bg-opacity-10:hover.bg-snow {
  background-color: rgba(244, 246, 248, 0.1);
}
.hover\:bg-opacity-10:hover.bg-red {
  background-color: rgba(240, 44, 45, 0.1);
}
.hover\:bg-opacity-10:hover.bg-orange {
  background-color: rgba(252, 108, 46, 0.1);
}
.hover\:bg-opacity-10:hover.bg-blue {
  background-color: rgba(18, 102, 227, 0.1);
}
.hover\:bg-opacity-10:hover.bg-yellow {
  background-color: rgba(255, 165, 13, 0.1);
}
.hover\:bg-opacity-10:hover.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.15);
}
.hover\:bg-opacity-15:hover.bg-secondary {
  background-color: rgba(11, 34, 56, 0.15);
}
.hover\:bg-opacity-15:hover.bg-snow {
  background-color: rgba(244, 246, 248, 0.15);
}
.hover\:bg-opacity-15:hover.bg-red {
  background-color: rgba(240, 44, 45, 0.15);
}
.hover\:bg-opacity-15:hover.bg-orange {
  background-color: rgba(252, 108, 46, 0.15);
}
.hover\:bg-opacity-15:hover.bg-blue {
  background-color: rgba(18, 102, 227, 0.15);
}
.hover\:bg-opacity-15:hover.bg-yellow {
  background-color: rgba(255, 165, 13, 0.15);
}
.hover\:bg-opacity-15:hover.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.2);
}
.hover\:bg-opacity-20:hover.bg-secondary {
  background-color: rgba(11, 34, 56, 0.2);
}
.hover\:bg-opacity-20:hover.bg-snow {
  background-color: rgba(244, 246, 248, 0.2);
}
.hover\:bg-opacity-20:hover.bg-red {
  background-color: rgba(240, 44, 45, 0.2);
}
.hover\:bg-opacity-20:hover.bg-orange {
  background-color: rgba(252, 108, 46, 0.2);
}
.hover\:bg-opacity-20:hover.bg-blue {
  background-color: rgba(18, 102, 227, 0.2);
}
.hover\:bg-opacity-20:hover.bg-yellow {
  background-color: rgba(255, 165, 13, 0.2);
}
.hover\:bg-opacity-20:hover.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.25);
}
.hover\:bg-opacity-25:hover.bg-secondary {
  background-color: rgba(11, 34, 56, 0.25);
}
.hover\:bg-opacity-25:hover.bg-snow {
  background-color: rgba(244, 246, 248, 0.25);
}
.hover\:bg-opacity-25:hover.bg-red {
  background-color: rgba(240, 44, 45, 0.25);
}
.hover\:bg-opacity-25:hover.bg-orange {
  background-color: rgba(252, 108, 46, 0.25);
}
.hover\:bg-opacity-25:hover.bg-blue {
  background-color: rgba(18, 102, 227, 0.25);
}
.hover\:bg-opacity-25:hover.bg-yellow {
  background-color: rgba(255, 165, 13, 0.25);
}
.hover\:bg-opacity-25:hover.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.3);
}
.hover\:bg-opacity-30:hover.bg-secondary {
  background-color: rgba(11, 34, 56, 0.3);
}
.hover\:bg-opacity-30:hover.bg-snow {
  background-color: rgba(244, 246, 248, 0.3);
}
.hover\:bg-opacity-30:hover.bg-red {
  background-color: rgba(240, 44, 45, 0.3);
}
.hover\:bg-opacity-30:hover.bg-orange {
  background-color: rgba(252, 108, 46, 0.3);
}
.hover\:bg-opacity-30:hover.bg-blue {
  background-color: rgba(18, 102, 227, 0.3);
}
.hover\:bg-opacity-30:hover.bg-yellow {
  background-color: rgba(255, 165, 13, 0.3);
}
.hover\:bg-opacity-30:hover.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.35);
}
.hover\:bg-opacity-35:hover.bg-secondary {
  background-color: rgba(11, 34, 56, 0.35);
}
.hover\:bg-opacity-35:hover.bg-snow {
  background-color: rgba(244, 246, 248, 0.35);
}
.hover\:bg-opacity-35:hover.bg-red {
  background-color: rgba(240, 44, 45, 0.35);
}
.hover\:bg-opacity-35:hover.bg-orange {
  background-color: rgba(252, 108, 46, 0.35);
}
.hover\:bg-opacity-35:hover.bg-blue {
  background-color: rgba(18, 102, 227, 0.35);
}
.hover\:bg-opacity-35:hover.bg-yellow {
  background-color: rgba(255, 165, 13, 0.35);
}
.hover\:bg-opacity-35:hover.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.4);
}
.hover\:bg-opacity-40:hover.bg-secondary {
  background-color: rgba(11, 34, 56, 0.4);
}
.hover\:bg-opacity-40:hover.bg-snow {
  background-color: rgba(244, 246, 248, 0.4);
}
.hover\:bg-opacity-40:hover.bg-red {
  background-color: rgba(240, 44, 45, 0.4);
}
.hover\:bg-opacity-40:hover.bg-orange {
  background-color: rgba(252, 108, 46, 0.4);
}
.hover\:bg-opacity-40:hover.bg-blue {
  background-color: rgba(18, 102, 227, 0.4);
}
.hover\:bg-opacity-40:hover.bg-yellow {
  background-color: rgba(255, 165, 13, 0.4);
}
.hover\:bg-opacity-40:hover.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.45);
}
.hover\:bg-opacity-45:hover.bg-secondary {
  background-color: rgba(11, 34, 56, 0.45);
}
.hover\:bg-opacity-45:hover.bg-snow {
  background-color: rgba(244, 246, 248, 0.45);
}
.hover\:bg-opacity-45:hover.bg-red {
  background-color: rgba(240, 44, 45, 0.45);
}
.hover\:bg-opacity-45:hover.bg-orange {
  background-color: rgba(252, 108, 46, 0.45);
}
.hover\:bg-opacity-45:hover.bg-blue {
  background-color: rgba(18, 102, 227, 0.45);
}
.hover\:bg-opacity-45:hover.bg-yellow {
  background-color: rgba(255, 165, 13, 0.45);
}
.hover\:bg-opacity-45:hover.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.5);
}
.hover\:bg-opacity-50:hover.bg-secondary {
  background-color: rgba(11, 34, 56, 0.5);
}
.hover\:bg-opacity-50:hover.bg-snow {
  background-color: rgba(244, 246, 248, 0.5);
}
.hover\:bg-opacity-50:hover.bg-red {
  background-color: rgba(240, 44, 45, 0.5);
}
.hover\:bg-opacity-50:hover.bg-orange {
  background-color: rgba(252, 108, 46, 0.5);
}
.hover\:bg-opacity-50:hover.bg-blue {
  background-color: rgba(18, 102, 227, 0.5);
}
.hover\:bg-opacity-50:hover.bg-yellow {
  background-color: rgba(255, 165, 13, 0.5);
}
.hover\:bg-opacity-50:hover.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.55);
}
.hover\:bg-opacity-55:hover.bg-secondary {
  background-color: rgba(11, 34, 56, 0.55);
}
.hover\:bg-opacity-55:hover.bg-snow {
  background-color: rgba(244, 246, 248, 0.55);
}
.hover\:bg-opacity-55:hover.bg-red {
  background-color: rgba(240, 44, 45, 0.55);
}
.hover\:bg-opacity-55:hover.bg-orange {
  background-color: rgba(252, 108, 46, 0.55);
}
.hover\:bg-opacity-55:hover.bg-blue {
  background-color: rgba(18, 102, 227, 0.55);
}
.hover\:bg-opacity-55:hover.bg-yellow {
  background-color: rgba(255, 165, 13, 0.55);
}
.hover\:bg-opacity-55:hover.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.6);
}
.hover\:bg-opacity-60:hover.bg-secondary {
  background-color: rgba(11, 34, 56, 0.6);
}
.hover\:bg-opacity-60:hover.bg-snow {
  background-color: rgba(244, 246, 248, 0.6);
}
.hover\:bg-opacity-60:hover.bg-red {
  background-color: rgba(240, 44, 45, 0.6);
}
.hover\:bg-opacity-60:hover.bg-orange {
  background-color: rgba(252, 108, 46, 0.6);
}
.hover\:bg-opacity-60:hover.bg-blue {
  background-color: rgba(18, 102, 227, 0.6);
}
.hover\:bg-opacity-60:hover.bg-yellow {
  background-color: rgba(255, 165, 13, 0.6);
}
.hover\:bg-opacity-60:hover.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.65);
}
.hover\:bg-opacity-65:hover.bg-secondary {
  background-color: rgba(11, 34, 56, 0.65);
}
.hover\:bg-opacity-65:hover.bg-snow {
  background-color: rgba(244, 246, 248, 0.65);
}
.hover\:bg-opacity-65:hover.bg-red {
  background-color: rgba(240, 44, 45, 0.65);
}
.hover\:bg-opacity-65:hover.bg-orange {
  background-color: rgba(252, 108, 46, 0.65);
}
.hover\:bg-opacity-65:hover.bg-blue {
  background-color: rgba(18, 102, 227, 0.65);
}
.hover\:bg-opacity-65:hover.bg-yellow {
  background-color: rgba(255, 165, 13, 0.65);
}
.hover\:bg-opacity-65:hover.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.7);
}
.hover\:bg-opacity-70:hover.bg-secondary {
  background-color: rgba(11, 34, 56, 0.7);
}
.hover\:bg-opacity-70:hover.bg-snow {
  background-color: rgba(244, 246, 248, 0.7);
}
.hover\:bg-opacity-70:hover.bg-red {
  background-color: rgba(240, 44, 45, 0.7);
}
.hover\:bg-opacity-70:hover.bg-orange {
  background-color: rgba(252, 108, 46, 0.7);
}
.hover\:bg-opacity-70:hover.bg-blue {
  background-color: rgba(18, 102, 227, 0.7);
}
.hover\:bg-opacity-70:hover.bg-yellow {
  background-color: rgba(255, 165, 13, 0.7);
}
.hover\:bg-opacity-70:hover.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.75);
}
.hover\:bg-opacity-75:hover.bg-secondary {
  background-color: rgba(11, 34, 56, 0.75);
}
.hover\:bg-opacity-75:hover.bg-snow {
  background-color: rgba(244, 246, 248, 0.75);
}
.hover\:bg-opacity-75:hover.bg-red {
  background-color: rgba(240, 44, 45, 0.75);
}
.hover\:bg-opacity-75:hover.bg-orange {
  background-color: rgba(252, 108, 46, 0.75);
}
.hover\:bg-opacity-75:hover.bg-blue {
  background-color: rgba(18, 102, 227, 0.75);
}
.hover\:bg-opacity-75:hover.bg-yellow {
  background-color: rgba(255, 165, 13, 0.75);
}
.hover\:bg-opacity-75:hover.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.8);
}
.hover\:bg-opacity-80:hover.bg-secondary {
  background-color: rgba(11, 34, 56, 0.8);
}
.hover\:bg-opacity-80:hover.bg-snow {
  background-color: rgba(244, 246, 248, 0.8);
}
.hover\:bg-opacity-80:hover.bg-red {
  background-color: rgba(240, 44, 45, 0.8);
}
.hover\:bg-opacity-80:hover.bg-orange {
  background-color: rgba(252, 108, 46, 0.8);
}
.hover\:bg-opacity-80:hover.bg-blue {
  background-color: rgba(18, 102, 227, 0.8);
}
.hover\:bg-opacity-80:hover.bg-yellow {
  background-color: rgba(255, 165, 13, 0.8);
}
.hover\:bg-opacity-80:hover.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.85);
}
.hover\:bg-opacity-85:hover.bg-secondary {
  background-color: rgba(11, 34, 56, 0.85);
}
.hover\:bg-opacity-85:hover.bg-snow {
  background-color: rgba(244, 246, 248, 0.85);
}
.hover\:bg-opacity-85:hover.bg-red {
  background-color: rgba(240, 44, 45, 0.85);
}
.hover\:bg-opacity-85:hover.bg-orange {
  background-color: rgba(252, 108, 46, 0.85);
}
.hover\:bg-opacity-85:hover.bg-blue {
  background-color: rgba(18, 102, 227, 0.85);
}
.hover\:bg-opacity-85:hover.bg-yellow {
  background-color: rgba(255, 165, 13, 0.85);
}
.hover\:bg-opacity-85:hover.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.9);
}
.hover\:bg-opacity-90:hover.bg-secondary {
  background-color: rgba(11, 34, 56, 0.9);
}
.hover\:bg-opacity-90:hover.bg-snow {
  background-color: rgba(244, 246, 248, 0.9);
}
.hover\:bg-opacity-90:hover.bg-red {
  background-color: rgba(240, 44, 45, 0.9);
}
.hover\:bg-opacity-90:hover.bg-orange {
  background-color: rgba(252, 108, 46, 0.9);
}
.hover\:bg-opacity-90:hover.bg-blue {
  background-color: rgba(18, 102, 227, 0.9);
}
.hover\:bg-opacity-90:hover.bg-yellow {
  background-color: rgba(255, 165, 13, 0.9);
}
.hover\:bg-opacity-90:hover.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.95);
}
.hover\:bg-opacity-95:hover.bg-secondary {
  background-color: rgba(11, 34, 56, 0.95);
}
.hover\:bg-opacity-95:hover.bg-snow {
  background-color: rgba(244, 246, 248, 0.95);
}
.hover\:bg-opacity-95:hover.bg-red {
  background-color: rgba(240, 44, 45, 0.95);
}
.hover\:bg-opacity-95:hover.bg-orange {
  background-color: rgba(252, 108, 46, 0.95);
}
.hover\:bg-opacity-95:hover.bg-blue {
  background-color: rgba(18, 102, 227, 0.95);
}
.hover\:bg-opacity-95:hover.bg-yellow {
  background-color: rgba(255, 165, 13, 0.95);
}
.hover\:bg-opacity-95:hover.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.05);
}
.hover\:color-opacity-5:hover.color-secondary {
  color: rgba(45, 57, 84, 0.05);
}
.hover\:color-opacity-5:hover.color-snow {
  color: rgba(178, 182, 194, 0.05);
}
.hover\:color-opacity-5:hover.color-red {
  color: rgba(240, 44, 45, 0.05);
}
.hover\:color-opacity-5:hover.color-orange {
  color: rgba(252, 108, 46, 0.05);
}
.hover\:color-opacity-5:hover.color-blue {
  color: rgba(18, 102, 227, 0.05);
}
.hover\:color-opacity-5:hover.color-yellow {
  color: rgba(255, 165, 13, 0.05);
}
.hover\:color-opacity-5:hover.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.1);
}
.hover\:color-opacity-10:hover.color-secondary {
  color: rgba(45, 57, 84, 0.1);
}
.hover\:color-opacity-10:hover.color-snow {
  color: rgba(178, 182, 194, 0.1);
}
.hover\:color-opacity-10:hover.color-red {
  color: rgba(240, 44, 45, 0.1);
}
.hover\:color-opacity-10:hover.color-orange {
  color: rgba(252, 108, 46, 0.1);
}
.hover\:color-opacity-10:hover.color-blue {
  color: rgba(18, 102, 227, 0.1);
}
.hover\:color-opacity-10:hover.color-yellow {
  color: rgba(255, 165, 13, 0.1);
}
.hover\:color-opacity-10:hover.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.15);
}
.hover\:color-opacity-15:hover.color-secondary {
  color: rgba(45, 57, 84, 0.15);
}
.hover\:color-opacity-15:hover.color-snow {
  color: rgba(178, 182, 194, 0.15);
}
.hover\:color-opacity-15:hover.color-red {
  color: rgba(240, 44, 45, 0.15);
}
.hover\:color-opacity-15:hover.color-orange {
  color: rgba(252, 108, 46, 0.15);
}
.hover\:color-opacity-15:hover.color-blue {
  color: rgba(18, 102, 227, 0.15);
}
.hover\:color-opacity-15:hover.color-yellow {
  color: rgba(255, 165, 13, 0.15);
}
.hover\:color-opacity-15:hover.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.2);
}
.hover\:color-opacity-20:hover.color-secondary {
  color: rgba(45, 57, 84, 0.2);
}
.hover\:color-opacity-20:hover.color-snow {
  color: rgba(178, 182, 194, 0.2);
}
.hover\:color-opacity-20:hover.color-red {
  color: rgba(240, 44, 45, 0.2);
}
.hover\:color-opacity-20:hover.color-orange {
  color: rgba(252, 108, 46, 0.2);
}
.hover\:color-opacity-20:hover.color-blue {
  color: rgba(18, 102, 227, 0.2);
}
.hover\:color-opacity-20:hover.color-yellow {
  color: rgba(255, 165, 13, 0.2);
}
.hover\:color-opacity-20:hover.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.25);
}
.hover\:color-opacity-25:hover.color-secondary {
  color: rgba(45, 57, 84, 0.25);
}
.hover\:color-opacity-25:hover.color-snow {
  color: rgba(178, 182, 194, 0.25);
}
.hover\:color-opacity-25:hover.color-red {
  color: rgba(240, 44, 45, 0.25);
}
.hover\:color-opacity-25:hover.color-orange {
  color: rgba(252, 108, 46, 0.25);
}
.hover\:color-opacity-25:hover.color-blue {
  color: rgba(18, 102, 227, 0.25);
}
.hover\:color-opacity-25:hover.color-yellow {
  color: rgba(255, 165, 13, 0.25);
}
.hover\:color-opacity-25:hover.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.3);
}
.hover\:color-opacity-30:hover.color-secondary {
  color: rgba(45, 57, 84, 0.3);
}
.hover\:color-opacity-30:hover.color-snow {
  color: rgba(178, 182, 194, 0.3);
}
.hover\:color-opacity-30:hover.color-red {
  color: rgba(240, 44, 45, 0.3);
}
.hover\:color-opacity-30:hover.color-orange {
  color: rgba(252, 108, 46, 0.3);
}
.hover\:color-opacity-30:hover.color-blue {
  color: rgba(18, 102, 227, 0.3);
}
.hover\:color-opacity-30:hover.color-yellow {
  color: rgba(255, 165, 13, 0.3);
}
.hover\:color-opacity-30:hover.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.35);
}
.hover\:color-opacity-35:hover.color-secondary {
  color: rgba(45, 57, 84, 0.35);
}
.hover\:color-opacity-35:hover.color-snow {
  color: rgba(178, 182, 194, 0.35);
}
.hover\:color-opacity-35:hover.color-red {
  color: rgba(240, 44, 45, 0.35);
}
.hover\:color-opacity-35:hover.color-orange {
  color: rgba(252, 108, 46, 0.35);
}
.hover\:color-opacity-35:hover.color-blue {
  color: rgba(18, 102, 227, 0.35);
}
.hover\:color-opacity-35:hover.color-yellow {
  color: rgba(255, 165, 13, 0.35);
}
.hover\:color-opacity-35:hover.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.4);
}
.hover\:color-opacity-40:hover.color-secondary {
  color: rgba(45, 57, 84, 0.4);
}
.hover\:color-opacity-40:hover.color-snow {
  color: rgba(178, 182, 194, 0.4);
}
.hover\:color-opacity-40:hover.color-red {
  color: rgba(240, 44, 45, 0.4);
}
.hover\:color-opacity-40:hover.color-orange {
  color: rgba(252, 108, 46, 0.4);
}
.hover\:color-opacity-40:hover.color-blue {
  color: rgba(18, 102, 227, 0.4);
}
.hover\:color-opacity-40:hover.color-yellow {
  color: rgba(255, 165, 13, 0.4);
}
.hover\:color-opacity-40:hover.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.45);
}
.hover\:color-opacity-45:hover.color-secondary {
  color: rgba(45, 57, 84, 0.45);
}
.hover\:color-opacity-45:hover.color-snow {
  color: rgba(178, 182, 194, 0.45);
}
.hover\:color-opacity-45:hover.color-red {
  color: rgba(240, 44, 45, 0.45);
}
.hover\:color-opacity-45:hover.color-orange {
  color: rgba(252, 108, 46, 0.45);
}
.hover\:color-opacity-45:hover.color-blue {
  color: rgba(18, 102, 227, 0.45);
}
.hover\:color-opacity-45:hover.color-yellow {
  color: rgba(255, 165, 13, 0.45);
}
.hover\:color-opacity-45:hover.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.5);
}
.hover\:color-opacity-50:hover.color-secondary {
  color: rgba(45, 57, 84, 0.5);
}
.hover\:color-opacity-50:hover.color-snow {
  color: rgba(178, 182, 194, 0.5);
}
.hover\:color-opacity-50:hover.color-red {
  color: rgba(240, 44, 45, 0.5);
}
.hover\:color-opacity-50:hover.color-orange {
  color: rgba(252, 108, 46, 0.5);
}
.hover\:color-opacity-50:hover.color-blue {
  color: rgba(18, 102, 227, 0.5);
}
.hover\:color-opacity-50:hover.color-yellow {
  color: rgba(255, 165, 13, 0.5);
}
.hover\:color-opacity-50:hover.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.55);
}
.hover\:color-opacity-55:hover.color-secondary {
  color: rgba(45, 57, 84, 0.55);
}
.hover\:color-opacity-55:hover.color-snow {
  color: rgba(178, 182, 194, 0.55);
}
.hover\:color-opacity-55:hover.color-red {
  color: rgba(240, 44, 45, 0.55);
}
.hover\:color-opacity-55:hover.color-orange {
  color: rgba(252, 108, 46, 0.55);
}
.hover\:color-opacity-55:hover.color-blue {
  color: rgba(18, 102, 227, 0.55);
}
.hover\:color-opacity-55:hover.color-yellow {
  color: rgba(255, 165, 13, 0.55);
}
.hover\:color-opacity-55:hover.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.6);
}
.hover\:color-opacity-60:hover.color-secondary {
  color: rgba(45, 57, 84, 0.6);
}
.hover\:color-opacity-60:hover.color-snow {
  color: rgba(178, 182, 194, 0.6);
}
.hover\:color-opacity-60:hover.color-red {
  color: rgba(240, 44, 45, 0.6);
}
.hover\:color-opacity-60:hover.color-orange {
  color: rgba(252, 108, 46, 0.6);
}
.hover\:color-opacity-60:hover.color-blue {
  color: rgba(18, 102, 227, 0.6);
}
.hover\:color-opacity-60:hover.color-yellow {
  color: rgba(255, 165, 13, 0.6);
}
.hover\:color-opacity-60:hover.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.65);
}
.hover\:color-opacity-65:hover.color-secondary {
  color: rgba(45, 57, 84, 0.65);
}
.hover\:color-opacity-65:hover.color-snow {
  color: rgba(178, 182, 194, 0.65);
}
.hover\:color-opacity-65:hover.color-red {
  color: rgba(240, 44, 45, 0.65);
}
.hover\:color-opacity-65:hover.color-orange {
  color: rgba(252, 108, 46, 0.65);
}
.hover\:color-opacity-65:hover.color-blue {
  color: rgba(18, 102, 227, 0.65);
}
.hover\:color-opacity-65:hover.color-yellow {
  color: rgba(255, 165, 13, 0.65);
}
.hover\:color-opacity-65:hover.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.7);
}
.hover\:color-opacity-70:hover.color-secondary {
  color: rgba(45, 57, 84, 0.7);
}
.hover\:color-opacity-70:hover.color-snow {
  color: rgba(178, 182, 194, 0.7);
}
.hover\:color-opacity-70:hover.color-red {
  color: rgba(240, 44, 45, 0.7);
}
.hover\:color-opacity-70:hover.color-orange {
  color: rgba(252, 108, 46, 0.7);
}
.hover\:color-opacity-70:hover.color-blue {
  color: rgba(18, 102, 227, 0.7);
}
.hover\:color-opacity-70:hover.color-yellow {
  color: rgba(255, 165, 13, 0.7);
}
.hover\:color-opacity-70:hover.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.75);
}
.hover\:color-opacity-75:hover.color-secondary {
  color: rgba(45, 57, 84, 0.75);
}
.hover\:color-opacity-75:hover.color-snow {
  color: rgba(178, 182, 194, 0.75);
}
.hover\:color-opacity-75:hover.color-red {
  color: rgba(240, 44, 45, 0.75);
}
.hover\:color-opacity-75:hover.color-orange {
  color: rgba(252, 108, 46, 0.75);
}
.hover\:color-opacity-75:hover.color-blue {
  color: rgba(18, 102, 227, 0.75);
}
.hover\:color-opacity-75:hover.color-yellow {
  color: rgba(255, 165, 13, 0.75);
}
.hover\:color-opacity-75:hover.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.8);
}
.hover\:color-opacity-80:hover.color-secondary {
  color: rgba(45, 57, 84, 0.8);
}
.hover\:color-opacity-80:hover.color-snow {
  color: rgba(178, 182, 194, 0.8);
}
.hover\:color-opacity-80:hover.color-red {
  color: rgba(240, 44, 45, 0.8);
}
.hover\:color-opacity-80:hover.color-orange {
  color: rgba(252, 108, 46, 0.8);
}
.hover\:color-opacity-80:hover.color-blue {
  color: rgba(18, 102, 227, 0.8);
}
.hover\:color-opacity-80:hover.color-yellow {
  color: rgba(255, 165, 13, 0.8);
}
.hover\:color-opacity-80:hover.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.85);
}
.hover\:color-opacity-85:hover.color-secondary {
  color: rgba(45, 57, 84, 0.85);
}
.hover\:color-opacity-85:hover.color-snow {
  color: rgba(178, 182, 194, 0.85);
}
.hover\:color-opacity-85:hover.color-red {
  color: rgba(240, 44, 45, 0.85);
}
.hover\:color-opacity-85:hover.color-orange {
  color: rgba(252, 108, 46, 0.85);
}
.hover\:color-opacity-85:hover.color-blue {
  color: rgba(18, 102, 227, 0.85);
}
.hover\:color-opacity-85:hover.color-yellow {
  color: rgba(255, 165, 13, 0.85);
}
.hover\:color-opacity-85:hover.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.9);
}
.hover\:color-opacity-90:hover.color-secondary {
  color: rgba(45, 57, 84, 0.9);
}
.hover\:color-opacity-90:hover.color-snow {
  color: rgba(178, 182, 194, 0.9);
}
.hover\:color-opacity-90:hover.color-red {
  color: rgba(240, 44, 45, 0.9);
}
.hover\:color-opacity-90:hover.color-orange {
  color: rgba(252, 108, 46, 0.9);
}
.hover\:color-opacity-90:hover.color-blue {
  color: rgba(18, 102, 227, 0.9);
}
.hover\:color-opacity-90:hover.color-yellow {
  color: rgba(255, 165, 13, 0.9);
}
.hover\:color-opacity-90:hover.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.95);
}
.hover\:color-opacity-95:hover.color-secondary {
  color: rgba(45, 57, 84, 0.95);
}
.hover\:color-opacity-95:hover.color-snow {
  color: rgba(178, 182, 194, 0.95);
}
.hover\:color-opacity-95:hover.color-red {
  color: rgba(240, 44, 45, 0.95);
}
.hover\:color-opacity-95:hover.color-orange {
  color: rgba(252, 108, 46, 0.95);
}
.hover\:color-opacity-95:hover.color-blue {
  color: rgba(18, 102, 227, 0.95);
}
.hover\:color-opacity-95:hover.color-yellow {
  color: rgba(255, 165, 13, 0.95);
}
.hover\:color-opacity-95:hover.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.05);
}
.focus\:bg-opacity-5:focus.bg-secondary {
  background-color: rgba(11, 34, 56, 0.05);
}
.focus\:bg-opacity-5:focus.bg-snow {
  background-color: rgba(244, 246, 248, 0.05);
}
.focus\:bg-opacity-5:focus.bg-red {
  background-color: rgba(240, 44, 45, 0.05);
}
.focus\:bg-opacity-5:focus.bg-orange {
  background-color: rgba(252, 108, 46, 0.05);
}
.focus\:bg-opacity-5:focus.bg-blue {
  background-color: rgba(18, 102, 227, 0.05);
}
.focus\:bg-opacity-5:focus.bg-yellow {
  background-color: rgba(255, 165, 13, 0.05);
}
.focus\:bg-opacity-5:focus.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.1);
}
.focus\:bg-opacity-10:focus.bg-secondary {
  background-color: rgba(11, 34, 56, 0.1);
}
.focus\:bg-opacity-10:focus.bg-snow {
  background-color: rgba(244, 246, 248, 0.1);
}
.focus\:bg-opacity-10:focus.bg-red {
  background-color: rgba(240, 44, 45, 0.1);
}
.focus\:bg-opacity-10:focus.bg-orange {
  background-color: rgba(252, 108, 46, 0.1);
}
.focus\:bg-opacity-10:focus.bg-blue {
  background-color: rgba(18, 102, 227, 0.1);
}
.focus\:bg-opacity-10:focus.bg-yellow {
  background-color: rgba(255, 165, 13, 0.1);
}
.focus\:bg-opacity-10:focus.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.15);
}
.focus\:bg-opacity-15:focus.bg-secondary {
  background-color: rgba(11, 34, 56, 0.15);
}
.focus\:bg-opacity-15:focus.bg-snow {
  background-color: rgba(244, 246, 248, 0.15);
}
.focus\:bg-opacity-15:focus.bg-red {
  background-color: rgba(240, 44, 45, 0.15);
}
.focus\:bg-opacity-15:focus.bg-orange {
  background-color: rgba(252, 108, 46, 0.15);
}
.focus\:bg-opacity-15:focus.bg-blue {
  background-color: rgba(18, 102, 227, 0.15);
}
.focus\:bg-opacity-15:focus.bg-yellow {
  background-color: rgba(255, 165, 13, 0.15);
}
.focus\:bg-opacity-15:focus.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.2);
}
.focus\:bg-opacity-20:focus.bg-secondary {
  background-color: rgba(11, 34, 56, 0.2);
}
.focus\:bg-opacity-20:focus.bg-snow {
  background-color: rgba(244, 246, 248, 0.2);
}
.focus\:bg-opacity-20:focus.bg-red {
  background-color: rgba(240, 44, 45, 0.2);
}
.focus\:bg-opacity-20:focus.bg-orange {
  background-color: rgba(252, 108, 46, 0.2);
}
.focus\:bg-opacity-20:focus.bg-blue {
  background-color: rgba(18, 102, 227, 0.2);
}
.focus\:bg-opacity-20:focus.bg-yellow {
  background-color: rgba(255, 165, 13, 0.2);
}
.focus\:bg-opacity-20:focus.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.25);
}
.focus\:bg-opacity-25:focus.bg-secondary {
  background-color: rgba(11, 34, 56, 0.25);
}
.focus\:bg-opacity-25:focus.bg-snow {
  background-color: rgba(244, 246, 248, 0.25);
}
.focus\:bg-opacity-25:focus.bg-red {
  background-color: rgba(240, 44, 45, 0.25);
}
.focus\:bg-opacity-25:focus.bg-orange {
  background-color: rgba(252, 108, 46, 0.25);
}
.focus\:bg-opacity-25:focus.bg-blue {
  background-color: rgba(18, 102, 227, 0.25);
}
.focus\:bg-opacity-25:focus.bg-yellow {
  background-color: rgba(255, 165, 13, 0.25);
}
.focus\:bg-opacity-25:focus.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.3);
}
.focus\:bg-opacity-30:focus.bg-secondary {
  background-color: rgba(11, 34, 56, 0.3);
}
.focus\:bg-opacity-30:focus.bg-snow {
  background-color: rgba(244, 246, 248, 0.3);
}
.focus\:bg-opacity-30:focus.bg-red {
  background-color: rgba(240, 44, 45, 0.3);
}
.focus\:bg-opacity-30:focus.bg-orange {
  background-color: rgba(252, 108, 46, 0.3);
}
.focus\:bg-opacity-30:focus.bg-blue {
  background-color: rgba(18, 102, 227, 0.3);
}
.focus\:bg-opacity-30:focus.bg-yellow {
  background-color: rgba(255, 165, 13, 0.3);
}
.focus\:bg-opacity-30:focus.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.35);
}
.focus\:bg-opacity-35:focus.bg-secondary {
  background-color: rgba(11, 34, 56, 0.35);
}
.focus\:bg-opacity-35:focus.bg-snow {
  background-color: rgba(244, 246, 248, 0.35);
}
.focus\:bg-opacity-35:focus.bg-red {
  background-color: rgba(240, 44, 45, 0.35);
}
.focus\:bg-opacity-35:focus.bg-orange {
  background-color: rgba(252, 108, 46, 0.35);
}
.focus\:bg-opacity-35:focus.bg-blue {
  background-color: rgba(18, 102, 227, 0.35);
}
.focus\:bg-opacity-35:focus.bg-yellow {
  background-color: rgba(255, 165, 13, 0.35);
}
.focus\:bg-opacity-35:focus.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.4);
}
.focus\:bg-opacity-40:focus.bg-secondary {
  background-color: rgba(11, 34, 56, 0.4);
}
.focus\:bg-opacity-40:focus.bg-snow {
  background-color: rgba(244, 246, 248, 0.4);
}
.focus\:bg-opacity-40:focus.bg-red {
  background-color: rgba(240, 44, 45, 0.4);
}
.focus\:bg-opacity-40:focus.bg-orange {
  background-color: rgba(252, 108, 46, 0.4);
}
.focus\:bg-opacity-40:focus.bg-blue {
  background-color: rgba(18, 102, 227, 0.4);
}
.focus\:bg-opacity-40:focus.bg-yellow {
  background-color: rgba(255, 165, 13, 0.4);
}
.focus\:bg-opacity-40:focus.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.45);
}
.focus\:bg-opacity-45:focus.bg-secondary {
  background-color: rgba(11, 34, 56, 0.45);
}
.focus\:bg-opacity-45:focus.bg-snow {
  background-color: rgba(244, 246, 248, 0.45);
}
.focus\:bg-opacity-45:focus.bg-red {
  background-color: rgba(240, 44, 45, 0.45);
}
.focus\:bg-opacity-45:focus.bg-orange {
  background-color: rgba(252, 108, 46, 0.45);
}
.focus\:bg-opacity-45:focus.bg-blue {
  background-color: rgba(18, 102, 227, 0.45);
}
.focus\:bg-opacity-45:focus.bg-yellow {
  background-color: rgba(255, 165, 13, 0.45);
}
.focus\:bg-opacity-45:focus.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.5);
}
.focus\:bg-opacity-50:focus.bg-secondary {
  background-color: rgba(11, 34, 56, 0.5);
}
.focus\:bg-opacity-50:focus.bg-snow {
  background-color: rgba(244, 246, 248, 0.5);
}
.focus\:bg-opacity-50:focus.bg-red {
  background-color: rgba(240, 44, 45, 0.5);
}
.focus\:bg-opacity-50:focus.bg-orange {
  background-color: rgba(252, 108, 46, 0.5);
}
.focus\:bg-opacity-50:focus.bg-blue {
  background-color: rgba(18, 102, 227, 0.5);
}
.focus\:bg-opacity-50:focus.bg-yellow {
  background-color: rgba(255, 165, 13, 0.5);
}
.focus\:bg-opacity-50:focus.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.55);
}
.focus\:bg-opacity-55:focus.bg-secondary {
  background-color: rgba(11, 34, 56, 0.55);
}
.focus\:bg-opacity-55:focus.bg-snow {
  background-color: rgba(244, 246, 248, 0.55);
}
.focus\:bg-opacity-55:focus.bg-red {
  background-color: rgba(240, 44, 45, 0.55);
}
.focus\:bg-opacity-55:focus.bg-orange {
  background-color: rgba(252, 108, 46, 0.55);
}
.focus\:bg-opacity-55:focus.bg-blue {
  background-color: rgba(18, 102, 227, 0.55);
}
.focus\:bg-opacity-55:focus.bg-yellow {
  background-color: rgba(255, 165, 13, 0.55);
}
.focus\:bg-opacity-55:focus.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.6);
}
.focus\:bg-opacity-60:focus.bg-secondary {
  background-color: rgba(11, 34, 56, 0.6);
}
.focus\:bg-opacity-60:focus.bg-snow {
  background-color: rgba(244, 246, 248, 0.6);
}
.focus\:bg-opacity-60:focus.bg-red {
  background-color: rgba(240, 44, 45, 0.6);
}
.focus\:bg-opacity-60:focus.bg-orange {
  background-color: rgba(252, 108, 46, 0.6);
}
.focus\:bg-opacity-60:focus.bg-blue {
  background-color: rgba(18, 102, 227, 0.6);
}
.focus\:bg-opacity-60:focus.bg-yellow {
  background-color: rgba(255, 165, 13, 0.6);
}
.focus\:bg-opacity-60:focus.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.65);
}
.focus\:bg-opacity-65:focus.bg-secondary {
  background-color: rgba(11, 34, 56, 0.65);
}
.focus\:bg-opacity-65:focus.bg-snow {
  background-color: rgba(244, 246, 248, 0.65);
}
.focus\:bg-opacity-65:focus.bg-red {
  background-color: rgba(240, 44, 45, 0.65);
}
.focus\:bg-opacity-65:focus.bg-orange {
  background-color: rgba(252, 108, 46, 0.65);
}
.focus\:bg-opacity-65:focus.bg-blue {
  background-color: rgba(18, 102, 227, 0.65);
}
.focus\:bg-opacity-65:focus.bg-yellow {
  background-color: rgba(255, 165, 13, 0.65);
}
.focus\:bg-opacity-65:focus.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.7);
}
.focus\:bg-opacity-70:focus.bg-secondary {
  background-color: rgba(11, 34, 56, 0.7);
}
.focus\:bg-opacity-70:focus.bg-snow {
  background-color: rgba(244, 246, 248, 0.7);
}
.focus\:bg-opacity-70:focus.bg-red {
  background-color: rgba(240, 44, 45, 0.7);
}
.focus\:bg-opacity-70:focus.bg-orange {
  background-color: rgba(252, 108, 46, 0.7);
}
.focus\:bg-opacity-70:focus.bg-blue {
  background-color: rgba(18, 102, 227, 0.7);
}
.focus\:bg-opacity-70:focus.bg-yellow {
  background-color: rgba(255, 165, 13, 0.7);
}
.focus\:bg-opacity-70:focus.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.75);
}
.focus\:bg-opacity-75:focus.bg-secondary {
  background-color: rgba(11, 34, 56, 0.75);
}
.focus\:bg-opacity-75:focus.bg-snow {
  background-color: rgba(244, 246, 248, 0.75);
}
.focus\:bg-opacity-75:focus.bg-red {
  background-color: rgba(240, 44, 45, 0.75);
}
.focus\:bg-opacity-75:focus.bg-orange {
  background-color: rgba(252, 108, 46, 0.75);
}
.focus\:bg-opacity-75:focus.bg-blue {
  background-color: rgba(18, 102, 227, 0.75);
}
.focus\:bg-opacity-75:focus.bg-yellow {
  background-color: rgba(255, 165, 13, 0.75);
}
.focus\:bg-opacity-75:focus.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.8);
}
.focus\:bg-opacity-80:focus.bg-secondary {
  background-color: rgba(11, 34, 56, 0.8);
}
.focus\:bg-opacity-80:focus.bg-snow {
  background-color: rgba(244, 246, 248, 0.8);
}
.focus\:bg-opacity-80:focus.bg-red {
  background-color: rgba(240, 44, 45, 0.8);
}
.focus\:bg-opacity-80:focus.bg-orange {
  background-color: rgba(252, 108, 46, 0.8);
}
.focus\:bg-opacity-80:focus.bg-blue {
  background-color: rgba(18, 102, 227, 0.8);
}
.focus\:bg-opacity-80:focus.bg-yellow {
  background-color: rgba(255, 165, 13, 0.8);
}
.focus\:bg-opacity-80:focus.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.85);
}
.focus\:bg-opacity-85:focus.bg-secondary {
  background-color: rgba(11, 34, 56, 0.85);
}
.focus\:bg-opacity-85:focus.bg-snow {
  background-color: rgba(244, 246, 248, 0.85);
}
.focus\:bg-opacity-85:focus.bg-red {
  background-color: rgba(240, 44, 45, 0.85);
}
.focus\:bg-opacity-85:focus.bg-orange {
  background-color: rgba(252, 108, 46, 0.85);
}
.focus\:bg-opacity-85:focus.bg-blue {
  background-color: rgba(18, 102, 227, 0.85);
}
.focus\:bg-opacity-85:focus.bg-yellow {
  background-color: rgba(255, 165, 13, 0.85);
}
.focus\:bg-opacity-85:focus.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.9);
}
.focus\:bg-opacity-90:focus.bg-secondary {
  background-color: rgba(11, 34, 56, 0.9);
}
.focus\:bg-opacity-90:focus.bg-snow {
  background-color: rgba(244, 246, 248, 0.9);
}
.focus\:bg-opacity-90:focus.bg-red {
  background-color: rgba(240, 44, 45, 0.9);
}
.focus\:bg-opacity-90:focus.bg-orange {
  background-color: rgba(252, 108, 46, 0.9);
}
.focus\:bg-opacity-90:focus.bg-blue {
  background-color: rgba(18, 102, 227, 0.9);
}
.focus\:bg-opacity-90:focus.bg-yellow {
  background-color: rgba(255, 165, 13, 0.9);
}
.focus\:bg-opacity-90:focus.bg-green {
  background-color: rgba(132, 49, 147, 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(132, 49, 147, 0.05);
}
.focus\:color-opacity-5:focus.color-secondary {
  color: rgba(45, 57, 84, 0.05);
}
.focus\:color-opacity-5:focus.color-snow {
  color: rgba(178, 182, 194, 0.05);
}
.focus\:color-opacity-5:focus.color-red {
  color: rgba(240, 44, 45, 0.05);
}
.focus\:color-opacity-5:focus.color-orange {
  color: rgba(252, 108, 46, 0.05);
}
.focus\:color-opacity-5:focus.color-blue {
  color: rgba(18, 102, 227, 0.05);
}
.focus\:color-opacity-5:focus.color-yellow {
  color: rgba(255, 165, 13, 0.05);
}
.focus\:color-opacity-5:focus.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.1);
}
.focus\:color-opacity-10:focus.color-secondary {
  color: rgba(45, 57, 84, 0.1);
}
.focus\:color-opacity-10:focus.color-snow {
  color: rgba(178, 182, 194, 0.1);
}
.focus\:color-opacity-10:focus.color-red {
  color: rgba(240, 44, 45, 0.1);
}
.focus\:color-opacity-10:focus.color-orange {
  color: rgba(252, 108, 46, 0.1);
}
.focus\:color-opacity-10:focus.color-blue {
  color: rgba(18, 102, 227, 0.1);
}
.focus\:color-opacity-10:focus.color-yellow {
  color: rgba(255, 165, 13, 0.1);
}
.focus\:color-opacity-10:focus.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.15);
}
.focus\:color-opacity-15:focus.color-secondary {
  color: rgba(45, 57, 84, 0.15);
}
.focus\:color-opacity-15:focus.color-snow {
  color: rgba(178, 182, 194, 0.15);
}
.focus\:color-opacity-15:focus.color-red {
  color: rgba(240, 44, 45, 0.15);
}
.focus\:color-opacity-15:focus.color-orange {
  color: rgba(252, 108, 46, 0.15);
}
.focus\:color-opacity-15:focus.color-blue {
  color: rgba(18, 102, 227, 0.15);
}
.focus\:color-opacity-15:focus.color-yellow {
  color: rgba(255, 165, 13, 0.15);
}
.focus\:color-opacity-15:focus.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.2);
}
.focus\:color-opacity-20:focus.color-secondary {
  color: rgba(45, 57, 84, 0.2);
}
.focus\:color-opacity-20:focus.color-snow {
  color: rgba(178, 182, 194, 0.2);
}
.focus\:color-opacity-20:focus.color-red {
  color: rgba(240, 44, 45, 0.2);
}
.focus\:color-opacity-20:focus.color-orange {
  color: rgba(252, 108, 46, 0.2);
}
.focus\:color-opacity-20:focus.color-blue {
  color: rgba(18, 102, 227, 0.2);
}
.focus\:color-opacity-20:focus.color-yellow {
  color: rgba(255, 165, 13, 0.2);
}
.focus\:color-opacity-20:focus.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.25);
}
.focus\:color-opacity-25:focus.color-secondary {
  color: rgba(45, 57, 84, 0.25);
}
.focus\:color-opacity-25:focus.color-snow {
  color: rgba(178, 182, 194, 0.25);
}
.focus\:color-opacity-25:focus.color-red {
  color: rgba(240, 44, 45, 0.25);
}
.focus\:color-opacity-25:focus.color-orange {
  color: rgba(252, 108, 46, 0.25);
}
.focus\:color-opacity-25:focus.color-blue {
  color: rgba(18, 102, 227, 0.25);
}
.focus\:color-opacity-25:focus.color-yellow {
  color: rgba(255, 165, 13, 0.25);
}
.focus\:color-opacity-25:focus.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.3);
}
.focus\:color-opacity-30:focus.color-secondary {
  color: rgba(45, 57, 84, 0.3);
}
.focus\:color-opacity-30:focus.color-snow {
  color: rgba(178, 182, 194, 0.3);
}
.focus\:color-opacity-30:focus.color-red {
  color: rgba(240, 44, 45, 0.3);
}
.focus\:color-opacity-30:focus.color-orange {
  color: rgba(252, 108, 46, 0.3);
}
.focus\:color-opacity-30:focus.color-blue {
  color: rgba(18, 102, 227, 0.3);
}
.focus\:color-opacity-30:focus.color-yellow {
  color: rgba(255, 165, 13, 0.3);
}
.focus\:color-opacity-30:focus.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.35);
}
.focus\:color-opacity-35:focus.color-secondary {
  color: rgba(45, 57, 84, 0.35);
}
.focus\:color-opacity-35:focus.color-snow {
  color: rgba(178, 182, 194, 0.35);
}
.focus\:color-opacity-35:focus.color-red {
  color: rgba(240, 44, 45, 0.35);
}
.focus\:color-opacity-35:focus.color-orange {
  color: rgba(252, 108, 46, 0.35);
}
.focus\:color-opacity-35:focus.color-blue {
  color: rgba(18, 102, 227, 0.35);
}
.focus\:color-opacity-35:focus.color-yellow {
  color: rgba(255, 165, 13, 0.35);
}
.focus\:color-opacity-35:focus.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.4);
}
.focus\:color-opacity-40:focus.color-secondary {
  color: rgba(45, 57, 84, 0.4);
}
.focus\:color-opacity-40:focus.color-snow {
  color: rgba(178, 182, 194, 0.4);
}
.focus\:color-opacity-40:focus.color-red {
  color: rgba(240, 44, 45, 0.4);
}
.focus\:color-opacity-40:focus.color-orange {
  color: rgba(252, 108, 46, 0.4);
}
.focus\:color-opacity-40:focus.color-blue {
  color: rgba(18, 102, 227, 0.4);
}
.focus\:color-opacity-40:focus.color-yellow {
  color: rgba(255, 165, 13, 0.4);
}
.focus\:color-opacity-40:focus.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.45);
}
.focus\:color-opacity-45:focus.color-secondary {
  color: rgba(45, 57, 84, 0.45);
}
.focus\:color-opacity-45:focus.color-snow {
  color: rgba(178, 182, 194, 0.45);
}
.focus\:color-opacity-45:focus.color-red {
  color: rgba(240, 44, 45, 0.45);
}
.focus\:color-opacity-45:focus.color-orange {
  color: rgba(252, 108, 46, 0.45);
}
.focus\:color-opacity-45:focus.color-blue {
  color: rgba(18, 102, 227, 0.45);
}
.focus\:color-opacity-45:focus.color-yellow {
  color: rgba(255, 165, 13, 0.45);
}
.focus\:color-opacity-45:focus.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.5);
}
.focus\:color-opacity-50:focus.color-secondary {
  color: rgba(45, 57, 84, 0.5);
}
.focus\:color-opacity-50:focus.color-snow {
  color: rgba(178, 182, 194, 0.5);
}
.focus\:color-opacity-50:focus.color-red {
  color: rgba(240, 44, 45, 0.5);
}
.focus\:color-opacity-50:focus.color-orange {
  color: rgba(252, 108, 46, 0.5);
}
.focus\:color-opacity-50:focus.color-blue {
  color: rgba(18, 102, 227, 0.5);
}
.focus\:color-opacity-50:focus.color-yellow {
  color: rgba(255, 165, 13, 0.5);
}
.focus\:color-opacity-50:focus.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.55);
}
.focus\:color-opacity-55:focus.color-secondary {
  color: rgba(45, 57, 84, 0.55);
}
.focus\:color-opacity-55:focus.color-snow {
  color: rgba(178, 182, 194, 0.55);
}
.focus\:color-opacity-55:focus.color-red {
  color: rgba(240, 44, 45, 0.55);
}
.focus\:color-opacity-55:focus.color-orange {
  color: rgba(252, 108, 46, 0.55);
}
.focus\:color-opacity-55:focus.color-blue {
  color: rgba(18, 102, 227, 0.55);
}
.focus\:color-opacity-55:focus.color-yellow {
  color: rgba(255, 165, 13, 0.55);
}
.focus\:color-opacity-55:focus.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.6);
}
.focus\:color-opacity-60:focus.color-secondary {
  color: rgba(45, 57, 84, 0.6);
}
.focus\:color-opacity-60:focus.color-snow {
  color: rgba(178, 182, 194, 0.6);
}
.focus\:color-opacity-60:focus.color-red {
  color: rgba(240, 44, 45, 0.6);
}
.focus\:color-opacity-60:focus.color-orange {
  color: rgba(252, 108, 46, 0.6);
}
.focus\:color-opacity-60:focus.color-blue {
  color: rgba(18, 102, 227, 0.6);
}
.focus\:color-opacity-60:focus.color-yellow {
  color: rgba(255, 165, 13, 0.6);
}
.focus\:color-opacity-60:focus.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.65);
}
.focus\:color-opacity-65:focus.color-secondary {
  color: rgba(45, 57, 84, 0.65);
}
.focus\:color-opacity-65:focus.color-snow {
  color: rgba(178, 182, 194, 0.65);
}
.focus\:color-opacity-65:focus.color-red {
  color: rgba(240, 44, 45, 0.65);
}
.focus\:color-opacity-65:focus.color-orange {
  color: rgba(252, 108, 46, 0.65);
}
.focus\:color-opacity-65:focus.color-blue {
  color: rgba(18, 102, 227, 0.65);
}
.focus\:color-opacity-65:focus.color-yellow {
  color: rgba(255, 165, 13, 0.65);
}
.focus\:color-opacity-65:focus.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.7);
}
.focus\:color-opacity-70:focus.color-secondary {
  color: rgba(45, 57, 84, 0.7);
}
.focus\:color-opacity-70:focus.color-snow {
  color: rgba(178, 182, 194, 0.7);
}
.focus\:color-opacity-70:focus.color-red {
  color: rgba(240, 44, 45, 0.7);
}
.focus\:color-opacity-70:focus.color-orange {
  color: rgba(252, 108, 46, 0.7);
}
.focus\:color-opacity-70:focus.color-blue {
  color: rgba(18, 102, 227, 0.7);
}
.focus\:color-opacity-70:focus.color-yellow {
  color: rgba(255, 165, 13, 0.7);
}
.focus\:color-opacity-70:focus.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.75);
}
.focus\:color-opacity-75:focus.color-secondary {
  color: rgba(45, 57, 84, 0.75);
}
.focus\:color-opacity-75:focus.color-snow {
  color: rgba(178, 182, 194, 0.75);
}
.focus\:color-opacity-75:focus.color-red {
  color: rgba(240, 44, 45, 0.75);
}
.focus\:color-opacity-75:focus.color-orange {
  color: rgba(252, 108, 46, 0.75);
}
.focus\:color-opacity-75:focus.color-blue {
  color: rgba(18, 102, 227, 0.75);
}
.focus\:color-opacity-75:focus.color-yellow {
  color: rgba(255, 165, 13, 0.75);
}
.focus\:color-opacity-75:focus.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.8);
}
.focus\:color-opacity-80:focus.color-secondary {
  color: rgba(45, 57, 84, 0.8);
}
.focus\:color-opacity-80:focus.color-snow {
  color: rgba(178, 182, 194, 0.8);
}
.focus\:color-opacity-80:focus.color-red {
  color: rgba(240, 44, 45, 0.8);
}
.focus\:color-opacity-80:focus.color-orange {
  color: rgba(252, 108, 46, 0.8);
}
.focus\:color-opacity-80:focus.color-blue {
  color: rgba(18, 102, 227, 0.8);
}
.focus\:color-opacity-80:focus.color-yellow {
  color: rgba(255, 165, 13, 0.8);
}
.focus\:color-opacity-80:focus.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.85);
}
.focus\:color-opacity-85:focus.color-secondary {
  color: rgba(45, 57, 84, 0.85);
}
.focus\:color-opacity-85:focus.color-snow {
  color: rgba(178, 182, 194, 0.85);
}
.focus\:color-opacity-85:focus.color-red {
  color: rgba(240, 44, 45, 0.85);
}
.focus\:color-opacity-85:focus.color-orange {
  color: rgba(252, 108, 46, 0.85);
}
.focus\:color-opacity-85:focus.color-blue {
  color: rgba(18, 102, 227, 0.85);
}
.focus\:color-opacity-85:focus.color-yellow {
  color: rgba(255, 165, 13, 0.85);
}
.focus\:color-opacity-85:focus.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.9);
}
.focus\:color-opacity-90:focus.color-secondary {
  color: rgba(45, 57, 84, 0.9);
}
.focus\:color-opacity-90:focus.color-snow {
  color: rgba(178, 182, 194, 0.9);
}
.focus\:color-opacity-90:focus.color-red {
  color: rgba(240, 44, 45, 0.9);
}
.focus\:color-opacity-90:focus.color-orange {
  color: rgba(252, 108, 46, 0.9);
}
.focus\:color-opacity-90:focus.color-blue {
  color: rgba(18, 102, 227, 0.9);
}
.focus\:color-opacity-90:focus.color-yellow {
  color: rgba(255, 165, 13, 0.9);
}
.focus\:color-opacity-90:focus.color-green {
  color: rgba(132, 49, 147, 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(132, 49, 147, 0.95);
}
.focus\:color-opacity-95:focus.color-secondary {
  color: rgba(45, 57, 84, 0.95);
}
.focus\:color-opacity-95:focus.color-snow {
  color: rgba(178, 182, 194, 0.95);
}
.focus\:color-opacity-95:focus.color-red {
  color: rgba(240, 44, 45, 0.95);
}
.focus\:color-opacity-95:focus.color-orange {
  color: rgba(252, 108, 46, 0.95);
}
.focus\:color-opacity-95:focus.color-blue {
  color: rgba(18, 102, 227, 0.95);
}
.focus\:color-opacity-95:focus.color-yellow {
  color: rgba(255, 165, 13, 0.95);
}
.focus\:color-opacity-95:focus.color-green {
  color: rgba(132, 49, 147, 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
============== */
.nav_chart {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 20px 0;
}
.nav_chart .nav-item .nav-link {
  color: #455892;
  border-radius: 5px;
  border: 1px solid transparent;
  padding: 6px 15px;
  font-size: 15px;
}
.nav_chart .nav-item .nav-link.active {
  border-color: #e4e8f3;
}

.data__table .dataTables_wrapper .dataTables_length .custom-select {
  height: 30px;
  border-radius: 5px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 500;
  background-color: var(--bg-white);
  color: var(--color-text);
}
@media (max-width: 767px) {
  .data__table .dataTables_wrapper .dataTables_filter {
    padding-left: 0;
    margin-top: 10px;
  }
}
.data__table .dataTables_wrapper .dataTables_filter input[type="search"] {
  height: 40px;
  background-color: var(--bg-white);
}
.data__table .dataTables_wrapper tr th {
  border: 0;
  color: var(--color-text);
}
.data__table .dataTables_wrapper tr th span {
  display: -webkit-box;
  width: max-content;
  color: var(--color-text);
  font-size: 14px;
  font-weight: 700;
}
.data__table .dataTables_wrapper tr td {
  border-color: var(--border-snow);
  border-bottom: 0;
  color: var(--color-text);
}
.data__table .dataTables_wrapper tr td span {
  display: -webkit-box;
  width: max-content;
  color: var(--color-text);
}
.data__table .dataTables_wrapper tr:last-child td {
  border-bottom: 1px solid var(--border-snow);
}
.data__table .status_txt {
  border-radius: 5px;
  padding: 6px 14px;
  font-size: 14px;
}
.data__table .status_txt.--green {
  color: var(--color-green);
}
.data__table .dataTable {
  margin-bottom: 10px !important;
}
.data__table .pagination {
  display: inline-flex;
  flex-direction: row;
  column-gap: 10px;
  margin-top: 10px !important;
}
.data__table .pagination .page-item .page-link {
  min-width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 500;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 5px;
  background-color: var(--bg-snow);
  color: var(--color-secondary);
  margin: 0;
}
.data__table .pagination .page-item.active .page-link {
  background-color: var(--bg-primary);
  color: var(--color-white);
}
.data__table .pagination .previous a,
.data__table .pagination .next a {
  width: auto;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--color-text) !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.data__table .media_user {
  display: flex;
  align-items: center;
}
.data__table .media_user .image_user {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 15px;
}
.data__table .media_user .txt .user_txt {
  display: flex;
  align-items: center;
  flex-direction: row;
  column-gap: 10px;
}
.data__table .media_user .txt .user_txt h4 {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-secondary);
  margin: 0;
  margin-bottom: 3px;
}
.data__table .media_user .txt .user_txt .rate_txt {
  display: flex;
  align-items: center;
  color: var(--color-orange);
  flex-direction: row;
  column-gap: 5px;
  margin: 0;
}
.data__table .media_user .txt .content_rev {
  font-size: 15px;
  color: var(--color-text);
}
.data__table .buttons_action {
  width: max-content;
}

.drop__more .btn_icon_box {
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: var(--color-secondary);
  background-color: var(--bg-snow);
  border-radius: 5px;
  padding: 0;
}
.drop__more .btn_icon_box::after {
  display: none;
}
.drop__more .dropdown-menu {
  border-radius: 8px;
  border: 1px solid var(--border-snow);
  -webkit-box-shadow: 0px 35px 50px -30px rgba(11, 34, 56, 0.2) !important;
  -moz-box-shadow: 0px 35px 50px -30px rgba(11, 34, 56, 0.2) !important;
  -o-box-shadow: 0px 35px 50px -30px rgba(11, 34, 56, 0.2) !important;
  -ms-box-shadow: 0px 35px 50px -30px rgba(11, 34, 56, 0.2) !important;
  box-shadow: 0px 35px 50px -30px rgba(11, 34, 56, 0.2) !important;
}
.drop__more .dropdown-menu .dropdown-item {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-secondary);
  display: flex;
  align-items: center;
  padding: 7px 20px;
  -webkit-transition: 0.3s !important;
  -moz-transition: 0.3s !important;
  -o-transition: 0.3s !important;
  -ms-transition: 0.3s !important;
  transition: 0.3s !important;
}
.drop__more .dropdown-menu .dropdown-item i {
  margin-right: 10px;
  color: var(--color-text);
}
.drop__more .dropdown-menu .dropdown-item.__remove {
  color: var(--color-red);
}
.drop__more .dropdown-menu .dropdown-item.__remove i {
  color: var(--color-red);
}
.drop__more .dropdown-menu .dropdown-item._accept {
  color: var(--color-green);
}
.drop__more .dropdown-menu .dropdown-item._accept i {
  color: var(--color-green);
}
.drop__more .dropdown-menu .dropdown-item:hover, .drop__more .dropdown-menu .dropdown-item:focus {
  background-color: var(--bg-snow);
}

.tab_lined {
  border-bottom: 1px solid var(--border-snow);
}
.tab_lined .nav-item .nav-link {
  position: relative;
  background-color: transparent !important;
  font-size: 15px;
  font-weight: 700;
  color: var(--color-text);
  border: 0;
  outline: 0;
  box-shadow: none;
  padding: 10px 20px;
  text-align: center;
  margin: 0 10px;
}
.tab_lined .nav-item .nav-link::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  border-bottom: 2px solid var(--border-primary);
  width: 100%;
  opacity: 0;
}
.tab_lined .nav-item .nav-link.active {
  color: var(--color-primary);
}
.tab_lined .nav-item .nav-link.active::before {
  opacity: 1;
}

.status_txt {
  border-radius: 5px;
  padding: 6px 14px;
  font-size: 14px;
  display: inline-block;
}

.sd-list-left {
  height: 200px;
  max-height: 200px;
}

.form_mobile .form-control {
  width: 100%;
}
.form_mobile .iti--allow-dropdown {
  width: 100%;
}
.form_mobile .iti__selected-flag {
  outline: 0 !important;
  background-color: transparent;
}
.form_mobile .iti__country-list {
  border-radius: 8px;
  border: 0;
  background-color: var(--color-white);
  border: 1px solid var(--border-snow);
  -webkit-box-shadow: 0px 10px 50px 0px rgba(27, 38, 44, 0.05) !important;
  -moz-box-shadow: 0px 10px 50px 0px rgba(27, 38, 44, 0.05) !important;
  -o-box-shadow: 0px 10px 50px 0px rgba(27, 38, 44, 0.05) !important;
  -ms-box-shadow: 0px 10px 50px 0px rgba(27, 38, 44, 0.05) !important;
  box-shadow: 0px 10px 50px 0px rgba(27, 38, 44, 0.05) !important;
}
.form_mobile .iti__country-list::-webkit-scrollbar {
  width: 5px;
}
.form_mobile .iti__country-list::-webkit-scrollbar-track {
  border-radius: 10px;
}
.form_mobile .iti__country-list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--color-text);
}
.form_mobile .iti__country.iti__highlight {
  background-color: var(--bg-snow);
  -webkit-transition: 0.3s !important;
  -moz-transition: 0.3s !important;
  -o-transition: 0.3s !important;
  -ms-transition: 0.3s !important;
  transition: 0.3s !important;
}
.form_mobile .iti__country {
  padding: 8px 20px;
}
.form_mobile .input_group {
  position: relative;
  display: flex;
  align-items: center;
}
.form_mobile .input_group .verified {
  position: absolute;
  z-index: 1;
  right: 10px;
  display: flex;
  align-items: center;
}
.form_mobile .input_group .verified span {
  color: var(--color-text);
}
.form_mobile .input_group .verified .btn_verify {
  color: var(--color-primary);
  padding: 0;
  margin-right: 10px;
  font-size: 15px;
}

.entry-rate {
  margin-bottom: 15px;
}
.entry-rate .title {
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text);
  font-family: 'Jost', sans-serif;
  margin-bottom: 5px;
}
.entry-rate .rating {
  width: 100%;
}
.entry-rate .rating label {
  border: 1px solid var(--border-snow);
  width: calc(100% / 5);
  height: 45px;
  background-size: 16px;
  margin-left: -1px;
}
.entry-rate .rating label:first-of-type {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.entry-rate .rating label:last-of-type {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.entry-rate .rating .rating-1 {
  margin-left: 0;
}

.rating {
  display: inline-flex;
  justify-content: center;
  overflow: hidden;
  flex-direction: row-reverse;
  position: relative;
}

.rating-0 {
  filter: grayscale(100%);
}

.rating > input {
  display: none;
}

.rating > label {
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin: 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23E5EAEF' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 76%;
  transition: .3s;
}

.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23FABC49' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}
.rating > input:checked ~ label::after,
.rating > input:checked ~ label ~ label::after {
  display: none;
}

.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23E09916' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.form-submit .premium_services .btn-o-service {
  width: 100%;
  border-radius: 5px;
  background-color: rgba(252, 108, 46, 0.1);
  color: var(--color-orange);
  text-align: left;
  padding-left: 20px;
  -webkit-transition: 0.3s !important;
  -moz-transition: 0.3s !important;
  -o-transition: 0.3s !important;
  -ms-transition: 0.3s !important;
  transition: 0.3s !important;
}
.form-submit .premium_services .btn-o-service[aria-expanded="true"] {
  background-color: var(--bg-snow);
  color: var(--color-text);
}
.form-submit .premium_services .content-o-service {
  border-radius: 5px;
  border: 1px solid var(--border-snow);
}
.form-submit .premium_services .content-o-service .item {
  border-bottom: 1px solid var(--border-snow);
  padding: 20px;
}
.form-submit .premium_services .content-o-service .item .form-group {
  margin-bottom: 0;
}
.form-submit .premium_services .content-o-service .item .form-group .form-control {
  height: 40px;
}
.form-submit .premium_services .content-o-service .item:last-child {
  border-bottom: 0;
}
.form-submit .premium_services .content-o-service .select2-container--default .select2-selection--single {
  height: 40px;
}
.form-submit .premium_services .content-o-service .select2-container--default .select2-selection__rendered {
  line-height: 40px;
}
.form-submit .premium_services .content-o-service .select2-container--default .select2-selection__arrow {
  height: 40px;
}

.btn-border {
  padding: 8px 15px;
  border-radius: 5px;
  border: 1px solid transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-secondary);
  background-color: var(--bg-snow);
  -webkit-transition: 0.35s !important;
  -moz-transition: 0.35s !important;
  -o-transition: 0.35s !important;
  -ms-transition: 0.35s !important;
  transition: 0.35s !important;
}
.btn-border span {
  font-size: 13px;
  font-weight: 600;
}
.btn-border i {
  font-size: 16px;
  margin-right: 5px;
}
.btn-border:hover {
  background-color: var(--bg-white);
  border-color: var(--border-snow);
  color: var(--color-text);
}

.singles-dashboard-list {
  position: relative;
}
.singles-dashboard-list .sd-list-left .img-fluid {
  width: 100%;
}
.singles-dashboard-list .item_hr_working {
  padding: 0 1rem 1rem 1rem;
}
@media (min-width: 992px) {
  .singles-dashboard-list .item_hr_working .working_h_btn {
    position: absolute;
    top: 20px;
    right: 20px;
  }
}
.singles-dashboard-list .sd-list-right .listing_dashboard_title .theme-cl {
  color: var(--color-secondary);
}

.acc_working_hr {
  border: 0;
}
.acc_working_hr .accordion-item .accordion-header .accordion-button {
  border: 1px solid var(--border-snow);
  box-shadow: none !important;
  outline: 0 !important;
  display: inline-flex;
  align-items: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px 20px;
  -webkit-transition: 0.3s !important;
  -moz-transition: 0.3s !important;
  -o-transition: 0.3s !important;
  -ms-transition: 0.3s !important;
  transition: 0.3s !important;
}
.acc_working_hr .accordion-item .accordion-header .accordion-button span {
  font-size: 15px;
  color: var(--color-secondary);
  font-weight: 600;
}
.acc_working_hr .accordion-item .accordion-header .accordion-button i {
  font-size: 18px;
  color: var(--color-text);
  margin-right: 10px;
}
.acc_working_hr .accordion-item .accordion-header .accordion-button::after {
  content: "\EA50";
  font-family: remixicon !important;
  background-image: none;
  font-size: 22px;
  color: var(--color-snow);
  position: absolute;
  right: 20px;
  width: auto;
  height: auto;
}
.acc_working_hr .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background-color: var(--bg-snow);
}
.acc_working_hr .accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.acc_working_hr .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.acc_working_hr .accordion-body {
  padding: 0;
  padding-top: 20px;
}
.acc_working_hr .accordion-body #myc-week-container {
  border-inline: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-radius: 0;
}

.sidebar-widgets .dashboard-navbar .d-user-avater {
  position: relative;
}
.sidebar-widgets .dashboard-navbar .d-user-avater .connect-user {
  position: absolute;
  width: 14px;
  height: 14px;
  border: 3px solid var(--border-white);
  border-radius: 50%;
  display: block;
  top: 115px;
  right: 117px;
}
.sidebar-widgets .dashboard-navbar .d-user-avater .connect-user.offline {
  background-color: #999fa4;
}
.sidebar-widgets .dashboard-navbar .d-user-avater .connect-user.online {
  background-color: var(--bg-green);
}

.select2-container--default .select2-selection--multiple {
  border: 1px solid var(--border-snow) !important;
  border-radius: 5px;
  background-color: var(--bg-white);
  width: 100%;
  padding: 0.5rem 0.75rem;
  height: 50px;
  font-size: 16px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--bg-snow) !important;
  border: 1px solid var(--border-snow) !important;
  border-radius: 5px !important;
  padding: 3px 7px;
  margin-top: 0;
}

.form-control:focus {
  background-color: var(--bg-snow) !important;
  color: var(--color-secondary);
}

.drop-menu-user .img-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
}

.nav-menu > li > .nav-dropdown {
  background: var(--bg-white);
}
.nav-menu > li > .nav-dropdown::before {
  display: none;
}

#myc-next-week,
#myc-prev-week {
  border: 0 !important;
  border-radius: 50%;
  color: var(--color-text);
  cursor: pointer;
  font-size: 22px;
  height: 35px;
  text-align: center;
  width: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-snow);
  -webkit-transition: 0.3s !important;
  -moz-transition: 0.3s !important;
  -o-transition: 0.3s !important;
  -ms-transition: 0.3s !important;
  transition: 0.3s !important;
}
#myc-next-week:hover,
#myc-prev-week:hover {
  color: var(--color-secondary);
}

#myc-prev-week-container {
  width: auto;
}

#myc-current-month-year-container {
  width: auto;
  font-size: 15px;
  font-weight: 700;
  color: var(--color-text);
}

#myc-nav-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  column-gap: 20px;
  margin-bottom: 10px;
}

#myc-week-container {
  border-radius: 10px;
  border: 1px solid var(--border-snow);
  white-space: nowrap;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}

#myc-dates-container {
  background-color: transparent;
  min-height: 100%;
  width: 100%;
  text-align: center;
}

.myc-date-header {
  border-right: 1px solid var(--border-snow);
  text-align: center;
  padding: 10px 15px;
  width: calc(100% / 7) !important;
  margin-left: -4px;
  border-bottom: 1px solid var(--border-snow);
}
@media (max-width: 991px) {
  .myc-date-header {
    width: calc(100% / 2) !important;
  }
}
.myc-date-header .myc-date-number {
  font-size: 22px;
  font-weight: 800;
  color: var(--color-secondary);
}
.myc-date-header .myc-date-display {
  font-size: 14px;
  color: var(--color-snow);
  text-transform: uppercase;
  font-weight: 700;
}

.myc-day-time-container {
  border-right: 1px solid var(--border-snow);
  height: 100%;
  width: calc(100% / 7) !important;
  margin-left: -4px;
}
@media (max-width: 991px) {
  .myc-day-time-container {
    width: calc(100% / 2) !important;
  }
}
.myc-day-time-container .myc-available-time {
  background-color: var(--bg-snow);
  color: var(--color-secondary);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  border: 1px solid transparent;
  padding: 8px 15px;
  margin-bottom: 10px;
  -webkit-transition: 0.3s !important;
  -moz-transition: 0.3s !important;
  -o-transition: 0.3s !important;
  -ms-transition: 0.3s !important;
  transition: 0.3s !important;
}
.myc-day-time-container .myc-available-time:hover {
  color: var(--color-secondary);
  background-color: transparent;
  border-color: var(--border-snow);
}
.myc-day-time-container .myc-available-time.selected {
  background-color: var(--bg-primary) !important;
  color: var(--color-white) !important;
}

#myc-available-time-container {
  border-color: var(--border-snow);
  min-height: 100%;
  width: 100%;
  text-align: center;
  border-top: 0;
}

.blog-wrap-grid {
  box-shadow: none;
  border: 1px solid var(--border-snow);
}

.border {
  border-color: var(--border-snow) !important;
}

.property-listing .listing-detail-wrapper .listing-card-info-price {
  margin-bottom: 0;
}
.property-listing .listing-detail-wrapper .type-price {
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text);
  margin: 0;
  padding-left: 0;
  display: flex;
  justify-content: end;
}
.property-listing .exclusive {
  background-color: var(--bg-orange);
  color: var(--color-white);
}

.location-property-wrap .location-property-content .icon-city {
  width: 55px;
  height: 55px;
  object-fit: contain;
  margin-right: 15px;
}
.location-property-wrap .location-property-content .lp-content-right .lp-property-view i {
  font-size: 24px;
}
.location-property-wrap .location-property-content .lp-content-right .lp-property-view:hover {
  background-color: rgba(132, 49, 147, 0.1);
}

.blog-wrap-grid .blog-body h4 a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blog-wrap-grid .blog-body p {
  display: -webkit-box;
  height: 53px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-wrap-grid .post-date {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: var(--color-text);
}

.sponsors-image .item-logo img {
  width: 100%;
  height: 110px;
  object-fit: contain;
  filter: grayscale(100%);
  -webkit-transition: 0.3s !important;
  -moz-transition: 0.3s !important;
  -o-transition: 0.3s !important;
  -ms-transition: 0.3s !important;
  transition: 0.3s !important;
}
.sponsors-image .item-logo:hover img {
  filter: grayscale(0);
}

[type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {
  content: "\EB7B";
  font-family: remixicon !important;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
  content: "\EB7B";
  font-family: remixicon !important;
}

.small-map-sidebar {
  height: 300px !important;
}

.select2-search.select2-search--dropdown {
  display: none;
}

.form-group .input_group {
  position: relative;
  display: flex;
  align-items: center;
}
.form-group .input_group input {
  padding-right: 60px;
}
.form-group .input_group .sub-text {
  position: absolute;
  right: 20px;
}
.form-group .input_group .sub-text span {
  font-size: 15px;
  font-weight: 700;
  color: var(--color-snow);
}

.breadcrumb-light .breadcrumb-item a {
  color: var(--color-white);
}
.breadcrumb-light .breadcrumb-item.active {
  color: rgba(255, 255, 255, 0.5);
}
.breadcrumb-light .breadcrumb-item::before {
  color: rgba(255, 255, 255, 0.5);
}

.btn-theme-light-2 {
  border-radius: 5px !important;
  -webkit-transition: 0.3s !important;
  -moz-transition: 0.3s !important;
  -o-transition: 0.3s !important;
  -ms-transition: 0.3s !important;
  transition: 0.3s !important;
}
.btn-theme-light-2.--gray {
  color: var(--color-text) !important;
  border-color: var(--border-snow) !important;
  background-color: transparent !important;
}
.btn-theme-light-2.--gray:hover {
  color: var(--color-text) !important;
  border-color: var(--border-snow) !important;
  background-color: var(--bg-snow) !important;
}

.block-status-property {
  border-bottom: 1px solid var(--border-snow);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.block-status-property .action-status {
  display: flex;
  align-items: center;
  column-gap: -1px;
}
.block-status-property .action-status .btn {
  min-width: 9px;
  height: 42px;
  border-radius: 5px;
  border: 1px solid var(--border-snow);
  color: var(--color-text);
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  -webkit-transition: 0.3s !important;
  -moz-transition: 0.3s !important;
  -o-transition: 0.3s !important;
  -ms-transition: 0.3s !important;
  transition: 0.3s !important;
}
.block-status-property .action-status .btn:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.block-status-property .action-status .btn:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.block-status-property .action-status .btn.selected {
  background-color: var(--bg-green);
  color: var(--color-white);
}
.block-status-property .action-status .btn.selected:last-child {
  background-color: var(--bg-snow);
  color: var(--color-text);
}

.property_block_wrap .avl-features li {
  padding-left: 0;
  display: inline-flex;
  align-items: center;
}
.property_block_wrap .avl-features li i {
  font-size: 17px;
  color: var(--color-text);
  margin-right: 10px;
}
.property_block_wrap .avl-features li span {
  font-size: 14px;
}
.property_block_wrap .avl-features li::before {
  display: none;
}

.author-review article .article_comments_thumb {
  width: 40px;
}
.author-review article .article_comments_thumb img {
  max-width: 50px;
}

.btn-darkmode {
  width: 38px;
  height: 38px;
  border-radius: 5px;
  color: var(--color-text) !important;
  font-size: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  position: relative;
  padding: 0;
  -webkit-transition: 0.3s !important;
  -moz-transition: 0.3s !important;
  -o-transition: 0.3s !important;
  -ms-transition: 0.3s !important;
  transition: 0.3s !important;
}
.btn-darkmode input {
  position: absolute;
  width: 40px;
  height: 40px;
  opacity: 0;
  cursor: pointer;
}

.logo.is-darkmode {
  display: none;
}

.lightMode-active .is-darkmode {
  display: none;
}

.darkMode-active .is-lightmode {
  display: none;
}
.darkMode-active .is-darkmode {
  display: block;
}

.cn-info-detail {
  justify-content: start;
}

.card {
  background-color: var(--bg-white);
  border-color: var(--border-snow);
}

.block-op-hours .item-hr h6 {
  font-size: 15px;
  margin-bottom: 4px;
}
.block-op-hours .item-hr p {
  font-size: 14px;
  color: var(--color-text);
}
.block-op-hours .item-hr p span:first-child::before {
  display: none;
}
.block-op-hours .item-hr p span::before {
  content: "|";
  font-size: 14px;
  color: var(--color-snow);
  margin: 0 10px;
}

.old-price {
  text-decoration: line-through;
  font-size: 15px;
  color: var(--color-snow);
  font-weight: 600;
}

.sider_blocks_wrap .select_small .select2-container--default .select2-selection--single {
  height: 45px;
  background-color: var(--bg-snow);
  border: 1px solid var(--border-snow);
  border-radius: 5px;
}
.sider_blocks_wrap .select_small .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 45px;
  padding: 0 15px;
}
.sider_blocks_wrap .select_small .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 45px;
}

.guests .guests-box {
  background-color: var(--bg-snow);
  border-radius: 5px;
  border: 1px solid var(--border-snow);
}

/**
 * ----------------------------------------
 * itemCountr_manual
 * ----------------------------------------
 */
.itemCountr_manual.vertical {
  display: grid;
  justify-content: center;
  width: 42px;
  border: 1px solid var(--border-snow);
  border-radius: 5px;
}
.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: 5px;
  width: 100px;
}
.itemCountr_manual.horizontal .btn_counter {
  width: 100px;
  height: 40px;
}
.itemCountr_manual.horizontal .input_no {
  width: 20px;
  padding: 0;
}
.itemCountr_manual.horizontal.hz-lg {
  width: 110px;
}
.itemCountr_manual.horizontal.hz-lg .btn_counter {
  width: 110px;
  height: 43px;
}
.itemCountr_manual.horizontal.hz-sm {
  width: 85px;
}
.itemCountr_manual.horizontal.hz-sm .btn_counter {
  width: 85px;
  height: 36px;
}
.itemCountr_manual.itemButtons .btn_counter {
  width: 38px;
  height: 38px;
}
.itemCountr_manual.itemButtons .border {
  border: 1px solid var(--border-snow);
}
.itemCountr_manual.itemButtons.-lg .btn_counter {
  width: 42px;
  height: 42px;
}
.itemCountr_manual.itemButtons.-sm .btn_counter {
  width: 34px;
  height: 34px;
}
.itemCountr_manual .input_no {
  border: 0 !important;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  opacity: 1 !important;
  color: var(--color-secondary);
  background-color: transparent !important;
  pointer-events: none;
}
.itemCountr_manual .btn_counter {
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text);
  width: 42px;
  height: 30px;
}
.itemCountr_manual .btn_counter i {
  font-weight: 600;
}

._adv_features_list li {
  border-bottom: 1px solid var(--border-snow);
  padding: 12px 0;
}
._adv_features_list .block-counter {
  display: none;
}
._adv_features_list .checkbox-custom:checked ~ .block-counter {
  display: block;
}

.side-booking-foot.sub-total {
  border-bottom: 1px solid var(--border-snow);
  padding-bottom: 8px;
}
.side-booking-foot.sub-total .price {
  color: var(--color-text);
  font-size: 15px;
  font-weight: 600;
}

.bb-terms-payment {
  border-radius: 5px;
  border: 1px solid var(--border-snow);
  padding: 20px;
}
.bb-terms-payment p {
  font-size: 14px;
  color: var(--color-text);
}
.bb-terms-payment .dividar {
  border-bottom: 1px solid var(--border-snow);
  margin: 15px -20px;
}

.content_wizard .step_item {
  display: none;
}
.content_wizard .step_item.animated {
  -webkit-animation: fade-in 0.4s both !important;
  -moz-animation: fade-in 0.4s both !important;
  -o-animation: fade-in 0.4s both !important;
  -ms-animation: fade-in 0.4s both !important;
  animation: fade-in 0.4s both !important;
}
.content_wizard .step_item .actions-buttons {
  display: flex;
  align-items: center;
  column-gap: 15px;
  justify-content: center;
}
.content_wizard .step_item .actions-buttons .btn-theme-light-2 {
  padding: 12px 30px;
  border-radius: 5px;
}
.content_wizard .step_item .actions-buttons .btn-theme-light-2.back {
  background-color: transparent !important;
  border-color: var(--border-snow) !important;
  color: var(--color-text) !important;
}
.content_wizard .step_item.active {
  display: block;
}

@-webkit-keyframes fade-in {
  from {
    opacity: 0;
    transform: translateX(15px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-moz-keyframes fade-in {
  from {
    opacity: 0;
    transform: translateX(15px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateX(15px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.booking-short-side .accordion {
  border: 0;
}
.booking-short-side .accordion .accordion-item .card-header {
  border-radius: 0 !important;
}
.booking-short-side .accordion .accordion-item .accordion-collapse {
  border: 0;
}
.booking-short-side .booking-detail-list li {
  font-size: 14px;
  color: var(--color-text);
}
.booking-short-side .booking-detail-list li span {
  color: var(--color-text) !important;
  font-weight: 600;
}
.booking-short-side .booking-detail-list li .price {
  font-weight: 700;
  color: var(--color-primary);
}
.booking-short-side .booking-detail-list.py-price li {
  font-size: 14px;
  color: var(--color-text);
}
.booking-short-side .booking-detail-list.py-price li span {
  color: var(--color-primary) !important;
  font-weight: 600;
}
.booking-short-side .booking-detail-list.py-price li .price {
  font-weight: 700;
  color: var(--color-primary);
}

.form-control.is-valid {
  border-color: var(--border-green);
  background-image: none;
  box-shadow: none !important;
}
.form-control.is-invalid {
  border-color: var(--border-red);
  background-image: none;
  box-shadow: none !important;
}

.btn-two-action {
  position: absolute;
  right: 20px;
  top: 20px;
  display: inline-flex;
  flex-direction: row;
  column-gap: 10px;
}
.btn-two-action .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  width: 35px;
  height: 35px;
  font-size: 16px;
  color: var(--color-text);
  padding: 0;
  -webkit-transition: 0.3s !important;
  -moz-transition: 0.3s !important;
  -o-transition: 0.3s !important;
  -ms-transition: 0.3s !important;
  transition: 0.3s !important;
}
.btn-two-action .btn.favourit {
  background-color: rgba(132, 49, 147, 0.1);
  color: var(--color-primary);
}
.btn-two-action .btn.favourit.active {
  background-color: var(--bg-green);
  color: var(--color-white);
}
.btn-two-action .btn.favourit.active i::before {
  content: "\EE0A";
}

.sm-map {
  height: 350px;
}

.footer-flex .prt-view {
  background-color: var(--bg-primary);
  border-radius: 5px;
  height: 33px;
}

.footer-bottom-payemnt {
  padding: 0;
  display: flex;
  align-items: center;
  flex-direction: row;
  column-gap: 0;
}

.ameneties-features a::before {
  -webkit-transition: 0.3s !important;
  -moz-transition: 0.3s !important;
  -o-transition: 0.3s !important;
  -ms-transition: 0.3s !important;
  transition: 0.3s !important;
}
.ameneties-features a[aria-expanded="true"]::before {
  transform: rotate(45deg);
}

.single-widgets h4 {
  margin-bottom: 20px;
}

.sd-list-right .action .btn {
  margin-right: 5px;
  display: inline-block;
  font-size: 12px;
  width: 30px;
  height: 30px;
  background: var(--bg-secondary);
  text-align: center;
  line-height: 32px;
  border-radius: 5px;
  color: var(--color-white) !important;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn-theme-light-2.remove {
  background: rgba(240, 44, 45, 0.2) !important;
  border: 2px solid rgba(240, 44, 45, 0.3) !important;
  padding: 16px 50px !important;
  color: var(--color-red) !important;
}
.btn-theme-light-2.remove:hover, .btn-theme-light-2.remove:focus {
  background: rgba(240, 44, 45, 0.2) !important;
  border: 2px solid rgba(240, 44, 45, 0.3) !important;
  padding: 16px 50px !important;
  color: var(--color-red) !important;
}

.bk-side li {
  font-weight: 600;
}
.bk-side li span {
  font-weight: 400;
}

.slide-date {
  margin-top: 10px;
}
.slide-date .item-date {
  display: grid;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
  border: 1px solid var(--border-snow);
  height: 90px;
  padding: 10px;
  margin: 0 1px;
  margin-right: 7px;
  -webkit-transition: 0.35s !important;
  -moz-transition: 0.35s !important;
  -o-transition: 0.35s !important;
  -ms-transition: 0.35s !important;
  transition: 0.35s !important;
}
.slide-date .item-date span, .slide-date .item-date p {
  color: var(--color-text);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  margin: 0;
}
.slide-date .item-date p {
  text-transform: capitalize;
}
.slide-date .item-date h5 {
  color: var(--color-secondary);
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  margin: 5px 0;
}
.slide-date .item-date.selected {
  border-color: var(--border-primary);
  background-color: rgba(132, 49, 147, 0.05);
}
.slide-date .slick-next, .slide-date .slick-prev {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: var(--bg-snow);
  border-radius: 5px;
  box-shadow: none !important;
}
.slide-date .slick-next::before, .slide-date .slick-prev::before {
  box-shadow: none !important;
  background-color: transparent;
}
.slide-date .slick-next {
  top: -26px;
  right: 6px;
}
.slide-date .slick-next::before {
  content: "\EA54";
  font-family: remixicon !important;
  color: var(--color-text);
  font-size: 20px;
}
.slide-date .slick-prev {
  top: -26px;
  left: 300px;
}
.slide-date .slick-prev::before {
  content: "\EA52";
  font-family: remixicon !important;
  color: var(--color-text);
  font-size: 20px;
}

.customize-tab .nav-item {
  border: 0 !important;
}
.customize-tab .nav-item .nav-link {
  background-color: var(--bg-snow);
  color: var(--color-text);
  margin: 0;
}
.customize-tab .nav-item .nav-link.active {
  color: var(--color-white);
}

.btn.btn-theme-light-2:hover,
.btn.btn-theme-light-2:focus,
.btn.btn-theme-light-2 {
  background: rgba(132, 49, 147, 0.2) !important;
  border: 2px solid rgba(132, 49, 147, 0.3) !important;
  padding: 16px 50px;
  color: var(--color-primary) !important;
}

.nav-menu.nav-menu-social {
  height: 80px;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .nav-menu.nav-menu-social {
    display: grid;
    padding: 10px 20px;
  }
  .nav-menu.nav-menu-social a {
    margin: 0 !important;
  }
  .nav-menu.nav-menu-social .create-account {
    margin-bottom: 10px;
  }
}
.nav-menu.nav-menu-social .create-account a {
  background: transparent !important;
  border-radius: 5px !important;
  border: 1px solid var(--border-snow) !important;
  color: var(--color-text) !important;
  padding: 10px 15px;
}
.nav-menu.nav-menu-social .login-account a {
  background-color: var(--bg-primary);
  color: var(--color-white) !important;
  padding: 10px 15px;
  border-radius: 5px !important;
}

.lang-url {
  color: var(--color-text) !important;
}
.lang-url i {
  margin-right: 6px;
  font-size: 15px;
}

.property-listing .listing-detail-btn .more-btn {
  background-color: var(--bg-primary) !important;
  border-radius: 5px !important;
  height: 33px;
}

.modal-content {
  background-color: var(--bg-white);
}

.slick-list {
  direction: ltr;
}

@media (max-width: 767px) {
  .tab-home-full .nav-pills .nav-item {
    width: calc(100% / 2);
  }
  .tab-home-full .nav-pills .nav-item:last-child .nav-link {
    border-top-right-radius: 0 !important;
  }
  .tab-home-full .nav-pills .nav-item:nth-child(2) .nav-link {
    border-top-right-radius: 0.3rem;
  }
}
.tab-home-full .nav-pills .nav-item:first-child .nav-link {
  border-top-left-radius: 0.3rem;
}
.tab-home-full .nav-pills .nav-item:last-child .nav-link {
  border-top-right-radius: 0.3rem;
}
.tab-home-full .nav-pills .nav-item .nav-link {
  border: 0;
  background-color: var(--bg-white);
  color: var(--color-text);
  border-radius: 0;
  padding: 15px 25px;
  outline: 0 !important;
  box-shadow: none !important;
}
.tab-home-full .nav-pills .nav-item .nav-link.active {
  color: var(--color-white);
  background-color: var(--bg-primary);
}
@media (max-width: 767px) {
  .tab-home-full .nav-pills .nav-item .nav-link {
    width: 100%;
    padding: 15px;
  }
}

/* .full-search-2 {
  border-top-left-radius: 0 !important;
}
@media (max-width: 767px) {
  .full-search-2 {
    border-top-right-radius: 0 !important;
  }
} */

.white-footer .footer-widget .footer-menu li a {
  font-size: 14px;
}
.white-footer .other-store-app {
  border: 1px solid var(--border-snow);
}
.white-footer .footer-bottom {
  border-top: 1px solid var(--border-snow);
}

.nav-brand {
  padding: 20px 15px;
}

.nav-menu > li > a {
  padding: 28px 12px;
}

/* ============
page
============== */
/*-----------------------------
  darkMode-active
-----------------------------*/
body.darkMode-active {
  --color-black: #fff;
  --color-white: #fff;
  --color-primary: #533193;
  --color-secondary: #b2b6c2;
  --color-snow: #52566e;
  --color-red: #f02c2d;
  --color-orange: #FC6C2E;
  --color-blue: #1266E3;
  --color-yellow: #ffa50d;
  --color-green: #533193;
  --color-text: #9499aa;
  --bg-black: #fff;
  --bg-white: #0b2238;
  --bg-primary: #533193;
  --bg-secondary: #60677c;
  --bg-snow: #0a0f27;
  --bg-red: #f02c2d;
  --bg-orange: #FC6C2E;
  --bg-blue: #1266E3;
  --bg-yellow: #ffa50d;
  --bg-green: #533193;
  --border-black: #000;
  --border-white: #0b2238;
  --border-primary: #533193;
  --border-secondary: #0b2238;
  --border-snow: #2e3556;
  --border-red: #f02c2d;
  --border-orange: #FC6C2E;
  --border-blue: #1266E3;
  --border-yellow: #ffa50d;
  --border-green: #533193;
  --border-input: #303756;
}
body.darkMode-active .btn-darkmode i::before {
  content: "\F1BF";
}

/*# sourceMappingURL=custome.css.map */