.infolink {
    display: flex;
    border-bottom: 1px solid #a079b2;
    flex-direction: column;
    flex-wrap: wrap;
	padding-bottom: 20px;
	margin-top: 30px;
}

.info_links_image img {border-radius: 12px;}

.info_links_image {flex: 1}


.infolinkbuts a {
    text-align: center;
    display: flex
;
    width: 222px;
    height: 44px;
}


.contactbut {
	text-align: center;
	display: flex;
	width: 222px;
height: 84px;
    align-items: center;
    justify-content: center;
background: #041204;
box-shadow: 0px 3px 6px #00000029;
border-radius: 21px;
opacity: 1;
color: #fff;
}

.seemorebut { 
		display: flex;
	text-align: center;
	min-width: 222px;
height: 84px;
    align-items: center;
    justify-content: center;
background: #257226;
box-shadow: 0px 3px 6px #00000029;
border-radius: 21px;
opacity: 1;
}

.infolinkbuts a{
text-decoration: none !important;
		color: #fff !important;
}


.infolinkbuts {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
        flex-wrap: wrap;
}


.infolinkouter { display: flex;
gap: 40px; flex-wrap: wrap;}

.info_links_image img {border-radius: 12px;}

.info_links_image {flex: 1}

.infolink {
    display: flex
;
    border-bottom: 1px solid #a079b2;
    flex-direction: column;
    flex-wrap: wrap;
    padding-bottom: 20px;
    margin-top: 0px;
}

.infolinkbuts a {
    text-align: center;
    display: flex
;
    width: 222px;
    height: 44px;
}



.infocolouter{
  display: grid;
      align-items: stretch;
  gap: 20px;
  margin: 40px auto 0;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  justify-content: center;
  max-width: 1200px;
}


.infocol{
      max-width: 300px;   /* ← your design cap */
  display: grid;
  grid-template-rows: auto 1fr auto; /* top | centre | bottom */
  gap: 10px;
  padding-bottom: 20px;
  height: 100%;
  text-align: center;
    border-bottom: 0px;
}
.infocol-body{
  display: flex;
  flex-direction: column;
  align-items: center;   /* horizontal centre */
  justify-content: center; /* vertical centre */
  gap: 10px;
}

.info_col_image img{ border-radius: 12px; width: 100%; height: auto; display:block; }

/* this "flex:1" isn't doing anything meaningful unless the parent is flex row */
.info_col_image{ width: 80%; margin: 20px auto;}

/* button */

.infocolbuts{
  margin-top: auto;
}

.infocolbuts{
  min-height: 44px;     /* same as button height */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}


.infocolbuts a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
    height: 60px;
    border-radius: 42px;
    text-decoration: none;
      width: 100%;
}

.info_col_title{
      font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: auto;
  height: 100px;
    border-radius: 22px;
}

.info_col_content{
       color: #509e2f !important;
    font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: auto;
}


@media (max-width: 900px) {
    .column3.foot {
align-items: center;
}
}
    .infobox {
        margin-left: 10px;
    }


@supports (font-size: 1cqw) {
    @media (min-width: 1061px) {
        .info_col_title,  .info_col_content, .infocolbuts a {
            font-size: clamp(1.2rem, 3.4cqw, 1.2rem);
        }
    }
}

@supports (font-size: 1cqw) {
    @media (max-width: 1060px) {
        .info_col_title, .info_col_content, .infocolbuts a {
            font-size: clamp(1.2rem, 3.4cqw, 1.2rem);
        }
    }
}



@supports (font-size: 1cqw) {
    @media (min-width: 1061px) {
      .infocolbuts a {
                font-size: clamp(1rem, 3.4cqw, 1rem); }
                      .infocolbuts a {
            padding: clamp(1.4rem, 3.4cqw, 1rem);
        }
    }
}

@supports (font-size: 1cqw) {
    @media (max-width: 1060px) {
  .infocolbuts a {
                font-size: clamp(1rem, 3.4cqw, 1rem); }
                      .infocolbuts a {
            padding: clamp(1rem, 3.4cqw, 1rem);
        }
    }
}