.color-primary {
  color: #313131;
}

.color-hover-primary:hover {
  color: #313131;
}

.background-primary {
  background-color: #313131;
}

.border-primary {
  border: 1px solid #313131;
}

.border-top-primary {
  border-top: 1px solid #313131;
}

.border-left-primary {
  border-left: 1px solid #313131;
}

.border-right-primary {
  border-right: 1px solid #313131;
}

.border-bottom-primary {
  border-bottom: 1px solid #313131;
}

.color-primary-light {
  color: #8B8B8B;
}

.color-hover-primary-light:hover {
  color: #8B8B8B;
}

.background-primary-light {
  background-color: #8B8B8B;
}

.border-primary-light {
  border: 1px solid #8B8B8B;
}

.border-top-primary-light {
  border-top: 1px solid #8B8B8B;
}

.border-left-primary-light {
  border-left: 1px solid #8B8B8B;
}

.border-right-primary-light {
  border-right: 1px solid #8B8B8B;
}

.border-bottom-primary-light {
  border-bottom: 1px solid #8B8B8B;
}

.color-primary-lighter {
  color: #CCCCCC;
}

.color-hover-primary-lighter:hover {
  color: #CCCCCC;
}

.background-primary-lighter {
  background-color: #CCCCCC;
}

.border-primary-lighter {
  border: 1px solid #CCCCCC;
}

.border-top-primary-lighter {
  border-top: 1px solid #CCCCCC;
}

.border-left-primary-lighter {
  border-left: 1px solid #CCCCCC;
}

.border-right-primary-lighter {
  border-right: 1px solid #CCCCCC;
}

.border-bottom-primary-lighter {
  border-bottom: 1px solid #CCCCCC;
}

.color-secondary {
  color: #F5F6ED;
}

.color-hover-secondary:hover {
  color: #F5F6ED;
}

.background-secondary {
  background-color: #F5F6ED;
}

.border-secondary {
  border: 1px solid #F5F6ED;
}

.border-top-secondary {
  border-top: 1px solid #F5F6ED;
}

.border-left-secondary {
  border-left: 1px solid #F5F6ED;
}

.border-right-secondary {
  border-right: 1px solid #F5F6ED;
}

.border-bottom-secondary {
  border-bottom: 1px solid #F5F6ED;
}

.color-secondary-light {
  color: #DBDCD6;
}

.color-hover-secondary-light:hover {
  color: #DBDCD6;
}

.background-secondary-light {
  background-color: #DBDCD6;
}

.border-secondary-light {
  border: 1px solid #DBDCD6;
}

.border-top-secondary-light {
  border-top: 1px solid #DBDCD6;
}

.border-left-secondary-light {
  border-left: 1px solid #DBDCD6;
}

.border-right-secondary-light {
  border-right: 1px solid #DBDCD6;
}

.border-bottom-secondary-light {
  border-bottom: 1px solid #DBDCD6;
}

.color-secondary-lighter {
  color: #F7F7F4;
}

.color-hover-secondary-lighter:hover {
  color: #F7F7F4;
}

.background-secondary-lighter {
  background-color: #F7F7F4;
}

.border-secondary-lighter {
  border: 1px solid #F7F7F4;
}

.border-top-secondary-lighter {
  border-top: 1px solid #F7F7F4;
}

.border-left-secondary-lighter {
  border-left: 1px solid #F7F7F4;
}

.border-right-secondary-lighter {
  border-right: 1px solid #F7F7F4;
}

.border-bottom-secondary-lighter {
  border-bottom: 1px solid #F7F7F4;
}

.color-accent {
  color: #889327;
}

.color-hover-accent:hover {
  color: #889327;
}

.background-accent {
  background-color: #889327;
}

.border-accent {
  border: 1px solid #889327;
}

.border-top-accent {
  border-top: 1px solid #889327;
}

.border-left-accent {
  border-left: 1px solid #889327;
}

.border-right-accent {
  border-right: 1px solid #889327;
}

.border-bottom-accent {
  border-bottom: 1px solid #889327;
}

.color-accent-light {
  color: #ABB859;
}

.color-hover-accent-light:hover {
  color: #ABB859;
}

.background-accent-light {
  background-color: #ABB859;
}

.border-accent-light {
  border: 1px solid #ABB859;
}

.border-top-accent-light {
  border-top: 1px solid #ABB859;
}

.border-left-accent-light {
  border-left: 1px solid #ABB859;
}

.border-right-accent-light {
  border-right: 1px solid #ABB859;
}

.border-bottom-accent-light {
  border-bottom: 1px solid #ABB859;
}

.color-accent-lighter {
  color: #E7E9D3;
}

.color-hover-accent-lighter:hover {
  color: #E7E9D3;
}

.background-accent-lighter {
  background-color: #E7E9D3;
}

.border-accent-lighter {
  border: 1px solid #E7E9D3;
}

.border-top-accent-lighter {
  border-top: 1px solid #E7E9D3;
}

.border-left-accent-lighter {
  border-left: 1px solid #E7E9D3;
}

.border-right-accent-lighter {
  border-right: 1px solid #E7E9D3;
}

.border-bottom-accent-lighter {
  border-bottom: 1px solid #E7E9D3;
}

.color-neutral-light-100 {
  color: #F2F2F2;
}

.color-hover-neutral-light-100:hover {
  color: #F2F2F2;
}

