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

This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.
---------------------------------------------------- */
/*=====================================================================
@Template Name: Rakon Landing Page
@Author: Hasan Sibakhi
@Developed By: Hasan Sibakhi
@Developer URL: https://dribbble.com/HasanSib
/*===================================================================== */
/*   =======
    helpers
    ========== */
/*-----------------------------
  media query
-----------------------------*/
/*-----------------------------
  Colors
-----------------------------*/
/*-----------------------------
  Background Colors
-----------------------------*/
/*-----------------------------
  Border Colors
-----------------------------*/
/*-----------------------------
  Color Social Network
-----------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap");
:root {
  --color-black: #000;
  --color-white: #fff;
  --color-primary: #53cab4;
  --color-secondary: #1e1e1d;
  --color-snow: #f9f9f9;
  --color-red: #ff4242;
  --color-orange: #f28e1c;
  --color-blue: #b9996e;
  --color-yollow: #ffa931;
  --color-green: #53cab4;
  --color-text: #8b8b8b;
  --color-placeholder: #b5b5b5;
  --bg-black: #000;
  --bg-white: #fff;
  --bg-primary: #53cab4;
  --bg-secondary: #1e1e1d;
  --bg-snow: #f9f9f9;
  --bg-red: #ff4242;
  --bg-orange: #f28e1c;
  --bg-blue: #7DD67F;
  --bg-yollow: #ffa931;
  --bg-green: #E6F3AB;
  --border-black: #000;
  --border-white: #fff;
  --border-primary: #53cab4;
  --border-secondary: #0b2238;
  --border-snow: #ebebeb;
  --border-red: #ff4242;
  --border-orange: #f28e1c;
  --border-blue: #b9996e;
  --border-yollow: #ffa931;
  --border-green: #53cab4;
  --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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .size-sm-41 {
    font-size: 41px;
  }
}

@media (min-width: 768px) {
  .size-sm-42 {
    font-size: 42px;
  }
}

@media (min-width: 768px) {
  .size-sm-43 {
    font-size: 43px;
  }
}

@media (min-width: 768px) {
  .size-sm-44 {
    font-size: 44px;
  }
}

@media (min-width: 768px) {
  .size-sm-45 {
    font-size: 45px;
  }
}

@media (min-width: 768px) {
  .size-sm-46 {
    font-size: 46px;
  }
}

@media (min-width: 768px) {
  .size-sm-47 {
    font-size: 47px;
  }
}

@media (min-width: 768px) {
  .size-sm-48 {
    font-size: 48px;
  }
}

@media (min-width: 768px) {
  .size-sm-49 {
    font-size: 49px;
  }
}

.size-sm-50 {
  font-size: 50px;
}

@media (min-width: 768px) {
  .size-sm-51 {
    font-size: 51px;
  }
}

@media (min-width: 768px) {
  .size-sm-52 {
    font-size: 52px;
  }
}

@media (min-width: 768px) {
  .size-sm-53 {
    font-size: 53px;
  }
}

@media (min-width: 768px) {
  .size-sm-54 {
    font-size: 54px;
  }
}

@media (min-width: 768px) {
  .size-sm-55 {
    font-size: 55px;
  }
}

@media (min-width: 768px) {
  .size-sm-56 {
    font-size: 56px;
  }
}

@media (min-width: 768px) {
  .size-sm-57 {
    font-size: 57px;
  }
}

@media (min-width: 768px) {
  .size-sm-58 {
    font-size: 58px;
  }
}

@media (min-width: 768px) {
  .size-sm-59 {
    font-size: 59px;
  }
}

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

@media (min-width: 768px) {
  .size-sm-61 {
    font-size: 61px;
  }
}

@media (min-width: 768px) {
  .size-sm-62 {
    font-size: 62px;
  }
}

@media (min-width: 768px) {
  .size-sm-63 {
    font-size: 63px;
  }
}

@media (min-width: 768px) {
  .size-sm-64 {
    font-size: 64px;
  }
}

@media (min-width: 768px) {
  .size-sm-65 {
    font-size: 65px;
  }
}

@media (min-width: 768px) {
  .size-sm-66 {
    font-size: 66px;
  }
}

@media (min-width: 768px) {
  .size-sm-67 {
    font-size: 67px;
  }
}

@media (min-width: 768px) {
  .size-sm-68 {
    font-size: 68px;
  }
}

@media (min-width: 768px) {
  .size-sm-69 {
    font-size: 69px;
  }
}

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

@media (min-width: 768px) {
  .size-sm-71 {
    font-size: 71px;
  }
}

@media (min-width: 768px) {
  .size-sm-72 {
    font-size: 72px;
  }
}

@media (min-width: 768px) {
  .size-sm-73 {
    font-size: 73px;
  }
}

@media (min-width: 768px) {
  .size-sm-74 {
    font-size: 74px;
  }
}

@media (min-width: 768px) {
  .size-sm-75 {
    font-size: 72px;
  }
}

@media (min-width: 768px) {
  .size-sm-76 {
    font-size: 76px;
  }
}

@media (min-width: 768px) {
  .size-sm-77 {
    font-size: 77px;
  }
}

@media (min-width: 768px) {
  .size-sm-78 {
    font-size: 78px;
  }
}

@media (min-width: 768px) {
  .size-sm-79 {
    font-size: 79px;
  }
}

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

/* ============
Font Size Medium (md) 40px and above
==============*/
@media (min-width: 992px) {
  .size-md-40 {
    font-size: 40px;
  }
}

@media (min-width: 992px) {
  .size-md-41 {
    font-size: 41px;
  }
}

@media (min-width: 992px) {
  .size-md-42 {
    font-size: 42px;
  }
}

@media (min-width: 992px) {
  .size-md-43 {
    font-size: 43px;
  }
}

@media (min-width: 992px) {
  .size-md-44 {
    font-size: 44px;
  }
}

@media (min-width: 992px) {
  .size-md-45 {
    font-size: 45px;
  }
}

@media (min-width: 992px) {
  .size-md-46 {
    font-size: 46px;
  }
}

@media (min-width: 992px) {
  .size-md-47 {
    font-size: 47px;
  }
}

@media (min-width: 992px) {
  .size-md-48 {
    font-size: 48px;
  }
}

@media (min-width: 992px) {
  .size-md-49 {
    font-size: 49px;
  }
}

.size-md-50 {
  font-size: 50px;
}

@media (min-width: 992px) {
  .size-md-51 {
    font-size: 51px;
  }
}

@media (min-width: 992px) {
  .size-md-52 {
    font-size: 52px;
  }
}

@media (min-width: 992px) {
  .size-md-53 {
    font-size: 53px;
  }
}

@media (min-width: 992px) {
  .size-md-54 {
    font-size: 54px;
  }
}

@media (min-width: 992px) {
  .size-md-55 {
    font-size: 55px;
  }
}

@media (min-width: 992px) {
  .size-md-56 {
    font-size: 56px;
  }
}

@media (min-width: 992px) {
  .size-md-57 {
    font-size: 57px;
  }
}

@media (min-width: 992px) {
  .size-md-58 {
    font-size: 58px;
  }
}

@media (min-width: 992px) {
  .size-md-59 {
    font-size: 59px;
  }
}

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

@media (min-width: 992px) {
  .size-md-61 {
    font-size: 61px;
  }
}

@media (min-width: 992px) {
  .size-md-62 {
    font-size: 62px;
  }
}

@media (min-width: 992px) {
  .size-md-63 {
    font-size: 63px;
  }
}

@media (min-width: 992px) {
  .size-md-64 {
    font-size: 64px;
  }
}

@media (min-width: 992px) {
  .size-md-65 {
    font-size: 65px;
  }
}

@media (min-width: 992px) {
  .size-md-66 {
    font-size: 66px;
  }
}

@media (min-width: 992px) {
  .size-md-67 {
    font-size: 67px;
  }
}

@media (min-width: 992px) {
  .size-md-68 {
    font-size: 68px;
  }
}

@media (min-width: 992px) {
  .size-md-69 {
    font-size: 69px;
  }
}

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

@media (min-width: 992px) {
  .size-md-71 {
    font-size: 71px;
  }
}

@media (min-width: 992px) {
  .size-md-72 {
    font-size: 72px;
  }
}

@media (min-width: 992px) {
  .size-md-73 {
    font-size: 73px;
  }
}

@media (min-width: 992px) {
  .size-md-74 {
    font-size: 74px;
  }
}

@media (min-width: 992px) {
  .size-md-75 {
    font-size: 72px;
  }
}

@media (min-width: 992px) {
  .size-md-76 {
    font-size: 76px;
  }
}

@media (min-width: 992px) {
  .size-md-77 {
    font-size: 77px;
  }
}

@media (min-width: 992px) {
  .size-md-78 {
    font-size: 78px;
  }
}

@media (min-width: 992px) {
  .size-md-79 {
    font-size: 79px;
  }
}

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

/* ============
Font Size Medium (md) 40px and above
==============*/
@media (min-width: 1200px) {
  .size-lg-40 {
    font-size: 40px;
  }
}

@media (min-width: 1200px) {
  .size-lg-41 {
    font-size: 41px;
  }
}

@media (min-width: 1200px) {
  .size-lg-42 {
    font-size: 42px;
  }
}

@media (min-width: 1200px) {
  .size-lg-43 {
    font-size: 43px;
  }
}

@media (min-width: 1200px) {
  .size-lg-44 {
    font-size: 44px;
  }
}

@media (min-width: 1200px) {
  .size-lg-45 {
    font-size: 45px;
  }
}

@media (min-width: 1200px) {
  .size-lg-46 {
    font-size: 46px;
  }
}

@media (min-width: 1200px) {
  .size-lg-47 {
    font-size: 47px;
  }
}

@media (min-width: 1200px) {
  .size-lg-48 {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .size-lg-49 {
    font-size: 49px;
  }
}

.size-lg-50 {
  font-size: 50px;
}

@media (min-width: 1200px) {
  .size-lg-51 {
    font-size: 51px;
  }
}

@media (min-width: 1200px) {
  .size-lg-52 {
    font-size: 52px;
  }
}

@media (min-width: 1200px) {
  .size-lg-53 {
    font-size: 53px;
  }
}

@media (min-width: 1200px) {
  .size-lg-54 {
    font-size: 54px;
  }
}

@media (min-width: 1200px) {
  .size-lg-55 {
    font-size: 55px;
  }
}

@media (min-width: 1200px) {
  .size-lg-56 {
    font-size: 56px;
  }
}

@media (min-width: 1200px) {
  .size-lg-57 {
    font-size: 57px;
  }
}

@media (min-width: 1200px) {
  .size-lg-58 {
    font-size: 58px;
  }
}

@media (min-width: 1200px) {
  .size-lg-59 {
    font-size: 59px;
  }
}

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

@media (min-width: 1200px) {
  .size-lg-61 {
    font-size: 61px;
  }
}

@media (min-width: 1200px) {
  .size-lg-62 {
    font-size: 62px;
  }
}

@media (min-width: 1200px) {
  .size-lg-63 {
    font-size: 63px;
  }
}

@media (min-width: 1200px) {
  .size-lg-64 {
    font-size: 64px;
  }
}

@media (min-width: 1200px) {
  .size-lg-65 {
    font-size: 65px;
  }
}

@media (min-width: 1200px) {
  .size-lg-66 {
    font-size: 66px;
  }
}

@media (min-width: 1200px) {
  .size-lg-67 {
    font-size: 67px;
  }
}

@media (min-width: 1200px) {
  .size-lg-68 {
    font-size: 68px;
  }
}

@media (min-width: 1200px) {
  .size-lg-69 {
    font-size: 69px;
  }
}

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

@media (min-width: 1200px) {
  .size-lg-71 {
    font-size: 71px;
  }
}

@media (min-width: 1200px) {
  .size-lg-72 {
    font-size: 72px;
  }
}

@media (min-width: 1200px) {
  .size-lg-73 {
    font-size: 73px;
  }
}

@media (min-width: 1200px) {
  .size-lg-74 {
    font-size: 74px;
  }
}

@media (min-width: 1200px) {
  .size-lg-75 {
    font-size: 72px;
  }
}

@media (min-width: 1200px) {
  .size-lg-76 {
    font-size: 76px;
  }
}

@media (min-width: 1200px) {
  .size-lg-77 {
    font-size: 77px;
  }
}

@media (min-width: 1200px) {
  .size-lg-78 {
    font-size: 78px;
  }
}

@media (min-width: 1200px) {
  .size-lg-79 {
    font-size: 79px;
  }
}

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

/* ============
Font weight
==============*/
.weight-400 {
  font-weight: 400;
}

.weight-500 {
  font-weight: 500;
}

.weight-600 {
  font-weight: 600;
}

.weight-700 {
  font-weight: 700;
}

.weight-800 {
  font-weight: 800;
}

.weight-900 {
  font-weight: 900;
}

/* ============
List Style Type
==============*/
.list-none {
  list-style-type: none;
}

.list-disc {
  list-style-type: disc;
}

.list-decimal {
  list-style-type: decimal;
}

/* ============
List Style Position
==============*/
.list-inside {
  list-style-position: inside;
}

.list-outside {
  list-style-position: outside;
}

/* ============
Text Color
==============*/
.color-transparent {
  color: transparent;
}

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

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

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

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

.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-yollow {
  color: var(--color-yollow);
}

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

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

/* ============
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(83, 202, 180, 0.05);
}
.color-opacity-5.color-secondary {
  color: rgba(30, 30, 29, 0.05);
}
.color-opacity-5.color-snow {
  color: rgba(249, 249, 249, 0.05);
}
.color-opacity-5.color-red {
  color: rgba(255, 66, 66, 0.05);
}
.color-opacity-5.color-orange {
  color: rgba(242, 142, 28, 0.05);
}
.color-opacity-5.color-blue {
  color: rgba(185, 153, 110, 0.05);
}
.color-opacity-5.color-yollow {
  color: rgba(255, 169, 49, 0.05);
}
.color-opacity-5.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.1);
}
.color-opacity-10.color-secondary {
  color: rgba(30, 30, 29, 0.1);
}
.color-opacity-10.color-snow {
  color: rgba(249, 249, 249, 0.1);
}
.color-opacity-10.color-red {
  color: rgba(255, 66, 66, 0.1);
}
.color-opacity-10.color-orange {
  color: rgba(242, 142, 28, 0.1);
}
.color-opacity-10.color-blue {
  color: rgba(185, 153, 110, 0.1);
}
.color-opacity-10.color-yollow {
  color: rgba(255, 169, 49, 0.1);
}
.color-opacity-10.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.15);
}
.color-opacity-15.color-secondary {
  color: rgba(30, 30, 29, 0.15);
}
.color-opacity-15.color-snow {
  color: rgba(249, 249, 249, 0.15);
}
.color-opacity-15.color-red {
  color: rgba(255, 66, 66, 0.15);
}
.color-opacity-15.color-orange {
  color: rgba(242, 142, 28, 0.15);
}
.color-opacity-15.color-blue {
  color: rgba(185, 153, 110, 0.15);
}
.color-opacity-15.color-yollow {
  color: rgba(255, 169, 49, 0.15);
}
.color-opacity-15.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.2);
}
.color-opacity-20.color-secondary {
  color: rgba(30, 30, 29, 0.2);
}
.color-opacity-20.color-snow {
  color: rgba(249, 249, 249, 0.2);
}
.color-opacity-20.color-red {
  color: rgba(255, 66, 66, 0.2);
}
.color-opacity-20.color-orange {
  color: rgba(242, 142, 28, 0.2);
}
.color-opacity-20.color-blue {
  color: rgba(185, 153, 110, 0.2);
}
.color-opacity-20.color-yollow {
  color: rgba(255, 169, 49, 0.2);
}
.color-opacity-20.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.25);
}
.color-opacity-25.color-secondary {
  color: rgba(30, 30, 29, 0.25);
}
.color-opacity-25.color-snow {
  color: rgba(249, 249, 249, 0.25);
}
.color-opacity-25.color-red {
  color: rgba(255, 66, 66, 0.25);
}
.color-opacity-25.color-orange {
  color: rgba(242, 142, 28, 0.25);
}
.color-opacity-25.color-blue {
  color: rgba(185, 153, 110, 0.25);
}
.color-opacity-25.color-yollow {
  color: rgba(255, 169, 49, 0.25);
}
.color-opacity-25.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.3);
}
.color-opacity-30.color-secondary {
  color: rgba(30, 30, 29, 0.3);
}
.color-opacity-30.color-snow {
  color: rgba(249, 249, 249, 0.3);
}
.color-opacity-30.color-red {
  color: rgba(255, 66, 66, 0.3);
}
.color-opacity-30.color-orange {
  color: rgba(242, 142, 28, 0.3);
}
.color-opacity-30.color-blue {
  color: rgba(185, 153, 110, 0.3);
}
.color-opacity-30.color-yollow {
  color: rgba(255, 169, 49, 0.3);
}
.color-opacity-30.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.35);
}
.color-opacity-35.color-secondary {
  color: rgba(30, 30, 29, 0.35);
}
.color-opacity-35.color-snow {
  color: rgba(249, 249, 249, 0.35);
}
.color-opacity-35.color-red {
  color: rgba(255, 66, 66, 0.35);
}
.color-opacity-35.color-orange {
  color: rgba(242, 142, 28, 0.35);
}
.color-opacity-35.color-blue {
  color: rgba(185, 153, 110, 0.35);
}
.color-opacity-35.color-yollow {
  color: rgba(255, 169, 49, 0.35);
}
.color-opacity-35.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.4);
}
.color-opacity-40.color-secondary {
  color: rgba(30, 30, 29, 0.4);
}
.color-opacity-40.color-snow {
  color: rgba(249, 249, 249, 0.4);
}
.color-opacity-40.color-red {
  color: rgba(255, 66, 66, 0.4);
}
.color-opacity-40.color-orange {
  color: rgba(242, 142, 28, 0.4);
}
.color-opacity-40.color-blue {
  color: rgba(185, 153, 110, 0.4);
}
.color-opacity-40.color-yollow {
  color: rgba(255, 169, 49, 0.4);
}
.color-opacity-40.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.45);
}
.color-opacity-45.color-secondary {
  color: rgba(30, 30, 29, 0.45);
}
.color-opacity-45.color-snow {
  color: rgba(249, 249, 249, 0.45);
}
.color-opacity-45.color-red {
  color: rgba(255, 66, 66, 0.45);
}
.color-opacity-45.color-orange {
  color: rgba(242, 142, 28, 0.45);
}
.color-opacity-45.color-blue {
  color: rgba(185, 153, 110, 0.45);
}
.color-opacity-45.color-yollow {
  color: rgba(255, 169, 49, 0.45);
}
.color-opacity-45.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.5);
}
.color-opacity-50.color-secondary {
  color: rgba(30, 30, 29, 0.5);
}
.color-opacity-50.color-snow {
  color: rgba(249, 249, 249, 0.5);
}
.color-opacity-50.color-red {
  color: rgba(255, 66, 66, 0.5);
}
.color-opacity-50.color-orange {
  color: rgba(242, 142, 28, 0.5);
}
.color-opacity-50.color-blue {
  color: rgba(185, 153, 110, 0.5);
}
.color-opacity-50.color-yollow {
  color: rgba(255, 169, 49, 0.5);
}
.color-opacity-50.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.55);
}
.color-opacity-55.color-secondary {
  color: rgba(30, 30, 29, 0.55);
}
.color-opacity-55.color-snow {
  color: rgba(249, 249, 249, 0.55);
}
.color-opacity-55.color-red {
  color: rgba(255, 66, 66, 0.55);
}
.color-opacity-55.color-orange {
  color: rgba(242, 142, 28, 0.55);
}
.color-opacity-55.color-blue {
  color: rgba(185, 153, 110, 0.55);
}
.color-opacity-55.color-yollow {
  color: rgba(255, 169, 49, 0.55);
}
.color-opacity-55.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.6);
}
.color-opacity-60.color-secondary {
  color: rgba(30, 30, 29, 0.6);
}
.color-opacity-60.color-snow {
  color: rgba(249, 249, 249, 0.6);
}
.color-opacity-60.color-red {
  color: rgba(255, 66, 66, 0.6);
}
.color-opacity-60.color-orange {
  color: rgba(242, 142, 28, 0.6);
}
.color-opacity-60.color-blue {
  color: rgba(185, 153, 110, 0.6);
}
.color-opacity-60.color-yollow {
  color: rgba(255, 169, 49, 0.6);
}
.color-opacity-60.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.65);
}
.color-opacity-65.color-secondary {
  color: rgba(30, 30, 29, 0.65);
}
.color-opacity-65.color-snow {
  color: rgba(249, 249, 249, 0.65);
}
.color-opacity-65.color-red {
  color: rgba(255, 66, 66, 0.65);
}
.color-opacity-65.color-orange {
  color: rgba(242, 142, 28, 0.65);
}
.color-opacity-65.color-blue {
  color: rgba(185, 153, 110, 0.65);
}
.color-opacity-65.color-yollow {
  color: rgba(255, 169, 49, 0.65);
}
.color-opacity-65.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.7);
}
.color-opacity-70.color-secondary {
  color: rgba(30, 30, 29, 0.7);
}
.color-opacity-70.color-snow {
  color: rgba(249, 249, 249, 0.7);
}
.color-opacity-70.color-red {
  color: rgba(255, 66, 66, 0.7);
}
.color-opacity-70.color-orange {
  color: rgba(242, 142, 28, 0.7);
}
.color-opacity-70.color-blue {
  color: rgba(185, 153, 110, 0.7);
}
.color-opacity-70.color-yollow {
  color: rgba(255, 169, 49, 0.7);
}
.color-opacity-70.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.75);
}
.color-opacity-75.color-secondary {
  color: rgba(30, 30, 29, 0.75);
}
.color-opacity-75.color-snow {
  color: rgba(249, 249, 249, 0.75);
}
.color-opacity-75.color-red {
  color: rgba(255, 66, 66, 0.75);
}
.color-opacity-75.color-orange {
  color: rgba(242, 142, 28, 0.75);
}
.color-opacity-75.color-blue {
  color: rgba(185, 153, 110, 0.75);
}
.color-opacity-75.color-yollow {
  color: rgba(255, 169, 49, 0.75);
}
.color-opacity-75.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.8);
}
.color-opacity-80.color-secondary {
  color: rgba(30, 30, 29, 0.8);
}
.color-opacity-80.color-snow {
  color: rgba(249, 249, 249, 0.8);
}
.color-opacity-80.color-red {
  color: rgba(255, 66, 66, 0.8);
}
.color-opacity-80.color-orange {
  color: rgba(242, 142, 28, 0.8);
}
.color-opacity-80.color-blue {
  color: rgba(185, 153, 110, 0.8);
}
.color-opacity-80.color-yollow {
  color: rgba(255, 169, 49, 0.8);
}
.color-opacity-80.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.85);
}
.color-opacity-85.color-secondary {
  color: rgba(30, 30, 29, 0.85);
}
.color-opacity-85.color-snow {
  color: rgba(249, 249, 249, 0.85);
}
.color-opacity-85.color-red {
  color: rgba(255, 66, 66, 0.85);
}
.color-opacity-85.color-orange {
  color: rgba(242, 142, 28, 0.85);
}
.color-opacity-85.color-blue {
  color: rgba(185, 153, 110, 0.85);
}
.color-opacity-85.color-yollow {
  color: rgba(255, 169, 49, 0.85);
}
.color-opacity-85.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.9);
}
.color-opacity-90.color-secondary {
  color: rgba(30, 30, 29, 0.9);
}
.color-opacity-90.color-snow {
  color: rgba(249, 249, 249, 0.9);
}
.color-opacity-90.color-red {
  color: rgba(255, 66, 66, 0.9);
}
.color-opacity-90.color-orange {
  color: rgba(242, 142, 28, 0.9);
}
.color-opacity-90.color-blue {
  color: rgba(185, 153, 110, 0.9);
}
.color-opacity-90.color-yollow {
  color: rgba(255, 169, 49, 0.9);
}
.color-opacity-90.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.95);
}
.color-opacity-95.color-secondary {
  color: rgba(30, 30, 29, 0.95);
}
.color-opacity-95.color-snow {
  color: rgba(249, 249, 249, 0.95);
}
.color-opacity-95.color-red {
  color: rgba(255, 66, 66, 0.95);
}
.color-opacity-95.color-orange {
  color: rgba(242, 142, 28, 0.95);
}
.color-opacity-95.color-blue {
  color: rgba(185, 153, 110, 0.95);
}
.color-opacity-95.color-yollow {
  color: rgba(255, 169, 49, 0.95);
}
.color-opacity-95.color-green {
  color: rgba(83, 202, 180, 0.95);
}

/* ============
Background Color
==============*/
.bg-transparent {
  background-color: transparent;
}

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

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

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

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

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

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

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

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

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

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

/* ============
Background Opacity
==============*/
.bg-opacity-5.bg-black {
  background-color: rgba(0, 0, 0, 0.05);
}
.bg-opacity-5.bg-white {
  background-color: rgba(255, 255, 255, 0.05);
}
.bg-opacity-5.bg-primary {
  background-color: rgba(83, 202, 180, 0.05);
}
.bg-opacity-5.bg-secondary {
  background-color: rgba(30, 30, 29, 0.05);
}
.bg-opacity-5.bg-snow {
  background-color: rgba(249, 249, 249, 0.05);
}
.bg-opacity-5.bg-red {
  background-color: rgba(255, 66, 66, 0.05);
}
.bg-opacity-5.bg-orange {
  background-color: rgba(242, 142, 28, 0.05);
}
.bg-opacity-5.bg-blue {
  background-color: rgba(185, 153, 110, 0.05);
}
.bg-opacity-5.bg-yollow {
  background-color: rgba(255, 169, 49, 0.05);
}
.bg-opacity-5.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.1);
}
.bg-opacity-10.bg-secondary {
  background-color: rgba(30, 30, 29, 0.1);
}
.bg-opacity-10.bg-snow {
  background-color: rgba(249, 249, 249, 0.1);
}
.bg-opacity-10.bg-red {
  background-color: rgba(255, 66, 66, 0.1);
}
.bg-opacity-10.bg-orange {
  background-color: rgba(242, 142, 28, 0.1);
}
.bg-opacity-10.bg-blue {
  background-color: rgba(185, 153, 110, 0.1);
}
.bg-opacity-10.bg-yollow {
  background-color: rgba(255, 169, 49, 0.1);
}
.bg-opacity-10.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.15);
}
.bg-opacity-15.bg-secondary {
  background-color: rgba(30, 30, 29, 0.15);
}
.bg-opacity-15.bg-snow {
  background-color: rgba(249, 249, 249, 0.15);
}
.bg-opacity-15.bg-red {
  background-color: rgba(255, 66, 66, 0.15);
}
.bg-opacity-15.bg-orange {
  background-color: rgba(242, 142, 28, 0.15);
}
.bg-opacity-15.bg-blue {
  background-color: rgba(185, 153, 110, 0.15);
}
.bg-opacity-15.bg-yollow {
  background-color: rgba(255, 169, 49, 0.15);
}
.bg-opacity-15.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.2);
}
.bg-opacity-20.bg-secondary {
  background-color: rgba(30, 30, 29, 0.2);
}
.bg-opacity-20.bg-snow {
  background-color: rgba(249, 249, 249, 0.2);
}
.bg-opacity-20.bg-red {
  background-color: rgba(255, 66, 66, 0.2);
}
.bg-opacity-20.bg-orange {
  background-color: rgba(242, 142, 28, 0.2);
}
.bg-opacity-20.bg-blue {
  background-color: rgba(185, 153, 110, 0.2);
}
.bg-opacity-20.bg-yollow {
  background-color: rgba(255, 169, 49, 0.2);
}
.bg-opacity-20.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.25);
}
.bg-opacity-25.bg-secondary {
  background-color: rgba(30, 30, 29, 0.25);
}
.bg-opacity-25.bg-snow {
  background-color: rgba(249, 249, 249, 0.25);
}
.bg-opacity-25.bg-red {
  background-color: rgba(255, 66, 66, 0.25);
}
.bg-opacity-25.bg-orange {
  background-color: rgba(242, 142, 28, 0.25);
}
.bg-opacity-25.bg-blue {
  background-color: rgba(185, 153, 110, 0.25);
}
.bg-opacity-25.bg-yollow {
  background-color: rgba(255, 169, 49, 0.25);
}
.bg-opacity-25.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.3);
}
.bg-opacity-30.bg-secondary {
  background-color: rgba(30, 30, 29, 0.3);
}
.bg-opacity-30.bg-snow {
  background-color: rgba(249, 249, 249, 0.3);
}
.bg-opacity-30.bg-red {
  background-color: rgba(255, 66, 66, 0.3);
}
.bg-opacity-30.bg-orange {
  background-color: rgba(242, 142, 28, 0.3);
}
.bg-opacity-30.bg-blue {
  background-color: rgba(185, 153, 110, 0.3);
}
.bg-opacity-30.bg-yollow {
  background-color: rgba(255, 169, 49, 0.3);
}
.bg-opacity-30.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.35);
}
.bg-opacity-35.bg-secondary {
  background-color: rgba(30, 30, 29, 0.35);
}
.bg-opacity-35.bg-snow {
  background-color: rgba(249, 249, 249, 0.35);
}
.bg-opacity-35.bg-red {
  background-color: rgba(255, 66, 66, 0.35);
}
.bg-opacity-35.bg-orange {
  background-color: rgba(242, 142, 28, 0.35);
}
.bg-opacity-35.bg-blue {
  background-color: rgba(185, 153, 110, 0.35);
}
.bg-opacity-35.bg-yollow {
  background-color: rgba(255, 169, 49, 0.35);
}
.bg-opacity-35.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.4);
}
.bg-opacity-40.bg-secondary {
  background-color: rgba(30, 30, 29, 0.4);
}
.bg-opacity-40.bg-snow {
  background-color: rgba(249, 249, 249, 0.4);
}
.bg-opacity-40.bg-red {
  background-color: rgba(255, 66, 66, 0.4);
}
.bg-opacity-40.bg-orange {
  background-color: rgba(242, 142, 28, 0.4);
}
.bg-opacity-40.bg-blue {
  background-color: rgba(185, 153, 110, 0.4);
}
.bg-opacity-40.bg-yollow {
  background-color: rgba(255, 169, 49, 0.4);
}
.bg-opacity-40.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.45);
}
.bg-opacity-45.bg-secondary {
  background-color: rgba(30, 30, 29, 0.45);
}
.bg-opacity-45.bg-snow {
  background-color: rgba(249, 249, 249, 0.45);
}
.bg-opacity-45.bg-red {
  background-color: rgba(255, 66, 66, 0.45);
}
.bg-opacity-45.bg-orange {
  background-color: rgba(242, 142, 28, 0.45);
}
.bg-opacity-45.bg-blue {
  background-color: rgba(185, 153, 110, 0.45);
}
.bg-opacity-45.bg-yollow {
  background-color: rgba(255, 169, 49, 0.45);
}
.bg-opacity-45.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.5);
}
.bg-opacity-50.bg-secondary {
  background-color: rgba(30, 30, 29, 0.5);
}
.bg-opacity-50.bg-snow {
  background-color: rgba(249, 249, 249, 0.5);
}
.bg-opacity-50.bg-red {
  background-color: rgba(255, 66, 66, 0.5);
}
.bg-opacity-50.bg-orange {
  background-color: rgba(242, 142, 28, 0.5);
}
.bg-opacity-50.bg-blue {
  background-color: rgba(185, 153, 110, 0.5);
}
.bg-opacity-50.bg-yollow {
  background-color: rgba(255, 169, 49, 0.5);
}
.bg-opacity-50.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.55);
}
.bg-opacity-55.bg-secondary {
  background-color: rgba(30, 30, 29, 0.55);
}
.bg-opacity-55.bg-snow {
  background-color: rgba(249, 249, 249, 0.55);
}
.bg-opacity-55.bg-red {
  background-color: rgba(255, 66, 66, 0.55);
}
.bg-opacity-55.bg-orange {
  background-color: rgba(242, 142, 28, 0.55);
}
.bg-opacity-55.bg-blue {
  background-color: rgba(185, 153, 110, 0.55);
}
.bg-opacity-55.bg-yollow {
  background-color: rgba(255, 169, 49, 0.55);
}
.bg-opacity-55.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.6);
}
.bg-opacity-60.bg-secondary {
  background-color: rgba(30, 30, 29, 0.6);
}
.bg-opacity-60.bg-snow {
  background-color: rgba(249, 249, 249, 0.6);
}
.bg-opacity-60.bg-red {
  background-color: rgba(255, 66, 66, 0.6);
}
.bg-opacity-60.bg-orange {
  background-color: rgba(242, 142, 28, 0.6);
}
.bg-opacity-60.bg-blue {
  background-color: rgba(185, 153, 110, 0.6);
}
.bg-opacity-60.bg-yollow {
  background-color: rgba(255, 169, 49, 0.6);
}
.bg-opacity-60.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.65);
}
.bg-opacity-65.bg-secondary {
  background-color: rgba(30, 30, 29, 0.65);
}
.bg-opacity-65.bg-snow {
  background-color: rgba(249, 249, 249, 0.65);
}
.bg-opacity-65.bg-red {
  background-color: rgba(255, 66, 66, 0.65);
}
.bg-opacity-65.bg-orange {
  background-color: rgba(242, 142, 28, 0.65);
}
.bg-opacity-65.bg-blue {
  background-color: rgba(185, 153, 110, 0.65);
}
.bg-opacity-65.bg-yollow {
  background-color: rgba(255, 169, 49, 0.65);
}
.bg-opacity-65.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.7);
}
.bg-opacity-70.bg-secondary {
  background-color: rgba(30, 30, 29, 0.7);
}
.bg-opacity-70.bg-snow {
  background-color: rgba(249, 249, 249, 0.7);
}
.bg-opacity-70.bg-red {
  background-color: rgba(255, 66, 66, 0.7);
}
.bg-opacity-70.bg-orange {
  background-color: rgba(242, 142, 28, 0.7);
}
.bg-opacity-70.bg-blue {
  background-color: rgba(185, 153, 110, 0.7);
}
.bg-opacity-70.bg-yollow {
  background-color: rgba(255, 169, 49, 0.7);
}
.bg-opacity-70.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.75);
}
.bg-opacity-75.bg-secondary {
  background-color: rgba(30, 30, 29, 0.75);
}
.bg-opacity-75.bg-snow {
  background-color: rgba(249, 249, 249, 0.75);
}
.bg-opacity-75.bg-red {
  background-color: rgba(255, 66, 66, 0.75);
}
.bg-opacity-75.bg-orange {
  background-color: rgba(242, 142, 28, 0.75);
}
.bg-opacity-75.bg-blue {
  background-color: rgba(185, 153, 110, 0.75);
}
.bg-opacity-75.bg-yollow {
  background-color: rgba(255, 169, 49, 0.75);
}
.bg-opacity-75.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.8);
}
.bg-opacity-80.bg-secondary {
  background-color: rgba(30, 30, 29, 0.8);
}
.bg-opacity-80.bg-snow {
  background-color: rgba(249, 249, 249, 0.8);
}
.bg-opacity-80.bg-red {
  background-color: rgba(255, 66, 66, 0.8);
}
.bg-opacity-80.bg-orange {
  background-color: rgba(242, 142, 28, 0.8);
}
.bg-opacity-80.bg-blue {
  background-color: rgba(185, 153, 110, 0.8);
}
.bg-opacity-80.bg-yollow {
  background-color: rgba(255, 169, 49, 0.8);
}
.bg-opacity-80.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.85);
}
.bg-opacity-85.bg-secondary {
  background-color: rgba(30, 30, 29, 0.85);
}
.bg-opacity-85.bg-snow {
  background-color: rgba(249, 249, 249, 0.85);
}
.bg-opacity-85.bg-red {
  background-color: rgba(255, 66, 66, 0.85);
}
.bg-opacity-85.bg-orange {
  background-color: rgba(242, 142, 28, 0.85);
}
.bg-opacity-85.bg-blue {
  background-color: rgba(185, 153, 110, 0.85);
}
.bg-opacity-85.bg-yollow {
  background-color: rgba(255, 169, 49, 0.85);
}
.bg-opacity-85.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.9);
}
.bg-opacity-90.bg-secondary {
  background-color: rgba(30, 30, 29, 0.9);
}
.bg-opacity-90.bg-snow {
  background-color: rgba(249, 249, 249, 0.9);
}
.bg-opacity-90.bg-red {
  background-color: rgba(255, 66, 66, 0.9);
}
.bg-opacity-90.bg-orange {
  background-color: rgba(242, 142, 28, 0.9);
}
.bg-opacity-90.bg-blue {
  background-color: rgba(185, 153, 110, 0.9);
}
.bg-opacity-90.bg-yollow {
  background-color: rgba(255, 169, 49, 0.9);
}
.bg-opacity-90.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.95);
}
.bg-opacity-95.bg-secondary {
  background-color: rgba(30, 30, 29, 0.95);
}
.bg-opacity-95.bg-snow {
  background-color: rgba(249, 249, 249, 0.95);
}
.bg-opacity-95.bg-red {
  background-color: rgba(255, 66, 66, 0.95);
}
.bg-opacity-95.bg-orange {
  background-color: rgba(242, 142, 28, 0.95);
}
.bg-opacity-95.bg-blue {
  background-color: rgba(185, 153, 110, 0.95);
}
.bg-opacity-95.bg-yollow {
  background-color: rgba(255, 169, 49, 0.95);
}
.bg-opacity-95.bg-green {
  background-color: rgba(83, 202, 180, 0.95);
}

