@import url('https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@font-face {
    font-family: 'IvyPresto Headline';
    src: url('../fonts/IvyPrestoHeadline-Light.woff2') format('woff2'), url('../fonts/IvyPrestoHeadline-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IvyPresto Headline';
    src: url('../fonts/IvyPrestoDisplay-LightItalic.woff2') format('woff2'),
        url('../fonts/IvyPrestoDisplay-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}


*,
*:after,
*:before {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
    font: inherit;
}

a {
    color: inherit;
    text-decoration: none;
}

img,
picture,
svg,
video {
    display: block;
    max-width: 100%;
    height: auto;
}

input,
select,
textarea {
    background-color: transparent;
    outline: none;
}

button {
    cursor: pointer;
    background-color: transparent;
    outline: none;
    border: 0;
}

body {
    min-height: 100vh;
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    font-family: "Inter", sans-serif;
    background-color: #131313;
}

.wrapper {
    background-color: #f1efde;
    max-width: 2200px;
    margin: 0 auto;    
}

.aligncenter {
    margin: 15px auto 15px;
}

.alignleft {
    float: left;
    margin: 15px 20px 15px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.07;
}

main {
    overflow: hidden;
}

p:last-child,
p:last-of-type {
    margin-bottom: 0;
}

em {
    font-style: italic;
}

.z-10 {
    z-index: 10;
}

.z-99 {
    z-index: 99;
}

.fw-semibold {
    font-weight: 500 !important;
}

.border-bottom-none {
    border-bottom: none !important;
}

.button {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    font-size: 16px;
    line-height: 0.9;
    letter-spacing: -0.01em;
    font-weight: 400;
    padding: 14px 20px;
    border-radius: 40px;
    background-color: rgba(241, 239, 222, 0.2);
}

.button-primary {
    background-color: #ffaf1f;
    padding: 13px 20px;
    gap: 40px;
}

.button-secondary {
    font-size: 12px;
    letter-spacing: 0.09em;
    border-radius: 32px;
    padding: 8px;
    text-wrap: nowrap;
    color: #F1EFDE;
}

.cursor-pointer {
    cursor: pointer;
}

.border-dark {
    border-color: #1e1e1e !important;
}
.border-dark-light {
    border-color: rgb(30, 30, 30, 0.3) !important;
}

.rounded-xs {
    border-radius: 8px;
}

.tracking-xxxs {
    letter-spacing: -0.035em;
}

.tracking-xxs {
    letter-spacing: -0.06em;
}

.tracking-xs {
    letter-spacing: -0.01em;
}

.tracking-base {
    letter-spacing: 0.02em;
}

.tracking-md {
    letter-spacing: 0.09em;
}

.tracking-lg {
    letter-spacing: 0.11em;
}
.leading-xs {
    line-height: 0.9 !important;
}


.leading-sm {
    line-height: 1.07 !important;
}

.leading-md {
    line-height: 1.3 !important;
}

.leading-lg {
    line-height: 1.4 !important;
}

.rounded-sm {
    border-radius: 16px;
}

.bg-purple {
    background-color: #d8ccff !important;
}

.bg-red {
    background-color: #dc5a3e !important;
}

.bg-dark {
    background-color: #1e1e1e !important;
}

.bg-beige-light {
    background-color: #e1dbc7 !important;
}

.bg-brown-dark {
    background-color: #4f1915 !important;
}

.bg-yellow {
    background-color: #ffaf1f !important;
}

.bg-yellow-2 {
    background-color: #f2dc5d !important;
}

.bg-blue {
    background-color: #3E53DC !important;
}

.text-ivory {
    color: #f1efde !important;
}

.text-yellow {
    color: #f2dc5d !important;
}

.text-blue {
    color: #3E53DC !important;
}

.text-dark {
    color: #1e1e1e !important;
}

.text-brown-light {
    color: #dc5a3e !important;
}

.text-dark-light {
    color: #323232 !important;
}

.text-purple {
    color: #d8ccff !important;
}

.text-gray {
    color: rgb(30, 30, 30, 0.8) !important;
}
.text-gray-light {
    color: #BABABA !important;
}

.text-yellow-2 {
    color: #FFAF1F !important;
}
.blend-multiply {
    mix-blend-mode: multiply;
}

.border-ivory {
    border-color: rgb(241, 239, 222, 0.2) !important;
}

.text-rose {
    color: #B39B97 !important;
}

.text-xxs {
    font-size: 10px;
}

.text-xs {
    font-size: 12px;
}

.text-md {
    font-size: 20px;
}

.text-lg {
    font-size: 32px;
}

.text-xl {
    font-size: 48px;
}
.opacity-70 {
    opacity: 0.7;
}
.opacity-80 {
    opacity: 0.8;
}

.bg-normal {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.font-geist {
    font-family: "Geist Mono", monospace;
}

.font-ivypresto {
    font-family: 'IvyPresto Headline', sans-serif;
}

.category {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #f1efde;
    font-size: 12px;
    padding: 8px;
    border-radius: 32px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    font-family: "Geist Mono", monospace;
    gap: 8px;
    letter-spacing: 0.09em;
    background-color: rgba(241, 239, 222, 0.2);
    min-width: 80px;
    font-weight: 400;
    text-align: center;
}

.cs-subheading {
    line-height: 1.3;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.cs-heading {
    font-size: 40px;
    letter-spacing: 0.9px;
    line-height: 1;
}

.dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
}

.badge {
    background-color: rgba(241, 239, 222, 0.2);
    border-radius: 32px;
    min-width: 80px;
    font-weight: 400;
    text-align: center;
}

.header-top {
    background-color: #dc5a3e;
}

.header-logo a {
    display: block;
    max-width: 166px;
    padding: 0 !important;
}

.header .header-main a {
    font-size: 14px;
    position: relative;
    letter-spacing: 0.09em;
    padding: 8px 16px;
    border-radius: 40px;
    color: #F1EFDE !important;
}



.header .header-main .nav-item-current a span {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
    top: -2px;
    position: relative;
}

.header .header-main a:hover {
    background-color: rgba(241, 239, 222, 0.2);
}

.header .header-main li.nav-item-has-children a {
    padding-right: 20px;
}

.header .menu-short ul li.nav-item-has-children>a::after {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    background: url('../images/menu-plus.svg') no-repeat center;
    background-size: contain;
    width: 9px;
    height: 9px;
    margin: 0;
    border: none;
}

.header .header-main .dropdown-menu {
    background: #f1efde;
}

.header .header-main .dropdown-menu a {
    color: #1e1e1e !important;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}

.header .header-main .dropdown-menu a:hover {
    background-color: rgba(30, 30, 30, 0.1);
    border-radius: 5px;
}

.header-user {
    width: 41px;
    height: 41px;
}

.header-user a {
    padding: 0 !important;
}

.header .btn-toggle-menu {
    font-size: 18px;
    letter-spacing: -0.01em;
    padding: 10px 30px;
    border-radius: 40px;
    background-color: #f2dc5d;
}

.colossal-company a:hover {
    font-weight: 700;
}

.header .menu-full .menu a {
    font-size: 24px;
}

.header .header-main .header-logo a:hover {
    background: none;
}

.header .logo-dark {
    display: none;
}

.header-logo a:hover {
    background-color: none
}

/* Menu Right */
.menu-full.offcanvas-end {
    width: 895px;
    top: 9px;
    height: calc(100dvh - 18px);
    right: 9px;
    max-width: 100%;
}

.menu-full .offcanvas-header {
    padding-top: 42px;
    padding-bottom: 30px;
}

.menu-full .button-close {
    font-size: 18px;
}


.menu-full .menu-large a {
    color: #DC5A3E;
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -0.06em;
    font-weight: 500;
    display: block;
}

.menu-full .menu-col {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.035em;
    margin-bottom: 20px;
}

.menu-full .menu-col a {
    transition: all 0.4s ease;
    border-bottom: 2px solid transparent;
}

.menu-full .menu-col a:hover {
    border-bottom: 2px solid #000
}


/* Header Dark */
.header-dark .logo-dark {
    display: block;
}

.header-dark .logo-white {
    display: none;
}

.header-dark .header-main a {
    color: #1E1E1E !important;
}

.header-dark .menu-short ul li.nav-item-has-children>a::after {
    background-image: url('../images/menu-plus-dark.svg');
}

.home-hero-slider .slide {
    position: relative;
    transition: transform 0.5s ease;
}

.home-hero-slider .slide::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
    pointer-events: none;
}

.home-hero-slider video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    max-height: 864px;
}

.home-hero-overlay {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    text-align: center;
    z-index: 10;
    width: 100%;
    text-align: center;
    padding: 0 30px;
}

.home-hero-overlay h1 {
    font-size: 107px;
    line-height: 107%;
}

.home-hero .slider-bottom {
    position: absolute;
    bottom: 18px;
    left: 20px;
}

/* Home About CSS */
.home-about {
    padding: 157px 0 40px;
}

.home-about-heading {
    font-size: 88px;
    line-height: 107%;
    margin-bottom: 157px;
}

.home-about-card .heading {
    font-size: 48px;
    line-height: 1;
    letter-spacing: -0.06em;
}

.home-about-desc {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -0.01em;
}

.home-about-card .button img {
    width: 12px;
    height: 12px;
}

.home-about-img {
    aspect-ratio: 661/718;
    overflow: hidden;
}

.home-cate-item {
    aspect-ratio: 672/520;
    overflow: hidden;
    cursor: pointer;
    display: block;
}

/* .grid-item-container-stagger,
.grid-item-container {width: 90%; transition: all 0.6s ease-in-out;}
.grid-item img {width: 110% !important; margin-left: -5%; margin-top: 0%; max-width: none;  transition: all 0.6s ease-in-out;}
.grid-item-container-stagger.active,
.grid-item-container.active {width: 100%;}

.grid-item-container-stagger.active img,
.grid-item-container.active img {width: 100% !important; margin-left: 0;} */

.grid-item-container.active img {
    width: 105%;
    height: 110% !important;
    margin-top: -5%
}

.home-cate-item.item-large {
    aspect-ratio: 1376/774;
}

.home-cate-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    pointer-events: none;
    border-radius: inherit;
}

.home-cate-explore-title {
    font-size: 72px;
    line-height: 107%;
}

.home-cate-explore-btn {
    font-size: 12px;
    letter-spacing: 0.09em;
    border-radius: 32px;
    padding: 8px;
    text-wrap: nowrap;
}

/* HOme Serivces */
.home-services {
    padding: 96px 0 35px;
}

.home-services-desc {
    line-height: 1.3;
    letter-spacing: -0.01em;
    opacity: 0.8;
}

.home-services .menu-item {
    font-family: 'IvyPresto Headline', sans-serif;
    font-size: 80px;
    line-height: 107%;
    color: #f1efde;
    cursor: pointer;
    transition: all 0.3s;
    opacity: 0.3;
    text-align: center;
}

.menu-item.active {
    opacity: 1;
}

.home-services-content {
    display: none;
}

.home-services-content .inner {
    aspect-ratio: 672/783;
    overflow: hidden;
    position: relative;
}

.home-services-content .inner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, 0) 100%);
    opacity: 0.2;
    pointer-events: none;
}

