#compare-tool-modal::-webkit-scrollbar {
  visibility: hidden;
}

#compare-tool-modal .compare-card {
  border-radius: 12px;
  border: 1px solid #002BC6;
  padding: 40px 20px 10px 20px;
  position: relative;
  margin-bottom: 15px;
}

#compare-tool-modal .compare-card .badge {
  display: none;
  position: absolute;
  width: 88px;
  height: 88px;
  background: #002BC6;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  right: -15px;
  top: -40px;
  color: #FFF;
  font-size: 20.028px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}

#compare-tool-modal .compare-card.featured {
  border-width: 4px;
}

#compare-tool-modal .compare-card.featured .badge {
  display: flex;
}

#compare-tool-modal .compare-card .user-wrapper {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-bottom: 20px;
  min-height: 167px;
}

#compare-tool-modal .compare-card .user-wrapper .user-details {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 20px;
}

#compare-tool-modal .compare-card .user-name {
  color: #000;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

#compare-tool-modal .compare-card .compare-view-details,
#compare-tool-modal .compare-card .user-company {
  color: #002BC6;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 97.5%;
}

#compare-tool-modal .compare-card .compare-view-details {
  font-weight: 600;
  text-decoration-line: underline;
}

#compare-tool-modal .compare-card .avatar {
  width: 85px;
  height: 85px;
}

#compare-tool-modal .compare-card .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid #002BC6;
}

#compare-tool-modal .compare-card .rates {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

#compare-tool-modal .compare-card .rates-wrapper {
  padding: 0 20px 15px 20px;
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}

#compare-tool-modal .compare-card .rates-wrapper::before {
  content: '';
  position: absolute;
  width: calc(100% - 40px);
  height: 3px;
  background-color: #0037FF;
  display: block;
  border-radius: 12px;
  left: 20px;
}

#compare-tool-modal .compare-card .rates .item {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 1px solid #BFBFBF;
}

#compare-tool-modal .compare-card .rates .item:nth-child(1) {
  margin-top: 30px;
}

#compare-tool-modal .compare-card .rates .item:nth-last-child(1) {
  border-bottom: none;
}

#compare-tool-modal .compare-card .rates .item:nth-last-child(1) .value {
  padding-left: 5px;
}

#compare-tool-modal .compare-card .rates .item .title {
  font-size: 19.498px;
  font-weight: 700;
  line-height: 126.5%;
  flex: 1;
}

#compare-tool-modal .compare-card .rates .item .value {
  color: #002BC6;
  font-size: 48.744px;
  font-weight: 700;

  flex: 2;
  order: 3;
  padding-left: 12px;
}

#compare-tool-modal .compare-card .compare-apply {
  border-radius: 20px;
  margin-bottom: 20px;
}

#compare-tool-modal .compare-area {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  column-gap: 40px;
  row-gap: 25px;
  margin-bottom: 86px;
}

#compare-tool-modal .compare-area .title {
  color: #002BC6;
  font-family: "Bluu Next";
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

#compare-tool-modal .compare-area .inputs-area {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  row-gap: 24px;
}

#compare-tool-modal .compare-area .input-wrapper {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 4px;
}

#compare-tool-modal .compare-area .inputs-area label {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 126.5%;
}

#compare-tool-modal .compare-cards.active .rateCard {
  width: 100%;
  max-width: 363px;
}

#compare-tool-modal .compare-cards .rateCard {
  width: 31.95%;
}

#compare-tool-modal .compare-cards {
  min-height: 650px;
  display: flex;
  gap: 24px;
}

#compare-tool-modal .compare-cards.active {
  gap: 0;
}

#compare-tool-modal .modal-body {
  padding: 0 24px;
}

#compare-tool-modal .swiper-pagination-bullet {
  width: 18px;
  height: 18px;
  background-color: #DADADA;
  opacity: 1;
  margin: 0 14px;
}

#compare-tool-modal .swiper-pagination-bullet-active {
  background-color: #002BC6;
}

#compare-tool-modal .compare-area .compare-counter {
  display: flex;
  border: 1px solid #002BC6;
  height: 57px;
  width: 100%;
  max-width: 192px;
  border-radius: 10px;
  padding: 10px 10px 10px 8px;
}

#compare-tool-modal .compare-area .input-wrapper:nth-child(1) .compare-counter {
  max-width: 180px;
}

#compare-tool-modal .compare-area .compare-counter input {
  color: #002BC6;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 105%;
  border: none;
  outline: none;
  width: 100%;
  background: #fff;
  text-align: right;
  opacity: 1;
  filter: none;
  min-width: 112px;
  height: 100%;
  min-height: 35px;
  padding: 0;
}

#compare-tool-modal .compare-area .custom-placeholder {
  color: #002BC6;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;

  display: flex;
  align-items: end;
}

