a,
body {
    color: var(--po-text-main-color)
}

a,
a:hover {
    text-decoration: none
}

.po-get-bg.btn,
.po-get-bg.btn::after {
    background: var(--po-main-color) !important
}

.po-btn,
.po-btn span,
.po-top-header {
    text-align: center
}

.btn-info,
.po-btn span,
.po-top-header {
    background: var(--po-main-color)
}

.po-btn,
.po-btn span {
    display: inline-block
}

.po-banner-content,
.po-btn,
.po-btn span {
    z-index: 1;
    position: relative
}

.po-disabled-link,
.po-ratings a,
:disabled {
    pointer-events: none
}

.new-home,
.po-dog-banner,
.po-explore-service,
.po-head-tollbar ul li a,
.po-main-dog,
.po-main-header,
.po-main-menu ul li a,
.po-new-header,
.po-new-header .po-head-tollbar ul li a,
.po-potikinewhome-banner,
body {
    font-family: "Exo 2", sans-serif
}

.po-banner-bg,
.po-coverdsec-table,
.po-data-hidden,
.po-faq,
.po-getquote-btn.btn,
.po-left-pet,
.po-mypet-tab .nav,
.po-right-pet {
    overflow: hidden
}

:root {
    --po-main-color: #fecc00;
    --po-secondary-color: #4e9233;
    --po-text-main-color: #000;
    --po-text-btn-color: #231f20;
    --po-white-color: #fff;
    --po-light-color: #f1f1f1;
    --po-red-color: #f44336
}

body {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5
}

.btn-info {
    float: right
}
.mezo-img {
   width: 100%;
    margin-top: 48px;
    margin-left: 7px;
}
a {
    transition: 0.3s
}

a:hover {
    color: var(--po-main-color)
}

.po-first-content b a,
.po-know-more a,
.po-perks-box a {
    text-decoration: underline
}

.po-active,
.po-new-header a.po-quickquote-btn:hover {
    color: var(--po-main-color) !important
}

img {
    max-width: 100%;
    height: auto
}

:focus {
    outline: 0
}

ul {
    padding: 0;
    margin: 0
}

/*li {
    list-style: none
}*/
form ul {
    list-style: none;
}
.po-spacer-top {
    padding-top: 80px
}

.po-btnsection2 {
    text-align: center;
    margin-bottom: 18px;
    display: none
}

.po-ourplan-point,
.po-spacer-bottom {
    padding-bottom: 80px
}

.po-spacer-topless {
    padding-top: 77px
}

.po-btn span {
    min-width: 140px;
    color: var(--po-text-btn-color);
    outline: 0;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 30px;
    font-weight: 600;
    vertical-align: middle;
    border: 2px solid var(--po-text-btn-color);
    border-radius: 7px;
    transition: 0.3s;
    max-width: max-content;
    line-height: 30px
}

.po-btn {
    margin-bottom: 6px
}

.po-get-bg.btn {
    color: var(--po-secondary-color) !important
}

.po-cover .po-service-title,
.po-faq-box p a,
.po-first-content b,
.po-footer-main .po-foot-box a,
.po-get-bg.btn i,
.po-services-two .po-service-title,
.po-table-sub {
    color: var(--po-secondary-color)
}

.po-carepack-content .po-btn,
.po-cat-s,
.pobtn-model {
    margin-top: 30px
}

.pobtn-model span {
    background: var(--po-secondary-color);
    color: var(--po-light-color)
}

button.po-btn {
    border: none;
    background: 0 0;
    padding: 0;
    outline: 0;
    box-shadow: none
}

.po-btn:after {
    position: absolute;
    content: "";
    left: 6px;
    right: -6px;
    top: 6px;
    bottom: -6px;
    background: var(--po-white-color);
    border: 2px solid var(--po-text-btn-color);
    border-radius: 7px;
    z-index: -1;
    transition: 0.3s
}

.po-btn:hover span,
.po-mypet-navtab.active {
    background: var(--po-secondary-color) !important;
    color: var(--po-white-color)
}

.po-btn:hover:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type="number"] {
    -moz-appearance: textfield
}

.po-top-header {
    padding: 20px 0 25px
}

.po-main-header {
    background: var(--po-secondary-color);
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center
}

.po-main-header .row,
.po-new-header .po-main-header .row {
    align-items: center
}

.po-head-tollbar ul li,
.po-new-header .po-head-tollbar ul li {
    display: inline-block;
    margin-left: 50px
}

.po-navbar {
    display: flex;
    align-items: center;
    justify-content: center
}

.po-head-tollbar ul li a,
.po-new-header .po-head-tollbar ul li a {
    display: block;
    color: var(--po-white-color);
    font-size: 16px;
    font-weight: 600
}

.po-canine-covers,
.po-cat-content a:hover,
.po-footer-main .po-footer-social ul li a:hover,
.po-footer-main .po-footer>ul>li>a:hover,
.po-head-tollbar ul li a:hover,
.po-new-header .po-head-tollbar ul li a:hover,
.po-vetchat-disc p a,
.po-whypotiki-content h1,
a.po-read-more {
    color: var(--po-main-color)
}

.po-head-tollbar ul li img,
.po-main-menu ul li a img,
.po-new-header .po-head-tollbar ul li img,
.po-new-header .po-main-menu ul li a img {
    width: 20px;
    height: 20px;
    margin-right: 3px
}

.po-main-menu ul li a {
    font-size: 16px;
    font-weight: 600
}

.po-head-tollbar ul,
.po-main-menu .po-submenu li,
.po-new-header .po-head-tollbar ul {
    line-height: normal
}

.po-main-heading {
    font-size: 36px;
    margin-bottom: 40px;
    font-weight: 800
}

.potiki-perks-heading {
    margin-bottom: -53px;
    margin-top: 21px
}

.po-two-heading {
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 20px
}

.btn-download-css,
.btn-primary-css {
    padding: 5px 10px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    text-decoration: none
}

.btn-primary-css {
    background: #4e9233;
    border: none;
    color: #fff;
    border-radius: 4px
}

.btn-download-css {
    background: var(--po-main-color);
    border: none;
    color: #000;
    border-radius: 4px
}

.po-back-point,
.po-banner-img:after,
.po-routine-innercontent p:before,
.po-services,
.po-whypotiki-bg {
    background: var(--po-secondary-color)
}

.po-banner-content p,
.po-banner-content ul {
    max-width: 305px;
    margin: 0 auto
}

.po-banner-content ul li {
    margin-bottom: 5px;
    text-align: justify;
    list-style: square
}

.po-banner-content p span {
    color: var(--po-secondary-color);
    font-weight: 600
}

.po-banner-content .po-btn,
.po-get-quote .po-btn {
    margin-top: 50px
}

.po-banner-img {
    margin-top: -230px;
    z-index: 0;
    position: relative;
    padding-bottom: 60px;
    text-align: center
}

.po-banner-img img,
.po-polices-content,
.table-responsive {
    position: relative;
    z-index: 1
}

.po-banner-img:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 51%
}

.po-banner-cat,
.po-banner-dog,
.po-get-quote-img img {
    position: absolute
}

.po-banner-dog {
    right: 15.2%;
    top: 10px
}

.po-banner-cat {
    left: 14%;
    top: 0;
    z-index: 2
}

.po-polices-content p {
    margin: auto;
    max-width: 500px
}

.po-polices-content .po-btn {
    margin-top: 50px;
    max-width: 210px
}

.po-polices-img img {
    position: absolute;
    top: 0;
    max-width: 360px;
    left: -5%
}

.po-heading {
    color: var(--po-white-color)
}

.pet-insurence-wrapper,
.po-canstar-img,
.po-canstar-img1,
.po-canstar-img2,
.po-catcover-img,
.po-dog-inner,
.po-easy-understand .container,
.po-faq-sec,
.po-get-quote .container,
.po-non-insurance-sec,
.po-polices .container,
.po-routine-innercontent p,
.po-service-img,
.po-shape-slide,
.po-slide-banner,
.po-tooltip {
    position: relative
}

.po-polices-img img:last-child {
    left: auto;
    right: -70px;
    bottom: 10%;
    animation: 1s linear infinite alternate polices_wave
}

@keyframes polices_wave {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.po-service-title {
    font-size: 24px;
    margin-bottom: 10px;
    color: var(--po-main-color);
    font-weight: 600;
    text-transform: uppercase
}

.po-service-img {
    margin-bottom: 20px
}

.po-service-img img:first-child {
    animation: 0.9s linear infinite alternate cloud_service
}

@keyframes cloud_service {
    0% {
        transform: translateX(2px)
    }
    100% {
        transform: translateX(-2px)
    }
}

.po-active-tab,
.po-service-img img:last-child {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.po-services-box {
    text-align: center;
    margin-bottom: 40px
}

.po-services-box p {
    color: var(--po-white-color);
    max-width: 80%;
    margin: auto;
    font-size: 17px;
    font-weight: 500
}

.po-services-box p span {
    color: var(--po-white-color);
    display: block;
    font-weight: 300
}

.po-cover,
.po-services-two {
    background: var(--po-main-color)
}

.po-perks-box p,
.po-services-two p {
    color: var(--po-text-main-color)
}

.po-services-box a {
    color: var(--po-white-color);
    display: block;
    padding-top: 15px
}

.service-image-cover-box .po-service-subcontent {
    align-items: stretch
}

.service-image-cover-box .img--box {
    display: flex;
    align-items: center
}

.service-image-cover-box .img--box img {
    object-fit: cover;
    object-position: center
}

.po-get-quote-img img:first-child {
    top: 20px;
    left: 0;
    animation: 0.8s linear infinite alternate polices_wave
}

.po-get-quote-img img:last-child {
    bottom: 20px;
    right: 50px;
    animation: 3s infinite dog_foot
}

@keyframes dog_foot {
    0%,
    100%,
    20%,
    50%,
    80%,
    95% {
        opacity: 0
    }
    10% {
        opacity: 1
    }
    40% {
        opacity: 1;
        bottom: 50px;
        right: 30px
    }
    60% {
        opacity: 1;
        bottom: 70px;
        right: 20px
    }
    90% {
        opacity: 1;
        bottom: 90px;
        right: 0
    }
}

.po-easy-understand .po-easy-under-img {
    position: absolute;
    bottom: -40px;
    right: -60px;
    max-width: 240px
}

.po-faq {
    background: var(--po-light-color)
}

.po-faq-box,
.po-faq-box-cat {
    background: var(--po-white-color);
    padding: 30px;
    min-height: calc(100% - 30px)
}

.po-faq-box {
    text-align: center;
    margin: 0 0 30px;
    position: relative
}

.po-coverdsec-table .table tbody tr td:first-child,
.po-faq-box.po-faq-height,
.po-services-bullet,
.po-view-modal td,
.po-view-modal th,
.text-left {
    text-align: left
}

.po-faq-title {
    font-size: 20px;
    margin-bottom: 10px;
    color: var(--po-secondary-color)
}

.po-faq-box p {
    margin: 0;
    font-size: 14px
}

.po-faq-img1 {
    position: absolute;
    left: -20px;
    top: -95px;
    transform: rotateZ(90deg)
}

@keyframes faq_move {
    0% {
        bottom: 30px
    }
    100% {
        bottom: 90px
    }
}

.po-dog-b {
    left: 0;
    bottom: -163px !important;
    max-width: 178px !important
}

.po-faq-img2 {
    position: absolute;
    right: -65px;
    bottom: 60px;
    z-index: 0;
    max-width: 220px
}

@keyframes faq_cat {
    0% {
        transform: translateX(-100px);
        opacity: 0
    }
    100%,
    80% {
        transform: translateX(0);
        opacity: 1
    }
}

.po-faq-box-cat {
    z-index: 1;
    position: relative
}

.po-cover {
    background: var(--po-main-color);
    padding-bottom: 40px
}

.po-congrats-content .po-btn,
.po-loader,
.po-services-box p.po-source {
    margin-top: 10px
}

.po-catcover-img span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 60px
}

.po-coverdsec-table .table tbody tr td {
    border: 5px solid var(--po-white-color)
}

.po-coverdsec-table .table tbody tr td img {
    width: 33px
}

.po-covered-heading {
    text-align: center;
    padding-bottom: 30px;
    position: relative
}

.po-indoor-cat {
    position: absolute;
    top: 65px;
    right: 0
}

.po-catcoverd-img,
.po-indoor-cat-left {
    position: absolute;
    top: 65px;
    left: 0
}

.po-outdoor-cat {
    left: 0;
    right: auto
}

.po-dog-tab .po-catcoverd-img,
.po-dog-tab .po-indoor-cat,
.po-dog-tab .po-indoor-cat-left {
    top: 0
}

.po-btn-bg-change {
    background: var(--po-secondary-color);
    margin-left: 5px;
    margin-right: 5px
}

.po-catcoverd-img h4 {
    font-size: 14px;
    line-height: 24px;
    padding-top: 25px
}

.po-indoor-cat h5 {
    font-size: 14px;
    margin-bottom: 0;
    padding-top: 10px
}

.active .po-indoor-cat h5 {
    padding-top: 10px;
    font-size: 22px
}

.active .po-catcoverd-img h4 {
    padding-top: 5px;
    font-size: 22px
}

.nav.po-nav-tab img,
.po-menu-submenu a,
.po-qua-hover img {
    cursor: pointer
}

.active .po-active-tab {
    opacity: 0;
    visibility: hidden
}

.po-coverd-cat3 .table thead tr th:first-child {
    width: 100% !important;
    max-width: 18% !important
}

.po-cat-content p span {
    color: #00000084
}

.active .po-catcoverd-img,
.active .po-indoor-cat {
    position: unset;
    pointer-events: none
}

.po-nav-tab.po-dog-tab {
    max-width: 350px;
    position: relative;
    margin: auto
}

.po-dog-tab .po-catcoverd-img img,
.po-dog-tab .po-indoor-cat img {
    width: 70px
}

.po-dog-tab .po-catcoverd-img h4 {
    padding-top: 6px
}

.po-catcoverd-img img,
.po-indoor-cat img {
    width: 100px
}

.active .po-catcoverd-img img,
.active .po-indoor-cat img {
    width: auto
}

.po-getquote-btn.btn.register-btn::after,
.po-visit-bg,
.po-white span {
    background: var(--po-white-color)
}

.po-routine-inner {
    background-color: var(--po-main-color);
    margin: 5px 5px 0
}

.po-claims-bg,
.po-claims-pet {
    background: var(--po-white-color) !important
}

.po-common-table .table {
    border-collapse: separate;
    border-spacing: 0
}

.po-common-table .table thead .po-claim-header {
    background-color: var(--po-secondary-color);
    color: var(--po-white-color)
}

.po-common-table .table thead .po-claim-midheader {
    background-color: var(--po-main-color);
    color: var(--po-white-color)
}

.po-common-table .table tbody th {
    background-color: var(--po-secondary-color);
    color: var(--po-text-main-color);
    color: var(--po-white-color);
    font-weight: 600;
    border-bottom: 1px solid #ccc
}

.po-claims-pet {
    text-align: left !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.po-common-table .table tbody td {
    background-color: #f8f8f8;
    color: var(--po-text-main-color);
    border-bottom-width: 0;
    font-weight: 500
}

.po-bg-color td,
.po-bg-light td {
    border-bottom: 0 !important;
    border-top: 0 !important
}

.po-common-table td,
.po-common-table th {
    padding: 12px 30px
}

.po-insuranceneed-content thead th {
    font-size: 22px;
    color: var(--po-secondary-color);
    text-align: center;
    border: none;
    border-left: 1px solid #f3f3f3
}

.po-insuranceneed-content thead th:first-child {
    border: none
}

.po-common-without-cost .col-right .img-wrapper {
    margin-bottom: 35px;
    padding-left: 45px
}

.po-pet-plan {
    padding: 50px 0 120px
}

.po-pet-plan .po-insuranceneed-content p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0
}

.po-routine-inner {
    background-color: var(--po-main-color);
    padding: 50px 0 25px;
    margin-top: 5px
}

.po-routine-footer {
    background-color: #559b39;
    padding: 10px 0
}

.po-routine-footer p {
    margin: 0;
    color: var(--po-white-color);
    font-size: 16px
}

.po-dogbanner-img,
.po-foot-link {
    text-align: right
}

.po-banner-bg .d-md-block {
    padding-right: 60px !important;
    margin-top: 36px
}

.po-foot-link a {
    color: #fff;
    padding-left: 6px
}

.po-routine-vet-visit .po-routine-innercontent {
    margin: 10px 0 30px;
    padding: 10px 30px 15px
}

.po-routine-vet-visit .po-routine-innercontent p {
    font-size: 15px;
    line-height: 24px;
    color: var(--po-text-main-color);
    opacity: .8
}

.po-routine-vet-visit .po-routine-heading {
    color: var(--po-secondary-color);
    text-align: center;
    font-size: 22px;
    margin-bottom: 0
}

.po-routine-vet-visit .po-routine-content {
    margin: 25px 0 15px
}

.po-routine-vet-visit .po-routine-content p {
    color: var(--po-white-color);
    text-align: center;
    margin-bottom: 0
}

.po-routine-wrapper {
    max-width: 780px;
    margin: 0 auto
}

.po-routine-wrapper .po-routine-text {
    max-width: 170px
}

.po-routine-wrapper .po-routine-text h6 {
    color: var(--po-secondary-color);
    font-size: 17px;
    font-weight: 700
}

.po-routine-wrapper .po-routine-ul {
    list-style-type: none
}

.po-routine-wrapper .po-routine-ul li {
    color: var(--po-white-color);
    font-size: 16px;
    display: flex;
    align-items: center
}

.po-routine-wrapper .po-routine-ul li span img {
    width: 15px
}

.po-routine-wrapper .po-routine-ul li .routine-item {
    margin-top: 5px;
    margin-left: 5px;
    font-size: 17px;
    font-weight: 500
}

.po-cat-content h2 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    margin-bottom: 30px
}

