/* line 1, app/assets/stylesheets/marketing_pages/features_tabs.scss */
input[type="radio"] {
  display: none;
}

/* line 5, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.list-content-btn {
  background-color: #196faf;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  outline: none;
  border: none;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: white;
  text-decoration: none;
}

/* line 23, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.text-content {
  height: auto;
  background-color: #F3F6F9;
  border-radius: 9px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.14);
}

@media (min-width: 768px) {
  /* line 23, app/assets/stylesheets/marketing_pages/features_tabs.scss */
  .text-content {
    height: 520px;
  }
}

/* line 35, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.text-content-title {
  font-size: 22px;
  font-weight: 600;
  color: #454b54;
  margin-bottom: 20px;
}

/* line 43, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.text-content-list {
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 52, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.text-content-list-item {
  display: flex;
  gap: 12px;
}

/* line 57, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.text-content-list-item-text {
  font-size: 18px;
  font-weight: 400;
  color: #5b6471;
}

/* line 63, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.text-content .text {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* line 71, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.text-content .text-image {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 0;
}

@media screen and (min-width: 600px) {
  /* line 71, app/assets/stylesheets/marketing_pages/features_tabs.scss */
  .text-content .text-image {
    height: calc(520px - 148px);
    padding: 0;
  }
}

/* line 85, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.text-content .text-footer {
  background-color: white;
  padding: 16px;
  border-radius: 0 0 9px 9px;
  box-sizing: border-box;
  display: flex;
  align-items: start;
  gap: 16px;
  bottom: 1px;
  width: 100%;
}

/* line 98, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.text-content .text-footer-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #2D3035;
  margin-bottom: 4px;
}

@media (min-width: 900px) {
  /* line 98, app/assets/stylesheets/marketing_pages/features_tabs.scss */
  .text-content .text-footer-title {
    font-size: 18px;
  }
}

/* line 111, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.text-content .text-footer-description {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #717780;
  margin-bottom: 8px;
}

@media (min-width: 900px) {
  /* line 111, app/assets/stylesheets/marketing_pages/features_tabs.scss */
  .text-content .text-footer-description {
    font-size: 16px;
  }
}

/* line 124, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.text-content .text-footer-link {
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  cursor: pointer;
  color: #196faf;
  margin-bottom: 24px;
}

/* line 136, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.text-content .text-footer .arrow {
  text-decoration: none;
  display: inline-block;
  padding-left: 8px;
}

/* line 142, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.text-content .text-footer-image .active-icon {
  background-color: #196FAF;
}

@media (min-width: 768px) {
  /* line 85, app/assets/stylesheets/marketing_pages/features_tabs.scss */
  .text-content .text-footer {
    height: 148px;
    width: 100%;
  }
}

/* line 155, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.demo-full-image {
  width: 90%;
  height: auto;
  box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.15);
}

/* line 161, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.demo-full-image-large {
  width: 80%;
  height: auto;
  box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.15);
}

/* line 167, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.demo-gif-image {
  width: 90%;
  height: auto;
  box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.15);
}

@media screen and (min-width: 600px) {
  /* line 167, app/assets/stylesheets/marketing_pages/features_tabs.scss */
  .demo-gif-image {
    width: 75%;
    height: auto;
  }
}

@media screen and (min-width: 768px) {
  /* line 167, app/assets/stylesheets/marketing_pages/features_tabs.scss */
  .demo-gif-image {
    width: 552px;
    height: 350px;
  }
}

@media screen and (min-width: 900px) {
  /* line 167, app/assets/stylesheets/marketing_pages/features_tabs.scss */
  .demo-gif-image {
    width: 95%;
    height: auto;
  }
}

@media screen and (min-width: 1400px) {
  /* line 167, app/assets/stylesheets/marketing_pages/features_tabs.scss */
  .demo-gif-image {
    width: 552px;
    height: 350px;
  }
}

/* line 194, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.demo-rent-comps-image {
  width: 60%;
  height: auto;
  box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.15);
}

@media screen and (min-width: 1300px) {
  /* line 194, app/assets/stylesheets/marketing_pages/features_tabs.scss */
  .demo-rent-comps-image {
    width: 431px;
  }
}