#compare-tool-modal .rateCard .buttons,
#compare-tool-modal .compare-area .compare-counter .buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}

#compare-tool-modal .rateCard .buttons {
  order: 2;
  margin-left: -30px;
}

#compare-tool-modal .rateCard .buttons .counter-btn,
#compare-tool-modal .compare-area .counter-btn {
  width: 24px;
  height: 16px;
  border: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='28' viewBox='0 0 34 28' fill='none'%3E%3Cpath d='M9.80908 19.5L16.6841 12.625L23.5591 19.5H9.80908Z' fill='%23323232'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 180%;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  gap: 5px;
}

#compare-tool-modal .rateCard .buttons .counter-btn.disabled,
#compare-tool-modal .compare-area .counter-btn.disabled {
  opacity: 0.25;
  filter: blur(1px);
}


#compare-tool-modal .rateCard .buttons .counter-btn.decrease,
#compare-tool-modal .compare-area .counter-btn.decrease {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='28' viewBox='0 0 34 28' fill='none'%3E%3Cpath d='M9.80908 8L16.6841 14.875L23.5591 8H9.80908Z' fill='%23323232'/%3E%3C/svg%3E");
}

#compare-tool-modal .toggle-compare-filters {
  width: 42px;
  height: 42px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42' fill='none'%3E%3Cpath d='M32.415 7.3952C24.8286 6.5473 17.1713 6.5473 9.58479 7.3952C7.69768 7.60611 6.78892 9.81911 7.98318 11.2954L14.579 19.4488C16.4689 21.7849 17.4999 24.6988 17.4999 27.7036V33.2031C17.4999 33.6212 17.6991 34.0143 18.0362 34.2616L22.8847 37.8171C23.5551 38.3087 24.4999 37.8299 24.4999 36.9986V27.7036C24.4999 24.6988 25.531 21.7849 27.4208 19.4488L34.0167 11.2954C35.2109 9.8191 34.3022 7.60611 32.415 7.3952Z' fill='%23002BC6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right -6.5px center;
  display: none;
}

#compare-tool-modal .filters-close-btn {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='59' height='59' viewBox='0 0 59 59' fill='none'%3E%3Cpath d='M20.8089 38.1916L38.1919 20.8086' stroke='black' stroke-width='3.6875' stroke-linecap='round'/%3E%3Cpath d='M20.8089 20.8084L38.1919 38.1914' stroke='black' stroke-width='3.6875' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  align-self: end;
  display: none;
}

#compare-tool-modal .apply-filters {
  color: #FFF;
  font-size: 15.188px;
  font-weight: 700;
  line-height: 103.5%;
  text-transform: uppercase;
  border-radius: 16.875px;
  padding: 8.438px;
  background: #002BC6;
  width: 100%;
  max-width: 192px;
  height: 57px;
  display: none;
  align-items: center;
  justify-content: center;
}

#compare-tool-modal .nmls {
  font-size: 16px;
  font-weight: 500;
  line-height: 126.5%;
}

#compare-tool-modal .partner-area {
  display: flex;
  padding: 10px 0;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-top: 3px solid #0037FF;
  gap: 10px;
}

#compare-tool-modal .partner-area .partner-logo {
  width: 44px;
  height: 44px;
}

#compare-tool-modal .partner-area .partner-logo img {
  object-fit: contain;
}

#compare-tool-modal .partner-area .partner-title {
  font-size: 15px;
  color: #000;
  font-size: 14px;
  font-weight: 600;

}

#compare-tool-modal .rate-info {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  font-size: 16px;
  font-weight: 600;
  width: max-content;
  max-width: 100%;
  flex-wrap: wrap;
}

#compare-tool-modal .result .counter-wrapper .tool-tip.xl {
  min-width: 450px;
  text-align: left;
}

#compare-tool-modal .rate-info:hover .tool-tip {
  display: flex;
  transition: .3s ease;
}

#compare-tool-modal .rate-info .tool-tip {
  display: none;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: absolute;
  bottom: 120%;
  background: #000000bd;
  color: #fff;
  padding: 6px 8px;
  border-radius: 5px;
  font-size: 13px;
  min-width: 155px;
  z-index: 99;
}

#compare-tool-modal .rate-info .tool-tip::after {
  content: '';
  width: 24px;
  height: 12px;
  background: #000000bd;
  clip-path: polygon(50% 50%, 0 0, 100% 0);
  display: block;
  position: absolute;
  bottom: -11.5px;
}

#compare-tool-modal .rate-info::after {
  content: '';
  width: 24px;
  height: 18px;
  background-image: url(../../assets/images/filter/icon-info.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

/* Broker Details Modal */
#broker-details .modal-body {
  padding: 0 40px 40px 40px;
}

#broker-details .user-wrapper {
  display: flex;
  gap: 20px;
}

