html { font-size: 62.5%; scroll-behavior: smooth;}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter28pt-Medium.eot');
    src: url('../fonts/Inter28pt-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter28pt-Medium.woff2') format('woff2'),
        url('../fonts/Inter28pt-Medium.woff') format('woff'),
        url('../fonts/Inter28pt-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter28pt-Regular.eot');
    src: url('../fonts/Inter28pt-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter28pt-Regular.woff2') format('woff2'),
        url('../fonts/Inter28pt-Regular.woff') format('woff'),
        url('../fonts/Inter28pt-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter28pt-SemiBold.eot');
    src: url('../fonts/Inter28pt-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter28pt-SemiBold.woff2') format('woff2'),
        url('../fonts/Inter28pt-SemiBold.woff') format('woff'),
        url('../fonts/Inter28pt-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter28pt-Bold.eot');
    src: url('../fonts/Inter28pt-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter28pt-Bold.woff2') format('woff2'),
        url('../fonts/Inter28pt-Bold.woff') format('woff'),
        url('../fonts/Inter28pt-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter28pt-ExtraBold.eot');
    src: url('../fonts/Inter28pt-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter28pt-ExtraBold.woff2') format('woff2'),
        url('../fonts/Inter28pt-ExtraBold.woff') format('woff'),
        url('../fonts/Inter28pt-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter28pt-Light.eot');
    src: url('../fonts/Inter28pt-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter28pt-Light.woff2') format('woff2'),
        url('../fonts/Inter28pt-Light.woff') format('woff'),
        url('../fonts/Inter28pt-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


body { margin: 0; padding: 0;  font-family: 'Inter'; overflow-x: hidden;  font-weight: 400; font-size: 1.6rem;}
:root { --PrimaryColor:#DE4C2C; --blackColor:#000000; --whiteColor:#fff; --SecondaryColor:#2C2421; --TextMainColor:#7E6F67;}
ul{padding: 0; margin: 0; list-style: none;}
a{text-decoration: none;}
.btn-primary {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem; /* 8px → 0.8rem */
  font-weight: 500;
  border-radius: 0.5rem; /* 5px → 0.5rem */
  background: var(--PrimaryColor);
  border: solid 0.1rem var(--PrimaryColor); /* 1px → 0.1rem */
  color: var(--whiteColor);
  font-size: 1.4rem; /* 16px - 2px = 14px → 1.4rem */
  padding: 1.1rem 2.5rem; /* already in rem */
}
.btn-primary i { font-size: 1.6rem; } /* 18px - 2px = 16px → 1.6rem */

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background: var(--whiteColor);
  color: var(--PrimaryColor);
  border-color: var(--PrimaryColor);
}

.btn-dark {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  font-weight: 500;
  border-radius: 0.5rem;
  background: #473729;
  border: solid 0.1rem #473729;
  color: var(--whiteColor);
  font-size: 1.4rem; /* 16px - 2px */
padding: 1.1rem 2.5rem;
}
.btn-dark i { font-size: 1.6rem; }

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
  background: var(--whiteColor);
  color: #473729;
  border-color: #473729;
}

.btn-light {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  font-weight: 500;
  border-radius: 0.5rem;
  background: #ffffff59;
  border: solid 0.1rem transparent;
  color: var(--whiteColor);
  font-size: 1.4rem; /* 16px - 2px */
padding: 1.1rem 2.5rem;
}
.btn-light i { font-size: 1.6rem; }

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
  background: var(--whiteColor);
  color: var(--PrimaryColor);
  border-color: #FFFFFF;
}

.same-section { padding: 8rem 0; }
.same-heading { margin-bottom: 5rem; }
.same-heading h2 {
  font-size: 3.8rem; /* 48px - 4px = 44px */
  color: #2C2421;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
.same-heading h3 {
  font-size: 2.4rem; /* 28px - 4px = 24px */
  color: #2C2421;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 2rem;
}
.same-heading p {
  font-size: 1.7rem; /* 20px - 3px = 17px */
  color: #7E6F67;
  line-height: 1.6;
  font-weight: 500;
}
.same-heading.text-center .wid-70 {
  width: 100%;
  max-width: 80%;
  margin: auto;
  font-size: 1.7rem;
}

.same-heading.text-center .small-text{    font-size: 1.5rem;
    max-width: 66%;
    line-height: 1.7;  margin: 0 auto ;}



.social-icon { display: flex; align-items: center; flex-wrap: wrap; gap: 2rem; }
.social-icon li a {
  width: 8rem;
  height: 8rem;
  border-radius: 2.9rem; /* 29px → 2.9rem */
  color: #473729;
  font-size: 3.4rem; /* 37px - 3px = 34px */
  border: solid 0.1rem #473729;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all .2s ease;
}
.social-icon li a:hover { background: #473729; color: var(--whiteColor); }
.social-icon li a:hover img { filter: invert(1) brightness(1.5); }
.white-text h2 { color: var(--whiteColor) !important; font-size: 4.4rem; }
.white-text p { color: var(--whiteColor) !important; font-size: 1.7rem; }

/* Header/Navbar */
.header { box-shadow: 0 0.2rem 0.8rem rgba(44,36,33,0.04); z-index: 100; background: var(--whiteColor); padding: 0.8rem 3rem; }
.header .btn-primary {padding: 0.8rem 1.7rem; }

/* .header .nav-menu-list { gap: 2.1vw; } */
.header .nav-menu-list a:not(.btn) {
  font-size: 1.5rem; /* 18px - 3px = 15px */
  color: #1C1C1C;
  font-weight: 400;
  position: relative;
  transition: color 0.2s;    padding: 0 0.8rem;
}
.header .nav-menu-list a:after {
  background: transparent;
  height: 0.4rem;
  width: 100%;
  content: '';
  position: absolute;
  left: 0;
  bottom: -3rem; /* 34px → 3.4rem */
}
.header .nav-menu-list a.active { color: var(--PrimaryColor); }
.header .nav-menu-list a.active:after { background: var(--PrimaryColor); }
.header .navbar-brand img { max-height: 6rem; }
.header .search-icon { color: #1C1C1C; font-size: 1.5rem; border-left: solid 1px #DBDBDB;     width: 5.5rem;    text-align: center;}

.header .nav-menu-list .menu-list-items{gap: 1.2rem; display: flex;align-items: center;}

#toggle-btn-mobile {
    width: 3.5rem;
    height: 3.5rem;
    padding: 0;
    margin-left: auto;
    background: var(--PrimaryColor);
    color: var(--whiteColor);
    font-size: 1.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    margin-left: auto;
}
.mobile-menu-sidebar{display: none; position: fixed;
  top: 0;
  right: -300px; 
  width: 300px;
  height: 100%;
  background-color: #fff; /* change according to design */
  box-shadow: 2px 0 8px rgba(0,0,0,0.2);
  z-index: 1050;
  transition: right 0.3s ease-in-out;
  overflow-y: auto; padding: 1rem;}
.mobile-menu-sidebar.active {
  right: 0;
}

.mobile-menu-sidebar .btn-close {
  width:  3.5rem; height:  3.5rem;
  padding: 0;
  margin-left: auto;
  background: var(--PrimaryColor);
  color: var(--whiteColor);
  font-size: 1.3rem; /* 16px - 3px = 13px */
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}
.mobile-menu-sidebar a:not(.btn) {
  font-size: 1.6rem; 
  color: #1C1C1C;
  font-weight: 400;
  display: block;
  margin: 0.5rem 0;
}
#black-layer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 90;
    background: rgba(0, 0, 0,0.5);
    pointer-events: none;
    visibility: hidden;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}



.header_fix {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0.2rem 0.6rem rgba(0,0,0,0.2);
  animation: headerfixdown 0.7s;
  background: var(--whiteColor);
}

@keyframes headerfixdown {
    0% {
    opacity: 0;
    transform: translateY(-100%);
} 
100% {
    opacity: 0.9;
    transform: translateY(0);
    } 
}


/* Hero Section */
.banner-section {
    min-height: calc(90vh - 10rem);
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/banner-bg.jpg) center top / cover;
    text-align: center;
    padding: 14rem 0;
}
.banner-section h1 {
    font-size: 4.1rem;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 2.7rem;
    color: var(--whiteColor);
    text-shadow: 2px 2px 7px #00000085;

}
.banner-section p.lead {
    font-size: 1.8rem;
    color: var(--whiteColor);
    line-height: 1.5;
    width: 100%;
    max-width: 53rem;
    margin: 0 auto 8rem;
}
.banner-section .btn {
  width: 100%;
    max-width: max-content;
  gap: 1rem;     padding: 1rem 2.8rem;
}

