.calculator {
 font-family: 'Raleway';
  padding: 20px;
  background: #fff;
}


.pdf-logo {
  text-align: center;
  margin-bottom: 20px;
}

.pdf-logo .logo img {
  max-width: 200px;
  height: auto;
  margin-bottom: 10px;
}

.pdf-logo .logo-desc {
  font-size: 16px;
  font-weight: 600;
  color: #1F3C88;
}

.calc-row {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.calc-row * {
  flex: 25%;
}

.calc-row-first {
  flex: 27%;
}

.calc-row-last {
  display: grid;
  grid-template-columns: 0.2fr 1.8fr;
  gap: 10px;
  justify-content: center;
  align-items: center;
  margin-left: 50px;
}

.cross {
  flex: 8%;
  display: grid;
  place-items: center;
  color: #151B25;
  font-weight: 400;
}

.calc-row label {
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
}

.result {
  font-weight: bold;
  color: #034686;
  font-size: 1.4em;
  margin-right: 7px;
}

.calc-row input[type="range"] {
  vertical-align: middle;
  width: 90%;
}

.range-value {
  font-family: sans-serif !important;
  padding-left: 5px;
  font-weight: bold;
  font-size: 16px;
  color: #555;
}

.res-des {
  font-weight: 200;
  font-size: 16px;
  color: #09090adb;
  line-height: 1.3;
  font-style: normal;
}

.equal {
  font-size: 1.2em;
    margin: 10px;
    line-height: 1em;
}

.margin-range p {
  margin: 0;
}

input[type=number] {
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #151B25;
  background-color: #FCFCFC;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  appearance: textfield;
  -webkit-appearance: none;
}

input[type=number]:focus {
  outline: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.calc-actions {
  margin-top: 30px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  height: 120px;
}

.calc-actions button {
  padding: 10px 20px;
  font-size: 14px;
  margin-right: 10px;
  background-color: #0D3D8F;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.calc-actions a {
  text-decoration: none;
  color: #fff;
}

.calc-row-first p {
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 9px;
}

.calc-actions button:hover {
  background-color: #E10032;
}

.tool-tip img , .tool-tip_ img {
  width: 16px;
}

.tool-tip , .tool-tip_ {
  width: 16px;
  cursor: pointer;
  position: relative;
}

.tool-tip_:hover::before {
  content: "Over the many years we’ve been doing this, across hundreds of our customers we typically convert 1% to 2.5% of the monthly unique visitors into what we call “meaningful chats”. So we’re using 1.1% here as the average. Also, we don’t send chat transcripts over to our customers that are spam or aren’t “meaningful’ to their business. Please be sure to ask us about this if you have questions.";
  position: absolute;
  width: 250px !important;
  background-color: #F5F5F5;
  color: #000000;
  left: 50%;
  transform: translateX(-50%);
  top: 27px;
  padding: 14px;
  font-size: 12px;
  z-index: 1;
  transition: all 0.4s ease;
  text-align: left;
  line-height: 1.4em;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}


.tool-tip:hover::before {
  content: "Over the many years we’ve been doing this, across hundreds of our customers, we’ve observed that out of all the chats we send to our customers, usually 40% to 70% of them are sales inquiries. The rest are made up of customer service, parts, employment, and general inquiries.";
  position: absolute;
  width: 250px !important;
  background-color: #F5F5F5;
  color: #000000;
  left: 50%;
  transform: translateX(-50%);
  top: 27px;
  padding: 14px;
  font-size: 12px;
  z-index: 1;
  transition: all 0.4s ease;
  text-align: left;
  line-height: 1.4em;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

p{
	margin-bottom: 0px !important;
}
.highlight {
  color: #1F3C88;
  font-weight: bold;
}

.logo-container {
  display: none;
  text-align: center;
  margin-bottom: 30px;
}


.logo-container h2 {
  font-size: 18px;
  font-weight: bold;
  color: #1F3C88;
  margin-bottom: 10px;
  font-family: Georgia, 'Times New Roman', serif;
}


 .contact-info {
  display: none;
}  

.contact-info p {
    font-weight: 500;
    margin-bottom: 0px !important;
}

.contact-info .cont-inf {
  font-weight: 700;
}

.bold {
  font-weight: bold;
}

/* Media Queries */

@media (min-width: 880px) and (max-width: 1250px) {
  .calculator {
    width: 90vw;
  }
  .calc-row-first p {
    white-space: normal; /* changed from wrap (invalid) */
  }
}

@media (max-width: 880px) {
  .calculator {
    width: 90vw;
  }
  .calc-row {
    display: grid;
    grid-template-columns: 1.2fr 0.4fr 1fr;
    grid-template-rows: 1fr 1fr;
    padding: 20px 0;
    border-bottom: 2px dotted #034686;
  }
  .calc-row-first p {
    white-space: normal; /* changed from wrap (invalid) */
  }
  .calc-row-last {
    justify-content: start;
    gap: 5px;
    margin-left: 0;
  }
}

@media (max-width: 500px) {
  .calculator {
    width: 90vw;
  }
  .calc-row {
    display: grid;
    grid-template-columns: 1fr 0.6fr 1fr;
  }
  .calculator label {
    font-size: 14px;
  }
  .tool-tip:hover::before {
    left: 70%;
    transform: translateX(-45%);
  }
  .calculator p {
    font-size: 12px;
  }
  .res-des {
    font-size: 13px;
  }
  .calculator input {
    width: 100% !important;
  }
  .result {
    font-size: 1.4em;
    font-family: sans-serif !important;
  }
  .calc-actions {
    flex-direction: column;
    gap: 10px;
  }
}