#broker-details .user-wrapper .user-avatar {
  width: 136px;
  height: 136px;
}

#broker-details .user-wrapper .user-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid #002BC6;
}

#broker-details .user-wrapper .user-details {
  flex: 1;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

#broker-details .user-wrapper .user-details .user-name {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 113.5%;
}

#broker-details .user-wrapper .user-details .user-nmls,
#broker-details .user-wrapper .user-details .user-company {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 126.5%;
}

#broker-details .user-wrapper .user-details .user-company {
  color: #002BC6;
  line-height: 116.5%;
}

#broker-details .user-wrapper .user-reviews {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  row-gap: 10px;
}

#broker-details .user-wrapper .user-details .stars {
  display: flex;
  align-items: center;
}

#broker-details .user-wrapper .user-details .star {
  width: 19.5px;
  height: 19.5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.64652 3.3505C9.19574 2.404 10.5626 2.404 11.1118 3.3505L12.7937 6.24909C12.9488 6.51627 13.2167 6.6986 13.5222 6.74473L16.3151 7.16657C17.5326 7.35045 17.9596 8.88761 17.0115 9.67313L14.9765 11.3591C14.6909 11.5957 14.5566 11.969 14.6259 12.3334L15.196 15.327C15.4193 16.4996 14.1883 17.4107 13.132 16.8545L10.3534 15.3915C10.0566 15.2352 9.70176 15.2352 9.4049 15.3915L6.62628 16.8545C5.57005 17.4107 4.33905 16.4996 4.56234 15.327L5.13238 12.3334C5.20176 11.969 5.06746 11.5957 4.78183 11.3591L2.74683 9.67313C1.79869 8.88761 2.22574 7.35045 3.4432 7.16657L6.23616 6.74473C6.54159 6.6986 6.80956 6.51627 6.96459 6.24909L8.64652 3.3505ZM10.0553 3.96357C9.97679 3.82836 9.78153 3.82836 9.70307 3.96357L8.02114 6.86216C7.68007 7.44995 7.09054 7.85107 6.41859 7.95256L3.62563 8.37441C3.45171 8.40068 3.3907 8.62027 3.52615 8.73249L5.56115 10.4185C6.18953 10.9391 6.485 11.7603 6.33235 12.5619L5.76232 15.5555C5.73042 15.723 5.90627 15.8531 6.05717 15.7737L8.83578 14.3106C9.48887 13.9667 10.2695 13.9667 10.9225 14.3106L13.7012 15.7737C13.8521 15.8531 14.0279 15.723 13.996 15.5555L13.426 12.5619C13.2733 11.7603 13.5688 10.9391 14.1972 10.4185L16.2322 8.73249C16.3676 8.62027 16.3066 8.40067 16.1327 8.37441L13.3397 7.95256C12.6678 7.85107 12.0783 7.44995 11.7372 6.86216L10.0553 3.96357Z' fill='%23002BC6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

#broker-details .user-wrapper .user-details .star.solid {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath d='M11.0385 2.43982C10.7246 1.89897 9.94357 1.89896 9.62973 2.43982L7.41952 6.24882C7.26449 6.516 6.99653 6.69833 6.69109 6.74446L2.54902 7.37007C1.85333 7.47514 1.6093 8.35352 2.15109 8.80239L5.23676 11.3588C5.52239 11.5955 5.6567 11.9688 5.58731 12.3331L4.78015 16.572C4.65255 17.2421 5.35598 17.7627 5.95954 17.4449L9.85983 15.3912C10.1567 15.2349 10.5115 15.2349 10.8084 15.3912L14.7086 17.4449C15.3122 17.7627 16.0156 17.2421 15.888 16.572L15.0809 12.3331C15.0115 11.9688 15.1458 11.5955 15.4314 11.3588L18.5171 8.80239C19.0589 8.35352 18.8149 7.47515 18.1192 7.37007L13.9771 6.74446C13.6717 6.69833 13.4037 6.516 13.2487 6.24882L11.0385 2.43982Z' fill='%23002BC6'/%3E%3C/svg%3E");
}

#broker-details .user-wrapper .user-reviews span {
  color: #002BC6;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 97%;
  text-decoration-line: underline;
}

#broker-details .modal-description p {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 126.5%;
  margin-bottom: 0;
}

#broker-details .rates-area {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-top: 50px;
}

#broker-details .rates-area .item {
  padding-right: 22px;
  border-right: 1px solid #BFBFBF;
  min-height: 98px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 20px;
}

#broker-details .rates-area .item:nth-last-child(1) {
  padding-right: 0;
  border-right: none;
}

#broker-details .rates-area .item .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 126.5%
}

#broker-details .rates-area .item .value {
  color: #002BC6;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;

}

#broker-details .modal-footer {
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  background-color: #002BC6;
  border-top: none;
  padding: 40px;
}