.po-cat-content p {
    margin-bottom: 0;
    line-height: 35px
}

.po-cat-content h6,
.po-vetchat-foot a,
.po-vetchat-foot h6 {
    color: var(--po-secondary-color);
    font-size: 21px;
    line-height: 35px;
    letter-spacing: -.21px;
    margin-bottom: 40px;
    margin-top: 40px
}

.po-cat-content a {
    color: var(--po-secondary-color);
    transition: 0.3s
}

.po-insurance-content a {
    font-weight: 400
}

.waiting {
    color: #356d1f
}

.alert-box .alert {
    width: 40%;
    position: absolute;
    top: 104px;
    right: 0
}

.po-catcover-content {
    padding: 30px 100px 15px
}

.po-catcover-content h2 {
    font-size: 24px;
    text-transform: uppercase;
    line-height: 28px;
    font-weight: 600;
    color: var(--po-secondary-color)
}

.po-catcover-content p {
    padding: 0 28px;
    font-weight: 500
}

.my-pet-head,
.po-heading-two {
    font-weight: 700;
    font-size: 24px
}

.po-source {
    margin-top: 15px
}

.active .po-indoor-cat p,
.po-qua-Spot .po-qua-spot p,
.po-qua-cat.po-qua-Spot .po-qua-spot,
.po-qua-cat.po-qua-no,
.po-qua-cat.po-qua-yes .po-qua-tablet,
.po-qua-dog.po-qua-Spot .po-qua-spot,
.po-qua-dog.po-qua-no,
.po-qua-dog.po-qua-yes,
.po-qua-dog.po-qua-yes .po-qua-tablet,
.po-qua-hov-text.po-qua-text-show,
.po-qua-yes .po-qua-spot p,
.po-qua-yes .po-qua-tablet p,
.po-qua:first-child,
div.click-to-top,
ul.nav.po-nav-tab {
    display: block
}

.po-coverdsec-table {
    position: relative
}

.po-coverdsec-table .table thead tr th {
    background: var(--po-main-color);
    padding: 15px 25px;
    border: 1px solid #f3f3f3;
    color: var(--po-secondary-color);
    width: 100%;
    max-width: 24.33%;
    vertical-align: top;
    font-size: 22px;
    line-height: 30px;
    border-bottom: none;
    text-transform: uppercase;
    text-align: center
}

.po-boxshadow-table {
    box-shadow: 10px 20px 20px rgb(0 0 0 / 2%)
}

.po-side-bg td {
    background: #f8f8f8 !important;
    border-right: 1px solid !important
}

.po-side-bg td:last-child {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important
}

.po-th-bg {
    background: #f3f3f3 !important
}

.po-bage-logo h1,
.po-coverdsec-table .table tbody tr td p,
.po-coverdsec-table table,
.po-dog-banner ul,
.po-plus-potiki p:last-child,
.po-routine-p p {
    margin-bottom: 0
}

.po-check-tick label b,
.po-coverdsec-table .table tbody tr td b,
.po-easy-content p b,
.po-insuranceneed-content.po-access-sec ul li b,
.po-making-p li b,
.po-making-p p b,
.po-why-potiki-head p b {
    font-weight: 600
}

.po-coverdsec-table .table tbody tr td {
    padding: 10px 25px;
    vertical-align: middle;
    background: #fff;
    border: 1px solid !important;
    border-right: 0 !important;
    border-bottom: 1px solid #f3f3f3 !important;
    border-top: 1px solid #f3f3f3;
    font-weight: 500
}

.po-covered-heading h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    padding-bottom: 18px
}

.table-responsive .po-btn span {
    font-size: 26px
}

.po-bg-color td {
    background: var(--po-main-color) !important;
    padding: 10px 30px !important
}

.po-bg-light td {
    background: #ffe064 !important;
    padding: 5px 30px !important
}

.po-coverdsec-table .po-tab-cat thead th:last-child {
    max-width: 60%
}

.po-coverdsec-table .po-tab-cat thead th:first-child {
    max-width: 40%
}

.po-btn-bg-change {
    background: var(--po-secondary-color);
    padding: 30px 15px
}

.po-table-bg span img {
    position: absolute;
    z-index: 0
}

.po-table-bg span:first-child img {
    top: 20%;
    right: 2%
}

.po-table-bg span:nth-child(2) img {
    top: 40%;
    left: -4%
}

.po-table-bg span:nth-child(3) img {
    bottom: 40%;
    right: 2%
}

.po-table-bg span:nth-child(4) img {
    bottom: 20%;
    left: 0
}

.po-table-b-dog.po-table-bg span:first-child img {
    top: 20%;
    left: 5%;
    right: auto
}

.po-table-b-dog.po-table-bg span:nth-child(2) img {
    top: 40%;
    right: -1%;
    left: auto
}

.po-table-b-dog.po-table-bg span:nth-child(3) img {
    bottom: 40%;
    left: 2%;
    right: auto
}

.po-table-b-dog.po-table-bg span:nth-child(4) img {
    bottom: 20%;
    right: 0;
    left: auto
}

.po-tab-content {
    position: relative;
    padding: 0 110px;
    margin: 0 -110px
}

.po-easy-content p {
    margin: 0
}

.po-care-pack-content span {
    font-weight: 100;
    display: block;
    font-size: 16px
}

.po-mypet {
    background: #fff
}

.po-category-tab {
    background: var(--po-main-color);
    padding: 30px 40px;
    border-radius: 8px 8px 0 0
}

.po-mypet-tab .nav {
    border-bottom: none;
    width: fit-content;
    width: -moz-fit-content;
    grid-gap: 20px
}

.po-mypet-tab .po-mypet-navtab {
    min-width: 230px;
    height: 80px;
    line-height: 80px;
    padding: 0 30px;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    background: var(--po-white-color);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 7%)
}

.po-mypet-tab .po-mypet-navtab:last-child {
    border-right: none
}

.po-qua-title {
    font-size: 20px;
    margin-bottom: 15px
}

.po-qua-radio input {
    position: absolute;
    left: -9999999px;
    opacity: 0
}

.po-qua-radio label {
    position: relative;
    cursor: pointer;
    font-weight: 500
}

.po-qua-radio label::before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 3px;
    margin-right: 8px;
    flex: none;
    background-color: var(--po-white-color);
    transition: 0.3s;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 1px;
    border: 1px solid #c8c8c8
}

.po-qua-radio label:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 4px;
    width: 10px;
    height: 5px;
    border-left: 2px solid var(--po-white-color);
    border-bottom: 2px solid var(--po-white-color);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -moz-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(1);
    opacity: 0
}

.po-qua-radio input:checked~label:after {
    opacity: 1;
    transform: rotate(-45deg) scale(1)
}

.po-qua-radio input:checked~label::before {
    background: var(--po-red-color)
}

.po-pet-weight,
.po-qua {
    background: var(--po-light-color);
    padding: 30px;
    border-radius: 0;
    margin-top: 0
}

.po-qua-radio ul li {
    margin: 4px 15px 4px 0;
    display: inline-block
}

#tick_error,
.po-mobile-order-1,
.po-mobilebtn,
.po-our-plans-slider,
.po-qua,
.po-qua-catSecond,
.po-qua-dogSecond,
.po-qua-hov-text,
.po-qua-spot,
.po-qua-spot p,
.po-qua-tablet,
.po-qua-tablet p,
.po-quate-slider,
.po-show-mobile,
.po-slide-banner,
span.po-more-text {
    display: none
}

.po-qua-spot span.pa-qua-tab-name,
.po-qua-tablet span.pa-qua-tab-name {
    padding: 5px 20px;
    background: var(--po-light-color);
    border-radius: 30px;
    margin-top: 15px;
    color: var(--po-secondary-color);
    display: none;
    font-weight: 500
}

.po-qua-spot h6,
.po-qua-tablet h6 {
    display: none;
    font-weight: 100;
    margin-left: 5px;
    margin-bottom: 0
}

.po-qua .po-btn {
    margin-top: 10px;
    display: none
}

.po-bottom-catpet ul li,
.po-qua-Spot .po-qua-spot h6,
.po-qua-Spot .po-qua-spot span.pa-qua-tab-name,
.po-qua-yes .po-qua-tablet h6,
.po-qua-yes .po-qua-tablet span.pa-qua-tab-name,
.po-qua.po-qua-Spot .po-btn,
.po-qua.po-qua-yes .po-btn,
div.click-to-top:hover span {
    display: inline-block
}

.pa-qua-list .pa-qua-list {
    margin-left: 50px
}

.po-qua12,
.po-qua2 {
    margin-left: 30px
}

.po-qua13,
.po-qua3 {
    margin-left: 60px
}

.po-qua14 {
    margin-left: 44px
}

.po-qua-spot p,
.po-qua-yes .po-qua-tablet p {
    background: #fff7d6;
    padding: 15px;
    border-radius: 5px;
    border-left: 3px solid var(--po-secondary-color);
    font-style: italic;
    margin: 15px 0 0;
    font-size: 16px
}

.my-pet-head {
    padding: 0 0 30px;
    margin-bottom: 0
}

.po-heading-two {
    padding-bottom: 10px
}

.po-pet-weight {
    margin-bottom: 0;
    border-bottom: 1px solid #ddd
}

.po-pet-weight input {
    max-width: 100px;
    border-radius: 5px 0 0 5px;
    border-color: #ddd
}

.po-kg {
    background-color: #ddd
}

.po-pet-weight span {
    padding: 14px 10px;
    border-radius: 0 5px 5px 0;
    font-weight: 600;
    text-transform: uppercase
}

.po-carepack-content {
    background: #f8f8f8;
    border-radius: 8px;
    padding: 40px;
    text-align: center
}

.po-carepack-content input {
    border-radius: 50px;
    font-size: 16px;
    padding: 0 20px;
    border: 1px solid #e5dfdf
}

input {
    border: 1px solid #eee;
    border-radius: 5px;
    height: 50px;
    width: 100%;
    padding: 0 15px
}

.po-carepack-content ul {
    display: flex;
    grid-gap: 20px;
    align-items: center
}

.po-carepack-content ul li {
    margin-bottom: 20px;
    position: relative;
    width: 100%
}

.po-carepack-content span {
    flex: 50%;
    text-align: left
}

.po-form-error {
    position: absolute;
    left: 10px;
    margin: 0;
    font-size: 14px;
    top: 55px;
    line-height: normal;
    color: var(--po-red-color);
    text-transform: capitalize
}

.gaponly-banner .wrap-img,
.po-carepack-content .po-btn span,
.po-otp-modal,
.po-second-img,
.po-testmonial-text,
.po-third-content {
    text-align: center
}

.po-modal .modal-content {
    border: none;
    border-radius: 10px;
    box-shadow: none;
    outline: 0
}

.po-modal .modal-body {
    padding: 40px
}

.po-modal .btn-close {
    position: absolute;
    right: -10px;
    top: -10px;
    background: url(../images/cross.svg) var(--po-red-color);
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    background-size: 10px;
    border: 2px solid var(--po-white-color);
    padding: 0;
    z-index: 1;
    outline: 0;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: none
}

.po-modal .btn-close:focus {
    box-shadow: none;
    outline: 0
}

.po-modal h2 {
    font-size: 22px;
    text-align: center;
    margin-bottom: 20px
}

.po-otp-modal .po-btn {
    margin-top: 20px
}

.po-otp-modal .po-btn span {
    line-height: 24px;
    font-size: 24px
}

.po-otp-modal p {
    font-size: 16px;
    margin: 20px 0 0
}

.po-vetchat-disc {
    background: rgb(255 255 255 / 12%);
    padding: 20px;
    border-radius: 5px;
    border-left: 3px solid var(--po-main-color);
    position: relative
}

.po-vetchat-disc p {
    font-size: 12px;
    color: var(--po-white-color);
    font-style: italic;
    margin: 0
}

.po-vetchat-disc span {
    position: absolute;
    top: -12px;
    width: 25px;
    height: 25px;
    background: var(--po-main-color);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    font-size: 14px
}

.po-head-logo p {
    margin: 15px 0 0;
    font-size: 16px
}

.po-tree-disc ul li {
    margin-bottom: 2px;
    padding-left: 20px;
    position: relative;
    color: var(--po-white-color);
    font-size: 16px
}

.po-tree-disc ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    background: var(--po-white-color);
    border-radius: 100%
}

.pa-qua-tab-name sup,
.po-login-hint span,
.po-qua-spot p span,
.po-qua-tablet p span,
.po-tree-disc ul li span {
    color: var(--po-red-color)
}

.po-VetChat-bdge {
    background: var(--po-main-color);
    padding: 1px 6px;
    border-radius: 100%;
    color: var(--po-text-main-color);
    font-weight: 100
}

.po-tailrod-bdge {
    background: var(--po-secondary-color);
    padding: 1px 5px;
    border-radius: 100%;
    color: var(--po-white-color);
    font-weight: 100
}

