.main_bg_color{
	background-color: #006600;
  }
  .main_bg_color_answer{
    background-color: #013579;
  }
  .main_text_color{
    color: #002049;
  }
  
  .arrow-down-close {
width: 50px;
height: 14px;
display: block;


&:before, &:after { 
  content: '';
  display: inline-block;
  height: 25px;
  width: 6px;
  background-color: white;
  border-radius: 8px;
  position: relative;
  transition: 300ms ease-in-out transform;
}

&:before {
  transform: rotate(-45deg);
  left: 18px;
  top: -4px;
}

&:after {
  transform: rotate(40deg);
  left: 27px;
  top: -4px;
}


}
.arrow-down-close.rotate {
&:before {
  transform: translateX(7px) rotate(45deg); 
}

&:after {
  transform: translateX(-7px) rotate(-45deg); 
}
}
@media only screen and (max-width: 600px) {
.arrow-down-close {
  width: 50px;
height: 14px;
display: block;
}
.arrow-down-close:before{
  content: '';
  display: inline-block;
  height: 25px;
  width: 6px;
  background-color: white;
  border-radius: 8px;
  position: relative;
  transition: 300ms ease-in-out transform;
  transform: rotate(-45deg);
  left: 18px;
  top: -4px;
  
}
.arrow-down-close:after {
  content: '';
  display: inline-block;
  height: 25px;
  width: 6px;
  background-color: white;
  border-radius: 8px;
  position: relative;
  transition: 300ms ease-in-out transform;
  transform: rotate(40deg);
  left: 27px;
  top: -4px;
}
.arrow-down-close.rotate:before {
  transform: translateX(7px) rotate(45deg); 
}
.arrow-down-close.rotate:after {
  transform: translateX(-7px) rotate(-45deg); 
}
}
.whatsapp-button:hover .fa-whatsapp {
  color: green;
}