@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
:root {
  --color-black: #000;
  --color-white: #fff;
  --color-primary: #395aff;
  --color-secondary: #222032;
  --color-snow: #cbcdd8;
  --color-red: #ff3838;
  --color-orange: #ff7e1b;
  --color-blue: #395aff;
  --color-yellow: #ffc21d;
  --color-green: #3eca76;
  --color-text: #7d7996;
  --color-comment: #b3b1c3;
  --color-pink: #e05fc4;
  --color-turquoise: #20bbd3;
  --color-purple: #a659ff;
  --bg-black: #000;
  --bg-white: #fff;
  --bg-primary: #395aff;
  --bg-secondary: #222032;
  --bg-snow: #f4f5f7;
  --bg-red: #ff3838;
  --bg-orange: #ff7e1b;
  --bg-blue: #53a7f9;
  --bg-yellow: #ffc21d;
  --bg-green: #3eca76;
  --bg-purple: #a659ff;
  --bg-pink: #e05fc4;
  --bg-turquoise: #20bbd3;
  --border-black: #000;
  --border-white: #fff;
  --border-primary: #395aff;
  --border-secondary: #222032;
  --border-snow: #dde1ec;
  --border-red: #ff3838;
  --border-orange: #ff7e1b;
  --border-blue: #4a8cfd;
  --border-yellow: #ffc21d;
  --border-green: #3eca76;
  --border-input: #dde1ec;
  --color-android: #a4c639;
  --color-clarity: #61bed9;
  --color-dribbble: #ea4c89;
  --color-foursquare: #f94877;
  --color-google-plus: #db4437;
  --color-instagram: #c32aa3;
  --color-mastodon: #2b90d9;
  --color-periscope: #40a4c4;
  --color-quora: #aa2200;
  --color-slack: #4a154b;
  --color-soundcloud: #ff5500;
  --color-stumbleupon: #e94826;
  --color-tiktok: #010101;
  --color-twitter: #1da1f2;
  --color-vk: #4a76a8;
  --color-yelp: #d32323;
  --color-alexa: #00a7ce;
  --color-deviantArt: #05cc47;
  --color-facebook: #1877f2;
  --color-linkedin: #007bb5;
  --color-medium: #02b875;
  --color-pinterest: #bd081c;
  --color-reddit: #ff4500;
  --color-slideshare: #e68523;
  --color-spotify: #1ed760;
  --color-tumblr: #35465d;
  --color-vimeo: #1ab7ea;
  --color-whatsapp: #25d366;
  --color-youtube: #ff0000;
  --color-amazon: #ff9900;
  --color-apple: #000000;
  --color-flickr: #f40083;
  --color-google: #4285f4;
  --color-houzz: #4dbc15;
  --color-microsoft: #f35022;
  --color-skype: #0078d7;
  --color-snapchat: #fffc00;
  --color-telegram: #0088cc;
  --color-behance: #0056ff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.float-left {
  float: left;
}