.po-congrats-content {
    background: linear-gradient(0deg, #fff 30%, transparent) center top, url(../images/congrats.jpg) center top;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 7%);
    border-radius: 10px;
    padding: 165px 40px 40px;
    text-align: center
}

.po-congrats-content .po-otp-modal p {
    font-size: 14px;
    font-style: italic;
    border-top: 1px solid #eee;
    padding-top: 15px;
    opacity: .6
}

.po-congrats-content h2 {
    font-size: 26px;
    text-align: center;
    margin-bottom: 8px
}

.po-congrats-content .po-btn span {
    font-size: 24px;
    line-height: 24px
}

.po-submenu {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    border-radius: 0 0 10px 10px;
    min-width: 110px;
    padding: 8px 0;
    transform: translate(0, 12px);
    transition: 0.3s;
    display: none
}

.po-main-menu .po-submenu li a {
    font-size: 14px;
    padding: 5px 12px;
    display: block
}

.po-submenu-list:before {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: -15px;
    font-size: 12px;
    top: 8px;
    color: var(--po-white-color);
    transition: 0.3s
}

.po-submenu-open.po-submenu-list:before {
    transform: rotate(180deg)
}

:disabled span {
    background: #c7c7c7
}

.po-loader p {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.po-loader p span {
    flex: none;
    padding: 0 5px
}

.po-services-heading {
    color: #fff;
    border-top: 1px solid #599d3f;
    padding-top: 35px
}

.po-footer-disc {
    background-color: var(--po-secondary-color)
}

.po-why-potiki-head .po-main-heading,
div#po-admin-table_length,
div.dataTables_wrapper div.dataTables_filter {
    margin-bottom: 10px
}

.po-why-potiki-head {
    margin-bottom: 50px
}

.po-qua-tab-disc {
    font-size: 16px;
    margin: 15px 0 0
}

.po-pet-error-msg {
    color: var(--po-red-color);
    text-align: center
}

.po-main-perks,
.po-main-perks+p,
.po-side-heading th {
    color: var(--po-secondary-color)
}

table#filterTable tr th,
table#po-admin-table tr th,
table#po-admin-table-potiki tr th,
table#po-admin-table1 tr th {
    min-width: 120px;
    font-size: 16px;
    font-weight: 400;
    border: none;
    padding: 5px 25px 5px 10px;
    background: var(--po-secondary-color);
    color: var(--po-white-color);
    white-space: nowrap
}

table#filterTable tr th.sorting.sorting_asc,
table#po-admin-table tr th.sorting.sorting_asc,
table#po-admin-table-potiki tr th.sorting.sorting_asc,
table#po-admin-table1 tr th.sorting.sorting_asc {
    min-width: 50px
}

table#filterTable tr td,
table#po-admin-table tr td,
table#po-admin-table-potiki tr td,
table#po-admin-table1 tr td {
    font-size: 14px;
    vertical-align: middle;
    padding: 10px;
    border: none;
    line-height: normal;
    white-space: nowrap
}

div.dataTables_wrapper div.dataTables_filter input {
    height: 30px;
    border-color: #eee;
    outline: 0;
    box-shadow: none
}

div.dataTables_wrapper div.dataTables_length select {
    border-color: #eee;
    margin: 0 5px;
    outline: 0;
    box-shadow: none
}

div.dataTables_wrapper div.dataTables_filter label,
div.dataTables_wrapper div.dataTables_length label {
    font-size: 16px
}

.page-item.active .page-link {
    background-color: #559b38;
    border-color: #559b38
}

div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_paginate {
    margin-bottom: 10px;
    font-size: 16px
}

.dataTables_paginate .page-link {
    color: var(--po-text-main-color);
    box-shadow: none;
    outline: 0
}

table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting:before {
    font-size: 12px;
    line-height: 22px
}

.po-login-hint {
    font-size: 14px;
    margin: 15px 0 0
}

.po-main-perks+p {
    font-size: 14px;
    font-style: italic;
    line-height: normal;
    margin-bottom: 20px
}

.po-main-perks {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 600
}

.po-coverdsec-table .table .po-qua-hover img {
    width: 20px
}

.po-qua-hover {
    display: inline-block;
    position: relative
}

.po-qua-hov-text ul {
    margin: 15px 0
}

.po-qua-hov-text ul li {
    position: relative;
    margin-bottom: 3px;
    font-size: 14px;
    padding-left: 10px
}

.po-qua-hov-text ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 4px;
    height: 4px;
    background: var(--po-secondary-color);
    border-radius: 100%
}

.po-qua-hov-text p {
    font-size: 14px
}

.po-qua-hover .po-qua-hov-text {
    background: var(--po-white-color);
    border-radius: 5px;
    padding: 15px;
    position: absolute;
    min-width: 300px;
    top: 40px;
    left: -10px;
    z-index: 5
}

.po-qua-hover .po-qua-hov-text:after {
    position: absolute;
    top: -7px;
    content: "";
    left: 15px;
    width: 15px;
    height: 15px;
    background: var(--po-white-color);
    transform: rotate(45deg)
}

.po-covered-text p {
    margin: 20px 0 0
}

.po-indoor-cat p {
    display: none;
    margin: 10px 0 0
}

#welcome_modal .modal-body {
    text-align: center;
    padding: 50px 40px
}

#welcome_modal h4 {
    font-size: 36px;
    margin-bottom: 15px
}

#welcome_modal p {
    margin-bottom: 0;
    font-size: 20px
}

#welcome_modal .modal-content {
    background: var(--po-main-color);
    border: 1px solid #585858
}

#welcome_modal.po-modal .btn-close {
    right: 0;
    top: 0;
    border: none;
    color: #000;
    filter: invert(1);
    background-color: #fff0
}

.po-medicine-flex {
    display: flex;
    grid-gap: 30px
}

.po-medicine-name {
    flex: 70%
}

.po-medicine-img img {
    max-height: 250px;
    border: 4px solid #ddd;
    border-radius: 8px
}

.po-medicine-img {
    flex: 30%
}

.dropdown-menu.po-dropdown-menu {
    min-width: 185px;
    padding: 0;
    border: 0;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 7%);
    border-radius: 0 !important;
    margin-top: 10px !important
}

.dropdown-menu.po-dropdown-menu li {
    padding: 5px 10px;
    background: #edededba;
    margin-bottom: 1px;
    transition: 0.3s;
    cursor: pointer
}

.po-disabled {
    color: #8f8d8d
}

.dropdown-menu.po-dropdown-menu li a {
    transition: 0.3s;
    font-size: 14px;
    display: block
}

.dropdown-menu.po-dropdown-menu li a:hover,
.dropdown-menu.po-dropdown-menu li:hover {
    background: #fff;
    color: #000
}

.po-dog-listen-flexble {
    max-width: 136px
}

.po-services-bullet ul li {
    position: relative;
    padding-left: 20px
}

.po-services-bullet ul li:after {
    position: absolute;
    left: 0;
    content: "";
    background: var(--po-secondary-color);
    width: 6px;
    height: 6px;
    top: 9px;
    margin: auto;
    border-radius: 20px
}

.po-side-heading th {
    background: var(--po-main-color);
    border: 1px solid #f3f3f3;
    padding: 15px 25px
}

.po-sub-heading {
    font-size: 24px;
    margin-top: 80px;
    margin-bottom: 65px
}

.po-details {
    margin-bottom: -46px
}

.po-routine-sgp {
    text-align: center;
    padding: 0 25px 60px
}

.po-vetchat-foot {
    text-align: center;
    max-width: 900px;
    margin: auto
}

.accordion-body ul li {
    list-style: disc;
    margin-left: 31px
}

.accordion-body a {
    color: blue
}

.po-click {
    color: blue;
    cursor: pointer
}

.po-click1 {
    color: blue;
    cursor: pointer
}

.po-vetchat-bg h6 {
    margin: 0;
    font-weight: 600
}

.po-vetchat-bg {
    text-align: left;
    background: #f8f8f8;
    padding: 50px 50px 40px
}

.po-perks-box h2 b {
    font-size: 50px;
    padding-right: 5px
}

.po-perks-box a {
    display: inline-block;
    color: var(--po-text-main-color);
    font-weight: 600;
    padding: 0
}

.po-first-content b a,
.po-registered,
.po-sec-title h1 {
    color: var(--po-secondary-color)
}

.po-perks-sec .po-easy-content p {
    font-size: 18px;
    padding-bottom: 20px
}

.po-desc-home {
    font-weight: 500;
    font-size: 13px;
    top: -14px;
    left: 2px;
    background: var(--po-main-color);
    padding: 1px 5px;
    border-radius: 50px
}

.po-first-content {
    max-width: 460px;
    margin-top: 90px
}

.po-fbanner-img {
    position: relative;
    z-index: -1;
    background: var(--po-secondary-color);
    margin-top: -84px;
    padding-top: 50px;
    padding-bottom: 60px
}

.po-easy-content .po-notes {
    font-size: 20px !important;
    font-weight: 600;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto
}

.po-why-potiki-head .po-notes {
    font-size: 20px !important;
    font-weight: 600;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto
}

.po-slide-banner .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--po-light-color)
}

.po-slide-banner .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 18px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 18px))
}

.po-slide-banner .swiper-button-next,
.po-slide-banner .swiper-button-prev {
    position: absolute;
    top: 40%;
    width: calc(var(--swiper-navigation-size) / 44 * 4);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    color: var(--po-text-btn-color)
}

.po-registered {
    top: -8px;
    left: 2px
}

.po-check-two,
.po-reg-color {
    color: var(--po-text-btn-color)
}

.po-first-content p {
    font-size: 21px;
    margin-bottom: 25px
}

.po-second-content {
    text-align: center;
    max-width: 420px
}

.po-bw-r {
    font-size: 20px;
    top: 3px;
    left: -2px
}

.po-yellow-r {
    font-size: 24px;
    top: -5px;
    font-weight: 300;
    left: -2px
}

.po-green-desc {
    padding: 0 7px
}

.wemoney-div {
    display: flex
}

.wemoney-img {
    width: 128px;
    height: 128px;
    margin-right: 30px;
    margin-top: 25px
}

.swiper-button-wrap {
    max-width: 1320px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 31%
}

.po-slide-banner .swiper-slide .container {
    padding: 0 50px
}

.po-slide-banner .swiper-pagination {
    padding: 10px
}

.po-second-content p {
    font-size: 21px;
    margin-bottom: 30px
}

.po-bottom-catpet {
    text-align: center;
    display: flex;
    justify-content: center
}

.po-dog-slide {
    text-align: right;
    position: relative;
    left: 70px;
    bottom: 30px
}

.po-canstar {
    padding-bottom: 15px;
    max-width: 150px
}

.po-payment-credit {
    top: 90px;
    position: relative
}

.po-bottom-catpet ul li:first-child {
    position: relative;
    margin-top: 54px;
    top: 120px;
    z-index: 1
}

.po-bottom-catpet ul li:nth-child(2) {
    position: relative;
    left: -139px;
    top: 12px
}

.po-bottom-catpet ul li:nth-child(4) {
    position: relative;
    bottom: 10px;
    left: 50px
}

.po-bottom-catpet ul li:nth-child(5) {
    position: relative;
    top: 125px;
    left: 0
}

.po-bottom-catpet ul li:nth-child(3) {
    top: 56px;
    position: relative;
    right: 60px
}

.po-background-easy {
    background: var(--po-light-color)
}

.po-stuff-know {
    text-align: center;
    padding-bottom: 25px
}

.po-pet-cover span,
.po-stuff-know h5 {
    font-size: 24px
}

.po-sec-title h1 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 60px;
    text-align: center;
    padding-bottom: 10px;
    position: relative
}

.po-sec-title h1:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 20px;
    height: 5px;
    width: 100%;
    border-bottom: 5px solid var(--po-secondary-color)
}

.po-sec-title span {
    position: relative;
    z-index: 9
}

.po-sec-title h1:after {
    position: absolute;
    content: "";
    border-bottom: 5px solid var(--po-main-color);
    bottom: 20px;
    left: 9px;
    right: 0;
    max-width: 160px;
    margin: 0 auto;
    z-index: 3
}

.po-shape1 {
    position: absolute;
    top: 55px;
    left: -79px;
    max-width: 380px
}

.po-shape2 {
    position: absolute;
    top: 40px;
    right: 0;
    opacity: .3;
    z-index: -1
}

.po-shape-swiper {
    position: relative;
    background: url(../images/po-slider-shape.svg) left center/100% no-repeat;
    background-position-y: 244px
}

.po-bottom-content p:before,
.po-check-two {
    background: var(--po-light-color);
    border-radius: 50px
}

.po-pet-cover {
    max-width: 190px;
    margin-top: 25px
}

.po-tesmonial {
    padding: 60px 0
}

.po-ratings a {
    color: var(--po-main-color);
    font-size: 15px
}

.po-testmonial-text p {
    font-style: italic;
    font-size: 15px
}

.po-testmonial-text h5 {
    font-size: 18px
}

.po-insuranceneed-content.po-access-sec ul li,
.po-point-checktest {
    padding-bottom: 15px
}

.po-testmonial-point ul li {
    font-size: 18px;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    padding-left: 40px;
    color: #fff
}

.po-testmonial-point ul li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/check-point.svg) no-repeat;
    width: 30px;
    height: 30px;
    bottom: 0;
    margin: auto
}

.po-testmonial-point ul li small {
    font-size: 14px;
    font-weight: 600
}

.po-point-ragistred {
    font-size: 24px;
    top: 0;
    font-weight: 400
}

.po-check-two {
    font-size: 12px;
    padding: 1px 5px;
    font-weight: 400
}

/*.po-plan-gsb ul li:after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: var(--po-text-main-color);
    left: 0;
    border-radius: 50px;
    top: 10px
}

.po-plan-gsb ul li {
    position: relative;
    padding-bottom: 20px;
    padding-left: 20px
}
*/
.po-canstar-one:hover:before,
div.click-to-top span {
    color: var(--po-text-btn-color);
    font-size: 14px;
    padding: 10px
}

.po-why-page a {
    color: var(--po-secondary-color);
    font-weight: 400
}

.po-bottom-content p,
.po-cap-url,
.po-with-cap {
    color: var(--po-white-color)
}

.po-canstar-gaponly img:first-child {
    margin-right: 20px
}

.po-canstar-gaponly {
    padding-left: 50px;
    padding-top: 50px
}

.po-pet-content {
    padding-left: 20px
}

.po-bottom-content p {
    position: relative;
    padding-left: 15px;
    font-size: 16px
}

.po-bottom-content p:before {
    position: absolute;
    content: "";
    left: 0;
    top: 10px;
    width: 5px;
    height: 5px
}

.po-potikihome-banner {
    background: url(../images/potikibanner.png) top right/cover no-repeat;
    width: 100%;
    position: relative;
    padding: 100px 0;
    display: flex;
    align-items: center
}

.po-bottom-content {
    padding: 30px 0
}

.po-testmonial-point .po-slider-content {
    padding-left: 100px;
    display: inline-block
}

.po-slider-qbtn {
    text-align: center;
    padding-left: 50px;
    margin-top: 50px
}

.po-heper-link a {
    color: var(--po-secondary-color);
    font-size: 16px;
    padding-top: 5px;
    font-weight: 500
}

.po-canstar-one {
    position: relative;
    padding-right: 54px
}

