/** Shopify CDN: Minification failed

Line 181:1 Expected "}" to go with "{"

**/
.demo-gradient {
  position: relative;
}
.demo-gradient:before {
  content: "";
  background: url(/cdn/shop/files/demo-1.png?v=1751449885);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
  background-size: cover;
  width: 100%;
  height: 70%;
  position: absolute;
  top: 0;
  left: 0;
}
.demo-card-section {
  max-width: 1000px;
  margin: 0 auto;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
  position: relative;
  background: #fff;
}
.alt-rich-text {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  
}
.card-block-column {
  display: grid;
  grid-template-columns: 60% 40%;
}
.right-container {
  background: #305066;
  padding: 3rem 5rem;
}
.left-container {
  padding: 3rem 5rem;
}
.card-block img {
  width: 25%;
  display: block;
  margin-right: 2rem;
}
.card-block {
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
  gap: 20px;
}
.left-card-block,
.right-card-block {
  padding: 3rem 5rem;
}
.title-section h3 {
 border-bottom: 1px solid;
    padding-bottom: 2rem;
    margin-bottom: 4rem;
    color: #7d6e61;
    text-transform: uppercase;
    letter-spacing: normal;
}
.left-card-block .text-block h3 {
 margin-top: 0;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    line-height: 1.5;
    color:#7d6e61;
    letter-spacing: normal;
}
.link-block {
  color: #7d6e61;
  /* color: var(--sanjuan); */
  text-decoration: none;
  cursor: pointer;
}
.text-block p {
  margin: 0;
  font-size: 16px;
}
.right-card-block {
  background-color: #7d6e61;
}
.card-block-1 svg {
  width: 4rem;
  margin-right: 2rem;
}
.right-title-section {
  color: #fff;
}
.right-title-section a {
  color: #fff;
}
.right-title-section p {
  color: #fff;
  font-size: 25px;
}
.card-block-1 {
  display: flex;
  align-items: flex-start;
  margin-bottom: 3rem;
}
.right-card-block .right-title-section h3 {
 margin-top: 0.5rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
}
.right-card-block .card-block-1 h3{
  margin-top: .5rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.6rem;
    color: #fff;
}

.text-block-1 a{
    color: #fff;
    text-decoration: none;
}



.demo-text-area {
  text-align: center;
}
.demo-text-area .top-title p {
  margin-bottom: 0rem;
  text-transform: uppercase;
  margin-top: 0;
}
.demo-text-area .top-heading h1 {
  margin-bottom: 1rem;
  margin-top: 0;
  text-transform: uppercase;
  line-height: 1.3;
}


@media screen and (max-width: 999px) {
  .alt-rich-text {
    padding: 40px;
}
}

@media screen and (max-width: 999px) {
  .card-block-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 749px) {
  .card-block-column {
    display: grid;
    grid-template-columns: 1fr;
  }
 
  .alt-rich-text {
    padding: 0 20px 0 20px;
  }


  .left-card-block, .right-card-block {
    padding: 2rem 2rem;
}
  .right-card-block {
    padding: 2rem 2rem;
}
  .right-title-section a {
    color: #fff;
}