@font-face {
    font-family: "Polin";
    font-weight: 400;
    src: url(/css/fonts/Polin-Regular.woff2);
}

@font-face {
    font-family: "Polin";
    font-weight: 700;
    src: url(/css/fonts/Polin-Bold.woff2);
}

@font-face {
    font-family: "Leon";
    font-weight: 400;
    src: url(/css/fonts/Leon-Regular.woff2);
}

@font-face {
    font-family: "Leon";
    font-weight: 700;
    src: url(/css/fonts/Leon-Bold.woff2);
}

@font-face {
    font-family: "Leon";
    font-weight: 900;
    src: url(/css/fonts/Leon-Heavy.woff2);
}

@font-face {
    font-family: "OhYael";
    font-weight: 400;
    src: url(/css/fonts/OHYaelLeibushor2.0-Regular.woff2);
}

html {
    font-size: 20px;
}

body {
    font-family: 'Polin', sans-serif;
    color: #7A7A7A;
    overflow-x: hidden;
    max-width: 100vw;
}

h1, h2, h3, h4, h5, h6, .font-heading {
    font-family: Leon, Polin, sans-serif;
}

.container.container1600 {
    max-width: 1600px;
}

.main label > a:not([class]):before,
.main p > a:not([class]):before {
    background-color: rgba(239, 174, 64, 0.75);
}

.main label > a:not([class]):hover:before,
.main p > a:not([class]):hover:before {
    background-color: rgba(239, 174, 64, 0.20);
}

.btn {
    border-radius: 25px;
}

.btn-sm {
    font-size: .8rem !important;
}

.btn-primary {
    background: #843A7B;
    border: 0;
    position: relative;
    padding: 7px 20px;
    color: #fff;
    font-weight: 700;
}

    .btn-primary:hover,
    .btn-primary:not(:disabled):not(.disabled):active,
    .btn-primary.focus,
    .btn-primary:focus {
        color: #fff;
        background-color: #9d438e;
        border-color: #9d438e;
    }

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:focus, .btn.focus, .btn:focus {
    box-shadow: 0 0 0 0.2rem rgb(157 67 142 / 25%);
}

.modal-content .close {
    color: #efae40;
    opacity: 1;
}

.btn-outline-secondary {
    color: #efae40;
    border-color: #efae40;
}

    .btn-outline-secondary:hover {
        background-color: #efae40;
        border-color: #efae40;
    }

.btn-outline-dark {
    color: #500f45;
    border-color: #500f45;
}

    .btn-outline-dark:hover {
        background-color: #500f45;
        border-color: #500f45;
    }

.btn-light {
    background: #f1f1f1;
    border: 0;
    border-radius: 20px;
    position: relative;
    font-size: 18px;
    padding: 7px 20px;
    color: #500f45;
}

    .btn-light:hover {
        background: #9d438e;
        color: #fff;
    }

.btn-outline-primary {
    /*font-size: 1.3rem;*/
    border: 2px solid #500f45;
    border-radius: 30px;
    color: #500f45;
    font-weight: 500;
    padding: 5px 25px;
}

    .btn-outline-primary:hover,
    .btn-outline-primary:not(:disabled):not(.disabled):active,
    .btn-outline-primary.focus,
    .btn-outline-primary:focus {
        background: #500f45;
        border-color: #500f45;
    }

.btn.btn-primary i {
    margin-left: 5px;
}

.btn-secondary {
    background: #f0ad40;
    color: #500f45;
    font-size: 1.2rem;
    font-weight: 500;
    border-radius: 30px;
    padding: 5px 20px;
    border: 0;
}

    .btn-secondary:hover {
        background: #500f45;
    }

.btn-outline-primary i {
    font-size: 22px;
    margin-right: 5px;
}

.h1 {
    font-size: 3rem;
}

h2, .h2 {
    color: #9D438E;
    font-size: 2.5rem;
}

h3, .h3 {
    color: #9D438E;
    font-size: 2rem;
}

h4, h4 {
    color: #500f45;
    font-size: 1.3rem;
    line-height: 1.7rem;
}

.page-item.active .page-link {
    background-color: #9D438E;
    border-color: #9D438E;
}

.page-link {
    color: #9D438E;
}

    .page-link:hover {
        color: #9D438E;
    }

a:hover {
    text-decoration: none;
}

.listDetails ul {
    list-style: none;
    padding: 0;
}

.listDetails p {
    display: inline-block;
    margin: 0;
}

.listDetails span {
    font-weight: 500;
}

.listDetails {
    padding: 0;
}

.listCategory {
    border-bottom: 1px solid #ededed;
    margin-bottom: 15px;
}

.socialProduct i {
    color: #500f45;
}

.socialProduct ul {
    list-style: none;
}

.socialProduct li {
    display: inline-block;
}

.socialProduct li {
    margin-right: 5px;
}

.MoreDetails {
    border-bottom: 1px solid #ededed;
    margin-bottom: 15px;
}

.page-hero {
    background-color: #9d438e;
    text-align: center;
    background-image: url(/img/back2.png);
    min-height: 130px;
    position: relative;
    color: #fff;
    padding: 30px;
}

    .page-hero:before {
        content: "\e90c";
        position: absolute;
        right: -280px;
        font-size: 320px;
        font-family: 'SwitchIcons' !important;
        z-index: 1;
        color: #efae40;
        bottom: -300px;
    }

    .page-hero h1 {
        display: inline-block;
        font-size: 3rem;
        margin: 0;
    }

    .page-hero i {
        font-size: 2rem;
        margin-left: 10px;
    }

.breadcrumb {
    background: transparent;
    position: relative;
    margin-top: -15px;
    margin-bottom: 10px;
    padding-right: 0;
    justify-content: flex-start;
}

    .breadcrumb li:not(:last-child):after {
        display: inline-block;
        padding-left: .5rem;
        color: #6c757d;
        content: "/";
    }

    .breadcrumb a {
        color: #6c757d;
        font-weight: normal;
    }

    .breadcrumb li.active {
        color: #500f45;
    }
/*header*/
.headerTop {
    padding-bottom: 0;
    padding-top: 7px;
}

.petButton {
    position: absolute;
    top: -10px;
    right: -2px;
    background-size: 17px;
    width: 40px;
}

header .navbar-nav .nav-item:hover .dropdown-menu.brandsMenu {
    display: flex;
    right: 0;
    max-width: 100%;
    align-items: stretch;
    flex-wrap: wrap;
}

.brandsMenu .dropdown-item {
    width: auto;
    padding: 0;
    display: flex;
    align-items: center;
}

    .brandsMenu .dropdown-item a {
        display: block;
    }

.brandsMenu img {
    width: 100px;
}

.SecondaryMenu a {
    color: #500f45;
    font-weight: 400;
    font-size: 18px;
    padding: 5px 10px;
}

    .SecondaryMenu a:hover {
        color: #a03d86;
    }

.SecondaryMenu #languageSelectorButton {
    color: #500f45;
}

.SecondaryMenu .memberBtn {
    background-color: #843A7B;
    border: 1px solid #843A7B;
    color: white;
    transition: all .1s ease-in-out;
    padding: 0.25rem 0.5rem;
    font-weight: 700;
    line-height: 1;
    margin-right: 0 !important;
}

    .SecondaryMenu .memberBtn svg {
        height: 20px;
    }

    .SecondaryMenu .memberBtn:hover {
        /*padding-right: 38px;*/
        background: white;
        color: #843A7B;
    }

#mainNav a {
    color: #9D438E;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 15px
}

    #mainNav a:hover {
        color: #500f45;
    }

#mainNav li a:before {
    font-family: 'SwitchIcons';
    display: inline-block;
    padding-left: 2px;
}
/*
#mainNav li:nth-child(1) > a:before {
  content: '\e90f';
}

#mainNav li:nth-child(2) > a:before {
  content: '\e900';
}

#mainNav li:nth-child(3) > a:before {
  content: '\e90b';
}

#mainNav li:nth-child(4) > a:before {
  content: '\e90a';
}

#mainNav li:nth-child(5) > a:before {
  content: '\e909';
}

#mainNav li:nth-child(6) > a:before {
  content: '\e914';
}

#mainNav li:nth-child(7) > a:before {
  content: '\e913';
}

#mainNav li:nth-child(8) > a:before {
  content: '\e90b';
}

#mainNav li:nth-child(9) > a:before {
  content: '\e900';
}*/

.navbar-nav i {
    font-size: 17px;
}

.searchExpander {
    background: white;
    color: #843A7B !important;
    border: 0;
    border-radius: 20px;
    color: #fff;
    padding: 0;
    width: 40px;
}

    .searchExpander:hover {
        transform: scale(105%);
    }

    .searchExpander[aria-expanded="true"] {
        color: #500f45;
        background: #fff;
    }

        .searchExpander[aria-expanded="true"]:hover {
            color: #9d438e;
        }