.home-services-content.active {
    display: block;
}

.home-services-content .content {
    position: absolute;
    top: 24px;
    left: 0;
    width: 100%;
}

.home-services-content .text {
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.btn-custom {
    background: #fdc52c;
    color: #000;
    border-radius: 20px;
    padding: 10px 20px;
    border: none;
    font-weight: bold;
}

.panel-img {
    border-radius: 12px;
    max-width: 100%;
}

.home-services-content-list .item {
    opacity: 0.6;
}

.home-services-content-list .item.active {
    opacity: 1;
}

.home-services-content-list .item.active .dot {
    background-color: #dc5a3e;
}

/* genetic-process  */
.genetic-process {
    padding: 102px 0;
}

.genetic-process-img {
    position: absolute;
    top: -100px;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    width: 136px;
    height: 136px;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.genetic-process-item:hover .genetic-process-img {
    opacity: 1;
    top: -120px;
}

.genetic-process-title {
    font-size: 65px;
    line-height: 107%;
}

.genetic-process-desc {
    line-height: 1.3;
    letter-spacing: -0.01em;
    opacity: 0.8;
}

.genetic-process .button {
    gap: 22px;
    background-color: rgba(30, 30, 30, 0.1);
}

.genetic-process-item:hover .button {
    background-color: #f2dc5d;
}

/* promise */
.promise-main {
    background-color: #3e53dc;
    padding: 127px 40px 170px;
}

.promise-heading {
    font-size: 96px;
    line-height: 107%;
}

/* testimonials */
.testimonials-img {
    aspect-ratio: 672/782;
    overflow: hidden;
}

.testimonials-img::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #f1efde;
    mix-blend-mode: multiply;
    pointer-events: none;
}

.testimonial-content {
    font-family: 'IvyPresto Headline', sans-serif;
    font-size: 32px;
    line-height: 137%;
    letter-spacing: 0.02em;
    color: #1e1e1e;
    margin-bottom: 48px;
}

.testimonial-author {
    font-family: 'IvyPresto Headline', sans-serif;
    font-size: 40px;
    letter-spacing: 0.02em;
    color: #1e1e1e;
    line-height: 107%;
    margin-bottom: 20px;
}

.testimonial-position {
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0.09em;
    font-family: "Geist Mono", monospace;
    color: #4f1915;
}

.testimonials .slick-slider {
    padding-top: 80px;
}

.testimonials .slick-dots {
    list-style: none;
    position: absolute;
    margin-top: 20px;
    top: 0;
    left: 0;
    width: 100%;
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0;
}

.testimonials .slick-dots .slick-number {
    font-family: "Geist Mono", monospace;
    font-size: 16px;
    line-height: 1.3;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: rgba(30, 30, 30, 0.4);
}

.testimonials .slick-dots .slick-active .slick-number {
    background: #F2DC5D;
    color: #1e1e1e;
    mix-blend-mode: multiply;
}

/* home-story */
.home-story {
    background-color: #e1dbc7;
    overflow: hidden;
}

.home-story-desc {
    line-height: 1.3;
    letter-spacing: -0.01em;
    top: 30px;
}

.story-slider {
    width: 100vw;
}

.story-slider .slick-list {
    overflow: visible;
}

.story-item {
    width: 542px;
    margin-right: 33px;
}

.story-image {
    position: relative;
    aspect-ratio: 542/521;
    overflow: hidden;
    display: block;
    margin-bottom: 32px;
}

.story-image img {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    object-fit: cover;
}

.story-category {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #f1efde;
    font-size: 12px;
    padding: 8px;
    border-radius: 32px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    font-family: "Geist Mono", monospace;
    gap: 8px;
    letter-spacing: 0.09em;
}

.story-title {
    font-family: 'IvyPresto Headline', sans-serif;
    font-size: 32px;
    line-height: 107%;
    letter-spacing: 0.02em;
    color: #1e1e1e;
    margin-bottom: 24px;
}

.story-excerpt {
    font-size: 16px;
    color: rgba(30, 30, 30, 0.6);
    letter-spacing: -0.01em;
    margin-bottom: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    max-width: 85%;
}

.story-btn {
    display: inline-block;
    color: #dc5a3e;
    font-size: 12px;
    line-height: 1.3;
    font-family: "Geist Mono", monospace;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-wrap: nowrap;
}

/* home-recover */
.home-recover {
    padding: 102px 0 32px;
}

.home-recover .content p {
    font-size: 19px;
    line-height: 1.5;
    letter-spacing: -0.01em;
    font-weight: 300;
}

.home-recover-heading {
    font-size: clamp(60px, 17.361vw, 250px);
    line-height: 87%;
}

.home-recover-header img {
    width: clamp(80px, 9.444vw, 136px);
    height: clamp(80px, 9.444vw, 136px);
    position: absolute;
    z-index: 2;
}

.home-recover-header .img-1 {
    right: 15%;
    top: -2%;
}

.home-recover-header .img-2 {
    left: 1%;
    top: 30%;
}

.home-recover-header .img-3 {
    left: 35%;
    bottom: 18%;
}

.home-recover-header .img-4 {
    right: 22%;
    bottom: -11%;
}

.home-recover-header-mb img {
    width: 70px;
    height: 70px;
}

.home-recover .button-primary {
    background-color: #f2dc5d;
}

.home-recover-img {
    aspect-ratio: 672/672;
    overflow: hidden;
}

.home-recover-img::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #f1efde;
    mix-blend-mode: multiply;
    pointer-events: none;
}

.home-recover-trust-item {
    width: 130px;
    height: 128px;
    border-radius: 12px;
    background-color: #e1dbc7;
}

.home-recover-trust-item .img {
    mix-blend-mode: multiply;
    opacity: 0.6;
    max-width: 76px;
}

/* our-partners */
.our-partners-main {
    min-height: 554px;
}

.our-partners-main .line {
    width: 2px;
    height: auto;
    background-color: #f1efde;
    opacity: 0.5;
    transform: rotate(20deg);
}

/* conservation */
.conservation-box {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    flex: 0 0 calc((100% - 32px) * 0.5);
    min-height: 520px;
    transition: all 0.4s ease-in-out;
}

.conservation-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

.conservation-box-title {
    transition: all 0.4s ease-in-out;
}

.conservation-box.active {
    flex-basis: calc((100% - 32px) * 0.5);
}

/* .conservation-container:hover .conservation-box {
    flex: 0 0 calc((100% - 32px) * 0.25);
}

.conservation-container:hover .conservation-box:hover {
    flex-basis: calc((100% - 32px) * 0.5);
}

.conservation-box.active .conservation-box-title {
    font-size: 72px;
}

.conservation-container:hover .conservation-box-title {
    font-size: 32px;
}

.conservation-container:hover .conservation-box:hover .conservation-box-title {
    font-size: 72px;
} */

.conservation-cate {
    position: absolute;
    top: 10px;
    left: 12px;
}

