:root{
  --primary_color:#B9A590;
  --secondary_color:#f3f4f6;
  --body_color:#f4f4f5;
  --heading_text_color:#17161a;
  --body_text_color:#5e5e5e;
  --link_color:;
  --link_hover_color:;
}

/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */



























/* 1d. Buttons */





















 

/* 1e. Forms */




























/* 1f. Tables */













/* Footer */









.business-footer h1,
.business-footer h2,
.business-footer h3,
.business-footer h4,
.business-footer h5,
.business-footer h6{
  color:#ffffff;
}
.business-footer p,
.business-footer span,
.business-footer small,
.business-footer div{
  color:#ffffff;
  font-size:20px;
}
.business-footer a{
  color:#ffffff;
}
.business-footer a:hover{
  color:#eeeeee;
}
.content-wrapper {
  max-width: 1380px;
}

.dnd-section {
  padding: 80px 20px;
}

.dnd-section > .row-fluid {
  max-width: 1380px;
}





html {
  font-size: 16px;
}

body {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #222222;
  font-size: 16px;
  background:;
  overflow-x:hidden;
}

/* Paragraphs */

p {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}


/* Anchors */

a {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #B9A590;
}

a:hover,
a:focus {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #f3f4f6;
}

a:active {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #f3f4f6;
}

/* SVGs */
svg {
  fill: #f3f4f6;
}

/* Headings */

h1,
.h1,
.footer h1{
  font-family: Manrope, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #222222;
  font-size: 64px;
  text-transform: none;
}

h2,
.h2,
.footer h2{
  font-family: Manrope, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #17161a;
  font-size: 44px;
  text-transform: none;
}

h3,
.h3,
.footer h3{
  font-family: Manrope, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #222222;
  font-size: 34px;
  text-transform: none;
}

h4,
.h4,
.footer h4{
  font-family: Manrope, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #222222;
  font-size: 24px;
  text-transform: none;
}

h5,
.h5,
.footer h5{
  font-family: Manrope, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #17161a;
  font-size: 22px;
  text-transform: none;
}

h6,
.h6,
.footer h6{
  font-family: Manrope, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #17161a;
  font-size: 18px;
  text-transform: none;
}

@media (max-width: 1139px) {

  h1,
  .h1,
  .footer h1{
    font-size: 54px;
  }

  h2,
  .h2,
  .footer h2{
    font-size: 36px;
  }

  h3,
  .h3,
  .footer h3{
    font-size: 28px;
  }

  h4,
  .h4,
  .footer h4{
    font-size: 20px;
  }

}

@media (max-width: 767px) {

  h1,
  .h1,
  .footer h1{
    font-size: 52px;
  }

  h2,
  .h2,
  .footer h2{
    font-size: 36px;
  }

  h3,
  .h3,
  .footer h3{
    font-size: 30px;
  }

}
/* Blockquote */

blockquote {
  border-left-color: #f3f4f6;
}





/* Primary button */

button,
.button,
.button-2{
  border: 3px none #FFFF04;

  padding-top: 12px;
padding-right: 46px;
padding-bottom: 12px;
padding-left: 46px;

  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(185, 165, 144, 1.0)

;
  border-radius: 20px;
  color: #ffffff;
  fill: #ffffff;
  text-transform: none;
}

button:hover,
button:focus,
button:active,
.button:hover,
.button:focus,
.button:active,
.button-2:hover,
.button-2:focus,
.button-2:active{
  border: 3px none #B9A590;
;
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(236, 228, 218, 1.0)

;
  color: #B9A590;
  fill: #B9A590;
}
.button.button-animation::before,
.button-2.button-animation::before{
  background-color: 

  
  
    
  


  rgba(236, 228, 218, 1.0)

;
}
button:active,
.button:active {
  border: 3px none #B9A590;

  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(255, 255, 255, 100);
  border-color: #ffff54;
  color: #B9A590;
  fill: #B9A590;
}

/* Secondary button */

.button-2.button--secondary,
.button.button--secondary{
  border: 3px solid #B9A590;

  padding-top: 12px;
padding-right: 46px;
padding-bottom: 12px;
padding-left: 46px;

  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(185, 165, 144, 0.0)

;
  border-radius: 100px;
  color: #B9A590;
  fill: #B9A590;
  text-transform: none;
}