/* ============
Text Overflow
==============*/
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overflow-ellipsis {
  text-overflow: ellipsis;
}

.overflow-clip {
  text-overflow: clip;
}

/* ============
Vertical Alignment
==============*/
.align-baseline {
  vertical-align: baseline;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

.align-text-top {
  vertical-align: text-top;
}

.align-text-bottom {
  vertical-align: text-bottom;
}

/* ============
Whitespace
==============*/
.whitespace-normal {
  white-space: normal;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre {
  white-space: pre;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

/* ============
Word Break
==============*/
.break-normal {
  overflow-wrap: normal;
  word-break: normal;
}

.break-words {
  overflow-wrap: break-word;
}

.break-all {
  overflow-wrap: break-all;
}

/* ============
Background Attachment
==============*/
.bg-fixed {
  background-attachment: fixed;
}

.bg-local {
  background-attachment: local;
}

.bg-scroll {
  background-attachment: scroll;
}

/* ============
Background Position
==============*/
.bg-bottom {
  background-position: bottom;
}

.bg-center {
  background-position: center;
}

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

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

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

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

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

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

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

/* ============
Background Repeat
==============*/
.bg-repeat {
  background-repeat: repeat;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.bg-repeat-x {
  background-repeat: repeat-x;
}

.bg-repeat-y {
  background-repeat: repeat-y;
}

.bg-repeat-round {
  background-repeat: round;
}

.bg-repeat-space {
  background-repeat: space;
}

/* ============
Background Repeat
==============*/
.bg-auto {
  background-size: auto;
}

.bg-cover {
  background-size: cover;
}

.bg-contain {
  background-size: contain;
}

.bg-full {
  background-size: 100%;
}

/* =============================
Background Color Social Network 
================================*/
.bg-android {
  background-color: var(--color-android);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rounded-2 {
  border-radius: 2px;
}

.rounded-3 {
  border-radius: 3px;
}

.rounded-4 {
  border-radius: 4px;
}

.rounded-5 {
  border-radius: 5px;
}

.rounded-6 {
  border-radius: 6px;
}

.rounded-7 {
  border-radius: 7px;
}

.rounded-8 {
  border-radius: 8px;
}

.rounded-9 {
  border-radius: 9px;
}

.rounded-10 {
  border-radius: 10px;
}

.rounded-11 {
  border-radius: 11px;
}

.rounded-12 {
  border-radius: 12px;
}

.rounded-13 {
  border-radius: 13px;
}

.rounded-14 {
  border-radius: 14px;
}

.rounded-15 {
  border-radius: 15px;
}

.rounded-16 {
  border-radius: 16px;
}

.rounded-17 {
  border-radius: 17px;
}

.rounded-18 {
  border-radius: 18px;
}

.rounded-19 {
  border-radius: 19px;
}

.rounded-20 {
  border-radius: 20px;
}

.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

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

.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

/* ============
Border Width
==============*/
.border-0 {
  border-width: 0;
}

.border {
  border-width: 1px;
}

.border-2 {
  border-width: 2px;
}

.border-3 {
  border-width: 3px;
}

.border-4 {
  border-width: 4px;
}

.border-5 {
  border-width: 5px;
}

.border-t-0 {
  border-top-width: 0;
}

.border-t {
  border-top-width: 1px;
}

.border-t-2 {
  border-top-width: 2px;
}

.border-t-3 {
  border-top-width: 3px;
}

.border-t-4 {
  border-top-width: 4px;
}

.border-t-5 {
  border-top-width: 5px;
}

.border-b-0 {
  border-bottom-width: 0;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-b-3 {
  border-bottom-width: 3px;
}

.border-b-4 {
  border-bottom-width: 4px;
}

.border-b-5 {
  border-bottom-width: 5px;
}

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

.border-r {
  border-right-width: 1px;
}

.border-r-2 {
  border-right-width: 2px;
}

.border-r-3 {
  border-right-width: 3px;
}

.border-r-4 {
  border-right-width: 4px;
}

.border-r-5 {
  border-right-width: 5px;
}

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

.border-l {
  border-left-width: 1px;
}

.border-l-2 {
  border-left-width: 2px;
}

.border-l-3 {
  border-left-width: 3px;
}

.border-l-4 {
  border-left-width: 4px;
}

.border-l-5 {
  border-left-width: 5px;
}

/* ============
Border Color
==============*/
.border-transparent {
  border-color: transparent;
}

.border-black {
  border-color: var(--border-black);
}

.border-white {
  border-color: var(--border-white);
}

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

.border-snow {
  border-color: var(--border-snow);
}

.border-red {
  border-color: var(--border-red);
}

.border-orange {
  border-color: var(--border-orange);
}

.border-blue {
  border-color: var(--border-blue);
}

.border-yollow {
  border-color: var(--border-yollow);
}

.border-green {
  border-color: var(--border-green);
}

/* ============
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(83, 202, 180, 0.05);
}
.border-opacity-5.border-secondary {
  border-color: rgba(11, 34, 56, 0.05);
}
.border-opacity-5.border-snow {
  border-color: rgba(235, 235, 235, 0.05);
}
.border-opacity-5.border-red {
  border-color: rgba(255, 66, 66, 0.05);
}
.border-opacity-5.border-orange {
  border-color: rgba(242, 142, 28, 0.05);
}
.border-opacity-5.border-blue {
  border-color: rgba(185, 153, 110, 0.05);
}
.border-opacity-5.border-yollow {
  border-color: rgba(255, 169, 49, 0.05);
}
.border-opacity-5.border-green {
  border-color: rgba(83, 202, 180, 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(83, 202, 180, 0.1);
}
.border-opacity-10.border-secondary {
  border-color: rgba(11, 34, 56, 0.1);
}
.border-opacity-10.border-snow {
  border-color: rgba(235, 235, 235, 0.1);
}
.border-opacity-10.border-red {
  border-color: rgba(255, 66, 66, 0.1);
}
.border-opacity-10.border-orange {
  border-color: rgba(242, 142, 28, 0.1);
}
.border-opacity-10.border-blue {
  border-color: rgba(185, 153, 110, 0.1);
}
.border-opacity-10.border-yollow {
  border-color: rgba(255, 169, 49, 0.1);
}
.border-opacity-10.border-green {
  border-color: rgba(83, 202, 180, 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(83, 202, 180, 0.15);
}
.border-opacity-15.border-secondary {
  border-color: rgba(11, 34, 56, 0.15);
}
.border-opacity-15.border-snow {
  border-color: rgba(235, 235, 235, 0.15);
}
.border-opacity-15.border-red {
  border-color: rgba(255, 66, 66, 0.15);
}
.border-opacity-15.border-orange {
  border-color: rgba(242, 142, 28, 0.15);
}
.border-opacity-15.border-blue {
  border-color: rgba(185, 153, 110, 0.15);
}
.border-opacity-15.border-yollow {
  border-color: rgba(255, 169, 49, 0.15);
}
.border-opacity-15.border-green {
  border-color: rgba(83, 202, 180, 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(83, 202, 180, 0.2);
}
.border-opacity-20.border-secondary {
  border-color: rgba(11, 34, 56, 0.2);
}
.border-opacity-20.border-snow {
  border-color: rgba(235, 235, 235, 0.2);
}
.border-opacity-20.border-red {
  border-color: rgba(255, 66, 66, 0.2);
}
.border-opacity-20.border-orange {
  border-color: rgba(242, 142, 28, 0.2);
}
.border-opacity-20.border-blue {
  border-color: rgba(185, 153, 110, 0.2);
}
.border-opacity-20.border-yollow {
  border-color: rgba(255, 169, 49, 0.2);
}
.border-opacity-20.border-green {
  border-color: rgba(83, 202, 180, 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(83, 202, 180, 0.25);
}
.border-opacity-25.border-secondary {
  border-color: rgba(11, 34, 56, 0.25);
}
.border-opacity-25.border-snow {
  border-color: rgba(235, 235, 235, 0.25);
}
.border-opacity-25.border-red {
  border-color: rgba(255, 66, 66, 0.25);
}
.border-opacity-25.border-orange {
  border-color: rgba(242, 142, 28, 0.25);
}
.border-opacity-25.border-blue {
  border-color: rgba(185, 153, 110, 0.25);
}
.border-opacity-25.border-yollow {
  border-color: rgba(255, 169, 49, 0.25);
}
.border-opacity-25.border-green {
  border-color: rgba(83, 202, 180, 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(83, 202, 180, 0.3);
}
.border-opacity-30.border-secondary {
  border-color: rgba(11, 34, 56, 0.3);
}
.border-opacity-30.border-snow {
  border-color: rgba(235, 235, 235, 0.3);
}
.border-opacity-30.border-red {
  border-color: rgba(255, 66, 66, 0.3);
}
.border-opacity-30.border-orange {
  border-color: rgba(242, 142, 28, 0.3);
}
.border-opacity-30.border-blue {
  border-color: rgba(185, 153, 110, 0.3);
}
.border-opacity-30.border-yollow {
  border-color: rgba(255, 169, 49, 0.3);
}
.border-opacity-30.border-green {
  border-color: rgba(83, 202, 180, 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(83, 202, 180, 0.35);
}
.border-opacity-35.border-secondary {
  border-color: rgba(11, 34, 56, 0.35);
}
.border-opacity-35.border-snow {
  border-color: rgba(235, 235, 235, 0.35);
}
.border-opacity-35.border-red {
  border-color: rgba(255, 66, 66, 0.35);
}
.border-opacity-35.border-orange {
  border-color: rgba(242, 142, 28, 0.35);
}
.border-opacity-35.border-blue {
  border-color: rgba(185, 153, 110, 0.35);
}
.border-opacity-35.border-yollow {
  border-color: rgba(255, 169, 49, 0.35);
}
.border-opacity-35.border-green {
  border-color: rgba(83, 202, 180, 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(83, 202, 180, 0.4);
}
.border-opacity-40.border-secondary {
  border-color: rgba(11, 34, 56, 0.4);
}
.border-opacity-40.border-snow {
  border-color: rgba(235, 235, 235, 0.4);
}
.border-opacity-40.border-red {
  border-color: rgba(255, 66, 66, 0.4);
}
.border-opacity-40.border-orange {
  border-color: rgba(242, 142, 28, 0.4);
}
.border-opacity-40.border-blue {
  border-color: rgba(185, 153, 110, 0.4);
}
.border-opacity-40.border-yollow {
  border-color: rgba(255, 169, 49, 0.4);
}
.border-opacity-40.border-green {
  border-color: rgba(83, 202, 180, 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(83, 202, 180, 0.45);
}
.border-opacity-45.border-secondary {
  border-color: rgba(11, 34, 56, 0.45);
}
.border-opacity-45.border-snow {
  border-color: rgba(235, 235, 235, 0.45);
}
.border-opacity-45.border-red {
  border-color: rgba(255, 66, 66, 0.45);
}
.border-opacity-45.border-orange {
  border-color: rgba(242, 142, 28, 0.45);
}
.border-opacity-45.border-blue {
  border-color: rgba(185, 153, 110, 0.45);
}
.border-opacity-45.border-yollow {
  border-color: rgba(255, 169, 49, 0.45);
}
.border-opacity-45.border-green {
  border-color: rgba(83, 202, 180, 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(83, 202, 180, 0.5);
}
.border-opacity-50.border-secondary {
  border-color: rgba(11, 34, 56, 0.5);
}
.border-opacity-50.border-snow {
  border-color: rgba(235, 235, 235, 0.5);
}
.border-opacity-50.border-red {
  border-color: rgba(255, 66, 66, 0.5);
}
.border-opacity-50.border-orange {
  border-color: rgba(242, 142, 28, 0.5);
}
.border-opacity-50.border-blue {
  border-color: rgba(185, 153, 110, 0.5);
}
.border-opacity-50.border-yollow {
  border-color: rgba(255, 169, 49, 0.5);
}
.border-opacity-50.border-green {
  border-color: rgba(83, 202, 180, 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(83, 202, 180, 0.55);
}
.border-opacity-55.border-secondary {
  border-color: rgba(11, 34, 56, 0.55);
}
.border-opacity-55.border-snow {
  border-color: rgba(235, 235, 235, 0.55);
}
.border-opacity-55.border-red {
  border-color: rgba(255, 66, 66, 0.55);
}
.border-opacity-55.border-orange {
  border-color: rgba(242, 142, 28, 0.55);
}
.border-opacity-55.border-blue {
  border-color: rgba(185, 153, 110, 0.55);
}
.border-opacity-55.border-yollow {
  border-color: rgba(255, 169, 49, 0.55);
}
.border-opacity-55.border-green {
  border-color: rgba(83, 202, 180, 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(83, 202, 180, 0.6);
}
.border-opacity-60.border-secondary {
  border-color: rgba(11, 34, 56, 0.6);
}
.border-opacity-60.border-snow {
  border-color: rgba(235, 235, 235, 0.6);
}
.border-opacity-60.border-red {
  border-color: rgba(255, 66, 66, 0.6);
}
.border-opacity-60.border-orange {
  border-color: rgba(242, 142, 28, 0.6);
}
.border-opacity-60.border-blue {
  border-color: rgba(185, 153, 110, 0.6);
}
.border-opacity-60.border-yollow {
  border-color: rgba(255, 169, 49, 0.6);
}
.border-opacity-60.border-green {
  border-color: rgba(83, 202, 180, 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(83, 202, 180, 0.65);
}
.border-opacity-65.border-secondary {
  border-color: rgba(11, 34, 56, 0.65);
}
.border-opacity-65.border-snow {
  border-color: rgba(235, 235, 235, 0.65);
}
.border-opacity-65.border-red {
  border-color: rgba(255, 66, 66, 0.65);
}
.border-opacity-65.border-orange {
  border-color: rgba(242, 142, 28, 0.65);
}
.border-opacity-65.border-blue {
  border-color: rgba(185, 153, 110, 0.65);
}
.border-opacity-65.border-yollow {
  border-color: rgba(255, 169, 49, 0.65);
}
.border-opacity-65.border-green {
  border-color: rgba(83, 202, 180, 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(83, 202, 180, 0.7);
}
.border-opacity-70.border-secondary {
  border-color: rgba(11, 34, 56, 0.7);
}
.border-opacity-70.border-snow {
  border-color: rgba(235, 235, 235, 0.7);
}
.border-opacity-70.border-red {
  border-color: rgba(255, 66, 66, 0.7);
}
.border-opacity-70.border-orange {
  border-color: rgba(242, 142, 28, 0.7);
}
.border-opacity-70.border-blue {
  border-color: rgba(185, 153, 110, 0.7);
}
.border-opacity-70.border-yollow {
  border-color: rgba(255, 169, 49, 0.7);
}
.border-opacity-70.border-green {
  border-color: rgba(83, 202, 180, 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(83, 202, 180, 0.75);
}
.border-opacity-75.border-secondary {
  border-color: rgba(11, 34, 56, 0.75);
}
.border-opacity-75.border-snow {
  border-color: rgba(235, 235, 235, 0.75);
}
.border-opacity-75.border-red {
  border-color: rgba(255, 66, 66, 0.75);
}
.border-opacity-75.border-orange {
  border-color: rgba(242, 142, 28, 0.75);
}
.border-opacity-75.border-blue {
  border-color: rgba(185, 153, 110, 0.75);
}
.border-opacity-75.border-yollow {
  border-color: rgba(255, 169, 49, 0.75);
}
.border-opacity-75.border-green {
  border-color: rgba(83, 202, 180, 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(83, 202, 180, 0.8);
}
.border-opacity-80.border-secondary {
  border-color: rgba(11, 34, 56, 0.8);
}
.border-opacity-80.border-snow {
  border-color: rgba(235, 235, 235, 0.8);
}
.border-opacity-80.border-red {
  border-color: rgba(255, 66, 66, 0.8);
}
.border-opacity-80.border-orange {
  border-color: rgba(242, 142, 28, 0.8);
}
.border-opacity-80.border-blue {
  border-color: rgba(185, 153, 110, 0.8);
}
.border-opacity-80.border-yollow {
  border-color: rgba(255, 169, 49, 0.8);
}
.border-opacity-80.border-green {
  border-color: rgba(83, 202, 180, 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(83, 202, 180, 0.85);
}
.border-opacity-85.border-secondary {
  border-color: rgba(11, 34, 56, 0.85);
}
.border-opacity-85.border-snow {
  border-color: rgba(235, 235, 235, 0.85);
}
.border-opacity-85.border-red {
  border-color: rgba(255, 66, 66, 0.85);
}
.border-opacity-85.border-orange {
  border-color: rgba(242, 142, 28, 0.85);
}
.border-opacity-85.border-blue {
  border-color: rgba(185, 153, 110, 0.85);
}
.border-opacity-85.border-yollow {
  border-color: rgba(255, 169, 49, 0.85);
}
.border-opacity-85.border-green {
  border-color: rgba(83, 202, 180, 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(83, 202, 180, 0.9);
}
.border-opacity-90.border-secondary {
  border-color: rgba(11, 34, 56, 0.9);
}
.border-opacity-90.border-snow {
  border-color: rgba(235, 235, 235, 0.9);
}
.border-opacity-90.border-red {
  border-color: rgba(255, 66, 66, 0.9);
}
.border-opacity-90.border-orange {
  border-color: rgba(242, 142, 28, 0.9);
}
.border-opacity-90.border-blue {
  border-color: rgba(185, 153, 110, 0.9);
}
.border-opacity-90.border-yollow {
  border-color: rgba(255, 169, 49, 0.9);
}
.border-opacity-90.border-green {
  border-color: rgba(83, 202, 180, 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(83, 202, 180, 0.95);
}
.border-opacity-95.border-secondary {
  border-color: rgba(11, 34, 56, 0.95);
}
.border-opacity-95.border-snow {
  border-color: rgba(235, 235, 235, 0.95);
}
.border-opacity-95.border-red {
  border-color: rgba(255, 66, 66, 0.95);
}
.border-opacity-95.border-orange {
  border-color: rgba(242, 142, 28, 0.95);
}
.border-opacity-95.border-blue {
  border-color: rgba(185, 153, 110, 0.95);
}
.border-opacity-95.border-yollow {
  border-color: rgba(255, 169, 49, 0.95);
}
.border-opacity-95.border-green {
  border-color: rgba(83, 202, 180, 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-yollow:hover {
  background-color: var(--bg-yollow);
}

.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-yollow:hover {
  color: var(--color-yollow);
}

.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-yollow:hover {
  border-color: var(--border-yollow);
}

.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(83, 202, 180, 0.05);
}
.hover\:bg-opacity-5:hover.bg-secondary {
  background-color: rgba(30, 30, 29, 0.05);
}
.hover\:bg-opacity-5:hover.bg-snow {
  background-color: rgba(249, 249, 249, 0.05);
}
.hover\:bg-opacity-5:hover.bg-red {
  background-color: rgba(255, 66, 66, 0.05);
}
.hover\:bg-opacity-5:hover.bg-orange {
  background-color: rgba(242, 142, 28, 0.05);
}
.hover\:bg-opacity-5:hover.bg-blue {
  background-color: rgba(185, 153, 110, 0.05);
}
.hover\:bg-opacity-5:hover.bg-yollow {
  background-color: rgba(255, 169, 49, 0.05);
}
.hover\:bg-opacity-5:hover.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.1);
}
.hover\:bg-opacity-10:hover.bg-secondary {
  background-color: rgba(30, 30, 29, 0.1);
}
.hover\:bg-opacity-10:hover.bg-snow {
  background-color: rgba(249, 249, 249, 0.1);
}
.hover\:bg-opacity-10:hover.bg-red {
  background-color: rgba(255, 66, 66, 0.1);
}
.hover\:bg-opacity-10:hover.bg-orange {
  background-color: rgba(242, 142, 28, 0.1);
}
.hover\:bg-opacity-10:hover.bg-blue {
  background-color: rgba(185, 153, 110, 0.1);
}
.hover\:bg-opacity-10:hover.bg-yollow {
  background-color: rgba(255, 169, 49, 0.1);
}
.hover\:bg-opacity-10:hover.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.15);
}
.hover\:bg-opacity-15:hover.bg-secondary {
  background-color: rgba(30, 30, 29, 0.15);
}
.hover\:bg-opacity-15:hover.bg-snow {
  background-color: rgba(249, 249, 249, 0.15);
}
.hover\:bg-opacity-15:hover.bg-red {
  background-color: rgba(255, 66, 66, 0.15);
}
.hover\:bg-opacity-15:hover.bg-orange {
  background-color: rgba(242, 142, 28, 0.15);
}
.hover\:bg-opacity-15:hover.bg-blue {
  background-color: rgba(185, 153, 110, 0.15);
}
.hover\:bg-opacity-15:hover.bg-yollow {
  background-color: rgba(255, 169, 49, 0.15);
}
.hover\:bg-opacity-15:hover.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.2);
}
.hover\:bg-opacity-20:hover.bg-secondary {
  background-color: rgba(30, 30, 29, 0.2);
}
.hover\:bg-opacity-20:hover.bg-snow {
  background-color: rgba(249, 249, 249, 0.2);
}
.hover\:bg-opacity-20:hover.bg-red {
  background-color: rgba(255, 66, 66, 0.2);
}
.hover\:bg-opacity-20:hover.bg-orange {
  background-color: rgba(242, 142, 28, 0.2);
}
.hover\:bg-opacity-20:hover.bg-blue {
  background-color: rgba(185, 153, 110, 0.2);
}
.hover\:bg-opacity-20:hover.bg-yollow {
  background-color: rgba(255, 169, 49, 0.2);
}
.hover\:bg-opacity-20:hover.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.25);
}
.hover\:bg-opacity-25:hover.bg-secondary {
  background-color: rgba(30, 30, 29, 0.25);
}
.hover\:bg-opacity-25:hover.bg-snow {
  background-color: rgba(249, 249, 249, 0.25);
}
.hover\:bg-opacity-25:hover.bg-red {
  background-color: rgba(255, 66, 66, 0.25);
}
.hover\:bg-opacity-25:hover.bg-orange {
  background-color: rgba(242, 142, 28, 0.25);
}
.hover\:bg-opacity-25:hover.bg-blue {
  background-color: rgba(185, 153, 110, 0.25);
}
.hover\:bg-opacity-25:hover.bg-yollow {
  background-color: rgba(255, 169, 49, 0.25);
}
.hover\:bg-opacity-25:hover.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.3);
}
.hover\:bg-opacity-30:hover.bg-secondary {
  background-color: rgba(30, 30, 29, 0.3);
}
.hover\:bg-opacity-30:hover.bg-snow {
  background-color: rgba(249, 249, 249, 0.3);
}
.hover\:bg-opacity-30:hover.bg-red {
  background-color: rgba(255, 66, 66, 0.3);
}
.hover\:bg-opacity-30:hover.bg-orange {
  background-color: rgba(242, 142, 28, 0.3);
}
.hover\:bg-opacity-30:hover.bg-blue {
  background-color: rgba(185, 153, 110, 0.3);
}
.hover\:bg-opacity-30:hover.bg-yollow {
  background-color: rgba(255, 169, 49, 0.3);
}
.hover\:bg-opacity-30:hover.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.35);
}
.hover\:bg-opacity-35:hover.bg-secondary {
  background-color: rgba(30, 30, 29, 0.35);
}
.hover\:bg-opacity-35:hover.bg-snow {
  background-color: rgba(249, 249, 249, 0.35);
}
.hover\:bg-opacity-35:hover.bg-red {
  background-color: rgba(255, 66, 66, 0.35);
}
.hover\:bg-opacity-35:hover.bg-orange {
  background-color: rgba(242, 142, 28, 0.35);
}
.hover\:bg-opacity-35:hover.bg-blue {
  background-color: rgba(185, 153, 110, 0.35);
}
.hover\:bg-opacity-35:hover.bg-yollow {
  background-color: rgba(255, 169, 49, 0.35);
}
.hover\:bg-opacity-35:hover.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.4);
}
.hover\:bg-opacity-40:hover.bg-secondary {
  background-color: rgba(30, 30, 29, 0.4);
}
.hover\:bg-opacity-40:hover.bg-snow {
  background-color: rgba(249, 249, 249, 0.4);
}
.hover\:bg-opacity-40:hover.bg-red {
  background-color: rgba(255, 66, 66, 0.4);
}
.hover\:bg-opacity-40:hover.bg-orange {
  background-color: rgba(242, 142, 28, 0.4);
}
.hover\:bg-opacity-40:hover.bg-blue {
  background-color: rgba(185, 153, 110, 0.4);
}
.hover\:bg-opacity-40:hover.bg-yollow {
  background-color: rgba(255, 169, 49, 0.4);
}
.hover\:bg-opacity-40:hover.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.45);
}
.hover\:bg-opacity-45:hover.bg-secondary {
  background-color: rgba(30, 30, 29, 0.45);
}
.hover\:bg-opacity-45:hover.bg-snow {
  background-color: rgba(249, 249, 249, 0.45);
}
.hover\:bg-opacity-45:hover.bg-red {
  background-color: rgba(255, 66, 66, 0.45);
}
.hover\:bg-opacity-45:hover.bg-orange {
  background-color: rgba(242, 142, 28, 0.45);
}
.hover\:bg-opacity-45:hover.bg-blue {
  background-color: rgba(185, 153, 110, 0.45);
}
.hover\:bg-opacity-45:hover.bg-yollow {
  background-color: rgba(255, 169, 49, 0.45);
}
.hover\:bg-opacity-45:hover.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.5);
}
.hover\:bg-opacity-50:hover.bg-secondary {
  background-color: rgba(30, 30, 29, 0.5);
}
.hover\:bg-opacity-50:hover.bg-snow {
  background-color: rgba(249, 249, 249, 0.5);
}
.hover\:bg-opacity-50:hover.bg-red {
  background-color: rgba(255, 66, 66, 0.5);
}
.hover\:bg-opacity-50:hover.bg-orange {
  background-color: rgba(242, 142, 28, 0.5);
}
.hover\:bg-opacity-50:hover.bg-blue {
  background-color: rgba(185, 153, 110, 0.5);
}
.hover\:bg-opacity-50:hover.bg-yollow {
  background-color: rgba(255, 169, 49, 0.5);
}
.hover\:bg-opacity-50:hover.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.55);
}
.hover\:bg-opacity-55:hover.bg-secondary {
  background-color: rgba(30, 30, 29, 0.55);
}
.hover\:bg-opacity-55:hover.bg-snow {
  background-color: rgba(249, 249, 249, 0.55);
}
.hover\:bg-opacity-55:hover.bg-red {
  background-color: rgba(255, 66, 66, 0.55);
}
.hover\:bg-opacity-55:hover.bg-orange {
  background-color: rgba(242, 142, 28, 0.55);
}
.hover\:bg-opacity-55:hover.bg-blue {
  background-color: rgba(185, 153, 110, 0.55);
}
.hover\:bg-opacity-55:hover.bg-yollow {
  background-color: rgba(255, 169, 49, 0.55);
}
.hover\:bg-opacity-55:hover.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.6);
}
.hover\:bg-opacity-60:hover.bg-secondary {
  background-color: rgba(30, 30, 29, 0.6);
}
.hover\:bg-opacity-60:hover.bg-snow {
  background-color: rgba(249, 249, 249, 0.6);
}
.hover\:bg-opacity-60:hover.bg-red {
  background-color: rgba(255, 66, 66, 0.6);
}
.hover\:bg-opacity-60:hover.bg-orange {
  background-color: rgba(242, 142, 28, 0.6);
}
.hover\:bg-opacity-60:hover.bg-blue {
  background-color: rgba(185, 153, 110, 0.6);
}
.hover\:bg-opacity-60:hover.bg-yollow {
  background-color: rgba(255, 169, 49, 0.6);
}
.hover\:bg-opacity-60:hover.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.65);
}
.hover\:bg-opacity-65:hover.bg-secondary {
  background-color: rgba(30, 30, 29, 0.65);
}
.hover\:bg-opacity-65:hover.bg-snow {
  background-color: rgba(249, 249, 249, 0.65);
}
.hover\:bg-opacity-65:hover.bg-red {
  background-color: rgba(255, 66, 66, 0.65);
}
.hover\:bg-opacity-65:hover.bg-orange {
  background-color: rgba(242, 142, 28, 0.65);
}
.hover\:bg-opacity-65:hover.bg-blue {
  background-color: rgba(185, 153, 110, 0.65);
}
.hover\:bg-opacity-65:hover.bg-yollow {
  background-color: rgba(255, 169, 49, 0.65);
}
.hover\:bg-opacity-65:hover.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.7);
}
.hover\:bg-opacity-70:hover.bg-secondary {
  background-color: rgba(30, 30, 29, 0.7);
}
.hover\:bg-opacity-70:hover.bg-snow {
  background-color: rgba(249, 249, 249, 0.7);
}
.hover\:bg-opacity-70:hover.bg-red {
  background-color: rgba(255, 66, 66, 0.7);
}
.hover\:bg-opacity-70:hover.bg-orange {
  background-color: rgba(242, 142, 28, 0.7);
}
.hover\:bg-opacity-70:hover.bg-blue {
  background-color: rgba(185, 153, 110, 0.7);
}
.hover\:bg-opacity-70:hover.bg-yollow {
  background-color: rgba(255, 169, 49, 0.7);
}
.hover\:bg-opacity-70:hover.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.75);
}
.hover\:bg-opacity-75:hover.bg-secondary {
  background-color: rgba(30, 30, 29, 0.75);
}
.hover\:bg-opacity-75:hover.bg-snow {
  background-color: rgba(249, 249, 249, 0.75);
}
.hover\:bg-opacity-75:hover.bg-red {
  background-color: rgba(255, 66, 66, 0.75);
}
.hover\:bg-opacity-75:hover.bg-orange {
  background-color: rgba(242, 142, 28, 0.75);
}
.hover\:bg-opacity-75:hover.bg-blue {
  background-color: rgba(185, 153, 110, 0.75);
}
.hover\:bg-opacity-75:hover.bg-yollow {
  background-color: rgba(255, 169, 49, 0.75);
}
.hover\:bg-opacity-75:hover.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.8);
}
.hover\:bg-opacity-80:hover.bg-secondary {
  background-color: rgba(30, 30, 29, 0.8);
}
.hover\:bg-opacity-80:hover.bg-snow {
  background-color: rgba(249, 249, 249, 0.8);
}
.hover\:bg-opacity-80:hover.bg-red {
  background-color: rgba(255, 66, 66, 0.8);
}
.hover\:bg-opacity-80:hover.bg-orange {
  background-color: rgba(242, 142, 28, 0.8);
}
.hover\:bg-opacity-80:hover.bg-blue {
  background-color: rgba(185, 153, 110, 0.8);
}
.hover\:bg-opacity-80:hover.bg-yollow {
  background-color: rgba(255, 169, 49, 0.8);
}
.hover\:bg-opacity-80:hover.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.85);
}
.hover\:bg-opacity-85:hover.bg-secondary {
  background-color: rgba(30, 30, 29, 0.85);
}
.hover\:bg-opacity-85:hover.bg-snow {
  background-color: rgba(249, 249, 249, 0.85);
}
.hover\:bg-opacity-85:hover.bg-red {
  background-color: rgba(255, 66, 66, 0.85);
}
.hover\:bg-opacity-85:hover.bg-orange {
  background-color: rgba(242, 142, 28, 0.85);
}
.hover\:bg-opacity-85:hover.bg-blue {
  background-color: rgba(185, 153, 110, 0.85);
}
.hover\:bg-opacity-85:hover.bg-yollow {
  background-color: rgba(255, 169, 49, 0.85);
}
.hover\:bg-opacity-85:hover.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.9);
}
.hover\:bg-opacity-90:hover.bg-secondary {
  background-color: rgba(30, 30, 29, 0.9);
}
.hover\:bg-opacity-90:hover.bg-snow {
  background-color: rgba(249, 249, 249, 0.9);
}
.hover\:bg-opacity-90:hover.bg-red {
  background-color: rgba(255, 66, 66, 0.9);
}
.hover\:bg-opacity-90:hover.bg-orange {
  background-color: rgba(242, 142, 28, 0.9);
}
.hover\:bg-opacity-90:hover.bg-blue {
  background-color: rgba(185, 153, 110, 0.9);
}
.hover\:bg-opacity-90:hover.bg-yollow {
  background-color: rgba(255, 169, 49, 0.9);
}
.hover\:bg-opacity-90:hover.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.95);
}
.hover\:bg-opacity-95:hover.bg-secondary {
  background-color: rgba(30, 30, 29, 0.95);
}
.hover\:bg-opacity-95:hover.bg-snow {
  background-color: rgba(249, 249, 249, 0.95);
}
.hover\:bg-opacity-95:hover.bg-red {
  background-color: rgba(255, 66, 66, 0.95);
}
.hover\:bg-opacity-95:hover.bg-orange {
  background-color: rgba(242, 142, 28, 0.95);
}
.hover\:bg-opacity-95:hover.bg-blue {
  background-color: rgba(185, 153, 110, 0.95);
}
.hover\:bg-opacity-95:hover.bg-yollow {
  background-color: rgba(255, 169, 49, 0.95);
}
.hover\:bg-opacity-95:hover.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.05);
}
.hover\:color-opacity-5:hover.color-secondary {
  color: rgba(30, 30, 29, 0.05);
}
.hover\:color-opacity-5:hover.color-snow {
  color: rgba(249, 249, 249, 0.05);
}
.hover\:color-opacity-5:hover.color-red {
  color: rgba(255, 66, 66, 0.05);
}
.hover\:color-opacity-5:hover.color-orange {
  color: rgba(242, 142, 28, 0.05);
}
.hover\:color-opacity-5:hover.color-blue {
  color: rgba(185, 153, 110, 0.05);
}
.hover\:color-opacity-5:hover.color-yollow {
  color: rgba(255, 169, 49, 0.05);
}
.hover\:color-opacity-5:hover.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.1);
}
.hover\:color-opacity-10:hover.color-secondary {
  color: rgba(30, 30, 29, 0.1);
}
.hover\:color-opacity-10:hover.color-snow {
  color: rgba(249, 249, 249, 0.1);
}
.hover\:color-opacity-10:hover.color-red {
  color: rgba(255, 66, 66, 0.1);
}
.hover\:color-opacity-10:hover.color-orange {
  color: rgba(242, 142, 28, 0.1);
}
.hover\:color-opacity-10:hover.color-blue {
  color: rgba(185, 153, 110, 0.1);
}
.hover\:color-opacity-10:hover.color-yollow {
  color: rgba(255, 169, 49, 0.1);
}
.hover\:color-opacity-10:hover.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.15);
}
.hover\:color-opacity-15:hover.color-secondary {
  color: rgba(30, 30, 29, 0.15);
}
.hover\:color-opacity-15:hover.color-snow {
  color: rgba(249, 249, 249, 0.15);
}
.hover\:color-opacity-15:hover.color-red {
  color: rgba(255, 66, 66, 0.15);
}
.hover\:color-opacity-15:hover.color-orange {
  color: rgba(242, 142, 28, 0.15);
}
.hover\:color-opacity-15:hover.color-blue {
  color: rgba(185, 153, 110, 0.15);
}
.hover\:color-opacity-15:hover.color-yollow {
  color: rgba(255, 169, 49, 0.15);
}
.hover\:color-opacity-15:hover.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.2);
}
.hover\:color-opacity-20:hover.color-secondary {
  color: rgba(30, 30, 29, 0.2);
}
.hover\:color-opacity-20:hover.color-snow {
  color: rgba(249, 249, 249, 0.2);
}
.hover\:color-opacity-20:hover.color-red {
  color: rgba(255, 66, 66, 0.2);
}
.hover\:color-opacity-20:hover.color-orange {
  color: rgba(242, 142, 28, 0.2);
}
.hover\:color-opacity-20:hover.color-blue {
  color: rgba(185, 153, 110, 0.2);
}
.hover\:color-opacity-20:hover.color-yollow {
  color: rgba(255, 169, 49, 0.2);
}
.hover\:color-opacity-20:hover.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.25);
}
.hover\:color-opacity-25:hover.color-secondary {
  color: rgba(30, 30, 29, 0.25);
}
.hover\:color-opacity-25:hover.color-snow {
  color: rgba(249, 249, 249, 0.25);
}
.hover\:color-opacity-25:hover.color-red {
  color: rgba(255, 66, 66, 0.25);
}
.hover\:color-opacity-25:hover.color-orange {
  color: rgba(242, 142, 28, 0.25);
}
.hover\:color-opacity-25:hover.color-blue {
  color: rgba(185, 153, 110, 0.25);
}
.hover\:color-opacity-25:hover.color-yollow {
  color: rgba(255, 169, 49, 0.25);
}
.hover\:color-opacity-25:hover.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.3);
}
.hover\:color-opacity-30:hover.color-secondary {
  color: rgba(30, 30, 29, 0.3);
}
.hover\:color-opacity-30:hover.color-snow {
  color: rgba(249, 249, 249, 0.3);
}
.hover\:color-opacity-30:hover.color-red {
  color: rgba(255, 66, 66, 0.3);
}
.hover\:color-opacity-30:hover.color-orange {
  color: rgba(242, 142, 28, 0.3);
}
.hover\:color-opacity-30:hover.color-blue {
  color: rgba(185, 153, 110, 0.3);
}
.hover\:color-opacity-30:hover.color-yollow {
  color: rgba(255, 169, 49, 0.3);
}
.hover\:color-opacity-30:hover.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.35);
}
.hover\:color-opacity-35:hover.color-secondary {
  color: rgba(30, 30, 29, 0.35);
}
.hover\:color-opacity-35:hover.color-snow {
  color: rgba(249, 249, 249, 0.35);
}
.hover\:color-opacity-35:hover.color-red {
  color: rgba(255, 66, 66, 0.35);
}
.hover\:color-opacity-35:hover.color-orange {
  color: rgba(242, 142, 28, 0.35);
}
.hover\:color-opacity-35:hover.color-blue {
  color: rgba(185, 153, 110, 0.35);
}
.hover\:color-opacity-35:hover.color-yollow {
  color: rgba(255, 169, 49, 0.35);
}
.hover\:color-opacity-35:hover.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.4);
}
.hover\:color-opacity-40:hover.color-secondary {
  color: rgba(30, 30, 29, 0.4);
}
.hover\:color-opacity-40:hover.color-snow {
  color: rgba(249, 249, 249, 0.4);
}
.hover\:color-opacity-40:hover.color-red {
  color: rgba(255, 66, 66, 0.4);
}
.hover\:color-opacity-40:hover.color-orange {
  color: rgba(242, 142, 28, 0.4);
}
.hover\:color-opacity-40:hover.color-blue {
  color: rgba(185, 153, 110, 0.4);
}
.hover\:color-opacity-40:hover.color-yollow {
  color: rgba(255, 169, 49, 0.4);
}
.hover\:color-opacity-40:hover.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.45);
}
.hover\:color-opacity-45:hover.color-secondary {
  color: rgba(30, 30, 29, 0.45);
}
.hover\:color-opacity-45:hover.color-snow {
  color: rgba(249, 249, 249, 0.45);
}
.hover\:color-opacity-45:hover.color-red {
  color: rgba(255, 66, 66, 0.45);
}
.hover\:color-opacity-45:hover.color-orange {
  color: rgba(242, 142, 28, 0.45);
}
.hover\:color-opacity-45:hover.color-blue {
  color: rgba(185, 153, 110, 0.45);
}
.hover\:color-opacity-45:hover.color-yollow {
  color: rgba(255, 169, 49, 0.45);
}
.hover\:color-opacity-45:hover.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.5);
}
.hover\:color-opacity-50:hover.color-secondary {
  color: rgba(30, 30, 29, 0.5);
}
.hover\:color-opacity-50:hover.color-snow {
  color: rgba(249, 249, 249, 0.5);
}
.hover\:color-opacity-50:hover.color-red {
  color: rgba(255, 66, 66, 0.5);
}
.hover\:color-opacity-50:hover.color-orange {
  color: rgba(242, 142, 28, 0.5);
}
.hover\:color-opacity-50:hover.color-blue {
  color: rgba(185, 153, 110, 0.5);
}
.hover\:color-opacity-50:hover.color-yollow {
  color: rgba(255, 169, 49, 0.5);
}
.hover\:color-opacity-50:hover.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.55);
}
.hover\:color-opacity-55:hover.color-secondary {
  color: rgba(30, 30, 29, 0.55);
}
.hover\:color-opacity-55:hover.color-snow {
  color: rgba(249, 249, 249, 0.55);
}
.hover\:color-opacity-55:hover.color-red {
  color: rgba(255, 66, 66, 0.55);
}
.hover\:color-opacity-55:hover.color-orange {
  color: rgba(242, 142, 28, 0.55);
}
.hover\:color-opacity-55:hover.color-blue {
  color: rgba(185, 153, 110, 0.55);
}
.hover\:color-opacity-55:hover.color-yollow {
  color: rgba(255, 169, 49, 0.55);
}
.hover\:color-opacity-55:hover.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.6);
}
.hover\:color-opacity-60:hover.color-secondary {
  color: rgba(30, 30, 29, 0.6);
}
.hover\:color-opacity-60:hover.color-snow {
  color: rgba(249, 249, 249, 0.6);
}
.hover\:color-opacity-60:hover.color-red {
  color: rgba(255, 66, 66, 0.6);
}
.hover\:color-opacity-60:hover.color-orange {
  color: rgba(242, 142, 28, 0.6);
}
.hover\:color-opacity-60:hover.color-blue {
  color: rgba(185, 153, 110, 0.6);
}
.hover\:color-opacity-60:hover.color-yollow {
  color: rgba(255, 169, 49, 0.6);
}
.hover\:color-opacity-60:hover.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.65);
}
.hover\:color-opacity-65:hover.color-secondary {
  color: rgba(30, 30, 29, 0.65);
}
.hover\:color-opacity-65:hover.color-snow {
  color: rgba(249, 249, 249, 0.65);
}
.hover\:color-opacity-65:hover.color-red {
  color: rgba(255, 66, 66, 0.65);
}
.hover\:color-opacity-65:hover.color-orange {
  color: rgba(242, 142, 28, 0.65);
}
.hover\:color-opacity-65:hover.color-blue {
  color: rgba(185, 153, 110, 0.65);
}
.hover\:color-opacity-65:hover.color-yollow {
  color: rgba(255, 169, 49, 0.65);
}
.hover\:color-opacity-65:hover.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.7);
}
.hover\:color-opacity-70:hover.color-secondary {
  color: rgba(30, 30, 29, 0.7);
}
.hover\:color-opacity-70:hover.color-snow {
  color: rgba(249, 249, 249, 0.7);
}
.hover\:color-opacity-70:hover.color-red {
  color: rgba(255, 66, 66, 0.7);
}
.hover\:color-opacity-70:hover.color-orange {
  color: rgba(242, 142, 28, 0.7);
}
.hover\:color-opacity-70:hover.color-blue {
  color: rgba(185, 153, 110, 0.7);
}
.hover\:color-opacity-70:hover.color-yollow {
  color: rgba(255, 169, 49, 0.7);
}
.hover\:color-opacity-70:hover.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.75);
}
.hover\:color-opacity-75:hover.color-secondary {
  color: rgba(30, 30, 29, 0.75);
}
.hover\:color-opacity-75:hover.color-snow {
  color: rgba(249, 249, 249, 0.75);
}
.hover\:color-opacity-75:hover.color-red {
  color: rgba(255, 66, 66, 0.75);
}
.hover\:color-opacity-75:hover.color-orange {
  color: rgba(242, 142, 28, 0.75);
}
.hover\:color-opacity-75:hover.color-blue {
  color: rgba(185, 153, 110, 0.75);
}
.hover\:color-opacity-75:hover.color-yollow {
  color: rgba(255, 169, 49, 0.75);
}
.hover\:color-opacity-75:hover.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.8);
}
.hover\:color-opacity-80:hover.color-secondary {
  color: rgba(30, 30, 29, 0.8);
}
.hover\:color-opacity-80:hover.color-snow {
  color: rgba(249, 249, 249, 0.8);
}
.hover\:color-opacity-80:hover.color-red {
  color: rgba(255, 66, 66, 0.8);
}
.hover\:color-opacity-80:hover.color-orange {
  color: rgba(242, 142, 28, 0.8);
}
.hover\:color-opacity-80:hover.color-blue {
  color: rgba(185, 153, 110, 0.8);
}
.hover\:color-opacity-80:hover.color-yollow {
  color: rgba(255, 169, 49, 0.8);
}
.hover\:color-opacity-80:hover.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.85);
}
.hover\:color-opacity-85:hover.color-secondary {
  color: rgba(30, 30, 29, 0.85);
}
.hover\:color-opacity-85:hover.color-snow {
  color: rgba(249, 249, 249, 0.85);
}
.hover\:color-opacity-85:hover.color-red {
  color: rgba(255, 66, 66, 0.85);
}
.hover\:color-opacity-85:hover.color-orange {
  color: rgba(242, 142, 28, 0.85);
}
.hover\:color-opacity-85:hover.color-blue {
  color: rgba(185, 153, 110, 0.85);
}
.hover\:color-opacity-85:hover.color-yollow {
  color: rgba(255, 169, 49, 0.85);
}
.hover\:color-opacity-85:hover.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.9);
}
.hover\:color-opacity-90:hover.color-secondary {
  color: rgba(30, 30, 29, 0.9);
}
.hover\:color-opacity-90:hover.color-snow {
  color: rgba(249, 249, 249, 0.9);
}
.hover\:color-opacity-90:hover.color-red {
  color: rgba(255, 66, 66, 0.9);
}
.hover\:color-opacity-90:hover.color-orange {
  color: rgba(242, 142, 28, 0.9);
}
.hover\:color-opacity-90:hover.color-blue {
  color: rgba(185, 153, 110, 0.9);
}
.hover\:color-opacity-90:hover.color-yollow {
  color: rgba(255, 169, 49, 0.9);
}
.hover\:color-opacity-90:hover.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.95);
}
.hover\:color-opacity-95:hover.color-secondary {
  color: rgba(30, 30, 29, 0.95);
}
.hover\:color-opacity-95:hover.color-snow {
  color: rgba(249, 249, 249, 0.95);
}
.hover\:color-opacity-95:hover.color-red {
  color: rgba(255, 66, 66, 0.95);
}
.hover\:color-opacity-95:hover.color-orange {
  color: rgba(242, 142, 28, 0.95);
}
.hover\:color-opacity-95:hover.color-blue {
  color: rgba(185, 153, 110, 0.95);
}
.hover\:color-opacity-95:hover.color-yollow {
  color: rgba(255, 169, 49, 0.95);
}
.hover\:color-opacity-95:hover.color-green {
  color: rgba(83, 202, 180, 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-yollow:focus {
  background-color: var(--bg-yollow);
}

.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-yollow:focus {
  color: var(--color-yollow);
}

.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-yollow:focus {
  border-color: var(--border-yollow);
}

.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(83, 202, 180, 0.05);
}
.focus\:bg-opacity-5:focus.bg-secondary {
  background-color: rgba(30, 30, 29, 0.05);
}
.focus\:bg-opacity-5:focus.bg-snow {
  background-color: rgba(249, 249, 249, 0.05);
}
.focus\:bg-opacity-5:focus.bg-red {
  background-color: rgba(255, 66, 66, 0.05);
}
.focus\:bg-opacity-5:focus.bg-orange {
  background-color: rgba(242, 142, 28, 0.05);
}
.focus\:bg-opacity-5:focus.bg-blue {
  background-color: rgba(185, 153, 110, 0.05);
}
.focus\:bg-opacity-5:focus.bg-yollow {
  background-color: rgba(255, 169, 49, 0.05);
}
.focus\:bg-opacity-5:focus.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.1);
}
.focus\:bg-opacity-10:focus.bg-secondary {
  background-color: rgba(30, 30, 29, 0.1);
}
.focus\:bg-opacity-10:focus.bg-snow {
  background-color: rgba(249, 249, 249, 0.1);
}
.focus\:bg-opacity-10:focus.bg-red {
  background-color: rgba(255, 66, 66, 0.1);
}
.focus\:bg-opacity-10:focus.bg-orange {
  background-color: rgba(242, 142, 28, 0.1);
}
.focus\:bg-opacity-10:focus.bg-blue {
  background-color: rgba(185, 153, 110, 0.1);
}
.focus\:bg-opacity-10:focus.bg-yollow {
  background-color: rgba(255, 169, 49, 0.1);
}
.focus\:bg-opacity-10:focus.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.15);
}
.focus\:bg-opacity-15:focus.bg-secondary {
  background-color: rgba(30, 30, 29, 0.15);
}
.focus\:bg-opacity-15:focus.bg-snow {
  background-color: rgba(249, 249, 249, 0.15);
}
.focus\:bg-opacity-15:focus.bg-red {
  background-color: rgba(255, 66, 66, 0.15);
}
.focus\:bg-opacity-15:focus.bg-orange {
  background-color: rgba(242, 142, 28, 0.15);
}
.focus\:bg-opacity-15:focus.bg-blue {
  background-color: rgba(185, 153, 110, 0.15);
}
.focus\:bg-opacity-15:focus.bg-yollow {
  background-color: rgba(255, 169, 49, 0.15);
}
.focus\:bg-opacity-15:focus.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.2);
}
.focus\:bg-opacity-20:focus.bg-secondary {
  background-color: rgba(30, 30, 29, 0.2);
}
.focus\:bg-opacity-20:focus.bg-snow {
  background-color: rgba(249, 249, 249, 0.2);
}
.focus\:bg-opacity-20:focus.bg-red {
  background-color: rgba(255, 66, 66, 0.2);
}
.focus\:bg-opacity-20:focus.bg-orange {
  background-color: rgba(242, 142, 28, 0.2);
}
.focus\:bg-opacity-20:focus.bg-blue {
  background-color: rgba(185, 153, 110, 0.2);
}
.focus\:bg-opacity-20:focus.bg-yollow {
  background-color: rgba(255, 169, 49, 0.2);
}
.focus\:bg-opacity-20:focus.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.25);
}
.focus\:bg-opacity-25:focus.bg-secondary {
  background-color: rgba(30, 30, 29, 0.25);
}
.focus\:bg-opacity-25:focus.bg-snow {
  background-color: rgba(249, 249, 249, 0.25);
}
.focus\:bg-opacity-25:focus.bg-red {
  background-color: rgba(255, 66, 66, 0.25);
}
.focus\:bg-opacity-25:focus.bg-orange {
  background-color: rgba(242, 142, 28, 0.25);
}
.focus\:bg-opacity-25:focus.bg-blue {
  background-color: rgba(185, 153, 110, 0.25);
}
.focus\:bg-opacity-25:focus.bg-yollow {
  background-color: rgba(255, 169, 49, 0.25);
}
.focus\:bg-opacity-25:focus.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.3);
}
.focus\:bg-opacity-30:focus.bg-secondary {
  background-color: rgba(30, 30, 29, 0.3);
}
.focus\:bg-opacity-30:focus.bg-snow {
  background-color: rgba(249, 249, 249, 0.3);
}
.focus\:bg-opacity-30:focus.bg-red {
  background-color: rgba(255, 66, 66, 0.3);
}
.focus\:bg-opacity-30:focus.bg-orange {
  background-color: rgba(242, 142, 28, 0.3);
}
.focus\:bg-opacity-30:focus.bg-blue {
  background-color: rgba(185, 153, 110, 0.3);
}
.focus\:bg-opacity-30:focus.bg-yollow {
  background-color: rgba(255, 169, 49, 0.3);
}
.focus\:bg-opacity-30:focus.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.35);
}
.focus\:bg-opacity-35:focus.bg-secondary {
  background-color: rgba(30, 30, 29, 0.35);
}
.focus\:bg-opacity-35:focus.bg-snow {
  background-color: rgba(249, 249, 249, 0.35);
}
.focus\:bg-opacity-35:focus.bg-red {
  background-color: rgba(255, 66, 66, 0.35);
}
.focus\:bg-opacity-35:focus.bg-orange {
  background-color: rgba(242, 142, 28, 0.35);
}
.focus\:bg-opacity-35:focus.bg-blue {
  background-color: rgba(185, 153, 110, 0.35);
}
.focus\:bg-opacity-35:focus.bg-yollow {
  background-color: rgba(255, 169, 49, 0.35);
}
.focus\:bg-opacity-35:focus.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.4);
}
.focus\:bg-opacity-40:focus.bg-secondary {
  background-color: rgba(30, 30, 29, 0.4);
}
.focus\:bg-opacity-40:focus.bg-snow {
  background-color: rgba(249, 249, 249, 0.4);
}
.focus\:bg-opacity-40:focus.bg-red {
  background-color: rgba(255, 66, 66, 0.4);
}
.focus\:bg-opacity-40:focus.bg-orange {
  background-color: rgba(242, 142, 28, 0.4);
}
.focus\:bg-opacity-40:focus.bg-blue {
  background-color: rgba(185, 153, 110, 0.4);
}
.focus\:bg-opacity-40:focus.bg-yollow {
  background-color: rgba(255, 169, 49, 0.4);
}
.focus\:bg-opacity-40:focus.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.45);
}
.focus\:bg-opacity-45:focus.bg-secondary {
  background-color: rgba(30, 30, 29, 0.45);
}
.focus\:bg-opacity-45:focus.bg-snow {
  background-color: rgba(249, 249, 249, 0.45);
}
.focus\:bg-opacity-45:focus.bg-red {
  background-color: rgba(255, 66, 66, 0.45);
}
.focus\:bg-opacity-45:focus.bg-orange {
  background-color: rgba(242, 142, 28, 0.45);
}
.focus\:bg-opacity-45:focus.bg-blue {
  background-color: rgba(185, 153, 110, 0.45);
}
.focus\:bg-opacity-45:focus.bg-yollow {
  background-color: rgba(255, 169, 49, 0.45);
}
.focus\:bg-opacity-45:focus.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.5);
}
.focus\:bg-opacity-50:focus.bg-secondary {
  background-color: rgba(30, 30, 29, 0.5);
}
.focus\:bg-opacity-50:focus.bg-snow {
  background-color: rgba(249, 249, 249, 0.5);
}
.focus\:bg-opacity-50:focus.bg-red {
  background-color: rgba(255, 66, 66, 0.5);
}
.focus\:bg-opacity-50:focus.bg-orange {
  background-color: rgba(242, 142, 28, 0.5);
}
.focus\:bg-opacity-50:focus.bg-blue {
  background-color: rgba(185, 153, 110, 0.5);
}
.focus\:bg-opacity-50:focus.bg-yollow {
  background-color: rgba(255, 169, 49, 0.5);
}
.focus\:bg-opacity-50:focus.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.55);
}
.focus\:bg-opacity-55:focus.bg-secondary {
  background-color: rgba(30, 30, 29, 0.55);
}
.focus\:bg-opacity-55:focus.bg-snow {
  background-color: rgba(249, 249, 249, 0.55);
}
.focus\:bg-opacity-55:focus.bg-red {
  background-color: rgba(255, 66, 66, 0.55);
}
.focus\:bg-opacity-55:focus.bg-orange {
  background-color: rgba(242, 142, 28, 0.55);
}
.focus\:bg-opacity-55:focus.bg-blue {
  background-color: rgba(185, 153, 110, 0.55);
}
.focus\:bg-opacity-55:focus.bg-yollow {
  background-color: rgba(255, 169, 49, 0.55);
}
.focus\:bg-opacity-55:focus.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.6);
}
.focus\:bg-opacity-60:focus.bg-secondary {
  background-color: rgba(30, 30, 29, 0.6);
}
.focus\:bg-opacity-60:focus.bg-snow {
  background-color: rgba(249, 249, 249, 0.6);
}
.focus\:bg-opacity-60:focus.bg-red {
  background-color: rgba(255, 66, 66, 0.6);
}
.focus\:bg-opacity-60:focus.bg-orange {
  background-color: rgba(242, 142, 28, 0.6);
}
.focus\:bg-opacity-60:focus.bg-blue {
  background-color: rgba(185, 153, 110, 0.6);
}
.focus\:bg-opacity-60:focus.bg-yollow {
  background-color: rgba(255, 169, 49, 0.6);
}
.focus\:bg-opacity-60:focus.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.65);
}
.focus\:bg-opacity-65:focus.bg-secondary {
  background-color: rgba(30, 30, 29, 0.65);
}
.focus\:bg-opacity-65:focus.bg-snow {
  background-color: rgba(249, 249, 249, 0.65);
}
.focus\:bg-opacity-65:focus.bg-red {
  background-color: rgba(255, 66, 66, 0.65);
}
.focus\:bg-opacity-65:focus.bg-orange {
  background-color: rgba(242, 142, 28, 0.65);
}
.focus\:bg-opacity-65:focus.bg-blue {
  background-color: rgba(185, 153, 110, 0.65);
}
.focus\:bg-opacity-65:focus.bg-yollow {
  background-color: rgba(255, 169, 49, 0.65);
}
.focus\:bg-opacity-65:focus.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.7);
}
.focus\:bg-opacity-70:focus.bg-secondary {
  background-color: rgba(30, 30, 29, 0.7);
}
.focus\:bg-opacity-70:focus.bg-snow {
  background-color: rgba(249, 249, 249, 0.7);
}
.focus\:bg-opacity-70:focus.bg-red {
  background-color: rgba(255, 66, 66, 0.7);
}
.focus\:bg-opacity-70:focus.bg-orange {
  background-color: rgba(242, 142, 28, 0.7);
}
.focus\:bg-opacity-70:focus.bg-blue {
  background-color: rgba(185, 153, 110, 0.7);
}
.focus\:bg-opacity-70:focus.bg-yollow {
  background-color: rgba(255, 169, 49, 0.7);
}
.focus\:bg-opacity-70:focus.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.75);
}
.focus\:bg-opacity-75:focus.bg-secondary {
  background-color: rgba(30, 30, 29, 0.75);
}
.focus\:bg-opacity-75:focus.bg-snow {
  background-color: rgba(249, 249, 249, 0.75);
}
.focus\:bg-opacity-75:focus.bg-red {
  background-color: rgba(255, 66, 66, 0.75);
}
.focus\:bg-opacity-75:focus.bg-orange {
  background-color: rgba(242, 142, 28, 0.75);
}
.focus\:bg-opacity-75:focus.bg-blue {
  background-color: rgba(185, 153, 110, 0.75);
}
.focus\:bg-opacity-75:focus.bg-yollow {
  background-color: rgba(255, 169, 49, 0.75);
}
.focus\:bg-opacity-75:focus.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.8);
}
.focus\:bg-opacity-80:focus.bg-secondary {
  background-color: rgba(30, 30, 29, 0.8);
}
.focus\:bg-opacity-80:focus.bg-snow {
  background-color: rgba(249, 249, 249, 0.8);
}
.focus\:bg-opacity-80:focus.bg-red {
  background-color: rgba(255, 66, 66, 0.8);
}
.focus\:bg-opacity-80:focus.bg-orange {
  background-color: rgba(242, 142, 28, 0.8);
}
.focus\:bg-opacity-80:focus.bg-blue {
  background-color: rgba(185, 153, 110, 0.8);
}
.focus\:bg-opacity-80:focus.bg-yollow {
  background-color: rgba(255, 169, 49, 0.8);
}
.focus\:bg-opacity-80:focus.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.85);
}
.focus\:bg-opacity-85:focus.bg-secondary {
  background-color: rgba(30, 30, 29, 0.85);
}
.focus\:bg-opacity-85:focus.bg-snow {
  background-color: rgba(249, 249, 249, 0.85);
}
.focus\:bg-opacity-85:focus.bg-red {
  background-color: rgba(255, 66, 66, 0.85);
}
.focus\:bg-opacity-85:focus.bg-orange {
  background-color: rgba(242, 142, 28, 0.85);
}
.focus\:bg-opacity-85:focus.bg-blue {
  background-color: rgba(185, 153, 110, 0.85);
}
.focus\:bg-opacity-85:focus.bg-yollow {
  background-color: rgba(255, 169, 49, 0.85);
}
.focus\:bg-opacity-85:focus.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.9);
}
.focus\:bg-opacity-90:focus.bg-secondary {
  background-color: rgba(30, 30, 29, 0.9);
}
.focus\:bg-opacity-90:focus.bg-snow {
  background-color: rgba(249, 249, 249, 0.9);
}
.focus\:bg-opacity-90:focus.bg-red {
  background-color: rgba(255, 66, 66, 0.9);
}
.focus\:bg-opacity-90:focus.bg-orange {
  background-color: rgba(242, 142, 28, 0.9);
}
.focus\:bg-opacity-90:focus.bg-blue {
  background-color: rgba(185, 153, 110, 0.9);
}
.focus\:bg-opacity-90:focus.bg-yollow {
  background-color: rgba(255, 169, 49, 0.9);
}
.focus\:bg-opacity-90:focus.bg-green {
  background-color: rgba(83, 202, 180, 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(83, 202, 180, 0.05);
}
.focus\:color-opacity-5:focus.color-secondary {
  color: rgba(30, 30, 29, 0.05);
}
.focus\:color-opacity-5:focus.color-snow {
  color: rgba(249, 249, 249, 0.05);
}
.focus\:color-opacity-5:focus.color-red {
  color: rgba(255, 66, 66, 0.05);
}
.focus\:color-opacity-5:focus.color-orange {
  color: rgba(242, 142, 28, 0.05);
}
.focus\:color-opacity-5:focus.color-blue {
  color: rgba(185, 153, 110, 0.05);
}
.focus\:color-opacity-5:focus.color-yollow {
  color: rgba(255, 169, 49, 0.05);
}
.focus\:color-opacity-5:focus.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.1);
}
.focus\:color-opacity-10:focus.color-secondary {
  color: rgba(30, 30, 29, 0.1);
}
.focus\:color-opacity-10:focus.color-snow {
  color: rgba(249, 249, 249, 0.1);
}
.focus\:color-opacity-10:focus.color-red {
  color: rgba(255, 66, 66, 0.1);
}
.focus\:color-opacity-10:focus.color-orange {
  color: rgba(242, 142, 28, 0.1);
}
.focus\:color-opacity-10:focus.color-blue {
  color: rgba(185, 153, 110, 0.1);
}
.focus\:color-opacity-10:focus.color-yollow {
  color: rgba(255, 169, 49, 0.1);
}
.focus\:color-opacity-10:focus.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.15);
}
.focus\:color-opacity-15:focus.color-secondary {
  color: rgba(30, 30, 29, 0.15);
}
.focus\:color-opacity-15:focus.color-snow {
  color: rgba(249, 249, 249, 0.15);
}
.focus\:color-opacity-15:focus.color-red {
  color: rgba(255, 66, 66, 0.15);
}
.focus\:color-opacity-15:focus.color-orange {
  color: rgba(242, 142, 28, 0.15);
}
.focus\:color-opacity-15:focus.color-blue {
  color: rgba(185, 153, 110, 0.15);
}
.focus\:color-opacity-15:focus.color-yollow {
  color: rgba(255, 169, 49, 0.15);
}
.focus\:color-opacity-15:focus.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.2);
}
.focus\:color-opacity-20:focus.color-secondary {
  color: rgba(30, 30, 29, 0.2);
}
.focus\:color-opacity-20:focus.color-snow {
  color: rgba(249, 249, 249, 0.2);
}
.focus\:color-opacity-20:focus.color-red {
  color: rgba(255, 66, 66, 0.2);
}
.focus\:color-opacity-20:focus.color-orange {
  color: rgba(242, 142, 28, 0.2);
}
.focus\:color-opacity-20:focus.color-blue {
  color: rgba(185, 153, 110, 0.2);
}
.focus\:color-opacity-20:focus.color-yollow {
  color: rgba(255, 169, 49, 0.2);
}
.focus\:color-opacity-20:focus.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.25);
}
.focus\:color-opacity-25:focus.color-secondary {
  color: rgba(30, 30, 29, 0.25);
}
.focus\:color-opacity-25:focus.color-snow {
  color: rgba(249, 249, 249, 0.25);
}
.focus\:color-opacity-25:focus.color-red {
  color: rgba(255, 66, 66, 0.25);
}
.focus\:color-opacity-25:focus.color-orange {
  color: rgba(242, 142, 28, 0.25);
}
.focus\:color-opacity-25:focus.color-blue {
  color: rgba(185, 153, 110, 0.25);
}
.focus\:color-opacity-25:focus.color-yollow {
  color: rgba(255, 169, 49, 0.25);
}
.focus\:color-opacity-25:focus.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.3);
}
.focus\:color-opacity-30:focus.color-secondary {
  color: rgba(30, 30, 29, 0.3);
}
.focus\:color-opacity-30:focus.color-snow {
  color: rgba(249, 249, 249, 0.3);
}
.focus\:color-opacity-30:focus.color-red {
  color: rgba(255, 66, 66, 0.3);
}
.focus\:color-opacity-30:focus.color-orange {
  color: rgba(242, 142, 28, 0.3);
}
.focus\:color-opacity-30:focus.color-blue {
  color: rgba(185, 153, 110, 0.3);
}
.focus\:color-opacity-30:focus.color-yollow {
  color: rgba(255, 169, 49, 0.3);
}
.focus\:color-opacity-30:focus.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.35);
}
.focus\:color-opacity-35:focus.color-secondary {
  color: rgba(30, 30, 29, 0.35);
}
.focus\:color-opacity-35:focus.color-snow {
  color: rgba(249, 249, 249, 0.35);
}
.focus\:color-opacity-35:focus.color-red {
  color: rgba(255, 66, 66, 0.35);
}
.focus\:color-opacity-35:focus.color-orange {
  color: rgba(242, 142, 28, 0.35);
}
.focus\:color-opacity-35:focus.color-blue {
  color: rgba(185, 153, 110, 0.35);
}
.focus\:color-opacity-35:focus.color-yollow {
  color: rgba(255, 169, 49, 0.35);
}
.focus\:color-opacity-35:focus.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.4);
}
.focus\:color-opacity-40:focus.color-secondary {
  color: rgba(30, 30, 29, 0.4);
}
.focus\:color-opacity-40:focus.color-snow {
  color: rgba(249, 249, 249, 0.4);
}
.focus\:color-opacity-40:focus.color-red {
  color: rgba(255, 66, 66, 0.4);
}
.focus\:color-opacity-40:focus.color-orange {
  color: rgba(242, 142, 28, 0.4);
}
.focus\:color-opacity-40:focus.color-blue {
  color: rgba(185, 153, 110, 0.4);
}
.focus\:color-opacity-40:focus.color-yollow {
  color: rgba(255, 169, 49, 0.4);
}
.focus\:color-opacity-40:focus.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.45);
}
.focus\:color-opacity-45:focus.color-secondary {
  color: rgba(30, 30, 29, 0.45);
}
.focus\:color-opacity-45:focus.color-snow {
  color: rgba(249, 249, 249, 0.45);
}
.focus\:color-opacity-45:focus.color-red {
  color: rgba(255, 66, 66, 0.45);
}
.focus\:color-opacity-45:focus.color-orange {
  color: rgba(242, 142, 28, 0.45);
}
.focus\:color-opacity-45:focus.color-blue {
  color: rgba(185, 153, 110, 0.45);
}
.focus\:color-opacity-45:focus.color-yollow {
  color: rgba(255, 169, 49, 0.45);
}
.focus\:color-opacity-45:focus.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.5);
}
.focus\:color-opacity-50:focus.color-secondary {
  color: rgba(30, 30, 29, 0.5);
}
.focus\:color-opacity-50:focus.color-snow {
  color: rgba(249, 249, 249, 0.5);
}
.focus\:color-opacity-50:focus.color-red {
  color: rgba(255, 66, 66, 0.5);
}
.focus\:color-opacity-50:focus.color-orange {
  color: rgba(242, 142, 28, 0.5);
}
.focus\:color-opacity-50:focus.color-blue {
  color: rgba(185, 153, 110, 0.5);
}
.focus\:color-opacity-50:focus.color-yollow {
  color: rgba(255, 169, 49, 0.5);
}
.focus\:color-opacity-50:focus.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.55);
}
.focus\:color-opacity-55:focus.color-secondary {
  color: rgba(30, 30, 29, 0.55);
}
.focus\:color-opacity-55:focus.color-snow {
  color: rgba(249, 249, 249, 0.55);
}
.focus\:color-opacity-55:focus.color-red {
  color: rgba(255, 66, 66, 0.55);
}
.focus\:color-opacity-55:focus.color-orange {
  color: rgba(242, 142, 28, 0.55);
}
.focus\:color-opacity-55:focus.color-blue {
  color: rgba(185, 153, 110, 0.55);
}
.focus\:color-opacity-55:focus.color-yollow {
  color: rgba(255, 169, 49, 0.55);
}
.focus\:color-opacity-55:focus.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.6);
}
.focus\:color-opacity-60:focus.color-secondary {
  color: rgba(30, 30, 29, 0.6);
}
.focus\:color-opacity-60:focus.color-snow {
  color: rgba(249, 249, 249, 0.6);
}
.focus\:color-opacity-60:focus.color-red {
  color: rgba(255, 66, 66, 0.6);
}
.focus\:color-opacity-60:focus.color-orange {
  color: rgba(242, 142, 28, 0.6);
}
.focus\:color-opacity-60:focus.color-blue {
  color: rgba(185, 153, 110, 0.6);
}
.focus\:color-opacity-60:focus.color-yollow {
  color: rgba(255, 169, 49, 0.6);
}
.focus\:color-opacity-60:focus.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.65);
}
.focus\:color-opacity-65:focus.color-secondary {
  color: rgba(30, 30, 29, 0.65);
}
.focus\:color-opacity-65:focus.color-snow {
  color: rgba(249, 249, 249, 0.65);
}
.focus\:color-opacity-65:focus.color-red {
  color: rgba(255, 66, 66, 0.65);
}
.focus\:color-opacity-65:focus.color-orange {
  color: rgba(242, 142, 28, 0.65);
}
.focus\:color-opacity-65:focus.color-blue {
  color: rgba(185, 153, 110, 0.65);
}
.focus\:color-opacity-65:focus.color-yollow {
  color: rgba(255, 169, 49, 0.65);
}
.focus\:color-opacity-65:focus.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.7);
}
.focus\:color-opacity-70:focus.color-secondary {
  color: rgba(30, 30, 29, 0.7);
}
.focus\:color-opacity-70:focus.color-snow {
  color: rgba(249, 249, 249, 0.7);
}
.focus\:color-opacity-70:focus.color-red {
  color: rgba(255, 66, 66, 0.7);
}
.focus\:color-opacity-70:focus.color-orange {
  color: rgba(242, 142, 28, 0.7);
}
.focus\:color-opacity-70:focus.color-blue {
  color: rgba(185, 153, 110, 0.7);
}
.focus\:color-opacity-70:focus.color-yollow {
  color: rgba(255, 169, 49, 0.7);
}
.focus\:color-opacity-70:focus.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.75);
}
.focus\:color-opacity-75:focus.color-secondary {
  color: rgba(30, 30, 29, 0.75);
}
.focus\:color-opacity-75:focus.color-snow {
  color: rgba(249, 249, 249, 0.75);
}
.focus\:color-opacity-75:focus.color-red {
  color: rgba(255, 66, 66, 0.75);
}
.focus\:color-opacity-75:focus.color-orange {
  color: rgba(242, 142, 28, 0.75);
}
.focus\:color-opacity-75:focus.color-blue {
  color: rgba(185, 153, 110, 0.75);
}
.focus\:color-opacity-75:focus.color-yollow {
  color: rgba(255, 169, 49, 0.75);
}
.focus\:color-opacity-75:focus.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.8);
}
.focus\:color-opacity-80:focus.color-secondary {
  color: rgba(30, 30, 29, 0.8);
}
.focus\:color-opacity-80:focus.color-snow {
  color: rgba(249, 249, 249, 0.8);
}
.focus\:color-opacity-80:focus.color-red {
  color: rgba(255, 66, 66, 0.8);
}
.focus\:color-opacity-80:focus.color-orange {
  color: rgba(242, 142, 28, 0.8);
}
.focus\:color-opacity-80:focus.color-blue {
  color: rgba(185, 153, 110, 0.8);
}
.focus\:color-opacity-80:focus.color-yollow {
  color: rgba(255, 169, 49, 0.8);
}
.focus\:color-opacity-80:focus.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.85);
}
.focus\:color-opacity-85:focus.color-secondary {
  color: rgba(30, 30, 29, 0.85);
}
.focus\:color-opacity-85:focus.color-snow {
  color: rgba(249, 249, 249, 0.85);
}
.focus\:color-opacity-85:focus.color-red {
  color: rgba(255, 66, 66, 0.85);
}
.focus\:color-opacity-85:focus.color-orange {
  color: rgba(242, 142, 28, 0.85);
}
.focus\:color-opacity-85:focus.color-blue {
  color: rgba(185, 153, 110, 0.85);
}
.focus\:color-opacity-85:focus.color-yollow {
  color: rgba(255, 169, 49, 0.85);
}
.focus\:color-opacity-85:focus.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.9);
}
.focus\:color-opacity-90:focus.color-secondary {
  color: rgba(30, 30, 29, 0.9);
}
.focus\:color-opacity-90:focus.color-snow {
  color: rgba(249, 249, 249, 0.9);
}
.focus\:color-opacity-90:focus.color-red {
  color: rgba(255, 66, 66, 0.9);
}
.focus\:color-opacity-90:focus.color-orange {
  color: rgba(242, 142, 28, 0.9);
}
.focus\:color-opacity-90:focus.color-blue {
  color: rgba(185, 153, 110, 0.9);
}
.focus\:color-opacity-90:focus.color-yollow {
  color: rgba(255, 169, 49, 0.9);
}
.focus\:color-opacity-90:focus.color-green {
  color: rgba(83, 202, 180, 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(83, 202, 180, 0.95);
}
.focus\:color-opacity-95:focus.color-secondary {
  color: rgba(30, 30, 29, 0.95);
}
.focus\:color-opacity-95:focus.color-snow {
  color: rgba(249, 249, 249, 0.95);
}
.focus\:color-opacity-95:focus.color-red {
  color: rgba(255, 66, 66, 0.95);
}
.focus\:color-opacity-95:focus.color-orange {
  color: rgba(242, 142, 28, 0.95);
}
.focus\:color-opacity-95:focus.color-blue {
  color: rgba(185, 153, 110, 0.95);
}
.focus\:color-opacity-95:focus.color-yollow {
  color: rgba(255, 169, 49, 0.95);
}
.focus\:color-opacity-95:focus.color-green {
  color: rgba(83, 202, 180, 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-yollow path,
.fill-yollow rect {
  fill: var(--color-yollow);
}

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

.tooltip .arrow {
  display: none;
}
.tooltip .tooltip-inner {
  background-color: var(--color-secondary);
  border-radius: 6px;
  padding: 0.4rem 0.85rem;
  color: var(--color-white);
  font-family: "SSTArabic", arial;
}

/* ==================
Header
==================*/
header {
  position: absolute;
  width: 100%;
  z-index: 9;
  padding-top: 20px;
}
@media (max-width: 767px) {
  header {
    padding-top: 15px;
  }
}
header .navbar {
  min-height: 80px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  position: relative;
}
@media (max-width: 991px) {
  header .navbar {
    min-height: 60px;
    padding: 5px 20px;
  }
  header .navbar .item_left_head {
    padding: 20px 0;
  }
}
header .navbar .navbar-toggler {
  outline: 0;
  box-shadow: none;
}
header .navbar .navbar-brand {
  margin-top: -5px;
}
@media (max-width: 767px) {
  header .navbar .navbar-brand img {
    width: 130px;
  }
}
header .navbar .navbar-nav .nav-item {
  margin-top: -5px;
}
header .navbar .navbar-nav .nav-item .nav-link {
  position: relative;
  color: var(--color-secondary);
  -webkit-text-stroke: 0.15px var(--color-secondary);
  font-size: 17px;
  display: flex;
  justify-content: center;
  padding: 0 12px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 991px) {
  header .navbar .navbar-nav .nav-item .nav-link {
    padding: 12px 20px;
    text-align: right;
    width: max-content;
  }
}
header .navbar .navbar-nav .nav-item .nav-link::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.6' height='3.3' viewBox='0 0 12.6 3.3'%3E%3Cpath id='Path_2' data-name='Path 2' d='M0-1A15.5,15.5,0,0,0,5,0a15.5,15.5,0,0,0,5-1' transform='translate(1.3 2.3)' fill='none' stroke='%2353cab4' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-size: 10px;
  position: absolute;
  background-size: contain;
  width: 12px;
  height: 4px;
  background-repeat: no-repeat;
  display: block;
  bottom: -12px;
  visibility: hidden;
  -webkit-animation: scale-in-bottom 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  -moz-animation: scale-in-bottom 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  -o-animation: scale-in-bottom 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  -ms-animation: scale-in-bottom 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-bottom 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@media (max-width: 767px) {
  header .navbar .navbar-nav .nav-item .nav-link::before {
    bottom: -4px;
  }
}
header .navbar .navbar-nav .nav-item .nav-link:hover {
  color: var(--color-primary);
}
header .navbar .navbar-nav .nav-item.active .nav-link {
  color: var(--color-primary);
  -webkit-text-stroke: 0.15px var(--color-primary);
}
header .navbar .navbar-nav .nav-item.active .nav-link::before {
  opacity: 1;
  visibility: visible;
}
header .navbar .item_left_head .btn {
  display: inline-grid;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--border-snow);
  margin: 0;
  margin-right: 15px;
}
header .navbar .item_left_head .btn svg {
  width: 18px;
  height: 18px;
}
header .navbar .item_left_head .btn svg ellipse {
  fill: var(--color-secondary);
}
header .navbar .item_left_head .btn svg path,
header .navbar .item_left_head .btn svg ellipse {
  stroke: var(--color-secondary);
}
header .navbar .item_left_head .btn.active {
  background-color: var(--bg-primary);
  border-color: var(--border-primary);
}
header .navbar .item_left_head .btn.active svg path,
header .navbar .item_left_head .btn.active svg ellipse {
  stroke: var(--color-white);
}

.modal_search .modal-dialog {
  -webkit-animation: swing-out-top-fwd 0.55s cubic-bezier(0.6, -0.28, 0.735, 0.045) both;
  -moz-animation: swing-out-top-fwd 0.55s cubic-bezier(0.6, -0.28, 0.735, 0.045) both;
  -o-animation: swing-out-top-fwd 0.55s cubic-bezier(0.6, -0.28, 0.735, 0.045) both;
  -ms-animation: swing-out-top-fwd 0.55s cubic-bezier(0.6, -0.28, 0.735, 0.045) both;
  animation: swing-out-top-fwd 0.55s cubic-bezier(0.6, -0.28, 0.735, 0.045) both;
}
.modal_search.show .modal-dialog {
  -webkit-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  -moz-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  -o-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  -ms-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
.modal_search .modal-dialog {
  max-width: 100%;
  margin: 0;
  margin-top: 20px;
}
.modal_search .item_result {
  position: absolute;
  background-color: var(--bg-white);
  border-radius: 5px;
  width: 100%;
  top: 86px;
  padding: 30px;
}
@media (max-width: 767px) {
  .modal_search .item_result {
    top: 75px;
  }
}
.modal_search .item_result .nav-pills .nav-item .nav-link {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: var(--color-secondary);
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}
@media (max-width: 767px) {
  .modal_search .item_result .nav-pills .nav-item .nav-link {
    padding: 0;
    padding-left: 14px;
  }
}
.modal_search .item_result .nav-pills .nav-item .nav-link::before, .modal_search .item_result .nav-pills .nav-item .nav-link::after {
  content: "";
  background-color: var(--bg-primary);
  position: absolute;
  bottom: -3px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  display: block;
  opacity: 0;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}
@media (max-width: 767px) {
  .modal_search .item_result .nav-pills .nav-item .nav-link::before, .modal_search .item_result .nav-pills .nav-item .nav-link::after {
    bottom: -7px;
  }
}
.modal_search .item_result .nav-pills .nav-item .nav-link.active {
  color: var(--color-primary);
}
.modal_search .item_result .nav-pills .nav-item .nav-link.active::before {
  margin-left: 6px;
}
.modal_search .item_result .nav-pills .nav-item .nav-link.active::after {
  margin-right: 6px;
}
.modal_search .item_result .nav-pills .nav-item .nav-link.active::before, .modal_search .item_result .nav-pills .nav-item .nav-link.active::after {
  opacity: 1;
}
.modal_search .item_result .body_result_search {
  height: 300px;
  overflow: auto;
}
.modal_search .item_result .body_result_search .bk_event {
  background-color: var(--bg-snow);
}
.modal_search .item_result .body_result_search .bk_event .status_event span {
  width: 7px;
  height: 7px;
}

.search_header {
  position: absolute;
  width: 100%;
  background-color: var(--color-white);
  right: 0;
  display: flex;
  align-items: center;
  border-radius: 5px;
}
.search_header input {
  height: 80px;
  border: 0;
  padding: 0 30px;
  -webkit-text-stroke: 0.5px var(--color-secondary);
  color: var(--color-secondary);
  font-size: 17px;
}
@media (max-width: 991px) {
  .search_header input {
    height: 65px;
  }
}
.search_header input::placeholder {
  font-size: 15px;
  color: var(--color-placeholder);
  -webkit-text-stroke: 0.2px var(--color-placeholder);
}
.search_header .close_s {
  margin-left: 20px;
}

/**
 * ----------------------------------------
 * animation scale-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-bottom {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}
@-moz-keyframes scale-in-bottom {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}
@keyframes scale-in-bottom {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation swing-in-top-fwd
 * ----------------------------------------
 */
@-webkit-keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
}
@-moz-keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
}
@keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation swing-out-top-fwd
 * ----------------------------------------
 */
@-webkit-keyframes swing-out-top-fwd {
  0% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(70deg);
    transform: rotateX(70deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
}
@-moz-keyframes swing-out-top-fwd {
  0% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(70deg);
    transform: rotateX(70deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
}
@keyframes swing-out-top-fwd {
  0% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(70deg);
    transform: rotateX(70deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
}
.sub_nav_inner {
  background-color: var(--bg-white);
  position: absolute;
  width: 100%;
  border-bottom: 1px solid var(--color-white);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .sub_nav_inner {
    position: relative;
  }
}
.sub_nav_inner .menu_nav {
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .sub_nav_inner .menu_nav {
    display: block;
    height: 100%;
    padding: 20px 0;
  }
}
@media (max-width: 767px) {
  .sub_nav_inner .nav {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x;
    flex-wrap: inherit;
  }
}
.sub_nav_inner .nav .nav-item {
  margin-top: -5px;
}
@media (max-width: 767px) {
  .sub_nav_inner .nav .nav-item {
    scroll-snap-align: start;
  }
}
.sub_nav_inner .nav .nav-item .nav-link {
  position: relative;
  color: var(--color-secondary);
  -webkit-text-stroke: 0.15px var(--color-secondary);
  font-size: 16px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  padding: 0 20px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 991px) {
  .sub_nav_inner .nav .nav-item .nav-link {
    padding: 10px 20px;
    text-align: right;
    width: max-content;
    overflow-y: hidden;
  }
}
.sub_nav_inner .nav .nav-item .nav-link::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.6' height='3.3' viewBox='0 0 12.6 3.3'%3E%3Cpath id='Path_2' data-name='Path 2' d='M0-1A15.5,15.5,0,0,0,5,0a15.5,15.5,0,0,0,5-1' transform='translate(1.3 2.3)' fill='none' stroke='%2353cab4' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-size: 10px;
  position: absolute;
  background-size: contain;
  width: 12px;
  height: 4px;
  background-repeat: no-repeat;
  display: block;
  bottom: -12px;
  visibility: hidden;
  -webkit-animation: scale-out-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  -moz-animation: scale-out-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  -o-animation: scale-out-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  -ms-animation: scale-out-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: scale-out-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
@media (max-width: 767px) {
  .sub_nav_inner .nav .nav-item .nav-link::before {
    bottom: -4px;
  }
}
.sub_nav_inner .nav .nav-item .nav-link:hover {
  color: var(--color-primary);
}
.sub_nav_inner .nav .nav-item .nav-link.active {
  color: var(--color-primary);
  -webkit-text-stroke: 0.15px var(--color-primary);
}
.sub_nav_inner .nav .nav-item .nav-link.active::before {
  opacity: 1;
  visibility: visible;
  -webkit-animation: scale-in-bottom 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  -moz-animation: scale-in-bottom 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  -o-animation: scale-in-bottom 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  -ms-animation: scale-in-bottom 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-bottom 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.shadow_nav_inner {
  -webkit-box-shadow: 0px 8px 40px 0px rgba(30, 30, 29, 0.03);
  -moz-box-shadow: 0px 8px 40px 0px rgba(30, 30, 29, 0.03);
  -o-box-shadow: 0px 8px 40px 0px rgba(30, 30, 29, 0.03);
  -ms-box-shadow: 0px 8px 40px 0px rgba(30, 30, 29, 0.03);
  box-shadow: 0px 8px 40px 0px rgba(30, 30, 29, 0.03);
  border-color: var(--color-snow);
}

/**
 * ----------------------------------------
 * animation scale-out-bottom
 * ----------------------------------------
 */
@-webkit-keyframes scale-out-bottom {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}
@-moz-keyframes scale-out-bottom {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}
@keyframes scale-out-bottom {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}
.simplebar-scrollbar.simplebar-visible:before {
  opacity: 1;
}

.simplebar-track {
  background-color: #e3e3e3;
  left: 0;
  right: inherit;
}
.simplebar-track.simplebar-vertical {
  width: 5px;
  border-radius: 10px;
}
.simplebar-track .simplebar-scrollbar {
  background: #8b8b8b;
  border-radius: 10px;
}
.simplebar-track .simplebar-scrollbar::before {
  display: none;
}

.simplebar-content-wrapper {
  overflow: auto;
}

.banner_main {
  position: relative;
  width: 100%;
  height: 580px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .banner_main {
    height: 100%;
  }
}
@media (max-width: 991px) {
  .banner_main.banner_main_two {
    height: 100%;
  }
}
.banner_main .banner_parallax {
  position: absolute;
  width: 100%;
}
.banner_main .banner_parallax svg {
  width: 100%;
  height: 100%;
}
.banner_main .title_header {
  padding-top: 180px;
}
@media (min-width: 992px) {
  .banner_main .title_header {
    padding-top: 200px;
  }
}
@media (max-width: 991px) {
  .banner_main .title_header {
    margin-bottom: 40px;
  }
}
.banner_main .title_header h1 {
  -webkit-text-stroke: 1.1px var(--color-white);
}

.title-section span {
  font-size: 16px;
  color: var(--color-text);
  margin-bottom: 10px;
  display: block;
}
.title-section h2 {
  margin: 0;
  font-size: 40px;
  font-weight: 700;
  -webkit-text-stroke: 1.1px var(--color-secondary);
  line-height: 56px;
}
@media (max-width: 991px) {
  .title-section h2 {
    font-size: 30px;
  }
}

.banner_welcome {
  position: relative;
  z-index: 0;
}
.banner_welcome .title-section h2 {
  -webkit-text-stroke-color: var(--color-white);
}
.banner_welcome .icon_doc {
  width: 60px;
  height: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.21);
  border-radius: 50%;
}
.banner_welcome .icon_doc svg path {
  stroke: var(--color-white);
}
.banner_welcome .bk_investment {
  position: relative;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
  justify-content: center;
}
.banner_welcome .bk_investment::before {
  content: "";
  border-radius: 8px;
  background-color: var(--color-white);
  opacity: 0.6;
  width: 100%;
  max-width: 85%;
  position: absolute;
  bottom: -15px;
  opacity: 0.4;
  height: 100%;
  z-index: -1;
}
.banner_welcome .bk_investment .txt h5 {
  line-height: 22px;
}

.banner_inner {
  background: none;
  height: 250px;
  background-color: var(--bg-white) !important;
}
.banner_inner::before {
  display: none;
}
.banner_inner .banner_parallax {
  position: absolute;
}
.banner_inner .banner_parallax::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.85));
  z-index: 1;
}
@media (max-width: 991px) {
  .banner_inner {
    height: 100%;
  }
}
.banner_inner .title_header {
  padding-top: 145px;
}
@media (max-width: 767px) {
  .banner_inner .title_header {
    display: block !important;
  }
}

.banner_branch {
  height: 380px;
}
@media (max-width: 767px) {
  .banner_branch {
    height: 100%;
  }
}
.banner_branch .banner_parallax img {
  object-fit: cover;
  width: 100%;
}
.banner_branch .banner_parallax::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(30, 30, 29, 0.3), #1e1e1d);
}
@media (min-width: 992px) {
  .banner_branch .banner_parallax::before {
    height: 380px;
  }
}
.banner_branch .title_header {
  padding-top: 270px;
}
@media (max-width: 767px) {
  .banner_branch .title_header {
    padding-top: 180px;
  }
}
.banner_branch .logo_br {
  width: 65px;
  height: 65px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}
.banner_branch .logo_br img {
  width: 100%;
}
.banner_branch .txt h1 {
  font-size: 25px;
  -webkit-text-stroke: 0.8px var(--color-white);
  margin-bottom: 12px;
}

.page_branch_details .bk_main .bk_inner_brach .bk_events::before {
  display: none;
}
.page_branch_details .bk_main .bk_inner_brach .header {
  padding: 18px 30px;
  border-bottom: 1px solid rgba(235, 235, 235, 0.5);
}
.page_branch_details .bk_main .bk_inner_brach .header h2 {
  -webkit-text-stroke: 0.2 var(--color-text);
}
.page_branch_details .bk_main .footer_bk .link_btn {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid var(--border-snow);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: var(--bg-white);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.page_branch_details .bk_main .footer_bk .link_btn svg {
  margin-left: 7px;
}
.page_branch_details .bk_main .footer_bk .link_btn svg path {
  stroke: var(--color-blue);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.page_branch_details .bk_main .footer_bk .link_btn:hover {
  background-color: var(--bg-blue);
  border-top-color: var(--border-blue);
}
.page_branch_details .bk_main .footer_bk .link_btn:hover svg path {
  stroke: var(--color-white);
}
.page_branch_details .bk_main .footer_bk .link_btn:hover span {
  color: var(--color-white);
}
.page_branch_details .bk_about .body_content .btnmore {
  font-size: 15px;
  color: var(--color-blue);
  font-weight: 500;
}
.page_branch_details .bk_about .body_content div {
  display: inline;
}
.page_branch_details .bk_features .item_icon {
  display: inline-flex;
  margin-left: 20px;
  margin-bottom: 15px;
}
.page_branch_details .bk_features .item_icon .icon {
  width: 33px;
  height: 33px;
  background-color: var(--bg-snow);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.page_branch_details .bk_features .item_icon .icon img {
  width: 18px;
  height: 18px;
}
.page_branch_details .bk_features .item_icon span {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-secondary);
  margin-right: 10px;
}
.page_branch_details .bk_features .item_pk_conact {
  padding: 13px 20px;
  width: 100%;
  border-radius: 5px;
  background-color: rgba(185, 153, 110, 0.1);
}
.page_branch_details .bk_features .item_pk_conact span {
  color: var(--color-secondary);
  font-size: 15px;
  font-weight: 500;
  display: block;
  margin-bottom: 6px;
}
.page_branch_details .bk_features .item_pk_conact a {
  color: var(--color-blue);
  display: block;
}
.page_branch_details .bk_news .body_content .new_link {
  text-decoration: none;
  display: block;
  margin-bottom: 25px;
}
.page_branch_details .bk_news .body_content .new_link .img_cc {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.page_branch_details .bk_news .body_content .new_link .img_cc img {
  width: 115px;
  height: 105px;
  border-radius: 5px;
  object-fit: cover;
  -webkit-transition: 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
  -ms-transition: 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.page_branch_details .bk_news .body_content .new_link .text time {
  color: var(--color-text);
  display: block;
  margin-bottom: 6px;
}
.page_branch_details .bk_news .body_content .new_link .text time svg path {
  stroke: var(--color-text);
}
.page_branch_details .bk_news .body_content .new_link .text h3 {
  color: var(--color-secondary);
  font-weight: 600;
  font-size: 15px;
  -webkit-text-stroke: 0.2 var(--color-secondary);
  line-height: 25px;
  margin-bottom: 0;
}
.page_branch_details .bk_news .body_content .new_link:hover .img_cc img {
  -webkit-transform: scale3d(1.15, 1.15, 1) rotate(5deg);
  -moz-transform: scale3d(1.15, 1.15, 1) rotate(5deg);
  -o-transform: scale3d(1.15, 1.15, 1) rotate(5deg);
  -ms-transform: scale3d(1.15, 1.15, 1) rotate(5deg);
  transform: scale3d(1.15, 1.15, 1) rotate(5deg);
}
.page_branch_details .bk_news .body_content .new_link:hover .text h3 {
  color: var(--color-blue);
}
.page_branch_details .bk_articles .body_content .link_article {
  position: relative;
  padding: 13px 20px;
  background-color: var(--color-snow);
  border-radius: 5px;
  border: 1px solid transparent;
  margin-bottom: 10px;
  display: flex !important;
  align-items: center;
}
.page_branch_details .bk_articles .body_content .link_article .icon_more {
  width: 20px;
  height: 20px;
  left: 45px;
  opacity: 0;
  -webkit-transition: 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
  -ms-transition: 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.page_branch_details .bk_articles .body_content .link_article .icon_more path {
  stroke: var(--color-blue);
}
.page_branch_details .bk_articles .body_content .link_article:hover {
  border-color: var(--border-snow);
  background-color: transparent;
}
.page_branch_details .bk_articles .body_content .link_article:hover .icon_more {
  left: 35px;
  opacity: 1;
}
.page_branch_details .bk_program .title_slide h3 {
  font-size: 22px;
  font-weight: 600;
  color: var(--color-secondary);
  -webkit-text-stroke: 0.5px var(--color-secondary);
}
.page_branch_details .bk_program .title_slide p {
  margin-bottom: 0;
  font-size: 14px;
  color: var(--color-text);
}
.page_branch_details .bk_program .item_invit .link_program {
  position: relative;
  overflow: hidden;
  height: 370px;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}
.page_branch_details .bk_program .item_invit .link_program .cover_back {
  border-radius: 5px;
  opacity: 0;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}
.page_branch_details .bk_program .item_invit .link_program .cover_back img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  border-radius: 5px;
}
.page_branch_details .bk_program .item_invit .link_program .description_img {
  position: relative;
  z-index: 2;
}
.page_branch_details .bk_program .item_invit .link_program .description_img .txt h2 {
  font-size: 20px;
  color: var(--color-secondary);
  font-weight: 700;
  line-height: 32px;
  -webkit-text-stroke: 0.5px var(--color-secondary);
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}
.page_branch_details .bk_program .item_invit .link_program .description_img .txt p {
  max-height: 50px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}
.page_branch_details .bk_program .item_invit .link_program::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7));
  z-index: 1;
  opacity: 0;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}
.page_branch_details .bk_program .item_invit .link_program:hover .description_img .txt h2 {
  color: var(--color-white);
  -webkit-text-stroke-color: var(--color-white);
}
.page_branch_details .bk_program .item_invit .link_program:hover .description_img .txt p {
  color: var(--color-white);
}
.page_branch_details .bk_program .item_invit .link_program:hover .cover_back {
  opacity: 1;
}
.page_branch_details .bk_program .item_invit .link_program:hover::before {
  opacity: 1;
}
.page_branch_details .bk_program .swiper-button-next,
.page_branch_details .bk_program .swiper-button-prev {
  position: relative;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  right: auto;
  left: auto;
  top: inherit;
  margin: 0;
  background-color: var(--bg-white);
  border-radius: 5px;
}
.page_branch_details .bk_program .swiper-button-next i,
.page_branch_details .bk_program .swiper-button-prev i {
  font-size: 18px;
  color: var(--color-text);
}
.page_branch_details .bk_program .swiper-button-next::after,
.page_branch_details .bk_program .swiper-button-prev::after {
  display: none;
}
.page_branch_details .bk_program .swiper-button-next.swiper-button-next,
.page_branch_details .bk_program .swiper-button-prev.swiper-button-next {
  margin-left: 10px;
}
.page_branch_details .bk_program .swiper-button-next:hover,
.page_branch_details .bk_program .swiper-button-prev:hover {
  background-color: var(--bg-blue);
}
.page_branch_details .bk_program .swiper-button-next:hover i,
.page_branch_details .bk_program .swiper-button-prev:hover i {
  color: var(--color-white);
}
.page_branch_details .bk_program .swiper-pagination {
  bottom: 0;
}
.page_branch_details .bk_program .swiper-pagination .swiper-pagination-bullet {
  background-color: var(--color-text);
}
.page_branch_details .bk_program .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-secondary);
}
.page_branch_details .date_works h3 {
  font-size: 17px;
  font-weight: 600;
  color: var(--color-secondary);
  -webkit-text-stroke: 0.2px var(--color-secondary);
  margin-bottom: 15px;
}
.page_branch_details .bk_members .nav-pills .nav-item {
  width: calc(100% / 2);
  border-bottom: 1px solid var(--border-snow);
}
.page_branch_details .bk_members .nav-pills .nav-item .nav-link {
  color: var(--color-secondary);
  font-size: 15px;
  font-weight: 500;
  background-color: transparent;
  border-radius: 0;
  text-align: center;
  border-bottom: 2px solid transparent;
  -webkit-text-stroke: 0.2px var(--color-secondary);
  padding: 15px 20px;
  margin-bottom: -1px;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}
.page_branch_details .bk_members .nav-pills .nav-item .nav-link.active {
  border-color: var(--border-blue);
  color: var(--color-blue);
  -webkit-text-stroke-color: var(--color-blue);
}
.page_branch_details .bk_members .item_member {
  margin-bottom: 18px;
}
.page_branch_details .bk_members .item_member:last-of-type {
  margin-bottom: 0;
}
.page_branch_details .bk_tweet .swiper-pagination .swiper-pagination-bullet {
  background-color: var(--bg-secondary);
}
.page_branch_details .bk_tweet .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--bg-secondary);
}
.page_branch_details .bk_address .links_social__networks .btn {
  width: 40px;
  height: 40px;
  background-color: var(--bg-snow);
}
.page_branch_details .bk_address .links_social__networks .btn i {
  color: var(--color-secondary);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.page_branch_details .bk_address .links_social__networks .btn:hover {
  background-color: transparent;
}
.page_branch_details .bk_address .links_social__networks .btn:hover i {
  color: var(--color-blue);
}
.page_branch_details .bk_images .items_gallery a {
  margin: 3px !important;
  width: calc(100% / 4 - 10px) !important;
}
@media (max-width: 991px) {
  .page_branch_details .bk_images .items_gallery a {
    width: calc(100% / 2 - 10px) !important;
  }
}

.bk_branck_home .swiper-slide .item_logo {
  padding: 20px;
  display: flex;
  text-decoration: none;
  align-items: center;
  position: relative;
  overflow: hidden;
  border-radius: 5px !important;
}
.bk_branck_home .swiper-slide .item_logo .media {
  align-items: center;
}
.bk_branck_home .swiper-slide .item_logo img {
  width: 50px;
  height: 50px;
  margin-left: 20px;
}
.bk_branck_home .swiper-slide .item_logo .txt {
  text-align: right;
}
.bk_branck_home .swiper-slide .item_logo .txt h4 {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-secondary);
  -webkit-text-stroke: 0.5px var(--color-secondary);
  margin-bottom: 8px;
}
.bk_branck_home .swiper-slide .item_logo .txt p {
  color: var(--color-text);
  font-size: 13px;
  margin-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 50%;
}
.bk_branck_home .swiper-slide .item_logo .read_more {
  position: absolute;
  opacity: 0;
  left: 35%;
  margin-top: -5px;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}