.conservation .button {
    padding: 8px 10.5px;
    transition: all 0.3s ease-in-out;
}

.conservation .button:hover {
    background: #f3dc5e;
    color: #000 !important;
}

/* home-contact */

.home-contact-main {
    min-height: 774px;
}

.home-contact-heading {
    font-size: 56px;
    line-height: 107%;
}

/* Footer */
.footer-title {
    font-size: 48px;
    letter-spacing: -0.06em;
}

.footer-menu {
    font-size: 16px;
    line-height: 168%;
    letter-spacing: -0.035em;
}

.footer-logo {
    margin-bottom: -24px;
    max-width: 1440px;
    margin: 0 auto;
}

.footer-bottom {
    gap: 15px clamp(30px, 10.417vw, 150px);
    margin-top: -39px;
}



/* Dogs page */
.dog-hero {
    padding-top: 77px;
}

.dog-hero-heading {
    letter-spacing: -0.02em;
    font-size: clamp(80px, 34.444vw, 496px);
    line-height: 0.87;
}

.dog-hero-content-wrapper {
    max-width: 694px;
    margin: 0 auto;
    top: clamp(-90px, -6.25vw, -50px);
}

.dog-hero-video {
    aspect-ratio: 694 / 538;
}


.dog-facts .dog-facts-deco {
    max-width: 168px;
    right: -25px;
    bottom: -80px;
    filter: blur(12px);
}

.life-cycle .life-cycle-dog .cat-jump {
    max-width: 592px;
    top: -9px;
    left: 296px;
}



.dog-hero-content {
    position: absolute;
    right: -50%;
    top: 50%;
    max-width: 315px;
}

.dog-hero-content p {
    font-size: 28px;
}


.dog-about-img {
    aspect-ratio: 672 / 680;
    overflow: hidden;
}

.dog-about-cate {
    position: absolute;
    top: 22px;
    left: 19px;
}


.dog-process {
    padding: 157px 0 40px;
}

.dog-process-heading {
    font-size: 88px;
    margin-bottom: 124px;
}

.dog-process-video {
    aspect-ratio: 408/412;
    overflow: hidden;
    flex: 1;
}
.dog-process-video video,
.dog-process-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 23px;
}

.dog-process-wrapper {
    display: flex;
    flex-direction: column;
    gap: 120px;
    padding-bottom: 150px;
}

.dog-process-step {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.dog-process-step .left {
    width: 50%;
    font-family: "Geist Mono", monospace;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0.09em;
    color: rgb(241, 239, 222, 0.5);
    padding-right: 5%;
}

.dog-process-step .right {
    width: 50%;
    padding-left: 5%;
}

.dog-process-bar-wrapper {
    background-color: rgb(241, 239, 222, 0.2);
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
}

.dog-process-bar {
    background: linear-gradient(180deg, #F2DC5D 40%, rgba(242, 220, 93, 0) 100%);
    will-change: width, height;
    height: 0%;
}

.dog-process-title {
    font-size: 40px;
    font-weight: 500;
    letter-spacing: -0.06px;
    color: #F1EFDE;
    margin-bottom: 46px;
}

.dog-process-content {
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.01em;
    color: rgb(241, 239, 222, 0.8);
}

.step-dot {
    position: absolute;
    top: 0;
    left: calc(50% - 11px);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #F2DC5D;
    z-index: 2;
}

.dog-connection {
    padding-bottom: 40px !important;
}

.dog-quote::before {
    background: #DC5A3E !important;
}

.dog-connection .cat-connection-img img {
    width: 100% !important;
    margin-top: -39px;
}

.dog-connection .cat-connection-img .category {
    top: 13%;
    left: 3%;
}



.our-clients {
    padding: 90px 0;
}

.our-clients-logos {
    animation: scroll 15s linear infinite;
}

.our-clients-logos .item {
    width: 260px;
    height: 256px;
    border-radius: 24px;
    background-color: #E1DBC7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 24px;
    padding: 10px;

}

.our-clients-logos .item p {
    font-family: "Geist Mono", monospace;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0.09em;
    color: #62605B;
    margin-top: 12px;
}

.our-clients-logos .item img {
    max-height: 80%;
    margin: 0 auto;
}


@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-100%));
    }
}


/* Cat Page */
.cat-hero {
    padding-bottom: 0 !important;
}

.cat-facts {
    height: 895px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: -100px;
}

.cat-facts-heading {
    font-size: 72px;
}

.cat-facts-content {
    position: absolute;
    top: 58%;
    left: 5%;
    transform: translateY(-50%);
    max-width: 427px;
}

.cat-facts-deco {
    max-width: 541px;
    position: absolute;
    bottom: -287px;
    right: -380px;
}

.life-cycle {
    padding: 67px 0;
}

.life-cycle p {
    opacity: 0.8;
}

.life-cycle-heading {
    font-size: clamp(40px, 9.375vw, 129px);
}

.life-cycle-1 {
    max-width: 374px;
}

.life-cycle-content {
    max-width: 254px;
    margin-top: 50px;
    gap: 12px;
}

.life-cycle-2 {
    max-width: 489px;
    margin-left: auto;
    margin-top: -360px;

}

.life-cycle-2 .video {
    aspect-ratio: 489/403;
}

.life-cycle .line {
    position: absolute;
    z-index: 2;
}

.life-cycle-1 .line {
    top: 260px;
    left: 178px;
    max-width: 869px;
}

.life-cycle-1 .life-cycle-content {
    margin-top: 40px;
}

.life-cycle-1 .image {
    aspect-ratio: 374/460;
}

.life-cycle-2 .line {
    bottom: -100px;
    right: 255px;
    max-width: 658px;
}

.life-cycle .cat-jump {
    top: -45px;
    left: 340px;
    max-width: 567px;
    z-index: 1;
}

.life-cycle-3 {
    max-width: 511px;
    margin-top: -170px;
    margin-left: 141px;
}

.life-cycle-3 .video {
    aspect-ratio: 1;
}

.life-cycle-3 .life-cycle-content {
    margin-top: 36px;
}

.life-cycle-3 .line {
    bottom: 79px;
    left: -112px;
    max-width: 237px;
    z-index: -1;
}

.life-cycle-3 .line-2 {
    bottom: -122px;
    right: -370px;
    left: auto;
    max-width: 504px;
    z-index: 2;
}

.life-cycle-3 .our-science {
    bottom: 190px;
    right: -206px;
    max-width: 145px;
}

.life-cycle-4 {
    max-width: 510px;
    margin: -292px 28px 0 auto;
}

.life-cycle-4 .image {
    aspect-ratio: 510/658;
}

.life-cycle-4 .life-cycle-content {
    margin-top: 42px;
}

.life-cycle-4 .line {
    max-width: 208px;
    right: -62px;
    bottom: 72px;
    z-index: -1;
}

.life-cycle-4 .line-2 {
    max-width: 616px;
    left: -481px;
    bottom: 74px;
    z-index: 2;
}

.life-cycle-5 {
    max-width: 446px;
    margin: -410px 0 0 65px;
}

.life-cycle-5 .video {
    aspect-ratio: 1;
}

.life-cycle-5 .life-cycle-content {
    margin-top: 46px;
}

.life-cycle-5 .line {
    max-width: 58px;
    left: 22px;
    bottom: 72px;
    z-index: -1;
}

.life-cycle-5 .line-2 {
    max-width: 257px;
    right: -180px;
    bottom: -411px;
    z-index: 2;
    left: auto;
}

.life-cycle-end {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 574px;
    margin-top: 122px;
    padding: 50px 138px;
}

.life-cycle-end .cat-white {
    max-width: 741px;
    aspect-ratio: 1;
    width: 100%;
    right: -215px;
    top: -377px;
    z-index: -1;
}

.cat-about-header {
    opacity: 0.4;
}

.cat-about-heading {
    font-size: 80px;
    margin-bottom: 115px;
}

.blood-banking-heading {
    font-size: clamp(42px, 10.208vw, 147px);
    margin-bottom: 187px;
}

.blood-banking {
    padding: 133px 0 160px;
}

.blood-banking-img {
    aspect-ratio: 671 / 782;
}

.blood-banking-img::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 0% 0%,
            rgba(84, 82, 85, 0.85) 0%,
            rgba(84, 82, 85, 0.4) 40%,
            rgba(84, 82, 85, 0) 70%);
    pointer-events: none;
    opacity: 0.5;
    border-radius: 16px;
}


.blood-banking-video {
    height: 83%;
}

.blood-banking-video::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgb(30, 30, 30, 0) 5%, rgb(30, 30, 30, 1) 80%);
    pointer-events: none;
}

.cat-trust {
    min-height: 1000px;
}

.cat-trust-heading {
    font-size: 72px;
}

.cat-trust-video::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

.cat-quote {
    border-radius: 24px;
    padding: 248px 12px 44px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cat-quote::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #3E53DC;
    mix-blend-mode: multiply;
    pointer-events: none;
    border-radius: inherit;
}

.cat-quote-heading {
    font-size: clamp(40px, 8.333vw, 120px);
    margin-bottom: 190px;
}