.banner-section .btn svg{width: 2rem;}
.freedom-section { background: #2C2421; }
.freedom-section .freedom-box {
  background: #362C29;
  border: solid 0.1rem #5C5656; /* 1px → 0.1rem */
  padding: 2rem 1rem; /* 20px 10px */
  border-radius: 1rem; /* 10px → 1rem */
  position: relative;
}
.freedom-section .freedom-box .text-bx {
  position: relative;
  padding-left: 2.8rem; /* 28px → 2.8rem */
}
.freedom-section .freedom-box .icon-bx {
  position: absolute;
  left: 0;
  top: -0.2rem; /* -2px → -0.2rem */
  width: 2.1rem; /* 21px → 2.1rem */
}
.freedom-section .freedom-box p {
  font-size: 1.5rem; /* 18px - 3px = 15px → 1.5rem */
  color: var(--whiteColor);
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.4;
}

.freedom-section .freedom-dark-bg {
  background: #211A17;
  padding: 3rem 3rem 2rem;
  border: solid 0.1rem #55453E;
  border-radius: 1rem;
}
.freedom-section .hightlight-text-box {
  width: 100%;
  /* max-width: 60rem; */
  text-align: center;
  margin: 4rem auto 0;
}
.freedom-section .hightlight-text-box p {
  font-size: 1.5rem; /* 18px - 3px */
  color: var(--PrimaryColor);

  font-weight: 400;
}
.freedom-section .hightlight-text-box p strong { font-weight: 700; font-size: 1.8rem; }


.freedom-section .bottom-section-note .note-bx { color: var(--whiteColor); }

.bottom-section-note { margin-top: 6rem; }
.bottom-section-note .note-bx {
    font-size: 1.5rem;
    color: #7E6F67;
    font-weight: 400;
    text-align: center;
    width: 100%;
    max-width: 57%;
    margin: 0 auto 3rem;
    line-height: 1.8;
}
.bottom-section-note .note-bx.text-danger { color: var(--PrimaryColor); }
.bottom-section-note .note-bx.text-large-size{font-size: 1.7rem;}

.bg-gray { background: #e7dfda52; }

.life-pilot-wrap .clearid-card { background: var(--whiteColor); }
.life-pilot-wrap .clearid-card .icon-box { background: #F3F3F3; }

.reputation-overview .reputation-list {
  display: flex;
  gap: 1rem; /* 10px → 1rem */
  margin-bottom: 4rem;
}
.reputation-overview .title {
  font-size: 1.8rem; /* 22px - 4px = 18px → 1.8rem (heading rule) */
  color: var(--blackColor);
  font-weight: 500;
  margin-bottom: 2rem;
}
.reputation-overview .reputation-list .icon-box {
  color: var(--PrimaryColor);
  font-size: 2.7rem; /* 30px - 3px = 27px → 2.7rem */
  line-height: normal;
  width: 3rem; /* 30px → 3rem */
}
.reputation-overview .reputation-list .text-bx { width: calc(100% - 3rem); }

.reputation-overview .reputation-list p {
  font-size: 1.8rem; /* 22px - 3px = 19px → 1.9rem */
  line-height: 1.4;
  color: #7E6F67;
  font-weight: 400;
  margin-bottom: 0;
}
.reputation-overview .reputation-list p strong {
  font-weight: 700;
  color: #7E6F67;
}

.reputation-overview .cta-box {
  background: #e7dfda52;
  padding: 2.4rem; /* 24px → 2.4rem */
  border-radius: 1rem;
  max-width: 100%;
  margin: 5rem auto 2rem;
  text-align: center;
}
.reputation-overview .cta-text {
  font-size: 1.9rem; /* 22px - 3px */
  font-weight: 500;
  margin-bottom: 1.2rem; /* 12px → 1.2rem */
  color: var(--blackColor);
}
.reputation-overview .cta-button {
  display: inline-block;
  padding: 1rem 3rem;
  background: var(--whiteColor);
  font-size: 1.3rem; /* 16px - 3px */
  border: solid 0.1rem #C9C9C9;
  color: var(--blackColor);
  text-decoration: none;
  border-radius: 1rem;
  font-weight: 500;
  margin: 2rem 0;
}
.reputation-overview .cta-subtext {
  font-size: 1.3rem; /* 16px - 3px */
  color: #7E6F67;
  font-weight: 400;
}
.reputation-overview .disclaimer {
  font-size: 1.6rem; /* 20px - 4px = 16px */
  color: var(--PrimaryColor);
  font-weight: 500;
  margin-top: 2rem; /* 20px → 2rem */
  text-align: center;
}

.light-text { font-weight: 400 !important; }

.clearid-card {
  background: #F7F6F3;
  text-align: center;
  border: solid 0.1rem #DED8D4; /* 1px → 0.1rem */
  border-radius: 1rem; /* 10px → 1rem */
  padding: 3rem 2rem; /* 20px → 2rem */
}
.clearid-card .icon-box {
  width: 6.8rem;
  height: 6.8rem;
  color: #DE4C2C;
  font-size: 1.4rem; /* 18px - 3px */
  margin: 0 auto 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #F3EDE0;
}
.clearid-card .icon-box img{width: 3rem;}
.clearid-card h4 {
  font-size: 1.8rem; /* 22px - 4px */
  color: #2C2421;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.clearid-card p {
  font-size: 1.5rem; /* 18px - 3px */
  color: #7E6F67;
  font-weight: 400;     width: 100%;
    max-width: 85%;
    margin: auto;
}

.clearid-work-section .clearid-card p{font-weight: 400;}

.module-section .module-card {
  border: 0.1rem solid #E4DFDD;
  border-radius: 1rem;
  margin-bottom: 1rem;
  background: var(--whiteColor);
  padding: 2rem;
}
.module-section .icon-box {
  width: 4rem; /* 50px → 4rem */
  height: 4rem;
  border-radius: 1rem; /* 15px → 1.5rem */
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.5rem; /* 18px - 3px */
  flex-shrink: 0;
}
.module-section .bg-orange { background-color: #ef4b2c; }
.module-section .bg-brown { background-color: #473729; }
.module-section .bg-salmon { background-color: #C69481; }
.module-section .bg-green { background-color: #829C7E; }
.module-section .module-card h6 {
  font-size: 1.8rem; /* 22px - 4px */
  font-weight: 600;
  margin-bottom: 0.2rem; /* 2px → 0.2rem */
  line-height: normal;
  color: #2C2421;
}
.module-section .module-card p {
  font-size: 1.4rem; /* 17px - 3px */
  font-weight: 400;
  color: #7E6F67;
}

.county-wrap .county-card { background: #e7dfda52; }
.county-card {
  border: 0.1rem solid #E4DFDD;
  border-radius: 1rem;
  background-color: var(--whiteColor);
  padding: 2rem;
}
.county-card .county-header { margin-bottom: 3rem; }
.county-card .county-header h5 {
  color: #2C2421;
  font-size: 1.8rem; /* 22px - 4px */
  line-height: normal;
  font-weight: 600;
}
.county-card .county-header p {
  color: #7E6F67;
  font-size: 1.4rem; /* 17px - 3px */
  line-height: normal;
  font-weight: 400;
  margin-bottom: 0;
}
.county-card h6 {
  font-size: 1.6rem; /* 20px - 4px */
  color: #2C2421;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 1.5rem;
}
.county-card .icon-circle {
  width: 5.5rem; /* 55px → 5.5rem */
  height: 5.5rem;
  min-width: 5.5rem;
  background-color: #ef4b2c;
  color: var(--whiteColor);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.9rem; /* 22px - 3px */
}
.county-card .feature-list { margin-bottom: 3rem; }
.county-card .feature-list li {
  position: relative;
  padding-left: 2rem; /* 20px → 2rem */
  margin-bottom: 0.6rem; /* 6px → 0.6rem */
  font-size: 1.3rem; /* 16px - 3px */
  font-weight: 400;
  color: #75645B;
}
.county-card .feature-list li::before {
  content: '';
  top: 1rem; /* 10px → 1rem */
  width: 0.8rem; /* 8px → 0.8rem */
  height: 0.8rem;
  border-radius: 50%;
  background-color: #ef4b2c;
  position: absolute;
  left: 0;
}

.badge-group { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 1rem; }
.badge-group .badge {
  font-size: 1.1rem; /* 14px - 3px */
  font-weight: 500;
  padding: 0.6rem 1.2rem; /* 6px 12px */
  border-radius: 5rem; /* 50px → 5rem */
}
.badge-group .badge-dark {
  background-color: #473729;
  color: var(--whiteColor);
  border: solid 0.1rem #473729;
}
.badge-group .badge-light {
  background-color: var(--whiteColor);
  color: #2C2421;
  border: solid 0.1rem #D6D6D6;
}

.utha-life-app-section { background: #F3EDE0; }
.utha-life-app-section p {
  width: 100%;
  max-width: 48rem; /* 480px → 48rem */
  margin-bottom: 4rem;
}

.footer {
  background: var(--SecondaryColor);
  padding: 6rem 0 0;
}
.footer .footer-content p {
  font-size: 1.3rem; /* 16px - 3px */
  color: #C1AEA5;
  font-weight: 400;
  line-height: 2;
}
.footer .footer-content .footer-logo {
  width: 100%;
  max-width: 13rem;
  margin-bottom: 1.5rem;
  display: inline-block;
}
.footer .footer-content .btn {
  color: var(--whiteColor);
  background: var(--SecondaryColor);
  display: inline-block;
  text-align: center;
  border-color: #4D4D4D;
  border-radius: 0.5rem;
  font-size: 1.2rem; /* 14px - 2px */
    padding: 0.5rem 1.2rem; /* 8px 15px */
}
.footer .footer-content .btn:hover {
  background: var(--whiteColor);
  color: var(--SecondaryColor);
}
.footer .footer-content { padding-top: 3rem; }
.footer .footer-content h4 {
  font-size: 2rem; /* 24px - 4px */
  color: var(--whiteColor);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 1rem;
}
.footer .footer-content h5 {
  font-size: 1.4rem; /* 18px - 4px */
  color: var(--whiteColor);
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 1rem;
}
.footer .footer-content .info-list a {
  color: var(--whiteColor);
  font-weight: 400;
  font-size: 1.3rem; /* 16px - 3px */
  padding: 0.6rem 0; /* 6px → 0.6rem */
  display: block;
}
.footer .footer-content.resources-content .info-list a { color: #C1B1A9; }
.footer .copyright-info {
  border-top: solid 0.1rem #4A3E38;
  padding: 2.5rem 0;
  margin-top: 3rem;
}
.footer .copyright-info p {
  color: #E8E4E2;
  margin: 0;
  font-size: 1.3rem; /* 16px - 3px */
}
.footer .copyright-menu {gap: 2rem;}
.footer .copyright-menu a { color: #E8E4E2; font-size: 1.3rem; }

.footer .footer-content .info-list.logo-list a{    padding: 0.3rem 0;}
.footer .logo-list img{max-height: 5rem;}



.partners-logo-wrap .bottom-section-note .note-bx{font-weight: 500; max-width: 100%;}
.partners-logo-wrap .bottom-section-note .note-bx.text-danger{font-style: italic; font-weight: 400;     font-size: 1.2rem;}


.partners-logo-box {
  display: flex;
  align-items: center;
  min-height: 10rem; /* 100px → 10rem */
  justify-content: center;
  border: solid 0.1rem #C1C1C1;
  height: 100%;
  padding: 1.5rem;
  border-radius: 1rem;
}
.partners-logo-box img { max-height: 6rem; /* 50px → 5rem */ }

.join-Partner-section .steps {
  position: relative;
  margin-left: 3rem; /* 20px → 3rem */
  padding-left: 3rem; /* 42px → 4.2rem */
}
.join-Partner-section .step {
  display: flex;
  align-items: flex-start;
  margin-bottom: 3rem; /* 20px → 2rem */
  position: relative;
}
.join-Partner-section .steps:before {
    position: absolute;
    left: 0;
    top: 0;
    border-left: 0.3rem solid #7E6F67;
    content: '';
    height: 88%;  
}
.join-Partner-section .steps .circle {
    position: absolute;
    left: -4.5rem;
    width: 3rem;
    height: 3rem;
    background-color: #7E6F67;
    color: white;
    border-radius: 50%;
    font-size: 1.4rem;
    font-weight: 500;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.join-Partner-section .steps .text {
  font-size: 1.8rem; /* 22px - 4px */
  font-weight: 700;
  color: #7E6F67;
}
.join-Partner-section .steps .note {
  font-size: 1.5rem; /* 18px - 3px */
  color: #7E6F67;
  margin-left: 0.4rem; /* 4px → 0.4rem */
  font-weight: 400;
}
.join-Partner-section .step-buttons { margin-top: 6rem; }

.digital-identity-utah .img-box img { mix-blend-mode: darken; }

.spinner-border span.sr-only { font-size: 0; }


/* search page css */
.searchbannerBx { margin-bottom: 0 !important; }
.searchbannerBx .banner-text { border-bottom: 0; }
.searchbannerBx .banner-text h1 { text-align: center; }

.searchbannerBx .input-group {
  border: solid 0.1rem #A8A8A8;
  border-radius: 1rem; /* 10px */
  padding: 0.6rem 1rem 0.6rem 0;
  width: 100%;
  max-width: 92rem; /* 920px */
  margin: 4rem auto 0;
}
.searchbannerBx .input-group .form-select {
  border: 0;
  height: 5rem; /* 50px */
  font-size: 1.3rem; /* 16px - 3px */
  color: var(--blackColor);
  font-weight: 600;
  text-transform: uppercase;
  width: 100%;
  max-width: 20rem; /* 200px */
  margin-right: 1rem; /* 10px */
  background-color: #f7f5f3;
  padding: 1rem 2.3rem 1rem 2rem; /* 10px 23px 10px 20px */
}
.searchbannerBx .input-group input.form-control {
  background: #f7f5f3;
  border: 0;
  color: var(--blackColor);
  font-size: 1.3rem; /* 16px - 3px */
  font-weight: 500;
  padding: 0.5rem 0.5rem 0.5rem 2rem; /* 5px 5px 5px 20px */
  height: 5rem;
  border-left: solid 0.1rem #A8A8A8;
}
.searchbannerBx .input-group input.form-control::placeholder { color: #999999; }
.searchbannerBx .input-group .btn-search {
  color: var(--blackColor);
  padding: 0.5rem 1rem;
  font-size: 1.7rem; /* 20px - 3px */
}
.searchbannerBx .input-group .btn-search:focus { outline: none !important; box-shadow: none !important; }
.searchbannerBx select:focus,
.searchbannerBx input:focus { outline: none !important; box-shadow: none !important; }

.searchListWrapper { padding-top: 0; }

.searchListWrapper .searchtopBx { padding: 1rem 0; }
.searchListWrapper .searchtopBx .resultsBx {
  font-size: 1.3rem; /* 16px - 3px */
  color: var(--blackColor);
  font-weight: 500;
}
.searchListWrapper .searchtopBx :is(.filterDatebx, .filter-GridList) { display: flex; align-items: center; }
.searchListWrapper .searchtopBx .filterDatebx { justify-content: end; max-width: max-content; width: 100%; margin: 0 1.5rem; }
.searchListWrapper .searchtopBx .filterDatebx h4 {
  font-size: 1.3rem; /* 16px - 3px */
  color: var(--blackColor);
  font-weight: 600;
  margin-bottom: 0;
  white-space: pre;
}
.searchListWrapper .searchtopBx .filterDatebx .form-select {
  width: 100%;
  max-width: 23.1rem; /* 231px */
  border: solid 0.1rem #fff;
  height: 5rem;
  border-radius: 0.4rem; /* 4px */
  font-size: 1.3rem; /* 16px - 3px */
  font-weight: 500;
  color: #000;
  margin-left: 1.3rem;
}
.searchListWrapper .searchtopBx .filter-GridList :is(.list-view-button, .grid-view-button) {
  font-size: 1.7rem; /* 20px - 3px */
  color: var(--blackColor);
  padding: 1rem;
  cursor: pointer;
  line-height: normal;
}
.searchListWrapper .searchtopBx .sortListBx {
  text-align: end;
  display: flex;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
}

.searchListWrapper .card {
  border: solid 0.1rem #fff;
  border-radius: 1rem; /* 10px */
  padding: 0 1rem;
  margin-bottom: 3rem; /* 30px */
}
.searchListWrapper .card .cardTitleWithImg {
  display: flex;
  align-items: center;
  padding: 1rem 0;
  border-bottom: solid 0.1rem #E7E7E7;
}
.searchListWrapper .card .cardTitleWithImg .imgBx {
  border: 0.1rem solid #cccccc;
  border-radius: 0.8rem;
  width: 100%;
  max-width: 6rem;
  height: 6rem;
  text-align: center;
  background: var(--whiteColor);
  padding: 0.4rem;
}
.searchListWrapper .card .cardTitleWithImg .imgBx img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.searchListWrapper .card .cardTitleWithImg .titleBx {
  font-size: 1.3rem; /* 16px - 3px */
  color: var(--blackColor);
  font-weight: 600;
  width: calc(100% - 6rem);
  padding-left: 1rem;
}
.searchListWrapper .card :is(.cardbottomContent, .cardMiddleContent) { padding: 1rem 0; }
.searchListWrapper .card .listBx li { margin-bottom: 1rem; }
.searchListWrapper .card .listBx .titleBx,
.searchListWrapper .card .reputationscorebx .titleBx {
  font-size: 1.1rem; /* 12px - 3px */
  line-height: 1.6;
  color: var(--blackColor);
  font-weight: 400;
  margin: 0 0 0.2rem;
}
.searchListWrapper .card .listBx .detailBx {
  font-size: 1.3rem; /* 16px - 3px */
  line-height: 1.6;
  color: var(--blackColor);
  font-weight: 600;
  line-height: normal;
}
.searchListWrapper .card .listBx .detailBx a { color: var(--blackColor); }
.searchListWrapper .card .listBx .detailBx a:hover { color: var(--PrimaryColor); }
.searchListWrapper .card .cardbottomContent { border-top: 0.1rem solid #cccccc; }
.searchListWrapper .card .assetsNolist { display: flex; flex-wrap: wrap; margin: 0 -0.5rem; }
.searchListWrapper .card .assetsNolist li { width: 33.33%; padding: 0 0.5rem; }
.searchListWrapper .card .assetsNolist .assetsBx {
  background: #DDDDDD;
  padding: 0.9rem 0.4rem;
  width: 100%;
  border-radius: 0.9rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.searchListWrapper .card .assetsNolist .detailBx { font-size: 1.9rem; /* 22px - 3px */ }

.searchListWrapper .reputationscorebx { margin-top: 1rem; }

.searchListWrapper .slider-container {
  --label: 2.75rem;
  --width: 100%;
  --thumb: clamp(3rem, calc(2.28rem + 3.18vw), 3.88rem);
  inline-size: var(--width);
  aspect-ratio: 10.665 / 1;
  position: relative;
  margin: 1.5rem 0 1rem;
}
.searchListWrapper .slider-container .number--label {
  position: relative;
  bottom: 0;
  left: 0;
  font-size: 1.3rem; /* 16px - 3px */
  color: #000000;
  font-weight: 600;
  text-align: left;
  margin-top: 1rem;
  width: 100%;
}
.searchListWrapper .slider-container .input-slider {
  place-self: center;
  border-radius: 100vh;
  width: 100%;
  height: 0.9rem;
  background: linear-gradient(to right, #BD281B, #DEA038, #959136, #275301);
  -webkit-appearance: none;
  appearance: none;
  outline: none;
}
.searchListWrapper .slider-container .input-slider::-webkit-slider-thumb {
  background: var(--PrimaryColor);
  border: solid 0.2rem var(--whiteColor);
  border-radius: 50%;
  width: 1.7rem; height: 1.7rem;
  -webkit-appearance: none;
  appearance: none;
}
.searchListWrapper .slider-container .input-slider::-moz-range-thumb {
  background: var(--PrimaryColor);
  border: solid 0.2rem var(--whiteColor);
  border-radius: 50%;
  width: 1.7rem; height: 1.7rem;
  -webkit-appearance: none;
  appearance: none;
}

.searchListWrapper .listview-visibleContent { display: none; }

/* Inner Banner */
.inner-banner {
  margin-bottom: 6rem;
  background: #e7dfda52 !important;
  min-height: inherit !important;
  padding: 5rem 0 !important;
}
.inner-banner .banner-text { position: relative; }
.inner-banner .banner-text h1 {
  font-size: 3.8rem; /* 42px - 4px */
  font-weight: 700;
  color: #2C2421;
  text-shadow: none;
  line-height: 1.1;
  margin-bottom: 0;
}



.digital-documents-tabs .nav { margin: 0 2.7rem; }
.digital-documents-tabs .nav .nav-item .nav-link {
  padding: 1rem 1.5rem;
  font-weight: 400;
  font-size: 1.5rem; /* 18px → 15px */
  color: #494949;
  background: #f3f3f3;
  border-radius: 1rem 1rem 0 0;
  position: relative;
  min-height: 6rem;
  border: 0;
}
.digital-documents-tabs .nav .nav-item:not(:last-child) .nav-link:after {
  position: absolute;
  right: 0;
  top: 50%;
  content: '';
  height: 2.5rem;
  width: 0.1rem;
  background: #AEAEAE;
  transform: translateY(-50%);
}
.digital-documents-tabs .nav .nav-item .nav-link.active {
  background: var(--whiteColor);
  color: var(--black-color);
}
.digital-documents-tabs .nav .nav-item .nav-link.active:after { background: var(--whiteColor); }
.digital-documents-tabs .tab-content {
  background: var(--whiteColor);
  border-radius: 1rem;
  padding: 1.5rem;
}
.digital-documents-tabs .no-file-upload {
  padding: 1.5rem;
  min-height: 25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.digital-documents-tabs .no-file-upload p {
  font-size: 1.7rem; /* 20px → 17px */
  color: #ABABAB;
  margin-top: 1.5rem;
}
.digital-documents-tabs ul li a {
  font-size: 1.3rem; /* 16px → 13px */
  color: var(--black-color);
  font-weight: 500;
}

.same-heading p:empty { display: none; }

/* 01-07-2024 */
.voting-cards {
  background: var(--whiteColor);
  border-radius: 2rem;
  overflow: hidden;
  margin-bottom: 3rem;
}
.voting-cards .card-top-title {
  padding: 2rem;
  border-bottom: solid 0.1rem #D8D8D8;
}
.voting-cards .card-middle-bx { padding: 2rem; }

.voting-cards .card-top-title h3 {
  color: #282828;
  font-size: 2rem; /* 24px → 20px */
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
.voting-cards .card-top-title .date-box {
  font-size: 1.3rem; /* 16px → 13px */
  color: var(--blackColor);
  font-weight: 500;
}
.voting-cards .card-top-title .date-box .light-title { font-weight: 400; }

.voting-cards .voting-poll-progress-box { display: flex; gap: 1.5rem; }
.voting-cards .voting-poll-progress-box .img-box {
  width: 100%;
  max-width: 12.4rem;
  height: 12.4rem;
  border-radius: 1.1rem;
  overflow: hidden;
  border: solid 0.1rem #C4C4C4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.voting-cards .voting-poll-progress-box .img-box img {
  border-radius: 1.1rem;
  overflow: hidden;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.voting-cards .voting-poll-progress-box .voting-poll-detail {
  width: calc(100% - 12.4rem);
}
.voting-cards .voting-poll-progress-box .progress {
  margin: 1.5rem 0;
  border: solid 0.1rem #cfcfcf;
  background: var(--whiteColor);
  height: 3.5rem;
  border-radius: 0.5rem;
}
.voting-cards .voting-poll-progress-box .progress .progress-bar {
  background: #2396cf66;
  color: var(--blackColor);
  font-size: 1.3rem; /* 16px → 13px */
  font-weight: 600;
}
.voting-cards .voting-poll-progress-box .top-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.voting-cards .voting-poll-progress-box .top-title .person-name {
  font-size: 1.1rem; /* 14px → 11px */
  color: #000;
  font-weight: 500;
  text-transform: capitalize;
  line-height: normal;
}
.voting-cards .total-votebx {
  font-size: 0.9rem; /* 12px → 9px */
  color: #000;
  font-weight: 300;
  line-height: normal;
}
.voting-cards .total-votebx .vote-no { font-weight: 600; }
.voting-cards .voting-public-openion-btn .opinion-btn {
  width: 6.2rem;
  height: 6.2rem;
  border-radius: 50%;
  color: #608923;
  font-size: 1.7rem; /* 20px → 17px */
  border: solid 0.5rem #608923;
  background: #fff;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.voting-gold-standard-bx .voting-poll-progress-box .img-box img {
  object-position: center;
  object-fit: contain;
}

/* beaver page css */
.inner-pages-banner { padding: 17rem 0; position: relative; }
.inner-pages-banner:after {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  content: '';
  background: #0000006b;
  z-index: 1;
}
.inner-pages-banner .container { position: relative; z-index: 2; }
.inner-pages-banner h1 {
  font-size: 4.6rem; /* 50px → 46px */
  color: var(--whiteColor);
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 1.4rem; /* 18px → 14px */
}
.inner-pages-banner p {
  font-size: 1.7rem; /* 20px → 17px */
  color: var(--whiteColor);
  line-height: normal;
  font-weight: 600;
}

.message-to-humanity-wrap .highlight-text { margin-bottom: 5rem; }
.message-to-humanity-wrap .highlight-text p {
  font-size: 1.9rem; /* 22px → 19px */
  color: #7E6F67;
  line-height: 1.2;
  margin-bottom: 1.2rem; /* 15px → 12px */
}
.message-to-humanity-wrap .highlight-text .text-danger {
  font-weight: 700;
  color: var(--PrimaryColor) !important;
}
.message-to-humanity-wrap .note-text {
  font-size: 1.5rem; /* 18px → 15px */
  color: #7E6F67;
}

.why-here-wrap .clearid-card {
  background: var(--whiteColor);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.why-here-wrap .bottom-text-primary-color p {
  font-size: 1.9rem; /* 22px → 19px */
}

.beaver-regeneration-wrap .regeneration-content {
  background: linear-gradient(to right, hsl(16deg 14% 15% / 10%), hsl(11deg 73% 52% / 10%));
  border-radius: 1rem;
  padding: 2rem;
}
.beaver-regeneration-wrap .regeneration-content .clearid-card { border: 0; background: none; }
.beaver-regeneration-wrap .regeneration-content .clearid-card .icon-box { background: none; }
.clearid-card .icon-box svg { width: 3rem; height: 3rem; }

.sheep-wrap .same-heading { margin-bottom: 10rem; }
.sheep-wrap .sheep-content p {
  font-size: 2.4rem; /* 28px → 24px */
  color: #473729;
  line-height: 1.3;
  font-weight: 600;
}
.sheep-wrap .sheep-content .highlight-text { margin-top: 5rem; }
.sheep-wrap .sheep-content .highlight-text p { color: var(--PrimaryColor); }

.sheep-wrap .digital-twin-diagram { position: relative; width: 100%; max-width: 67rem; margin: auto; }
.sheep-wrap .digital-twin-diagram .sheep-img { width: 100%; max-width: 28rem; margin: 0 auto; }

.sheep-wrap .digital-twin-diagram ul li:nth-child(1) .sheep-list-content .sheep-circle { order: 1; }
.sheep-wrap .digital-twin-diagram ul li:nth-child(2) .sheep-list-content .sheep-circle { order: 1; }
.sheep-wrap .digital-twin-diagram ul li .sheep-list-content {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  max-width: 27rem;
}
.sheep-wrap .sheep-list-content .sheep-circle {
  border: solid 0.1rem #BBBBBB;
  background-color: #F7F6F3;
  width: 5rem; height: 5rem; min-width: 5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.7rem; /* 22px → 19px */
  color: var(--PrimaryColor);
}
.sheep-wrap .sheep-list-content p {
  font-size: 1.5rem; /* 18px → 15px */
  color: #7E6956;
  line-height: normal;
  font-weight: 400;
}
.sheep-wrap .digital-twin-diagram ul li { position: absolute; }
.sheep-wrap .digital-twin-diagram ul li:nth-child(1) { top: 30%; left: 5rem; text-align: right; }
.sheep-wrap .digital-twin-diagram ul li:nth-child(2) { top: 1rem; left: 10rem; text-align: right; }
.sheep-wrap .digital-twin-diagram ul li:nth-child(3) { top: 1rem; right: 6rem; }
.sheep-wrap .digital-twin-diagram ul li:nth-child(4) { top: 33%; right: 5.5rem; }


.biochar-process-wrap .biochar-process-diagram {
  position: relative;
  padding: 5rem 0 2rem;
}
.biochar-process-wrap .biochar-process-diagram .biochar-content {
  display: flex;
  gap: 1rem;
  width: 100%;
  max-width: 30rem;
}
.biochar-process-wrap .biochar-process-diagram .biochar-content .no-bx {
  width: 2.3rem;
  min-width: 2.3rem;
  height: 2.3rem;
  background: var(--PrimaryColor);
  color: var(--whiteColor);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem; /* 14px - 3px */
  font-weight: 600;
}
.biochar-process-wrap .biochar-process-diagram .biochar-content p {
  font-size: 1.3rem; /* 16px - 3px */
  margin-bottom: 0;
  color: #000;
  line-height: 1.4;
  font-weight: 400;
}
.biochar-process-wrap .biochar-process-diagram .biochar-content p strong { font-weight: 600; }
.biochar-process-wrap .biochar-process-diagram .biochar-content:nth-child(2) { position: absolute; top: 9%; left: 19%; }
.biochar-process-wrap .biochar-process-diagram .biochar-content:nth-child(3) { position: absolute; left: 42%; bottom: -4%; }
.biochar-process-wrap .biochar-process-diagram .biochar-content:nth-child(4) { position: absolute; top: 21%; left: 49%; }
.biochar-process-wrap .biochar-process-diagram .biochar-content:nth-child(5) { position: absolute; top: 7%; right: -2%; }

.living-ledger-wrap .clearid-card { background: var(--whiteColor); }
.living-ledger-wrap .clearid-card .icon-box i { color: var(--PrimaryColor); font-size: 0.7rem; /* 10px → 7px */ }
.living-ledger-wrap .ledger-quote {
  padding: 1rem 0;
  width: 100%;
  max-width: 60rem;
  margin: 4rem auto 0;
  color: var(--PrimaryColor);
  font-size: 2.4rem; /* 28px - 4px */
  line-height: 1.2;
  font-weight: 600;
  position: relative;
}
.living-ledger-wrap .ledger-quote .quote-icon { color: #00000013; position: absolute; }
.living-ledger-wrap .ledger-quote .quote-icon.top-left { top: -3rem; left: 6rem; font-size: 3.2rem; /* 36px - 4px */ }
.living-ledger-wrap .ledger-quote .quote-icon.bottom-right {
  bottom: -3rem;
  right: 5rem;
  font-size: 6.6rem; /* 70px - 4px */
  transform: rotate(180deg);
}

/* Justice Section Styles */
.justice-path-wrap .justice-card {
  background: var(--whiteColor);
  border-radius: 1rem;
  padding: 2.5rem 1.5rem;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: transform 0.2s ease;
}
.justice-path-wrap .justice-card.utah-law { background: #de4c2b1a; }
.justice-path-wrap .justice-card.digital-law { background: #247dc61a; }
.justice-path-wrap .justice-card h3 {
  font-size: 2.3rem; /* 27px - 4px */
  line-height: 1;
  color: #473729;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.justice-path-wrap .justice-card p {
  font-size: 1.7rem; /* 20px - 3px */
  color: #00000075;
  font-weight: 400;
  margin: 0;
}
.justice-path-wrap .digital-law h3 { color: #247DC6; }

.bottom-text-primary-color { margin-top: 5rem; }
.bottom-text-primary-color p {
  color: var(--PrimaryColor);
  font-size: 2.2rem; /* 28px - 4px */
  font-weight: 600;
  line-height: normal;
}
.bottom-text-primary-color .bottom-gray-text {
  font-size: 1.8rem; /* 22px - 4px */
  color: #7E6F67;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 1.2rem; /* 15px → 12px */
}
.economic-model-wrap .economic-metric {
  background: var(--whiteColor);
  border-radius: 1rem;
  padding: 1rem;
  height: 100%;
  transition: transform 0.2s ease;
}
.economic-model-wrap .metric-value {
  font-size: 4rem; /* 48px - 4px */
  line-height: 1;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: var(--PrimaryColor);
}
.economic-model-wrap .metric-label {
  font-size: 1.8rem; /* 22px - 4px */
  color: #7E6F67;
  font-weight: 500;
  margin: 0;
}
.same-heading { padding-bottom: 0; }

/* biochar page css */
.dead-trees-wrap {
  background-blend-mode: darken;
  min-height: 80rem; /* 800px */
  background-size: contain;
}
.dead-trees-wrap .clearid-card { background: #fff; }

.check-icon-list li {
  color: #7E6F67;
  font-size: 1.8rem; /* 22px - 4px */
  line-height: 1.6;
  font-weight: 600;
  position: relative;
  padding: 0.9rem 0 0.9rem 3.2rem;
}
.check-icon-list li .iconbx {
  color: var(--PrimaryColor);
  position: absolute;
  left: 0;
  top: 0.8rem;
  display: inline-block;
}

.biochar-real-value-wrap .biochar-utahns-content {
  background: linear-gradient(to left, #fff 87%, #f7f5f3 13%);
  border-radius: 1rem;
}
.biochar-real-value-wrap .biochar-table-content {
  width: 100%;
  max-width: 75rem;
  margin: 0 3rem 0 auto;
}
.biochar-real-value-wrap table thead th {
  font-size: 1.8rem; /* 22px - 4px */
  padding: 1.2rem 1rem;
  line-height: normal;
  color: #473729;
  font-weight: 600;
}
.biochar-real-value-wrap table tbody td {
  font-size: 1.7rem; /* 20px - 3px */
  border: 0;
  line-height: normal;
  color: #000;
  font-weight: 400;
  padding: 1.2rem 1rem;
}
.biochar-real-value-wrap table tbody td.price { color: var(--PrimaryColor); font-weight: 700; }
.table>:not(:last-child)>:last-child>* { border-bottom: solid 0.1rem #DFDFDF; }
.biochar-real-value-wrap .bottom-text-primary-color {
  width: 100%;
  max-width: 90%;
  margin: 5rem auto 0;
}
.biochar-real-value-wrap .bottom-text-primary-color p { color: #2C6B5B; }

.credits-into-wrap {
  background: linear-gradient(to right, hsl(28deg 27% 22% / 20%), hsl(11deg 73% 52% / 20%));
  border-radius: 2rem;
  margin-top: 2rem;
  padding: 4rem;
}
.credits-into-wrap .credits-list li {
  background: linear-gradient(to right, #ffffff69, transparent);
  position: relative;
  padding: 2rem 0 2rem 11rem;
  margin: 1rem 0;
  font-size: 2rem; /* 24px - 4px */
  color: #000;
  font-weight: 700;
}

.credits-into-wrap .credits-list li .icon-bx {
  display: inline-block;
  position: absolute;
  left: 1.2rem;
  top: 50%;
  transform: translateY(-50%); width: 7rem;
}

.credits-into-wrap .credits-list li:nth-child(2) .icon-bx {max-width: 4rem;}
.credits-into-wrap .credits-list li:nth-child(3) .icon-bx {max-width: 4rem;}

.biochar-credits-wrap .no-middlemen-list {
  text-align: center;
  color: var(--PrimaryColor);
  font-weight: 600;
  font-size: 1.8rem; /* 22px - 4px */
  line-height: normal;
  margin-top: 4rem;
}
.white-bg { background: var(--whiteColor); }
.use-case-wrap .clearid-card p {
  font-size: 1.8rem; /* 22px - 4px */
  color: var(--PrimaryColor);
  font-weight: 600;
}

/* .searchListWrapper .card .cardTitleWithImg .imgBx */
.searchListWrapper .individualCard .cardTitleWithImg {align-items: flex-start;}
.searchListWrapper .individualCard .cardTitleWithImg .imgBx{max-width: 106px; height:140px; padding: 0; border: 0; border-radius: 5px; overflow: hidden;}
.searchListWrapper .individualCard .cardTitleWithImg .imgBx img{width: 100%; height: 100%; object-fit: cover;   object-position: top;}
.searchListWrapper .individualCard .cardTitleWithImg .imgBx .blur-profile{filter: blur(2px); object-position: top;}


.searchListWrapper .individualCard .cardTitleWithImg .personNameInfo{width: calc(100% - 106px); padding-left: 10px;}
.searchListWrapper .individualCard .cardTitleWithImg .titleBx{width: 100%; padding-left: 0;}
.searchListWrapper .individualCard .full-details{display: flex; align-items: center; margin-top: 20px;}
.searchListWrapper .individualCard .full-details .barcode{width: 100%; max-width: 51px; height: 50px; border-radius: 3px; position: relative; overflow: hidden;}
.searchListWrapper .individualCard .full-details .barcode img{object-fit: cover; width: 100%; height: 100%;     opacity: 0.3;}
.searchListWrapper .individualCard .full-details .barcode .lockIcon{display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%);}
.searchListWrapper .individualCard .full-details  .contentBx{width: calc(100% - 51px); padding-left: 10px; }
.searchListWrapper .individualCard .full-details  .contentBx p{font-size: 14px; line-height:normal;  color: var(--black-color); font-weight: 400; margin-bottom: 5px;}
.searchListWrapper .individualCard .full-details  .contentBx .click-here{color: var(--PrimaryColor); font-weight: 600; text-decoration: underline; font-size: 14px;}


.searchListWrapper .assetscard .cardTitleWithImg{border-bottom: 0;}
.searchListWrapper .assetscard .cardTitleWithImg .imgBx{ max-width: 100%; height: 210px; padding: 0; background: #fff; overflow: hidden;}
.searchListWrapper .assetscard .cardTitleWithImg .imgBx img{width: 100%; height: 100%; object-fit: contain;}

.searchListWrapper .assetscard .reputationscorebx .scoreValueBx{font-size: 12px; color: var(--whiteColor); font-weight: 700; text-align: center; background: #F7A404; border-radius: 5px;    padding: 5px 15px;
    width: 100%;
    max-width: max-content;
    margin: auto;}
.searchListWrapper .assetscard .reputationscorebx .scoreValueatitle{font-size: 12px; font-weight: 600; text-align: center; padding-top: 2px; color: #F7A404;}
.searchListWrapper .assetscard .middlereputations-with-List{display: flex; align-items: center; }
.searchListWrapper .assetscard .middlereputations-with-List .listBx{ flex: 0 0 auto; width: 57%;}
.searchListWrapper .assetscard .middlereputations-with-List .reputationscorebx { flex: 0 0 auto; width: 43%;}
.searchListWrapper .assetscard .reputationscorebx{text-align: center; margin-top: 0;}
.searchListWrapper .assetscard .reputationscorebx .iconBx{margin-bottom: 5px;}

.searchListWrapper .assetscard .reputationscorebx.good .scoreValueBx{background: #54B700;}
.searchListWrapper .assetscard .reputationscorebx.good .scoreValueatitle{color: #54B700;}
.searchListWrapper .assetscard .averageScore .titleBx{font-size: 10px;}

 
.searchListWrapper .assetscard .reputationscorebx.poor .scoreValueBx{background: #D02500;}
.searchListWrapper .assetscard .reputationscorebx.poor .scoreValueatitle{color: #D02500;}
.searchListWrapper .assetscard .homeAssetsRowList{display: flex; align-items: center; flex-wrap: wrap;}
.searchListWrapper .homeassetscard .homeAssetsRowList{margin-top: 10px;}
.searchListWrapper .homeassetscard .homeAssetsRowList li{width: 33.33%;}
.searchListWrapper .homeassetscard .cardTitleWithImg .imgBx{border: solid 1px transparent;}
.searchListWrapper .homeassetscard .cardTitleWithImg .imgBx img{object-fit: cover;}





.searchListWrapper{position: relative;}
.searchListWrapper.loader-overlay-search:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background:#0000002b url(../images/loader-img.svg)no-repeat center center;  background-size: 90px;}

.searchListWrapper .searchtopBx .sortListBx.sortsGridNone .filter-GridList{ display: none !important;}
.searchListWrapper .searchtopBx .sortListBx.sortsGridNone .filterDatebx{ margin-right: 0;}

.profile-detail-wrapper .profile-detail-left .profile-content p{    font-size: 1.6rem;}


/* @media (max-width: 1400px) {

.header .nav-menu-list a{font-size: 1.6rem;}
.header .navbar-brand img { max-height: 6.5rem; }
.header .btn-primary{font-size: 1.4rem; padding: 1rem; white-space: pre;}

.banner-section h1{font-size: 4.4rem;}
.banner-section p.lead{font-size: 2rem;}
.same-heading h2{font-size: 4.2rem;}
.same-heading p{font-size: 1.8rem;}
.freedom-section .freedom-box p{font-size: 15px;}
.bottom-section-note .note-bx{font-size: 16px;}
.reputation-overview .reputation-list p{font-size: 18px;}
.reputation-overview .disclaimer{font-size: 18px;}
.social-icon li a{    width: 6rem; height: 6rem;     border-radius: 16px;    font-size: 2.5rem;}
.social-icon{gap: 10px;}
.footer .copyright-info p,.footer .copyright-menu a{    font-size: 14px;}



.inner-pages-banner h1{font-size: 4.4rem;}
.inner-pages-banner p{font-size: 2rem;}
.message-to-humanity-wrap .highlight-text p{font-size: 2rem;}
.sheep-wrap .sheep-content p,.bottom-text-primary-color p{font-size: 2.2rem;}
.sheep-wrap .sheep-content .highlight-text{margin-top: 2rem;}
.economic-model-wrap .metric-value{    font-size: 4rem;
    line-height: 1.2;}
.economic-model-wrap .metric-label{font-size: 2rem;}
.justice-path-wrap .justice-card p{font-size: 16px;}
} */




/* Extra large devices (1200px and up) */
/* @media (max-width: 1200px) {

.header .nav-menu-list a{font-size: 1.4rem;}
.header .nav-menu-list{gap: 1.4rem;}
.banner-section{min-height: inherit; }
.header .navbar-brand img{max-height: 5rem;}
.header .nav-menu-list a:after{    bottom: -27px;}
.header .btn-primary{gap: 4px;}

.clearid-card .icon-box{    width: 6rem; height: 6rem; font-size: 16px;     margin: 0 auto 1rem;}
.clearid-card .icon-box img{width: 100%; max-width: 25px;}
.clearid-card h4,.module-section .module-card h6,.county-card .county-header h5{font-size: 2rem;}
.county-card .county-header p,.module-section .module-card p{font-size: 16px; line-height: 1;}
.freedom-section .row{justify-content: center;}
.freedom-section .col{    flex: 0 0 33%;}
.badge-group .badge{font-size: 1.2rem;}



.join-Partner-section .steps .circle{ width: 30px; height: 30px; font-size: 1.4rem; left: -56px;}
.join-Partner-section .steps:before{    height: 86%;}
.join-Partner-section .steps .text{font-size: 1.6rem;}
.join-Partner-section .join-list{margin-bottom: 3rem;}
.join-Partner-section .step-buttons{margin-top: 3rem; justify-content: center;}
.join-Partner-section .steps .note{font-size:1.4rem ;}





.biochar-process-wrap{padding-top: 0;}
.clearid-card .icon-box svg { width: 3rem; height: 3rem; }
.living-ledger-wrap .ledger-quote .quote-icon.bottom-right{    font-size: 5rem;}


.biochar-credits-wrap .no-middlemen-list{font-size: 2rem;}
.check-icon-list li{ font-size: 1.8rem; line-height: 1.6;}
.biochar-real-value-wrap table tbody td{font-size: 16px;}

} */

@media (max-width: 1300px) {
/* .header .nav-menu-list{gap: 1.8vw;}

.header .btn{ padding: 1rem 1.3rem;    gap: 0.3rem;} */

.header .nav-menu-list .menu-list-items{    gap: 1.5vw;}
.header .nav-menu-list a:not(.btn){padding: 0 0.5rem;}
.header .btn-primary {padding: 0.8rem 1rem; font-size: 1.1rem;}
.header .btn-primary svg{width: 1.2rem;} 
.header .nav-menu-list a:not(.btn){font-size: 1.4rem;}
.header{padding: 0.8rem  2rem;}
.header .nav-menu-list a:after{    bottom: -3.2rem;}
.header .search-icon{width: 5rem;}

}

@media (max-width: 1200px) {

.dead-trees-wrap{min-height: inherit;}
.credits-into-wrap .credits-list li{    font-size: 2rem; padding: 1rem 0rem 1rem 8rem;} 
.credits-into-wrap .credits-list li .icon-bx img {max-height: 3rem;}
.biochar-process-wrap .biochar-process-diagram{padding: 0; }
.biochar-process-wrap .healing-earth-img{display: none;}
.sheep-wrap  .sheep-content{text-align: center; margin-bottom: 6rem;}
.biochar-progress-list{    display: flex  ; flex-wrap: wrap; gap: 1rem; justify-content: center;}
.biochar-process-wrap .biochar-process-diagram .biochar-content{position: relative !important; top: unset !important; left: unset !important; right: unset !important; bottom: unset !important; border: solid 1px #DED8D4;border-radius: 10px; padding:1rem; }

}

@media (max-width: 1199px) {

.mobile-menu-sidebar{display: block;}

.same-heading p br {display: none;}
.footer .footer-content p br{display: none;}

}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {

  html { font-size: 55%; } 

  /* .header .nav-menu-list { gap: 0.8rem; }
  .header .nav-menu-list a { font-size: 1.4rem; } */
  .footer { padding: 3rem 0 0; }
  .footer .footer-content { padding-top: 1.5rem; }
  /* .bottom-section-note .note-bx { max-width: 95%; } */
  /* .reputation-overview .reputation-list { flex-direction: column; gap: 0.8rem; } */
.same-heading.text-center .wid-70{font-size: 1.5rem; max-width: 100%;}
.same-heading.text-center .small-text{max-width: 100%;}
.same-section{padding: 4rem 0;}

.banner-section{padding: 6rem 0; min-height: inherit;}
.banner-section h1{ font-size: 3.6rem;}
.banner-section h1 br{display: none;}
.same-heading{margin-bottom: 3rem;}
.same-heading h2{font-size: 2.8rem; margin-bottom: 1rem;}
.banner-section p.lead{max-width: 100%; font-size: 1.5rem; margin-bottom: 3rem;}

.btn-dark,.btn-primary,.btn-light{ font-size: 1.4rem; padding: 1rem 1.5rem;}
.banner-section .btn{max-width: max-content;}
.same-heading p,.clearid-card p{font-size: 1.6rem;}
.reputation-overview .title{font-size: 1.8rem;}
.reputation-overview .reputation-list{margin-bottom: 2rem;}
.reputation-overview .cta-box{padding: 15px;}
.reputation-overview .cta-button{margin: 1rem 0;}
.reputation-overview .cta-text{font-size: 1.8rem;}
.module-section .module-card{padding: 1rem;}
.bottom-section-note .note-bx{max-width: 100%;}
.county-card{padding: 1rem;}
.county-card .icon-circle{width: 35px; height: 35px; min-width: 35px;    font-size: 18px;}
.county-card .feature-list li{font-size: 1.4rem;}
.county-card h6{font-size: 1.8rem;}
.county-card .county-header{margin-bottom: 2rem;}
.utha-life-app-section .same-heading{text-align: center;}
.utha-life-app-section p{max-width: 100%;}
.utha-life-app-section .social-icon{justify-content: center;}
.footer .footer-content h4{font-size: 2rem;}
.footer .footer-content h5{font-size: 1.6rem;}
.footer .footer-content .info-list a,.footer .footer-content p{font-size: 14px;}
.header{padding: 1rem 1.5rem;}
.bottom-section-note{margin-top: 3rem;}
.module-section .module-card p{line-height: 1;}
.header.header.header_fix{  padding: 5px 15px;}
.freedom-section .col{flex: 0  0 50%;}

.freedom-section .freedom-dark-bg{padding: 2rem;}
.freedom-section .hightlight-text-box{margin-top:3rem;}


.inner-banner {padding: 3rem 0 !important;}
.inner-banner .banner-text{padding: 0;}
.inner-banner .banner-text h1{ font-size: 2.8rem; line-height: 1.2; text-align: center; }
.searchListWrapper .searchtopBx .sortListBx{    justify-content: center;    gap: 10px;}
.searchListWrapper .searchtopBx .filterDatebx h4{font-size: 14px;}
.searchListWrapper .searchtopBx .resultsBx{margin-bottom: 20px; text-align: center;}

.searchListWrapper .filterlistContent.list-view-filter .listBx:not(.assetsNolist) li{    width: 100%;     margin-bottom: 15px;}
.searchListWrapper .filterlistContent.list-view-filter .listview-visibleContent .assetsNolist {margin-top: 0;}
.searchListWrapper .filterlistContent.list-view-filter .listview-visibleContent .assetsNolist li{width: 100%; }
.searchListWrapper .filterlistContent.list-view-filter .card{flex-wrap: wrap;}
.searchListWrapper .filterlistContent.list-view-filter :is(.cardbottomContent){width: 100%; padding: 15px; border: 0;}
.searchListWrapper .filterlistContent.list-view-filter :is(.listViewBox){width: 40%;}
.searchListWrapper .filterlistContent.list-view-filter :is(.cardMiddleContent){width: 60%;}
.searchListWrapper .filterlistContent.list-view-filter .reputationscorebx{margin-top: 0;}

.searchbannerBx .input-group .form-select{    font-size: 14px;      height:35px;  padding: 10px 26px 10px 10px;     margin-right: 6px;   max-width: 180px;}
.searchbannerBx .input-group input.form-control{       height:35px; padding: 5px 5px 5px 12px;    font-size: 14px;}
.searchbannerBx .input-group .btn-search{font-size: 18px;}
.searchbannerBx .input-group{padding: 5px; margin-top: 20px;}
.searchListWrapper .searchtopBx .resultsBx,.searchListWrapper .searchtopBx .filterDatebx h4{    font-size: 14px;}
.searchListWrapper .searchtopBx .filterDatebx .form-select{height: 40px ;   font-size: 14px;  }
.searchListWrapper .searchtopBx .filter-GridList :is(.list-view-button, .grid-view-button){font-size: 18px; padding: 7px;}
.searchListWrapper .searchtopBx .filterDatebx{margin: 5px;}
.searchListWrapper .searchtopBx .sortListBx{justify-content: center;}







.living-ledger-wrap .ledger-quote{font-size: 2rem; max-width: 100%;}
.inner-pages-banner h1{font-size: 3.6rem;}
.sheep-wrap .same-heading{margin-bottom: 3rem;}

.dead-trees-wrap .col {flex: 0 0 50%;}
.biochar-real-value-wrap .biochar-logobx{width: 100%; max-width: 200px; margin: 0 auto 3rem;}
.biochar-real-value-wrap .biochar-utahns-content{background: transparent;}
.biochar-real-value-wrap .table{text-align: center;}
.biochar-real-value-wrap table thead th{font-size: 16px;}
.credits-into-wrap{text-align: center; padding: 2rem;}
.credits-into-wrap .credits-list li{background:  #ffffff69; padding: 1.5rem; font-size: 1.6rem;} 
.credits-into-wrap .credits-list li .icon-bx{position: relative; top:unset; left: unset;  margin:0 auto 0.8rem; transform: unset; display: block;}
.credits-into-wrap .img-bx {margin-top: 4rem;}
.inner-pages-banner{padding: 6rem 0;}
.join-Partner-section .step-buttons {    margin-top: 2rem;}
.join-Partner-section .join-list{margin-bottom: 3rem;}
.digital-identity-utah .module-section{margin-bottom: 3rem;}
.header .navbar-brand img{    max-height: 5rem;}
.sheep-wrap .digital-twin-diagram {margin:5rem auto 0;}
.sheep-wrap .digital-twin-diagram ul li:nth-child(1){left: 4rem;}
.sheep-wrap .digital-twin-diagram ul li:nth-child(2){    left: 9rem;}
.sheep-wrap .digital-twin-diagram ul li:nth-child(3){    right: 4rem;}
.sheep-wrap .digital-twin-diagram ul li:nth-child(4){right: 5rem;}
.economic-model-wrap .metric-value{    font-size: 3rem;}
.message-to-humanity-wrap .highlight-text{margin-bottom: 3rem;}
.sheep-wrap .digital-twin-diagram{margin-top: 3rem;}
.biochar-credits-wrap .img-bx{margin-top: 3rem;}
.check-icon-list li{    font-size: 1.6rem;}
.check-icon-list li .iconbx svg{    width: 2rem;}

.same-section.searchListWrapper.bg-gray{    padding-top: 10px;}
.inner-banner.searchbannerBx {
        background: #f7f5f3 !important;
    }

}




@media (max-width: 767px) {

.footer { padding: 3rem 0 0; }
.footer .footer-content .footer-logo { margin: 0 auto 2rem; display: block; }
.footer .footer-content { text-align: center; padding: 0; margin-bottom: 3rem; }
.footer .footer-content .footer-btn-list { justify-content: center; }
.footer .copyright-info { margin-top: 0; }
.footer .copyright-info { text-align: center; padding: 0.625rem 0; } /* 10px */
.footer .copyright-info .copyright-menu { justify-content: center !important; }
.digital-identity-utah .module-section { margin-bottom: 3rem; }

.sheep-wrap .digital-twin-diagram ul { display: flex; flex-wrap: wrap; }
.sheep-wrap .digital-twin-diagram ul li {
  position: relative;
  top: unset !important;
  left: unset !important;
  right: unset !important;
  bottom: unset !important;
  text-align: left !important;
  padding: 0.3125rem 0; /* 5px */
  width: 50%;
}
.sheep-wrap .digital-twin-diagram ul li:nth-child(2) .sheep-list-content .sheep-circle,
.sheep-wrap .digital-twin-diagram ul li:nth-child(1) .sheep-list-content .sheep-circle { order: 0; }
.sheep-wrap .digital-twin-diagram { display: flex; flex-direction: column; }
.sheep-wrap .digital-twin-diagram ul li .sheep-list-content { max-width: 100%; }
.sheep-wrap .digital-twin-diagram .sheep-img { order: 1; margin-top: 3rem; }
.sheep-wrap .sheep-list-content .sheep-circle { width: 4rem; height: 4rem; min-width: 4rem; }
.sheep-wrap .sheep-list-content .sheep-circle svg { width: 2rem; height: 2rem; }
.sheep-wrap .sheep-list-content p { margin-bottom: 0; }
.sheep-wrap .sheep-list-content p br { display: none; }
.justice-path-wrap .justice-card h3 { font-size: 2.2rem; }

.economic-model-wrap .metric-value { font-size: 3rem; line-height: 1.2; }

.inner-pages-banner { padding: 6rem 0; }
.inner-pages-banner h1 br { display: none; }

.biochar-process-wrap .biochar-process-diagram .biochar-content { max-width: 49%; }
.same-heading.text-center p.wid-70 { max-width: 100%; }
.bottom-text-primary-color { margin-top: 2rem; }
.biochar-credits-wrap .img-bx { margin-top: 3rem; }


}




@media (max-width: 576px) {

.freedom-section .col { flex: 0 0 100%; }
.offcanvas-end { width: 18.75rem; } /* 300px */

.voting-cards .voting-poll-progress-box .img-box { max-width: 5.625rem; height: 5.625rem; } /* 90px */
.voting-cards .voting-poll-progress-box .voting-poll-detail { width: calc(100% - 5.625rem); }
.voting-cards .voting-poll-progress-box .progress { height: 1.5625rem; margin: 0.625rem 0; } /* 25px, 10px */
.voting-cards .voting-poll-progress-box .progress .progress-bar { font-size: 0.875rem; } /* 14px */
.voting-cards .voting-public-openion-btn .opinion-btn { width: 2.5625rem; height: 2.5625rem; font-size: 1rem; border-width: 0.1875rem; } /* 41px, 16px, 3px */

.biochar-process-wrap .biochar-process-diagram .biochar-content { max-width: 100%; }
.sheep-wrap .digital-twin-diagram ul li { max-width: 100%; }
.sheep-wrap .sheep-content { margin-bottom: 3rem; }

}

@media screen and (max-width: 450px)
{

.inner-banner.searchbannerBx{background: #fff !important;}
.searchListWrapper .filterlistContent.list-view-filter :is(.listViewBox,.cardMiddleContent) { width: 50%; }
.searchbannerBx .input-group {
  padding: 0;
  margin-top: 1.25rem; /* 20px */
  flex-direction: column;
  border: 0;
}
.searchbannerBx .input-group .form-select {
  max-width: 100%;
  order: 1;
  margin:5px 0 0; /* 5px */
  border-radius: 0.3125rem !important;
  padding: 0.3125rem 0.3125rem 0.3125rem 0.8125rem; /* 5px 5px 5px 13px */
  border: solid 0.0625rem #e9e9e9;
}
.searchbannerBx .input-group input.form-control {
  height: 35px; /* 35px */
  padding: 5px 40px 5px 5px; /* 5px 40px 5px 5px */
  font-size: 14px; /* 14px */
  width: 100%;
  border: solid 0.0625rem #e9e9e9;
  white-space: pre;
  border-radius: 0.3125rem !important;
}
.searchbannerBx .input-group .btn-search {
font-size: 15px;
        position: absolute;
        right: 2px;
        background: var(--PrimaryColor);
        color: #fff;
        height: 35px;
        padding: 5px 9px;
        line-height: normal;
        border: solid 1px var(--PrimaryColor);
        top: 0;
        z-index: 99;
}
.profile-tab-wrapper .nav{gap: 0.5rem;}
.profile-tab-wrapper .nav .nav-item .nav-link{font-size: 14px; padding: 2px;}

}

@media (max-width:414px) {

.banner-section .banner-btn { flex-direction: column; }
.banner-section .btn {         width: 100%;
        display: inline-flex;
        max-width: 100%;
        gap: 1rem;
        max-width: 80%;
        margin: auto;}
.dead-trees-wrap .col { flex: 0 0 100%; }

}