.bk_branck_home .swiper-slide .item_logo .read_more svg path {
  stroke: var(--color-white);
}
.bk_branck_home .swiper-slide .item_logo .read_more span {
  color: var(--color-white);
}
.bk_branck_home .swiper-slide .item_logo::before {
  content: "";
  background-color: var(--bg-blue);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
  border-radius: 5px;
}
.bk_branck_home .swiper-slide .item_logo:hover {
  border-color: transparent;
}
.bk_branck_home .swiper-slide .item_logo:hover .read_more {
  opacity: 1;
  left: 33%;
}
.bk_branck_home .swiper-slide .item_logo:hover::before {
  opacity: 1;
}

.bk_enjazess .bk_articles .body_content .link_article {
  display: block !important;
}

/*============
statistics_number
===================*/
.statistics_number {
  position: relative;
}
.statistics_number .number_benfits {
  position: relative;
}
@media (max-width: 767px) {
  .statistics_number .number_benfits {
    margin-top: 20px;
  }
}
.statistics_number .number_benfits .number {
  background: linear-gradient(to left, #cdac81, #53cab4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  direction: ltr;
  font-family: "Merriweather", serif;
  font-size: 200px;
  font-weight: 900;
}
@media (max-width: 991px) {
  .statistics_number .number_benfits .number {
    font-size: 80px;
  }
}
.statistics_number .number_benfits .box_txt {
  position: absolute;
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  top: 60px;
  right: 140px;
}
@media (max-width: 767px) {
  .statistics_number .number_benfits .box_txt {
    font-size: 13px;
    top: -20px;
    right: -20px;
  }
}
.statistics_number .number_benfits .box_txt::before {
  content: "";
  background-color: var(--bg-green);
  width: 90px;
  height: 90px;
  border: 5px solid var(--border-white);
  position: absolute;
  border-radius: 50%;
  display: block;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}
@media (max-width: 767px) {
  .statistics_number .number_benfits .box_txt::before {
    width: 70px;
    height: 70px;
  }
}
.statistics_number .number_benfits .box_txt span {
  height: calc(90px - 60px);
  color: var(--color-white);
  z-index: 1;
}
.statistics_number .number_benfits:hover .box_txt::before {
  width: 100px;
  height: 100px;
}
.statistics_number .item_sn .icon_img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 2px solid var(--border-snow);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.statistics_number .item_sn .icon_img img {
  width: 32px;
  height: 32px;
}
.statistics_number .item_sn .txt span {
  display: block;
  font-size: 16px;
  color: var(--color-text);
  margin-bottom: 2px;
  font-weight: 500;
}
.statistics_number .item_sn .txt p {
  font-size: 30px;
  font-weight: 900;
  color: var(--color-secondary);
  font-family: "Merriweather", serif;
  margin-bottom: 0;
}
.statistics_number .item_users img {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .statistics_number .item_users img {
    display: none;
  }
}
.statistics_number .item_users img.user_1 {
  top: 14%;
}
@media (max-width: 767px) {
  .statistics_number .item_users img.user_1 {
    top: 3%;
  }
}
.statistics_number .item_users img.user_2 {
  top: 40%;
  right: -6px;
}
@media (max-width: 767px) {
  .statistics_number .item_users img.user_2 {
    top: 23%;
    right: -12px;
  }
}
.statistics_number .item_users img.user_3 {
  bottom: 28%;
  right: 15%;
}
.statistics_number .item_users img.user_4 {
  top: 35%;
  left: 17%;
}
@media (max-width: 767px) {
  .statistics_number .item_users img.user_4 {
    top: 40%;
    left: 12%;
  }
}
.statistics_number .item_users img.user_5 {
  top: 12%;
  left: 2%;
}
@media (max-width: 767px) {
  .statistics_number .item_users img.user_5 {
    top: 5%;
  }
}
.statistics_number .item_users img.user_6 {
  bottom: 27%;
  left: 5%;
}
@media (max-width: 767px) {
  .statistics_number .item_users img.user_6 {
    bottom: 40%;
    left: 21%;
  }
}

/**
 * ----------------------------------------
 * animation slide-in-elliptic-top-fwd
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-elliptic-top-fwd {
  0% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 1400px;
    transform-origin: 50% 1400px;
    opacity: 1;
  }
}
@-moz-keyframes slide-in-elliptic-top-fwd {
  0% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 1400px;
    transform-origin: 50% 1400px;
    opacity: 1;
  }
}
@keyframes slide-in-elliptic-top-fwd {
  0% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 1400px;
    transform-origin: 50% 1400px;
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation slide-out-blurred-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-elliptic-top-bck {
  0% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 1400px;
    transform-origin: 50% 1400px;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}
@-moz-keyframes slide-out-elliptic-top-bck {
  0% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 1400px;
    transform-origin: 50% 1400px;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}
@keyframes slide-out-elliptic-top-bck {
  0% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 1400px;
    transform-origin: 50% 1400px;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}
.initiative .title_head {
  position: relative;
}
.initiative .title_head::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='402.778' height='198.606' viewBox='0 0 402.778 198.606'%3E%3Cpath id='Path_94' data-name='Path 94' d='M-189.028-152.025A254.654,254.654,0,0,1-183-118.567l1.707,16.047q.341,3.984.569,7.455t.228,6.543l.228,17.3v32.771q0,8.419,3.925,11.832,2.771,2.048,8.543,2.048h3.232V0q-9.557,0-15.928-2.844-9.557-4.1-9.557-14l-.569-13.313V-42.329l-1.251-32.545-.341-17.41-.228-10.355a44.883,44.883,0,0,0-1.707-11.493q-1.138-3.868-1.251-4.1-.91-1.708-1.251-2.5a52.592,52.592,0,0,0-3.527-6.712Zm45.735,60.639,12.742-12.173,14.563,12.173-12.97,13.425ZM-164.568,0h-10.012V-25.029h13.311a32.4,32.4,0,0,0,14.676-3.186q5.575-2.617,11.377-9.1,3.527-4.1,10.694-13.88a4.109,4.109,0,0,1,2.958-2.162q2.275,0,2.275,3.3l-.228,1.593-.455,1.479A29.811,29.811,0,0,0-122.814-35.5q0,4.892,2.446,7.679t7.224,2.787h13.539V0q-12.06,0-18.943-5.973t-9.272-17.919a1.365,1.365,0,0,0-1.138-1.365q-.569.1-1.593,1.365l-1.024,1.486q-1.707,3.429-3.242,6a30.922,30.922,0,0,1-2.9,4.172,27.8,27.8,0,0,1-9.9,8.689A38.314,38.314,0,0,1-164.568,0ZM-71.5,14.107l13.766,13.3L-70.594,40.132-84.246,26.155Zm21.161-71.056,4.551.8,3.754.114h2.389l2.389-.114q9.67,0,9.67,6.252l-.114,1.591q-.341,2.842-7.623,13.3-1.251,1.819-2.389,3.525-1.593,2.16-3.982,5.114A43.863,43.863,0,0,1-46.7-20.8,79.328,79.328,0,0,1-70.594-5.854,70.568,70.568,0,0,1-97.671,0q-10.922,0-19.8-8.154a4.736,4.736,0,0,1-1.365-1.586l-1.024-2.039a13.269,13.269,0,0,1-.8-4.643,10.953,10.953,0,0,1,1.365-5.55,8.787,8.787,0,0,1,1.65-2.265,3.129,3.129,0,0,1,2.219-.793h27.987q4.892,0,9.272-.4a65.593,65.593,0,0,0,8.817-1.422,72.429,72.429,0,0,0,8.76-2.617,77.39,77.39,0,0,0,9.1-4.1l-2.844-1.707L-57.4-36.861a28.307,28.307,0,0,0-8.533-1.251q-7.054,0-23.323,3.413.341-1.934,3.186-7.736l2.275-4.892,1.82-3.072q8.305-7.4,25.712-18.089,7.623-4.778,29.808-17.065,8.646-4.665,12.856-7.4,2.389-1.479,3.811-2.389t2.9-2.048l-5.233-1.138-1.365-.683-.455-1.365v-.569l3.982-23.664a67.239,67.239,0,0,0,6.542,2.048,21.572,21.572,0,0,0,5.063.8,18.857,18.857,0,0,0,3.7-.352,17.384,17.384,0,0,0,3.811-1.292l4.551-2.231,6.257-3.406h.8a4.529,4.529,0,0,1,1.934.683,2.646,2.646,0,0,1,1.138,1.477.7.7,0,0,1-.114.4,1.865,1.865,0,0,1-.228.284,67.323,67.323,0,0,0-2.162,9.093L17.919-96.164l-5.461,2.5L9.614-91.958,7.566-90.139a45.263,45.263,0,0,1-4.551,3.978l-6.826,4.773-6.6,3.865-7.736,4.206L-27.7-68.884l-13.652,6.024a56.245,56.245,0,0,0-5.461,3.069A18.443,18.443,0,0,0-50.343-56.949ZM42.72-156.234a244.947,244.947,0,0,1,22.64,54.5Q72.528-76.924,72.528-56.9q0,10.81-.683,18.377A112.514,112.514,0,0,1,69.8-24.7,44.414,44.414,0,0,1,57.283-2.848Q48.636,5.345,29.751,12.287l-2.162.8-2.617.569a.988.988,0,0,1-1.138-.91l.91-1.82.8-1.481,1.251-1.479Q28.841,4.89,42.038-8.993A139.48,139.48,0,0,0,57.624-28.451Q64.792-40.059,64.792-51.1v-3.529q-.919-4.209-1.9-8.306t-2.355-8.877q-1.379-4.78-2.93-9.446T53.875-91.266l-4.25-10.015q-2.069-4.778-4.6-9.445l-2.3,18.671L42.04-83.4l-.229,7.171a16.856,16.856,0,0,1-.683,5.237A2.663,2.663,0,0,1,39.421-69.4q-1.934,0-2.958-6.6-.341-3.3-.569-7.455t-.228-9.389l.341-16.5a82.132,82.132,0,0,1,.569-9.219q.569-5.008.8-7.169.8-8.081,2.162-15.82T42.72-156.234ZM126.227-11.149l-2.844,9.784q-3.072,12.06-8.988,17.976a30.136,30.136,0,0,1-6.257,5.12,49.829,49.829,0,0,1-8.305,4.1q-3.641,1.251-8.419,2.389T80.037,30.49l-8.988,1.024-14.9,1.479q-7.736,0-8.078-1.024l.455-.569,1.024-.683,3.868-1.479,11.6-3.641,7.964-2.844a144.119,144.119,0,0,0,18.658-8.646,53.866,53.866,0,0,0,8.191-5.8,40.676,40.676,0,0,0,6.257-6.257,81.108,81.108,0,0,0,8.76-13.539L119.287-22.3a30.247,30.247,0,0,1,4.665-8.533,5.066,5.066,0,0,1,4.1-1.934q2.617,0,9.841,3.868t9.5,3.868H154.9V0H142.61q-4.551,0-9.215-3.641ZM154.215,0q-10.581,0-19.8-8.154a10.916,10.916,0,0,1-2.219-3.568,12.127,12.127,0,0,1-.967-4.7,10.669,10.669,0,0,1,1.479-5.55,8.056,8.056,0,0,1,1.707-2.265,3.037,3.037,0,0,1,2.048-.793h32.2a13.665,13.665,0,0,0,2.5-.284q1.479-.284,2.958-.68a35.465,35.465,0,0,0,3.527-1.189q10.125-3.4,14.335-10.307a31.117,31.117,0,0,0-.4-5.322,15.224,15.224,0,0,0-.853-3.285l-.683-2.039L188.8-50.4l-1.251,1.934L185.5-45.28a1.682,1.682,0,0,1-1.479,1.024l-.341-.228-.91-1.026a3.519,3.519,0,0,1-.341-1.593v-1.139a63.3,63.3,0,0,1,1.024-10.36L184.7-65.32A66.482,66.482,0,0,1,188.232-79.1q.683-2.846,2.73-2.846a3.02,3.02,0,0,1,2.1.909,7.363,7.363,0,0,1,1.65,2.5,54.3,54.3,0,0,1,4.949,12.616,54.718,54.718,0,0,1,1.763,13.752,70.29,70.29,0,0,1-.455,8.409,77.279,77.279,0,0,1-1.707,8.864,81.366,81.366,0,0,1-3.7,11.139,100.073,100.073,0,0,1-5.177,10.229,35.918,35.918,0,0,1-6.94,7.047,37.166,37.166,0,0,1-8.305,4.318A62.268,62.268,0,0,1,166.16-.568,109.836,109.836,0,0,1,154.215,0Zm5.233,25.243,12.628-12.159,14.107,13.638L173.1,38.995Z' transform='translate(200.799 157.693)' fill='%23f9f9f9' stroke='%23f9f9f9' stroke-width='1.1'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  position: absolute;
  right: -81%;
  bottom: -100px;
  background-size: contain;
  width: 100%;
  height: 230px;
  z-index: -1;
}
@media (max-width: 991px) {
  .initiative .title_head::before {
    left: 0;
    height: 150px;
    bottom: -50px;
  }
}
.initiative .item_invit {
  text-decoration: none !important;
}
.initiative .item_invit .bb_image {
  position: relative;
}
.initiative .item_invit .bb_image .cover {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
.initiative .item_invit .bb_image .cover img {
  width: 100%;
  height: 446px;
  object-fit: cover;
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
  -ms-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.initiative .item_invit .bb_image .cover::before {
  content: "";
  border-radius: 5px;
  background: linear-gradient(rgba(83, 202, 180, 0), rgba(83, 202, 180, 0.5));
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.initiative .item_invit .bb_image .box_info {
  bottom: 30px;
  z-index: 2;
  margin: 0 30px;
  display: flex;
  justify-content: center;
}
.initiative .item_invit .bb_image .box_info::before {
  content: "";
  background-color: var(--color-white);
  width: 100%;
  max-width: 85%;
  position: absolute;
  bottom: -10px;
  opacity: 0.7;
  height: 100%;
  border-radius: 5px;
  z-index: -1;
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
  -o-transition: 0.4s all;
  -ms-transition: 0.4s all;
  transition: 0.4s all;
}
.initiative .item_invit .description_img .icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.initiative .item_invit .description_img .icon img {
  width: 28px;
  height: 28px;
}
.initiative .item_invit .description_img .icon img.gif_img {
  width: 33px;
  height: 33px;
}
.initiative .item_invit .description_img h2 {
  -webkit-text-stroke: 1px var(--color-secondary);
  line-height: 38px;
}
@media (min-width: 992px) {
  .initiative .item_invit .description_img h2 {
    width: 90%;
  }
}
.initiative .item_invit .description_img .read_more svg path {
  stroke: var(--color-blue);
}
.initiative .item_invit .description_img .read_more:hover span {
  padding-right: 4px;
}
.initiative .item_invit:hover .bb_image .cover img {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  -moz-transform: scale3d(1.1, 1.1, 1);
  -o-transform: scale3d(1.1, 1.1, 1);
  -ms-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}
.initiative .item_invit:hover .bb_image .box_info::before {
  max-width: 80%;
  bottom: -14px;
  opacity: 0.65;
}

.details_init .bk_side_right .img_init {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
.details_init .bk_side_right .img_init::before {
  content: "";
  background: linear-gradient(rgba(83, 202, 180, 0), rgba(83, 202, 180, 0.5));
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.details_init .bk_side_right .img_init .main_img {
  width: 100%;
  height: 425px;
  border-radius: 5px;
  object-fit: cover;
}
.details_init .bk_side_right .head .title-section span {
  color: var(--color-green);
}
.details_init .bk_side_right .head .title-section h2 {
  font-size: 25px;
  line-height: 38px;
  -webkit-text-stroke: 0.8px var(--color-secondary);
}

.main_content_default h1,
.main_content_default h2,
.main_content_default h3,
.main_content_default h4,
.main_content_default h5,
.main_content_default h5 {
  color: var(--color-secondary);
}
.main_content_default .dividar {
  border-bottom: 1px solid var(--border-snow);
  margin: 40px 0;
}
.main_content_default img,
.main_content_default iframe {
  object-fit: cover;
  width: 100%;
  border-radius: 5px;
  margin: 30px 0;
}
.main_content_default h4 {
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 600;
}
.main_content_default .group {
  margin-bottom: 30px;
}
.main_content_default p {
  color: var(--color-text);
  font-weight: 500;
  font-size: 16px;
}
.main_content_default ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  padding-right: 20px;
}
.main_content_default ol li {
  counter-increment: my-awesome-counter;
  margin-bottom: 10px;
  font-size: 16px;
  color: var(--color-secondary);
  font-weight: 500;
}
.main_content_default ol li::before {
  content: counter(my-awesome-counter) ". ";
  color: var(--color-text);
  margin-left: 10px;
}
.main_content_default .title_inner {
  font-size: 22px;
  font-weight: 600;
  -webkit-text-stroke: 0.2px var(--color-secondary);
  margin-bottom: 20px;
}
.main_content_default .title_inner a {
  color: var(--color-blue);
  opacity: 0;
  text-decoration: none;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-text-stroke: 0.1px var(--color-blue);
}
.main_content_default .title_inner:hover a {
  opacity: 1;
}

.initiative_bk_two .item_invit {
  position: relative;
}
.initiative_bk_two .item_invit .bb_image .cover img {
  height: 450px;
}
.initiative_bk_two .item_invit .bb_image .box_info {
  margin: 0 50px;
}
.initiative_bk_two .item_invit .description_img .icon {
  position: absolute;
  top: 20px;
  left: 60px;
  z-index: 2;
  background-color: var(--bg-white);
}
.initiative_bk_two .item_invit .description_img .txt p {
  height: 50px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.itemDetails__init .items_gallery a {
  width: 23% !important;
}
@media (max-width: 991px) {
  .itemDetails__init .items_gallery a {
    width: 48% !important;
  }
}
@media (max-width: 767px) {
  .itemDetails__init .items_gallery a {
    width: 100% !important;
  }
}

.bk_new_programs .item_invit .bb_image .cover img {
  height: 260px;
}
.bk_new_programs .item_invit .description_img {
  text-align: right;
}
.bk_new_programs .item_invit .description_img .txt h2 {
  font-size: 17px;
  line-height: 31px;
  color: var(--color-secondary);
  -webkit-text-stroke: 0.3px var(--color-secondary);
}

.news_section .nav-pills .nav-item:first-of-type .nav-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.news_section .nav-pills .nav-item:last-of-type .nav-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.news_section .nav-pills .nav-link {
  min-width: 135px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  border: 1px solid var(--border-snow);
  border-radius: 5px;
  font-weight: 500;
  font-size: 15px;
  color: var(--color-secondary);
}
.news_section .nav-pills .nav-link.active {
  background-color: var(--color-primary);
  color: var(--color-white);
  border-color: var(--color-primary);
}
@media (max-width: 767px) {
  .news_section .nav-pills .nav-link {
    min-width: 100px;
    height: 45px;
    font-size: 14px;
  }
}
.news_section .grid-news-filtr .card {
  border: 0;
  border-radius: 5px;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
  margin-bottom: 20px;
}
.news_section .grid-news-filtr .card .card-img-top {
  height: 240px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.news_section .grid-news-filtr .card .card-body .cg_name {
  margin-bottom: 12px;
}
.news_section .grid-news-filtr .card .card-body .cg_name.type_2 {
  background-color: #cdac81;
}
.news_section .grid-news-filtr .card .card-body .card-title {
  margin-bottom: 10px;
  line-height: 26px;
  display: block;
}
.news_section .grid-news-filtr .card .card-body time svg path {
  stroke: var(--color-text);
}
.news_section .grid-news-filtr .card .card-body .read_more svg path {
  stroke: var(--color-blue);
}
.news_section .grid-news-filtr .card .card-body .read_more:hover span {
  padding-right: 4px;
}
.news_section .grid-news-filtr .card:hover {
  -webkit-box-shadow: 0px 0px 30px 0px rgba(33, 39, 38, 0.05);
  -moz-box-shadow: 0px 0px 30px 0px rgba(33, 39, 38, 0.05);
  -o-box-shadow: 0px 0px 30px 0px rgba(33, 39, 38, 0.05);
  -ms-box-shadow: 0px 0px 30px 0px rgba(33, 39, 38, 0.05);
  box-shadow: 0px 0px 30px 0px rgba(33, 39, 38, 0.05);
}

.new_details .bk_details_txt .header .sub_head {
  display: flex;
}
.new_details .bk_details_txt .header .sub_head .date {
  margin-left: 15px;
}
.new_details .bk_details_txt .header .sub_head svg path {
  stroke: var(--color-text);
}
.new_details .bk_details_txt .header .title {
  color: var(--color-secondary);
  line-height: 48px;
  -webkit-text-stroke: 0.8px var(--color-secondary);
  margin: 0;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .new_details .bk_details_txt .header .title {
    width: 90%;
  }
}
.new_details .bk_details_txt .header .cover_detail {
  height: 350px;
}
.new_details .bk_details_txt .header .sub_actions {
  margin: 25px 0;
}
.new_details .bk_details_txt .body .content_news p {
  font-size: 16px;
  font-weight: 500;
  color: #636363;
}
.new_details .bk_details_txt .footer .profile_branch {
  background-color: var(--bg-snow);
  padding: 18px 25px;
  border-radius: 5px;
}
.new_details .bk_details_txt .footer .profile_branch img {
  width: 50px;
  height: 50px;
  margin-left: 25px;
}
.new_details .bk_details_txt .footer .profile_branch .txt h4 {
  color: var(--color-secondary);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
.new_details .bk_details_txt .footer .profile_branch .txt p {
  color: var(--color-text);
  font-size: 13px;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .new_details .bk_details_txt .footer .profile_branch .txt p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 300px;
  }
}
.new_details .bk_details_txt .footer .profile_branch .btt_link {
  background-color: var(--bg-green);
  color: var(--color-white);
  border-radius: 5px;
  font-size: 15px;
  font-weight: 500;
  padding: 9px 20px;
  padding-top: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 140px;
  height: 44px;
}
.new_details .bk_one .item_pp {
  border: 2px solid rgba(83, 202, 180, 0.2);
  border-radius: 5px;
  padding: 20px;
  text-decoration: none;
  display: block;
}
.new_details .bk_one .item_pp h3 {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-primary);
  margin-bottom: 8px;
  margin-top: 0;
  -webkit-test-stroke: 0.2px var(--color-primary);
}
.new_details .bk_one .item_pp p {
  font-size: 14px;
  color: var(--color-text);
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new_details .bk_one .item_pp:hover {
  border-color: rgba(83, 202, 180, 0.5);
}
.new_details .bk_two .item_list {
  display: block;
  text-decoration: none;
  margin-bottom: 15px;
}
.new_details .bk_two .item_list .img_nn {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 5px;
}
.new_details .bk_two .item_list .txt p {
  max-height: 43px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.new_details .bk_two .item_list:hover .txt h4 {
  color: var(--color-blue);
}
.new_details .bg_three .item_list .txt p,
.new_details .bg_three .item_list .txt h4 {
  max-height: fit-content;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.new_details .bg_three .item_list .txt h4 {
  margin-bottom: 5px !important;
  line-height: 24px;
}

.item_sharer .btn {
  padding: 0;
  margin: 0;
  width: 35px;
  height: 35px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.item_sharer .btn svg {
  width: 17px;
}

.title_side_news {
  margin-bottom: 30px;
}
.title_side_news h2 {
  font-size: 22px;
  color: var(--color-secondary);
  font-weight: 700;
  -webkit-text-stroke: 0.5px var(--color-secondary);
}

.nav_group .nav-pills .nav-item {
  width: calc(100% / 3);
}
.nav_group .nav-pills .nav-item .nav-link {
  margin: 0;
  height: 52px;
  background-color: var(--bg-white);
  min-width: 100%;
}
.nav_group .nav-pills .nav-item .nav-link.active {
  background-color: var(--bg-primary);
}
.nav_group .nav-pills .nav-item:first-child .nav-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.nav_group .nav-pills .nav-item:nth-last-child(2) .nav-link {
  border-radius: 0;
  margin-right: -1px;
}
.nav_group .nav-pills .nav-item:last-child .nav-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -2px;
}

.bk_articles.pkg_full .link_article {
  padding: 18px 25px !important;
  margin-bottom: 30px !important;
}
.bk_articles.pkg_full .link_article .date {
  display: none;
}
.bk_articles.pkg_full .link_article .date svg path {
  stroke: var(--color-text);
}
.bk_articles.pkg_full .link_article .info_article h3 {
  line-height: 25px;
  -webkit-text-stroke: 0.3px var(--color-secondary);
}
.bk_articles.pkg_full .link_article .info_article p {
  display: -webkit-box;
  height: 43px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.empty_search img {
  width: 180px;
}

.events_section .bk_events {
  position: relative;
}
.events_section .bk_events::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='426.559' height='182.572' viewBox='0 0 426.559 182.572'%3E%3Cpath id='Path_51' data-name='Path 51' d='M-64.684-20.219a14.474,14.474,0,0,0-8.266,2.755,29.3,29.3,0,0,0-5.935,5.087Q-89.8.129-108.24,7.441a99.366,99.366,0,0,1-35.29,6.465q-16.85,0-29.833-5.3T-192.492-6.654a48.287,48.287,0,0,1-5.458-11.922,40.3,40.3,0,0,1-1.855-11.5,46.262,46.262,0,0,1,6.147-22.361q1.378-2.437,2.7-4.61a56.611,56.611,0,0,1,3.444-4.928q2.12-2.755,4.08-5.087t4.716-5.193q4.451-4.663,16.532-8.9l20.772-7.418q11.022-4.981,13.989-11.446l.424,2.014q0,5.087-7.206,11.658-6.253,5.4-10.28,6.677-6.571,2.12-12.081,4.345t-9.538,4.345Q-176.6-65.9-182.636-59.537q-6.571,6.889-6.571,15.261l.106,3.285.636,3.073q3.5,12.293,18.546,19.606,14.2,6.359,33.383,6.359a111.246,111.246,0,0,0,40.165-7.312q20.242-7.63,28.932-20.878,5.617-5.723,8.69-5.723,1.484,0,1.484,1.908a11.685,11.685,0,0,1-1.06,4.345Zm-75.456-38.47,12.717,9.22,9.432-10.492,14.943,10.492-11.234,12.505-13.035-9.644-8.9,10.28-14.519-9.538Zm97.605-71.773A237.214,237.214,0,0,1-36.918-99.3l1.59,14.948q.318,3.711.53,6.944t.212,6.095l.212,16.114V-24.67q0,7.842,3.656,11.022,2.582,1.908,7.958,1.908h3.01V11.15q-8.9,0-14.837-2.649-8.9-3.817-8.9-13.039l-.53-12.4V-28.28L-45.184-58.6-45.5-74.814l-.212-9.646A41.809,41.809,0,0,0-47.3-95.165q-1.06-3.6-1.166-3.815-.848-1.591-1.166-2.333a48.991,48.991,0,0,0-3.285-6.253ZM-19.749,11.15a26.536,26.536,0,0,1-9.644-1.8,26.884,26.884,0,0,1-8.8-5.723A10.217,10.217,0,0,1-40.256.288a11.392,11.392,0,0,1-.9-4.4A10.016,10.016,0,0,1-39.779-9.3a10.59,10.59,0,0,1,1.537-2.173,2.506,2.506,0,0,1,1.855-.689h19.712A30.429,30.429,0,0,0-3.111-15.026a33.028,33.028,0,0,0,10.7-8.69,109.644,109.644,0,0,0,9.962-13.247q1.272-1.908,2.649-1.908,2.12,0,2.12,3.073a9.383,9.383,0,0,1-.53,3.179,27.77,27.77,0,0,0-2.649,10.7,10.476,10.476,0,0,0,2.279,7.153q2.279,2.6,6.73,2.6H40.87L40.764,11.15q-11.128,0-17.592-5.564t-8.69-16.9q-.53-1.272-1.06-1.272a1.545,1.545,0,0,0-.636.212l-.636.742-1.166,1.8L7.911-4.322,5.473-.3A24.162,24.162,0,0,1-3.853,7.759,34.309,34.309,0,0,1-19.749,11.15ZM34.193,38.386,22.324,50.68,10.348,40.4-.673,51.713-15.4,40.915-3.853,27.471,9.924,37.75l10.81-9.856ZM39.81-12.165q2.437,0,5.564-.053a25.673,25.673,0,0,0,6.518-1.007,26.552,26.552,0,0,0,9.114-4.663q6.677-5.3,7.842-14.731l.106-1.8V-35.9q0-9.75-4.186-23.951A153.372,153.372,0,0,0,54.753-85.607l-6.253,23q-1.908,7.1-2.437,7.418l-1.8-1.484q0-13.777,4.239-37.834,3.815-23.421,8.9-36.35h.424q.636,0,.954,1.27l.742,1.7q4.027,11.437,8.69,28.592,3.5,13.767,6.147,28.8T77.008-47.94A124.238,124.238,0,0,1,74.782-23.32Q72.557-12.359,68.9-5.634T56.819,6.12a32.227,32.227,0,0,1-16.585,5.03q-9.856,0-18.44-7.6A10.168,10.168,0,0,1,19.727.231a11.3,11.3,0,0,1-.9-4.378,10.2,10.2,0,0,1,1.431-5.275A5.024,5.024,0,0,1,23.7-12.165Zm55.744-118.3A237.213,237.213,0,0,1,101.171-99.3l1.59,14.948q.318,3.711.53,6.944t.212,6.095l.212,16.114V-24.67q0,7.842,3.656,11.022,2.582,1.908,7.958,1.908h3.01V11.15q-8.9,0-14.837-2.649Q94.6,4.684,94.6-4.538l-.53-12.4V-28.28L92.9-58.6l-.318-16.218-.212-9.646a41.809,41.809,0,0,0-1.59-10.705q-1.06-3.6-1.166-3.815-.848-1.591-1.166-2.333a48.992,48.992,0,0,0-3.285-6.253ZM118.339,11.15a26.536,26.536,0,0,1-9.644-1.8,26.884,26.884,0,0,1-8.8-5.723A10.217,10.217,0,0,1,97.833.288a11.392,11.392,0,0,1-.9-4.4A10.016,10.016,0,0,1,98.309-9.3a7.7,7.7,0,0,1,1.7-2.067,3.1,3.1,0,0,1,2.014-.795h24.375a15.459,15.459,0,0,0,3.285-.368q1.7-.368,2.649-.684A30.157,30.157,0,0,0,135.3-14.48l5.3-2.525,6.889-4.209A33.217,33.217,0,0,0,142.608-25a15.847,15.847,0,0,0-7.948-2.1l-3.709.318,1.7-5.193,2.014-7.1,2.967-11.552,5.935,1.59,2.755.424,3.709.106a33.839,33.839,0,0,0,15.791-4.027,6.134,6.134,0,0,1,3.391-.954,5.819,5.819,0,0,1,3.709,1.166,3.176,3.176,0,0,1,1.484,2.861,5.593,5.593,0,0,1-.53,2.331,117.558,117.558,0,0,0-4.716,11.393,92.469,92.469,0,0,0-3.338,11.5L162-22.657q.954,6.677,8.054,9.008,1.484.318,4.4.689t8.637,1.113v23q-11.658,0-18.864-5.193Q156.067-.3,154.053-13.225A55.19,55.19,0,0,1,146.741-2.1Q144.939-.083,144.2.658L141.336,3.2a38.344,38.344,0,0,1-6.253,4.133A35.669,35.669,0,0,1,118.339,11.15Zm75.138-99.314,12.081-11.565,13.353,11.247L206.83-75.963ZM186.271,11.15a36.8,36.8,0,0,1-11.181-1.7,25.758,25.758,0,0,1-9.8-5.829A10.217,10.217,0,0,1,163.221.288a11.392,11.392,0,0,1-.9-4.4A10.016,10.016,0,0,1,163.7-9.3a7.533,7.533,0,0,1,1.59-2.12,2.822,2.822,0,0,1,1.908-.742H198.14a26.265,26.265,0,0,0,11.022-2.014,17.867,17.867,0,0,0,4.345-2.649l3.921-3.815-.742-5.3A9.221,9.221,0,0,0,215.52-28.7l-1.7-2.861a7.97,7.97,0,0,1-2.755,6.253,14.529,14.529,0,0,1-5.193,2.12,9.522,9.522,0,0,1-5.564-3.921,12.281,12.281,0,0,1-2.49-7.63l3.815-11.552,1.908-5.193q1.484-3.815,1.7-4.345,1.166-2.12,1.59-3.073a10.322,10.322,0,0,1,2.861-3.285,4.757,4.757,0,0,1,1.8-.848l1.59-.318A6.505,6.505,0,0,1,216.9-62.08l1.272,1.272,1.272,1.378a41.012,41.012,0,0,1,5.723,11.552,39.232,39.232,0,0,1,1.59,11.128,45.386,45.386,0,0,1-1.59,11.552l-.742,2.543q-.318.848-.795,2.173a22.037,22.037,0,0,1-1.007,2.384q-3.709,10.174-7.948,15.791a29.647,29.647,0,0,1-4.981,4.875A46.956,46.956,0,0,1,203.333,6.7l-4.557,2.014-4.133,1.272A34.9,34.9,0,0,1,186.271,11.15Z' transform='translate(199.805 130.859)' fill='%23f9f9f9'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 200px;
  position: absolute;
  z-index: -1;
  right: -65%;
  top: -60px;
}
.events_section .item_activations {
  text-decoration: none;
  margin-bottom: 15px;
}
.events_section .item_activations .item_date {
  width: 90px;
  height: 110px;
  display: inline-grid;
  align-items: center;
  text-align-last: center;
  align-content: center;
  border: 1px solid var(--border-snow);
}
.events_section .item_activations .item_date .date {
  font-size: 30px;
  font-family: "Merriweather", serif;
  font-weight: 900;
}
.events_section .item_activations .icon_more {
  left: 55px;
  opacity: 0;
  -webkit-transition: 0.42s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: 0.42s cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: 0.42s cubic-bezier(0.65, 0.05, 0.36, 1);
  -ms-transition: 0.42s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: 0.42s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.events_section .item_activations .icon_more path {
  stroke: var(--color-blue);
}
.events_section .item_activations:hover .item_date {
  border-color: transparent;
}
.events_section .item_activations:hover .icon_more {
  left: 45px;
  opacity: 1;
}

.page_events .bk_event {
  background-color: var(--bg-white);
  border-radius: 5px;
  padding: 30px;
  position: relative;
  margin-bottom: 12px;
}
.page_events .bk_event .item_name {
  padding-left: 10px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .page_events .bk_event .item_name {
    border-left: 1px solid var(--border-snow);
    margin-bottom: 0;
  }
}
.page_events .bk_event .item_name span {
  display: block;
  font-size: 14px;
  color: var(--color-text);
  margin-bottom: 5px;
}
.page_events .bk_event .item_name h2 {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-bottom: 0;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 26px;
}
.page_events .bk_event .item_grid {
  margin: 0 20px;
}
@media (max-width: 767px) {
  .page_events .bk_event .item_grid {
    margin-bottom: 10px;
  }
}
.page_events .bk_event .item_grid span {
  display: block;
  font-size: 13px;
  color: var(--color-text);
  margin-bottom: 5px;
}
.page_events .bk_event .item_grid p,
.page_events .bk_event .item_grid a {
  display: block;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0;
  color: var(--color-secondary);
}
.page_events .bk_event .item_grid p svg,
.page_events .bk_event .item_grid a svg {
  width: 16px;
  height: 16px;
}
.page_events .bk_event .item_grid p svg path,
.page_events .bk_event .item_grid p svg circle,
.page_events .bk_event .item_grid a svg path,
.page_events .bk_event .item_grid a svg circle {
  stroke: var(--color-blue);
}
.page_events .bk_event .item_grid a {
  color: var(--color-blue) !important;
  text-decoration: none;
}
.page_events .bk_event .action_bb svg {
  margin-right: 3px;
}
.page_events .bk_event .action_bb svg path {
  stroke: var(--color-blue);
}
.page_events .bk_event .action_bb .read_more:hover span {
  padding-left: 4px;
}
@media (max-width: 991px) {
  .page_events .bk_event .action_bb {
    margin-top: 20px;
    justify-content: flex-end;
    display: flex;
  }
}
.page_events .bk_event .status_event {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  right: 10px;
  border: 1px solid transparent;
}
.page_events .bk_event .status_event span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.page_events .bk_event .status_event.avaliable {
  border-color: rgba(83, 202, 180, 0.3);
}
.page_events .bk_event .status_event.avaliable span {
  background-color: var(--bg-green);
  animation: kc-opacity 0.9s infinite both;
}
.page_events .bk_event .status_event.end span {
  background-color: var(--bg-red);
}
.page_events .form_join .title h2 {
  font-weight: 600;
  color: var(--color-secondary);
  font-size: 22px;
  margin-bottom: 10px;
}
.page_events .form_join .title p {
  font-size: 14px;
  color: var(--color-text);
  margin-bottom: 0;
}
.page_events .bk_map .google_map {
  height: 150px;
  border-radius: 5px;
}
.page_events .bk_table .table tbody tr td {
  border: 0;
  font-size: 16px;
  font-weight: 500;
  padding: 16px 20px;
}
.page_events .bk_table .table tbody tr td span {
  margin-top: -5px;
  display: block;
}
.page_events .bk_table .table tbody tr td .link_item a svg path {
  stroke: var(--color-blue);
}
.page_events .bk_table .table tbody tr td:last-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.page_events .bk_table .table tbody tr td:first-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.page_events .bk_table .table tbody tr:nth-of-type(odd) {
  background-color: var(--color-white);
}
.page_events .bk_table .table tbody tr:nth-of-type(even) {
  background-color: var(--color-snow);
}

@-webkit-keyframes kc-opacity {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes kc-opacity {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes kc-opacity {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
.bk_says_user .title-section {
  position: relative;
}
.bk_says_user .title-section .emoji_hand {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-snow);
  border-radius: 50%;
  position: absolute;
  top: 20px;
  left: 27%;
}
.bk_says_user .title-section .emoji_hand::before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='9' viewBox='0 0 20 9'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_467' data-name='Rectangle 467' width='20' height='9' transform='translate(380 5035)' fill='%23212726' opacity='0.5'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Mask_Group_10' data-name='Mask Group 10' transform='translate(-380 -5035)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_50' data-name='Path 50' d='M30,0a30,30,0,0,1,6.823,59.221C34.836,59.706,32.452,67,30,67c-2.5,0-4.932-7.306-7.544-7.956A30,30,0,0,1,30,0Z' transform='translate(360 4977)' fill='%23f9f9f9'/%3E%3C/g%3E%3C/svg%3E%0A");
  bottom: -7px;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 9px;
  display: block;
}
.bk_says_user .title-section .emoji_hand img {
  width: 26px;
  height: 26px;
}
.bk_says_user .gallery-top .content_spoke .content_mss {
  font-size: 17px;
}
.bk_says_user .gallery-thumbs .swiper-slide {
  cursor: pointer;
  width: auto !important;
  margin-left: 6px;
  margin-right: 0 !important;
}
.bk_says_user .gallery-thumbs .swiper-slide .image_spoke img {
  width: 45px;
  height: 45px;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid transparent;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}
.bk_says_user .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .image_spoke img {
  border-color: var(--color-orange);
  padding: 4px;
}

/**
 * ----------------------------------------
 * animation wobble-hor-bottom
 * ----------------------------------------
 */
@-webkit-keyframes wobble-hor-bottom {
  0%,
    100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-10px) rotate(-8deg);
    transform: translateX(-10px) rotate(-8deg);
  }
  30% {
    -webkit-transform: translateX(10px) rotate(8deg);
    transform: translateX(10px) rotate(8deg);
  }
  45% {
    -webkit-transform: translateX(-10px) rotate(-3.6deg);
    transform: translateX(-10px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(4px) rotate(2.4deg);
    transform: translateX(4px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-2px) rotate(-1.2deg);
    transform: translateX(-2px) rotate(-1.2deg);
  }
}
@-moz-keyframes wobble-hor-bottom {
  0%,
    100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-10px) rotate(-8deg);
    transform: translateX(-10px) rotate(-8deg);
  }
  30% {
    -webkit-transform: translateX(10px) rotate(8deg);
    transform: translateX(10px) rotate(8deg);
  }
  45% {
    -webkit-transform: translateX(-10px) rotate(-3.6deg);
    transform: translateX(-10px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(4px) rotate(2.4deg);
    transform: translateX(4px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-2px) rotate(-1.2deg);
    transform: translateX(-2px) rotate(-1.2deg);
  }
}
@keyframes wobble-hor-bottom {
  0%,
    100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-10px) rotate(-8deg);
    transform: translateX(-10px) rotate(-8deg);
  }
  30% {
    -webkit-transform: translateX(10px) rotate(8deg);
    transform: translateX(10px) rotate(8deg);
  }
  45% {
    -webkit-transform: translateX(-10px) rotate(-3.6deg);
    transform: translateX(-10px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(4px) rotate(2.4deg);
    transform: translateX(4px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-2px) rotate(-1.2deg);
    transform: translateX(-2px) rotate(-1.2deg);
  }
}
.partner_logo .swiper-container-multirow-column > .swiper-wrapper {
  flex-direction: row;
  flex-wrap: wrap-reverse;
  padding: 1px 0;
}
.partner_logo .item_logo {
  border: 1px solid var(--border-snow);
  border-radius: 5px;
  padding: 5px;
}
.partner_logo .item_logo img {
  width: 100%;
}
.partner_logo .swiper-container {
  margin-left: auto;
  margin-right: auto;
}
.partner_logo .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  height: calc((100% - 20px) / 2);
}
.partner_logo .swiper-button-next,
.partner_logo .swiper-button-prev {
  position: relative;
  width: 50px;
  height: 50px;
  background-color: var(--color-snow);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  right: auto;
  left: auto;
  top: inherit;
  margin: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.partner_logo .swiper-button-next svg,
.partner_logo .swiper-button-prev svg {
  width: 20px;
  height: 20px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.partner_logo .swiper-button-next svg path,
.partner_logo .swiper-button-prev svg path {
  stroke: var(--color-secondary);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.partner_logo .swiper-button-next::after,
.partner_logo .swiper-button-prev::after {
  display: none;
}
.partner_logo .swiper-button-next:hover,
.partner_logo .swiper-button-prev:hover {
  background-color: var(--color-blue);
}
.partner_logo .swiper-button-next:hover svg path,
.partner_logo .swiper-button-prev:hover svg path {
  stroke: var(--color-white);
}
.partner_logo .swiper-button-prev {
  margin-left: 15px;
}

.section_image_work .pg_image {
  position: relative;
}
.section_image_work .pg_image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(83, 202, 180, 0), rgba(83, 202, 180, 0.5));
}
.section_image_work .pg_image .item {
  display: flex;
  flex-direction: row-reverse;
}
.section_image_work .pg_image .item img {
  width: 100%;
  max-width: calc(100% / 5);
  height: 400px;
  object-fit: cover;
  padding: 0;
  margin: 0;
}
@media (max-width: 767px) {
  .section_image_work .pg_image .item img {
    max-width: calc(100% / 3);
    height: 300px;
  }
}

.links_social__networks .btn {
  width: 45px;
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  border-radius: 50%;
  border: 1px solid transparent;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}
.links_social__networks .btn img {
  width: 17px;
}
.links_social__networks .btn.instagram {
  background-color: rgba(255, 169, 49, 0.1);
}
.links_social__networks .btn.facebook {
  background-color: rgba(76, 118, 235, 0.1);
}
.links_social__networks .btn.twitter {
  background-color: rgba(3, 169, 244, 0.1);
}
.links_social__networks .btn.youtube {
  background-color: rgba(229, 57, 53, 0.1);
}
.links_social__networks .btn.whatsapp {
  background-color: rgba(37, 211, 102, 0.1);
}
.links_social__networks .btn.snapchat {
  background-color: rgba(255, 252, 0, 0.1);
}
.links_social__networks .btn:hover {
  border-color: var(--border-snow);
  background-color: transparent;
}

.fixed_icon {
  position: fixed;
  right: 30px;
  bottom: 50px;
  z-index: 999;
}
.fixed_icon .btn_connect {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fixed_icon .btn_connect svg {
  z-index: 1;
}
.fixed_icon .btn_connect svg path {
  stroke: var(--color-white);
}
.fixed_icon .btn_connect::before {
  content: "";
  width: 55px;
  height: 55px;
  position: absolute;
  background-color: var(--color-blue);
  border-radius: 50%;
  z-index: 0;
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
  -o-transition: 0.4s all;
  -ms-transition: 0.4s all;
  transition: 0.4s all;
}
.fixed_icon .btn_connect:hover::before {
  width: 65px;
  height: 65px;
}

#particles-js {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.breadcrumb {
  background-color: transparent;
  padding: 0;
}
.breadcrumb .breadcrumb-item::before {
  font-family: "The-Icon-of";
  content: "\e9b2";
  vertical-align: middle;
  font-size: 15px;
  align-items: flex-end;
  display: inline-flex;
}
.breadcrumb .breadcrumb-item:first-of-type::before {
  display: none;
}
.breadcrumb .breadcrumb-item a {
  font-size: 15px;
  font-weight: 500;
  color: var(--color-white);
}
.breadcrumb .breadcrumb-item.active a {
  color: var(--color-text);
}

@media (min-width: 992px) {
  .filter_inner .no-gutters > [class*="col-"] {
    padding-right: 20px;
  }
}

@media (max-width: 991px) {
  .filter_header .row > [class*="col-"] {
    margin-bottom: 15px;
  }
  .filter_header .row > [class*="col-"]:last-of-type {
    margin-bottom: 0;
  }
}

.load_more_btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 500;
}
.load_more_btn::before {
  content: "";
  position: absolute;
  border: 1px solid var(--border-snow);
  background-color: transparent;
  min-width: 130px;
  height: 45px;
  border-radius: 5px;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}