#headerSearch {
    border-radius: 0 20px 20px 0;
    padding: 5px 10px 5px 0;
}

    #headerSearch:focus {
        box-shadow: none;
    }

.headerSearchWrap {
    max-width: 320px;
}

.headerSearch #searchCategoryId {
    max-width: 130px;
}

.tzuna .btn {
    color: #fff !important;
    font-size: 20px;
    padding: 2px 10px;
    background: #a03d86;
    border-radius: 20px;
}

    .tzuna .btn:hover {
        background: #500f45;
    }

.nav-item i {
    margin-left: 5px;
    font-size: 20px;
}

.dropdown-item.active,
.dropdown-item:active:hover {
    background-color: #a03d86;
    color: #fff !important;
}
/*home page*/
.homeHeroSection {
    background: #a03d86;
}

    .homeHeroSection .sliderTitle {
        font-size: 36px;
        line-height: 42px;
        transform: translate(50%);
        right: 50%;
        color: #fff;
        position: absolute;
        z-index: 2;
        margin: 20px 0;
        font-weight: bold;
        width: 100%;
        text-align: center;
        padding: 0 60px;
    }

    .homeHeroSection .floatingLabelsForm .form-group input:focus ~ label.floatingLabel,
    .homeHeroSection .floatingLabelsForm .form-group textarea:focus ~ label.floatingLabel,
    .homeHeroSection .floatingLabelsForm .form-group input.valid ~ label.floatingLabel,
    .homeHeroSection .floatingLabelsForm .form-group textarea.valid ~ label.floatingLabel,
    .homeHeroSection .floatingLabelsForm .form-group input.input-validation-error ~ label.floatingLabel,
    .homeHeroSection .floatingLabelsForm .form-group input.error ~ label.floatingLabel,
    .homeHeroSection .floatingLabelsForm .form-group textarea.input-validation-error ~ label.floatingLabel {
        color: #fff;
    }

.halfHero {
    padding: 180px 10px 120px 10px;
    color: #fff;
    min-height: 67vh;
}

.activeHalf img,
.passiveHalf img {
    margin: auto;
    display: block;
    z-index: 1;
    position: relative;
    transition: all .25s ease-in-out;
    max-width: 100%;
}

.passiveHalf img {
    max-width: 200px;
}

.passiveHalf {
    background: #eeae40;
    max-width: 43.5%;
}

    .passiveHalf .heroCategories,
    .passiveHalf .petForm,
    .activeHalf .btn-primary {
        display: none;
    }


.activeHalf .petBanner:before {
    content: "\e90c";
    position: absolute;
    font-size: 160px;
    font-family: 'SwitchIcons' !important;
    z-index: 0;
    color: #500f45;
    bottom: 65px;
    right: 50%;
    transform: translateX(50%);
}

.passiveHalf .petBanner:before {
    content: "\e90c";
    position: absolute;
    font-size: 100px;
    font-family: 'SwitchIcons' !important;
    z-index: 1;
    color: #d4911d;
    bottom: -25px;
    right: 50%;
    transform: translateX(50%);
}

.passiveHalf button {
    font-size: 22px;
    color: #eeae40;
    font-weight: 500;
    border-radius: 30px;
}

.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgb(80 15 69 / 40%);
    border-color: #9d438e;
}

.floatingLabelsForm .form-group input#dogName:focus ~ label.floatingLabel,
.floatingLabelsForm .form-group input#dogName.valid ~ label.floatingLabel,
.floatingLabelsForm .form-group input#dogName.input-validation-error ~ label.floatingLabel,
.floatingLabelsForm .form-group input#dogName.error ~ label.floatingLabel {
    color: #fff;
}

.custom-file-label {
    border-radius: 30px !important;
}

    .custom-file-label::after {
        border-radius: 30px 0 0 30px !important;
    }

.input-group-append .input-group-text {
    border-radius: 30px 0 0 30px !important;
}

.iconicBtn {
    height: 130px;
    margin: auto;
    position: relative;
    text-align: center;
}

    .iconicBtn .bgIcon {
        transform: translateX(50%);
        position: absolute;
        font-size: 100px;
        transition: all .1s ease-in-out;
    }

    .iconicBtn:hover .bgIcon {
        font-size: 140px;
        color: #eeae40;
    }

div[aria-expanded="true"] > .iconicBtn .bgIcon {
    color: #eeae40;
}

.filterIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100px;
}

    .filterIcon i {
        font-size: 42px;
    }