.background-neutral-light-100 {
  background-color: #F2F2F2;
}

.border-neutral-light-100 {
  border: 1px solid #F2F2F2;
}

.border-top-neutral-light-100 {
  border-top: 1px solid #F2F2F2;
}

.border-left-neutral-light-100 {
  border-left: 1px solid #F2F2F2;
}

.border-right-neutral-light-100 {
  border-right: 1px solid #F2F2F2;
}

.border-bottom-neutral-light-100 {
  border-bottom: 1px solid #F2F2F2;
}

.color-neutral-light-200 {
  color: #FAFAFA;
}

.color-hover-neutral-light-200:hover {
  color: #FAFAFA;
}

.background-neutral-light-200 {
  background-color: #FAFAFA;
}

.border-neutral-light-200 {
  border: 1px solid #FAFAFA;
}

.border-top-neutral-light-200 {
  border-top: 1px solid #FAFAFA;
}

.border-left-neutral-light-200 {
  border-left: 1px solid #FAFAFA;
}

.border-right-neutral-light-200 {
  border-right: 1px solid #FAFAFA;
}

.border-bottom-neutral-light-200 {
  border-bottom: 1px solid #FAFAFA;
}

.color-neutral-light-300 {
  color: #E8E8E8;
}

.color-hover-neutral-light-300:hover {
  color: #E8E8E8;
}

.background-neutral-light-300 {
  background-color: #E8E8E8;
}

.border-neutral-light-300 {
  border: 1px solid #E8E8E8;
}

.border-top-neutral-light-300 {
  border-top: 1px solid #E8E8E8;
}

.border-left-neutral-light-300 {
  border-left: 1px solid #E8E8E8;
}

.border-right-neutral-light-300 {
  border-right: 1px solid #E8E8E8;
}

.border-bottom-neutral-light-300 {
  border-bottom: 1px solid #E8E8E8;
}

.color-neutral-light-400 {
  color: #CFCFCF;
}

.color-hover-neutral-light-400:hover {
  color: #CFCFCF;
}

.background-neutral-light-400 {
  background-color: #CFCFCF;
}

.border-neutral-light-400 {
  border: 1px solid #CFCFCF;
}

.border-top-neutral-light-400 {
  border-top: 1px solid #CFCFCF;
}

.border-left-neutral-light-400 {
  border-left: 1px solid #CFCFCF;
}

.border-right-neutral-light-400 {
  border-right: 1px solid #CFCFCF;
}

.border-bottom-neutral-light-400 {
  border-bottom: 1px solid #CFCFCF;
}

.color-neutral-light-500 {
  color: #B4B4B4;
}

.color-hover-neutral-light-500:hover {
  color: #B4B4B4;
}

.background-neutral-light-500 {
  background-color: #B4B4B4;
}

.border-neutral-light-500 {
  border: 1px solid #B4B4B4;
}

.border-top-neutral-light-500 {
  border-top: 1px solid #B4B4B4;
}

.border-left-neutral-light-500 {
  border-left: 1px solid #B4B4B4;
}

.border-right-neutral-light-500 {
  border-right: 1px solid #B4B4B4;
}

.border-bottom-neutral-light-500 {
  border-bottom: 1px solid #B4B4B4;
}

.color-neutral {
  color: #9D9D9D;
}

.color-hover-neutral:hover {
  color: #9D9D9D;
}

.background-neutral {
  background-color: #9D9D9D;
}

.border-neutral {
  border: 1px solid #9D9D9D;
}

.border-top-neutral {
  border-top: 1px solid #9D9D9D;
}

.border-left-neutral {
  border-left: 1px solid #9D9D9D;
}

.border-right-neutral {
  border-right: 1px solid #9D9D9D;
}

.border-bottom-neutral {
  border-bottom: 1px solid #9D9D9D;
}

.color-neutral-dark-100 {
  color: #858585;
}

.color-hover-neutral-dark-100:hover {
  color: #858585;
}

.background-neutral-dark-100 {
  background-color: #858585;
}

.border-neutral-dark-100 {
  border: 1px solid #858585;
}

.border-top-neutral-dark-100 {
  border-top: 1px solid #858585;
}

.border-left-neutral-dark-100 {
  border-left: 1px solid #858585;
}

.border-right-neutral-dark-100 {
  border-right: 1px solid #858585;
}

.border-bottom-neutral-dark-100 {
  border-bottom: 1px solid #858585;
}

.color-neutral-dark-200 {
  color: #6D6D6D;
}

.color-hover-neutral-dark-200:hover {
  color: #6D6D6D;
}

.background-neutral-dark-200 {
  background-color: #6D6D6D;
}

.border-neutral-dark-200 {
  border: 1px solid #6D6D6D;
}

.border-top-neutral-dark-200 {
  border-top: 1px solid #6D6D6D;
}

.border-left-neutral-dark-200 {
  border-left: 1px solid #6D6D6D;
}

.border-right-neutral-dark-200 {
  border-right: 1px solid #6D6D6D;
}

.border-bottom-neutral-dark-200 {
  border-bottom: 1px solid #6D6D6D;
}

.color-neutral-dark-300 {
  color: #555555;
}

.color-hover-neutral-dark-300:hover {
  color: #555555;
}

.background-neutral-dark-300 {
  background-color: #555555;
}

.border-neutral-dark-300 {
  border: 1px solid #555555;
}