.load_more_btn span {
  margin-top: -5px;
  -webkit-transition: 0.25s all;
  -moz-transition: 0.25s all;
  -o-transition: 0.25s all;
  -ms-transition: 0.25s all;
  transition: 0.25s all;
}
.load_more_btn .item_load {
  display: none;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}
.load_more_btn.loading::before {
  min-width: 45px;
  border-radius: 50%;
}
.load_more_btn.loading span {
  visibility: hidden;
  opacity: 0;
}
.load_more_btn.loading .item_load {
  opacity: 1;
  display: block;
}
.load_more_btn.loading .sk-chase {
  position: absolute;
}

.sk-chase {
  width: 22px;
  height: 22px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: sk-chase-dot 2s infinite ease-in-out both;
}

.sk-chase-dot:before {
  content: "";
  display: block;
  width: 25%;
  height: 25%;
  background-color: var(--color-text);
  border-radius: 100%;
  animation: sk-chase-dot-before 2s infinite ease-in-out both;
}

.sk-chase-dot:nth-child(1) {
  animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2) {
  animation-delay: -1s;
}

.sk-chase-dot:nth-child(3) {
  animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4) {
  animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5) {
  animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6) {
  animation-delay: -0.6s;
}

.sk-chase-dot:nth-child(1):before {
  animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2):before {
  animation-delay: -1s;
}

