@font-face {
  font-family: Inter;
  src: url(../fonts/Inter-VariableFont.ttf);
}
:root {
  --heading: 42px;
  --headingLarge: 48px;
  --link: 20px;
  --cardHeading: 20px;
  --cardText: 14px;
  --contentHeading: 26px;
  --content: 20px;
}
@media (max-width: 600px) {
  :root {
    --heading: 34px;
    --headingLarge: 34px;
    --link: 12px;
    --cardHeading: 14px;
    --cardText: 12px;
    --contentHeading: 20px;
    --content: 16px;
  }
}

@media screen and (min-width:1200px) and (max-width:1250px) {
  .container{
    padding:0;
  }
  
}


.red-span {
  color: #c82128;
}
.breadcrumb-calc {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: var(--link);
  line-height: 35px;
  color: rgba(33, 33, 33, 0.54);
  padding-top: 30px;
  padding-bottom: 30px;
  position: sticky;
  top: 74px;
  z-index: 5;
  background: white;
}
.breadcrumb-calc .calc-link {
  color: rgba(33, 33, 33, 0.54);
}
.heading-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  flex-wrap: wrap;
}
.calc-heading {
  font-style: normal;
  font-weight: 700;
  font-size: var(--heading);
  line-height: 72px;
  letter-spacing: -0.5px;
  color: #000000;
}
.search-row {
  display: flex;
  min-height: 48px;
}
.content-section-heading {
  color: #212121;
  font-weight: 600;
  font-size: var(--contentHeading);
  letter-spacing: -0.5px;
}
.content-section-para {
  font-size: var(--content);
  font-weight: normal;
  color: rgba(33, 33, 33, 0.8);
}
.billbook-wrapper {
  border-radius: 10px;
  background-color: #c62127;
  padding: 1rem;
}
.billbook-wrapper .billbook-logo {
  border-radius: 6px;
  background-color: #fff;
  color: red;
  width: max-content;
  padding:10px 15px
}
.billbook-wrapper .download-wrppr {
  display: flex;
  justify-content: end;
}
.billbook-wrapper .click-to-me {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  line-height: 30px;
  margin: 22px 0;
}
.billbook-wrapper .download-wrppr .download-btn {
  padding: 15px 14px;
  background-color: #fff;
  font-size: 1rem;
  color: #212121;
  border-radius: 8px;
  outline: none;
  border: none;
  min-height: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
}
.frqncy-heading {
  font-size: var(--headingLarge);
  font-weight: 700;
  text-align: center;
  margin-bottom: 80px;
}
.tranding-card-heading-wrp h4 {
  color: #333333;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
}
.cal-head {
  font-size: 32px;
  font-weight: 700;
  color: #333333;
}
.type-of-calculator div.type-of-calculator-wrp {
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
}
.type-of-calculator div.type-of-calculator-wrp:hover {
  background: #ffeeed;
}

.type-of-para {
  font-size: var(--cardText);
  line-height: 16px;
  color: #212121;
  font-weight: normal;
}
.type-of-heading {
  font-size: var(--cardHeading);
  font-weight: bold;
  color: #212121;
}
#searchtext {
  background: #ffffff;
  border: 1px solid #212121;
  border-radius: 8px 0px 0px 8px;
  min-width: 296px;
  padding-left: 10px;
  font-size: 18px;
}
.search-btn {
  min-width: 178px;
  background: #c82128;
  border: 1px solid #c82128;
  padding: 15px 14px;
  border-radius: 0px 6px 6px 0px;
  font-weight: 700;
  font-size: 20px;
  line-height: 18px;
  text-align: center;
  color: #ffffff;
}
.type-of-calculator .card-images {
  max-width: 136px;
}
.property {
  display: flex;
  flex-direction: column;
  flex: 1 1 200px;
  max-width: 250px;
}
.trending-calculators{
  width: 85%;
}
@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

@media (max-width: 600px) {
  .breadcrumb-calc {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .search-btn {
    min-width: unset;
  }
  #searchtext {
    min-width: 85%;
  }
  .type-of-calculator .box {
    padding: 0;
    margin: 0 !important;
  }
  .type-of-calculator .card-images {
    width: 85px;
    height: 78px;
  }
  .property {
    flex: 1 1 180px;
    max-width: 50vw;
  }
  .frqncy-heading {
    text-align: left;
    margin-bottom: 24px;
  }
  .type-of-calculator div.type-of-calculator-wrp{
    margin:0.5rem !important
  }
  .trending-calculators{
    width: 100%;
  }
}
a.download-now-anchor {
  text-decoration: none;
}
.tranding-card-img-wrp{
  max-height: 87px;
}