.po-canstar-one:before {
    position: absolute;
    content: "";
    background: url(../images/canstar.png) 0 0/80px no-repeat;
    width: 86px;
    height: 86px;
    right: 0;
    cursor: pointer;
    top: -5px;
    bottom: 0
}

.po-canstar-one:hover:before {
    content: "GapOnly® are the winners of the Canstar 2022 innovation Excellence Award";
    background: var(--po-white-color);
    border: 1px solid var(--po-light-color);
    font-weight: 400;
    width: 100%;
    height: 100%;
    z-index: 99;
    border-radius: 5px;
    max-width: 280px
}

.po-with-cap {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
    padding-left: 35px
}

.po-cap-url {
    font-weight: 300;
    margin-bottom: 1rem
}

.po-newsitemap p {
    font-size: 15px
}

.no-limit {
    font-size: 13px
}

.new-home {
    background: #fffefd
}

.new-home h1 {
    color: #0b0417
}

.po-new-header .po-head-logo p {
    margin: 5px 0 0;
    font-weight: 400;
    font-size: 14px
}

.po-new-header .po-head-logo img {
    max-height: 80px
}

.po-new-header .po-top-header {
    text-align: left;
    padding: 10px 0 15px;
    background: 0 0
}

.po-new-header .po-main-header {
    background: 0 0;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.po-new-header .po-navbar {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.po-new-header a.po-quickquote-btn {
    background: var(--po-white-color);
    border: 1px solid;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 6px;
    color: var(--po-secondary-color) !important;
    font-weight: 700 !important
}

.po-new-header .po-main-menu ul li a,
.po-new-header .po-main-menu ul li span {
    font-size: 16px;
    font-family: "Exo 2", sans-serif;
    font-weight: 600;
    color: var(--po-text-main-color);
    cursor: pointer
}

.po-new-header .po-main-menu>ul>li:after {
    position: absolute;
    content: "";
    right: -38px;
    top: 0;
    bottom: 0;
    height: 25px;
    width: 2px;
    background: var(--po-white-color);
    margin: auto;
    display: none
}

.po-new-header .po-main-menu>ul>li {
    margin-right: 25px
}

.po-new-header .po-main-menu>ul>li:last-child {
    margin-right: 0
}

.po-new-header .dropdown-menu.po-dropdown-menu {
    min-width: max-content
}

.po-canstar-img1 img,
.po-canstar-img2 img {
    max-width: 103px
}

.po-value-quality li {
    position: relative;
    padding-left: 15px;
    text-indent: inherit
}

.po-value-quality li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #000;
    width: 4px;
    height: 4px;
    border-radius: 50px
}

div.click-to-top img:hover,
div.click-to-top:hover {
    z-index: 10
}

div.click-to-top span {
    display: none;
    position: absolute;
    right: 0;
    bottom: 100%;
    background: var(--po-white-color);
    font-weight: 600;
    border-radius: 8px;
    width: 200px;
    text-align: left
}

.po-platinum-claim p {
    text-indent: -10px;
    padding-left: 25px;
    margin-bottom: 0;
    padding-top: 4px
}

.po-banner-bg {
    background: url(../images/po-banner-bg.svg) top right no-repeat;
    position: relative
}

.po-newcontent-slider {
    margin-bottom: 25px;
    max-width: 80%
}

.po-perks-link {
    color: #49923d;
    padding: 3px 10px;
    display: inline-block;
    border-radius: 8px;
    font-size: 16px
}

.po-banner-bg:before {
    content: "";
    position: absolute;
    background: url(../images/po-banner-home.svg) center/cover no-repeat;
    width: 100%;
    height: 100%;
    z-index: -1
}

.po-plan-content .po-btnsection {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0
}

.po-with-potiki h5 {
    font-weight: 600;
    font-size: 21px
}

.po-getquote-btn.btn {
    color: var(--po-white-color);
    font-size: 20px;
    background: var(--po-secondary-color);
    text-transform: capitalize;
    border: none;
    padding: 15px 30px;
    transition: 0.6s;
    position: relative;
    z-index: 1;
    font-weight: 700;
    border-radius: 8px;
    text-decoration: none
}
.po-getquote-btn span i {
    font-family: "Font Awesome 6 Free" !important;
}
.po-getquote-btn.btn::after {
    content: "";
    background: #509d31;
    position: absolute;
    transition: 0.5s ease-in;
    z-index: -1;
    height: 100%;
    left: -35%;
    top: 0;
    transform: skew(30deg);
    transform-origin: top left;
    width: 0
}

.po-getquote-btn.btn:hover::after {
    height: 100%;
    width: 135%
}

.last-service .po-getquote-btn.btn {
    line-height: 20px
}

.po-with-potiki ul {
    padding-top: 5px
}

.po-btnsection a span {
    font-size: 18px;
    color: var(--po-main-color);
    vertical-align: initial;
    padding-right: 5px
}

.po-with-potiki ul li {
    position: relative;
    font-weight: 500;
    padding-left: 25px;
    padding-bottom: 15px;
    font-size: 16px
}

.po-with-potiki ul li:before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0;
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    font-weight: 900;
    color: var(--po-main-color)
}

.po-main-image {
    position: relative;
    width: 100%
}

.po-banner-image {
    transform: translate(60px, 105px)
}

.po-canstar-img img {
    max-width: 150px
}

.po-non-insurance {
    width: 200px;
    height: 200px;
    text-align: center;
    background: var(--po-secondary-color);
    border: 5px solid var(--po-white-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    padding: 12px;
    position: absolute;
    top: 0
}

.po-non-insurance h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--po-white-color);
    margin-bottom: 0
}

.po-non-insurance a strong {
    font-size: 52px;
    line-height: .6
}

.po-non-insurance a span .plus {
    font-size: 32px;
    line-height: .4;
    font-weight: 600
}

.po-know-more a,
.po-service-imgcontent h5,
.po-service-subcontent p a,
.po-top-title h6 {
    color: var(--po-secondary-color)
}

.po-service-subcontent ul {
    padding-left: 1rem;
    margin-bottom: 15px;
    position: relative;
    z-index: 2
}

.po-service-subcontent ul:last-child {
    margin-bottom: 0
}

.po-service-subcontent ul li {
    list-style: disc;
    font-size: 16px;
    color: var(--po-text-main-color);
    font-weight: 600
}

.po-service-subcontent h4 {
    font-size: 1.2rem
}

.po-testmonial-new {
    background: url(../images/tesmonial-bg.png) center center/100% no-repeat;
    height: calc(100% - 0%);
    z-index: 1;
    position: relative
}

.po-annual-plan,
.po-cover-paln {
    background: var(--po-white-color);
    display: flex
}

.po-thumnail {
    padding-top: 10px
}

.po-testmonial-new .po-testmonial-text p {
    font-style: italic;
    font-size: 18px;
    color: var(--po-white-color);
    letter-spacing: .28px;
    position: relative;
    padding: 44px 90px 0
}

.po-testmonial-new .po-testmonial-text p:before {
    content: "";
    position: absolute;
    left: 0;
    top: 16%;
    background: url(../images/po-quote-left.svg) 0 0/100% no-repeat;
    width: 50px;
    height: 50px
}

.po-testmonial-new .po-testmonial-text p:after {
    content: "";
    position: absolute;
    right: 0;
    top: 100%;
    background: url(../images/po-quote-right.svg) 0 0/100% no-repeat;
    width: 50px;
    height: 50px
}

.po-testmonial-new .po-testmonial-text {
    text-align: center;
    padding: 40px 50px 1px
}

.emailmsg-teable table tr th {
    width: auto;
    min-width: auto !important;
    font-size: 14px
}

.emailmsg-teable table input {
    width: auto;
    height: auto
}

.emailmsg-teable table {
    border: 1px solid #f3f3f3
}

.po-top-title {
    text-align: center;
    position: relative;
    z-index: 9
}

.po-top-title h6 {
    font-weight: 700
}

.po-service-subcontent {
    display: flex;
    align-items: center;
    grid-gap: 15px;
    position: relative;
    padding: 20px
}

.po-service-imgcontent h5 {
    padding: 20px 20px 0;
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 700
}

.po-service-subcontent img {
    max-width: 87px
}

.po-service-subcontent p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600
}

.po-annual-plan h5,
.po-plan-heading h3 {
    margin-bottom: 5px;
    font-weight: 700
}

.po-service-subcontent p a {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    padding-top: 10px;
    display: inline-block;
    text-decoration: underline
}

.po-service-imgcontent {
    border: 2px solid var(--po-main-color);
    border-radius: 10px;
    border: 2px solid var(--po-main-color);
    margin-bottom: 24px;
    height: calc(100% - 24px);
    position: relative
}

.po-service-imgcontent:after {
    content: "";
    position: absolute;
    background: url(../images/po-shape-right.svg) no-repeat;
    bottom: 0;
    right: 0;
    width: 130px;
    height: 100px
}

.po-service-imgcontent.last-service:after {
    content: "";
    position: absolute;
    background: url(../images/po-shape-right.svg) no-repeat;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center
}

.po-know-more a {
    padding-left: 25px;
    font-size: 16px;
    font-weight: 400
}

.po-top-title p {
    font-size: 16px;
    font-weight: 600;
    color: #373737
}

.po-annual-plan {
    width: 116px;
    height: 116px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
    border: 5px solid var(--po-main-color);
    position: absolute;
    right: 40px;
    top: 0;
    margin-top: -80px;
    align-items: center;
    justify-content: center
}

.po-plan-heading h3 {
    font-size: 21px;
    color: var(--po-secondary-color)
}

.po-key-head {
    font-weight: 700;
    padding-bottom: 10px
}

.po-plan-heading h5 {
    color: #848282;
    font-weight: 400;
    font-size: 18px
}

.po-annual-plan h6 {
    margin-bottom: 0;
    font-size: 14px;
    color: #707070
}

.po-plan-heading {
    padding-right: 40px
}

.po-cover-paln {
    grid-gap: 20px;
    align-items: center;
    padding: 25px 25px 60px;
    position: relative;
    border-radius: 8px
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "\f067";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    background-image: none;
    color: #373737
}

.accordion-button:not(.collapsed)::after {
    background-image: none;
    transform: rotate(0);
    content: "\f068";
    font-family: "Font Awesome 6 Free";
    color: #373737
}

.po-plan-content {
    border: 2px solid var(--po-main-color);
    border-radius: 8px;
    position: relative;
    background: var(--po-main-color);
    height: calc(100% - 0%)
}

.po-keyframe-content ul li {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    position: relative;
    padding-left: 22px
}

.po-keyframe-content ul li:before {
    content: "";
    position: absolute;
    background: url(../images/po-check-mark.svg) no-repeat;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    bottom: 0;
    margin: 4px auto 0
}

.po-plans-bg {
    background: #f8f8f8
}

.po-keyframe-content {
    position: relative;
    padding: 25px;
    height: calc(100% - 191px)
}