.sk-chase-dot:nth-child(3):before {
  animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4):before {
  animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5):before {
  animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6):before {
  animation-delay: -0.6s;
}

@-webkit-keyframes sk-chase {
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes sk-chase {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes sk-chase-dot {
  80%,
    100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes sk-chase-dot {
  80%,
    100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot {
  80%,
    100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4);
  }
  100%,
    0% {
    transform: scale(1);
  }
}
@-moz-keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4);
  }
  100%,
    0% {
    transform: scale(1);
  }
}
@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4);
  }
  100%,
    0% {
    transform: scale(1);
  }
}
.breadcrumb .breadcrumb-item.active {
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.document_files .item_art {
  padding: 15px 20px;
  border: 1px solid transparent;
  margin-bottom: 12px;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -m-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}
.document_files .item_art .icon {
  margin-left: 15px;
}
.document_files .item_art .icon svg path {
  stroke: var(--color-text);
}
.document_files .item_art:hover {
  border-color: var(--border-snow);
  background-color: var(--color-white);
}

.page_waqef .header_bk_title .title-section h2 {
  font-size: 30px;
  margin-bottom: 10px;
}
.page_waqef .header_bk_title .logo_program img {
  width: 100%;
}
.page_waqef .main_content_default p {
  color: var(--color-secondary);
}
.page_waqef .item_down {
  border: 1px solid var(--border-snow);
  border-radius: 5px;
  padding: 12px 20px;
  margin-bottom: 10px;
}
.page_waqef .item_down .txt span {
  margin-bottom: 3px;
}
.page_waqef .item_down .txt p {
  -webkit-text-stroke: 0.2px var(--color-secondary);
}
.page_waqef .item_down .acc .btn svg path {
  stroke: var(--color-blue);
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}
.page_waqef .item_down .acc .btn:hover {
  background-color: var(--color-blue);
}
.page_waqef .item_down .acc .btn:hover svg path {
  stroke: var(--color-white);
}
.page_waqef .bk_donate .btn_donate {
  margin: 15px 0;
}
.page_waqef .bk_donate .btn_donate span {
  color: var(--color-white);
  display: block;
  margin-top: -4px;
}
.page_waqef .bk_donate .btn_donate svg {
  margin-left: 5px;
}
.page_waqef .bk_donate .btn_donate svg path {
  stroke: var(--color-white);
}
.page_waqef .bk_donate .btn_donate:hover {
  background-color: var(--color-black);
}
.page_waqef .bk_donate .btn_donate:hover span {
  color: var(--color-white);
}

.bk_invest .main_content_default ol li::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg id='Iconly_Two-tone_Tick_Square' data-name='Iconly/Two-tone/Tick Square' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='Tick_Square' data-name='Tick Square' transform='translate(2.292 2.292)'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M11.32,0H4.1A3.971,3.971,0,0,0,0,4.3v6.807a3.967,3.967,0,0,0,4.1,4.305h7.223a3.968,3.968,0,0,0,4.1-4.305V4.3A3.968,3.968,0,0,0,11.32,0Z' transform='translate(0 0)' fill='none' stroke='%2353cab4' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3Cpath id='Stroke_3' data-name='Stroke 3' d='M0,1.977,1.978,3.955,5.933,0' transform='translate(4.741 5.731)' fill='none' stroke='%2353cab4' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' opacity='0.4'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  color: var(--color-text);
  margin-left: 10px;
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
}
.bk_invest .main_content_default ol.number {
  counter-reset: my-awesome-counter;
}
.bk_invest .main_content_default ol.number li {
  counter-increment: my-awesome-counter;
}
.bk_invest .main_content_default ol.number li::before {
  content: counter(my-awesome-counter) ".";
  background-image: none;
}