.doctorT {
    text-align: center;
    background-image: url(/img/back1.png);
    background-size: cover;
    position: relative;
    min-height: 406px;
    display: flex;
    align-items: center;
}

    .doctorT:before {
        content: "\e90c";
        position: absolute;
        right: -60px;
        font-size: 380px;
        font-family: 'SwitchIcons' !important;
        color: #efae40;
        bottom: -150px;
    }

    .doctorT .container:before {
        content: '';
        background-image: url(/img/dogs3.png);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        width: 350px;
        height: 300px;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .doctorT .container:after {
        content: '';
        background-image: url(/img/dogs4.png);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        width: 326px;
        height: 326px;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .doctorT .btn-outline-primary:after {
        content: "\e915";
        font-family: 'SwitchIcons' !important;
    }

.doctorRight {
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 1;
}

.doctorLeft {
    position: absolute;
    left: 0;
    top: 0;
}

.saleProduct {
    text-align: center;
    position: relative;
}

.saleProduct2:before {
    content: "\e90c";
    position: absolute;
    right: -50px;
    font-size: 175px;
    font-family: 'SwitchIcons' !important;
    z-index: 1;
    color: #a03d86;
    bottom: 0;
}


.about {
    position: relative;
}

    .about .col-md-6 img {
        width: 100%;
    }

    .about:before {
        content: "\e90c";
        position: absolute;
        right: -233px;
        font-size: 350px;
        font-family: 'SwitchIcons' !important;
        z-index: 1;
        color: #efae40;
        bottom: 0;
    }

.productsHome .nav-link.active {
    background: #500f45;
    border: 0;
    border-radius: 30px;
    position: relative;
    padding: 7px 25px;
}

.products .col-lg-3,
.productsRow .col-lg-3 {
    padding-right: 10px;
    padding-left: 10px;
}

.product {
    border: 2px solid #FAF0F1;
    padding: 5px;
    border-radius: 50px;
    box-shadow: 0px 4px 50px 0px #FAF0F1;
    overflow: hidden;
}
    .product .productImage {
        transition: all .15s ease-in-out;
    }
    .product:hover .productImage {
        transform: scale(0.95);
    }

    .product h4 {
        min-height: 40px;
        font-size: 20px;
        color: #4B4B4B;
        line-clamp: 2;
    }

    .product .price {
        font-size: 20px;
        font-weight: bold;
        color: #843A7B;
        justify-content: center;
        margin-top: 0.25rem;
        margin-bottom: 0.75rem;
    }

    .product .ctaContainer {
        display: flex;
        justify-content: center;
        margin-bottom: 1.25rem;
    }

    .product .addToCart {
        background: #843A7B;
        font-weight: 700;
        padding: 0.7rem 1.25rem;
        border: 0;
        border-radius: 25px;
        color: #fff;
        font-size: 20px;
        line-height: 18px;
    }

        .product .addToCart:before {
            content: '\e908';
            content: '';
            font-family: 'SwitchIcons' !important;
            font-weight: 400;
        }

        .product .addToCart.hasVariations:before {
            content: none;
        }

        .product .addToCart:hover {
            background: #9d438e;
        }

.variationThumb {
    border: 1px solid #efae40;
}

.productsHome {
    margin-top: 3.5rem;
    margin-bottom: 1.5rem;
}

    .productsHome .nav-link {
        background: #eee;
        border-radius: 30px;
        position: relative;
        color: #500f45;
        padding: 7px 25px;
    }

    .productsHome .nav-item {
        margin-left: 10px;
    }

.productImg {
    padding-top: 80%;
    background-repeat: no-repeat;
    background-size: contain;
}

.productText, .magazinText {
    color: #7a7a7a;
}

.price {
    color: #500f45;
    font-weight: 500;
}

.bannersSlider img {
    width: 100%;
}


.Services {
    background: #FAF0F1;
    color: #500f45;
    text-align: center;
    position: relative;
    padding: 30px 0 30px 0;
    margin-top: 60px;
}

    .Services.services__top {
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3Csvg width='1920' height='710' viewBox='0 0 1920 710' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-7 0V710H1929V9.23298C1706.57 60.6137 1364.11 93.5609 979.935 93.5609C573.263 93.5609 213.317 56.6613 -7 0Z' fill='%23FAF0F1'/%3E%3C/svg%3E%0A");
        background-size: cover;
        background-position: center top;
        padding-top: calc(100vw / 12.5);
    }


    .Services ~ .Services {
        padding: 40px 0 50px 0;
        position: relative;
        margin-top: 0;
    }


    .Services h2 {
        color: #843A7B;
    }

    .Services p {
        color: #843A7B;
        font-size: 20px;
    }

    .Services .container-fluid {
        max-width: 1600px;
    }

    .Services h2 strong {
        color: #FFA100;
    }

    .Services img {
        left: 0;
        position: absolute;
        bottom: 0;
    }

    .Services .simpleGridItems.iconItem > div:first-child {
        padding-left: 0;
        width: 68px;
        height: 68px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        z-index: 1;
    }

    .Services .simpleGridItems.iconItem {
        flex-direction: column;
        padding: 0.65rem;
        position: relative;
        margin-bottom: 4rem;
    }

        .Services .simpleGridItems.iconItem:before {
            content: "";
            position: absolute;
            transition: all .1s ease-in-out;
            top: 0;
            width: 100%;
            height: 100%;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            z-index: 1;
            background-image: url("data:image/svg+xml,%3Csvg width='90' height='90' viewBox='0 0 90 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45 0.463276C20.1478 4.26288 0 24.199 0 45C0 65.801 20.1478 85.737 45 89.5366C69.8522 93.3319 90 73.3959 90 45C90 16.6084 69.8522 -3.33202 45 0.463276ZM45 80.9305C24.9478 77.8667 8.69565 61.7819 8.69565 45C8.69565 28.218 24.9478 12.1332 45 9.0694C65.0522 6.00562 81.3043 22.0948 81.3043 45C81.3043 67.9052 65.0522 83.9943 45 80.9305Z' fill='white'/%3E%3C/svg%3E%0A");
        }

        .Services .simpleGridItems.iconItem .textPart {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
        }

            .Services .simpleGridItems.iconItem .textPart h4 {
                font-weight: 700;
                text-align: center;
                color: #843A7B;
                max-width: 160px;
                margin: 0 auto;
            }

    .Services i {
        font-size: 70px;
    }

.Service .col-md-2:before {
    content: "\e912";
    position: absolute;
    font-size: 125px;
    font-family: 'SwitchIcons' !important;
    z-index: 1;
    color: #500f45;
    transform: translate(50%);
    right: 50%;
    bottom: 20px;
}

.Service h4 {
    margin-top: 35px;
}

.newLatter {
    background-color: #843A7B;
    position: relative;
    z-index: 0;
}

    .newLatter:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: -2;
        width: 100%;
        background-image: url("data:image/svg+xml,%3Csvg width='1920' height='710' viewBox='0 0 1920 710' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1929 710L1929 0L-6.99994 -0.00016925L-7 700.767C215.434 649.386 557.893 616.439 942.065 616.439C1348.74 616.439 1708.68 653.339 1929 710Z' fill='%23FAF0F1'/%3E%3C/svg%3E%0A");
        background-size: cover;
        background-position: center bottom;
        height: calc(100vw / 20);
    }

    .newLatter p, .newLatter h2 {
        color: #fff;
    }


    .newLatter p {
        font-size: 20px;
    }

    .newLatter h2 strong {
        font-family: 'OhYael', Leon, Polin, sans-serif;
        color: #FFA100;
        font-size: 210%;
        font-weight: 400;
    }

    .newLatter .container {
        z-index: 9;
        position: relative;
    }

    .newLatter .floatingLabelsForm .form-group input:focus ~ label.floatingLabel,
    .newLatter .floatingLabelsForm .form-group textarea:focus ~ label.floatingLabel,
    .newLatter .floatingLabelsForm .form-group input.valid ~ label.floatingLabel,
    .newLatter .floatingLabelsForm .form-group textarea.valid ~ label.floatingLabel,
    .newLatter .floatingLabelsForm .form-group input.input-validation-error ~ label.floatingLabel,
    .newLatter .floatingLabelsForm .form-group input.error ~ label.floatingLabel,
    .newLatter .floatingLabelsForm .form-group textarea.input-validation-error ~ label.floatingLabel,
    .newLatter .floatingLabelsForm .form-group select ~ label {
        color: #fff;
    }

.floatingLabelsForm .form-group input:focus ~ label.floatingLabel,
.floatingLabelsForm .form-group textarea:focus ~ label.floatingLabel,
.floatingLabelsForm .form-group select:focus ~ label.floatingLabel,
.floatingLabelsForm .form-group input.valid ~ label.floatingLabel,
.floatingLabelsForm .form-group textarea.valid ~ label.floatingLabel,
.floatingLabelsForm .form-group select.valid ~ label,
.floatingLabelsForm .form-group select.valid ~ label.floatingLabel,
.floatingLabelsForm .form-group input.input-validation-error ~ label.floatingLabel,
.floatingLabelsForm .form-group textarea.input-validation-error ~ label.floatingLabel,
.floatingLabelsForm .form-group select.input-validation-error ~ label.floatingLabel,
.floatingLabelsForm .form-group input.error ~ label.floatingLabel,
.floatingLabelsForm .form-group textarea.error ~ label.floatingLabel,
.floatingLabelsForm .form-group select.error ~ label.floatingLabel {
    color: #9e438b;
}

.floatingLabelsForm .selectLabel {
    color: #9e438b !important;
}

.floatingLabelsForm .form-group span.field-validation-error, .floatingLabelsForm .form-group label.error {
    border-radius: 0 0 15px 15px;
    z-index: 1;
}

.input-group .form-control {
    border-radius: 30px;
}

.form-control {
    border-radius: 30px;
    background-color: #fff;
    padding: 5px 10px;
}

.form-group select {
    border-radius: 30px;
}

footer .form-control {
    color: #500f45;
}

.form-group label:not(.error) {
    color: #500f45;
}

.form-group {
    position: relative;
}

.dogsN {
    position: absolute;
    bottom: 0;
    right: 0;
}

.onsale:before {
    content: "\e901";
    font-family: 'SwitchIcons' !important;
    font-size: 70px;
    color: #efae40;
    position: absolute;
    top: -22px;
    left: -5px;
    z-index: -1;
}

.onsale {
    color: #500f45;
}

.outofstock:before {
    content: "\e901";
    font-family: 'SwitchIcons' !important;
    font-size: 70px;
    color: #eee;
    position: absolute;
    top: -22px;
    left: -5px;
    z-index: -1;
}

.outofstock {
    color: #500f45;
}


.popUp.newLatter {
    background-size: cover;
    min-height: 600px;
}

    .popUp.newLatter .dogsN2 {
        left: 0;
        position: absolute;
        bottom: 0;
        z-index: 9;
    }

.newLatter.SectionHome {
    margin-bottom: -30px;
}

    .newLatter.SectionHome:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 5%;
        z-index: 0;
        width: 280px;
        height: 100%;
        z-index: -1;
        background-image: url(/img/dogFooterNew.png);
        background-size: contain;
        background-position: center bottom;
        background-repeat: no-repeat;
    }

    .newLatter.SectionHome input,
    .newLatter.SectionHome select {
        z-index: 1;
    }

    .newLatter.SectionHome label {
        z-index: 2;
    }


    .newLatter.SectionHome .d-flex {
        flex-wrap: wrap;
        max-width: 1200px;
        margin: 0 auto;
        --gap: 80px;
        column-gap: var(--gap);
        row-gap: 2rem;
        margin-bottom: 1.5rem;
    }

    .newLatter.SectionHome .form-group:not(.submitButton) {
        flex-basis: calc(33.3% - var(--gap));
        margin: 0 !important;
    }

    .newLatter.SectionHome .btn-secondary {
        background: #FFA100;
        border: 1px solid #FFA100;
        color: #843A7B;
        font-weight: bold;
        padding: 15px 38px;
        font-size: 20px;
        line-height: 1;
    }

        .newLatter.SectionHome .btn-secondary:hover {
            background: white;
            color: #843A7B;
        }

    .newLatter.SectionHome .form-control {
        background: transparent;
        color: white;
        border-radius: 0;
        border-width: 0;
        border-bottom-width: 2px;
        border-bottom-color: white;
        box-shadow: none;
        appearance: none;
    }

    .newLatter.SectionHome select.form-control {
        background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="white"/></svg>');
        background-repeat: no-repeat;
        background-position: left 10px;
    }

    .newLatter.SectionHome .form-control option {
        color: black;
    }

    .newLatter.SectionHome .floatingLabel {
        color: white;
    }

