.rotate-30 {
	transform: rotate(30deg);
}

.rotate-45 {
	transform: rotate(45deg);
}

.rotate-70 {
	transform: rotate(70deg);
}

.rotate-200 {
	transform: rotate(200deg);
}

.rotate-250 {
	transform: rotate(250deg);
}

@media (max-width: 767px) {
.no-mobile {
  display: none;
}
}

.simple-tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.simple-tooltip .simple-tooltiptext {
  visibility: hidden;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  position: absolute;
  top: -5px;
  left: 108%; 

  opacity: 0;
  transition: opacity 0.3s;
}

@media (max-width: 767px) {
	.simple-tooltip {
		border-bottom: none;
	}

	.simple-tooltip .simple-tooltiptext {
		width: 120px;
		font-size: small;
	}
}

@media (min-width: 768px) {
	.simple-tooltip .simple-tooltiptext {
		width: 240px;
		font-size: small;
	}
}

/* Tooltip arrow */
.simple-tooltip .simple-tooltiptext::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 100%; /* To the left of the tooltip */
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #555 transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.simple-tooltip:hover .simple-tooltiptext {
  visibility: visible;
  opacity: 1;
  z-index: 1000;
}

/* Compliance button should not cover the chat widget */
.cc-compliance {
  margin-right: 80px;
}