.po-cover-paln:after {
    content: "";
    position: absolute;
    background: url(../images/po-plans-shape.svg) 0 0 / cover no-repeat;
    bottom: -1px;
    width: 100%;
    height: 96px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.po-newabout .po-about-potiki {
    padding-top: 15px
}

.po-newabout .po-about-content {
    padding-left: 40px
}

.po-newabout .po-about-content p {
    font-size: 16px;
    letter-spacing: 0;
    color: #373737;
    line-height: 23px;
    font-weight: 400
}

.po-plus-potiki p {
    font-size: 16px;
    font-weight: 600;
    color: #373737;
    margin-bottom: 10px
}

.po-plus-potiki {
    background: #f8f8f8;
    padding: 20px;
    border-left: 8px solid var(--po-main-color);
    border-radius: 8px;
    margin-top: 25px
}

.po-about-btn {
    margin-top: 35px
}

.po-left-pet {
    position: absolute;
    left: 0;
    bottom: 0
}

.po-right-pet {
    position: absolute;
    right: 0;
    bottom: 0
}

.po-routine-care {
    background: var(--po-white-color);
    margin-top: 20px;
    position: relative;
    z-index: 9
}

.po-routine-point {
    display: flex;
    grid-gap: 100px;
    padding: 30px 40px;
    position: relative;
    z-index: 9
}

.po-routine-p {
    display: flex;
    align-items: center;
    background: var(--po-main-color);
    height: 100%;
    padding: 30px 30px;
    border-radius: 8px 0 0 8px;
    font-weight: 600;
    color: #373737
}
.po-routine-p p b {
    font-size: clamp(20px, 3vw, 24px);
    font-weight: 600;
}
.hower-text-white:hover{
    color: white;
}
.po-footer-main,
.po-footer-main .po-footer h4,
.po-footer-main .po-footer label,
.po-footer-main .po-footer>ul>li>a,
.po-send-btn:hover {
    color: var(--po-white-color)
}

.po-routine-point ul li {
    font-size: 16px;
    font-weight: 600;
    position: relative;
    padding-left: 25px;
    color: #373737
}

.po-routine-point ul li:before {
    content: "";
    position: absolute;
    background: url(../images/po-check-mark-color.svg) no-repeat;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    bottom: 0;
    margin: 5px auto 0
}

.po-faq-content .accordion-flush .accordion-item {
    border: 0;
    margin-bottom: 10px
}

.po-faq-content .accordion-item {
    border-radius: 8px
}

.po-faq-content .accordion-button:not(.collapsed) {
    color: var(--po-secondary-color);
    background-color: #f8f8f8;
    box-shadow: none;
    font-weight: 600
}

.po-faq-content .accordion-body {
    padding: 0 1.25rem 1rem;
    font-size: 16px;
    font-weight: 400;
    background: #f8f8f8
}

.po-faq-content .accordion-button:focus {
    z-index: 3;
    border-color: var(--po-secondary-color);
    outline: 0;
    box-shadow: none
}

.po-faq-content .accordion-flush .accordion-item .accordion-button {
    font-weight: 700;
    background: #f8f8f8;
    padding: 20px;
    border: 2px solid #f8f8f8;
    border-bottom: 0;
    transition: none
}

.po-faq-content button.accordion-button.collapsed {
    border-radius: 8px;
    border: 2px solid #f8f8f8;
    border-top: 0
}

.po-faq-content button.accordion-button:not(.collapsed) {
    border: 2px solid var(--po-secondary-color);
    border-bottom: 0
}

.accordion-flush .accordion-collapse.show>div {
    border: 2px solid var(--po-secondary-color);
    border-top: 0
}

.po-faq-content button.accordion-button:not(.collapsed) {
    border-radius: 8px 8px 0 0;
    border-color: var(--po-secondary-color) !important
}

.accordion-flush .accordion-collapse.show>div {
    border-radius: 0 0 8px 8px;
    border-color: var(--po-secondary-color)
}

.po-faq-content .accordion-flush .accordion-collapse {
    transition: 0ms
}

.po-faq-content {
    margin-top: 20px;
    position: relative;
    z-index: 9
}

.po-left-faq,
.po-right-faq {
    position: absolute;
    bottom: 0
}

.po-left-faq {
    left: 0
}

.po-left-faq img {
    max-width: 280px
}

.po-right-faq {
    right: 20px
}

.po-footer-main {
    background: #1c1c1c;
    padding: 60px 0;
    font-size: 16px
}
.po-footer-main ul {
    list-style: none;
}

.po-footer-main .po-footer h4 {
    margin-bottom: 15px;
    margin-top: 8px;
    font-size: 21px;
    font-weight: 700
}

.po-footer-main .po-footer>ul>li {
    line-height: 32px
}

.po-footer-main .po-footer-social ul {
    display: flex;
    grid-gap: 25px;
    align-items: center
}

.po-footer-main .po-footer-social ul li a {
    color: var(--po-white-color);
    font-size: 24px;
    transition: 0.3s
}

.po-footer-main .po-footer-social {
    padding: 25px 0 30px
}

.po-footer-main .po-footer-copyright p {
    margin-bottom: 0;
    color: #8f8d8d
}

.po-send-btn {
    background: var(--po-main-color);
    color: var(--po-text-main-color);
    border-color: var(--po-main-color);
    font-weight: 700;
    transition: 0.3s;
    margin-top: 15px
}

.po-send-btn:hover {
    background: var(--po-secondary-color);
    border-color: var(--po-secondary-color)
}

.po-form-control {
    border-radius: 8px;
    font-size: 18px;
    font-weight: 400
}

.po-footer-main .po-foot-box p {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 0;
    color: #8f8d8d
}

#loadergif,
.po-logo-soon h2:before {
    margin: auto;
    left: 0;
    position: absolute;
    right: 0;
    bottom: 0
}

.po-bage-logo {
    display: flex;
    align-items: center
}

.po-bage-logo img {
    max-width: 100px
}

.po-container {
    display: flex;
    align-items: center
}

.po-container img {
    max-width: 103px
}

.po-container p {
    margin-left: 15px
}

.po-subheading {
    margin-top: 28px
}

.mozo-title {
    font-size: 32px;
    margin-top: 10px
}

.mozo-title span {
    font-weight: 700
}

.po-why-allplan li {
    padding-bottom: 10px !important
}

.po-dog-banner {
    background: #fec200
}

.po-dog-banner h2 {
    font-weight: 700;
    color: var(--po-light-color);
    font-size: 36px
}

.po-dog-banner ul li a {
    font-size: 14px;
    color: var(--po-light-color);
    font-weight: 500
}

.po-breadcrumb {
    gap: 10px
}

.po-newtable-bg {
    background: #f3f3f3
}

.potiki-img-position img {
    position: relative;
    margin-top: -140px
}

.po-whypotiki-content {
    padding: 50px 50px 50px 0
}

.po-whypotiki-content p {
    color: var(--po-white-color);
    font-size: 16px
}

.po-access-sec {
    background: var(--po-main-color);
    padding: 40px
}

.po-access-content {
    padding-right: 50px
}

.po-perks-img img {
    max-height: 120px;
    margin-bottom: 40px
}

.po-perks-img {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.po-perks-box {
    padding: 30px;
    background: #fff
}

.po-perks-box p {
    font-weight: 600;
    font-size: 16px
}

.po-title-perks {
    font-size: 24px;
    font-weight: 600;
    color: var(--po-secondary-color)
}

.po-perks-c {
    padding-bottom: 50px
}

.po-perks-img h1 {
    font-size: 80px;
    font-weight: 700;
    opacity: .1;
    color: var(--po-secondary-color);
    line-height: 60px
}

.po-perks-bg {
    background: #fffefd
}

.register-btn {
    background: 0 0 !important;
    border: 1px solid var(--po-secondary-color) !important;
    color: var(--po-secondary-color) !important
}

.po-btnsection.po-perks-btn {
    left: 30px
}

.po-btn-new {
    background: var(--po-secondary-color);
    padding: 12px 40px;
    border: 0;
    border-radius: 6px;
    color: var(--po-white-color);
    font-weight: 700;
    margin-top: 20px;
    transition: 0.3s
}

.po-btn-new:hover {
    background: #356d1f
}

.po-check-tick {
    text-align: left;
    display: flex;
    grid-gap: 10px
}

.po-check-tick input {
    padding: 8px
}

.po-check-tick label {
    font-size: 14px;
    font-style: italic
}

.po-tick-msg {
    background: var(--po-white-color);
    color: #1a1818;
    padding: 8px 15px;
    top: 30px;
    position: absolute;
    left: 0;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    box-shadow: 0 0 22px #42425845
}

.po-tick-msg:after {
    width: 0;
    height: 0;
    border-left: 7px solid #fff0;
    border-right: 7px solid #fff0;
    border-bottom: 8px solid var(--po-white-color);
    content: "";
    position: absolute;
    top: -8px;
    z-index: 9999;
    left: 6px
}

.po-export-btn {
    background: #fbcc00;
    padding: 12px 20px
}

.po-scroll-table {
    overflow-x: scroll;
    display: block
}

.po-making-p h3 {
    padding: 30px 0 25px;
    font-weight: 600
}

.po-doglover-logo {
    max-height: 50px
}

.po-catlover-logo {
    max-height: 86px
}

.po-logo-soon {
    padding: 40px 0 0
}

.po-logo-soon h2 {
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 26px;
    position: relative;
    margin-bottom: 25px
}

.po-logo-soon h2:before {
    content: "";
    height: 2px;
    width: 40px;
    background: #4e9233
}

.po-gcmag-logo {
    max-width: 100px
}

.po-review-logo {
    max-width: 130px
}

.po-logo-slider .po-slide-banner .swiper,
.po-our-plans-slider .swiper {
    padding-top: 0
}

.po-logo-slider .po-mobile-pagination .swiper-pagination-bullet {
    background: #c1c1c1;
    height: 6px;
    width: 12px;
    border-radius: 30px
}

.po-logo-slider .po-mobile-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--po-main-color);
    width: 27px
}

.po-logo-slider .po-mobile-pagination {
    bottom: 0;
    top: auto !important;
    padding: 0 !important
}

.po-logo-fit {
    display: flex;
    grid-gap: 50px;
    align-items: center;
    justify-content: center;
    margin-top: 10px
}

.po-mail-peragraph h5 {
    font-size: 16px;
    font-weight: 600;
    color: #121212;
    padding-bottom: 6px
}

.po-mail-peragraph h3,
.po-mail-peragraph h4 {
    padding: 20px 0;
    margin-bottom: 0;
    font-weight: 600
}

.po-mail-peragraph p {
    font-size: 15px;
    color: #444242
}

.po-modal-title {
    padding-left: 30px;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 21px;
    color: #0a0a0a
}

.po-mail-peragraph h3 {
    font-size: 30px
}

.po-mail-peragraph p {
    margin-bottom: 0;
    padding-bottom: 15px
}

.po-mail-peragraph {
    padding: 10px 30px
}

#loadergif {
    top: 0;
    max-width: 30%;
    height: auto;
    z-index: 999
}

.po-keyframe-content .po-inner-point {
    margin-top: 5px
}

.po-keyframe-content .po-inner-point li {
    font-size: 14px;
    position: relative;
    padding-bottom: 2px;
    padding-left: 12px
}

.po-keyframe-content .po-inner-point li:before {
    background: 0 0;
    width: 0;
    height: 0;
    margin: 0
}

.po-keyframe-content .po-inner-point li:after {
    position: absolute;
    content: "";
    background: var(--po-text-btn-color);
    height: 2px;
    width: 6px;
    left: 0;
    top: 0;
    bottom: 1px;
    margin: auto
}

.gaponly-banner-content .po-main-heading {
    font-size: 30px;
    font-weight: 500
}

.gaponly-banner-content img {
    margin-bottom: 20px;
    max-width: 100%
}

.gaponly-banner-content a {
    font-weight: 600;
    font-size: 18px;
    display: inline-block;
    margin-top: 10px
}

.gaponly-banner .wrap-img img {
    max-width: 400px;
    width: 100%
}

.pet-insurence-wrapper .pet-insurence {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 750px
}

.pet-insurence-wrapper .pet-insurence img {
    width: 100%
}

.po-banner-image {
    transform: translate(-112px, 75px);
    width: 737px
}

.productImg {
    display: block
}

.producthide {
    display: none
}

.productshow {
    display: block
}

.productImg .po-medicine-name span {
    display: block
}

.productImg .po-medicine-name p {
    display: block
}

.product-btn {
    display: inline-block !important
}

.po-desktop-order-1 {
    grid-row-gap: 10px
}
.po-gold-cover {
    margin-left: 20px;
}
.po-gold-cover li p {
    margin: 0
}
.po-gold-cover li  {
    list-style:inherit
}
.new-home .po-main-wrapper.po-new-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999
}

.new-home .po-main-wrapper.po-new-header .po-main-header {
    background: #fff0
}

.new-home .po-banner-bg {
    padding-top: 105px;
    height: 100%
}

.new-home .home-banner-slider .swiper-slide::after {
    background-color: transparent !important
}

.new-home .banner-holder {
    padding-top: 100px
}

.new-home .home-slide-controls .slider_pagination {
    text-align: center;
    position: relative;
    z-index: 9;
    top: -50px
}

.new-home .home-slide-controls [class*="swiper-button-"] {
    color: #fff
}

.new-home .home-slide-controls [class*="swiper-button-"]::after {
    font-size: 30px
}

.new-home .home-slide-controls .slider_pagination .swiper-pagination-bullet-active {
    background: var(--po-main-color)
}

.perks-top-sec .perks-heading {
    font-size: 25px;
    line-height: 35px;
    font-weight: 600;
    margin-bottom: 25px
}

.perks-top-sec {
    margin-bottom: 40px
}

.perks-right-content-sec {
    padding-left: 60px
}

b {
    font-weight: 600
}

.perks-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 45px;
    color: var(--po-secondary-color) !important;
    font-weight: 800
}

.perks-right-content-sec ul li {
    list-style: disc;
    margin-top: 3px;
    list-style-position: inside
}

.perks-right-content-sec ul {
    margin-top: 25px;
    padding-left: 50px
}

.perks-right-content-sec ul li span {
    font-size: 18px
}

.perks-bottom-sec {
    margin-top: 40px
}

.perks-note-title {
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 700;
    font-size: 20px
}

.perks-bottom-sec {
    margin-top: 40px
}

.perks-changes-wr {
    margin-bottom: 50px
}

.perks-bottom-sec ul li {
    margin-top: 35px;
    font-size: 18px;
    line-height: 21px
}

.perks-bottom-sec ul li span {
    text-decoration: underline
}

li.text-left textarea {
    width: 100%
}

.po-potiki-perks {
    margin-top: 20px !important
}

.po-existing-offer {
    margin-bottom: 18px !important
}

.icons-div {
    padding: 16px 0px !important
}

.icons-div span {
    font-size: 30px
}

.recv-pera {
    font-size: 16px;
    text-align: left
}

.check-icon-div span {
    font-size: 30px;
    padding: 10px 0px !important
}

.po-why-potiki-head table {
    border-color: #000
}

.po-why-potiki-head table th {
    font-size: 16px
}

.detail-heading {
    padding: 20px !important
}

ul.list-disc {
    padding-left: 2rem;
    margin-bottom: 1rem
}

ul.list-disc li {
    list-style: disc;
    font-size: 15px
}

ul.list-disc li a {
    color: #467886
}

ul.list-disc li a:hover {
    color: var(--po-secondary-color)
}

.mypetpass-sec {
    padding: 1.5rem 0
}

.bg-main {
    background-color: #fecc00
}

.mypetpass-sec .title-wrapper {
    height: 100%;
    position: relative;
    padding: 20px 40px 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.mypetpass-img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.mypetpass-sec .bottom-text {
    padding-top: 15px;
    padding-right: 149px
}

.mypetpass-sec .right-bottom-img {
    position: absolute;
    bottom: 0;
    right: 20px;
    width: 140px
}

.mypetpass .po-getquote-btn i {
    color: var(--po-main-color)
}

.mypetpass-sec ul.list-disc li {
    font-size: 18px
}

.text-small {
    font-size: 14px;
    font-style: italic;
    line-height: 20px;
    margin-bottom: 20px
}

.why-choose-list ul li {
    display: flex;
    align-items: flex-start;
    padding: 10px;
    border: 1px solid #dfdfdf;
    border-radius: 6px;
    margin-bottom: 10px
}

.why-choose-list ul li .logo-wrapper {
    width: 60px;
    margin-right: 1rem
}

.why-choose-list ul li .content-wrapper {
    width: calc(100% - (60px + 1rem))
}

.po-dot-list ul {
    padding-left: 2.7rem
}

.po-dot-list ul li {
    list-style: disc
}

.po-our-plans-4-col .po-cover-paln img {
    width: 25%;
    max-height: 65px
}

.po-our-plans-4-col .po-plan-content {
    position: relative
}

.po-our-plans-4-col .po-cover-paln {
    padding: 20px 20px 80px
}

.swiper-pagination-fraction {
    text-align: center
}

.po-hero-banner {
    width: 100%;
    min-height: 34.8vw;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-size: cover;
    position: relative;
}

.po-hero-banner.slide-1 {
    background-image: url(../images/potiki-banner-1st.png);
    background-position: right;
    margin-bottom: 3vw;
}

.po-hero-banner.slide-2 {
    background-image: url(../images/banner-bg-2.png);
    justify-content: end;
}

.po-hero-banner.slide-3 {
    background-image: url(../images/gaponly-banner-desktop.png)
}
.promo-code {
    background-image: url(../images/potiki-banner1-new.png) !important;
    background-position: right;
    margin-bottom: 3vw;
}
.po-hero-banner .po-content {
    color: #fff
}

.po-hero-banner img.hero-right-img {
    min-width: 100px;
    max-width: 11.3vw;
    margin-top: -2.6vw;
    margin-left: 6vw
}

.po-hero-banner .banner-bottom-img {
    margin-top: -11vw;
    width: calc(110% + 30px)
}

.po-hero-banner .hero-slide-logo-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 2vw;
    padding-left: 5vw
}

.po-hero-banner .hero-slide-logo-wrapper img.hero-right-img {
    margin: 0;
    width: 100%;
    min-width: unset;
    max-width: calc(33.3333% - 1.4vw)
}

.po-hero-banner .hero-slide-logo-wrapper img.hero-right-img:nth-child(2) {
    transform: translateY(2vw)
}

.po-hero-banner .hero-slide-logo-wrapper img.hero-right-img:nth-child(3) {
    transform: translateY(4vw)
}

.po-hero-banner .hero-slide-logo-wrapper img.hero-right-img:nth-child(5) {
    transform: translateY(2vw)
}

.po-hero-banner .hero-slide-logo-wrapper img.hero-right-img:nth-child(6) {
    transform: translateY(4vw)
}

.hero-banner img {
    width: 100%
}

.po-hero-banner {
    padding: 0 5%
}

.po-hero-banner .banner-inner {
    padding: 2vw 0
}
.po-hero-banner.slide-2 .banner-inner {
    height: 100%;
}
.po-hero-banner .banner-inner .banner-flex {
    display: flex
}

.banner-inner .banner-flex .image-wrapper img {
    width: 100%
}

.banner-inner .banner-flex .image-wrapper:nth-child(1) {
    width: 30vw;
    align-self: center
}

.banner-inner .banner-flex .image-wrapper:nth-child(2) {
    width: 11vw;
    align-self: flex-end;
    transform: translate(2vw, -1.6vw)
}

.banner-inner .banner-flex .image-wrapper:nth-child(3) {
    width: 47vw;
    align-self: flex-end;
    margin: 0 0 -2vw -5vw
}

.banner-inner .banner-flex .image-wrapper:nth-child(4) {
    width: 17vw;
    align-self: center;
    margin: 11vw 0 0 -12vw
}