#cartSummaryModal {
    z-index: 2000000001;
}

    #cartSummaryModal .modal-body .sideCartItems {
        max-height: calc(100vh - 180px);
    }

    #cartSummaryModal .modal-header {
        background-color: #500f45;
        margin-right: -30px;
        padding: 5px;
        border-radius: 0 30px 30px 0;
    }

        #cartSummaryModal .modal-header .close {
            color: #fff;
            opacity: 1;
            top: 19px;
            padding: 16px 20px;
            right: -30px;
            text-shadow: none;
        }

    #cartSummaryModal h3 {
        color: #fff;
    }

.sideCartItems .fa-times {
    color: #9d438e;
}

    .sideCartItems .fa-times:hover {
        color: crimson;
    }

.cartNote {
    background-color: #f6f6f6;
    padding: 10px 30px 10px 50px;
    position: relative;
}

    .cartNote::before {
        color: #9D438E;
        content: '*';
        height: 100%;
        font-weight: bold;
        font-size: 1.5em;
        position: absolute;
        margin: 0px -20px 0 -20px;
    }

.chatButton {
    position: fixed;
    z-index: 2;
    padding: 5px 15px 5px 55px;
    border-radius: 30px;
    line-height: 24px;
    left: 18px;
    bottom: 200px;
}

    .chatButton img {
        position: absolute;
        top: -7px;
        left: 2px;
    }

    .chatButton:before {
        content: '';
        clip-path: polygon(100% 0, 19% 0, 0 100%);
        width: 20px;
        height: 20px;
        position: absolute;
        background: #500f45;
        bottom: -15px;
        right: 19px;
    }

.exitPopUp {
    right: 15px;
    position: absolute;
    top: 2px;
    color: #ffffff;
    font-size: 50px;
    opacity: 1;
    text-shadow: none;
    z-index: 1;
}

.yoezTzuna {
    position: relative;
}

.heroYoez {
    background: #9d438e;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 20px;
}

    .heroYoez h2 {
        color: #fff;
        display: inline-block;
        font-size: 45px;
    }

    .heroYoez i {
        font-size: 28px;
        margin-left: 6px;
    }

.heroYoez2 {
    top: 10px;
    position: absolute;
    left: 15px;
    width: 350px;
}

.heroYoez1 {
    position: absolute;
    right: 50px;
    top: 10px;
    width: 300px;
}

.yoezTzuna .nav-pills {
    margin: auto;
}

.yoezTzuna .nav-item {
    margin: 0 30px;
    cursor: pointer;
}

.yoezTzuna p {
    text-align: center;
}

.yoezTzuna .iconicBtn {
    color: #500f45;
    cursor: pointer;
    width: 100%;
    height: initial;
}

    .yoezTzuna .iconicBtn .bgIcon {
        font-size: 110px;
    }

.yoezTzuna a .iconicBtn:hover {
    color: #9d438e;
}

.yoezTzuna .iconicBtn:hover .bgIcon {
    font-size: 120px;
    margin-top: -5px;
    color: inherit;
}

.yoezTzuna h5 {
    text-align: center;
    color: #500f45;
    margin-top: 15px;
    margin-bottom: 30px;
}

.yoezTzuna .nav-item img {
    position: absolute;
    width: 34px;
    right: 5px;
    top: 5px;
}

.yoezTzuna .nav-link {
    background: #eee;
    border-radius: 30px;
    position: relative;
    color: #500f45;
    padding: 7px 45px 7px 20px;
}

    .yoezTzuna .nav-link[aria-expanded="true"] {
        background: #500f45;
        color: #fff;
        border: 0;
        border-radius: 30px;
        position: relative;
        padding: 7px 45px 7px 20px;
    }

        .yoezTzuna .nav-link[aria-expanded="true"] img {
            width: 70px;
            right: -20px;
            top: -27px;
        }

.yoezTzunaPopUp {
    max-width: 1860px;
}

#cartSummaryModal .modal-content {
    border-radius: 0 0 30px 0;
}

.modal-content {
    border-radius: 0;
    border: 0;
}

.alert-danger {
    color: #500f45;
    background-color: #efae40;
    border-color: #efae40;
    border-radius: 20px;
}

.trShippingNotes td {
    color: #efae40;
}

