/*------------------------------------------------------------------
[Master Stylesheet]

Project:    Shade
Version:    1.0
Last change:    17/10/2020 [fixed Float bug, vf]
Assigned to:    Grayic 
-------------------------------------------------------------------*/
/*********** CSS TABLE OF CONTENTS *******************

|--- 01.Component -> { Header }
|--- 01.Component -> { Menu }
|--- 01.Component -> { Button }
|--- 01.Component -> { pricing }
|--- 01.Component -> { shapes }
|--- 02.Utility -> { Border }
|--- 02.Utility -> { Color }
|--- 02.Utility -> { Common }
|--- 02.Utility -> { Flex }
|--- 02.Utility -> { Grid }
|--- 02.Utility -> { Positioning }
|--- 02.Utility -> { Shadows }
|--- 02.Utility -> { Size }
|--- 02.Utility -> { Typography }
|--- 03.Theme Utility -> { Accordion }
|--- 03.Theme Utility -> { Hovers }
|--- 03.Theme Utility -> { Rotate }
|--- 03.Theme Utility -> { Size }
|--- 03.Theme Utility -> { Typography }
|--- THEME CUSTOM STYLES

******************************************************/
@import url("https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Gothic+A1:wght@800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,600;0,700;1,600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Gothic+A1:wght@800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,600;0,700;1,600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap");
body[data-theme='dark'], .dark-bg, .dark-mode-texts {
  --bg:                 #19191b;
  --bg-1:               #1e1e20;
  --bg-2:               #1e1e20;
  --bg-3:               #1e1e20;
  --bg-4:               #030303;
  --bg-5:               #1e1e20;
  --bg-6:               #1e1e20;
  --bg-7:               #1e1e20;
  --bg-8:               #1e1e20;
  --bg-9:               #FAF9F6;
  --color-headings:     #fff;
  --color-texts:        rgba(255,255,255,0.6);
  --color-texts:        #fff;
  --color-texts-2:      #adb4b7;
  --color-texts-3:      #adb4b7;
  --color-texts-4:      #adb4b7;
  --color-texts-5:      #adb4b7;
  --border-color:       rgba(255,255,255,.7);
  --border-color-2:     rgba(255,255,255,.2);
  --border-color-3:     #e5e5e5;
  --border-color-4:     rgba(80, 227, 194, 0.14);
  --border-color-5:     #58cd3d;
}

body[data-theme='light'], .light-bg, .light-mode-texts {
  --bg:                 #fff;
  --bg-1:               #F8F8F8;
  --bg-2:               #F3F8FE;
  --bg-3:               #FAFAFA;
  --bg-4:               #e3eef8;
  --bg-5:               #eef4f5;
  --bg-6:               #f7fbfc;
  --bg-7:               #F0F0F0;
  --bg-8:               #f4fcff;
  --bg-9:               #FAF9F6;
  --color-headings:     #1f1f1f;
  --color-texts:        #222f3f;
  --color-texts-2:      #000;
  --color-texts-3:      #333;
  --color-texts-4:      #323232;
  --color-texts-5:      #222d3d;
  --border-color:       #e5e5e5;
  --border-color-2:     #e5e5e5;
  --border-color-3:     #e5e5e5;
  --border-color-4:     rgba(80, 227, 194, 0.14);
  --border-color-5:     #58cd3d;
}

body {
  --bg:                 #fff;
  --bg-1:               #F8F8F8;
  --bg-2:               #F3F8FE;
  --bg-3:               #FAFAFA;
  --bg-4:               #e3eef8;
  --bg-5:               #eef4f5;
  --bg-6:               #f7fbfc;
  --bg-7:               #F0F0F0;
  --bg-8:               #f4fcff;
  --bg-9:               #FAF9F6;
  --color-headings:     #1f1f1f;
  --color-texts:        #222f3f;
  --color-texts-2:      #000;
  --color-texts-3:      #333;
  --color-texts-4:      #323232;
  --color-texts-5:      #222d3d;
  --border-color:       #e5e5e5;
  --border-color-2:     #e5e5e5;
  --border-color-3:     #e5e5e5;
  --border-color-4:     rgba(80, 227, 194, 0.14);
  --border-color-5:     #58cd3d;
}

.default-logo, .default-shape {
  display: block;
}

.light-version-logo, .light-shape {
  display: none;
}

.dark-version-logo, .dark-shape {
  display: none;
}

.light-version-logo.default-logo {
  display: block;
}

.dark-version-logo.default-logo {
  display: block;
}

body[data-theme='dark'] .dark-version-logo, body[data-theme='dark'] .dark-shape, .dark-mode-texts .dark-version-logo, .dark-mode-texts .dark-shape {
  display: block;
}

body[data-theme='dark'] .light-version-logo, .dark-mode-texts .light-version-logo {
  display: none;
}

body[data-theme='dark'] .light-version-logo.default-logo, .dark-mode-texts .light-version-logo.default-logo {
  display: none;
}

body[data-theme='dark'] .light-shape, .dark-mode-texts .light-shape {
  display: none;
}

body[data-theme='dark'] .light-shape.default-shape, .dark-mode-texts .light-shape.default-shape {
  display: none;
}

body[data-theme='dark'] .light-mode-texts .light-version-logo, body[data-theme='dark'] .light-mode-texts .light-shape, .dark-mode-texts .light-mode-texts .light-version-logo, .dark-mode-texts .light-mode-texts .light-shape {
  display: block;
}

body[data-theme='dark'] .light-mode-texts .dark-version-logo, .dark-mode-texts .light-mode-texts .dark-version-logo {
  display: none;
}

body[data-theme='dark'] .light-mode-texts .dark-version-logo.default-logo, .dark-mode-texts .light-mode-texts .dark-version-logo.default-logo {
  display: none;
}

body[data-theme='dark'] .light-mode-texts .dark-shape, .dark-mode-texts .light-mode-texts .dark-shape {
  display: none;
}

body[data-theme='dark'] .light-mode-texts .dark-shape.default-shape, .dark-mode-texts .light-mode-texts .dark-shape.default-shape {
  display: none;
}

body[data-theme='light'] .light-version-logo, body[data-theme='light'] .light-shape, .light-mode-texts .light-version-logo, .light-mode-texts .light-shape {
  display: block;
}

body[data-theme='light'] .dark-version-logo, .light-mode-texts .dark-version-logo {
  display: none;
}

body[data-theme='light'] .dark-version-logo.default-logo, .light-mode-texts .dark-version-logo.default-logo {
  display: none;
}

body[data-theme='light'] .dark-shape, .light-mode-texts .dark-shape {
  display: none;
}

body[data-theme='light'] .dark-shape.default-shape, .light-mode-texts .dark-shape.default-shape {
  display: none;
}

body[data-theme='light'] .dark-mode-texts .dark-version-logo, body[data-theme='light'] .dark-mode-texts .dark-shape, .light-mode-texts .dark-mode-texts .dark-version-logo, .light-mode-texts .dark-mode-texts .dark-shape {
  display: block;
}

body[data-theme='light'] .dark-mode-texts .light-version-logo, .light-mode-texts .dark-mode-texts .light-version-logo {
  display: none;
}

body[data-theme='light'] .dark-mode-texts .light-version-logo.default-logo, .light-mode-texts .dark-mode-texts .light-version-logo.default-logo {
  display: none;
}

body[data-theme='light'] .dark-mode-texts .light-shape, .light-mode-texts .dark-mode-texts .light-shape {
  display: none;
}

body[data-theme='light'] .dark-mode-texts .light-shape.default-shape, .light-mode-texts .dark-mode-texts .light-shape.default-shape {
  display: none;
}

.bg-default {
  background: var(--bg);
}

.bg-default-1 {
  background: var(--bg-1);
}

.bg-default-2 {
  background: var(--bg-2);
}

.bg-default-3 {
  background: var(--bg-3);
}

.bg-default-4 {
  background: var(--bg-4);
}

.bg-default-5 {
  background: var(--bg-5);
}

.bg-default-6 {
  background: var(--bg-6);
}

.bg-default-7 {
  background: var(--bg-7);
}

.bg-default-8 {
  background: var(--bg-8);
}

.bg-default-9 {
  background: var(--bg-9);
}

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

.text-default-color-2 {
  color: var(--color-texts-2);
}

.text-default-color-3 {
  color: var(--color-texts-3);
}

.text-default-color-4 {
  color: var(--color-texts-4);
}

.text-default-color-5 {
  color: var(--color-texts-5);
}

.heading-default-color {
  color: var(--color-headings);
}

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

.border-default-color-2 {
  border-color: var(--border-color-2) !important;
}

.border-default-color-3 {
  border-color: var(--border-color-3) !important;
}

.border-default-color-4 {
  border-color: var(--border-color-4) !important;
}

.border-default-color-5 {
  border-color: var(--border-color-5) !important;
}

/*=== Media Query ===*/
/* ---------------------------
  01.Component -> { Header } 
------------------------------*/
@media (min-width: 992px) {
  .header-btn {
    margin-left: 10px;
  }
}

.header-btn a {
  display: none;
}

@media (min-width: 360px) {
  .header-btn a {
    display: inline-flex;
    min-height: 40px;
    min-width: 120px;
    font-weight: 500;
  }
}

@media (min-width: 400px) {
  .header-btn a {
    min-height: 45px;
    min-width: 141px;
  }
}

@media (min-width: 576px) {
  .header-btn a {
    min-height: 40px;
  }
}

.header-btn a.btn-1 {
  min-height: 40px !important;
  height: 40px;
  min-width: 150px !important;
}

.header-btn a.btn-2 {
  min-height: 40px !important;
  height: 40px;
  min-width: 135px !important;
}

.header-btn a.btn-3 {
  min-height: 50px !important;
  height: 50px;
  min-width: 163px !important;
  font-weight: 600;
}

.header-btns .btn {
  min-width: 124px;
  height: 40px;
}

.header-btns .btn-transparent-2 {
  min-width: 85px !important;
  line-height: 50px;
  min-height: 50px;
  background: transparent;
  border: 1px solid transparent;
}

.header-btns .btn-small {
  min-width: 85px !important;
  height: 40px;
  line-height: 36px;
}

.header-btns .btn-1 {
  height: 40px;
  min-width: 135px;
}

.header-btns .btn-2 {
  min-height: 50px !important;
  height: 50px;
  min-width: 163px !important;
  font-weight: 600;
}

.header-btns .btn-3 {
  /* Landing-9 */
  min-height: 50px !important;
  height: 50px;
  min-width: 145px !important;
  font-weight: 600;
}

.header-btn-devider {
  position: relative;
  z-index: 1;
}

.header-btn-devider:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 25px;
  width: 1px;
  background: var(--border-color-3);
  opacity: .3;
}

@media (min-width: 992px) {
  .header-btn-devider:before {
    content: "";
  }
}

.header-btn-devider.devider-pos-top:before {
  top: 0px;
}

.btn-close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 22px;
  width: 60px;
  height: 50px;
  display: flex;
  justify-content: center;
  border: none;
  background: transparent;
  font-weight: 700;
}

.btn-close i {
  color: #353638;
}

.site-header--absolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

.site-header--sticky:not(.mobile-sticky-enable) {
  position: absolute !important;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 999;
}

@media (min-width: 992px) {
  .site-header--sticky:not(.mobile-sticky-enable) {
    position: fixed !important;
    transition: .4s;
  }
  .site-header--sticky:not(.mobile-sticky-enable).scrolling {
    transform: translateY(-100%);
    transition: .4s;
  }
  .site-header--sticky:not(.mobile-sticky-enable).reveal-header {
    transform: translateY(0%);
    box-shadow: 0 12px 34px -11px rgba(65, 62, 101, 0.1);
    z-index: 1000;
  }
}

.site-header--sticky.mobile-sticky-enable {
  top: 0;
  right: 0;
  width: 100%;
  z-index: 999;
  position: fixed !important;
  transition: .4s;
}

.site-header--sticky.mobile-sticky-enable.scrolling {
  transform: translateY(-100%);
  transition: .4s;
}

.site-header--sticky.mobile-sticky-enable.reveal-header {
  transform: translateY(0%);
  box-shadow: 0 12px 34px -11px rgba(65, 62, 101, 0.1);
  z-index: 9999;
}

