:root {
  --tiffany-blue: #6bffe6;
  --aqua: #16dbc8;
  --sea: #41a5a3;
  --ice-blue: #edfffb;
  --dark: #232d41;
  --steel: #707994;
  --blue-grey: #bec3d2;
  --grey: #e6eaf0;
  --light-grey: #f4f5f8;
  --pale-grey: #fafdff;
  --white: #ffffff;
  --watermelon: #eb4667;
  --straw: #fff176;
  --greenish-cyan: #4ce2a7;
  --light-royal-blue: #2d4ef5;
  --black: #333333;
  --Robin-Egg: #7ae7ff;
  --azure: #25b9f5;
  --cerulean: #0077c2;
  --ice-blue-two: #ebf8ff;
}
body{
  font-family: Montserrat;
}
.button-normal{
  background-image: url('../img/signup.svg');
  width: 308px;
  height: 54px;
}
.button-normal:hover{
  background-image: url('../img/btn-hover.svg');
}

.button-outline {
  height: 46px;
  border-radius: 10px;
  width: 154px;
  font-size: 16px;
}

.button-outline-primary {
  border: solid 1px var(--sea);
  color: var(--sea);
}

.button-outline-primary:hover{
  color: #ffffff;
  background-color: var(--sea);
}

.button-outline-secondary {
  color: #626e94;
  border: solid 1px #626e94;
}

.modal-text {
  font-size: 20px;
  font-weight: 600; 
}

.button-solid {
  background-color: var(--sea);
  border-radius: 10px;
  width: 154px;
  height: 46px;
  color: #ffffff;

  font-size: 16px;
}

.button-outline-basic {
  border: solid 1px rgba(190, 195, 210, 0.8);
}

.button-basic {
  height: 46px;
  border-radius: 10px;
  color: var(--drak);
  background-color: var(--tiffany-blue);
  border: solid 1px rgba(190, 195, 210, 0.15);
}

.dropdown>.dropdown-toggle {
  display: block;
  font-size: 16px;
  font-family: Montserrat;
  color: var(--drak);
  line-height: 1.0;
  padding: .6em 1.4em .5em .8em;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  border: 1.2px solid var(--blue-grey);
  border-radius: .5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url('../img/arrow-down.svg');
  background-repeat: no-repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%;
  text-align: left;
}

.dropdown-toggle::-ms-expand {
  display: none;
}

.dropdown-toggle:hover {
  border-color: #888;
  background-color: #fff;
  color: #444;
}

.dropdown-toggle:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px #e9f1f3;
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  border: 1px solid #aaa;
  border-radius: .5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  color: #222;
  outline: none;
}

.show>.btn-secondary.dropdown-toggle {
  display: block;
  font-size: 16px;
  font-family: Montserrat;
  color: #444;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #aaa;
  border-radius: .5em;
  border-color: #41a5a3;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url('../img/arrow-up.svg');
  background-repeat: no-repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%;
}

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


.dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  display: none;
  float: left;
  width: 100%;
  max-width: 100%;
  margin: 0px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #aaa;
  border-radius: .5em;
}

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

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-item:hover {
  background-color: #e9f1f3;
}