/* line 205, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.demo-custom-report-image {
  width: 55%;
  height: auto;
  box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.15);
}

@media screen and (min-width: 600px) and (max-width: 900px) {
  /* line 205, app/assets/stylesheets/marketing_pages/features_tabs.scss */
  .demo-custom-report-image {
    width: 40%;
  }
}

@media screen and (min-width: 1300px) {
  /* line 205, app/assets/stylesheets/marketing_pages/features_tabs.scss */
  .demo-custom-report-image {
    width: auto;
    height: 355px;
  }
}

/* line 221, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.demo-lead-generation-image {
  width: 60%;
  height: auto;
  box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.15);
}

/* line 228, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.pro_report_gif {
  display: block;
  background: url(https://assets.rentometer.com/pro-report.gif) 0 0 no-repeat;
  width: 500px;
  height: 500px;
  animation: like-gif steps(28) 1s infinite both;
}

/* line 236, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.featuresLabel:hover {
  background: #e9ecef;
  border-color: #007cba;
}

/* line 241, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.tab-input:checked + .featuresLabel {
  height: 64px;
  width: 100%;
  top: 0;
  left: 0;
  background: #F3F6F9;
  border-radius: 12px;
  transition: all 0.2s ease;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.14);
}

/* line 255, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.featuresLabel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  height: 64px;
  margin-bottom: 8px;
}

/* line 265, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.label-content {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 271, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.topic {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #5b6471;
}

@media (min-width: 768px) {
  /* line 271, app/assets/stylesheets/marketing_pages/features_tabs.scss */
  .topic {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
  }
}