.dogsN.catsN {
    bottom: -110px;
}
/*footer*/
footer {
    background-color: #fff;
    color: #500F45;
    margin-top: 30px;
}

    footer ul {
        list-style: none;
        padding: 0;
    }

    footer .snifim li {
        margin-bottom: 20px;
    }

    footer .snifim h5 {
        margin: 0;
    }

    footer h3 {
        font-size: 20px;
        font-weight: 700;
    }

    footer .socials {
        padding-top: 2rem;
        padding-bottom: 2.5rem;
    }

        footer .socials i {
            font-size: 2rem;
        }

        footer .socials .nav {
            gap: 2.5rem;
            color: #843A7B;
        }

            footer .socials .nav a {
                height: 100%;
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            footer .socials .nav svg {
                height: 36px;
                width: 36px;
            }

.socialFooter li {
    display: inline-block;
    padding: 5px;
    margin-top: 20px;
}

.socialFooter {
    text-align: center;
}

    .socialFooter img {
        margin: auto;
        display: block;
    }

.footer-copyright {
    background: #500f45;
    padding: 5px;
    text-align: left;
    color: #fff;
}

    .footer-copyright a {
        color: #fff;
        font-size: 16px;
    }

footer .form-control {
    border-color: #500f45;
}
/*shop*/
.sideNav > .nav > li {
    margin-bottom: 10px;
    display: block;
    width: 100%;
}

    .sideNav > .nav > li > a {
        display: block;
        color: #500f45;
        background: #efae40;
        padding: 10px;
        font-weight: 500;
    }

        .sideNav > .nav > li > a:focus, .sideNav > .nav > li > a:hover {
            background-color: #500f45;
            color: #efae40;
        }

.sideNav .subCats > li > a {
    background: #f6f6f6;
    color: #500f45;
    width: 100%;
    display: block;
    padding: 10px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #f6f6f6;
}

    .sideNav .subCats > li > a:focus, .sideNav .subCats > li > a:hover {
        background: #eee;
    }

.sideNav .subSubCats > li > a {
    background-color: transparent;
    color: #500f45;
    padding: 10px 30px 10px 10px;
}

    .sideNav .subSubCats > li > a:focus, .sideNav .subSubCats > li > a:hover {
        background: #f6f6f6;
    }

.magazinPage .sideNav .subCats > li > a:hover {
    background: #500f45;
    font-weight: normal;
}

.sideNav .subCats > li {
    width: 100%;
}

.main {
    position: relative;
}
    /*.main:before {
  content: "\e90c";
  position: absolute;
  left: -200px;
  font-size: 320px;
  font-family: 'SwitchIcons' !important;
  z-index: 1;
  color: #efae40;
  bottom: 0px;
}*/
    /*.main:before {
        content: "\e90c";
        position: absolute;
        top: 43%;
        left: -100px;
        font-size: 200px;
        font-family: 'SwitchIcons' !important;
        z-index: -1;
        color: #9D438E;
        bottom: 0px;
    }*/
/*.main:after {
    content: "\e90c";
    position: absolute;
    right: -50px;
    font-size: 100px;
    font-family: 'SwitchIcons' !important;
    z-index: 1;
    color: #9D438E;
    bottom: 150px;
  }*/
.priceProduct {
    color: #500f45;
    font-size: 38px;
}

.DetailsProduct h2 {
    text-align: right;
}

.DetailsProduct h2 {
    text-align: right;
    margin-top: -25px;
}

.titleProduct {
    border-bottom: 1px solid #ededed;
    display: block;
    margin-bottom: 30px;
    padding-bottom: 15px;
}

.productPage .card {
    border: 0;
    margin-right: -15px;
    margin-left: -15px;
}

.productPage .card-header {
    background: 0;
    border-bottom: 1px solid rgb(237 237 237);
    padding: 10px 0;
}

.productPage .card-body {
    padding: 15px 0;
}

.productPage .card-header h4 i {
    float: left;
}
/*magazin*/
.magazin {
    border: 1px solid #eee;
}

.magazinImg {
    padding-top: 60%;
    background-repeat: no-repeat;
    background-size: cover;
}

.magazinText {
    padding: 15px;
    text-align: center;
}

.magazinPage .sideNav .nav > li > a.currentCat {
    background: #efae40;
    color: #500f45;
}

.magazinPage .subCats {
    width: 100%;
}

.magazinPage .sideNav .subCats > li > a {
    background: #9d438e;
    color: #fff;
}

.magazinPage .sideNav .nav > li > a.currentCat:hover {
    background: #500f45;
    color: #fff;
    font-weight: normal;
}

.imgItem {
    width: 100%;
    padding-top: 31%;
    background-position: center;
}

.articleText h2 {
    text-align: right;
}

.H4imgArticle {
    width: 100%;
    height: 230px;
}
/*about*/
.serviceAbout1 .col-md-6 {
    background: #9D438E;
    color: #fff;
    text-align: center;
}

.serviceAbout1 h2, .serviceAbout2 h2 {
    color: #fff;
}

.serviceAbout2 .col-md-6 {
    background: #F0AD40;
    color: #fff;
    text-align: center;
}

.serviceAbout1 .h-100, .serviceAbout2 .h-100 {
    margin: 0 -15px;
    background-size: cover;
    background-position: center;
    padding-top: 60%;
}

.snif {
    border: 1px solid #eee;
    padding: 15px 15px 75px 15px;
    text-align: center;
    color: #500f45;
    height: calc(100% - 20px);
    border-radius: 50px;
    position: relative;
}

    .snif .branchLink {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .snif ul {
        list-style: none;
        padding: 0;
    }

    .snif .mapIcons {
        position: absolute;
        bottom: 30px;
        width: 100%;
        z-index: 2;
    }

        .snif .mapIcons a {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 10px;
        }
    .snif .snifPhone {
        position: relative;
        z-index: 2;
    }

#map {
    margin-bottom: -30px;
}

.mapAbout {
    background: url(/img/mapAbout.png);
    position: relative;
    padding-top: 600px;
}

.imgMap {
    position: absolute;
    left: 0;
    bottom: 0;
}

.serviceAbout1 i, .serviceAbout2 i {
    font-size: 48px;
    margin-left: 6px;
}

.snif > i {
    color: #9d438e;
    font-size: 47px;
}
/*cart*/
.productRow {
    border-bottom: 1px solid #eee;
    padding: 15px 0;
    margin-left: 0;
}

    .productRow i {
        color: #500f45;
    }

.ContinueButton {
    color: #7a7a7a;
    font-weight: 500;
}

    .ContinueButton:hover {
        color: #500f45;
    }

    .ContinueButton i {
        font-size: 17px;
        margin-left: 3px;
    }

.productImgLittle {
    background-size: cover;
    height: 100px;
    background-position-x: center;
}

.sicumCartBack {
    background: #F6F6F6;
    padding: 20px;
}

.Shipping ul {
    list-style: none;
}

.Shipping li {
    font-weight: 500;
    line-height: 40px;
}

.sicumCart .btn-secondary {
    margin: auto;
    display: block;
    margin-top: 20px;
}

.sicumCart h3 {
    text-align: center;
    padding: 20px 0;
}

.goShipping[aria-expanded="true"] {
    background: #fff;
    color: #9d438e;
    border: 2px solid #9d438e;
}

.sicum {
    font-weight: 500;
    margin-bottom: 12px;
}
/*myAccount*/
.cardAccount {
    background: #F6F6F6;
    position: relative;
    height: 100%;
}

    .cardAccount h3 {
        text-align: center;
        margin-bottom: 20px;
    }

.imgAccount {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    margin: 0 auto 30px auto;
    background-size: cover;
}

.cardAccount ul {
    list-style: none;
}

.cardAccount strong {
    font-weight: 500;
    margin-left: 5px;
}

.cardAccount a.btn-outline-primary {
    font-size: 20px;
    float: left;
    margin-bottom: 20px;
}

.cardAccount button i {
    font-size: 18px;
}

.cardAccount.Points i {
    font-size: 160px;
    color: #9d438e;
}

.cardAccount .col-md-3 {
    text-align: center;
}

.Points {
    text-align: center;
    line-height: 40px;
}

.Orders h3 {
    text-align: center;
}

.Orders li {
    border: 1px solid #EDEDED;
    padding: 15px;
    margin-bottom: 10px;
}

.priceOrder {
    font-weight: 500;
}

.PointsNumber {
    position: absolute;
    color: #500f45;
    font-size: 30px;
    font-weight: 500;
    transform: translatey(-50%);
    top: 42%;
}

.imgAccount i {
    font-size: 208px;
    position: absolute;
    top: 0;
    color: #fff;
    text-shadow: 1px 1px 15px #b7b7b7;
}

.sicumCartBack .form-check-input {
    margin-top: 9px;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #9d438e;
    border-color: #9d438e;
}

.filterBtn {
    padding: 2px 10px;
    border-radius: 30px !important;
}

.PetImageNote {
    color: #9D438E;
    font-size: 0.8em;
}

}
/*popUp editing */
.popUp.editing {
    background: #F6F6F6;
}

.submitButton {
    text-align: center;
}

.editingForm .form-group input {
    padding: 25px;
    box-shadow: 0px 0px 12px #e8e8e8;
}

.editing h2 i {
    font-size: 35px;
}

.popUp.editing .exitPopUp.close {
    color: #500f45;
}

.buttonImg {
    margin: auto;
    display: block;
    margin-top: 30px;
}

.editingForm .col-md-8 i {
    color: #7a7a7a;
}

.popUp.editing h4 {
    margin: 15px auto;
}
/* cart Panel */
.cartPanel .productRow {
    background: #fff;
}

.productRow .row {
    margin-right: 0;
    margin-left: 0;
}

.cartPanel {
    max-width: 500px;
    position: absolute;
    top: 200px;
    left: 0;
    padding: 20px;
    background: #fff;
    border-radius: 0 0 40px;
    box-shadow: 1px 1px 16px #6161613d;
}

    .cartPanel h4 {
        margin: 0;
    }

.cartPanelTitle h3 {
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    margin: 0 7px;
}

.cartPanelTitle {
    background: #500f45;
    color: #fff;
    padding: 7px 15px 7px 25px;
    position: absolute;
    top: -30px;
    left: 0;
    border-radius: 0 30px 30px 0;
    display: inline-block;
}
/* Contact Page */
.iconBox {
    position: relative;
    min-height: 200px;
    justify-content: center;
    font-size: .9rem;
}

    .iconBox:before {
        content: "\e912";
        font-family: 'SwitchIcons' !important;
        font-size: 240px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
        color: #f6f6f6;
        transition: all .1s ease-in-out;
    }

    .iconBox:hover:before {
        color: #eee;
    }

    .iconBox i {
        color: #9d438e;
    }
/* Product */
.gridTabs .nav-tabs .nav-item.show .nav-link,
.gridTabs .nav-tabs .nav-link.active {
    border-top: 3px solid #9d438e;
    color: #500f45;
}

.variationsPanel img {
    max-height: 522px;
    width: 100%;
    object-fit: contain;
}
/* Knowledge Base */
.lessonBlock .lessonInfo {
    color: #500f45;
}

.kbSideNav .nav-link.active {
    border-top: 3px solid #9d438e;
}
/*crop modal*/
#cropModal.modal {
    padding: 0 !important; /* override inline padding-right added from js */
}

    #cropModal.modal .modal-dialog {
        width: calc(100% - 60px);
        max-width: calc(100% - 60px);
    }

    #cropModal.modal .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    #cropModal.modal .modal-body {
        overflow-y: auto;
    }

. /*modal-fullscreen-xxl-down {
	width: 100vw; max-width: none; height: 100%; margin: 0;
}

	.modal-fullscreen-xxl-down .modal-content {
		height: 100%; border: 0 border-radius: 0;
	}

	.modal-fullscreen-xxl-down .modal-header {
		border-radius: 0;
	}

	.modal-fullscreen-xxl-down .modal-body {
		overflow-y: auto;
	}

	.modal-fullscreen-xxl-down .modal-footer {
		border-radius: 0;
	}*/
/*chat*/
.chatFloatingLink {
    position: fixed;
    left: 10px;
    bottom: 5px;
    text-align: center;
    z-index: 9;
}

.chatFloatingLink a {
    display: block;
}

.chatFloatingLink img {
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 40px;
}

.speechBubble {
    background-color: #500f45;
    border-radius: 20px;
    padding: 5px 15px 5px 50px;
    margin-bottom: 15px;
    color: #fff;
    font-size: 16px;
    width: 115px;
    text-align: right;
}

    .speechBubble:before {
        content: '';
        border-color: transparent transparent #500f45 transparent;
        border-style: solid;
        border-width: 20px 20px 0 0;
        border-color: #500f45 transparent transparent transparent;
        position: absolute;
        bottom: -15px;
        right: 30px;
    }
