.banner-style-two-area .vw-hero-heart {
position: absolute;
top: 40px;
right: -60px;
z-index: -1; width: clamp(380px, 31vw, 600px);
aspect-ratio: 1232 / 1128;
background: url(//vetswise.com/wp-content/plugins/anaton-core/assets/img/vw-heart-line.png) center / contain no-repeat;
opacity: 0.14;
transform: rotate(-12deg);
pointer-events: none;
} .banner-style-two-area::after {
z-index: -2;
} @media only screen and (max-width: 1199px) {
.banner-style-two-area .vw-hero-heart {
top: 20px;
right: -90px;
width: 380px;
}
}
@media only screen and (max-width: 991px) {
.banner-style-two-area .vw-hero-heart {
top: 16px;
right: -100px;
width: 300px;
opacity: 0.18;
}
}
@media only screen and (max-width: 767px) {
.banner-style-two-area .vw-hero-heart {
top: 8px;
right: -90px;
width: 220px;
opacity: 0.2;
}
} .vw-showcase {
--vw-ease: cubic-bezier(0.22, 1, 0.36, 1);
--vw-dim: rgba(255, 255, 255, 0.6);
--vw-rule: rgba(255, 255, 255, 0.22);
padding-bottom: 130px;
overflow: hidden;
color: #fff;
background:
radial-gradient(900px 520px at 90% 105%, rgba(166, 5, 153, 0.55), transparent 65%),
linear-gradient(140deg, #5153ff 0%, #5b2fe0 55%, #6a1fc9 100%);
} .vw-showcase {
position: relative;
}
.vw-showcase::before,
.vw-showcase::after {
content: "";
position: absolute;
aspect-ratio: 1232 / 1128;
background: url(//vetswise.com/wp-content/plugins/anaton-core/assets/img/vw-heart-line.png) center / contain no-repeat;
pointer-events: none;
}
.vw-showcase::before {
top: 34%;
left: -430px;
width: 760px;
opacity: 0.1;
transform: rotate(100deg);
}
.vw-showcase::after {
top: -80px;
right: -70px;
width: 380px;
opacity: 0.1;
transform: rotate(-160deg);
}
.vw-showcase > .container {
position: relative;
z-index: 1;
}
.vw-showcase .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
} .vw-showcase .vw-showcase__head {
max-width: 760px;
margin-bottom: 64px;
}
.vw-showcase .vw-showcase__eyebrow {
margin: 0 0 16px;
color: var(--vw-dim);
font-size: 16px;
font-weight: 500;
}
.vw-showcase .vw-showcase__title {
margin: 0;
color: #fff;
font-size: 52px;
font-weight: 700;
line-height: 1.08;
letter-spacing: -0.025em;
text-wrap: balance;
}
.vw-showcase .vw-showcase__lead {
margin: 24px 0 0;
max-width: 58ch;
color: rgba(255, 255, 255, 0.82);
font-size: 18px;
line-height: 1.6;
text-wrap: pretty;
} .vw-showcase .vw-showcase__body {
display: grid;
grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
align-items: start;
gap: 64px;
}
.vw-showcase .vw-showcase__item {
border-top: 1px solid var(--vw-rule);
}
.vw-showcase .vw-showcase__item:last-of-type {
border-bottom: 1px solid var(--vw-rule);
}
.vw-showcase .vw-showcase__heading {
margin: 0;
font-size: inherit;
}
.vw-showcase .vw-showcase__toggle {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
width: 100%;
padding: 17px 0;
border: 0;
background: none;
color: var(--vw-dim);
font-family: var(--font-heading);
font-size: 21px;
font-weight: 600;
line-height: 1.25;
letter-spacing: -0.01em;
text-align: left;
text-transform: none;
border-radius: 0;
box-shadow: none;
overflow: visible;
cursor: pointer;
transition: color 0.25s ease;
} .vw-showcase .vw-showcase__toggle::before,
.vw-showcase .vw-showcase__toggle::after {
display: none;
}
.vw-showcase .vw-showcase__toggle:hover,
.vw-showcase .vw-showcase__toggle:focus,
.vw-showcase .is-open .vw-showcase__toggle {
background: none;
color: #fff;
}
.vw-showcase .vw-showcase__toggle:focus-visible {
outline: 2px solid #fff;
outline-offset: 4px;
border-radius: 4px;
} .vw-showcase .vw-showcase__sign {
position: relative;
flex-shrink: 0;
width: 14px;
height: 14px;
}
.vw-showcase .vw-showcase__sign::before,
.vw-showcase .vw-showcase__sign::after {
content: "";
position: absolute;
left: 0;
top: 6px;
width: 14px;
height: 2px;
background: currentColor;
transition: transform 0.35s var(--vw-ease);
}
.vw-showcase .vw-showcase__sign::after {
transform: rotate(90deg);
}
.vw-showcase .is-open .vw-showcase__sign::after {
transform: rotate(0deg);
} .vw-showcase .vw-showcase__panel {
display: grid;
grid-template-rows: 0fr;
visibility: hidden;
transition: grid-template-rows 0.45s var(--vw-ease), visibility 0s linear 0.45s;
}
.vw-showcase .is-open .vw-showcase__panel {
grid-template-rows: 1fr;
visibility: visible;
transition: grid-template-rows 0.45s var(--vw-ease), visibility 0s;
}
.vw-showcase .vw-showcase__panel-inner {
min-height: 0;
overflow: hidden;
}
.vw-showcase .vw-showcase__text {
margin: -4px 0 16px;
max-width: 46ch;
color: rgba(255, 255, 255, 0.8);
font-size: 16px;
line-height: 1.65;
}
.vw-showcase .vw-showcase__points {
list-style: none;
margin: 0 0 18px;
padding: 0;
}
.vw-showcase .vw-showcase__points li {
position: relative;
margin-top: 6px;
padding-left: 20px;
color: #fff;
font-size: 15px;
font-weight: 500;
}
.vw-showcase .vw-showcase__points li::before {
content: "";
position: absolute;
left: 0;
top: 10px;
width: 8px;
height: 2px;
background: rgba(255, 255, 255, 0.7);
}
.vw-showcase .vw-showcase__note {
display: flex;
align-items: center;
gap: 8px;
margin: 0 0 18px;
color: #b9ffe0;
font-size: 14px;
font-weight: 500;
}
.vw-showcase .vw-showcase__more {
display: inline-flex;
align-items: center;
gap: 8px;
margin-bottom: 28px;
color: #fff;
font-size: 15px;
font-weight: 600;
text-decoration: underline;
text-decoration-color: rgba(255, 255, 255, 0.4);
text-underline-offset: 5px;
transition: text-decoration-color 0.25s ease;
}
.vw-showcase .vw-showcase__more i {
font-size: 12px;
transition: transform 0.3s var(--vw-ease);
}
.vw-showcase .vw-showcase__more:hover {
color: #fff;
text-decoration-color: #fff;
}
.vw-showcase .vw-showcase__more:hover i {
transform: translateX(4px);
}
.vw-showcase .vw-showcase__shot-inline {
display: none;
}
.vw-showcase .vw-showcase__all {
display: inline-flex;
align-items: center;
gap: 10px;
margin-top: 32px;
padding: 13px 24px;
border-radius: 10px;
background: #fff;
color: #1b1446;
font-weight: 600;
transition: transform 0.25s var(--vw-ease), box-shadow 0.25s var(--vw-ease);
}
.vw-showcase .vw-showcase__all i {
font-size: 13px;
color: var(--color-optional);
transition: transform 0.3s var(--vw-ease);
}
.vw-showcase .vw-showcase__all:hover {
color: #1b1446;
box-shadow: 0 14px 30px -12px rgba(20, 8, 70, 0.6);
transform: translateY(-2px);
}
.vw-showcase .vw-showcase__all:hover i {
transform: translateX(4px);
}
.vw-showcase .vw-showcase__all:active {
transform: translateY(0) scale(0.98);
}
.vw-showcase .vw-showcase__all:focus-visible,
.vw-showcase .vw-showcase__more:focus-visible {
outline: 2px solid #fff;
outline-offset: 4px;
} .vw-showcase .vw-showcase__stage {
position: sticky;
top: 120px;
}
.vw-showcase .vw-showcase__frame {
position: relative;
width: calc(100% + 12vw);
aspect-ratio: 4 / 3;
padding: 10px;
border-radius: 18px;
background: rgba(255, 255, 255, 0.14);
border: 1px solid rgba(255, 255, 255, 0.28);
box-shadow: 0 50px 90px -40px rgba(18, 6, 64, 0.75);
}
.vw-showcase .vw-showcase__img {
position: absolute;
top: 10px;
left: 10px;
width: calc(100% - 20px);
height: calc(100% - 20px);
max-width: none;
object-fit: cover;
object-position: left top;
border-radius: 10px;
background: #fff;
opacity: 0;
transform: scale(1.015);
transition: opacity 0.5s ease, transform 0.8s var(--vw-ease);
}
.vw-showcase .vw-showcase__img.is-active {
opacity: 1;
transform: none;
} @media only screen and (max-width: 1199px) {
.vw-showcase .vw-showcase__title {
font-size: 44px;
}
.vw-showcase .vw-showcase__body {
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
gap: 48px;
} .vw-showcase .vw-showcase__frame {
aspect-ratio: 1 / 1;
}
}
@media only screen and (max-width: 991px) {
.vw-showcase {
padding-bottom: 90px;
}
.vw-showcase .vw-showcase__head {
margin-bottom: 48px;
}
.vw-showcase .vw-showcase__body {
grid-template-columns: minmax(0, 1fr);
}
.vw-showcase .vw-showcase__stage {
display: none;
}
.vw-showcase .vw-showcase__shot-inline {
display: block;
margin-bottom: 28px;
}
.vw-showcase .vw-showcase__shot-inline img {
display: block;
width: 100%;
height: auto;
border-radius: 10px;
border: 6px solid rgba(255, 255, 255, 0.16);
}
}
@media only screen and (max-width: 767px) {
.vw-showcase {
padding-bottom: 70px;
}
.vw-showcase .vw-showcase__title {
font-size: 34px;
}
.vw-showcase .vw-showcase__lead {
font-size: 16px;
}
.vw-showcase .vw-showcase__toggle {
padding: 18px 0;
font-size: 20px;
}
}
@media (prefers-reduced-motion: reduce) {
.vw-showcase *,
.vw-showcase *::before,
.vw-showcase *::after {
transition: none !important;
}
} .vw-trial {
--vw-ease: cubic-bezier(0.22, 1, 0.36, 1);
--vw-accent: #5153ff;
--vw-muted: #85879c;
--vw-line: #e3e5f1;
position: relative;
overflow: hidden;
padding: 120px 0;
background: #fff;
}
.vw-trial .vw-trial__panel {
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
grid-template-areas:
"head aside"
"body aside";
grid-template-rows: auto 1fr;
column-gap: 96px;
row-gap: 36px;
}
.vw-trial .vw-trial__head {
grid-area: head;
}
.vw-trial .vw-trial__body {
grid-area: body;
}
.vw-trial .vw-trial__aside {
grid-area: aside;
position: relative;
align-self: center;
} .vw-trial .vw-trial__title {
margin: 0;
font-size: 46px;
font-weight: 600;
line-height: 1.18;
letter-spacing: -0.02em;
}
.vw-trial .vw-trial__title strong {
position: relative;
display: inline-block;
font-weight: inherit;
color: var(--vw-accent);
background: linear-gradient(90deg, #5153ff 0%, #a60599 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.vw-trial .vw-trial__title strong::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -6px;
height: 12px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 9C52 3 148 2 198 7' fill='none' stroke='%235153ff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
}
.vw-trial .vw-trial__lead {
max-width: 540px;
margin: 22px 0 0;
font-size: 18px;
line-height: 1.65;
}
.vw-trial .vw-trial__perks {
display: grid;
gap: 22px;
margin: 0;
padding: 0;
list-style: none;
}
.vw-trial .vw-trial__perk {
display: grid;
grid-template-columns: 44px minmax(0, 1fr);
gap: 16px;
align-items: start;
margin: 0;
padding: 0;
}
.vw-trial .vw-trial__icon {
display: grid;
place-items: center;
width: 44px;
height: 44px;
border: 1px solid rgba(81, 83, 255, 0.12);
border-radius: 12px;
background: #fff;
color: var(--vw-accent);
font-size: 17px;
box-shadow: 0 8px 18px -10px rgba(81, 83, 255, 0.55);
}
.vw-trial .vw-trial__perk-text strong {
display: block;
color: var(--color-heading);
font-family: var(--font-heading);
font-size: 17px;
font-weight: 600;
line-height: 1.4;
}
.vw-trial .vw-trial__perk-text span {
display: block;
margin-top: 3px;
font-size: 15px;
line-height: 1.55;
}
.vw-trial .vw-trial__contact {
margin-top: 40px;
padding-top: 28px;
border-top: 1px solid rgba(4, 0, 11, 0.08);
}
.vw-trial .vw-trial__contact p {
margin: 0 0 14px;
font-size: 15px;
}
.vw-trial .vw-trial__chips {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.vw-trial .vw-trial__chip {
display: inline-flex;
align-items: center;
gap: 9px;
padding: 10px 18px;
border: 1px solid rgba(81, 83, 255, 0.18);
border-radius: 999px;
background: #fff;
color: var(--color-heading);
font-size: 15px;
font-weight: 600;
transition: border-color 0.2s ease, color 0.2s ease, transform 0.25s var(--vw-ease);
}
.vw-trial .vw-trial__chip i {
color: var(--vw-accent);
font-size: 14px;
}
.vw-trial .vw-trial__chip:hover,
.vw-trial .vw-trial__chip:focus-visible {
border-color: var(--vw-accent);
color: var(--vw-accent);
transform: translateY(-1px);
} .vw-trial .vw-trial__ribbon {
position: absolute;
right: 0;
bottom: 0;
z-index: 0;
width: min(696px, 48vw);
height: auto;
pointer-events: none;
user-select: none;
}
.vw-trial > .container {
position: relative;
z-index: 1;
}
.vw-trial .vw-trial__card {
position: relative;
overflow: hidden;
padding: 44px 40px 36px;
border-radius: 22px;
background: #fff;
box-shadow: 0 0 0 1px rgba(81, 83, 255, 0.08), 0 32px 64px -28px rgba(41, 37, 140, 0.35);
}
.vw-trial .vw-trial__card::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #5153ff 0%, #a60599 100%);
}
.vw-trial .vw-trial__card-title {
margin: 0 0 26px;
font-size: 24px;
font-weight: 600;
line-height: 1.3;
}
.vw-trial .vw-trial__note {
margin: 16px 0 0;
color: var(--vw-muted);
font-size: 14px;
text-align: center;
} :is(.vw-trial, .vw-contact) .wpcf7 form {
margin: 0;
}
:is(.vw-trial, .vw-contact) .vw-form {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
:is(.vw-trial, .vw-contact) .vw-field {
position: relative;
} :is(.vw-trial, .vw-contact) .vw-form p {
display: contents;
}
:is(.vw-trial, .vw-contact) .vw-form br {
display: none;
}
:is(.vw-trial, .vw-contact) .vw-field .wpcf7-form-control-wrap {
display: block;
}
:is(.vw-trial, .vw-contact) .vw-field :is(input, textarea) {
display: block;
width: 100%;
height: 60px;
margin: 0;
padding: 24px 16px 8px;
border: 1px solid var(--vw-line);
border-radius: 12px;
background: #f6f7fc;
color: var(--color-heading);
font-size: 16px;
box-shadow: none;
transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
} :is(.vw-trial, .vw-contact) .vw-field :is(input, textarea)::placeholder {
color: transparent;
opacity: 1;
transition: color 0.2s ease;
}
:is(.vw-trial, .vw-contact) .vw-field :is(input, textarea):focus::placeholder {
color: #b3b5c7;
}
:is(.vw-trial, .vw-contact) .vw-field :is(input, textarea):focus {
outline: none;
border-color: var(--vw-accent);
background: #fff;
box-shadow: 0 0 0 4px rgba(81, 83, 255, 0.14);
} :is(.vw-trial, .vw-contact) .vw-field label {
position: absolute;
top: 19px;
left: 17px;
z-index: 1;
margin: 0;
color: var(--vw-muted);
font-size: 16px;
font-weight: 400;
line-height: 1.4;
white-space: nowrap;
pointer-events: none;
transform-origin: left top;
transition: transform 0.2s var(--vw-ease), color 0.2s ease;
}
:is(.vw-trial, .vw-contact) .vw-field:focus-within label,
:is(.vw-trial, .vw-contact) .vw-field:has(:is(input, textarea):not(:placeholder-shown)) label {
transform: translateY(-11px) scale(0.75);
}
:is(.vw-trial, .vw-contact) .vw-field:focus-within label {
color: var(--vw-accent);
}
:is(.vw-trial, .vw-contact) .vw-field :is(input, textarea).wpcf7-not-valid {
border-color: #e5484d;
background: #fff8f8;
}
:is(.vw-trial, .vw-contact) .vw-field .wpcf7-not-valid-tip {
margin-top: 6px;
color: #d93a3f;
font-size: 13px;
}
:is(.vw-trial, .vw-contact) .vw-form__submit {
grid-column: 1 / -1;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
height: 58px;
margin-top: 6px;
padding: 0 20px;
border: 0;
border-radius: 12px;
background: linear-gradient(90deg, #5153ff 0%, #7b3df0 50%, #a60599 100%) 0 0 / 200% 100%;
color: #fff;
font-size: 16px;
font-weight: 600;
line-height: 1.2;
text-transform: none;
cursor: pointer;
box-shadow: 0 14px 28px -14px rgba(81, 83, 255, 0.85);
transition: background-position 0.5s var(--vw-ease), transform 0.25s var(--vw-ease), box-shadow 0.25s ease;
}
:is(.vw-trial, .vw-contact) .vw-form__submit i {
transition: transform 0.25s var(--vw-ease);
}
:is(.vw-trial, .vw-contact) .vw-form__submit:hover,
:is(.vw-trial, .vw-contact) .vw-form__submit:focus-visible {
background-position: 100% 0;
transform: translateY(-1px);
box-shadow: 0 18px 32px -14px rgba(166, 5, 153, 0.7);
}
:is(.vw-trial, .vw-contact) .vw-form__submit:hover i,
:is(.vw-trial, .vw-contact) .vw-form__submit:focus-visible i {
transform: translateX(3px);
}
:is(.vw-trial, .vw-contact) .vw-form__submit:focus-visible {
outline: 3px solid rgba(81, 83, 255, 0.35);
outline-offset: 3px;
} :is(.vw-trial, .vw-contact) form.submitting .vw-form__submit {
opacity: 0.8;
pointer-events: none;
}
:is(.vw-trial, .vw-contact) form.submitting .vw-form__submit i {
display: none;
} :is(.vw-trial, .vw-contact) .vw-form__submit::after {
content: none;
}
:is(.vw-trial, .vw-contact) form.submitting .vw-form__submit::after {
content: "";
position: static;
z-index: auto;
flex: none;
background: none;
transform: none;
transition: none;
width: 16px;
height: 16px;
border: 2px solid rgba(255, 255, 255, 0.4);
border-top-color: #fff;
border-radius: 50%;
animation: vw-spin 0.7s linear infinite;
}
@keyframes vw-spin {
to {
transform: rotate(360deg);
}
} :is(.vw-trial, .vw-contact) .wpcf7 form .wpcf7-response-output {
margin: 18px 0 0;
padding: 14px 16px;
border: 0;
border-radius: 12px;
font-size: 15px;
line-height: 1.5;
}
:is(.vw-trial, .vw-contact) .wpcf7 form.sent .wpcf7-response-output {
background: #ecfdf3;
color: #067647;
}
:is(.vw-trial, .vw-contact) .wpcf7 form.sent .wpcf7-response-output::before {
content: "\f058";
margin-right: 8px;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
}
:is(.vw-trial, .vw-contact) .wpcf7 form.invalid .wpcf7-response-output,
:is(.vw-trial, .vw-contact) .wpcf7 form.unaccepted .wpcf7-response-output,
:is(.vw-trial, .vw-contact) .wpcf7 form.payment-required .wpcf7-response-output {
background: #fff8eb;
color: #a15c07;
}
:is(.vw-trial, .vw-contact) .wpcf7 form.failed .wpcf7-response-output,
:is(.vw-trial, .vw-contact) .wpcf7 form.aborted .wpcf7-response-output,
:is(.vw-trial, .vw-contact) .wpcf7 form.spam .wpcf7-response-output {
background: #fef3f2;
color: #b42318;
}
@media only screen and (max-width: 1199px) {
.vw-trial .vw-trial__panel {
column-gap: 56px;
}
.vw-trial .vw-trial__title {
font-size: 40px;
}
} @media only screen and (max-width: 991px) {
.vw-trial {
padding: 90px 0;
}
.vw-trial .vw-trial__panel {
grid-template-columns: minmax(0, 1fr);
grid-template-rows: none;
grid-template-areas:
"head"
"aside"
"body";
row-gap: 48px;
}
.vw-trial .vw-trial__aside {
max-width: 560px;
}
.vw-trial .vw-trial__ribbon {
display: none;
}
}
@media only screen and (max-width: 767px) {
.vw-trial {
padding: 70px 0;
}
.vw-trial .vw-trial__panel {
row-gap: 36px;
}
.vw-trial .vw-trial__title {
font-size: 32px;
}
.vw-trial .vw-trial__lead {
font-size: 16px;
}
.vw-trial .vw-trial__card {
padding: 32px 20px 26px;
}
.vw-trial .vw-trial__card-title {
font-size: 21px;
}
.vw-trial .vw-form {
grid-template-columns: minmax(0, 1fr);
}
}
@media (prefers-reduced-motion: reduce) {
.vw-trial *,
.vw-trial *::before,
.vw-trial *::after {
transition: none !important;
}
} .vw-contact {
--vw-ease: cubic-bezier(0.22, 1, 0.36, 1);
--vw-accent: #5153ff;
--vw-muted: #85879c;
--vw-line: #e3e5f1;
position: relative;
padding: 70px 0 120px;
background: #fff;
}
.vw-contact .vw-contact__grid {
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
grid-template-areas:
"head aside"
"body aside";
grid-template-rows: auto 1fr;
column-gap: 88px;
row-gap: 36px;
}
.vw-contact .vw-contact__head {
grid-area: head;
}
.vw-contact .vw-contact__body {
grid-area: body;
}
.vw-contact .vw-contact__aside {
grid-area: aside;
}
.vw-contact .vw-contact__title {
margin: 0;
font-size: 44px;
font-weight: 600;
line-height: 1.18;
letter-spacing: -0.02em;
}
.vw-contact .vw-contact__lead {
max-width: 500px;
margin: 18px 0 0;
font-size: 18px;
line-height: 1.65;
text-wrap: pretty;
} .vw-contact .vw-contact__channels {
display: grid;
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
}
.vw-contact .vw-contact__channels li {
margin: 0;
padding: 0;
}
.vw-contact .vw-contact__channel {
display: grid;
grid-template-columns: 52px minmax(0, 1fr) auto;
gap: 18px;
align-items: center;
padding: 16px 22px 16px 16px;
border: 1px solid rgba(81, 83, 255, 0.12);
border-radius: 16px;
background: #fff;
color: inherit;
box-shadow: 0 10px 24px -18px rgba(41, 37, 140, 0.35);
transition: border-color 0.2s ease, box-shadow 0.25s ease, transform 0.25s var(--vw-ease);
}
.vw-contact a.vw-contact__channel:hover,
.vw-contact a.vw-contact__channel:focus-visible {
border-color: var(--vw-accent);
box-shadow: 0 18px 32px -18px rgba(81, 83, 255, 0.55);
transform: translateY(-2px);
}
.vw-contact a.vw-contact__channel:focus-visible {
outline: 3px solid rgba(81, 83, 255, 0.35);
outline-offset: 2px;
}
.vw-contact .vw-contact__icon {
display: grid;
place-items: center;
width: 52px;
height: 52px;
border-radius: 14px;
background: rgba(81, 83, 255, 0.08);
color: var(--vw-accent);
font-size: 19px;
}
.vw-contact .vw-contact__channel-text {
min-width: 0;
}
.vw-contact .vw-contact__label {
display: block;
color: var(--vw-muted);
font-size: 13px;
font-weight: 600;
letter-spacing: 0.06em;
line-height: 1.4;
text-transform: uppercase;
}
.vw-contact .vw-contact__channel strong {
display: block;
margin-top: 2px;
overflow-wrap: anywhere;
color: var(--color-heading);
font-family: var(--font-heading);
font-size: 18px;
font-weight: 600;
line-height: 1.4;
}
.vw-contact .vw-contact__go {
color: #b3b5c7;
font-size: 14px;
transition: color 0.2s ease, transform 0.25s var(--vw-ease);
}
.vw-contact a.vw-contact__channel:hover .vw-contact__go,
.vw-contact a.vw-contact__channel:focus-visible .vw-contact__go {
color: var(--vw-accent);
transform: translateX(3px);
}
.vw-contact .vw-contact__hours {
display: flex;
gap: 14px;
align-items: center;
margin-top: 22px;
padding: 16px 20px;
border-radius: 16px;
background: #f6f7fc;
}
.vw-contact .vw-contact__hours-icon {
flex: none;
color: var(--vw-accent);
font-size: 20px;
}
.vw-contact .vw-contact__hours p {
margin: 0;
font-size: 15px;
line-height: 1.5;
}
.vw-contact .vw-contact__hours strong {
display: block;
color: var(--color-heading);
font-weight: 600;
} .vw-contact .vw-contact__card {
position: relative;
overflow: hidden;
padding: 44px 40px 40px;
border-radius: 22px;
background: #fff;
box-shadow: 0 0 0 1px rgba(81, 83, 255, 0.08), 0 32px 64px -28px rgba(41, 37, 140, 0.35);
}
.vw-contact .vw-contact__card::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #5153ff 0%, #a60599 100%);
}
.vw-contact .vw-contact__card-title {
margin: 0 0 24px;
font-size: 24px;
font-weight: 600;
line-height: 1.3;
}
.vw-contact .vw-field--wide {
grid-column: 1 / -1;
}
.vw-contact .vw-field textarea {
height: 168px;
min-height: 120px;
padding-top: 30px;
line-height: 1.6;
resize: vertical;
} .vw-contact .vw-topics {
grid-column: 1 / -1;
min-width: 0;
margin: 0 0 4px;
padding: 0;
border: 0;
}
.vw-contact .vw-topics legend {
float: none;
width: auto;
margin: 0 0 10px;
padding: 0;
color: var(--vw-muted);
font-size: 14px;
line-height: 1.4;
}
.vw-contact .vw-topics .wpcf7-radio {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.vw-contact .vw-topics .wpcf7-list-item {
margin: 0;
}
.vw-contact .vw-topics label {
position: relative;
display: block;
margin: 0;
cursor: pointer;
}
.vw-contact .vw-topics input {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
margin: 0;
opacity: 0;
cursor: pointer;
}
.vw-contact .vw-topics .wpcf7-list-item-label {
display: inline-flex;
align-items: center;
padding: 9px 18px;
border: 1px solid var(--vw-line);
border-radius: 999px;
background: #f6f7fc;
color: var(--color-heading);
font-size: 15px;
font-weight: 500;
line-height: 1.3;
transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}
.vw-contact .vw-topics label:hover .wpcf7-list-item-label {
border-color: rgba(81, 83, 255, 0.45);
}
.vw-contact .vw-topics input:checked + .wpcf7-list-item-label {
border-color: var(--vw-accent);
background: rgba(81, 83, 255, 0.1);
color: var(--vw-accent);
font-weight: 600;
}
.vw-contact .vw-topics input:focus-visible + .wpcf7-list-item-label {
outline: 3px solid rgba(81, 83, 255, 0.35);
outline-offset: 2px;
} .vw-contact:has(> .vw-contact__more) {
padding-bottom: 0;
}
.vw-contact .vw-contact__more {
position: relative;
overflow: hidden;
margin-top: 110px;
padding: 80px 0 96px;
background:
radial-gradient(900px 520px at 90% 110%, rgba(166, 5, 153, 0.55), transparent 65%),
radial-gradient(700px 420px at 0% 0%, rgba(255, 255, 255, 0.08), transparent 65%),
linear-gradient(140deg, #5153ff 0%, #5b2fe0 55%, #6a1fc9 100%);
}
.vw-contact .vw-contact__more::before {
content: "";
position: absolute;
right: -120px;
bottom: -220px;
width: 620px;
aspect-ratio: 1232 / 1128;
background: url(//vetswise.com/wp-content/plugins/anaton-core/assets/img/vw-heart-line.png) center / contain no-repeat;
opacity: 0.12;
transform: rotate(-12deg);
pointer-events: none;
}
.vw-contact .vw-contact__more > .container {
position: relative;
z-index: 1;
}
.vw-contact .vw-contact__more-title {
margin: 0 0 28px;
color: #fff;
font-size: 30px;
font-weight: 600;
line-height: 1.25;
letter-spacing: -0.01em;
}
.vw-contact .vw-contact__shortcuts {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
margin: 0;
padding: 0;
list-style: none;
}
.vw-contact .vw-contact__shortcut {
position: relative;
margin: 0;
padding: 28px 28px 26px;
border-radius: 18px;
background: #fff;
box-shadow: 0 24px 48px -28px rgba(18, 8, 70, 0.6);
transition: box-shadow 0.25s ease, transform 0.25s var(--vw-ease);
}
.vw-contact .vw-contact__shortcut:hover,
.vw-contact .vw-contact__shortcut:focus-within {
box-shadow: 0 32px 56px -26px rgba(18, 8, 70, 0.75);
transform: translateY(-4px);
}
.vw-contact .vw-contact__shortcut .vw-contact__icon {
width: 48px;
height: 48px;
background: linear-gradient(135deg, #5153ff 0%, #a60599 100%);
color: #fff;
font-size: 18px;
box-shadow: 0 12px 22px -12px rgba(81, 83, 255, 0.8);
}
.vw-contact .vw-contact__shortcut-title {
margin: 20px 0 6px;
padding-right: 24px;
font-size: 19px;
font-weight: 600;
line-height: 1.35;
}
.vw-contact .vw-contact__shortcut-title a {
color: inherit;
}
.vw-contact .vw-contact__shortcut-title a::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
}
.vw-contact .vw-contact__shortcut-title a:focus-visible {
outline: none;
}
.vw-contact .vw-contact__shortcut-title a:focus-visible::after {
outline: 3px solid rgba(255, 255, 255, 0.7);
outline-offset: 3px;
}
.vw-contact .vw-contact__shortcut p {
margin: 0;
font-size: 15px;
line-height: 1.55;
}
.vw-contact .vw-contact__shortcut .vw-contact__go {
position: absolute;
top: 30px;
right: 26px;
}
.vw-contact .vw-contact__shortcut:hover .vw-contact__go,
.vw-contact .vw-contact__shortcut:focus-within .vw-contact__go {
color: var(--vw-accent);
transform: translateX(3px);
}
@media only screen and (max-width: 1199px) {
.vw-contact .vw-contact__grid {
column-gap: 56px;
}
.vw-contact .vw-contact__title {
font-size: 40px;
}
} @media only screen and (max-width: 991px) {
.vw-contact {
padding: 60px 0 90px;
}
.vw-contact .vw-contact__grid {
grid-template-columns: minmax(0, 1fr);
grid-template-rows: none;
grid-template-areas:
"head"
"aside"
"body";
row-gap: 40px;
}
.vw-contact .vw-contact__more {
margin-top: 80px;
padding: 64px 0 72px;
}
.vw-contact .vw-contact__more-title {
font-size: 26px;
}
.vw-contact .vw-contact__shortcuts {
grid-template-columns: minmax(0, 1fr);
gap: 14px;
}
}
@media only screen and (max-width: 767px) {
.vw-contact {
padding: 48px 0 70px;
}
.vw-contact .vw-contact__title {
font-size: 32px;
}
.vw-contact .vw-contact__lead {
font-size: 16px;
}
.vw-contact .vw-contact__card {
padding: 32px 20px 26px;
}
.vw-contact .vw-contact__card-title {
font-size: 21px;
}
.vw-contact .vw-form {
grid-template-columns: minmax(0, 1fr);
}
.vw-contact .vw-contact__channel {
grid-template-columns: 46px minmax(0, 1fr) auto;
gap: 14px;
padding: 14px 16px 14px 14px;
}
.vw-contact .vw-contact__channel .vw-contact__icon {
width: 46px;
height: 46px;
font-size: 17px;
}
.vw-contact .vw-contact__channel strong {
font-size: 16px;
}
}
@media (prefers-reduced-motion: reduce) {
.vw-contact *,
.vw-contact *::before,
.vw-contact *::after {
transition: none !important;
}
} .vw-pricing {
--vw-ease: cubic-bezier(0.22, 1, 0.36, 1);
--vw-muted: #6f7186;
position: relative;
overflow: hidden;
padding: 120px 0 110px;
background: #fff;
}
.vw-pricing .vw-pricing__band {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 540px;
background:
radial-gradient(900px 520px at 85% 0%, rgba(166, 5, 153, 0.5), transparent 65%),
linear-gradient(140deg, #5153ff 0%, #5b2fe0 55%, #6a1fc9 100%);
}
.vw-pricing > .container {
position: relative;
z-index: 1;
}
.vw-pricing .vw-pricing__head {
max-width: 720px;
margin: 0 auto 64px;
text-align: center;
}
.vw-pricing .vw-pricing__eyebrow {
margin: 0 0 14px;
color: rgba(255, 255, 255, 0.7);
font-size: 15px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.vw-pricing .vw-pricing__title {
margin: 0;
color: #fff;
font-size: 48px;
font-weight: 700;
line-height: 1.15;
letter-spacing: -0.02em;
}
.vw-pricing .vw-pricing__lead {
margin: 18px 0 0;
color: rgba(255, 255, 255, 0.82);
font-size: 18px;
line-height: 1.6;
}
.vw-pricing .vw-pricing__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 28px;
align-items: stretch;
} .vw-pricing .vw-plan {
--plan-accent: #5153ff;
--plan-soft: #eef0ff;
--plan-text: var(--color-heading);
--plan-muted: var(--vw-muted);
--plan-rule: rgba(4, 0, 11, 0.08);
position: relative;
display: flex;
flex-direction: column;
padding: 40px 36px 38px;
border-radius: 24px;
background: #fff;
color: var(--plan-muted);
box-shadow: 0 0 0 1px rgba(81, 83, 255, 0.08), 0 30px 60px -30px rgba(41, 37, 140, 0.35);
}
.vw-pricing .vw-plan--alt {
--plan-accent: #c026a8;
--plan-soft: #fdeefa;
}
.vw-pricing .vw-plan--featured {
--plan-accent: #fff;
--plan-soft: rgba(255, 255, 255, 0.16);
--plan-text: #fff;
--plan-muted: rgba(255, 255, 255, 0.78);
--plan-rule: rgba(255, 255, 255, 0.2);
background:
radial-gradient(420px 300px at 100% 0%, rgba(255, 255, 255, 0.16), transparent 70%),
linear-gradient(160deg, #5153ff 0%, #6a2be0 60%, #a60599 130%);
box-shadow: 0 40px 80px -30px rgba(81, 83, 255, 0.8);
transform: translateY(-18px);
}
.vw-pricing .vw-plan__badge {
position: absolute;
top: 28px;
right: 28px;
padding: 6px 14px;
border-radius: 999px;
background: var(--plan-soft);
color: var(--plan-accent);
font-size: 13px;
font-weight: 600;
line-height: 1.4;
}
.vw-pricing .vw-plan__icon {
display: grid;
place-items: center;
width: 52px;
height: 52px;
border-radius: 14px;
background: var(--plan-soft);
color: var(--plan-accent);
font-size: 21px;
}
.vw-pricing .vw-plan__name {
margin: 22px 0 6px;
color: var(--plan-text);
font-size: 24px;
font-weight: 600;
line-height: 1.3;
}
.vw-pricing .vw-plan__for {
min-height: 48px;
margin: 0;
color: var(--plan-muted);
font-size: 15px;
line-height: 1.6;
}
.vw-pricing .vw-plan__price {
display: flex;
align-items: baseline;
gap: 4px;
margin-top: 26px;
color: var(--plan-text);
font-family: var(--font-heading);
}
.vw-pricing .vw-plan__amount {
font-size: 64px;
font-weight: 700;
line-height: 1;
letter-spacing: -0.03em;
}
.vw-pricing .vw-plan__currency {
font-size: 30px;
font-weight: 600;
}
.vw-pricing .vw-plan__period {
margin-left: 6px;
color: var(--plan-muted);
font-family: var(--font-default);
font-size: 16px;
}
.vw-pricing .vw-plan__billed {
margin: 10px 0 0;
color: var(--plan-muted);
font-size: 14px;
text-wrap: pretty;
}  .vw-pricing .vw-plan__pricing {
display: contents;
}
.vw-pricing .vw-plan__pricing--promo {
display: none;
}
.vw-pricing .vw-plan__deal {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px 12px;
margin-top: 22px;
}
.vw-pricing .vw-plan__deal + .vw-plan__price {
margin-top: 8px;
}
.vw-pricing .vw-plan__regular {
color: var(--plan-muted);
font-family: var(--font-heading);
font-size: 22px;
font-weight: 600;
line-height: 1.2;
text-decoration: line-through;
text-decoration-thickness: 2px;
}
.vw-pricing .vw-plan__promo {
padding: 4px 12px;
border-radius: 999px;
background: #fdeefa;
color: #a60599;
font-size: 13px;
font-weight: 600;
line-height: 1.4;
}
.vw-pricing .vw-plan__cta {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 52px;
margin-top: 28px;
padding: 12px 18px;
border-radius: 12px;
background: var(--plan-soft);
color: var(--plan-accent);
font-size: 16px;
font-weight: 600;
line-height: 1.3;
text-align: center;
transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s var(--vw-ease), box-shadow 0.25s ease;
}
.vw-pricing .vw-plan__cta i {
transition: transform 0.25s var(--vw-ease);
}
.vw-pricing .vw-plan__cta:hover,
.vw-pricing .vw-plan__cta:focus-visible {
background: var(--plan-accent);
color: #fff;
transform: translateY(-1px);
}
.vw-pricing .vw-plan__cta:hover i,
.vw-pricing .vw-plan__cta:focus-visible i {
transform: translateX(3px);
}
.vw-pricing .vw-plan--featured .vw-plan__cta {
background: #fff;
color: #5153ff;
box-shadow: 0 14px 28px -14px rgba(20, 10, 80, 0.6);
}
.vw-pricing .vw-plan--featured .vw-plan__cta:hover,
.vw-pricing .vw-plan--featured .vw-plan__cta:focus-visible {
background: #fff;
color: #a60599;
}
.vw-pricing .vw-plan__features {
margin-top: 32px;
padding-top: 28px;
border-top: 1px solid var(--plan-rule);
}
.vw-pricing .vw-plan__intro {
margin: 0 0 16px;
color: var(--plan-text);
font-size: 15px;
font-weight: 600;
}
.vw-pricing .vw-plan__features ul {
display: grid;
gap: 14px;
margin: 0;
padding: 0;
list-style: none;
}
.vw-pricing .vw-plan__features li {
display: grid;
grid-template-columns: 22px minmax(0, 1fr);
gap: 12px;
align-items: start;
margin: 0;
padding: 0;
color: var(--plan-muted);
font-size: 15px;
line-height: 1.5;
}
.vw-pricing .vw-plan__features li i {
display: grid;
place-items: center;
width: 22px;
height: 22px;
margin-top: 1px;
border-radius: 50%;
background: var(--plan-soft);
color: var(--plan-accent);
font-size: 10px;
}
.vw-pricing .vw-plan__features strong {
color: var(--plan-text);
font-weight: 600;
}
.vw-pricing .vw-pricing__note {
display: flex;
align-items: center;
gap: 10px;
width: fit-content;
max-width: 100%;
margin: 56px auto 0;
padding: 12px 22px;
border: 1px solid #e3e5f1;
border-radius: 999px;
background: #f6f7fc;
color: var(--color-heading);
font-size: 15px;
font-weight: 500;
line-height: 1.5;
}
.vw-pricing .vw-pricing__note i {
color: #5153ff;
}
@media only screen and (max-width: 1199px) {
.vw-pricing .vw-plan {
padding: 36px 28px 34px;
}
.vw-pricing .vw-plan__amount {
font-size: 56px;
}
.vw-pricing .vw-plan__cta {
font-size: 15px;
}
} @media only screen and (max-width: 991px) {
.vw-pricing {
padding: 90px 0;
}
.vw-pricing .vw-pricing__grid {
grid-template-columns: minmax(0, 1fr);
max-width: 520px;
margin: 0 auto;
}
.vw-pricing .vw-plan--featured {
order: -1;
transform: none;
}
.vw-pricing .vw-plan__for {
min-height: 0;
}
}
@media only screen and (max-width: 767px) {
.vw-pricing {
padding: 70px 0;
}
.vw-pricing .vw-pricing__band {
height: 460px;
}
.vw-pricing .vw-pricing__head {
margin-bottom: 44px;
}
.vw-pricing .vw-pricing__title {
font-size: 34px;
}
.vw-pricing .vw-pricing__lead {
font-size: 16px;
}
.vw-pricing .vw-plan {
padding: 32px 22px 30px;
}
.vw-pricing .vw-pricing__note {
border-radius: 16px;
text-align: left;
}
}
@media (prefers-reduced-motion: reduce) {
.vw-pricing *,
.vw-pricing *::before,
.vw-pricing *::after {
transition: none !important;
}
} .vw-pricing .vw-pricing__switch {
position: relative;
display: inline-grid;
grid-template-columns: 1fr 1fr;
margin-top: 34px;
padding: 5px;
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 999px;
background: rgba(255, 255, 255, 0.12);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
}
.vw-pricing .vw-pricing__thumb {
position: absolute;
top: 5px;
bottom: 5px;
left: 5px;
width: calc(50% - 5px);
border-radius: 999px;
background: #fff;
box-shadow: 0 8px 20px -8px rgba(20, 10, 80, 0.5);
transition: transform 0.4s var(--vw-ease);
}
.vw-pricing[data-billing="annual"] .vw-pricing__thumb {
transform: translateX(100%);
}
.vw-pricing .vw-pricing__option {
position: relative;
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
margin: 0;
padding: 11px 24px;
border: 0;
border-radius: 999px;
background: transparent;
color: #fff;
font-size: 15px;
font-weight: 600;
line-height: 1.3;
white-space: nowrap;
cursor: pointer;
transition: color 0.3s ease;
} .vw-pricing .vw-pricing__option::before,
.vw-pricing .vw-pricing__option::after {
content: none;
}
.vw-pricing .vw-pricing__option:hover,
.vw-pricing .vw-pricing__option:focus {
background: transparent;
color: #fff;
box-shadow: none;
}
.vw-pricing .vw-pricing__option[aria-pressed="true"],
.vw-pricing .vw-pricing__option[aria-pressed="true"]:hover,
.vw-pricing .vw-pricing__option[aria-pressed="true"]:focus {
color: #5153ff;
}
.vw-pricing .vw-pricing__option:focus-visible {
outline: 2px solid #fff;
outline-offset: 3px;
}
.vw-pricing .vw-pricing__save {
padding: 3px 9px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.2);
color: #fff;
font-size: 12px;
font-weight: 600;
transition: background-color 0.3s ease, color 0.3s ease;
}
.vw-pricing .vw-pricing__option[aria-pressed="true"] .vw-pricing__save {
background: #fdeefa;
color: #a60599;
}
.vw-pricing[data-billing="annual"] .vw-plan__mode--monthly,
.vw-pricing[data-billing="monthly"] .vw-plan__mode--annual:not(.is-only) {
display: none;
}
.vw-pricing .vw-plan__mode {
animation: vw-price-in 0.4s var(--vw-ease);
}
@keyframes vw-price-in {
from {
opacity: 0;
transform: translateY(6px);
}
}
@media only screen and (max-width: 767px) {
.vw-pricing .vw-pricing__option {
gap: 6px;
padding: 10px 14px;
font-size: 14px;
}
.vw-pricing .vw-pricing__save {
padding: 2px 7px;
font-size: 11px;
}
}
@media (prefers-reduced-motion: reduce) {
.vw-pricing .vw-plan__mode {
animation: none;
}
} .vw-faq {
--vw-ease: cubic-bezier(0.22, 1, 0.36, 1);
--vw-accent: #5153ff;
--vw-muted: #6f7186;
padding: 120px 0;
background:
radial-gradient(700px 420px at 0% 100%, rgba(166, 5, 153, 0.06), transparent 70%),
radial-gradient(760px 460px at 100% 0%, rgba(81, 83, 255, 0.08), transparent 70%),
#f7f7fd;
}
.vw-faq .vw-faq__grid {
display: grid;
grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
gap: 80px;
align-items: start;
} .vw-faq .vw-faq__intro {
position: sticky;
top: 140px;
}
.vw-faq .vw-faq__eyebrow {
margin: 0 0 14px;
color: var(--vw-accent);
font-size: 15px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.vw-faq .vw-faq__title {
margin: 0;
font-size: 42px;
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.02em;
}
.vw-faq .vw-faq__lead {
max-width: 440px;
margin: 20px 0 0;
color: var(--vw-muted);
font-size: 17px;
line-height: 1.65;
}
.vw-faq .vw-faq__chips {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 24px;
}
.vw-faq .vw-faq__chip {
display: inline-flex;
align-items: center;
gap: 9px;
padding: 10px 18px;
border: 1px solid rgba(81, 83, 255, 0.18);
border-radius: 999px;
background: #fff;
color: var(--color-heading);
font-size: 15px;
font-weight: 600;
transition: border-color 0.2s ease, color 0.2s ease, transform 0.25s var(--vw-ease);
}
.vw-faq .vw-faq__chip i {
color: var(--vw-accent);
font-size: 14px;
}
.vw-faq .vw-faq__chip:hover,
.vw-faq .vw-faq__chip:focus-visible {
border-color: var(--vw-accent);
color: var(--vw-accent);
transform: translateY(-1px);
}
.vw-faq .vw-faq__stat {
position: relative;
overflow: hidden;
max-width: 400px;
margin-top: 40px;
padding: 28px 30px 26px;
border-radius: 20px;
background: #fff;
box-shadow: 0 0 0 1px rgba(81, 83, 255, 0.08), 0 24px 48px -28px rgba(41, 37, 140, 0.35);
}
.vw-faq .vw-faq__stat::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #5153ff 0%, #a60599 100%);
}
.vw-faq .vw-faq__stat-icons {
display: flex;
margin-bottom: 18px;
}
.vw-faq .vw-faq__stat-icons span {
display: grid;
place-items: center;
width: 40px;
height: 40px;
margin-right: -8px;
border: 3px solid #fff;
border-radius: 50%;
background: #eef0ff;
color: var(--vw-accent);
font-size: 15px;
}
.vw-faq .vw-faq__stat-icons span:nth-child(2) {
background: #f3e8ff;
color: #7b3df0;
}
.vw-faq .vw-faq__stat-icons span:nth-child(3) {
background: #fdeefa;
color: #c026a8;
}
.vw-faq .vw-faq__stat-number {
display: inline-block;
margin: 0;
background: linear-gradient(90deg, #5153ff 0%, #a60599 100%);
-webkit-background-clip: text;
background-clip: text;
color: var(--vw-accent);
-webkit-text-fill-color: transparent;
font-family: var(--font-heading);
font-size: 60px;
font-weight: 700;
line-height: 1;
letter-spacing: -0.03em;
}
.vw-faq .vw-faq__stat-label {
margin: 10px 0 0;
color: var(--color-heading);
font-size: 16px;
font-weight: 500;
line-height: 1.5;
} .vw-faq .vw-faq__list {
display: grid;
gap: 14px;
}
.vw-faq .vw-faq__item {
border: 1px solid rgba(81, 83, 255, 0.1);
border-radius: 18px;
background: #fff;
box-shadow: 0 10px 30px -24px rgba(41, 37, 140, 0.4);
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.vw-faq .vw-faq__item.is-open {
border-color: rgba(81, 83, 255, 0.45);
box-shadow: 0 0 0 3px rgba(81, 83, 255, 0.08), 0 24px 48px -28px rgba(41, 37, 140, 0.45);
}
.vw-faq .vw-faq__heading {
margin: 0;
font-size: inherit;
}
.vw-faq .vw-faq__toggle {
display: grid;
grid-template-columns: auto minmax(0, 1fr) 32px;
gap: 18px;
align-items: center;
width: 100%;
margin: 0;
padding: 24px 26px;
border: 0;
border-radius: 18px;
background: transparent;
color: var(--color-heading);
font-family: var(--font-heading);
font-size: 18px;
font-weight: 600;
line-height: 1.4;
text-align: left;
text-transform: none;
cursor: pointer;
} .vw-faq .vw-faq__toggle::before,
.vw-faq .vw-faq__toggle::after {
content: none;
}
.vw-faq .vw-faq__toggle:hover,
.vw-faq .vw-faq__toggle:focus {
background: transparent;
color: var(--color-heading);
box-shadow: none;
}
.vw-faq .vw-faq__toggle:focus-visible {
outline: 2px solid var(--vw-accent);
outline-offset: 2px;
}
.vw-faq .vw-faq__num {
color: rgba(81, 83, 255, 0.45);
font-size: 15px;
font-weight: 700;
letter-spacing: 0.04em;
transition: color 0.3s ease;
}
.vw-faq .is-open .vw-faq__num {
color: var(--vw-accent);
}
.vw-faq .vw-faq__sign {
position: relative;
width: 32px;
height: 32px;
border-radius: 50%;
background: #eef0ff;
transition: background-color 0.3s ease, transform 0.4s var(--vw-ease);
}
.vw-faq .vw-faq__sign::before,
.vw-faq .vw-faq__sign::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 2px;
margin: -1px 0 0 -6px;
border-radius: 2px;
background: var(--vw-accent);
transition: transform 0.4s var(--vw-ease), background-color 0.3s ease;
}
.vw-faq .vw-faq__sign::after {
transform: rotate(90deg);
}
.vw-faq .is-open .vw-faq__sign {
background: linear-gradient(135deg, #5153ff 0%, #a60599 100%);
transform: rotate(180deg);
}
.vw-faq .is-open .vw-faq__sign::before,
.vw-faq .is-open .vw-faq__sign::after {
background: #fff;
}
.vw-faq .is-open .vw-faq__sign::after {
transform: rotate(0deg);
}
.vw-faq .vw-faq__toggle:hover .vw-faq__sign {
background-color: #e2e5ff;
} .vw-faq .vw-faq__panel {
display: grid;
grid-template-rows: 0fr;
visibility: hidden;
transition: grid-template-rows 0.45s var(--vw-ease), visibility 0s linear 0.45s;
}
.vw-faq .is-open .vw-faq__panel {
grid-template-rows: 1fr;
visibility: visible;
transition: grid-template-rows 0.45s var(--vw-ease), visibility 0s;
}
.vw-faq .vw-faq__panel-inner {
min-height: 0;
overflow: hidden;
}
.vw-faq .vw-faq__answer {
margin: -6px 26px 26px 63px;
color: var(--vw-muted);
font-size: 16px;
line-height: 1.7;
}
@media only screen and (max-width: 1199px) {
.vw-faq .vw-faq__grid {
gap: 56px;
}
.vw-faq .vw-faq__title {
font-size: 36px;
}
}
@media only screen and (max-width: 991px) {
.vw-faq {
padding: 90px 0;
}
.vw-faq .vw-faq__grid {
grid-template-columns: minmax(0, 1fr);
gap: 48px;
}
.vw-faq .vw-faq__intro {
position: static;
}
}
@media only screen and (max-width: 767px) {
.vw-faq {
padding: 70px 0;
}
.vw-faq .vw-faq__title {
font-size: 30px;
}
.vw-faq .vw-faq__lead {
font-size: 16px;
}
.vw-faq .vw-faq__toggle {
gap: 12px;
padding: 20px 18px;
font-size: 16px;
}
.vw-faq .vw-faq__answer {
margin: -4px 18px 22px;
font-size: 15px;
}
.vw-faq .vw-faq__stat-number {
font-size: 52px;
}
}
@media (prefers-reduced-motion: reduce) {
.vw-faq *,
.vw-faq *::before,
.vw-faq *::after {
transition: none !important;
}
} .vw-quotes {
--vw-ease: cubic-bezier(0.22, 1, 0.36, 1);
--vw-muted: #55576e;
padding: 120px 0;
background:
radial-gradient(900px 520px at 90% 105%, rgba(166, 5, 153, 0.55), transparent 65%),
radial-gradient(700px 420px at 0% 0%, rgba(255, 255, 255, 0.08), transparent 65%),
linear-gradient(140deg, #5153ff 0%, #5b2fe0 55%, #6a1fc9 100%);
} .vw-quotes {
position: relative;
overflow: hidden;
}
.vw-quotes::before,
.vw-quotes::after {
content: "";
position: absolute;
aspect-ratio: 1232 / 1128;
background: url(//vetswise.com/wp-content/plugins/anaton-core/assets/img/vw-heart-line.png) center / contain no-repeat;
pointer-events: none;
}
.vw-quotes::before {
right: -160px;
bottom: -180px;
width: 780px;
opacity: 0.14;
transform: rotate(-12deg);
}
.vw-quotes::after {
top: -70px;
left: -90px;
width: 340px;
opacity: 0.08;
transform: rotate(14deg);
}
.vw-quotes > .container {
position: relative;
z-index: 1;
}
.vw-quotes .vw-quotes__head {
max-width: 720px;
margin: 0 auto 56px;
text-align: center;
}
.vw-quotes .vw-quotes__eyebrow {
margin: 0 0 14px;
color: rgba(255, 255, 255, 0.7);
font-size: 15px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.vw-quotes .vw-quotes__title {
margin: 0;
color: #fff;
font-size: 44px;
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.02em;
}
.vw-quotes .vw-quotes__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
gap: 28px;
max-width: 1120px;
margin: 0 auto;
}
.vw-quotes .vw-quote {
position: relative;
display: flex;
flex-direction: column;
margin: 0;
padding: 44px 40px 32px;
border-radius: 24px;
background: #fff;
box-shadow: 0 30px 60px -30px rgba(20, 10, 80, 0.55);
transition: transform 0.35s var(--vw-ease), box-shadow 0.35s ease;
}
.vw-quotes .vw-quote:hover {
box-shadow: 0 40px 70px -30px rgba(20, 10, 80, 0.65);
transform: translateY(-4px);
}
.vw-quotes .vw-quote__mark {
display: block;
height: 52px;
background: linear-gradient(135deg, #5153ff 0%, #a60599 100%);
-webkit-background-clip: text;
background-clip: text;
color: #5153ff;
-webkit-text-fill-color: transparent;
font-family: Georgia, "Times New Roman", serif;
font-size: 110px;
font-weight: 700;
line-height: 0.9;
}
.vw-quotes .vw-quote__headline {
margin: 0 0 16px;
color: var(--color-heading);
font-family: var(--font-heading);
font-size: 22px;
font-weight: 600;
line-height: 1.35;
}
.vw-quotes .vw-quote__text {
flex: 1;
margin: 0;
padding: 0;
border: 0;
background: none;
box-shadow: none;
}
.vw-quotes .vw-quote__text::before,
.vw-quotes .vw-quote__text::after {
content: none;
}
.vw-quotes .vw-quote__text p {
margin: 0;
color: var(--vw-muted);
font-size: 17px;
font-style: normal;
line-height: 1.75;
}
.vw-quotes .vw-quote__author {
display: flex;
align-items: center;
gap: 14px;
margin-top: 28px;
padding-top: 24px;
border-top: 1px solid rgba(4, 0, 11, 0.08);
}
.vw-quotes .vw-quote__author img {
flex-shrink: 0;
width: 56px;
height: 56px;
border: 3px solid #eef0ff;
border-radius: 50%;
object-fit: cover;
}
.vw-quotes .vw-quote__author strong {
display: block;
color: var(--color-heading);
font-size: 16px;
font-weight: 600;
}
.vw-quotes .vw-quote__author span span {
color: var(--vw-muted);
font-size: 14px;
}
@media only screen and (max-width: 991px) {
.vw-quotes {
padding: 90px 0;
}
.vw-quotes .vw-quotes__title {
font-size: 36px;
}
}
@media only screen and (max-width: 767px) {
.vw-quotes {
padding: 70px 0;
}
.vw-quotes .vw-quotes__head {
margin-bottom: 40px;
}
.vw-quotes .vw-quotes__title {
font-size: 30px;
}
.vw-quotes .vw-quote {
padding: 34px 24px 26px;
}
.vw-quotes .vw-quote__headline {
font-size: 19px;
}
} .vw-blog {
--vw-ease: cubic-bezier(0.22, 1, 0.36, 1);
--vw-muted: #6f7186;
padding: 110px 0 120px;
background: #f7f7fd;
}
.vw-blog .vw-blog__head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
margin-bottom: 48px;
}
.vw-blog .vw-blog__eyebrow {
margin: 0 0 14px;
color: #5153ff;
font-size: 15px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.vw-blog .vw-blog__title {
margin: 0;
font-size: 44px;
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.02em;
}
.vw-blog .vw-blog__all {
display: inline-flex;
flex-shrink: 0;
align-items: center;
gap: 10px;
padding: 12px 22px;
border: 1px solid rgba(81, 83, 255, 0.2);
border-radius: 999px;
background: #fff;
color: #5153ff;
font-size: 15px;
font-weight: 600;
transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
.vw-blog .vw-blog__all i {
transition: transform 0.25s var(--vw-ease);
}
.vw-blog .vw-blog__all:hover,
.vw-blog .vw-blog__all:focus-visible {
border-color: #5153ff;
background: #5153ff;
color: #fff;
}
.vw-blog .vw-blog__all:hover i,
.vw-blog .vw-blog__all:focus-visible i {
transform: translateX(3px);
}
.vw-blog .vw-blog__grid {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
grid-template-rows: repeat(2, minmax(0, 1fr));
gap: 28px;
} .vw-blog .vw-post {
position: relative;
display: flex;
overflow: hidden;
border-radius: 22px;
background: #fff;
box-shadow: 0 0 0 1px rgba(81, 83, 255, 0.08), 0 20px 40px -30px rgba(41, 37, 140, 0.35);
transition: transform 0.35s var(--vw-ease), box-shadow 0.35s ease;
}
.vw-blog .vw-post:hover,
.vw-blog .vw-post:focus-within {
box-shadow: 0 0 0 1px rgba(81, 83, 255, 0.16), 0 30px 60px -30px rgba(41, 37, 140, 0.45);
transform: translateY(-4px);
}
.vw-blog .vw-post__thumb {
flex-shrink: 0;
width: 42%;
overflow: hidden;
background: #eef0ff;
}
.vw-blog .vw-post__thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s var(--vw-ease);
}
.vw-blog .vw-post:hover .vw-post__thumb img {
transform: scale(1.05);
}
.vw-blog .vw-post__body {
display: flex;
flex-direction: column;
flex: 1;
min-width: 0;
padding: 24px 26px;
}
.vw-blog .vw-post__meta {
margin: 0 0 10px;
color: var(--vw-muted);
font-size: 14px;
}
.vw-blog .vw-post__title {
margin: 0;
font-size: 19px;
font-weight: 600;
line-height: 1.4;
}
.vw-blog .vw-post__title a {
color: var(--color-heading);
transition: color 0.2s ease;
}
.vw-blog .vw-post__title a::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
.vw-blog .vw-post:hover .vw-post__title a {
color: #5153ff;
}
.vw-blog .vw-post__title a:focus-visible {
outline: none;
}
.vw-blog .vw-post__title a:focus-visible::after {
border-radius: 22px;
outline: 3px solid rgba(81, 83, 255, 0.5);
outline-offset: -3px;
}
.vw-blog .vw-post__excerpt {
margin: 14px 0 0;
color: var(--vw-muted);
font-size: 16px;
line-height: 1.7;
}
.vw-blog .vw-post__more {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: auto;
padding-top: 18px;
color: #5153ff;
font-size: 15px;
font-weight: 600;
}
.vw-blog .vw-post__more i {
transition: transform 0.25s var(--vw-ease);
}
.vw-blog .vw-post:hover .vw-post__more i {
transform: translateX(3px);
} .vw-blog .vw-post--featured {
flex-direction: column;
grid-row: span 2;
}
.vw-blog .vw-post--featured .vw-post__thumb {
width: 100%;
aspect-ratio: 16 / 9;
}
.vw-blog .vw-post--featured .vw-post__body {
padding: 30px 34px 34px;
}
.vw-blog .vw-post--featured .vw-post__title {
font-size: 26px;
line-height: 1.3;
}
@media only screen and (max-width: 991px) {
.vw-blog {
padding: 90px 0;
}
.vw-blog .vw-blog__title {
font-size: 36px;
}
.vw-blog .vw-blog__grid {
grid-template-columns: minmax(0, 1fr);
grid-template-rows: none;
}
.vw-blog .vw-post--featured {
grid-row: auto;
}
}
@media only screen and (max-width: 767px) {
.vw-blog {
padding: 70px 0;
}
.vw-blog .vw-blog__head {
flex-direction: column;
align-items: flex-start;
margin-bottom: 36px;
}
.vw-blog .vw-blog__title {
font-size: 30px;
}
.vw-blog .vw-post {
flex-direction: column;
}
.vw-blog .vw-post__thumb {
width: 100%;
aspect-ratio: 16 / 9;
}
.vw-blog .vw-post__body,
.vw-blog .vw-post--featured .vw-post__body {
padding: 22px 22px 24px;
}
.vw-blog .vw-post--featured .vw-post__title {
font-size: 22px;
}
}
@media (prefers-reduced-motion: reduce) {
.vw-quotes *,
.vw-blog * {
transition: none !important;
}
} .vw-about {
--vw-ease: cubic-bezier(0.22, 1, 0.36, 1);
--vw-accent: #5153ff;
--vw-muted: #6f7186;
position: relative;
padding: 80px 0 0;
background: #fff;
}
.vw-about .vw-about__intro {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
gap: 88px;
align-items: center;
}
.vw-about .vw-about__eyebrow {
margin: 0 0 14px;
color: var(--vw-accent);
font-size: 15px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.vw-about .vw-about__title {
margin: 0;
font-size: 44px;
font-weight: 600;
line-height: 1.18;
letter-spacing: -0.02em;
text-wrap: balance;
}
.vw-about .vw-about__story {
margin-top: 24px;
}
.vw-about .vw-about__story p {
margin: 0 0 16px;
font-size: 17px;
line-height: 1.7;
text-wrap: pretty;
}
.vw-about .vw-about__story p:first-child {
color: var(--color-heading);
font-size: 19px;
line-height: 1.6;
}
.vw-about .vw-about__story p:last-child {
margin-bottom: 0;
} .vw-about .vw-about__media {
position: relative;
padding: 0 0 36px 36px;
}
.vw-about .vw-about__photo {
position: relative;
aspect-ratio: 1 / 1;
}
.vw-about .vw-about__photo::before {
content: "";
position: absolute;
inset: 0;
border-radius: 28px;
background: linear-gradient(140deg, #5153ff 0%, #5b2fe0 55%, #a60599 100%);
transform: rotate(4deg) translate(14px, 6px);
}
.vw-about .vw-about__photo img {
position: relative;
display: block;
width: 100%;
height: 100%;
border-radius: 28px;
object-fit: cover;
box-shadow: 0 32px 64px -28px rgba(41, 37, 140, 0.45);
}
.vw-about .vw-about__stats {
position: absolute;
left: 0;
bottom: 0;
display: flex;
gap: 24px;
margin: 0;
padding: 20px 26px;
border-radius: 20px;
background: #fff;
box-shadow: 0 0 0 1px rgba(81, 83, 255, 0.08), 0 24px 48px -20px rgba(41, 37, 140, 0.4);
list-style: none;
}
.vw-about .vw-about__stats li {
display: flex;
gap: 14px;
align-items: center;
max-width: 230px;
margin: 0;
}
.vw-about .vw-about__stats strong {
flex: none;
background: linear-gradient(135deg, #5153ff 0%, #a60599 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
font-family: var(--font-heading);
font-size: 44px;
font-weight: 700;
line-height: 1;
letter-spacing: -0.02em;
}
.vw-about .vw-about__stat-label {
color: var(--color-heading);
font-size: 15px;
font-weight: 500;
line-height: 1.4;
} .vw-about .vw-about__values {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
margin: 110px 0 0;
padding: 0;
list-style: none;
}
.vw-about .vw-about__value {
margin: 0;
padding: 28px 26px 26px;
border: 1px solid rgba(81, 83, 255, 0.12);
border-radius: 18px;
background: #fff;
box-shadow: 0 10px 24px -18px rgba(41, 37, 140, 0.35);
transition: border-color 0.2s ease, box-shadow 0.25s ease, transform 0.25s var(--vw-ease);
}
.vw-about .vw-about__value:hover {
border-color: rgba(81, 83, 255, 0.35);
box-shadow: 0 22px 40px -24px rgba(81, 83, 255, 0.55);
transform: translateY(-3px);
}
.vw-about .vw-about__icon {
display: grid;
place-items: center;
width: 52px;
height: 52px;
border-radius: 14px;
background: rgba(81, 83, 255, 0.08);
color: var(--vw-accent);
font-size: 20px;
}
.vw-about .vw-about__value-title {
margin: 20px 0 8px;
font-size: 19px;
font-weight: 600;
line-height: 1.35;
}
.vw-about .vw-about__value p {
margin: 0;
font-size: 15px;
line-height: 1.6;
} .vw-about .vw-about__band {
position: relative;
overflow: hidden;
margin-top: 120px;
padding: 96px 0 104px;
background:
radial-gradient(900px 520px at 90% 110%, rgba(166, 5, 153, 0.55), transparent 65%),
radial-gradient(700px 420px at 0% 0%, rgba(255, 255, 255, 0.08), transparent 65%),
linear-gradient(140deg, #5153ff 0%, #5b2fe0 55%, #6a1fc9 100%);
}
.vw-about .vw-about__band::before {
content: "";
position: absolute;
top: -140px;
right: -120px;
width: 620px;
aspect-ratio: 1232 / 1128;
background: url(//vetswise.com/wp-content/plugins/anaton-core/assets/img/vw-heart-line.png) center / contain no-repeat;
opacity: 0.12;
transform: rotate(12deg);
pointer-events: none;
}
.vw-about .vw-about__band > .container {
position: relative;
z-index: 1;
}
.vw-about .vw-about__band-head {
display: flex;
gap: 32px;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 44px;
}
.vw-about .vw-about__band-title {
margin: 0;
color: #fff;
font-size: 40px;
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.02em;
}
.vw-about .vw-about__band-lead {
max-width: 600px;
margin: 14px 0 0;
color: rgba(255, 255, 255, 0.82);
font-size: 17px;
line-height: 1.65;
text-wrap: pretty;
}
.vw-about .vw-about__band-link {
display: inline-flex;
flex: none;
gap: 10px;
align-items: center;
padding: 13px 22px;
border: 1px solid rgba(255, 255, 255, 0.35);
border-radius: 999px;
color: #fff;
font-size: 15px;
font-weight: 600;
line-height: 1.3;
transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.vw-about .vw-about__band-link .fa-arrow-right {
font-size: 13px;
transition: transform 0.25s var(--vw-ease);
}
.vw-about .vw-about__band-link:hover,
.vw-about .vw-about__band-link:focus-visible {
border-color: #fff;
background: #fff;
color: var(--vw-accent);
}
.vw-about .vw-about__band-link:hover .fa-arrow-right,
.vw-about .vw-about__band-link:focus-visible .fa-arrow-right {
transform: translateX(3px);
}
.vw-about .vw-about__band-link:focus-visible {
outline: 3px solid rgba(255, 255, 255, 0.7);
outline-offset: 3px;
} .vw-about .vw-about__photos {
display: grid;
grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr);
grid-template-rows: repeat(2, 250px);
gap: 18px;
margin: 0;
padding: 0;
list-style: none;
}
.vw-about .vw-about__shot {
overflow: hidden;
margin: 0;
border-radius: 18px;
background: rgba(255, 255, 255, 0.1);
box-shadow: 0 24px 48px -28px rgba(18, 8, 70, 0.6);
}
.vw-about .vw-about__shot img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s var(--vw-ease);
}
.vw-about .vw-about__shot:hover img {
transform: scale(1.04);
}
.vw-about .vw-about__shot:first-child {
grid-row: 1 / span 2;
}
.vw-about .vw-about__photos--1 {
grid-template-columns: minmax(0, 1fr);
grid-template-rows: 480px;
}
.vw-about .vw-about__photos--1 .vw-about__shot:first-child {
grid-row: auto;
}
.vw-about .vw-about__photos--2,
.vw-about .vw-about__photos--3 {
grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
}
.vw-about .vw-about__photos--2 {
grid-template-rows: 480px;
}
.vw-about .vw-about__photos--2 .vw-about__shot:first-child {
grid-row: auto;
}
.vw-about .vw-about__photos--4 .vw-about__shot:nth-child(2) {
grid-column: 2 / span 2;
}
@media only screen and (max-width: 1199px) {
.vw-about .vw-about__intro {
gap: 56px;
}
.vw-about .vw-about__title {
font-size: 40px;
}
.vw-about .vw-about__values {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
} @media only screen and (max-width: 991px) {
.vw-about {
padding-top: 60px;
}
.vw-about .vw-about__intro {
grid-template-columns: minmax(0, 1fr);
gap: 48px;
}
.vw-about .vw-about__media {
max-width: 560px;
}
.vw-about .vw-about__photo {
aspect-ratio: 4 / 3;
}
.vw-about .vw-about__values {
margin-top: 80px;
}
.vw-about .vw-about__band {
margin-top: 90px;
padding: 72px 0 80px;
}
.vw-about .vw-about__band-head {
flex-direction: column;
align-items: flex-start;
}
.vw-about .vw-about__band-title {
font-size: 32px;
}
.vw-about .vw-about__photos {
grid-template-rows: repeat(2, 200px);
}
}
@media only screen and (max-width: 767px) {
.vw-about {
padding-top: 48px;
}
.vw-about .vw-about__title {
font-size: 32px;
}
.vw-about .vw-about__story p,
.vw-about .vw-about__story p:first-child {
font-size: 16px;
}
.vw-about .vw-about__media {
padding: 0 0 28px 16px;
} .vw-about .vw-about__photo::before {
transform: rotate(2deg) translate(4px, 4px);
}
.vw-about .vw-about__stats {
padding: 16px 20px;
}
.vw-about .vw-about__stats strong {
font-size: 36px;
}
.vw-about .vw-about__values {
grid-template-columns: minmax(0, 1fr);
gap: 14px;
margin-top: 64px;
}
.vw-about .vw-about__band {
margin-top: 72px;
padding: 60px 0 64px;
}
.vw-about .vw-about__band-title {
font-size: 28px;
}
.vw-about .vw-about__band::before {
width: 420px;
} .vw-about .vw-about__photos {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: 220px;
grid-auto-rows: 150px;
gap: 12px;
}
.vw-about .vw-about__shot:first-child {
grid-row: auto;
grid-column: 1 / -1;
}
.vw-about .vw-about__photos--4 .vw-about__shot:nth-child(2) {
grid-column: auto;
}
.vw-about .vw-about__photos--4 .vw-about__shot:last-child {
grid-column: 1 / -1;
}
}
@media (prefers-reduced-motion: reduce) {
.vw-about * {
transition: none !important;
}
} .vw-modules {
--vw-ease: cubic-bezier(0.22, 1, 0.36, 1);
--vw-accent: #5153ff;
--vw-muted: #6f7186;
position: relative;
padding: 80px 0 0;
background: #fff;
}
.vw-modules .vw-modules__head {
max-width: 780px;
}
.vw-modules .vw-modules__eyebrow {
margin: 0 0 14px;
color: var(--vw-accent);
font-size: 15px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.vw-modules .vw-modules__title {
margin: 0;
font-size: 44px;
font-weight: 600;
line-height: 1.18;
letter-spacing: -0.02em;
text-wrap: balance;
}
.vw-modules .vw-modules__lead {
margin: 20px 0 0;
font-size: 18px;
line-height: 1.65;
text-wrap: pretty;
} .vw-modules .vw-modules__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 28px;
margin: 56px 0 0;
padding: 0;
list-style: none;
}
.vw-modules .vw-modules__card {
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
margin: 0;
border: 1px solid rgba(81, 83, 255, 0.12);
border-radius: 22px;
background: #fff;
box-shadow: 0 10px 24px -18px rgba(41, 37, 140, 0.35);
transition: border-color 0.2s ease, box-shadow 0.25s ease, transform 0.25s var(--vw-ease);
}
.vw-modules .vw-modules__card.has-link:hover,
.vw-modules .vw-modules__card.has-link:focus-within {
border-color: rgba(81, 83, 255, 0.35);
box-shadow: 0 26px 48px -26px rgba(81, 83, 255, 0.55);
transform: translateY(-4px);
} .vw-modules .vw-modules__shot {
overflow: hidden;
aspect-ratio: 16 / 10;
padding: 24px 0 0 24px;
background:
radial-gradient(420px 260px at 100% 100%, rgba(166, 5, 153, 0.16), transparent 70%),
linear-gradient(140deg, #eef0ff 0%, #f1ecff 100%);
}
.vw-modules .vw-modules__shot img {
display: block;
width: 175%;
max-width: none;
height: auto;
border-radius: 10px 0 0 0;
box-shadow: 0 0 0 1px rgba(81, 83, 255, 0.1), 0 18px 36px -18px rgba(41, 37, 140, 0.45);
transform-origin: 0 0;
transition: transform 0.6s var(--vw-ease);
}
.vw-modules .vw-modules__card.has-link:hover .vw-modules__shot img {
transform: scale(1.03);
}
.vw-modules .vw-modules__body {
display: flex;
flex: 1;
flex-direction: column;
padding: 26px 28px 28px;
}
.vw-modules .vw-modules__name {
margin: 0 0 10px;
font-size: 22px;
font-weight: 600;
line-height: 1.3;
}
.vw-modules .vw-modules__link {
color: inherit;
}
.vw-modules .vw-modules__link::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
border-radius: 22px;
}
.vw-modules .vw-modules__link:focus-visible {
outline: none;
}
.vw-modules .vw-modules__link:focus-visible::after {
outline: 3px solid rgba(81, 83, 255, 0.5);
outline-offset: -3px;
}
.vw-modules .vw-modules__text {
margin: 0;
font-size: 15px;
line-height: 1.65;
text-wrap: pretty;
}
.vw-modules .vw-modules__points {
display: grid;
gap: 9px;
margin: 18px 0 0;
padding: 0;
list-style: none;
}
.vw-modules .vw-modules__points li {
position: relative;
margin: 0;
padding-left: 28px;
color: var(--color-heading);
font-size: 15px;
font-weight: 500;
line-height: 1.45;
}
.vw-modules .vw-modules__points li::before {
content: "\f00c";
position: absolute;
top: 1px;
left: 0;
display: grid;
place-items: center;
width: 19px;
height: 19px;
border-radius: 50%;
background: rgba(81, 83, 255, 0.1);
color: var(--vw-accent);
font-family: "Font Awesome 5 Pro";
font-size: 10px;
font-weight: 900;
}
.vw-modules .vw-modules__more {
display: inline-flex;
gap: 10px;
align-items: center;
margin-top: auto;
padding-top: 24px;
color: var(--vw-accent);
font-size: 15px;
font-weight: 600;
}
.vw-modules .vw-modules__more .fa-arrow-right {
font-size: 13px;
transition: transform 0.25s var(--vw-ease);
}
.vw-modules .vw-modules__card:hover .vw-modules__more .fa-arrow-right,
.vw-modules .vw-modules__card:focus-within .vw-modules__more .fa-arrow-right {
transform: translateX(4px);
} .vw-modules .vw-modules__band {
position: relative;
overflow: hidden;
margin-top: 120px;
padding: 96px 0 104px;
background:
radial-gradient(900px 520px at 90% 110%, rgba(166, 5, 153, 0.55), transparent 65%),
radial-gradient(700px 420px at 0% 0%, rgba(255, 255, 255, 0.08), transparent 65%),
linear-gradient(140deg, #5153ff 0%, #5b2fe0 55%, #6a1fc9 100%);
}
.vw-modules .vw-modules__band::before {
content: "";
position: absolute;
top: -140px;
right: -120px;
width: 620px;
aspect-ratio: 1232 / 1128;
background: url(//vetswise.com/wp-content/plugins/anaton-core/assets/img/vw-heart-line.png) center / contain no-repeat;
opacity: 0.12;
transform: rotate(12deg);
pointer-events: none;
}
.vw-modules .vw-modules__band > .container {
position: relative;
z-index: 1;
}
.vw-modules .vw-modules__band-head {
max-width: 720px;
margin-bottom: 44px;
}
.vw-modules .vw-modules__band-title {
margin: 0;
color: #fff;
font-size: 40px;
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.02em;
text-wrap: balance;
}
.vw-modules .vw-modules__band-lead {
margin: 14px 0 0;
color: rgba(255, 255, 255, 0.82);
font-size: 17px;
line-height: 1.65;
text-wrap: pretty;
}
.vw-modules .vw-modules__groups {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.vw-modules .vw-modules__group {
padding: 30px 32px 32px;
border-radius: 22px;
background: #fff;
box-shadow: 0 24px 48px -28px rgba(18, 8, 70, 0.6);
} .vw-modules .vw-modules__group:last-child:nth-child(odd) {
grid-column: 1 / -1;
}
.vw-modules .vw-modules__group:last-child:nth-child(odd) .vw-modules__extras {
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
column-gap: 32px;
}
.vw-modules .vw-modules__group-title {
margin: 0 0 22px;
color: var(--vw-accent);
font-size: 14px;
font-weight: 600;
line-height: 1.4;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.vw-modules .vw-modules__extras {
display: grid;
gap: 20px;
margin: 0;
padding: 0;
list-style: none;
}
.vw-modules .vw-modules__extra {
display: flex;
gap: 16px;
align-items: flex-start;
margin: 0;
}
.vw-modules .vw-modules__icon {
display: grid;
flex: none;
place-items: center;
width: 44px;
height: 44px;
border-radius: 12px;
background: rgba(81, 83, 255, 0.08);
color: var(--vw-accent);
font-size: 17px;
}
.vw-modules .vw-modules__extra-title {
margin: 2px 0 4px;
font-size: 17px;
font-weight: 600;
line-height: 1.35;
}
.vw-modules .vw-modules__extra p {
margin: 0;
color: var(--vw-muted);
font-size: 14.5px;
line-height: 1.55;
text-wrap: pretty;
}
@media only screen and (max-width: 1199px) {
.vw-modules .vw-modules__title {
font-size: 40px;
}
.vw-modules .vw-modules__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 991px) {
.vw-modules {
padding-top: 60px;
}
.vw-modules .vw-modules__band {
margin-top: 90px;
padding: 72px 0 80px;
}
.vw-modules .vw-modules__band-title {
font-size: 32px;
}
.vw-modules .vw-modules__groups {
grid-template-columns: minmax(0, 1fr);
}
}
@media only screen and (max-width: 767px) {
.vw-modules {
padding-top: 48px;
}
.vw-modules .vw-modules__title {
font-size: 32px;
}
.vw-modules .vw-modules__lead {
font-size: 16px;
}
.vw-modules .vw-modules__grid {
grid-template-columns: minmax(0, 1fr);
gap: 20px;
margin-top: 40px;
}
.vw-modules .vw-modules__body {
padding: 22px 22px 24px;
}
.vw-modules .vw-modules__band {
margin-top: 72px;
padding: 60px 0 64px;
}
.vw-modules .vw-modules__band::before {
width: 420px;
}
.vw-modules .vw-modules__band-title {
font-size: 28px;
}
.vw-modules .vw-modules__group {
padding: 24px 22px 26px;
}
.vw-modules .vw-modules__group:last-child:nth-child(odd) .vw-modules__extras {
grid-template-columns: minmax(0, 1fr);
}
}
@media (prefers-reduced-motion: reduce) {
.vw-modules * {
transition: none !important;
}
} .vw-fpage {
--vw-ease: cubic-bezier(0.22, 1, 0.36, 1);
--vw-accent: #5153ff;
--vw-muted: #6f7186;
--vw-line: #e3e5f1;
position: relative;
padding: 80px 0 0;
background: #fff;
}
.vw-fpage .vw-fpage__eyebrow {
margin: 0 0 14px;
color: var(--vw-accent);
font-size: 15px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.vw-fpage .vw-fpage__title {
margin: 0;
font-size: 42px;
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.02em;
text-wrap: balance;
}
.vw-fpage .vw-fpage__heading {
margin: 0 0 18px;
font-size: 32px;
font-weight: 600;
line-height: 1.25;
letter-spacing: -0.015em;
text-wrap: balance;
} .vw-fpage .vw-fpage__prose > :first-child {
margin-top: 0;
}
.vw-fpage .vw-fpage__prose > :last-child {
margin-bottom: 0;
}
.vw-fpage .vw-fpage__prose p {
margin: 0 0 16px;
font-size: 17px;
line-height: 1.75;
text-wrap: pretty;
}
.vw-fpage .vw-fpage__prose h3 {
margin: 30px 0 10px;
font-size: 20px;
font-weight: 600;
line-height: 1.35;
}
.vw-fpage .vw-fpage__prose ul,
.vw-fpage .vw-fpage__prose ol {
display: grid;
gap: 10px;
margin: 20px 0;
padding: 0;
list-style: none;
}
.vw-fpage .vw-fpage__prose li {
position: relative;
margin: 0;
padding-left: 30px;
color: var(--color-heading);
font-size: 16px;
line-height: 1.55;
}
.vw-fpage .vw-fpage__prose ul li::before {
content: "\f00c";
position: absolute;
top: 2px;
left: 0;
display: grid;
place-items: center;
width: 20px;
height: 20px;
border-radius: 50%;
background: rgba(81, 83, 255, 0.1);
color: var(--vw-accent);
font-family: "Font Awesome 5 Pro";
font-size: 10px;
font-weight: 900;
}
.vw-fpage .vw-fpage__prose ol {
counter-reset: vw-step;
}
.vw-fpage .vw-fpage__prose ol li::before {
counter-increment: vw-step;
content: counter(vw-step);
position: absolute;
top: 1px;
left: 0;
display: grid;
place-items: center;
width: 22px;
height: 22px;
border-radius: 50%;
background: var(--vw-accent);
color: #fff;
font-size: 12px;
font-weight: 700;
}
.vw-fpage .vw-fpage__prose a {
color: var(--vw-accent);
font-weight: 600;
text-decoration: underline;
text-decoration-color: rgba(81, 83, 255, 0.35);
text-underline-offset: 3px;
transition: text-decoration-color 0.2s ease;
}
.vw-fpage .vw-fpage__prose a:hover {
text-decoration-color: currentColor;
} .vw-fpage .vw-fpage__intro {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
gap: 72px;
align-items: center;
}
.vw-fpage .vw-fpage__intro.is-text-only {
grid-template-columns: minmax(0, 820px);
}
.vw-fpage .vw-fpage__lead {
margin-top: 22px;
}
.vw-fpage .vw-fpage__lead p:first-child {
color: var(--color-heading);
font-size: 19px;
line-height: 1.6;
}
.vw-fpage .vw-fpage__facts {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 28px 0 0;
padding: 0;
list-style: none;
}
.vw-fpage .vw-fpage__facts li {
display: inline-flex;
gap: 8px;
align-items: center;
margin: 0;
padding: 9px 16px;
border-radius: 999px;
background: rgba(81, 83, 255, 0.08);
color: var(--color-heading);
font-size: 15px;
font-weight: 500;
line-height: 1.3;
}
.vw-fpage .vw-fpage__facts .fa-check {
color: var(--vw-accent);
font-size: 12px;
} .vw-fpage .vw-fpage__frame {
position: relative;
overflow: hidden;
padding-top: 26px;
border-radius: 16px;
background: linear-gradient(#f2f3fa, #f2f3fa) top / 100% 26px no-repeat, #fff;
box-shadow: 0 0 0 1px rgba(81, 83, 255, 0.1), 0 30px 60px -30px rgba(41, 37, 140, 0.45);
}
.vw-fpage .vw-fpage__frame::before {
content: "";
position: absolute;
top: 9px;
left: 14px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #ff6058;
box-shadow: 14px 0 0 #ffbd2e, 28px 0 0 #28c840;
} .vw-fpage .vw-fpage__zoom {
position: relative;
display: block;
overflow: hidden;
aspect-ratio: 16 / 10;
cursor: zoom-in;
}
.vw-fpage .vw-fpage__zoom img {
display: block;
width: 135%;
max-width: none;
height: auto;
transform-origin: 0 0;
transition: transform 0.6s var(--vw-ease);
}
.vw-fpage .vw-fpage__zoom:hover img {
transform: scale(1.02);
}
.vw-fpage .vw-fpage__zoom-hint {
position: absolute;
right: 14px;
bottom: 14px;
display: grid;
place-items: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: rgba(18, 8, 70, 0.72);
color: #fff;
font-size: 14px;
opacity: 0;
transform: translateY(4px);
transition: opacity 0.2s ease, transform 0.25s var(--vw-ease);
}
.vw-fpage .vw-fpage__zoom:hover .vw-fpage__zoom-hint,
.vw-fpage .vw-fpage__zoom:focus-visible .vw-fpage__zoom-hint {
opacity: 1;
transform: none;
}
.vw-fpage .vw-fpage__zoom:focus-visible {
outline: 3px solid rgba(81, 83, 255, 0.5);
outline-offset: -3px;
}
@media (hover: none) {
.vw-fpage .vw-fpage__zoom-hint {
opacity: 1;
transform: none;
}
}
.vw-fpage .vw-fpage__hero {
position: relative;
padding: 0 0 26px 26px;
}
.vw-fpage .vw-fpage__hero::before {
content: "";
position: absolute;
inset: 26px 0 0 26px;
border-radius: 22px;
background: linear-gradient(140deg, #5153ff 0%, #5b2fe0 55%, #a60599 100%);
transform: rotate(3deg) translate(10px, 4px);
} .vw-fpage .vw-fpage__sections {
margin-top: 120px;
}
.vw-fpage .vw-fpage__section {
max-width: 860px;
margin: 0 0 100px;
}
.vw-fpage .vw-fpage__section:last-child {
margin-bottom: 0;
}
.vw-fpage .vw-fpage__section.has-shot {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
gap: 72px;
align-items: center;
max-width: none;
}
.vw-fpage .vw-fpage__section.is-flipped {
grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
}
.vw-fpage .vw-fpage__section.is-flipped .vw-fpage__shot {
order: -1;
}
.vw-fpage .vw-fpage__shot {
margin: 0;
} .vw-fpage .vw-fpage__band {
position: relative;
overflow: hidden;
margin-top: 120px;
padding: 96px 0 104px;
background:
radial-gradient(900px 520px at 90% 110%, rgba(166, 5, 153, 0.55), transparent 65%),
radial-gradient(700px 420px at 0% 0%, rgba(255, 255, 255, 0.08), transparent 65%),
linear-gradient(140deg, #5153ff 0%, #5b2fe0 55%, #6a1fc9 100%);
}
.vw-fpage .vw-fpage__band::before {
content: "";
position: absolute;
top: -140px;
right: -120px;
width: 620px;
aspect-ratio: 1232 / 1128;
background: url(//vetswise.com/wp-content/plugins/anaton-core/assets/img/vw-heart-line.png) center / contain no-repeat;
opacity: 0.12;
transform: rotate(12deg);
pointer-events: none;
}
.vw-fpage .vw-fpage__band > .container {
position: relative;
z-index: 1;
}
.vw-fpage .vw-fpage__band-head {
display: flex;
gap: 32px;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 40px;
}
.vw-fpage .vw-fpage__band-title {
margin: 0;
color: #fff;
font-size: 40px;
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.02em;
}
.vw-fpage .vw-fpage__band-lead {
max-width: 620px;
margin: 14px 0 0;
color: rgba(255, 255, 255, 0.82);
font-size: 17px;
line-height: 1.65;
text-wrap: pretty;
}
.vw-fpage .vw-fpage__band-link {
display: inline-flex;
flex: none;
gap: 10px;
align-items: center;
padding: 13px 22px;
border: 1px solid rgba(255, 255, 255, 0.35);
border-radius: 999px;
color: #fff;
font-size: 15px;
font-weight: 600;
line-height: 1.3;
transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.vw-fpage .vw-fpage__band-link .fa-arrow-right {
font-size: 13px;
transition: transform 0.25s var(--vw-ease);
}
.vw-fpage .vw-fpage__band-link:hover,
.vw-fpage .vw-fpage__band-link:focus-visible {
border-color: #fff;
background: #fff;
color: var(--vw-accent);
}
.vw-fpage .vw-fpage__band-link:hover .fa-arrow-right {
transform: translateX(3px);
}
.vw-fpage .vw-fpage__videos {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 24px;
max-width: 960px;
}
.vw-fpage .vw-fpage__videos.has-playlist {
grid-template-columns: minmax(0, 1fr) 340px;
max-width: none;
align-items: start;
}
.vw-fpage .vw-fpage__player {
position: relative;
overflow: hidden;
aspect-ratio: 16 / 9;
border-radius: 18px;
background: #120846;
box-shadow: 0 30px 60px -30px rgba(18, 8, 70, 0.7);
}
.vw-fpage .vw-fpage__player iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
} .vw-fpage .vw-fpage__play,
.vw-fpage .vw-fpage__pick {
display: block;
width: 100%;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: none;
box-shadow: none;
color: inherit;
font: inherit;
text-align: left;
text-transform: none;
cursor: pointer;
}
.vw-fpage .vw-fpage__play::after,
.vw-fpage .vw-fpage__pick::after {
display: none;
}
.vw-fpage .vw-fpage__play {
position: absolute;
inset: 0;
}
.vw-fpage .vw-fpage__play img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s var(--vw-ease);
} .vw-fpage .vw-fpage__play-icon {
position: absolute;
bottom: 28px;
left: 28px;
z-index: 1;
display: grid;
place-items: center;
width: 76px;
height: 76px;
border-radius: 50%;
background: #fff;
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.22), 0 18px 40px -12px rgba(18, 8, 70, 0.6);
color: var(--vw-accent);
font-size: 22px;
transition: transform 0.3s var(--vw-ease), box-shadow 0.3s ease;
}
.vw-fpage .vw-fpage__play-icon i {
margin: 0 0 0 4px;
}
.vw-fpage .vw-fpage__play:hover img {
transform: scale(1.03);
}
.vw-fpage .vw-fpage__play:hover .vw-fpage__play-icon,
.vw-fpage .vw-fpage__play:focus-visible .vw-fpage__play-icon {
box-shadow: 0 0 0 16px rgba(255, 255, 255, 0.25), 0 18px 40px -12px rgba(18, 8, 70, 0.6);
transform: scale(1.06);
}
.vw-fpage .vw-fpage__play:focus-visible {
outline: 3px solid #fff;
outline-offset: -6px;
} .vw-fpage .vw-fpage__play-title {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.vw-fpage .vw-fpage__playlist {
display: grid;
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
}
.vw-fpage .vw-fpage__playlist li {
margin: 0;
}
.vw-fpage .vw-fpage__pick {
display: flex;
gap: 14px;
align-items: center;
padding: 10px;
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 14px;
background: rgba(255, 255, 255, 0.08);
color: #fff;
transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.vw-fpage .vw-fpage__pick:hover {
border-color: rgba(255, 255, 255, 0.4);
background: rgba(255, 255, 255, 0.14);
}
.vw-fpage .vw-fpage__pick.is-active {
border-color: #fff;
background: #fff;
color: var(--color-heading);
}
.vw-fpage .vw-fpage__pick:focus-visible {
outline: 3px solid rgba(255, 255, 255, 0.7);
outline-offset: 2px;
}
.vw-fpage .vw-fpage__pick-thumb {
position: relative;
flex: none;
overflow: hidden;
width: 120px;
aspect-ratio: 16 / 9;
border-radius: 8px;
background: rgba(18, 8, 70, 0.4);
}
.vw-fpage .vw-fpage__pick-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.vw-fpage .vw-fpage__pick-title {
font-size: 15px;
font-weight: 600;
line-height: 1.35;
} .vw-fpage .vw-fpage__playlist:has(> li:nth-child(6)) {
gap: 8px;
}
.vw-fpage .vw-fpage__playlist:has(> li:nth-child(6)) .vw-fpage__pick {
padding: 7px;
}
.vw-fpage .vw-fpage__playlist:has(> li:nth-child(6)) .vw-fpage__pick-thumb {
width: 100px;
} .vw-fpage .vw-fpage__closing {
padding: 110px 0 120px;
}
.vw-fpage .vw-fpage__faq {
display: grid;
grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
gap: 64px;
align-items: start;
}
.vw-fpage .vw-fpage__questions {
display: grid;
gap: 14px;
}
.vw-fpage .vw-fpage__question {
border: 1px solid var(--vw-line);
border-radius: 16px;
background: #fff;
transition: border-color 0.2s ease, box-shadow 0.25s ease;
}
.vw-fpage .vw-fpage__question[open] {
border-color: rgba(81, 83, 255, 0.4);
box-shadow: 0 22px 40px -28px rgba(81, 83, 255, 0.55);
}
.vw-fpage .vw-fpage__question summary {
display: flex;
gap: 20px;
align-items: center;
justify-content: space-between;
padding: 22px 26px;
cursor: pointer;
list-style: none;
}
.vw-fpage .vw-fpage__question summary::-webkit-details-marker {
display: none;
}
.vw-fpage .vw-fpage__question summary:focus-visible {
outline: 3px solid rgba(81, 83, 255, 0.45);
outline-offset: 2px;
border-radius: 16px;
}
.vw-fpage .vw-fpage__question h3 {
margin: 0;
font-size: 18px;
font-weight: 600;
line-height: 1.4;
}
.vw-fpage .vw-fpage__question .vw-fpage__prose {
padding: 0 26px 24px;
}
.vw-fpage .vw-fpage__question .vw-fpage__prose p {
font-size: 16px;
} .vw-fpage .vw-fpage__sign {
position: relative;
flex: none;
width: 32px;
height: 32px;
border-radius: 50%;
background: rgba(81, 83, 255, 0.1);
transition: background-color 0.2s ease;
}
.vw-fpage .vw-fpage__sign::before,
.vw-fpage .vw-fpage__sign::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 2px;
border-radius: 2px;
background: var(--vw-accent);
transform: translate(-50%, -50%);
transition: transform 0.3s var(--vw-ease), background-color 0.2s ease;
}
.vw-fpage .vw-fpage__sign::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.vw-fpage .vw-fpage__question[open] .vw-fpage__sign {
background: var(--vw-accent);
}
.vw-fpage .vw-fpage__question[open] .vw-fpage__sign::before,
.vw-fpage .vw-fpage__question[open] .vw-fpage__sign::after {
background: #fff;
}
.vw-fpage .vw-fpage__question[open] .vw-fpage__sign::after {
transform: translate(-50%, -50%) rotate(0deg);
}
.vw-fpage .vw-fpage__outro {
margin-top: 80px;
padding: 36px 40px;
border: 1px solid rgba(81, 83, 255, 0.14);
border-radius: 22px;
background:
radial-gradient(520px 260px at 100% 100%, rgba(166, 5, 153, 0.1), transparent 70%),
linear-gradient(140deg, #f3f4ff 0%, #f6f1ff 100%);
}
.vw-fpage .vw-fpage__outro p {
color: var(--color-heading);
font-size: 18px;
} .vw-fpage .vw-fpage__cta {
position: relative;
display: flex;
gap: 40px;
align-items: center;
justify-content: space-between;
overflow: hidden;
margin-top: 80px;
padding: 44px 48px;
border-radius: 24px;
background:
radial-gradient(600px 320px at 95% 120%, rgba(166, 5, 153, 0.6), transparent 65%),
linear-gradient(140deg, #5153ff 0%, #5b2fe0 55%, #6a1fc9 100%);
box-shadow: 0 30px 60px -34px rgba(41, 37, 140, 0.65);
}
.vw-fpage .vw-fpage__cta::before {
content: "";
position: absolute;
top: -90px;
right: 18%;
width: 340px;
aspect-ratio: 1232 / 1128;
background: url(//vetswise.com/wp-content/plugins/anaton-core/assets/img/vw-heart-line.png) center / contain no-repeat;
opacity: 0.14;
transform: rotate(12deg);
pointer-events: none;
}
.vw-fpage .vw-fpage__cta-text {
position: relative;
max-width: 640px;
}
.vw-fpage .vw-fpage__cta-title {
margin: 0;
color: #fff;
font-size: 30px;
font-weight: 600;
line-height: 1.25;
letter-spacing: -0.015em;
text-wrap: balance;
}
.vw-fpage .vw-fpage__cta-text p {
margin: 10px 0 0;
color: rgba(255, 255, 255, 0.84);
font-size: 17px;
line-height: 1.6;
text-wrap: pretty;
}
.vw-fpage .vw-fpage__cta-button {
position: relative;
display: inline-flex;
flex: none;
gap: 10px;
align-items: center;
padding: 17px 28px;
border-radius: 14px;
background: #fff;
box-shadow: 0 18px 36px -18px rgba(18, 8, 70, 0.7);
color: var(--vw-accent);
font-family: var(--font-heading);
font-size: 16px;
font-weight: 700;
line-height: 1.2;
transition: transform 0.25s var(--vw-ease), box-shadow 0.25s ease;
}
.vw-fpage .vw-fpage__cta-button .fa-arrow-right {
font-size: 14px;
transition: transform 0.25s var(--vw-ease);
}
.vw-fpage .vw-fpage__cta-button:hover,
.vw-fpage .vw-fpage__cta-button:focus-visible {
color: var(--vw-accent);
box-shadow: 0 24px 44px -18px rgba(18, 8, 70, 0.8);
transform: translateY(-2px);
}
.vw-fpage .vw-fpage__cta-button:hover .fa-arrow-right {
transform: translateX(4px);
}
.vw-fpage .vw-fpage__cta-button:focus-visible {
outline: 3px solid rgba(255, 255, 255, 0.75);
outline-offset: 3px;
}
.vw-fpage .vw-fpage__related {
margin-top: 90px;
}
.vw-fpage .vw-fpage__related-title {
margin: 0 0 24px;
font-size: 26px;
font-weight: 600;
line-height: 1.3;
} .vw-fpage .vw-fpage__related-list {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 18px;
margin: 0;
padding: 0;
list-style: none;
}
.vw-fpage .vw-fpage__module {
margin: 0;
}
.vw-fpage .vw-fpage__module a {
display: flex;
flex-direction: column;
overflow: hidden;
height: 100%;
border: 1px solid rgba(81, 83, 255, 0.12);
border-radius: 18px;
background: #fff;
box-shadow: 0 10px 24px -18px rgba(41, 37, 140, 0.35);
transition: border-color 0.2s ease, box-shadow 0.25s ease, transform 0.25s var(--vw-ease);
}
.vw-fpage .vw-fpage__module a:hover,
.vw-fpage .vw-fpage__module a:focus-visible {
border-color: rgba(81, 83, 255, 0.35);
box-shadow: 0 24px 44px -26px rgba(81, 83, 255, 0.55);
transform: translateY(-4px);
}
.vw-fpage .vw-fpage__module a:focus-visible {
outline: 3px solid rgba(81, 83, 255, 0.45);
outline-offset: 2px;
} .vw-fpage .vw-fpage__module-shot {
display: block;
overflow: hidden;
aspect-ratio: 16 / 10;
padding: 16px 0 0 16px;
background:
radial-gradient(260px 160px at 100% 100%, rgba(166, 5, 153, 0.16), transparent 70%),
linear-gradient(140deg, #eef0ff 0%, #f1ecff 100%);
}
.vw-fpage .vw-fpage__module-shot img {
display: block;
width: 190%;
max-width: none;
height: auto;
border-radius: 8px 0 0 0;
box-shadow: 0 0 0 1px rgba(81, 83, 255, 0.1), 0 14px 28px -16px rgba(41, 37, 140, 0.45);
transform-origin: 0 0;
transition: transform 0.6s var(--vw-ease);
}
.vw-fpage .vw-fpage__module a:hover .vw-fpage__module-shot img {
transform: scale(1.04);
}
.vw-fpage .vw-fpage__module-body {
display: flex;
flex: 1;
flex-direction: column;
gap: 8px;
padding: 18px 20px 20px;
}
.vw-fpage .vw-fpage__module-name {
color: var(--color-heading);
font-family: var(--font-heading);
font-size: 17px;
font-weight: 600;
line-height: 1.3;
}
.vw-fpage .vw-fpage__module-text {
display: -webkit-box;
overflow: hidden;
color: var(--vw-muted);
font-size: 14px;
line-height: 1.55;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
}
.vw-fpage .vw-fpage__module-more {
display: inline-flex;
gap: 8px;
align-items: center;
margin-top: auto;
padding-top: 6px;
color: var(--vw-accent);
font-size: 14px;
font-weight: 600;
}
.vw-fpage .vw-fpage__module-more .fa-arrow-right {
font-size: 12px;
transition: transform 0.25s var(--vw-ease);
}
.vw-fpage .vw-fpage__module a:hover .fa-arrow-right {
transform: translateX(4px);
}
@media only screen and (max-width: 1199px) {
.vw-fpage .vw-fpage__related-list {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.vw-fpage .vw-fpage__intro,
.vw-fpage .vw-fpage__section.has-shot {
gap: 48px;
}
.vw-fpage .vw-fpage__title {
font-size: 38px;
}
.vw-fpage .vw-fpage__videos.has-playlist {
grid-template-columns: minmax(0, 1fr) 280px;
}
.vw-fpage .vw-fpage__pick-thumb {
width: 96px;
}
} @media only screen and (max-width: 991px) {
.vw-fpage {
padding-top: 60px;
}
.vw-fpage .vw-fpage__intro,
.vw-fpage .vw-fpage__section.has-shot,
.vw-fpage .vw-fpage__section.is-flipped {
grid-template-columns: minmax(0, 1fr);
gap: 40px;
}
.vw-fpage .vw-fpage__section.is-flipped .vw-fpage__shot {
order: 0;
}
.vw-fpage .vw-fpage__sections {
margin-top: 90px;
}
.vw-fpage .vw-fpage__section {
margin-bottom: 80px;
}
.vw-fpage .vw-fpage__band {
margin-top: 90px;
padding: 72px 0 80px;
}
.vw-fpage .vw-fpage__band-head {
flex-direction: column;
align-items: flex-start;
}
.vw-fpage .vw-fpage__band-title {
font-size: 32px;
}
.vw-fpage .vw-fpage__videos.has-playlist {
grid-template-columns: minmax(0, 1fr);
}
.vw-fpage .vw-fpage__playlist {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.vw-fpage .vw-fpage__closing {
padding: 80px 0 90px;
}
.vw-fpage .vw-fpage__faq {
grid-template-columns: minmax(0, 1fr);
gap: 8px;
} .vw-fpage .vw-fpage__cta {
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
}
@media only screen and (max-width: 767px) {
.vw-fpage {
padding-top: 48px;
}
.vw-fpage .vw-fpage__title {
font-size: 30px;
}
.vw-fpage .vw-fpage__heading {
font-size: 26px;
}
.vw-fpage .vw-fpage__lead p:first-child {
font-size: 17px;
}
.vw-fpage .vw-fpage__prose p {
font-size: 16px;
}
.vw-fpage .vw-fpage__hero {
padding: 0 0 18px 12px;
}
.vw-fpage .vw-fpage__hero::before {
inset: 18px 0 0 12px;
transform: rotate(2deg) translate(4px, 4px);
}
.vw-fpage .vw-fpage__sections {
margin-top: 72px;
}
.vw-fpage .vw-fpage__section {
margin-bottom: 64px;
}
.vw-fpage .vw-fpage__band {
margin-top: 72px;
padding: 60px 0 64px;
}
.vw-fpage .vw-fpage__band::before {
width: 420px;
}
.vw-fpage .vw-fpage__band-title {
font-size: 28px;
}
.vw-fpage .vw-fpage__play-icon {
bottom: 14px;
left: 14px;
width: 52px;
height: 52px;
box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.22), 0 12px 28px -10px rgba(18, 8, 70, 0.6);
font-size: 16px;
}
.vw-fpage .vw-fpage__playlist {
grid-template-columns: minmax(0, 1fr);
}
.vw-fpage .vw-fpage__question summary {
padding: 18px 20px;
}
.vw-fpage .vw-fpage__question .vw-fpage__prose {
padding: 0 20px 20px;
}
.vw-fpage .vw-fpage__outro {
margin-top: 56px;
padding: 26px 24px;
}
.vw-fpage .vw-fpage__cta {
margin-top: 56px;
padding: 30px 24px 26px;
border-radius: 20px;
}
.vw-fpage .vw-fpage__cta-title {
font-size: 24px;
}
.vw-fpage .vw-fpage__cta-text p {
font-size: 16px;
}
.vw-fpage .vw-fpage__cta-button {
justify-content: center;
width: 100%;
padding: 16px 14px;
font-size: 15px;
text-align: center;
}
.vw-fpage .vw-fpage__related {
margin-top: 64px;
} .vw-fpage .vw-fpage__related-list {
grid-template-columns: minmax(0, 1fr);
gap: 12px;
}
.vw-fpage .vw-fpage__module a {
flex-direction: row;
} .vw-fpage .vw-fpage__module-shot {
position: relative;
flex: none;
width: 112px;
aspect-ratio: auto;
padding: 0;
}
.vw-fpage .vw-fpage__module-shot img {
position: absolute;
top: 12px;
left: 12px;
width: 300%;
}
.vw-fpage .vw-fpage__module-body {
gap: 4px;
padding: 14px 16px 14px 14px;
}
.vw-fpage .vw-fpage__module-name {
font-size: 16px;
}
.vw-fpage .vw-fpage__module-text {
font-size: 13.5px;
-webkit-line-clamp: 2;
line-clamp: 2;
}
.vw-fpage .vw-fpage__module-more {
padding-top: 4px;
font-size: 13.5px;
}
}
@media (prefers-reduced-motion: reduce) {
.vw-fpage * {
transition: none !important;
}
}