.button-2.button--secondary:hover,
.button-2.button--secondary:focus,
.button-2.button--secondary:active,
.button.button--secondary:hover,
.button.button--secondary:focus,
.button.button--secondary:active{
  border: 3px none #B9A590;

  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(185, 165, 144, 1.0)

;
  color: #f3f4f6;
  fill: #f3f4f6;
}
.button-2.button--secondary:hover,
.button-2.button--secondary:focus,
.button-2.button--secondary:active,
.button.button--secondary:hover,
.button.button--secondary:focus,
.button.button--secondary:active{
  border: 3px none #B9A590;

  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(185, 165, 144, 1.0)

;
  color: #f3f4f6;
  fill: #f3f4f6;
}
.button-2.button--secondary:active,
.button.button--secondary:active{
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(255, 245, 224, 100);
  border: 3px none #B9A590;

  border-color: #fff5e0;
  color: #f3f4f6;
  fill: #f3f4f6;
}
.button-2.button--secondary.button-animation::before,
.button.button--secondary::before{
  background-color: 

  
  
    
  


  rgba(185, 165, 144, 1.0)

;
}






form,
.submitted-message {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}
form {
  border: 3px solid #222222;

  padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;

  background-color: #ECE4DA;
  border-radius: 3px;
}
/* Form title */

.form-title {
  color: #f3f4f6;
  background:#eeeeee;
  padding:15px;
}

/* Labels */

form label {
  color: #B9A590;
}

/* Help text */

form legend {
  color: #B9A590;
}

/* Inputs */
form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border: 1px solid #cccccc;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #222222;
  border-radius: 3px;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #757983;
}

::-moz-placeholder {
  color: #757983;
}

:-ms-input-placeholder {
  color: #757983;
}

::placeholder {
  color: #757983;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #757983;
}

.fn-date-picker td.is-selected .pika-button {
  background: #B9A590;
}

.fn-date-picker td .pika-button:hover {
  background-color: #B9A590 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #B9A590;
}

/* Submit button */

/* Submit button */

form input[type='submit'],
form .hs-button {
  border: 3px none #222222;

  padding-top: 12px;
padding-right: 46px;
padding-bottom: 12px;
padding-left: 46px;

  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(34, 34, 34, 1.0)

;
  border-radius: 20px;
  color: #ffffff;
  fill: #ffffff;
  text-transform: none;
}

form input[type='submit']:hover,
form input[type='submit']:focus,
form .hs-button:hover,
form .hs-button:focus {
  border: 1px solid #B9A590;
;
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #B9A590;
  fill: #B9A590;
}


form input[type='submit']:active,
form .hs-button:active {
  border: 1px solid #B9A590;

  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(#null, );
  border-color: ;
  color: #B9A590;
  fill: #B9A590;
}

form input[type='submit'],
form .hs-button {
  padding-top: 12px;
padding-right: 46px;
padding-bottom: 12px;
padding-left: 46px;

}





/* Table */

table {
  border: 1px solid #222222;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

td,
th {
  border: 1px solid #222222;

  padding: 18px;

  color: #B9A590;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(185, 165, 144, 1.0)

;
  color: #FFFFFF;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #222222;
}





.blog-post__date {
  border-color: #222222;
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
  color: #222222;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
  color: #000000;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
  color: #4a4a4a;
}

.blog-tag-filter__menu-link--active-item:after {
  background-color: #B9A590;
}

.blog-pagination__link {
  color: #222222;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #B9A590;
}

.blog-post__title {
  ;
  color: ;
  font-size: ;
}

.blog-post__author {
  background-color: #f3f4f6;
}

#comments-listing .comment-reply-to {
  color: ;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: ;
}

#comments-listing .comment-reply-to:active {
  color: ;
}











body .icon svg {
  fill: #B9A590;
}
body{
  background:#f4f4f5
}
body svg{
  fill:#f3f4f6
}
.separator{
  background:#B9A590
}
body .tns-nav button.tns-nav-active {
  background-color: #B9A590;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
  background-color: #B9A590;
}

body .team-member__description {
  background-color: #f3f4f6;
}

@media(max-width:767px){
  h4{font-size:21px !important;}
}

/* Override for large padding below description text in cards/buttons */
.heading .description {
    padding-bottom: 0px !important; 
}

/* --- CARD STYLING AND SPACING FIX FOR button-strip MODULES --- */

/* 1. Card Styling (White background, shadow, rounded corners) */
.button-strip {
    /* Set white background, override any background color inherited from the section */
    background-color: white !important; 
    border-radius: 12px;
    /* Soft shadow for depth, adjust opacity (0.08) if too dark/light */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); 
    /* Add internal padding so content doesn't touch the edge */
    padding: 30px 20px; 
    /* Add horizontal margin to ensure space between the three cards */
    margin-left: 10px;
    margin-right: 10px;
}

/* 2. Spacing Fix (Overrides the 40px theme padding) */
.heading .description {
    /* Use 0px padding-bottom for minimal space above the button */
    padding-bottom: 0px !important; 
}

/* 3. Ensure the paragraph inside the description text has no bottom margin */
.heading .description p {
    margin-bottom: 0px !important;
}

This approach separates the HubL logic (in the module) from the pure CSS styling (in the override file), which is the most reliable workflow in HubSpot and should give you the exact card look you wanted!