/*--------------------------------------------------------------
# Color Theme
--------------------------------------------------------------*/
:root {

  --primary-color: #2e3049;
  --primary_tr: 46, 48, 73;

  --primary-color: #202633;
  --primary_tr: 32, 38, 51;
  

 /* --secondary-color: #116160;
  --secondary_tr: 17, 97, 96;

  --secondary-color: #2e4947;
  --secondary_tr: 46, 73, 71;*/

  --secondary-color: #454e64;
  --secondary_tr: 69, 78, 100;

  --three-color: #f5cf7d;
  --three_tr: 245, 207, 125;

  --dark: #23282d;
  --dark_tr: 35, 40, 45;

  --blackFull: #000;
  --blackFull_tr: 0, 0, 0;

  --white: #f5f5f5;
  --white_tr: 245, 245, 245;

  --whiteFull: #fff;
  --whiteFull_tr: 255, 255, 255;

  --black: #23282d;
  --black_tr: 35, 40, 45;

  --brown: #c5996c;
  --brown_tr: 204, 153, 102;

  --darkbrown: #7e6458;
  --darkbrown_tr: 126, 100, 88;

  --green: #00AF9D;
  --green_tr: 0, 175, 157;

  --yeloow: #FADE85;
  --yeloow_tr: 250, 222, 133;

  --red: #F9423A;
  --red_tr: 249, 66, 58;

  --orange: #ee562d;
  --orange_tr: 238, 86, 45;

  --blue: #1c3b5a;
  --blue_tr: 28, 59, 90;

}

.bg_primary,
.bg_secondary,
.bgdark,
.bg_three,
.bglime,
.bgorange,
.bggreen,
.bgyeloow,
.bgblue,
.bgred,
.bgwhite,
.bgwhiteFull,
.bgblack,
.bgblackFull {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}

.bg_primary {
  background: rgba(var(--primary_tr), 1);
  color: rgba(var(--whiteFull_tr), 1);
}

.bg_primary *{
  color: rgba(var(--whiteFull_tr), 1);
}

.bg_primary .border-top,
.bg_primary .border-bottom{
  border-color: rgba(var(--whiteFull_tr), .1)!important;
}

.bg_secondary {
  background: rgba(var(--secondary_tr), 1);
  color: rgba(var(--whiteFull_tr), 1);
}

.bgdark {
  background: rgba(var(--dark_tr), 1);
  color: rgba(var(--whiteFull_tr), 1);
}

.bg_three {
  background: rgba(var(--three_tr), 1);
  color: rgba(var(--whiteFull_tr), 1);
}

.bglime {
  background: rgba(var(--lime_tr), 1);
  color: rgba(var(--primary_tr), 1);
}

.bgwhite {
  background: rgba(var(--white_tr), 1);
  color: rgba(var(--black_tr), 1);
}

.bgwhiteFull {
  background: rgba(var(--whiteFull_tr), 1);
  color: rgba(var(--black_tr), 1);
}

.bgblack {
  background: rgba(var(--black_tr), 1);
  color: rgba(var(--whiteFull_tr), 1);
}

.bgblackFull {
  background: rgba(var(--blackFull_tr), 1);
  color: rgba(var(--white_tr), 1);
}

.bgorange {
  background: rgba(var(--orange_tr), 1);
  color: rgba(var(--whiteFull_tr), 1);
}

.bggreen {
  background: rgba(var(--green_tr), 1);
  color: rgba(var(--whiteFull_tr), 1);
}

.bgyeloow {
  background: rgba(var(--yeloow_tr), 1);
  color: rgba(var(--whiteFull_tr), 1);
}

.bgred {
  background: rgba(var(--red_tr), 1);
  color: rgba(var(--whiteFull_tr), 1);
}

.bgblue {
  background: rgba(var(--blue_tr), 1);
  color: rgba(var(--whiteFull_tr), 1);
}

.text-white *{
  color: rgba(var(--whiteFull_tr), 1)!important;
}

.primary_clr{
  --primary_clr: 100, 154, 190;
  color: rgba(var(--primary_clr), 1) !important;
}


.duocolor{
  color: rgba(var(--primary_tr), 1);
}

/*mbm*/
.screen{
  mix-blend-mode: screen;
}
.exclusion{
  mix-blend-mode: exclusion;
}
.overlay{
  mix-blend-mode: overlay;
}
.color-dodge{
  mix-blend-mode: color-dodge;
}
.hard-light{
  mix-blend-mode: hard-light;
}
.difference{
  mix-blend-mode: difference;
}
.luminosity{
  mix-blend-mode: luminosity;
}