@media (max-width: 991px) {
  .page_cn_media .nav_button {
    margin-bottom: 50px;
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap;
  }
}
.page_cn_media .nav_button .nav-link {
  border: 1px solid var(--border-snow);
  border-radius: 5px;
  width: 100%;
  height: 48px;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-secondary);
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 991px) {
  .page_cn_media .nav_button .nav-link {
    margin: 0 10px;
  }
}
.page_cn_media .nav_button .nav-link.active {
  border-color: var(--border-primary);
  background-color: var(--bg-primary);
  color: var(--color-white);
}
.page_cn_media .bk_gallery {
  display: block;
  text-decoration: none;
}
.page_cn_media .bk_gallery .main_img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page_cn_media .bk_gallery .main_img img {
  width: 100%;
  border-radius: 8px;
  height: 175px;
  object-fit: cover;
  -webkit-transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  -ms-transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.page_cn_media .bk_gallery .main_img .brfore_1 {
  position: absolute;
  top: -12px;
  z-index: -1;
  opacity: 0.3;
  width: 100%;
  max-width: 85%;
}
.page_cn_media .bk_gallery .main_img .brfore_2 {
  position: absolute;
  top: -22px;
  z-index: -2;
  opacity: 0.15;
  width: 100%;
  max-width: 75%;
}
.page_cn_media .bk_gallery:hover .main_img .brfore_1 {
  transform: translateY(-5px);
  opacity: 0.8;
}
.page_cn_media .bk_gallery:hover .main_img .brfore_2 {
  transform: translateY(-10px);
  opacity: 0.5;
}
.page_cn_media .item_video {
  margin-bottom: 40px;
}
.page_cn_media .item_video iframe {
  width: 100%;
  height: 175px;
  border-radius: 5px;
}
.page_cn_media .item_video .title h3 {
  line-height: 26px;
}

.page_branch .bk_event {
  background-color: var(--bg-snow);
}
.page_branch .bk_event .item_name {
  border-left-color: #d9d9d9;
}
.page_branch .bk_event .item_name .media {
  width: 100%;
  overflow: hidden;
  display: inline-flex;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page_branch .bk_event .item_name h2 {
  font-size: 16px;
}

.bk_gallery .items_gallery {
  display: block;
}
.bk_gallery .items_gallery a {
  position: relative;
  width: 18.5%;
  border-radius: 5px;
  margin: 5px 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media (max-width: 991px) {
  .bk_gallery .items_gallery a {
    width: 30%;
  }
}
@media (max-width: 767px) {
  .bk_gallery .items_gallery a {
    width: 45%;
  }
}
.bk_gallery .items_gallery a img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  border-radius: 5px;
  transform: scale3d(1, 1, 1);
  -wwbkit-transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  -ms-transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.bk_gallery .items_gallery a i {
  opacity: 0;
  z-index: 2;
  -wwbkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}
.bk_gallery .items_gallery a::before {
  content: "";
  background: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -wwbkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}
.bk_gallery .items_gallery a:hover img {
  transform: scale3d(1.1, 1.1, 1);
}
.bk_gallery .items_gallery a:hover i {
  opacity: 1;
}
.bk_gallery .items_gallery a:hover::before {
  content: "";
  background: rgba(0, 0, 0, 0.4);
}

.share_branch .breadcrumb .breadcrumb-item a {
  color: var(--color-secondary);
}

@media (min-width: 992px) {
  .modal_default .modal-dialog.modal-420 {
    max-width: 420px;
  }
}
.modal_default .modal-content {
  border: 0;
  border-radius: 8px;
}
.modal_default .modal-header {
  border-bottom-color: var(--border-snow);
  padding: 25px 0px;
}
.modal_default .modal-header .modal-title {
  font-weight: 600;
  -webkit-text-stroke: 0.5px var(--color-secondary);
  font-size: 20px;
}
.modal_default .modal-header .close {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  background-color: var(--bg-snow);
  opacity: 1;
  right: 30px;
  border-radius: 50%;
  outline: 0 !important;
  box-shadow: none !important;
}
.modal_default .modal-header .close i {
  font-size: 18px;
}

.toast_successful {
  background-color: var(--bg-green);
  border-radius: 5px;
  padding: 16px 22px;
  position: fixed;
  z-index: 99999;
  bottom: 20px;
  min-width: 330px;
  border: 0;
  padding-left: 35px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  display: flex !important;
  align-items: center;
  -webkit-transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
  -ms-transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
  transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
}
.toast_successful .btn_close {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 22px;
  padding: 0;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.toast_successful .btn_close i {
  color: #fff;
  font-size: 17px;
}
.toast_successful .btn_close:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.toast_successful .toast-header {
  background-color: transparent;
}
.toast_successful .toast-body {
  display: flex;
  align-items: center;
  padding: 0;
  padding-left: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.toast_successful .toast-body .icon-box {
  width: 30px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.12);
  margin-left: 8px;
  border-radius: 50%;
}
.toast_successful .toast-body .icon-box i {
  font-size: 22px;
  color: #fff;
}
.toast_successful.show {
  bottom: 50px;
  -webkit-transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
  -ms-transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
  transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
}

.alert-warning {
  background-color: rgba(242, 142, 28, 0.1);
  border-radius: 5px;
  border: 0;
}
.alert-warning span {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-secondary);
}
.alert-warning svg {
  width: 22px;
  height: 22px;
}
.alert-warning svg path {
  stroke: var(--color-secondary);
}

.galley_widget a {
  margin: 3px !important;
  width: calc(100% / 3 - 9px) !important;
}
.galley_widget a img {
  height: 110px !important;
}

.lg-sub-html p {
  font-size: 15px;
  font-weight: 500;
}

.swiper_ads {
  border-radius: 5px;
  height: auto !important;
}
.swiper_ads .img_adse_item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper_ads .img_adse_item img {
  width: 100%;
  height: 100%;
}
.swiper_ads .swiper-button-next,
.swiper_ads .swiper-button-prev {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.8);
}
.swiper_ads .swiper-button-next i,
.swiper_ads .swiper-button-prev i {
  color: var(--color-white);
}
.swiper_ads .swiper-button-next::after,
.swiper_ads .swiper-button-prev::after {
  display: none;
}

.item_waqef_pro {
  border-radius: 5px;
  border: 1px solid var(--border-snow);
  overflow: hidden;
}
.item_waqef_pro .img_top img {
  height: 190px;
  object-fit: cover;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.item_waqef_pro .content {
  padding: 0 25px 25px 25px;
}
.item_waqef_pro .content h4 {
  font-size: 18px;
  font-weight: 600;
  -webkit-text-stroke: 0.5px var(--color-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 26px;
}
.item_waqef_pro .content .item_grid span {
  display: block;
  font-size: 13px;
  color: var(--color-text);
  font-weight: 500;
}
.item_waqef_pro .content .item_grid p {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-secondary);
  margin-bottom: 0;
}
.item_waqef_pro .content .item_list span {
  font-size: 16px;
  color: var(--color-text);
  display: inline-block;
}
.item_waqef_pro .content .item_list p {
  font-size: 16px;
  font-weight: 600;
  -webkit-text-stroke: 0.2px var(--color-secondary);
}
.item_waqef_pro .content .info_progress span {
  font-size: 13px;
  font-weight: 500;
  color: var(--color-secondary);
}
.item_waqef_pro .content .progress {
  height: 4px;
  border-radius: 20px;
  background-color: var(--border-snow);
}
.item_waqef_pro .content .progress .progress-bar {
  height: 4px;
  border-radius: 20px;
  background-color: var(--bg-green);
}

.item_video {
  position: absolute;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 30%;
  top: 50%;
}
@media (max-width: 991px) {
  .item_video {
    left: 50%;
    top: 30%;
  }
}
.item_video .btn_video {
  position: absolute;
  background-color: var(--bg-white);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item_video .btn_video i {
  font-size: 24px;
}
@media (max-width: 991px) {
  .item_video .circle-ripple .ripple {
    width: 70px;
    height: 70px;
  }
}

.cover_video {
  position: relative;
  overflow: hidden;
  z-index: 6;
  margin-top: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .cover_video {
    margin-top: 0;
    margin-bottom: 40px;
  }
}
.cover_video::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
}
.cover_video img {
  width: 100%;
  object-fit: cover;
  height: 260px;
  border-radius: 5px;
}
.cover_video .item_video {
  left: auto;
  top: auto;
}
.cover_video .title_video {
  position: absolute;
  top: 15px;
  right: 20px;
  color: var(--color-white);
  font-size: 16px;
  font-weight: 500;
  z-index: 2;
}

.circle-ripple {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -1;
  pointer-events: none;
}
.circle-ripple .ripple {
  position: absolute;
  border: 3px solid var(--border-white);
  width: 90px;
  height: 90px;
  border-radius: 500px;
}
.circle-ripple .ripple-1 {
  -webkit-animation: circleRipple 3s infinite linear;
  -moz-animation: circleRipple 3s infinite linear;
  -o-animation: circleRipple 3s infinite linear;
  -ms-animation: circleRipple 3s infinite linear;
  animation: circleRipple 3s infinite linear;
}
.circle-ripple .ripple-2 {
  -webkit-animation: circleRipple 3s infinite linear 0.75s;
  -moz-animation: circleRipple 3s infinite linear 0.75s;
  -o-animation: circleRipple 3s infinite linear 0.75s;
  -ms-animation: circleRipple 3s infinite linear 0.75s;
  animation: circleRipple 3s infinite linear 0.75s;
}
.circle-ripple .ripple-3 {
  -webkit-animation: circleRipple 3s infinite linear 1.5s;
  -moz-animation: circleRipple 3s infinite linear 1.5s;
  -o-animation: circleRipple 3s infinite linear 1.5s;
  -ms-animation: circleRipple 3s infinite linear 1.5s;
  animation: circleRipple 3s infinite linear 1.5s;
}

@-webkit-keyframes circleRipple {
  from {
    -webkit-transform: scale(0);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(2);
    opacity: 0;
  }
}
@-moz-keyframes circleRipple {
  from {
    -webkit-transform: scale(0);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(2);
    opacity: 0;
  }
}
@keyframes circleRipple {
  from {
    -webkit-transform: scale(0);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(2);
    opacity: 0;
  }
}
.mdll_video .modal-content {
  border: 0;
  border-radius: 5px;
  padding: 0;
}
.mdll_video .modal-body {
  padding: 0;
  border-radius: 5px;
}
.mdll_video .modal-body iframe {
  border-radius: 5px;
}
.mdll_video .close {
  position: absolute;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 5%;
  right: 5%;
  opacity: 1;
  background-color: var(--bg-black);
  box-shadow: none;
  outline: 0;
  text-shadow: none;
  opacity: 1;
}
.mdll_video .close i {
  opacity: 1;
  box-shadow: none;
  color: var(--color-white);
  font-size: 20px;
  font-weight: normal;
}

.pk_input_price {
  margin-top: 15px;
}
.pk_input_price .input_group {
  position: relative;
  display: flex;
  align-items: center;
}
.pk_input_price .input_group .form-control {
  height: 42px;
  padding-left: 80px;
}
.pk_input_price .input_group span {
  font-size: 13px;
  color: var(--color-text);
  position: absolute;
  left: 13px;
  margin-top: -3px;
  background-color: var(--bg-white);
  padding: 0 5px;
}
.pk_input_price .btn_pay {
  margin-top: 10px;
  width: 100%;
  height: 48px;
  background-color: var(--bg-green);
  font-size: 15px;
  font-weight: 600;
  color: var(--color-white);
  border-radius: 8px;
}
.pk_input_price .btn_pay:hover {
  background-color: rgba(83, 202, 180, 0.85);
}
.pk_input_price .btn_details {
  font-size: 14px;
  color: var(--color-text);
  text-align: center;
  width: 100%;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.pk_input_price .btn_details:hover {
  color: var(--color-blue);
}

.pk_bavMember {
  border-bottom: 1px solid var(--border-snow);
}
.pk_bavMember .nav .nav-item .nav-link {
  color: var(--color-secondary);
  padding: 0;
  min-width: 150px;
  height: 65px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-radius: 0;
  margin-left: 10px;
  border-bottom: 2px solid var(--border-white);
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.pk_bavMember .nav .nav-item .nav-link span {
  color: var(--color-secondary);
  margin-top: -2px;
  display: block;
  font-size: 16px;
  font-weight: 500;
  -webkit-text-stroke: 0.5px var(--color-secondary);
}
.pk_bavMember .nav .nav-item .nav-link.active {
  border-color: var(--border-green);
}
.pk_bavMember .nav .nav-item .nav-link.active span {
  color: var(--color-green);
  -webkit-text-stroke: 0.5px var(--color-green);
}

.contentMembers .title-section h2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contentMembers .title-section h2 a {
  -webkit-text-stroke: 0.2px var(--color-white);
}
.contentMembers .cover_members img {
  height: 250px;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.smsSuccess {
  text-align: center;
}
.smsSuccess .icon_check {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(83, 202, 180, 0.1);
  margin-bottom: 30px;
}
.smsSuccess .icon_check i {
  font-size: 22px;
  font-weight: 600;
  color: var(--color-green);
}
.smsSuccess h3 {
  font-size: 20px;
  font-weight: 600;
  color: var(--color-secondary);
  -webkit-text-stroke: 0.5px var(--color-secondary);
  margin-bottom: 12px;
}
.smsSuccess p {
  font-size: 15px;
  color: var(--color-text);
}
.smsSuccess.error .icon_check {
  background-color: rgba(255, 66, 66, 0.1);
}
.smsSuccess.error .icon_check i {
  color: var(--color-red);
}

.img_payment {
  display: flex;
  flex-direction: row;
  column-gap: 10px;
  -ms-column-gap: 10px;
  -webkit-column-gap: 10px;
}
.img_payment img {
  width: 45px;
}

.logosPartners .title-section h2 {
  font-size: 35px;
}
@media (max-width: 991px) {
  .logosPartners .item_img .item_img {
    margin-bottom: 15px;
  }
}
.logosPartners .item_img img {
  width: 100%;
}

.pk_enjaz .link_article {
  background-color: var(--bg-white) !important;
  border: 2px solid rgba(83, 202, 180, 0.2) !important;
}
.pk_enjaz .link_article:hover {
  border-color: rgba(83, 202, 180, 0.4) !important;
}
.pk_enjaz .info_article h3 {
  width: 250px;
}
.pk_enjaz .box_check {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(83, 202, 180, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(83, 202, 180, 0.2);
}
.pk_enjaz .box_check i {
  color: var(--color-green);
  font-weight: 600;
  font-size: 18px;
}
.pk_enjaz .cover_img {
  margin-top: 25px;
}
.pk_enjaz .cover_img img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 5px;
}

.pagePayment_method .card {
  border: 0;
  padding: 0;
  margin-bottom: 20px;
}
.pagePayment_method .card .card-body {
  padding: 30px 0;
}
.pagePayment_method .card .card-header {
  padding: 0;
  border: 0;
  background-color: transparent;
}
.pagePayment_method .card .card-header .btn-block {
  display: flex;
  text-decoration: none !important;
  border-radius: 5px !important;
  padding: 18px 20px;
  background-color: var(--bg-snow);
}
.pagePayment_method .card .card-header .btn-block .text {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-secondary);
  display: block;
  margin-right: 12px;
  margin-top: -3px;
}
.pagePayment_method .card .card-header .btn-block[aria-expanded="true"] .itemChoose {
  border-color: var(--border-green);
}
.pagePayment_method .card .card-header .btn-block[aria-expanded="true"] .itemChoose::before {
  opacity: 1;
}
.pagePayment_method .card .card-header .itemChoose {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d5d5d5;
  position: relative;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.pagePayment_method .card .card-header .itemChoose::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: var(--bg-green);
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}

.bkWelcome___volunteer .logo__welcome {
  height: 180px;
  object-fit: contain;
  margin-bottom: 20px;
}
.bkWelcome___volunteer h2 {
  font-size: 22px;
  font-weight: 600;
  color: var(--color-secondary);
  -webkit-text-stroke: 0.5px var(--color-secondary);
  margin-bottom: 8px;
}
.bkWelcome___volunteer p {
  font-size: 15px;
  color: var(--color-text);
}
.bkWelcome___volunteer .box__note {
  border: 1px dashed var(--border-snow);
  border-radius: 5px;
  padding: 10px 20px;
}
.bkWelcome___volunteer .box__note p {
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: 500;
}
.bkWelcome___volunteer .box__note p:last-child {
  margin-bottom: 0;
}

.qr__code .item {
  background-color: var(--bg-snow);
  border-radius: 5px;
  padding: 40px;
}
.qr__code .item img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

.bk_sm_contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bk_sm_contact .txt span {
  display: block;
  font-size: 13px;
  color: var(--color-text);
  margin-bottom: 2px;
}
.bk_sm_contact .txt p {
  font-size: 16px;
  color: var(--color-secondary);
  font-weight: 500;
  margin-bottom: 0;
}
.bk_sm_contact .btn__Contact {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  border: 1px solid var(--border-snow);
  height: 46px;
  min-width: 130px;
  padding: 0;
  margin: 0;
  color: var(--color-blue);
  font-size: 15px;
  font-weight: 500;
}

.pageRegister__volunteer .itemNav {
  align-items: center;
}
@media (min-width: 992px) {
  .pageRegister__volunteer .itemNav {
    display: flex;
  }
}
.pageRegister__volunteer .itemNav .nav-link {
  background-color: transparent;
  display: flex;
  align-items: center;
  padding: 0;
  margin-left: 30px;
}
@media (max-width: 991px) {
  .pageRegister__volunteer .itemNav .nav-link {
    margin-bottom: 10px;
  }
}
.pageRegister__volunteer .itemNav .nav-link span {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  color: var(--color-secondary);
  margin-right: 15px;
}
.pageRegister__volunteer .itemNav .nav-link .icon {
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-snow);
  border-radius: 50%;
}
.pageRegister__volunteer .itemNav .nav-link .icon svg {
  width: 22px;
  height: 22px;
}
.pageRegister__volunteer .itemNav .nav-link .icon svg path {
  stroke: var(--color-text);
}
.pageRegister__volunteer .itemNav .nav-link.active .icon {
  background-color: var(--bg-secondary);
}
.pageRegister__volunteer .itemNav .nav-link.active .icon svg path {
  stroke: var(--color-white);
}
.pageRegister__volunteer .itemProgress {
  margin-right: 30px;
}
@media (max-width: 767px) {
  .pageRegister__volunteer .itemProgress {
    margin-right: 0;
    margin-top: 20px;
  }
}
.pageRegister__volunteer .itemProgress span {
  font-size: 13px;
  font-weight: 500;
  color: var(--color-text);
  margin-bottom: 8px;
  display: block;
}
.pageRegister__volunteer .itemProgress .progress {
  height: 3px;
  background-color: var(--border-snow);
  border-radius: 20px;
}
.pageRegister__volunteer .itemProgress .progress .progress-bar {
  background-color: var(--bg-green);
  border-radius: 20px;
}
.pageRegister__volunteer .itemProgress.stepPage1.added .progress .progress-bar {
  width: 100% !important;
}
.pageRegister__volunteer .footerActions__btn {
  display: flex;
  align-items: center;
}
.pageRegister__volunteer .dividar {
  margin: 30px 0;
  border-bottom: 1px solid var(--border-snow);
  height: 1px;
  display: block;
  width: 100%;
}
@media (max-width: 991px) {
  .pageRegister__volunteer .step-progress {
    margin-bottom: 50px;
  }
}
.pageRegister__volunteer .step-progress .step-slider .step-slider-item.active .icon {
  background-color: var(--bg-secondary);
}
.pageRegister__volunteer .step-progress .step-slider .step-slider-item.active .icon svg path {
  stroke: var(--color-white);
}
.pageRegister__volunteer .step-content .step-content-body {
  -webkit-animation: fade-in 0.4s both;
  -moz-animation: fade-in 0.4s both;
  -o-animation: fade-in 0.4s both;
  -ms-animation: fade-in 0.4s both;
  animation: fade-in 0.4s both;
}
.pageRegister__volunteer .step-content .step-content-body.out {
  display: none;
}
.pageRegister__volunteer .step-content .step-content-foot {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .pageRegister__volunteer .step-content .step-content-foot {
    display: block;
  }
}
.pageRegister__volunteer .step-content .step-content-foot button {
  -webkit-animation: opacity 0.4s both;
  -moz-animation: opacity 0.4s both;
  -o-animation: opacity 0.4s both;
  -ms-animation: opacity 0.4s both;
  animation: opacity 0.4s both;
}
.pageRegister__volunteer .step-content .step-content-foot button.out {
  opacity: 0;
  display: none;
}
.pageRegister__volunteer .step-content-foot {
  margin-top: 40px;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.pageRegister__volunteer .step-content-foot .btn {
  font-size: 15px;
  font-weight: 500;
  border-radius: 5px;
  min-width: 140px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 15px;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.pageRegister__volunteer .step-content-foot .btn span {
  margin-top: -4px;
}
.pageRegister__volunteer .step-content-foot .btn.btn_default {
  background-color: var(--bg-green);
  color: var(--color-white) !important;
  text-decoration: none;
}
.pageRegister__volunteer .step-content-foot .btn.btn_default a {
  color: var(--color-white) !important;
  text-decoration: none;
}
.pageRegister__volunteer .step-content-foot .btn.btn_prev {
  background-color: var(--bg-snow);
  color: var(--color-text);
}
.pageRegister__volunteer .table__days .table td,
.pageRegister__volunteer .table__days .table th {
  border-top: 1px solid var(--border-snow);
}
.pageRegister__volunteer .table__days thead tr th {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text);
  border-bottom: 0;
}
.pageRegister__volunteer .table__days tbody tr th {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-secondary);
}

.radioButtons .title {
  margin-bottom: 15px !important;
}
.radioButtons .custom-control {
  margin-bottom: 12px;
  cursor: pointer;
}
.radioButtons .custom-control .custom-control-input {
  cursor: pointer;
}
.radioButtons .custom-control .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--bg-green);
  border-color: var(--border-green);
  box-shadow: none !important;
  outline: 0 !important;
}
.radioButtons .custom-control .custom-control-label {
  cursor: pointer;
}
.radioButtons .custom-control .custom-control-label span {
  font-size: 15px;
  font-weight: 500;
  color: var(--color-text);
  margin-right: 6px;
}
.radioButtons .custom-control .custom-control-label::after {
  top: 4.3px;
  right: -24px;
  width: 18px;
  height: 18px;
}
.radioButtons .custom-control .custom-control-label::before {
  width: 18px;
  height: 18px;
  border: 1px solid #d5d2d2;
}
.radioButtons .img__option img {
  max-width: 50%;
  height: 160px;
  border-radius: 5px;
  object-fit: contain;
}

.custom-control .custom-control-label::before {
  box-shadow: none !important;
  outline: 0 !important;
}
.custom-control .custom-control-input {
  cursor: pointer;
}
.custom-control .custom-control-input:checked ~ .custom-control-label::before {
  box-shadow: none !important;
  outline: 0 !important;
}

.btn___reg_volunteer {
  width: 180px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  font-size: 16px;
  font-weight: 600;
  background-color: var(--bg-green);
  color: var(--bg-white) !important;
  border-radius: 5px;
}
.btn___reg_volunteer span {
  display: block;
  margin-top: -4px;
  color: var(--bg-white) !important;
}
.btn___reg_volunteer:hover {
  background-color: rgba(83, 202, 180, 0.85);
}

@-webkit-keyframes fade-in {
  from {
    opacity: 0;
    transform: translateX(15px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-moz-keyframes fade-in {
  from {
    opacity: 0;
    transform: translateX(15px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateX(15px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.sectionPartners__logo {
  padding: 0 0 80px 0;
}
.sectionPartners__logo .swiperPartners {
  padding: 40px 0;
}
.sectionPartners__logo .swiperPartners .swiper-pagination .swiper-pagination-bullet {
  background-color: var(-border-snow);
}
.sectionPartners__logo .swiperPartners .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-main {
  background-color: var(--color-text);
}
.sectionPartners__logo .item_logo {
  width: 100%;
  max-height: 100px;
  object-fit: contain;
}
.sectionPartners__logo .swiper-button-next,
.sectionPartners__logo .swiper-button-prev {
  width: 50px;
  height: 50px;
  background-color: var(--color-snow);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  -webkit-transition: 0.34s;
  -moz-transition: 0.34s;
  -o-transition: 0.34s;
  -ms-transition: 0.34s;
  transition: 0.34s;
  top: 40%;
}
.sectionPartners__logo .swiper-button-next::after,
.sectionPartners__logo .swiper-button-prev::after {
  display: none;
}
.sectionPartners__logo .swiper-button-next:hover,
.sectionPartners__logo .swiper-button-prev:hover {
  background-color: var(--color-blue);
}
.sectionPartners__logo .swiper-button-next:hover svg path,
.sectionPartners__logo .swiper-button-prev:hover svg path {
  stroke: var(--color-white);
}

.pagination .page-item {
  margin: 0 5px;
}
.pagination .page-item .page-link {
  min-width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid var(--border-snow);
  color: var(--color-secondary);
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background-color: var(--bg-white);
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
  box-shadow: none !important;
  outline: 0 !important;
}
.pagination .page-item .page-link:hover {
  background-color: var(--bg-snow);
}
.pagination .page-item .page-link.active {
  background-color: var(--bg-primary);
  color: var(--color-white);
  border-color: var(--border-color);
  font-weight: 600;
}
.pagination .page-item .page-link.disabled {
  border: 0;
  min-width: 15px;
}
.pagination .page-item .page-link span {
  display: block;
  margin-top: -3px;
}
.pagination .page-item .page-link[aria-label="Previous"], .pagination .page-item .page-link[aria-label="Next"] {
  background-color: var(--bg-snow);
}

.itemRate_no {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  text-align: center;
  border-radius: 8px;
}
.itemRate_no .title {
  font-size: 14px;
  font-weight: 500;
}
.itemRate_no .item {
  display: inline-grid;
  justify-content: center;
  text-align: center;
  margin: 0 -4px;
}
.itemRate_no .item .nmr {
  margin-left: 4px;
}

.form-group .img__formsOption img {
  height: 150px;
  max-width: 100%;
  object-fit: contain;
}

.fotmsDefault__type .form-group {
  margin-bottom: 0;
}
.fotmsDefault__type .bk_type {
  background-color: var(--bg-white);
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  border: 1px solid var(--bg-snow);
}

.page__formPublic .title-section {
  background-color: var(--bg-white);
  border-radius: 5px;
  border: 1px solid var(--border-snow);
  padding: 22px 20px;
  border-top: 5px solid var(--border-blue);
}
.page__formPublic .title-section h2 {
  font-size: 25px;
  line-height: normal;
}
.page__formPublic .bk_type_sub .title-section {
  border-top: 0;
  padding: 20px;
}
.page__formPublic .bk_type {
  padding: 20px;
  margin-bottom: 15px;
}
.page__formPublic .bk_type .form-group {
  margin-bottom: 0;
}
.page__formPublic .bk_type.bk-invalid {
  border-color: var(--border-red);
}
.page__formPublic .btn_submitt {
  margin-top: 10px;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 500;
  color: var(--color-white);
  background-color: var(--bg-green);
  max-width: 145px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
}

.box__report {
  margin-bottom: 20px;
}
.box__report .item_art {
  padding: 25px 20px;
}
.box__report .item_art .cover_card {
  max-height: 150px;
  height: 150px;
  margin-bottom: 20px;
}
.box__report .item_art .cover_card img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  object-fit: contain;
}
.box__report .item_art .txt {
  margin-bottom: 15px;
}

.pop__fixedBottom {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 9999;
  left: 0;
  right: 0;
  background-color: rgba(30, 30, 29, 0.9);
  box-shadow: none;
  border: 0;
  opacity: 1;
  border-radius: 0;
  padding: 10px 60px;
  margin: 0;
  -webkit-backdrop-filter: saturate(1) blur(20px);
  -o-backdrop-filter: saturate(1) blur(20px);
  -ms-backdrop-filter: saturate(1) blur(20px);
  backdrop-filter: saturate(1) blur(20px);
}
@media (max-width: 991px) {
  .pop__fixedBottom {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.pop__fixedBottom .img_banner {
  width: 120px;
  height: 120px;
  object-fit: contain;
  margin-left: 20px;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .pop__fixedBottom .img_banner {
    width: 50px;
    height: 50px;
  }
}
.pop__fixedBottom .txt {
  color: var(--color-white);
}
.pop__fixedBottom .txt h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .pop__fixedBottom .txt h4 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .pop__fixedBottom .txt h4 {
    font-size: 16px;
  }
}
.pop__fixedBottom .txt p {
  margin: 0;
  font-size: 17px;
}
@media (max-width: 767px) {
  .pop__fixedBottom .txt p {
    font-size: 13px;
    display: -webkit-box;
    height: 42px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.pop__fixedBottom .btn_close {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: rgba(255, 255, 255, 0.1);
}
.pop__fixedBottom .btn_close i {
  color: var(--color-white);
}
@media (max-width: 767px) {
  .pop__fixedBottom .btn_close {
    top: -40px;
    left: 10px;
    right: auto;
    background-color: rgba(30, 30, 29, 0.3);
  }
}
.pop__fixedBottom .btn__default {
  background-color: var(--bg-primary);
  color: var(--color-white);
  font-size: 15px;
  font-weight: 500;
  min-width: 100px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.pop__fixedBottom .btn__default span {
  display: block;
  margin-top: -6px;
}
@media (max-width: 767px) {
  .pop__fixedBottom .btn__default {
    font-size: 13px;
    min-width: 90px;
    height: 40px;
  }
}

/* ===============
  outer_header
=================*/
.outer_header {
  position: relative;
}
.outer_header .brand_img img {
  width: 220px;
}
@media (max-width: 767px) {
  .outer_header .brand_img img {
    width: 160px;
  }
}
.outer_header .brand_img img.emkan_logo {
  width: 100px;
}
@media (max-width: 767px) {
  .outer_header .brand_img img.emkan_logo {
    width: 80px;
  }
}

.bg-snow_beight {
  position: relative;
  background-color: #f6f5f2;
}
.bg-snow_beight::before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100vh;
  background-image: url("../img/eid.png");
  background-size: 100%;
  opacity: 0.02;
  z-index: -1;
}
@media (max-width: 767px) {
  .bg-snow_beight::before {
    opacity: 0.04;
  }
}
.bg-snow_beight .edi_illustration {
  position: absolute;
  top: 70px;
  left: 30px;
}
.bg-snow_beight .edi_illustration img {
  width: 320px;
}
@media (max-width: 991px) {
  .bg-snow_beight .edi_illustration {
    left: 10px;
  }
  .bg-snow_beight .edi_illustration img {
    width: 250px;
  }
}
@media (max-width: 767px) {
  .bg-snow_beight .edi_illustration {
    top: 60px;
    left: 0;
  }
  .bg-snow_beight .edi_illustration img {
    width: 170px;
  }
}

.bg-snow_emkan {
  position: relative;
  background-color: #f6f5f2;
}
.bg-snow_emkan::before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100vh;
  background-image: url("../img/emkan_bg.png");
  background-size: contain;
  opacity: 0.035;
  z-index: -1;
}
@media (max-width: 767px) {
  .bg-snow_emkan::before {
    opacity: 0.06;
  }
}

.page_formOuter .form_wizard {
  background-color: var(--bg-white);
  border-radius: 5px;
  padding-bottom: 80px;
}
@media (max-width: 991px) {
  .page_formOuter .form_wizard {
    padding: 0 50px 80px 50px;
  }
}
@media (max-width: 767px) {
  .page_formOuter .form_wizard {
    padding: 0 20px 50px 20px;
  }
}
.page_formOuter .form_wizard .title_wizard {
  padding: 40px 0;
}
.page_formOuter .form_wizard .title_wizard h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-secondary);
  margin: 0;
}
.page_formOuter .form_wizard .list_txtSteps .nav {
  text-align: center;
  position: relative;
  justify-content: center;
}
.page_formOuter .form_wizard .list_txtSteps .nav::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='637' height='1' viewBox='0 0 637 1'%3E%3Cline id='Line_1' data-name='Line 1' x1='637' transform='translate(0 0.5)' fill='none' stroke='%23d6ddda' stroke-width='1' stroke-dasharray='4'/%3E%3C/svg%3E%0A");
  height: 1px;
  width: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 35%;
  z-index: 0;
  max-width: 70%;
}
@media (max-width: 767px) {
  .page_formOuter .form_wizard .list_txtSteps .nav::before {
    top: 28%;
  }
}
.page_formOuter .form_wizard .list_txtSteps .nav .nav-item {
  width: calc(100% / 4);
  position: relative;
}
.page_formOuter .form_wizard .list_txtSteps .nav .nav-item .item {
  display: inline-block;
  justify-content: center;
  text-align: center;
}
.page_formOuter .form_wizard .list_txtSteps .nav .nav-item .icon {
  width: 55px;
  height: 55px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-snow);
  border-radius: 50%;
  border: 5px solid var(--border-white);
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.page_formOuter .form_wizard .list_txtSteps .nav .nav-item .icon svg {
  width: 20px;
  height: 20px;
}
.page_formOuter .form_wizard .list_txtSteps .nav .nav-item .icon svg path, .page_formOuter .form_wizard .list_txtSteps .nav .nav-item .icon svg circle {
  stroke: var(--color-text);
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.page_formOuter .form_wizard .list_txtSteps .nav .nav-item .icon i {
  font-size: 20px;
  color: var(--color-text);
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.page_formOuter .form_wizard .list_txtSteps .nav .nav-item span {
  color: var(--color-text);
  font-size: 14px;
  display: block;
  margin-top: 5px;
  font-weight: 500;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.page_formOuter .form_wizard .list_txtSteps .nav .nav-item.active .icon {
  background-color: var(--bg-primary);
}
.page_formOuter .form_wizard .list_txtSteps .nav .nav-item.active .icon svg path, .page_formOuter .form_wizard .list_txtSteps .nav .nav-item.active .icon svg circle {
  stroke: var(--color-white);
}
.page_formOuter .form_wizard .list_txtSteps .nav .nav-item.active span {
  color: var(--color-secondary);
}
.page_formOuter .form_wizard .content_wizard .text_title {
  margin-bottom: 30px;
}
.page_formOuter .form_wizard .content_wizard .text_title h4 {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-secondary);
  margin: 0;
}
.page_formOuter .form_wizard .content_wizard .step_item {
  display: none;
}
.page_formOuter .form_wizard .content_wizard .step_item.animated {
  -webkit-animation: fade-in 0.4s both;
  -moz-animation: fade-in 0.4s both;
  -o-animation: fade-in 0.4s both;
  -ms-animation: fade-in 0.4s both;
  animation: fade-in 0.4s both;
}
.page_formOuter .form_wizard .content_wizard .step_item.active {
  display: block;
}
.page_formOuter .form_wizard .content_wizard .step_item:nth-of-type(1) .footer_actions .back {
  display: none;
}
.page_formOuter .form_wizard .content_wizard .item_counter {
  margin-bottom: 30px;
}
.page_formOuter .form_wizard .content_wizard .item_counter .cover_img {
  width: 120px;
  height: 120px;
  border-radius: 5px;
  object-fit: cover;
  margin-left: 20px;
}
.page_formOuter .form_wizard .content_wizard .item_counter .txt h3 {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-secondary);
  margin-bottom: 10px;
}
.page_formOuter .form_wizard .content_wizard .item_counter .txt span {
  color: var(--color-primary);
  font-weight: 600;
  font-size: 14px;
  display: block;
  margin-bottom: 15px;
}
.page_formOuter .form_wizard .content_wizard .item_counter .txt .itemCountr_manual {
  display: flex;
  justify-content: space-between;
  width: 60px;
}
.page_formOuter .form_wizard .content_wizard .item_counter .txt .itemCountr_manual .btn {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.page_formOuter .form_wizard .content_wizard .item_counter .txt .itemCountr_manual .form-control {
  height: 35px;
  width: 50px;
  border: 0;
  display: inline-flex;
  justify-content: center;
  text-align: center;
  padding: 0;
  font-weight: 600;
  color: var(--color-secondary);
}
.page_formOuter .form_wizard .content_wizard .footer_actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.page_formOuter .form_wizard .content_wizard .footer_actions .btn {
  min-width: 125px;
  height: 45px;
  background-color: var(--bg-primary);
  border-radius: 5px;
  color: var(--color-white);
  font-size: 15px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
}
.page_formOuter .form_wizard .content_wizard .footer_actions .btn span {
  margin-top: -3px;
}
.page_formOuter .form_wizard .content_wizard .footer_actions .btn svg {
  width: 17px;
  height: 17px;
}
.page_formOuter .form_wizard .content_wizard .footer_actions .btn svg path {
  stroke: var(--color-white);
}
.page_formOuter .form_wizard .content_wizard .footer_actions .btn.back {
  background-color: var(--bg-snow);
  color: var(--color-text);
  margin-left: 20px;
}
.page_formOuter .form_wizard .content_wizard .footer_actions .btn.back svg path {
  stroke: var(--color-text);
}
.page_formOuter .form_wizard .content_wizard .tbale_details .table td,
.page_formOuter .form_wizard .content_wizard .tbale_details .table th {
  border: 0;
}
.page_formOuter .form_wizard .content_wizard .tbale_details .table td span,
.page_formOuter .form_wizard .content_wizard .tbale_details .table th span {
  width: max-content;
  display: -webkit-box;
}
.page_formOuter .form_wizard .content_wizard .tbale_details .total_price {
  border-top: 1px solid var(--border-snow);
  padding: 15px 0;
  margin: 20px 0;
  border-bottom: 1px solid var(--border-snow);
}
.page_formOuter .form_wizard .content_wizard .tbale_details .total_price span {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: var(--color-red);
}
.page_formOuter .form_wizard .content_wizard .tbale_details .total_price span:last-child {
  font-weight: 600;
}
.page_formOuter .form_wizard .content_wizard .google_map {
  height: 200px;
  width: 100%;
}
.page_formOuter .form_wizard .info_enquiry {
  background-color: var(--bg-blue);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 15px 20px;
}
.page_formOuter .form_wizard .info_enquiry span {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-white);
}
.page_formOuter .form_wizard .info_enquiry span a {
  background-color: var(--color-white);
  display: inline-flex;
  padding: 8px 15px;
  border-radius: 5px;
  font-size: 14px;
  color: var(--color-secondary);
  font-weight: 600;
}
.page_formOuter .cover_intro img {
  width: 100%;
  height: 350px;
  border-radius: 5px;
  object-fit: cover;
}
.page_formOuter .buttons_submit .btn {
  min-width: 125px;
  height: 48px;
  background-color: var(--bg-primary);
  border-radius: 5px;
  color: var(--color-white);
  font-size: 15px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
  margin: 0;
}
@media (max-width: 991px) {
  .page_formOuter .buttons_submit .btn {
    font-size: 14px;
  }
}
.page_formOuter .buttons_submit .btn span {
  margin-top: -3px;
}
.page_formOuter .buttons_submit .btn svg {
  width: 17px;
  height: 17px;
}
.page_formOuter .buttons_submit .btn svg path {
  stroke: var(--color-white);
}
.page_formOuter .buttons_submit .btn.btn_order {
  background-color: var(--bg-white);
  color: var(--color-secondary);
  border: 1px solid var(--border-snow);
}
.page_formOuter .buttons_submit .btn.btn_order svg path {
  stroke: var(--color-text);
}

.form_wizard {
  background-color: var(--bg-white);
  border-radius: 5px;
  padding-bottom: 80px;
}
@media (max-width: 991px) {
  .form_wizard {
    padding: 0 50px 80px 50px;
  }
}
@media (max-width: 767px) {
  .form_wizard {
    padding: 0 20px 50px 20px;
  }
}
.form_wizard .title_wizard {
  padding: 40px 0;
}
.form_wizard .title_wizard h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-secondary);
  margin: 0;
}
.form_wizard .list_txtSteps.five_steps .nav .nav-item {
  width: calc(100% / 5);
}
.form_wizard .list_txtSteps .nav {
  text-align: center;
  position: relative;
  justify-content: center;
}
.form_wizard .list_txtSteps .nav::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='637' height='1' viewBox='0 0 637 1'%3E%3Cline id='Line_1' data-name='Line 1' x1='637' transform='translate(0 0.5)' fill='none' stroke='%23d6ddda' stroke-width='1' stroke-dasharray='4'/%3E%3C/svg%3E%0A");
  height: 1px;
  width: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 35%;
  z-index: 0;
  max-width: 70%;
}
@media (max-width: 767px) {
  .form_wizard .list_txtSteps .nav::before {
    top: 28%;
  }
}
.form_wizard .list_txtSteps .nav .nav-item {
  width: calc(100% / 4);
  position: relative;
}
.form_wizard .list_txtSteps .nav .nav-item .item {
  display: inline-block;
  justify-content: center;
  text-align: center;
}
.form_wizard .list_txtSteps .nav .nav-item .icon {
  width: 55px;
  height: 55px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-snow);
  border-radius: 50%;
  border: 5px solid var(--border-white);
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.form_wizard .list_txtSteps .nav .nav-item .icon svg {
  width: 20px;
  height: 20px;
}
.form_wizard .list_txtSteps .nav .nav-item .icon svg path {
  stroke: var(--color-text);
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.form_wizard .list_txtSteps .nav .nav-item .icon i {
  font-size: 20px;
  color: var(--color-text);
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.form_wizard .list_txtSteps .nav .nav-item span {
  color: var(--color-text);
  font-size: 14px;
  display: block;
  margin-top: 5px;
  font-weight: 500;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.form_wizard .list_txtSteps .nav .nav-item.active .icon {
  background-color: var(--bg-primary);
}
.form_wizard .list_txtSteps .nav .nav-item.active .icon svg path {
  stroke: var(--color-white);
}
.form_wizard .list_txtSteps .nav .nav-item.active span {
  color: var(--color-secondary);
}
.form_wizard .content_wizard .text_title {
  margin-bottom: 30px;
}
.form_wizard .content_wizard .text_title h4 {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-secondary);
  margin: 0;
}
.form_wizard .content_wizard .step_item {
  display: none;
}
.form_wizard .content_wizard .step_item.animated {
  -webkit-animation: fade-in 0.4s both;
  -moz-animation: fade-in 0.4s both;
  -o-animation: fade-in 0.4s both;
  -ms-animation: fade-in 0.4s both;
  animation: fade-in 0.4s both;
}
.form_wizard .content_wizard .step_item.active {
  display: block;
}
.form_wizard .content_wizard .step_item:nth-of-type(1) .footer_actions .back {
  display: none;
}
.form_wizard .content_wizard .item_counter {
  margin-bottom: 30px;
}
.form_wizard .content_wizard .item_counter .cover_img {
  width: 120px;
  height: 120px;
  border-radius: 5px;
  object-fit: cover;
  margin-left: 20px;
}
.form_wizard .content_wizard .item_counter .txt h3 {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-secondary);
  margin-bottom: 10px;
}
.form_wizard .content_wizard .item_counter .txt span {
  color: var(--color-primary);
  font-weight: 600;
  font-size: 14px;
  display: block;
  margin-bottom: 15px;
}
.form_wizard .content_wizard .item_counter .txt .itemCountr_manual {
  display: flex;
  justify-content: space-between;
  width: 60px;
}
.form_wizard .content_wizard .item_counter .txt .itemCountr_manual .btn {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.form_wizard .content_wizard .item_counter .txt .itemCountr_manual .form-control {
  height: 35px;
  width: 50px;
  border: 0;
  display: inline-flex;
  justify-content: center;
  text-align: center;
  padding: 0;
  font-weight: 600;
  color: var(--color-secondary);
}
.form_wizard .content_wizard .footer_actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.form_wizard .content_wizard .footer_actions .btn {
  min-width: 125px;
  height: 45px;
  background-color: var(--bg-primary);
  border-radius: 5px;
  color: var(--color-white);
  font-size: 15px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
}
.form_wizard .content_wizard .footer_actions .btn span {
  margin-top: -3px;
}
.form_wizard .content_wizard .footer_actions .btn svg {
  width: 17px;
  height: 17px;
}
.form_wizard .content_wizard .footer_actions .btn svg path {
  stroke: var(--color-white);
}
.form_wizard .content_wizard .footer_actions .btn.back {
  background-color: var(--bg-snow);
  color: var(--color-text);
  margin-left: 20px;
}
.form_wizard .content_wizard .footer_actions .btn.back svg path {
  stroke: var(--color-text);
}
.form_wizard .content_wizard .tbale_details .table td,
.form_wizard .content_wizard .tbale_details .table th {
  border: 0;
}
.form_wizard .content_wizard .tbale_details .table td span,
.form_wizard .content_wizard .tbale_details .table th span {
  width: max-content;
  display: -webkit-box;
}
.form_wizard .content_wizard .tbale_details .total_price {
  border-top: 1px solid var(--border-snow);
  padding: 15px 0;
  margin: 20px 0;
  border-bottom: 1px solid var(--border-snow);
}
.form_wizard .content_wizard .tbale_details .total_price span {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: var(--color-red);
}
.form_wizard .content_wizard .tbale_details .total_price span:last-child {
  font-weight: 600;
}
.form_wizard .content_wizard .google_map {
  height: 200px;
  width: 100%;
}

.wizard_inside .list_txtSteps .nav {
  text-align: right;
}
.wizard_inside .list_txtSteps .nav::before {
  right: 50px;
}

.text-stroke-none {
  -webkit-text-stroke: 0 !important;
}

.alert-success {
  border: 0;
  border-radius: 5px;
  background-color: var(--bg-green);
  padding: 15px 20px;
}
.alert-success span {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-white);
}

.qr_code_footer img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}

.pkg_orderPage {
  background-color: var(--bg-white);
  border-radius: 5px;
  padding: 40px;
}
.pkg_orderPage .title_pkg h3 {
  font-size: 20px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-bottom: 10px;
}
.pkg_orderPage .title_pkg p {
  font-size: 15px;
  font-weight: 500;
  color: var(--color-text);
}
.pkg_orderPage .title_pkg p a {
  color: var(--color-blue);
}
.pkg_orderPage .btn_full {
  background-color: var(--bg-primary);
  font-size: 15px;
  font-weight: 500;
  color: var(--color-white);
  border-radius: 5px;
  width: 100%;
  padding: 15px;
  margin-top: 15px;
}

@media (min-width: 992px) {
  .mdllConfirm .modal-440 {
    max-width: 440px;
  }
}
.mdllConfirm .input_code .form-control {
  display: flex;
  justify-content: center;
  text-align: center;
  letter-spacing: 30px;
  padding-right: 0;
  font-size: 18px;
  font-weight: 600;
}

.upload_file .file_uploaded {
  background-color: var(--bg-snow);
  border-radius: 5px;
  padding: 15px 20px;
  position: relative;
  display: flex;
  align-items: center;
}
.upload_file .file_uploaded .info_file h4 {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-secondary);
  margin-bottom: 8px;
}
.upload_file .file_uploaded .info_file p {
  font-size: 13px;
  font-weight: 500;
  color: var(--color-text);
  margin: 0;
}
.upload_file .file_uploaded .info_file p span {
  margin-left: 10px;
  display: inline-block;
}
.upload_file .file_uploaded .btn_remove {
  position: absolute;
  left: 15px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: var(--bg-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  opacity: 0;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.upload_file .file_uploaded .btn_remove i {
  font-size: 19px;
  color: var(--color-white);
}
.upload_file .file_uploaded .btn_remove svg {
  width: 18px;
  height: 18px;
}
.upload_file .file_uploaded .btn_remove svg path {
  fill: var(--color-white);
}
.upload_file .file_uploaded .btn_cancel {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-text);
  position: absolute;
  left: 15px;
}
.upload_file .file_uploaded .progress {
  height: 3px;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.upload_file .file_uploaded .progress .progress-bar {
  background-color: var(--bg-green);
}
.upload_file .file_uploaded .progress ~ .info_file {
  opacity: 0.5;
}
.upload_file .file_uploaded:hover .btn_remove {
  opacity: 1;
}
.upload_file .file_uploaded.style_img {
  padding: 5px;
}
.upload_file .file_uploaded.style_img .img_file .file {
  width: 100%;
  height: 130px;
  object-fit: cover;
  border-radius: 5px;
}
.upload_file .file_uploaded.style_img .img_file .info_file {
  padding: 15px;
}
.upload_file .file_uploaded.style_img .img_file .btn_remove {
  top: 10px;
}

.page_contact .title-section h2 {
  font-size: 32px;
}
.page_contact .map iframe {
  border-radius: 5px;
  height: 150px;
}

.page_aboutus .border_hulf {
  border-left: 1px solid var(--border-snow);
  height: 100vh;
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
}
@media (max-width: 991px) {
  .page_aboutus .border_hulf {
    display: none;
  }
}
.page_aboutus .nav_sideright .nav-item .nav-link {
  height: 50px;
  border-radius: 5px;
  background-color: transparent;
  font-size: 15px;
  font-weight: 600;
  text-align: right;
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-right: 25px;
  color: var(--color-secondary);
  margin-bottom: 3px;
  width: 100%;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}
.page_aboutus .nav_sideright .nav-item .nav-link.active {
  background-color: var(--bg-primary) !important;
  color: var(--color-white);
}
.page_aboutus .nav_sideright .nav-item .nav-link:hover {
  background-color: var(--bg-snow);
}

.item_user {
  margin-bottom: 30px;
}
.item_user .cover_img {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  height: 270px;
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}
.item_user .cover_img .username {
  position: absolute;
  bottom: 15px;
  right: 20px;
  left: 20px;
  opacity: 0;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}
.item_user .cover_img .username span {
  color: var(--color-white);
  font-size: 14px;
}
.item_user .cover_img img {
  width: 100%;
  height: 270px;
  object-fit: cover;
  margin: 0;
}
.item_user .cover_img::before {
  position: absolute;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(30, 30, 29, 0), #1e1e1d);
  opacity: 0;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}
.item_user .detailsUser h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-secondary);
  -webkit-text-stroke: 0.2px var(--color-secondary);
  margin-bottom: 6px;
}
.item_user .detailsUser p {
  font-size: 14px;
  color: var(--color-text);
  margin-bottom: 0;
}
.item_user.full_user .imgUser {
  width: 100%;
  height: 320px;
  object-fit: cover;
}
.item_user.full_user .detailsUser h2 {
  -webkit-text-stroke: 0.5px var(--color-secondary);
}
.item_user.show .cover_img::before {
  opacity: 1;
}
.item_user.show .cover_img .username {
  opacity: 1;
  bottom: 20px;
}
.item_user.default .cover_img::before {
  display: none;
}
.item_user:hover .cover_img::before {
  opacity: 1;
}
.item_user:hover .cover_img .username {
  opacity: 1;
  bottom: 20px;
}

.bk_users {
  position: relative;
  max-height: 450px;
  margin-top: 30px;
}
.bk_users .body_users {
  padding-left: 40px;
}
.bk_users .body_users .item {
  border-radius: 5px;
  background-color: var(--bg-snow);
  padding: 12px 20px;
  margin-bottom: 10px;
}
.bk_users .body_users .item:last-of-type {
  margin-bottom: 0;
}
.bk_users .body_users .item img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0;
}
.bk_users .body_users .item .txt {
  display: flex;
  align-items: center;
  margin-right: 12px;
}
.bk_users .body_users .item .txt p {
  margin-bottom: 0;
  font-size: 16px;
  color: var(--color-secondary);
}
.bk_users .body_users .item .txt span {
  display: inline-block;
  font-size: 16px;
  color: var(--color-green);
  margin-right: 6px;
}

.ah__CirclePath {
  padding: 40px 0 20px 0;
  display: flex;
  flex-direction: row;
  column-gap: 60px;
  -webkit-column-gap: 60px;
  -ms-column-gap: 60px;
  -o-column-gap: 60px;
}
@media (max-width: 767px) {
  .ah__CirclePath {
    display: block;
  }
}
.ah__CirclePath .item {
  position: relative;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .ah__CirclePath .item {
    margin-left: 55px;
    margin-bottom: 55px;
    margin-right: 20px;
  }
}
@supports (-webkit-touch-callout: none) {
  .ah__CirclePath .item {
    margin-left: 50px;
  }
  .ah__CirclePath .item:last-child {
    margin-left: 0;
  }
}
.ah__CirclePath .item::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 105px;
  height: 105px;
}
.ah__CirclePath .item::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 125px;
  height: 125px;
}
.ah__CirclePath .item span {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: var(--color-secondary) !important;
  -webkit-text-stroke: 0.2px var(--color-secondary) !important;
}
.ah__CirclePath .item:first-child {
  background-color: rgba(83, 202, 180, 0.1);
}
.ah__CirclePath .item:first-child::before {
  border: 1px solid rgba(83, 202, 180, 0.5);
}
.ah__CirclePath .item:first-child::after {
  border: 1px solid rgba(83, 202, 180, 0.2);
}
.ah__CirclePath .item:first-child span {
  color: var(--color-green);
  -webkit-text-stroke: 0.2px var(--color-green);
}
.ah__CirclePath .item:nth-child(2) {
  background-color: rgba(255, 66, 66, 0.1);
}
.ah__CirclePath .item:nth-child(2)::before {
  border: 1px solid rgba(255, 66, 66, 0.5);
}
.ah__CirclePath .item:nth-child(2)::after {
  border: 1px solid rgba(255, 66, 66, 0.2);
}
.ah__CirclePath .item:nth-child(2) span {
  color: var(--color-red);
  -webkit-text-stroke: 0.2px var(--color-red);
}
.ah__CirclePath .item:nth-child(3) {
  background-color: rgba(185, 153, 110, 0.1);
}
.ah__CirclePath .item:nth-child(3)::before {
  border: 1px solid rgba(185, 153, 110, 0.5);
}
.ah__CirclePath .item:nth-child(3)::after {
  border: 1px solid rgba(185, 153, 110, 0.2);
}
.ah__CirclePath .item:nth-child(3) span {
  color: var(--color-blue);
  -webkit-text-stroke: 0.2px var(--color-blue);
}
.ah__CirclePath .item:nth-child(4) {
  background-color: rgba(242, 142, 28, 0.1);
}
.ah__CirclePath .item:nth-child(4)::before {
  border: 1px solid rgba(242, 142, 28, 0.5);
}
.ah__CirclePath .item:nth-child(4)::after {
  border: 1px solid rgba(242, 142, 28, 0.2);
}
.ah__CirclePath .item:nth-child(4) span {
  color: var(--color-orange);
  -webkit-text-stroke: 0.2px var(--color-orange);
}
.ah__CirclePath .item:nth-child(5) {
  background-color: rgba(90, 134, 255, 0.1);
}
.ah__CirclePath .item:nth-child(5)::before {
  border: 1px solid rgba(90, 134, 255, 0.5);
}
.ah__CirclePath .item:nth-child(5)::after {
  border: 1px solid rgba(90, 134, 255, 0.2);
}
.ah__CirclePath .item:nth-child(5) span {
  color: #5a86ff;
  -webkit-text-stroke: 0.2px #5a86ff;
}

.itemBox__icon {
  display: flex;
}
@media (max-width: 767px) {
  .itemBox__icon {
    display: block;
  }
}
.itemBox__icon .item {
  display: block;
  justify-content: center;
  text-align: center;
  width: calc(100% / 6);
  margin-left: 30px;
}
.itemBox__icon .item:last-child {
  margin-left: 0;
}
@media (max-width: 767px) {
  .itemBox__icon .item {
    margin-left: 15px;
    margin-bottom: 15px;
    display: inline-grid;
    width: auto;
  }
}
.itemBox__icon .item .ico {
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background-color: rgba(185, 153, 110, 0.1);
}
.itemBox__icon .item .ico svg {
  width: 35px;
  height: 35px;
}
.itemBox__icon .item .ico svg path,
.itemBox__icon .item .ico svg circle {
  fill: var(--color-blue);
}
.itemBox__icon .item span {
  font-size: 15px;
  font-weight: 500;
  color: var(--color-secondary);
  display: block;
  margin-top: 8px;
  -webkit-text-stroke: 0.2px var(--color-secondary);
}

.datepicker {
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  direction: ltr;
  border: 1px solid var(--border-snow);
}

.datepicker-inline {
  width: 220px;
}

.datepicker-rtl {
  direction: rtl;
}

.datepicker-rtl.dropdown-menu {
  left: auto;
}

.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
}