.po-hero-banner .po-main-heading {
    font-size: 3.5vw;
    /*font-size: 3.7vw;*/
    margin-bottom: 20px
}

.po-hero-banner .hero-title-wrapper p {
    font-size: 1.5vw;
    margin-bottom: 2rem;
    padding-right: 3vw
}

.po-hero-banner.slide-2 .bottom-image {
    margin-bottom: -1.8vw
}

.po-hero-banner.slide-2 .bottom-image .hero-bottom-img {
    width: 29.4vw
}
.home-banner-slider .swiper-wrapper .swiper-slide {
    height: auto;
}
.po-hero-banner.slide-2 .po-getquote-btn.btn {
    /* margin-left: -11vw; */
    margin-bottom: 2vw;
}

.po-hero-banner.slide-3 .po-getquote-btn.btn {
    position: absolute;
    left: 6.5%;
    top: 28vw
}

.po-hero-banner.slide-2 .po-btnsection .award-text {
    font-size: 1.1vw;
    font-style: italic
}
ul.large-check-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
}
.large-check-list li {
    padding-left: 20px;
}
.large-check-list li::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 14px;
    height: 14px;
    background: url(../images/check-icon.png) no-repeat center;
    background-size: cover;
}
.large-check-list-second li::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 14px;
    height: 14px;
    background: url(../images/check-icon-without-circle.png) no-repeat center;
    background-size: cover;
}
.po-hero-banner .large-check-list {
    margin-bottom: 2vw;
    gap: 0.3vw 1vw;    
}
.po-hero-banner .large-check-list li {
    /*font-size: 1.25vw;
    padding-left: 2.1vw;*/
    font-size: 1.1vw;
    font-weight: 600;
    
    padding-left: 1.5vw;
    position: relative;
}
.po-hero-banner .large-check-list li::before {
    top: 0.4vw;
    /*
    top: 0.2vw;
    width: 1.6vw;
    height: 1.6vw;*/
    width: 1vw;
    height: 1vw;
}
.po-hero-banner.slide-2 .large-check-list {
    max-width: 25vw;
}
ul.list {
    padding-left: 1.5rem;
}
ul.list li {
    list-style: disc;
}
/*.po-bototm-logos {
    position: absolute;
    right: 2vw;
     bottom: -5vw; 
    display: flex;
    max-width: 29vw;
    flex-wrap: wrap;
    gap: 0.7vw;
    align-items: center;
    justify-content: center;
}*/
.po-bototm-logos {
    position: absolute;
    right: 0vw;
    bottom: -4vw;
    display: flex;
    max-width: 33vw;
    flex-wrap: wrap;
    gap: 2.1vw;
    align-items: center;
    justify-content: center;
}
.po-bototm-logos .click-to-top {
    width: calc(25% - 0.7vw);
}
.po-bototm-logos .click-to-top img {
   max-width: 123%;
}
.price-holder .price-inner .po-btnsection span {
    display: inline-block;
    font-size: 18px;
    padding-right: 5px;
    color: var(--po-main-color);
    line-height: 1;
}
.po-banner-paragraph p{
    margin-top: 22px;
    width: 52%;
    font-size: 15px;
}



@media (min-width:1600px) {
    .service-image-cover-box .img--box img {
        height: 100%
    }
    .mypetpass-sec .text-small,
    .mypetpass-sec .bottom-text {
        padding-right: 250px
    }
    .mypetpass-sec .right-bottom-img {
        width: 200px
    }
}
@media screen and (min-width:1280px) and (max-width:1600px) {

            .po-bototm-logos {
                bottom: -9vw;
            }

}
@media screen and (min-width:1299px) and (max-width:1399px) {
    .po-keyframe-content ul li {
        font-size: 15.5px;
        font-weight: 500
    }
    .po-hero-banner.slide-2 .po-btnsection .award-text {
        font-size: 1.3vw
    }
}

@media screen and (min-width:1200px) {
    .po-main-menu>ul>li>a,
    .po-new-header .po-main-menu>ul>li>a:hover {
        color: var(--po-white-color)
    }
    .po-main-menu>ul>li:last-child:after,
    .po-menu-toggle {
        display: none
    }
    .po-main-menu>ul>li>a:hover,
    .po-new-active .po-main-menu>ul>li>a:hover {
        color: var(--po-main-color)
    }
    .po-main-menu>ul>li {
        display: inline-block;
        margin-right: 46px;
        position: relative
    }
    .po-main-menu>ul>li:last-child {
        margin-right: 0
    }
    .po-main-menu>ul>li>a {
        padding: 4px 0;
        display: block
    }
    .po-main-menu>ul>li:after {
        position: absolute;
        content: "";
        right: -38px;
        top: 0;
        bottom: 0;
        height: 25px;
        width: 2px;
        background: var(--po-white-color);
        margin: auto
    }
    .po-polices-img img:last-child {
        right: 0
    }
    .po-potikihome-banner {
        background-position: center right
    }
    .po-service-imgcontent.last-service {
        min-height: 225px;
        display: flex;
        align-items: center
    }
    .last-service-wrapper {
        margin-top: 70px
    }
}

@media screen and (max-width:1499px) {
    .po-canstar-gaponly img,
    .po-left-faq img,
    .po-left-pet img,
    .po-right-pet img {
        max-width: 160px
    }
    .po-banner-dog {
        right: 2%;
        top: -30px
    }
    .po-banner-cat {
        left: 3%
    }
    .po-table-b-dog.po-table-bg span:nth-child(4) img {
        right: 40px;
        max-width: 100px
    }
    .po-main-menu>ul>li {
        margin-right: 40px
    }
    .po-head-tollbar>ul>li {
        margin-left: 35px
    }
    .po-main-menu>ul>li:after {
        right: -23px
    }
    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 1%
    }
    .po-banner-bg {
        background: url(../images/po-banner-bg-small.svg) top right no-repeat
    }
    .po-cover-paln {
        grid-gap: 15px;
        padding: 20px 20px 60px
    }
    .po-right-faq img {
        max-width: 120px
    }
    .po-canstar-img img {
        margin-top: 10px
    }
    .po-testmonial-new .po-testmonial-text p {
        font-size: 16px;
        padding: 40px 70px 0
    }
    .po-thumnail {
        padding-top: 2px
    }
    .po-plan-heading h3 {
        font-size: 16px
    }
    .po-plan-heading h5 {
        font-size: 14px
    }
}

@media screen and (max-width:1399px) {
    .po-perks-img img {
        max-height: 80px;
        margin-bottom: 30px
    }
    .po-perks-img h1 {
        font-size: 60px;
        font-weight: 800;
        line-height: 40px
    }
    .po-new-header .po-main-menu>ul>li {
        margin-right: 20px
    }
    .po-new-header .po-main-menu ul li a,
    .po-new-header .po-main-menu ul li span {
        font-size: 14px
    }
    .po-plan-heading {
        padding-right: 0
    }
    .po-faq-box-cat {
        min-height: 370px
    }
    .po-polices-img img {
        max-width: 300px
    }
    .po-polices-img img:last-child {
        right: 0;
        max-width: 160px
    }
    .po-head-logo img {
        max-height: 100px
    }
    .po-top-header {
        padding: 15px 0 20px
    }
    .po-main-header {
        height: 50px
    }
    .po-potikihome-banner {
        padding: 50px 0
    }
    .po-newabout .po-about-content {
        padding-left: 0
    }
    .po-new-header .po-head-logo p {
        font-size: 10px
    }
    .po-new-header .po-head-logo img {
        max-height: 50px
    }
    .po-banner-bg {
        background-position-x: 420px
    }
    .po-hero-banner {
        min-height: 38.8vw
    }
    .po-hero-banner.slide-3 .po-getquote-btn.btn {
        left: 6.8%;
        top: 31vw
    }
}

@media screen and (max-width:1199px) {
    .po-main-menu,
    .po-menu-toggle span {
        background: var(--po-white-color);
        transition: 0.3s
    }
    .po-new-header .po-main-header {
        background: var(--po-white-color)
    }
    .po-menu-open .po-menu-toggle span,
    .po-new-header .po-menu-toggle span {
        background: var(--po-text-main-color)
    }
    .po-new-header .po-head-logo a {
        flex: none
    }
    .po-head-tollbar,
    .po-new-header .po-head-logo {
        display: flex;
        align-items: center
    }
    .po-new-header .po-head-logo p {
        padding-left: 20px;
        border-left: 1px solid #888;
        margin-left: 15px !important;
        font-size: 13px !important;
        padding-right: 15px
    }
    .po-canstar-img img {
        margin-right: 0
    }
    .po-non-insurance {
        width: 160px;
        height: 160px
    }
    .po-non-insurance h4 {
        font-size: 14px
    }
    .po-testmonial-new .po-testmonial-text p {
        padding: 40px 60px 0;
        margin-bottom: 5px
    }
    .po-menu-toggle {
        display: block
    }
    .dropdown-menu.po-dropdown-menu li {
        padding: 0
    }
    .dropdown-menu.po-dropdown-menu {
        margin-top: 0 !important
    }
    .po-navbar {
        justify-content: end
    }
    .po-menu-toggle span {
        display: block;
        width: 18px;
        height: 2px;
        margin-bottom: 4px
    }
    .po-menu-open .po-menu-toggle {
        position: fixed;
        left: 230px;
        z-index: 999;
        top: 18px
    }
    .po-menu-toggle span:last-child {
        margin-bottom: 0
    }
    .po-menu-toggle span:nth-child(2) {
        width: 14px
    }
    .po-menu-open .po-menu-toggle span:first-child {
        transform: translate(1px, 6px) rotate(-48deg)
    }
    .po-menu-open .po-menu-toggle span:nth-child(3) {
        transform: translate(1px, -6px) rotate(48deg)
    }
    .po-menu-open .po-menu-toggle span:nth-child(2) {
        opacity: 0;
        visibility: hidden
    }
    .po-main-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        left: -270px;
        width: 260px;
        z-index: 999;
        overflow-y: auto;
        box-shadow: 0 0 20px 0 rgb(0 0 0 / 7%);
        text-align: left
    }
    .po-main-menu ul li {
        display: block;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #eee;
        position: relative
    }
    .po-main-menu ul li a {
        padding: 15px 35px 15px 20px;
        display: inline-block
    }
    .po-main-menu .po-submenu li,
    .po-main-menu ul li:last-child {
        border: none
    }
    .po-menu-open .po-main-menu {
        left: 0
    }
    .po-services-box p {
        max-width: 100%
    }
    .po-polices-img img {
        position: unset
    }
    .po-main-heading {
        margin-bottom: 20px
    }
    .po-polices-content .po-btn {
        margin-top: 30px
    }
    .po-easy-understand .po-easy-under-img {
        max-width: 100%;
        z-index: -1;
        opacity: .05;
        right: 0
    }
    .po-faq-img2 {
        opacity: .05
    }
    .po-banner-img {
        margin-top: 0
    }
    .po-btn span,
    .table-responsive .po-btn span {
        font-size: 16px;
        padding: 8px 18px
    }
    .po-routine-inner {
        margin: 5px 0;
        padding: 30px 30px 10px
    }
    .po-coverdsec-table .table thead tr th {
        font-size: 18px;
        line-height: 25px
    }
    .po-faq-box {
        margin: 0 0 24px
    }
    .po-banner-cat img,
    .po-banner-dog img {
        width: 75%
    }
    .po-polices-img img:last-child {
        display: none
    }
    .po-polices-img {
        text-align: center;
        margin-top: 40px
    }
    .po-submenu-list:before {
        right: 15px;
        top: 15px;
        color: var(--po-text-main-color)
    }
    .po-submenu {
        transform: translate(0, 0);
        box-shadow: none;
        padding: 0 9px
    }
    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 1%
    }
    .po-polices-content {
        margin-bottom: 0 !important
    }
    .po-canstar-one:before {
        width: 70px;
        height: 70px;
        background-size: 60px
    }
    .po-canstar-one:hover:before {
        font-size: 12px
    }
    .po-main-menu .po-quickquote-btn {
        margin: 15px 20px 0
    }
    .po-banner-image {
        transform: translate(-30px, 150px)
    }
    .po-doglover-logo {
        max-height: auto
    }
    .po-hero-banner .hero-slide-logo-wrapper {
        padding-left: 0vw
    }
    .po-hero-banner.slide-2 .po-btnsection .award-text {
        font-size: 1.35vw
    }
}

@media screen and (max-width:1024px) {
    .pet-insurence-wrapper .pet-insurence {
        width: 630px
    }
    .po-banner-image {
        transform: translate(-100px, 150px)
    }
    .po-hero-banner.slide-2 .banner-inner .img-holder {
        justify-content: flex-end;
    }
}

@media screen and (max-width:991px) {
    .perks-bottom-sec ul li {
        margin-top: 20px;
        font-size: 20px;
        line-height: 25px
    }
    .perks-note-title {
        margin-bottom: 25px;
        font-size: 22px
    }
    .perks-title {
        font-size: 35px;
        line-height: 40px
    }
    .perks-right-content-sec {
        padding-left: 0
    }
    .pet-insurence-wrapper .pet-insurence {
        width: 460px
    }
    .po-whypotiki-content {
        padding: 100px 0 50px !important
    }
    .potiki-img-position img {
        margin-top: -90px
    }
    .po-why-potiki-head {
        margin-bottom: 110px
    }
    .po-access-content {
        padding-right: 0
    }
    .po-pet-content,
    .po-slider-qbtn,
    .po-testmonial-point .po-slider-content {
        padding-left: 0
    }
    .po-insurance-content {
        padding-top: 30px
    }
    .po-common-without-cost .col-right .img-wrapper {
        margin-bottom: 0;
        padding-left: 0
    }
    .po-common-table td,
    .po-common-table th {
        white-space: nowrap
    }
    .po-banner-cat img,
    .po-banner-dog img {
        width: 60%
    }
    .po-banner-cat {
        left: 0;
        text-align: left
    }
    .po-banner-dog {
        right: 0;
        text-align: right
    }
    .po-first-content {
        margin-top: 20px
    }
    .po-dog-slide {
        max-width: 200px;
        text-align: right
    }
    .po-stuff-know {
        margin-left: 60px
    }
    .po-new-header .po-menu-toggle {
        display: block
    }
    .po-plan-content {
        margin-bottom: 24px;
        height: calc(100% - 24px)
    }
    .po-routine-p {
        padding: 15px
    }
    .po-routine-point {
        grid-gap: 20px;
        padding: 15px
    }
    .po-routine-p p,
    .po-routine-point ul li {
        font-size: 14px
    }
    .po-banner-image {
        transform: translate(-50px, 140px)
    }
    .po-logo-fit {
        flex-wrap: wrap;
        grid-gap: 25px
    }
    .po-hero-banner.slide-3 .po-getquote-btn.btn {
        top: 30vw
    }
    .home-banner-slider .banner-inner .content-holder {
        padding-bottom: 5% !important
    }
    .slide-2 .banner-inner .content-holder {
        background-image: url('../img/banner-potiki-perks.png');
    }
}

@media screen and (min-width:767px) and (max-width:991px) {
    .po-testmonial-new {
        background-size: cover;
        border-radius: 10px
    }
    .po-easy-content .po-notes-lines {
        font-size: 14px !important;
        font-weight: 600;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto
    }
    .po-why-potiki-head .po-notes-lines {
        font-size: 14px !important;
        font-weight: 600;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto
    }
    .po-logo-soon {
        padding: 40px 0 20px
    }
    .po-testmonial-new .po-testmonial-text {
        padding: 30px 40px
    }
    .po-hero-banner.slide-2 .po-getquote-btn.btn {
        margin-top: .3vw;
        transform: scale(.7);
        margin-left: -3.5vw;
    }

}