.cat-testimonials .testimonials-img::before {
    display: none;
}

.cat-connection {
    padding: 97px 0 110px;
}

.cat-connection-heading {
    font-size: clamp(40px, 7.014vw, 101px);
    line-height: 0.97;
    margin-bottom: 18px;
}

.cat-connection-title {
    font-size: 42px;
}

.cat-connection-content {
    color: rgb(241, 239, 222, 0.6);
}

.cat-connection .category {
    top: 87px;
    left: 18px;
}

.cat-connection-img img {
    max-width: unset;
    width: 125%;
}

.cat-info {
    padding: 97px 0 130px;
}

.cat-info .category {
    display: none;
    top: 11%;
    left: 3%;
}

.cat-info .home-services-content .inner::before {
    display: none;
}

/* .cat-info .home-services-content .inner img {
    aspect-ratio: 3 / 4}

.cat-info .home-services-content .inner .mask {
    position: absolute;
    background: #000;
    opacity: 0.5;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} */

.cat-info .home-services-content .inner {
    aspect-ratio: unset;
}

.cat-info .home-services-content .content-inner {
    max-width: 458px;
}

.cat-info .menu-item {
    font-size: 72px;
    line-height: 1.17;
    letter-spacing: 0.01em;
}

.story-large-img {
    aspect-ratio: 1375 / 718;
}

.story-large-img::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(145, 149, 156, 0.4);
    pointer-events: none;
    border-radius: 8px;
    mix-blend-mode: multiply;
}

.story-large-img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 5% 5%,
            rgba(0, 0, 0, 1) 0%,
            rgba(0, 0, 0, 0) 40%);
    opacity: 0.74;
    pointer-events: none;
    border-radius: 8px;
}

.story-large-title {
    font-size: 88px;
}

.story-large .story-excerpt {
    max-width: 100%;
}

.vision-img {
    aspect-ratio: 646/686;
}

.vision-content {
    font-size: 48px;
    line-height: 1.27;
    margin-bottom: 57px;
}

.sceence {
    padding: 130px 0 90px;
}

.sceence-heading {
    font-size: clamp(50px, 13.056vw, 188px);
    line-height: 0.87;
}

.sceence-header .img-1 {
    right: 7%;
    top: -6%;
}

.sceence-header .img-2 {
    top: 31%;
}

.sceence-header .img-3 {
    bottom: 15%;
}

.sceence-header .img-4 {
    right: 17%;
}

/* equine page */
.equine-facts {
    margin-top: -150px;
}

.equine-facts .cat-facts-deco {
    max-width: 175px;
    bottom: -145px;
    right: 40px;
}

.life-cycle-equine .life-cycle-heading {
    font-size: clamp(40px, 8.889vw, 122px);
}

.life-cycle-equine .cat-jump {
    max-width: 514px;
    top: 110px;
    left: 365px;
}

.viagen-equine {
    padding-top: 157px;
}

.viagen-equine-heading {
    font-size: 88px;
}

.viagen-equine-header img {
    width: 136px;
    height: 136px;
}

.viagen-equine-header .img-1 {
    right: 8%;
    top: 1%;
}

.viagen-equine-header .img-2 {
    left: -7%;
    top: 32%;
}

.viagen-equine-header .img-3 {
    left: 32%;
    bottom: 12%;
}

.viagen-equine-header .img-4 {
    right: 16%;
    bottom: -16%;
}

.viagen-equine-header-mb img {
    width: 70px;
    height: 70px;
}

.dolly {
    margin: 58px 0 72px;
    min-height: 896px;
    background-position: top center;
}

.dolly::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, #ffffff 0%, #000000 100%);
    opacity: 0.5;
    pointer-events: none;
    mix-blend-mode: multiply;
}

.dolly .category {
    top: 20%;
    left: 2%;
}

.dolly-logo img {
    max-width: 696px;
}

.dolly-performance-img {
    aspect-ratio: 672/782;
}

.dolly-performance-img::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(61.47% 68.58% at 2.55% -0.05%, rgba(84, 82, 85, 0.7) 0%, rgba(84, 82, 85, 0) 100%);
    mix-blend-mode: multiply;
    pointer-events: none;
}

.science-together-content {
    min-height: 904px;
    margin-top: -140px;
    padding: 279px 12px 100px;
    background-position: top center;
}

.science-together-heading {
    font-size: clamp(40px, 7.778vw, 112px);
}

.equine-legacy-img {
    aspect-ratio: 672/867;
}

.equine-quote .cat-quote::before {
    background: #FFAF1F;
}

.equine-connection .cat-connection-img img {
    width: 100%;
}

.equine-connection .cat-connection-img .category {
    top: 3%;
    left: 14%;
}

.equine-info .category {
    top: 9%;
}

.equine-info .home-services-content .content {
    left: -5% !important;
}

.equine-legacy {
    margin-top: -150px;
}

/* About and Request CSS */
.request-information-banner {
    padding-top: 257px;
    padding-bottom: 300px;
}

.request-information-banner:after {
    height: 100%;
    content: "";
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    top: 0;
}

.about-content .our-clients {
    padding-bottom: 126px;
}

.rst-about-faq .sticky-top {
    top: 20px;
}

.request-information-banner .container {
    position: relative;
    z-index: 9;
}

.request-information-inner h1 {
    font-size: 120px;
    line-height: 100%;
    text-align: center;
    margin: 0;
}

.request-information-inner .cs-subheading {
    margin-bottom: 16px !important;
    color: #FFAF1F !important;

}

.rst-we-are-section {
    min-height: 752px;


    background: url('../images/request-information/bg_we_are.jpg') repeat-x bottom center;
    background-color: #7e8aa3 !important;

}

.rst-we-are-section:after {
    height: 100%;
    content: "";
    width: 100%;
    mix-blend-mode: Multiply;
    background: linear-gradient(180deg, rgba(113, 121, 117, 0) 26.31%, rgba(113, 121, 117, 0.7) 105.23%);
    position: absolute;
    left: 0;
    top: 0;
}

.rst-we-are-section:before {
    height: 100%;
    content: "";
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    top: 0;
}

.rst-we-are-section h2 {
    color: #F1EFDE;
    font-size: clamp(100px, 21.528vw, 310px);
    line-height: 0.77em;
    margin: 0;
}


.rst-request-information-form {
    padding-top: 66px;
    padding-bottom: 118px;
}

.rst-request-information-form-heading h2 {
    font-family: Inter;
    font-size: 56px;
    line-height: 100%;
    letter-spacing: -0.06em;
    margin: 0;
    color: #1E1E1E;

}

.rst-request-information-form-heading p {
    font-size: 20px;
    line-height: 140%;
    letter-spacing: -0.01em;
    margin: 0 0 8px 0;
    color: #323232;

}

.rst-request-information-form-heading p:last-child {
    margin: 0;
}

.rst-request-information-heading-des {
    padding-top: 14px;
}

.rst-request-information-form-heading {
    padding-bottom: 93px;
}

.rst-request-information-form .row {
    --bs-gutter-x: 30px;
}

.rst-form-let-connect-image-inner {
    border-radius: 16px;
    aspect-ratio: 672 / 783;
    overflow: hidden;
    padding-top: 26px;
    padding-left: 19px;
}

.rst-form-let-connect-image-cat {
    gap: 4px;
}

.rst-form-let-connect-image-cat>div {

    border-radius: 32px;
    padding: 8px;
    padding-right: 13px;
    width: fit-content;
    gap: 9px;
}

.rst-form-let-connect-image-cat>div:after {
    background: #F1EFDE33;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    opacity: 0.6;
    border-radius: 32px;

}

.rst-form-let-connect-image-cat>div.active:after {
    opacity: 1;
}

.rst-form-let-connect-image-cat>div p {
    font-family: "Geist Mono", monospace;
    font-weight: 400;
    font-size: 12px;
    line-height: 1em;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    margin: 0;
    color: #F1EFDE;

}

.rst-form-let-connect-image-inner:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(161.91deg, rgba(0, 0, 0, 0.3) 3.3%, rgba(0, 0, 0, 0) 41.27%);
}

.rst-we-are-section h2 img {
    display: inline;
    vertical-align: baseline;
}

.rst-form-let-connect-image-cat>div.active p {
    color: #fff;
}

.rst-form-let-connect-image-cat>div.active .dot {
    background: #DC5A3E;

}

.rst-form-field input[type="email"],
.rst-form-field input[type="text"],
.rst-form-field input[type="tel"] {
    border: 1px solid #1E1E1E66;
    border-radius: 8px;
    background: none;
    font-family: Geist Mono;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #1E1E1E;
    box-shadow: none;
    outline: none;
    padding: 29px 25px;
}

.rst-form-field {
    margin-bottom: 20px;
}

.rst-form-field textarea {
    border: 1px solid #1E1E1E66 !important;
    border-radius: 8px;
    background: none !important;
    font-family: Geist Mono;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #1E1E1E;
    box-shadow: none !important;
    outline: none !important;
    padding: 29px 25px;
    height: 444px;
    resize: none;
    margin-bottom: 20px;
}