.datepicker-dropdown:before {
  display: none;
}

.datepicker-dropdown:after {
  display: none;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker td,
.datepicker th {
  text-align: center;
  width: 34px;
  height: 24px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
  font-size: 14px;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: var(--bg-snow);
  cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: var(--color-text);
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: var(--color-text);
  cursor: default;
}

.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}

.datepicker table tr td.today:hover:hover {
  color: #000;
}

.datepicker table tr td.today.active:hover {
  color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: linear-gradient(to bottom, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: var(--bg-primary);
  color: var(--color-white);
  text-shadow: none;
  background-image: none;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: var(--bg-primary);
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: var(--bg-primary);
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: var(--bg-primary);
  color: var(--color-white);
  text-shadow: none;
  background-image: none;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: var(--bg-primary);
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: var(--bg-primary);
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999;
}

.datepicker .datepicker-switch {
  width: 170px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eee;
}

.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}

.ui-timepicker::-webkit-scrollbar,
.ui-timepicker-viewport::-webkit-scrollbar {
  width: 5px;
  border-radius: 20px;
}
.ui-timepicker::-webkit-scrollbar-thumb,
.ui-timepicker-viewport::-webkit-scrollbar-thumb {
  background-color: var(--border-snow);
}

.ui-timepicker-standard {
  border-radius: 5px;
  border: 1px solid var(--border-snow);
  padding: 0 6px;
  z-index: 90 !important;
}

.ui-timepicker-standard a {
  border: 0 !important;
  font-size: 16px;
}
.ui-timepicker-standard a:hover, .ui-timepicker-standard a:focus {
  background-color: var(--bg-snow);
  border-radius: 5px;
}
.ui-timepicker-standard a.ui-state-hover {
  background-color: var(--bg-snow);
}