/* line 284, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.tab-content-v1 {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.4s ease;
  border-radius: 8px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.14);
}

/* line 297, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.tab-input:checked + .featuresLabel + .tab-content-v1 {
  max-height: 600px;
  opacity: 1;
  border-top: none;
}

/* line 303, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.quick-view-icon {
  background-color: #5b6471;
  mask-image: url(https://assets.rentometer.com/assets/pricing/list-qv-icon-ca0ca59848b5450d5a14ae095561190a2a16b311cee269258b399d0cb40a33a3.svg);
  -webkit-mask-image: url(https://assets.rentometer.com/assets/pricing/list-qv-icon-ca0ca59848b5450d5a14ae095561190a2a16b311cee269258b399d0cb40a33a3.svg);
  width: 40px;
  height: 40px;
}

/* line 311, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.pro-reports {
  background-color: #5b6471;
  mask-image: url(https://assets.rentometer.com/assets/pricing/list-pro-report-icon-092e3501f2777b165d7e8fac1be980c9981ab720bc476aeb5f13b529d986d197.svg);
  -webkit-mask-image: url(https://assets.rentometer.com/assets/pricing/list-pro-report-icon-092e3501f2777b165d7e8fac1be980c9981ab720bc476aeb5f13b529d986d197.svg);
  width: 40px;
  height: 40px;
}

/* line 319, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.rent-comps {
  background-color: #5b6471;
  mask-image: url(https://assets.rentometer.com/assets/pricing/list-rent-comps-icon-b787b09044d5e71c5b7a3c1fd1e3c9c23a3407003c81b55282d47bc2944e875d.svg);
  -webkit-mask-image: url(https://assets.rentometer.com/assets/pricing/list-rent-comps-icon-b787b09044d5e71c5b7a3c1fd1e3c9c23a3407003c81b55282d47bc2944e875d.svg);
  width: 40px;
  height: 40px;
}

/* line 327, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.custom-report {
  background-color: #5b6471;
  mask-image: url(https://assets.rentometer.com/assets/pricing/list-custom-report-icon-43ba62bfa9de59629f0cf5c7bfde65a23b7482be4452dd54c0729050472476ce.svg);
  -webkit-mask-image: url(https://assets.rentometer.com/assets/pricing/list-custom-report-icon-43ba62bfa9de59629f0cf5c7bfde65a23b7482be4452dd54c0729050472476ce.svg);
  width: 40px;
  height: 40px;
}

/* line 335, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.mobile-app {
  background-color: #5b6471;
  mask-image: url(https://assets.rentometer.com/assets/pricing/list-mobile-app-icon-5a4b3fd9f68cb7467c62d39f4df06e32187c380e4c9368e09f0e52abbb805bc5.svg);
  -webkit-mask-image: url(https://assets.rentometer.com/assets/pricing/list-mobile-app-icon-5a4b3fd9f68cb7467c62d39f4df06e32187c380e4c9368e09f0e52abbb805bc5.svg);
  width: 40px;
  height: 40px;
}

/* line 343, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.batch-processor {
  background-color: #5b6471;
  mask-image: url(https://assets.rentometer.com/assets/pricing/list-batch-precessor-icon-e6f75b4e8e4c16c71374b6e4aa239a221e2ca8418c900b00ed825489b9a19248.svg);
  -webkit-mask-image: url(https://assets.rentometer.com/assets/pricing/list-batch-precessor-icon-e6f75b4e8e4c16c71374b6e4aa239a221e2ca8418c900b00ed825489b9a19248.svg);
  width: 40px;
  height: 40px;
}

/* line 351, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.lead-generation {
  background-color: #5b6471;
  mask-image: url(https://assets.rentometer.com/assets/pricing/list-lead-generation-icon-cbabbb38c3ccecea6a79aa2a7bba2ff89fa164f9d58b5ee632d943a3910e9603.svg);
  -webkit-mask-image: url(https://assets.rentometer.com/assets/pricing/list-lead-generation-icon-cbabbb38c3ccecea6a79aa2a7bba2ff89fa164f9d58b5ee632d943a3910e9603.svg);
  width: 40px;
  height: 40px;
}

/* line 359, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.rentometer-api {
  background-color: #5b6471;
  mask-image: url(https://assets.rentometer.com/assets/pricing/list-rentometer-api-icon-c636496ac5d7b5d2321ac928323ae8752146aa4705e4ab52a4b4bdb0b6c024c6.svg);
  -webkit-mask-image: url(https://assets.rentometer.com/assets/pricing/list-rentometer-api-icon-c636496ac5d7b5d2321ac928323ae8752146aa4705e4ab52a4b4bdb0b6c024c6.svg);
  width: 40px;
  height: 40px;
}

/* line 367, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.tab-input:checked + .featuresLabel .quick-view-icon,
.tab-input:checked + .featuresLabel .pro-reports,
.tab-input:checked + .featuresLabel .rent-comps,
.tab-input:checked + .featuresLabel .custom-report,
.tab-input:checked + .featuresLabel .rentometer_api,
.tab-input:checked + .featuresLabel .batch-processor,
.tab-input:checked + .featuresLabel .lead-generation,
.tab-input:checked + .featuresLabel .mobile-app {
  background: #007cba;
}

/* line 379, app/assets/stylesheets/marketing_pages/features_tabs.scss */
.tab-input:checked + .featuresLabel .topic {
  color: #007cba;
}

/* line 383, app/assets/stylesheets/marketing_pages/features_tabs.scss */
#quickview:checked ~ .content-boxes .list-content .list .quickview .label-content .quick-view-icon,
#pro_report:checked ~ .content-boxes .list-content .list .pro_report .label-content .pro-reports,
#rent_comps:checked ~ .content-boxes .list-content .list .rent_comps .label-content .rent-comps,
#custom_report:checked ~ .content-boxes .list-content .list .custom_report .label-content .custom-report,
#rentometer_api:checked ~ .content-boxes .list-content .list .rentometer_api .label-content .rentometer_api,
#batch_processor:checked ~ .content-boxes .list-content .list .batch_processor .label-content .batch-processor,
#lead_generation:checked ~ .content-boxes .list-content .list .lead_generation .label-content .lead-generation,
#mobile_app:checked ~ .content-boxes .list-content .list .mobile_app .label-content .mobile-app {
  background-color: #196FAF;
}