@media screen and (min-width:768px) {
    .findoutmore-link {
        display: none
    }
    .po-getquote-btn.btn-large {
        font-size: 2rem;
        padding: 1rem 2.5rem;
    }
    .po-btnsection .po-getquote-btn.btn-large span {
        font-size: 2rem;
    }
    main:has(.swiper-slide-active .po-hero-banner.slide-1) > .review-wrapper {
        margin-top: -3vw;
    }
    main:has(.swiper-slide-active .po-hero-banner.slide-1) > .swiper {
overflow:visible;
    }
    .home-banner-slider .po-hero-banner.slide-2 .banner-inner .content-holder {
        padding-bottom: 0;
        background-position: right bottom;
        background-size: 38vw;
    }
    .po-hero-banner.slide-2 .banner-inner .img-holder {
        flex: 1 1 19%;
    }
   .home-banner-slider .po-hero-banner.slide-2 .banner-inner .content-holder {
        position: relative;
        background-image: none;
    }
   .home-banner-slider .po-hero-banner.slide-2 .banner-inner .content-holder::before {
        content: "";
        position: absolute;
        bottom: 0;
        right: -8vw;
        width: 100%;
        height: 100%;
        background-image: url(../img/banner-potiki-perks.png);
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: 40vw;
    }
    .po-hero-banner.slide-2 .banner-inner .img-holder img {
        width: 23vw;
        margin-left: auto;
        margin-right: -5vw;
    }
    .po-hero-banner.slide-2 .po-main-heading {
        font-size: 3.1vw;
        text-wrap-style: balance;
    }
    .parks-mt-btn {
        margin-top: 40%;
    }
    .po-value-quality {
        display: none !important;
    }
}

@media screen and (max-width:767px) {
    .perks-right-content-sec ul {
        padding-left: 0
    }
    .perks-img-sec {
        margin-bottom: 30px
    }
    .parks-mt-btn {
        margin-top: 1.5rem;
    }
    /* .content-holder .po-btnsection a.po-getquote-btn.btn {
        display: none
    } */
    .po-btnsection2 {
        text-align: center;
        margin-bottom: 36px;
        display: block
    }
    
    .po-easy-content .po-notes-lines {
        font-size: 16px !important;
        font-weight: 600;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto
    }
    .po-why-potiki-head .po-notes-lines {
        font-size: 16px !important;
        font-weight: 600;
        max-width: 750px;
        .content-holder .po-btnsection a.po-getquote-btn.btn {
            display: none
        }
        margin-left:auto;
        margin-right:auto
    }
    .po-service-imgcontent {
        min-height: 400px
    }
    .po-service-imgcontent.last-service {
        min-height: auto
    }
    .last-service .po-getquote-btn.btn {
        padding: 5px 30px;
        font-size: 18px
    }
    .po-banner-content .po-btn,
    .po-banner-img,
    .po-get-quote .po-btn,
    .po-slider-qbtn {
        margin-top: 20px
    }
    .po-cat-content p,
    .po-with-potiki ul li {
        padding-bottom: 10px
    }
    .pet-insurence-wrapper .pet-insurence {
        width: 100%;
        position: relative
    }
    .pet-insurence-wrapper .pet-insurence img {
        margin-top: -145px;
        margin-bottom: -37px
    }
    .po-mobile-order-1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
        padding: 0 15px;
        z-index: 9;
        position: absolute;
        right: 0
    }
    .po-desktop-order-1,
    .po-dview-slider,
    .po-faq-img2,
    .po-polices-img img:last-child,
    .po-table-bg {
        display: none
    }
    .po-banner-img {
        padding-bottom: 30px
    }
    .po-head-tollbar ul li {
        margin-left: 30px
    }
    .po-spacer-top {
        padding-top: 60px
    }
    .po-spacer-bottom {
        padding-bottom: 60px
    }
    .po-main-heading {
        margin-bottom: 20px;
        font-size: 28px;
        line-height: 32px
    }
    .po-sub-heading {
        font-size: 24px;
        margin-top: 80px;
        margin-bottom: 65px
    }
    .po-details {
        margin-bottom: -46px
    }
    .po-spacer-topless {
        padding-top: 40px
    }
    .po-polices-img img {
        position: unset;
        max-width: 100%
    }
    .po-get-quote-img img:first-child {
        opacity: .05;
        z-index: -1
    }
    .po-get-quote-img img:last-child {
        opacity: .05;
        z-index: -1;
        right: 0;
        bottom: 60px
    }
    .po-easy-understand .po-easy-under-img {
        bottom: 0;
        right: 0;
        max-width: 100%;
        z-index: -1;
        opacity: .02
    }
    .po-faq-img1 {
        left: -25px;
        opacity: .03
    }
    .po-faq-img2 {
        right: 0;
        opacity: .04
    }
    .po-routine-wrapper .po-routine-text,
    .po-services-box p {
        max-width: 100%
    }
    .po-head-logo img {
        max-height: 80px
    }
    .po-head-tollbar ul li a {
        font-size: 14px;
        font-weight: 500
    }
    .po-service-title {
        font-size: 18px
    }
    .po-bottom-content p,
    .po-cap-url {
        font-size: 14px
    }
    .po-top-header {
        padding: 10px 0 15px
    }
    .po-cat-content p {
        padding-top: 10px
    }
    .po-routine-vet-visit .po-routine-innercontent {
        padding: 0
    }
    .po-btn-bg-change {
        margin-left: 0;
        margin-right: 0
    }
    .po-get-quote-img {
        opacity: .05
    }
    .po-cover {
        padding-bottom: 20px
    }
    .po-pet-plan {
        padding: 40px 0
    }
    .po-banner-cat img,
    .po-banner-dog img {
        width: 48%
    }
    .po-carepack-content .po-main-heading {
        font-size: 20px;
        line-height: 30px
    }
    .po-carepack-content {
        padding: 30px
    }
    .po-foot-link,
    .po-routine-footer {
        text-align: center
    }
    .po-slide-banner .swiper-slide .container,
    .po-testmonial-new .po-testmonial-text {
        padding: 15px
    }
    .po-payment-credit {
        top: 0
    }
    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 0
    }
    .po-bottom-content {
        padding-top: 60px;
        padding-bottom: 20px
    }
    .po-left-faq,
    .po-left-pet,
    .po-right-faq,
    .po-right-pet,
    .po-shape1,
    .po-shape2 {
        opacity: .1
    }
    .po-slide-banner .swiper-pagination-bullet {
        width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));
        height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px))
    }
    .po-slide-banner .swiper-button-next,
    .po-slide-banner .swiper-button-prev {
        width: calc(var(--swiper-navigation-size) / 14 * 8)
    }
    .po-bottom-catpet {
        padding-top: 50px
    }
    .po-slide-banner .swiper-button-next:after,
    .po-slide-banner .swiper-button-prev:after {
        font-size: 24px
    }
    .po-stuff-know {
        margin-left: 0
    }
    .po-footer-main .po-newslatter,
    .po-slider-qbtn,
    .po-testmonial-point .po-slider-content {
        padding-left: 0
    }
    .po-potikihome-banner {
        background: url(../images/bannerblur.png) center center/cover no-repeat;
        padding: 20px 0
    }
    .po-testmonial-point ul li {
        font-weight: 500
    }
    .po-cap-url {
        text-indent: -15px;
        margin-left: 15px
    }
    .po-footer-main .po-footer h4 {
        margin-bottom: 5px
    }
    .po-footer-copyright {
        margin-bottom: 25px
    }
    .po-footer {
        margin-bottom: 30px
    }
    .po-testmonial-new .po-testmonial-text p:before {
        top: 0;
        background-size: 50%;
        z-index: -1
    }
    .po-testmonial-new .po-testmonial-text p:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        background: url(../images/po-quote-right.svg) 0 0/50% no-repeat;
        width: 50px;
        height: 50px
    }
    .po-testmonial-new .po-testmonial-text p {
        padding: 15px;
        z-index: 1;
        position: relative
    }
    .po-testmonial-new {
        background-size: cover;
        margin: 50px 15px 0
    }
    .po-with-potiki ul li:before {
        color: var(--po-white-color)
    }
    .po-quate-slider {
        display: block;
        border-left: 5px solid var(--po-secondary-color);
        margin-bottom: 20px
    }
    .po-quate-slider h5 {
        font-weight: 700;
        color: var(--po-secondary-color);
        padding-left: 10px;
        font-size: 18px
    }
    .po-potikinewhome-banner {
        padding: 25px 0 0
    }
    .po-canstar-img img {
        max-width: 95px;
        margin-top: 10px
    }
    .po-canstar-img1 img,
    .po-canstar-img2 img {
      max-width: 56px !important;
    }
    .mezo-img {
        max-width: 63px !important;
        margin-top: 0px;
        width: 45px;
    }
    .po-plan-content {
        margin-bottom: 24px
    }
    .po-routine-p {
        border-radius: 0
    }
    .po-banner-bg {
        background: url(../images/po-banner-bg-small.svg) top right/cover no-repeat;
        background-position-y: -150px
    }
    .po-banner-image {
        position: relative;
        margin-top: -40px;
        z-index: 1;
        transform: translate(-80px, 0);
        padding: 0 10px
    }
    .po-point-home {
        overflow: hidden
    }
    .po-point-home .col-md-5 {
        background: var(--po-main-color);
        display: flex;
        flex-direction: column-reverse
    }
    .po-potikinewhome-banner .container {
        max-width: unset;
        padding: 0
    }
    .po-potikinewhome-banner .po-with-potiki {
        padding: 20px
    }
    .po-potikinewhome-banner .po-btnsection {
        margin-top: 0
    }
    .po-potikinewhome-banner .po-getquote-btn.btn {
        width: 100%;
        border-radius: 0
    }
    .po-potikinewhome-banner .po-getquote-btn.btn:after {
        content: ">>";
        position: unset;
        background: 0 0;
        padding-left: 8px
    }
    .home-slide-controls .swiper-button-next,
    .home-slide-controls .swiper-button-prev {
        top: 240px !important
    }
   .po-hero-banner.slide-1 {
        background: url(../images/banner-bg-1.png) left center;
        padding-bottom: 120px
    }
    .po-hero-banner.slide-1 {
        /* min-height: 117vw; */
          min-height: 124vw;
    }
    .po-hero-banner.slide-1 .banner-bottom-img {
        width: 100%;
        /* height: 46vw; */
        object-fit: cover;
    }
    .promo-code {
     background: url(../images/banner-bg-1.png) left center;
        padding-bottom: 55px
}
    .po-hero-banner.slide-3 {
        background: url(../images/gaponly-banner-mobile.png) no-repeat center;
        background-size: cover;
        min-height: 117vw;
        margin-bottom: 62px;
        position: relative
    }
    .po-hero-banner.slide-3 .po-getquote-btn.btn {
        width: 100%;
        left: 0;
        top: 100%;
        border-radius: 0
    }
    .po-hero-banner img.hero-right-img {
        min-width: 50px;
        max-width: 25vw;
        margin-top: 6.6vw;
        margin-left: 10vw
    }
    .po-hero-banner .banner-inner .banner-flex {
        flex-wrap: wrap
    }
    .banner-inner .banner-flex .image-wrapper:nth-child(1) {
        width: 74%;
        flex: 0 0 75%;
        margin: 44px 0
    }
    .banner-inner .banner-flex .image-wrapper:nth-child(2) {
        width: 31%;
        flex: 0 0 31%;
        transform: none;
        margin-left: -6%
    }
    .banner-inner .banner-flex .image-wrapper:nth-child(3) {
        width: 100%;
        flex: 0 0 100%;
        margin-left: -26%
    }
    .banner-inner .banner-flex .image-wrapper:nth-child(4) {
        width: 50%;
        flex: 0 0 50%;
        margin: 19vw 0 0 -22vw
    }
    .po-hero-banner {
        padding: 0
    }
    .po-hero-banner .banner-inner {
        padding-bottom: 0
    }
    .po-hero-banner .po-main-heading {
        font-size: 36px;
        line-height: 1.2;
    }
    .po-hero-banner .hero-title-wrapper p {
        font-size: 18px;
        margin-bottom: .5rem
    }
    .po-hero-banner.slide-1 .hero-title-wrapper p {
        padding-right: 40vw;
    }
    .po-hero-banner.slide-1 .content-wrapper {
        position: relative;
    }
   /* .po-bototm-logos {
        top: 120px;
        bottom: auto;
        max-width: 13vw;
    }*/
     .po-bototm-logos {
        top:0px;
        bottom: auto;
        max-width: 16vw;
        right: 0vw;
      }
    .po-bototm-logos .click-to-top {
        width: 100%;
    }
    .po-bototm-logos .click-to-top span {
        bottom: unset;
        top: 100%;
    }
    .po-hero-banner.slide-2 .po-btnsection {
        display: flex;
        flex-direction: column;
        margin-top: 32px
    }
    .po-hero-banner .large-check-list li {
        font-size: 16px;
        padding-left: 20px;
    }
      .po-hero-banner .large-check-list-second li {
        font-size: 12px !important;
    }
    .po-hero-banner .large-check-list li::before {
        top: 5px;
        width: 14px;
        height: 14px;
    }
    .po-hero-banner.slide-1 .large-check-list {
        padding-right: 15vw;
    }
    .po-hero-banner.slide-2 .large-check-list {
        max-width: 100%;
    }
    .po-hero-banner.slide-2 .po-getquote-btn.btn {
        /* margin: -.6vw 0 0 -.8rem;
        width: calc(100% + 1.2em); */
        border-radius: 0;
        margin-bottom: 0px;
        /* order: 2 */
    }
    .po-hero-banner.slide-2 .po-btnsection .award-text {
        order: 1;
        font-size: inherit
    }
    .po-hero-banner.slide-2 .bottom-image {
        position: absolute;
        bottom: 0;
        left: 20px;
        right: 20px;
        margin: 0;
        display: none
    }
    .po-hero-banner.slide-2 .bottom-image .hero-bottom-img {
        width: 100%
    }
  .slide-2 .po-btnsection .po-getquote-btn {
        position: absolute;
        bottom: 3px;
        left: 0;
        right: 0;
        border-radius: 0
    }
    .po-hero-banner.slide-1 .po-btnsection {
        position: absolute;
        left: 0;
        right: 0;
        z-index: 2;
    }
    /* .po-hero-banner.slide-1 .po-btnsection { bottom: 56px; } */
        .po-hero-banner.slide-1 .po-btnsection { bottom: 55px; }
    .po-hero-banner.slide-1 .po-btnsection + .po-btnsection { bottom: -10px; }
    .po-hero-banner.slide-1 .po-btnsection .po-getquote-btn { width: 100%; border-radius: 0; }
    .po-hero-banner.slide-1 .po-banner-paragraph p { bottom: 120px; }
    .slide-2 .banner-holder {
        padding-bottom: 60px;
    }
    .slide-2 .hero-bottom-img img {
        transform: none;
    }
    .slide-2 .po-btnsection .po-getquote-btn{
        position: absolute;
        bottom: 0;
    }
    .slide-2 .banner-inner .content-holder {
        background-position: left calc(100% - 60px);
    }
    .home-banner-slider .slide-2 .banner-inner .content-holder {
        padding-bottom: 46vw !important
    }
    .home-banner-slider .banner-inner .content-holder {
        padding-top: 10px;
    }
    .po-banner-paragraph p{
        position: absolute;
        bottom: 64px;
        width: 78%;
        font-size: 13px;
        /* left: 0; */
        right: 0;
        color: white;
        border-radius: 0;
        font-weight: 800;
    }
    .po-banner-paragraph p a{ 
        color: white;
    }
}

