/* ------------ UCA ------------ */
.uca {
  --main-color: #4872a2;
  --special-color: #fa6560;
  --second-color: #bdbdbd;
  --auth-background: var(--main-color);
  --city-margin: -50px auto 0;
  --city-color: white;
  --btn-auth-color: var(--special-color);
}

/* ------------ FORSAJ ------------ */
.forsaj {
  --second-color: #bdbdbd;
  --main-color: #000206;
  --special-color: #f87644;
  --auth-background: var(white);
  --city-margin: 20px auto 0;
  --city-color: var(--main-color);
  --btn-auth-color: var(--special-color);
}


/* ------------ START ------------ */
.start {
  --second-color: #bdbdbd;
  --main-color: black;
  /* --main-color: #2789ec; */
  --special-color: #deb200;
  --auth-background: var(white);
  /* --auth-background: var(--special-color); */
  --city-margin: 20px auto 0;
  --city-color: white;
  --btn-auth-color: #2789ec;
}

/* ------------ TEST-WAYS -------------- */
.test_ways {
  --main-color: #4872a2;
  --special-color: #fa6560;
  --second-color: #bdbdbd;
  --auth-background: var(--second-color);
  --city-margin: 0 auto 0;
  --city-color: var(--main-color);
  --btn-auth-color: var(--special-color);

}

/* ------------ AUTOKLAS -------------- */
.autoklas {
  --main-color: #4872a2;
  --special-color: #fa6560;
  --second-color: #bdbdbd;
  --auth-background: var(--second-color);
  --city-margin: 0 auto 0;
  --city-color: var(--main-color);
  --btn-auth-color: var(--special-color);

}

/* ------------ PERSPECTIVA -------------- */
.perspectiva {
  --main-color: #2584C2;
  --special-color: #8DDC2B;
  --second-color: #bdbdbd;
  --auth-background: var(--second-color);
  --city-margin: 0 auto 0;
  --city-color: var(--main-color);
  --btn-auth-color: var(--special-color);

}

/* ------------ IT-WAYS -------------- */
.itways {
  --main-color: #000000;
  --special-color: #f05125;
  --second-color: #bdbdbd;
  --auth-background: var(--second-color);
  --city-margin: 10px auto 0;
  --city-color: var(--main-color);
  --btn-auth-color: var(--special-color);

}


.viral {
  --main-color: #4872a2;
  --special-color: #fa6560;
  --second-color: #bdbdbd;
  --auth-background: url('../assets/images/bg.png') no-repeat 100% 100%;
  --city-margin: 20px auto 0;
  --city-color: var(--main-color);
  --btn-auth-color: var(--special-color);

}

.utm {
  --main-color: #4872a2;
  --special-color: #fa6560;
  --second-color: #bdbdbd;
  --auth-background: var(--main-color);
  --city-margin: 20px auto 0;
  --city-color: var(--main-color);
  --btn-auth-color: var(--special-color);

}

.autocurs {
  --main-color: #4872a2;
  --special-color: #fa6560;
  --second-color: #bdbdbd;
  --auth-background: white;
  --city-margin: 20px auto 0;
  --city-color: var(--main-color);
  --btn-auth-color: var(--special-color);

}