.border-top-neutral-dark-300 {
  border-top: 1px solid #555555;
}

.border-left-neutral-dark-300 {
  border-left: 1px solid #555555;
}

.border-right-neutral-dark-300 {
  border-right: 1px solid #555555;
}

.border-bottom-neutral-dark-300 {
  border-bottom: 1px solid #555555;
}

.color-neutral-dark-400 {
  color: #242424;
}

.color-hover-neutral-dark-400:hover {
  color: #242424;
}

.background-neutral-dark-400 {
  background-color: #242424;
}

.border-neutral-dark-400 {
  border: 1px solid #242424;
}

.border-top-neutral-dark-400 {
  border-top: 1px solid #242424;
}

.border-left-neutral-dark-400 {
  border-left: 1px solid #242424;
}

.border-right-neutral-dark-400 {
  border-right: 1px solid #242424;
}

.border-bottom-neutral-dark-400 {
  border-bottom: 1px solid #242424;
}

.color-neutral-dark-500 {
  color: #0B0B0B;
}

.color-hover-neutral-dark-500:hover {
  color: #0B0B0B;
}

.background-neutral-dark-500 {
  background-color: #0B0B0B;
}

.border-neutral-dark-500 {
  border: 1px solid #0B0B0B;
}

.border-top-neutral-dark-500 {
  border-top: 1px solid #0B0B0B;
}

.border-left-neutral-dark-500 {
  border-left: 1px solid #0B0B0B;
}

.border-right-neutral-dark-500 {
  border-right: 1px solid #0B0B0B;
}

.border-bottom-neutral-dark-500 {
  border-bottom: 1px solid #0B0B0B;
}

.color-black {
  color: #000000;
}

.color-hover-black:hover {
  color: #000000;
}

.background-black {
  background-color: #000000;
}

.border-black {
  border: 1px solid #000000;
}

.border-top-black {
  border-top: 1px solid #000000;
}

.border-left-black {
  border-left: 1px solid #000000;
}

.border-right-black {
  border-right: 1px solid #000000;
}

.border-bottom-black {
  border-bottom: 1px solid #000000;
}

.color-white {
  color: #FFFFFF;
}

.color-hover-white:hover {
  color: #FFFFFF;
}

.background-white {
  background-color: #FFFFFF;
}

.border-white {
  border: 1px solid #FFFFFF;
}

.border-top-white {
  border-top: 1px solid #FFFFFF;
}

.border-left-white {
  border-left: 1px solid #FFFFFF;
}

.border-right-white {
  border-right: 1px solid #FFFFFF;
}

.border-bottom-white {
  border-bottom: 1px solid #FFFFFF;
}

.color-transparent {
  color: transparent;
}

.color-hover-transparent:hover {
  color: transparent;
}

.background-transparent {
  background-color: transparent;
}

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

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

.border-left-transparent {
  border-left: 1px solid transparent;
}

.border-right-transparent {
  border-right: 1px solid transparent;
}

.border-bottom-transparent {
  border-bottom: 1px solid transparent;
}

.color-tip-lighter {
  color: #F8F9FA;
}

.color-hover-tip-lighter:hover {
  color: #F8F9FA;
}

.background-tip-lighter {
  background-color: #F8F9FA;
}

.border-tip-lighter {
  border: 1px solid #F8F9FA;
}

.border-top-tip-lighter {
  border-top: 1px solid #F8F9FA;
}

.border-left-tip-lighter {
  border-left: 1px solid #F8F9FA;
}

.border-right-tip-lighter {
  border-right: 1px solid #F8F9FA;
}

.border-bottom-tip-lighter {
  border-bottom: 1px solid #F8F9FA;
}

.color-tip-light {
  color: #E8E8E8;
}

.color-hover-tip-light:hover {
  color: #E8E8E8;
}

.background-tip-light {
  background-color: #E8E8E8;
}

.border-tip-light {
  border: 1px solid #E8E8E8;
}

.border-top-tip-light {
  border-top: 1px solid #E8E8E8;
}

.border-left-tip-light {
  border-left: 1px solid #E8E8E8;
}

.border-right-tip-light {
  border-right: 1px solid #E8E8E8;
}

.border-bottom-tip-light {
  border-bottom: 1px solid #E8E8E8;
}

.color-tip {
  color: #6D6D6D;
}

.color-hover-tip:hover {
  color: #6D6D6D;
}

.background-tip {
  background-color: #6D6D6D;
}

.border-tip {
  border: 1px solid #6D6D6D;
}

.border-top-tip {
  border-top: 1px solid #6D6D6D;
}

.border-left-tip {
  border-left: 1px solid #6D6D6D;
}

.border-right-tip {
  border-right: 1px solid #6D6D6D;
}

.border-bottom-tip {
  border-bottom: 1px solid #6D6D6D;
}

.color-tip-dark {
  color: #3C3E3D;
}

.color-hover-tip-dark:hover {
  color: #3C3E3D;
}

.background-tip-dark {
  background-color: #3C3E3D;
}

.border-tip-dark {
  border: 1px solid #3C3E3D;
}

.border-top-tip-dark {
  border-top: 1px solid #3C3E3D;
}

.border-left-tip-dark {
  border-left: 1px solid #3C3E3D;
}

.border-right-tip-dark {
  border-right: 1px solid #3C3E3D;
}

.border-bottom-tip-dark {
  border-bottom: 1px solid #3C3E3D;
}