.rst-form-field select {
    border: 1px solid #1E1E1E66 !important;
    border-radius: 8px;
    background: none;
    font-family: Geist Mono;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(30, 30, 30, 0.5);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow: none !important;
    outline: none !important;
    padding: 29px 25px;
    height: 80px;
    resize: none;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMyAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC41Ij4KPHBhdGggZD0iTTEyLjIxNDggNS4yNDYwOVY2LjY3MzgzSDAuNzkyOTY5VjUuMjQ2MDlIMTIuMjE0OFoiIGZpbGw9IiMxRTFFMUUiLz4KPHBhdGggZD0iTTcuMDM5MDYgMTEuNjcxOUw1LjYxMTMzIDExLjY3MTlMNS42MTEzMyAwLjI1TDcuMDM5MDYgMC4yNUw3LjAzOTA2IDExLjY3MTlaIiBmaWxsPSIjMUUxRTFFIi8+CjwvZz4KPC9zdmc+Cgo=) no-repeat center right 25px;
}

.rst-form-field select.has-value {
    color: rgba(30, 30, 30, 1);
}

.rst-we-are-section>img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0px auto;
}

.rst-form-field-submit {
    margin-top: 47px;
}

.rst-request-information-heading-des p {
    max-width: 606px;
}

.rst-form-field p.note {
    font-family: Geist Mono;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(30, 30, 30, 0.7);
    margin: 0;
}

.rst-form-field ::-webkit-input-placeholder {
    color: rgba(30, 30, 30, 0.5);

}

.rst-form-field ::-moz-placeholder {
    color: rgba(30, 30, 30, 0.5);
}

.rst-form-field :-ms-input-placeholder {
    color: rgba(30, 30, 30, 0.5);
}

.rst-form-field :-moz-placeholder {
    color: rgba(30, 30, 30, 0.5);
}

.rst-form-field-submit input[type="submit"] {

    color: rgba(30, 30, 30, 1);
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 1em;
    letter-spacing: -0.01em;
    border-radius: 40px;
    padding: 12px 20px;
    padding-right: 54px;
    border: none;
    outline: none;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC4zIj4KPHBhdGggZD0iTTExLjkzMzYgNS40Njg3NVY2Ljc2ODc1SDAuMzE2NDA2VjUuNDY4NzVIMTEuOTMzNloiIGZpbGw9IiMxRTFFMUUiLz4KPHBhdGggZD0iTTYuNzczNDQgMTEuOTI1OEw1LjQ3MzQ0IDExLjkyNThMNS40NzM0NCAwLjMwODU5NEw2Ljc3MzQ0IDAuMzA4NTk0TDYuNzczNDQgMTEuOTI1OFoiIGZpbGw9IiMxRTFFMUUiLz4KPC9nPgo8L3N2Zz4K) no-repeat right 20px center;
    background-color: rgba(216, 204, 255, 1) !important;
}

.rst-we-are-section>.container {
    position: relative;
    z-index: 9;
}

.rst-we-are-inner {
    padding: 93px 40px;
    padding-bottom: 160px;
}


/*about*/
.rst-about-banner h1 {
    font-size: 20px;
    line-height: 90%;
    line-height: 1em;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    margin: 0;
}

.rst-about-banner {
    min-height: 832px;
}

.rst-about-banner .container {
    position: relative;
}

.rst-about-mission {
    background: #1E1E1E;
    padding-top: 135px;
}

.rst-about-mission-inner {
    max-width: 1145px;
    margin: 0px auto;
}

.rst-about-mission-inner h2 {
    font-size: 120px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    margin: 0;
}

.rst-about-mission-inner .cs-subheading {
    color: #FFAF1F !important;
}

.rst-about-mission-inner img {
    margin: 0px auto;
    margin-top: -125px;
}

.rst-about-mission-label span {
    font-family: Geist Mono;
    font-weight: 400;
    font-size: 16px;
    line-height: 1em;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: #F1EFDE;
    opacity: 0.2;
    display: block;

}

.rst-about-mission-label {
    bottom: 128px;
    z-index: 1;
    max-width: 1000px;
    left: 0;
    right: 0;
    margin: 0px auto;
}

.rst-about-precision-down-container:after {
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    border-radius: 1rem;
    position: absolute;
    background: #00000033;
}

.rst-about-precision-down-inner {
    max-width: 1030px;
    margin: 0px auto;
}

.rst-about-precision-down-container {
    padding-top: 127px;
    padding-bottom: 177px;
}

.rst-about-precision-down-inner h2 {
    font-size: 96px;
    line-height: 107%;
    letter-spacing: 0;
    text-align: center;
    margin: 0;
    color: #F1EFDE;
}

.rst-our-science-heading {
    padding-bottom: 120px;
}

.rst-our-science {
    padding-top: 72px;
}

.rst-our-science-heading h2 {
    font-family: Inter;
    font-size: 56px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #DC5A3E;

}

.rst-our-science-heading p {
    font-family: Inter;
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    letter-spacing: -0.01em;
    margin: 0 0 8px 0;
    max-width: 606px;
    color: #323232;

}

.rst-our-science-heading p:last-child {
    margin: 0;
}

.rst-team-heading .cs-subheading {
    color: #3E53DC;

}

.rst-team-heading h3 {
    font-family: Inter;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: -0.06em;
    color: #1E1E1E;

}

.fs-custom-48 {
    font-size: 48px !important;
    letter-spacing: -0.06em;
}

.rst-list-team.row {
    --bs-gutter-y: 1.5rem;
}

.color-gray {
    color: #4F1915 !important;
}

.rst-about-faq {
    padding-top: 108px;
    padding-bottom: 132px;
}

.rst-about-new {
    padding-top: 64px;
    padding-bottom: 80px;
    background: #E1DBC7;
}

.rst-about-new-heading .cs-subheading {
    color: #3E53DC;
}

.rst-about-new-heading h3 {
    font-family: Inter;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.06em;
    color: #1E1E1E;
}

.rst-about-faq h2 {
    color: #1E1E1E;
    font-size: 260px;
    line-height: 0.87em;
}

.rst-box-faqs>h3 {
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -0.04em;
    color: #DC5A3E;

}

.rst-list-tab-faq {
    margin: 0;
    padding: 0;
    list-style: none;
}

.rst-list-tab-faq li a {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #1E1E1E80;
    font-weight: 400;
    font-size: 14px;
    line-height: 170%;
    letter-spacing: 0.09em;
    text-transform: uppercase;

}

.rst-list-tab-faq li a:before {
    width: 13px;
    height: 13px;
    display: block;
    border-radius: 50%;
    background: #ffaf1f;
    content: "";
    display: none;
}

.rst-list-tab-faq li a.active {
    color: #1E1E1E;
}

.rst-list-tab-faq li a.active:before {
    display: block;
}

.accordion-item {
    border-radius: 0 !important;
    color: #323232;
    background: none;
    border: none;
    border-top: 1px solid rgba(128, 128, 128, 0.3) !important;
    margin-bottom: 24px;
}

.accordion-item:last-child {
    margin: 0;
}

.accordion-body {
    padding: 0 0 0px 0;
}

.accordion-item:first-of-type>.accordion-header .accordion-button {
    border-radius: 0;
}

.accordion-item .accordion-header {
    font-size: 20px;
    line-height: 1.3em;
    letter-spacing: -0.04em;

}

.rst-the-stories {
    background: #D8CCFF;
}

.accordion-button {
    color: #1E1E1E;
    padding: 13px 0 16px;
    font-size: 20px;
    background: none;
    outline: none !important;
    box-shadow: none !important;
    align-items: flex-start;
    gap: 20px;
}

.accordion-button:not(.collapsed) {
    color: #DC5A3E;
    background: none;
    box-shadow: none;
}

.accordion-button::after {
    flex-shrink: 0;
    width: 32px;
    height: 26px;
    min-width: 32px;
    border-radius: 6px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOCA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6bXVsdGlwbHkiPgo8cGF0aCBkPSJNNy45NTI1OCA0LjkwNzU2SDQuNjg4NThWOC4yNTE1NkgzLjQ0MDU4VjQuOTA3NTZIMC4xOTI1NzhWMy43NTU1NkgzLjQ0MDU4VjAuNDc1NTYySDQuNjg4NThWMy43NTU1Nkg3Ljk1MjU4VjQuOTA3NTZaIiBmaWxsPSIjODA4MDgwIi8+CjwvZz4KPC9zdmc+CgoK) no-repeat center !important;
    background-color: rgba(225, 219, 199, 1) !important;
    transition: none !important;

}

.accordion-button:not(.collapsed)::after {
    transform: rotate(0deg);
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOCA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxnIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTptdWx0aXBseSI+CiAgICA8cmVjdCB4PSIwLjIiIHk9IjQiIHdpZHRoPSI3LjYiIGhlaWdodD0iMS4yIiBmaWxsPSIjODA4MDgwIi8+CiAgPC9nPgo8L3N2Zz4KCgo=) no-repeat center !important;
    background-color: rgba(225, 219, 199, 1) !important;

}

