.section-two-col {
  margin-top: 100px;
  margin-bottom: 100px;
}

.section-two-col .content-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 80px;
  box-sizing: border-box;
}
.section-two-col .container {
  display: flex;
 
  
  
}

.section-two-col .col.left {
  width:50%;
  
  
}

.section-two-col .col.left h2 {
  color: var(--Colours-Primary, #3C4D59);
  font-family: var(--font-family-title, "Hedvig Letters Serif");
  font-size: var(--font-size-H2, 36px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-line-height-H2, 48px); /* 133.333% */
  margin: 0;
}

.section-two-col .col.right {
  width:50%;
  justify-content: space-between;
  color: var(--Colours-Primary, #3C4D59);
}

.section-two-col .text-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.section-two-col .text-group p {
  align-self: stretch;
  color: var(--Colours-Black, #1E1D1D);
  font-family: var(--font-family-body, "Open Sans");
  font-size: var(--font-size-Body-Base, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-line-height-Body-Base, 22px); /* 137.5% */
  margin: 0;
}

.section-two-col .button {
  display: inline-flex;
  min-width: auto;
  padding: 9px var(--spacing-md, 24px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xx-sm, 8px);
  border: 1px solid var(--Colours-Primary, #3C4D59);
  text-decoration: none;
  background: transparent;
  margin-top: 20px;
  cursor: pointer;
  border-radius:0;
}

.section-two-col .button .button-text {
  color: var(--Colours-Primary, #3C4D59);
  text-align: center;
  font-family: var(--font-family-body, "Sofia Pro");
  font-size: var(--font-size-Body-Base, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-line-height-Body-Base, 22px); /* 137.5% */
}

/* /// Hover code  */
.section-two-col .button:hover {
  outline: 1px solid var(--Colours-Primary, #3C4D59);
  outline-offset: 2px;
  transition: all 0.2s ease;
}

.section-two-col .button:hover .button-text {
  text-decoration: underline;
}

/* Add transition to the base button for smooth animation */
.section-two-col .button {
  transition: all 0.2s ease;
}



@media (max-width: 991px) {
  .section-two-col .container {
    flex-direction: column !important;
  }
  .section-two-col .col.left h2 {
  color: var(--Colours-Primary, #3C4D59);

  /* H2 styles */
  font-family: var(--font-family-title, "Hedvig Letters Serif");
  font-size: var(--font-size-H2, 22px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-line-height-H2, 28px); /* 127.273% */
}

  .section-two-col{
    margin-top:40px;
    margin-bottom:0;
  }
  
  .section-two-col .content-wrapper{
    padding:0 1rem;
  }
  

  .section-two-col .col.left {
  width:100%;
 
}
  .section-two-col .col.right {
  width:100%;
}
  .section-two-col .container{
    gap:1rem;
  }
  
  
 
    
    
  }
}