.color-info-lighter {
  color: #E8ECFD;
}

.color-hover-info-lighter:hover {
  color: #E8ECFD;
}

.background-info-lighter {
  background-color: #E8ECFD;
}

.border-info-lighter {
  border: 1px solid #E8ECFD;
}

.border-top-info-lighter {
  border-top: 1px solid #E8ECFD;
}

.border-left-info-lighter {
  border-left: 1px solid #E8ECFD;
}

.border-right-info-lighter {
  border-right: 1px solid #E8ECFD;
}

.border-bottom-info-lighter {
  border-bottom: 1px solid #E8ECFD;
}

.color-info-light {
  color: #BECFFF;
}

.color-hover-info-light:hover {
  color: #BECFFF;
}

.background-info-light {
  background-color: #BECFFF;
}

.border-info-light {
  border: 1px solid #BECFFF;
}

.border-top-info-light {
  border-top: 1px solid #BECFFF;
}

.border-left-info-light {
  border-left: 1px solid #BECFFF;
}

.border-right-info-light {
  border-right: 1px solid #BECFFF;
}

.border-bottom-info-light {
  border-bottom: 1px solid #BECFFF;
}

.color-info {
  color: #153DE5;
}

.color-hover-info:hover {
  color: #153DE5;
}

.background-info {
  background-color: #153DE5;
}

.border-info {
  border: 1px solid #153DE5;
}

.border-top-info {
  border-top: 1px solid #153DE5;
}

.border-left-info {
  border-left: 1px solid #153DE5;
}

.border-right-info {
  border-right: 1px solid #153DE5;
}

.border-bottom-info {
  border-bottom: 1px solid #153DE5;
}

.color-info-dark {
  color: #143684;
}

.color-hover-info-dark:hover {
  color: #143684;
}

.background-info-dark {
  background-color: #143684;
}

.border-info-dark {
  border: 1px solid #143684;
}

.border-top-info-dark {
  border-top: 1px solid #143684;
}

.border-left-info-dark {
  border-left: 1px solid #143684;
}

.border-right-info-dark {
  border-right: 1px solid #143684;
}

.border-bottom-info-dark {
  border-bottom: 1px solid #143684;
}

.color-error-lighter {
  color: #F9E4E4;
}

.color-hover-error-lighter:hover {
  color: #F9E4E4;
}

.background-error-lighter {
  background-color: #F9E4E4;
}

.border-error-lighter {
  border: 1px solid #F9E4E4;
}

.border-top-error-lighter {
  border-top: 1px solid #F9E4E4;
}

.border-left-error-lighter {
  border-left: 1px solid #F9E4E4;
}

.border-right-error-lighter {
  border-right: 1px solid #F9E4E4;
}

.border-bottom-error-lighter {
  border-bottom: 1px solid #F9E4E4;
}

.color-error-light {
  color: #E47E7E;
}

.color-hover-error-light:hover {
  color: #E47E7E;
}

.background-error-light {
  background-color: #E47E7E;
}

.border-error-light {
  border: 1px solid #E47E7E;
}

.border-top-error-light {
  border-top: 1px solid #E47E7E;
}

.border-left-error-light {
  border-left: 1px solid #E47E7E;
}

.border-right-error-light {
  border-right: 1px solid #E47E7E;
}

.border-bottom-error-light {
  border-bottom: 1px solid #E47E7E;
}

.color-error {
  color: #CB0000;
}

.color-hover-error:hover {
  color: #CB0000;
}

.background-error {
  background-color: #CB0000;
}

.border-error {
  border: 1px solid #CB0000;
}

.border-top-error {
  border-top: 1px solid #CB0000;
}

.border-left-error {
  border-left: 1px solid #CB0000;
}

.border-right-error {
  border-right: 1px solid #CB0000;
}

.border-bottom-error {
  border-bottom: 1px solid #CB0000;
}

.color-error-dark {
  color: #7A0000;
}

.color-hover-error-dark:hover {
  color: #7A0000;
}

.background-error-dark {
  background-color: #7A0000;
}

.border-error-dark {
  border: 1px solid #7A0000;
}

.border-top-error-dark {
  border-top: 1px solid #7A0000;
}

.border-left-error-dark {
  border-left: 1px solid #7A0000;
}

.border-right-error-dark {
  border-right: 1px solid #7A0000;
}

.border-bottom-error-dark {
  border-bottom: 1px solid #7A0000;
}

.color-warning-lighter {
  color: #FFF8E5;
}

.color-hover-warning-lighter:hover {
  color: #FFF8E5;
}

.background-warning-lighter {
  background-color: #FFF8E5;
}

.border-warning-lighter {
  border: 1px solid #FFF8E5;
}

.border-top-warning-lighter {
  border-top: 1px solid #FFF8E5;
}

.border-left-warning-lighter {
  border-left: 1px solid #FFF8E5;
}

.border-right-warning-lighter {
  border-right: 1px solid #FFF8E5;
}

.border-bottom-warning-lighter {
  border-bottom: 1px solid #FFF8E5;
}

.color-warning-light {
  color: #FFDC7F;
}

.color-hover-warning-light:hover {
  color: #FFDC7F;
}

.background-warning-light {
  background-color: #FFDC7F;
}

.border-warning-light {
  border: 1px solid #FFDC7F;
}

.border-top-warning-light {
  border-top: 1px solid #FFDC7F;
}