.rst-the-stories-heading h2 {
    font-size: 177.75px;
    line-height: 100%;

}

.rst-the-stories-wrap:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #000;
    border-radius: 1rem;
    top: 0;
    opacity: 0.3;

}

.rst-the-stories-heading span {
    right: 0;
    bottom: 0;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -0.04em;
    color: rgba(220, 90, 62, 1);
    display: block;
}

.text-right {
    text-align: right !important;
}

.rst-the-stories-column {
    height: 635px;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.rst-the-stories-column:first-child {
    border: none;
}

.rst-the-stories-column div {
    font-size: 200px;
    line-height: 107%;
    letter-spacing: 0;
    color: #F1EFDE;

}

.rst-the-stories-column p {
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #F2DC5D;
    margin: 0;
}

.rst-the-stories {
    padding-bottom: 70px;
}

main.about-content {
    overflow: visible;
}

.rst-about-new {
    overflow: hidden;
}

/* Conservation Page */
.conservation-hero {
    padding-top: 120px;
    padding-bottom: 72px;
}

.conservation-hero .home-recover-header .img-1 {
    right: 13%;
    top: 0%;
}

.conservation-hero .home-recover-header .img-2 {
    left: -0.7%;
    top: 27.3%;
}

.conservation-hero .home-recover-header .img-4 {
    bottom: 0;
    right: 21%;
}

.conservation-hero .home-recover-header .img-3 {
    bottom: 24%;
    left: 34%;

}

.home-recover-header .text-1 {
    position: absolute;
    left: 0%;
    bottom: 30%;
    letter-spacing: -0.8px;
}

.home-recover-header .text-2 {
    position: absolute;
    right: 5%;
    bottom: 30%;
    letter-spacing: -0.8px;
}

.conservation-our-partners {
    min-height: 776px;
}

.c-extinction {
    padding: 110px 0 60px;
}

.c-extinction::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgb(30, 30, 30, 0) 0%, rgb(30, 30, 30, 0) 50%, rgb(30, 30, 30, 50%) 71%, rgba(30, 30, 30, 100%) 100%);
    top: 0;
    left: 0;
}

.extinction-heading {
    font-size: clamp(56px, 7.22vw, 104px);
}

.extinction-wrap {
    max-width: 1048px;
}

.extinction-data {margin-top: -3px; position: relative; z-index: 2;} 

.extinction-data-heading {
    font-size: clamp(36px, 3.89vw, 56px);
}

.text-purple-light {
    color: #D8CCFF;
}

.opacity-60 {
    opacity: .6 !important
}

.extinction-data-text {
    max-width: 498px;
}

.fs-20 {
    font-size: 20px;
}

.c-genetics {
    padding: 0 0 clamp(15.28vw, 15.28vw, 220px);
    margin-top: -9.9vw;
}

.object-position-top {
    object-position: top;
}

.genetics-content {
    padding-top: clamp(18.54vw, 18.54vw, 267px);
}

.genetics-heading {
    font-size: clamp(42px, 6.333vw, 112px);
    max-width: 1176px;
    margin: 0 auto;
}

.extinction-logos .line {
    width: 2px;
    height: auto;
    background-color: #f1efde;
    opacity: 0.5;
    transform: rotate(20deg);
    bottom: 10px;
}

.protection-text {
    max-width: 606px;
    line-height: 1.4;
}

.protection-title {
    font-size: clamp(32px, 3.89vw, 56px);
    letter-spacing: -0.8px
}

.restoring-bg {
    object-position: bottom;
}

.restoring-nature {
    padding-top: 90px;
    padding-bottom: 60vw;
}

.restoring-title {
    font-size: clamp(70px, 12.22vw, 176px);
    line-height: 0.95;
}

.restoring-text {
    max-width: 985px;
    font-size: clamp(26px, 3.33vw, 48px);
    line-height: 1.1;
}

.cloning-conservation {
    padding-bottom: 100px;
}

.cloning-conservation-main {
    padding-top: 269px;
    padding-bottom: 125px;
    margin-top: -150px;
}

.cloning-conservation-heading {
    font-size: clamp(42px, 8.333vw, 96px);
    max-width: 1100px;
}

.text-yellow-dark {
    color: #FFAF1F;
}

.result-item .value {
    font-size: clamp(100px, 13.89vw, 200px);
}

.conservation-results {
    margin-top: 78px;
}

.conservation-results .result-item {
    flex: 1;
    padding-top: 83px;
    padding-bottom: 83px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.conservation-results .result-item:last-child {
    border: 0 !important;
}

.cloning-conservation-trusted {
    padding: 90px 0;
}

.cv-recover-trust-item {
    width: 130px;
    height: 128px;
    border-radius: 12px;
    background-color: rgba(218, 217, 202, 1);
}

.cv-recover-trust-item img {
    max-width: 74px;
}

.c-conservation .button-primary {
    background-color: #f2dc5d;
}

.science-compassion {
    padding-top: 112px;

}

.science-heading {
    font-size: clamp(70px, 12.22vw, 176px);
}

.partnership-promise-text {
    max-width: 410px;
}

.conservation-our-partners::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3);
}

.partners-pioneers-heading {
    font-size: clamp(36px, 5vw, 72px);
    max-width: 1045px;
}

.partners-pioneers-tab .menu-item {
    font-size: 48px;
    color: rgb(241, 239, 222, 0.2);
    cursor: pointer;
    text-align: center;
}

.partners-pioneers-tab .menu-item.active {
    color: #FFAF1F;
}

.future-biodiversity {
    padding: 150px 0;
}

.text-slide-item {
    font-size: 107px;
}

.text-slide-heading {
    white-space: nowrap;
}

.text-slider {
    animation: scroll-infinite 20s linear infinite;
}

.text-slide-item.icon {
    width: 56px;
    height: auto;
}

@keyframes scroll-infinite {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-100%));
    }
}

.sample-to-survival {
    padding-top: 150px;
}

.bg-purple-light {
    background-color: rgb(216, 204, 255, 0.4);
}

.survival-img {
    margin-top: -44px;
}

.survival-card .heading {
    max-width: 500px;
}

.process-description-heading {
    font-size: clamp(36px, 5vw, 89px);
    line-height: 1.07;
}

.process-description {
    margin-top: -45px;
    padding-top: 330px;
    padding-bottom: 110px;
}

a.nav-item-current .bg-blue {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
}

.preserving-life {
    margin-top: -18vw;
    max-height: 1600px;
}

.preserving-life .viagen-logo {
    height: 70px;
    width: auto;
}

.preserving-life-heading {
    font-size: clamp(75px, 13.54vw, 195px);
}

.preserving-life-main {
    padding-top: 25vw;
}

.together .line {
    width: 2px;
    height: auto;
    background-color: #f1efde;
    opacity: 0.5;
    transform: rotate(20deg);
}

.global-scale-heading {
    font-size: clamp(56px, 7.78vw, 112px);
    max-width: 1136px;
    line-height: 0.97;
}

.test-slider {
    padding-left: 18%;
    padding-right: 18%;
}

.test-slider .slick-list {
    overflow: visible;
}

.global-scale-text {
    max-width: 974px;
    line-height: 1.4;
}

.c-blood-banking {
    padding-top: 700px;
}

.global-scale-text {
    margin-bottom: -120px;
}

.c-blood-banking-heading {
    font-size: clamp(56px, 9.58vw, 146.93px);
    line-height: 0.96;
}

.c-blood-banking-main {
    padding: 100px 0;
}

.c-blood-banking-heading-2 {
    font-size: clamp(50px, 6.11vw, 88px);
    max-width: 1154px;
    line-height: 1.07;
    margin-top: 177px;
}

.c-blood-banking-video::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(30, 30, 30, 0) 0%, rgba(30, 30, 30, 0) 15%, rgba(30, 30, 30, 1) 69%, rgba(30, 30, 30, 1) 100%);
    z-index: 1
}

.noninvasive-blood {
    margin-top: 115px;
}

.c-bb-video:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(30, 30, 30, 1) 0%, rgba(30, 30, 30, 0.5) 15%, rgba(30, 30, 30, 1) 69%, rgba(30, 30, 30, 1) 100%);
    z-index: 1
}

.process-data {
    border-radius: 50%;
    border: 1px solid #F1EFDE;
    width: 365px;
    height: 365px;
}

.process-data-heading {
    font-size: 136px;
    line-height: 0.8;
}

.process-data::before {
    content: '';
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    position: absolute;
    top: -3px;
    left: -3px;
    border: 5px solid transparent;
    border-top-color: #F1EFDE;
    border-left-color: #F1EFDE;
    border-radius: 50%;
    z-index: 1;
    display: block;
    transform: rotate(-45deg);
}

.conservation-hero .home-recover-heading {
    font-size: clamp(60px, 15.361vw, 240px);
    line-height: 0.77;
}

.text-rotate-left {
    transform: rotate(-90deg);
    top: 67%;
    transform-origin: left;
    left: 30px;
    white-space: nowrap;
}

.text-rotate-right {
    transform: rotate(90deg);
    top: 65%;
    transform-origin: right;
    right: 30px;
    white-space: nowrap;
}