@media (min-width: 992px) {
  .site-header--menu-center .navbar-nav-wrapper {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 992px) {
  .site-header--menu-left .container-fluid .gr-megamenu-dropdown {
    left: 0%;
    transform: translateX(0%) translateY(10px);
  }
}

@media (min-width: 992px) {
  .site-header--menu-left .container-fluid .nav-item.dropdown:hover > .gr-megamenu-dropdown.center {
    transform: translateX(0%) translateY(-10px);
    left: 0%;
  }
}

.site-header--menu-left .navbar-nav-wrapper .navbar-nav {
  justify-content: flex-start;
  padding-left: 45px;
}

@media (max-width: 767px) {
  .site-header--menu-left .navbar-nav-wrapper .navbar-nav {
    padding-left: 15px;
  }
}

@media (min-width: 1200px) {
  .site-header--menu-left .navbar-nav-wrapper {
    width: 100%;
  }
}

.site-header--menu-right .navbar-nav-wrapper {
  margin-left: auto;
}

@media (min-width: 992px) {
  .site-header--menu-right > .container-fluid .gr-megamenu-dropdown {
    left: 100%;
    transform: translateX(-100%) translateY(10px);
  }
}

@media (min-width: 992px) {
  .site-header--menu-right > .container-fluid .nav-item.dropdown:hover > .gr-megamenu-dropdown.center {
    transform: translateX(-100%) translateY(-10px);
    left: 100%;
  }
}

.single-div + .single-div:after {
  position: absolute;
  left: 0;
  top: 62px;
  bottom: 62px;
  width: 1px;
  content: "";
  background: red;
}

.single-div:after {
  position: absolute;
  right: 0;
  top: 62px;
  bottom: 62px;
  width: 1px;
  content: "";
  background: red;
}

.single-div:last-child:after {
  background: transparent;
}

.header-cart {
  position: relative;
  font-size: 20px;
  color: var(--color-texts);
  margin-left: auto;
  margin-right: 15px;
  margin-right: 15px;
}

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

.header-cart span {
  height: 20px;
  width: 20px;
  font-size: 12px;
  border-radius: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  background: #4eab08;
  color: #fff;
}

.dynamic-sticky-bg.reveal-header {
  background: var(--bg);
}

.sticky-bg-white.reveal-header {
  background: #fff;
}

.sticky-bg-white.reveal-header {
  background: #6610f2;
}

.sticky-bg-white.reveal-header {
  background: #fff;
}

.notification-block {
  position: relative;
}

.notification-block .count {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -4px;
  margin-right: -5px;
}

.show-gr-dropdown .gr-menu-dropdown {
  top: 110%;
}

.show-gr-dropdown .gr-menu-dropdown.dropdown-right {
  right: 0;
  left: auto;
}

.show-gr-dropdown .gr-menu-dropdown.dropdown-left {
  left: 0;
  right: auto;
}

.show-gr-dropdown:hover .gr-menu-dropdown, .show-gr-dropdown.show .gr-menu-dropdown {
  opacity: 1;
  top: 95%;
  pointer-events: visible;
}

/* ---------------------------
  01.Component -> { Menu } 
------------------------------*/
.main-menu {
  /* ----------------------
Custom toggle arrow 
------------------------*/
}

@media (min-width: 992px) {
  .main-menu {
    display: flex;
    justify-content: flex-end;
  }
}

.main-menu .gr-toggle-arrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main-menu .gr-toggle-arrow:after {
  display: none;
}

.main-menu .gr-toggle-arrow i {
  font-size: 24px;
  width: auto;
  line-height: 1;
  height: auto;
  font-weight: 900;
  margin-left: 5px;
  transition: .4s;
}

.main-menu .gr-toggle-arrow:hover i {
  transform: rotate(-180deg);
}

.main-menu > li > .nav-link {
  color: var(--color-headings) !important;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.4px;
  text-transform: inherit;
  position: relative;
  transition: .4s;
}

.main-menu > li > .nav-link:focus {
  outline: none;
}

@media (min-width: 992px) {
  .main-menu > li > .nav-link {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 18px !important;
    margin-right: 18px !important;
  }
}

.main-menu > li > .nav-link:hover {
  color: #1290a4 !important;
}

.main-menu > li > .nav-link:hover:before {
  transform: scaleX(1);
}

@media (min-width: 992px) {
  .main-menu > li > .nav-link.gr-toggle-arrow {
    padding-right: 30px !important;
  }
  .main-menu > li > .nav-link.gr-toggle-arrow:before {
    width: calc(100% - 8px);
  }
  .main-menu > li > .nav-link.gr-toggle-arrow i {
    position: absolute;
    right: -2px;
  }
}

.main-menu > li.active > .nav-link:before {
  transform: scaleX(1);
}

.main-menu > li:hover > .gr-toggle-arrow i {
  transform: rotate(-180deg);
}

/*----- Dropdown styles
-------------------------*/
.gr-menu-dropdown {
  background-color: transparent;
}

@media (min-width: 992px) {
  .gr-menu-dropdown {
    position: absolute;
    min-width: 227px;
    max-width: 227px;
    box-shadow: 0 52px 54px rgba(65, 62, 101, 0.3);
    border-radius: 8px;
    border: 1px solid var(--border-color-3);
    padding: 15px 0px;
    top: 100%;
    z-index: -99;
    opacity: 0;
    transition: opacity .4s, top .4s;
    pointer-events: none;
    left: 0;
    right: auto;
    border-radius: 0 0 10px 10px;
    border: 1px solid var(--border-color-3);
    background-color: #fff;
    display: block;
    border-top: 3px solid #1290a4;
  }
}

.gr-menu-dropdown > .drop-menu-item {
  color: var(--color-headings);
  font-size: 16px;
  text-transform: inherit;
  font-weight: 700;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (max-width: 767px) {
  .gr-menu-dropdown > .drop-menu-item {
    padding-right: 0;
  }
}

.gr-menu-dropdown > .drop-menu-item > a {
  color: #000;
}

@media screen and (max-width: 480px) {
  .gr-menu-dropdown > .drop-menu-item > a {
    color: #fff;
  }
}

@media (min-width: 992px) {
  .gr-menu-dropdown > .drop-menu-item > a {
    transition: .4s;
  }
}

.gr-menu-dropdown > .drop-menu-item:hover > a {
  color: #1290a4;
}

.gr-menu-dropdown > .drop-menu-item > .gr-menu-dropdown {
  border-top-color: #4eab08;
}

@media (min-width: 992px) {
  .gr-menu-dropdown > .drop-menu-item > .gr-menu-dropdown {
    top: 10px;
    left: auto;
    right: 0;
    opacity: 0;
    transform: translateX(110%);
    transition: .4s;
    pointer-events: none;
    will-change: transform;
  }
}

@media (min-width: 380px) {
  .gr-menu-dropdown > .drop-menu-item > .gr-menu-dropdown > .drop-menu-item {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media (min-width: 992px) {
  .gr-menu-dropdown > .drop-menu-item > .gr-menu-dropdown > .drop-menu-item {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.gr-menu-dropdown.dropdown-right {
  left: auto;
  right: -90%;
}

@media (min-width: 992px) {
  .gr-menu-dropdown.dropdown-left {
    left: 0 !important;
    right: auto !important;
    transform: translateX(-110%) !important;
  }
}

/*----- Dropdown hover activation related styles
-------------------------------------------------*/
@media (min-width: 992px) {
  .nav-item.dropdown {
    position: relative;
    z-index: 99;
  }
}

@media (min-width: 992px) {
  .nav-item.dropdown:hover > .gr-menu-dropdown {
    top: 90%;
    opacity: 1;
    pointer-events: visible;
  }
}

@media (min-width: 992px) {
  .nav-item.dropdown:hover > .gr-megamenu-dropdown.center {
    transform: translateX(-50%) translateY(-10px);
    z-index: 99;
    opacity: 1;
    pointer-events: visible;
  }
}

@media (min-width: 992px) {
  .nav-item.dropdown:hover > .gr-megamenu-dropdown-2, .nav-item.dropdown:hover.triangle-shape:after, .nav-item.dropdown:hover.triangle-shape:before {
    transform: translateX(-50%) translateY(-10px);
    z-index: 99;
    opacity: 1;
    pointer-events: visible;
  }
}

.drop-menu-item.dropdown {
  position: relative;
}

.drop-menu-item.dropdown > .gr-toggle-arrow i {
  transform: rotate(-90deg);
}

@media (min-width: 992px) {
  .drop-menu-item.dropdown:hover > .gr-menu-dropdown {
    top: 10px;
    opacity: 1;
    pointer-events: visible;
    transform: translateX(100%);
  }
  .drop-menu-item.dropdown:hover > .gr-menu-dropdown.dropdown-left {
    transform: translateX(-100%) !important;
  }
}

/*-----Mega Dropdown styles
-------------------------*/
.nav-item.dropdown.dropdown-mega {
  z-index: 1;
}

@media (min-width: 992px) {
  .nav-item.dropdown.dropdown-mega {
    position: static;
  }
}

.gr-megamenu-dropdown {
  background-color: transparent;
}

@media (min-width: 992px) {
  .gr-megamenu-dropdown {
    background-color: #fff;
  }
}

.gr-megamenu-dropdown .dropdown-image-block {
  max-height: 172px;
}

@media (min-width: 320px) and (max-width: 992px) {
  .gr-megamenu-dropdown {
    border: 0;
  }
}

@media (min-width: 992px) {
  .gr-megamenu-dropdown {
    padding: 0;
    min-width: 524px;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    will-change: transform;
    top: 100%;
    z-index: -99;
    opacity: 0;
    pointer-events: none;
    transition: .4s opacity, .4s transform;
    box-shadow: 0 42px 54px rgba(0, 0, 0, 0.09);
    border: 1px solid #e7e9ed;
    border-radius: 8px;
  }
}

@media (min-width: 1200px) {
  .gr-megamenu-dropdown {
    min-width: 524px;
  }
}

.gr-megamenu-dropdown .single-dropdown-block .mega-drop-menu-item {
  padding-top: 14px;
  padding-bottom: 14px;
  display: block;
}

.gr-megamenu-dropdown .mega-drop-menu-item {
  padding-top: 2.5px;
  padding-bottom: 2.5px;
  font-size: 13px;
  font-weight: 700;
  text-transform: inherit;
  transition: .4s;
  color: #1f1f1f;
}

@media (min-width: 320px) and (max-width: 992px) {
  .gr-megamenu-dropdown .mega-drop-menu-item {
    color: var(--color-headings);
    border-top: 1px solid var(--border-color-3);
    padding-left: 20px;
    padding-bottom: 13px;
    padding-top: 13px;
  }
}

@media (min-width: 992px) {
  .gr-megamenu-dropdown .mega-drop-menu-item {
    padding-left: 10px;
    padding-right: 10px;
  }
  .gr-megamenu-dropdown .mega-drop-menu-item:hover {
    color: #1290a4 !important;
  }
}

.gr-megamenu-dropdown .mega-drop-menu-item h6:hover {
  color: #1290a4 !important;
}

@media (min-width: 320px) and (max-width: 992px) {
  .gr-megamenu-dropdown [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gr-megamenu-dropdown [class*="row-"] {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 320px) and (max-width: 992px) {
  .gr-megamenu-dropdown-2 {
    border: 0;
  }
}

@media (min-width: 992px) {
  .gr-megamenu-dropdown-2 {
    box-shadow: 0 42px 54px rgba(0, 0, 0, 0.09);
    padding: 25px;
    min-width: 956px;
    left: 50%;
    will-change: transform;
    top: 100%;
    transform: translateX(-50%) translateY(10px);
    z-index: -99;
    opacity: 0;
    pointer-events: none;
    transition: .4s opacity, .4s transform;
    box-shadow: 0 52px 54px rgba(65, 62, 101, 0.3);
    border: 1px solid #e7e9ed;
  }
}

@media (min-width: 1200px) {
  .gr-megamenu-dropdown-2 {
    min-width: 1100px;
  }
}

.gr-megamenu-dropdown-2 .single-dropdown-block .mega-drop-menu-item {
  padding-top: 10px;
  padding-bottom: 10px;
  display: block !important;
}

.gr-megamenu-dropdown-2 .mega-drop-menu-item {
  padding-top: 2.5px;
  padding-bottom: 2.5px;
  font-size: 15px;
  font-weight: 700;
}

@media (min-width: 320px) and (max-width: 992px) {
  .gr-megamenu-dropdown-2 .mega-drop-menu-item {
    border-top: 1px solid var(--border-color-3);
    padding-left: 20px;
    padding-bottom: 13px;
    padding-top: 13px;
  }
}

@media (min-width: 992px) {
  .gr-megamenu-dropdown-2 .mega-drop-menu-item {
    padding-left: 20px;
    padding-right: 25px;
    border-radius: 11px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .gr-megamenu-dropdown-2 .mega-drop-menu-item:hover {
    background: #f4f7fa;
  }
}

@media (min-width: 992px) {
  .gr-megamenu-dropdown-2 .mega-drop-menu-item:hover {
    color: #1290a4 !important;
  }
}

.gr-megamenu-dropdown-2 .mega-drop-menu-item .single-menu-title {
  margin-bottom: 3px;
}

.gr-megamenu-dropdown-2 .mega-drop-menu-item p {
  margin-bottom: 0;
  font-weight: normal;
}

@media (min-width: 320px) and (max-width: 992px) {
  .gr-megamenu-dropdown-2 [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
  }
  .gr-megamenu-dropdown-2 [class*="row-"] {
    margin-left: 0;
    margin-right: 0;
  }
}

.dropdown-mega.triangle-shape {
  position: relative;
}

.dropdown-mega.triangle-shape:before {
  position: absolute;
  bottom: -7px;
  right: -2px;
  border: 15px solid;
  border-color: transparent transparent #fff transparent;
  transform: translateX(-50%) translateY(10px);
  z-index: 100 !important;
  opacity: 0;
  transition: .4s;
  pointer-events: none !important;
}

@media (min-width: 992px) {
  .dropdown-mega.triangle-shape:before {
    content: "";
  }
}

.dropdown-mega.triangle-shape:after {
  position: absolute;
  bottom: -4px;
  right: 0;
  border: 14px solid;
  border-color: transparent transparent #e7e9ed transparent;
  transform: translateX(-50%) translateY(10px);
  z-index: 99 !important;
  opacity: 0;
  transition: .4s;
  pointer-events: none !important;
}

@media (min-width: 992px) {
  .dropdown-mega.triangle-shape:after {
    content: "";
  }
}

@media (min-width: 992px) {
  .offcanvas-active.navbar-expand-lg .btn-close-off-canvas {
    display: none;
  }
}

@media (min-width: 320px) and (max-width: 992px) {
  .offcanvas-active.navbar-expand-lg .navbar-collapse {
    display: block;
    position: fixed;
    top: 0;
    background: var(--bg);
    left: -100%;
    padding-left: 20px;
    padding-right: 20px;
    height: 100%;
    transition: left .4s;
    z-index: 999999;
    box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
    padding-top: 50px;
    width: 250px;
    overflow-y: auto;
  }
}

@media (min-width: 320px) and (max-width: 992px) and (min-width: 380px) {
  .offcanvas-active.navbar-expand-lg .navbar-collapse {
    width: 300px;
  }
}

@media (min-width: 320px) and (max-width: 992px) and (min-width: 576px) {
  .offcanvas-active.navbar-expand-lg .navbar-collapse {
    width: 350px;
  }
}

@media (min-width: 320px) and (max-width: 992px) {
  .offcanvas-active.navbar-expand-lg .navbar-collapse.show {
    left: 0%;
  }
  .offcanvas-active.navbar-expand-lg .navbar-collapse.show ~ .btn-close-off-canvas .icon-burger {
    display: block;
  }
  .offcanvas-active.navbar-expand-lg .navbar-collapse.collapsing {
    transition: height 0s;
    height: 100%;
  }
  .offcanvas-active.navbar-expand-lg .navbar-collapse::-webkit-scrollbar {
    width: 8px;
  }
  .offcanvas-active.navbar-expand-lg .navbar-collapse::-webkit-scrollbar-track {
    background: #fff;
  }
  .offcanvas-active.navbar-expand-lg .navbar-collapse::-webkit-scrollbar-thumb {
    background-color: #1290a4;
    outline: 1px solid slategrey;
  }
  .offcanvas-active.navbar-expand-lg .btn-close-off-canvas .icon-burger {
    display: block;
  }
  .offcanvas-active.navbar-expand-lg .main-menu > li {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid var(--dustygray);
  }
  .offcanvas-active.navbar-expand-lg .main-menu > li > .nav-link {
    padding-bottom: 13px;
    padding-top: 13px;
  }
  .offcanvas-active.navbar-expand-lg .main-menu > li .gr-menu-dropdown {
    border: 0;
    border-radius: 0;
    min-width: auto;
    padding: 0;
  }
  .offcanvas-active.navbar-expand-lg .main-menu > li .gr-menu-dropdown > li {
    padding-top: 0;
    padding-bottom: 0;
    border-top: 1px solid var(--border-color-3);
    padding-left: 10px;
  }
  .offcanvas-active.navbar-expand-lg .main-menu > li .gr-menu-dropdown > li a {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .offcanvas-active.navbar-expand-lg .main-menu > li:last-child {
    border-bottom-color: transparent;
  }
  .offcanvas-active.navbar-expand-lg .main-menu li i {
    margin-left: 8px;
    position: relative;
    top: 8px;
  }
  .offcanvas-active.navbar-expand-lg .main-menu li:hover > a {
    color: #1290a4;
  }
  .offcanvas-active.navbar-expand-lg .main-menu a {
    display: block;
  }
}

@media (max-width: 991px) {
  .mega-dropdown-content a.mega-drop-menu-item h6 {
    color: #fff !important;
  }
}

@media (max-width: 991px) {
  .mega-dropdown-content a.mega-drop-menu-item p {
    color: #fff !important;
  }
}

@media (max-width: 991px) {
  .light-mode-texts .mega-dropdown-content a.mega-drop-menu-item h6 {
    color: #000 !important;
  }
}

@media (max-width: 991px) {
  .light-mode-texts .mega-dropdown-content a.mega-drop-menu-item p {
    color: #000 !important;
  }
}

.navbar-toggler {
  color: var(--color-texts) !important;
  border-color: var(--color-texts) !important;
}

.hamburger-icon {
  border-radius: 5px;
  border-width: 2px;
  padding: 3px 10px;
}

.hamburger-icon .hamburger {
  font: inherit;
  display: inline-block;
  overflow: visible;
  margin: 0;
  padding: 2px 0px 0px;
  cursor: pointer;
  transition-timing-function: linear;
  transition-duration: .15s;
  transition-property: opacity, filter;
  text-transform: inherit;
  color: inherit;
  border: 0;
  background-color: transparent;
}

.hamburger-icon .hamburger .hamburger-box {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 15px;
}

.hamburger-icon .hamburger .hamburger-box .hamburger-inner {
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: 75ms !important;
  position: absolute;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform;
  border-radius: 4px;
  background-color: var(--color-texts);
  top: 50%;
  display: block;
  margin-top: -2px;
  width: 20px;
  height: 3px;
}

.hamburger-icon .hamburger .hamburger-box .hamburger-inner:before {
  top: -6px;
  transition: top 75ms ease .12s, opacity 75ms ease;
}

.hamburger-icon .hamburger .hamburger-box .hamburger-inner:after {
  bottom: -6px;
  transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger-icon .hamburger .hamburger-box .hamburger-inner:after, .hamburger-icon .hamburger .hamburger-box .hamburger-inner:before {
  display: block;
  content: "";
  position: absolute;
  width: 20px;
  height: 3px;
  border-radius: 4px;
  background-color: var(--color-texts);
}

.hamburger-icon[aria-expanded="true"] .hamburger .hamburger-box .hamburger-inner:after {
  bottom: 0;
  transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transform: rotate(-90deg);
}

.hamburger-icon[aria-expanded="true"] .hamburger .hamburger-box .hamburger-inner:before {
  top: 0;
  transition: top 75ms ease, opacity 75ms ease .12s !important;
  opacity: 0;
}

.hamburger-icon[aria-expanded="true"] .hamburger .hamburger-box .hamburger-inner {
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(45deg);
}

.hamburger-icon:focus {
  outline: none;
  box-shadow: none;
}

.offcanvas-btn-close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 22px;
  width: 60px;
  height: 50px;
  display: flex;
  justify-content: center;
  border: none;
  background: transparent;
  font-weight: 700;
}

.offcanvas-btn-close i {
  color: var(--color-texts) !important;
}

.gr-cross-icon {
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: 75ms !important;
  position: absolute;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform;
  border-radius: 4px;
  background-color: var(--color-texts);
  top: 50%;
  display: block;
  margin-top: -2px;
  height: 0;
  width: 0;
  left: 50%;
  transform: translateX(-6.5px) rotate(45deg);
}

.gr-cross-icon:before {
  top: 0;
  transition: top 75ms ease .12s, opacity 75ms ease;
}

.gr-cross-icon:after {
  bottom: -3px;
  transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transform: rotate(-90deg);
}

.gr-cross-icon:after, .gr-cross-icon:before {
  display: block;
  content: "";
  position: absolute;
  width: 20px;
  height: 3px;
  border-radius: 4px;
  background-color: var(--color-texts);
}

.l8-site-header .main-menu li .nav-link {
  color: var(--periwinkle-gray) !important;
  letter-spacing: 0;
}

.l8-site-header .main-menu li .gr-menu-dropdown .drop-menu-item a {
  color: var(--periwinkle-gray) !important;
}

@media (min-width: 992px) {
  .l8-site-header .main-menu li .gr-menu-dropdown .drop-menu-item a {
    color: #000 !important;
  }
  .l8-site-header .main-menu li .gr-menu-dropdown .drop-menu-item a:hover {
    color: #1290a4 !important;
  }
}

.l9-site-header .main-menu li .nav-link {
  color: #fff !important;
  letter-spacing: 0;
}

.l9-site-header .main-menu li .gr-menu-dropdown .drop-menu-item a {
  color: #fff !important;
}

@media (min-width: 992px) {
  .l9-site-header .main-menu li .gr-menu-dropdown .drop-menu-item a {
    color: #000 !important;
  }
  .l9-site-header .main-menu li .gr-menu-dropdown .drop-menu-item a:hover {
    color: #258aff !important;
  }
}

@media (max-width: 992px) {
  .l9-site-header .navbar-collapse {
    background: #58cd3d !important;
  }
}

@media (min-width: 320px) and (max-width: 992px) {
  .l9-site-header .offcanvas-active.navbar-expand-lg .main-menu > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.33);
  }
  .l9-site-header .offcanvas-active.navbar-expand-lg .main-menu > li .gr-menu-dropdown > li {
    border-top: 1px solid rgba(255, 255, 255, 0.33);
  }
}

.l10-site-header .main-menu li .nav-link {
  letter-spacing: 0;
  color: #000 !important;
}

@media (min-width: 992px) {
  .l10-site-header .main-menu li .nav-link {
    color: var(--periwinkle-gray) !important;
  }
}

@media (min-width: 992px) {
  .l10-site-header .main-menu li .gr-menu-dropdown .drop-menu-item a {
    color: #000;
  }
}

@media (max-width: 992px) {
  .l10-site-header .navbar-collapse {
    background: #efd358 !important;
  }
}

@media (min-width: 320px) and (max-width: 992px) {
  .l10-site-header .offcanvas-active.navbar-expand-lg .main-menu > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.33);
  }
  .l10-site-header .offcanvas-active.navbar-expand-lg .main-menu > li .gr-menu-dropdown > li {
    border-top: 1px solid rgba(255, 255, 255, 0.33);
  }
  .l10-site-header .header-btn {
    margin-left: auto;
  }
}

.l11-site-header .main-menu li .nav-link {
  letter-spacing: 0;
  color: #000 !important;
}

@media (min-width: 992px) {
  .l11-site-header .main-menu li .nav-link {
    color: #2F4B6E !important;
  }
}

@media (min-width: 992px) {
  .l11-site-header .main-menu li .gr-menu-dropdown .drop-menu-item a {
    color: #2F4B6E;
  }
}

@media (max-width: 992px) {
  .l11-site-header .navbar-collapse {
    background: #efd358 !important;
  }
}

@media (min-width: 320px) and (max-width: 992px) {
  .l11-site-header .offcanvas-active.navbar-expand-lg .main-menu > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.33);
  }
  .l11-site-header .offcanvas-active.navbar-expand-lg .main-menu > li .gr-menu-dropdown > li {
    border-top: 1px solid rgba(255, 255, 255, 0.33);
  }
  .l11-site-header .header-btn {
    margin-left: auto;
  }
}

.l12-site-header .main-menu li .nav-link {
  letter-spacing: 0;
  color: #000 !important;
}

@media (min-width: 992px) {
  .l12-site-header .main-menu li .nav-link {
    color: #fff !important;
  }
}

@media (min-width: 992px) {
  .l12-site-header .main-menu li .gr-menu-dropdown .drop-menu-item a {
    color: #000;
  }
}

@media (max-width: 992px) {
  .l12-site-header .navbar-collapse {
    background: #fff !important;
  }
}

@media (min-width: 320px) and (max-width: 992px) {
  .l12-site-header .offcanvas-active.navbar-expand-lg .main-menu > li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .l12-site-header .offcanvas-active.navbar-expand-lg .main-menu > li .gr-menu-dropdown > li {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .l12-site-header .header-btn-cart {
    margin-left: auto;
    margin-right: 15px;
  }
}

/* This css for dark-mode-text */
.dark-mode-texts .hamburger-icon .hamburger .hamburger-box .hamburger-inner {
  background-color: #fff !important;
}

.dark-mode-texts .hamburger-icon .hamburger .hamburger-box .hamburger-inner::before {
  background-color: #fff !important;
}

.dark-mode-texts .hamburger-icon .hamburger .hamburger-box .hamburger-inner::after {
  background-color: #fff !important;
}

.light-mode-texts .gr-menu-dropdown > .drop-menu-item > a {
  color: #000;
}

button.offcanvas-btn-close:focus {
  outline: none;
}

.menu-link-hover-dodgerblue .main-menu > li > .nav-link:hover {
  color: #258aff !important;
}

@media (min-width: 992px) {
  .menu-link-hover-dodgerblue .gr-menu-dropdown {
    border-top: 3px solid #258aff !important;
  }
}

.menu-link-hover-dodgerblue .gr-menu-dropdown > .drop-menu-item:hover > a {
  color: #258aff !important;
}

.menu-link-hover-yellow .main-menu > li > .nav-link:hover {
  color: unset;
}

@media (min-width: 992px) {
  .menu-link-hover-yellow .main-menu > li > .nav-link:hover {
    color: #efd358 !important;
  }
}

@media (min-width: 992px) {
  .menu-link-hover-yellow .gr-menu-dropdown {
    border-top: 3px solid #efd358 !important;
  }
}

@media (min-width: 320px) and (max-width: 992px) {
  .menu-link-hover-yellow .gr-menu-dropdown > .drop-menu-item:hover > a {
    color: #fff !important;
  }
}

.menu-link-hover-yellow .gr-menu-dropdown > .drop-menu-item > a:hover {
  color: #fff;
}

@media (min-width: 992px) {
  .menu-link-hover-yellow .gr-menu-dropdown > .drop-menu-item > a:hover {
    color: #efd358 !important;
  }
}

.menu-link-hover-carnation .main-menu > li > .nav-link:hover {
  color: unset;
}

@media (min-width: 992px) {
  .menu-link-hover-carnation .main-menu > li > .nav-link:hover {
    color: #FC5C65 !important;
  }
}

@media (min-width: 992px) {
  .menu-link-hover-carnation .gr-menu-dropdown {
    border-top: 3px solid #FC5C65 !important;
  }
}

@media (min-width: 320px) and (max-width: 992px) {
  .menu-link-hover-carnation .gr-menu-dropdown > .drop-menu-item:hover > a {
    color: #FC5C65 !important;
  }
}

.menu-link-hover-carnation .gr-menu-dropdown > .drop-menu-item > a:hover {
  color: #FC5C65 !important;
}

@media (min-width: 992px) {
  .menu-link-hover-carnation .gr-menu-dropdown > .drop-menu-item > a:hover {
    color: #FC5C65 !important;
  }
}

.quote-size-1 {
  font-size: 24px;
  line-height: 1;
  max-height: 12px;
}

.menu-link-hover-black .main-menu > li > .nav-link:hover {
  color: #333333 !important;
}

@media (min-width: 992px) {
  .menu-link-hover-black .gr-menu-dropdown {
    border-top: 3px solid #333333 !important;
  }
}

.menu-link-hover-black .gr-menu-dropdown > .drop-menu-item:hover > a {
  color: #333333 !important;
}

.menu-link-hover-emerald .main-menu > li > .nav-link:hover {
  color: #4ebe86 !important;
}

@media (min-width: 992px) {
  .menu-link-hover-emerald .gr-menu-dropdown {
    border-top: 3px solid #4ebe86 !important;
  }
}

.menu-link-hover-emerald .gr-menu-dropdown > .drop-menu-item:hover > a {
  color: #4ebe86 !important;
}

.menu-link-hover-white .main-menu > li > .nav-link:hover {
  color: white !important;
}

.menu-link-hover-white .gr-menu-dropdown > .drop-menu-item:hover > a {
  color: white !important;
}

@media (min-width: 992px) {
  .dropdown-border-top-dodgerblue .gr-menu-dropdown {
    border-top: 3px solid #258aff !important;
  }
}

.hover-icon-shadow .hover-icon {
  transition: .4s;
}

.hover-icon-shadow:hover .hover-icon {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

@media (min-width: 992px) {
  .l8-site-header .navbar-collapse .navbar-nav-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-right: -90px;
  }
}

.border-collapse-1 > [class*="col-"] > div {
  margin: -1px;
}

/* ---------------------------
  01.Component -> { Button } 
------------------------------*/
.btn {
  border-radius: 3px;
  font-size: 13px;
  font-weight: 700;
  height: 50px;
  min-width: 170px;
  line-height: 28px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn.btn-medium {
  min-width: 160px;
  height: 58px;
  line-height: 36px;
}

.btn.btn-lg {
  /* Landing-1,2,4,5 */
  min-width: 172px;
  height: 50px;
  border-radius: 5px;
}

.btn.btn-lg-1 {
  /* Landing-1,2 */
  min-width: 137px;
  height: 40px;
  border-radius: 3px;
}

.btn.btn-lg-2 {
  /* Landing-4 */
  min-width: 195px;
  height: 50px;
  border-radius: 3px;
}

.btn.btn-lg-3 {
  /* Landing-5 */
  min-width: 190px;
  height: 50px;
  border-radius: 3px;
}

.btn.btn-lg-4 {
  /* Landing-5 */
  min-width: 184px;
  height: 45px !important;
}

.btn.btn-xl {
  /* Landing-1,2,4,5,6 */
  min-width: 205px;
  height: 60px;
  border-radius: 3px;
}

.btn.btn-xl-custom {
  /* Landing-5 */
  width: 205px;
  height: 60px;
  border-radius: 3px;
}

.btn.btn-xxl {
  /* Landing-2,6 */
  min-width: 225px;
  max-width: 225px;
  height: 60px;
  border-radius: 3px;
}

.btn.btn-xxl-1 {
  /* Landing-2,6 */
  min-width: 225px;
  height: 50px;
  border-radius: 3px;
  max-width: 225px;
}

.btn.btn-xxl-2 {
  /* Landing-12 */
  min-width: 224px;
  height: 55px;
  border-radius: 0px;
  max-width: 224px;
}

.btn.btn-xxxl {
  /* Landing-7 */
  min-width: 238px;
  max-width: 238px;
  height: 60px;
}

.btn.btn-278 {
  /* Landing-7 */
  min-width: 278px;
  max-width: 278px;
  height: 57px;
}

.btn.btn-285 {
  /* Landing-7 */
  min-width: 285px;
  max-width: 85px;
  height: 57px;
}

.btn.with-icon i {
  margin-left: -5px;
  margin-right: 3px;
  font-size: 16px;
  margin-top: 2px;
}

.btn-reset {
  background: transparent;
  border: 0;
}

.btn-emerald {
  color: #fff !important;
  background: #4ebe86 !important;
}

/* ---------------------------
  01.Component -> { Form } 
------------------------------*/
.gr-check-input {
  margin-bottom: 20px;
}

.gr-check-input input:checked ~ .checkbox {
  background: #1290a4 !important;
  border-color: #1290a4;
}

.gr-check-input input:checked ~ .checkbox::after {
  border-color: #1290a4;
  background-color: #1290a4;
}

.gr-check-input .checkbox {
  position: relative;
  line-height: 1;
  min-width: 14px;
  max-width: 14px;
  min-height: 14px;
  max-height: 14px;
  border-radius: 2px;
  border: 1px solid #878b90;
  display: inline-block;
  cursor: pointer;
}

.gr-check-input .checkbox:after {
  content: "";
  color: #000000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  border: 1px solid #e5e5e5;
  background-color: #ffffff;
}

.filter-search-form-1 {
  width: 100%;
}

@media (min-width: 576px) {
  .filter-search-form-1 {
    display: flex;
  }
}

.filter-search-form-1 .filter-inputs {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (min-width: 480px) {
  .filter-search-form-1 .filter-inputs {
    display: flex;
  }
}

@media (min-width: 576px) {
  .filter-search-form-1 .filter-inputs {
    width: calc(100% - 180px);
  }
}

.filter-search-form-1 .filter-inputs .form-group {
  width: 100%;
  margin-bottom: 10px;
  position: relative;
  height: 40px;
  border-bottom: 1px solid #e5e5e5;
}

.filter-search-form-1 .filter-inputs .form-group:last-child {
  border-right: 0;
  border-bottom: 0;
}

@media (min-width: 480px) {
  .filter-search-form-1 .filter-inputs .form-group {
    width: 50%;
    border-right: 1px solid #e5e5e5;
    border-bottom: 0;
    margin-bottom: 0;
  }
}

.filter-search-form-1 .filter-inputs .form-group > .form-control, .filter-search-form-1 .filter-inputs .form-group > .nice-select {
  width: 100%;
}

.filter-search-form-1 .filter-inputs .form-control {
  border: 0;
  height: 40px;
  color: #878b90;
}

.filter-search-form-1 .filter-inputs .form-control::-moz-placeholder {
  color: #878b90;
}

.filter-search-form-1 .filter-inputs .form-control:-ms-input-placeholder {
  color: #878b90;
}

.filter-search-form-1 .filter-inputs .form-control::placeholder {
  color: #878b90;
}

.filter-search-form-1 .filter-inputs .nice-select {
  border: 0;
  display: flex;
  align-items: center;
  color: #878b90;
}

.filter-search-form-1 .filter-inputs .nice-select:after {
  right: 25px;
}

.filter-search-form-1 .button-block {
  min-width: 180px;
  height: 50px;
}

@media (min-width: 576px) {
  .filter-search-form-1 .button-block {
    height: 60px;
  }
}

.filter-search-form-1 .btn-submit {
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 5px;
}

@media (min-width: 576px) {
  .filter-search-form-1 .btn-submit {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
}

/* Filter Search Using Home 2, Home 3, Inner Search Pages 1 2 3 */
.filter-search-form-2 {
  width: 100%;
}

@media (min-width: 992px) {
  .filter-search-form-2 {
    display: flex;
  }
}

@media (min-width: 576px) {
  .filter-search-form-2 .filter-inputs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}

@media (min-width: 992px) {
  .filter-search-form-2 .filter-inputs {
    width: calc(100% - 160px);
  }
}

.filter-search-form-2 .filter-inputs .form-group {
  width: 100%;
  margin-bottom: 10px;
  position: relative;
  height: 40px;
  border-bottom: 1px solid #e5e5e5;
}

.filter-search-form-2 .filter-inputs .form-group:last-child {
  border-right: 0;
  border-bottom: 0;
}

@media (min-width: 768px) {
  .filter-search-form-2 .filter-inputs .form-group {
    width: 50%;
    border-right: 1px solid #e5e5e5;
    border-bottom: 0;
  }
}

@media (min-width: 992px) {
  .filter-search-form-2 .filter-inputs .form-group {
    margin-bottom: 0;
  }
}

.filter-search-form-2 .filter-inputs .form-group > .form-control, .filter-search-form-2 .filter-inputs .form-group > .nice-select {
  width: 100%;
}

.filter-search-form-2 .filter-inputs .form-control {
  border: 0;
  height: 40px;
  color: #878b90;
}

.filter-search-form-2 .filter-inputs .form-control::-moz-placeholder {
  color: #878b90;
}

.filter-search-form-2 .filter-inputs .form-control:-ms-input-placeholder {
  color: #878b90;
}

.filter-search-form-2 .filter-inputs .form-control::placeholder {
  color: #878b90;
}

.filter-search-form-2 .filter-inputs .nice-select {
  border: 0;
  display: flex;
  align-items: center;
  color: #878b90;
}

.filter-search-form-2 .filter-inputs .nice-select:after {
  right: 37px;
}

@media screen and (max-width: 480px) {
  .filter-search-form-2 .filter-inputs .nice-select .current {
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.filter-search-form-2 .button-block {
  min-width: 160px;
  height: 50px;
  margin-top: 20px;
}

@media (min-width: 576px) {
  .filter-search-form-2 .button-block {
    height: 60px;
  }
}

@media (min-width: 768px) {
  .filter-search-form-2 .button-block {
    margin-top: 0;
  }
}

.filter-search-form-2 .btn-submit {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nice-select {
  display: flex;
  align-items: center;
}

.nice-select .current {
  line-height: 1;
}

.nice-select .list {
  width: 100%;
}

.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: rgba(18, 144, 164, 0.22) !important;
}

.nice-select.rounded-8 {
  border-radius: 8px !important;
}

.nice-select.arrow-2:after {
  border-width: 5px;
  border-color: #000 transparent transparent transparent;
  border-style: solid;
  display: block;
  height: 5px;
  width: 5px;
  margin-top: -2.5px;
  transform-origin: 40% 23%;
  transform: rotate(0deg);
}

.nice-select.arrow-2.open:after {
  transform: rotate(180deg);
}

.nice-select.arrow-3:after {
  right: 16px;
  height: 6px;
  width: 6px;
  border-color: #878b90;
}

.nice-select.arrow-3.open:after {
  transform: rotate(225deg);
}

.nice-select.arrow-4:after {
  right: 13px;
  height: 5px;
  width: 5px;
  font-size: 15px;
  border-color: #878b90;
  top: 50%;
}

.nice-select.arrow-4.open:after {
  transform: rotate(225deg);
}

.arrow-box-dropdown:after {
  border-width: 5px;
  border-color: #000 transparent transparent transparent;
  border-style: solid;
  display: block;
  height: 5px;
  width: 5px;
  margin-top: -2.5px;
  transform-origin: 40% 23%;
  transform: rotate(0deg);
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  content: '';
}

.arrow-box-dropdown.open:after {
  transform: rotate(180deg);
}

/* Login Modal form */
/* drag and drop css for Dashboard-settings page start */
.error {
  color: #B71C1C;
}

#userActions {
  flex-direction: column;
  text-align: center;
  color: #37474F;
  background: url(../image/svg/upload-file.svg);
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
  position: relative;
}

.show-password:before {
  content: "\f06e";
}

.show-password.show:before {
  content: "\f070";
}

.search-2-adjustment .nice-select .current {
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.subscription-form-1 .form-control {
  border: 0;
}

@media (min-width: 320px) {
  .subscription-form-1 .form-control {
    max-width: 275px;
    height: 60px;
  }
}

.subscription-form-1 .btn {
  min-width: 177px;
  max-height: 60px !important;
}

/* ---------------------------
  01.Component -> { Shapes } 
------------------------------*/
/* Landing-1,3,4,5 */
.bg-shape {
  min-height: 200px;
  width: 110%;
  border-radius: 50%;
  /* Used in Landing-1 */
  /* Used in Landing-3 */
  /* Used in Landing-3 */
  /* Used in Landing-4 */
  /* Used in Landing-5 */
  /* Used in Landing-10 */
  /* Used in Landing-1,4 */
  /* Used in Landing-4 */
  /* Used in Landing-4 */
  /* used in landing-7 */
  /* used in landing-7 */
}

.bg-shape:before {
  position: absolute;
  content: "";
  left: -4%;
  top: -10%;
  width: 113%;
  height: 25%;
  background: #fefdfd;
  border-radius: 0% 0% 240% 300%;
  transform: rotate(2deg);
}

@media (max-width: 767px) {
  .bg-shape:before {
    top: -10%;
    height: 18%;
    border-radius: 0% 0% 17% 80%;
    transform: rotate(-27deg);
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .bg-shape:before {
    top: -7%;
    height: 16%;
    border-radius: 0% 0% 3% 98%;
    transform: rotate(-12deg);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .bg-shape:before {
    top: -9%;
    height: 20%;
    transform: rotate(-2deg);
    border-radius: 0% 0% 129% 300%;
  }
}

@media (min-width: 1201px) and (max-width: 1400px) {
  .bg-shape:before {
    border-radius: 0% 0% 230% 300%;
    transform: rotate(3deg);
  }
}

.bg-shape-1 {
  background: url(../image/l1/svg/shape2.svg);
  /* background-repeat: no-repeat; */
  position: absolute;
  bottom: -2px;
  height: 170px;
  width: 101%;
  background-size: cover;
  left: 0%;
  transform: rotate(0deg);
}

@media (max-width: 767px) {
  .bg-shape-1 {
    height: 85px;
  }
}

.bg-shape-2 {
  background: url(../image/l3/png/hero-bg.png);
  /* background-repeat: no-repeat; */
  position: absolute;
  top: -100px;
  height: 135%;
  width: 135%;
  background-size: cover;
  left: -30%;
  z-index: -1;
}

@media (min-width: 1201px) and (max-width: 1366px) {
  .bg-shape-2 {
    height: 150%;
    width: 135%;
    left: -30%;
    transform: rotate(-19deg);
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .bg-shape-2 {
    height: 136%;
    width: 270%;
    left: -97%;
    transform: rotate(-7deg);
  }
}

.bg-shape-3 {
  background: url(../image/l3/svg/testimonial-bg.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: -50%;
  height: 136%;
  width: 135%;
  background-size: cover;
  left: -29%;
  transform: rotate(-3deg);
  z-index: -1;
}

@media (min-width: 1201px) and (max-width: 1366px) {
  .bg-shape-3 {
    top: -68%;
    height: 173%;
    width: 155%;
    left: -40%;
    transform: rotate(-7deg);
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .bg-shape-3 {
    height: 152%;
    width: 250%;
    left: -118%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .bg-shape-3 {
    height: 143%;
    width: 170%;
    left: -65%;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .bg-shape-3 {
    top: -88%;
    height: 199%;
    width: 171%;
    left: -64%;
  }
}

.bg-shape-4 {
  background: url(../image/l4/svg/hero-bg.svg);
  /* background-repeat: no-repeat; */
  position: absolute;
  top: -15px;
  height: 100%;
  width: 100%;
  left: 0;
  transform: rotate(0deg);
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
}

.bg-shape-5 {
  background: url(../image/l5/png/l5-pricing-bg.png);
  /* background-repeat: no-repeat; */
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  left: 0;
  transform: rotate(0deg);
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
}

.bg-shape-6 {
  background: url(../image/l10/svg/shape-1.svg);
  /* background-repeat: no-repeat; */
  position: absolute;
  top: 0;
  height: 115px;
  width: 105%;
  left: 0;
  transform: rotate(0deg);
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
}

@media (max-width: 767px) {
  .bg-shape-6 {
    height: 50px;
  }
}

.bg-shape-img {
  height: 100%;
  background: url(../image/l1/png/shape1.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-shape-img-2 {
  background: url(../image/l4/png/features-bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0%;
}

@media (max-width: 991px) {
  .bg-shape-img-2 {
    background-size: cover;
  }
}

.bg-shape-img-3 {
  height: 100%;
  background: url(../image/l4/png/cta-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left bottom;
  width: 97%;
  position: absolute;
  top: 0;
}

@media (max-width: 767px) {
  .bg-shape-img-3 {
    background-position: center right;
    width: 100%;
    left: 0;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .bg-shape-img-3 {
    background-position: center left;
  }
}

@media (min-width: 992px) {
  .bg-shape-img-3 {
    background-size: contain;
  }
}

.bg-shape-img-5 {
  height: 100%;
  background: url(../image/l8/png/hero-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.section-bg-img-1 {
  height: 100%;
  background: url(../image/l7/png/l7-newslater-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.section-bg-img-2 {
  height: 100%;
  background: url(../image/l8/png/hero-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  opacity: .2;
}

.section-bg-img-3 {
  height: 100%;
  background: url(../image/l8/png/video-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}

.section-bg-img-3:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #222d3d;
  opacity: .7;
  z-index: -1;
}

.section-bg-img-4 {
  height: 100%;
  background: url(../image/l9/png/testimonial-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}

.section-bg-img-5 {
  height: 100%;
  background: url(../image/l11/png/testimonial-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-position: center center;
}

.section-bg-img-6 {
  height: 100%;
  background: url(../image/l12/png/hero-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-position: center center;
}

/* ---------------------------
  01.Component -> { pricing } 
------------------------------*/
[data-pricing-dynamic][data-value-active="yearly"] .dynamic-value:before {
  display: inline-block;
  content: attr(data-yearly);
}

[data-pricing-dynamic][data-value-active="yearly"] [data-pricing-trigger] {
  background: #1290a4;
}

[data-pricing-dynamic][data-value-active="yearly"] [data-pricing-trigger] span {
  left: calc(100% - 24px);
}

[data-pricing-dynamic][data-value-active="yearly"] .btn-toggle-2[data-pricing-trigger] {
  background: #1290a4;
}

[data-pricing-dynamic][data-value-active="yearly"] .btn-toggle-2[data-pricing-trigger] span {
  left: calc(100% - 52%);
}

[data-pricing-dynamic][data-value-active="yearly"] .btn-toggle-2[data-pricing-trigger].active:before {
  color: #000 !important;
}

[data-pricing-dynamic][data-value-active="yearly"] .btn-toggle-2[data-pricing-trigger].active:after {
  color: #000 !important;
}

[data-pricing-dynamic][data-value-active="monthly"] .dynamic-value:before {
  display: inline-block;
  content: attr(data-monthly);
}

.btn-toggle-2[data-pricing-trigger].active:before {
  color: #000 !important;
}

.btn-toggle-2[data-pricing-trigger].active:after {
  color: #000 !important;
}

.dynamic-value:before {
  display: inline-block;
  content: attr(data-active);
}

.static-value:before {
  display: inline-block;
  content: attr(data-active);
}

.btn-toggle {
  width: 48px;
  height: 24px;
  border-radius: 17px;
  background-color: #f8f8f8 !important;
  position: relative;
  margin: 0 15px;
}

.btn-toggle span {
  width: 16px;
  height: 16px;
  background-color: #1290a4;
  position: absolute;
  left: 5px;
  top: 4px;
  transition: 0.4s;
  border-radius: 500px;
  pointer-events: none;
}

.btn-toggle-2 {
  width: 220px;
  height: 42px;
  border-radius: 30px;
  background-color: #fff !important;
  border: 1px solid #e5e5e5 !important;
  position: relative;
  margin: 0 15px;
  z-index: 1;
}

.btn-toggle-2:before {
  position: absolute;
  content: "Monthly";
  width: 46%;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  height: 34px;
  background: transparent;
  left: 9px;
  top: 4px;
  line-height: 34px;
}

.btn-toggle-2:after {
  position: absolute;
  content: "Yearly";
  width: 46%;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  height: 34px;
  background: transparent;
  right: 9px;
  top: 4px;
  line-height: 34px;
}

.btn-toggle-2 .round {
  width: 50%;
  /* left: 0 !important; */
  height: 34px;
  top: 3px;
  left: 4px;
  background: blue;
  display: block;
  z-index: -1;
}

.btn-toggle-2 span {
  display: none;
}

.btn-toggle[data-value-active="yearly"] {
  background-color: #1290a4 !important;
}

.btn-toggle[data-value-active="yearly"] span {
  left: calc(100% - 25px) !important;
}

.btn-toggle-square {
  height: 65px;
  display: inline-flex;
  position: relative;
  z-index: 1;
  padding: 5px;
  align-items: center;
}

.btn-toggle-square.bg-whisper-3:hover, .btn-toggle-square.bg-whisper-3:focus {
  background: #8e8e8e !important;
}

.btn-toggle-square span {
  min-width: 160px;
  min-height: 50px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
}

.btn-toggle-square span:first-child {
  border-radius: 10px 0 0 10px;
}

.btn-toggle-square span:nth-child(2) {
  border-radius: 0px 10px 10px 0;
}

.btn-toggle-square span.active {
  color: #fff;
  background: #1290a4;
}

.popular-pricing:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 4px;
  background: #f46f7c;
  border-radius: 6px;
}

.popular-pricing.popular-pricing-2:before {
  height: 3px;
  top: -3px;
  background: #14ee80;
}

.popular-pricing.popular-pricing-3:before {
  height: 3px;
  top: -3px;
  background: #50e3c2;
}

.active-border {
  position: relative;
}

.active-border:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 5px;
  background: #5029de;
  border-radius: 5px;
}

/* ---------------------------
  02.Utility -> { Color } 
------------------------------*/
.bg-primary-opacity-visible {
  background-color: #1290a4;
}

.bg-primary-opacity-1 {
  background-color: rgba(18, 144, 164, 0.1);
}

.bg-primary-opacity-2 {
  background-color: rgba(18, 144, 164, 0.2);
}

.bg-primary-opacity-3 {
  background-color: rgba(18, 144, 164, 0.3);
}

.bg-primary-opacity-4 {
  background-color: rgba(18, 144, 164, 0.4);
}

.bg-primary-opacity-5 {
  background-color: rgba(18, 144, 164, 0.5);
}

.bg-primary-opacity-6 {
  background-color: rgba(18, 144, 164, 0.6);
}

.bg-primary-opacity-7 {
  background-color: rgba(18, 144, 164, 0.7);
}

.bg-primary-opacity-8 {
  background-color: rgba(18, 144, 164, 0.8);
}

.bg-primary-opacity-9 {
  background-color: rgba(18, 144, 164, 0.9);
}

.gr-color-primary-opacity-visible {
  color: #1290a4;
}

.gr-color-primary-opacity-1 {
  color: rgba(18, 144, 164, 0.1);
}

.gr-color-primary-opacity-2 {
  color: rgba(18, 144, 164, 0.2);
}

.gr-color-primary-opacity-3 {
  color: rgba(18, 144, 164, 0.3);
}

.gr-color-primary-opacity-4 {
  color: rgba(18, 144, 164, 0.4);
}

.gr-color-primary-opacity-5 {
  color: rgba(18, 144, 164, 0.5);
}

.gr-color-primary-opacity-6 {
  color: rgba(18, 144, 164, 0.6);
}

.gr-color-primary-opacity-7 {
  color: rgba(18, 144, 164, 0.7);
}

.gr-color-primary-opacity-8 {
  color: rgba(18, 144, 164, 0.8);
}

.gr-color-primary-opacity-9 {
  color: rgba(18, 144, 164, 0.9);
}

.bg-secondary-opacity-visible {
  background-color: #f46f7c;
}

.bg-secondary-opacity-1 {
  background-color: rgba(244, 111, 124, 0.1);
}

.bg-secondary-opacity-2 {
  background-color: rgba(244, 111, 124, 0.2);
}

.bg-secondary-opacity-3 {
  background-color: rgba(244, 111, 124, 0.3);
}

.bg-secondary-opacity-4 {
  background-color: rgba(244, 111, 124, 0.4);
}

.bg-secondary-opacity-5 {
  background-color: rgba(244, 111, 124, 0.5);
}

.bg-secondary-opacity-6 {
  background-color: rgba(244, 111, 124, 0.6);
}

.bg-secondary-opacity-7 {
  background-color: rgba(244, 111, 124, 0.7);
}

.bg-secondary-opacity-8 {
  background-color: rgba(244, 111, 124, 0.8);
}

.bg-secondary-opacity-9 {
  background-color: rgba(244, 111, 124, 0.9);
}

.gr-color-secondary-opacity-visible {
  color: #f46f7c;
}

.gr-color-secondary-opacity-1 {
  color: rgba(244, 111, 124, 0.1);
}

.gr-color-secondary-opacity-2 {
  color: rgba(244, 111, 124, 0.2);
}

.gr-color-secondary-opacity-3 {
  color: rgba(244, 111, 124, 0.3);
}

.gr-color-secondary-opacity-4 {
  color: rgba(244, 111, 124, 0.4);
}

.gr-color-secondary-opacity-5 {
  color: rgba(244, 111, 124, 0.5);
}

.gr-color-secondary-opacity-6 {
  color: rgba(244, 111, 124, 0.6);
}

.gr-color-secondary-opacity-7 {
  color: rgba(244, 111, 124, 0.7);
}

.gr-color-secondary-opacity-8 {
  color: rgba(244, 111, 124, 0.8);
}

.gr-color-secondary-opacity-9 {
  color: rgba(244, 111, 124, 0.9);
}

.bg-success-opacity-visible {
  background-color: #4eab08;
}

.bg-success-opacity-1 {
  background-color: rgba(78, 171, 8, 0.1);
}

.bg-success-opacity-2 {
  background-color: rgba(78, 171, 8, 0.2);
}

.bg-success-opacity-3 {
  background-color: rgba(78, 171, 8, 0.3);
}

.bg-success-opacity-4 {
  background-color: rgba(78, 171, 8, 0.4);
}

.bg-success-opacity-5 {
  background-color: rgba(78, 171, 8, 0.5);
}

.bg-success-opacity-6 {
  background-color: rgba(78, 171, 8, 0.6);
}

.bg-success-opacity-7 {
  background-color: rgba(78, 171, 8, 0.7);
}

.bg-success-opacity-8 {
  background-color: rgba(78, 171, 8, 0.8);
}

.bg-success-opacity-9 {
  background-color: rgba(78, 171, 8, 0.9);
}

.gr-color-success-opacity-visible {
  color: #4eab08;
}

.gr-color-success-opacity-1 {
  color: rgba(78, 171, 8, 0.1);
}

.gr-color-success-opacity-2 {
  color: rgba(78, 171, 8, 0.2);
}

.gr-color-success-opacity-3 {
  color: rgba(78, 171, 8, 0.3);
}

.gr-color-success-opacity-4 {
  color: rgba(78, 171, 8, 0.4);
}

.gr-color-success-opacity-5 {
  color: rgba(78, 171, 8, 0.5);
}

.gr-color-success-opacity-6 {
  color: rgba(78, 171, 8, 0.6);
}

.gr-color-success-opacity-7 {
  color: rgba(78, 171, 8, 0.7);
}

.gr-color-success-opacity-8 {
  color: rgba(78, 171, 8, 0.8);
}

.gr-color-success-opacity-9 {
  color: rgba(78, 171, 8, 0.9);
}

.bg-info-opacity-visible {
  background-color: #17a2b8;
}

.bg-info-opacity-1 {
  background-color: rgba(23, 162, 184, 0.1);
}

.bg-info-opacity-2 {
  background-color: rgba(23, 162, 184, 0.2);
}

.bg-info-opacity-3 {
  background-color: rgba(23, 162, 184, 0.3);
}

.bg-info-opacity-4 {
  background-color: rgba(23, 162, 184, 0.4);
}

.bg-info-opacity-5 {
  background-color: rgba(23, 162, 184, 0.5);
}

.bg-info-opacity-6 {
  background-color: rgba(23, 162, 184, 0.6);
}

.bg-info-opacity-7 {
  background-color: rgba(23, 162, 184, 0.7);
}

.bg-info-opacity-8 {
  background-color: rgba(23, 162, 184, 0.8);
}

.bg-info-opacity-9 {
  background-color: rgba(23, 162, 184, 0.9);
}

.gr-color-info-opacity-visible {
  color: #17a2b8;
}

.gr-color-info-opacity-1 {
  color: rgba(23, 162, 184, 0.1);
}

.gr-color-info-opacity-2 {
  color: rgba(23, 162, 184, 0.2);
}

.gr-color-info-opacity-3 {
  color: rgba(23, 162, 184, 0.3);
}

.gr-color-info-opacity-4 {
  color: rgba(23, 162, 184, 0.4);
}

.gr-color-info-opacity-5 {
  color: rgba(23, 162, 184, 0.5);
}

.gr-color-info-opacity-6 {
  color: rgba(23, 162, 184, 0.6);
}

.gr-color-info-opacity-7 {
  color: rgba(23, 162, 184, 0.7);
}

.gr-color-info-opacity-8 {
  color: rgba(23, 162, 184, 0.8);
}

.gr-color-info-opacity-9 {
  color: rgba(23, 162, 184, 0.9);
}

.bg-warning-opacity-visible {
  background-color: #ffc107;
}

.bg-warning-opacity-1 {
  background-color: rgba(255, 193, 7, 0.1);
}

.bg-warning-opacity-2 {
  background-color: rgba(255, 193, 7, 0.2);
}

.bg-warning-opacity-3 {
  background-color: rgba(255, 193, 7, 0.3);
}

.bg-warning-opacity-4 {
  background-color: rgba(255, 193, 7, 0.4);
}

.bg-warning-opacity-5 {
  background-color: rgba(255, 193, 7, 0.5);
}

.bg-warning-opacity-6 {
  background-color: rgba(255, 193, 7, 0.6);
}

.bg-warning-opacity-7 {
  background-color: rgba(255, 193, 7, 0.7);
}

.bg-warning-opacity-8 {
  background-color: rgba(255, 193, 7, 0.8);
}

.bg-warning-opacity-9 {
  background-color: rgba(255, 193, 7, 0.9);
}

.gr-color-warning-opacity-visible {
  color: #ffc107;
}

.gr-color-warning-opacity-1 {
  color: rgba(255, 193, 7, 0.1);
}

.gr-color-warning-opacity-2 {
  color: rgba(255, 193, 7, 0.2);
}

.gr-color-warning-opacity-3 {
  color: rgba(255, 193, 7, 0.3);
}

.gr-color-warning-opacity-4 {
  color: rgba(255, 193, 7, 0.4);
}

.gr-color-warning-opacity-5 {
  color: rgba(255, 193, 7, 0.5);
}

.gr-color-warning-opacity-6 {
  color: rgba(255, 193, 7, 0.6);
}

.gr-color-warning-opacity-7 {
  color: rgba(255, 193, 7, 0.7);
}

.gr-color-warning-opacity-8 {
  color: rgba(255, 193, 7, 0.8);
}

.gr-color-warning-opacity-9 {
  color: rgba(255, 193, 7, 0.9);
}

.bg-danger-opacity-visible {
  background-color: #fc593b;
}

.bg-danger-opacity-1 {
  background-color: rgba(252, 89, 59, 0.1);
}

.bg-danger-opacity-2 {
  background-color: rgba(252, 89, 59, 0.2);
}

.bg-danger-opacity-3 {
  background-color: rgba(252, 89, 59, 0.3);
}

.bg-danger-opacity-4 {
  background-color: rgba(252, 89, 59, 0.4);
}

.bg-danger-opacity-5 {
  background-color: rgba(252, 89, 59, 0.5);
}

.bg-danger-opacity-6 {
  background-color: rgba(252, 89, 59, 0.6);
}

.bg-danger-opacity-7 {
  background-color: rgba(252, 89, 59, 0.7);
}

.bg-danger-opacity-8 {
  background-color: rgba(252, 89, 59, 0.8);
}

.bg-danger-opacity-9 {
  background-color: rgba(252, 89, 59, 0.9);
}

.gr-color-danger-opacity-visible {
  color: #fc593b;
}

.gr-color-danger-opacity-1 {
  color: rgba(252, 89, 59, 0.1);
}

.gr-color-danger-opacity-2 {
  color: rgba(252, 89, 59, 0.2);
}

.gr-color-danger-opacity-3 {
  color: rgba(252, 89, 59, 0.3);
}

.gr-color-danger-opacity-4 {
  color: rgba(252, 89, 59, 0.4);
}

.gr-color-danger-opacity-5 {
  color: rgba(252, 89, 59, 0.5);
}

.gr-color-danger-opacity-6 {
  color: rgba(252, 89, 59, 0.6);
}

.gr-color-danger-opacity-7 {
  color: rgba(252, 89, 59, 0.7);
}

.gr-color-danger-opacity-8 {
  color: rgba(252, 89, 59, 0.8);
}

.gr-color-danger-opacity-9 {
  color: rgba(252, 89, 59, 0.9);
}

.bg-light-opacity-visible {
  background-color: #f8f9fa;
}

.bg-light-opacity-1 {
  background-color: rgba(248, 249, 250, 0.1);
}

.bg-light-opacity-2 {
  background-color: rgba(248, 249, 250, 0.2);
}

.bg-light-opacity-3 {
  background-color: rgba(248, 249, 250, 0.3);
}

.bg-light-opacity-4 {
  background-color: rgba(248, 249, 250, 0.4);
}

.bg-light-opacity-5 {
  background-color: rgba(248, 249, 250, 0.5);
}

.bg-light-opacity-6 {
  background-color: rgba(248, 249, 250, 0.6);
}

.bg-light-opacity-7 {
  background-color: rgba(248, 249, 250, 0.7);
}

.bg-light-opacity-8 {
  background-color: rgba(248, 249, 250, 0.8);
}

.bg-light-opacity-9 {
  background-color: rgba(248, 249, 250, 0.9);
}

.gr-color-light-opacity-visible {
  color: #f8f9fa;
}

.gr-color-light-opacity-1 {
  color: rgba(248, 249, 250, 0.1);
}

.gr-color-light-opacity-2 {
  color: rgba(248, 249, 250, 0.2);
}

.gr-color-light-opacity-3 {
  color: rgba(248, 249, 250, 0.3);
}

.gr-color-light-opacity-4 {
  color: rgba(248, 249, 250, 0.4);
}

.gr-color-light-opacity-5 {
  color: rgba(248, 249, 250, 0.5);
}

.gr-color-light-opacity-6 {
  color: rgba(248, 249, 250, 0.6);
}

.gr-color-light-opacity-7 {
  color: rgba(248, 249, 250, 0.7);
}

.gr-color-light-opacity-8 {
  color: rgba(248, 249, 250, 0.8);
}

.gr-color-light-opacity-9 {
  color: rgba(248, 249, 250, 0.9);
}

.bg-dark-opacity-visible {
  background-color: #343a40;
}

.bg-dark-opacity-1 {
  background-color: rgba(52, 58, 64, 0.1);
}

.bg-dark-opacity-2 {
  background-color: rgba(52, 58, 64, 0.2);
}

.bg-dark-opacity-3 {
  background-color: rgba(52, 58, 64, 0.3);
}

.bg-dark-opacity-4 {
  background-color: rgba(52, 58, 64, 0.4);
}

.bg-dark-opacity-5 {
  background-color: rgba(52, 58, 64, 0.5);
}

.bg-dark-opacity-6 {
  background-color: rgba(52, 58, 64, 0.6);
}

.bg-dark-opacity-7 {
  background-color: rgba(52, 58, 64, 0.7);
}

.bg-dark-opacity-8 {
  background-color: rgba(52, 58, 64, 0.8);
}

.bg-dark-opacity-9 {
  background-color: rgba(52, 58, 64, 0.9);
}

.gr-color-dark-opacity-visible {
  color: #343a40;
}

.gr-color-dark-opacity-1 {
  color: rgba(52, 58, 64, 0.1);
}

.gr-color-dark-opacity-2 {
  color: rgba(52, 58, 64, 0.2);
}

.gr-color-dark-opacity-3 {
  color: rgba(52, 58, 64, 0.3);
}

.gr-color-dark-opacity-4 {
  color: rgba(52, 58, 64, 0.4);
}

.gr-color-dark-opacity-5 {
  color: rgba(52, 58, 64, 0.5);
}

.gr-color-dark-opacity-6 {
  color: rgba(52, 58, 64, 0.6);
}

.gr-color-dark-opacity-7 {
  color: rgba(52, 58, 64, 0.7);
}

.gr-color-dark-opacity-8 {
  color: rgba(52, 58, 64, 0.8);
}

.gr-color-dark-opacity-9 {
  color: rgba(52, 58, 64, 0.9);
}

.bg-alabaster-opacity-visible {
  background-color: #f8f8f8;
}

.bg-alabaster-opacity-1 {
  background-color: rgba(248, 248, 248, 0.1);
}

.bg-alabaster-opacity-2 {
  background-color: rgba(248, 248, 248, 0.2);
}

.bg-alabaster-opacity-3 {
  background-color: rgba(248, 248, 248, 0.3);
}

.bg-alabaster-opacity-4 {
  background-color: rgba(248, 248, 248, 0.4);
}

.bg-alabaster-opacity-5 {
  background-color: rgba(248, 248, 248, 0.5);
}

.bg-alabaster-opacity-6 {
  background-color: rgba(248, 248, 248, 0.6);
}

.bg-alabaster-opacity-7 {
  background-color: rgba(248, 248, 248, 0.7);
}

.bg-alabaster-opacity-8 {
  background-color: rgba(248, 248, 248, 0.8);
}

.bg-alabaster-opacity-9 {
  background-color: rgba(248, 248, 248, 0.9);
}

.gr-color-alabaster-opacity-visible {
  color: #f8f8f8;
}

.gr-color-alabaster-opacity-1 {
  color: rgba(248, 248, 248, 0.1);
}

.gr-color-alabaster-opacity-2 {
  color: rgba(248, 248, 248, 0.2);
}

.gr-color-alabaster-opacity-3 {
  color: rgba(248, 248, 248, 0.3);
}

.gr-color-alabaster-opacity-4 {
  color: rgba(248, 248, 248, 0.4);
}

.gr-color-alabaster-opacity-5 {
  color: rgba(248, 248, 248, 0.5);
}

.gr-color-alabaster-opacity-6 {
  color: rgba(248, 248, 248, 0.6);
}

.gr-color-alabaster-opacity-7 {
  color: rgba(248, 248, 248, 0.7);
}

.gr-color-alabaster-opacity-8 {
  color: rgba(248, 248, 248, 0.8);
}

.gr-color-alabaster-opacity-9 {
  color: rgba(248, 248, 248, 0.9);
}

.bg-mineshaft-opacity-visible {
  background-color: #1f1f1f;
}

.bg-mineshaft-opacity-1 {
  background-color: rgba(31, 31, 31, 0.1);
}

.bg-mineshaft-opacity-2 {
  background-color: rgba(31, 31, 31, 0.2);
}

.bg-mineshaft-opacity-3 {
  background-color: rgba(31, 31, 31, 0.3);
}

.bg-mineshaft-opacity-4 {
  background-color: rgba(31, 31, 31, 0.4);
}

.bg-mineshaft-opacity-5 {
  background-color: rgba(31, 31, 31, 0.5);
}

.bg-mineshaft-opacity-6 {
  background-color: rgba(31, 31, 31, 0.6);
}

.bg-mineshaft-opacity-7 {
  background-color: rgba(31, 31, 31, 0.7);
}

.bg-mineshaft-opacity-8 {
  background-color: rgba(31, 31, 31, 0.8);
}

.bg-mineshaft-opacity-9 {
  background-color: rgba(31, 31, 31, 0.9);
}

.gr-color-mineshaft-opacity-visible {
  color: #1f1f1f;
}

.gr-color-mineshaft-opacity-1 {
  color: rgba(31, 31, 31, 0.1);
}

.gr-color-mineshaft-opacity-2 {
  color: rgba(31, 31, 31, 0.2);
}

.gr-color-mineshaft-opacity-3 {
  color: rgba(31, 31, 31, 0.3);
}

.gr-color-mineshaft-opacity-4 {
  color: rgba(31, 31, 31, 0.4);
}

.gr-color-mineshaft-opacity-5 {
  color: rgba(31, 31, 31, 0.5);
}

.gr-color-mineshaft-opacity-6 {
  color: rgba(31, 31, 31, 0.6);
}

.gr-color-mineshaft-opacity-7 {
  color: rgba(31, 31, 31, 0.7);
}

.gr-color-mineshaft-opacity-8 {
  color: rgba(31, 31, 31, 0.8);
}

.gr-color-mineshaft-opacity-9 {
  color: rgba(31, 31, 31, 0.9);
}

.bg-dovegray-opacity-visible {
  background-color: #666666;
}

.bg-dovegray-opacity-1 {
  background-color: rgba(102, 102, 102, 0.1);
}

.bg-dovegray-opacity-2 {
  background-color: rgba(102, 102, 102, 0.2);
}

.bg-dovegray-opacity-3 {
  background-color: rgba(102, 102, 102, 0.3);
}

.bg-dovegray-opacity-4 {
  background-color: rgba(102, 102, 102, 0.4);
}

.bg-dovegray-opacity-5 {
  background-color: rgba(102, 102, 102, 0.5);
}

.bg-dovegray-opacity-6 {
  background-color: rgba(102, 102, 102, 0.6);
}

.bg-dovegray-opacity-7 {
  background-color: rgba(102, 102, 102, 0.7);
}

.bg-dovegray-opacity-8 {
  background-color: rgba(102, 102, 102, 0.8);
}

.bg-dovegray-opacity-9 {
  background-color: rgba(102, 102, 102, 0.9);
}

.gr-color-dovegray-opacity-visible {
  color: #666666;
}

.gr-color-dovegray-opacity-1 {
  color: rgba(102, 102, 102, 0.1);
}

.gr-color-dovegray-opacity-2 {
  color: rgba(102, 102, 102, 0.2);
}

.gr-color-dovegray-opacity-3 {
  color: rgba(102, 102, 102, 0.3);
}

.gr-color-dovegray-opacity-4 {
  color: rgba(102, 102, 102, 0.4);
}

.gr-color-dovegray-opacity-5 {
  color: rgba(102, 102, 102, 0.5);
}

.gr-color-dovegray-opacity-6 {
  color: rgba(102, 102, 102, 0.6);
}

.gr-color-dovegray-opacity-7 {
  color: rgba(102, 102, 102, 0.7);
}

.gr-color-dovegray-opacity-8 {
  color: rgba(102, 102, 102, 0.8);
}

.gr-color-dovegray-opacity-9 {
  color: rgba(102, 102, 102, 0.9);
}

.bg-violet-opacity-visible {
  background-color: #9c5fff;
}

.bg-violet-opacity-1 {
  background-color: rgba(156, 95, 255, 0.1);
}

.bg-violet-opacity-2 {
  background-color: rgba(156, 95, 255, 0.2);
}

.bg-violet-opacity-3 {
  background-color: rgba(156, 95, 255, 0.3);
}

.bg-violet-opacity-4 {
  background-color: rgba(156, 95, 255, 0.4);
}

.bg-violet-opacity-5 {
  background-color: rgba(156, 95, 255, 0.5);
}

.bg-violet-opacity-6 {
  background-color: rgba(156, 95, 255, 0.6);
}

.bg-violet-opacity-7 {
  background-color: rgba(156, 95, 255, 0.7);
}

.bg-violet-opacity-8 {
  background-color: rgba(156, 95, 255, 0.8);
}

.bg-violet-opacity-9 {
  background-color: rgba(156, 95, 255, 0.9);
}

.gr-color-violet-opacity-visible {
  color: #9c5fff;
}

.gr-color-violet-opacity-1 {
  color: rgba(156, 95, 255, 0.1);
}

.gr-color-violet-opacity-2 {
  color: rgba(156, 95, 255, 0.2);
}

.gr-color-violet-opacity-3 {
  color: rgba(156, 95, 255, 0.3);
}

.gr-color-violet-opacity-4 {
  color: rgba(156, 95, 255, 0.4);
}

.gr-color-violet-opacity-5 {
  color: rgba(156, 95, 255, 0.5);
}

.gr-color-violet-opacity-6 {
  color: rgba(156, 95, 255, 0.6);
}

.gr-color-violet-opacity-7 {
  color: rgba(156, 95, 255, 0.7);
}

.gr-color-violet-opacity-8 {
  color: rgba(156, 95, 255, 0.8);
}

.gr-color-violet-opacity-9 {
  color: rgba(156, 95, 255, 0.9);
}

.bg-bluechil-opacity-visible {
  background-color: #1290a4;
}

.bg-bluechil-opacity-1 {
  background-color: rgba(18, 144, 164, 0.1);
}

.bg-bluechil-opacity-2 {
  background-color: rgba(18, 144, 164, 0.2);
}

.bg-bluechil-opacity-3 {
  background-color: rgba(18, 144, 164, 0.3);
}

.bg-bluechil-opacity-4 {
  background-color: rgba(18, 144, 164, 0.4);
}

.bg-bluechil-opacity-5 {
  background-color: rgba(18, 144, 164, 0.5);
}

.bg-bluechil-opacity-6 {
  background-color: rgba(18, 144, 164, 0.6);
}

.bg-bluechil-opacity-7 {
  background-color: rgba(18, 144, 164, 0.7);
}

.bg-bluechil-opacity-8 {
  background-color: rgba(18, 144, 164, 0.8);
}

.bg-bluechil-opacity-9 {
  background-color: rgba(18, 144, 164, 0.9);
}

.gr-color-bluechil-opacity-visible {
  color: #1290a4;
}

.gr-color-bluechil-opacity-1 {
  color: rgba(18, 144, 164, 0.1);
}

.gr-color-bluechil-opacity-2 {
  color: rgba(18, 144, 164, 0.2);
}

.gr-color-bluechil-opacity-3 {
  color: rgba(18, 144, 164, 0.3);
}

.gr-color-bluechil-opacity-4 {
  color: rgba(18, 144, 164, 0.4);
}

.gr-color-bluechil-opacity-5 {
  color: rgba(18, 144, 164, 0.5);
}

.gr-color-bluechil-opacity-6 {
  color: rgba(18, 144, 164, 0.6);
}

.gr-color-bluechil-opacity-7 {
  color: rgba(18, 144, 164, 0.7);
}

.gr-color-bluechil-opacity-8 {
  color: rgba(18, 144, 164, 0.8);
}

.gr-color-bluechil-opacity-9 {
  color: rgba(18, 144, 164, 0.9);
}

.bg-ebonyclay-opacity-visible {
  background-color: #222f3f;
}

.bg-ebonyclay-opacity-1 {
  background-color: rgba(34, 47, 63, 0.1);
}

.bg-ebonyclay-opacity-2 {
  background-color: rgba(34, 47, 63, 0.2);
}

.bg-ebonyclay-opacity-3 {
  background-color: rgba(34, 47, 63, 0.3);
}

.bg-ebonyclay-opacity-4 {
  background-color: rgba(34, 47, 63, 0.4);
}

.bg-ebonyclay-opacity-5 {
  background-color: rgba(34, 47, 63, 0.5);
}

.bg-ebonyclay-opacity-6 {
  background-color: rgba(34, 47, 63, 0.6);
}

.bg-ebonyclay-opacity-7 {
  background-color: rgba(34, 47, 63, 0.7);
}

.bg-ebonyclay-opacity-8 {
  background-color: rgba(34, 47, 63, 0.8);
}

.bg-ebonyclay-opacity-9 {
  background-color: rgba(34, 47, 63, 0.9);
}

.gr-color-ebonyclay-opacity-visible {
  color: #222f3f;
}

.gr-color-ebonyclay-opacity-1 {
  color: rgba(34, 47, 63, 0.1);
}

.gr-color-ebonyclay-opacity-2 {
  color: rgba(34, 47, 63, 0.2);
}

.gr-color-ebonyclay-opacity-3 {
  color: rgba(34, 47, 63, 0.3);
}

.gr-color-ebonyclay-opacity-4 {
  color: rgba(34, 47, 63, 0.4);
}

.gr-color-ebonyclay-opacity-5 {
  color: rgba(34, 47, 63, 0.5);
}

.gr-color-ebonyclay-opacity-6 {
  color: rgba(34, 47, 63, 0.6);
}

.gr-color-ebonyclay-opacity-7 {
  color: rgba(34, 47, 63, 0.7);
}

.gr-color-ebonyclay-opacity-8 {
  color: rgba(34, 47, 63, 0.8);
}

.gr-color-ebonyclay-opacity-9 {
  color: rgba(34, 47, 63, 0.9);
}

.bg-dodgerblue-opacity-visible {
  background-color: #258aff;
}

.bg-dodgerblue-opacity-1 {
  background-color: rgba(37, 138, 255, 0.1);
}

.bg-dodgerblue-opacity-2 {
  background-color: rgba(37, 138, 255, 0.2);
}

.bg-dodgerblue-opacity-3 {
  background-color: rgba(37, 138, 255, 0.3);
}

.bg-dodgerblue-opacity-4 {
  background-color: rgba(37, 138, 255, 0.4);
}

.bg-dodgerblue-opacity-5 {
  background-color: rgba(37, 138, 255, 0.5);
}

.bg-dodgerblue-opacity-6 {
  background-color: rgba(37, 138, 255, 0.6);
}

.bg-dodgerblue-opacity-7 {
  background-color: rgba(37, 138, 255, 0.7);
}

.bg-dodgerblue-opacity-8 {
  background-color: rgba(37, 138, 255, 0.8);
}

.bg-dodgerblue-opacity-9 {
  background-color: rgba(37, 138, 255, 0.9);
}

.gr-color-dodgerblue-opacity-visible {
  color: #258aff;
}

.gr-color-dodgerblue-opacity-1 {
  color: rgba(37, 138, 255, 0.1);
}

.gr-color-dodgerblue-opacity-2 {
  color: rgba(37, 138, 255, 0.2);
}

.gr-color-dodgerblue-opacity-3 {
  color: rgba(37, 138, 255, 0.3);
}

.gr-color-dodgerblue-opacity-4 {
  color: rgba(37, 138, 255, 0.4);
}

.gr-color-dodgerblue-opacity-5 {
  color: rgba(37, 138, 255, 0.5);
}

.gr-color-dodgerblue-opacity-6 {
  color: rgba(37, 138, 255, 0.6);
}

.gr-color-dodgerblue-opacity-7 {
  color: rgba(37, 138, 255, 0.7);
}

.gr-color-dodgerblue-opacity-8 {
  color: rgba(37, 138, 255, 0.8);
}

.gr-color-dodgerblue-opacity-9 {
  color: rgba(37, 138, 255, 0.9);
}

.bg-selago-2-opacity-visible {
  background-color: #e8f1fc;
}

.bg-selago-2-opacity-1 {
  background-color: rgba(232, 241, 252, 0.1);
}

.bg-selago-2-opacity-2 {
  background-color: rgba(232, 241, 252, 0.2);
}

.bg-selago-2-opacity-3 {
  background-color: rgba(232, 241, 252, 0.3);
}

.bg-selago-2-opacity-4 {
  background-color: rgba(232, 241, 252, 0.4);
}

.bg-selago-2-opacity-5 {
  background-color: rgba(232, 241, 252, 0.5);
}

.bg-selago-2-opacity-6 {
  background-color: rgba(232, 241, 252, 0.6);
}

.bg-selago-2-opacity-7 {
  background-color: rgba(232, 241, 252, 0.7);
}

.bg-selago-2-opacity-8 {
  background-color: rgba(232, 241, 252, 0.8);
}

.bg-selago-2-opacity-9 {
  background-color: rgba(232, 241, 252, 0.9);
}

.gr-color-selago-2-opacity-visible {
  color: #e8f1fc;
}

.gr-color-selago-2-opacity-1 {
  color: rgba(232, 241, 252, 0.1);
}

.gr-color-selago-2-opacity-2 {
  color: rgba(232, 241, 252, 0.2);
}

.gr-color-selago-2-opacity-3 {
  color: rgba(232, 241, 252, 0.3);
}

.gr-color-selago-2-opacity-4 {
  color: rgba(232, 241, 252, 0.4);
}

.gr-color-selago-2-opacity-5 {
  color: rgba(232, 241, 252, 0.5);
}

.gr-color-selago-2-opacity-6 {
  color: rgba(232, 241, 252, 0.6);
}

.gr-color-selago-2-opacity-7 {
  color: rgba(232, 241, 252, 0.7);
}

.gr-color-selago-2-opacity-8 {
  color: rgba(232, 241, 252, 0.8);
}

.gr-color-selago-2-opacity-9 {
  color: rgba(232, 241, 252, 0.9);
}

.bg-froly-opacity-visible {
  background-color: #f46f7c;
}

.bg-froly-opacity-1 {
  background-color: rgba(244, 111, 124, 0.1);
}

.bg-froly-opacity-2 {
  background-color: rgba(244, 111, 124, 0.2);
}

.bg-froly-opacity-3 {
  background-color: rgba(244, 111, 124, 0.3);
}

.bg-froly-opacity-4 {
  background-color: rgba(244, 111, 124, 0.4);
}

.bg-froly-opacity-5 {
  background-color: rgba(244, 111, 124, 0.5);
}

.bg-froly-opacity-6 {
  background-color: rgba(244, 111, 124, 0.6);
}

.bg-froly-opacity-7 {
  background-color: rgba(244, 111, 124, 0.7);
}

.bg-froly-opacity-8 {
  background-color: rgba(244, 111, 124, 0.8);
}

.bg-froly-opacity-9 {
  background-color: rgba(244, 111, 124, 0.9);
}

.gr-color-froly-opacity-visible {
  color: #f46f7c;
}

.gr-color-froly-opacity-1 {
  color: rgba(244, 111, 124, 0.1);
}

.gr-color-froly-opacity-2 {
  color: rgba(244, 111, 124, 0.2);
}

.gr-color-froly-opacity-3 {
  color: rgba(244, 111, 124, 0.3);
}

.gr-color-froly-opacity-4 {
  color: rgba(244, 111, 124, 0.4);
}

.gr-color-froly-opacity-5 {
  color: rgba(244, 111, 124, 0.5);
}

.gr-color-froly-opacity-6 {
  color: rgba(244, 111, 124, 0.6);
}

.gr-color-froly-opacity-7 {
  color: rgba(244, 111, 124, 0.7);
}

.gr-color-froly-opacity-8 {
  color: rgba(244, 111, 124, 0.8);
}

.gr-color-froly-opacity-9 {
  color: rgba(244, 111, 124, 0.9);
}

.bg-aquahaze-opacity-visible {
  background-color: #eef4f5;
}

.bg-aquahaze-opacity-1 {
  background-color: rgba(238, 244, 245, 0.1);
}

.bg-aquahaze-opacity-2 {
  background-color: rgba(238, 244, 245, 0.2);
}

.bg-aquahaze-opacity-3 {
  background-color: rgba(238, 244, 245, 0.3);
}

.bg-aquahaze-opacity-4 {
  background-color: rgba(238, 244, 245, 0.4);
}

.bg-aquahaze-opacity-5 {
  background-color: rgba(238, 244, 245, 0.5);
}

.bg-aquahaze-opacity-6 {
  background-color: rgba(238, 244, 245, 0.6);
}

.bg-aquahaze-opacity-7 {
  background-color: rgba(238, 244, 245, 0.7);
}

.bg-aquahaze-opacity-8 {
  background-color: rgba(238, 244, 245, 0.8);
}

.bg-aquahaze-opacity-9 {
  background-color: rgba(238, 244, 245, 0.9);
}

.gr-color-aquahaze-opacity-visible {
  color: #eef4f5;
}

.gr-color-aquahaze-opacity-1 {
  color: rgba(238, 244, 245, 0.1);
}

.gr-color-aquahaze-opacity-2 {
  color: rgba(238, 244, 245, 0.2);
}

.gr-color-aquahaze-opacity-3 {
  color: rgba(238, 244, 245, 0.3);
}

.gr-color-aquahaze-opacity-4 {
  color: rgba(238, 244, 245, 0.4);
}

.gr-color-aquahaze-opacity-5 {
  color: rgba(238, 244, 245, 0.5);
}

.gr-color-aquahaze-opacity-6 {
  color: rgba(238, 244, 245, 0.6);
}

.gr-color-aquahaze-opacity-7 {
  color: rgba(238, 244, 245, 0.7);
}

.gr-color-aquahaze-opacity-8 {
  color: rgba(238, 244, 245, 0.8);
}

.gr-color-aquahaze-opacity-9 {
  color: rgba(238, 244, 245, 0.9);
}

.bg-mineshaft-2-opacity-visible {
  background-color: #333333;
}

.bg-mineshaft-2-opacity-1 {
  background-color: rgba(51, 51, 51, 0.1);
}

.bg-mineshaft-2-opacity-2 {
  background-color: rgba(51, 51, 51, 0.2);
}

.bg-mineshaft-2-opacity-3 {
  background-color: rgba(51, 51, 51, 0.3);
}

.bg-mineshaft-2-opacity-4 {
  background-color: rgba(51, 51, 51, 0.4);
}

.bg-mineshaft-2-opacity-5 {
  background-color: rgba(51, 51, 51, 0.5);
}

.bg-mineshaft-2-opacity-6 {
  background-color: rgba(51, 51, 51, 0.6);
}

.bg-mineshaft-2-opacity-7 {
  background-color: rgba(51, 51, 51, 0.7);
}

.bg-mineshaft-2-opacity-8 {
  background-color: rgba(51, 51, 51, 0.8);
}

.bg-mineshaft-2-opacity-9 {
  background-color: rgba(51, 51, 51, 0.9);
}

.gr-color-mineshaft-2-opacity-visible {
  color: #333333;
}

.gr-color-mineshaft-2-opacity-1 {
  color: rgba(51, 51, 51, 0.1);
}

.gr-color-mineshaft-2-opacity-2 {
  color: rgba(51, 51, 51, 0.2);
}

.gr-color-mineshaft-2-opacity-3 {
  color: rgba(51, 51, 51, 0.3);
}

.gr-color-mineshaft-2-opacity-4 {
  color: rgba(51, 51, 51, 0.4);
}

.gr-color-mineshaft-2-opacity-5 {
  color: rgba(51, 51, 51, 0.5);
}

.gr-color-mineshaft-2-opacity-6 {
  color: rgba(51, 51, 51, 0.6);
}

.gr-color-mineshaft-2-opacity-7 {
  color: rgba(51, 51, 51, 0.7);
}

.gr-color-mineshaft-2-opacity-8 {
  color: rgba(51, 51, 51, 0.8);
}

.gr-color-mineshaft-2-opacity-9 {
  color: rgba(51, 51, 51, 0.9);
}

.bg-softpeach-opacity-visible {
  background-color: #fefdfd;
}

.bg-softpeach-opacity-1 {
  background-color: rgba(254, 253, 253, 0.1);
}

.bg-softpeach-opacity-2 {
  background-color: rgba(254, 253, 253, 0.2);
}

.bg-softpeach-opacity-3 {
  background-color: rgba(254, 253, 253, 0.3);
}

.bg-softpeach-opacity-4 {
  background-color: rgba(254, 253, 253, 0.4);
}

.bg-softpeach-opacity-5 {
  background-color: rgba(254, 253, 253, 0.5);
}

.bg-softpeach-opacity-6 {
  background-color: rgba(254, 253, 253, 0.6);
}

.bg-softpeach-opacity-7 {
  background-color: rgba(254, 253, 253, 0.7);
}

.bg-softpeach-opacity-8 {
  background-color: rgba(254, 253, 253, 0.8);
}

.bg-softpeach-opacity-9 {
  background-color: rgba(254, 253, 253, 0.9);
}

.gr-color-softpeach-opacity-visible {
  color: #fefdfd;
}

.gr-color-softpeach-opacity-1 {
  color: rgba(254, 253, 253, 0.1);
}

.gr-color-softpeach-opacity-2 {
  color: rgba(254, 253, 253, 0.2);
}

.gr-color-softpeach-opacity-3 {
  color: rgba(254, 253, 253, 0.3);
}

.gr-color-softpeach-opacity-4 {
  color: rgba(254, 253, 253, 0.4);
}

.gr-color-softpeach-opacity-5 {
  color: rgba(254, 253, 253, 0.5);
}

.gr-color-softpeach-opacity-6 {
  color: rgba(254, 253, 253, 0.6);
}

.gr-color-softpeach-opacity-7 {
  color: rgba(254, 253, 253, 0.7);
}

.gr-color-softpeach-opacity-8 {
  color: rgba(254, 253, 253, 0.8);
}

.gr-color-softpeach-opacity-9 {
  color: rgba(254, 253, 253, 0.9);
}

.bg-outespace-opacity-visible {
  background-color: #30393b;
}

.bg-outespace-opacity-1 {
  background-color: rgba(48, 57, 59, 0.1);
}

.bg-outespace-opacity-2 {
  background-color: rgba(48, 57, 59, 0.2);
}

.bg-outespace-opacity-3 {
  background-color: rgba(48, 57, 59, 0.3);
}

.bg-outespace-opacity-4 {
  background-color: rgba(48, 57, 59, 0.4);
}

.bg-outespace-opacity-5 {
  background-color: rgba(48, 57, 59, 0.5);
}

.bg-outespace-opacity-6 {
  background-color: rgba(48, 57, 59, 0.6);
}

.bg-outespace-opacity-7 {
  background-color: rgba(48, 57, 59, 0.7);
}

.bg-outespace-opacity-8 {
  background-color: rgba(48, 57, 59, 0.8);
}

.bg-outespace-opacity-9 {
  background-color: rgba(48, 57, 59, 0.9);
}

.gr-color-outespace-opacity-visible {
  color: #30393b;
}

.gr-color-outespace-opacity-1 {
  color: rgba(48, 57, 59, 0.1);
}

.gr-color-outespace-opacity-2 {
  color: rgba(48, 57, 59, 0.2);
}

.gr-color-outespace-opacity-3 {
  color: rgba(48, 57, 59, 0.3);
}

.gr-color-outespace-opacity-4 {
  color: rgba(48, 57, 59, 0.4);
}

.gr-color-outespace-opacity-5 {
  color: rgba(48, 57, 59, 0.5);
}

.gr-color-outespace-opacity-6 {
  color: rgba(48, 57, 59, 0.6);
}

.gr-color-outespace-opacity-7 {
  color: rgba(48, 57, 59, 0.7);
}

.gr-color-outespace-opacity-8 {
  color: rgba(48, 57, 59, 0.8);
}

.gr-color-outespace-opacity-9 {
  color: rgba(48, 57, 59, 0.9);
}

.bg-gray-opacity-visible {
  background-color: #8e8e8e;
}

.bg-gray-opacity-1 {
  background-color: rgba(142, 142, 142, 0.1);
}

.bg-gray-opacity-2 {
  background-color: rgba(142, 142, 142, 0.2);
}

.bg-gray-opacity-3 {
  background-color: rgba(142, 142, 142, 0.3);
}

.bg-gray-opacity-4 {
  background-color: rgba(142, 142, 142, 0.4);
}

.bg-gray-opacity-5 {
  background-color: rgba(142, 142, 142, 0.5);
}

.bg-gray-opacity-6 {
  background-color: rgba(142, 142, 142, 0.6);
}

.bg-gray-opacity-7 {
  background-color: rgba(142, 142, 142, 0.7);
}

.bg-gray-opacity-8 {
  background-color: rgba(142, 142, 142, 0.8);
}

.bg-gray-opacity-9 {
  background-color: rgba(142, 142, 142, 0.9);
}

.gr-color-gray-opacity-visible {
  color: #8e8e8e;
}

.gr-color-gray-opacity-1 {
  color: rgba(142, 142, 142, 0.1);
}

.gr-color-gray-opacity-2 {
  color: rgba(142, 142, 142, 0.2);
}

.gr-color-gray-opacity-3 {
  color: rgba(142, 142, 142, 0.3);
}

.gr-color-gray-opacity-4 {
  color: rgba(142, 142, 142, 0.4);
}

.gr-color-gray-opacity-5 {
  color: rgba(142, 142, 142, 0.5);
}

.gr-color-gray-opacity-6 {
  color: rgba(142, 142, 142, 0.6);
}

.gr-color-gray-opacity-7 {
  color: rgba(142, 142, 142, 0.7);
}

.gr-color-gray-opacity-8 {
  color: rgba(142, 142, 142, 0.8);
}

.gr-color-gray-opacity-9 {
  color: rgba(142, 142, 142, 0.9);
}

.bg-geyser-opacity-visible {
  background-color: #d9e4e6;
}

.bg-geyser-opacity-1 {
  background-color: rgba(217, 228, 230, 0.1);
}

.bg-geyser-opacity-2 {
  background-color: rgba(217, 228, 230, 0.2);
}

.bg-geyser-opacity-3 {
  background-color: rgba(217, 228, 230, 0.3);
}

.bg-geyser-opacity-4 {
  background-color: rgba(217, 228, 230, 0.4);
}

.bg-geyser-opacity-5 {
  background-color: rgba(217, 228, 230, 0.5);
}

.bg-geyser-opacity-6 {
  background-color: rgba(217, 228, 230, 0.6);
}

.bg-geyser-opacity-7 {
  background-color: rgba(217, 228, 230, 0.7);
}

.bg-geyser-opacity-8 {
  background-color: rgba(217, 228, 230, 0.8);
}

.bg-geyser-opacity-9 {
  background-color: rgba(217, 228, 230, 0.9);
}

.gr-color-geyser-opacity-visible {
  color: #d9e4e6;
}

.gr-color-geyser-opacity-1 {
  color: rgba(217, 228, 230, 0.1);
}

.gr-color-geyser-opacity-2 {
  color: rgba(217, 228, 230, 0.2);
}

.gr-color-geyser-opacity-3 {
  color: rgba(217, 228, 230, 0.3);
}

.gr-color-geyser-opacity-4 {
  color: rgba(217, 228, 230, 0.4);
}

.gr-color-geyser-opacity-5 {
  color: rgba(217, 228, 230, 0.5);
}

.gr-color-geyser-opacity-6 {
  color: rgba(217, 228, 230, 0.6);
}

.gr-color-geyser-opacity-7 {
  color: rgba(217, 228, 230, 0.7);
}

.gr-color-geyser-opacity-8 {
  color: rgba(217, 228, 230, 0.8);
}

.gr-color-geyser-opacity-9 {
  color: rgba(217, 228, 230, 0.9);
}

.bg-blizzerdblue-opacity-visible {
  background-color: #a3daf0;
}

.bg-blizzerdblue-opacity-1 {
  background-color: rgba(163, 218, 240, 0.1);
}

.bg-blizzerdblue-opacity-2 {
  background-color: rgba(163, 218, 240, 0.2);
}

.bg-blizzerdblue-opacity-3 {
  background-color: rgba(163, 218, 240, 0.3);
}

.bg-blizzerdblue-opacity-4 {
  background-color: rgba(163, 218, 240, 0.4);
}

.bg-blizzerdblue-opacity-5 {
  background-color: rgba(163, 218, 240, 0.5);
}

.bg-blizzerdblue-opacity-6 {
  background-color: rgba(163, 218, 240, 0.6);
}

.bg-blizzerdblue-opacity-7 {
  background-color: rgba(163, 218, 240, 0.7);
}

.bg-blizzerdblue-opacity-8 {
  background-color: rgba(163, 218, 240, 0.8);
}

.bg-blizzerdblue-opacity-9 {
  background-color: rgba(163, 218, 240, 0.9);
}

.gr-color-blizzerdblue-opacity-visible {
  color: #a3daf0;
}

.gr-color-blizzerdblue-opacity-1 {
  color: rgba(163, 218, 240, 0.1);
}

.gr-color-blizzerdblue-opacity-2 {
  color: rgba(163, 218, 240, 0.2);
}

.gr-color-blizzerdblue-opacity-3 {
  color: rgba(163, 218, 240, 0.3);
}

.gr-color-blizzerdblue-opacity-4 {
  color: rgba(163, 218, 240, 0.4);
}

.gr-color-blizzerdblue-opacity-5 {
  color: rgba(163, 218, 240, 0.5);
}

.gr-color-blizzerdblue-opacity-6 {
  color: rgba(163, 218, 240, 0.6);
}

.gr-color-blizzerdblue-opacity-7 {
  color: rgba(163, 218, 240, 0.7);
}

.gr-color-blizzerdblue-opacity-8 {
  color: rgba(163, 218, 240, 0.8);
}

.gr-color-blizzerdblue-opacity-9 {
  color: rgba(163, 218, 240, 0.9);
}

.bg-deepgray-opacity-visible {
  background-color: #8a8a8a;
}

.bg-deepgray-opacity-1 {
  background-color: rgba(138, 138, 138, 0.1);
}

.bg-deepgray-opacity-2 {
  background-color: rgba(138, 138, 138, 0.2);
}

.bg-deepgray-opacity-3 {
  background-color: rgba(138, 138, 138, 0.3);
}

.bg-deepgray-opacity-4 {
  background-color: rgba(138, 138, 138, 0.4);
}

.bg-deepgray-opacity-5 {
  background-color: rgba(138, 138, 138, 0.5);
}

.bg-deepgray-opacity-6 {
  background-color: rgba(138, 138, 138, 0.6);
}

.bg-deepgray-opacity-7 {
  background-color: rgba(138, 138, 138, 0.7);
}

.bg-deepgray-opacity-8 {
  background-color: rgba(138, 138, 138, 0.8);
}

.bg-deepgray-opacity-9 {
  background-color: rgba(138, 138, 138, 0.9);
}

.gr-color-deepgray-opacity-visible {
  color: #8a8a8a;
}

.gr-color-deepgray-opacity-1 {
  color: rgba(138, 138, 138, 0.1);
}

.gr-color-deepgray-opacity-2 {
  color: rgba(138, 138, 138, 0.2);
}

.gr-color-deepgray-opacity-3 {
  color: rgba(138, 138, 138, 0.3);
}

.gr-color-deepgray-opacity-4 {
  color: rgba(138, 138, 138, 0.4);
}

.gr-color-deepgray-opacity-5 {
  color: rgba(138, 138, 138, 0.5);
}

.gr-color-deepgray-opacity-6 {
  color: rgba(138, 138, 138, 0.6);
}

.gr-color-deepgray-opacity-7 {
  color: rgba(138, 138, 138, 0.7);
}

.gr-color-deepgray-opacity-8 {
  color: rgba(138, 138, 138, 0.8);
}

.gr-color-deepgray-opacity-9 {
  color: rgba(138, 138, 138, 0.9);
}

.bg-selago-opacity-visible {
  background-color: #f3f8fe;
}

.bg-selago-opacity-1 {
  background-color: rgba(243, 248, 254, 0.1);
}

.bg-selago-opacity-2 {
  background-color: rgba(243, 248, 254, 0.2);
}

.bg-selago-opacity-3 {
  background-color: rgba(243, 248, 254, 0.3);
}

.bg-selago-opacity-4 {
  background-color: rgba(243, 248, 254, 0.4);
}

.bg-selago-opacity-5 {
  background-color: rgba(243, 248, 254, 0.5);
}

.bg-selago-opacity-6 {
  background-color: rgba(243, 248, 254, 0.6);
}

.bg-selago-opacity-7 {
  background-color: rgba(243, 248, 254, 0.7);
}

.bg-selago-opacity-8 {
  background-color: rgba(243, 248, 254, 0.8);
}

.bg-selago-opacity-9 {
  background-color: rgba(243, 248, 254, 0.9);
}

.gr-color-selago-opacity-visible {
  color: #f3f8fe;
}

.gr-color-selago-opacity-1 {
  color: rgba(243, 248, 254, 0.1);
}

.gr-color-selago-opacity-2 {
  color: rgba(243, 248, 254, 0.2);
}

.gr-color-selago-opacity-3 {
  color: rgba(243, 248, 254, 0.3);
}

.gr-color-selago-opacity-4 {
  color: rgba(243, 248, 254, 0.4);
}

.gr-color-selago-opacity-5 {
  color: rgba(243, 248, 254, 0.5);
}

.gr-color-selago-opacity-6 {
  color: rgba(243, 248, 254, 0.6);
}

.gr-color-selago-opacity-7 {
  color: rgba(243, 248, 254, 0.7);
}

.gr-color-selago-opacity-8 {
  color: rgba(243, 248, 254, 0.8);
}

.gr-color-selago-opacity-9 {
  color: rgba(243, 248, 254, 0.9);
}

.bg-loblolly-opacity-visible {
  background-color: #c3cbd4;
}

.bg-loblolly-opacity-1 {
  background-color: rgba(195, 203, 212, 0.1);
}

.bg-loblolly-opacity-2 {
  background-color: rgba(195, 203, 212, 0.2);
}

.bg-loblolly-opacity-3 {
  background-color: rgba(195, 203, 212, 0.3);
}

.bg-loblolly-opacity-4 {
  background-color: rgba(195, 203, 212, 0.4);
}

.bg-loblolly-opacity-5 {
  background-color: rgba(195, 203, 212, 0.5);
}

.bg-loblolly-opacity-6 {
  background-color: rgba(195, 203, 212, 0.6);
}

.bg-loblolly-opacity-7 {
  background-color: rgba(195, 203, 212, 0.7);
}

.bg-loblolly-opacity-8 {
  background-color: rgba(195, 203, 212, 0.8);
}

.bg-loblolly-opacity-9 {
  background-color: rgba(195, 203, 212, 0.9);
}

.gr-color-loblolly-opacity-visible {
  color: #c3cbd4;
}

.gr-color-loblolly-opacity-1 {
  color: rgba(195, 203, 212, 0.1);
}

.gr-color-loblolly-opacity-2 {
  color: rgba(195, 203, 212, 0.2);
}

.gr-color-loblolly-opacity-3 {
  color: rgba(195, 203, 212, 0.3);
}

.gr-color-loblolly-opacity-4 {
  color: rgba(195, 203, 212, 0.4);
}

.gr-color-loblolly-opacity-5 {
  color: rgba(195, 203, 212, 0.5);
}

.gr-color-loblolly-opacity-6 {
  color: rgba(195, 203, 212, 0.6);
}

.gr-color-loblolly-opacity-7 {
  color: rgba(195, 203, 212, 0.7);
}

.gr-color-loblolly-opacity-8 {
  color: rgba(195, 203, 212, 0.8);
}

.gr-color-loblolly-opacity-9 {
  color: rgba(195, 203, 212, 0.9);
}

.bg-mediumpurple-opacity-visible {
  background-color: #af6dea;
}

.bg-mediumpurple-opacity-1 {
  background-color: rgba(175, 109, 234, 0.1);
}

.bg-mediumpurple-opacity-2 {
  background-color: rgba(175, 109, 234, 0.2);
}

.bg-mediumpurple-opacity-3 {
  background-color: rgba(175, 109, 234, 0.3);
}

.bg-mediumpurple-opacity-4 {
  background-color: rgba(175, 109, 234, 0.4);
}

.bg-mediumpurple-opacity-5 {
  background-color: rgba(175, 109, 234, 0.5);
}

.bg-mediumpurple-opacity-6 {
  background-color: rgba(175, 109, 234, 0.6);
}

.bg-mediumpurple-opacity-7 {
  background-color: rgba(175, 109, 234, 0.7);
}

.bg-mediumpurple-opacity-8 {
  background-color: rgba(175, 109, 234, 0.8);
}

.bg-mediumpurple-opacity-9 {
  background-color: rgba(175, 109, 234, 0.9);
}

.gr-color-mediumpurple-opacity-visible {
  color: #af6dea;
}

.gr-color-mediumpurple-opacity-1 {
  color: rgba(175, 109, 234, 0.1);
}

.gr-color-mediumpurple-opacity-2 {
  color: rgba(175, 109, 234, 0.2);
}

.gr-color-mediumpurple-opacity-3 {
  color: rgba(175, 109, 234, 0.3);
}

.gr-color-mediumpurple-opacity-4 {
  color: rgba(175, 109, 234, 0.4);
}

.gr-color-mediumpurple-opacity-5 {
  color: rgba(175, 109, 234, 0.5);
}

.gr-color-mediumpurple-opacity-6 {
  color: rgba(175, 109, 234, 0.6);
}

.gr-color-mediumpurple-opacity-7 {
  color: rgba(175, 109, 234, 0.7);
}

.gr-color-mediumpurple-opacity-8 {
  color: rgba(175, 109, 234, 0.8);
}

.gr-color-mediumpurple-opacity-9 {
  color: rgba(175, 109, 234, 0.9);
}

.bg-electricviolate-opacity-visible {
  background-color: #8a0cf9;
}

.bg-electricviolate-opacity-1 {
  background-color: rgba(138, 12, 249, 0.1);
}

.bg-electricviolate-opacity-2 {
  background-color: rgba(138, 12, 249, 0.2);
}

.bg-electricviolate-opacity-3 {
  background-color: rgba(138, 12, 249, 0.3);
}

.bg-electricviolate-opacity-4 {
  background-color: rgba(138, 12, 249, 0.4);
}

.bg-electricviolate-opacity-5 {
  background-color: rgba(138, 12, 249, 0.5);
}

.bg-electricviolate-opacity-6 {
  background-color: rgba(138, 12, 249, 0.6);
}

.bg-electricviolate-opacity-7 {
  background-color: rgba(138, 12, 249, 0.7);
}

.bg-electricviolate-opacity-8 {
  background-color: rgba(138, 12, 249, 0.8);
}

.bg-electricviolate-opacity-9 {
  background-color: rgba(138, 12, 249, 0.9);
}

.gr-color-electricviolate-opacity-visible {
  color: #8a0cf9;
}

.gr-color-electricviolate-opacity-1 {
  color: rgba(138, 12, 249, 0.1);
}

.gr-color-electricviolate-opacity-2 {
  color: rgba(138, 12, 249, 0.2);
}

.gr-color-electricviolate-opacity-3 {
  color: rgba(138, 12, 249, 0.3);
}

.gr-color-electricviolate-opacity-4 {
  color: rgba(138, 12, 249, 0.4);
}

.gr-color-electricviolate-opacity-5 {
  color: rgba(138, 12, 249, 0.5);
}

.gr-color-electricviolate-opacity-6 {
  color: rgba(138, 12, 249, 0.6);
}

.gr-color-electricviolate-opacity-7 {
  color: rgba(138, 12, 249, 0.7);
}

.gr-color-electricviolate-opacity-8 {
  color: rgba(138, 12, 249, 0.8);
}

.gr-color-electricviolate-opacity-9 {
  color: rgba(138, 12, 249, 0.9);
}

.bg-heather-opacity-visible {
  background-color: #bbc6d2;
}

.bg-heather-opacity-1 {
  background-color: rgba(187, 198, 210, 0.1);
}

.bg-heather-opacity-2 {
  background-color: rgba(187, 198, 210, 0.2);
}

.bg-heather-opacity-3 {
  background-color: rgba(187, 198, 210, 0.3);
}

.bg-heather-opacity-4 {
  background-color: rgba(187, 198, 210, 0.4);
}

.bg-heather-opacity-5 {
  background-color: rgba(187, 198, 210, 0.5);
}

.bg-heather-opacity-6 {
  background-color: rgba(187, 198, 210, 0.6);
}

.bg-heather-opacity-7 {
  background-color: rgba(187, 198, 210, 0.7);
}

.bg-heather-opacity-8 {
  background-color: rgba(187, 198, 210, 0.8);
}

.bg-heather-opacity-9 {
  background-color: rgba(187, 198, 210, 0.9);
}

.gr-color-heather-opacity-visible {
  color: #bbc6d2;
}

.gr-color-heather-opacity-1 {
  color: rgba(187, 198, 210, 0.1);
}

.gr-color-heather-opacity-2 {
  color: rgba(187, 198, 210, 0.2);
}

.gr-color-heather-opacity-3 {
  color: rgba(187, 198, 210, 0.3);
}

.gr-color-heather-opacity-4 {
  color: rgba(187, 198, 210, 0.4);
}

.gr-color-heather-opacity-5 {
  color: rgba(187, 198, 210, 0.5);
}

.gr-color-heather-opacity-6 {
  color: rgba(187, 198, 210, 0.6);
}

.gr-color-heather-opacity-7 {
  color: rgba(187, 198, 210, 0.7);
}

.gr-color-heather-opacity-8 {
  color: rgba(187, 198, 210, 0.8);
}

.gr-color-heather-opacity-9 {
  color: rgba(187, 198, 210, 0.9);
}

.bg-linkWater-opacity-visible {
  background-color: #ecf2fa;
}

.bg-linkWater-opacity-1 {
  background-color: rgba(236, 242, 250, 0.1);
}

.bg-linkWater-opacity-2 {
  background-color: rgba(236, 242, 250, 0.2);
}

.bg-linkWater-opacity-3 {
  background-color: rgba(236, 242, 250, 0.3);
}

.bg-linkWater-opacity-4 {
  background-color: rgba(236, 242, 250, 0.4);
}

.bg-linkWater-opacity-5 {
  background-color: rgba(236, 242, 250, 0.5);
}

.bg-linkWater-opacity-6 {
  background-color: rgba(236, 242, 250, 0.6);
}

.bg-linkWater-opacity-7 {
  background-color: rgba(236, 242, 250, 0.7);
}

.bg-linkWater-opacity-8 {
  background-color: rgba(236, 242, 250, 0.8);
}

.bg-linkWater-opacity-9 {
  background-color: rgba(236, 242, 250, 0.9);
}

.gr-color-linkWater-opacity-visible {
  color: #ecf2fa;
}

.gr-color-linkWater-opacity-1 {
  color: rgba(236, 242, 250, 0.1);
}

.gr-color-linkWater-opacity-2 {
  color: rgba(236, 242, 250, 0.2);
}

.gr-color-linkWater-opacity-3 {
  color: rgba(236, 242, 250, 0.3);
}

.gr-color-linkWater-opacity-4 {
  color: rgba(236, 242, 250, 0.4);
}

.gr-color-linkWater-opacity-5 {
  color: rgba(236, 242, 250, 0.5);
}

.gr-color-linkWater-opacity-6 {
  color: rgba(236, 242, 250, 0.6);
}

.gr-color-linkWater-opacity-7 {
  color: rgba(236, 242, 250, 0.7);
}

.gr-color-linkWater-opacity-8 {
  color: rgba(236, 242, 250, 0.8);
}

.gr-color-linkWater-opacity-9 {
  color: rgba(236, 242, 250, 0.9);
}

.bg-blueribbon-opacity-visible {
  background-color: #0d41e9;
}

.bg-blueribbon-opacity-1 {
  background-color: rgba(13, 65, 233, 0.1);
}

.bg-blueribbon-opacity-2 {
  background-color: rgba(13, 65, 233, 0.2);
}

.bg-blueribbon-opacity-3 {
  background-color: rgba(13, 65, 233, 0.3);
}

.bg-blueribbon-opacity-4 {
  background-color: rgba(13, 65, 233, 0.4);
}

.bg-blueribbon-opacity-5 {
  background-color: rgba(13, 65, 233, 0.5);
}

.bg-blueribbon-opacity-6 {
  background-color: rgba(13, 65, 233, 0.6);
}

.bg-blueribbon-opacity-7 {
  background-color: rgba(13, 65, 233, 0.7);
}

.bg-blueribbon-opacity-8 {
  background-color: rgba(13, 65, 233, 0.8);
}

.bg-blueribbon-opacity-9 {
  background-color: rgba(13, 65, 233, 0.9);
}

.gr-color-blueribbon-opacity-visible {
  color: #0d41e9;
}

.gr-color-blueribbon-opacity-1 {
  color: rgba(13, 65, 233, 0.1);
}

.gr-color-blueribbon-opacity-2 {
  color: rgba(13, 65, 233, 0.2);
}

.gr-color-blueribbon-opacity-3 {
  color: rgba(13, 65, 233, 0.3);
}

.gr-color-blueribbon-opacity-4 {
  color: rgba(13, 65, 233, 0.4);
}

.gr-color-blueribbon-opacity-5 {
  color: rgba(13, 65, 233, 0.5);
}

.gr-color-blueribbon-opacity-6 {
  color: rgba(13, 65, 233, 0.6);
}

.gr-color-blueribbon-opacity-7 {
  color: rgba(13, 65, 233, 0.7);
}

.gr-color-blueribbon-opacity-8 {
  color: rgba(13, 65, 233, 0.8);
}

.gr-color-blueribbon-opacity-9 {
  color: rgba(13, 65, 233, 0.9);
}

.bg-panache-opacity-visible {
  background-color: #e7f4ed;
}

.bg-panache-opacity-1 {
  background-color: rgba(231, 244, 237, 0.1);
}

.bg-panache-opacity-2 {
  background-color: rgba(231, 244, 237, 0.2);
}

.bg-panache-opacity-3 {
  background-color: rgba(231, 244, 237, 0.3);
}

.bg-panache-opacity-4 {
  background-color: rgba(231, 244, 237, 0.4);
}

.bg-panache-opacity-5 {
  background-color: rgba(231, 244, 237, 0.5);
}

.bg-panache-opacity-6 {
  background-color: rgba(231, 244, 237, 0.6);
}

.bg-panache-opacity-7 {
  background-color: rgba(231, 244, 237, 0.7);
}

.bg-panache-opacity-8 {
  background-color: rgba(231, 244, 237, 0.8);
}

.bg-panache-opacity-9 {
  background-color: rgba(231, 244, 237, 0.9);
}

.gr-color-panache-opacity-visible {
  color: #e7f4ed;
}

.gr-color-panache-opacity-1 {
  color: rgba(231, 244, 237, 0.1);
}

.gr-color-panache-opacity-2 {
  color: rgba(231, 244, 237, 0.2);
}

.gr-color-panache-opacity-3 {
  color: rgba(231, 244, 237, 0.3);
}

.gr-color-panache-opacity-4 {
  color: rgba(231, 244, 237, 0.4);
}

.gr-color-panache-opacity-5 {
  color: rgba(231, 244, 237, 0.5);
}

.gr-color-panache-opacity-6 {
  color: rgba(231, 244, 237, 0.6);
}

.gr-color-panache-opacity-7 {
  color: rgba(231, 244, 237, 0.7);
}

.gr-color-panache-opacity-8 {
  color: rgba(231, 244, 237, 0.8);
}

.gr-color-panache-opacity-9 {
  color: rgba(231, 244, 237, 0.9);
}

.bg-blueribbon-2-opacity-visible {
  background-color: #0c39f8;
}

.bg-blueribbon-2-opacity-1 {
  background-color: rgba(12, 57, 248, 0.1);
}

.bg-blueribbon-2-opacity-2 {
  background-color: rgba(12, 57, 248, 0.2);
}

.bg-blueribbon-2-opacity-3 {
  background-color: rgba(12, 57, 248, 0.3);
}

.bg-blueribbon-2-opacity-4 {
  background-color: rgba(12, 57, 248, 0.4);
}

.bg-blueribbon-2-opacity-5 {
  background-color: rgba(12, 57, 248, 0.5);
}

.bg-blueribbon-2-opacity-6 {
  background-color: rgba(12, 57, 248, 0.6);
}

.bg-blueribbon-2-opacity-7 {
  background-color: rgba(12, 57, 248, 0.7);
}

.bg-blueribbon-2-opacity-8 {
  background-color: rgba(12, 57, 248, 0.8);
}

.bg-blueribbon-2-opacity-9 {
  background-color: rgba(12, 57, 248, 0.9);
}

.gr-color-blueribbon-2-opacity-visible {
  color: #0c39f8;
}

.gr-color-blueribbon-2-opacity-1 {
  color: rgba(12, 57, 248, 0.1);
}

.gr-color-blueribbon-2-opacity-2 {
  color: rgba(12, 57, 248, 0.2);
}

.gr-color-blueribbon-2-opacity-3 {
  color: rgba(12, 57, 248, 0.3);
}

.gr-color-blueribbon-2-opacity-4 {
  color: rgba(12, 57, 248, 0.4);
}

.gr-color-blueribbon-2-opacity-5 {
  color: rgba(12, 57, 248, 0.5);
}

.gr-color-blueribbon-2-opacity-6 {
  color: rgba(12, 57, 248, 0.6);
}

.gr-color-blueribbon-2-opacity-7 {
  color: rgba(12, 57, 248, 0.7);
}

.gr-color-blueribbon-2-opacity-8 {
  color: rgba(12, 57, 248, 0.8);
}

.gr-color-blueribbon-2-opacity-9 {
  color: rgba(12, 57, 248, 0.9);
}

.bg-spring-green-opacity-visible {
  background-color: #14ee80;
}

.bg-spring-green-opacity-1 {
  background-color: rgba(20, 238, 128, 0.1);
}

.bg-spring-green-opacity-2 {
  background-color: rgba(20, 238, 128, 0.2);
}

.bg-spring-green-opacity-3 {
  background-color: rgba(20, 238, 128, 0.3);
}

.bg-spring-green-opacity-4 {
  background-color: rgba(20, 238, 128, 0.4);
}

.bg-spring-green-opacity-5 {
  background-color: rgba(20, 238, 128, 0.5);
}

.bg-spring-green-opacity-6 {
  background-color: rgba(20, 238, 128, 0.6);
}

.bg-spring-green-opacity-7 {
  background-color: rgba(20, 238, 128, 0.7);
}

.bg-spring-green-opacity-8 {
  background-color: rgba(20, 238, 128, 0.8);
}

.bg-spring-green-opacity-9 {
  background-color: rgba(20, 238, 128, 0.9);
}

.gr-color-spring-green-opacity-visible {
  color: #14ee80;
}

.gr-color-spring-green-opacity-1 {
  color: rgba(20, 238, 128, 0.1);
}

.gr-color-spring-green-opacity-2 {
  color: rgba(20, 238, 128, 0.2);
}

.gr-color-spring-green-opacity-3 {
  color: rgba(20, 238, 128, 0.3);
}

.gr-color-spring-green-opacity-4 {
  color: rgba(20, 238, 128, 0.4);
}

.gr-color-spring-green-opacity-5 {
  color: rgba(20, 238, 128, 0.5);
}

.gr-color-spring-green-opacity-6 {
  color: rgba(20, 238, 128, 0.6);
}

.gr-color-spring-green-opacity-7 {
  color: rgba(20, 238, 128, 0.7);
}

.gr-color-spring-green-opacity-8 {
  color: rgba(20, 238, 128, 0.8);
}

.gr-color-spring-green-opacity-9 {
  color: rgba(20, 238, 128, 0.9);
}

.bg-dustygray-opacity-visible {
  background-color: #979797;
}

.bg-dustygray-opacity-1 {
  background-color: rgba(151, 151, 151, 0.1);
}

.bg-dustygray-opacity-2 {
  background-color: rgba(151, 151, 151, 0.2);
}

.bg-dustygray-opacity-3 {
  background-color: rgba(151, 151, 151, 0.3);
}

.bg-dustygray-opacity-4 {
  background-color: rgba(151, 151, 151, 0.4);
}

.bg-dustygray-opacity-5 {
  background-color: rgba(151, 151, 151, 0.5);
}

.bg-dustygray-opacity-6 {
  background-color: rgba(151, 151, 151, 0.6);
}

.bg-dustygray-opacity-7 {
  background-color: rgba(151, 151, 151, 0.7);
}

.bg-dustygray-opacity-8 {
  background-color: rgba(151, 151, 151, 0.8);
}

.bg-dustygray-opacity-9 {
  background-color: rgba(151, 151, 151, 0.9);
}

.gr-color-dustygray-opacity-visible {
  color: #979797;
}

.gr-color-dustygray-opacity-1 {
  color: rgba(151, 151, 151, 0.1);
}

.gr-color-dustygray-opacity-2 {
  color: rgba(151, 151, 151, 0.2);
}

.gr-color-dustygray-opacity-3 {
  color: rgba(151, 151, 151, 0.3);
}

.gr-color-dustygray-opacity-4 {
  color: rgba(151, 151, 151, 0.4);
}

.gr-color-dustygray-opacity-5 {
  color: rgba(151, 151, 151, 0.5);
}

.gr-color-dustygray-opacity-6 {
  color: rgba(151, 151, 151, 0.6);
}

.gr-color-dustygray-opacity-7 {
  color: rgba(151, 151, 151, 0.7);
}

.gr-color-dustygray-opacity-8 {
  color: rgba(151, 151, 151, 0.8);
}

.gr-color-dustygray-opacity-9 {
  color: rgba(151, 151, 151, 0.9);
}

.bg-emerald-opacity-visible {
  background-color: #4ebe86;
}

.bg-emerald-opacity-1 {
  background-color: rgba(78, 190, 134, 0.1);
}

.bg-emerald-opacity-2 {
  background-color: rgba(78, 190, 134, 0.2);
}

.bg-emerald-opacity-3 {
  background-color: rgba(78, 190, 134, 0.3);
}

.bg-emerald-opacity-4 {
  background-color: rgba(78, 190, 134, 0.4);
}

.bg-emerald-opacity-5 {
  background-color: rgba(78, 190, 134, 0.5);
}

.bg-emerald-opacity-6 {
  background-color: rgba(78, 190, 134, 0.6);
}

.bg-emerald-opacity-7 {
  background-color: rgba(78, 190, 134, 0.7);
}

.bg-emerald-opacity-8 {
  background-color: rgba(78, 190, 134, 0.8);
}

.bg-emerald-opacity-9 {
  background-color: rgba(78, 190, 134, 0.9);
}

.gr-color-emerald-opacity-visible {
  color: #4ebe86;
}

.gr-color-emerald-opacity-1 {
  color: rgba(78, 190, 134, 0.1);
}

.gr-color-emerald-opacity-2 {
  color: rgba(78, 190, 134, 0.2);
}

.gr-color-emerald-opacity-3 {
  color: rgba(78, 190, 134, 0.3);
}

.gr-color-emerald-opacity-4 {
  color: rgba(78, 190, 134, 0.4);
}

.gr-color-emerald-opacity-5 {
  color: rgba(78, 190, 134, 0.5);
}

.gr-color-emerald-opacity-6 {
  color: rgba(78, 190, 134, 0.6);
}

.gr-color-emerald-opacity-7 {
  color: rgba(78, 190, 134, 0.7);
}

.gr-color-emerald-opacity-8 {
  color: rgba(78, 190, 134, 0.8);
}

.gr-color-emerald-opacity-9 {
  color: rgba(78, 190, 134, 0.9);
}

.bg-red-opacity-visible {
  background-color: #fc593b;
}

.bg-red-opacity-1 {
  background-color: rgba(252, 89, 59, 0.1);
}

.bg-red-opacity-2 {
  background-color: rgba(252, 89, 59, 0.2);
}

.bg-red-opacity-3 {
  background-color: rgba(252, 89, 59, 0.3);
}

.bg-red-opacity-4 {
  background-color: rgba(252, 89, 59, 0.4);
}

.bg-red-opacity-5 {
  background-color: rgba(252, 89, 59, 0.5);
}

.bg-red-opacity-6 {
  background-color: rgba(252, 89, 59, 0.6);
}

.bg-red-opacity-7 {
  background-color: rgba(252, 89, 59, 0.7);
}

.bg-red-opacity-8 {
  background-color: rgba(252, 89, 59, 0.8);
}

.bg-red-opacity-9 {
  background-color: rgba(252, 89, 59, 0.9);
}

.gr-color-red-opacity-visible {
  color: #fc593b;
}

.gr-color-red-opacity-1 {
  color: rgba(252, 89, 59, 0.1);
}

.gr-color-red-opacity-2 {
  color: rgba(252, 89, 59, 0.2);
}

.gr-color-red-opacity-3 {
  color: rgba(252, 89, 59, 0.3);
}

.gr-color-red-opacity-4 {
  color: rgba(252, 89, 59, 0.4);
}

.gr-color-red-opacity-5 {
  color: rgba(252, 89, 59, 0.5);
}

.gr-color-red-opacity-6 {
  color: rgba(252, 89, 59, 0.6);
}

.gr-color-red-opacity-7 {
  color: rgba(252, 89, 59, 0.7);
}

.gr-color-red-opacity-8 {
  color: rgba(252, 89, 59, 0.8);
}

.gr-color-red-opacity-9 {
  color: rgba(252, 89, 59, 0.9);
}

.bg-green-opacity-visible {
  background-color: #4eab08;
}

.bg-green-opacity-1 {
  background-color: rgba(78, 171, 8, 0.1);
}

.bg-green-opacity-2 {
  background-color: rgba(78, 171, 8, 0.2);
}

.bg-green-opacity-3 {
  background-color: rgba(78, 171, 8, 0.3);
}

.bg-green-opacity-4 {
  background-color: rgba(78, 171, 8, 0.4);
}

.bg-green-opacity-5 {
  background-color: rgba(78, 171, 8, 0.5);
}

.bg-green-opacity-6 {
  background-color: rgba(78, 171, 8, 0.6);
}

.bg-green-opacity-7 {
  background-color: rgba(78, 171, 8, 0.7);
}

.bg-green-opacity-8 {
  background-color: rgba(78, 171, 8, 0.8);
}

.bg-green-opacity-9 {
  background-color: rgba(78, 171, 8, 0.9);
}

.gr-color-green-opacity-visible {
  color: #4eab08;
}

.gr-color-green-opacity-1 {
  color: rgba(78, 171, 8, 0.1);
}

.gr-color-green-opacity-2 {
  color: rgba(78, 171, 8, 0.2);
}

.gr-color-green-opacity-3 {
  color: rgba(78, 171, 8, 0.3);
}

.gr-color-green-opacity-4 {
  color: rgba(78, 171, 8, 0.4);
}

.gr-color-green-opacity-5 {
  color: rgba(78, 171, 8, 0.5);
}

.gr-color-green-opacity-6 {
  color: rgba(78, 171, 8, 0.6);
}

.gr-color-green-opacity-7 {
  color: rgba(78, 171, 8, 0.7);
}

.gr-color-green-opacity-8 {
  color: rgba(78, 171, 8, 0.8);
}

.gr-color-green-opacity-9 {
  color: rgba(78, 171, 8, 0.9);
}

.bg-oslogray-opacity-visible {
  background-color: #878b90;
}

.bg-oslogray-opacity-1 {
  background-color: rgba(135, 139, 144, 0.1);
}

.bg-oslogray-opacity-2 {
  background-color: rgba(135, 139, 144, 0.2);
}

.bg-oslogray-opacity-3 {
  background-color: rgba(135, 139, 144, 0.3);
}

.bg-oslogray-opacity-4 {
  background-color: rgba(135, 139, 144, 0.4);
}

.bg-oslogray-opacity-5 {
  background-color: rgba(135, 139, 144, 0.5);
}

.bg-oslogray-opacity-6 {
  background-color: rgba(135, 139, 144, 0.6);
}

.bg-oslogray-opacity-7 {
  background-color: rgba(135, 139, 144, 0.7);
}

.bg-oslogray-opacity-8 {
  background-color: rgba(135, 139, 144, 0.8);
}

.bg-oslogray-opacity-9 {
  background-color: rgba(135, 139, 144, 0.9);
}

.gr-color-oslogray-opacity-visible {
  color: #878b90;
}

.gr-color-oslogray-opacity-1 {
  color: rgba(135, 139, 144, 0.1);
}

.gr-color-oslogray-opacity-2 {
  color: rgba(135, 139, 144, 0.2);
}

.gr-color-oslogray-opacity-3 {
  color: rgba(135, 139, 144, 0.3);
}

.gr-color-oslogray-opacity-4 {
  color: rgba(135, 139, 144, 0.4);
}

.gr-color-oslogray-opacity-5 {
  color: rgba(135, 139, 144, 0.5);
}

.gr-color-oslogray-opacity-6 {
  color: rgba(135, 139, 144, 0.6);
}

.gr-color-oslogray-opacity-7 {
  color: rgba(135, 139, 144, 0.7);
}

.gr-color-oslogray-opacity-8 {
  color: rgba(135, 139, 144, 0.8);
}

.gr-color-oslogray-opacity-9 {
  color: rgba(135, 139, 144, 0.9);
}

.bg-murcery-opacity-visible {
  background-color: #e4e4e4;
}

.bg-murcery-opacity-1 {
  background-color: rgba(228, 228, 228, 0.1);
}

.bg-murcery-opacity-2 {
  background-color: rgba(228, 228, 228, 0.2);
}

.bg-murcery-opacity-3 {
  background-color: rgba(228, 228, 228, 0.3);
}

.bg-murcery-opacity-4 {
  background-color: rgba(228, 228, 228, 0.4);
}

.bg-murcery-opacity-5 {
  background-color: rgba(228, 228, 228, 0.5);
}

.bg-murcery-opacity-6 {
  background-color: rgba(228, 228, 228, 0.6);
}

.bg-murcery-opacity-7 {
  background-color: rgba(228, 228, 228, 0.7);
}

.bg-murcery-opacity-8 {
  background-color: rgba(228, 228, 228, 0.8);
}

.bg-murcery-opacity-9 {
  background-color: rgba(228, 228, 228, 0.9);
}

.gr-color-murcery-opacity-visible {
  color: #e4e4e4;
}

.gr-color-murcery-opacity-1 {
  color: rgba(228, 228, 228, 0.1);
}

.gr-color-murcery-opacity-2 {
  color: rgba(228, 228, 228, 0.2);
}

.gr-color-murcery-opacity-3 {
  color: rgba(228, 228, 228, 0.3);
}

.gr-color-murcery-opacity-4 {
  color: rgba(228, 228, 228, 0.4);
}

.gr-color-murcery-opacity-5 {
  color: rgba(228, 228, 228, 0.5);
}

.gr-color-murcery-opacity-6 {
  color: rgba(228, 228, 228, 0.6);
}

.gr-color-murcery-opacity-7 {
  color: rgba(228, 228, 228, 0.7);
}

.gr-color-murcery-opacity-8 {
  color: rgba(228, 228, 228, 0.8);
}

.gr-color-murcery-opacity-9 {
  color: rgba(228, 228, 228, 0.9);
}

.bg-linkWater-2-opacity-visible {
  background-color: #e3eef8;
}

.bg-linkWater-2-opacity-1 {
  background-color: rgba(227, 238, 248, 0.1);
}

.bg-linkWater-2-opacity-2 {
  background-color: rgba(227, 238, 248, 0.2);
}

.bg-linkWater-2-opacity-3 {
  background-color: rgba(227, 238, 248, 0.3);
}

.bg-linkWater-2-opacity-4 {
  background-color: rgba(227, 238, 248, 0.4);
}

.bg-linkWater-2-opacity-5 {
  background-color: rgba(227, 238, 248, 0.5);
}

.bg-linkWater-2-opacity-6 {
  background-color: rgba(227, 238, 248, 0.6);
}

.bg-linkWater-2-opacity-7 {
  background-color: rgba(227, 238, 248, 0.7);
}

.bg-linkWater-2-opacity-8 {
  background-color: rgba(227, 238, 248, 0.8);
}

.bg-linkWater-2-opacity-9 {
  background-color: rgba(227, 238, 248, 0.9);
}

.gr-color-linkWater-2-opacity-visible {
  color: #e3eef8;
}

.gr-color-linkWater-2-opacity-1 {
  color: rgba(227, 238, 248, 0.1);
}

.gr-color-linkWater-2-opacity-2 {
  color: rgba(227, 238, 248, 0.2);
}

.gr-color-linkWater-2-opacity-3 {
  color: rgba(227, 238, 248, 0.3);
}

.gr-color-linkWater-2-opacity-4 {
  color: rgba(227, 238, 248, 0.4);
}

.gr-color-linkWater-2-opacity-5 {
  color: rgba(227, 238, 248, 0.5);
}

.gr-color-linkWater-2-opacity-6 {
  color: rgba(227, 238, 248, 0.6);
}

.gr-color-linkWater-2-opacity-7 {
  color: rgba(227, 238, 248, 0.7);
}

.gr-color-linkWater-2-opacity-8 {
  color: rgba(227, 238, 248, 0.8);
}

.gr-color-linkWater-2-opacity-9 {
  color: rgba(227, 238, 248, 0.9);
}

.bg-white-opacity-visible {
  background-color: white;
}

.bg-white-opacity-1 {
  background-color: rgba(255, 255, 255, 0.1);
}

.bg-white-opacity-2 {
  background-color: rgba(255, 255, 255, 0.2);
}

.bg-white-opacity-3 {
  background-color: rgba(255, 255, 255, 0.3);
}

.bg-white-opacity-4 {
  background-color: rgba(255, 255, 255, 0.4);
}

.bg-white-opacity-5 {
  background-color: rgba(255, 255, 255, 0.5);
}

.bg-white-opacity-6 {
  background-color: rgba(255, 255, 255, 0.6);
}

.bg-white-opacity-7 {
  background-color: rgba(255, 255, 255, 0.7);
}

.bg-white-opacity-8 {
  background-color: rgba(255, 255, 255, 0.8);
}

.bg-white-opacity-9 {
  background-color: rgba(255, 255, 255, 0.9);
}

.gr-color-white-opacity-visible {
  color: white;
}

.gr-color-white-opacity-1 {
  color: rgba(255, 255, 255, 0.1);
}

.gr-color-white-opacity-2 {
  color: rgba(255, 255, 255, 0.2);
}

.gr-color-white-opacity-3 {
  color: rgba(255, 255, 255, 0.3);
}

.gr-color-white-opacity-4 {
  color: rgba(255, 255, 255, 0.4);
}

.gr-color-white-opacity-5 {
  color: rgba(255, 255, 255, 0.5);
}

.gr-color-white-opacity-6 {
  color: rgba(255, 255, 255, 0.6);
}

.gr-color-white-opacity-7 {
  color: rgba(255, 255, 255, 0.7);
}

.gr-color-white-opacity-8 {
  color: rgba(255, 255, 255, 0.8);
}

.gr-color-white-opacity-9 {
  color: rgba(255, 255, 255, 0.9);
}

.bg-black-opacity-visible {
  background-color: black;
}

.bg-black-opacity-1 {
  background-color: rgba(0, 0, 0, 0.1);
}

.bg-black-opacity-2 {
  background-color: rgba(0, 0, 0, 0.2);
}

.bg-black-opacity-3 {
  background-color: rgba(0, 0, 0, 0.3);
}

.bg-black-opacity-4 {
  background-color: rgba(0, 0, 0, 0.4);
}

.bg-black-opacity-5 {
  background-color: rgba(0, 0, 0, 0.5);
}

.bg-black-opacity-6 {
  background-color: rgba(0, 0, 0, 0.6);
}

.bg-black-opacity-7 {
  background-color: rgba(0, 0, 0, 0.7);
}

.bg-black-opacity-8 {
  background-color: rgba(0, 0, 0, 0.8);
}

.bg-black-opacity-9 {
  background-color: rgba(0, 0, 0, 0.9);
}

.gr-color-black-opacity-visible {
  color: black;
}

.gr-color-black-opacity-1 {
  color: rgba(0, 0, 0, 0.1);
}

.gr-color-black-opacity-2 {
  color: rgba(0, 0, 0, 0.2);
}

.gr-color-black-opacity-3 {
  color: rgba(0, 0, 0, 0.3);
}

.gr-color-black-opacity-4 {
  color: rgba(0, 0, 0, 0.4);
}

.gr-color-black-opacity-5 {
  color: rgba(0, 0, 0, 0.5);
}

.gr-color-black-opacity-6 {
  color: rgba(0, 0, 0, 0.6);
}

.gr-color-black-opacity-7 {
  color: rgba(0, 0, 0, 0.7);
}

.gr-color-black-opacity-8 {
  color: rgba(0, 0, 0, 0.8);
}

.gr-color-black-opacity-9 {
  color: rgba(0, 0, 0, 0.9);
}

.bg-bigstone-opacity-visible {
  background-color: #192f48;
}

.bg-bigstone-opacity-1 {
  background-color: rgba(25, 47, 72, 0.1);
}

.bg-bigstone-opacity-2 {
  background-color: rgba(25, 47, 72, 0.2);
}

.bg-bigstone-opacity-3 {
  background-color: rgba(25, 47, 72, 0.3);
}

.bg-bigstone-opacity-4 {
  background-color: rgba(25, 47, 72, 0.4);
}

.bg-bigstone-opacity-5 {
  background-color: rgba(25, 47, 72, 0.5);
}

.bg-bigstone-opacity-6 {
  background-color: rgba(25, 47, 72, 0.6);
}

.bg-bigstone-opacity-7 {
  background-color: rgba(25, 47, 72, 0.7);
}

.bg-bigstone-opacity-8 {
  background-color: rgba(25, 47, 72, 0.8);
}

.bg-bigstone-opacity-9 {
  background-color: rgba(25, 47, 72, 0.9);
}

.gr-color-bigstone-opacity-visible {
  color: #192f48;
}

.gr-color-bigstone-opacity-1 {
  color: rgba(25, 47, 72, 0.1);
}

.gr-color-bigstone-opacity-2 {
  color: rgba(25, 47, 72, 0.2);
}

.gr-color-bigstone-opacity-3 {
  color: rgba(25, 47, 72, 0.3);
}

.gr-color-bigstone-opacity-4 {
  color: rgba(25, 47, 72, 0.4);
}

.gr-color-bigstone-opacity-5 {
  color: rgba(25, 47, 72, 0.5);
}

.gr-color-bigstone-opacity-6 {
  color: rgba(25, 47, 72, 0.6);
}

.gr-color-bigstone-opacity-7 {
  color: rgba(25, 47, 72, 0.7);
}

.gr-color-bigstone-opacity-8 {
  color: rgba(25, 47, 72, 0.8);
}

.gr-color-bigstone-opacity-9 {
  color: rgba(25, 47, 72, 0.9);
}

.bg-rhino-opacity-visible {
  background-color: #2b405a;
}

.bg-rhino-opacity-1 {
  background-color: rgba(43, 64, 90, 0.1);
}

.bg-rhino-opacity-2 {
  background-color: rgba(43, 64, 90, 0.2);
}

.bg-rhino-opacity-3 {
  background-color: rgba(43, 64, 90, 0.3);
}

.bg-rhino-opacity-4 {
  background-color: rgba(43, 64, 90, 0.4);
}

.bg-rhino-opacity-5 {
  background-color: rgba(43, 64, 90, 0.5);
}

.bg-rhino-opacity-6 {
  background-color: rgba(43, 64, 90, 0.6);
}

.bg-rhino-opacity-7 {
  background-color: rgba(43, 64, 90, 0.7);
}

.bg-rhino-opacity-8 {
  background-color: rgba(43, 64, 90, 0.8);
}

.bg-rhino-opacity-9 {
  background-color: rgba(43, 64, 90, 0.9);
}

.gr-color-rhino-opacity-visible {
  color: #2b405a;
}

.gr-color-rhino-opacity-1 {
  color: rgba(43, 64, 90, 0.1);
}

.gr-color-rhino-opacity-2 {
  color: rgba(43, 64, 90, 0.2);
}

.gr-color-rhino-opacity-3 {
  color: rgba(43, 64, 90, 0.3);
}

.gr-color-rhino-opacity-4 {
  color: rgba(43, 64, 90, 0.4);
}

.gr-color-rhino-opacity-5 {
  color: rgba(43, 64, 90, 0.5);
}

.gr-color-rhino-opacity-6 {
  color: rgba(43, 64, 90, 0.6);
}

.gr-color-rhino-opacity-7 {
  color: rgba(43, 64, 90, 0.7);
}

.gr-color-rhino-opacity-8 {
  color: rgba(43, 64, 90, 0.8);
}

.gr-color-rhino-opacity-9 {
  color: rgba(43, 64, 90, 0.9);
}

.bg-murcery-2-opacity-visible {
  background-color: #e5e5e5;
}

.bg-murcery-2-opacity-1 {
  background-color: rgba(229, 229, 229, 0.1);
}

.bg-murcery-2-opacity-2 {
  background-color: rgba(229, 229, 229, 0.2);
}

.bg-murcery-2-opacity-3 {
  background-color: rgba(229, 229, 229, 0.3);
}

.bg-murcery-2-opacity-4 {
  background-color: rgba(229, 229, 229, 0.4);
}

.bg-murcery-2-opacity-5 {
  background-color: rgba(229, 229, 229, 0.5);
}

.bg-murcery-2-opacity-6 {
  background-color: rgba(229, 229, 229, 0.6);
}

.bg-murcery-2-opacity-7 {
  background-color: rgba(229, 229, 229, 0.7);
}

.bg-murcery-2-opacity-8 {
  background-color: rgba(229, 229, 229, 0.8);
}

.bg-murcery-2-opacity-9 {
  background-color: rgba(229, 229, 229, 0.9);
}

.gr-color-murcery-2-opacity-visible {
  color: #e5e5e5;
}

.gr-color-murcery-2-opacity-1 {
  color: rgba(229, 229, 229, 0.1);
}

.gr-color-murcery-2-opacity-2 {
  color: rgba(229, 229, 229, 0.2);
}

.gr-color-murcery-2-opacity-3 {
  color: rgba(229, 229, 229, 0.3);
}

.gr-color-murcery-2-opacity-4 {
  color: rgba(229, 229, 229, 0.4);
}

.gr-color-murcery-2-opacity-5 {
  color: rgba(229, 229, 229, 0.5);
}

.gr-color-murcery-2-opacity-6 {
  color: rgba(229, 229, 229, 0.6);
}

.gr-color-murcery-2-opacity-7 {
  color: rgba(229, 229, 229, 0.7);
}

.gr-color-murcery-2-opacity-8 {
  color: rgba(229, 229, 229, 0.8);
}

.gr-color-murcery-2-opacity-9 {
  color: rgba(229, 229, 229, 0.9);
}

.bg-blackSqueeze-opacity-visible {
  background-color: #f7fbfc;
}

.bg-blackSqueeze-opacity-1 {
  background-color: rgba(247, 251, 252, 0.1);
}

.bg-blackSqueeze-opacity-2 {
  background-color: rgba(247, 251, 252, 0.2);
}

.bg-blackSqueeze-opacity-3 {
  background-color: rgba(247, 251, 252, 0.3);
}

.bg-blackSqueeze-opacity-4 {
  background-color: rgba(247, 251, 252, 0.4);
}

.bg-blackSqueeze-opacity-5 {
  background-color: rgba(247, 251, 252, 0.5);
}

.bg-blackSqueeze-opacity-6 {
  background-color: rgba(247, 251, 252, 0.6);
}

.bg-blackSqueeze-opacity-7 {
  background-color: rgba(247, 251, 252, 0.7);
}

.bg-blackSqueeze-opacity-8 {
  background-color: rgba(247, 251, 252, 0.8);
}

.bg-blackSqueeze-opacity-9 {
  background-color: rgba(247, 251, 252, 0.9);
}

.gr-color-blackSqueeze-opacity-visible {
  color: #f7fbfc;
}

.gr-color-blackSqueeze-opacity-1 {
  color: rgba(247, 251, 252, 0.1);
}

.gr-color-blackSqueeze-opacity-2 {
  color: rgba(247, 251, 252, 0.2);
}

.gr-color-blackSqueeze-opacity-3 {
  color: rgba(247, 251, 252, 0.3);
}

.gr-color-blackSqueeze-opacity-4 {
  color: rgba(247, 251, 252, 0.4);
}

.gr-color-blackSqueeze-opacity-5 {
  color: rgba(247, 251, 252, 0.5);
}

.gr-color-blackSqueeze-opacity-6 {
  color: rgba(247, 251, 252, 0.6);
}

.gr-color-blackSqueeze-opacity-7 {
  color: rgba(247, 251, 252, 0.7);
}

.gr-color-blackSqueeze-opacity-8 {
  color: rgba(247, 251, 252, 0.8);
}

.gr-color-blackSqueeze-opacity-9 {
  color: rgba(247, 251, 252, 0.9);
}

.bg-bermuda-opacity-visible {
  background-color: #79d8a8;
}

.bg-bermuda-opacity-1 {
  background-color: rgba(121, 216, 168, 0.1);
}

.bg-bermuda-opacity-2 {
  background-color: rgba(121, 216, 168, 0.2);
}

.bg-bermuda-opacity-3 {
  background-color: rgba(121, 216, 168, 0.3);
}

.bg-bermuda-opacity-4 {
  background-color: rgba(121, 216, 168, 0.4);
}

.bg-bermuda-opacity-5 {
  background-color: rgba(121, 216, 168, 0.5);
}

.bg-bermuda-opacity-6 {
  background-color: rgba(121, 216, 168, 0.6);
}

.bg-bermuda-opacity-7 {
  background-color: rgba(121, 216, 168, 0.7);
}

.bg-bermuda-opacity-8 {
  background-color: rgba(121, 216, 168, 0.8);
}

.bg-bermuda-opacity-9 {
  background-color: rgba(121, 216, 168, 0.9);
}

.gr-color-bermuda-opacity-visible {
  color: #79d8a8;
}

.gr-color-bermuda-opacity-1 {
  color: rgba(121, 216, 168, 0.1);
}

.gr-color-bermuda-opacity-2 {
  color: rgba(121, 216, 168, 0.2);
}

.gr-color-bermuda-opacity-3 {
  color: rgba(121, 216, 168, 0.3);
}

.gr-color-bermuda-opacity-4 {
  color: rgba(121, 216, 168, 0.4);
}

.gr-color-bermuda-opacity-5 {
  color: rgba(121, 216, 168, 0.5);
}

.gr-color-bermuda-opacity-6 {
  color: rgba(121, 216, 168, 0.6);
}

.gr-color-bermuda-opacity-7 {
  color: rgba(121, 216, 168, 0.7);
}

.gr-color-bermuda-opacity-8 {
  color: rgba(121, 216, 168, 0.8);
}

.gr-color-bermuda-opacity-9 {
  color: rgba(121, 216, 168, 0.9);
}

.bg-grannyapple-opacity-visible {
  background-color: #ddf7ea;
}

.bg-grannyapple-opacity-1 {
  background-color: rgba(221, 247, 234, 0.1);
}

.bg-grannyapple-opacity-2 {
  background-color: rgba(221, 247, 234, 0.2);
}

.bg-grannyapple-opacity-3 {
  background-color: rgba(221, 247, 234, 0.3);
}

.bg-grannyapple-opacity-4 {
  background-color: rgba(221, 247, 234, 0.4);
}

.bg-grannyapple-opacity-5 {
  background-color: rgba(221, 247, 234, 0.5);
}

.bg-grannyapple-opacity-6 {
  background-color: rgba(221, 247, 234, 0.6);
}

.bg-grannyapple-opacity-7 {
  background-color: rgba(221, 247, 234, 0.7);
}

.bg-grannyapple-opacity-8 {
  background-color: rgba(221, 247, 234, 0.8);
}

.bg-grannyapple-opacity-9 {
  background-color: rgba(221, 247, 234, 0.9);
}

.gr-color-grannyapple-opacity-visible {
  color: #ddf7ea;
}

.gr-color-grannyapple-opacity-1 {
  color: rgba(221, 247, 234, 0.1);
}

.gr-color-grannyapple-opacity-2 {
  color: rgba(221, 247, 234, 0.2);
}

.gr-color-grannyapple-opacity-3 {
  color: rgba(221, 247, 234, 0.3);
}

.gr-color-grannyapple-opacity-4 {
  color: rgba(221, 247, 234, 0.4);
}

.gr-color-grannyapple-opacity-5 {
  color: rgba(221, 247, 234, 0.5);
}

.gr-color-grannyapple-opacity-6 {
  color: rgba(221, 247, 234, 0.6);
}

.gr-color-grannyapple-opacity-7 {
  color: rgba(221, 247, 234, 0.7);
}

.gr-color-grannyapple-opacity-8 {
  color: rgba(221, 247, 234, 0.8);
}

.gr-color-grannyapple-opacity-9 {
  color: rgba(221, 247, 234, 0.9);
}

.bg-outespace-2-opacity-visible {
  background-color: #283730;
}

.bg-outespace-2-opacity-1 {
  background-color: rgba(40, 55, 48, 0.1);
}

.bg-outespace-2-opacity-2 {
  background-color: rgba(40, 55, 48, 0.2);
}

.bg-outespace-2-opacity-3 {
  background-color: rgba(40, 55, 48, 0.3);
}

.bg-outespace-2-opacity-4 {
  background-color: rgba(40, 55, 48, 0.4);
}

.bg-outespace-2-opacity-5 {
  background-color: rgba(40, 55, 48, 0.5);
}

.bg-outespace-2-opacity-6 {
  background-color: rgba(40, 55, 48, 0.6);
}

.bg-outespace-2-opacity-7 {
  background-color: rgba(40, 55, 48, 0.7);
}

.bg-outespace-2-opacity-8 {
  background-color: rgba(40, 55, 48, 0.8);
}

.bg-outespace-2-opacity-9 {
  background-color: rgba(40, 55, 48, 0.9);
}

.gr-color-outespace-2-opacity-visible {
  color: #283730;
}

.gr-color-outespace-2-opacity-1 {
  color: rgba(40, 55, 48, 0.1);
}

.gr-color-outespace-2-opacity-2 {
  color: rgba(40, 55, 48, 0.2);
}

.gr-color-outespace-2-opacity-3 {
  color: rgba(40, 55, 48, 0.3);
}

.gr-color-outespace-2-opacity-4 {
  color: rgba(40, 55, 48, 0.4);
}

.gr-color-outespace-2-opacity-5 {
  color: rgba(40, 55, 48, 0.5);
}

.gr-color-outespace-2-opacity-6 {
  color: rgba(40, 55, 48, 0.6);
}

.gr-color-outespace-2-opacity-7 {
  color: rgba(40, 55, 48, 0.7);
}

.gr-color-outespace-2-opacity-8 {
  color: rgba(40, 55, 48, 0.8);
}

.gr-color-outespace-2-opacity-9 {
  color: rgba(40, 55, 48, 0.9);
}

.bg-mineralgreen-opacity-visible {
  background-color: #384e44;
}

.bg-mineralgreen-opacity-1 {
  background-color: rgba(56, 78, 68, 0.1);
}

.bg-mineralgreen-opacity-2 {
  background-color: rgba(56, 78, 68, 0.2);
}

.bg-mineralgreen-opacity-3 {
  background-color: rgba(56, 78, 68, 0.3);
}

.bg-mineralgreen-opacity-4 {
  background-color: rgba(56, 78, 68, 0.4);
}

.bg-mineralgreen-opacity-5 {
  background-color: rgba(56, 78, 68, 0.5);
}

.bg-mineralgreen-opacity-6 {
  background-color: rgba(56, 78, 68, 0.6);
}

.bg-mineralgreen-opacity-7 {
  background-color: rgba(56, 78, 68, 0.7);
}

.bg-mineralgreen-opacity-8 {
  background-color: rgba(56, 78, 68, 0.8);
}

.bg-mineralgreen-opacity-9 {
  background-color: rgba(56, 78, 68, 0.9);
}

.gr-color-mineralgreen-opacity-visible {
  color: #384e44;
}

.gr-color-mineralgreen-opacity-1 {
  color: rgba(56, 78, 68, 0.1);
}

.gr-color-mineralgreen-opacity-2 {
  color: rgba(56, 78, 68, 0.2);
}

.gr-color-mineralgreen-opacity-3 {
  color: rgba(56, 78, 68, 0.3);
}

.gr-color-mineralgreen-opacity-4 {
  color: rgba(56, 78, 68, 0.4);
}

.gr-color-mineralgreen-opacity-5 {
  color: rgba(56, 78, 68, 0.5);
}

.gr-color-mineralgreen-opacity-6 {
  color: rgba(56, 78, 68, 0.6);
}

.gr-color-mineralgreen-opacity-7 {
  color: rgba(56, 78, 68, 0.7);
}

.gr-color-mineralgreen-opacity-8 {
  color: rgba(56, 78, 68, 0.8);
}

.gr-color-mineralgreen-opacity-9 {
  color: rgba(56, 78, 68, 0.9);
}

.bg-everglade-opacity-visible {
  background-color: #20342b;
}

.bg-everglade-opacity-1 {
  background-color: rgba(32, 52, 43, 0.1);
}

.bg-everglade-opacity-2 {
  background-color: rgba(32, 52, 43, 0.2);
}

.bg-everglade-opacity-3 {
  background-color: rgba(32, 52, 43, 0.3);
}

.bg-everglade-opacity-4 {
  background-color: rgba(32, 52, 43, 0.4);
}

.bg-everglade-opacity-5 {
  background-color: rgba(32, 52, 43, 0.5);
}

.bg-everglade-opacity-6 {
  background-color: rgba(32, 52, 43, 0.6);
}

.bg-everglade-opacity-7 {
  background-color: rgba(32, 52, 43, 0.7);
}

.bg-everglade-opacity-8 {
  background-color: rgba(32, 52, 43, 0.8);
}

.bg-everglade-opacity-9 {
  background-color: rgba(32, 52, 43, 0.9);
}

.gr-color-everglade-opacity-visible {
  color: #20342b;
}

.gr-color-everglade-opacity-1 {
  color: rgba(32, 52, 43, 0.1);
}

.gr-color-everglade-opacity-2 {
  color: rgba(32, 52, 43, 0.2);
}

.gr-color-everglade-opacity-3 {
  color: rgba(32, 52, 43, 0.3);
}

.gr-color-everglade-opacity-4 {
  color: rgba(32, 52, 43, 0.4);
}

.gr-color-everglade-opacity-5 {
  color: rgba(32, 52, 43, 0.5);
}

.gr-color-everglade-opacity-6 {
  color: rgba(32, 52, 43, 0.6);
}

.gr-color-everglade-opacity-7 {
  color: rgba(32, 52, 43, 0.7);
}

.gr-color-everglade-opacity-8 {
  color: rgba(32, 52, 43, 0.8);
}

.gr-color-everglade-opacity-9 {
  color: rgba(32, 52, 43, 0.9);
}

.bg-mineshaft-3-opacity-visible {
  background-color: #323232;
}

.bg-mineshaft-3-opacity-1 {
  background-color: rgba(50, 50, 50, 0.1);
}

.bg-mineshaft-3-opacity-2 {
  background-color: rgba(50, 50, 50, 0.2);
}

.bg-mineshaft-3-opacity-3 {
  background-color: rgba(50, 50, 50, 0.3);
}

.bg-mineshaft-3-opacity-4 {
  background-color: rgba(50, 50, 50, 0.4);
}

.bg-mineshaft-3-opacity-5 {
  background-color: rgba(50, 50, 50, 0.5);
}

.bg-mineshaft-3-opacity-6 {
  background-color: rgba(50, 50, 50, 0.6);
}

.bg-mineshaft-3-opacity-7 {
  background-color: rgba(50, 50, 50, 0.7);
}

.bg-mineshaft-3-opacity-8 {
  background-color: rgba(50, 50, 50, 0.8);
}

.bg-mineshaft-3-opacity-9 {
  background-color: rgba(50, 50, 50, 0.9);
}

.gr-color-mineshaft-3-opacity-visible {
  color: #323232;
}

.gr-color-mineshaft-3-opacity-1 {
  color: rgba(50, 50, 50, 0.1);
}

.gr-color-mineshaft-3-opacity-2 {
  color: rgba(50, 50, 50, 0.2);
}

.gr-color-mineshaft-3-opacity-3 {
  color: rgba(50, 50, 50, 0.3);
}

.gr-color-mineshaft-3-opacity-4 {
  color: rgba(50, 50, 50, 0.4);
}

.gr-color-mineshaft-3-opacity-5 {
  color: rgba(50, 50, 50, 0.5);
}

.gr-color-mineshaft-3-opacity-6 {
  color: rgba(50, 50, 50, 0.6);
}

.gr-color-mineshaft-3-opacity-7 {
  color: rgba(50, 50, 50, 0.7);
}

.gr-color-mineshaft-3-opacity-8 {
  color: rgba(50, 50, 50, 0.8);
}

.gr-color-mineshaft-3-opacity-9 {
  color: rgba(50, 50, 50, 0.9);
}

.bg-crusta-opacity-visible {
  background-color: #fa8231;
}

.bg-crusta-opacity-1 {
  background-color: rgba(250, 130, 49, 0.1);
}

.bg-crusta-opacity-2 {
  background-color: rgba(250, 130, 49, 0.2);
}

.bg-crusta-opacity-3 {
  background-color: rgba(250, 130, 49, 0.3);
}

.bg-crusta-opacity-4 {
  background-color: rgba(250, 130, 49, 0.4);
}

.bg-crusta-opacity-5 {
  background-color: rgba(250, 130, 49, 0.5);
}

.bg-crusta-opacity-6 {
  background-color: rgba(250, 130, 49, 0.6);
}

.bg-crusta-opacity-7 {
  background-color: rgba(250, 130, 49, 0.7);
}

.bg-crusta-opacity-8 {
  background-color: rgba(250, 130, 49, 0.8);
}

.bg-crusta-opacity-9 {
  background-color: rgba(250, 130, 49, 0.9);
}

.gr-color-crusta-opacity-visible {
  color: #fa8231;
}

.gr-color-crusta-opacity-1 {
  color: rgba(250, 130, 49, 0.1);
}

.gr-color-crusta-opacity-2 {
  color: rgba(250, 130, 49, 0.2);
}

.gr-color-crusta-opacity-3 {
  color: rgba(250, 130, 49, 0.3);
}

.gr-color-crusta-opacity-4 {
  color: rgba(250, 130, 49, 0.4);
}

.gr-color-crusta-opacity-5 {
  color: rgba(250, 130, 49, 0.5);
}

.gr-color-crusta-opacity-6 {
  color: rgba(250, 130, 49, 0.6);
}

.gr-color-crusta-opacity-7 {
  color: rgba(250, 130, 49, 0.7);
}

.gr-color-crusta-opacity-8 {
  color: rgba(250, 130, 49, 0.8);
}

.gr-color-crusta-opacity-9 {
  color: rgba(250, 130, 49, 0.9);
}

.bg-athensgray-opacity-visible {
  background-color: #f5f5f8;
}

.bg-athensgray-opacity-1 {
  background-color: rgba(245, 245, 248, 0.1);
}

.bg-athensgray-opacity-2 {
  background-color: rgba(245, 245, 248, 0.2);
}

.bg-athensgray-opacity-3 {
  background-color: rgba(245, 245, 248, 0.3);
}

.bg-athensgray-opacity-4 {
  background-color: rgba(245, 245, 248, 0.4);
}

.bg-athensgray-opacity-5 {
  background-color: rgba(245, 245, 248, 0.5);
}

.bg-athensgray-opacity-6 {
  background-color: rgba(245, 245, 248, 0.6);
}

.bg-athensgray-opacity-7 {
  background-color: rgba(245, 245, 248, 0.7);
}

.bg-athensgray-opacity-8 {
  background-color: rgba(245, 245, 248, 0.8);
}

.bg-athensgray-opacity-9 {
  background-color: rgba(245, 245, 248, 0.9);
}

.gr-color-athensgray-opacity-visible {
  color: #f5f5f8;
}

.gr-color-athensgray-opacity-1 {
  color: rgba(245, 245, 248, 0.1);
}

.gr-color-athensgray-opacity-2 {
  color: rgba(245, 245, 248, 0.2);
}

.gr-color-athensgray-opacity-3 {
  color: rgba(245, 245, 248, 0.3);
}

.gr-color-athensgray-opacity-4 {
  color: rgba(245, 245, 248, 0.4);
}

.gr-color-athensgray-opacity-5 {
  color: rgba(245, 245, 248, 0.5);
}

.gr-color-athensgray-opacity-6 {
  color: rgba(245, 245, 248, 0.6);
}

.gr-color-athensgray-opacity-7 {
  color: rgba(245, 245, 248, 0.7);
}

.gr-color-athensgray-opacity-8 {
  color: rgba(245, 245, 248, 0.8);
}

.gr-color-athensgray-opacity-9 {
  color: rgba(245, 245, 248, 0.9);
}

.bg-abbey-opacity-visible {
  background-color: #535659;
}

.bg-abbey-opacity-1 {
  background-color: rgba(83, 86, 89, 0.1);
}

.bg-abbey-opacity-2 {
  background-color: rgba(83, 86, 89, 0.2);
}

.bg-abbey-opacity-3 {
  background-color: rgba(83, 86, 89, 0.3);
}

.bg-abbey-opacity-4 {
  background-color: rgba(83, 86, 89, 0.4);
}

.bg-abbey-opacity-5 {
  background-color: rgba(83, 86, 89, 0.5);
}

.bg-abbey-opacity-6 {
  background-color: rgba(83, 86, 89, 0.6);
}

.bg-abbey-opacity-7 {
  background-color: rgba(83, 86, 89, 0.7);
}

.bg-abbey-opacity-8 {
  background-color: rgba(83, 86, 89, 0.8);
}

.bg-abbey-opacity-9 {
  background-color: rgba(83, 86, 89, 0.9);
}

.gr-color-abbey-opacity-visible {
  color: #535659;
}

.gr-color-abbey-opacity-1 {
  color: rgba(83, 86, 89, 0.1);
}

.gr-color-abbey-opacity-2 {
  color: rgba(83, 86, 89, 0.2);
}

.gr-color-abbey-opacity-3 {
  color: rgba(83, 86, 89, 0.3);
}

.gr-color-abbey-opacity-4 {
  color: rgba(83, 86, 89, 0.4);
}

.gr-color-abbey-opacity-5 {
  color: rgba(83, 86, 89, 0.5);
}

.gr-color-abbey-opacity-6 {
  color: rgba(83, 86, 89, 0.6);
}

.gr-color-abbey-opacity-7 {
  color: rgba(83, 86, 89, 0.7);
}

.gr-color-abbey-opacity-8 {
  color: rgba(83, 86, 89, 0.8);
}

.gr-color-abbey-opacity-9 {
  color: rgba(83, 86, 89, 0.9);
}

.bg-gallery-opacity-visible {
  background-color: #f0f0f0;
}

.bg-gallery-opacity-1 {
  background-color: rgba(240, 240, 240, 0.1);
}

.bg-gallery-opacity-2 {
  background-color: rgba(240, 240, 240, 0.2);
}

.bg-gallery-opacity-3 {
  background-color: rgba(240, 240, 240, 0.3);
}

.bg-gallery-opacity-4 {
  background-color: rgba(240, 240, 240, 0.4);
}

.bg-gallery-opacity-5 {
  background-color: rgba(240, 240, 240, 0.5);
}

.bg-gallery-opacity-6 {
  background-color: rgba(240, 240, 240, 0.6);
}

.bg-gallery-opacity-7 {
  background-color: rgba(240, 240, 240, 0.7);
}

.bg-gallery-opacity-8 {
  background-color: rgba(240, 240, 240, 0.8);
}

.bg-gallery-opacity-9 {
  background-color: rgba(240, 240, 240, 0.9);
}

.gr-color-gallery-opacity-visible {
  color: #f0f0f0;
}

.gr-color-gallery-opacity-1 {
  color: rgba(240, 240, 240, 0.1);
}

.gr-color-gallery-opacity-2 {
  color: rgba(240, 240, 240, 0.2);
}

.gr-color-gallery-opacity-3 {
  color: rgba(240, 240, 240, 0.3);
}

.gr-color-gallery-opacity-4 {
  color: rgba(240, 240, 240, 0.4);
}

.gr-color-gallery-opacity-5 {
  color: rgba(240, 240, 240, 0.5);
}

.gr-color-gallery-opacity-6 {
  color: rgba(240, 240, 240, 0.6);
}

.gr-color-gallery-opacity-7 {
  color: rgba(240, 240, 240, 0.7);
}

.gr-color-gallery-opacity-8 {
  color: rgba(240, 240, 240, 0.8);
}

.gr-color-gallery-opacity-9 {
  color: rgba(240, 240, 240, 0.9);
}

.bg-firefly-opacity-visible {
  background-color: #0f3d33;
}

.bg-firefly-opacity-1 {
  background-color: rgba(15, 61, 51, 0.1);
}

.bg-firefly-opacity-2 {
  background-color: rgba(15, 61, 51, 0.2);
}

.bg-firefly-opacity-3 {
  background-color: rgba(15, 61, 51, 0.3);
}

.bg-firefly-opacity-4 {
  background-color: rgba(15, 61, 51, 0.4);
}

.bg-firefly-opacity-5 {
  background-color: rgba(15, 61, 51, 0.5);
}

.bg-firefly-opacity-6 {
  background-color: rgba(15, 61, 51, 0.6);
}

.bg-firefly-opacity-7 {
  background-color: rgba(15, 61, 51, 0.7);
}

.bg-firefly-opacity-8 {
  background-color: rgba(15, 61, 51, 0.8);
}

.bg-firefly-opacity-9 {
  background-color: rgba(15, 61, 51, 0.9);
}

.gr-color-firefly-opacity-visible {
  color: #0f3d33;
}

.gr-color-firefly-opacity-1 {
  color: rgba(15, 61, 51, 0.1);
}

.gr-color-firefly-opacity-2 {
  color: rgba(15, 61, 51, 0.2);
}

.gr-color-firefly-opacity-3 {
  color: rgba(15, 61, 51, 0.3);
}

.gr-color-firefly-opacity-4 {
  color: rgba(15, 61, 51, 0.4);
}

.gr-color-firefly-opacity-5 {
  color: rgba(15, 61, 51, 0.5);
}

.gr-color-firefly-opacity-6 {
  color: rgba(15, 61, 51, 0.6);
}

.gr-color-firefly-opacity-7 {
  color: rgba(15, 61, 51, 0.7);
}

.gr-color-firefly-opacity-8 {
  color: rgba(15, 61, 51, 0.8);
}

.gr-color-firefly-opacity-9 {
  color: rgba(15, 61, 51, 0.9);
}

.bg-periwinkle-gray-opacity-visible {
  background-color: #dbe4f1;
}

.bg-periwinkle-gray-opacity-1 {
  background-color: rgba(219, 228, 241, 0.1);
}

.bg-periwinkle-gray-opacity-2 {
  background-color: rgba(219, 228, 241, 0.2);
}

.bg-periwinkle-gray-opacity-3 {
  background-color: rgba(219, 228, 241, 0.3);
}

.bg-periwinkle-gray-opacity-4 {
  background-color: rgba(219, 228, 241, 0.4);
}

.bg-periwinkle-gray-opacity-5 {
  background-color: rgba(219, 228, 241, 0.5);
}

.bg-periwinkle-gray-opacity-6 {
  background-color: rgba(219, 228, 241, 0.6);
}

.bg-periwinkle-gray-opacity-7 {
  background-color: rgba(219, 228, 241, 0.7);
}

.bg-periwinkle-gray-opacity-8 {
  background-color: rgba(219, 228, 241, 0.8);
}

.bg-periwinkle-gray-opacity-9 {
  background-color: rgba(219, 228, 241, 0.9);
}

.gr-color-periwinkle-gray-opacity-visible {
  color: #dbe4f1;
}

.gr-color-periwinkle-gray-opacity-1 {
  color: rgba(219, 228, 241, 0.1);
}

.gr-color-periwinkle-gray-opacity-2 {
  color: rgba(219, 228, 241, 0.2);
}

.gr-color-periwinkle-gray-opacity-3 {
  color: rgba(219, 228, 241, 0.3);
}

.gr-color-periwinkle-gray-opacity-4 {
  color: rgba(219, 228, 241, 0.4);
}

.gr-color-periwinkle-gray-opacity-5 {
  color: rgba(219, 228, 241, 0.5);
}

.gr-color-periwinkle-gray-opacity-6 {
  color: rgba(219, 228, 241, 0.6);
}

.gr-color-periwinkle-gray-opacity-7 {
  color: rgba(219, 228, 241, 0.7);
}

.gr-color-periwinkle-gray-opacity-8 {
  color: rgba(219, 228, 241, 0.8);
}

.gr-color-periwinkle-gray-opacity-9 {
  color: rgba(219, 228, 241, 0.9);
}

.bg-turquoise-opacity-visible {
  background-color: #50e3c2;
}

.bg-turquoise-opacity-1 {
  background-color: rgba(80, 227, 194, 0.1);
}

.bg-turquoise-opacity-2 {
  background-color: rgba(80, 227, 194, 0.2);
}

.bg-turquoise-opacity-3 {
  background-color: rgba(80, 227, 194, 0.3);
}

.bg-turquoise-opacity-4 {
  background-color: rgba(80, 227, 194, 0.4);
}

.bg-turquoise-opacity-5 {
  background-color: rgba(80, 227, 194, 0.5);
}

.bg-turquoise-opacity-6 {
  background-color: rgba(80, 227, 194, 0.6);
}

.bg-turquoise-opacity-7 {
  background-color: rgba(80, 227, 194, 0.7);
}

.bg-turquoise-opacity-8 {
  background-color: rgba(80, 227, 194, 0.8);
}

.bg-turquoise-opacity-9 {
  background-color: rgba(80, 227, 194, 0.9);
}

.gr-color-turquoise-opacity-visible {
  color: #50e3c2;
}

.gr-color-turquoise-opacity-1 {
  color: rgba(80, 227, 194, 0.1);
}

.gr-color-turquoise-opacity-2 {
  color: rgba(80, 227, 194, 0.2);
}

.gr-color-turquoise-opacity-3 {
  color: rgba(80, 227, 194, 0.3);
}

.gr-color-turquoise-opacity-4 {
  color: rgba(80, 227, 194, 0.4);
}

.gr-color-turquoise-opacity-5 {
  color: rgba(80, 227, 194, 0.5);
}

.gr-color-turquoise-opacity-6 {
  color: rgba(80, 227, 194, 0.6);
}

.gr-color-turquoise-opacity-7 {
  color: rgba(80, 227, 194, 0.7);
}

.gr-color-turquoise-opacity-8 {
  color: rgba(80, 227, 194, 0.8);
}

.gr-color-turquoise-opacity-9 {
  color: rgba(80, 227, 194, 0.9);
}

.bg-selago-3-opacity-visible {
  background-color: #f8fbfe;
}

.bg-selago-3-opacity-1 {
  background-color: rgba(248, 251, 254, 0.1);
}

.bg-selago-3-opacity-2 {
  background-color: rgba(248, 251, 254, 0.2);
}

.bg-selago-3-opacity-3 {
  background-color: rgba(248, 251, 254, 0.3);
}

.bg-selago-3-opacity-4 {
  background-color: rgba(248, 251, 254, 0.4);
}

.bg-selago-3-opacity-5 {
  background-color: rgba(248, 251, 254, 0.5);
}

.bg-selago-3-opacity-6 {
  background-color: rgba(248, 251, 254, 0.6);
}

.bg-selago-3-opacity-7 {
  background-color: rgba(248, 251, 254, 0.7);
}

.bg-selago-3-opacity-8 {
  background-color: rgba(248, 251, 254, 0.8);
}

.bg-selago-3-opacity-9 {
  background-color: rgba(248, 251, 254, 0.9);
}

.gr-color-selago-3-opacity-visible {
  color: #f8fbfe;
}

.gr-color-selago-3-opacity-1 {
  color: rgba(248, 251, 254, 0.1);
}

.gr-color-selago-3-opacity-2 {
  color: rgba(248, 251, 254, 0.2);
}

.gr-color-selago-3-opacity-3 {
  color: rgba(248, 251, 254, 0.3);
}

.gr-color-selago-3-opacity-4 {
  color: rgba(248, 251, 254, 0.4);
}

.gr-color-selago-3-opacity-5 {
  color: rgba(248, 251, 254, 0.5);
}

.gr-color-selago-3-opacity-6 {
  color: rgba(248, 251, 254, 0.6);
}

.gr-color-selago-3-opacity-7 {
  color: rgba(248, 251, 254, 0.7);
}

.gr-color-selago-3-opacity-8 {
  color: rgba(248, 251, 254, 0.8);
}

.gr-color-selago-3-opacity-9 {
  color: rgba(248, 251, 254, 0.9);
}

.bg-ebony-clay-2-opacity-visible {
  background-color: #222d3d;
}

.bg-ebony-clay-2-opacity-1 {
  background-color: rgba(34, 45, 61, 0.1);
}

.bg-ebony-clay-2-opacity-2 {
  background-color: rgba(34, 45, 61, 0.2);
}

.bg-ebony-clay-2-opacity-3 {
  background-color: rgba(34, 45, 61, 0.3);
}

.bg-ebony-clay-2-opacity-4 {
  background-color: rgba(34, 45, 61, 0.4);
}

.bg-ebony-clay-2-opacity-5 {
  background-color: rgba(34, 45, 61, 0.5);
}

.bg-ebony-clay-2-opacity-6 {
  background-color: rgba(34, 45, 61, 0.6);
}

.bg-ebony-clay-2-opacity-7 {
  background-color: rgba(34, 45, 61, 0.7);
}

.bg-ebony-clay-2-opacity-8 {
  background-color: rgba(34, 45, 61, 0.8);
}

.bg-ebony-clay-2-opacity-9 {
  background-color: rgba(34, 45, 61, 0.9);
}

.gr-color-ebony-clay-2-opacity-visible {
  color: #222d3d;
}

.gr-color-ebony-clay-2-opacity-1 {
  color: rgba(34, 45, 61, 0.1);
}

.gr-color-ebony-clay-2-opacity-2 {
  color: rgba(34, 45, 61, 0.2);
}

.gr-color-ebony-clay-2-opacity-3 {
  color: rgba(34, 45, 61, 0.3);
}

.gr-color-ebony-clay-2-opacity-4 {
  color: rgba(34, 45, 61, 0.4);
}

.gr-color-ebony-clay-2-opacity-5 {
  color: rgba(34, 45, 61, 0.5);
}

.gr-color-ebony-clay-2-opacity-6 {
  color: rgba(34, 45, 61, 0.6);
}

.gr-color-ebony-clay-2-opacity-7 {
  color: rgba(34, 45, 61, 0.7);
}

.gr-color-ebony-clay-2-opacity-8 {
  color: rgba(34, 45, 61, 0.8);
}

.gr-color-ebony-clay-2-opacity-9 {
  color: rgba(34, 45, 61, 0.9);
}

.bg-dodgerblue2-opacity-visible {
  background-color: #58cd3d;
}

.bg-dodgerblue2-opacity-1 {
  background-color: rgba(39, 128, 255, 0.1);
}

.bg-dodgerblue2-opacity-2 {
  background-color: rgba(39, 128, 255, 0.2);
}

.bg-dodgerblue2-opacity-3 {
  background-color: rgba(39, 128, 255, 0.3);
}

.bg-dodgerblue2-opacity-4 {
  background-color: rgba(39, 128, 255, 0.4);
}

.bg-dodgerblue2-opacity-5 {
  background-color: rgba(39, 128, 255, 0.5);
}

.bg-dodgerblue2-opacity-6 {
  background-color: rgba(39, 128, 255, 0.6);
}

.bg-dodgerblue2-opacity-7 {
  background-color: rgba(39, 128, 255, 0.7);
}

.bg-dodgerblue2-opacity-8 {
  background-color: rgba(39, 128, 255, 0.8);
}

.bg-dodgerblue2-opacity-9 {
  background-color: rgba(39, 128, 255, 0.9);
}

.gr-color-dodgerblue2-opacity-visible {
  color: #58cd3d;
}

.gr-color-dodgerblue2-opacity-1 {
  color: rgba(39, 128, 255, 0.1);
}

.gr-color-dodgerblue2-opacity-2 {
  color: rgba(39, 128, 255, 0.2);
}

.gr-color-dodgerblue2-opacity-3 {
  color: rgba(39, 128, 255, 0.3);
}

.gr-color-dodgerblue2-opacity-4 {
  color: rgba(39, 128, 255, 0.4);
}

.gr-color-dodgerblue2-opacity-5 {
  color: rgba(39, 128, 255, 0.5);
}

.gr-color-dodgerblue2-opacity-6 {
  color: rgba(39, 128, 255, 0.6);
}

.gr-color-dodgerblue2-opacity-7 {
  color: rgba(39, 128, 255, 0.7);
}

.gr-color-dodgerblue2-opacity-8 {
  color: rgba(39, 128, 255, 0.8);
}

.gr-color-dodgerblue2-opacity-9 {
  color: rgba(39, 128, 255, 0.9);
}

.bg-ronchi-opacity-visible {
  background-color: #efd358;
}

.bg-ronchi-opacity-1 {
  background-color: rgba(239, 211, 88, 0.1);
}

.bg-ronchi-opacity-2 {
  background-color: rgba(239, 211, 88, 0.2);
}

.bg-ronchi-opacity-3 {
  background-color: rgba(239, 211, 88, 0.3);
}

.bg-ronchi-opacity-4 {
  background-color: rgba(239, 211, 88, 0.4);
}

.bg-ronchi-opacity-5 {
  background-color: rgba(239, 211, 88, 0.5);
}

.bg-ronchi-opacity-6 {
  background-color: rgba(239, 211, 88, 0.6);
}

.bg-ronchi-opacity-7 {
  background-color: rgba(239, 211, 88, 0.7);
}

.bg-ronchi-opacity-8 {
  background-color: rgba(239, 211, 88, 0.8);
}

.bg-ronchi-opacity-9 {
  background-color: rgba(239, 211, 88, 0.9);
}

.gr-color-ronchi-opacity-visible {
  color: #efd358;
}

.gr-color-ronchi-opacity-1 {
  color: rgba(239, 211, 88, 0.1);
}

.gr-color-ronchi-opacity-2 {
  color: rgba(239, 211, 88, 0.2);
}

.gr-color-ronchi-opacity-3 {
  color: rgba(239, 211, 88, 0.3);
}

.gr-color-ronchi-opacity-4 {
  color: rgba(239, 211, 88, 0.4);
}

.gr-color-ronchi-opacity-5 {
  color: rgba(239, 211, 88, 0.5);
}

.gr-color-ronchi-opacity-6 {
  color: rgba(239, 211, 88, 0.6);
}

.gr-color-ronchi-opacity-7 {
  color: rgba(239, 211, 88, 0.7);
}

.gr-color-ronchi-opacity-8 {
  color: rgba(239, 211, 88, 0.8);
}

.gr-color-ronchi-opacity-9 {
  color: rgba(239, 211, 88, 0.9);
}

.bg-riptide-opacity-visible {
  background-color: #81e2cc;
}

.bg-riptide-opacity-1 {
  background-color: rgba(129, 226, 204, 0.1);
}

.bg-riptide-opacity-2 {
  background-color: rgba(129, 226, 204, 0.2);
}

.bg-riptide-opacity-3 {
  background-color: rgba(129, 226, 204, 0.3);
}

.bg-riptide-opacity-4 {
  background-color: rgba(129, 226, 204, 0.4);
}

.bg-riptide-opacity-5 {
  background-color: rgba(129, 226, 204, 0.5);
}

.bg-riptide-opacity-6 {
  background-color: rgba(129, 226, 204, 0.6);
}

.bg-riptide-opacity-7 {
  background-color: rgba(129, 226, 204, 0.7);
}

.bg-riptide-opacity-8 {
  background-color: rgba(129, 226, 204, 0.8);
}

.bg-riptide-opacity-9 {
  background-color: rgba(129, 226, 204, 0.9);
}

.gr-color-riptide-opacity-visible {
  color: #81e2cc;
}

.gr-color-riptide-opacity-1 {
  color: rgba(129, 226, 204, 0.1);
}

.gr-color-riptide-opacity-2 {
  color: rgba(129, 226, 204, 0.2);
}

.gr-color-riptide-opacity-3 {
  color: rgba(129, 226, 204, 0.3);
}

.gr-color-riptide-opacity-4 {
  color: rgba(129, 226, 204, 0.4);
}

.gr-color-riptide-opacity-5 {
  color: rgba(129, 226, 204, 0.5);
}

.gr-color-riptide-opacity-6 {
  color: rgba(129, 226, 204, 0.6);
}

.gr-color-riptide-opacity-7 {
  color: rgba(129, 226, 204, 0.7);
}

.gr-color-riptide-opacity-8 {
  color: rgba(129, 226, 204, 0.8);
}

.gr-color-riptide-opacity-9 {
  color: rgba(129, 226, 204, 0.9);
}

.bg-yellow-green-opacity-visible {
  background-color: #b8e986;
}

.bg-yellow-green-opacity-1 {
  background-color: rgba(184, 233, 134, 0.1);
}

.bg-yellow-green-opacity-2 {
  background-color: rgba(184, 233, 134, 0.2);
}

.bg-yellow-green-opacity-3 {
  background-color: rgba(184, 233, 134, 0.3);
}

.bg-yellow-green-opacity-4 {
  background-color: rgba(184, 233, 134, 0.4);
}

.bg-yellow-green-opacity-5 {
  background-color: rgba(184, 233, 134, 0.5);
}

.bg-yellow-green-opacity-6 {
  background-color: rgba(184, 233, 134, 0.6);
}

.bg-yellow-green-opacity-7 {
  background-color: rgba(184, 233, 134, 0.7);
}

.bg-yellow-green-opacity-8 {
  background-color: rgba(184, 233, 134, 0.8);
}

.bg-yellow-green-opacity-9 {
  background-color: rgba(184, 233, 134, 0.9);
}

.gr-color-yellow-green-opacity-visible {
  color: #b8e986;
}

.gr-color-yellow-green-opacity-1 {
  color: rgba(184, 233, 134, 0.1);
}

.gr-color-yellow-green-opacity-2 {
  color: rgba(184, 233, 134, 0.2);
}

.gr-color-yellow-green-opacity-3 {
  color: rgba(184, 233, 134, 0.3);
}

.gr-color-yellow-green-opacity-4 {
  color: rgba(184, 233, 134, 0.4);
}

.gr-color-yellow-green-opacity-5 {
  color: rgba(184, 233, 134, 0.5);
}

.gr-color-yellow-green-opacity-6 {
  color: rgba(184, 233, 134, 0.6);
}

.gr-color-yellow-green-opacity-7 {
  color: rgba(184, 233, 134, 0.7);
}

.gr-color-yellow-green-opacity-8 {
  color: rgba(184, 233, 134, 0.8);
}

.gr-color-yellow-green-opacity-9 {
  color: rgba(184, 233, 134, 0.9);
}

.bg-tan-hide-opacity-visible {
  background-color: #f69f51;
}

.bg-tan-hide-opacity-1 {
  background-color: rgba(246, 159, 81, 0.1);
}

.bg-tan-hide-opacity-2 {
  background-color: rgba(246, 159, 81, 0.2);
}

.bg-tan-hide-opacity-3 {
  background-color: rgba(246, 159, 81, 0.3);
}

.bg-tan-hide-opacity-4 {
  background-color: rgba(246, 159, 81, 0.4);
}

.bg-tan-hide-opacity-5 {
  background-color: rgba(246, 159, 81, 0.5);
}

.bg-tan-hide-opacity-6 {
  background-color: rgba(246, 159, 81, 0.6);
}

.bg-tan-hide-opacity-7 {
  background-color: rgba(246, 159, 81, 0.7);
}

.bg-tan-hide-opacity-8 {
  background-color: rgba(246, 159, 81, 0.8);
}

.bg-tan-hide-opacity-9 {
  background-color: rgba(246, 159, 81, 0.9);
}

.gr-color-tan-hide-opacity-visible {
  color: #f69f51;
}

.gr-color-tan-hide-opacity-1 {
  color: rgba(246, 159, 81, 0.1);
}

.gr-color-tan-hide-opacity-2 {
  color: rgba(246, 159, 81, 0.2);
}

.gr-color-tan-hide-opacity-3 {
  color: rgba(246, 159, 81, 0.3);
}

.gr-color-tan-hide-opacity-4 {
  color: rgba(246, 159, 81, 0.4);
}

.gr-color-tan-hide-opacity-5 {
  color: rgba(246, 159, 81, 0.5);
}

.gr-color-tan-hide-opacity-6 {
  color: rgba(246, 159, 81, 0.6);
}

.gr-color-tan-hide-opacity-7 {
  color: rgba(246, 159, 81, 0.7);
}

.gr-color-tan-hide-opacity-8 {
  color: rgba(246, 159, 81, 0.8);
}

.gr-color-tan-hide-opacity-9 {
  color: rgba(246, 159, 81, 0.9);
}

.bg-heliotrope-opacity-visible {
  background-color: #9e84ff;
}

.bg-heliotrope-opacity-1 {
  background-color: rgba(158, 132, 255, 0.1);
}

.bg-heliotrope-opacity-2 {
  background-color: rgba(158, 132, 255, 0.2);
}

.bg-heliotrope-opacity-3 {
  background-color: rgba(158, 132, 255, 0.3);
}

.bg-heliotrope-opacity-4 {
  background-color: rgba(158, 132, 255, 0.4);
}

.bg-heliotrope-opacity-5 {
  background-color: rgba(158, 132, 255, 0.5);
}

.bg-heliotrope-opacity-6 {
  background-color: rgba(158, 132, 255, 0.6);
}

.bg-heliotrope-opacity-7 {
  background-color: rgba(158, 132, 255, 0.7);
}

.bg-heliotrope-opacity-8 {
  background-color: rgba(158, 132, 255, 0.8);
}

.bg-heliotrope-opacity-9 {
  background-color: rgba(158, 132, 255, 0.9);
}

.gr-color-heliotrope-opacity-visible {
  color: #9e84ff;
}

.gr-color-heliotrope-opacity-1 {
  color: rgba(158, 132, 255, 0.1);
}

.gr-color-heliotrope-opacity-2 {
  color: rgba(158, 132, 255, 0.2);
}

.gr-color-heliotrope-opacity-3 {
  color: rgba(158, 132, 255, 0.3);
}

.gr-color-heliotrope-opacity-4 {
  color: rgba(158, 132, 255, 0.4);
}

.gr-color-heliotrope-opacity-5 {
  color: rgba(158, 132, 255, 0.5);
}

.gr-color-heliotrope-opacity-6 {
  color: rgba(158, 132, 255, 0.6);
}

.gr-color-heliotrope-opacity-7 {
  color: rgba(158, 132, 255, 0.7);
}

.gr-color-heliotrope-opacity-8 {
  color: rgba(158, 132, 255, 0.8);
}

.gr-color-heliotrope-opacity-9 {
  color: rgba(158, 132, 255, 0.9);
}

.bg-purple-heart-opacity-visible {
  background-color: #5029de;
}

.bg-purple-heart-opacity-1 {
  background-color: rgba(80, 41, 222, 0.1);
}

.bg-purple-heart-opacity-2 {
  background-color: rgba(80, 41, 222, 0.2);
}

.bg-purple-heart-opacity-3 {
  background-color: rgba(80, 41, 222, 0.3);
}

.bg-purple-heart-opacity-4 {
  background-color: rgba(80, 41, 222, 0.4);
}

.bg-purple-heart-opacity-5 {
  background-color: rgba(80, 41, 222, 0.5);
}

.bg-purple-heart-opacity-6 {
  background-color: rgba(80, 41, 222, 0.6);
}

.bg-purple-heart-opacity-7 {
  background-color: rgba(80, 41, 222, 0.7);
}

.bg-purple-heart-opacity-8 {
  background-color: rgba(80, 41, 222, 0.8);
}

.bg-purple-heart-opacity-9 {
  background-color: rgba(80, 41, 222, 0.9);
}

.gr-color-purple-heart-opacity-visible {
  color: #5029de;
}

.gr-color-purple-heart-opacity-1 {
  color: rgba(80, 41, 222, 0.1);
}

.gr-color-purple-heart-opacity-2 {
  color: rgba(80, 41, 222, 0.2);
}

.gr-color-purple-heart-opacity-3 {
  color: rgba(80, 41, 222, 0.3);
}

.gr-color-purple-heart-opacity-4 {
  color: rgba(80, 41, 222, 0.4);
}

.gr-color-purple-heart-opacity-5 {
  color: rgba(80, 41, 222, 0.5);
}

.gr-color-purple-heart-opacity-6 {
  color: rgba(80, 41, 222, 0.6);
}

.gr-color-purple-heart-opacity-7 {
  color: rgba(80, 41, 222, 0.7);
}

.gr-color-purple-heart-opacity-8 {
  color: rgba(80, 41, 222, 0.8);
}

.gr-color-purple-heart-opacity-9 {
  color: rgba(80, 41, 222, 0.9);
}

.bg-heliotrope-2-opacity-visible {
  background-color: #a665fb;
}

.bg-heliotrope-2-opacity-1 {
  background-color: rgba(166, 101, 251, 0.1);
}

.bg-heliotrope-2-opacity-2 {
  background-color: rgba(166, 101, 251, 0.2);
}

.bg-heliotrope-2-opacity-3 {
  background-color: rgba(166, 101, 251, 0.3);
}

.bg-heliotrope-2-opacity-4 {
  background-color: rgba(166, 101, 251, 0.4);
}

.bg-heliotrope-2-opacity-5 {
  background-color: rgba(166, 101, 251, 0.5);
}

.bg-heliotrope-2-opacity-6 {
  background-color: rgba(166, 101, 251, 0.6);
}

.bg-heliotrope-2-opacity-7 {
  background-color: rgba(166, 101, 251, 0.7);
}

.bg-heliotrope-2-opacity-8 {
  background-color: rgba(166, 101, 251, 0.8);
}

.bg-heliotrope-2-opacity-9 {
  background-color: rgba(166, 101, 251, 0.9);
}

.gr-color-heliotrope-2-opacity-visible {
  color: #a665fb;
}

.gr-color-heliotrope-2-opacity-1 {
  color: rgba(166, 101, 251, 0.1);
}

.gr-color-heliotrope-2-opacity-2 {
  color: rgba(166, 101, 251, 0.2);
}

.gr-color-heliotrope-2-opacity-3 {
  color: rgba(166, 101, 251, 0.3);
}

.gr-color-heliotrope-2-opacity-4 {
  color: rgba(166, 101, 251, 0.4);
}

.gr-color-heliotrope-2-opacity-5 {
  color: rgba(166, 101, 251, 0.5);
}

.gr-color-heliotrope-2-opacity-6 {
  color: rgba(166, 101, 251, 0.6);
}

.gr-color-heliotrope-2-opacity-7 {
  color: rgba(166, 101, 251, 0.7);
}

.gr-color-heliotrope-2-opacity-8 {
  color: rgba(166, 101, 251, 0.8);
}

.gr-color-heliotrope-2-opacity-9 {
  color: rgba(166, 101, 251, 0.9);
}

.bg-dodgerblue3-opacity-visible {
  background-color: #4482ff;
}

.bg-dodgerblue3-opacity-1 {
  background-color: rgba(68, 130, 255, 0.1);
}

.bg-dodgerblue3-opacity-2 {
  background-color: rgba(68, 130, 255, 0.2);
}

.bg-dodgerblue3-opacity-3 {
  background-color: rgba(68, 130, 255, 0.3);
}

.bg-dodgerblue3-opacity-4 {
  background-color: rgba(68, 130, 255, 0.4);
}

.bg-dodgerblue3-opacity-5 {
  background-color: rgba(68, 130, 255, 0.5);
}

.bg-dodgerblue3-opacity-6 {
  background-color: rgba(68, 130, 255, 0.6);
}

.bg-dodgerblue3-opacity-7 {
  background-color: rgba(68, 130, 255, 0.7);
}

.bg-dodgerblue3-opacity-8 {
  background-color: rgba(68, 130, 255, 0.8);
}

.bg-dodgerblue3-opacity-9 {
  background-color: rgba(68, 130, 255, 0.9);
}

.gr-color-dodgerblue3-opacity-visible {
  color: #4482ff;
}

.gr-color-dodgerblue3-opacity-1 {
  color: rgba(68, 130, 255, 0.1);
}

.gr-color-dodgerblue3-opacity-2 {
  color: rgba(68, 130, 255, 0.2);
}

.gr-color-dodgerblue3-opacity-3 {
  color: rgba(68, 130, 255, 0.3);
}

.gr-color-dodgerblue3-opacity-4 {
  color: rgba(68, 130, 255, 0.4);
}

.gr-color-dodgerblue3-opacity-5 {
  color: rgba(68, 130, 255, 0.5);
}

.gr-color-dodgerblue3-opacity-6 {
  color: rgba(68, 130, 255, 0.6);
}

.gr-color-dodgerblue3-opacity-7 {
  color: rgba(68, 130, 255, 0.7);
}

.gr-color-dodgerblue3-opacity-8 {
  color: rgba(68, 130, 255, 0.8);
}

.gr-color-dodgerblue3-opacity-9 {
  color: rgba(68, 130, 255, 0.9);
}

.bg-zumthor-opacity-visible {
  background-color: #eef5ff;
}

.bg-zumthor-opacity-1 {
  background-color: rgba(238, 245, 255, 0.1);
}

.bg-zumthor-opacity-2 {
  background-color: rgba(238, 245, 255, 0.2);
}

.bg-zumthor-opacity-3 {
  background-color: rgba(238, 245, 255, 0.3);
}

.bg-zumthor-opacity-4 {
  background-color: rgba(238, 245, 255, 0.4);
}

.bg-zumthor-opacity-5 {
  background-color: rgba(238, 245, 255, 0.5);
}

.bg-zumthor-opacity-6 {
  background-color: rgba(238, 245, 255, 0.6);
}

.bg-zumthor-opacity-7 {
  background-color: rgba(238, 245, 255, 0.7);
}

.bg-zumthor-opacity-8 {
  background-color: rgba(238, 245, 255, 0.8);
}

.bg-zumthor-opacity-9 {
  background-color: rgba(238, 245, 255, 0.9);
}

.gr-color-zumthor-opacity-visible {
  color: #eef5ff;
}

.gr-color-zumthor-opacity-1 {
  color: rgba(238, 245, 255, 0.1);
}

.gr-color-zumthor-opacity-2 {
  color: rgba(238, 245, 255, 0.2);
}

.gr-color-zumthor-opacity-3 {
  color: rgba(238, 245, 255, 0.3);
}

.gr-color-zumthor-opacity-4 {
  color: rgba(238, 245, 255, 0.4);
}

.gr-color-zumthor-opacity-5 {
  color: rgba(238, 245, 255, 0.5);
}

.gr-color-zumthor-opacity-6 {
  color: rgba(238, 245, 255, 0.6);
}

.gr-color-zumthor-opacity-7 {
  color: rgba(238, 245, 255, 0.7);
}

.gr-color-zumthor-opacity-8 {
  color: rgba(238, 245, 255, 0.8);
}

.gr-color-zumthor-opacity-9 {
  color: rgba(238, 245, 255, 0.9);
}

.bg-black-squeeze-opacity-visible {
  background-color: #f6f9fc;
}

.bg-black-squeeze-opacity-1 {
  background-color: rgba(246, 249, 252, 0.1);
}

.bg-black-squeeze-opacity-2 {
  background-color: rgba(246, 249, 252, 0.2);
}

.bg-black-squeeze-opacity-3 {
  background-color: rgba(246, 249, 252, 0.3);
}

.bg-black-squeeze-opacity-4 {
  background-color: rgba(246, 249, 252, 0.4);
}

.bg-black-squeeze-opacity-5 {
  background-color: rgba(246, 249, 252, 0.5);
}

.bg-black-squeeze-opacity-6 {
  background-color: rgba(246, 249, 252, 0.6);
}

.bg-black-squeeze-opacity-7 {
  background-color: rgba(246, 249, 252, 0.7);
}

.bg-black-squeeze-opacity-8 {
  background-color: rgba(246, 249, 252, 0.8);
}

.bg-black-squeeze-opacity-9 {
  background-color: rgba(246, 249, 252, 0.9);
}

.gr-color-black-squeeze-opacity-visible {
  color: #f6f9fc;
}

.gr-color-black-squeeze-opacity-1 {
  color: rgba(246, 249, 252, 0.1);
}

.gr-color-black-squeeze-opacity-2 {
  color: rgba(246, 249, 252, 0.2);
}

.gr-color-black-squeeze-opacity-3 {
  color: rgba(246, 249, 252, 0.3);
}

.gr-color-black-squeeze-opacity-4 {
  color: rgba(246, 249, 252, 0.4);
}

.gr-color-black-squeeze-opacity-5 {
  color: rgba(246, 249, 252, 0.5);
}

.gr-color-black-squeeze-opacity-6 {
  color: rgba(246, 249, 252, 0.6);
}

.gr-color-black-squeeze-opacity-7 {
  color: rgba(246, 249, 252, 0.7);
}

.gr-color-black-squeeze-opacity-8 {
  color: rgba(246, 249, 252, 0.8);
}

.gr-color-black-squeeze-opacity-9 {
  color: rgba(246, 249, 252, 0.9);
}

.bg-lilywhite-opacity-visible {
  background-color: #e6f8ff;
}

.bg-lilywhite-opacity-1 {
  background-color: rgba(230, 248, 255, 0.1);
}

.bg-lilywhite-opacity-2 {
  background-color: rgba(230, 248, 255, 0.2);
}

.bg-lilywhite-opacity-3 {
  background-color: rgba(230, 248, 255, 0.3);
}

.bg-lilywhite-opacity-4 {
  background-color: rgba(230, 248, 255, 0.4);
}

.bg-lilywhite-opacity-5 {
  background-color: rgba(230, 248, 255, 0.5);
}

.bg-lilywhite-opacity-6 {
  background-color: rgba(230, 248, 255, 0.6);
}

.bg-lilywhite-opacity-7 {
  background-color: rgba(230, 248, 255, 0.7);
}

.bg-lilywhite-opacity-8 {
  background-color: rgba(230, 248, 255, 0.8);
}

.bg-lilywhite-opacity-9 {
  background-color: rgba(230, 248, 255, 0.9);
}

.gr-color-lilywhite-opacity-visible {
  color: #e6f8ff;
}

.gr-color-lilywhite-opacity-1 {
  color: rgba(230, 248, 255, 0.1);
}

.gr-color-lilywhite-opacity-2 {
  color: rgba(230, 248, 255, 0.2);
}

.gr-color-lilywhite-opacity-3 {
  color: rgba(230, 248, 255, 0.3);
}

.gr-color-lilywhite-opacity-4 {
  color: rgba(230, 248, 255, 0.4);
}

.gr-color-lilywhite-opacity-5 {
  color: rgba(230, 248, 255, 0.5);
}

.gr-color-lilywhite-opacity-6 {
  color: rgba(230, 248, 255, 0.6);
}

.gr-color-lilywhite-opacity-7 {
  color: rgba(230, 248, 255, 0.7);
}

.gr-color-lilywhite-opacity-8 {
  color: rgba(230, 248, 255, 0.8);
}

.gr-color-lilywhite-opacity-9 {
  color: rgba(230, 248, 255, 0.9);
}

.bg-sweetcorn-opacity-visible {
  background-color: #f8e587;
}

.bg-sweetcorn-opacity-1 {
  background-color: rgba(248, 229, 135, 0.1);
}

.bg-sweetcorn-opacity-2 {
  background-color: rgba(248, 229, 135, 0.2);
}

.bg-sweetcorn-opacity-3 {
  background-color: rgba(248, 229, 135, 0.3);
}

.bg-sweetcorn-opacity-4 {
  background-color: rgba(248, 229, 135, 0.4);
}

.bg-sweetcorn-opacity-5 {
  background-color: rgba(248, 229, 135, 0.5);
}

.bg-sweetcorn-opacity-6 {
  background-color: rgba(248, 229, 135, 0.6);
}

.bg-sweetcorn-opacity-7 {
  background-color: rgba(248, 229, 135, 0.7);
}

.bg-sweetcorn-opacity-8 {
  background-color: rgba(248, 229, 135, 0.8);
}

.bg-sweetcorn-opacity-9 {
  background-color: rgba(248, 229, 135, 0.9);
}

.gr-color-sweetcorn-opacity-visible {
  color: #f8e587;
}

.gr-color-sweetcorn-opacity-1 {
  color: rgba(248, 229, 135, 0.1);
}

.gr-color-sweetcorn-opacity-2 {
  color: rgba(248, 229, 135, 0.2);
}

.gr-color-sweetcorn-opacity-3 {
  color: rgba(248, 229, 135, 0.3);
}

.gr-color-sweetcorn-opacity-4 {
  color: rgba(248, 229, 135, 0.4);
}

.gr-color-sweetcorn-opacity-5 {
  color: rgba(248, 229, 135, 0.5);
}

.gr-color-sweetcorn-opacity-6 {
  color: rgba(248, 229, 135, 0.6);
}

.gr-color-sweetcorn-opacity-7 {
  color: rgba(248, 229, 135, 0.7);
}

.gr-color-sweetcorn-opacity-8 {
  color: rgba(248, 229, 135, 0.8);
}

.gr-color-sweetcorn-opacity-9 {
  color: rgba(248, 229, 135, 0.9);
}

.bg-san-juan-opacity-visible {
  background-color: #2f4b6e;
}

.bg-san-juan-opacity-1 {
  background-color: rgba(47, 75, 110, 0.1);
}

.bg-san-juan-opacity-2 {
  background-color: rgba(47, 75, 110, 0.2);
}

.bg-san-juan-opacity-3 {
  background-color: rgba(47, 75, 110, 0.3);
}

.bg-san-juan-opacity-4 {
  background-color: rgba(47, 75, 110, 0.4);
}

.bg-san-juan-opacity-5 {
  background-color: rgba(47, 75, 110, 0.5);
}

.bg-san-juan-opacity-6 {
  background-color: rgba(47, 75, 110, 0.6);
}

.bg-san-juan-opacity-7 {
  background-color: rgba(47, 75, 110, 0.7);
}

.bg-san-juan-opacity-8 {
  background-color: rgba(47, 75, 110, 0.8);
}

.bg-san-juan-opacity-9 {
  background-color: rgba(47, 75, 110, 0.9);
}

.gr-color-san-juan-opacity-visible {
  color: #2f4b6e;
}

.gr-color-san-juan-opacity-1 {
  color: rgba(47, 75, 110, 0.1);
}

.gr-color-san-juan-opacity-2 {
  color: rgba(47, 75, 110, 0.2);
}

.gr-color-san-juan-opacity-3 {
  color: rgba(47, 75, 110, 0.3);
}

.gr-color-san-juan-opacity-4 {
  color: rgba(47, 75, 110, 0.4);
}

.gr-color-san-juan-opacity-5 {
  color: rgba(47, 75, 110, 0.5);
}

.gr-color-san-juan-opacity-6 {
  color: rgba(47, 75, 110, 0.6);
}

.gr-color-san-juan-opacity-7 {
  color: rgba(47, 75, 110, 0.7);
}

.gr-color-san-juan-opacity-8 {
  color: rgba(47, 75, 110, 0.8);
}

.gr-color-san-juan-opacity-9 {
  color: rgba(47, 75, 110, 0.9);
}

.bg-slate-gray-opacity-visible {
  background-color: #738091;
}

.bg-slate-gray-opacity-1 {
  background-color: rgba(115, 128, 145, 0.1);
}

.bg-slate-gray-opacity-2 {
  background-color: rgba(115, 128, 145, 0.2);
}

.bg-slate-gray-opacity-3 {
  background-color: rgba(115, 128, 145, 0.3);
}

.bg-slate-gray-opacity-4 {
  background-color: rgba(115, 128, 145, 0.4);
}

.bg-slate-gray-opacity-5 {
  background-color: rgba(115, 128, 145, 0.5);
}

.bg-slate-gray-opacity-6 {
  background-color: rgba(115, 128, 145, 0.6);
}

.bg-slate-gray-opacity-7 {
  background-color: rgba(115, 128, 145, 0.7);
}

.bg-slate-gray-opacity-8 {
  background-color: rgba(115, 128, 145, 0.8);
}

.bg-slate-gray-opacity-9 {
  background-color: rgba(115, 128, 145, 0.9);
}

.gr-color-slate-gray-opacity-visible {
  color: #738091;
}

.gr-color-slate-gray-opacity-1 {
  color: rgba(115, 128, 145, 0.1);
}

.gr-color-slate-gray-opacity-2 {
  color: rgba(115, 128, 145, 0.2);
}

.gr-color-slate-gray-opacity-3 {
  color: rgba(115, 128, 145, 0.3);
}

.gr-color-slate-gray-opacity-4 {
  color: rgba(115, 128, 145, 0.4);
}

.gr-color-slate-gray-opacity-5 {
  color: rgba(115, 128, 145, 0.5);
}

.gr-color-slate-gray-opacity-6 {
  color: rgba(115, 128, 145, 0.6);
}

.gr-color-slate-gray-opacity-7 {
  color: rgba(115, 128, 145, 0.7);
}

.gr-color-slate-gray-opacity-8 {
  color: rgba(115, 128, 145, 0.8);
}

.gr-color-slate-gray-opacity-9 {
  color: rgba(115, 128, 145, 0.9);
}

.bg-carnation-opacity-visible {
  background-color: #fc5c65;
}

.bg-carnation-opacity-1 {
  background-color: rgba(252, 92, 101, 0.1);
}

.bg-carnation-opacity-2 {
  background-color: rgba(252, 92, 101, 0.2);
}

.bg-carnation-opacity-3 {
  background-color: rgba(252, 92, 101, 0.3);
}

.bg-carnation-opacity-4 {
  background-color: rgba(252, 92, 101, 0.4);
}

.bg-carnation-opacity-5 {
  background-color: rgba(252, 92, 101, 0.5);
}

.bg-carnation-opacity-6 {
  background-color: rgba(252, 92, 101, 0.6);
}

.bg-carnation-opacity-7 {
  background-color: rgba(252, 92, 101, 0.7);
}

.bg-carnation-opacity-8 {
  background-color: rgba(252, 92, 101, 0.8);
}

.bg-carnation-opacity-9 {
  background-color: rgba(252, 92, 101, 0.9);
}

.gr-color-carnation-opacity-visible {
  color: #fc5c65;
}

.gr-color-carnation-opacity-1 {
  color: rgba(252, 92, 101, 0.1);
}

.gr-color-carnation-opacity-2 {
  color: rgba(252, 92, 101, 0.2);
}

.gr-color-carnation-opacity-3 {
  color: rgba(252, 92, 101, 0.3);
}

.gr-color-carnation-opacity-4 {
  color: rgba(252, 92, 101, 0.4);
}

.gr-color-carnation-opacity-5 {
  color: rgba(252, 92, 101, 0.5);
}

.gr-color-carnation-opacity-6 {
  color: rgba(252, 92, 101, 0.6);
}

.gr-color-carnation-opacity-7 {
  color: rgba(252, 92, 101, 0.7);
}

.gr-color-carnation-opacity-8 {
  color: rgba(252, 92, 101, 0.8);
}

.gr-color-carnation-opacity-9 {
  color: rgba(252, 92, 101, 0.9);
}

.bg-periwinklegray-opacity-visible {
  background-color: #d0dceb;
}

.bg-periwinklegray-opacity-1 {
  background-color: rgba(208, 220, 235, 0.1);
}

.bg-periwinklegray-opacity-2 {
  background-color: rgba(208, 220, 235, 0.2);
}

.bg-periwinklegray-opacity-3 {
  background-color: rgba(208, 220, 235, 0.3);
}

.bg-periwinklegray-opacity-4 {
  background-color: rgba(208, 220, 235, 0.4);
}

.bg-periwinklegray-opacity-5 {
  background-color: rgba(208, 220, 235, 0.5);
}

.bg-periwinklegray-opacity-6 {
  background-color: rgba(208, 220, 235, 0.6);
}

.bg-periwinklegray-opacity-7 {
  background-color: rgba(208, 220, 235, 0.7);
}

.bg-periwinklegray-opacity-8 {
  background-color: rgba(208, 220, 235, 0.8);
}

.bg-periwinklegray-opacity-9 {
  background-color: rgba(208, 220, 235, 0.9);
}

.gr-color-periwinklegray-opacity-visible {
  color: #d0dceb;
}

.gr-color-periwinklegray-opacity-1 {
  color: rgba(208, 220, 235, 0.1);
}

.gr-color-periwinklegray-opacity-2 {
  color: rgba(208, 220, 235, 0.2);
}

.gr-color-periwinklegray-opacity-3 {
  color: rgba(208, 220, 235, 0.3);
}

.gr-color-periwinklegray-opacity-4 {
  color: rgba(208, 220, 235, 0.4);
}

.gr-color-periwinklegray-opacity-5 {
  color: rgba(208, 220, 235, 0.5);
}

.gr-color-periwinklegray-opacity-6 {
  color: rgba(208, 220, 235, 0.6);
}

.gr-color-periwinklegray-opacity-7 {
  color: rgba(208, 220, 235, 0.7);
}

.gr-color-periwinklegray-opacity-8 {
  color: rgba(208, 220, 235, 0.8);
}

.gr-color-periwinklegray-opacity-9 {
  color: rgba(208, 220, 235, 0.9);
}

.bg-twilightblue-opacity-visible {
  background-color: #f4fcff;
}

.bg-twilightblue-opacity-1 {
  background-color: rgba(244, 252, 255, 0.1);
}

.bg-twilightblue-opacity-2 {
  background-color: rgba(244, 252, 255, 0.2);
}

.bg-twilightblue-opacity-3 {
  background-color: rgba(244, 252, 255, 0.3);
}

.bg-twilightblue-opacity-4 {
  background-color: rgba(244, 252, 255, 0.4);
}

.bg-twilightblue-opacity-5 {
  background-color: rgba(244, 252, 255, 0.5);
}

.bg-twilightblue-opacity-6 {
  background-color: rgba(244, 252, 255, 0.6);
}

.bg-twilightblue-opacity-7 {
  background-color: rgba(244, 252, 255, 0.7);
}

.bg-twilightblue-opacity-8 {
  background-color: rgba(244, 252, 255, 0.8);
}

.bg-twilightblue-opacity-9 {
  background-color: rgba(244, 252, 255, 0.9);
}

.gr-color-twilightblue-opacity-visible {
  color: #f4fcff;
}

.gr-color-twilightblue-opacity-1 {
  color: rgba(244, 252, 255, 0.1);
}

.gr-color-twilightblue-opacity-2 {
  color: rgba(244, 252, 255, 0.2);
}

.gr-color-twilightblue-opacity-3 {
  color: rgba(244, 252, 255, 0.3);
}

.gr-color-twilightblue-opacity-4 {
  color: rgba(244, 252, 255, 0.4);
}

.gr-color-twilightblue-opacity-5 {
  color: rgba(244, 252, 255, 0.5);
}

.gr-color-twilightblue-opacity-6 {
  color: rgba(244, 252, 255, 0.6);
}

.gr-color-twilightblue-opacity-7 {
  color: rgba(244, 252, 255, 0.7);
}

.gr-color-twilightblue-opacity-8 {
  color: rgba(244, 252, 255, 0.8);
}

.gr-color-twilightblue-opacity-9 {
  color: rgba(244, 252, 255, 0.9);
}

.bg-polar-opacity-visible {
  background-color: #e8f5fa;
}

.bg-polar-opacity-1 {
  background-color: rgba(232, 245, 250, 0.1);
}

.bg-polar-opacity-2 {
  background-color: rgba(232, 245, 250, 0.2);
}

.bg-polar-opacity-3 {
  background-color: rgba(232, 245, 250, 0.3);
}

.bg-polar-opacity-4 {
  background-color: rgba(232, 245, 250, 0.4);
}

.bg-polar-opacity-5 {
  background-color: rgba(232, 245, 250, 0.5);
}

.bg-polar-opacity-6 {
  background-color: rgba(232, 245, 250, 0.6);
}

.bg-polar-opacity-7 {
  background-color: rgba(232, 245, 250, 0.7);
}

.bg-polar-opacity-8 {
  background-color: rgba(232, 245, 250, 0.8);
}

.bg-polar-opacity-9 {
  background-color: rgba(232, 245, 250, 0.9);
}

.gr-color-polar-opacity-visible {
  color: #e8f5fa;
}

.gr-color-polar-opacity-1 {
  color: rgba(232, 245, 250, 0.1);
}

.gr-color-polar-opacity-2 {
  color: rgba(232, 245, 250, 0.2);
}

.gr-color-polar-opacity-3 {
  color: rgba(232, 245, 250, 0.3);
}

.gr-color-polar-opacity-4 {
  color: rgba(232, 245, 250, 0.4);
}

.gr-color-polar-opacity-5 {
  color: rgba(232, 245, 250, 0.5);
}

.gr-color-polar-opacity-6 {
  color: rgba(232, 245, 250, 0.6);
}

.gr-color-polar-opacity-7 {
  color: rgba(232, 245, 250, 0.7);
}

.gr-color-polar-opacity-8 {
  color: rgba(232, 245, 250, 0.8);
}

.gr-color-polar-opacity-9 {
  color: rgba(232, 245, 250, 0.9);
}

.bg-aquaisland-opacity-visible {
  background-color: #b1dfd9;
}

.bg-aquaisland-opacity-1 {
  background-color: rgba(177, 223, 217, 0.1);
}

.bg-aquaisland-opacity-2 {
  background-color: rgba(177, 223, 217, 0.2);
}

.bg-aquaisland-opacity-3 {
  background-color: rgba(177, 223, 217, 0.3);
}

.bg-aquaisland-opacity-4 {
  background-color: rgba(177, 223, 217, 0.4);
}

.bg-aquaisland-opacity-5 {
  background-color: rgba(177, 223, 217, 0.5);
}

.bg-aquaisland-opacity-6 {
  background-color: rgba(177, 223, 217, 0.6);
}

.bg-aquaisland-opacity-7 {
  background-color: rgba(177, 223, 217, 0.7);
}

.bg-aquaisland-opacity-8 {
  background-color: rgba(177, 223, 217, 0.8);
}

.bg-aquaisland-opacity-9 {
  background-color: rgba(177, 223, 217, 0.9);
}

.gr-color-aquaisland-opacity-visible {
  color: #b1dfd9;
}

.gr-color-aquaisland-opacity-1 {
  color: rgba(177, 223, 217, 0.1);
}

.gr-color-aquaisland-opacity-2 {
  color: rgba(177, 223, 217, 0.2);
}

.gr-color-aquaisland-opacity-3 {
  color: rgba(177, 223, 217, 0.3);
}

.gr-color-aquaisland-opacity-4 {
  color: rgba(177, 223, 217, 0.4);
}

.gr-color-aquaisland-opacity-5 {
  color: rgba(177, 223, 217, 0.5);
}

.gr-color-aquaisland-opacity-6 {
  color: rgba(177, 223, 217, 0.6);
}

.gr-color-aquaisland-opacity-7 {
  color: rgba(177, 223, 217, 0.7);
}

.gr-color-aquaisland-opacity-8 {
  color: rgba(177, 223, 217, 0.8);
}

.gr-color-aquaisland-opacity-9 {
  color: rgba(177, 223, 217, 0.9);
}

.bg-springwood-opacity-visible {
  background-color: #faf9f6;
}

.bg-springwood-opacity-1 {
  background-color: rgba(250, 249, 246, 0.1);
}

.bg-springwood-opacity-2 {
  background-color: rgba(250, 249, 246, 0.2);
}

.bg-springwood-opacity-3 {
  background-color: rgba(250, 249, 246, 0.3);
}

.bg-springwood-opacity-4 {
  background-color: rgba(250, 249, 246, 0.4);
}

.bg-springwood-opacity-5 {
  background-color: rgba(250, 249, 246, 0.5);
}

.bg-springwood-opacity-6 {
  background-color: rgba(250, 249, 246, 0.6);
}

.bg-springwood-opacity-7 {
  background-color: rgba(250, 249, 246, 0.7);
}

.bg-springwood-opacity-8 {
  background-color: rgba(250, 249, 246, 0.8);
}

.bg-springwood-opacity-9 {
  background-color: rgba(250, 249, 246, 0.9);
}

.gr-color-springwood-opacity-visible {
  color: #faf9f6;
}

.gr-color-springwood-opacity-1 {
  color: rgba(250, 249, 246, 0.1);
}

.gr-color-springwood-opacity-2 {
  color: rgba(250, 249, 246, 0.2);
}

.gr-color-springwood-opacity-3 {
  color: rgba(250, 249, 246, 0.3);
}

.gr-color-springwood-opacity-4 {
  color: rgba(250, 249, 246, 0.4);
}

.gr-color-springwood-opacity-5 {
  color: rgba(250, 249, 246, 0.5);
}

.gr-color-springwood-opacity-6 {
  color: rgba(250, 249, 246, 0.6);
}

.gr-color-springwood-opacity-7 {
  color: rgba(250, 249, 246, 0.7);
}

.gr-color-springwood-opacity-8 {
  color: rgba(250, 249, 246, 0.8);
}

.gr-color-springwood-opacity-9 {
  color: rgba(250, 249, 246, 0.9);
}

.bg-bluezodiac-opacity-visible {
  background-color: #132946;
}

.bg-bluezodiac-opacity-1 {
  background-color: rgba(19, 41, 70, 0.1);
}

.bg-bluezodiac-opacity-2 {
  background-color: rgba(19, 41, 70, 0.2);
}

.bg-bluezodiac-opacity-3 {
  background-color: rgba(19, 41, 70, 0.3);
}

.bg-bluezodiac-opacity-4 {
  background-color: rgba(19, 41, 70, 0.4);
}

.bg-bluezodiac-opacity-5 {
  background-color: rgba(19, 41, 70, 0.5);
}

.bg-bluezodiac-opacity-6 {
  background-color: rgba(19, 41, 70, 0.6);
}

.bg-bluezodiac-opacity-7 {
  background-color: rgba(19, 41, 70, 0.7);
}

.bg-bluezodiac-opacity-8 {
  background-color: rgba(19, 41, 70, 0.8);
}

.bg-bluezodiac-opacity-9 {
  background-color: rgba(19, 41, 70, 0.9);
}

.gr-color-bluezodiac-opacity-visible {
  color: #132946;
}

.gr-color-bluezodiac-opacity-1 {
  color: rgba(19, 41, 70, 0.1);
}

.gr-color-bluezodiac-opacity-2 {
  color: rgba(19, 41, 70, 0.2);
}

.gr-color-bluezodiac-opacity-3 {
  color: rgba(19, 41, 70, 0.3);
}

.gr-color-bluezodiac-opacity-4 {
  color: rgba(19, 41, 70, 0.4);
}

.gr-color-bluezodiac-opacity-5 {
  color: rgba(19, 41, 70, 0.5);
}

.gr-color-bluezodiac-opacity-6 {
  color: rgba(19, 41, 70, 0.6);
}

.gr-color-bluezodiac-opacity-7 {
  color: rgba(19, 41, 70, 0.7);
}

.gr-color-bluezodiac-opacity-8 {
  color: rgba(19, 41, 70, 0.8);
}

.gr-color-bluezodiac-opacity-9 {
  color: rgba(19, 41, 70, 0.9);
}

.bg-iron-opacity-visible {
  background-color: #cbced1;
}

.bg-iron-opacity-1 {
  background-color: rgba(203, 206, 209, 0.1);
}

.bg-iron-opacity-2 {
  background-color: rgba(203, 206, 209, 0.2);
}

.bg-iron-opacity-3 {
  background-color: rgba(203, 206, 209, 0.3);
}

.bg-iron-opacity-4 {
  background-color: rgba(203, 206, 209, 0.4);
}

.bg-iron-opacity-5 {
  background-color: rgba(203, 206, 209, 0.5);
}

.bg-iron-opacity-6 {
  background-color: rgba(203, 206, 209, 0.6);
}

.bg-iron-opacity-7 {
  background-color: rgba(203, 206, 209, 0.7);
}

.bg-iron-opacity-8 {
  background-color: rgba(203, 206, 209, 0.8);
}

.bg-iron-opacity-9 {
  background-color: rgba(203, 206, 209, 0.9);
}

.gr-color-iron-opacity-visible {
  color: #cbced1;
}

.gr-color-iron-opacity-1 {
  color: rgba(203, 206, 209, 0.1);
}

.gr-color-iron-opacity-2 {
  color: rgba(203, 206, 209, 0.2);
}

.gr-color-iron-opacity-3 {
  color: rgba(203, 206, 209, 0.3);
}

.gr-color-iron-opacity-4 {
  color: rgba(203, 206, 209, 0.4);
}

.gr-color-iron-opacity-5 {
  color: rgba(203, 206, 209, 0.5);
}

.gr-color-iron-opacity-6 {
  color: rgba(203, 206, 209, 0.6);
}

.gr-color-iron-opacity-7 {
  color: rgba(203, 206, 209, 0.7);
}

.gr-color-iron-opacity-8 {
  color: rgba(203, 206, 209, 0.8);
}

.gr-color-iron-opacity-9 {
  color: rgba(203, 206, 209, 0.9);
}

.bg-shuttlegray-opacity-visible {
  background-color: #546274;
}

.bg-shuttlegray-opacity-1 {
  background-color: rgba(84, 98, 116, 0.1);
}

.bg-shuttlegray-opacity-2 {
  background-color: rgba(84, 98, 116, 0.2);
}

.bg-shuttlegray-opacity-3 {
  background-color: rgba(84, 98, 116, 0.3);
}

.bg-shuttlegray-opacity-4 {
  background-color: rgba(84, 98, 116, 0.4);
}

.bg-shuttlegray-opacity-5 {
  background-color: rgba(84, 98, 116, 0.5);
}

.bg-shuttlegray-opacity-6 {
  background-color: rgba(84, 98, 116, 0.6);
}

.bg-shuttlegray-opacity-7 {
  background-color: rgba(84, 98, 116, 0.7);
}

.bg-shuttlegray-opacity-8 {
  background-color: rgba(84, 98, 116, 0.8);
}

.bg-shuttlegray-opacity-9 {
  background-color: rgba(84, 98, 116, 0.9);
}

.gr-color-shuttlegray-opacity-visible {
  color: #546274;
}

.gr-color-shuttlegray-opacity-1 {
  color: rgba(84, 98, 116, 0.1);
}

.gr-color-shuttlegray-opacity-2 {
  color: rgba(84, 98, 116, 0.2);
}

.gr-color-shuttlegray-opacity-3 {
  color: rgba(84, 98, 116, 0.3);
}

.gr-color-shuttlegray-opacity-4 {
  color: rgba(84, 98, 116, 0.4);
}

.gr-color-shuttlegray-opacity-5 {
  color: rgba(84, 98, 116, 0.5);
}

.gr-color-shuttlegray-opacity-6 {
  color: rgba(84, 98, 116, 0.6);
}

.gr-color-shuttlegray-opacity-7 {
  color: rgba(84, 98, 116, 0.7);
}

.gr-color-shuttlegray-opacity-8 {
  color: rgba(84, 98, 116, 0.8);
}

.gr-color-shuttlegray-opacity-9 {
  color: rgba(84, 98, 116, 0.9);
}

.gr-opacity-visible {
  opacity: 1;
}

.gr-opacity-1 {
  opacity: 0.1;
}

.gr-opacity-2 {
  opacity: 0.2;
}

.gr-opacity-3 {
  opacity: 0.3;
}

.gr-opacity-4 {
  opacity: 0.4;
}

.gr-opacity-5 {
  opacity: 0.5;
}

.gr-opacity-6 {
  opacity: 0.6;
}

.gr-opacity-7 {
  opacity: 0.7;
}

.gr-opacity-8 {
  opacity: 0.8;
}

.gr-opacity-9 {
  opacity: 0.9;
}

/* ---------------------------
  02.Utility -> { Flex } 
------------------------------*/
.flex-all-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.flex-x-center {
  display: flex;
  justify-content: center;
}

/* ---------------------------
  02.Utility -> { Grid } 
------------------------------*/
@media (min-width: 576px) {
  .row-sm {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (min-width: 992px) {
  .row-lg {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (min-width: 768px) {
  .row-md {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (min-width: 1200px) {
  .row-xl {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}

/* ---------------------------
  02.Utility -> { Shadows } 
------------------------------*/
/*~~~~~ Normal Shadows ~~~~~*/
.shadow-1 {
  box-shadow: 0 2px 34px rgba(37, 138, 255, 0.21);
}

.shadow-2 {
  box-shadow: 0 2px 4px rgba(25, 47, 72, 0.09);
}

.shadow-3 {
  box-shadow: inset 0 1px 20px rgba(0, 0, 0, 0.2), inset 0 1px 10px #ffffff;
}

.shadow-4 {
  box-shadow: inset 0 1px 60px rgba(0, 0, 0, 0.1), inset 0 10px 40px #ffffff;
}

.shadow-5 {
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.03);
}

.shadow-6 {
  box-shadow: 0 10px 60px rgba(35, 44, 39, 0.05);
}

.shadow-7 {
  box-shadow: 0 2px 4px rgba(37, 41, 39, 0.03);
}

.shadow-8 {
  box-shadow: 0 30px 60px rgba(49, 70, 60, 0.05);
}

.shadow-9 {
  box-shadow: 0 22px 74px rgba(20, 21, 24, 0.18);
}

.shadow-10 {
  box-shadow: 0 22px 64px rgba(34, 45, 61, 0.13);
}

.shadow-11 {
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.07);
}

.shadow-12 {
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.06);
}

.shadow-13 {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}

.shadow-14 {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

/* ---------------------------
  02.Utility -> { Size } 
------------------------------*/
/*~~~~~ Circle Sizes ~~~~~*/
.circle-9 {
  max-width: 9px;
  min-width: 9px;
  max-height: 9px;
  min-height: 9px;
  border-radius: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle-21 {
  max-width: 21px;
  min-width: 21px;
  max-height: 21px;
  min-height: 21px;
  border-radius: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle-22 {
  max-width: 22px;
  min-width: 22px;
  max-height: 22px;
  min-height: 22px;
  border-radius: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle-40 {
  max-width: 40px;
  min-width: 40px;
  max-height: 40px;
  min-height: 40px;
  border-radius: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle-43 {
  max-width: 43px;
  min-width: 43px;
  max-height: 43px;
  min-height: 43px;
  border-radius: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle-46 {
  max-width: 46px;
  min-width: 46px;
  max-height: 46px;
  min-height: 46px;
  border-radius: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle-50 {
  max-width: 50px;
  min-width: 50px;
  max-height: 50px;
  min-height: 50px;
  border-radius: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle-54 {
  max-width: 54px;
  min-width: 54px;
  max-height: 54px;
  min-height: 54px;
  border-radius: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle-56 {
  max-width: 56px;
  min-width: 56px;
  max-height: 56px;
  min-height: 56px;
  border-radius: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle-58 {
  max-width: 58px;
  min-width: 58px;
  max-height: 58px;
  min-height: 58px;
  border-radius: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle-60 {
  max-width: 60px;
  min-width: 60px;
  max-height: 60px;
  min-height: 60px;
  border-radius: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle-68 {
  max-width: 68px;
  min-width: 68px;
  max-height: 68px;
  min-height: 68px;
  border-radius: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle-80 {
  max-width: 80px;
  min-width: 80px;
  max-height: 80px;
  min-height: 80px;
  border-radius: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle-83 {
  max-width: 83px;
  min-width: 83px;
  max-height: 83px;
  min-height: 83px;
  border-radius: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle-84 {
  max-width: 84px;
  min-width: 84px;
  max-height: 84px;
  min-height: 84px;
  border-radius: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle-85 {
  max-width: 85px;
  min-width: 85px;
  max-height: 85px;
  min-height: 85px;
  border-radius: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle-100 {
  max-width: 100px;
  min-width: 100px;
  max-height: 100px;
  min-height: 100px;
  border-radius: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle-137 {
  max-width: 137px;
  min-width: 137px;
  max-height: 137px;
  min-height: 137px;
  border-radius: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*~~~~~ Square Sizes ~~~~~*/
.square-14 {
  max-width: 14px;
  min-width: 14px;
  max-height: 14px;
  min-height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.square-42 {
  max-width: 42px;
  min-width: 42px;
  max-height: 42px;
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.square-60 {
  max-width: 60px;
  min-width: 60px;
  max-height: 60px;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.square-69 {
  max-width: 69px;
  min-width: 69px;
  max-height: 69px;
  min-height: 69px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*~~~~~ responsive width ~~~~~*/
@media (min-width: 480px) {
  .w-xs-25 {
    width: 25% !important;
  }
  .w-xs-50 {
    width: 50% !important;
  }
  .w-xs-75 {
    width: 75% !important;
  }
  .w-xs-100 {
    width: 100% !important;
  }
  .w-xs-auto {
    width: auto !important;
  }
  .w-xs-100vh {
    width: 100vh !important;
  }
  .w-xs-49 {
    width: 49% !important;
  }
  .w-xs-15 {
    width: 15% !important;
  }
  .w-xs-56px {
    width: 56px !important;
  }
  .w-xs-60px {
    width: 60px !important;
  }
  .w-xs-190 {
    width: 190px !important;
  }
  .w-xs-278 {
    width: 278px !important;
  }
  .w-xs-309 {
    width: 309px !important;
  }
}

@media (min-width: 576px) {
  .w-sm-25 {
    width: 25% !important;
  }
  .w-sm-50 {
    width: 50% !important;
  }
  .w-sm-75 {
    width: 75% !important;
  }
  .w-sm-100 {
    width: 100% !important;
  }
  .w-sm-auto {
    width: auto !important;
  }
  .w-sm-100vh {
    width: 100vh !important;
  }
  .w-sm-49 {
    width: 49% !important;
  }
  .w-sm-15 {
    width: 15% !important;
  }
  .w-sm-56px {
    width: 56px !important;
  }
  .w-sm-60px {
    width: 60px !important;
  }
  .w-sm-190 {
    width: 190px !important;
  }
  .w-sm-278 {
    width: 278px !important;
  }
  .w-sm-309 {
    width: 309px !important;
  }
}

@media (min-width: 768px) {
  .w-md-25 {
    width: 25% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .w-md-100 {
    width: 100% !important;
  }
  .w-md-auto {
    width: auto !important;
  }
  .w-md-100vh {
    width: 100vh !important;
  }
  .w-md-49 {
    width: 49% !important;
  }
  .w-md-15 {
    width: 15% !important;
  }
  .w-md-56px {
    width: 56px !important;
  }
  .w-md-60px {
    width: 60px !important;
  }
  .w-md-190 {
    width: 190px !important;
  }
  .w-md-278 {
    width: 278px !important;
  }
  .w-md-309 {
    width: 309px !important;
  }
}

@media (min-width: 992px) {
  .w-lg-25 {
    width: 25% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-75 {
    width: 75% !important;
  }
  .w-lg-100 {
    width: 100% !important;
  }
  .w-lg-auto {
    width: auto !important;
  }
  .w-lg-100vh {
    width: 100vh !important;
  }
  .w-lg-49 {
    width: 49% !important;
  }
  .w-lg-15 {
    width: 15% !important;
  }
  .w-lg-56px {
    width: 56px !important;
  }
  .w-lg-60px {
    width: 60px !important;
  }
  .w-lg-190 {
    width: 190px !important;
  }
  .w-lg-278 {
    width: 278px !important;
  }
  .w-lg-309 {
    width: 309px !important;
  }
}

@media (min-width: 1200px) {
  .w-xl-25 {
    width: 25% !important;
  }
  .w-xl-50 {
    width: 50% !important;
  }
  .w-xl-75 {
    width: 75% !important;
  }
  .w-xl-100 {
    width: 100% !important;
  }
  .w-xl-auto {
    width: auto !important;
  }
  .w-xl-100vh {
    width: 100vh !important;
  }
  .w-xl-49 {
    width: 49% !important;
  }
  .w-xl-15 {
    width: 15% !important;
  }
  .w-xl-56px {
    width: 56px !important;
  }
  .w-xl-60px {
    width: 60px !important;
  }
  .w-xl-190 {
    width: 190px !important;
  }
  .w-xl-278 {
    width: 278px !important;
  }
  .w-xl-309 {
    width: 309px !important;
  }
}

/* ---------------------------
  02.Utility -> { Borders } 
------------------------------*/
.rounded-xs {
  border-radius: 3px;
}

.rounded-top-xs {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.rounded-bottom-xs {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.rounded-left-xs {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.rounded-right-xs {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.rounded-md {
  border-radius: 0.5rem;
}

.rounded-top-md {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.rounded-bottom-md {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.rounded-left-md {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-right-md {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.rounded-xl {
  border-radius: 1.25rem;
}

.rounded-top-xl {
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
}

.rounded-bottom-xl {
  border-bottom-left-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
}

.rounded-left-xl {
  border-top-left-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
}

.rounded-right-xl {
  border-top-right-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
}

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

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

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

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

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

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

.rounded-top-5 {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.rounded-bottom-5 {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.rounded-left-5 {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.rounded-right-5 {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

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

.rounded-top-6 {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.rounded-bottom-6 {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.rounded-left-6 {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.rounded-right-6 {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

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

.rounded-top-8 {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.rounded-bottom-8 {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.rounded-left-8 {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.rounded-right-8 {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

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

.rounded-top-13 {
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
}

.rounded-bottom-13 {
  border-bottom-left-radius: 13px;
  border-bottom-right-radius: 13px;
}

.rounded-left-13 {
  border-top-left-radius: 13px;
  border-bottom-left-radius: 13px;
}

.rounded-right-13 {
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
}

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

.rounded-top-10 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.rounded-bottom-10 {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.rounded-left-10 {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.rounded-right-10 {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

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

.rounded-top-15 {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.rounded-bottom-15 {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.rounded-left-15 {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.rounded-right-15 {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

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

.rounded-top-31 {
  border-top-left-radius: 31px;
  border-top-right-radius: 31px;
}

.rounded-bottom-31 {
  border-bottom-left-radius: 31px;
  border-bottom-right-radius: 31px;
}

.rounded-left-31 {
  border-top-left-radius: 31px;
  border-bottom-left-radius: 31px;
}

.rounded-right-31 {
  border-top-right-radius: 31px;
  border-bottom-right-radius: 31px;
}

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

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

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

/* ---------------------------
  02.Utility -> { Common } 
------------------------------*/
span, a {
  display: inline-block;
}

.line-height-reset {
  line-height: 1;
}

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

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

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

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

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

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

.z-index-supper {
  z-index: 800;
}

.z-index-supper-duper {
  z-index: 10000;
}

.z-index-n1 {
  z-index: -1;
}

.z-index-n2 {
  z-index: -2;
}

.z-index-lower {
  z-index: -9999;
}

/* Focus Reset */
.focus-reset:focus {
  box-shadow: none;
  outline: none;
}

.table-y-middle {
  vertical-align: middle !important;
}

/* ---------------------------
  02.Utility -> { Typography } 
------------------------------*/
p {
  font-size: 1.125rem;
  color: var(--color-texts);
}

.font-size-1 {
  font-size: 12px;
  line-height: 2.6;
}

.font-size-2 {
  font-size: 13px;
  line-height: 2.6;
}

.font-size-3 {
  font-size: 14px;
  line-height: 2;
}

.font-size-4 {
  font-size: 15px;
  line-height: 1.86;
}

.font-size-5 {
  font-size: 1rem;
  line-height: 1.75;
}

.font-size-6 {
  font-size: 1.0625rem;
  line-height: 1.647;
}

.font-size-7 {
  font-size: 1.125rem;
  line-height: 1.75;
}

.font-size-8 {
  font-size: 1.25rem;
}

.font-size-9 {
  font-size: 1.3125rem;
  line-height: 1.7142;
}

@media (max-width: 1200px) {
  .font-size-9 {
    font-size: calc(1.25625rem + 0.075vw) ;
  }
}

.font-size-10 {
  font-size: 1.5rem;
  line-height: 1.3;
}

@media (max-width: 1200px) {
  .font-size-10 {
    font-size: calc(1.275rem + 0.3vw) ;
  }
}

.font-size-11 {
  font-size: 1.5625rem;
  letter-spacing: -1px;
}

@media (max-width: 1200px) {
  .font-size-11 {
    font-size: calc(1.28125rem + 0.375vw) ;
  }
}

.font-size-12 {
  font-size: 1.75rem;
  line-height: 1.1428;
}

@media (max-width: 1200px) {
  .font-size-12 {
    font-size: calc(1.3rem + 0.6vw) ;
  }
}

.font-size-13 {
  font-size: 1.875rem;
  line-height: 1.25;
  letter-spacing: -1.2px;
}

@media (max-width: 1200px) {
  .font-size-13 {
    font-size: calc(1.3125rem + 0.75vw) ;
  }
}

.font-size-14 {
  font-size: 3rem;
  line-height: 1.25;
}

@media (max-width: 1200px) {
  .font-size-14 {
    font-size: calc(1.425rem + 2.1vw) ;
  }
}

.font-size-15 {
  font-size: 3.125rem;
  line-height: 1.2;
  letter-spacing: -2px;
}

@media (max-width: 1200px) {
  .font-size-15 {
    font-size: calc(1.4375rem + 2.25vw) ;
  }
}

.font-size-16 {
  font-size: 3.625rem;
  line-height: 0.862;
}

@media (max-width: 1200px) {
  .font-size-16 {
    font-size: calc(1.4875rem + 2.85vw) ;
  }
}

.font-size-17 {
  font-size: 3.75rem;
  line-height: 1.23;
}

@media (max-width: 1200px) {
  .font-size-17 {
    font-size: calc(1.5rem + 3vw) ;
  }
}

.font-size-18 {
  font-size: 4.375rem;
  line-height: 1;
}

@media (max-width: 1200px) {
  .font-size-18 {
    font-size: calc(1.5625rem + 3.75vw) ;
  }
}

.font-size-19 {
  font-size: 1.375rem;
  line-height: 1.54;
}

@media (max-width: 1200px) {
  .font-size-19 {
    font-size: calc(1.2625rem + 0.15vw) ;
  }
}

.font-size-20 {
  font-size: 2.375rem;
  line-height: 1.54;
}

@media (max-width: 1200px) {
  .font-size-20 {
    font-size: calc(1.3625rem + 1.35vw) ;
  }
}

.font-size-21 {
  font-size: 2.625rem;
  line-height: 1.238;
}

@media (max-width: 1200px) {
  .font-size-21 {
    font-size: calc(1.3875rem + 1.65vw) ;
  }
}

.font-size-22 {
  font-size: 2.875rem;
  line-height: 1.217;
}

@media (max-width: 1200px) {
  .font-size-22 {
    font-size: calc(1.4125rem + 1.95vw) ;
  }
}

.font-size-23 {
  font-size: 3.5rem;
}

@media (max-width: 1200px) {
  .font-size-23 {
    font-size: calc(1.475rem + 2.7vw) ;
  }
}

.font-family-1 {
  font-family: "Gothic A1";
}

.font-family-2 {
  font-family: "lucida_granderegular";
}

.font-family-3 {
  font-family: "Rubik";
}

.font-family-4 {
  font-family: "Work Sans";
}

.font-family-5 {
  font-family: "Inter";
}

.font-family-6 {
  font-family: "Nunito";
}

.font-family-7 {
  font-family: "Noto Serif";
}

.font-family-fontName {
  font-family: "Karla", sans-serif;
}

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

.line-height-reset {
  line-height: 1;
}

.font-size-small {
  font-size: 13px;
}

.letter-spacing-n3p5 {
  letter-spacing: -2.5px;
}

@media (min-width: 768px) {
  .letter-spacing-n3p5 {
    letter-spacing: -3.5px;
  }
}

/* ---------------------------
  02.Utility -> { Typography } 
------------------------------*/
@media (min-width: 992px) {
  .position-lg-static {
    position: static;
  }
}

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

.position-lg-absolute {
  position: static;
}

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

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

@media (min-width: 992px) {
  .pos-abs-lg {
    position: absolute !important;
  }
}

@media (min-width: 1200px) {
  .pos-abs-xl {
    position: absolute !important;
  }
}

@media (min-width: 992px) {
  .pos-abs-lg-ly-center {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}

@media (min-width: 992px) {
  .pos-abs-lg-ry-center {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
}

.pos-abs-tl {
  position: absolute;
  top: 0;
  left: 0;
}

.pos-abs-tr {
  position: absolute;
  top: 0;
  right: 0;
}

.pos-abs-bl {
  position: absolute;
  bottom: 0;
  left: 0;
}

.pos-abs-br {
  position: absolute;
  bottom: 0;
  right: 0;
}

.pos-abs-cr {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

@media (min-width: 992px) {
  .pos-lg-abs-c {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.pos-abs-cl {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@media (min-width: 480px) {
  .pos-xs-abs-cl {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}

.pos-abs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pos-abs-br-custom {
  position: absolute;
  bottom: -50px;
  right: -36px;
}

.pos-abs-bl-custom {
  position: absolute;
  bottom: -50px;
  left: -36px;
  z-index: -1;
}

.pos-abs-bl-custom-2 {
  position: absolute;
  left: 30px;
  bottom: 28px;
}

.pos-abs-tl-custom {
  position: absolute;
  top: -6px;
  left: 45px;
}

.pos-abs-tr-custom {
  position: absolute;
  top: -32px;
  right: -38px;
}

.translate-n50 {
  transform: translate(-50%, -50%);
}

.translateX-n50 {
  transform: translateX(-50%);
}

.translateY-50 {
  transform: translateY(50%);
}

/* --------------------------------
  03.Theme Utility -> { Overlay } 
-----------------------------------*/
/* --------------------------------
  03.Theme Utility -> { Rotate } 
-----------------------------------*/
/* Used in Landing-2 */
.rotate-n3 {
  transform: rotate(-3deg);
}

.rotate-n4 {
  transform: rotate(-4deg);
}

.rotate-n6 {
  transform: rotate(-6deg);
}

.rotate-6 {
  transform: rotate(6deg);
}

[data-aos="newsletter-animaion"] {
  transform: rotate(0) !important;
}

[data-aos="newsletter-animaion"].aos-animate {
  transform: rotate(-4deg) !important;
}

/* --------------------------------
  03.Theme Utility -> { gradient-bg } 
-----------------------------------*/
.gradient-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.gradient-bg-1 {
  background: linear-gradient(-45deg, #152649 0%, #4f525c 100%);
}

.gradient-bg-2 {
  background: linear-gradient(180deg, #0a74ff 0%, #6451ec 100%);
}

.gradient-bg-3 {
  background: linear-gradient(-48deg, #8731e8 0%, #4528dc 100%);
}

.gradient-bg-4 {
  background: linear-gradient(180deg, #f4fcff 0%, #e8f5fa 100%);
}

.gradient-bg-5 {
  background: linear-gradient(180deg, #f4fcff 0%, #e8f5fa 100%);
}

.gradient-bg-6 {
  background: linear-gradient(-45deg, #152649 0%, #4f525c 100%);
}

/* ---------------------------
  03.Theme Utility -> { Hovers } 
------------------------------*/
/* Used in Landing-6 */
.hover {
  /* Used in Landing-6,cards.njk */
  /* Used in Landing-6,cards.njk */
}

.hover-shadow {
  /* Used in Landing-6,cards.njk */
  /* Used in Landing-6 */
  /* Used in Landing-6 */
}

.hover-shadow-1 {
  transition: .4s;
}

.hover-shadow-1:hover {
  box-shadow: 0 10px 60px rgba(35, 44, 39, 0.05);
  transition: .4s;
}

.hover-shadow-2 {
  transition: .4s;
}

.hover-shadow-2:hover {
  box-shadow: 0 30px 60px rgba(49, 70, 60, 0.05);
  transition: .4s;
}

.hover-shadow-3 {
  transition: .4s;
}

.hover-shadow-3:hover {
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.07);
  transition: .4s;
}

.hover-shadow-4 {
  transition: .4s;
}

.hover-shadow-4:hover {
  box-shadow: 0 22px 64px rgba(34, 45, 61, 0.13);
  transition: .4s;
}

.hover-bg-1 {
  transition: .4s;
}

.hover-bg-1:hover {
  background: #4ebe86 !important;
  color: #fff;
}

/* ---------------------------
  03.Theme Utility -> { icon-animation } 
------------------------------*/
/* css animation */
.mypath1, .mypath2, .mypath3, .mypath4 {
  stroke-dashoffset: 700;
  stroke-dasharray: 700;
  -webkit-animation-name: padda;
          animation-name: padda;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

/* .mypath1 */
@-webkit-keyframes padda {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes padda {
  to {
    stroke-dashoffset: 0;
  }
}

/* .mypath2 */
@keyframes padda {
  to {
    stroke-dashoffset: 0;
  }
}

/* .mypath3 */
@keyframes padda {
  to {
    stroke-dashoffset: 0;
  }
}

/* .mypath4 */
@keyframes padda {
  to {
    stroke-dashoffset: 0;
  }
}

.animate-1 {
  -webkit-animation: pulse 3s ease infinite alternate, nudge 5s linear infinite alternate;
          animation: pulse 3s ease infinite alternate, nudge 5s linear infinite alternate;
}

.animate-2 {
  -webkit-animation: bounce 3s ease infinite alternate, nudge 5s linear infinite alternate;
          animation: bounce 3s ease infinite alternate, nudge 5s linear infinite alternate;
}

@-webkit-keyframes pulse {
  0% {
    transform: scale(0.3);
    opacity: .8;
  }
  70% {
    transform: translateX(10px);
    opacity: .9;
  }
  100% {
    transform: translateX(20px);
    opacity: 1;
  }
}

@keyframes pulse {
  0% {
    transform: scale(0.3);
    opacity: .8;
  }
  70% {
    transform: translateX(10px);
    opacity: .9;
  }
  100% {
    transform: translateX(20px);
    opacity: 1;
  }
}

@-webkit-keyframes nudge {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(10px, 0) scale(1);
  }
  80% {
    transform: translate(-20px, 0) scale(1);
  }
}

@keyframes nudge {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(10px, 0) scale(1);
  }
  80% {
    transform: translate(-20px, 0) scale(1);
  }
}

@-webkit-keyframes pulse1 {
  0% {
    transform: scale(0.3);
    opacity: .8;
  }
  70% {
    transform: translateX(10px);
    opacity: .9;
  }
  100% {
    transform: translateX(20px);
    opacity: 1;
  }
}

@keyframes pulse1 {
  0% {
    transform: scale(0.3);
    opacity: .8;
  }
  70% {
    transform: translateX(10px);
    opacity: .9;
  }
  100% {
    transform: translateX(20px);
    opacity: 1;
  }
}

@-webkit-keyframes nudge1 {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(10px, 0) scale(1);
  }
  80% {
    transform: translate(-20px, 0) scale(1);
  }
}

@keyframes nudge1 {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(10px, 0) scale(1);
  }
  80% {
    transform: translate(-20px, 0) scale(1);
  }
}

/* ---------------------------
  03.Theme Utility -> { accordion } 
------------------------------*/
/* Used in Landing-6 */
.accordion-trigger.arrow-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.accordion-trigger.arrow-icon:after {
  content: "\ea05";
  font-family: "Grayic";
  font-size: 30px;
  display: block;
  line-height: 1;
  transform: rotate(0deg);
  transition: .4s;
  color: #878b90;
  top: 7px;
  position: absolute;
  right: -10px;
}

@media (min-width: 480px) and (max-width: 991px) {
  .accordion-trigger.arrow-icon:after {
    top: 0;
  }
}

.accordion-trigger.arrow-icon[aria-expanded="true"]:after {
  transform: rotate(-180deg);
}

.accordion-trigger-2.arrow-icon:after {
  top: 27px;
  right: 23px;
}

/* Used in Landing-6 */
.accordion2-single-accordion .accordion-trigger[aria-expanded="true"] {
  background: #fff !important;
  color: #000 !important;
}

.accordion2-single-accordion .accordion-trigger[aria-expanded="true"]:hover, .accordion2-single-accordion .accordion-trigger[aria-expanded="true"]:focus {
  background: #fff !important;
}

.accordion2-single-accordion .accordion-trigger[aria-expanded="false"]:hover, .accordion2-single-accordion .accordion-trigger[aria-expanded="false"]:focus {
  background: #384e44 !important;
}

.accordion2-single-accordion .show {
  background: #fff !important;
  color: #666 !important;
}

/* --------------------------------
  03.Theme Utility -> { Typograpy } 
-----------------------------------*/
/* ===============================
    letter-spacing custom css
================================== */
/* letter-spacing: -0.1px */
.letter-spacing-np1 {
  letter-spacing: -0.1px;
}

/* letter-spacing: -5px */
.letter-spacing-n5 {
  letter-spacing: -5px;
}

/* letter-spacing: -4px */
.letter-spacing-n4 {
  letter-spacing: -4px;
}

/* letter-spacing: -3px */
.letter-spacing-n3 {
  letter-spacing: -3px;
}

/* letter-spacing: -2px */
.letter-spacing-n2 {
  letter-spacing: -2px;
}

/* letter-spacing: -3.16px */
.letter-spacing-n3p16 {
  letter-spacing: -3.16px;
}

/* letter-spacing: -3.11px */
.letter-spacing-n3p11 {
  letter-spacing: -3.11px;
}

/* letter-spacing: -2.53px */
.letter-spacing-n2p53 {
  letter-spacing: -2.53px;
}

/* letter-spacing: -2.33px */
.letter-spacing-n2p33 {
  letter-spacing: -2.33px;
}

/* letter-spacing: -1px */
.letter-spacing-n1 {
  letter-spacing: -1px;
}

/* letter-spacing: -1.06px */
.letter-spacing-n1p06 {
  letter-spacing: -1.06px;
}

/* letter-spacing: -1.4px */
.letter-spacing-n1p4 {
  letter-spacing: -1.4px;
}

/* letter-spacing: -1.2px */
.letter-spacing-n1p2 {
  letter-spacing: -1.2px;
}

/* letter-spacing: -1.26px */
.letter-spacing-n1p26 {
  letter-spacing: -1.26px;
}

/* letter-spacing: -1.33px */
.letter-spacing-n1p33 {
  letter-spacing: -1.33px;
}

/* letter-spacing: -0.4px */
.letter-spacing-np4 {
  letter-spacing: -0.4px;
}

/* letter-spacing: -0.01px */
.letter-spacing-np01 {
  letter-spacing: -0.01px;
}

/* letter-spacing: -0.18px */
.letter-spacing-np18 {
  letter-spacing: -0.18px;
}

/* letter-spacing: -0.43px */
.letter-spacing-np3 {
  letter-spacing: -0.3px;
}

/* letter-spacing: -0.1px */
.letter-spacing-np43 {
  letter-spacing: -0.43px;
}

/* letter-spacing: -0.1px */
.letter-spacing-np28 {
  letter-spacing: -0.28px;
}

/* letter-spacing: -0.42px */
.letter-spacing-np42 {
  letter-spacing: -0.42px;
}

/* letter-spacing: -0.35px */
.letter-spacing-np35 {
  letter-spacing: -0.35px;
}

/* letter-spacing: -0.34px */
.letter-spacing-np34 {
  letter-spacing: -0.34px;
}

/* letter-spacing: -0.32px */
.letter-spacing-np32 {
  letter-spacing: -0.32px;
}

/* letter-spacing: -0.37px */
.letter-spacing-np37 {
  letter-spacing: -0.37px;
}

/* letter-spacing: -0.51px */
.letter-spacing-np51 {
  letter-spacing: -0.51px;
}

/* letter-spacing: -0.6px */
.letter-spacing-np6 {
  letter-spacing: -0.6px;
}

/* letter-spacing: -0.63px */
.letter-spacing-np63 {
  letter-spacing: -0.63px;
}

/* letter-spacing: -0.64px */
.letter-spacing-np64 {
  letter-spacing: -0.64px;
}

/* letter-spacing: -0.68px */
.letter-spacing-np68 {
  letter-spacing: -0.68px;
}

/* letter-spacing: -0.76px */
.letter-spacing-np76 {
  letter-spacing: -0.76px;
}

/* letter-spacing: -0.86px */
.letter-spacing-np86 {
  letter-spacing: -0.86px;
}

/* letter-spacing: -0.9px */
.letter-spacing-np9 {
  letter-spacing: -0.9px;
}

/* letter-spacing: 0.43px */
.letter-spacing-p43 {
  letter-spacing: 0.43px;
}

/* letter-spacing: 0.89px */
.letter-spacing-p89 {
  letter-spacing: 0.89px;
}

/* letter-spacing: 0.78px */
.letter-spacing-p78 {
  letter-spacing: 0.78px;
}

/* letter-spacing: 1.06px */
.letter-spacing-1p06 {
  letter-spacing: 1.06px;
}

/* letter-spacing: 1.3px */
.letter-spacing-1p3 {
  letter-spacing: 1.3px;
}

/* letter-spacing: 1.52px */
.letter-spacing-1p52 {
  letter-spacing: 1.52px;
}

/* letter-spacing: 2.63px */
.letter-spacing-2p63 {
  letter-spacing: 2.63px;
}

/* letter-spacing: 2px */
.letter-spacing-2 {
  letter-spacing: 2px;
}

/* letter-spacing: 2.81px */
.letter-spacing-2p81 {
  letter-spacing: 2.81px;
}

/* ===============================
    line-height custom css
================================== */
.line-height-1p2 {
  line-height: 1.25;
  /* line-height-20px */
}

.line-height-1p64 {
  line-height: 1.6428;
  /* line-height-23px */
}

.line-height-1p86 {
  line-height: 1.86;
  /* line-height-28px */
}

.line-height-2 {
  line-height: 2;
  /* line-height-28px for font-size-14px */
}

.line-height-1p75 {
  line-height: 1.75;
  /* line-height-28px for font-size: 16px */
}

.line-height-1p55 {
  line-height: 1.55;
  /* line-height-28px for font-size: 18px */
}

.line-height-1p425 {
  line-height: 1.42;
  /* line-height-30px for font-size: 21px */
}

.line-height-1p7 {
  line-height: 1.7;
  /* line-height-32px for font-size: 18px */
  /* Also line-height-34px for font-size-20px in L10 */
}

.line-height-1p54 {
  line-height: 1.54;
  /* line-height-34px for font-size:22px in L7 */
}

.line-height-1p52 {
  line-height: 1.52;
  /* line-height-32px for font-size 21px */
}

.line-height-1p714 {
  line-height: 1.7142;
  /* line-height-36px */
}

.line-height-1p5 {
  line-height: 1.5;
  /* line-height-36px for font-size: 24px */
}

.line-height-1p63 {
  line-height: 1.63;
  /* line-height-36px for font-size: 22px */
}

.line-height-1p31 {
  line-height: 1.31;
  /* line-height-50px for font-size: 38px in L7 */
}

.line-height-2p6 {
  line-height: 2.6;
  /* line-height-40px */
}

.line-height-1p238 {
  line-height: 1.238;
  /* line-height-52px for font-size: 42px in L11 */
}

.line-height-1p217 {
  line-height: 1.217;
  /* line-height-56px for font-size: 46px */
}

.line-height-1p26 {
  line-height: 1.26;
  /* line-height-58px for font-size: 46px */
}

.line-height-1p304 {
  line-height: 1.304;
  /* line-height-60px for font-size: 46px */
}

.line-height-2p66 {
  line-height: 2.66;
  /* line-height-32px for font-size-12px */
}

.line-height-3 {
  line-height: 3;
  /* line-height-45px */
}

.line-height-1p16 {
  line-height: 1.16;
  /* line-height-50px */
}

.line-height-1p142 {
  line-height: 1.142;
  /* line-height-64px for font-size: 56px  */
}

.line-height-p86 {
  line-height: 0.86;
  /* line-height-50px for font-size-58px */
}

.line-height-3p312 {
  line-height: 3.3125;
  /* line-height-53px */
}

.line-height-3p125 {
  line-height: 3.125;
  /* line-height-54px for font-size-48px */
}

.line-height-1p6 {
  line-height: 1.16;
  /* line-height-56px */
}

.line-height-1p18 {
  line-height: 1.1875;
  /* line-height-57px */
}

.line-height-1p25 {
  line-height: 1.25;
  /* line-height-60px */
}

.line-height-1p2 {
  line-height: 1.2;
  /* line-height-60px for font-size: 50px */
}

.line-height-1p3 {
  line-height: 1.3;
  /* line-height-64px */
}

.line-height-1p08 {
  line-height: 1.08;
  /* line-height-65px */
}

.line-height-1p06 {
  line-height: 1.06;
  /* line-height-64px */
}

.line-height-1p214 {
  line-height: 1.214;
  /* line-height-68px */
}

.line-height-1p16 {
  line-height: 1.16;
  /* line-height-70px */
}

.line-height-1p02 {
  line-height: 1.0285;
  /* line-height-72px */
}

.line-height-1p54 {
  line-height: 1.5416;
  /* line-height-74px */
}

.line-height-1p085 {
  line-height: 1.0857;
  /* line-height-76px */
}

.line-height-1p228 {
  line-height: 1.2285;
  /* line-height-86px */
}

/* ---------------------------------
  03.Theme Utility -> { Gradient } 
------------------------------------*/
/* 
---------------------------------
-------> THEME CUSTOM STYLES 
---------------------------------
*/
/* Used in Landing-1,2,3,4,5,6 Header area */
.site-header--sticky.scrolling .navbar.site-navbar {
  padding-top: 10px !important;
}

/* Used in Landing-2,4,5 */
.img-grayscale {
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

/* Used in Landing-2 */
.font-wieght-extra-bold {
  font-weight: 800;
}

/* Used in custom.js */
.l2-slide-btn {
  display: inline-block;
  border: none;
  background: transparent;
  position: absolute;
  bottom: 44px;
}

.l2-slide-btn.slick-prev {
  left: -87px;
}

@media (min-width: 480px) and (max-width: 767px) {
  .l2-slide-btn.slick-prev {
    left: -50px;
  }
}

.l2-slide-btn.slick-next {
  left: auto;
  right: -87px;
}

@media (min-width: 480px) and (max-width: 767px) {
  .l2-slide-btn.slick-next {
    right: -50px;
  }
}

/* Used in Landing-3 */
.footer-site-header .main-menu > li > .nav-link {
  display: inline-block;
}

.footer-site-header .main-menu > li > .nav-link.gr-toggle-arrow {
  color: var(--color-texts-3) !important;
  padding: 15px 0 !important;
}

.footer-site-header .main-menu > li > .nav-link.gr-toggle-arrow:before {
  width: 100%;
}

.footer-site-header .main-menu > li > .nav-link:before {
  top: auto;
  bottom: 0;
  background: #258aff;
}

/* landing-3 content section,  */
.img-pos-1 {
  position: relative;
}

@media (min-width: 992px) {
  .img-pos-1 {
    position: absolute;
    bottom: 0;
  }
}

.img-pos-2 {
  position: relative;
}

@media (min-width: 992px) {
  .img-pos-2 {
    position: absolute;
    bottom: -120px;
  }
}

.img-pos-3 {
  position: relative;
}

@media (min-width: 992px) {
  .img-pos-3 {
    position: absolute;
    bottom: 0;
  }
}

/* Used in Landing-4 */
.content-bg-shape {
  opacity: .2;
}

/* by default css */
.border-box {
  box-sizing: border-box;
}

/* used in Landing-5 content-3 section */
@media (min-width: 992px) {
  .card-columns {
    -moz-column-count: 2;
    column-count: 2;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .card-columns {
    -moz-column-count: 1;
    column-count: 1;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .card-columns {
    -moz-column-count: 2;
    column-count: 2;
  }
}

/* Used in Landing-6 */
.translateY-n50 {
  transform: translateY(-50%);
}

.translateY-35 {
  transform: translateY(35%);
}

/* used in Landing-6 tab content list */
.list-border-before:before {
  position: absolute;
  content: "";
  left: 0;
  top: 10px;
  width: 1px;
  height: 18px;
  background: #79d8a8;
}

/* Used in Landing-6 */
.bg-color-l6 {
  height: 92%;
}

/* landing-6 blog-slider slider buttons */
.l6-slide-btn {
  position: absolute;
  right: 15px;
  top: -98px;
  border-radius: 50%;
  border: 1px solid #ddf7ea;
  background: #ddf7ea;
  transition: .4s;
}

@media (max-width: 767px) {
  .l6-slide-btn {
    top: -40px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .l6-slide-btn {
    top: -40px;
  }
}

.l6-slide-btn:hover {
  background: #4ebe86;
  color: #fff !important;
}

.l6-slide-btn.slick-prev {
  right: 77px;
}

/* landing-7 screenshot-slider slider buttons */
.l7-slide-btn {
  position: absolute;
  right: 31%;
  top: 49%;
  border-radius: 50%;
  border: 1px solid #fff;
  background: #fff;
  transition: .4s;
  z-index: 1;
}

@media (max-width: 767px) {
  .l7-slide-btn {
    left: 0;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .l7-slide-btn {
    left: 12%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .l7-slide-btn {
    left: 12%;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .l7-slide-btn {
    left: 23%;
  }
}

.l7-slide-btn:hover {
  background: #58cd3d;
  color: #fff !important;
  border: 1px solid #58cd3d;
}

.l7-slide-btn.slick-next {
  left: 31%;
}

@media (max-width: 767px) {
  .l7-slide-btn.slick-next {
    left: auto;
    right: 0;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .l7-slide-btn.slick-next {
    right: 12%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .l7-slide-btn.slick-next {
    left: auto;
    right: 12%;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .l7-slide-btn.slick-next {
    left: auto;
    right: 23%;
  }
}

/* Used in Landing-1,2,3,5 */
a.hover-color-primary {
  transition: .4s;
}

a.hover-color-primary:hover {
  color: #1290a4 !important;
}

.rounded-50p {
  border-radius: 50%;
}

.footer-menu .main-menu > li > a.nav-link {
  line-height: 28px;
  letter-spacing: -0.64px;
  font-size: 15px;
  font-weight: 700;
  position: relative;
  padding: 0 3px 10px !important;
}

.footer-menu .main-menu > li > a.nav-link:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #258aff;
  opacity: 0;
  visibility: hidden;
}

.footer-menu .main-menu > li > a.nav-link:hover {
  color: #258aff !important;
}

.footer-menu .main-menu > li > a.nav-link:hover::before {
  opacity: 1;
  visibility: visible;
}

/* Landing-7 positioning css */
.icon-positioning-1 {
  position: relative;
  top: 2px;
}

.testimonial-slider-2 .slick-arrow {
  display: none !important;
}

/* ========== Homepage 4 ========== */
.l4-pricing-table {
  padding-left: 0;
  padding-right: 0;
}

.l4-pricing-table .border {
  position: relative;
  border: 0 !important;
}

.l4-pricing-table .border:after {
  right: 0;
  background: transparent;
  top: 0;
  content: "";
  position: absolute;
  border: 1px solid #e5e5e5;
  height: 101%;
  width: 100%;
  margin-right: -1px;
  margin-bottom: 1px;
}

/* ========== Homepage 6 ========== */
.screenshot-slider-wrapper {
  position: relative;
  margin-top: 20px;
}

.screenshots-dots .slick-dots {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  display: flex;
  align-items: center;
  margin: 0 4.5px;
}

.screenshots-dots .slick-dots li {
  border: none;
  list-style: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  color: transparent;
  opacity: 0.3;
}

.screenshots-dots .slick-dots li:focus {
  outline: none;
  box-shadow: none;
}

.screenshots-dots .slick-dots li.slick-active {
  background-color: #fff !important;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  opacity: 1;
}

.screenshot-image {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  overflow: hidden;
  min-height: 720px !important;
  max-height: 720px !important;
}

@media (min-width: 690px) {
  .screenshot-image {
    width: 274px;
    min-height: 720px !important;
    max-height: 720px !important;
    margin-bottom: 0;
  }
}

@media (min-width: 690px) {
  .screenshot-image img {
    width: 100%;
    border-radius: 20px;
  }
}

.phone-bg-img {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 11;
  display: none;
}

@media (min-width: 690px) {
  .phone-bg-img {
    display: block;
    transform: translate(-50%, -50%);
  }
}

.screenshot-slider .slick-list {
  margin: 0 -23.5px;
}

.screenshot-slider .slick-slide {
  opacity: .5;
  transition: 0.4s;
}

.screenshot-slider .slick-center {
  opacity: 1;
  border-radius: 40px;
  max-height: 720px !important;
  transform: scale(1.1);
  min-height: 690px;
}

.screenshot-slider .slick-center img {
  border-radius: 40px;
}

.after-border:after {
  position: absolute;
  content: "";
  right: -15px;
  top: 46%;
  height: 30%;
  width: 1px;
  background: #ccc;
}

@media (max-width: 767px) {
  .after-border:after {
    position: absolute;
    content: "";
    right: 34%;
    top: auto;
    width: 30%;
    height: 1px;
    background: #ccc;
    bottom: 0;
  }
}

.bg-opacity-p14 {
  background: rgba(80, 227, 194, 0.14);
  border: 1px solid rgba(80, 227, 194, 0.14);
}

.bg-opacity-p19 {
  background: rgba(255, 255, 255, 0.19);
  border: 1px solid rgba(255, 255, 255, 0.19);
}

.bg-opacity-p9 {
  background: rgba(39, 128, 255, 0.9);
}

.btn-text-border-bottom {
  border-bottom: 2px solid #58cd3d;
}

.btn-text-border-bottom-yellow {
  border-bottom: 2px solid #efd358;
}

/* landing-10 */
.chapter-tab .nav-link.active p {
  color: #5029de !important;
}

.chapter-tab .nav-link.active h4 {
  color: #222d3d !important;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .card-columns.testimonial-card-collumn {
    -moz-column-count: 3;
         column-count: 3;
  }
}

@media (min-width: 1200px) {
  .card-columns.testimonial-card-collumn {
    -moz-column-count: 3;
         column-count: 3;
  }
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.l11-service-bg-border-round {
  border-radius: 0 0 293px;
}

/* slick slider dots common css */
ul.slick-dots {
  list-style: none;
  padding-left: 0;
  margin-top: 70px;
}

ul.slick-dots li {
  display: inline-block;
  width: 6px;
  height: 6px;
  font-size: 0;
  background: #fff;
  margin: 0 7px;
}

ul.slick-dots li button {
  display: none;
}

.testimonial-slider-3 ul.slick-dots li {
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.testimonial-slider-3 ul.slick-dots li.slick-active {
  width: 14px !important;
  height: 14px !important;
  position: relative;
  top: 3px;
  background: #b1dfd9 !important;
}

.testimonial-card-slider ul.slick-dots {
  margin-top: 16px;
  text-align: center;
}

.testimonial-card-slider ul.slick-dots li {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  opacity: .3;
  margin: 0 4px;
}

.testimonial-card-slider ul.slick-dots li.slick-active {
  width: 8px !important;
  height: 8px !important;
  background: #fff !important;
  opacity: 1;
}

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

.cart-number {
  position: relative;
}

.cart-number:after {
  position: absolute;
  content: "3";
  width: 19px;
  height: 19px;
  right: -5px;
  top: -5px;
  background: #fc5c65;
  font-size: 10px;
  text-align: center;
  border-radius: 50%;
  line-height: 19px;
}

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

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

.l8-footer-shape-top-left {
  display: none;
}

@media (min-width: 768px) {
  .l8-footer-shape-top-left {
    display: block;
    width: 110% !important;
    position: absolute;
    top: 0;
    transform: translateY(-30%);
  }
}

.slick-slide.card {
  border: 0;
}

.l10-content-shape {
  position: absolute;
  top: 0;
  left: -15%;
  width: 100%;
  transform: translateY(10%);
}

@media (min-width: 992px) {
  .l10-content-shape {
    transform: translateY(-10%);
  }
}

.l10-content-shape img {
  width: 125% !important;
}

.section-bg-img-5-2 {
  background: url(../image/l11/png/testimonial-bg-2.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
  background-color: #f8e587;
}

@media (min-width: 575px) {
  .section-bg-img-5-2 {
    background-color: transparent;
  }
}

.testimonial-people {
  position: absolute;
  z-index: 99;
  top: 0;
  display: none;
}

@media (min-width: 1200px) {
  .testimonial-people {
    display: block;
    margin-right: -5%;
  }
}

@media (min-width: 1600px) {
  .testimonial-people {
    margin-right: 0;
  }
}

@media (min-width: 1200px) {
  .testimonial-people img {
    max-width: 80%;
  }
}

@media (min-width: 1600px) {
  .testimonial-people img {
    max-width: 100%;
  }
}

.testimonial-people-left {
  left: 0;
}

.testimonial-people-right {
  right: 0;
}

.font-inter-wrapper * {
  font-family: "Inter", sans-serif;
}

.font-family-inter {
  font-family: "Inter", sans-serif;
}

.line-height-1p2s {
  line-height: 1.238095238095238;
}

.text-dovegray-2 {
  color: #4E6582;
}

.btn-toggle-2[data-pricing-trigger].active-white.active:before {
  color: #fff !important;
}

.btn-toggle-2[data-pricing-trigger].active-white.active.clicked:after {
  color: #fff !important;
}

.font-size-base {
  font-size: 16px;
}

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