/* Scrollbars */
* { /* Works on Firefox */
    scrollbar-width: thin;
    scrollbar-color: #efae40 #ddd;
}

    /* Works on Chrome, Edge, and Safari */
    *::-webkit-scrollbar {
        width: 10px;
    }

    *::-webkit-scrollbar-track {
        background: #ddd;
        border-radius: 20px;
    }

    *::-webkit-scrollbar-thumb {
        background-color: #efae40;
        border-radius: 20px;
        border: 3px solid #efae40;
    }
/* topBanner */
.topBanner img {
    max-width: 100%;
}
/*custom popups*/
.Popup_0b0e7777_cca6_4758_b79b_4708c10c1e4b {
    padding: 0 !important;
    background-color: none;
    background-image: none;
}

    .Popup_0b0e7777_cca6_4758_b79b_4708c10c1e4b .close:not(:disabled):not(.disabled),
    .Popup_0b0e7777_cca6_4758_b79b_4708c10c1e4b .close:not(:disabled):not(.disabled):focus,
    .Popup_0b0e7777_cca6_4758_b79b_4708c10c1e4b .close:not(:disabled):not(.disabled):hover {
        color: white;
    }

    .Popup_0b0e7777_cca6_4758_b79b_4708c10c1e4b .container {
        padding: 0px;
    }

    .Popup_0b0e7777_cca6_4758_b79b_4708c10c1e4b .col-12 {
        padding: 0px;
    }

    .Popup_0b0e7777_cca6_4758_b79b_4708c10c1e4b p {
        margin: 0px;
    }

    .Popup_0b0e7777_cca6_4758_b79b_4708c10c1e4b .close {
        z-index: 200;
    }

.backofficeEditBtn {
    color: #9D438E;
    background-color: white;
    border: 1px solid #9D438E;
    border-radius: 9999px;
}

.px-0 > .container-fluid {
    padding: 0;
}

.new3columnbanner {
    color: white;
    position: relative;
    z-index: 0;
    padding-bottom: calc(100vw / 2);
}

    .new3columnbanner svg {
        width: 100%;
        height: auto;
    }

    .new3columnbanner:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        /* this ratio is tailored to the SVG */
        top: calc(100vw/8.5);
        background-color: #843A7B;
        background-image: url(/img/banner3bg.png);
        background-size: cover;
        background-position: 20% 50%;
        background-repeat: no-repeat;
    }

    .new3columnbanner .decoration__1 {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-size: contain;
        background-position: right bottom;
        background-repeat: no-repeat;
        z-index: 2;
    }

    .new3columnbanner .decoration__2 {
        position: absolute;
        top: -4rem;
        right: 0;
        width: 35%;
        height: 90%;
        background-size: contain;
        background-position: right top;
        background-repeat: no-repeat;
        z-index: 1;
    }

    .new3columnbanner .decoration__3 {
        position: absolute;
        top: -8rem;
        left: 0;
        width: 35%;
        height: 90%;
        background-size: contain;
        background-position: left top;
        background-repeat: no-repeat;
        z-index: 1;
        display: none;
    }

    .new3columnbanner .inner {
        position: relative;
        z-index: 5;
        transform: translateY(-2rem);
    }

    .new3columnbanner .inner__items {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
        flex-wrap: wrap;
    }

@media (min-width: 1024px) {
    .new3columnbanner .inner__items {
        flex-direction: row;
    }

    .new3columnbanner .inner__items__item h3 {
        white-space: pre-line;
    }
}

@media (min-width: 1280px) {
    .new3columnbanner .inner__items {
        gap: 32px;
    }
}

@media (min-width: 1500px) {
    .new3columnbanner .inner__items {
        gap: 100px;
    }
}

.new3columnbanner h2 {
    font-size: 42px;
    color: white;
    font-family: "Leon", 'Polin', sans-serif;
    font-weight: 400;
    margin: 0;
}


    .new3columnbanner h2 .line2 {
        font-weight: 900;
        font-size: 58px;
        display: block;
        color: #FFA100;
    }

.new3columnbanner h3 {
    font-weight: 700;
    font-size: 28px;
    color: white;
}

@media (min-width: 1280px) {
    .new3columnbanner h2 {
        font-size: 52px;
        transform: translateY(-4rem);
    }

        .new3columnbanner h2 .line2 {
            font-size: 72px;
        }
}

@media (min-width: 1500px) {
    .new3columnbanner h2 {
        font-size: 64px;
        transform: translateY(-9rem);
    }

        .new3columnbanner h2 .line2 {
            font-size: 110px;
        }
}

.new3columnbanner .inner__items__item {
    flex: 1;
}


    .new3columnbanner .inner__items__item img {
        margin-bottom: 17px;
    }

    .new3columnbanner .inner__items__item .body, .new3columnbanner .inner__items__item .body p {
        text-align: start;
    }

.new3columnbanner .btnContainer {
    display: flex;
    justify-content: center;
}

.newBtn-primary {
    border-radius: 50px;
    background: #FFA100;
    border: 1px solid #FFA100;
    color: #843A7B;
    font-weight: bold;
    transition: all ease 0.25s;
    padding: 15px 38px;
    font-size: 20px;
    line-height: 1;
}

.newBtn {
    position: relative;
}

    .newBtn svg {
        position: absolute;
        height: 100%;
        width: auto;
        aspect-ratio: 1/1;
        top: 0;
        left: -1.5rem;
    }

        .newBtn svg .bgElem {
            transition: all ease 0.25s;
        }

.newBtn-primary:hover {
    background: white;
    color: #843A7B;
}

    .newBtn-primary:hover svg .bgElem {
        fill: #FFA100;
    }

.newBtn-secondary {
    border-radius: 50px;
    background: #843A7B;
    border: 1px solid #843A7B;
    color: #ffa100;
    font-weight: bold;
    transition: all ease 0.25s;
    padding: 15px 38px;
    font-size: 20px;
    line-height: 1;
}
.newBtn-secondary:hover {
    background: #fff;
}

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

    100% {
        transform: translateX(0%);
    }
}


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

    100% {
        transform: translateX(50%);
    }
}

.homeBranchBanner {
    padding: 2rem 0;
}

    .homeBranchBanner .intro, .homeBranchBanner .intro p {
        text-align: center;
        font-size: 20px;
        color: #843A7B;
        max-width: 530px;
        margin: 0 auto;
    }

    .homeBranchBanner .intro {
        margin-bottom: 2rem;
    }

    .homeBranchBanner h2 {
        font-weight: 400;
        text-align: center;
    }

        .homeBranchBanner h2 .special-highlight {
            color: #FFA100;
            font-weight: 700;
        }

    .homeBranchBanner .items__container {
        overflow: hidden;
        padding: 3rem 0;
    }

        .homeBranchBanner .items__container .branch-scroller {
            animation: scroll 5s linear infinite;
            display: flex;
            flex-direction: row;
            gap: 0px;
            width: max-content;
            margin-bottom: 1.5rem;
        }

            .homeBranchBanner .items__container .branch-scroller.alt {
                animation: scroll-alt 5s linear infinite;
                margin-bottom: 0;
            }

    .homeBranchBanner .items__container__itemOuter {
        padding: 0 35px;
    }

    .homeBranchBanner .items__container__item {
        width: 230px;
        height: 230px;
        display: block;
        padding: 2.5rem 1.25rem 0;
        aspect-ratio: 1/1;
        flex-shrink: 0;
        text-align: center;
        position: relative;
        z-index: 0;
        transition: all ease 0.25s;
    }

        .homeBranchBanner .items__container__item:hover {
            transform: scale(105%);
        }


        .homeBranchBanner .items__container__item:before,
        .branchShapeBackdrop:before {
            content: '';
            background-image: url(/img/branchBg.svg);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            position: absolute;
            top: -25%;
            left: -25%;
            width: 150%;
            height: 150%;
            z-index: -1;
            pointer-events: none;
        }

        .homeBranchBanner .items__container__item img {
            width: 60px;
            height: 60px;
            position: absolute;
            top: -12.5%;
            left: 50%;
            transform: translateX(-50%);
        }

        .homeBranchBanner .items__container__item h3 {
            font-size: 28px;
            margin-bottom: 0.1rem;
            font-weight: 700;
        }

        .homeBranchBanner .items__container__item p {
            text-align: center;
            font-size: 20px;
        }