.cloning-text {
    line-height: 1.4;
}

.science-compassion-heading {
    font-size: 40px;
    letter-spacing: 0.7px;
}

.partners-pioneers-text {
    line-height: 1.4;
}

/* Fade In On Scroll Animation */
.fade-in-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.fade-in-on-scroll.gsap-set {
    transition: none;
}


.page-banner{
    height: 696px;
    position: relative;
}
.page-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.3);
    pointer-events: none;
    z-index: 1;
}

.page-heading{
    font-size: clamp(40px, 8.33vw, 120px);
}
.container-sm{
    width: 100%;
    max-width: 783px;
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px;
}
.article-nav{
    max-width: 250px;
}

.article-nav li a{
    color: #BABABA;
    font-size: 14px;
    line-height: 1.9;
    letter-spacing: 0.5px;
    transition: all 0.3s;
}
.article-nav li a:hover,
.article-nav li.active a{
    color: #1E1E1E;
    font-weight: 500;
}
.article-nav li.active{
    padding-left: 27px;
}
.article-nav li.active:after{
    content: '';
    width: 15px;
    height: 15px;
    background-color: #DC5A3E;
    border-radius: 50%;
    display: block;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: calc(50% - 7.5px);
}
.article-section{
    color: #323232;
}
.article-section h3{
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin-bottom: 18px;
}
.article-section p{
    font-size: 20px;
    letter-spacing: 0.1px;
    margin-bottom: 17px;
    line-height: 1.4;
}
.article-section ul{
    padding-left: 30px;
    font-size: 20px;
    letter-spacing: 0.1px;
    line-height: 1.4;
} 
.article-section ul li{
    margin-bottom: 17px;
}
.article-section p:last-child{
    margin-bottom: 0;
}
.vp-quote-heading{
    font-size: clamp(32px, 5.56vw, 80px);
}
.vp-quote{
    padding-top: 139px;
}
.cloned-kitten-heading{
    font-size: 40px;
    line-height: 1.1;
}
.pet-cloning-intro-heading{
    font-size: 48px;
    margin: 0 auto;
    line-height: 1.1;
    max-width: 918px;
}
.list-animals .thumb{
    
}

.list-animals .thumb img {
    height: 335px;
    object-fit: cover;
}

.list-animals .read-now{
    border-bottom: 1px solid #dc5a3e;
    line-height: 1.3;
}
.viagen-stamp-img{
    top: 10px;
}

/* T */
.viagen-service-banner{
	padding-top: 155px;
	padding-bottom: 70px;
}
.viagen-service-banner-inner{
	max-width: 620px;
	margin: 0px auto;
}
.viagen-service-banner-inner h1{
	font-size: 56px;
	letter-spacing: -0.06em;
	color: #1E1E1E;

}
.rst-list-tab-faq li a:before{
	min-width: 13px;
}
.viagen-service-banner-inner .cs-subheading{
	color: #3E53DC;
}
.viagen-service-video{
	height: 774px;
	background-position: center;
	background-size: cover;
}
.viagen-service-video  h3{
	max-width: 840px;
	color: #fff;
}
.viagen-service-list-info-heading{
	font-size: 20px;
	line-height: 140%;
	letter-spacing: -0.01em;
	max-width: 796px;
	margin: 0px auto;
}
.viagen-service-list-info-heading a{
	text-decoration: underline;
}
.viagen-service-list-info{
	padding-top: 84px;
	padding-bottom: 166px;
}
.viagen-service-list-info-heading p{
	margin: 0 0 10px 0;
	color: #A5A5A5;

	
}
.viagen-service-list-info-heading p:last-child{
	margin:0;
}
.overflow-visible{
	overflow: visible;
}
.viagen-service-tab-main{
	max-width: 789px;
}
.viagen-service-tab-menu{
	width: calc( calc( 100% - 789px ) / 2 );
	padding-right: 30px;
}
.viagen-service-box-content{
	font-size: 20px;
    letter-spacing: -0.01em;
    margin-bottom: 17px;
    line-height: 1.4;
	color: #323232;

}
.viagen-service-box-content strong{
	font-weight: 600;
}
.viagen-service-box-content a{
	text-decoration: underline;
	color: inherit;
	    text-underline-offset: 2px;
}
.viagen-service-tab-menu .rst-list-tab-faq li a{
	line-height: 1.9em;
	color: #bababa;
}
.viagen-service-tab-menu .rst-list-tab-faq li a.active{
	color: #1e1e1e;
}
.viagen-service-box-content h3 {
    font-size: 24px;
	line-height: 140%;
    letter-spacing: -0.01em;
}
.viagen-service-tab-menu .rst-list-tab-faq li a:before{
	background: #DC5A3E;
}
.viagen-service-tab-menu  .rst-list-tab-faq li a.active{
	font-weight: 600;
}
.viagen-service-tab-menu .rst-list-tab-faq li a span{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}	

/* News Story Page */
.news-hero {
    padding: 149px 0 31px;
}

.news-hero-heading {
    font-size: 56px;
    margin-bottom: 70px;
}

.news-hero-content {
    aspect-ratio: 1375/728;
    overflow: hidden;
}

.news-hero-content::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

.news-hero-content .title {
    font-size: 72px;
}

.news-hero-content a:hover {
    background-color: #f3dc5e;
    color: #000 !important
}

.recent-news {
    padding-bottom: 116px;
}

.recent-news-heading {
    font-size: 56px;
}

.recent-news .results-count {
    font-size: 14px;
    text-transform: uppercase;
}

.recent-news .news-img {
    aspect-ratio: 672/521;
    overflow: hidden;
    display: block;
    margin-bottom: 22px;
}

.recent-news .news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.recent-news .news-title {
    font-family: 'IvyPresto Headline', sans-serif;
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: 0.02em;
    color: #1e1e1e;
    max-width: 550px;
    margin-bottom: 17px;
}

.recent-news .news-expect {
    line-height: 1.4;
    letter-spacing: -0.01em;
    color: rgb(30, 30, 30, 0.6);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    max-width: 460px;
    margin-bottom: 17px;
}

.recent-news-list {
    margin-bottom: 114px;
}

.cs-navigation .button-nav {
    background-color: #F2DC5D !important;
    gap: 16px;
}

.cs-navigation .button-nav.disabled {
    background-color: #E1DBC7 !important;
    color: #808080;
}

/* Network Page */
.network-about {
    margin-top: -87px;
    padding-bottom: 96px;
}

.network-about-logo img {
    max-width: 146px;
}

.network-about-heading {
    line-height: 1.1;
}

.find-veterinarian {
    padding-bottom: 116px;
}

.veterinarian-map {
    height: 500px;
}

/* article page */
.article-banner {
    padding-top: 148px;
}

.article-banner .page-heading {
    font-size: clamp(40px, 7.778vw, 112px);
}

.article-content {
    /* border-bottom: 1px solid rgb(30, 30, 30, 0.3); */
    padding-bottom: 89px;
}

.article-video {
    aspect-ratio: 1440/810;
    margin-top: 89px;
    max-height: 810px;
    width: 100%;
}

.article-video::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

.article-content h2 {
    font-size: 40px;
    font-weight: 700;
    color: #DC5A3E;
    line-height: 1.1;
    letter-spacing: -0.04em;
    margin-bottom: 39px;
}

.article-content p {
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: -0.01em;
    color: #323232;
}

.article-content .meta p {
    font-size: 14px;
    text-transform: uppercase;
} 

.article-content-video {
    aspect-ratio: 1;
}

.article-content-quote {
    padding: 74px 0;
}

.article-content-quote .quote-content {
    font-size: 40px;
    line-height: 1.2;
    letter-spacing: 0.01em;
}

.article-content-quote .quote-author {
    font-size: 32px;
    letter-spacing: 0.02em;
    color: #151515;
}

.article-content-quote .quote-position {
    line-height: 1.6;
    color: #9B9B9B;
    font-size: 16px;
}

.article-content-quote .quote-content-info {
    max-width: 287px;
}

.article-full-heading {
    font-size: 80px;
}

.article-full {
    padding-bottom: 130px;
}

/* equine-icsi */
.hero-service-heading {
    font-size: clamp(40px, 5.56vw, 80px);
}

.text-grey {
    color: #9F9F9F;
}

.process-item .title {
    font-size: clamp(32px, 3.33vw, 48px);
    line-height: 1.17;
}

.border-top-grey {
    border-top: 1px solid rgba(30, 30, 30, 0.3);
}

.read-pdf {
    border-bottom: 1px solid #dc5a3e;
    letter-spacing: 1px;
    white-space: nowrap;
}

.icsi-service-heading {
    font-size: clamp(48px, 6.94vw, 100px);
}

.flex-1 {
    flex: 1;
}

.icsi-process-item .number {
    width: 75px;
    font-size: 48px;
    line-height: 1.07;
}

.icsi-process-img img {
    margin-top: -90px;
    margin-left: -60px;
    width: calc(100% + 60px);
    max-width: calc(100% + 60px);
}

