/*
@font-face {
font-family: 'CaviarDreams', sans-serif;
src: url("../font/ofont.ru_Caviar Dreams.ttf") format("ttf");
!*font-weight: normal;*!
!*font-style: normal;*!
!*font-display: swap;*!
}
@font-face {
font-family: 'Caviar Dreams Bold';
src: url('../font/caviar_dreams_bold.eot'); !* IE 9 Compatibility Mode *!
src: url('../font/caviar_dreams_bold.eot?#iefix') format('embedded-opentype'), !* IE < 9 *!
url('../font/caviar_dreams_bold.woff2') format('woff2'), !* Super Modern Browsers *!
url('../font/caviar_dreams_bold.woff') format('woff'), !* Firefox >= 3.6, any other modern browser *!
url('../font/caviar_dreams_bold.ttf') format('truetype'), !* Safari, Android, iOS *!
url('../font/caviar_dreams_bold.svg#caviar_dreams_bold') format('svg'); !* Chrome < 4, Legacy iOS *!
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXo.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Montserrat medium';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw9aXpsog.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Montserrat medium';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw5aXo.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Montserrat Alternates';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserratalternates/v17/mFTiWacfw6zH4dthXcyms1lPpC8I_b0juU0xUILFA7xG6mA.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Montserrat Alternates';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserratalternates/v17/mFTiWacfw6zH4dthXcyms1lPpC8I_b0juU0xUILFB7xG.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
--font-family: "Montserrat", sans-serif;
--font-family-medium: "Montserrat medium", sans-serif;
--second-family: "Montserrat Alternates", sans-serif;
--third-family: "Caviar Dreams Bold", sans-serif;
--font3: "Clementine", sans-serif;
--font4: "Sweet Mavka Script", sans-serif;
--font5: "Open Sans", sans-serif;
--green-color: #47a61a;
}*/
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw9aXpsog.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Montserrat Alternates';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserratalternates/v17/mFTiWacfw6zH4dthXcyms1lPpC8I_b0juU0xUILFA7xG6mA.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Bw Surco';
font-weight: 400;
src: url(../font/BwSurcoRegular.ttf);
}
@font-face {
font-family: 'Bw Surco';
font-weight: 500;
src: url(../font/BwSurcoMedium.ttf);
}
@font-face {
font-family: 'Bw Surco';
font-weight: 700;
src: url(../font/BwSurcoBold.ttf);
}
@font-face {
font-family: 'Bw Surco DEMO';
src: url(../font/BwSurcoDEMO-Regular.otf);
}
:root {
--font-family: "Montserrat", sans-serif;
--second-family: "Montserrat Alternates", sans-serif;
--third-family: "Bw Surco", sans-serif;
--font3: "Bw Surco DEMO", sans-serif;
--font4: "Caviar Dreams", sans-serif;
--font5: "Clementine", sans-serif;
--font6: "Open Sans", sans-serif;
}
body {
zoom: 90%;
/*background-image: url("../img/background.png");*/
background-position: center;
background-repeat: repeat;
/*background-size: cover;*/
}
.container-xxl {
max-width: 1202px;
}
.btn-green,
.btn-green:hover,
.btn-green:active {
background-color: var(--green-color)!important;
}
.top-menu {
position: sticky;
top: 0;
background: #FAF4EE;
z-index: 99;
}
.top-menu .navbar {
min-height: 70px;
}
.top-menu .dropdown-menu {
background-color: #E1E1E1;
}
.top-menu .dropdown-toggle::after,
.fancybox-container .dropdown-toggle::after {
width: 13px;
height: 15px;
border: none;
vertical-align: middle;
content: url("../img/nav-arrow.png");
transition: all 0.2s ease-in-out;
display: inline-flex;
justify-content: center;
align-items: center;
}
.top-menu .dropdown-toggle.show::after,
.fancybox-container .dropdown-toggle.show::after {
transform: rotate(180deg);
}
.top-menu .nav-item a,
.top-menu .dropdown-item,
.fancybox-container .nav-item,
.fancybox-container .dropdown-item {
font-family: var(--font-family-medium);
font-weight: 400;
font-size: 14px;
color: #000;
}
.top-menu .dropdown-item.active,
.top-menu .dropdown-item:active,
.fancybox-container .dropdown-item.active,
.fancybox-container .dropdown-item:active {
background: #f8f9fa;
}
.top-menu .dropdown-item:focus,
.top-menu .dropdown-item:hover {
background: transparent;
text-decoration: underline;
}
.top-menu .btn-green {
font-family: var(--second-family)!important;
}
.top-menu .btn-green,
.fancybox-container .btn-green {
width: 147px;
height: 30px;
line-height: 1;
}
.top-menu .navbar-toggler {
outline:none;
box-shadow:none;
border-color: transparent;
}
.top-menu .navbar-toggler-icon {
background-image: url("data:image/svg+xml,");
}
/*.fscreen img {
max-width: 100%;
!*max-height: 626px;*!
}*/
.fscreen .btn {
width: 226px;
height: 52px;
display: flex;
justify-content: center;
align-items: center;
}
.fscreen .btn a {
font-family: var(--font-family);
font-weight: 400;
font-size: 18px;
text-align: center;
color: #fff;
line-height: 1.8;
text-decoration: none;
}
.fscreen-logo {
top: -20px;
left: 0;
grid-row-start: 1;
grid-row-end: 2;
grid-column-start: 1;
grid-column-end: 2;
}
.fscreen-text {
grid-row-start: 1;
grid-row-end: 2;
grid-column-start: 2;
grid-column-end: 3;
font-family: var(--second-family);
font-weight: 700;
font-size: 24px;
color: #000;
line-height: 1.1;
}
.fscreen-leaf {
max-width: 88px;
grid-row-start: 2;
grid-column-start: 1;
grid-column-end: 2;
}
.fscreen-shields {
width: 75%;
bottom: 100px;
}
.fscreen-products {
/*margin-left: 210px;*/
grid-row-start: 2;
grid-column-start: 1;
grid-column-end: 4;
}
.fscreen-nature {
max-width: 78px;
margin-right: 30px;
grid-row-start: 2;
grid-column-start: 3;
grid-column-end: 4;
}
.about {
position: relative;
padding-bottom: 140px;
}
/*.about:after {
content: "";
position: absolute;
background-image: url("../img/about-weed.png");
background-size: contain;
background-position: bottom;
background-repeat: no-repeat;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
z-index: 0;
}*/
.about-title {
gap: 20px;
}
.about-title div {
font-family: var(--third-family);
font-weight: 700;
font-size: 54px;
text-transform: uppercase;
color: #000;
}
.about-title span {
font-family: var(--font-family-medium);
font-weight: 500;
font-size: 20px;
line-height: 26px;
color: #000;
}
.about-block {
gap: 130px;
}
.about-block-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 13px;
color: #000;
max-width: 370px;
}
.about-block-img:before {
content: "";
background-image: url("../img/forest-seed.png");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 244px;
height: 175px;
position: absolute;
left: -190px;
bottom: 0;
z-index: 1;
}
.about-block-img img {
z-index: 1;
position: relative;
object-fit: cover;
max-width: 100%;
}
.about-weed {
min-height: 217px;
}
.about-weed img {
width: 100%;
position: absolute;
bottom: 75px;
}
.korm-up-title {
font-family: var(--third-family);
font-weight: 700;
font-size: 54px;
text-transform: uppercase;
color: #000;
position: relative;
}
.korm-up-title:before {
content: "";
background-image: url("../img/holistic.svg");
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -40px;
left: -10px;
width: 100px;
height: 50px;
}
.korm-up-title span {
font-family: var(--font-family-medium);
font-weight: 500;
font-size: 22px;
text-transform: uppercase;
color: #000;
}
.korm-nav .nav-item,
.market-places .nav-item {
flex-grow: 1;
}
.korm-nav .nav-link,
.market-places .nav-link {
border-bottom: 1px solid #A3C194;
}
.korm-nav .nav-link {
font-family: var(--second-family);
font-weight: 700;
font-size: 14px;
text-align: center;
color: #000;
}
.korm-nav .nav-link.active {
background: none;
color: #438423;
}
.korm-nav .nav-link.active,
.market-places .nav-link.active {
border-bottom: 1px solid #40642E;
}
.korm-table table {
}
.korm-table table th {
font-family: var(--second-family);
font-weight: 700;
font-size: 12px;
text-align: center;
color: #000;
padding: 5px;
border-color: #000;
}
.korm-table table td {
font-family: var(--font-family-medium);
font-weight: 500;
font-size: 12px;
text-align: center;
color: #000;
padding: 1px;
border-color: #000;
}
.korm-table table tr td:nth-child(2) {
border-left: 1px solid;
}
.korm-title {
font-family: var(--third-family);
font-weight: 700;
font-size: 30px;
text-transform: uppercase;
text-align: right;
color: #000;
max-width: 394px;
}
.korm-title_en {
font-family: var(--font-family);
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
text-align: right;
color: #000;
}
.korm-text {
width: 394px;
height: 161px;
font-family: var(--font-family-medium);
font-weight: 500;
font-size: 12px;
text-align: justify;
color: #000;
}
.korm-text span {
font-family: var(--third-family);
font-weight: 700;
}
.korm-weight {
font-family: var(--font-family);
font-weight: 700;
font-size: 12px;
color: #000;
}
.korm-icons {
/*display: none!important;*/
max-width: 216px;
gap: 15px;
}
.korm-icons img {
max-width: 53px;
}
.korm-info .nav-link.preactive {
}
.korm-info .nav {
border-bottom: 1px solid #000;
}
.korm-info .nav-link {
opacity: 0.5;
font-family: var(--second-family);
font-weight: 700;
font-size: 12px;
text-align: center;
color: #000;
border: 1px solid #000;
border-radius: 100px;
width: 377px;
height: 46px;
line-height: 2.4;
transition: all .5s ease-in-out;
margin: 0 auto;
}
.korm-info .nav-link.active {
opacity: 1;
}
.korm-info .tab-pane {
/*border-top: 1px solid;*/
padding-top: 15px;
}
.structure-block {
max-width: 246px;
margin: 0 auto;
}
.structure-img {
min-height: 75px;
}
.structure-title {
font-family: var(--second-family);
font-weight: 700;
font-size: 12px;
text-align: center;
color: #000;
margin-top: 16px;
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid;
width: 100%;
}
.structure-text {
font-family: var(--font-family-medium);
font-weight: 400;
font-size: 12px;
text-align: justify;
color: #000;
}
.structure-text::first-letter {
text-transform: capitalize;
}
.ingredients .container-xxl {
position: relative;
}
.ingredients .nav-arrows {
width: 100%;
position: absolute;
top: 65%;
}
.nav-arrows {
width: 100%;
position: absolute;
top: 50%;
}
.nav-arrows-prev,
.nav-arrows-next {
position: absolute;
cursor: pointer;
}
.nav-arrows-prev {
transform: rotate(180deg);
/*left: -30px;*/
left: calc(-30px + -23px);
}
.nav-arrows-next {
right: -30px;
}
.korm-btn {
font-family: var(--font-family);
font-weight: 400;
font-size: 18px;
text-align: center;
color: #fff;
width: 226px;
height: 52px;
border-radius: 100px;
background: #47a61a;
}
.ingredients-title {
font-family: var(--third-family);
font-weight: 700;
font-size: 54px;
text-transform: uppercase;
color: #000;
}
.ingredients-text {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
color: #000;
}
/*.ingredients-circle:before {
content: "";
background-image: url("../img/ue.png");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 80px;
height: 20px;
position: absolute;
top: 10px;
left: calc(50% - 40px);
}*/
.path {
fill: #a5a5a56e;
cursor: pointer;
position: relative;
}
.path:hover {
fill: #ffffff00;
}
.ingredients-circle {
min-height: 500px;
}
.ingredients-circle-full {
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
pointer-events: none;
height: 100%;
width: 100%;
/*background: #fff;*/
}
.ingredients-circle-block {
width: 100%;
height: 100%;
object-fit: contain;
pointer-events: none;
visibility: hidden;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
transition: all 1s ease-in-out;
/*top: 10%;*/
/*right: 10%;*/
}
.ingredients-circle-block.active {
visibility: visible;
/*top: 0;*/
/*left: 0;*/
}
.ingredients-circle-block-title {
font-family: var(--second-family);
font-weight: 700;
font-size: 26px;
color: #000;
position: absolute;
left: -10%;
opacity: 0;
top: 0;
transition: all 0.7s ease-in-out;
display: none;
}
.ingredients-circle-block.active .ingredients-circle-block-title {
opacity: 1;
left: 5%;
}
.ingredients-circle-block-text {
position: absolute;
opacity: 0;
width: 300px;
transition: all 0.7s ease-in-out;
}
.ingredients-circle-block.active .ingredients-circle-block-text {
opacity: 1;
}
.ingredients-circle-block-text div {
position: relative;
font-family: var(--second-family);
font-weight: 700;
font-size: 18px;
color: #000;
margin-bottom: 7px;
}
.ingredients-circle-block-text div:after {
content: "";
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: absolute;
bottom: -13px;
left: 0;
}
.ingredients-circle-block-text span {
font-family: var(--font-family);
font-weight: 400;
font-size: 13px;
color: #000;
}
.circle-rabbit .ingredients-circle-block-text:nth-child(3) {
left: 5%;
top: 26%;
}
.circle-rabbit .ingredients-circle-block-text:nth-child(3) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='428' height='18' viewBox='0 0 428 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 9C15 12.866 11.866 16 8 16C4.13401 16 1 12.866 1 9C1 5.13401 4.13401 2 8 2C11.866 2 15 5.13401 15 9Z' fill='%23A3C194' fill-opacity='0.8'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M423 9C423 6.79086 421.209 5 419 5C416.791 5 415 6.79086 415 9C415 11.2091 416.791 13 419 13C421.209 13 423 11.2091 423 9ZM12 9C12 6.79086 10.2091 5 8 5C5.79086 5 4 6.79086 4 9C4 11.2091 5.79086 13 8 13C10.2091 13 12 11.2091 12 9ZM419 8.25L8 8.25V9.75L419 9.75V8.25Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M425.25 9C425.25 12.4518 422.452 15.25 419 15.25C415.548 15.25 412.75 12.4518 412.75 9C412.75 5.54822 415.548 2.75 419 2.75C422.452 2.75 425.25 5.54822 425.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='0' y='1' width='427' height='16' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='410' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 20px;
width: 452px;
left: -27px;
}
.circle-rabbit .ingredients-circle-block-text:nth-child(4) {
left: 97px;
top: 68%;
}
.circle-rabbit .ingredients-circle-block-text:nth-child(4) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='366' height='18' viewBox='0 0 366 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 9C15 12.866 11.866 16 8 16C4.13401 16 1 12.866 1 9C1 5.13401 4.13401 2 8 2C11.866 2 15 5.13401 15 9Z' fill='%23DE754D'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M361 9C361 6.79086 359.209 5 357 5C354.791 5 353 6.79086 353 9C353 11.2091 354.791 13 357 13C359.209 13 361 11.2091 361 9ZM12 9C12 6.79086 10.2091 5 8 5C5.79086 5 4 6.79086 4 9C4 11.2091 5.79086 13 8 13C10.2091 13 12 11.2091 12 9ZM357 8.25L8 8.25V9.75L357 9.75V8.25Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M363.25 9C363.25 12.4518 360.452 15.25 357 15.25C353.548 15.25 350.75 12.4518 350.75 9C350.75 5.54822 353.548 2.75 357 2.75C360.452 2.75 363.25 5.54822 363.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='0' y='1' width='365' height='16' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='348' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 359px;
left: -19px;
}
.circle-rabbit .ingredients-circle-block-text:nth-child(5) {
right: 80px;
top: 25%;
text-align: right;
}
.circle-rabbit .ingredients-circle-block-text:nth-child(5) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='519' height='18' viewBox='0 0 519 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M504 9C504 12.866 507.134 16 511 16C514.866 16 518 12.866 518 9C518 5.13401 514.866 2 511 2C507.134 2 504 5.13401 504 9Z' fill='%23B5CEAA'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M5 9C5 11.2091 6.79086 13 9 13C11.2091 13 13 11.2091 13 9C13 6.79086 11.2091 5 9 5C6.79086 5 5 6.79086 5 9ZM507 9.00004C507 11.2092 508.791 13 511 13C513.209 13 515 11.2092 515 9.00004C515 6.79091 513.209 5.00004 511 5.00004C508.791 5.00004 507 6.7909 507 9.00004ZM9 9.75L511 9.75004L511 8.25004L9 8.25L9 9.75Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M15.25 9C15.25 12.4518 12.4518 15.25 9 15.25C5.54822 15.25 2.75 12.4518 2.75 9C2.75 5.54822 5.54822 2.75 9 2.75C12.4518 2.75 15.25 5.54822 15.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='1' y='1' width='518' height='16' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='0' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 512px;
left: initial;
right: -30px;
}
.circle-rabbit .ingredients-circle-block-text:nth-child(6) {
top: 50%;
right: 65px;
text-align: right;
}
.circle-rabbit .ingredients-circle-block-text:nth-child(6) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='493' height='18' viewBox='0 0 493 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8' filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M15.25 9C15.25 12.4518 12.4518 15.25 9 15.25C5.54822 15.25 2.75 12.4518 2.75 9C2.75 5.54822 5.54822 2.75 9 2.75C12.4518 2.75 15.25 5.54822 15.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cpath d='M478 9C478 12.866 481.134 16 485 16C488.866 16 492 12.866 492 9C492 5.13401 488.866 2 485 2C481.134 2 478 5.13401 478 9Z' fill='%23E28663'/%3E%3Cg filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M5 9C5 11.2091 6.79086 13 9 13C11.2091 13 13 11.2091 13 9C13 6.79086 11.2091 5 9 5C6.79086 5 5 6.79086 5 9ZM481 9.00004C481 11.2092 482.791 13 485 13C487.209 13 489 11.2092 489 9.00004C489 6.7909 487.209 5.00004 485 5.00004C482.791 5.00004 481 6.7909 481 9.00004ZM9 9.75L485 9.75004L485 8.25004L9 8.25L9 9.75Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='0' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='1' y='1' width='492' height='16' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
height: 18px;
width: 476px;
left: initial;
right: -30px;
}
/*.circle-mouse .ingredients-circle-block-img {*/
/* rotate: 315deg;*/
/*}*/
.circle-mouse .ingredients-circle-block-text:nth-child(3) {
left: 93px;
top: 23%;
}
.circle-mouse .ingredients-circle-block-text:nth-child(3) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='580' height='18' viewBox='0 0 580 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 9C15 12.866 11.866 16 8 16C4.13401 16 1 12.866 1 9C1 5.13401 4.13401 2 8 2C11.866 2 15 5.13401 15 9Z' fill='%23A3C194' fill-opacity='0.8'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M575 9C575 6.79086 573.209 5 571 5C568.791 5 567 6.79086 567 9C567 11.2091 568.791 13 571 13C573.209 13 575 11.2091 575 9ZM12 9C12 6.79086 10.2092 5 8 5C5.79083 5 4 6.79086 4 9C4 11.2091 5.79083 13 8 13C10.2092 13 12 11.2091 12 9ZM571 8.25L8 8.25V9.75L571 9.75V8.25Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M577.25 9C577.25 12.4518 574.452 15.25 571 15.25C567.548 15.25 564.75 12.4518 564.75 9C564.75 5.54822 567.548 2.75 571 2.75C574.452 2.75 577.25 5.54822 577.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='0' y='1' width='579' height='16' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='562' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 466px;
left: -27px;
}
.circle-mouse .ingredients-circle-block-text:nth-child(4) {
left: 90px;
top: 55%;
}
.circle-mouse .ingredients-circle-block-text:nth-child(4) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='377' height='18' viewBox='0 0 377 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 9C15 12.866 11.866 16 8 16C4.13401 16 1 12.866 1 9C1 5.13401 4.13401 2 8 2C11.866 2 15 5.13401 15 9Z' fill='%23A3C194' fill-opacity='0.8'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M372 9C372 6.79086 370.209 5 368 5C365.791 5 364 6.79086 364 9C364 11.2091 365.791 13 368 13C370.209 13 372 11.2091 372 9ZM12 9C12 6.79086 10.2091 5 8 5C5.79086 5 4 6.79086 4 9C4 11.2091 5.79086 13 8 13C10.2091 13 12 11.2091 12 9ZM368 8.25L8 8.25V9.75L368 9.75V8.25Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M374.25 9C374.25 12.4518 371.452 15.25 368 15.25C364.548 15.25 361.75 12.4518 361.75 9C361.75 5.54822 364.548 2.75 368 2.75C371.452 2.75 374.25 5.54822 374.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='0' y='1' width='376' height='16' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='359' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 455px;
left: initial;
right: -87px;
}
.circle-mouse .ingredients-circle-block-text:nth-child(5) {
top: 25%;
right: 83px;
text-align: right;
}
.circle-mouse .ingredients-circle-block-text:nth-child(5) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='561' height='18' viewBox='0 0 561 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M546 9C546 12.866 549.134 16 553 16C556.866 16 560 12.866 560 9C560 5.13401 556.866 2 553 2C549.134 2 546 5.13401 546 9Z' fill='%23B5CEAA'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M5 9C5 11.2091 6.79086 13 9 13C11.2091 13 13 11.2091 13 9C13 6.79086 11.2091 5 9 5C6.79086 5 5 6.79086 5 9ZM549 9.00005C549 11.2092 550.791 13 553 13C555.209 13 557 11.2092 557 9.00005C557 6.79091 555.209 5.00005 553 5.00005C550.791 5.00005 549 6.79091 549 9.00005ZM9 9.75L553 9.75005L553 8.25005L9 8.25L9 9.75Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M15.25 9C15.25 12.4518 12.4518 15.25 9 15.25C5.54822 15.25 2.75 12.4518 2.75 9C2.75 5.54822 5.54822 2.75 9 2.75C12.4518 2.75 15.25 5.54822 15.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='1' y='1' width='560' height='16.0001' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='0' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 554px;
left: initial;
right: -30px;
}
.circle-mouse .ingredients-circle-block-text:nth-child(6) {
top: 63%;
right: 83px;
text-align: right;
}
.circle-mouse .ingredients-circle-block-text:nth-child(6) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='435' height='18' viewBox='0 0 435 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8' filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M15.25 9C15.25 12.4518 12.4518 15.25 9 15.25C5.54822 15.25 2.75 12.4518 2.75 9C2.75 5.54822 5.54822 2.75 9 2.75C12.4518 2.75 15.25 5.54822 15.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cpath d='M420 9C420 12.866 423.134 16 427 16C430.866 16 434 12.866 434 9C434 5.13401 430.866 2 427 2C423.134 2 420 5.13401 420 9Z' fill='%23E28663'/%3E%3Cg filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M5 9C5 11.2091 6.79086 13 9 13C11.2091 13 13 11.2091 13 9C13 6.79086 11.2091 5 9 5C6.79086 5 5 6.79086 5 9ZM423 9.00004C423 11.2092 424.791 13 427 13C429.209 13 431 11.2092 431 9.00004C431 6.7909 429.209 5.00004 427 5.00004C424.791 5.00004 423 6.7909 423 9.00004ZM9 9.75L427 9.75004L427 8.25004L9 8.25L9 9.75Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='0' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='1' y='1' width='434' height='16.0001' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 418px;
left: initial;
right: -30px;
}
.circle-hamster .ingredients-circle-block-text:nth-child(3) {
left: 86px;
top: 23%;
}
.circle-hamster .ingredients-circle-block-text:nth-child(3) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='455' height='18' viewBox='0 0 455 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 9C15 12.866 11.866 16 8 16C4.13401 16 1 12.866 1 9C1 5.13401 4.13401 2 8 2C11.866 2 15 5.13401 15 9Z' fill='%23A3C194' fill-opacity='0.8'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M450 9C450 6.79086 448.209 5 446 5C443.791 5 442 6.79086 442 9C442 11.2091 443.791 13 446 13C448.209 13 450 11.2091 450 9ZM12 9C12 6.79086 10.2091 5 8 5C5.79086 5 4 6.79086 4 9C4 11.2091 5.79086 13 8 13C10.2091 13 12 11.2091 12 9ZM446 8.25L8 8.25V9.75L446 9.75V8.25Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M452.25 9C452.25 12.4518 449.452 15.25 446 15.25C442.548 15.25 439.75 12.4518 439.75 9C439.75 5.54822 442.548 2.75 446 2.75C449.452 2.75 452.25 5.54822 452.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='0' y='1' width='454' height='16' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='437' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 448px;
left: -27px;
}
.circle-hamster .ingredients-circle-block-text:nth-child(4) {
left: 86px;
top: 60%;
}
.circle-hamster .ingredients-circle-block-text:nth-child(4) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='478' height='18' viewBox='0 0 478 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 9C15 12.866 11.866 16 8 16C4.13401 16 1 12.866 1 9C1 5.13401 4.13401 2 8 2C11.866 2 15 5.13401 15 9Z' fill='%23A3C194' fill-opacity='0.8'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M473 9C473 6.79086 471.209 5 469 5C466.791 5 465 6.79086 465 9C465 11.2091 466.791 13 469 13C471.209 13 473 11.2091 473 9ZM12 9C12 6.79086 10.2091 5 8 5C5.79086 5 4 6.79086 4 9C4 11.2091 5.79086 13 8 13C10.2091 13 12 11.2091 12 9ZM469 8.25L8 8.25V9.75L469 9.75V8.25Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M475.25 9C475.25 12.4518 472.452 15.25 469 15.25C465.548 15.25 462.75 12.4518 462.75 9C462.75 5.54822 465.548 2.75 469 2.75C472.452 2.75 475.25 5.54822 475.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='0' y='1' width='477' height='16' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='460' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 471px;
left: -27px;
}
.circle-hamster .ingredients-circle-block-text:nth-child(5) {
right: 84px;
top: 25%;
text-align: right;
}
.circle-hamster .ingredients-circle-block-text:nth-child(5) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='511' height='18' viewBox='0 0 511 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M496 9C496 12.866 499.134 16 503 16C506.866 16 510 12.866 510 9C510 5.13401 506.866 2 503 2C499.134 2 496 5.13401 496 9Z' fill='%23B5CEAA'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M5 9C5 11.2091 6.79086 13 9 13C11.2091 13 13 11.2091 13 9C13 6.79086 11.2091 5 9 5C6.79086 5 5 6.79086 5 9ZM499 9.00004C499 11.2092 500.791 13 503 13C505.209 13 507 11.2092 507 9.00004C507 6.7909 505.209 5.00004 503 5.00004C500.791 5.00004 499 6.7909 499 9.00004ZM9 9.75L503 9.75004L503 8.25004L9 8.25L9 9.75Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M15.25 9C15.25 12.4518 12.4518 15.25 9 15.25C5.54822 15.25 2.75 12.4518 2.75 9C2.75 5.54822 5.54822 2.75 9 2.75C12.4518 2.75 15.25 5.54822 15.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='1' y='1' width='510' height='16' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='0' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 504px;
left: initial;
right: -30px;
}
.circle-hamster .ingredients-circle-block-text:nth-child(6) {
right: 95px;
top: 60%;
text-align: right;
}
.circle-hamster .ingredients-circle-block-text:nth-child(6) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='462' height='18' viewBox='0 0 462 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M447 9C447 12.866 450.134 16 454 16C457.866 16 461 12.866 461 9C461 5.13401 457.866 2 454 2C450.134 2 447 5.13401 447 9Z' fill='%23B5CEAA'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M5 9C5 11.2091 6.79086 13 9 13C11.2091 13 13 11.2091 13 9C13 6.79086 11.2091 5 9 5C6.79086 5 5 6.79086 5 9ZM450 8.99996C450 11.2091 451.791 13 454 13C456.209 13 458 11.2091 458 8.99996C458 6.79082 456.209 4.99996 454 4.99996C451.791 4.99996 450 6.79082 450 8.99996ZM9 9.75L454 9.74996L454 8.24996L9 8.25L9 9.75Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M15.25 9C15.25 12.4518 12.4518 15.25 9 15.25C5.54822 15.25 2.75 12.4518 2.75 9C2.75 5.54822 5.54822 2.75 9 2.75C12.4518 2.75 15.25 5.54822 15.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='1' y='0.999939' width='461' height='16.0001' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='0' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 455px;
left: initial;
right: -30px;
}
.circle-medium-parrots .ingredients-circle-block-text:nth-child(3) {
left: 86px;
top: 23%;
}
.circle-medium-parrots .ingredients-circle-block-text:nth-child(3) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='366' height='18' viewBox='0 0 366 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 9C15 12.866 11.866 16 8 16C4.13401 16 1 12.866 1 9C1 5.13401 4.13401 2 8 2C11.866 2 15 5.13401 15 9Z' fill='%23A3C194' fill-opacity='0.8'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M361 9C361 6.79086 359.209 5 357 5C354.791 5 353 6.79086 353 9C353 11.2091 354.791 13 357 13C359.209 13 361 11.2091 361 9ZM12 9C12 6.79086 10.2091 5 8 5C5.79086 5 4 6.79086 4 9C4 11.2091 5.79086 13 8 13C10.2091 13 12 11.2091 12 9ZM357 8.25L8 8.25V9.75L357 9.75V8.25Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M363.25 9C363.25 12.4518 360.452 15.25 357 15.25C353.548 15.25 350.75 12.4518 350.75 9C350.75 5.54822 353.548 2.75 357 2.75C360.452 2.75 363.25 5.54822 363.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='0' y='1' width='365' height='16' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='348' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 22px;
width: 398px;
left: -27px;
}
.circle-medium-parrots .ingredients-circle-block-text:nth-child(4) {
left: 85px;
top: 54%;
}
.circle-medium-parrots .ingredients-circle-block-text:nth-child(4) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='366' height='18' viewBox='0 0 366 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 9C15 12.866 11.866 16 8 16C4.13401 16 1 12.866 1 9C1 5.13401 4.13401 2 8 2C11.866 2 15 5.13401 15 9Z' fill='%23A3C194' fill-opacity='0.8'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M361 9C361 6.79086 359.209 5 357 5C354.791 5 353 6.79086 353 9C353 11.2091 354.791 13 357 13C359.209 13 361 11.2091 361 9ZM12 9C12 6.79086 10.2091 5 8 5C5.79086 5 4 6.79086 4 9C4 11.2091 5.79086 13 8 13C10.2091 13 12 11.2091 12 9ZM357 8.25L8 8.25V9.75L357 9.75V8.25Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M363.25 9C363.25 12.4518 360.452 15.25 357 15.25C353.548 15.25 350.75 12.4518 350.75 9C350.75 5.54822 353.548 2.75 357 2.75C360.452 2.75 363.25 5.54822 363.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='0' y='1' width='365' height='16' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='348' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 359px;
left: -27px;
}
.circle-medium-parrots .ingredients-circle-block-text:nth-child(5) {
right: 97px;
top: 31%;
text-align: right;
}
.circle-medium-parrots .ingredients-circle-block-text:nth-child(5) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='577' height='18' viewBox='0 0 577 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M562 9C562 12.866 565.134 16 569 16C572.866 16 576 12.866 576 9C576 5.13401 572.866 2 569 2C565.134 2 562 5.13401 562 9Z' fill='%23B5CEAA'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M5 9C5 11.2091 6.79086 13 9 13C11.2091 13 13 11.2091 13 9C13 6.79086 11.2091 5 9 5C6.79086 5 5 6.79086 5 9ZM565 9.00005C565 11.2092 566.791 13 569 13C571.209 13 573 11.2092 573 9.00005C573 6.79091 571.209 5.00005 569 5.00005C566.791 5.00005 565 6.79091 565 9.00005ZM9 9.75L569 9.75005L569 8.25005L9 8.25L9 9.75Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M15.25 9C15.25 12.4518 12.4518 15.25 9 15.25C5.54822 15.25 2.75 12.4518 2.75 9C2.75 5.54822 5.54822 2.75 9 2.75C12.4518 2.75 15.25 5.54822 15.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='1' y='1' width='576' height='16.0001' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='0' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 570px;
left: initial;
right: -30px;
}
.circle-medium-parrots .ingredients-circle-block-text:nth-child(6) {
right: 107px;
top: 60%;
text-align: right;
}
.circle-medium-parrots .ingredients-circle-block-text:nth-child(6) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='659' height='18' viewBox='0 0 659 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M644 9C644 12.866 647.134 16 651 16C654.866 16 658 12.866 658 9C658 5.13401 654.866 2 651 2C647.134 2 644 5.13401 644 9Z' fill='%23B5CEAA'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M5 9C5 11.2091 6.79086 13 9 13C11.2091 13 13 11.2091 13 9C13 6.79086 11.2091 5 9 5C6.79086 5 5 6.79086 5 9ZM647 9.00006C647 11.2092 648.791 13.0001 651 13.0001C653.209 13.0001 655 11.2092 655 9.00006C655 6.79092 653.209 5.00006 651 5.00006C648.791 5.00006 647 6.79092 647 9.00006ZM9 9.75L651 9.75006L651 8.25006L9 8.25L9 9.75Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M15.25 9C15.25 12.4518 12.4518 15.25 9 15.25C5.54822 15.25 2.75 12.4518 2.75 9C2.75 5.54822 5.54822 2.75 9 2.75C12.4518 2.75 15.25 5.54822 15.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='1' y='1' width='658' height='16.0001' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='0' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 652px;
left: initial;
right: -30px;
}
.circle-chinchillas-degus .ingredients-circle-block-text:nth-child(3) {
left: 86px;
top: 20%;
}
.circle-chinchillas-degus .ingredients-circle-block-text:nth-child(3) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='418' height='18' viewBox='0 0 418 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 9C15 12.866 11.866 16 8 16C4.13401 16 1 12.866 1 9C1 5.13401 4.13401 2 8 2C11.866 2 15 5.13401 15 9Z' fill='%23A3C194' fill-opacity='0.8'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M413 9C413 6.79086 411.209 5 409 5C406.791 5 405 6.79086 405 9C405 11.2091 406.791 13 409 13C411.209 13 413 11.2091 413 9ZM12 9C12 6.79086 10.2091 5 7.99997 5C5.79083 5 3.99997 6.79086 3.99997 9C3.99997 11.2091 5.79083 13 7.99997 13C10.2091 13 12 11.2091 12 9ZM409 8.25L7.99997 8.25V9.75L409 9.75V8.25Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M415.25 9C415.25 12.4518 412.452 15.25 409 15.25C405.548 15.25 402.75 12.4518 402.75 9C402.75 5.54822 405.548 2.75 409 2.75C412.452 2.75 415.25 5.54822 415.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='0' y='1' width='417' height='16' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='400' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 411px;
left: -27px;
}
.circle-chinchillas-degus .ingredients-circle-block-text:nth-child(4) {
left: 85px;
top: 56%;
}
.circle-chinchillas-degus .ingredients-circle-block-text:nth-child(4) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='486' height='18' viewBox='0 0 486 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 9C15 12.866 11.866 16 8 16C4.13401 16 1 12.866 1 9C1 5.13401 4.13401 2 8 2C11.866 2 15 5.13401 15 9Z' fill='%23A3C194' fill-opacity='0.8'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M481 9C481 6.79086 479.209 5 477 5C474.791 5 473 6.79086 473 9C473 11.2091 474.791 13 477 13C479.209 13 481 11.2091 481 9ZM12 9C12 6.79086 10.2091 5 8 5C5.79086 5 4 6.79086 4 9C4 11.2091 5.79086 13 8 13C10.2091 13 12 11.2091 12 9ZM477 8.25L8 8.25V9.75L477 9.75V8.25Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M483.25 9C483.25 12.4518 480.452 15.25 477 15.25C473.548 15.25 470.75 12.4518 470.75 9C470.75 5.54822 473.548 2.75 477 2.75C480.452 2.75 483.25 5.54822 483.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='0' y='1' width='485' height='16' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='468' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 479px;
left: -27px;
}
.circle-chinchillas-degus .ingredients-circle-block-text:nth-child(5) {
right: 75px;
top: 27%;
text-align: right;
}
.circle-chinchillas-degus .ingredients-circle-block-text:nth-child(5) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='431' height='18' viewBox='0 0 431 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M416 9C416 12.866 419.134 16 423 16C426.866 16 430 12.866 430 9C430 5.13401 426.866 2 423 2C419.134 2 416 5.13401 416 9Z' fill='%23B5CEAA'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M5 9C5 11.2091 6.79086 13 9 13C11.2091 13 13 11.2091 13 9C13 6.79086 11.2091 5 9 5C6.79086 5 5 6.79086 5 9ZM419 8.99996C419 11.2091 420.791 13 423 13C425.209 13 427 11.2091 427 8.99996C427 6.79082 425.209 4.99996 423 4.99996C420.791 4.99996 419 6.79083 419 8.99996ZM9 9.75L423 9.74996L423 8.24996L9 8.25L9 9.75Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M15.25 9C15.25 12.4518 12.4518 15.25 9 15.25C5.54822 15.25 2.75 12.4518 2.75 9C2.75 5.54822 5.54822 2.75 9 2.75C12.4518 2.75 15.25 5.54822 15.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='1' y='0.999969' width='430' height='16' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='0' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 424px;
left: initial;
right: -30px;
}
.circle-chinchillas-degus .ingredients-circle-block-text:nth-child(6) {
right: 80px;
top: 45%;
text-align: right;
}
.circle-chinchillas-degus .ingredients-circle-block-text:nth-child(6) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='475' height='18' viewBox='0 0 475 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M460 9C460 12.866 463.134 16 467 16C470.866 16 474 12.866 474 9C474 5.13401 470.866 2 467 2C463.134 2 460 5.13401 460 9Z' fill='%23B5CEAA'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M5 9C5 11.2091 6.79086 13 9 13C11.2091 13 13 11.2091 13 9C13 6.79086 11.2091 5 9 5C6.79086 5 5 6.79086 5 9ZM463 9.00004C463 11.2092 464.791 13 467 13C469.209 13 471 11.2092 471 9.00004C471 6.7909 469.209 5.00004 467 5.00004C464.791 5.00004 463 6.7909 463 9.00004ZM9 9.75L467 9.75004L467 8.25004L9 8.25L9 9.75Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M15.25 9C15.25 12.4518 12.4518 15.25 9 15.25C5.54822 15.25 2.75 12.4518 2.75 9C2.75 5.54822 5.54822 2.75 9 2.75C12.4518 2.75 15.25 5.54822 15.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='1' y='1' width='474' height='16' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='0' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 468px;
left: initial;
right: -30px;
}
.circle-bird .ingredients-circle-block-text:nth-child(3) {
left: 95px;
top: 14%;
}
.circle-bird .ingredients-circle-block-text:nth-child(3) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='475' height='18' viewBox='0 0 475 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 9C15 12.866 11.866 16 8 16C4.13401 16 1 12.866 1 9C1 5.13401 4.13401 2 8 2C11.866 2 15 5.13401 15 9Z' fill='%23A3C194' fill-opacity='0.8'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M470 9C470 6.79086 468.209 5 466 5C463.791 5 462 6.79086 462 9C462 11.2091 463.791 13 466 13C468.209 13 470 11.2091 470 9ZM12 9C12 6.79086 10.2091 5 8 5C5.79086 5 4 6.79086 4 9C4 11.2091 5.79086 13 8 13C10.2091 13 12 11.2091 12 9ZM466 8.25L8 8.25V9.75L466 9.75V8.25Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M472.25 9C472.25 12.4518 469.452 15.25 466 15.25C462.548 15.25 459.75 12.4518 459.75 9C459.75 5.54822 462.548 2.75 466 2.75C469.452 2.75 472.25 5.54822 472.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='0' y='1' width='474' height='16' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='457' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 468px;
left: -27px;
}
.circle-bird .ingredients-circle-block-text:nth-child(4) {
left: 95px;
top: 47%;
}
.circle-bird .ingredients-circle-block-text:nth-child(4) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='354' height='19' viewBox='0 0 354 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 9.3375C15 13.2518 11.866 16.425 8 16.425C4.13401 16.425 1 13.2518 1 9.3375C1 5.42318 4.13401 2.25 8 2.25C11.866 2.25 15 5.42318 15 9.3375Z' fill='%23A3C194' fill-opacity='0.8'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M349 9C349 6.79086 347.209 5 345 5C342.791 5 341 6.79086 341 9C341 11.2091 342.791 13 345 13C347.209 13 349 11.2091 349 9ZM12 9C12 6.79086 10.2091 5 8 5C5.79086 5 4 6.79086 4 9C4 11.2091 5.79086 13 8 13C10.2091 13 12 11.2091 12 9ZM345 8.25L8 8.25V9.75L345 9.75V8.25Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M351.25 9.3375C351.25 12.8464 348.443 15.675 345 15.675C341.557 15.675 338.75 12.8464 338.75 9.3375C338.75 5.82858 341.557 3 345 3C348.443 3 351.25 5.82858 351.25 9.3375Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='0' y='1' width='353' height='16' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='336' y='0.25' width='18' height='18.175' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 347px;
left: -27px;
}
.circle-bird .ingredients-circle-block-text:nth-child(5) {
right: 85px;
top: 14%;
text-align: right;
}
.circle-bird .ingredients-circle-block-text:nth-child(5) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='574' height='18' viewBox='0 0 574 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8' filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M15.25 9C15.25 12.4518 12.4518 15.25 9 15.25C5.54822 15.25 2.75 12.4518 2.75 9C2.75 5.54822 5.54822 2.75 9 2.75C12.4518 2.75 15.25 5.54822 15.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cpath d='M559 9C559 12.866 562.134 16 566 16C569.866 16 573 12.866 573 9C573 5.13401 569.866 2 566 2C562.134 2 559 5.13401 559 9Z' fill='%23E28663'/%3E%3Cg filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M5 9C5 11.2091 6.79086 13 9 13C11.2091 13 13 11.2091 13 9C13 6.79086 11.2091 5 9 5C6.79086 5 5 6.79086 5 9ZM562 9.00005C562 11.2092 563.791 13 566 13C568.209 13 570 11.2092 570 9.00005C570 6.79091 568.209 5.00005 566 5.00005C563.791 5.00005 562 6.79091 562 9.00005ZM9 9.75L566 9.75005L566 8.25005L9 8.25L9 9.75Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='0' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='1' y='1' width='573' height='16.0001' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 567px;
left: -217px;
}
.circle-bird .ingredients-circle-block-text:nth-child(6) {
right: 95px;
top: 56%;
text-align: right;
}
.circle-bird .ingredients-circle-block-text:nth-child(6) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='550' height='18' viewBox='0 0 550 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8' filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M15.25 9C15.25 12.4518 12.4518 15.25 9 15.25C5.54822 15.25 2.75 12.4518 2.75 9C2.75 5.54822 5.54822 2.75 9 2.75C12.4518 2.75 15.25 5.54822 15.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cpath d='M535 9C535 12.866 538.134 16 542 16C545.866 16 549 12.866 549 9C549 5.13401 545.866 2 542 2C538.134 2 535 5.13401 535 9Z' fill='%23E28663'/%3E%3Cg filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M5 9C5 11.2091 6.79086 13 9 13C11.2091 13 13 11.2091 13 9C13 6.79086 11.2091 5 9 5C6.79086 5 5 6.79086 5 9ZM538 9.00005C538 11.2092 539.791 13 542 13C544.209 13 546 11.2092 546 9.00005C546 6.79091 544.209 5.00005 542 5.00005C539.791 5.00005 538 6.79091 538 9.00005ZM9 9.75L542 9.75005L542 8.25005L9 8.25L9 9.75Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='0' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='1' y='1' width='549' height='16.0001' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 543px;
left: -217px;
}
.circle-pig .ingredients-circle-block-text:nth-child(3) {
left: 80px;
top: 23%;
}
.circle-pig .ingredients-circle-block-text:nth-child(3) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='438' height='18' viewBox='0 0 438 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 9C15 12.866 11.866 16 8 16C4.13401 16 1 12.866 1 9C1 5.13401 4.13401 2 8 2C11.866 2 15 5.13401 15 9Z' fill='%23A3C194' fill-opacity='0.8'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M433 9C433 6.79086 431.209 5 429 5C426.791 5 425 6.79086 425 9C425 11.2091 426.791 13 429 13C431.209 13 433 11.2091 433 9ZM12 9C12 6.79086 10.2091 5 8 5C5.79086 5 4 6.79086 4 9C4 11.2091 5.79086 13 8 13C10.2091 13 12 11.2091 12 9ZM429 8.25L8 8.25V9.75L429 9.75V8.25Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M435.25 9C435.25 12.4518 432.452 15.25 429 15.25C425.548 15.25 422.75 12.4518 422.75 9C422.75 5.54822 425.548 2.75 429 2.75C432.452 2.75 435.25 5.54822 435.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='0' y='1' width='437' height='16' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='420' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 431px;
left: -28px;
}
.circle-pig .ingredients-circle-block-text:nth-child(4) {
left: 70px;
top: 65%;
}
.circle-pig .ingredients-circle-block-text:nth-child(4) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='406' height='18' viewBox='0 0 406 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 9C15 12.866 11.866 16 8 16C4.13401 16 1 12.866 1 9C1 5.13401 4.13401 2 8 2C11.866 2 15 5.13401 15 9Z' fill='%23DE754D'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M401 9C401 6.79086 399.209 5 397 5C394.791 5 393 6.79086 393 9C393 11.2091 394.791 13 397 13C399.209 13 401 11.2091 401 9ZM12 9C12 6.79086 10.2091 5 7.99997 5C5.79083 5 3.99997 6.79086 3.99997 9C3.99997 11.2091 5.79083 13 7.99997 13C10.2091 13 12 11.2091 12 9ZM397 8.25L7.99997 8.25V9.75L397 9.75V8.25Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M403.25 9C403.25 12.4518 400.452 15.25 397 15.25C393.548 15.25 390.75 12.4518 390.75 9C390.75 5.54822 393.548 2.75 397 2.75C400.452 2.75 403.25 5.54822 403.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='0' y='1' width='405' height='16' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='388' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 399px;
left: -27px;
}
.circle-pig .ingredients-circle-block-text:nth-child(5) {
right: 90px;
top: 19%;
text-align: right;
}
.circle-pig .ingredients-circle-block-text:nth-child(5) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='483' height='18' viewBox='0 0 483 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M468 9C468 12.866 471.134 16 475 16C478.866 16 482 12.866 482 9C482 5.13401 478.866 2 475 2C471.134 2 468 5.13401 468 9Z' fill='%23B5CEAA'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M5 9C5 11.2091 6.79086 13 9 13C11.2091 13 13 11.2091 13 9C13 6.79086 11.2091 5 9 5C6.79086 5 5 6.79086 5 9ZM471 9.00004C471 11.2092 472.791 13 475 13C477.209 13 479 11.2092 479 9.00004C479 6.7909 477.209 5.00004 475 5.00004C472.791 5.00004 471 6.7909 471 9.00004ZM9 9.75L475 9.75004L475 8.25004L9 8.25L9 9.75Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M15.25 9C15.25 12.4518 12.4518 15.25 9 15.25C5.54822 15.25 2.75 12.4518 2.75 9C2.75 5.54822 5.54822 2.75 9 2.75C12.4518 2.75 15.25 5.54822 15.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='1' y='1' width='482' height='16' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='0' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 476px;
left: initial;
right: -30px;
}
.circle-pig .ingredients-circle-block-text:nth-child(6) {
right: 95px;
top: 59%;
text-align: right;
}
.circle-pig .ingredients-circle-block-text:nth-child(6) div:after {
background-image: url("data:image/svg+xml,%3Csvg width='425' height='18' viewBox='0 0 425 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M410 9C410 12.866 413.134 16 417 16C420.866 16 424 12.866 424 9C424 5.13401 420.866 2 417 2C413.134 2 410 5.13401 410 9Z' fill='%23B5CEAA'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M5 9C5 11.2091 6.79086 13 9 13C11.2091 13 13 11.2091 13 9C13 6.79086 11.2091 5 9 5C6.79086 5 5 6.79086 5 9ZM413 9.00004C413 11.2092 414.791 13 417 13C419.209 13 421 11.2092 421 9.00004C421 6.7909 419.209 5.00004 417 5.00004C414.791 5.00004 413 6.7909 413 9.00004ZM9 9.75L417 9.75004L417 8.25004L9 8.25L9 9.75Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.8' filter='url(%23filter1_d_0_1)'%3E%3Cpath d='M15.25 9C15.25 12.4518 12.4518 15.25 9 15.25C5.54822 15.25 2.75 12.4518 2.75 9C2.75 5.54822 5.54822 2.75 9 2.75C12.4518 2.75 15.25 5.54822 15.25 9Z' stroke='white' stroke-width='1.5' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='1' y='1' width='424' height='16.0001' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_1' x='0' y='0' width='18' height='18' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 0 0.141667 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
height: 18px;
width: 418px;
left: initial;
right: -30px;
}
.advantages {
position: relative;
}
.advantages-title {
font-family: var(--third-family);
font-weight: 700;
font-size: 54px;
text-transform: uppercase;
color: #000;
}
.advantages-title span {
font-family: var(--font-family-medium);
font-weight: 500;
font-size: 22px;
text-transform: uppercase;
color: #000;
}
.advantages-blocks > div:nth-child(2),
.advantages-blocks > div:nth-child(5) {
/*position: relative;*/
bottom: 40px;
}
.advantages-block {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
gap: 10px;
margin-bottom: 15px;
}
.advantages-block:nth-child(2) {
justify-content: start;
}
.advantages-block-title {
font-family: var(--second-family);
font-size: 16px;
}
.advantages-block-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 13px;
text-align: center;
color: #000;
max-width: 320px;
}
.controls-title {
font-family: var(--third-family);
font-weight: 700;
font-size: 54px;
text-transform: uppercase;
color: #000;
margin-top: 5px;
line-height: 63px;
}
.controls-text {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
color: #000;
}
.control {
margin: 200px auto;
}
.control-block {
position: relative;
z-index: 1;
font-family: var(--second-family);
font-weight: 700;
font-size: 16px;
text-align: center;
color: #000;
width: 250px;
height: 230px;
display: flex;
align-items: center;
justify-content: center;
}
.control-block:after {
content: "";
position: absolute;
background-image: url("../img/circle-blue.png");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 250px;
height: 230px;
bottom: 0;
left: 0;
z-index: 0;
}
.control > div:nth-child(2) .control-block:after {
background-image: url("../img/circle-brown.png");
}
.control > div:nth-child(3) .control-block:after {
background-image: url("../img/circle-red.png");
}
.control > div:nth-child(4) .control-block:after {
background-image: url("../img/circle-green.png");
}
.control-block-title {
position: relative;
}
.control-block-title span {
position: relative;
z-index: 1;
}
.control-block-text {
font-family: var(--font-family);
font-weight: 300;
font-size: 13px;
color: #000;
position: absolute;
display: flex;
gap: 10px;
top: -152px;
left: 0;
width: 370px;
text-align: left;
}
.control > div:nth-child(2) .control-block-text {
top: initial;
bottom: -152px;
align-items: end;
}
.control > div:nth-child(3) .control-block-text {
width: 470px;
}
.control > div:nth-child(4) .control-block-text {
top: initial;
bottom: -152px;
align-items: end;
}
.controls-btn {
background: #47a61a;
border-radius: 100px;
width: 226px;
height: 52px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
}
.controls-btn a {
font-family: var(--font-family);
font-weight: 400;
font-size: 18px;
text-align: center;
color: #fff;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
}
.reviews-title {
font-family: var(--third-family);
font-weight: 700;
font-size: 54px;
text-transform: uppercase;
color: #000;
position: relative;
}
.reviews-title:before {
content: "";
position: absolute;
background-image: url(../img/skogs.png);
width: 91px;
height: 59px;
top: -40px;
left: -10px;
background-repeat: no-repeat;
}
.reviews-title span {
font-family: var(--font-family-medium);
font-weight: 500;
font-size: 22px;
text-transform: uppercase;
color: #000;
}
.reviews-blocks {
max-width: 1060px;
margin: 0 auto;
}
.reviews-block {
font-family: var(--font-family);
font-style: italic;
font-weight: 400;
font-size: 13px;
text-align: center;
color: #000;
width: 300px;
height: 275px;
padding: 40px 20px;
margin: 0 auto;
box-shadow: 0 4px 4px 0 #00000040;
border-radius: 30px;
background-color: #fff;
}
.reviews-block-img {
position: absolute;
top: -50px;
left: calc(50% - 50px);
}
.reviews-block-text {
padding: 20px 5px 0 5px;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.reviews .controls-btn {
margin-top: 30px;
margin-bottom: 20px;
}
.reviews .swiper {
padding: 60px 0;
}
.reviews .swiper-slide {
transform: scale(0.9, 0.9);
transition: all 0.5s ease-in-out;
}
.reviews .swiper-slide-active {
/*transform: scale(1, 1);*/
}
.reviews .swiper-wrapper {
/*margin: 50px auto;*/
}
/*.reviews .swiper-button-prev {
left: 46%;
}
.reviews .swiper-button-next {
left: 52%;
}*/
.reviews [class^="swiper-button-"] {
width: 38px;
}
.reviews [class^="swiper-button-"] svg {
height: 8px;
}
.swiper-button-prev svg {
transform: rotate(180deg);
}
.reviews [class^="swiper-button-"],
.video [class^="swiper-button-"] {
top: initial;
bottom: 0;
}
.reviews [class^="swiper-button-"]::after,
.video [class^="swiper-button-"]::after{
content: "";
}
.video .swiper-wrapper {
margin-bottom: 50px;
}
.video .swiper-button-next {
left: 52%;
}
.video .swiper-button-prev {
left: 46%;
}
.video-block {
display: flex;
justify-content: center;
}
.video .swiper-slide {
width: 558px!important;
}
.video-title {
font-family: var(--third-family);
font-weight: 700;
font-size: 54px;
text-transform: uppercase;
color: #000;
}
.video-title span {
font-family: var(--font-family-medium);
font-weight: 500;
font-size: 22px;
text-transform: uppercase;
color: #000;
}
.video-block iframe,
.video-block video {
width: 582px;
height: 432px;
/*height: 100%;*/
border-radius: 40px;
}
/*.market-places .tab-pane > div {
min-height: 500px;
}*/
.market-places-title {
font-family: var(--third-family);
font-weight: 700;
font-size: 54px;
text-transform: uppercase;
color: #000;
}
.market-places-title span {
font-family: var(--font-family-medium);
font-weight: 500;
font-size: 22px;
text-transform: uppercase;
color: #000;
}
.market-places .nav-link {
font-family: var(--second-family);
font-weight: 700;
font-size: 24px;
text-align: center;
color: #000;
}
.market-places .nav-link.active {
color: #438423;
}
.market-places-block {
max-width: 50%;
}
.market-places-block-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
color: #000;
}
.market-places-block-btn a {
font-family: var(--font-family);
font-weight: 400;
font-size: 18px;
text-align: center;
color: #fff;
border-radius: 100px;
width: 286px;
height: 52px;
background: #47a61a;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
}
.market-places-block-markets {
max-width: 900px;
row-gap: 50px;
margin: 0 auto;
}
.contact-form-title {
font-family: var(--third-family);
font-weight: 700;
font-size: 54px;
text-transform: uppercase;
color: #000;
}
.contact-form input[type="email"],
.contact-form input[type="text"] {
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
color: #000;
outline: none;
border-width: 0;
border-bottom: 1px solid;
background: #fff0;
padding: 10px 0;
}
.contact-form input[type='file'] {
width: 0.1px;
height: 0.1px;
opacity: 0;
position: absolute;
z-index: -10;
}
.contact-form input[type=file] + label {
border-bottom: 1px dashed #000;
cursor: pointer;
}
.contact-form input[type=file]:focus + label {
outline: 1px solid #0078d7;
outline: -webkit-focus-ring-color auto 1px;
}
.contact-form textarea {
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
color: #000;
border: 1px solid #000;
border-radius: 10px;
width: 442px;
height: 230px;
background-color: transparent;
padding: 20px;
}
.contact-form label {
font-family: var(--font-family);
font-weight: 400;
font-size: 10px;
color: #000;
cursor: pointer;
}
.contact-form-text {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
color: #000;
}
.contact-form-btn {
display: flex;
justify-content: center;
align-items: center;
margin: 40px auto;
}
.contact-form-btn input {
font-family: var(--font-family);
font-weight: 400;
font-size: 18px;
text-align: center;
color: #fff;
outline: none;
border-width: 0;
background: #47a61a;
width: 286px;
height: 52px;
border-radius: 100px;
}
.contact-form .form-error {
display: block;
color: red;
font-size: 12px;
}
.footer {
background-color: #1b1b1b;
color: #fff;
margin-top: 273px;
}
.footer svg {
width: auto;
height: auto;
}
.footer-menu-block {
padding: 30px;
flex-basis: calc((100% - 500px) / 3);
border-top: 1px solid;
border-bottom: 1px solid;
border-left: 1px solid;
}
.footer-menu-block:first-child {
flex-basis: 500px;
border-left: 1px solid transparent;
}
.footer-menu-title {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: #000;
}
.footer-menu-block ul {
padding: 0;
margin: 20px 0;
list-style-type: none;
}
.footer-menu-block li {
margin: 20px 0;
}
.footer-menu-block li a {
font-family: var(--font-family);
font-weight: 500;
font-size: 12px;
color: #000;
text-decoration: none;
}
.footer-slogan {
font-family: var(--second-family);
font-weight: 700;
font-size: 24px;
text-align: center;
color: #000;
}
.footer-politics {
font-family: var(--font5);
font-weight: 400;
font-size: 12px;
line-height: 1.6;
letter-spacing: 0.01em;
text-decoration: underline;
text-decoration-skip-ink: none;
text-align: center;
color: #333;
}
.footer:before {
content: "";
position: absolute;
background-position: bottom;
background-repeat: no-repeat;
width: 100%;
left: 0;
z-index: 0;
background-image: url('data:image/svg+xml,');
top: -270px;
height: 400px;
background-size: cover;
}
.footer-menu-title,
.footer-menu-block li a,
.footer-slogan,
.footer-politics {
color: #fff;
}
.politics-btn {
cursor: pointer;
font-weight: 500;
}
#path_01 {
display: block;
position: relative;
}
#path_01:after {
content:"asdasd";
position: absolute;
top: 0;
left: 0;
}
.arrrow-up {
visibility: hidden;
opacity: 0;
position: fixed;
bottom: 20px;
right: 0;
z-index: 99;
border: none;
outline: none;
cursor: pointer;
transition: all 0.5s ease-in-out;
}
.arrrow-up.show {
visibility: visible;
opacity: 1;
}
.frocat {
background: #1b1b1b;
position: relative;
line-height: 1;
padding-bottom: 100px;
}
.frocat:before,
.frocat:after {
content: "";
background-image: url('data:image/svg+xml,');
pointer-events: none;
position: absolute;
width: 557px;
height: 2091px;
}
.frocat:before {
top: 0;
left: 0;
}
.frocat:after {
bottom: 0;
right: 0;
transform: rotate(180deg);
}
.frocat-main {
display: flex;
flex-direction: row;
}
.frocat-main-text {
max-width: 378px;
position: relative;
}
.frocat-main-text-logo {
margin: 60px auto;
}
.frocat-main-text-title {
font-family: var(--third-family);
font-weight: 700;
font-size: 43px;
line-height: 120%;
color: #fff;
}
.frocat-main-text-title span {
font-family: var(--font-family);
font-weight: 400;
font-size: 30px;
line-height: 120%;
color: #fff;
display: block;
margin-bottom: 45px;
}
.frocat-main-text-desc {
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 120%;
color: #fff;
margin-bottom: 90px;
}
.frocat-main-text-btn {
font-family: var(--font3);
font-weight: 500;
font-size: 20px;
text-align: center;
color: #fff;
text-decoration: none;
border: 1.42px solid #fff;
border-radius: 7px;
/*padding: 11px 28px;*/
width: 201px;
height: 46px;
background: linear-gradient(90deg, #000 0%, #666 100%);
z-index: 1;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.frocat-main-video {
margin-top: 60px;
position: relative;
}
.frocat-main-video video {
max-width: 100%;
}
.frocat-ration {
margin: 60px auto;
}
.frocat-ration-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 130%;
color: #fff;
padding: 25px 20px;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
height: 56px;
overflow: hidden;
cursor: pointer;
position: relative;
transition: all .3s ease-in-out;
}
.frocat-ration-text:after {
content: "";
background-image: url('data:image/svg+xml,');
width: 28px;
height: 14px;
position: absolute;
right: 0;
bottom: 10px;
transition: all 0.3s ease-in-out;
}
.frocat-ration-text.active {
height: auto;
}
.frocat-ration-text.active:after {
transform: rotate(180deg);
}
.frocat-ration-tabs {
margin: 90px auto;
}
.frocat-ration-tabs-head {
display: flex;
flex-direction: row;
justify-content: center;
gap: 80px;
}
.frocat-ration-tabs-head-item {
border: 2px solid #fff;
border-radius: 6px;
width: 161px;
height: 162px;
font-family: var(--third-family);
font-weight: 500;
font-size: 20px;
line-height: 1.3;
text-align: center;
color: #fff;
background: #000;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.frocat-ration-tabs-head-item.active {
background: rgba(255, 255, 255, 0.15);
}
.frocat-ration-tabs-content {
margin-top: 20px;
min-height: 317px;
}
.frocat-ration-tabs-content-item {
border: 2px solid #fff;
border-radius: 6px;
height: 317px;
width: 648px;
max-width: 100%;
backdrop-filter: blur(15px);
box-shadow: inset 0 0 15px 0 rgba(255, 255, 255, 0.25);
background: rgba(255, 255, 255, 0.15);
display: flex;
flex-direction: row;
visibility: hidden;
opacity: 0;
transition: .3s ease-in-out;
transition-property: opacity,visibility;
margin: auto;
position: absolute;
left: -10000px;
padding: 30px;
box-sizing: border-box;
}
.frocat-ration-tabs-content-item.active {
visibility: visible;
opacity: 1;
position: initial;
}
.frocat-ration-tabs-content-item-img {
display: flex;
flex-direction: column;
justify-content: center;
}
.frocat-ration-tabs-content-item-img-items {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 260px;
max-width: 100%;
}
.frocat-ration-tabs-content-item:not([data-alias="ration_0"]) .frocat-ration-tabs-content-item-img-items {
flex-direction: column;
}
.frocat-ration-tabs-content-item-img-title {
font-family: var(--third-family);
font-weight: 700;
font-size: 14px;
line-height: 130%;
text-align: center;
color: #fff;
margin-top: 10px;
}
.frocat-ration-tabs-content-item-text {
font-family: var(--third-family);
font-weight: 700;
font-size: 14px;
line-height: 130%;
color: #fff;
display: flex;
flex-direction: column;
align-self: center;
gap: 15px;
}
.frocat-ration-tabs-content-item-text span {
font-weight: 500;
}
.frocat-product-tabs {
margin: 60px auto 80px;
}
.frocat-product-tabs-head {
display: flex;
flex-direction: row;
justify-content: center;
}
.frocat-product-tabs-head-item {
font-family: var(--third-family);
font-weight: 500;
font-size: 20px;
line-height: 120%;
letter-spacing: -0.01em;
text-align: center;
max-width: 300px;
padding: 30px 25px;
box-sizing: border-box;
border-bottom: 4px solid;
display: flex;
justify-content: center;
flex-basis: 100%;
cursor: pointer;
position: relative;
transition-property: color, border-bottom-color;
transition: 0.1s ease-in-out;
}
.frocat-product-tabs-head-item[data-alias="sterilized"] {
color: #8b2773;
border-color: #8b2773;
}
.frocat-product-tabs-head-item[data-alias="kitten"] {
color: #d05eb1;
border-color: #d05eb1;
}
.frocat-product-tabs-head-item[data-alias="healthy"] {
color: #f79510;
border-color: #f79510;
}
.frocat-product-tabs-head-item[data-alias="sensitive"] {
color: #78b7ce;
border-color: #78b7ce;
}
.frocat-product-tabs-head-item.active {
font-weight: 700;
color: #fff;
border-color: #fff;
}
.frocat-product-tabs-content {
margin: 60px auto;
}
.frocat-product-item {
border: 2px solid #fff;
border-radius: 6px;
max-width: 100%;
background: rgba(255, 255, 255, 0.15);
margin: 0 auto;
display: flex;
flex-direction: row;
/*align-items: center;*/
opacity: 0;
visibility: hidden;
transition: .3s ease-in-out;
transition-property: opacity,visibility;
box-sizing: border-box;
position: absolute;
left: -222222px;
z-index: 1;
width: 1189px;
height: 504px;
padding: 40px;
}
.frocat-product-item.active {
opacity: 1;
visibility: visible;
position: relative;
top: 0;
left: 0;
}
.frocat-product-swiper {
width: 250px;
height: 400px;
overflow: hidden;
position: relative;
flex-shrink: 0;
margin-right: 40px;
}
.frocat-product-swiper .swiper-slide {
min-height: 400px;
display: flex;
justify-content: center;
align-items: center;
}
.frocat-product-swiper img {
max-width: 100%;
object-fit: contain;
}
.swiper-pagination-bullet,
.swiper-pagination-bullet-active {
width: 15px;
height: 15px;
background: #fff;
}
.swiper-pagination-bullet-active {
background: #000;
}
.frocat-product-item_flex {
height: 100%;
display: flex;
flex-direction: column;
}
.frocat-product-item-title {
font-family: var(--font3);
font-weight: 700;
font-size: 30px;
color: #fff;
margin-bottom: 15px;
}
.frocat-product-item-name {
font-family: var(--third-family);
font-weight: 700;
font-size: 20px;
line-height: 120%;
color: #fff;
margin-bottom: 15px;
}
.frocat-product-item-text {
font-family: var(--third-family);
font-weight: 400;
font-size: 12px;
line-height: 120%;
color: #fff;
display: flex;
flex-direction: column;
gap: 5px;
}
.frocat-product-item-info {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: auto;
}
.frocat-product-item-info-btns {
display: flex;
flex-direction: row;
gap: 15px;
}
.frocat-product-item-info-btn-taste {
border-radius: 6px;
width: 211px;
height: 42px;
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
text-align: center;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
align-self: end;
}
.frocat-product-item[data-alias="sterilized"] .frocat-product-item-info-btn-taste {
background: #8b2773;
}
.frocat-product-item[data-alias="kitten"] .frocat-product-item-info-btn-taste {
background: #d05eb1;
}
.frocat-product-item[data-alias="healthy"] .frocat-product-item-info-btn-taste {
background: #f79510;
}
.frocat-product-item[data-alias="sensitive"] .frocat-product-item-info-btn-taste {
background: #78b7ce;
}
.frocat-product-item-info-btn-buy {
border-radius: 6px;
width: 176px;
height: 42px;
background: #000;
font-family: var(--second-family);
font-weight: 500;
font-size: 20px;
text-align: center;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
align-self: end;
cursor: pointer;
}
.frocat-product-item-info-weight {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 106px;
height: 106px;
}
.frocat-product-item-info-weight img {
position: absolute;
top: 0;
left: 0;
z-index: 0;
object-fit: contain;
width: 100%;
height: 100%;
}
.frocat-product-item-info-weight-text {
font-family: var(--second-family);
font-weight: 500;
font-size: 20px;
text-align: center;
color: #fff;
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
}
.frocat-product-item[data-alias="healthy"] .frocat-product-item-info-weight-text {
right: 13px;
}
.frocat-components {
margin: 40px auto;
}
.frocat-components-title {
font-family: var(--third-family);
font-weight: 500;
font-size: 43px;
text-align: center;
color: #fff;
margin: 60px auto;
}
.frocat-components-slider {
overflow: hidden;
width: 1139px;
max-width: 100%;
height: 320px;
margin: auto;
padding: 20px 0;
}
.frocat-components-item {
text-align: center;
cursor:pointer;
width: auto;
}
.swiper-slide-active .frocat-components-item {
transform: scale(1.05, 1.05);
}
.frocat-components-item-img {
height: 171px;
width: 171px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
}
.frocat-components-item-img img {
width: 126px;
height: 127px;
transition: all 0.3s ease-in-out;
}
.swiper-slide-active .frocat-components-item img {
width: 100%;
height: 100%;
}
.frocat-components-item-title {
font-family: var(--third-family);
font-weight: 500;
font-size: 20px;
line-height: 120%;
text-align: center;
color: #fff;
opacity: 0;
visibility: hidden;
transition: 0.3s ease-in-out;
transition-property: visibility, opacity;
margin-top: 15px;
}
.swiper-slide-active .frocat-components-item-title {
opacity: 1;
visibility: visible;
}
.frocat-faq {
width: 650px;
max-width: 100%;
margin: 60px auto;
padding-bottom: 130px;
padding-top: 60px;
position: relative;
z-index: 1;
}
.frocat-faq-title {
font-family: var(--font-family);
font-weight: 500;
font-size: 43px;
color: #fff;
text-align: center;
margin-bottom: 40px;
}
.frocat-faq-tab {
position: relative;
margin-bottom: 30px;
}
.frocat-faq-tab::after {
position: absolute;
content: "";
right: 0;
top: 0;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
width: 19px;
height: 32px;
pointer-events: none;
/*transform: rotate(-90deg);*/
transition: all .1s ease-in-out;
}
.frocat-faq-tab.active::after {
transform: rotate(90deg);
}
.frocat-faq-tabs-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 20px;
line-height: 120%;
color: #fff;
margin-bottom: 20px;
padding-right: 30px;
cursor: pointer;
}
.frocat-faq-tabs-text {
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 120%;
color: #fff;
padding-right: 30px;
display: none;
}
.products {
overflow: hidden;
padding-bottom: 200px;
}
.frocat-about {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 80px;
gap: 30px;
z-index: 1;
position: relative;
}
.frocat-about-title {
font-family: var(--third-family);
font-weight: 700;
font-size: 43px;
color: #fff;
margin-bottom: 30px;
}
.frocat-about-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 120%;
color: #fff;
}
.frocat-advantages {
margin: 120px auto;
}
.frocat-advantages-title {
font-family: var(--third-family);
font-weight: 500;
font-size: 43px;
text-align: center;
color: #fff;
margin-bottom: 60px;
}
.frocat-advantages_flex {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 50px;
}
.frocat-advantages-item {
width: 295px;
height: 298px;
position: relative;
-webkit-perspective: 1000px;
perspective: 1000px;
cursor: pointer;
}
.frocat-advantages-item-front,
.frocat-advantages-item-back {
border: 2px solid #fff;
border-radius: 6px;
background: #000;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
padding: 15px;
}
.frocat-advantages-item-front {
font-family: var(--third-family);
font-weight: 500;
font-size: 27px;
line-height: 130%;
text-align: center;
color: #fff;
}
.frocat-advantages-item-back {
font-family: var(--third-family);
font-weight: 500;
font-size: 13px;
line-height: 130%;
text-align: center;
color: #fff;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.frocat-advantages-item-back.rotate {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.frocat-advantages-item-front.rotate {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.frocat-advantages-item-front svg {
position: absolute;
top: 25px;
right: 25px;
}
.swiper-pagination-bullet,
.swiper-pagination-bullet-active {
width: 15px;
height: 15px;
background: #fff;
}
.swiper-pagination-bullet-active {
background: #000;
}
.frorod {
position: relative;
margin-top: 100px;
}
.frorod:before {
content: "";
background-image: url('data:image/svg+xml,');
width: 100%;
height: 300px;
background-size: cover;
top: -300px;
left: 0;
position: absolute;
}
.top-menu {
background: #313131;
}
.top-menu .nav-item > a {
font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
text-decoration: underline;
text-decoration-skip-ink: none;
text-align: center;
color: #fff;
}
.top-menu .dropdown-item, .top-menu a.dropdown-item {
font-family: var(--font-family);
/*font-weight: 700;*/
font-weight: 400;
font-size: 12px;
/*text-decoration: underline;*/
text-decoration-skip-ink: none;
color: #000;
}
.top-menu .dropdown-item:focus, .top-menu .dropdown-item:hover {
font-weight: 700;
}
.top-menu .dropdown-menu {
background: #d9d9d9;
border: none;
}
.top-menu .dropdown-toggle.show {
position: relative;
}
.top-menu .dropdown-toggle.show:before {
content: "";
background-image: url('data:image/svg+xml,');
width: 16px;
height: 16px;
bottom: -8px;
right: 7px;
position: absolute;
}
.top-menu .btn {
font-family: var(--font-family);
font-weight: 500;
font-size: 15px;
text-align: center;
color: #000;
}
.top-menu .dropdown-toggle::after, .fancybox-container .dropdown-toggle::after {
content: url('data:image/svg+xml,');
margin-left: 10px;
}
.footer-social-link {
display: flex;
gap: 25px;
}
@media (max-width: 1199px) {
.fscreen-products {
width: 70vw;
}
.fscreen-logo img {
width: 25vw;
}
.ingredients picture {
order: 1!important;
margin-top: 30px;
position: relative;
}
/* .ingredients picture:before {
content: "";
background-image: url("../img/ue.png");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: -40px;
left: calc(50% - 40px);
width: 80px;
height: 19px;
display: block;
}*/
.ingredients-circle:before {
display: none;
}
.ingredients-circle svg {
display: none;
}
.ingredients-circle-full{
position: relative;
}
.ingredients-circle-block,
.ingredients-circle-block-title,
.ingredients-circle-block-text {
position: initial;
}
.ingredients-circle-block {
visibility: visible;
flex-direction: column;
pointer-events: initial;
}
.ingredients-circle-block-title {
opacity: 1;
order: 0!important;
width: 100%;
text-align: center;
padding: 5px;
}
.ingredients .nav-arrows {
display: none;
}
.advantages {
overflow: hidden;
}
.advantages:after {
content: "";
position: absolute;
background-image: url("../img/advantages-bg-m.png");
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
z-index: 0;
}
.circle-rabbit .ingredients-circle-block-title {
background: #EAB4DA;
}
.circle-mouse .ingredients-circle-block-title {
background: #A3C194;
}
.circle-hamster .ingredients-circle-block-title {
background: #F2E4D5;
}
.circle-bird .ingredients-circle-block-title {
background: #FAC8A4;
}
.circle-pig .ingredients-circle-block-title {
background: #C4E9F1;
}
.circle-medium-parrots .ingredients-circle-block-title {
background: #F5E297;
}
.circle-chinchillas-degus .ingredients-circle-block-title {
background: #E1E1E1;
}
.nav-arrows-prev {
left: 0;
}
.nav-arrows-next {
right: 0;
}
.ingredients-circle-block-text {
opacity: 1;
margin: 40px auto 0;
}
.ingredients-circle-block-text div {
font-family: var(--second-family);
font-weight: 700;
font-size: 24px;
text-align: center!important;
color: #000;
}
.ingredients-circle-block-text div:after {
display: none;
}
.ingredients-circle-block-text div:before {
position: relative;
content: "";
width: 20px;
height: 20px;
border-radius: 50%;
display: block;
bottom: 5px;
left: calc(50% - 10px);
}
.ingredients-circle-block-text span {
display: block;
opacity: 1;
text-align: center!important;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
color: #000;
}
.ingr-lucerna div:before {
background-color: #b14f94;
}
.ingr-cookie div:before {
background-color: #fedb81;
}
.ingr-weed-granule div:before {
background-color: #a3c194;
}
.ingr-herbal div:before {
background: #438423;
}
.ingr-paisas div:before {
background: #E1C3A1;
}
.ingr-seed-granule div:before {
background-color: #e87a2a;
}
.ingr-shell-rock div:before {
background: #B0E4EF;
}
.ingr-lung div:before {
background-color: #ae1d1d;
}
.ingredients [class^="swiper-button-"] {
top: 20px;
/*bottom: 0;*/
}
.ingredients .swiper-button-next {
right: 5px;
}
.ingredients .swiper-button-prev {
left: 5px;
}
.ingredients [class^="swiper-button-"]::after{
content: "";
}
}
@media (max-width: 1139px) {
.korm-icons {
display: none;
}
.reviews .swiper-slide {
transform: scale(1, 1);
}
.control-block-text {
font-family: var(--font-family);
font-weight: 300;
font-size: 14px;
color: #000;
}
.control-block-text {
width: 270px;
}
.control > div:nth-child(3) .control-block-text {
width: 350px;
}
}
@media (max-width: 991px) {
.top-menu {
/*background: #47a61a;*/
}
.top-menu .nav-item a,
.top-menu .dropdown-item,
.fancybox-container .nav-item {
font-weight: bold;
}
.fancybox-container .nav-item,
.fancybox-container .dropdown-item {
font-size: 24px;
text-align: left;
}
.fancybox-container .dropdown-toggle {
position: relative;
}
.fancybox-container .dropdown-toggle::after {
position: absolute;
right: 30px;
top: 15px;
content: "";
background-image: url("../img/nav-arrow.png");
background-repeat: no-repeat;
background-size: contain;
width: 24px;
height: 20px;
}
.fancybox-slide--html .fancybox-close-small {
top: 10px;
right: 10px;
display: flex;
justify-content: center;
align-items: center;
}
.fancybox-slide--html .fancybox-close-small svg {
width: 30px;
height: 30px;
}
.navbar-collapse {
width: 100%;
height: 100%;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 4px 4px 0 rgba(0, 0, 0, 0.25);
background: #e1e1e1;
text-align: center;
}
.navbar-collapse.fancybox-content {
padding: 40px;
}
.dropdown-menu.show {
position: static!important;
transform: none!important;
background: transparent;
border: 0;
text-align: center;
}
.top-menu .btn-green, .fancybox-container .btn-green {
background-color: transparent!important;
color: #000!important;
}
.fancybox-container .btn-green {
text-align: left;
}
.fancybox-container .btn-green::first-letter {
text-transform: uppercase;
}
.fscreen-text {
font-size: 26px;
}
.about-title,
.about-block {
width: 100%;
}
.about-block {
gap: 50px;
}
.about-title span {
font-size: 18px;
}
.about-block-img {
top: 100px;
}
.market-places-block {
max-width: 100%;
}
.korm-up-title span,
.market-places-title span {
display: block;
}
.frocat-main {
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.frocat-main-text-btn {
justify-self: center;
}
.fancybox-content {
width: 100%;
height: 100%;
padding: 90px 40px;
background: #e1e1e1;
}
.fancybox-container .dropdown-toggle::after {
content: "";
}
.navbar-collapse {
box-shadow: none;
}
.navbar-collapse .top-menu-logo {
display: none;
}
.fancybox-container a.nav-link,
.fancybox-container a.nav-link.show,
.fancybox-content .nav-item .btn {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
color: #000;
}
.fancybox-container .dropdown-item {
font-family: var(--font-family);
font-weight: 400;
font-size: 24px;
color: #000;
white-space: normal;
}
.fancybox-container .nav-item, .fancybox-container .dropdown-item {
}
.fancybox-content .fancybox-slide--html .fancybox-close-small svg {
width: 40px;
height: 40px;
}
.fancybox-content .nav-item .btn {
background-color: initial!important;
padding-left: 0;
}
}
@media (max-width: 767px) {
.about {
padding-bottom: 80px;
}
.about:after,
/*.advantages:after,*/
.footer:before {
background-size: auto;
}
.about-block-img {
top: initial;
left: calc(50% - 60px);
display: inline;
max-width: 228px;
}
.about-block-img:before {
width: 150px;
left: -125px;
}
.about-block-img img {
max-width: 228px;
}
.about-block-text,
.korm-title {
max-width: 100%;
}
.korm-nav .nav-item,
.market-places .nav-item {
/*flex-shrink: 0;*/
width: 100%;
z-index: 1;
position: relative;
}
.korm-text {
height: auto;
margin-bottom: 20px;
}
.korm img {
max-width: 100%;
}
.korm-text {
width: 100%;
}
.korm-table {
text-align: center;
}
.nav-arrows {
display: none;
}
.ingredients-title {
font-size: 50px;
}
.ingredients-circle-block-text {
margin: 30px auto 0;
}
.control {
margin: 60px auto;
}
.control-block {
cursor: pointer;
}
.control-block:after {
transform: rotate(90deg);
}
.control-block-text {
top: -45px;
left: 170px;
width: auto!important;
}
.control-block-text span {
display: none;
}
.control-block-text-fancy {
width: 323px;
padding: 20px;
font-family: var(--font-family);
font-weight: 300;
font-size: 16px;
color: #000;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
background: #f3ebe3;
border-radius: 10px;
}
.control > div:nth-child(2) .control-block-text {
bottom: initial;
left: -55px;
top: -45px;
}
.control > div:nth-child(3) .control-block-text {
left: 170px;
top: -10px;
}
.control > div:nth-child(4) .control-block-text {
left: -55px;
top: -23px;
bottom: initial;
}
.advantages-blocks > div:nth-child(2),
.advantages-blocks > div:nth-child(5) {
position: initial;
}
.advantages-block-title {
line-height: 1.1;
}
.market-places-block-btn {
margin-bottom: 20px;
}
.market-places-block-btn a {
margin: 0 auto;
}
.market-places-block-markets {
margin: 30px auto;
}
.market-places-block-markets img {
max-width: 150px;
}
.reviews-block {
width: 361px;
height: 361px;
padding: 20px;
}
.reviews-block-text p {
margin-bottom: 5px;
}
.reviews .swiper-button-prev {
left: calc(50% - 55px);
}
.reviews .swiper-button-next {
right: calc(50% - 55px);
}
.video .swiper-button-prev {
left: calc(42vw - 4px);
}
.video .swiper-button-next {
left: calc(54vw - 4px);
}
.contact-form textarea {
width: 100%!important;
}
/*.video .swiper-slide,*/
.video-block iframe,
.video-block video {
/*width: 318px!important;*/
height: 280px;
/*height: 100%;*/
}
.video .swiper-slide {
width: 400px!important;
}
.footer:before {
background-position: 20% 100%;
}
.fancybox-content {
/*padding: 0;*/
}
.tab-pane:not(.active) {
height: 0;
overflow: hidden;
}
.nav-link {
position: relative;
}
.nav-link:after {
position: absolute;
content: "";
background-image: url("../img/nav-arrow.png");
/*background-size: contain;*/
background-position: center;
background-repeat: no-repeat;
width: 16px;
height: 16px;
top: calc(50% - 8px);
right: 30px;
transition: all .5s ease-in-out;
}
.navbar-nav .nav-link:not(.dropdown-toggle):after {
background-image: none;
right: initial;
margin-left: 10px;
}
.nav-link.active:after {
transform: rotate(180deg);
}
.korm-info .nav-link {
border-color: transparent transparent #000 transparent;
border-radius: 0;
width: 100%;
}
.korm-info .tab-pane {
border: 0;
}
/* .footer:before {
background-image: url("../img/footer_bg-m.png");
background-position: bottom;
background-size: cover;
}*/
/* .footer:after {
z-index: -1;
height: 200px;
bottom: calc(50% - -100px);
}*/
.footer {
margin-top: 100px;
}
.footer-logo img {
max-width: 160px!important;
}
.fscreen .btn,
.korm-btn,
.controls-btn,
.controls-btn a,
.market-places-block-btn a {
width: 311px;
height: 59px;
max-width: 100vw;
}
.structure-block {
max-width: 100%;
}
/*.reviews-block-text {
margin-top: 30px;
}*/
.ingredients ._ms-5 {
display: none;
}
.ingredients picture:before {
display: none;
}
.ingredients-circle-block-title {
display: block;
}
.frocat {
overflow: hidden;
}
.frocat:before, .frocat:after {
width: 454px;
height: 1725px;
background-size: contain;
background-repeat: no-repeat;
background-position: 100% 100%;
}
.frocat:before {
top: 24%;
left: -42%;
}
.frocat:after {
transform: rotate(0deg);
bottom: -13%;
right: -44%;
}
.frocat-main-text-logo {
margin: 40px auto;
}
.frocat-main-text-logo svg {
max-width: 100%;
}
.frocat-main-text-title {
font-size: 32px;
}
.frocat-main-text-title span {
font-size: 25px;
margin: 10px auto 20px;
}
.frocat-main-text-desc {
font-size: 12px;
margin-bottom: 10px;
}
.frocat-main-text-btn {
border: 1.42px solid #fff;
border-radius: 7px;
width: 201px;
height: 41px;
background: linear-gradient(90deg, #000 0%, #666 100%);
font-size: 16px;
margin: 0 auto;
}
.frocat-main-video {
margin: 30px auto;
}
.frocat-about {
flex-direction: column;
}
.frocat-about img {
max-width: 100%;
z-index: 1;
}
.frocat-ration-text {
font-size: 15px;
height: 75px;
}
.frocat-ration-tabs-head {
gap: initial;
justify-content: space-around;
}
.frocat-ration-tabs-head-item {
border: 1.35px solid #fff;
border-radius: 4px;
width: 108px;
height: 109px;
font-size: 13px;
}
.frocat-ration-tabs-content-item {
height: auto;
}
.frocat-ration-tabs-content-item,
.frocat-ration-tabs-content-item-img {
flex-direction: column;
}
.frocat-ration-tabs-content-item-img-items,
.frocat-ration-tabs-content-item:not([data-alias="ration_0"]) .frocat-ration-tabs-content-item-img-items {
flex-direction: row;
width: auto;
}
.frocat-ration-tabs-content-item-img-items img {
max-width: 85px;
}
.frocat-ration-tabs-content-item-text {
text-align: center;
}
.frocat-ration-tabs-content-item-img-title {
font-size: 14px;
margin: 15px auto 30px;
}
.frocat-product-tabs-head-item {
font-size: 8px;
padding: 10px 0;
}
.frocat-product-tabs-content {
margin: 30px auto;
}
.frocat-product-item {
flex-direction: column;
height: auto;
backdrop-filter: blur(15px);
box-shadow: inset 0 0 15px 0 rgba(255, 255, 255, 0.25);
background: rgba(255, 255, 255, 0.15);
}
.frocat-product-item.active {
padding: 20px;
}
.frocat-product-item-title {
margin: 25px 0 15px;
}
.frocat-product-item-name {
font-size: 18px;
}
.frocat-product-item-info-btns {
flex-direction: column;
justify-content: end;
}
.frocat-product-item-info-btn-taste {
width: 176px;
height: 42px;
}
.frocat-product-item-info-btn-buy {
width: 176px;
height: 38px;
}
.frocat-product-swiper {
margin: 0 auto;
}
.frocat-components {
margin: 40px auto 100px;
}
.frocat-components-title {
font-size: 30px;
}
.frocat-components-slider {
height: 230px;
}
.frocat-components-item-img {
height: 131px;
width: 131px;
margin: 0 auto;
}
.frocat-components-item-img img {
width: 97px;
height: 98px;
}
.frocat-components-item-title {
font-size: 12px;
}
.frocat-faq {
padding: 30px 0;
}
.frocat-faq-title {
font-size: 30px;
}
.frocat-faq-tab::after {
width: 14px;
height: 28px;
background-size: contain;
top: -6px;
right: 5px;
}
.frocat-faq-tabs-title {
font-size: 16px;
}
.frorod:before {
height: 150px;
top: -200px;
}
}
@media (max-width: 400px) {
.footer-social-link {
flex-direction: column;
gap: 13px;
margin-bottom: 91px;
}
/*.reviews-block-text {
margin-top: 60px;
}*/
.about {
overflow: hidden;
}
.about:after {
content: "";
background-image: url("../img/about-bg-m.png");
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 325px;
}
.about-block {
gap: 30px;
}
.about-block-img{
left: calc(50% - 10vw);
}
.about-block-img,
.about-block-img img {
max-width: 55vw;
}
.ingredients-title {
font-size: 40px;
}
.ingredients-circle-block-img {
max-width: 100%;
}
.advantages-block img {
max-width: 100%;
}
.korm-info .nav-item,
.korm-info .nav-link {
width: 100%;
}
.reviews-block {
width: 95vw;
height: 75vw;
padding: 10px;
}
.control-block-text,
.control > div:nth-child(3) .control-block-text {
left: 140px;
}
.control > div:nth-child(2) .control-block-text,
.control > div:nth-child(4) .control-block-text {
left: -35px;
}
.video .swiper-slide {
width: 300px!important;
}
.video-block iframe,
.video-block video {
height: 250px;
/*height: 100%;*/
}
.reviews-block {
font-size: 13px;
}
/* .reviews-block-text {
padding: 5px;
}*/
.fscreen .btn, .korm-btn, .controls-btn, .controls-btn a, .market-places-block-btn a {
width: 100%;
}
.contact-form-title {
font-size: 51px;
line-height: 56px;
}
.korm-text,
.korm-weight,
.korm-table,
.about-block-text,
.market-places-block-text,
.korm-table table td {
font-size: 16px;
}
.korm-title, .korm-title_en {
display: none;
}
.about-title {
display: block !important;
}
.korm-nav .nav-link {
font-size: 17px;
line-height: 14px;
padding: 15px 0px;
}
.ingredients-circle-block-text {
width: auto;
}
.nav-arrows {
display: none;
}
.ingredients ._ms-5 {
display: none;
}
.ingredients picture:before {
display: none;
}
.ingredients-circle-block-title {
font-size: 21px;
}
.frocat-components-item-img {
height: 111px;
width: 111px;
}
}