.border-left-warning-light {
  border-left: 1px solid #FFDC7F;
}

.border-right-warning-light {
  border-right: 1px solid #FFDC7F;
}

.border-bottom-warning-light {
  border-bottom: 1px solid #FFDC7F;
}

.color-warning {
  color: #FFBA00;
}

.color-hover-warning:hover {
  color: #FFBA00;
}

.background-warning {
  background-color: #FFBA00;
}

.border-warning {
  border: 1px solid #FFBA00;
}

.border-top-warning {
  border-top: 1px solid #FFBA00;
}

.border-left-warning {
  border-left: 1px solid #FFBA00;
}

.border-right-warning {
  border-right: 1px solid #FFBA00;
}

.border-bottom-warning {
  border-bottom: 1px solid #FFBA00;
}

.color-warning-dark {
  color: #C38700;
}

.color-hover-warning-dark:hover {
  color: #C38700;
}

.background-warning-dark {
  background-color: #C38700;
}

.border-warning-dark {
  border: 1px solid #C38700;
}

.border-top-warning-dark {
  border-top: 1px solid #C38700;
}

.border-left-warning-dark {
  border-left: 1px solid #C38700;
}

.border-right-warning-dark {
  border-right: 1px solid #C38700;
}

.border-bottom-warning-dark {
  border-bottom: 1px solid #C38700;
}

.color-success-lighter {
  color: #E5F5E8;
}

.color-hover-success-lighter:hover {
  color: #E5F5E8;
}

.background-success-lighter {
  background-color: #E5F5E8;
}

.border-success-lighter {
  border: 1px solid #E5F5E8;
}

.border-top-success-lighter {
  border-top: 1px solid #E5F5E8;
}

.border-left-success-lighter {
  border-left: 1px solid #E5F5E8;
}

.border-right-success-lighter {
  border-right: 1px solid #E5F5E8;
}

.border-bottom-success-lighter {
  border-bottom: 1px solid #E5F5E8;
}

.color-success-light {
  color: #81CE90;
}

.color-hover-success-light:hover {
  color: #81CE90;
}

.background-success-light {
  background-color: #81CE90;
}

.border-success-light {
  border: 1px solid #81CE90;
}

.border-top-success-light {
  border-top: 1px solid #81CE90;
}

.border-left-success-light {
  border-left: 1px solid #81CE90;
}

.border-right-success-light {
  border-right: 1px solid #81CE90;
}

.border-bottom-success-light {
  border-bottom: 1px solid #81CE90;
}

.color-success {
  color: #009D1F;
}

.color-hover-success:hover {
  color: #009D1F;
}

.background-success {
  background-color: #009D1F;
}

.border-success {
  border: 1px solid #009D1F;
}

.border-top-success {
  border-top: 1px solid #009D1F;
}

.border-left-success {
  border-left: 1px solid #009D1F;
}

.border-right-success {
  border-right: 1px solid #009D1F;
}

.border-bottom-success {
  border-bottom: 1px solid #009D1F;
}

.color-success-dark {
  color: #416849;
}

.color-hover-success-dark:hover {
  color: #416849;
}

.background-success-dark {
  background-color: #416849;
}

.border-success-dark {
  border: 1px solid #416849;
}

.border-top-success-dark {
  border-top: 1px solid #416849;
}

.border-left-success-dark {
  border-left: 1px solid #416849;
}

.border-right-success-dark {
  border-right: 1px solid #416849;
}

.border-bottom-success-dark {
  border-bottom: 1px solid #416849;
}