#broker-details .modal-footer .subtitle {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
}

#broker-details .modal-footer .modal-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 227px;
  color: #000;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 97%;
  height: 50px;
  padding: 10px;
  border-radius: 45px;
  border: 1px solid #002BC6;

  background: #FFF;
}

/* Custom Toast */

.visbl-toast-title {
  color: #002BC6;
}

.visbl-toast-icon {
  color: #002BC6 !important;
  border-color: #002BC6 !important;
}

/* Media Queries */

@media (max-width: 1599px) {
  #compare-tool-modal .compare-area .title {
    font-size: 48px;
  }

  #compare-tool-modal .compare-area {
    margin-bottom: 50px;
  }

  #compare-tool-modal .compare-card {
    padding: 24px 12px 8px 12px;
  }

  #compare-tool-modal .compare-card .user-name {
    font-size: 24px;
  }

  #compare-tool-modal .compare-card .user-wrapper {
    margin-bottom: 0;
  }

  #compare-tool-modal .modal-header {
    padding-bottom: 0;
  }

  #compare-tool-modal .compare-card .rates .item .value {
    font-size: 41px;
  }

  #compare-tool-modal .compare-card .badge {
    width: 80px;
    height: 80px;
    font-size: 18px;
  }

  #compare-tool-modal .compare-cards {
    min-height: 710px;
  }
}

@media (max-width: 1299px) {
  #compare-tool-modal .compare-cards .rateCard {
    width: 31.85%;
  }
}

@media (max-width: 1199px) {
  #compare-tool-modal .rateCard {
    max-width: 358px !important;
  }
}


@media (max-width: 991px) {

  /* Broker Details Modal */
  #broker-details .rates-area {
    flex-direction: column;
    gap: 15px;
    margin-top: 25px;
  }

  #broker-details .rates-area .item {
    height: max-content;
    padding-right: 0;
    border-right: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #bfbfbf;
    width: 100%;
    gap: 10px;
  }

  #broker-details .rates-area .item:nth-last-child(1) {
    padding-bottom: 0;
    border-bottom: none;
  }

  #broker-details .modal-description {
    margin-top: 25px;
  }

}

@media (min-width: 1300px) {
  #compare-tool-modal.modal-xl {
    --bs-modal-width: 1200px;
  }
}

@media (max-width: 576px) {
  #compare-tool-modal .compare-area .inputs-area {
    display: none;
    position: fixed;
    background: #fff;
    width: 98%;
    height: 98%;
    top: 1%;
    left: 1%;
    z-index: 1050;
    flex-direction: column;
    align-items: start;
    padding: 25px 25px 60px 55px;
    border-radius: 10px;
  }

  #compare-tool-modal .compare-area .compare-counter {
    max-width: 100%;
  }

  #compare-tool-modal .compare-area .compare-counter input {
    padding: 0 8px;
  }

  #compare-tool-modal .compare-area .inputs-area.show,
  #compare-tool-modal .filters-close-btn,
  #compare-tool-modal .toggle-compare-filters {
    display: flex;
  }

  #compare-tool-modal .compare-area {
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
  }

  #compare-tool-modal .compare-cards {
    padding-top: 27px;
    min-height: 490px;
  }

  #compare-tool-modal .compare-card .user-wrapper {
    gap: 15px;
    min-height: 120px;
  }

  #compare-tool-modal .compare-card .rates,
  #compare-tool-modal .compare-card .user-wrapper .user-details {
    gap: 10px;
  }

  #compare-tool-modal .compare-card .compare-view-details,
  #compare-tool-modal .compare-card .user-company {
    font-size: 15px;
  }

  #compare-tool-modal .compare-card .badge {
    width: 64px;
    height: 64px;
    font-size: 14px;
    right: -4px;
    top: -30px;
  }

  #compare-tool-modal .compare-card .rates .item:nth-child(1) {
    margin-top: 15px;
  }

  #compare-tool-modal .compare-card .rates .item {
    padding-bottom: 10px;
  }

  #compare-tool-modal .compare-card .rates .item .value {
    font-size: 36px;
  }

  #compare-tool-modal .compare-card {
    padding: 10px;
    margin-bottom: 50px;
  }

  #compare-tool-modal .swiper-pagination-bullet {
    margin: 0 7px;
  }

  #compare-tool-modal .compare-card .user-name {
    max-width: 140px;
  }

  #compare-tool-modal .rateCard .buttons {
    margin-right: 0;
  }

  #compare-tool-modal .compare-card .rates .item .title {
    max-width: 73px;
  }

  #compare-tool-modal .rateCard {
    max-width: 306px !important;
  }

  #compare-tool-modal .rateCard .buttons .counter-btn,
  #compare-tool-modal .compare-area .counter-btn {
    width: 32px;
    height: 18px;
  }
}