.drchi {
    position: relative;
    padding-top: calc(100vw / 10.5);
    padding-Bottom: calc(100vw / 7.5);
    z-index: 0;
}

    .drchi .patternTop {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: -1;
        pointer-events: none;
    }

    .drchi .patternBottom {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: -1;
        pointer-events: none;
    }

    .drchi h2 {
        color: #843A7B;
        margin-bottom: 0.5rem;
        margin-top: 0;
    }

        .drchi h2 .line2 {
            font-size: 150%;
            font-weight: 900;
            display: block;
            color: white;
        }

    .drchi .drchi__inner {
        background: #FFA100;
    }

    .drchi .leadText {
        font-size: 20px;
        font-weight: 700;
        font-family: Polin, sans-serif;
        color: #843A7B;
    }

    .drchi .drchi__inner > .drchi__container {
        display: flex;
        flex-direction: column;
        max-width: 1680px;
        margin: 0 auto;
        padding: 0 1rem;
    }

    .drchi .drchi__iner__content {
        padding-bottom: 6rem;
        z-index: 2;
    }

    .drchi .leftBody, .drchi .leftBody p {
        color: #843A7B;
        font-size: 20px;
    }

    .drchi .leftBody {
        margin-bottom: 1.75rem;
    }

    .drchi .drchi__dogPattern {
        position: absolute;
        top: 53%;
        left: 33%;
        transform: translateX(-50%);
        width: 30%;
        height: 37%;
    }

    .drchi .drchi__dog {
        position: absolute;
        bottom: -4rem;
        left: 29%;
        transform: translateX(-50%);
        width: 50%;
        height: 100%;
        object-fit: contain;
        object-position: center bottom;
    }

    .drchi .newBtn-primary {
        border-width: 2px;
        border-color: #9D438F;
    }

.newHomeHero {
    background-size: cover;
    background-position: center bottom;
    position: relative;
    z-index: 0;
    padding-top: 2rem;
    padding-bottom: 3rem;
}

.newHomeHero__content {
    position: relative;
    z-index: 10;
}

.newHomeHero h1 {
    font-size: 2.75rem;
    color: #FFA100;
    line-height: 0.8;
    text-shadow: 0px 4px 50px #5C1052;
    margin-bottom: 1rem;
}

    .newHomeHero h1 > span {
        display: block;
    }

    .newHomeHero h1 .line2 {
        font-size: 128%;
        font-weight: 900;
    }

    .newHomeHero h1 .line3 {
        color: white;
        font-size: 128%;
        line-height: 0.8;
        font-family: 'OhYael', Leon, Polin, sans-serif;
    }

.newHomeHero .decoration__1 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 46%;
    height: 100%;
    background-size: cover;
    background-position: right bottom;
    background-repeat: no-repeat;
    pointer-events: none;
}

.newHomeHero .decoration__2 {
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='329' height='486' viewBox='0 0 329 486' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M240 2.50169C107.455 23.0195 0 130.674 0 243C0 355.325 107.455 462.98 240 483.498C372.545 503.992 480 396.338 480 243C480 89.6852 372.545 -17.9929 240 2.50169ZM240 437.025C133.055 420.48 46.3768 333.622 46.3768 243C46.3768 152.377 133.055 65.5192 240 48.9748C346.945 32.4303 433.623 119.312 433.623 243C433.623 366.688 346.945 453.569 240 437.025Z' fill='%239D438F'/%3E%3Cpath d='M442 185.5C442 265.943 385.362 322.441 315.5 311.687C245.638 300.922 189 244.436 189 185.5C189 126.564 245.638 70.0784 315.5 59.3128C385.362 48.5595 442 105.045 442 185.5Z' fill='%239D438F'/%3E%3C/svg%3E%0A");
    top: 0;
    right: 0;
    width: 480px;
    height: 480px;
    z-index: -1;
    background-position: 129% -152px;
    background-repeat: no-repeat;
    background-size: contain;
}

.newHomeHero .newHomeHero__intro {
    max-width: 380px;
}

    .newHomeHero .newHomeHero__intro p {
        color: white;
        font-size: 20px;
    }

        .newHomeHero .newHomeHero__intro p strong {
            color: #FFA100;
            font-size: 20px;
            font-weight: bold;
        }


