#fortune {
  min-height: 500px;
  background: var(--gradient-3);
}
#fortune .col-7 {
  padding-right: 25px;
}
#fortune h2 {
  color: #fff;
}
#fortune .subtitle {
  color: #fff;
  font-family: var(--header-font);
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 60px;
}
.fortune__form label {
  color: #fff;
  position: relative;
}
.fortune__form label:after {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  bottom: -35px;
  height: 30px;
  width: 30px;
  font-family: icon;
  color: var(--color-3);
  font-size: 25px;
  content: url(../images/icons/phone-red.png);
  filter: brightness(90);
}
.fortune__form label.error:after {
  content: none;
}
.fortune__form input {
  background: none;
  color: #fff;
}
.furtune {
  position: relative;
}
#chart {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;  
  width: 340px;
  height: 340px;
  z-index: 10;
}
#chart:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%,-50%);
  content: "";
  background: #D9D9D9;
  width: 345px;
  height: 345px;
  border-radius: 50%;
  box-shadow: 0px 0px 50px 0px rgba(255, 255, 255, 0.52);
  z-index: -1;
}
#chart:before {
  position: absolute;
  font-family: icon;
  color: #fff;
  font-size: 65px;
  content:"\f0da";
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
  z-index: 15;
  
}
#chart svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%,-50%);
}

.filltext {
  fill: #313c6e;
}
.filltext:hover {
  fill: #eb9b4e;
}
#header-shape-gradient {
  stop-color: #f12c06;
  stop-color: #faed34;
}
#chart .slice path {
  stroke: #fff;
  stroke-width: 5px;
}
#chart .slice text {
  font-family: var(--header-font);
  font-weight: 800;
  font-size: 16px;
  fill: #fff;
}
#chart .slice:nth-child(1) path {  
  fill: #DB1D25;
}
#chart .slice:nth-child(2) path {  
  fill: var(--color-2);
}
#chart .slice:nth-child(3) path {  
  fill: var(--color-2);
}
#chart .slice:nth-child(4) path {  
  fill: #DB1D25;
}
#chart .slice:nth-child(5) path {  
  fill: var(--color-2);
}
#chart .slice:nth-child(6) path {  
  fill: var(--color-2);
}
.arrowresult {
  position: absolute;
  transform: translate(98%, 50%) !important;
}
.buttons .current {
  display: none;
}
.buttons .custom__button.show {
  background: var(--gradient-2);
}
.buttons .custom__button.show .current {
  display: inline-block;
}
.buttons .custom__button.show span:nth-child(2) {
  display: none;
}