.why-choice-equine-heading {
    font-size: clamp(32px, 3.89vw, 56px);
}

.form-light .rst-form-field input[type="email"],
.form-light .rst-form-field input[type="text"],
.form-light .rst-form-field input[type="tel"] {
    border-color: rgba(241, 239, 222, 0.4);
    color: #F1EFDE;
}

.form-light .rst-form-field input[type="email"]::placeholder,
.form-light .rst-form-field input[type="text"]::placeholder,
.form-light .rst-form-field input[type="tel"]::placeholder,
.form-light .rst-form-field textarea::placeholder {
    color: rgba(241, 239, 222, 0.8);
}

.form-light .rst-form-field select {
    border-color: rgba(241, 239, 222, 0.4) !important;
    color: #F1EFDE;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC41Ij4KPHBhdGggZD0iTTExLjQyMTkgNC45OTcwN1Y2LjQyNDhIMFY0Ljk5NzA3SDExLjQyMTlaIiBmaWxsPSIjRjFFRkRFIi8+CjxwYXRoIGQ9Ik02LjI0NjA5IDExLjQyMTlMNC44MTgzNiAxMS40MjE5TDQuODE4MzYgLTYuMjQwODNlLTA4TDYuMjQ2MDkgMEw2LjI0NjA5IDExLjQyMTlaIiBmaWxsPSIjRjFFRkRFIi8+CjwvZz4KPC9zdmc+Cg==) no-repeat center right 25px;
}

.form-light .rst-form-field textarea {
    border-color: rgba(241, 239, 222, 0.4) !important;
    color: #F1EFDE !important;
}

.form-light .rst-form-field-submit input[type="submit"] {
    background-color: #FFAF1F !important;
}

.form-light .rst-form-field p.note {
    opacity: 0.7;
}

.form-light .rst-form-field select option {
    color: #000;
}

/* Equine Inventory */
.semen .viagen-service-box-heading {
    line-height: 1.2;
    letter-spacing: 0.02em;
    margin-bottom: 56px;
}

.semen {
    padding: 96px 0 174px;
}

.semen .viagen-service-tab-main {
    width: 85%;
    max-width: 100%;
}

.semen .viagen-service-tab-menu {
    width: 15%;
}

.semen-content p {
    font-weight: 500;
    font-size: 20px;
    color: #1e1e1e;
    line-height: 1.2;
    letter-spacing: -0.06em;
    margin-bottom: 10px;
}

.semen-content p:last-child {
    margin-bottom: 0;
}

.semen .viagen-service-tab-menu .rst-list-tab-faq li a:before {
    background: #FFAF1F;
}

.semen .viagen-service-box-content {
    margin-bottom: 100px;
}

.semen .viagen-service-box-content:last-child {
    margin-bottom: 0;
}

.inventory-icsi-process {
    padding-bottom: 0 !important;
}

.equine-order {
    min-height: 700px;
}


.brochure-main {
    padding: 150px 0 90px;
}

.brochure-main-heading {
    font-size: 56px;
    margin-bottom: 70px;
}

.brochure-main-img-wrapper {
    padding: 94px 50px;
}

.brochure-main-img {
    max-width: 259px;
    margin: 0 auto;
}

.brochure-main-img::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 20%;
    background: linear-gradient(to right, #000 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.2;
    pointer-events: none;
}

.brochure-main-img img {
    box-shadow:
        0 58px 80px rgba(0, 0, 0, 0.21),
        0 37.59px 46.85px rgba(0, 0, 0, 0.15),
        0 22.34px 25.48px rgba(0, 0, 0, 0.12),
        0 11.6px 13px rgba(0, 0, 0, 0.105),
        0 4.73px 6.52px rgba(0, 0, 0, 0.0824),
        0 1.07px 3.15px rgba(0, 0, 0, 0.0506);
}

.brochure-main-desc {
    line-height: 1.5;
}

.entry-content p a {
    font-weight: 700;
    text-decoration: underline;
}

.entry-content p a:hover {
    color: #dc5b3e;
}

.cloning-conservation-trusted p a {
    text-decoration: underline;
    font-weight: 700;
}



.modal {z-index: 10002 !important}
.modal-body {padding: 0; margin: 0;}
.modal-dialog {max-width: 100%; margin: 0; height: 100vh; max-height: 100vh;}
.modal-content {min-height: 100%; background: #000; color: #FFF; padding: 1% 4%; border-radius: 0;}
.modal-content .bio-title {font-size: clamp(10px,2vw,40px); padding-top: 4%;}
.modal-content .bio-image {display: block; width: 90%; margin-left: 0%; margin-bottom: 10%; max-height: 55%; object-fit: cover;}
.modal-content .big-button {background: transparent; text-align: right; width: 55%; position: relative; color: #666; padding-top: 5%; padding-bottom: 5%;}
.modal-content .big-button .icon {position: absolute; left: 10%; top: 33%; width: 12%; }
.modal-content .square.a {position: absolute; top: 0; left: 0;}
.modal-content .square.b {position: absolute; top: 0; right: 0;}
.modal-content .plus.a {top: 11%; left: 0;}
.modal-content .plus.b {top: 11%; right: 0;}
.modal-content .bio-circles {position: absolute; right: 0; width: 15%; top: 0;}
.modal-content p.medium {line-height: 1;}
.modal-content p {font-size: clamp(10px,0.9vw,18px);}
.modal-content .close-modal {position: absolute; right: -4%; top: 0;}

#wpsl-wrap {margin-top: 100px}
#wpsl-gmap {opacity: 0.7; border-radius: 15px !important; overflow: hidden !important}
.wpsl-search {background: transparent; padding: 0 !important}
#wpsl-search-wrap form {display: flex; justify-content: space-between; padding: 0}
.wpsl-input label, #wpsl-radius label, #wpsl-category label {width: 130px !important;}
.wpsl-search-btn-wrap {margin-right: 0 !important;}
#wpsl-search-btn {background: #dc5b3e; color: #FFF; border-radius: 100px !important; border: none !important; padding-left: 30px; padding-right: 30px}

.gform_required_legend {display: none}
.gform_wrapper.gravity-theme .ginput_complex label, 
.gform_wrapper.gravity-theme .gfield_description,
.gform_wrapper.gravity-theme .gfield_label {font-family: "Geist Mono", monospaceserif; font-weight: normal !important; font-size: 16px; letter-spacing: 1px; text-transform: uppercase; color: #87867e;}
.gform_wrapper.gravity-theme .gfield_description,
.gform_wrapper.gravity-theme .ginput_complex label {font-size: 10px !important;}
.gform_wrapper.gravity-theme .gfield input, 
.gform_wrapper.gravity-theme .gfield select, 
.gform_wrapper textarea  {border: 1px solid #1E1E1E66 !important; border-radius: 8px; background: none; color: #1E1E1E; padding: 15px !important; color: #87867e; font-family: "Geist Mono",}
.gform_wrapper textarea {height: 200px !important}

.gform_wrapper.gravity-theme #field_submit input, 
.gform_wrapper.gravity-theme .gform_footer input {
    color: rgba(30, 30, 30, 1);
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 1em;
    letter-spacing: -0.01em;
    border-radius: 40px;
    padding: 12px 20px;
    padding-right: 54px;
    border: none;
    outline: none;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC4zIj4KPHBhdGggZD0iTTExLjkzMzYgNS40Njg3NVY2Ljc2ODc1SDAuMzE2NDA2VjUuNDY4NzVIMTEuOTMzNloiIGZpbGw9IiMxRTFFMUUiLz4KPHBhdGggZD0iTTYuNzczNDQgMTEuOTI1OEw1LjQ3MzQ0IDExLjkyNThMNS40NzM0NCAwLjMwODU5NEw2Ljc3MzQ0IDAuMzA4NTk0TDYuNzczNDQgMTEuOTI1OFoiIGZpbGw9IiMxRTFFMUUiLz4KPC9nPgo8L3N2Zz4K) no-repeat right 20px center;
    background-color: rgba(216, 204, 255, 1) !important;
}

.gform_wrapper.gravity-theme #field_submit input:hover, 
.gform_wrapper.gravity-theme .gform_footer input:hover {
    background-color: rgba(216, 204, 255, 0.8) !important;
}


.form-dark .gform_wrapper.gravity-theme .gfield input, 
.form-dark .gform_wrapper.gravity-theme .gfield select, 
.form-dark .gform_wrapper textarea {border-color: rgba(241, 239, 222, 0.4) !important;}

.form-dark .gform_wrapper.gravity-theme .ginput_complex label, 
.form-dark .gform_wrapper.gravity-theme .gfield_description,
.form-dark .gform_wrapper.gravity-theme .gfield_label {color: #c4c3b6;}

.form-dark .gform_wrapper.gravity-theme #field_submit input, 
.form-dark .gform_wrapper.gravity-theme .gform_footer input {background: #FFAF1F !important;}

.gform_wrapper.gravity-theme .gfield_required {display: none !important;}

.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {color: #000 !important;}

.form-dark h1,
.form-dark h2,
.form-dark h3 {color: #f1efde;}