.tipsIcons {
  width: 2rem;
}

.tipsHeading {
  font-size: 1rem;
}

.border-1px-lightBlue {
  border: 1px solid #d4e8f7;
}

.border-radius-5px {
  border-radius: 5px;
}

.bg-dark-yellow {
  background-color: #fcaf1b !important;
}

.calculatorForm input::-webkit-input-placeholder {
  font-size: 0.8rem !important;
}

.resetBtn,
.resetBtn:hover {
  border: 1px solid #3b3b3b !important;
}

.textLightDark {
  color: #3b3b3b;
}

.inputBorder {
  border: 1px solid #006ea6 !important;
  border-left: 0px !important;
}

.textDrakBlue {
  color: #0f3857 !important;
}

.rupeeTextColor {
  color: #006ea6;
}

.tipsParagraph,
.tipsParagraph ul li {
  color: #0f3857 !important;
}

.rupeeColumn {
  background-color: #ffff;
  border: 1px solid #006ea6 !important;
  border-right: 2px solid #e1e1e1 !important;
}

.resultDigit {
  font-size: 3rem;
}

.showDetailsText {
  font-size: 0.9rem !important;
}

.textlightBlue,
.showDetailsText,
.textlightBlue:hover {
  color: #2848c1 !important;
}

.border-bottom-grey {
  border-bottom: 2px solid #d9d9d9 !important;
}

.textLightGray {
  color: #97a7ba !important;
}

.resultTable .table-bordered,
.table-bordered td,
.table-bordered th {
  border: 0.13rem solid #a8d2f0;
}

.border-light-blue {
  border: 0.1rem solid #a8d2f0;
}

.slick-dots {
  display: none !important;
}

.slick-next,
.slick-prev {
  display: none !important;
}

.prevBtn {
  transform: rotate(180deg);
}

.financeImg {
  width: 15rem;
  height: 8rem;
}

.revenue-tooltips .tooltiptext {
  visibility: hidden;
  width: 15rem;
  background-color: #fff;
  color: #2567b3;
  border: 1px solid #2567b3;
  text-align: center;
  border-radius: 6px;
  padding: 7px 9px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: -206%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 1s;
  opacity: 0;
  transition: opacity 1s;
  font-size: .85rem;
}

.revenue-tooltips img {
  width: 15px;
}

.revenue-tooltips::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0px;
  border-width: 5px;
  border-style: solid;
  border-color: #2567b3 transparent transparent transparent;
  visibility: hidden;
}

.revenue-tooltips:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.revenue-tooltips:hover::after {
  visibility: visible;
  opacity: 1;
}

.bgLightSwoosh {
  background-image: url("/wp-content/themes/tally/assets/images/business-liquidity-calculator/light-blue-bg-swoosh.svg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 34rem;
  background-position-y: 17rem;
}

.formContainer {
  border-radius: 0.8rem;
}

.form-group {
  position: relative;
  margin-bottom: 20px;
  padding-top: 20px;
}

.right-content form .btn {
  width: fit-content;
  background-color: #ffcc00;
  border: none;
  color: #000 !important;
  padding: 10px 29px;
  margin: 5px 0 0 0;
  font-weight: 500;
}

.right-content {
  max-width: 50%;
  background-color: white;
  padding: 20px;
  border-radius: 10px;
}

.btn-fretrail,
.btn-fretrail:hover {
  width: fit-content;
  background-color: #ffcc00;
  border: none;
  color: #000 !important;
  padding: 10px 29px;
  margin: 5px 0 0 0;
  font-weight: 500;
}

.streamLineQuotn ol {
  display: block;
  padding: 0 0 0 26px;
  list-style: none;
  overflow: hidden;
  counter-reset: numList;
}

.streamLineQuotn ol li {
  position: relative;
  font-size: 1.1rem;
}

.streamLineQuotn ol li:before {
  counter-increment: numList;
  content: counter(numList);
  position: absolute;
  left: -26px;
  font-size: 1rem;
  text-align: center;
  color: #2b68b2;
  line-height: 28px;
  width: 30px;
  height: 30px;
  background: inherit;
  border-radius: 999px;
  border: 1px solid #bad0eb;
}

#showResultModalPopup h2 {
  font-size: 2rem;
}

.popupText {
  color: #767676;
}

.popupCloseIcon {
  margin-top: -2rem;
  position: absolute;
  z-index: 1;
  right: 0rem;
}

@media (max-width: 300px) {
  .revenue-tooltips .tooltiptext {
    width: fit-content;
  }
}

@media (min-width: 280px) {
  .formHeading,
  .exploreOurPopularTitle,
  .streamLineHead,
  .tipsToCreateHead,
  .subHead,
  .breakUpTitle {
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) {
  #showResultModalPopup .modal-dialog {
    max-width: 60rem;
  }

  #showResultModalPopup .popupCloseIcon {
    margin-top: -2rem;
    position: absolute;
    z-index: 1;
    right: -1rem;
  }
}

@media (min-width: 768px) {
  .experienseSection {
    border-radius: 1rem;
  }

  .financeImg {
    width: 10rem;
    height: 8rem;
  }

  .bgLightSwoosh {
    background-size: 40rem;
    background-position-y: 0rem;
  }

  .experienceImg {
    width: 10rem;
  }
}

@media (min-width: 1024px) {
  .experienceImg {
    width: 17rem;
  }

  .financeImg {
    width: 13rem;
    height: 8rem;
  }
}

@media (min-width: 1200px) {
  .bgLightSwoosh {
    background-image: url("/wp-content/themes/tally/assets/images/business-liquidity-calculator/light-blue-bg-swoosh.svg");
    background-repeat: no-repeat;
    background-position: center right;
    background-position-y: 0rem !important;
    background-size: auto;
  }

  .mainTitle {
    font-size: 2.5rem;
  }

  .experienceImg {
    width: 20rem;
  }

  #showResultModalPopup .modal-dialog {
    top: 50%;
    bottom: 50%;
    transform: translate(0%, -50%);
  }

  .streamLineHead {
    font-size: 1.8rem;
  }

  .formHeading {
    font-size: 1.5rem;
  }

  .formContainer {
    box-shadow: 0px 0px 35.88px 0px #5f5f5f26;
  }
}