.float-none {
  float: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.clear-left {
  clear: left;
}

.clear-both {
  clear: both;
}

.clear-none {
  clear: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-scroll {
  overflow: scroll;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.top-auto {
  top: auto;
}

.right-auto {
  right: auto;
}

.bottom-auto {
  bottom: auto;
}

.left-auto {
  left: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.invisible {
  visibility: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.padding-10 {
  padding: 10px;
}

.padding-20 {
  padding: 20px;
}

.padding-30 {
  padding: 30px;
}

.padding-40 {
  padding: 40px;
}

.padding-50 {
  padding: 50px;
}

.padding-60 {
  padding: 60px;
}

.padding-70 {
  padding: 70px;
}

.padding-80 {
  padding: 80px;
}

.padding-90 {
  padding: 90px;
}

.padding-100 {
  padding: 100px;
}

.margin-0 {
  margin: 0;
}

.margin-10 {
  margin: 10px;
}

.margin-20 {
  margin: 20px;
}

.margin-30 {
  margin: 30px;
}

.margin-40 {
  margin: 40px;
}

.margin-50 {
  margin: 50px;
}

.margin-60 {
  margin: 60px;
}

.margin-70 {
  margin: 70px;
}

.margin-80 {
  margin: 80px;
}

.margin-90 {
  margin: 90px;
}

.margin-100 {
  margin: 100px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
  .-margin-lg-50 {
    margin: -50px;
  }
}

@media (min-width: 1200px) {
  .-margin-lg-60 {
    margin: -60px;
  }
}

@media (min-width: 1200px) {
  .-margin-lg-70 {
    margin: -70px;
  }
}

@media (min-width: 1200px) {
  .-margin-lg-80 {
    margin: -80px;
  }
}

@media (min-width: 1200px) {
  .-margin-lg-90 {
    margin: -90px;
  }
}

@media (min-width: 1200px) {
  .-margin-lg-100 {
    margin: -100px;
  }
}

/* ============
- margin Top All Screens
==============*/
.-margin-t-10 {
  margin-top: -10px;
}

.-margin-t-20 {
  margin-top: -20px;
}

.-margin-t-30 {
  margin-top: -30px;
}

.-margin-t-40 {
  margin-top: -40px;
}

.-margin-t-50 {
  margin-top: -50px;
}

.-margin-t-60 {
  margin-top: -60px;
}

.-margin-t-70 {
  margin-top: -70px;
}

.-margin-t-80 {
  margin-top: -80px;
}

.-margin-t-90 {
  margin-top: -90px;
}

.-margin-t-100 {
  margin-top: -100px;
}

/* ============
- margin Small (sm)
==============*/
@media (min-width: 768px) {
  .-margin-t-sm-10 {
    margin-top: -10px;
  }
}

@media (min-width: 768px) {
  .-margin-t-sm-20 {
    margin-top: -20px;
  }
}

@media (min-width: 768px) {
  .-margin-t-sm-30 {
    margin-top: -30px;
  }
}

@media (min-width: 768px) {
  .-margin-t-sm-40 {
    margin-top: -40px;
  }
}

@media (min-width: 768px) {
  .-margin-t-sm-50 {
    margin-top: -50px;
  }
}

@media (min-width: 768px) {
  .-margin-t-sm-60 {
    margin-top: -60px;
  }
}

@media (min-width: 768px) {
  .-margin-t-sm-70 {
    margin-top: -70px;
  }
}

@media (min-width: 768px) {
  .-margin-t-sm-80 {
    margin-top: -80px;
  }
}

@media (min-width: 768px) {
  .-margin-t-sm-90 {
    margin-top: -90px;
  }
}

@media (min-width: 768px) {
  .-margin-t-sm-100 {
    margin-top: -100px;
  }
}

/* ============
- margin Medium (md)
==============*/
@media (min-width: 992px) {
  .-margin-t-md-10 {
    margin-top: -10px;
  }
}

@media (min-width: 992px) {
  .-margin-t-md-20 {
    margin-top: -20px;
  }
}

@media (min-width: 992px) {
  .-margin-t-md-30 {
    margin-top: -30px;
  }
}

@media (min-width: 992px) {
  .-margin-t-md-40 {
    margin-top: -40px;
  }
}

@media (min-width: 992px) {
  .-margin-t-md-50 {
    margin-top: -50px;
  }
}

@media (min-width: 992px) {
  .-margin-t-md-60 {
    margin-top: -60px;
  }
}

@media (min-width: 992px) {
  .-margin-t-md-70 {
    margin-top: -70px;
  }
}

@media (min-width: 992px) {
  .-margin-t-md-80 {
    margin-top: -80px;
  }
}

@media (min-width: 992px) {
  .-margin-t-md-90 {
    margin-top: -90px;
  }
}

@media (min-width: 992px) {
  .-margin-t-md-100 {
    margin-top: -100px;
  }
}

/* ============
- margin Large (md)
==============*/
@media (min-width: 1200px) {
  .-margin-t-lg-10 {
    margin-top: -10px;
  }
}

@media (min-width: 1200px) {
  .-margin-t-lg-20 {
    margin-top: -20px;
  }
}

@media (min-width: 1200px) {
  .-margin-t-lg-30 {
    margin-top: -30px;
  }
}

@media (min-width: 1200px) {
  .-margin-t-lg-40 {
    margin-top: -40px;
  }
}

@media (min-width: 1200px) {
  .-margin-t-lg-50 {
    margin-top: -50px;
  }
}

@media (min-width: 1200px) {
  .-margin-t-lg-60 {
    margin-top: -60px;
  }
}

@media (min-width: 1200px) {
  .-margin-t-lg-70 {
    margin-top: -70px;
  }
}

@media (min-width: 1200px) {
  .-margin-t-lg-80 {
    margin-top: -80px;
  }
}

@media (min-width: 1200px) {
  .-margin-t-lg-90 {
    margin-top: -90px;
  }
}

@media (min-width: 1200px) {
  .-margin-t-lg-100 {
    margin-top: -100px;
  }
}

/* ============
- margin Bottom All Screens
==============*/
.-margin-b-10 {
  margin-bottom: -10px;
}

.-margin-b-20 {
  margin-bottom: -20px;
}

.-margin-b-30 {
  margin-bottom: -30px;
}

.-margin-b-40 {
  margin-bottom: -40px;
}

.-margin-b-50 {
  margin-bottom: -50px;
}

.-margin-b-60 {
  margin-bottom: -60px;
}

.-margin-b-70 {
  margin-bottom: -70px;
}

.-margin-b-80 {
  margin-bottom: -80px;
}

.-margin-b-90 {
  margin-bottom: -90px;
}

.-margin-b-100 {
  margin-bottom: -100px;
}

/* ============
- margin Small (sm)
  ==============*/
@media (min-width: 768px) {
  .-margin-b-sm-10 {
    margin-bottom: -10px;
  }
}

@media (min-width: 768px) {
  .-margin-b-sm-20 {
    margin-bottom: -20px;
  }
}

@media (min-width: 768px) {
  .-margin-b-sm-30 {
    margin-bottom: -30px;
  }
}

@media (min-width: 768px) {
  .-margin-b-sm-40 {
    margin-bottom: -40px;
  }
}

@media (min-width: 768px) {
  .-margin-b-sm-50 {
    margin-bottom: -50px;
  }
}

@media (min-width: 768px) {
  .-margin-b-sm-60 {
    margin-bottom: -60px;
  }
}

@media (min-width: 768px) {
  .-margin-b-sm-70 {
    margin-bottom: -70px;
  }
}

@media (min-width: 768px) {
  .-margin-b-sm-80 {
    margin-bottom: -80px;
  }
}

@media (min-width: 768px) {
  .-margin-b-sm-90 {
    margin-bottom: -90px;
  }
}

@media (min-width: 768px) {
  .-margin-b-sm-100 {
    margin-bottom: -100px;
  }
}

/* ============
- margin Medium (md)
  ==============*/
@media (min-width: 992px) {
  .-margin-b-md-10 {
    margin-bottom: -10px;
  }
}

@media (min-width: 992px) {
  .-margin-b-md-20 {
    margin-bottom: -20px;
  }
}

@media (min-width: 992px) {
  .-margin-b-md-30 {
    margin-bottom: -30px;
  }
}

@media (min-width: 992px) {
  .-margin-b-md-40 {
    margin-bottom: -40px;
  }
}

@media (min-width: 992px) {
  .-margin-b-md-50 {
    margin-bottom: -50px;
  }
}

@media (min-width: 992px) {
  .-margin-b-md-60 {
    margin-bottom: -60px;
  }
}

@media (min-width: 992px) {
  .-margin-b-md-70 {
    margin-bottom: -70px;
  }
}

@media (min-width: 992px) {
  .-margin-b-md-80 {
    margin-bottom: -80px;
  }
}

@media (min-width: 992px) {
  .-margin-b-md-90 {
    margin-bottom: -90px;
  }
}

@media (min-width: 992px) {
  .-margin-b-md-100 {
    margin-bottom: -100px;
  }
}

/* ============
- margin Large (md)
  ==============*/
@media (min-width: 1200px) {
  .-margin-b-lg-10 {
    margin-bottom: -10px;
  }
}

@media (min-width: 1200px) {
  .-margin-b-lg-20 {
    margin-bottom: -20px;
  }
}

@media (min-width: 1200px) {
  .-margin-b-lg-30 {
    margin-bottom: -30px;
  }
}

@media (min-width: 1200px) {
  .-margin-b-lg-40 {
    margin-bottom: -40px;
  }
}

@media (min-width: 1200px) {
  .-margin-b-lg-50 {
    margin-bottom: -50px;
  }
}

@media (min-width: 1200px) {
  .-margin-b-lg-60 {
    margin-bottom: -60px;
  }
}

@media (min-width: 1200px) {
  .-margin-b-lg-70 {
    margin-bottom: -70px;
  }
}

@media (min-width: 1200px) {
  .-margin-b-lg-80 {
    margin-bottom: -80px;
  }
}

@media (min-width: 1200px) {
  .-margin-b-lg-90 {
    margin-bottom: -90px;
  }
}

@media (min-width: 1200px) {
  .-margin-b-lg-100 {
    margin-bottom: -100px;
  }
}

/* ============
- margin Right All Screens
==============*/
.-margin-r-10 {
  margin-right: -10px;
}

.-margin-r-20 {
  margin-right: -20px;
}

.-margin-r-30 {
  margin-right: -30px;
}

.-margin-r-40 {
  margin-right: -40px;
}

.-margin-r-50 {
  margin-right: -50px;
}

.-margin-r-60 {
  margin-right: -60px;
}

.-margin-r-70 {
  margin-right: -70px;
}

.-margin-r-80 {
  margin-right: -80px;
}

.-margin-r-90 {
  margin-right: -90px;
}

.-margin-r-100 {
  margin-right: -100px;
}

/* ============
 - margin Small (sm)
    ==============*/
@media (min-width: 768px) {
  .-margin-r-sm-10 {
    margin-right: -10px;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-20 {
    margin-right: -20px;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-30 {
    margin-right: -30px;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-40 {
    margin-right: -40px;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-50 {
    margin-right: -50px;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-60 {
    margin-right: -60px;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-70 {
    margin-right: -70px;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-80 {
    margin-right: -80px;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-90 {
    margin-right: -90px;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-100 {
    margin-right: -100px;
  }
}

/* ============
- margin Medium (md)
    ==============*/
@media (min-width: 992px) {
  .-margin-r-md-10 {
    margin-right: -10px;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-20 {
    margin-right: -20px;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-30 {
    margin-right: -30px;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-40 {
    margin-right: -40px;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-50 {
    margin-right: -50px;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-60 {
    margin-right: -60px;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-70 {
    margin-right: -70px;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-80 {
    margin-right: -80px;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-90 {
    margin-right: -90px;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-100 {
    margin-right: -100px;
  }
}

/* ============
- margin Large (md)
    ==============*/
@media (min-width: 1200px) {
  .-margin-r-lg-10 {
    margin-right: -10px;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-20 {
    margin-right: -20px;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-30 {
    margin-right: -30px;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-40 {
    margin-right: -40px;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-50 {
    margin-right: -50px;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-60 {
    margin-right: -60px;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-70 {
    margin-right: -70px;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-80 {
    margin-right: -80px;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-90 {
    margin-right: -90px;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-100 {
    margin-right: -100px;
  }
}

/* ============
- margin Left All Screens
==============*/
.-margin-l-10 {
  margin-left: -10px;
}

.-margin-l-20 {
  margin-left: -20px;
}

.-margin-l-30 {
  margin-left: -30px;
}

.-margin-l-40 {
  margin-left: -40px;
}

.-margin-l-50 {
  margin-left: -50px;
}

.-margin-l-60 {
  margin-left: -60px;
}

.-margin-l-70 {
  margin-left: -70px;
}

.-margin-l-80 {
  margin-left: -80px;
}

.-margin-l-90 {
  margin-left: -90px;
}

.-margin-l-100 {
  margin-left: -100px;
}

/* ============
- margin Small (sm)
  ==============*/
@media (min-width: 768px) {
  .-margin-l-sm-10 {
    margin-left: -10px;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-20 {
    margin-left: -20px;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-30 {
    margin-left: -30px;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-40 {
    margin-left: -40px;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-50 {
    margin-left: -50px;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-60 {
    margin-left: -60px;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-70 {
    margin-left: -70px;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-80 {
    margin-left: -80px;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-90 {
    margin-left: -90px;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-100 {
    margin-left: -100px;
  }
}

/* ============
- margin Medium (md)
==============*/
@media (min-width: 992px) {
  .-margin-l-md-10 {
    margin-left: -10px;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-20 {
    margin-left: -20px;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-30 {
    margin-left: -30px;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-40 {
    margin-left: -40px;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-50 {
    margin-left: -50px;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-60 {
    margin-left: -60px;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-70 {
    margin-left: -70px;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-80 {
    margin-left: -80px;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-90 {
    margin-left: -90px;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-100 {
    margin-left: -100px;
  }
}

/* ============
- margin Large (md)
 ==============*/
@media (min-width: 1200px) {
  .-margin-l-lg-10 {
    margin-left: -10px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-20 {
    margin-left: -20px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-30 {
    margin-left: -30px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-40 {
    margin-left: -40px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-50 {
    margin-left: -50px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-60 {
    margin-left: -60px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-70 {
    margin-left: -70px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-80 {
    margin-left: -80px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-90 {
    margin-left: -90px;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-100 {
    margin-left: -100px;
  }
}

/* ============
Width All Screens
==============*/
.w-0 {
  width: 0;
}

.w-1 {
  width: 1px;
}

.w-2 {
  width: 2px;
}

.w-3 {
  width: 3px;
}

.w-4 {
  width: 4px;
}

.w-5 {
  width: 5px;
}

.w-6 {
  width: 6px;
}

.w-7 {
  width: 7px;
}

.w-8 {
  width: 8px;
}

.w-9 {
  width: 9px;
}

.w-10 {
  width: 10px;
}

.w-11 {
  width: 11px;
}

.w-12 {
  width: 12px;
}

.w-13 {
  width: 13px;
}

.w-14 {
  width: 14px;
}

.w-15 {
  width: 15px;
}

.w-16 {
  width: 16px;
}

.w-17 {
  width: 17px;
}

.w-18 {
  width: 18px;
}

.w-19 {
  width: 19px;
}

.w-20 {
  width: 20px;
}

.w-21 {
  width: 21px;
}

.w-22 {
  width: 22px;
}

.w-23 {
  width: 23px;
}

.w-24 {
  width: 24px;
}

.w-25 {
  width: 25px;
}

.w-26 {
  width: 26px;
}

.w-27 {
  width: 27px;
}

.w-28 {
  width: 28px;
}

.w-29 {
  width: 29px;
}

.w-30 {
  width: 30px;
}

.w-31 {
  width: 31px;
}

.w-32 {
  width: 32px;
}

.w-33 {
  width: 33px;
}

.w-34 {
  width: 34px;
}

.w-35 {
  width: 35px;
}

.w-36 {
  width: 36px;
}

.w-37 {
  width: 37px;
}

.w-38 {
  width: 38px;
}

.w-39 {
  width: 39px;
}

.w-40 {
  width: 40px;
}

.w-41 {
  width: 41px;
}

.w-42 {
  width: 42px;
}

.w-43 {
  width: 43px;
}

.w-44 {
  width: 44px;
}

.w-45 {
  width: 45px;
}

.w-46 {
  width: 46px;
}

.w-47 {
  width: 47px;
}

.w-48 {
  width: 48px;
}

.w-49 {
  width: 49px;
}

.w-50 {
  width: 50px;
}

.w-51 {
  width: 51px;
}

.w-52 {
  width: 52px;
}

.w-53 {
  width: 53px;
}

.w-54 {
  width: 54px;
}

.w-55 {
  width: 55px;
}

.w-56 {
  width: 56px;
}

.w-57 {
  width: 57px;
}

.w-58 {
  width: 58px;
}

.w-59 {
  width: 59px;
}

.w-60 {
  width: 60px;
}

.w-full {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

.w-auto {
  width: auto;
}

.w-max-content {
  width: max-content;
}

/* ============
height All Screens
==============*/
.h-0 {
  height: 0;
}

.h-1 {
  height: 1px;
}

.h-2 {
  height: 2px;
}

.h-3 {
  height: 3px;
}

.h-4 {
  height: 4px;
}

.h-5 {
  height: 5px;
}

.h-6 {
  height: 6px;
}

.h-7 {
  height: 7px;
}

.h-8 {
  height: 8px;
}

.h-9 {
  height: 9px;
}

.h-10 {
  height: 10px;
}

.h-11 {
  height: 11px;
}

.h-12 {
  height: 12px;
}

.h-13 {
  height: 13px;
}

.h-14 {
  height: 14px;
}

.h-15 {
  height: 15px;
}

.h-16 {
  height: 16px;
}

.h-17 {
  height: 17px;
}

.h-18 {
  height: 18px;
}

.h-19 {
  height: 19px;
}

.h-20 {
  height: 20px;
}

.h-21 {
  height: 21px;
}

.h-22 {
  height: 22px;
}

.h-23 {
  height: 23px;
}

.h-24 {
  height: 24px;
}

.h-25 {
  height: 25px;
}

.h-26 {
  height: 26px;
}

.h-27 {
  height: 27px;
}

.h-28 {
  height: 28px;
}

.h-29 {
  height: 29px;
}

.h-30 {
  height: 30px;
}

.h-31 {
  height: 31px;
}

.h-32 {
  height: 32px;
}

.h-33 {
  height: 33px;
}

.h-34 {
  height: 34px;
}

.h-35 {
  height: 35px;
}

.h-36 {
  height: 36px;
}

.h-37 {
  height: 37px;
}

.h-38 {
  height: 38px;
}

.h-39 {
  height: 39px;
}

.h-40 {
  height: 40px;
}

.h-41 {
  height: 41px;
}

.h-42 {
  height: 42px;
}

.h-43 {
  height: 43px;
}

.h-44 {
  height: 44px;
}

.h-45 {
  height: 45px;
}

.h-46 {
  height: 46px;
}

.h-47 {
  height: 47px;
}

.h-48 {
  height: 48px;
}

.h-49 {
  height: 49px;
}

.h-50 {
  height: 50px;
}

.h-51 {
  height: 51px;
}

.h-52 {
  height: 52px;
}

.h-53 {
  height: 53px;
}

.h-54 {
  height: 54px;
}

.h-55 {
  height: 55px;
}

.h-56 {
  height: 56px;
}

.h-57 {
  height: 57px;
}

.h-58 {
  height: 58px;
}

.h-59 {
  height: 59px;
}

.h-60 {
  height: 60px;
}

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

.h-auto {
  height: auto;
}

.h-max-content {
  height: max-content;
}

/* ============
min-width All Screens
==============*/
.min-w-10 {
  min-width: 10px;
}

.min-w-15 {
  min-width: 15px;
}

.min-w-20 {
  min-width: 20px;
}

.min-w-25 {
  min-width: 25px;
}

.min-w-30 {
  min-width: 30px;
}

.min-w-35 {
  min-width: 35px;
}

.min-w-40 {
  min-width: 40px;
}

.min-w-45 {
  min-width: 45px;
}

.min-w-50 {
  min-width: 50px;
}

.min-w-55 {
  min-width: 55px;
}

.min-w-60 {
  min-width: 60px;
}

.min-w-65 {
  min-width: 65px;
}

.min-w-70 {
  min-width: 70px;
}

.min-w-75 {
  min-width: 75px;
}

.min-w-80 {
  min-width: 80px;
}

.min-w-85 {
  min-width: 85px;
}

.min-w-90 {
  min-width: 90px;
}

.min-w-95 {
  min-width: 95px;
}

.min-w-100 {
  min-width: 100px;
}

.min-w-105 {
  min-width: 105px;
}

.min-w-110 {
  min-width: 110px;
}

.min-w-115 {
  min-width: 115px;
}

.min-w-120 {
  min-width: 120px;
}

.min-w-125 {
  min-width: 125px;
}

.min-w-130 {
  min-width: 130px;
}

.min-w-135 {
  min-width: 135px;
}

.min-w-140 {
  min-width: 140px;
}

.min-w-145 {
  min-width: 145px;
}

.min-w-150 {
  min-width: 150px;
}

.min-w-155 {
  min-width: 155px;
}

.min-w-160 {
  min-width: 160px;
}

.min-w-165 {
  min-width: 165px;
}

.min-w-170 {
  min-width: 170px;
}

.min-w-175 {
  min-width: 175px;
}

.min-w-180 {
  min-width: 180px;
}

/* ============
Font Size to 80px
==============*/
.size-1 {
  font-size: 1px !important;
}

.size-2 {
  font-size: 2px !important;
}

.size-3 {
  font-size: 3px !important;
}

.size-4 {
  font-size: 4px !important;
}

.size-5 {
  font-size: 5px !important;
}

.size-6 {
  font-size: 6px !important;
}

.size-7 {
  font-size: 7px !important;
}

.size-8 {
  font-size: 8px !important;
}

.size-8 {
  font-size: 8px !important;
}

.size-9 {
  font-size: 9px !important;
}

.size-10 {
  font-size: 10px !important;
}

.size-11 {
  font-size: 11px !important;
}

.size-12 {
  font-size: 12px !important;
}

.size-13 {
  font-size: 13px !important;
}

.size-14 {
  font-size: 14px !important;
}

.size-15 {
  font-size: 15px !important;
}

.size-16 {
  font-size: 16px !important;
}

.size-17 {
  font-size: 17px !important;
}

.size-18 {
  font-size: 18px !important;
}

.size-19 {
  font-size: 19px !important;
}

.size-20 {
  font-size: 20px !important;
}

.size-21 {
  font-size: 21px !important;
}

.size-22 {
  font-size: 22px !important;
}

.size-23 {
  font-size: 23px !important;
}

.size-24 {
  font-size: 24px !important;
}

.size-25 {
  font-size: 25px !important;
}

.size-26 {
  font-size: 26px !important;
}

.size-27 {
  font-size: 27px !important;
}

.size-28 {
  font-size: 28px !important;
}

.size-29 {
  font-size: 29px !important;
}

.size-30 {
  font-size: 30px !important;
}

.size-31 {
  font-size: 31px !important;
}

.size-32 {
  font-size: 32px !important;
}

.size-33 {
  font-size: 33px !important;
}

.size-34 {
  font-size: 34px !important;
}

.size-35 {
  font-size: 35px !important;
}

.size-36 {
  font-size: 36px !important;
}

.size-37 {
  font-size: 37px !important;
}

.size-38 {
  font-size: 38px !important;
}

.size-39 {
  font-size: 39px !important;
}

.size-40 {
  font-size: 40px !important;
}

.size-41 {
  font-size: 41px !important;
}

.size-42 {
  font-size: 42px !important;
}

.size-43 {
  font-size: 43px !important;
}

.size-44 {
  font-size: 44px !important;
}

.size-45 {
  font-size: 45px !important;
}

.size-46 {
  font-size: 46px !important;
}

.size-47 {
  font-size: 47px !important;
}

.size-48 {
  font-size: 48px !important;
}

.size-49 {
  font-size: 49px !important;
}

.size-50 {
  font-size: 50px !important;
}

.size-51 {
  font-size: 51px !important;
}

.size-52 {
  font-size: 52px !important;
}

.size-53 {
  font-size: 53px !important;
}

.size-54 {
  font-size: 54px !important;
}

.size-55 {
  font-size: 55px !important;
}

.size-56 {
  font-size: 56px !important;
}

.size-57 {
  font-size: 57px !important;
}

.size-58 {
  font-size: 58px !important;
}

.size-59 {
  font-size: 59px !important;
}

.size-60 {
  font-size: 60px !important;
}

.size-61 {
  font-size: 61px !important;
}

.size-62 {
  font-size: 62px !important;
}

.size-63 {
  font-size: 63px !important;
}

.size-64 {
  font-size: 64px !important;
}

.size-65 {
  font-size: 65px !important;
}

.size-66 {
  font-size: 66px !important;
}

.size-67 {
  font-size: 67px !important;
}

.size-68 {
  font-size: 68px !important;
}

.size-69 {
  font-size: 69px !important;
}

.size-70 {
  font-size: 70px !important;
}

.size-71 {
  font-size: 71px !important;
}

.size-72 {
  font-size: 72px !important;
}

.size-73 {
  font-size: 73px !important;
}

.size-74 {
  font-size: 74px !important;
}

.size-75 {
  font-size: 72px !important;
}

.size-76 {
  font-size: 76px !important;
}

.size-77 {
  font-size: 77px !important;
}

.size-78 {
  font-size: 78px !important;
}

.size-79 {
  font-size: 79px !important;
}

.size-80 {
  font-size: 80px !important;
}

/* ============
Font Size Small (sm) 40px and above
==============*/
@media (min-width: 768px) {
  .size-sm-40 {
    font-size: 40px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-41 {
    font-size: 41px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-42 {
    font-size: 42px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-43 {
    font-size: 43px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-44 {
    font-size: 44px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-45 {
    font-size: 45px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-46 {
    font-size: 46px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-47 {
    font-size: 47px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-48 {
    font-size: 48px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-49 {
    font-size: 49px !important;
  }
}

.size-sm-50 {
  font-size: 50px !important;
}

@media (min-width: 768px) {
  .size-sm-51 {
    font-size: 51px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-52 {
    font-size: 52px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-53 {
    font-size: 53px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-54 {
    font-size: 54px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-55 {
    font-size: 55px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-56 {
    font-size: 56px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-57 {
    font-size: 57px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-58 {
    font-size: 58px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-59 {
    font-size: 59px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-60 {
    font-size: 60px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-61 {
    font-size: 61px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-62 {
    font-size: 62px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-63 {
    font-size: 63px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-64 {
    font-size: 64px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-65 {
    font-size: 65px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-66 {
    font-size: 66px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-67 {
    font-size: 67px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-68 {
    font-size: 68px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-69 {
    font-size: 69px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-70 {
    font-size: 70px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-71 {
    font-size: 71px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-72 {
    font-size: 72px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-73 {
    font-size: 73px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-74 {
    font-size: 74px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-75 {
    font-size: 72px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-76 {
    font-size: 76px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-77 {
    font-size: 77px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-78 {
    font-size: 78px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-79 {
    font-size: 79px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-80 {
    font-size: 80px !important;
  }
}

/* ============
Font Size Medium (md) 40px and above
==============*/
@media (min-width: 992px) {
  .size-md-40 {
    font-size: 40px !important;
  }
}

@media (min-width: 992px) {
  .size-md-41 {
    font-size: 41px !important;
  }
}

@media (min-width: 992px) {
  .size-md-42 {
    font-size: 42px !important;
  }
}

@media (min-width: 992px) {
  .size-md-43 {
    font-size: 43px !important;
  }
}

@media (min-width: 992px) {
  .size-md-44 {
    font-size: 44px !important;
  }
}

@media (min-width: 992px) {
  .size-md-45 {
    font-size: 45px !important;
  }
}

@media (min-width: 992px) {
  .size-md-46 {
    font-size: 46px !important;
  }
}

@media (min-width: 992px) {
  .size-md-47 {
    font-size: 47px !important;
  }
}

@media (min-width: 992px) {
  .size-md-48 {
    font-size: 48px !important;
  }
}

@media (min-width: 992px) {
  .size-md-49 {
    font-size: 49px !important;
  }
}

.size-md-50 {
  font-size: 50px !important;
}

@media (min-width: 992px) {
  .size-md-51 {
    font-size: 51px !important;
  }
}

@media (min-width: 992px) {
  .size-md-52 {
    font-size: 52px !important;
  }
}

@media (min-width: 992px) {
  .size-md-53 {
    font-size: 53px !important;
  }
}

@media (min-width: 992px) {
  .size-md-54 {
    font-size: 54px !important;
  }
}

@media (min-width: 992px) {
  .size-md-55 {
    font-size: 55px !important;
  }
}

@media (min-width: 992px) {
  .size-md-56 {
    font-size: 56px !important;
  }
}

@media (min-width: 992px) {
  .size-md-57 {
    font-size: 57px !important;
  }
}

@media (min-width: 992px) {
  .size-md-58 {
    font-size: 58px !important;
  }
}

@media (min-width: 992px) {
  .size-md-59 {
    font-size: 59px !important;
  }
}

@media (min-width: 992px) {
  .size-md-60 {
    font-size: 60px !important;
  }
}

@media (min-width: 992px) {
  .size-md-61 {
    font-size: 61px !important;
  }
}

@media (min-width: 992px) {
  .size-md-62 {
    font-size: 62px !important;
  }
}

@media (min-width: 992px) {
  .size-md-63 {
    font-size: 63px !important;
  }
}

@media (min-width: 992px) {
  .size-md-64 {
    font-size: 64px !important;
  }
}

@media (min-width: 992px) {
  .size-md-65 {
    font-size: 65px !important;
  }
}

@media (min-width: 992px) {
  .size-md-66 {
    font-size: 66px !important;
  }
}

@media (min-width: 992px) {
  .size-md-67 {
    font-size: 67px !important;
  }
}

@media (min-width: 992px) {
  .size-md-68 {
    font-size: 68px !important;
  }
}

@media (min-width: 992px) {
  .size-md-69 {
    font-size: 69px !important;
  }
}

@media (min-width: 992px) {
  .size-md-70 {
    font-size: 70px !important;
  }
}

@media (min-width: 992px) {
  .size-md-71 {
    font-size: 71px !important;
  }
}

@media (min-width: 992px) {
  .size-md-72 {
    font-size: 72px !important;
  }
}

@media (min-width: 992px) {
  .size-md-73 {
    font-size: 73px !important;
  }
}

@media (min-width: 992px) {
  .size-md-74 {
    font-size: 74px !important;
  }
}

@media (min-width: 992px) {
  .size-md-75 {
    font-size: 72px !important;
  }
}

@media (min-width: 992px) {
  .size-md-76 {
    font-size: 76px !important;
  }
}

@media (min-width: 992px) {
  .size-md-77 {
    font-size: 77px !important;
  }
}

@media (min-width: 992px) {
  .size-md-78 {
    font-size: 78px !important;
  }
}

@media (min-width: 992px) {
  .size-md-79 {
    font-size: 79px !important;
  }
}

@media (min-width: 992px) {
  .size-md-80 {
    font-size: 80px !important;
  }
}

/* ============
Font Size Medium (md) 40px and above
==============*/
@media (min-width: 1200px) {
  .size-lg-40 {
    font-size: 40px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-41 {
    font-size: 41px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-42 {
    font-size: 42px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-43 {
    font-size: 43px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-44 {
    font-size: 44px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-45 {
    font-size: 45px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-46 {
    font-size: 46px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-47 {
    font-size: 47px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-48 {
    font-size: 48px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-49 {
    font-size: 49px !important;
  }
}

.size-lg-50 {
  font-size: 50px !important;
}

@media (min-width: 1200px) {
  .size-lg-51 {
    font-size: 51px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-52 {
    font-size: 52px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-53 {
    font-size: 53px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-54 {
    font-size: 54px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-55 {
    font-size: 55px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-56 {
    font-size: 56px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-57 {
    font-size: 57px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-58 {
    font-size: 58px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-59 {
    font-size: 59px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-60 {
    font-size: 60px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-61 {
    font-size: 61px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-62 {
    font-size: 62px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-63 {
    font-size: 63px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-64 {
    font-size: 64px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-65 {
    font-size: 65px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-66 {
    font-size: 66px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-67 {
    font-size: 67px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-68 {
    font-size: 68px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-69 {
    font-size: 69px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-70 {
    font-size: 70px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-71 {
    font-size: 71px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-72 {
    font-size: 72px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-73 {
    font-size: 73px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-74 {
    font-size: 74px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-75 {
    font-size: 72px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-76 {
    font-size: 76px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-77 {
    font-size: 77px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-78 {
    font-size: 78px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-79 {
    font-size: 79px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-80 {
    font-size: 80px !important;
  }
}

/* ============
Font weight
==============*/
.weight-400 {
  font-weight: 400 !important;
}

.weight-500 {
  font-weight: 500 !important;
}

.weight-600 {
  font-weight: 600 !important;
}

.weight-700 {
  font-weight: 700 !important;
}

.weight-800 {
  font-weight: 800 !important;
}

.weight-900 {
  font-weight: 900 !important;
}

/* ============
List Style Type
==============*/
.list-none {
  list-style-type: none;
}

.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(57, 90, 255, 0.05);
}
.color-opacity-5.color-secondary {
  color: rgba(34, 32, 50, 0.05);
}
.color-opacity-5.color-snow {
  color: rgba(203, 205, 216, 0.05);
}
.color-opacity-5.color-red {
  color: rgba(255, 56, 56, 0.05);
}
.color-opacity-5.color-orange {
  color: rgba(255, 126, 27, 0.05);
}
.color-opacity-5.color-blue {
  color: rgba(57, 90, 255, 0.05);
}
.color-opacity-5.color-yellow {
  color: rgba(255, 194, 29, 0.05);
}
.color-opacity-5.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.1);
}
.color-opacity-10.color-secondary {
  color: rgba(34, 32, 50, 0.1);
}
.color-opacity-10.color-snow {
  color: rgba(203, 205, 216, 0.1);
}
.color-opacity-10.color-red {
  color: rgba(255, 56, 56, 0.1);
}
.color-opacity-10.color-orange {
  color: rgba(255, 126, 27, 0.1);
}
.color-opacity-10.color-blue {
  color: rgba(57, 90, 255, 0.1);
}
.color-opacity-10.color-yellow {
  color: rgba(255, 194, 29, 0.1);
}
.color-opacity-10.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.15);
}
.color-opacity-15.color-secondary {
  color: rgba(34, 32, 50, 0.15);
}
.color-opacity-15.color-snow {
  color: rgba(203, 205, 216, 0.15);
}
.color-opacity-15.color-red {
  color: rgba(255, 56, 56, 0.15);
}
.color-opacity-15.color-orange {
  color: rgba(255, 126, 27, 0.15);
}
.color-opacity-15.color-blue {
  color: rgba(57, 90, 255, 0.15);
}
.color-opacity-15.color-yellow {
  color: rgba(255, 194, 29, 0.15);
}
.color-opacity-15.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.2);
}
.color-opacity-20.color-secondary {
  color: rgba(34, 32, 50, 0.2);
}
.color-opacity-20.color-snow {
  color: rgba(203, 205, 216, 0.2);
}
.color-opacity-20.color-red {
  color: rgba(255, 56, 56, 0.2);
}
.color-opacity-20.color-orange {
  color: rgba(255, 126, 27, 0.2);
}
.color-opacity-20.color-blue {
  color: rgba(57, 90, 255, 0.2);
}
.color-opacity-20.color-yellow {
  color: rgba(255, 194, 29, 0.2);
}
.color-opacity-20.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.25);
}
.color-opacity-25.color-secondary {
  color: rgba(34, 32, 50, 0.25);
}
.color-opacity-25.color-snow {
  color: rgba(203, 205, 216, 0.25);
}
.color-opacity-25.color-red {
  color: rgba(255, 56, 56, 0.25);
}
.color-opacity-25.color-orange {
  color: rgba(255, 126, 27, 0.25);
}
.color-opacity-25.color-blue {
  color: rgba(57, 90, 255, 0.25);
}
.color-opacity-25.color-yellow {
  color: rgba(255, 194, 29, 0.25);
}
.color-opacity-25.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.3);
}
.color-opacity-30.color-secondary {
  color: rgba(34, 32, 50, 0.3);
}
.color-opacity-30.color-snow {
  color: rgba(203, 205, 216, 0.3);
}
.color-opacity-30.color-red {
  color: rgba(255, 56, 56, 0.3);
}
.color-opacity-30.color-orange {
  color: rgba(255, 126, 27, 0.3);
}
.color-opacity-30.color-blue {
  color: rgba(57, 90, 255, 0.3);
}
.color-opacity-30.color-yellow {
  color: rgba(255, 194, 29, 0.3);
}
.color-opacity-30.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.35);
}
.color-opacity-35.color-secondary {
  color: rgba(34, 32, 50, 0.35);
}
.color-opacity-35.color-snow {
  color: rgba(203, 205, 216, 0.35);
}
.color-opacity-35.color-red {
  color: rgba(255, 56, 56, 0.35);
}
.color-opacity-35.color-orange {
  color: rgba(255, 126, 27, 0.35);
}
.color-opacity-35.color-blue {
  color: rgba(57, 90, 255, 0.35);
}
.color-opacity-35.color-yellow {
  color: rgba(255, 194, 29, 0.35);
}
.color-opacity-35.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.4);
}
.color-opacity-40.color-secondary {
  color: rgba(34, 32, 50, 0.4);
}
.color-opacity-40.color-snow {
  color: rgba(203, 205, 216, 0.4);
}
.color-opacity-40.color-red {
  color: rgba(255, 56, 56, 0.4);
}
.color-opacity-40.color-orange {
  color: rgba(255, 126, 27, 0.4);
}
.color-opacity-40.color-blue {
  color: rgba(57, 90, 255, 0.4);
}
.color-opacity-40.color-yellow {
  color: rgba(255, 194, 29, 0.4);
}
.color-opacity-40.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.45);
}
.color-opacity-45.color-secondary {
  color: rgba(34, 32, 50, 0.45);
}
.color-opacity-45.color-snow {
  color: rgba(203, 205, 216, 0.45);
}
.color-opacity-45.color-red {
  color: rgba(255, 56, 56, 0.45);
}
.color-opacity-45.color-orange {
  color: rgba(255, 126, 27, 0.45);
}
.color-opacity-45.color-blue {
  color: rgba(57, 90, 255, 0.45);
}
.color-opacity-45.color-yellow {
  color: rgba(255, 194, 29, 0.45);
}
.color-opacity-45.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.5);
}
.color-opacity-50.color-secondary {
  color: rgba(34, 32, 50, 0.5);
}
.color-opacity-50.color-snow {
  color: rgba(203, 205, 216, 0.5);
}
.color-opacity-50.color-red {
  color: rgba(255, 56, 56, 0.5);
}
.color-opacity-50.color-orange {
  color: rgba(255, 126, 27, 0.5);
}
.color-opacity-50.color-blue {
  color: rgba(57, 90, 255, 0.5);
}
.color-opacity-50.color-yellow {
  color: rgba(255, 194, 29, 0.5);
}
.color-opacity-50.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.55);
}
.color-opacity-55.color-secondary {
  color: rgba(34, 32, 50, 0.55);
}
.color-opacity-55.color-snow {
  color: rgba(203, 205, 216, 0.55);
}
.color-opacity-55.color-red {
  color: rgba(255, 56, 56, 0.55);
}
.color-opacity-55.color-orange {
  color: rgba(255, 126, 27, 0.55);
}
.color-opacity-55.color-blue {
  color: rgba(57, 90, 255, 0.55);
}
.color-opacity-55.color-yellow {
  color: rgba(255, 194, 29, 0.55);
}
.color-opacity-55.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.6);
}
.color-opacity-60.color-secondary {
  color: rgba(34, 32, 50, 0.6);
}
.color-opacity-60.color-snow {
  color: rgba(203, 205, 216, 0.6);
}
.color-opacity-60.color-red {
  color: rgba(255, 56, 56, 0.6);
}
.color-opacity-60.color-orange {
  color: rgba(255, 126, 27, 0.6);
}
.color-opacity-60.color-blue {
  color: rgba(57, 90, 255, 0.6);
}
.color-opacity-60.color-yellow {
  color: rgba(255, 194, 29, 0.6);
}
.color-opacity-60.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.65);
}
.color-opacity-65.color-secondary {
  color: rgba(34, 32, 50, 0.65);
}
.color-opacity-65.color-snow {
  color: rgba(203, 205, 216, 0.65);
}
.color-opacity-65.color-red {
  color: rgba(255, 56, 56, 0.65);
}
.color-opacity-65.color-orange {
  color: rgba(255, 126, 27, 0.65);
}
.color-opacity-65.color-blue {
  color: rgba(57, 90, 255, 0.65);
}
.color-opacity-65.color-yellow {
  color: rgba(255, 194, 29, 0.65);
}
.color-opacity-65.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.7);
}
.color-opacity-70.color-secondary {
  color: rgba(34, 32, 50, 0.7);
}
.color-opacity-70.color-snow {
  color: rgba(203, 205, 216, 0.7);
}
.color-opacity-70.color-red {
  color: rgba(255, 56, 56, 0.7);
}
.color-opacity-70.color-orange {
  color: rgba(255, 126, 27, 0.7);
}
.color-opacity-70.color-blue {
  color: rgba(57, 90, 255, 0.7);
}
.color-opacity-70.color-yellow {
  color: rgba(255, 194, 29, 0.7);
}
.color-opacity-70.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.75);
}
.color-opacity-75.color-secondary {
  color: rgba(34, 32, 50, 0.75);
}
.color-opacity-75.color-snow {
  color: rgba(203, 205, 216, 0.75);
}
.color-opacity-75.color-red {
  color: rgba(255, 56, 56, 0.75);
}
.color-opacity-75.color-orange {
  color: rgba(255, 126, 27, 0.75);
}
.color-opacity-75.color-blue {
  color: rgba(57, 90, 255, 0.75);
}
.color-opacity-75.color-yellow {
  color: rgba(255, 194, 29, 0.75);
}
.color-opacity-75.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.8);
}
.color-opacity-80.color-secondary {
  color: rgba(34, 32, 50, 0.8);
}
.color-opacity-80.color-snow {
  color: rgba(203, 205, 216, 0.8);
}
.color-opacity-80.color-red {
  color: rgba(255, 56, 56, 0.8);
}
.color-opacity-80.color-orange {
  color: rgba(255, 126, 27, 0.8);
}
.color-opacity-80.color-blue {
  color: rgba(57, 90, 255, 0.8);
}
.color-opacity-80.color-yellow {
  color: rgba(255, 194, 29, 0.8);
}
.color-opacity-80.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.85);
}
.color-opacity-85.color-secondary {
  color: rgba(34, 32, 50, 0.85);
}
.color-opacity-85.color-snow {
  color: rgba(203, 205, 216, 0.85);
}
.color-opacity-85.color-red {
  color: rgba(255, 56, 56, 0.85);
}
.color-opacity-85.color-orange {
  color: rgba(255, 126, 27, 0.85);
}
.color-opacity-85.color-blue {
  color: rgba(57, 90, 255, 0.85);
}
.color-opacity-85.color-yellow {
  color: rgba(255, 194, 29, 0.85);
}
.color-opacity-85.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.9);
}
.color-opacity-90.color-secondary {
  color: rgba(34, 32, 50, 0.9);
}
.color-opacity-90.color-snow {
  color: rgba(203, 205, 216, 0.9);
}
.color-opacity-90.color-red {
  color: rgba(255, 56, 56, 0.9);
}
.color-opacity-90.color-orange {
  color: rgba(255, 126, 27, 0.9);
}
.color-opacity-90.color-blue {
  color: rgba(57, 90, 255, 0.9);
}
.color-opacity-90.color-yellow {
  color: rgba(255, 194, 29, 0.9);
}
.color-opacity-90.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.95);
}
.color-opacity-95.color-secondary {
  color: rgba(34, 32, 50, 0.95);
}
.color-opacity-95.color-snow {
  color: rgba(203, 205, 216, 0.95);
}
.color-opacity-95.color-red {
  color: rgba(255, 56, 56, 0.95);
}
.color-opacity-95.color-orange {
  color: rgba(255, 126, 27, 0.95);
}
.color-opacity-95.color-blue {
  color: rgba(57, 90, 255, 0.95);
}
.color-opacity-95.color-yellow {
  color: rgba(255, 194, 29, 0.95);
}
.color-opacity-95.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.05);
}
.bg-opacity-5.bg-secondary {
  background-color: rgba(34, 32, 50, 0.05);
}
.bg-opacity-5.bg-snow {
  background-color: rgba(244, 245, 247, 0.05);
}
.bg-opacity-5.bg-red {
  background-color: rgba(255, 56, 56, 0.05);
}
.bg-opacity-5.bg-orange {
  background-color: rgba(255, 126, 27, 0.05);
}
.bg-opacity-5.bg-blue {
  background-color: rgba(83, 167, 249, 0.05);
}
.bg-opacity-5.bg-yellow {
  background-color: rgba(255, 194, 29, 0.05);
}
.bg-opacity-5.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.1);
}
.bg-opacity-10.bg-secondary {
  background-color: rgba(34, 32, 50, 0.1);
}
.bg-opacity-10.bg-snow {
  background-color: rgba(244, 245, 247, 0.1);
}
.bg-opacity-10.bg-red {
  background-color: rgba(255, 56, 56, 0.1) !important;
}
.bg-opacity-10.bg-orange {
  background-color: rgba(255, 126, 27, 0.1);
}
.bg-opacity-10.bg-blue {
  background-color: rgba(83, 167, 249, 0.1);
}
.bg-opacity-10.bg-yellow {
  background-color: rgba(255, 194, 29, 0.1);
}
.bg-opacity-10.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.15);
}
.bg-opacity-15.bg-secondary {
  background-color: rgba(34, 32, 50, 0.15);
}
.bg-opacity-15.bg-snow {
  background-color: rgba(244, 245, 247, 0.15);
}
.bg-opacity-15.bg-red {
  background-color: rgba(255, 56, 56, 0.15);
}
.bg-opacity-15.bg-orange {
  background-color: rgba(255, 126, 27, 0.15);
}
.bg-opacity-15.bg-blue {
  background-color: rgba(83, 167, 249, 0.15);
}
.bg-opacity-15.bg-yellow {
  background-color: rgba(255, 194, 29, 0.15);
}
.bg-opacity-15.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.2);
}
.bg-opacity-20.bg-secondary {
  background-color: rgba(34, 32, 50, 0.2);
}
.bg-opacity-20.bg-snow {
  background-color: rgba(244, 245, 247, 0.2);
}
.bg-opacity-20.bg-red {
  background-color: rgba(255, 56, 56, 0.2);
}
.bg-opacity-20.bg-orange {
  background-color: rgba(255, 126, 27, 0.2);
}
.bg-opacity-20.bg-blue {
  background-color: rgba(83, 167, 249, 0.2);
}
.bg-opacity-20.bg-yellow {
  background-color: rgba(255, 194, 29, 0.2);
}
.bg-opacity-20.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.25);
}
.bg-opacity-25.bg-secondary {
  background-color: rgba(34, 32, 50, 0.25);
}
.bg-opacity-25.bg-snow {
  background-color: rgba(244, 245, 247, 0.25);
}
.bg-opacity-25.bg-red {
  background-color: rgba(255, 56, 56, 0.25);
}
.bg-opacity-25.bg-orange {
  background-color: rgba(255, 126, 27, 0.25);
}
.bg-opacity-25.bg-blue {
  background-color: rgba(83, 167, 249, 0.25);
}
.bg-opacity-25.bg-yellow {
  background-color: rgba(255, 194, 29, 0.25);
}
.bg-opacity-25.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.3);
}
.bg-opacity-30.bg-secondary {
  background-color: rgba(34, 32, 50, 0.3);
}
.bg-opacity-30.bg-snow {
  background-color: rgba(244, 245, 247, 0.3);
}
.bg-opacity-30.bg-red {
  background-color: rgba(255, 56, 56, 0.3);
}
.bg-opacity-30.bg-orange {
  background-color: rgba(255, 126, 27, 0.3);
}
.bg-opacity-30.bg-blue {
  background-color: rgba(83, 167, 249, 0.3);
}
.bg-opacity-30.bg-yellow {
  background-color: rgba(255, 194, 29, 0.3);
}
.bg-opacity-30.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.35);
}
.bg-opacity-35.bg-secondary {
  background-color: rgba(34, 32, 50, 0.35);
}
.bg-opacity-35.bg-snow {
  background-color: rgba(244, 245, 247, 0.35);
}
.bg-opacity-35.bg-red {
  background-color: rgba(255, 56, 56, 0.35);
}
.bg-opacity-35.bg-orange {
  background-color: rgba(255, 126, 27, 0.35);
}
.bg-opacity-35.bg-blue {
  background-color: rgba(83, 167, 249, 0.35);
}
.bg-opacity-35.bg-yellow {
  background-color: rgba(255, 194, 29, 0.35);
}
.bg-opacity-35.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.4);
}
.bg-opacity-40.bg-secondary {
  background-color: rgba(34, 32, 50, 0.4);
}
.bg-opacity-40.bg-snow {
  background-color: rgba(244, 245, 247, 0.4);
}
.bg-opacity-40.bg-red {
  background-color: rgba(255, 56, 56, 0.4);
}
.bg-opacity-40.bg-orange {
  background-color: rgba(255, 126, 27, 0.4);
}
.bg-opacity-40.bg-blue {
  background-color: rgba(83, 167, 249, 0.4);
}
.bg-opacity-40.bg-yellow {
  background-color: rgba(255, 194, 29, 0.4);
}
.bg-opacity-40.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.45);
}
.bg-opacity-45.bg-secondary {
  background-color: rgba(34, 32, 50, 0.45);
}
.bg-opacity-45.bg-snow {
  background-color: rgba(244, 245, 247, 0.45);
}
.bg-opacity-45.bg-red {
  background-color: rgba(255, 56, 56, 0.45);
}
.bg-opacity-45.bg-orange {
  background-color: rgba(255, 126, 27, 0.45);
}
.bg-opacity-45.bg-blue {
  background-color: rgba(83, 167, 249, 0.45);
}
.bg-opacity-45.bg-yellow {
  background-color: rgba(255, 194, 29, 0.45);
}
.bg-opacity-45.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.5);
}
.bg-opacity-50.bg-secondary {
  background-color: rgba(34, 32, 50, 0.5);
}
.bg-opacity-50.bg-snow {
  background-color: rgba(244, 245, 247, 0.5);
}
.bg-opacity-50.bg-red {
  background-color: rgba(255, 56, 56, 0.5);
}
.bg-opacity-50.bg-orange {
  background-color: rgba(255, 126, 27, 0.5);
}
.bg-opacity-50.bg-blue {
  background-color: rgba(83, 167, 249, 0.5);
}
.bg-opacity-50.bg-yellow {
  background-color: rgba(255, 194, 29, 0.5);
}
.bg-opacity-50.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.55);
}
.bg-opacity-55.bg-secondary {
  background-color: rgba(34, 32, 50, 0.55);
}
.bg-opacity-55.bg-snow {
  background-color: rgba(244, 245, 247, 0.55);
}
.bg-opacity-55.bg-red {
  background-color: rgba(255, 56, 56, 0.55);
}
.bg-opacity-55.bg-orange {
  background-color: rgba(255, 126, 27, 0.55);
}
.bg-opacity-55.bg-blue {
  background-color: rgba(83, 167, 249, 0.55);
}
.bg-opacity-55.bg-yellow {
  background-color: rgba(255, 194, 29, 0.55);
}
.bg-opacity-55.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.6);
}
.bg-opacity-60.bg-secondary {
  background-color: rgba(34, 32, 50, 0.6);
}
.bg-opacity-60.bg-snow {
  background-color: rgba(244, 245, 247, 0.6);
}
.bg-opacity-60.bg-red {
  background-color: rgba(255, 56, 56, 0.6);
}
.bg-opacity-60.bg-orange {
  background-color: rgba(255, 126, 27, 0.6);
}
.bg-opacity-60.bg-blue {
  background-color: rgba(83, 167, 249, 0.6);
}
.bg-opacity-60.bg-yellow {
  background-color: rgba(255, 194, 29, 0.6);
}
.bg-opacity-60.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.65);
}
.bg-opacity-65.bg-secondary {
  background-color: rgba(34, 32, 50, 0.65);
}
.bg-opacity-65.bg-snow {
  background-color: rgba(244, 245, 247, 0.65);
}
.bg-opacity-65.bg-red {
  background-color: rgba(255, 56, 56, 0.65);
}
.bg-opacity-65.bg-orange {
  background-color: rgba(255, 126, 27, 0.65);
}
.bg-opacity-65.bg-blue {
  background-color: rgba(83, 167, 249, 0.65);
}
.bg-opacity-65.bg-yellow {
  background-color: rgba(255, 194, 29, 0.65);
}
.bg-opacity-65.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.7);
}
.bg-opacity-70.bg-secondary {
  background-color: rgba(34, 32, 50, 0.7);
}
.bg-opacity-70.bg-snow {
  background-color: rgba(244, 245, 247, 0.7);
}
.bg-opacity-70.bg-red {
  background-color: rgba(255, 56, 56, 0.7);
}
.bg-opacity-70.bg-orange {
  background-color: rgba(255, 126, 27, 0.7);
}
.bg-opacity-70.bg-blue {
  background-color: rgba(83, 167, 249, 0.7);
}
.bg-opacity-70.bg-yellow {
  background-color: rgba(255, 194, 29, 0.7);
}
.bg-opacity-70.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.75);
}
.bg-opacity-75.bg-secondary {
  background-color: rgba(34, 32, 50, 0.75);
}
.bg-opacity-75.bg-snow {
  background-color: rgba(244, 245, 247, 0.75);
}
.bg-opacity-75.bg-red {
  background-color: rgba(255, 56, 56, 0.75);
}
.bg-opacity-75.bg-orange {
  background-color: rgba(255, 126, 27, 0.75);
}
.bg-opacity-75.bg-blue {
  background-color: rgba(83, 167, 249, 0.75);
}
.bg-opacity-75.bg-yellow {
  background-color: rgba(255, 194, 29, 0.75);
}
.bg-opacity-75.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.8);
}
.bg-opacity-80.bg-secondary {
  background-color: rgba(34, 32, 50, 0.8);
}
.bg-opacity-80.bg-snow {
  background-color: rgba(244, 245, 247, 0.8);
}
.bg-opacity-80.bg-red {
  background-color: rgba(255, 56, 56, 0.8);
}
.bg-opacity-80.bg-orange {
  background-color: rgba(255, 126, 27, 0.8);
}
.bg-opacity-80.bg-blue {
  background-color: rgba(83, 167, 249, 0.8);
}
.bg-opacity-80.bg-yellow {
  background-color: rgba(255, 194, 29, 0.8);
}
.bg-opacity-80.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.85);
}
.bg-opacity-85.bg-secondary {
  background-color: rgba(34, 32, 50, 0.85);
}
.bg-opacity-85.bg-snow {
  background-color: rgba(244, 245, 247, 0.85);
}
.bg-opacity-85.bg-red {
  background-color: rgba(255, 56, 56, 0.85);
}
.bg-opacity-85.bg-orange {
  background-color: rgba(255, 126, 27, 0.85);
}
.bg-opacity-85.bg-blue {
  background-color: rgba(83, 167, 249, 0.85);
}
.bg-opacity-85.bg-yellow {
  background-color: rgba(255, 194, 29, 0.85);
}
.bg-opacity-85.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.9);
}
.bg-opacity-90.bg-secondary {
  background-color: rgba(34, 32, 50, 0.9);
}
.bg-opacity-90.bg-snow {
  background-color: rgba(244, 245, 247, 0.9);
}
.bg-opacity-90.bg-red {
  background-color: rgba(255, 56, 56, 0.9);
}
.bg-opacity-90.bg-orange {
  background-color: rgba(255, 126, 27, 0.9);
}
.bg-opacity-90.bg-blue {
  background-color: rgba(83, 167, 249, 0.9);
}
.bg-opacity-90.bg-yellow {
  background-color: rgba(255, 194, 29, 0.9);
}
.bg-opacity-90.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.95);
}
.bg-opacity-95.bg-secondary {
  background-color: rgba(34, 32, 50, 0.95);
}
.bg-opacity-95.bg-snow {
  background-color: rgba(244, 245, 247, 0.95);
}
.bg-opacity-95.bg-red {
  background-color: rgba(255, 56, 56, 0.95);
}
.bg-opacity-95.bg-orange {
  background-color: rgba(255, 126, 27, 0.95);
}
.bg-opacity-95.bg-blue {
  background-color: rgba(83, 167, 249, 0.95);
}
.bg-opacity-95.bg-yellow {
  background-color: rgba(255, 194, 29, 0.95);
}
.bg-opacity-95.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.05);
}
.border-opacity-5.border-secondary {
  border-color: rgba(34, 32, 50, 0.05);
}
.border-opacity-5.border-snow {
  border-color: rgba(221, 225, 236, 0.05);
}
.border-opacity-5.border-red {
  border-color: rgba(255, 56, 56, 0.05);
}
.border-opacity-5.border-orange {
  border-color: rgba(255, 126, 27, 0.05);
}
.border-opacity-5.border-blue {
  border-color: rgba(74, 140, 253, 0.05);
}
.border-opacity-5.border-yellow {
  border-color: rgba(255, 194, 29, 0.05);
}
.border-opacity-5.border-green {
  border-color: rgba(62, 202, 118, 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(57, 90, 255, 0.1);
}
.border-opacity-10.border-secondary {
  border-color: rgba(34, 32, 50, 0.1);
}
.border-opacity-10.border-snow {
  border-color: rgba(221, 225, 236, 0.1);
}
.border-opacity-10.border-red {
  border-color: rgba(255, 56, 56, 0.1);
}
.border-opacity-10.border-orange {
  border-color: rgba(255, 126, 27, 0.1);
}
.border-opacity-10.border-blue {
  border-color: rgba(74, 140, 253, 0.1);
}
.border-opacity-10.border-yellow {
  border-color: rgba(255, 194, 29, 0.1);
}
.border-opacity-10.border-green {
  border-color: rgba(62, 202, 118, 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(57, 90, 255, 0.15);
}
.border-opacity-15.border-secondary {
  border-color: rgba(34, 32, 50, 0.15);
}
.border-opacity-15.border-snow {
  border-color: rgba(221, 225, 236, 0.15);
}
.border-opacity-15.border-red {
  border-color: rgba(255, 56, 56, 0.15);
}
.border-opacity-15.border-orange {
  border-color: rgba(255, 126, 27, 0.15);
}
.border-opacity-15.border-blue {
  border-color: rgba(74, 140, 253, 0.15);
}
.border-opacity-15.border-yellow {
  border-color: rgba(255, 194, 29, 0.15);
}
.border-opacity-15.border-green {
  border-color: rgba(62, 202, 118, 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(57, 90, 255, 0.2);
}
.border-opacity-20.border-secondary {
  border-color: rgba(34, 32, 50, 0.2);
}
.border-opacity-20.border-snow {
  border-color: rgba(221, 225, 236, 0.2);
}
.border-opacity-20.border-red {
  border-color: rgba(255, 56, 56, 0.2);
}
.border-opacity-20.border-orange {
  border-color: rgba(255, 126, 27, 0.2);
}
.border-opacity-20.border-blue {
  border-color: rgba(74, 140, 253, 0.2);
}
.border-opacity-20.border-yellow {
  border-color: rgba(255, 194, 29, 0.2);
}
.border-opacity-20.border-green {
  border-color: rgba(62, 202, 118, 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(57, 90, 255, 0.25);
}
.border-opacity-25.border-secondary {
  border-color: rgba(34, 32, 50, 0.25);
}
.border-opacity-25.border-snow {
  border-color: rgba(221, 225, 236, 0.25);
}
.border-opacity-25.border-red {
  border-color: rgba(255, 56, 56, 0.25);
}
.border-opacity-25.border-orange {
  border-color: rgba(255, 126, 27, 0.25);
}
.border-opacity-25.border-blue {
  border-color: rgba(74, 140, 253, 0.25);
}
.border-opacity-25.border-yellow {
  border-color: rgba(255, 194, 29, 0.25);
}
.border-opacity-25.border-green {
  border-color: rgba(62, 202, 118, 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(57, 90, 255, 0.3);
}
.border-opacity-30.border-secondary {
  border-color: rgba(34, 32, 50, 0.3);
}
.border-opacity-30.border-snow {
  border-color: rgba(221, 225, 236, 0.3);
}
.border-opacity-30.border-red {
  border-color: rgba(255, 56, 56, 0.3);
}
.border-opacity-30.border-orange {
  border-color: rgba(255, 126, 27, 0.3);
}
.border-opacity-30.border-blue {
  border-color: rgba(74, 140, 253, 0.3);
}
.border-opacity-30.border-yellow {
  border-color: rgba(255, 194, 29, 0.3);
}
.border-opacity-30.border-green {
  border-color: rgba(62, 202, 118, 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(57, 90, 255, 0.35);
}
.border-opacity-35.border-secondary {
  border-color: rgba(34, 32, 50, 0.35);
}
.border-opacity-35.border-snow {
  border-color: rgba(221, 225, 236, 0.35);
}
.border-opacity-35.border-red {
  border-color: rgba(255, 56, 56, 0.35);
}
.border-opacity-35.border-orange {
  border-color: rgba(255, 126, 27, 0.35);
}
.border-opacity-35.border-blue {
  border-color: rgba(74, 140, 253, 0.35);
}
.border-opacity-35.border-yellow {
  border-color: rgba(255, 194, 29, 0.35);
}
.border-opacity-35.border-green {
  border-color: rgba(62, 202, 118, 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(57, 90, 255, 0.4);
}
.border-opacity-40.border-secondary {
  border-color: rgba(34, 32, 50, 0.4);
}
.border-opacity-40.border-snow {
  border-color: rgba(221, 225, 236, 0.4);
}
.border-opacity-40.border-red {
  border-color: rgba(255, 56, 56, 0.4);
}
.border-opacity-40.border-orange {
  border-color: rgba(255, 126, 27, 0.4);
}
.border-opacity-40.border-blue {
  border-color: rgba(74, 140, 253, 0.4);
}
.border-opacity-40.border-yellow {
  border-color: rgba(255, 194, 29, 0.4);
}
.border-opacity-40.border-green {
  border-color: rgba(62, 202, 118, 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(57, 90, 255, 0.45);
}
.border-opacity-45.border-secondary {
  border-color: rgba(34, 32, 50, 0.45);
}
.border-opacity-45.border-snow {
  border-color: rgba(221, 225, 236, 0.45);
}
.border-opacity-45.border-red {
  border-color: rgba(255, 56, 56, 0.45);
}
.border-opacity-45.border-orange {
  border-color: rgba(255, 126, 27, 0.45);
}
.border-opacity-45.border-blue {
  border-color: rgba(74, 140, 253, 0.45);
}
.border-opacity-45.border-yellow {
  border-color: rgba(255, 194, 29, 0.45);
}
.border-opacity-45.border-green {
  border-color: rgba(62, 202, 118, 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(57, 90, 255, 0.5);
}
.border-opacity-50.border-secondary {
  border-color: rgba(34, 32, 50, 0.5);
}
.border-opacity-50.border-snow {
  border-color: rgba(221, 225, 236, 0.5);
}
.border-opacity-50.border-red {
  border-color: rgba(255, 56, 56, 0.5);
}
.border-opacity-50.border-orange {
  border-color: rgba(255, 126, 27, 0.5);
}
.border-opacity-50.border-blue {
  border-color: rgba(74, 140, 253, 0.5);
}
.border-opacity-50.border-yellow {
  border-color: rgba(255, 194, 29, 0.5);
}
.border-opacity-50.border-green {
  border-color: rgba(62, 202, 118, 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(57, 90, 255, 0.55);
}
.border-opacity-55.border-secondary {
  border-color: rgba(34, 32, 50, 0.55);
}
.border-opacity-55.border-snow {
  border-color: rgba(221, 225, 236, 0.55);
}
.border-opacity-55.border-red {
  border-color: rgba(255, 56, 56, 0.55);
}
.border-opacity-55.border-orange {
  border-color: rgba(255, 126, 27, 0.55);
}
.border-opacity-55.border-blue {
  border-color: rgba(74, 140, 253, 0.55);
}
.border-opacity-55.border-yellow {
  border-color: rgba(255, 194, 29, 0.55);
}
.border-opacity-55.border-green {
  border-color: rgba(62, 202, 118, 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(57, 90, 255, 0.6);
}
.border-opacity-60.border-secondary {
  border-color: rgba(34, 32, 50, 0.6);
}
.border-opacity-60.border-snow {
  border-color: rgba(221, 225, 236, 0.6);
}
.border-opacity-60.border-red {
  border-color: rgba(255, 56, 56, 0.6);
}
.border-opacity-60.border-orange {
  border-color: rgba(255, 126, 27, 0.6);
}
.border-opacity-60.border-blue {
  border-color: rgba(74, 140, 253, 0.6);
}
.border-opacity-60.border-yellow {
  border-color: rgba(255, 194, 29, 0.6);
}
.border-opacity-60.border-green {
  border-color: rgba(62, 202, 118, 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(57, 90, 255, 0.65);
}
.border-opacity-65.border-secondary {
  border-color: rgba(34, 32, 50, 0.65);
}
.border-opacity-65.border-snow {
  border-color: rgba(221, 225, 236, 0.65);
}
.border-opacity-65.border-red {
  border-color: rgba(255, 56, 56, 0.65);
}
.border-opacity-65.border-orange {
  border-color: rgba(255, 126, 27, 0.65);
}
.border-opacity-65.border-blue {
  border-color: rgba(74, 140, 253, 0.65);
}
.border-opacity-65.border-yellow {
  border-color: rgba(255, 194, 29, 0.65);
}
.border-opacity-65.border-green {
  border-color: rgba(62, 202, 118, 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(57, 90, 255, 0.7);
}
.border-opacity-70.border-secondary {
  border-color: rgba(34, 32, 50, 0.7);
}
.border-opacity-70.border-snow {
  border-color: rgba(221, 225, 236, 0.7);
}
.border-opacity-70.border-red {
  border-color: rgba(255, 56, 56, 0.7);
}
.border-opacity-70.border-orange {
  border-color: rgba(255, 126, 27, 0.7);
}
.border-opacity-70.border-blue {
  border-color: rgba(74, 140, 253, 0.7);
}
.border-opacity-70.border-yellow {
  border-color: rgba(255, 194, 29, 0.7);
}
.border-opacity-70.border-green {
  border-color: rgba(62, 202, 118, 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(57, 90, 255, 0.75);
}
.border-opacity-75.border-secondary {
  border-color: rgba(34, 32, 50, 0.75);
}
.border-opacity-75.border-snow {
  border-color: rgba(221, 225, 236, 0.75);
}
.border-opacity-75.border-red {
  border-color: rgba(255, 56, 56, 0.75);
}
.border-opacity-75.border-orange {
  border-color: rgba(255, 126, 27, 0.75);
}
.border-opacity-75.border-blue {
  border-color: rgba(74, 140, 253, 0.75);
}
.border-opacity-75.border-yellow {
  border-color: rgba(255, 194, 29, 0.75);
}
.border-opacity-75.border-green {
  border-color: rgba(62, 202, 118, 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(57, 90, 255, 0.8);
}
.border-opacity-80.border-secondary {
  border-color: rgba(34, 32, 50, 0.8);
}
.border-opacity-80.border-snow {
  border-color: rgba(221, 225, 236, 0.8);
}
.border-opacity-80.border-red {
  border-color: rgba(255, 56, 56, 0.8);
}
.border-opacity-80.border-orange {
  border-color: rgba(255, 126, 27, 0.8);
}
.border-opacity-80.border-blue {
  border-color: rgba(74, 140, 253, 0.8);
}
.border-opacity-80.border-yellow {
  border-color: rgba(255, 194, 29, 0.8);
}
.border-opacity-80.border-green {
  border-color: rgba(62, 202, 118, 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(57, 90, 255, 0.85);
}
.border-opacity-85.border-secondary {
  border-color: rgba(34, 32, 50, 0.85);
}
.border-opacity-85.border-snow {
  border-color: rgba(221, 225, 236, 0.85);
}
.border-opacity-85.border-red {
  border-color: rgba(255, 56, 56, 0.85);
}
.border-opacity-85.border-orange {
  border-color: rgba(255, 126, 27, 0.85);
}
.border-opacity-85.border-blue {
  border-color: rgba(74, 140, 253, 0.85);
}
.border-opacity-85.border-yellow {
  border-color: rgba(255, 194, 29, 0.85);
}
.border-opacity-85.border-green {
  border-color: rgba(62, 202, 118, 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(57, 90, 255, 0.9);
}
.border-opacity-90.border-secondary {
  border-color: rgba(34, 32, 50, 0.9);
}
.border-opacity-90.border-snow {
  border-color: rgba(221, 225, 236, 0.9);
}
.border-opacity-90.border-red {
  border-color: rgba(255, 56, 56, 0.9);
}
.border-opacity-90.border-orange {
  border-color: rgba(255, 126, 27, 0.9);
}
.border-opacity-90.border-blue {
  border-color: rgba(74, 140, 253, 0.9);
}
.border-opacity-90.border-yellow {
  border-color: rgba(255, 194, 29, 0.9);
}
.border-opacity-90.border-green {
  border-color: rgba(62, 202, 118, 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(57, 90, 255, 0.95);
}
.border-opacity-95.border-secondary {
  border-color: rgba(34, 32, 50, 0.95);
}
.border-opacity-95.border-snow {
  border-color: rgba(221, 225, 236, 0.95);
}
.border-opacity-95.border-red {
  border-color: rgba(255, 56, 56, 0.95);
}
.border-opacity-95.border-orange {
  border-color: rgba(255, 126, 27, 0.95);
}
.border-opacity-95.border-blue {
  border-color: rgba(74, 140, 253, 0.95);
}
.border-opacity-95.border-yellow {
  border-color: rgba(255, 194, 29, 0.95);
}
.border-opacity-95.border-green {
  border-color: rgba(62, 202, 118, 0.95);
}

/* ============
Border Style
==============*/
.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-double {
  border-style: double;
}

.border-none {
  border-style: none;
}

/* ============
Border Top Style
==============*/
.border-t-solid {
  border-top-style: solid;
}

.border-t-dashed {
  border-top-style: dashed;
}

.border-t-dotted {
  border-top-style: dotted;
}

.border-t-double {
  border-top-style: double;
}

.border-t-none {
  border-top-style: none;
}

/* ============
Border Bottom Style
==============*/
.border-b-solid {
  border-bottom-style: solid;
}

.border-b-dashed {
  border-bottom-style: dashed;
}

.border-b-dotted {
  border-bottom-style: dotted;
}

.border-b-double {
  border-bottom-style: double;
}

.border-b-none {
  border-bottom-style: none;
}

/* ============
Border right Style
==============*/
.border-r-solid {
  border-right-style: solid;
}

.border-r-dashed {
  border-right-style: dashed;
}

.border-r-dotted {
  border-right-style: dotted;
}

.border-r-double {
  border-right-style: double;
}

.border-r-none {
  border-right-style: none;
}

/* ============
Border left Style
==============*/
.border-l-solid {
  border-left-style: solid;
}

.border-l-dashed {
  border-left-style: dashed;
}

.border-l-dotted {
  border-left-style: dotted;
}

.border-l-double {
  border-left-style: double;
}

.border-l-none {
  border-left-style: none;
}

/* ============
Transition Property
==============*/
.transition-none {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  -ms-transition-property: none;
  transition-property: none;
}

.transition-all {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

/* ============
Transition Duration
==============*/
.duration-75 {
  -webkit-transition-duration: 75ms;
  -moz-transition-duration: 75ms;
  -o-transition-duration: 75ms;
  -ms-transition-duration: 75ms;
  transition-duration: 75ms;
}

.duration-100 {
  -webkit-transition-duration: 100ms;
  -moz-transition-duration: 100ms;
  -o-transition-duration: 100ms;
  -ms-transition-duration: 100ms;
  transition-duration: 100ms;
}

.duration-150 {
  -webkit-transition-duration: 150ms;
  -moz-transition-duration: 150ms;
  -o-transition-duration: 150ms;
  -ms-transition-duration: 150ms;
  transition-duration: 150ms;
}

.duration-200 {
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  -ms-transition-duration: 200ms;
  transition-duration: 200ms;
}

.duration-300 {
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  -ms-transition-duration: 300ms;
  transition-duration: 300ms;
}

.duration-500 {
  -webkit-transition-duration: 500ms;
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  -ms-transition-duration: 500ms;
  transition-duration: 500ms;
}

.duration-700 {
  -webkit-transition-duration: 700ms;
  -moz-transition-duration: 700ms;
  -o-transition-duration: 700ms;
  -ms-transition-duration: 700ms;
  transition-duration: 700ms;
}

.duration-1000 {
  -webkit-transition-duration: 1000ms;
  -moz-transition-duration: 1000ms;
  -o-transition-duration: 1000ms;
  -ms-transition-duration: 1000ms;
  transition-duration: 1000ms;
}

/* ============
Transition Timing Function
==============*/
.ease-linear {
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  transition-timing-function: linear;
}

.ease-in {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  -moz-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  -o-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  -ms-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-out {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  -ms-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.ease-in-out {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============
Transition Delay
==============*/
.delay-75 {
  -webkit-transition-delay: 75ms;
  -moz-transition-delay: 75ms;
  -o-transition-delay: 75ms;
  -ms-transition-delay: 75ms;
  transition-delay: 75ms;
}

.delay-100 {
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  -ms-transition-delay: 100ms;
  transition-delay: 100ms;
}

.delay-150 {
  -webkit-transition-delay: 150ms;
  -moz-transition-delay: 150ms;
  -o-transition-delay: 150ms;
  -ms-transition-delay: 150ms;
  transition-delay: 150ms;
}

.delay-200 {
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -ms-transition-delay: 200ms;
  transition-delay: 200ms;
}

.delay-300 {
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  transition-delay: 300ms;
}

.delay-500 {
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  -ms-transition-delay: 500ms;
  transition-delay: 500ms;
}

.delay-700 {
  -webkit-transition-delay: 700ms;
  -moz-transition-delay: 700ms;
  -o-transition-delay: 700ms;
  -ms-transition-delay: 700ms;
  transition-delay: 700ms;
}

.delay-1000 {
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  -o-transition-delay: 1000ms;
  -ms-transition-delay: 1000ms;
  transition-delay: 1000ms;
}

/* ============
Transition Delay
==============*/
.animate-none {
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  -ms-animation: none;
  animation: none;
}

.animate-spin {
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  -o-animation: spin 1s linear infinite;
  -ms-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.animate-ping {
  -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  -moz-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  -o-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  -ms-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@-webkit-keyframes ping {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  75%,
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@-moz-keyframes ping {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  75%,
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes ping {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  75%,
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.animate-pulse {
  -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  -moz-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  -o-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  -ms-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@-webkit-keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@-moz-keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.animate-bounce {
  -webkit-animation: bounce 1s infinite;
  -moz-animation: bounce 1s infinite;
  -o-animation: bounce 1s infinite;
  -ms-animation: bounce 1s infinite;
  animation: bounce 1s infinite;
}

@-webkit-keyframes bounce {
  0%,
  100% {
    transform: translateY(-25%);
    animationtimingfunction: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animationtimingfunction: cubic-bezier(0, 0, 0.2, 1);
  }
}
@-moz-keyframes bounce {
  0%,
  100% {
    transform: translateY(-25%);
    animationtimingfunction: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animationtimingfunction: cubic-bezier(0, 0, 0.2, 1);
  }
}
@keyframes bounce {
  0%,
  100% {
    transform: translateY(-25%);
    animationtimingfunction: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animationtimingfunction: cubic-bezier(0, 0, 0.2, 1);
  }
}
/* ============
Cursor
==============*/
.cursor-auto {
  cursor: auto;
}

.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-wait {
  cursor: wait;
}

.cursor-text {
  cursor: text;
}

.cursor-move {
  cursor: move;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

/* ============
Pointer Events
==============*/
.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

/* ============
Resize
==============*/
.resize-none {
  resize: none;
}

.resize-y {
  resize: vertical;
}

.resize-x {
  resize: horizontal;
}

.resize-y {
  resize: vertical;
}

.resize {
  resize: both;
}

/* ============
User Select
==============*/
.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select-text {
  -webkit-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.select-all {
  -webkit-user-select: all;
  -moz-user-select: all;
  -o-user-select: all;
  -ms-user-select: all;
  user-select: all;
}

.select-auto {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -o-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

/* ============
Hover
==============*/
.hover\:bg-black:hover {
  background-color: var(--bg-black);
}

.hover\:bg-white:hover {
  background-color: var(--bg-white);
}

.hover\:bg-primary:hover {
  background-color: var(--bg-primary);
}

.hover\:bg-secondary:hover {
  background-color: var(--bg-secondary);
}

.hover\:bg-snow:hover {
  background-color: var(--bg-snow);
}

.hover\:bg-red:hover {
  background-color: var(--bg-red);
}

.hover\:bg-orange:hover {
  background-color: var(--bg-orange);
}

.hover\:bg-blue:hover {
  background-color: var(--bg-blue);
}

.hover\:bg-yellow:hover {
  background-color: var(--bg-yellow);
}

.hover\:bg-green:hover {
  background-color: var(--bg-green);
}

.hover\:color-black:hover {
  color: var(--color-black);
}

.hover\:color-white:hover {
  color: var(--color-white);
}

.hover\:color-primary:hover {
  color: var(--color-primary);
}

.hover\:color-secondary:hover {
  color: var(--color-secondary);
}

.hover\:color-snow:hover {
  color: var(--color-snow);
}

.hover\:color-red:hover {
  color: var(--color-red);
}

.hover\:color-orange:hover {
  color: var(--color-orange);
}

.hover\:color-blue:hover {
  color: var(--color-blue);
}

.hover\:color-yellow:hover {
  color: var(--color-yellow);
}

.hover\:color-green:hover {
  color: var(--color-green);
}

.hover\:border-black:hover {
  border-color: var(--border-black);
}

.hover\:border-white:hover {
  border-color: var(--border-white);
}

.hover\:border-primary:hover {
  border-color: var(--border-primary);
}

.hover\:border-secondary:hover {
  border-color: var(--border-secondary);
}

.hover\:border-snow:hover {
  border-color: var(--border-snow);
}

.hover\:border-red:hover {
  border-color: var(--border-red);
}

.hover\:border-orange:hover {
  border-color: var(--border-orange);
}

.hover\:border-blue:hover {
  border-color: var(--border-blue);
}

.hover\:border-yellow:hover {
  border-color: var(--border-yellow);
}

.hover\:border-green:hover {
  border-color: var(--border-green);
}

.hover\:bg-opacity-5:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.05);
}
.hover\:bg-opacity-5:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.05);
}
.hover\:bg-opacity-5:hover.bg-primary {
  background-color: rgba(57, 90, 255, 0.05);
}
.hover\:bg-opacity-5:hover.bg-secondary {
  background-color: rgba(34, 32, 50, 0.05);
}
.hover\:bg-opacity-5:hover.bg-snow {
  background-color: rgba(244, 245, 247, 0.05);
}
.hover\:bg-opacity-5:hover.bg-red {
  background-color: rgba(255, 56, 56, 0.05);
}
.hover\:bg-opacity-5:hover.bg-orange {
  background-color: rgba(255, 126, 27, 0.05);
}
.hover\:bg-opacity-5:hover.bg-blue {
  background-color: rgba(83, 167, 249, 0.05);
}
.hover\:bg-opacity-5:hover.bg-yellow {
  background-color: rgba(255, 194, 29, 0.05);
}
.hover\:bg-opacity-5:hover.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.1);
}
.hover\:bg-opacity-10:hover.bg-secondary {
  background-color: rgba(34, 32, 50, 0.1);
}
.hover\:bg-opacity-10:hover.bg-snow {
  background-color: rgba(244, 245, 247, 0.1);
}
.hover\:bg-opacity-10:hover.bg-red {
  background-color: rgba(255, 56, 56, 0.1);
}
.hover\:bg-opacity-10:hover.bg-orange {
  background-color: rgba(255, 126, 27, 0.1);
}
.hover\:bg-opacity-10:hover.bg-blue {
  background-color: rgba(83, 167, 249, 0.1);
}
.hover\:bg-opacity-10:hover.bg-yellow {
  background-color: rgba(255, 194, 29, 0.1);
}
.hover\:bg-opacity-10:hover.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.15);
}
.hover\:bg-opacity-15:hover.bg-secondary {
  background-color: rgba(34, 32, 50, 0.15);
}
.hover\:bg-opacity-15:hover.bg-snow {
  background-color: rgba(244, 245, 247, 0.15);
}
.hover\:bg-opacity-15:hover.bg-red {
  background-color: rgba(255, 56, 56, 0.15);
}
.hover\:bg-opacity-15:hover.bg-orange {
  background-color: rgba(255, 126, 27, 0.15);
}
.hover\:bg-opacity-15:hover.bg-blue {
  background-color: rgba(83, 167, 249, 0.15);
}
.hover\:bg-opacity-15:hover.bg-yellow {
  background-color: rgba(255, 194, 29, 0.15);
}
.hover\:bg-opacity-15:hover.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.2);
}
.hover\:bg-opacity-20:hover.bg-secondary {
  background-color: rgba(34, 32, 50, 0.2);
}
.hover\:bg-opacity-20:hover.bg-snow {
  background-color: rgba(244, 245, 247, 0.2);
}
.hover\:bg-opacity-20:hover.bg-red {
  background-color: rgba(255, 56, 56, 0.2);
}
.hover\:bg-opacity-20:hover.bg-orange {
  background-color: rgba(255, 126, 27, 0.2);
}
.hover\:bg-opacity-20:hover.bg-blue {
  background-color: rgba(83, 167, 249, 0.2);
}
.hover\:bg-opacity-20:hover.bg-yellow {
  background-color: rgba(255, 194, 29, 0.2);
}
.hover\:bg-opacity-20:hover.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.25);
}
.hover\:bg-opacity-25:hover.bg-secondary {
  background-color: rgba(34, 32, 50, 0.25);
}
.hover\:bg-opacity-25:hover.bg-snow {
  background-color: rgba(244, 245, 247, 0.25);
}
.hover\:bg-opacity-25:hover.bg-red {
  background-color: rgba(255, 56, 56, 0.25);
}
.hover\:bg-opacity-25:hover.bg-orange {
  background-color: rgba(255, 126, 27, 0.25);
}
.hover\:bg-opacity-25:hover.bg-blue {
  background-color: rgba(83, 167, 249, 0.25);
}
.hover\:bg-opacity-25:hover.bg-yellow {
  background-color: rgba(255, 194, 29, 0.25);
}
.hover\:bg-opacity-25:hover.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.3);
}
.hover\:bg-opacity-30:hover.bg-secondary {
  background-color: rgba(34, 32, 50, 0.3);
}
.hover\:bg-opacity-30:hover.bg-snow {
  background-color: rgba(244, 245, 247, 0.3);
}
.hover\:bg-opacity-30:hover.bg-red {
  background-color: rgba(255, 56, 56, 0.3);
}
.hover\:bg-opacity-30:hover.bg-orange {
  background-color: rgba(255, 126, 27, 0.3);
}
.hover\:bg-opacity-30:hover.bg-blue {
  background-color: rgba(83, 167, 249, 0.3);
}
.hover\:bg-opacity-30:hover.bg-yellow {
  background-color: rgba(255, 194, 29, 0.3);
}
.hover\:bg-opacity-30:hover.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.35);
}
.hover\:bg-opacity-35:hover.bg-secondary {
  background-color: rgba(34, 32, 50, 0.35);
}
.hover\:bg-opacity-35:hover.bg-snow {
  background-color: rgba(244, 245, 247, 0.35);
}
.hover\:bg-opacity-35:hover.bg-red {
  background-color: rgba(255, 56, 56, 0.35);
}
.hover\:bg-opacity-35:hover.bg-orange {
  background-color: rgba(255, 126, 27, 0.35);
}
.hover\:bg-opacity-35:hover.bg-blue {
  background-color: rgba(83, 167, 249, 0.35);
}
.hover\:bg-opacity-35:hover.bg-yellow {
  background-color: rgba(255, 194, 29, 0.35);
}
.hover\:bg-opacity-35:hover.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.4);
}
.hover\:bg-opacity-40:hover.bg-secondary {
  background-color: rgba(34, 32, 50, 0.4);
}
.hover\:bg-opacity-40:hover.bg-snow {
  background-color: rgba(244, 245, 247, 0.4);
}
.hover\:bg-opacity-40:hover.bg-red {
  background-color: rgba(255, 56, 56, 0.4);
}
.hover\:bg-opacity-40:hover.bg-orange {
  background-color: rgba(255, 126, 27, 0.4);
}
.hover\:bg-opacity-40:hover.bg-blue {
  background-color: rgba(83, 167, 249, 0.4);
}
.hover\:bg-opacity-40:hover.bg-yellow {
  background-color: rgba(255, 194, 29, 0.4);
}
.hover\:bg-opacity-40:hover.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.45);
}
.hover\:bg-opacity-45:hover.bg-secondary {
  background-color: rgba(34, 32, 50, 0.45);
}
.hover\:bg-opacity-45:hover.bg-snow {
  background-color: rgba(244, 245, 247, 0.45);
}
.hover\:bg-opacity-45:hover.bg-red {
  background-color: rgba(255, 56, 56, 0.45);
}
.hover\:bg-opacity-45:hover.bg-orange {
  background-color: rgba(255, 126, 27, 0.45);
}
.hover\:bg-opacity-45:hover.bg-blue {
  background-color: rgba(83, 167, 249, 0.45);
}
.hover\:bg-opacity-45:hover.bg-yellow {
  background-color: rgba(255, 194, 29, 0.45);
}
.hover\:bg-opacity-45:hover.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.5);
}
.hover\:bg-opacity-50:hover.bg-secondary {
  background-color: rgba(34, 32, 50, 0.5);
}
.hover\:bg-opacity-50:hover.bg-snow {
  background-color: rgba(244, 245, 247, 0.5);
}
.hover\:bg-opacity-50:hover.bg-red {
  background-color: rgba(255, 56, 56, 0.5);
}
.hover\:bg-opacity-50:hover.bg-orange {
  background-color: rgba(255, 126, 27, 0.5);
}
.hover\:bg-opacity-50:hover.bg-blue {
  background-color: rgba(83, 167, 249, 0.5);
}
.hover\:bg-opacity-50:hover.bg-yellow {
  background-color: rgba(255, 194, 29, 0.5);
}
.hover\:bg-opacity-50:hover.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.55);
}
.hover\:bg-opacity-55:hover.bg-secondary {
  background-color: rgba(34, 32, 50, 0.55);
}
.hover\:bg-opacity-55:hover.bg-snow {
  background-color: rgba(244, 245, 247, 0.55);
}
.hover\:bg-opacity-55:hover.bg-red {
  background-color: rgba(255, 56, 56, 0.55);
}
.hover\:bg-opacity-55:hover.bg-orange {
  background-color: rgba(255, 126, 27, 0.55);
}
.hover\:bg-opacity-55:hover.bg-blue {
  background-color: rgba(83, 167, 249, 0.55);
}
.hover\:bg-opacity-55:hover.bg-yellow {
  background-color: rgba(255, 194, 29, 0.55);
}
.hover\:bg-opacity-55:hover.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.6);
}
.hover\:bg-opacity-60:hover.bg-secondary {
  background-color: rgba(34, 32, 50, 0.6);
}
.hover\:bg-opacity-60:hover.bg-snow {
  background-color: rgba(244, 245, 247, 0.6);
}
.hover\:bg-opacity-60:hover.bg-red {
  background-color: rgba(255, 56, 56, 0.6);
}
.hover\:bg-opacity-60:hover.bg-orange {
  background-color: rgba(255, 126, 27, 0.6);
}
.hover\:bg-opacity-60:hover.bg-blue {
  background-color: rgba(83, 167, 249, 0.6);
}
.hover\:bg-opacity-60:hover.bg-yellow {
  background-color: rgba(255, 194, 29, 0.6);
}
.hover\:bg-opacity-60:hover.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.65);
}
.hover\:bg-opacity-65:hover.bg-secondary {
  background-color: rgba(34, 32, 50, 0.65);
}
.hover\:bg-opacity-65:hover.bg-snow {
  background-color: rgba(244, 245, 247, 0.65);
}
.hover\:bg-opacity-65:hover.bg-red {
  background-color: rgba(255, 56, 56, 0.65);
}
.hover\:bg-opacity-65:hover.bg-orange {
  background-color: rgba(255, 126, 27, 0.65);
}
.hover\:bg-opacity-65:hover.bg-blue {
  background-color: rgba(83, 167, 249, 0.65);
}
.hover\:bg-opacity-65:hover.bg-yellow {
  background-color: rgba(255, 194, 29, 0.65);
}
.hover\:bg-opacity-65:hover.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.7);
}
.hover\:bg-opacity-70:hover.bg-secondary {
  background-color: rgba(34, 32, 50, 0.7);
}
.hover\:bg-opacity-70:hover.bg-snow {
  background-color: rgba(244, 245, 247, 0.7);
}
.hover\:bg-opacity-70:hover.bg-red {
  background-color: rgba(255, 56, 56, 0.7);
}
.hover\:bg-opacity-70:hover.bg-orange {
  background-color: rgba(255, 126, 27, 0.7);
}
.hover\:bg-opacity-70:hover.bg-blue {
  background-color: rgba(83, 167, 249, 0.7);
}
.hover\:bg-opacity-70:hover.bg-yellow {
  background-color: rgba(255, 194, 29, 0.7);
}
.hover\:bg-opacity-70:hover.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.75);
}
.hover\:bg-opacity-75:hover.bg-secondary {
  background-color: rgba(34, 32, 50, 0.75);
}
.hover\:bg-opacity-75:hover.bg-snow {
  background-color: rgba(244, 245, 247, 0.75);
}
.hover\:bg-opacity-75:hover.bg-red {
  background-color: rgba(255, 56, 56, 0.75);
}
.hover\:bg-opacity-75:hover.bg-orange {
  background-color: rgba(255, 126, 27, 0.75);
}
.hover\:bg-opacity-75:hover.bg-blue {
  background-color: rgba(83, 167, 249, 0.75);
}
.hover\:bg-opacity-75:hover.bg-yellow {
  background-color: rgba(255, 194, 29, 0.75);
}
.hover\:bg-opacity-75:hover.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.8);
}
.hover\:bg-opacity-80:hover.bg-secondary {
  background-color: rgba(34, 32, 50, 0.8);
}
.hover\:bg-opacity-80:hover.bg-snow {
  background-color: rgba(244, 245, 247, 0.8);
}
.hover\:bg-opacity-80:hover.bg-red {
  background-color: rgba(255, 56, 56, 0.8);
}
.hover\:bg-opacity-80:hover.bg-orange {
  background-color: rgba(255, 126, 27, 0.8);
}
.hover\:bg-opacity-80:hover.bg-blue {
  background-color: rgba(83, 167, 249, 0.8);
}
.hover\:bg-opacity-80:hover.bg-yellow {
  background-color: rgba(255, 194, 29, 0.8);
}
.hover\:bg-opacity-80:hover.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.85);
}
.hover\:bg-opacity-85:hover.bg-secondary {
  background-color: rgba(34, 32, 50, 0.85);
}
.hover\:bg-opacity-85:hover.bg-snow {
  background-color: rgba(244, 245, 247, 0.85);
}
.hover\:bg-opacity-85:hover.bg-red {
  background-color: rgba(255, 56, 56, 0.85);
}
.hover\:bg-opacity-85:hover.bg-orange {
  background-color: rgba(255, 126, 27, 0.85);
}
.hover\:bg-opacity-85:hover.bg-blue {
  background-color: rgba(83, 167, 249, 0.85);
}
.hover\:bg-opacity-85:hover.bg-yellow {
  background-color: rgba(255, 194, 29, 0.85);
}
.hover\:bg-opacity-85:hover.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.9);
}
.hover\:bg-opacity-90:hover.bg-secondary {
  background-color: rgba(34, 32, 50, 0.9);
}
.hover\:bg-opacity-90:hover.bg-snow {
  background-color: rgba(244, 245, 247, 0.9);
}
.hover\:bg-opacity-90:hover.bg-red {
  background-color: rgba(255, 56, 56, 0.9);
}
.hover\:bg-opacity-90:hover.bg-orange {
  background-color: rgba(255, 126, 27, 0.9);
}
.hover\:bg-opacity-90:hover.bg-blue {
  background-color: rgba(83, 167, 249, 0.9);
}
.hover\:bg-opacity-90:hover.bg-yellow {
  background-color: rgba(255, 194, 29, 0.9);
}
.hover\:bg-opacity-90:hover.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.95);
}
.hover\:bg-opacity-95:hover.bg-secondary {
  background-color: rgba(34, 32, 50, 0.95);
}
.hover\:bg-opacity-95:hover.bg-snow {
  background-color: rgba(244, 245, 247, 0.95);
}
.hover\:bg-opacity-95:hover.bg-red {
  background-color: rgba(255, 56, 56, 0.95);
}
.hover\:bg-opacity-95:hover.bg-orange {
  background-color: rgba(255, 126, 27, 0.95);
}
.hover\:bg-opacity-95:hover.bg-blue {
  background-color: rgba(83, 167, 249, 0.95);
}
.hover\:bg-opacity-95:hover.bg-yellow {
  background-color: rgba(255, 194, 29, 0.95);
}
.hover\:bg-opacity-95:hover.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.05);
}
.hover\:color-opacity-5:hover.color-secondary {
  color: rgba(34, 32, 50, 0.05);
}
.hover\:color-opacity-5:hover.color-snow {
  color: rgba(203, 205, 216, 0.05);
}
.hover\:color-opacity-5:hover.color-red {
  color: rgba(255, 56, 56, 0.05);
}
.hover\:color-opacity-5:hover.color-orange {
  color: rgba(255, 126, 27, 0.05);
}
.hover\:color-opacity-5:hover.color-blue {
  color: rgba(57, 90, 255, 0.05);
}
.hover\:color-opacity-5:hover.color-yellow {
  color: rgba(255, 194, 29, 0.05);
}
.hover\:color-opacity-5:hover.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.1);
}
.hover\:color-opacity-10:hover.color-secondary {
  color: rgba(34, 32, 50, 0.1);
}
.hover\:color-opacity-10:hover.color-snow {
  color: rgba(203, 205, 216, 0.1);
}
.hover\:color-opacity-10:hover.color-red {
  color: rgba(255, 56, 56, 0.1);
}
.hover\:color-opacity-10:hover.color-orange {
  color: rgba(255, 126, 27, 0.1);
}
.hover\:color-opacity-10:hover.color-blue {
  color: rgba(57, 90, 255, 0.1);
}
.hover\:color-opacity-10:hover.color-yellow {
  color: rgba(255, 194, 29, 0.1);
}
.hover\:color-opacity-10:hover.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.15);
}
.hover\:color-opacity-15:hover.color-secondary {
  color: rgba(34, 32, 50, 0.15);
}
.hover\:color-opacity-15:hover.color-snow {
  color: rgba(203, 205, 216, 0.15);
}
.hover\:color-opacity-15:hover.color-red {
  color: rgba(255, 56, 56, 0.15);
}
.hover\:color-opacity-15:hover.color-orange {
  color: rgba(255, 126, 27, 0.15);
}
.hover\:color-opacity-15:hover.color-blue {
  color: rgba(57, 90, 255, 0.15);
}
.hover\:color-opacity-15:hover.color-yellow {
  color: rgba(255, 194, 29, 0.15);
}
.hover\:color-opacity-15:hover.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.2);
}
.hover\:color-opacity-20:hover.color-secondary {
  color: rgba(34, 32, 50, 0.2);
}
.hover\:color-opacity-20:hover.color-snow {
  color: rgba(203, 205, 216, 0.2);
}
.hover\:color-opacity-20:hover.color-red {
  color: rgba(255, 56, 56, 0.2);
}
.hover\:color-opacity-20:hover.color-orange {
  color: rgba(255, 126, 27, 0.2);
}
.hover\:color-opacity-20:hover.color-blue {
  color: rgba(57, 90, 255, 0.2);
}
.hover\:color-opacity-20:hover.color-yellow {
  color: rgba(255, 194, 29, 0.2);
}
.hover\:color-opacity-20:hover.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.25);
}
.hover\:color-opacity-25:hover.color-secondary {
  color: rgba(34, 32, 50, 0.25);
}
.hover\:color-opacity-25:hover.color-snow {
  color: rgba(203, 205, 216, 0.25);
}
.hover\:color-opacity-25:hover.color-red {
  color: rgba(255, 56, 56, 0.25);
}
.hover\:color-opacity-25:hover.color-orange {
  color: rgba(255, 126, 27, 0.25);
}
.hover\:color-opacity-25:hover.color-blue {
  color: rgba(57, 90, 255, 0.25);
}
.hover\:color-opacity-25:hover.color-yellow {
  color: rgba(255, 194, 29, 0.25);
}
.hover\:color-opacity-25:hover.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.3);
}
.hover\:color-opacity-30:hover.color-secondary {
  color: rgba(34, 32, 50, 0.3);
}
.hover\:color-opacity-30:hover.color-snow {
  color: rgba(203, 205, 216, 0.3);
}
.hover\:color-opacity-30:hover.color-red {
  color: rgba(255, 56, 56, 0.3);
}
.hover\:color-opacity-30:hover.color-orange {
  color: rgba(255, 126, 27, 0.3);
}
.hover\:color-opacity-30:hover.color-blue {
  color: rgba(57, 90, 255, 0.3);
}
.hover\:color-opacity-30:hover.color-yellow {
  color: rgba(255, 194, 29, 0.3);
}
.hover\:color-opacity-30:hover.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.35);
}
.hover\:color-opacity-35:hover.color-secondary {
  color: rgba(34, 32, 50, 0.35);
}
.hover\:color-opacity-35:hover.color-snow {
  color: rgba(203, 205, 216, 0.35);
}
.hover\:color-opacity-35:hover.color-red {
  color: rgba(255, 56, 56, 0.35);
}
.hover\:color-opacity-35:hover.color-orange {
  color: rgba(255, 126, 27, 0.35);
}
.hover\:color-opacity-35:hover.color-blue {
  color: rgba(57, 90, 255, 0.35);
}
.hover\:color-opacity-35:hover.color-yellow {
  color: rgba(255, 194, 29, 0.35);
}
.hover\:color-opacity-35:hover.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.4);
}
.hover\:color-opacity-40:hover.color-secondary {
  color: rgba(34, 32, 50, 0.4);
}
.hover\:color-opacity-40:hover.color-snow {
  color: rgba(203, 205, 216, 0.4);
}
.hover\:color-opacity-40:hover.color-red {
  color: rgba(255, 56, 56, 0.4);
}
.hover\:color-opacity-40:hover.color-orange {
  color: rgba(255, 126, 27, 0.4);
}
.hover\:color-opacity-40:hover.color-blue {
  color: rgba(57, 90, 255, 0.4);
}
.hover\:color-opacity-40:hover.color-yellow {
  color: rgba(255, 194, 29, 0.4);
}
.hover\:color-opacity-40:hover.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.45);
}
.hover\:color-opacity-45:hover.color-secondary {
  color: rgba(34, 32, 50, 0.45);
}
.hover\:color-opacity-45:hover.color-snow {
  color: rgba(203, 205, 216, 0.45);
}
.hover\:color-opacity-45:hover.color-red {
  color: rgba(255, 56, 56, 0.45);
}
.hover\:color-opacity-45:hover.color-orange {
  color: rgba(255, 126, 27, 0.45);
}
.hover\:color-opacity-45:hover.color-blue {
  color: rgba(57, 90, 255, 0.45);
}
.hover\:color-opacity-45:hover.color-yellow {
  color: rgba(255, 194, 29, 0.45);
}
.hover\:color-opacity-45:hover.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.5);
}
.hover\:color-opacity-50:hover.color-secondary {
  color: rgba(34, 32, 50, 0.5);
}
.hover\:color-opacity-50:hover.color-snow {
  color: rgba(203, 205, 216, 0.5);
}
.hover\:color-opacity-50:hover.color-red {
  color: rgba(255, 56, 56, 0.5);
}
.hover\:color-opacity-50:hover.color-orange {
  color: rgba(255, 126, 27, 0.5);
}
.hover\:color-opacity-50:hover.color-blue {
  color: rgba(57, 90, 255, 0.5);
}
.hover\:color-opacity-50:hover.color-yellow {
  color: rgba(255, 194, 29, 0.5);
}
.hover\:color-opacity-50:hover.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.55);
}
.hover\:color-opacity-55:hover.color-secondary {
  color: rgba(34, 32, 50, 0.55);
}
.hover\:color-opacity-55:hover.color-snow {
  color: rgba(203, 205, 216, 0.55);
}
.hover\:color-opacity-55:hover.color-red {
  color: rgba(255, 56, 56, 0.55);
}
.hover\:color-opacity-55:hover.color-orange {
  color: rgba(255, 126, 27, 0.55);
}
.hover\:color-opacity-55:hover.color-blue {
  color: rgba(57, 90, 255, 0.55);
}
.hover\:color-opacity-55:hover.color-yellow {
  color: rgba(255, 194, 29, 0.55);
}
.hover\:color-opacity-55:hover.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.6);
}
.hover\:color-opacity-60:hover.color-secondary {
  color: rgba(34, 32, 50, 0.6);
}
.hover\:color-opacity-60:hover.color-snow {
  color: rgba(203, 205, 216, 0.6);
}
.hover\:color-opacity-60:hover.color-red {
  color: rgba(255, 56, 56, 0.6);
}
.hover\:color-opacity-60:hover.color-orange {
  color: rgba(255, 126, 27, 0.6);
}
.hover\:color-opacity-60:hover.color-blue {
  color: rgba(57, 90, 255, 0.6);
}
.hover\:color-opacity-60:hover.color-yellow {
  color: rgba(255, 194, 29, 0.6);
}
.hover\:color-opacity-60:hover.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.65);
}
.hover\:color-opacity-65:hover.color-secondary {
  color: rgba(34, 32, 50, 0.65);
}
.hover\:color-opacity-65:hover.color-snow {
  color: rgba(203, 205, 216, 0.65);
}
.hover\:color-opacity-65:hover.color-red {
  color: rgba(255, 56, 56, 0.65);
}
.hover\:color-opacity-65:hover.color-orange {
  color: rgba(255, 126, 27, 0.65);
}
.hover\:color-opacity-65:hover.color-blue {
  color: rgba(57, 90, 255, 0.65);
}
.hover\:color-opacity-65:hover.color-yellow {
  color: rgba(255, 194, 29, 0.65);
}
.hover\:color-opacity-65:hover.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.7);
}
.hover\:color-opacity-70:hover.color-secondary {
  color: rgba(34, 32, 50, 0.7);
}
.hover\:color-opacity-70:hover.color-snow {
  color: rgba(203, 205, 216, 0.7);
}
.hover\:color-opacity-70:hover.color-red {
  color: rgba(255, 56, 56, 0.7);
}
.hover\:color-opacity-70:hover.color-orange {
  color: rgba(255, 126, 27, 0.7);
}
.hover\:color-opacity-70:hover.color-blue {
  color: rgba(57, 90, 255, 0.7);
}
.hover\:color-opacity-70:hover.color-yellow {
  color: rgba(255, 194, 29, 0.7);
}
.hover\:color-opacity-70:hover.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.75);
}
.hover\:color-opacity-75:hover.color-secondary {
  color: rgba(34, 32, 50, 0.75);
}
.hover\:color-opacity-75:hover.color-snow {
  color: rgba(203, 205, 216, 0.75);
}
.hover\:color-opacity-75:hover.color-red {
  color: rgba(255, 56, 56, 0.75);
}
.hover\:color-opacity-75:hover.color-orange {
  color: rgba(255, 126, 27, 0.75);
}
.hover\:color-opacity-75:hover.color-blue {
  color: rgba(57, 90, 255, 0.75);
}
.hover\:color-opacity-75:hover.color-yellow {
  color: rgba(255, 194, 29, 0.75);
}
.hover\:color-opacity-75:hover.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.8);
}
.hover\:color-opacity-80:hover.color-secondary {
  color: rgba(34, 32, 50, 0.8);
}
.hover\:color-opacity-80:hover.color-snow {
  color: rgba(203, 205, 216, 0.8);
}
.hover\:color-opacity-80:hover.color-red {
  color: rgba(255, 56, 56, 0.8);
}
.hover\:color-opacity-80:hover.color-orange {
  color: rgba(255, 126, 27, 0.8);
}
.hover\:color-opacity-80:hover.color-blue {
  color: rgba(57, 90, 255, 0.8);
}
.hover\:color-opacity-80:hover.color-yellow {
  color: rgba(255, 194, 29, 0.8);
}
.hover\:color-opacity-80:hover.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.85);
}
.hover\:color-opacity-85:hover.color-secondary {
  color: rgba(34, 32, 50, 0.85);
}
.hover\:color-opacity-85:hover.color-snow {
  color: rgba(203, 205, 216, 0.85);
}
.hover\:color-opacity-85:hover.color-red {
  color: rgba(255, 56, 56, 0.85);
}
.hover\:color-opacity-85:hover.color-orange {
  color: rgba(255, 126, 27, 0.85);
}
.hover\:color-opacity-85:hover.color-blue {
  color: rgba(57, 90, 255, 0.85);
}
.hover\:color-opacity-85:hover.color-yellow {
  color: rgba(255, 194, 29, 0.85);
}
.hover\:color-opacity-85:hover.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.9);
}
.hover\:color-opacity-90:hover.color-secondary {
  color: rgba(34, 32, 50, 0.9);
}
.hover\:color-opacity-90:hover.color-snow {
  color: rgba(203, 205, 216, 0.9);
}
.hover\:color-opacity-90:hover.color-red {
  color: rgba(255, 56, 56, 0.9);
}
.hover\:color-opacity-90:hover.color-orange {
  color: rgba(255, 126, 27, 0.9);
}
.hover\:color-opacity-90:hover.color-blue {
  color: rgba(57, 90, 255, 0.9);
}
.hover\:color-opacity-90:hover.color-yellow {
  color: rgba(255, 194, 29, 0.9);
}
.hover\:color-opacity-90:hover.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.95);
}
.hover\:color-opacity-95:hover.color-secondary {
  color: rgba(34, 32, 50, 0.95);
}
.hover\:color-opacity-95:hover.color-snow {
  color: rgba(203, 205, 216, 0.95);
}
.hover\:color-opacity-95:hover.color-red {
  color: rgba(255, 56, 56, 0.95);
}
.hover\:color-opacity-95:hover.color-orange {
  color: rgba(255, 126, 27, 0.95);
}
.hover\:color-opacity-95:hover.color-blue {
  color: rgba(57, 90, 255, 0.95);
}
.hover\:color-opacity-95:hover.color-yellow {
  color: rgba(255, 194, 29, 0.95);
}
.hover\:color-opacity-95:hover.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.05);
}
.focus\:bg-opacity-5:focus.bg-secondary {
  background-color: rgba(34, 32, 50, 0.05);
}
.focus\:bg-opacity-5:focus.bg-snow {
  background-color: rgba(244, 245, 247, 0.05);
}
.focus\:bg-opacity-5:focus.bg-red {
  background-color: rgba(255, 56, 56, 0.05);
}
.focus\:bg-opacity-5:focus.bg-orange {
  background-color: rgba(255, 126, 27, 0.05);
}
.focus\:bg-opacity-5:focus.bg-blue {
  background-color: rgba(83, 167, 249, 0.05);
}
.focus\:bg-opacity-5:focus.bg-yellow {
  background-color: rgba(255, 194, 29, 0.05);
}
.focus\:bg-opacity-5:focus.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.1);
}
.focus\:bg-opacity-10:focus.bg-secondary {
  background-color: rgba(34, 32, 50, 0.1);
}
.focus\:bg-opacity-10:focus.bg-snow {
  background-color: rgba(244, 245, 247, 0.1);
}
.focus\:bg-opacity-10:focus.bg-red {
  background-color: rgba(255, 56, 56, 0.1);
}
.focus\:bg-opacity-10:focus.bg-orange {
  background-color: rgba(255, 126, 27, 0.1);
}
.focus\:bg-opacity-10:focus.bg-blue {
  background-color: rgba(83, 167, 249, 0.1);
}
.focus\:bg-opacity-10:focus.bg-yellow {
  background-color: rgba(255, 194, 29, 0.1);
}
.focus\:bg-opacity-10:focus.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.15);
}
.focus\:bg-opacity-15:focus.bg-secondary {
  background-color: rgba(34, 32, 50, 0.15);
}
.focus\:bg-opacity-15:focus.bg-snow {
  background-color: rgba(244, 245, 247, 0.15);
}
.focus\:bg-opacity-15:focus.bg-red {
  background-color: rgba(255, 56, 56, 0.15);
}
.focus\:bg-opacity-15:focus.bg-orange {
  background-color: rgba(255, 126, 27, 0.15);
}
.focus\:bg-opacity-15:focus.bg-blue {
  background-color: rgba(83, 167, 249, 0.15);
}
.focus\:bg-opacity-15:focus.bg-yellow {
  background-color: rgba(255, 194, 29, 0.15);
}
.focus\:bg-opacity-15:focus.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.2);
}
.focus\:bg-opacity-20:focus.bg-secondary {
  background-color: rgba(34, 32, 50, 0.2);
}
.focus\:bg-opacity-20:focus.bg-snow {
  background-color: rgba(244, 245, 247, 0.2);
}
.focus\:bg-opacity-20:focus.bg-red {
  background-color: rgba(255, 56, 56, 0.2);
}
.focus\:bg-opacity-20:focus.bg-orange {
  background-color: rgba(255, 126, 27, 0.2);
}
.focus\:bg-opacity-20:focus.bg-blue {
  background-color: rgba(83, 167, 249, 0.2);
}
.focus\:bg-opacity-20:focus.bg-yellow {
  background-color: rgba(255, 194, 29, 0.2);
}
.focus\:bg-opacity-20:focus.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.25);
}
.focus\:bg-opacity-25:focus.bg-secondary {
  background-color: rgba(34, 32, 50, 0.25);
}
.focus\:bg-opacity-25:focus.bg-snow {
  background-color: rgba(244, 245, 247, 0.25);
}
.focus\:bg-opacity-25:focus.bg-red {
  background-color: rgba(255, 56, 56, 0.25);
}
.focus\:bg-opacity-25:focus.bg-orange {
  background-color: rgba(255, 126, 27, 0.25);
}
.focus\:bg-opacity-25:focus.bg-blue {
  background-color: rgba(83, 167, 249, 0.25);
}
.focus\:bg-opacity-25:focus.bg-yellow {
  background-color: rgba(255, 194, 29, 0.25);
}
.focus\:bg-opacity-25:focus.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.3);
}
.focus\:bg-opacity-30:focus.bg-secondary {
  background-color: rgba(34, 32, 50, 0.3);
}
.focus\:bg-opacity-30:focus.bg-snow {
  background-color: rgba(244, 245, 247, 0.3);
}
.focus\:bg-opacity-30:focus.bg-red {
  background-color: rgba(255, 56, 56, 0.3);
}
.focus\:bg-opacity-30:focus.bg-orange {
  background-color: rgba(255, 126, 27, 0.3);
}
.focus\:bg-opacity-30:focus.bg-blue {
  background-color: rgba(83, 167, 249, 0.3);
}
.focus\:bg-opacity-30:focus.bg-yellow {
  background-color: rgba(255, 194, 29, 0.3);
}
.focus\:bg-opacity-30:focus.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.35);
}
.focus\:bg-opacity-35:focus.bg-secondary {
  background-color: rgba(34, 32, 50, 0.35);
}
.focus\:bg-opacity-35:focus.bg-snow {
  background-color: rgba(244, 245, 247, 0.35);
}
.focus\:bg-opacity-35:focus.bg-red {
  background-color: rgba(255, 56, 56, 0.35);
}
.focus\:bg-opacity-35:focus.bg-orange {
  background-color: rgba(255, 126, 27, 0.35);
}
.focus\:bg-opacity-35:focus.bg-blue {
  background-color: rgba(83, 167, 249, 0.35);
}
.focus\:bg-opacity-35:focus.bg-yellow {
  background-color: rgba(255, 194, 29, 0.35);
}
.focus\:bg-opacity-35:focus.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.4);
}
.focus\:bg-opacity-40:focus.bg-secondary {
  background-color: rgba(34, 32, 50, 0.4);
}
.focus\:bg-opacity-40:focus.bg-snow {
  background-color: rgba(244, 245, 247, 0.4);
}
.focus\:bg-opacity-40:focus.bg-red {
  background-color: rgba(255, 56, 56, 0.4);
}
.focus\:bg-opacity-40:focus.bg-orange {
  background-color: rgba(255, 126, 27, 0.4);
}
.focus\:bg-opacity-40:focus.bg-blue {
  background-color: rgba(83, 167, 249, 0.4);
}
.focus\:bg-opacity-40:focus.bg-yellow {
  background-color: rgba(255, 194, 29, 0.4);
}
.focus\:bg-opacity-40:focus.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.45);
}
.focus\:bg-opacity-45:focus.bg-secondary {
  background-color: rgba(34, 32, 50, 0.45);
}
.focus\:bg-opacity-45:focus.bg-snow {
  background-color: rgba(244, 245, 247, 0.45);
}
.focus\:bg-opacity-45:focus.bg-red {
  background-color: rgba(255, 56, 56, 0.45);
}
.focus\:bg-opacity-45:focus.bg-orange {
  background-color: rgba(255, 126, 27, 0.45);
}
.focus\:bg-opacity-45:focus.bg-blue {
  background-color: rgba(83, 167, 249, 0.45);
}
.focus\:bg-opacity-45:focus.bg-yellow {
  background-color: rgba(255, 194, 29, 0.45);
}
.focus\:bg-opacity-45:focus.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.5);
}
.focus\:bg-opacity-50:focus.bg-secondary {
  background-color: rgba(34, 32, 50, 0.5);
}
.focus\:bg-opacity-50:focus.bg-snow {
  background-color: rgba(244, 245, 247, 0.5);
}
.focus\:bg-opacity-50:focus.bg-red {
  background-color: rgba(255, 56, 56, 0.5);
}
.focus\:bg-opacity-50:focus.bg-orange {
  background-color: rgba(255, 126, 27, 0.5);
}
.focus\:bg-opacity-50:focus.bg-blue {
  background-color: rgba(83, 167, 249, 0.5);
}
.focus\:bg-opacity-50:focus.bg-yellow {
  background-color: rgba(255, 194, 29, 0.5);
}
.focus\:bg-opacity-50:focus.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.55);
}
.focus\:bg-opacity-55:focus.bg-secondary {
  background-color: rgba(34, 32, 50, 0.55);
}
.focus\:bg-opacity-55:focus.bg-snow {
  background-color: rgba(244, 245, 247, 0.55);
}
.focus\:bg-opacity-55:focus.bg-red {
  background-color: rgba(255, 56, 56, 0.55);
}
.focus\:bg-opacity-55:focus.bg-orange {
  background-color: rgba(255, 126, 27, 0.55);
}
.focus\:bg-opacity-55:focus.bg-blue {
  background-color: rgba(83, 167, 249, 0.55);
}
.focus\:bg-opacity-55:focus.bg-yellow {
  background-color: rgba(255, 194, 29, 0.55);
}
.focus\:bg-opacity-55:focus.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.6);
}
.focus\:bg-opacity-60:focus.bg-secondary {
  background-color: rgba(34, 32, 50, 0.6);
}
.focus\:bg-opacity-60:focus.bg-snow {
  background-color: rgba(244, 245, 247, 0.6);
}
.focus\:bg-opacity-60:focus.bg-red {
  background-color: rgba(255, 56, 56, 0.6);
}
.focus\:bg-opacity-60:focus.bg-orange {
  background-color: rgba(255, 126, 27, 0.6);
}
.focus\:bg-opacity-60:focus.bg-blue {
  background-color: rgba(83, 167, 249, 0.6);
}
.focus\:bg-opacity-60:focus.bg-yellow {
  background-color: rgba(255, 194, 29, 0.6);
}
.focus\:bg-opacity-60:focus.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.65);
}
.focus\:bg-opacity-65:focus.bg-secondary {
  background-color: rgba(34, 32, 50, 0.65);
}
.focus\:bg-opacity-65:focus.bg-snow {
  background-color: rgba(244, 245, 247, 0.65);
}
.focus\:bg-opacity-65:focus.bg-red {
  background-color: rgba(255, 56, 56, 0.65);
}
.focus\:bg-opacity-65:focus.bg-orange {
  background-color: rgba(255, 126, 27, 0.65);
}
.focus\:bg-opacity-65:focus.bg-blue {
  background-color: rgba(83, 167, 249, 0.65);
}
.focus\:bg-opacity-65:focus.bg-yellow {
  background-color: rgba(255, 194, 29, 0.65);
}
.focus\:bg-opacity-65:focus.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.7);
}
.focus\:bg-opacity-70:focus.bg-secondary {
  background-color: rgba(34, 32, 50, 0.7);
}
.focus\:bg-opacity-70:focus.bg-snow {
  background-color: rgba(244, 245, 247, 0.7);
}
.focus\:bg-opacity-70:focus.bg-red {
  background-color: rgba(255, 56, 56, 0.7);
}
.focus\:bg-opacity-70:focus.bg-orange {
  background-color: rgba(255, 126, 27, 0.7);
}
.focus\:bg-opacity-70:focus.bg-blue {
  background-color: rgba(83, 167, 249, 0.7);
}
.focus\:bg-opacity-70:focus.bg-yellow {
  background-color: rgba(255, 194, 29, 0.7);
}
.focus\:bg-opacity-70:focus.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.75);
}
.focus\:bg-opacity-75:focus.bg-secondary {
  background-color: rgba(34, 32, 50, 0.75);
}
.focus\:bg-opacity-75:focus.bg-snow {
  background-color: rgba(244, 245, 247, 0.75);
}
.focus\:bg-opacity-75:focus.bg-red {
  background-color: rgba(255, 56, 56, 0.75);
}
.focus\:bg-opacity-75:focus.bg-orange {
  background-color: rgba(255, 126, 27, 0.75);
}
.focus\:bg-opacity-75:focus.bg-blue {
  background-color: rgba(83, 167, 249, 0.75);
}
.focus\:bg-opacity-75:focus.bg-yellow {
  background-color: rgba(255, 194, 29, 0.75);
}
.focus\:bg-opacity-75:focus.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.8);
}
.focus\:bg-opacity-80:focus.bg-secondary {
  background-color: rgba(34, 32, 50, 0.8);
}
.focus\:bg-opacity-80:focus.bg-snow {
  background-color: rgba(244, 245, 247, 0.8);
}
.focus\:bg-opacity-80:focus.bg-red {
  background-color: rgba(255, 56, 56, 0.8);
}
.focus\:bg-opacity-80:focus.bg-orange {
  background-color: rgba(255, 126, 27, 0.8);
}
.focus\:bg-opacity-80:focus.bg-blue {
  background-color: rgba(83, 167, 249, 0.8);
}
.focus\:bg-opacity-80:focus.bg-yellow {
  background-color: rgba(255, 194, 29, 0.8);
}
.focus\:bg-opacity-80:focus.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.85);
}
.focus\:bg-opacity-85:focus.bg-secondary {
  background-color: rgba(34, 32, 50, 0.85);
}
.focus\:bg-opacity-85:focus.bg-snow {
  background-color: rgba(244, 245, 247, 0.85);
}
.focus\:bg-opacity-85:focus.bg-red {
  background-color: rgba(255, 56, 56, 0.85);
}
.focus\:bg-opacity-85:focus.bg-orange {
  background-color: rgba(255, 126, 27, 0.85);
}
.focus\:bg-opacity-85:focus.bg-blue {
  background-color: rgba(83, 167, 249, 0.85);
}
.focus\:bg-opacity-85:focus.bg-yellow {
  background-color: rgba(255, 194, 29, 0.85);
}
.focus\:bg-opacity-85:focus.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.9);
}
.focus\:bg-opacity-90:focus.bg-secondary {
  background-color: rgba(34, 32, 50, 0.9);
}
.focus\:bg-opacity-90:focus.bg-snow {
  background-color: rgba(244, 245, 247, 0.9);
}
.focus\:bg-opacity-90:focus.bg-red {
  background-color: rgba(255, 56, 56, 0.9);
}
.focus\:bg-opacity-90:focus.bg-orange {
  background-color: rgba(255, 126, 27, 0.9);
}
.focus\:bg-opacity-90:focus.bg-blue {
  background-color: rgba(83, 167, 249, 0.9);
}
.focus\:bg-opacity-90:focus.bg-yellow {
  background-color: rgba(255, 194, 29, 0.9);
}
.focus\:bg-opacity-90:focus.bg-green {
  background-color: rgba(62, 202, 118, 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(57, 90, 255, 0.05);
}
.focus\:color-opacity-5:focus.color-secondary {
  color: rgba(34, 32, 50, 0.05);
}
.focus\:color-opacity-5:focus.color-snow {
  color: rgba(203, 205, 216, 0.05);
}
.focus\:color-opacity-5:focus.color-red {
  color: rgba(255, 56, 56, 0.05);
}
.focus\:color-opacity-5:focus.color-orange {
  color: rgba(255, 126, 27, 0.05);
}
.focus\:color-opacity-5:focus.color-blue {
  color: rgba(57, 90, 255, 0.05);
}
.focus\:color-opacity-5:focus.color-yellow {
  color: rgba(255, 194, 29, 0.05);
}
.focus\:color-opacity-5:focus.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.1);
}
.focus\:color-opacity-10:focus.color-secondary {
  color: rgba(34, 32, 50, 0.1);
}
.focus\:color-opacity-10:focus.color-snow {
  color: rgba(203, 205, 216, 0.1);
}
.focus\:color-opacity-10:focus.color-red {
  color: rgba(255, 56, 56, 0.1);
}
.focus\:color-opacity-10:focus.color-orange {
  color: rgba(255, 126, 27, 0.1);
}
.focus\:color-opacity-10:focus.color-blue {
  color: rgba(57, 90, 255, 0.1);
}
.focus\:color-opacity-10:focus.color-yellow {
  color: rgba(255, 194, 29, 0.1);
}
.focus\:color-opacity-10:focus.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.15);
}
.focus\:color-opacity-15:focus.color-secondary {
  color: rgba(34, 32, 50, 0.15);
}
.focus\:color-opacity-15:focus.color-snow {
  color: rgba(203, 205, 216, 0.15);
}
.focus\:color-opacity-15:focus.color-red {
  color: rgba(255, 56, 56, 0.15);
}
.focus\:color-opacity-15:focus.color-orange {
  color: rgba(255, 126, 27, 0.15);
}
.focus\:color-opacity-15:focus.color-blue {
  color: rgba(57, 90, 255, 0.15);
}
.focus\:color-opacity-15:focus.color-yellow {
  color: rgba(255, 194, 29, 0.15);
}
.focus\:color-opacity-15:focus.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.2);
}
.focus\:color-opacity-20:focus.color-secondary {
  color: rgba(34, 32, 50, 0.2);
}
.focus\:color-opacity-20:focus.color-snow {
  color: rgba(203, 205, 216, 0.2);
}
.focus\:color-opacity-20:focus.color-red {
  color: rgba(255, 56, 56, 0.2);
}
.focus\:color-opacity-20:focus.color-orange {
  color: rgba(255, 126, 27, 0.2);
}
.focus\:color-opacity-20:focus.color-blue {
  color: rgba(57, 90, 255, 0.2);
}
.focus\:color-opacity-20:focus.color-yellow {
  color: rgba(255, 194, 29, 0.2);
}
.focus\:color-opacity-20:focus.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.25);
}
.focus\:color-opacity-25:focus.color-secondary {
  color: rgba(34, 32, 50, 0.25);
}
.focus\:color-opacity-25:focus.color-snow {
  color: rgba(203, 205, 216, 0.25);
}
.focus\:color-opacity-25:focus.color-red {
  color: rgba(255, 56, 56, 0.25);
}
.focus\:color-opacity-25:focus.color-orange {
  color: rgba(255, 126, 27, 0.25);
}
.focus\:color-opacity-25:focus.color-blue {
  color: rgba(57, 90, 255, 0.25);
}
.focus\:color-opacity-25:focus.color-yellow {
  color: rgba(255, 194, 29, 0.25);
}
.focus\:color-opacity-25:focus.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.3);
}
.focus\:color-opacity-30:focus.color-secondary {
  color: rgba(34, 32, 50, 0.3);
}
.focus\:color-opacity-30:focus.color-snow {
  color: rgba(203, 205, 216, 0.3);
}
.focus\:color-opacity-30:focus.color-red {
  color: rgba(255, 56, 56, 0.3);
}
.focus\:color-opacity-30:focus.color-orange {
  color: rgba(255, 126, 27, 0.3);
}
.focus\:color-opacity-30:focus.color-blue {
  color: rgba(57, 90, 255, 0.3);
}
.focus\:color-opacity-30:focus.color-yellow {
  color: rgba(255, 194, 29, 0.3);
}
.focus\:color-opacity-30:focus.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.35);
}
.focus\:color-opacity-35:focus.color-secondary {
  color: rgba(34, 32, 50, 0.35);
}
.focus\:color-opacity-35:focus.color-snow {
  color: rgba(203, 205, 216, 0.35);
}
.focus\:color-opacity-35:focus.color-red {
  color: rgba(255, 56, 56, 0.35);
}
.focus\:color-opacity-35:focus.color-orange {
  color: rgba(255, 126, 27, 0.35);
}
.focus\:color-opacity-35:focus.color-blue {
  color: rgba(57, 90, 255, 0.35);
}
.focus\:color-opacity-35:focus.color-yellow {
  color: rgba(255, 194, 29, 0.35);
}
.focus\:color-opacity-35:focus.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.4);
}
.focus\:color-opacity-40:focus.color-secondary {
  color: rgba(34, 32, 50, 0.4);
}
.focus\:color-opacity-40:focus.color-snow {
  color: rgba(203, 205, 216, 0.4);
}
.focus\:color-opacity-40:focus.color-red {
  color: rgba(255, 56, 56, 0.4);
}
.focus\:color-opacity-40:focus.color-orange {
  color: rgba(255, 126, 27, 0.4);
}
.focus\:color-opacity-40:focus.color-blue {
  color: rgba(57, 90, 255, 0.4);
}
.focus\:color-opacity-40:focus.color-yellow {
  color: rgba(255, 194, 29, 0.4);
}
.focus\:color-opacity-40:focus.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.45);
}
.focus\:color-opacity-45:focus.color-secondary {
  color: rgba(34, 32, 50, 0.45);
}
.focus\:color-opacity-45:focus.color-snow {
  color: rgba(203, 205, 216, 0.45);
}
.focus\:color-opacity-45:focus.color-red {
  color: rgba(255, 56, 56, 0.45);
}
.focus\:color-opacity-45:focus.color-orange {
  color: rgba(255, 126, 27, 0.45);
}
.focus\:color-opacity-45:focus.color-blue {
  color: rgba(57, 90, 255, 0.45);
}
.focus\:color-opacity-45:focus.color-yellow {
  color: rgba(255, 194, 29, 0.45);
}
.focus\:color-opacity-45:focus.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.5);
}
.focus\:color-opacity-50:focus.color-secondary {
  color: rgba(34, 32, 50, 0.5);
}
.focus\:color-opacity-50:focus.color-snow {
  color: rgba(203, 205, 216, 0.5);
}
.focus\:color-opacity-50:focus.color-red {
  color: rgba(255, 56, 56, 0.5);
}
.focus\:color-opacity-50:focus.color-orange {
  color: rgba(255, 126, 27, 0.5);
}
.focus\:color-opacity-50:focus.color-blue {
  color: rgba(57, 90, 255, 0.5);
}
.focus\:color-opacity-50:focus.color-yellow {
  color: rgba(255, 194, 29, 0.5);
}
.focus\:color-opacity-50:focus.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.55);
}
.focus\:color-opacity-55:focus.color-secondary {
  color: rgba(34, 32, 50, 0.55);
}
.focus\:color-opacity-55:focus.color-snow {
  color: rgba(203, 205, 216, 0.55);
}
.focus\:color-opacity-55:focus.color-red {
  color: rgba(255, 56, 56, 0.55);
}
.focus\:color-opacity-55:focus.color-orange {
  color: rgba(255, 126, 27, 0.55);
}
.focus\:color-opacity-55:focus.color-blue {
  color: rgba(57, 90, 255, 0.55);
}
.focus\:color-opacity-55:focus.color-yellow {
  color: rgba(255, 194, 29, 0.55);
}
.focus\:color-opacity-55:focus.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.6);
}
.focus\:color-opacity-60:focus.color-secondary {
  color: rgba(34, 32, 50, 0.6);
}
.focus\:color-opacity-60:focus.color-snow {
  color: rgba(203, 205, 216, 0.6);
}
.focus\:color-opacity-60:focus.color-red {
  color: rgba(255, 56, 56, 0.6);
}
.focus\:color-opacity-60:focus.color-orange {
  color: rgba(255, 126, 27, 0.6);
}
.focus\:color-opacity-60:focus.color-blue {
  color: rgba(57, 90, 255, 0.6);
}
.focus\:color-opacity-60:focus.color-yellow {
  color: rgba(255, 194, 29, 0.6);
}
.focus\:color-opacity-60:focus.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.65);
}
.focus\:color-opacity-65:focus.color-secondary {
  color: rgba(34, 32, 50, 0.65);
}
.focus\:color-opacity-65:focus.color-snow {
  color: rgba(203, 205, 216, 0.65);
}
.focus\:color-opacity-65:focus.color-red {
  color: rgba(255, 56, 56, 0.65);
}
.focus\:color-opacity-65:focus.color-orange {
  color: rgba(255, 126, 27, 0.65);
}
.focus\:color-opacity-65:focus.color-blue {
  color: rgba(57, 90, 255, 0.65);
}
.focus\:color-opacity-65:focus.color-yellow {
  color: rgba(255, 194, 29, 0.65);
}
.focus\:color-opacity-65:focus.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.7);
}
.focus\:color-opacity-70:focus.color-secondary {
  color: rgba(34, 32, 50, 0.7);
}
.focus\:color-opacity-70:focus.color-snow {
  color: rgba(203, 205, 216, 0.7);
}
.focus\:color-opacity-70:focus.color-red {
  color: rgba(255, 56, 56, 0.7);
}
.focus\:color-opacity-70:focus.color-orange {
  color: rgba(255, 126, 27, 0.7);
}
.focus\:color-opacity-70:focus.color-blue {
  color: rgba(57, 90, 255, 0.7);
}
.focus\:color-opacity-70:focus.color-yellow {
  color: rgba(255, 194, 29, 0.7);
}
.focus\:color-opacity-70:focus.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.75);
}
.focus\:color-opacity-75:focus.color-secondary {
  color: rgba(34, 32, 50, 0.75);
}
.focus\:color-opacity-75:focus.color-snow {
  color: rgba(203, 205, 216, 0.75);
}
.focus\:color-opacity-75:focus.color-red {
  color: rgba(255, 56, 56, 0.75);
}
.focus\:color-opacity-75:focus.color-orange {
  color: rgba(255, 126, 27, 0.75);
}
.focus\:color-opacity-75:focus.color-blue {
  color: rgba(57, 90, 255, 0.75);
}
.focus\:color-opacity-75:focus.color-yellow {
  color: rgba(255, 194, 29, 0.75);
}
.focus\:color-opacity-75:focus.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.8);
}
.focus\:color-opacity-80:focus.color-secondary {
  color: rgba(34, 32, 50, 0.8);
}
.focus\:color-opacity-80:focus.color-snow {
  color: rgba(203, 205, 216, 0.8);
}
.focus\:color-opacity-80:focus.color-red {
  color: rgba(255, 56, 56, 0.8);
}
.focus\:color-opacity-80:focus.color-orange {
  color: rgba(255, 126, 27, 0.8);
}
.focus\:color-opacity-80:focus.color-blue {
  color: rgba(57, 90, 255, 0.8);
}
.focus\:color-opacity-80:focus.color-yellow {
  color: rgba(255, 194, 29, 0.8);
}
.focus\:color-opacity-80:focus.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.85);
}
.focus\:color-opacity-85:focus.color-secondary {
  color: rgba(34, 32, 50, 0.85);
}
.focus\:color-opacity-85:focus.color-snow {
  color: rgba(203, 205, 216, 0.85);
}
.focus\:color-opacity-85:focus.color-red {
  color: rgba(255, 56, 56, 0.85);
}
.focus\:color-opacity-85:focus.color-orange {
  color: rgba(255, 126, 27, 0.85);
}
.focus\:color-opacity-85:focus.color-blue {
  color: rgba(57, 90, 255, 0.85);
}
.focus\:color-opacity-85:focus.color-yellow {
  color: rgba(255, 194, 29, 0.85);
}
.focus\:color-opacity-85:focus.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.9);
}
.focus\:color-opacity-90:focus.color-secondary {
  color: rgba(34, 32, 50, 0.9);
}
.focus\:color-opacity-90:focus.color-snow {
  color: rgba(203, 205, 216, 0.9);
}
.focus\:color-opacity-90:focus.color-red {
  color: rgba(255, 56, 56, 0.9);
}
.focus\:color-opacity-90:focus.color-orange {
  color: rgba(255, 126, 27, 0.9);
}
.focus\:color-opacity-90:focus.color-blue {
  color: rgba(57, 90, 255, 0.9);
}
.focus\:color-opacity-90:focus.color-yellow {
  color: rgba(255, 194, 29, 0.9);
}
.focus\:color-opacity-90:focus.color-green {
  color: rgba(62, 202, 118, 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(57, 90, 255, 0.95);
}
.focus\:color-opacity-95:focus.color-secondary {
  color: rgba(34, 32, 50, 0.95);
}
.focus\:color-opacity-95:focus.color-snow {
  color: rgba(203, 205, 216, 0.95);
}
.focus\:color-opacity-95:focus.color-red {
  color: rgba(255, 56, 56, 0.95);
}
.focus\:color-opacity-95:focus.color-orange {
  color: rgba(255, 126, 27, 0.95);
}
.focus\:color-opacity-95:focus.color-blue {
  color: rgba(57, 90, 255, 0.95);
}
.focus\:color-opacity-95:focus.color-yellow {
  color: rgba(255, 194, 29, 0.95);
}
.focus\:color-opacity-95:focus.color-green {
  color: rgba(62, 202, 118, 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
============== */
.mockup-phone {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
.mockup-phone .content-mockup .phone-shape-style.ihpone-12-max {
  position: relative;
  overflow: hidden;
  width: 351px;
  height: 701px;
}
.mockup-phone .content-mockup .phone-shape-style.ihpone-12-max::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../img/iphone-11-pro-max.png");
  z-index: 5;
  pointer-events: none;
}
.mockup-phone .content-mockup .phone-shape-style.ihpone-12-max .content-iframe {
  height: 701px;
  margin-top: 48px;
  position: absolute;
  left: 23px;
  z-index: 1;
}
.mockup-phone .content-mockup .phone-shape-style.ihpone-12-max .getFrame {
  height: 91%;
  width: 306px;
}
.mockup-phone .content-mockup .phone-shape-style .header-ihpone {
  background-color: var(--bg-white);
  position: absolute;
  width: 76%;
  left: 45px;
  z-index: 2;
  top: 26px;
}
.mockup-phone .content-mockup .phone-shape-style .header-ihpone .status_bar {
  width: 100%;
}
.mockup-phone .content-mockup .phone-shape-style .footer-ihpone {
  position: absolute;
  width: 126px;
  height: 5px;
  left: 32%;
  z-index: 10;
  bottom: 27px;
  background: black;
  border-radius: 1000px;
}

.sidebar-mockup {
  position: absolute;
  right: 10%;
  width: 220px;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar-mockup .button-buy-item .btn-buy {
  color: var(--color-white) !important;
}
.sidebar-mockup .button-buy-item .btn__ouline {
  margin-top: 10px;
  background-color: var(--bg-snow);
  color: var(--color-secondary) !important;
}
.sidebar-mockup .item-qr-code {
  border-radius: 15px;
  border: 1px solid var(--border-snow);
  padding: 20px;
}
.sidebar-mockup .item-qr-code img {
  width: 100%;
  height: 100%;
}
.sidebar-mockup .item-qr-code p {
  font-size: 12px;
  color: var(--color-text);
  margin: 0;
  text-align: center;
  padding: 0 10px;
}
.sidebar-mockup .btn-md-size {
  min-width: 220px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  font-size: 13px;
  font-weight: 500;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.sidebar-mockup .btn-md-size i {
  font-size: 18px;
  position: absolute;
  right: 20px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.sidebar-mockup .btn-md-size .icon-img {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 20px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.sidebar-mockup .btn-md-size .icon-hidden {
  opacity: 0;
  right: 30px;
}
.sidebar-mockup .btn-md-size:hover .icon-current {
  opacity: 0;
  right: 30px;
}
.sidebar-mockup .btn-md-size:hover .icon-hidden {
  opacity: 1;
  right: 20px;
}
.sidebar-mockup .share-url .group-items {
  position: relative;
  display: flex;
  align-items: center;
}
.sidebar-mockup .share-url .group-items .btn-copy {
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: var(--color-primary);
  position: absolute;
  right: 10px;
  background-color: var(--bg-white);
}
.sidebar-mockup .share-url p {
  font-size: 13px;
  color: var(--color-text);
  font-weight: 400;
  margin-bottom: 5px;
}
.sidebar-mockup .share-url .url {
  width: 100%;
  height: 48px;
  border: 1px solid var(--border-snow);
  font-size: 12px;
  color: var(--color-secondary);
  padding: 12px 15px;
  border-radius: 10px;
  background-color: var(--bg-white);
  display: flex;
  align-items: center;
  pointer-events: none;
}

.image-ads {
  position: absolute;
  left: 10%;
  width: 220px;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-ads .image-item {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 10px;
}

.btn-md-size {
  position: relative;
  min-width: 220px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  font-size: 13px;
  font-weight: 500;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.btn-md-size i {
  font-size: 18px;
  position: absolute;
  right: 20px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.btn-md-size .icon-img {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 20px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.btn-md-size .icon-hidden {
  opacity: 0;
  right: 30px;
}
.btn-md-size:hover .icon-current {
  opacity: 0;
  right: 30px;
}
.btn-md-size:hover .icon-hidden {
  opacity: 1;
  right: 20px;
}

.hasWeb {
  display: none;
}
@media (min-width: 992px) {
  .hasWeb {
    display: block;
  }
}

.hasMobile {
  display: none;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
@media (max-width: 991px) {
  .hasMobile {
    display: flex;
  }
}
.hasMobile .content-mobile {
  text-align: center;
}
.hasMobile .content-mobile .logo-project img {
  width: 100px;
}
.hasMobile .content-mobile .text {
  margin: 30px 0;
}
.hasMobile .content-mobile .text h3 {
  font-size: 25px;
  font-weight: 600;
  margin: 0;
  margin-bottom: 10px;
}
.hasMobile .content-mobile .text p {
  font-size: 15px;
  color: var(--color-text);
  margin: 0;
}
.hasMobile .content-mobile .btn {
  min-width: 240px;
}
.hasMobile .content-mobile .btn.color-white {
  color: var(--color-white) !important;
}

.blok-pagePreview .content-preview {
  text-align: center;
  background-color: var(--bg-white);
  border-radius: 15px;
  padding: 70px 50px;
}
@media (max-width: 767px) {
  .blok-pagePreview .content-preview {
    padding: 60px 30px;
  }
}
.blok-pagePreview .content-preview .head .brand {
  margin-bottom: 40px;
}
.blok-pagePreview .content-preview .head .brand img {
  height: 35px;
  width: 100%;
}
.blok-pagePreview .content-preview .head h1 {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 15px;
}
.blok-pagePreview .content-preview .body p {
  font-size: 16px;
  color: var(--color-text);
}
.blok-pagePreview .content-preview .footer {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
.blok-pagePreview .content-preview .footer .btn {
  display: none;
  color: var(--color-white) !important;
  margin: 0;
}
@media (min-width: 768px) {
  .blok-pagePreview .content-preview .footer .btn.is-web {
    display: flex;
  }
}
@media (max-width: 767px) {
  .blok-pagePreview .content-preview .footer .btn.is-mobile {
    display: flex;
  }
}

.support-browser {
  position: absolute;
  left: 2%;
  top: 4%;
  background-color: rgba(255, 126, 27, 0.08);
  border: 2px solid rgba(255, 126, 27, 0.2);
  color: var(--color-secondary);
  border-radius: 10px;
  padding: 15px 20px;
  width: 27%;
  display: none;
}
.support-browser .title {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  color: var(--color-orange);
}
.support-browser .title i {
  font-size: 20px;
  font-weight: normal;
  margin-right: 5px;
}
.support-browser .title span {
  font-size: 15px;
  font-weight: 600;
  margin-top: 3px;
}
.support-browser p {
  margin: 0;
  font-size: 13px;
}

@-moz-document url-prefix() {
  .support-browser {
    display: block;
  }
}
/* ============
pages
============== */
body {
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--bg-white);
  min-height: 100vh;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-secondary);
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
  -o-transition: 0.2s all;
  -ms-transition: 0.2s all;
  transition: 0.2s all;
  -ms-overflow-style: none;
  scrollbar-width: none;
  /* Firefox */
}
body::-webkit-scrollbar {
  display: none;
}

#wrapper,
#content {
  width: 100%;
  height: 100%;
}

button,
input,
textarea {
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

.btn.focus,
.btn:focus {
  box-shadow: none !important;
  outline: 0 !important;
}

img {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
}

::selection {
  background-color: var(--color-secondary);
  color: var(--color-white);
}

i {
  display: inline-block;
}

.env-pb {
  padding-bottom: env(safe-area-inset-bottom);
}

.env-pt {
  padding-top: env(safe-area-inset-top);
}

.env-pr {
  padding-right: env(safe-area-inset-right);
}

.env-pl {
  padding-left: env(safe-area-inset-left);
}

@supports (-webkit-touch-callout: none) {
  .ios-env-pb {
    padding-bottom: env(safe-area-inset-bottom);
  }
}

@supports (-webkit-touch-callout: none) {
  .ios-env-pt {
    padding-top: env(safe-area-inset-top);
  }
}

@supports (-webkit-touch-callout: none) {
  .ios-env-pr {
    padding-right: env(safe-area-inset-right);
  }
}

@supports (-webkit-touch-callout: none) {
  .ios-env-pl {
    padding-left: env(safe-area-inset-left);
  }
}

.dividar_5 {
  border-bottom: 5px solid var(--bg-snow);
}

.progress-bar {
  font-size: 11px;
}

.border-all {
  border: 1px solid var(--border-snow);
}

.bg-turquoise {
  background-color: #41bdbd;
}

.stroke-secondary path,
.stroke-secondary circle {
  stroke: var(--color-secondary) !important;
}

/*-----------------------------
  Background Colors
-----------------------------*/
.bg-pink.bg-opacity-10 {
  background-color: rgba(224, 95, 196, 0.1);
}

.bg-purple.bg-opacity-10 {
  background-color: rgba(166, 89, 255, 0.1);
}

.bg-turquoise.bg-opacity-10 {
  background-color: rgba(32, 187, 211, 0.1);
}

/*-----------------------------
 Colors
-----------------------------*/
.color-pink {
  color: var(--color-pink);
}

.color-purple {
  color: var(--color-purple);
}

.color-turquoise {
  color: var(--color-turquoise);
}

.animation_attention {
  -webkit-animation: flicker-1 2s linear infinite both;
  -moz-animation: flicker-1 2s linear infinite both;
  -o-animation: flicker-1 2s linear infinite both;
  -ms-animation: flicker-1 2s linear infinite both;
  animation: flicker-1 2s linear infinite both;
}

/**
 * ----------------------------------------
 * lds-spinner
 * ----------------------------------------
 */
.lds-spinner {
  display: flex;
  justify-content: center;
  position: relative;
  width: calc(100% - 80px);
  height: 70px;
  margin-top: -20px;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div::after {
  content: " ";
  display: block;
  position: absolute;
  top: 27px;
  left: 39px;
  width: 2.3px;
  height: 7px;
  border-radius: 50px;
  background: var(--color-text);
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

@-webkit-keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*-----------------------------
  loader-page
-----------------------------*/
.loader-page {
  position: fixed !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-white);
  z-index: 9999;
}
.loader-page.hidden {
  animation: fadeOut 1s;
  animation-fill-mode: forwards;
}

@-webkit-keyframes fadeOut {
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-moz-keyframes fadeOut {
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes fadeOut {
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.spinner_flash {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: var(--bg-secondary);
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  -moz-animation: sk-scaleout 1s infinite ease-in-out;
  -o-animation: sk-scaleout 1s infinite ease-in-out;
  -ms-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@-moz-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
/*-----------------------------
  darkMode-active
-----------------------------*/
[data-theme="dark"] {
  --color-black: #fff;
  --color-white: #fff;
  --color-primary: #395aff;
  --color-secondary: #cbcdd8;
  --color-snow: #52566e;
  --color-red: #ff3838;
  --color-orange: #ff7e1b;
  --color-blue: #395aff;
  --color-yellow: #ffc21d;
  --color-green: #3eca76;
  --color-text: #7d7996;
  --color-comment: #b3b1c3;
  --bg-black: #000;
  --bg-white: #222032;
  --bg-primary: #395aff;
  --bg-secondary: #7d7996;
  --bg-snow: #2a283b;
  --bg-red: #ff3838;
  --bg-orange: #ff7e1b;
  --bg-blue: #53a7f9;
  --bg-yellow: #ffc21d;
  --bg-green: #3eca76;
  --border-black: #000;
  --border-white: #222032;
  --border-primary: #395aff;
  --border-secondary: #222032;
  --border-snow: #353246;
  --border-red: #ff3838;
  --border-orange: #ff7e1b;
  --border-blue: #4a8cfd;
  --border-yellow: #ffc21d;
  --border-green: #3eca76;
  --border-input: #303756;
}
[data-theme="dark"] header.default .un-block-right .menu-sidebar .btn svg rect {
  fill: var(--color-white);
}
[data-theme="dark"] header.default.border-b-gradient::before {
  background-image: linear-gradient(to right, #222032, #d977a7, #8272e1, #222032);
}
[data-theme="dark"] .un-bottom-navigation.filter-blur .em_body_navigation {
  background: rgba(34, 32, 50, 0.8);
}
[data-theme="dark"] .un-bottom-navigation .item_link .btn_navLink::after {
  background-color: #fff;
}
[data-theme="dark"] .un-bottom-navigation .item_link .btn_navLink.active .icon_active i {
  color: var(--color-white);
}
[data-theme="dark"] .un-item-logo .logo-img.light-mode {
  display: none;
}
[data-theme="dark"] .un-item-logo .logo-img.dark-mode {
  display: block;
}
[data-theme="dark"] .sidebarMenu .modal-content .nav-link .xs-badge {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] .un-navMenu-default .nav .nav-item .nav-link.visited {
  background-color: rgba(255, 255, 255, 0.015);
}
[data-theme="dark"] .nav-pilled-tab {
  background-color: #2c293e;
}
[data-theme="dark"] .slider-range-price .noUi-tooltip::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'%3E%3Cpath id='Polygon_3' data-name='Polygon 3' d='M7.293.707a1,1,0,0,1,1.414,0l5.586,5.586A1,1,0,0,1,13.586,8H2.414a1,1,0,0,1-.707-1.707Z' transform='translate(16 8) rotate(180)' fill='%237d7996'/%3E%3C/svg%3E%0A");
}
[data-theme="dark"] .empty-items .empty-dark {
  display: inline-block;
}
[data-theme="dark"] .empty-items .empty-light {
  display: none;
}
[data-theme="dark"] .footer-pages-forms {
  background: rgba(34, 32, 50, 0.8);
}
[data-theme="dark"] .un-details-collectibles .footer {
  background: rgba(34, 32, 50, 0.8);
}

/*# sourceMappingURL=main.css.map */