:root {
    --wellington-green: #004a33;
    --wellington-gold: #C49A6C;
    --light-gold : #f6f2eb;
    --white: #ffffff;
    --light-blue: #0fa8e4;
    --font-display: 'Luna', Sans-serif;
    --font-base: 'Montserrat', Sans-serif;
}

.web-cards {padding: 0 0 clamp(50px, 13vw, 150px); background: var(--light-gold); margin: 0;}
.web-cards .web-cards__subtitle {display: block; font-size: 19px; color: var(--wellington-gold); font-family: var(--font-display); font-weight: 400;}
.web-cards .web-cards__title {font-size: 39px; color: var(--wellington-green); display: block; font-family: var(--font-base); font-weight: 700; line-height: 1.4; margin: 0 0 0; padding: 0; text-align: left;}
.web-cards .web-cards__header {text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: clamp(20px, 5vw, 50px); padding-left: clamp(20px, 3vw, 50px); padding-right: clamp(20px, 3vw, 50px);}
.web-cards .web-cards__grid {display: flex; justify-content: space-between; max-width: 1420px; margin: 0 auto; padding-left: clamp(20px, 3vw, 50px); padding-right: clamp(20px, 3vw, 50px);}
.web-cards .web-cards__card {width: calc(50% - 50px); box-sizing: border-box; background: var(--white); position: relative; border-radius: 20px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.web-cards .web-cards__image {position: relative;}
.web-cards__image::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--wellington-green); opacity: 0.7; z-index: 0; border-radius: 20px 20px 0 0;}
.web-cards .web-cards__image img {object-fit: cover; height: 100%; width: 100%; aspect-ratio: 2/1; border-radius: 20px; min-height: 250px;}
.web-cards .web-cards__wave {position: absolute; bottom: 0; left: 0; width: calc(100% + 1px); height: auto; object-fit: cover; z-index: 1; transform: translateY(50%);}
.web-cards .web-cards__tag {position: absolute; top: -20px; right: -20px; box-sizing: border-box; padding: 10px 18px; background: var(--wellington-gold); color: var(--white); font-family: var(--font-display); font-size: 12px; border-radius: 50px;}
.web-cards .web-cards__text {position: relative; z-index: 1; box-sizing: border-box; padding: 50px;}
.web-cards .web-cards__price {display: flex; flex-direction: column; margin-bottom: 20px;}
.web-cards .web-cards__price-title {font-family: var(--font-display); font-size: 27px; color: var(--wellington-green); margin-bottom: 10px;}
.web-cards .web-cards__price-subtitle {color: var(--wellington-gold); font-weight: 400; display: inline-block; margin-top: 15px; font-size: 16px;}
.web-cards .web-cards__card-title {position: absolute; top: 50%; left: 0; transform: translate(25%, -50%); z-index: 5; color: var(--white); font-family: var(--font-display); font-size: 30px; text-shadow: 4px 4px 6px rgba(0,0,0,0.5), -3px -3px 6px rgba(0,0,0,0.4);}
.page-id-23723 main ul li.is-tick, .page-id-23723 main ul li.is-cross {padding-left: 2.5rem; margin-bottom: 1.5rem; font-weight: 400; color: var(--wellington-green);}
.page-id-23723 main ul li.is-tick::before {width: 23px; height: 23px; background-color: var(--wellington-green); -webkit-mask-image: url("/wp-content/themes/wellington-countrypark-2023/assets/icons/tick.svg"); mask-image: url("/wp-content/themes/wellington-countrypark-2023/assets/icons/tick.svg")!important;}
.page-id-23723 main ul li.is-cross::before {width: 20px; height: 20px; background-color: var(--wellington-green); -webkit-mask-image: url("/wp-content/themes/wellington-countrypark-2023/assets/icons/cross.svg"); mask-image: url("/wp-content/themes/wellington-countrypark-2023/assets/icons/cross.svg");}
.web-cards__cta {background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%0AviewBox='0 0 130 32'%3E%3Cpath fill='%23c49a6c' d='M104.425 0c-0.569 0-1.080 0.012-1.536 0.040v0l-28.681 0.774h-37.302s-0.006 0-0.006 0c-5.785 0.024-14.005 0.37-24.658 1.037-0.802 0.049-1.444 0.633-1.606 1.383v0c-1.514 0.499-3.215 1.227-5.112 2.175v0c-2.398 1.095-4.050 3.191-4.95 6.284-0.006 0.018-0.009 0.037-0.015 0.055-0.939 3.656-0.358 7.165 1.741 10.524v0c2.010 4.488 4.659 6.733 7.951 6.74v0c12.693 1.043 21.026 1.848 25 2.417 0.061 0.009 0.119 0.015 0.181 0.015l14.394 0.548s0.024 0 0.040 0c0.193 0.003 0.41 0.006 0.652 0.006 3.246 0 10.821-0.285 22.724-0.854v0c7.645 0.19 14.688 0.285 21.124 0.285 2.105 0 4.142-0.009 6.119-0.031h0.009c2.502-0.037 4.647-0.144 6.437-0.321 0.012 0 0.024 0 0.037-0.003 8.811-1.049 13.972-2.117 15.483-3.206 0.028-0.018 0.052-0.040 0.080-0.058v0c3.897-1.594 6.385-5.005 7.458-10.236 0.018-0.095 0.031-0.19 0.034-0.285 0.355-8.936-5.351-14.528-17.114-16.771-0.055-0.009-0.11-0.018-0.165-0.024-3.503-0.33-6.272-0.493-8.315-0.493z'%3E%3C/path%3E%3Cpath fill='%23c49a6c' d='M15.125 1.279c-2.567 0-4.87 0.441-6.908 1.319-2.441 1.052-4.503 2.735-6.183 5.051v0c-1.695 1.802-2.331 4.017-1.909 6.648 0 0.006 0 0.012 0 0.018 0.401 2.343 0.688 3.775 0.86 4.289v0c0.058 0.171 0.129 0.324 0.211 0.465v0c0.976 1.973 1.805 3.298 2.487 3.968 0.343 0.337 0.786 0.505 1.23 0.505s0.906-0.174 1.251-0.523c0.679-0.691 0.67-1.802-0.021-2.481-0.41-0.404-1.025-1.441-1.848-3.114 0-0.006-0.006-0.012-0.009-0.018v0c-0.122-0.437-0.358-1.658-0.701-3.662v0c-0.245-1.52 0.107-2.769 1.052-3.745 0.061-0.061 0.116-0.129 0.165-0.199 2.386-3.329 5.858-4.993 10.423-4.993 1.242 0 2.567 0.122 3.971 0.37 0.104 0.018 0.205 0.028 0.306 0.028 0.835 0 1.576-0.6 1.725-1.453 0.168-0.954-0.471-1.866-1.423-2.031-1.649-0.291-3.209-0.434-4.684-0.434zM3.72 16.75c0.239 0.162 0.413 0.352 0.523 0.566-0.128-0.226-0.309-0.419-0.523-0.566v0z'%3E%3C/path%3E%3C/svg%3E%0A");background-size: 100% 105%;background-repeat: no-repeat;background-position: center top;margin: 0 auto 0 0;padding: 25px 30px;display: inline-block;font-family: "Luna", Sans-serif;position: relative;text-decoration: none; color: var(--white);}
.web-cards .web-cards__card p {font-weight: 400; color: var(--wellington-green); transition: all ease-in-out .3s;}
.web-cards .web-cards__card p a {color: var(--wellington-gold); transition: all ease-in-out .3s;}
.web-cards .web-cards__text {position: relative; z-index: 1; box-sizing: border-box; padding: 50px;}
.web-cards__benefit-main {font-size: 16px; margin-bottom: 3px; line-height: 1.6;}
.web-cards__benefit-extra p {margin: 0; font-size: 14px; font-weight: 300; max-width: 450px;}
.web-cards__benefit-extra span {font-weight: 300; font-size: 14px;}
.web-cards__benefit-extra li {margin-bottom: 10px !important;}
.web-cards__benefit-extra ul {margin-top: 15px !important; padding: 0!important;}
.web-cards__benefit::before {top: 0!important; transform: unset!important;}
.web-cards__card-intro {margin-bottom: 30px;}
.web-cards__t-c p {margin: 20px 0 0;}

/* Responsive */
@media (max-width: 1200px) {
    .web-cards .web-cards__card {width: calc(50% - 20px);}
    .web-cards .web-cards__text {padding: 35px;}
    .web-cards .web-cards__wave {transform: translateY(35%);}
}

@media (max-width: 1000px) {
    .web-cards .web-cards__grid {flex-direction: column;}
.web-cards__benefits {column-count: 2; column-gap: 40px;}
.web-cards .web-cards__card {width: 100%; margin-bottom: 20px;}
.page-id-23723 main ul {padding-bottom: 40px; break-inside: avoid;}
}

@media (max-width: 600px) {
     .web-cards .web-cards__text {padding: 25px;}
    .web-cards__benefits {column-count: 1; column-gap: 0px;}
    .page-id-23723 main ul li.is-tick::before {width: 20px; height: 20px;}
    .page-id-23723 main ul li.is-tick, .page-id-23723 main ul li.is-cross {padding-left: 2rem;}
    .page-id-23723 main ul {padding-bottom: 5px;}
    .web-cards .web-cards__card-title {font-size: 23px;}
}