@media screen and (max-width:575px) {
    .po-btnsection2 {
        text-align: center;
        margin-bottom: 36px;
        display: block
    }
    .po-easy-content .po-notes-lines {
        font-size: 15px !important;
        font-weight: 600;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto
    }
    .po-why-potiki-head .po-notes-lines {
        font-size: 15px !important;
        font-weight: 600;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto
    }
    .po-cat-msmall,
    .po-dog-slide,
    .po-second-img {
        max-width: 250px;
        margin: 0 auto
    }
    .po-banner-cat img,
    .po-banner-dog img {
        width: 42%
    }
    .po-faq-box,
    .po-faq-box-cat {
        min-height: auto;
        text-align: left
    }
    .po-medicine-flex {
        flex-direction: column;
        align-items: center
    }
    .po-dog-slide {
        left: 0
    }
    .po-logo-slider .po-slide-banner .swiper,
    .po-our-plans-slider .swiper {
        padding-top: 0 !important
    }
    .swiper-slide:after,
    .swiper-slide:nth-child(3):after {
        background: 0 0
    }
    .po-bottom-catpet {
        padding-top: 30px;
        padding-bottom: 30px
    }
    .po-mobilebtn {
        display: block;
        text-align: center;
        padding: 34px 0 20px
    }
    .po-desktopbtn,
    .po-explore-service,
    .po-our-plans,
    .po-perks-none {
        display: none
    }
    .po-second-img {
        text-align: center
    }
    .po-bottom-content {
        padding-top: 10px
    }
    .po-canstar {
        max-width: 120px
    }
    .po-routine-point {
        grid-gap: 0;
        padding: 15px;
        position: relative;
        z-index: 9;
        flex-wrap: wrap
    }
    .po-routine-p {
        padding: 15px
    }
    .po-about-img {
        margin-bottom: 15px
    }
    .po-keyframe-content {
        padding: 15px;
        height: auto
    }
    .po-cover-paln {
        grid-gap: 10px;
        padding: 15px 15px 80px
    }
    .po-plan-heading h3 {
        font-size: 16px
    }
    .po-plan-heading h5 {
        font-size: 14px
    }
    .po-testmonial-new {
        background: url(../images/tesmonial-bg-mobile.png) center center/cover no-repeat;
        border-radius: 10px
    }
    .po-testmonial-new .po-testmonial-text p {
        font-size: 18px
    }
    .po-thumnail {
        padding-top: 0;
        margin-bottom: -70px
    }
    .po-slide-banner {
        display: block;
        padding-top: 80px
    }
    .po-mobile-pagination {
        top: 0;
        bottom: auto !important;
        padding: 0 !important
    }
    .po-our-plans-slider .swiper,
    .po-slide-banner .swiper {
        padding-top: 40px
    }
    .po-mobile-pagination .swiper-pagination-bullet {
        background: #c1c1c1;
        height: 6px;
        width: 12px;
        border-radius: 30px
    }
    .po-mobile-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: var(--po-main-color);
        width: 27px
    }
    .po-service-subcontent p {
        font-weight: 400
    }
    .po-our-plans-slider {
        display: block
    }
    .po-our-plans-slider .po-plan-content {
        margin-bottom: 0
    }
    .po-plan-content .po-btnsection {
        position: unset;
        margin-top: 20px
    }
    .po-ourplan-point {
        padding-bottom: 0
    }
    .po-banner-bg {
        background-position-x: -360px
    }
    .po-logo-soon img {
        margin: 15px 0
    }
    .po-logo-fit {
        flex-wrap: wrap;
        grid-gap: 20px
    }
    .home-banner-slider .banner-inner .content-holder {
        padding-bottom: 5% !important
    }
    .po-hero-banner img.hero-right-img {
        margin-top: 0;
        max-width: 28VW
    }
    .po-our-plans-slider .po-mobile-pagination {
        position: static;
        margin-bottom: 10px
    }
    .po-our-plans-slider.po-spacer-bottom {
        padding-bottom: 0
    }
    .po-service-subcontent img {
        max-width: 60px
    }
    .po-service-subcontent .po-getquote-btn.btn {
        font-size: 16px;
        padding: 10px 20px
    }
   .po-hero-banner .po-main-heading {
        font-size: 30px;
        margin-bottom: 10px !important;
    }
    .po-hero-banner .banner-bottom-img {
        margin-top: -15vw;
    }
     .mt0{
         margin-top: inherit !important;
    }
     .po-hero-banner .banner-bottom-img-promo-code{
        margin-top: -10vw;
    }
    .po-hero-banner.slide-1 .po-main-heading {
        text-wrap: balance;
    }
    .po-banner-paragraph p{
        position: absolute;
        bottom: 64px;
        width: 78%;
        font-size: 13px;
        /* left: 0; */
        right: 0;
        color: white;
        border-radius: 0;
        font-weight: 800;
    }
    .procode-banner-paragraph p{
    color: black !important;
}
    .po-banner-paragraph p a{ 
        color: white;
    }
}

@media screen and (max-width:480px) {
    .po-btnsection2 {
        text-align: center;
        margin-bottom: 36px;
        display: block
    }
    .po-easy-content .po-notes-lines {
        font-size: 12px !important;
        font-weight: 600;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto
    }
    .po-why-potiki-head .po-notes-lines {
        font-size: 12px !important;
        font-weight: 600;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto
    }
    .po-bottom-content p,
    .po-cap-url {
        color: var(--po-text-main-color);
        font-size: 10px
    }
    .po-carepack-content ul li,
    .po-cat-s,
    .po-second-img {
        margin-bottom: 15px
    }
    .po-banner-image img {
        width: 390px;
        transform: translateX(10px)
    }
    .po-vetchat-bg {
        padding: 15px;
        margin-top: 40px
    }
    .po-vetchat-bg h6 {
        font-size: 18px;
        line-height: 26px
    }
    .po-vetchat-bg p {
        font-size: 16px
    }
    div.click-to-top span {
        width: 150px;
        font-size: 12px
    }
    div.click-to-top h6 {
        font-size: 14px
    }
    .po-banner-cat img,
    .po-banner-dog img {
        width: 30%
    }
    .po-banner-dog {
        top: -10px
    }
    .po-catcoverd-img {
        position: relative;
        top: 0
    }
    .po-indoor-cat {
        position: relative;
        top: 10px
    }
    .po-qua-hover .po-qua-hov-text {
        min-width: 280px
    }
    .po-second-img {
        max-width: 180px
    }
    .po-dog-slide {
        max-width: 75px;
        position: absolute;
        top: 310px;
        left: 0
    }
    .po-cat-s {
        margin-top: 10px
    }
    .po-cat-msmall {
        max-width: 250px;
        margin: 0 auto
    }
    .po-canstar {
        max-width: 90px;
        position: absolute;
        top: 55px;
        left: 30px
    }
    .po-second-content p {
        font-size: 10px;
        margin-bottom: 15px
    }
    .po-backend-c {
        margin-top: 80px
    }
    .swiper-slide:after,
    .swiper-slide:nth-child(2):after {
        background: 0 0
    }
    .po-potikihome-banner {
        padding: 30px
    }
    .po-testmonial-point ul li {
        font-weight: 600;
        font-size: 14px
    }
    .po-bottom-content {
        padding-top: 40px;
        padding-bottom: 20px;
        position: relative
    }
    .po-bottom-content:before {
        content: "";
        position: absolute;
        bottom: 0;
        width: 180px;
        height: 4px;
        background: var(--po-secondary-color);
        margin: 0 auto;
        left: 0;
        right: 0;
        top: auto
    }
    .wemony-sub-div {
        width: 50%;
        text-align: center
    }
    .wemoney-img {
        width: 100px;
        height: 100px;
        margin-right: 0;
        margin-top: 32px
    }
    .wemoney-div {
        flex-wrap: wrap
    }
    .po-tesmonial {
        padding: 35px 0 40px
    }
    .po-slider-qbtn {
        margin-bottom: -70px
    }
    .po-back-point {
        background: var(--po-white-color)
    }
    .po-bottom-content p:before {
        background: var(--po-text-main-color)
    }
    .po-canstar-one:before {
        width: 60px;
        height: 60px;
        background-size: 56px
    }
    .po-cap-url {
        text-indent: -15px;
        margin-left: 15px
    }
    .po-with-cap {
        font-size: 14px;
        font-weight: 600
    }
    .po-show-mobile {
        display: block;
        padding-top: 25px
    }
    .po-dog-breadcrumbs,
    .po-dog-breadcrumbs ul {
        text-align: center;
        justify-content: center
    }
    .po-dog-breadcrumbs {
        padding: 15px 0
    }
    .po-dog-banner h2 {
        line-height: 30px
    }
    .po-whypotiki-content {
        padding: 20px 0 30px !important
    }
    .po-mypet-tab .po-mypet-navtab {
        min-width: 146px;
        padding: 0 15px
    }
    .po-mypet-tab .nav {
        grid-gap: 10px;
        flex-wrap: wrap
    }
    .po-category-tab {
        padding: 25px
    }
    .po-mobile-why {
        text-align: center !important
    }
    .po-canstar-gaponly {
        padding-top: 50px;
        padding-left: 0;
        text-align: center
    }
    .po-insuranceneed-content ul li:before {
        color: var(--po-main-color)
    }
    .po-petimg-portal {
        padding-bottom: 30px
    }
    .po-access-sec {
        padding: 20px
    }
    .po-carepack-content ul {
        flex-wrap: wrap;
        grid-gap: 0
    }
    .po-perks-c {
        padding-bottom: 0
    }
    .po-dropdown select {
        max-width: 215px
    }
    .wemony-sub-div {
        width: 50%;
        text-align: center
    }
    .wemoney-img {
        width: 100px;
        height: 100px;
        margin-right: 0;
        margin-top: 32px
    }
    .home-banner-slider .banner-inner .content-holder {
        padding-bottom: 5% !important
    }
    .mypetpass-sec .right-bottom-img {
        display: none
    }
    .mypetpass-sec .bottom-text {
        padding-right: 0
    }
    .po-bototm-logos .click-to-top {
        width: 100%;
    }
    .po-banner-paragraph p{
        position: absolute;
        bottom: 64px;
        width: 78%;
        font-size: 13px;
        /* left: 0; */
        right: 0;
        color: white;
        border-radius: 0;
        font-weight: 500;
    }
    .po-banner-paragraph p a{ 
        color: white;
    }
}

@media screen and (max-width:375px) {
    .po-easy-content .po-notes-lines {
        font-size: 11px !important;
        font-weight: 600;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto
    }
    .po-why-potiki-head .po-notes-lines {
        font-size: 11px !important;
        font-weight: 600;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto
    }
    .po-cat-msmall {
        max-width: 220px
    }
    .po-btnsection2 {
        text-align: center;
        margin-bottom: 36px;
        display: block
    }
    .po-dog-slide {
        max-width: 90px;
        top: 305px
    }
    .po-canstar {
        max-width: 85px;
        position: absolute;
        top: 50px;
        left: 25px
    }
    .po-new-header .po-head-logo a {
        flex: 90%
    }
    .po-banner-bg {
        background-position-x: -370px
    }
    .wemony-sub-div {
        width: 50%;
        text-align: center
    }
    .wemoney-img {
        width: 100px;
        height: 100px;
        margin-right: 0;
        margin-top: 32px
    }
}

@media screen and (min-width:320px) and (max-width:360px) {
    .po-easy-content .po-notes-lines {
        font-size: 11px !important;
        font-weight: 600;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto
    }
    .po-why-potiki-head .po-notes-lines {
        font-size: 11px !important;
        font-weight: 600;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto
    }
    .po-btnsection2 {
        text-align: center;
        margin-bottom: 36px;
        display: block
    }
    .pet-insurence-wrapper .pet-insurence img {
        margin-top: -100px;
        margin-bottom: -40px
    }
    .po-bottom-catpet {
        padding-bottom: 46px
    }
    .po-cat-msmall {
        max-width: 220px
    }
    .po-dog-slide {
        max-width: 80px;
        top: 320px
    }
    .po-potikihome-banner {
        padding: 30px 10px
    }
    .po-canstar-img img {
        max-width: 74px;
        margin-top: 10px
    }
    .po-canstar-img1 img,
    .po-canstar-img2 img {
        max-width: 60px
    }
    .po-dropdown select {
        max-width: 180px
    }
    .wemoney-img {
        width: 100px;
        height: 100px;
        margin-right: 0;
        margin-top: 32px
    }
    .wemony-sub-div {
        width: 50%;
        text-align: center
    }
}
.po-banner-awards{
    width: 74%;
    font-size: 15px;
    text-align: center;
    font-style: italic;
}

.admin-menu {
    color: white;
    font-size: 16px;
    font-weight: 600;
}
.large-check-list-second {
    padding-left: 20px;
}
.large-check-list-second li {
    font-size: 16px !important;
    width: 80%;
        padding: 4px;

}
.po-price{
        text-decoration: underline;
    /*font-size: 17px;*/
    /*font-weight: 800;*/
}
.canstar {
    width: 140px;
    height: 140px;
}
@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-200px * 7)); }
}

.slider {
    height: auto;
    overflow: hidden;
    position: relative;
    width: calc(100% - 30px);
    margin: 0px 15px 50px 15px;
    max-width: none;
}

.slide-track {
    animation: scroll 20s linear infinite;
    display: flex;
    width: calc(200px * 12);
    min-height: 200px;
    align-items: center;
}

.slide-track:hover {
    animation-play-state: paused;
}

.slide {
    height: 200px;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.slide img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.slider-text {
    text-align: center;
    padding: 15px 15px;
    background: #fff;
    font-size: 15px;
    color: #333;
    line-height: 1.8;
    font-style: italic;
    /* max-width: 450px; */
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 1200px) {
    .slider-text {
        margin-top: -60px;
    }
}

.slider-text p {
    margin: 0;
    display: inline;
    word-spacing: normal;
}
@media (max-width: 768px) {
    .slider {
        width: calc(100% - 20px);
        margin: 0px 10px 50px 10px;
    }

    .slide {
        height: 120px;
        width: 120px;
        margin-right: -15px;
    }

    .slide:nth-child(4),
     .slide:nth-child(13){
         margin-left: -15px;
     }
    .slide:nth-child(5),
    .slide:nth-child(6),
    .slide:nth-child(13),
    .slide:nth-child(14),
    .slide:nth-child(15) {
        margin-left: -25px;
    }

    .slide-track {
        width: calc(120px * 12);
        min-height: 120px;
        gap: 0px;
    }

    @keyframes scroll-mobile {
        0% { transform: translateX(0); }
        100% { transform: translateX(calc(-120px * 7)); }
    }

    .slide-track {
        animation: scroll-mobile 20s linear infinite;
    }

    .slider .slide img {
        height: auto !important;
        width: auto !important;
        max-height: 75% !important;
        max-width: 75% !important;
    }
}