.newHomeHero .newHomeHero__ctas {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.newHomeHero__ctas p {
    color: white;
    margin: 0;
}

.productsSectionWithFilters__ctaContainer {
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.productsSectionWithFilters__title {
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
    margin-bottom: 2rem;
}

    .productsSectionWithFilters__title h2 {
        flex: 1;
        margin: 0;
    }

        .productsSectionWithFilters__title h2 .special-highlight {
            font-weight: 900;
            color: #FFA100;
        }

.floatingCart {
    background-image: url("data:image/svg+xml,%3Csvg width='123' height='123' viewBox='0 0 123 123' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M119.366 61.5C119.366 98.4594 93.4576 124.417 61.5 119.477C29.5424 114.53 3.63409 88.5782 3.63409 61.5C3.63409 34.4219 29.5424 8.46963 61.5 3.52341C93.4576 -1.4172 119.366 24.535 119.366 61.5Z' fill='%23FAF0F1'/%3E%3Cpath d='M61.5613 3.55018C29.5269 8.50458 3.55633 34.4998 3.55633 61.6227C3.55633 88.7457 29.5269 114.741 61.5613 119.695C93.5958 124.644 119.566 98.6488 119.566 61.6227C119.566 24.6022 93.5958 -1.3986 61.5613 3.55018ZM61.5613 108.473C35.7141 104.479 14.765 83.5051 14.765 61.6227C14.765 39.7403 35.7141 18.7669 61.5613 14.7719C87.4086 10.777 108.358 31.756 108.358 61.6227C108.358 91.4894 87.4086 112.468 61.5613 108.473Z' fill='%23843A7B'/%3E%3Cpath d='M57.113 61.9276C55.2611 61.9276 53.7554 60.4219 53.7554 58.5713C53.7554 56.7207 55.2611 55.2146 57.113 55.2146C58.9648 55.2146 60.4697 56.7203 60.4697 58.5713C60.4697 60.4223 58.964 61.9276 57.113 61.9276ZM57.113 57.5608C56.5557 57.5608 56.1021 58.014 56.1021 58.5709C56.1021 59.1277 56.5557 59.5805 57.113 59.5805C57.6702 59.5805 58.123 59.1273 58.123 58.5709C58.123 58.0145 57.6694 57.5608 57.113 57.5608Z' fill='%23843A7B'/%3E%3Cpath d='M75.1577 53.8083H55.5423C55.0339 53.8083 54.5836 53.4816 54.4265 52.9983L49.0629 36.5192L45.7592 35.2713C45.1527 35.0424 44.8473 34.3649 45.0758 33.7588C45.3043 33.1527 45.9809 32.8473 46.5883 33.0758L50.4186 34.5221C50.752 34.6478 51.0094 34.9183 51.1199 35.2564L56.3943 51.4611H74.233L77.0732 39.658H54.7714C54.1232 39.658 53.5978 39.133 53.5978 38.4845C53.5978 37.8359 54.1228 37.3109 54.7714 37.3109H78.5632C78.923 37.3109 79.2628 37.4757 79.4853 37.7582C79.7075 38.0406 79.7886 38.4093 79.7041 38.7588L76.2985 52.9091C76.1719 53.4362 75.7 53.8074 75.1577 53.8074V53.8083Z' fill='%23843A7B'/%3E%3Cpath d='M73.6375 46.7478H56.7685C56.1203 46.7478 55.5949 46.2228 55.5949 45.5742C55.5949 44.9257 56.1199 44.4007 56.7685 44.4007H73.6375C74.2857 44.4007 74.8111 44.9257 74.8111 45.5742C74.8111 46.2228 74.2861 46.7478 73.6375 46.7478Z' fill='%23843A7B'/%3E%3Cpath d='M72.5735 61.9276C70.7217 61.9276 69.216 60.4219 69.216 58.5713C69.216 56.7207 70.7217 55.2146 72.5735 55.2146C74.4254 55.2146 75.9311 56.7203 75.9311 58.5713C75.9311 60.4223 74.4254 61.9276 72.5735 61.9276ZM72.5735 57.5608C72.0163 57.5608 71.5627 58.014 71.5627 58.5709C71.5627 59.1277 72.0163 59.5805 72.5735 59.5805C73.1308 59.5805 73.5844 59.1273 73.5844 58.5709C73.5844 58.0145 73.1308 57.5608 72.5735 57.5608Z' fill='%23843A7B'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    color: #843A7B;
    font-size: 16px;
    width: 80px;
    height: 80px;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease 0.25s;
    top: 132px;
}

    .floatingCart:hover {
        transform: scale(105%);
    }

    .floatingCart a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-top: 1.25rem;
        text-align: center;
        font-size: 11px;
    }

        .floatingCart a strong {
            font-weight: 400;
        }

    .floatingCart i {
        font-size: 1.5rem;
        font-weight: normal;
        display: block;
        font-family: 'SwitchIcons' !important;
        order: -1;
    }

        .floatingCart i:before {
            content: '';
        }

.shopping-cart-link {
    width: 100%;
    height: 100%;
}

    .shopping-cart-link strong {
        display: block !important;
    }

.shopping-cart-icon {
    position: absolute;
    top: 10%;
    right: 33%;
}

.cart-counter {
    top: 0;
    left: 0;
    position: absolute;
    height: 18px;
    width: 18px;
    font-size: 15px;
    line-height: 15px;
    color: #500f45;
    background-color: #efae40;
    font-family: "Leon", 'Polin', sans-serif;
}

.nav-item {
}

.navbar-nav {
    column-gap: 12px;
}

    .navbar-nav > li {
        flex-shrink: 0;
    }

#header .header-logo img {
    max-height: 63px;
}

.branchPageHero {
    background-color: #9D438F;
    position: relative;
    margin-top: calc(100vw/22);
    z-index: 0;
    margin-bottom: calc(100vw/22);
}

    .branchPageHero:before {
        content: '';
        position: absolute;
        top: calc(-100vw/22 + 1px);
        width: 100%;
        height: calc(100vw/22);
        background-image: url("data:image/svg+xml,%3Csvg width='1920' height='296' viewBox='0 0 1920 296' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-8 0V296H960H1928V7.94466C1705.57 52.156 1363.11 80.5059 978.935 80.5059C572.263 80.5059 212.317 48.7551 -8 0Z' fill='%239D438F'/%3E%3C/svg%3E%0A");
        background-size: cover;
        z-index: -2;
    }

    .branchPageHero:after {
        content: '';
        position: absolute;
        top: calc(100% - 1px);
        width: 100%;
        height: calc(100vw/22);
        background-image: url("data:image/svg+xml,%3Csvg width='1920' height='296' viewBox='0 0 1920 296' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1928 296L1928 0.000152588L960 7.98102e-05L-7.99997 7.03252e-06L-8 288.055C214.434 243.844 556.893 215.494 941.065 215.494C1347.74 215.494 1707.68 247.245 1928 296Z' fill='%239D438F'/%3E%3C/svg%3E%0A");
        background-position: bottom;
        background-size: cover;
        z-index: -2;
    }

    .branchPageHero h1 {
        color: white;
        font-weight: 700;
        text-align: center;
    }

    .branchPageHero .container {
        padding: 4rem 0;
    }

    .branchPageHero .decoration__1 {
        background-image: url("data:image/svg+xml,%3Csvg width='185' height='314' viewBox='0 0 185 314' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M155 1.61632C69.3981 14.8727 0 84.4275 0 157C0 229.572 69.3981 299.127 155 312.383C240.602 325.625 310 256.07 310 157C310 57.9447 240.602 -11.6251 155 1.61632ZM155 282.358C85.9314 271.668 29.9517 215.55 29.9517 157C29.9517 98.4495 85.9314 42.3313 155 31.6421C224.069 20.9529 280.048 77.0862 280.048 157C280.048 236.914 224.069 293.047 155 282.358Z' fill='%23843A7B'/%3E%3Cpath d='M236 152.5C236 204.551 199.51 241.109 154.5 234.151C109.49 227.185 73 190.635 73 152.5C73 114.365 109.49 77.8154 154.5 70.8495C199.51 63.8914 236 100.441 236 152.5Z' fill='%23843A7B'/%3E%3C/svg%3E%0A");
        position: absolute;
        background-position: right;
        background-size: contain;
        top: 0%;
        right: 0;
        width: 50%;
        height: 100%;
        background-repeat: no-repeat;
        pointer-events: none;
        z-index: -1;
    }


.branchPageDetails {
    display: flex;
    flex-direction: column;
    padding: 2.5rem 0;
    gap: 1rem;
}

    .branchPageDetails > div {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }

        .branchPageDetails > div img {
            max-width: 48px;
        }

        .branchPageDetails > div > div {
            flex: 1;
        }

.branchPage__openingHours ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .branchPage__openingHours ul li {
        display: inline;
    }

.branchPageDetails h2 {
    color: #843A7B;
    font-size: 28px;
    font-weight: 700;
    margin: 0;
}

.branchPageDetails p {
    color: #4B4B4B;
    font-size: 20px;
}

.branchPageImgContainer {
    display: flex;
    align-items: center;
}

    .branchPageImgContainer img {
        width: 100%;
    }

.branchPageDetails .btn {
    min-width: 140px;
    font-weight: 700;
}

.branchPageServices {
    padding: 2rem 0;
}

    .branchPageServices h2 {
        font-weight: 700;
        font-size: 40px;
        color: #843A7B;
        text-align: center;
    }

.branchPageServices__intro, .branchPageServices__intro p {
    font-size: 20px;
    color: #4B4B4B;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

.branchPageServices__items {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 1.5rem;
    flex-wrap: wrap;
    gap: 1.5rem;
}


    .branchPageServices__items .branchShapeBackdrop {
        width: 140px;
        height: 140px;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 10px;
    }

        .branchPageServices__items .branchShapeBackdrop img {
            max-height: 40px;
        }

    .branchPageServices__items p {
        color: #843A7B;
        font-size: 20px;
        font-weight: 700;
    }

.branchMap {
    min-height: 600px;
    position: relative;
}

    .branchMap:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(100vw / 19);
        background-size: cover;
        background-position: bottom;
        background-image: url("data:image/svg+xml,%3Csvg width='1920' height='710' viewBox='0 0 1920 710' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1936 710L1936 0.000183105L6.20702e-05 1.3855e-05L8.07173e-07 700.767C222.434 649.386 564.893 616.439 949.065 616.439C1355.74 616.439 1715.68 653.339 1936 710Z' fill='white'/%3E%3C/svg%3E%0A");
    }

.branchPageDirections {
    background-color: #FAF0F1;
    border-radius: 50px;
    padding: 1rem;
    position: relative;
}

.branchPageDirections__outer {
    z-index: 10;
    overflow: hidden;
    position: relative;
    padding-top: 13rem;
    margin-top: -16rem;
    pointer-events: none;
}

.branchPageDirections__inner {
    max-width: 960px;
    pointer-events: auto;
}

.branchPageDirections h2 {
    font-weight: 700;
    text-align: center;
    font-size: 28px;
}

.branchPageDirections__bus {
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin-bottom: 20px;
    position: relative;
    z-index: 10;
    max-width: 400px;
}

    .branchPageDirections__bus img {
        width: 48px;
        height: 48px;
    }

    .branchPageDirections__bus h3 {
        font-weight: 700;
    }

    .branchPageDirections__bus h3 {
        margin: 0;
        font-size: 20px;
    }

    .branchPageDirections__bus > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

.branchPageDirections .decoration__1 {
    position: absolute;
    width: 33%;
    height: 80%;
    left: 0;
    bottom: 0;
    background-image: url(/img/branchDirectionsPets.png);
    background-size: contain;
    background-position: left bottom;
    background-repeat: no-repeat;
    display: none;
}

.branchPageDirections__outer .decoration__2 {
    position: absolute;
    width: 35%;
    height: 100%;
    left: 0%;
    top: 0%;
    z-index: -10;
    display: none;
}

.branchPageDirections__ctas {
    margin-top: 2rem;
}

.branchPageDirections .btn {
    font-size: 20px;
}

    .branchPageDirections .btn i {
        font-size: 1.5rem;
    }

#checkCityForShippingModal .modal-content {
    border-radius: 30px;
    margin-top: 25vh;
}
.checkCityPopup {
    padding: 3rem 5rem 3rem 11rem;
}
    .checkCityPopup:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: -50px;
        width: 280px;
        height: 100%;
        z-index: 0;
        background-image: url(/img/dogFooterNew.png);
        background-size: contain;
        background-position: center bottom;
        background-repeat: no-repeat;
    }
    .checkCityPopup .title {
        font-size: 1.8rem;
        font-weight: bold;
        margin-bottom: 1rem;
        color: #843a7b;
    }
    .checkCityPopup .content {
        font-size: 1.2rem;
        margin-bottom: 1rem;
    }
    .checkCityPopup .input-group-append .newBtn {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        padding: 10px 30px;
    }
        .checkCityPopup .input-group-append .newBtn[disabled] {
            cursor: not-allowed;
        }
    .checkCityPopup #dropArim {
        padding: 25px;
    }
    .checkCityPopup .decoration__1 {
        width: 270px;
        height: 170px;
        position: absolute;
        right: 0;
        bottom: 0;
        background-size: cover;
        border-bottom-right-radius: 30px;
    }
    
a.btn.whatsappFixedBtn {
    position: fixed;
    left: 20px;
    bottom: 80px;
    height: 48px;
    width: 48px;
    line-height: 0;
    background-color: #25d366;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: white;
}