.invoicePage {
  background-color: var(--bg-white);
  border-radius: 5px;
  padding: 50px;
}
@media (max-width: 767px) {
  .invoicePage {
    padding: 20px;
  }
}
.invoicePage .header_invoice {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .invoicePage .header_invoice {
    display: block;
  }
}
@media (max-width: 767px) {
  .invoicePage .header_invoice .logo_ahya {
    margin-bottom: 10px;
  }
}
.invoicePage .header_invoice .logo_ahya img {
  height: 55px;
}
.invoicePage .header_invoice .title h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--color-secondary);
}
.invoicePage .body_invoice .info_customer .info_user {
  position: relative;
  border-radius: 5px;
  border: 1px solid var(--border-snow);
  padding: 20px 25px;
  margin-bottom: 40px;
  padding-top: 30px;
}
.invoicePage .body_invoice .info_customer .info_user .sub_title {
  position: absolute;
  top: -16px;
  background-color: var(--bg-white);
  padding: 0 15px;
  right: 13px;
}
.invoicePage .body_invoice .info_customer .info_user .sub_title h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-text);
  margin: 0;
}
.invoicePage .body_invoice .info_customer .info_user .data_user p {
  color: var(--color-secondary);
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}
.invoicePage .body_invoice .info_customer .info_user .data_user p span {
  color: var(--color-text);
}
.invoicePage .body_invoice .info_customer .qr_code {
  padding-bottom: 40px;
}
.invoicePage .body_invoice .info_customer .qr_code img {
  width: 150px;
  height: 100%;
  object-fit: contain;
  border: 1px solid var(--border-snow);
  border-radius: 5px;
  padding: 20px;
}
@media (max-width: 767px) {
  .invoicePage .body_invoice .info_customer .qr_code img {
    width: 100%;
    height: 180px;
  }
}
@media (max-width: 991px) {
  .invoicePage .body_invoice .location_data .data_user {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .invoicePage .body_invoice .location_data .map_location {
    margin: 20px 0;
  }
}
.invoicePage .body_invoice .location_data .map_location .google_map {
  width: 100%;
  height: 150px;
}
.invoicePage .body_invoice .location_data .gr_code {
  display: grid;
  justify-content: center;
}
.invoicePage .body_invoice .location_data .gr_code img {
  display: block;
  width: 130px;
  height: 130px;
  padding: 5px;
}
.invoicePage .body_invoice .location_data .gr_code span {
  display: block;
  font-size: 14px;
  color: var(--color-orange);
  font-weight: 500;
  text-align: center;
}
.invoicePage .body_invoice .table td,
.invoicePage .body_invoice .table th {
  border: 0;
}
.invoicePage .body_invoice .table td span,
.invoicePage .body_invoice .table th span {
  width: max-content;
  display: -webkit-box;
}
.invoicePage .footer_invoice {
  display: grid;
  justify-content: center;
  text-align: center;
  padding-top: 40px;
}
@media (max-width: 767px) {
  .invoicePage .footer_invoice {
    padding-top: 0;
  }
}
.invoicePage .footer_invoice p {
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 500;
  color: var(--color-text);
}
.invoicePage .footer_invoice a {
  color: var(--color-secondary);
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}

.main_footer {
  background-color: var(--bg-white);
  position: relative;
  overflow-x: hidden;
  padding-bottom: 40px;
}
.main_footer .borderTop_bg {
  position: relative;
  width: 100%;
  height: 5px;
}
.main_footer .borderTop_bg::before {
  content: "";
  position: absolute;
  background-image: url("../img/Header-j.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 20% 55%;
  width: 100%;
  height: 100%;
}
.main_footer:hover::before {
  opacity: 0;
}
.main_footer::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1422.206' height='452.521' viewBox='0 0 1422.206 452.521'%3E%3Cpath id='Path_53' data-name='Path 53' d='M-410.187,179.644l-5.387,1.457h-3.73q-2.694,0-2.694-1.865,0-1.243,3.315-4.558,1.243-1.036,3.315-2.486a51.054,51.054,0,0,1,5.18-3.108q6.216-4.351,16.99-10.774l17.4-9.945,11.4-6.838L-358.8,138q-.829-1.865-3.937-3.315l-14.3-.829h-11.189q-7.252,0-10.981-2.486-3.108-2.486-3.937-7.666a2.819,2.819,0,0,1,.414-1.865l.414-1.865q3.729-13.053,16.369-32.53l10.774-14.5,11.4-12.846q5.8-5.387,10.153-5.387a8.434,8.434,0,0,1,6.216,2.486l2.486,3.108,3.315,4.351.207,3.937v9.946l-.414,2.9-1.865,7.666q-.622,1.243-2.486.829a7.929,7.929,0,0,1-5.594-2.694l-2.279-1.45a4.012,4.012,0,0,0-2.694-.622h-2.9q-3.937,0-11.81,5.18a37.862,37.862,0,0,0-6.63,5.387l-6.009,6.838,2.279,2.072,3.108,1.658a28.51,28.51,0,0,0,7.666,1.036l7.045-.414,9.117-1.243q6.216.832,9.738,3.749,2.279,1.878,3.315,6.252l-.829,4.374q-.829,6.044-2.072,11.357a48.258,48.258,0,0,1-3.315,9.686q-3.522,8.751-12.846,20.833a90.17,90.17,0,0,1-10.981,5.834l-5.8,2.5-12.432,3.542ZM-301.2-123.532q6.837,26.321,10.981,60.932l3.108,29.225q.622,7.255,1.036,13.576t.414,11.915l.414,31.5V83.3q0,15.333,7.148,21.549,5.047,3.73,15.559,3.73h5.886v44.755q-17.4,0-29.008-5.18-17.4-7.462-17.4-25.492L-304.1,98.419V76.245l-2.279-59.272L-307-14.734l-.414-18.858a81.742,81.742,0,0,0-3.108-20.93q-2.072-7.045-2.279-7.459-1.658-3.111-2.279-4.562a95.782,95.782,0,0,0-6.423-12.225Zm44.548,276.868a51.881,51.881,0,0,1-18.855-3.522,52.561,52.561,0,0,1-17.2-11.189,19.975,19.975,0,0,1-4.04-6.527,22.273,22.273,0,0,1-1.761-8.6,19.582,19.582,0,0,1,2.694-10.153,20.7,20.7,0,0,1,3-4.248,4.9,4.9,0,0,1,3.626-1.347h38.539q15.125,0,26.521-5.594A64.573,64.573,0,0,0-203.2,85.168q7.252-7.666,19.477-25.9,2.486-3.73,5.18-3.73,4.144,0,4.144,6.009a18.346,18.346,0,0,1-1.036,6.216q-5.18,12.017-5.18,20.927t4.455,13.986q4.455,5.076,13.157,5.076h24.864l-.207,45.584q-21.756,0-34.395-10.878t-16.99-33.048q-1.036-2.486-2.072-2.486a3.021,3.021,0,0,0-1.243.414l-1.243,1.45-2.279,3.522-6.009,10.774-4.766,7.874a47.24,47.24,0,0,1-18.233,15.747Q-238.42,153.336-256.653,153.336Zm105.464,53.25L-174.4,230.621l-23.413-20.1-21.549,22.118-28.8-21.112,22.585-26.285,26.936,20.1,21.134-19.269Zm15.954-53.25a53.314,53.314,0,0,1-18.544-3.315,55.647,55.647,0,0,1-17.923-11.4,17.8,17.8,0,0,1-3.833-6.423,24.579,24.579,0,0,1-1.554-8.7,17.617,17.617,0,0,1,2.694-10.153,13.68,13.68,0,0,1,2.59-4.248,5.185,5.185,0,0,1,3.833-1.347h54.7a169.9,169.9,0,0,1,9.22-30.458A133.786,133.786,0,0,1-90.066,51.809q15.954-22.792,33.98-22.792a50.121,50.121,0,0,1,21.134,6.63A77.836,77.836,0,0,1-24.8,43.314q5.18,4.351,12.639,11.81Q-6.98,60.3,1.93,60.3A40.46,40.46,0,0,0,6.9,60.1q1.45-.207,4.351-.829L24.721,56.16l-14.5,46.412a43.921,43.921,0,0,0-16.99,3.535,80.532,80.532,0,0,0-17.2,8.738q-11.189,7.7-23,14.565-4.144,2.5-8.91,4.992t-10.36,5.41q-14.711,7.074-37.5,13.523l-6.216,33.365-1.243,4.118-1.658,3.3a7.256,7.256,0,0,1-3.315,2.266q-1.658,0-3.522-3.312a21.471,21.471,0,0,1-1.45-7.864l1.45-31.87Zm40.611-46.412a104.177,104.177,0,0,0,24.449-5.594,113.716,113.716,0,0,0,14.089-4.973l18.648-8.081q-7.045-8.91-14.089-13.053a20.667,20.667,0,0,0-2.486-1.243q-1.036-.414-4.869-1.658a22.726,22.726,0,0,0-6.941-1.243,19.256,19.256,0,0,0-10.567,2.9,16.592,16.592,0,0,0-4.351,3.108l-3.73,4.144q-1.45,2.486-3.419,6.009t-3.833,7.666l-1.865,6.423ZM94.34-131.153l-3.937.835-2.694.207q-2.486,0-2.486-1.243,0-2.49,9.117-7.673l13.053-8.5q18.233-10.574,21.963-13.685,0-1.243-1.658-2.072l-6.216-.414H109.465a23.83,23.83,0,0,1-4.973-.414,6.184,6.184,0,0,1-3.108-1.658,6.5,6.5,0,0,1-2.694-5.39l.612-2.49q2.849-10.574,11.2-23.219l5.423-7.462a73.161,73.161,0,0,1,4.8-6.117q2.294-2.592,5.734-6.012t6.985-3.42q3.545,0,9.175,7.683l.418,2.49v2.493l-.5,5.19-.745,2.493L140.441-196a1.8,1.8,0,0,1-1.347,1.246l-1.865-1.052-1.865-1.259a5.923,5.923,0,0,0-2.9-1.263h-3.315q-3.108,0-8.081,3.474l-5.8,4.7-3.73,3.882a12.488,12.488,0,0,0,4.558,2.451l5.8,1.295,4.558-.207a18.711,18.711,0,0,0,6.216-1.088q9.738,1.25,9.738,7.495l-.622,2.5a34.9,34.9,0,0,1-.829,7.079,30.553,30.553,0,0,1-2.9,7.911l-3.73,6.87-5.8,7.912-11.6,6.038Q110.5-135.524,94.34-131.153Zm41.077,18.033,1.858-4.973,1.651-3.108,1.24-1.658,1.444-.829q1.444,0,3.3,6.216l.829,3.73.826,4.766,1.03,6.423,1.24,6.838,1.033,4.144,2.088,6.009,8.359,31.7q2.923,11.81,5.432,23.828,1.671,7.459,4.387,22.17l3.552,23a154.41,154.41,0,0,1,1.253,17.612q0,44.548-25.071,78.528a83.39,83.39,0,0,0,23,16.531q9.946,4.811,15.54,4.811,13.675,0,25.071-14.941t11.4-36.732V73.06a50.449,50.449,0,0,0-1.25-11q-1.667-5.186-2.3-7.676-1.874-7.886-2.708-11.1t-3.754-11.932q-2.082-6.847-4.9-14.527t-7.4-18.677l-3.127,31.811-1.25,11.435-.835,13.724a2.76,2.76,0,0,1-2.917,2.7l-2.92-2.075a6.372,6.372,0,0,1-1.25-3.943v-1.45l.622-25.521,1.45-44.612a286.378,286.378,0,0,1,1.865-31.951l3.108-22.824.829-6.847,1.865-6.018q1.243-2.7,2.694-2.9,1.243,0,3.108,4.562a30.083,30.083,0,0,1,1.243,4.356,27.076,27.076,0,0,1,.414,5.182l2.9,10.991,2.694,7.258,2.279,7.673q1.036,3.733,1.243,4.354,1.036,2.279,1.45,3.111l4.144,13.063,4.973,14.928,8.7,24.262,5.8,23.64,1.658,11.82.829,12.442q0,39.19-16.783,72.781-9.946,19.286-20.409,29.964t-21.859,13.376q-14.3-2.5-31.494-14.575a125.937,125.937,0,0,1-15.954-12.7q-2.694-2.914-5.8-6.87a66.917,66.917,0,0,1-5.387-7.912q-11.4,10.567-38.332,19.477l-18.441,5.387a69.872,69.872,0,0,1-16.161,2.486l-6.63.414H44.405q-1.865,0-1.45-1.243,0-1.243,4.766-4.558Q64.5,142.769,78.179,132.823T110.5,107.338q-7.874-13.261-14.089-36.467Q91.439,51.6,91.439,41.864A156.62,156.62,0,0,1,95.774,6.433Q99.08-6.621,107.75-31.692L124.885-78.1l4.957-16.161Zm-.673,59.673q-27.35,61.538-27.35,95.933l.622,7.045a37.024,37.024,0,0,0,2.072,7.666q.414,1.036,1.554,3.833t1.968,4.455l4.973,9.738,4.558,8.91,6.009,9.738A78.8,78.8,0,0,0,140,82.474a113.656,113.656,0,0,0,10.43-15.954q8.136-14.5,9.8-24.035V36.891q0-9.324-3.626-23.828T147.175-19.26ZM281.854-131.2a446.1,446.1,0,0,1,41.232,99.264Q336.14,13.241,336.14,49.714q0,19.687-1.243,33.469a204.911,204.911,0,0,1-3.73,25.178q-6.009,23.834-22.792,39.788-15.747,14.921-50.142,27.564l-3.937,1.45-4.766,1.036a1.8,1.8,0,0,1-2.072-1.658l1.658-3.315,1.45-2.7,2.279-2.694q3.73-5.594,27.765-30.879Q298.637,117.685,309,101.52,322.05,80.38,322.05,60.278V53.852q-1.674-7.666-3.453-15.127t-4.29-16.166q-2.511-8.706-5.337-17.2t-6.8-18.235l-7.741-18.24q-3.768-8.7-8.372-17.2l-4.186,34-1.256,15.76L280.2,14.5a30.7,30.7,0,0,1-1.243,9.538,4.85,4.85,0,0,1-3.108,2.9q-3.522,0-5.387-12.021-.622-6.012-1.036-13.576t-.414-17.1l.622-30.053a149.575,149.575,0,0,1,1.036-16.789q1.036-9.12,1.45-13.057,1.45-14.718,3.937-28.812T281.854-131.2ZM501.069-6.88l33.773,23.229-20.1,29.244L481.178,22.571Zm11.6,139.91-5.18,17.819q-5.594,21.963-16.369,32.737a54.884,54.884,0,0,1-11.4,9.324A90.751,90.751,0,0,1,464.6,200.37q-6.63,2.279-15.333,4.351t-20.72,4.144l-16.369,1.865-27.143,2.694q-14.09,0-14.711-1.865l.829-1.036,1.865-1.243,7.045-2.694,21.134-6.63,14.5-5.18a262.47,262.47,0,0,0,33.98-15.747A98.1,98.1,0,0,0,464.6,168.461a74.079,74.079,0,0,0,11.4-11.4,147.715,147.715,0,0,0,15.954-24.657l8.081-19.684q3.937-10.153,8.5-15.54a9.226,9.226,0,0,1,7.459-3.522q4.766,0,17.923,7.045t17.3,7.045h13.675v45.584H542.509q-8.288,0-16.783-6.63Zm58.844,20.305a84.938,84.938,0,0,1-11.6-.829,75.138,75.138,0,0,1-12.017-2.694,50.51,50.51,0,0,1-20.305-11.189,19.975,19.975,0,0,1-4.04-6.527,22.274,22.274,0,0,1-1.761-8.6,19.582,19.582,0,0,1,2.693-10.153,14.728,14.728,0,0,1,3.108-4.144,5.517,5.517,0,0,1,3.73-1.45h46.412a98.474,98.474,0,0,0,16.576-1.344,66.976,66.976,0,0,0,15.125-4.445q16.161-6.821,21.134-18.6-5.8-16.744-19.477-35.659T585.813,19.486V72.959q-1.243,4.131-4.973,4.749-2.959,0-3.749-5.989l-4.539-54.733-12.432-.2-12.639-.207L545,15.336a5.456,5.456,0,0,1-1.658-2.065l.829-.622,9.946-2.694,8.7-3.315q9.324-3.937,9.738-7.252l.829-17.4a114.935,114.935,0,0,1,1.45-18.768,20.09,20.09,0,0,1,1.036-5.84,18.617,18.617,0,0,1,1.761-5.63q1.14-2.085,4.662-2.085l2.486,1.046q3.73,13.811,5.8,16.531a6.088,6.088,0,0,0,4.558,3.558,111.5,111.5,0,0,0,7.77-14.227q4.04-8.62,8.184-20.045,7.666-23.054,7.666-40.086l-.207-7.479a14.474,14.474,0,0,0-1.036-5.193l15.954-18.693,5.8,28.606,3.522,15.55L645.9-79.166q3.73,13.685,7.252,17.829l-2.072,31.925L629.532-91.157a109.771,109.771,0,0,1-1.865,19.32,168.761,168.761,0,0,1-5.8,22.437q-7.252,22.646-17.4,36.564L614.293-.421l8.366,10.761A162.135,162.135,0,0,1,632.7,24.414l7.113,11.172a45.656,45.656,0,0,1,2.716,4.968q1.046,2.278,3.033,7.864a61.311,61.311,0,0,1,2.823,10.76l.21,6.417V70.56q0,36.421-21.134,59.6T571.517,153.336ZM690.448-131.2a446.094,446.094,0,0,1,41.232,99.264q13.054,45.176,13.053,81.649,0,19.687-1.243,33.469a204.9,204.9,0,0,1-3.73,25.178q-6.009,23.834-22.792,39.788-15.747,14.921-50.142,27.564l-3.937,1.45-4.766,1.036a1.8,1.8,0,0,1-2.072-1.658l1.658-3.315,1.45-2.7,2.279-2.694q3.73-5.594,27.764-30.879,18.026-19.273,28.386-35.437,13.053-21.141,13.053-41.242V53.852q-1.674-7.666-3.453-15.127T722.9,22.559q-2.511-8.706-5.337-17.2t-6.8-18.235l-7.741-18.24q-3.768-8.7-8.372-17.2l-4.186,34-1.256,15.76-.418,13.06a30.7,30.7,0,0,1-1.243,9.538,4.85,4.85,0,0,1-3.108,2.9q-3.522,0-5.387-12.021-.622-6.012-1.036-13.576t-.414-17.1l.622-30.053a149.575,149.575,0,0,1,1.036-16.789q1.036-9.12,1.45-13.057,1.45-14.718,3.937-28.812T690.448-131.2ZM842.531,133.031l-5.18,17.819q-5.594,21.963-16.369,32.737a54.88,54.88,0,0,1-11.4,9.324,90.75,90.75,0,0,1-15.125,7.459q-6.63,2.279-15.333,4.351t-20.72,4.144L742.04,210.73,714.9,213.423q-14.089,0-14.711-1.865l.829-1.036,1.865-1.243,7.045-2.694,21.134-6.63,14.5-5.18a262.465,262.465,0,0,0,33.98-15.747,98.108,98.108,0,0,0,14.918-10.567,74.08,74.08,0,0,0,11.4-11.4,147.717,147.717,0,0,0,15.954-24.657l8.081-19.684q3.937-10.153,8.5-15.54a9.226,9.226,0,0,1,7.459-3.522q4.766,0,17.923,7.045t17.3,7.045h13.675v45.584H872.368q-8.288,0-16.783-6.63ZM944.266,86.618l-9.531-2.486-1.45-.622a5.944,5.944,0,0,1-1.45-3.108v-.829l6.838-43.1,11.81,3.73a42.337,42.337,0,0,0,9.324,1.243,32.191,32.191,0,0,0,6.423-.631,53.788,53.788,0,0,0,7.666-2.318,126.38,126.38,0,0,0,19.477-9.9h1.243a12.245,12.245,0,0,1,4.144.829,4.421,4.421,0,0,1,1.45,2.48L1000,33.566q-2.486,6-6.63,30.41L991.3,78.249q-1.243,9.1-1.865,10.34l-4.558,1.862-5.387,2.69-4.766,3.1-4.144,3.1L958.355,113,948,124.17l-8.7,8.068q-23.621,21.1-44.962,21.1a50.12,50.12,0,0,1-19.269-3.506,66.67,66.67,0,0,1-8.91-4.435,48.62,48.62,0,0,1-8.288-6.909,11.045,11.045,0,0,1-2.279-2.888l-2.072-3.921a29.846,29.846,0,0,1-1.45-8.66,18.49,18.49,0,0,1,2.694-10.315,14.415,14.415,0,0,1,2.486-3.712,4.775,4.775,0,0,1,3.522-1.238H901.79a59.074,59.074,0,0,0,11.81-1.14,40.79,40.79,0,0,0,10.464-3.626,67.07,67.07,0,0,0,10.256-6.63q2.9-2.279,5.076-4.351A58.305,58.305,0,0,0,944.266,86.618Z' transform='translate(421.997 219.879)' fill='%23f9f9f9'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 100%;
  height: 450px;
  z-index: 0;
  position: absolute;
  right: -64%;
  bottom: 60px;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -ms-transition: 0.6s;
  transition: 0.6s;
}
.main_footer .bk_one .title h3 {
  -webkit-text-stroke: 0.3px var(--color-secondary);
  color: var(--color-secondary);
}
.main_footer .bk_one .nav-pills .nav-item .nav-link {
  background-color: transparent;
  color: var(--color-secondary);
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  margin-left: 20px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.main_footer .bk_one .nav-pills .nav-item .nav-link.active {
  color: var(--color-blue);
}
.main_footer .bk_one .content_form .form-group .input_group {
  position: relative;
  display: flex;
  align-items: center;
}
.main_footer .bk_one .content_form .form-group .input_group input {
  padding-right: 45px !important;
}
.main_footer .bk_one .content_form .form-group .input_group svg,
.main_footer .bk_one .content_form .form-group .input_group i {
  position: absolute;
  right: 18px;
  width: 20px;
  height: 20px;
}
.main_footer .bk_one .content_form .form-group .input_group svg path,
.main_footer .bk_one .content_form .form-group .input_group i path {
  stroke: var(--color-text);
}
.main_footer .bk_one .content_form .form-group .input_group svg.whatsapp path,
.main_footer .bk_one .content_form .form-group .input_group i.whatsapp path {
  fill: var(--color-text);
  stroke: var(--bg-white);
}
.main_footer .bk_one .content_form .form-group .form-control {
  border: 1px solid var(--border-snow);
  border-radius: 5px;
  height: 50px;
  font-size: 16px;
  font-weight: 500;
  color: var(--color-secondary);
}
.main_footer .bk_one .content_form .form-group .form-control::placeholder {
  font-size: 12px;
  font-weight: 400;
  color: var(--color-text);
}
.main_footer .item_links .head_title {
  margin-bottom: 20px;
}
.main_footer .item_links .head_title h4 {
  -webkit-text-stroke: 0.2px var(--color-text);
}
.main_footer .item_links .nav .nav-item .nav-link {
  color: var(--color-secondary);
  font-size: 16px;
  padding: 0;
  font-weight: 500;
  margin-bottom: 12px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.main_footer .item_links .nav .nav-item .nav-link:hover {
  color: var(--color-blue);
}
.main_footer .item_links .nav .nav-item.active .nav-link {
  color: var(--color-blue);
}
.main_footer .bt_footer .nav .nav-item .nav-link {
  color: var(--color-secondary);
  font-size: 14px;
  padding: 0;
  margin: 0 10px;
  font-weight: 500;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.main_footer .bt_footer .nav .nav-item .nav-link:hover {
  color: var(--color-blue);
}
.main_footer .bk_end .map .google_map {
  width: 100%;
  height: 100px;
  border-radius: 5px;
  object-fit: cover;
}
.main_footer .stroke {
  -webkit-text-stroke: 0.5px var(--color-secondary);
}
.main_footer .stroke:hover {
  -webkit-text-stroke-color: var(--color-blue);
}
.main_footer .partner_logo .part_ll {
  max-width: 45px;
}
.main_footer .partner_logo .logo_alahya {
  width: 90%;
}
.main_footer .partner_logo .item_txt {
  margin-right: 15px;
}
.main_footer .partner_logo .item_txt span {
  font-weight: 600;
  -webkit-text-stroke: 0.5px var(--color-secondary);
  margin-bottom: 12px;
  font-size: 17px;
}
.main_footer .partner_logo .item_txt p {
  font-size: 16px;
  font-weight: 500;
}
.main_footer .partner_logo .dividar {
  border-bottom: 1px solid var(--border-snow);
  margin: 30px 0;
}

.footer__form {
  padding-bottom: 20px;
}
.footer__form .brand_foot {
  margin-bottom: 15px;
}
.footer__form .brand_foot a {
  display: block;
}
.footer__form .brand_foot a img {
  width: 100%;
  height: 50px;
}

@font-face {
  font-family: "SSTArabic";
  src: url("../fonts/text-font/SSTArabic-Light.eot");
  src: url("../fonts/text-font/SSTArabic-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/text-font/SSTArabic-Light.woff") format("woff"), url("../fonts/text-font/SSTArabic-Light.ttf") format("truetype"), url("../fonts/text-font/SSTArabic-Light.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SSTArabic";
  src: url("../fonts/text-font/SSTArabic-Roman.eot");
  src: url("../fonts/text-font/SSTArabic-Roman.eot?#iefix") format("embedded-opentype"), url("../fonts/text-font/SSTArabic-Roman.woff") format("woff"), url("../fonts/text-font/SSTArabic-Roman.ttf") format("truetype"), url("../fonts/text-font/SSTArabic-Roman.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SSTArabic";
  src: url("../fonts/text-font/SSTArabic-Medium.eot");
  src: url("../fonts/text-font/SSTArabic-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/text-font/SSTArabic-Medium.woff") format("woff"), url("../fonts/text-font/SSTArabic-Medium.ttf") format("truetype"), url("../fonts/text-font/SSTArabic-Medium.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
  font-weight: 600;
  font-style: normal;
}
/* ===============
  Merriweather google fonts
===============*/
body {
  position: relative;
  width: 100%;
  height: 100%;
  direction: rtl;
  overflow-x: hidden !important;
  -webkit-font-smoothing: grayscale;
  -moz-font-smoothing: grayscale;
  -o-font-smoothing: grayscale;
  -ms-font-smoothing: grayscale;
  font-smoothing: grayscale;
  background: var(--color-white);
  font-family: "SSTArabic", arial;
  font-size: 17px;
  color: var(--color-secondary);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

#wrapper,
#content {
  width: 100%;
  height: 100%;
}

button,
input,
textarea {
  outline: 0;
  outline: 0 !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

.btn.focus,
.btn:focus {
  box-shadow: none !important;
}

.form-control:focus {
  box-shadow: none !important;
  outline: 0 !important;
}

.modal-backdrop {
  background-color: black;
}

img {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
}

::selection {
  background-color: var(--bg-blue);
  color: var(--color-white);
  -webkit-text-stroke-color: var(--color-white);
}

body.modal-open {
  padding-right: 0 !important;
  overflow: auto;
}
body.modal-open .modal {
  padding-right: 0 !important;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.form-control {
  height: 52px;
  display: flex;
  align-items: center;
  border: 1px solid var(--border-snow);
  background-color: var(--color-white);
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  padding-top: 2px;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
  padding-right: 20px;
}
.form-control::placeholder {
  font-size: 12px;
  color: var(--color-placeholder);
}
.form-control:focus {
  border-color: var(--color-blue);
}
.form-control.is-invalid {
  border-color: var(--border-red);
  outline: 0 !important;
  box-shadow: none !important;
  background-image: url("data:image/svg+xml,%3Csvg id='Iconly_Two-tone_Info_Circle' data-name='Iconly/Two-tone/Info Circle' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Info_Circle' data-name='Info Circle' transform='translate(2 2)'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M9.25,0A9.25,9.25,0,1,1,0,9.25,9.25,9.25,0,0,1,9.25,0Z' transform='translate(0.75 0.75)' fill='none' stroke='%23ff4242' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3Cpath id='Stroke_3' data-name='Stroke 3' d='M.5,0V4.419' transform='translate(9.495 6.204)' fill='none' stroke='%23ff4242' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' opacity='0.4'/%3E%3Cpath id='Stroke_5' data-name='Stroke 5' d='M.5.5H.5' transform='translate(9.5 13.296)' fill='none' stroke='%23ff4242' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' opacity='0.4'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: left calc(0.375em + 0.3rem) center;
  background-size: 19px;
  left: 20px;
}

.input_with_icon label {
  font-size: 14px;
  display: block;
  color: var(--color-secondary);
  margin-bottom: 10px;
  font-weight: 500;
}
.input_with_icon .input_group {
  position: relative;
  display: flex;
  align-items: center;
}
.input_with_icon .input_group input {
  padding-right: 45px;
}
.input_with_icon .input_group svg {
  position: absolute;
  width: 18px;
  height: 18px;
  right: 18px;
}
.input_with_icon .input_group svg path,
.input_with_icon .input_group svg circle {
  stroke: var(--color-text);
}
.input_with_icon .name_coin {
  position: absolute;
  left: 20px;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text);
}

.form_select .bootstrap-select {
  width: 100% !important;
}
.form_select .bootstrap-select > .dropdown-toggle {
  border: 1px solid var(--border-snow);
  height: 52px;
  border-radius: 5px;
  background-color: var(--color-white);
  padding-right: 1.25rem;
}
.form_select .bootstrap-select > .dropdown-toggle:active {
  background-color: var(--color-snow);
  border-color: var(--color-blue);
  outline: 0 !important;
  box-shadow: none !important;
}
.form_select .bootstrap-select > .dropdown-toggle:focus {
  outline: 0 !important;
  border-color: var(--color-blue);
  outline: 0;
  box-shadow: none;
}
.form_select .bootstrap-select > .dropdown-toggle .filter-option {
  float: right;
  text-align: right;
}
.form_select .bootstrap-select > .dropdown-toggle .filter-option .filter-option-inner-inner {
  font-weight: normal;
  font-size: 16px;
  color: var(--color-secondary);
  padding: 4px;
  padding-right: 0;
}
.form_select .bootstrap-select > .dropdown-toggle::after {
  content: "\e9b1";
  font-family: "The-Icon-of";
  font-size: 18px;
  color: var(--color-text);
  border: 0;
}
.form_select .dropdown-menu {
  border: 0;
  border-radius: 8px;
  padding: 1rem 0;
  -webkit-box-shadow: 0px 10px 50px 0px rgba(30, 30, 29, 0.05);
  -moz-box-shadow: 0px 10px 50px 0px rgba(30, 30, 29, 0.05);
  -o-box-shadow: 0px 10px 50px 0px rgba(30, 30, 29, 0.05);
  -ms-box-shadow: 0px 10px 50px 0px rgba(30, 30, 29, 0.05);
  box-shadow: 0px 10px 50px 0px rgba(30, 30, 29, 0.05);
}
.form_select .dropdown-menu .inner::-webkit-scrollbar {
  width: 0.35em;
}
.form_select .dropdown-menu .inner::-webkit-scrollbar-thumb {
  background-color: #e5e9f2;
  outline: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.form_select .dropdown-menu .inner ul li a .text {
  padding: 0.3rem;
  color: var(--color-secondary);
}
.form_select .dropdown-menu .inner ul li a .text::before {
  display: none;
}
.form_select .dropdown-menu .inner ul li a:active {
  background-color: var(--color-blue);
}
.form_select .dropdown-menu .inner ul li a:active .text {
  color: var(--color-secondary);
}
.form_select .dropdown-menu .inner ul li a:active .text span {
  color: var(--color-secondary) !important;
}
.form_select .dropdown-menu .inner ul li a:hover,
.form_select .dropdown-menu .inner ul li a :active {
  background-color: var(--color-snow);
  color: var(--color-secondary);
}
.form_select .dropdown-menu .inner ul li a.active {
  background-color: var(--color-blue);
  color: #fff;
}
.form_select .dropdown-menu .inner ul li a.active .text {
  color: #fff;
}
.form_select .dropdown-menu .inner ul li a.active .text span {
  color: #fff !important;
}
.form_select .dropdown-menu .dropdown-item:focus {
  outline: 0 !important;
}
.form_select .dropdown-menu .dropdown-item.selected .tio {
  left: auto;
  top: 1rem;
  color: var(--color-green);
}
.form_select.wh-100 .bootstrap-select {
  width: 100% !important;
}
.form_select.is-invalid .bootstrap-select > .dropdown-toggle {
  border-color: var(--border-red);
}

i {
  display: inline-block;
}

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

.read_more svg path {
  stroke: var(--color-blue);
}
.read_more:hover span {
  padding-right: 4px;
}

.item_radio {
  display: flex;
  align-items: center;
}
.item_radio .item {
  height: 52px;
  border-radius: 5px;
  border: 1px solid var(--border-snow);
  width: calc(100% / 2);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
  cursor: pointer;
}
.item_radio .item span {
  font-size: 15px;
  font-weight: 500;
  color: var(--color-text);
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}
.item_radio .item svg {
  margin-left: 5px;
  width: 22px;
  height: 22px;
}
.item_radio .item svg path,
.item_radio .item svg line,
.item_radio .item svg circle {
  stroke: var(--color-text);
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}
.item_radio .item svg circle {
  stroke: var(--color-text);
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}
.item_radio .item:first-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.item_radio .item:last-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
}
.item_radio .item.selected {
  background-color: var(--bg-blue);
}
.item_radio .item.selected svg path,
.item_radio .item.selected svg line,
.item_radio .item.selected svg circle {
  stroke: var(--color-white);
}
.item_radio .item.selected span {
  color: var(--color-white);
}

/*========================
  upload_avatar
==========================*/
.upload_avatar {
  display: flex;
  align-items: center;
  border-radius: 5px;
  border: 1px solid var(--border-snow);
  padding: 12px 15px;
}
.upload_avatar .upload_file .input_group {
  width: 65px;
}
.upload_avatar .upload_file .input_group img {
  width: 100%;
  object-fit: cover;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  height: 55px;
}
.upload_avatar .upload_file .input_group .group_btn {
  position: relative;
  overflow: hidden;
}
.upload_avatar .upload_file .input_group .group_btn .input-upload {
  position: absolute;
  opacity: 0;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.upload_avatar .upload_file .input_group .group_btn .input-upload:hover ~ .btn_upload {
  background-color: var(--bg-secondary);
  cursor: pointer;
}
.upload_avatar .upload_file .input_group .group_btn .btn_upload {
  background-color: var(--bg-blue);
  color: var(--color-white);
  border-radius: 8px;
  padding: 0;
  height: 27px;
  width: 100%;
  text-align: center;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  font-size: 12px;
  font-weight: 500;
  padding: 1px;
  margin-top: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.upload_avatar .txt {
  margin-right: 20px;
}
.upload_avatar .txt p {
  color: var(--color-secondary);
  font-size: 15px;
  margin-bottom: 0;
  font-weight: 500;
}
.upload_avatar .txt span {
  color: var(--color-text);
  font-size: 12px;
}

/*========================
  upload_cover
==========================*/
.upload_cover {
  position: relative;
  overflow: hidden;
}
.upload_cover .input-file {
  position: absolute;
  opacity: 0;
  width: 100%;
  font-size: 80px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.upload_cover .input-file:hover ~ .btn_upload {
  background-color: var(--bg-snow);
}
.upload_cover .btn_upload {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23E6EBEEFF' stroke-width='2' stroke-dasharray='6%2c 4' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  border-radius: 8px;
  background-repeat: no-repeat;
  width: 100%;
  padding: 12px;
  background-color: transparent;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.upload_cover .btn_upload .icon-box {
  background-color: var(--bg-blue);
  display: inline-flex;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.upload_cover .btn_upload .icon-box i {
  color: var(--color-white);
}
.upload_cover .btn_upload span {
  color: var(--color-secondary);
  font-size: 14px;
  margin-right: 8px;
}

.cover_uploade.height_sm img {
  height: 200px;
  object-fit: cover;
}

.before-none::before {
  display: none;
}

.after-none::after {
  display: none;
}

/*# sourceMappingURL=main.css.map */