.bg-gradient-orange {
  background: linear-gradient(180deg, #FFE1BE 0%, #E89800 100%);
}

.background-radial-grey {
  background: -o-radial-gradient(50% 50%, closest-side, #404857 0%, #2B2E33 30%, #000000 100%);
  background: radial-gradient(closest-side at 50% 50%, #404857 0%, #2B2E33 30%, #000000 100%);
}

.background-gradient-pink {
  background: transparent linear-gradient(179deg, #FFFFFF 0%, #F7F2FF 100%) 0% 0% no-repeat padding-box;
}

.background-gradient-yellow {
  background: transparent linear-gradient(179deg, #FFFFFF 0%, #FFFBED 100%) 0% 0% no-repeat padding-box;
}

.background-gradient-red {
  background: transparent linear-gradient(179deg, #FFFFFF 0%, #FFEDEA 100%) 0% 0% no-repeat padding-box;
}

.background-gradient-green {
  background: transparent linear-gradient(179deg, #FFFFFF 0%, #EBFFFE 100%) 0% 0% no-repeat padding-box;
}

.background-gradient-about-us {
  background: transparent linear-gradient(360deg, #FFFFFF 0%, #F6F5F6 40%, #B6B2B1 100%) 0% 0% no-repeat padding-box;
}

@media (min-width: 768px) {
  .background-gradient-about-us {
    background: transparent linear-gradient(270deg, #FFFFFF 0%, #F6F5F6 40%, #B6B2B1 100%) 0% 0% no-repeat padding-box;
  }
}
.background-center {
  background-position: center;
}

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

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

.fw-thin {
  font-weight: 100;
}

.fw-extra-light {
  font-weight: 200;
}

.fw-light {
  font-weight: 300;
}

.fw-regular {
  font-weight: 400;
}

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

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

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

.fw-extra-bold {
  font-weight: 800;
}

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

.aspect-ratio_1_1 {
  aspect-ratio: 1/1;
}

.box-shadow-about {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1607843137);
}

.box-shadow-card {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1607843137);
}

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

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

@media (min-width: 576px) {
  .overflow-x-sm-auto {
    overflow-x: auto;
  }
}
@media (min-width: 768px) {
  .overflow-x-md-auto {
    overflow-x: auto;
  }
}
@media (min-width: 992px) {
  .overflow-x-lg-auto {
    overflow-x: auto;
  }
  .overflow-x-sm-scroll {
    overflow-x: unset;
  }
}
@media (min-width: 1200px) {
  .overflow-x-xl-auto {
    overflow-x: auto;
  }
}
@media (min-width: 1400px) {
  .overflow-x-xxl-auto {
    overflow-x: auto;
  }
}
.overflow-x-unset {
  overflow-x: unset;
}

@media (min-width: 576px) {
  .overflow-x-sm-unset {
    overflow-x: unset;
  }
}
@media (min-width: 768px) {
  .overflow-x-md-unset {
    overflow-x: unset;
  }
}
@media (min-width: 992px) {
  .overflow-x-lg-unset {
    overflow-x: unset;
  }
}
@media (min-width: 1200px) {
  .overflow-x-xl-unset {
    overflow-x: unset;
  }
}
@media (min-width: 1400px) {
  .overflow-x-xxl-unset {
    overflow-x: unset;
  }
}
.fa-chevron-down {
  transition: transform 300ms ease-in-out;
}

.fa-chevron-down::before {
  font-family: "Font Awesome 6 Free";
}

.rotate180 .fa-chevron-down,
.active .fa-chevron-down {
  transform: rotate(180deg);
}

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

.w-50px {
  width: 50px;
}

.grey-hover:hover {
  background-color: #858585;
}

.box-shadow-table {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1607843137);
  border-radius: 30px;
}

.w-fit-content {
  width: fit-content;
}

.w-lg-fit-content {
  width: 100%;
}

@media (min-width: 992px) {
  .w-lg-fit-content {
    width: fit-content;
  }
  .mw-lg-100 {
    max-width: 100%;
  }
  .after-shadow::after {
    content: "";
    box-shadow: none;
  }
}
.w-max-content {
  width: max-content;
}

.w-16px {
  width: 16px;
}

.w-24px {
  width: 24px;
}

.rotate270 {
  transform: rotate(270deg);
}

.min-w-min-content {
  min-width: min-content;
}

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

.splide__arrow {
  background-color: transparent !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}

.border-ig-card {
  border-radius: 16px;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.w-15vh {
  width: 15vh;
}

.fa-brands-igbio {
  font-size: 22px;
}
.fa-brands-igbio > svg:hover {
  color: #0B0B0B !important;
}

.box-shadow-about-xs {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1607843137);
}

.after-shadow::after {
  content: "";
  box-shadow: -5px 0px 20px 20px #FFFFFF;
}

@media (min-width: 768px) {
  .box-shadow-about-xs {
    box-shadow: none;
  }
  .text-md-left {
    text-align: left !important;
  }
}
.background-image {
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  .w-lg-50 {
    width: 50% !important;
  }
}
.mb-6 {
  margin-bottom: 5rem !important;
}

.arrow-right-long, .fa-arrow-right-long {
  transition: all 0.3s ease-out;
  transform: translateX(-100%);
  opacity: 0;
}

.hover-effect:hover > a {
  font-weight: 400;
}

.hover-effect:hover .arrow-right-long, .hover-effect:hover .fa-arrow-right-long {
  opacity: 1;
  transform: translateX(0px);
}

#logo > a > img {
  max-width: 200px;
  width: 100%;
}

.fa-circle {
  opacity: 0.3;
}

.image-on-top {
  z-index: -1;
  margin-left: auto;
  margin-top: -25%;
  padding-bottom: -25%;
}

@media (min-width: 992px) {
  .image-on-top {
    margin-top: -12%;
    padding-bottom: -12%;
  }
}
.box-shadow-single-article {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
}

@media (max-width: 992px) {
  .post.single .post-header img {
    height: auto;
  }
  .card-minicard > div {
    display: block !important;
    margin-top: 0.5rem !important;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .image-relative {
    position: relative;
  }
  .image-absolute {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .mh-35rem {
    min-height: 3.5rem;
  }
}
.transition-all-03 {
  transition: all 0.3s;
}

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

.border-radius-0 {
  border-radius: 0;
}

.border-radius-100px::before {
  border-radius: 0px 500px 500px 0px;
}

.border-radius-100px-left::before {
  border-radius: 500px 0px 0px 500px;
}

.border-radius-500px::before {
  border-radius: 0px 500px 500px 0px;
}

.border-radius-500px-left::before {
  border-radius: 500px 0px 0px 500px;
}

@media (max-width: 992px) {
  .border-radius-100px::before {
    border-radius: 0px 100px 100px 0px;
  }
  .border-radius-100px-left::before {
    border-radius: 100px 0px 0px 100px;
  }
  .border-radius-500px::before {
    border-radius: 0px 500px 500px 0px;
  }
  .border-radius-500px-left::before {
    border-radius: 500px 0px 0px 500px;
  }
  .background-gradient-pre-footer::before {
    width: 95%;
  }
}
.half-secondary-light-background::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #F7F7F4;
  z-index: -1;
}

.background-linear-blue {
  background: linear-gradient(180deg, #023551 0%, #045F8F 100%) 0% 0% no-repeat padding-box;
  backdrop-filter: blur(5px);
}

.border-left-blue {
  border-left: 2px solid #03608F;
}

.border-left-grey {
  border-left: 1px solid #C0C9D6;
}

.separator-bottom {
  border-bottom: 1px solid #F5F6ED;
}

@media (min-width: 992px) {
  .border-left-secondary {
    border-left: 1px solid #F5F6ED;
  }
  .separator-bottom {
    border-bottom: 0;
  }
}
@media (max-width: 992px) {
  .background-gradient-50-50::before {
    width: 95%;
    height: 100%;
  }
  .half-secondary-light-background::before {
    height: 75%;
  }
  .border-left-blue {
    border-left: none;
  }
}
.card-horizontal, .card-vertical {
  background-color: #313131;
  border-radius: 12px;
}

.card-minicard {
  background-color: #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  transition: all 1s ease-out;
  min-height: 100px;
  border-radius: 12px;
}
.card-minicard > div {
  display: none;
  transition: all 0.3s ease-out;
  margin-top: -1rem;
}
.card-minicard:hover > div {
  display: flex;
  margin-top: 1rem;
}

.h-900 {
  min-height: 900px;
}

.h-800 {
  min-height: 800px;
}

.h-600 {
  min-height: 600px;
}

.h-400 {
  min-height: 400px;
}

.min-h350 {
  min-height: 350px;
}

.min-h270 {
  min-height: 270px;
}

a.color-text-primary:hover {
  color: #313131;
}

.home-cards {
  background: transparent linear-gradient(0deg, #EAEDF0 0%, #F7F7F7 26%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
  border-radius: 12px;
}

.background-50-top {
  position: relative;
}
.background-50-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: url("./../../img/HOMEPAGE_BACKGROUND-ICONES.png");
  background-position: center;
  z-index: -1;
}

.card-group {
  border-radius: 12px;
  background-size: cover;
  min-height: 350px;
  position: relative;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.card-group.vertical {
  min-height: 450px;
}
.card-group::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  border-radius: 12px;
  background: url("./../../img/background-blue.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: opacity 500ms, height 500ms;
}
.card-group:hover::before {
  height: 100%;
  background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(65, 103, 123, 0.7529411765) 0%, #033550 100%) 0% 0% no-repeat padding-box;
  mix-blend-mode: multiply;
}
.card-group:hover .h-0 {
  height: auto;
  visibility: visible;
  margin-bottom: 1.5rem !important;
}

@media (max-width: 992px) {
  .h-900 {
    min-height: 750px;
  }
  .h-800 {
    min-height: 750px;
  }
  .h-600 {
    min-height: 375px;
  }
  .background-50-top::before {
    height: 75%;
  }
  .card-group {
    height: 250px;
    min-height: unset;
  }
  .card-group.vertical {
    min-height: unset;
  }
}
.h-0 {
  height: 0;
  visibility: hidden;
  transition: height 500ms;
}

.background-parallax {
  min-height: 500px;
  background-attachment: fixed !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.line-width {
  width: calc(100% - (0.5rem + 45px));
}

.mw-unset {
  max-width: unset;
}

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

.accent-scrollbar::-webkit-scrollbar {
  width: 8px;
}
.accent-scrollbar::-webkit-scrollbar-track {
  margin-top: 1rem;
  margin-bottom: 1rem;
  background-color: #E7E9D3;
  border-radius: 10px;
}
.accent-scrollbar::-webkit-scrollbar-thumb {
  background-color: #ABB859;
  border-radius: 10px;
}
.accent-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #889327;
}

.accent-scrollbar {
  border-radius: 20px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.accent-scrollbar::-webkit-scrollbar {
  height: 5px;
}
.accent-scrollbar::-webkit-scrollbar-thumb {
  background-color: #889327;
}
.accent-scrollbar::-webkit-scrollbar-track {
  height: 3px;
  background-color: #8B8B8B;
}

@media (max-width: 992px) {
  .accent-scrollbar::-webkit-scrollbar {
    display: none;
  }
}
.blue-scrollbar {
  max-width: 1320px;
  border-radius: 20px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.blue-scrollbar::-webkit-scrollbar {
  height: 5px;
}
.blue-scrollbar::-webkit-scrollbar-thumb {
  background-color: #313131;
}
.blue-scrollbar::-webkit-scrollbar-track {
  height: 3px;
  background-color: #8B8B8B;
}

@media (max-width: 992px) {
  .blue-scrollbar::-webkit-scrollbar {
    display: none;
  }
}
.background-linear-grey {
  background: transparent linear-gradient(180deg, #313131 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}

.background-grandient-grey-white {
  background: transparent linear-gradient(180deg, #F4F4F4 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}

.background-gradient-blue {
  position: relative;
}
.background-gradient-blue::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 75%;
  height: 100%;
  background: transparent linear-gradient(360deg, #1B95D6 0%, #023551 100%);
  opacity: 1;
}
.background-gradient-blue-right {
  position: relative;
}
.background-gradient-blue-right::before {
  content: "";
  position: absolute;
  top: 0;
  left: 25%;
  width: 75%;
  height: 100%;
  background: transparent linear-gradient(360deg, #1B95D6 0%, #023551 100%);
  opacity: 1;
}

@media (max-width: 992px) {
  .background-gradient-blue::before {
    width: 95%;
  }
  .background-gradient-blue-right {
    position: relative;
  }
  .background-gradient-blue-right::before {
    left: 5%;
    width: 95%;
  }
}
.rotate {
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.rotate.down, .rotate-down {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-caret-up {
  transition: transform 0.3s ease-in-out;
}

.mw-fit {
  max-width: fit-content;
}

.background-glass {
  background-color: rgb(255, 255, 255);
}

.footer-collapse > .fa-caret-down, .footer-collapse > .fa-chevron-down {
  transition: all 0.3s;
}
.footer-collapse > .fa-caret-down > path, .footer-collapse > .fa-chevron-down > path {
  fill: #313131;
}

@media (min-width: 992px) {
  .background-glass {
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(20px);
  }
  .footer-collapse {
    pointer-events: none;
  }
}
.border-radius-12px {
  border-radius: 12px;
}

.w-20 {
  width: 20%;
}

.w-40px {
  width: 40px;
}

.w-14px {
  width: 14px;
}

.w-10px {
  width: 10px;
}

.backgrdound-color-text-primary {
  background-color: #313131;
}

.box-shadow-brands-scroll {
  box-shadow: inset 0px 3px 10px rgba(0, 0, 0, 0.1725490196);
}

.backgroung-grey-gradient {
  background: transparent linear-gradient(180deg, #EAEDF0 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}

.mh-20px {
  max-height: 20px;
}

.map-container {
  height: 650px;
}

.remove-filters {
  display: none;
  cursor: pointer;
  font-weight: 700;
  text-decoration: underline #313131;
}

.border-grey {
  border: 1px solid #F5F6ED;
}

.border-accent-lighter {
  border: 2px solid #E7E9D3;
}

.mw-50 {
  max-width: 50%;
}

.mh-50vh {
  max-height: 50vh;
}

.title-after {
  position: relative;
  font-weight: 600;
}
.title-after:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 48%;
  width: 50px;
  height: 3px;
  background-color: #889327;
}
.title-after-left-2 {
  position: relative;
}
.title-after-left-2:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 50px;
  height: 2px;
  background-color: #889327;
}
.title-after-left-3 {
  position: relative;
}
.title-after-left-3:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 50px;
  height: 3px;
  background-color: #889327;
}

.title-before-lg:after, .title-after-lg:after {
  content: "";
  opacity: 0;
}

@media (min-width: 992px) {
  .title-before-lg {
    position: relative;
    font-weight: 600;
  }
  .title-before-lg:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 40%;
    width: 50px;
    height: 3px;
    background-color: #889327;
    opacity: 1;
  }
  .title-after-lg {
    position: relative;
    font-weight: 600;
  }
  .title-after-lg:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 40%;
    width: 50px;
    height: 3px;
    background-color: #889327;
    opacity: 1;
  }
  .title-after-lg-1 {
    position: relative;
    font-weight: 600;
  }
  .title-after-lg-1:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 40%;
    width: 50px;
    height: 1.5px;
    background-color: #889327;
    opacity: 1;
  }
  .title-after-lg-2 {
    position: relative;
    font-weight: 600;
  }
  .title-after-lg-2:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 50px;
    height: 2px;
    background-color: #889327;
  }
  .title-after-lg-3 {
    position: relative;
    font-weight: 600;
  }
  .title-after-lg-3:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 50px;
    height: 3px;
    background-color: #889327;
  }
}
.orange-line {
  position: relative;
}
.orange-line:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #F48300;
  z-index: 0;
}

@media (max-width: 992px) {
  .orange-line:after {
    content: "";
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
  }
}
.scrolling-white-shadow {
  -webkit-appearance: none;
  -webkit-box-shadow: 0px 0px 130px 140px #fff;
  -moz-box-shadow: 0px 0px 130px 140px #fff;
  box-shadow: 0px 0px 130px 140px #fff;
  position: relative;
}

a.facebook-container {
  display: inline !important;
}

.success-message {
  color: green;
  font-size: 14px;
  margin-top: 5px;
}

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

@media (max-width: 992px) {
  .responsive-background {
    background-position: right center;
  }
}
.cursor-pointer:hover {
  cursor: pointer;
}

.breadcrumb-hover {
  transition: all 0.3s;
}
.breadcrumb-hover:hover {
  font-weight: 600;
  color: #313131;
}

.fixed-offcanvas {
  visibility: visible !important;
  transform: none !important;
}

@media (min-width: 992px) {
  .text-lg-uppercase {
    text-transform: uppercase !important;
  }
  .text-lg-capitalize {
    text-transform: capitalize !important;
  }
  .text-lg-lowercase {
    text-transform: lowercase !important;
  }
}
.aspect-ratio-3 {
  aspect-ratio: 3;
}

@media (min-width: 992px) {
  .aspect-ratio-3 {
    aspect-ratio: unset;
  }
}
.see-all {
  transition: all 0.3s;
}
.see-all > img {
  transform: rotate(270deg);
}
.see-all:hover {
  cursor: pointer;
  color: #889327;
}

@media (min-width: 768px) {
  .mw-800 {
    max-width: 800px;
  }
}
.border-radius-6 {
  border-radius: 6px;
}

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

@media (min-width: 992px) {
  .extra-lg-small {
    font-size: 12px;
  }
}