/* Font-face rules */
@font-face {
    font-family: 'PTSans-Bold';
    src: url('../fonts/PTSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'PTSans-Regular';
    src: url('../fonts/PTSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Nunito-Regular';
    src: url('../fonts/Nunito-Regular.ttf') format('truetype');
}

.preloader img {
    height: auto;
    width: 20%;
}

.mtop-18 {
    margin-top: 18px
}

.tabbing-navlink {
    color: #fff;
    font-size: 17px !important;
    padding-left: 8px;
    display: flex;
}

.Desktop-Element-Contactus {
    position: relative;
    z-index: 4;
}

    .Desktop-Element-Contactus::before {
        content: '';
        position: absolute;
        top: -32px;
        left: -30px;
        height: 100px;
        width: 100px;
        rotate: 49.46deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 0;
    }

    .Desktop-Element-Contactus::after {
        content: '';
        position: absolute;
        bottom: 38px;
        right: -35px;
        height: 120px;
        width: 120px;
        rotate: 133.53deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center bottom;
        background-size: contain;
        z-index: -1;
    }

.Desktop-ElementCodeofConduct {
    position: relative;
    z-index: 4;
}

    .Desktop-ElementCodeofConduct::before {
        content: '';
        position: absolute;
        top: -7px;
        left: -26px;
        height: 120px;
        width: 120px;
        rotate: 41deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star1.png) no-repeat center top;
        background-size: contain;
        z-index: 0;
    }

    .Desktop-ElementCodeofConduct::after {
        content: '';
        position: absolute;
        bottom: 38px;
        right: -23px;
        height: 120px;
        width: 120px;
        rotate: 133.53deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star1.png) no-repeat center bottom;
        background-size: contain;
        z-index: -1;
    }

.Desktop-ElementBreedDetail {
    position: relative;
    z-index: 4;
}

    .Desktop-ElementBreedDetail::before {
        content: '';
        position: absolute;
        top: -23px;
        left: -26px;
        height: 80px;
        width: 80px;
        rotate: 41deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 1;
    }

    .Desktop-ElementBreedDetail::after {
        content: '';
        position: absolute;
        bottom: 38px;
        right: -23px;
        height: 80px;
        width: 80px;
        rotate: 133.53deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center bottom;
        background-size: contain;
        z-index: 0;
    }

.Desktop-Partnerwithus-Element {
    position: relative;
    z-index: 4;
}

    .Desktop-Partnerwithus-Element::before {
        content: '';
        position: absolute;
        top: -23px;
        left: -26px;
        height: 80px;
        width: 80px;
        rotate: 41deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 1;
    }

    .Desktop-Partnerwithus-Element::after {
        content: '';
        position: absolute;
        bottom: 38px;
        right: -23px;
        height: 80px;
        width: 80px;
        rotate: 133.53deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center bottom;
        background-size: contain;
        z-index: 0;
    }

.Desktop-HowIt-WorkElement {
    position: relative;
    z-index: 4;
    background-color: white;
}

    .Desktop-HowIt-WorkElement::before {
        content: '';
        position: absolute;
        top: -23px;
        left: -39px;
        height: 80px;
        width: 80px;
        rotate: 41deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star1.png) no-repeat center top;
        background-size: contain;
        z-index: 1;
    }

    .Desktop-HowIt-WorkElement::after {
        content: '';
        position: absolute;
        bottom: 38px;
        right: -42px;
        height: 80px;
        width: 80px;
        rotate: 163deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star1.png) no-repeat center bottom;
        background-size: contain;
        z-index: 0;
    }


.benefitwrap {
    position: relative;
    z-index: 4; /* Ensure it's above the pseudo-elements if needed */
    /*padding: 2rem; */ /* Adjust as per your design */
}

    .benefitwrap::before {
        content: '';
        position: absolute;
        top: -30px;
        left: 7%;
        height: 120px;
        width: 120px;
        rotate: -38deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 1;
    }

    .benefitwrap::after {
        content: '';
        position: absolute;
        bottom: -30px;
        right: 7%;
        height: 120px;
        width: 120px;
        rotate: 139deg;
        background: url('https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png') no-repeat center bottom;
        background-size: contain;
        z-index: 0;
    }


.testywrap {
    position: relative;
    z-index: 4; /* Ensure it's above the pseudo-elements if needed */
    /*padding: 2rem; */ /* Adjust as per your design */
}

    .testywrap::before {
        content: '';
        position: absolute;
        top: -7px;
        right: 8%;
        height: 100.75px;
        width: 100.75px;
        rotate: 148.48deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 0;
    }

    .testywrap::after {
        content: '';
        position: absolute;
        bottom: 28px;
        height: 100.75px;
        width: 100.75px;
        left: 12%;
        rotate: 144.48deg;
        background: url('https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png') no-repeat center bottom;
        background-size: contain;
        z-index: -1;
    }

.blob-container::before {
    content: "";
    position: absolute;
    top: -18%;
    left: -2.8%;
    width: 110%;
    height: 121%;
    background-image: url(../images/new-website/RectangleBgImageforVideo.png);
    background-size: cover;
    /* background-position: center; */
    background-repeat: no-repeat;
    opacity: 1;
}


.Diagnostic-icon {
    height: auto;
    width: 70px;
}

.Sick-Pet-Care-Diagnostic-Services .mycolor {
    font-size: 18px !important;
    color: #2f3f3f;
}

body {
    font-family: 'Nunito-Regular';
    overflow-x: hidden;
    /*background-color: #f3f6f7;*/
    font-style: normal !important;
}

p {
    font-size: 20px;
    color: #2f2f2f;
    margin: 0;
    font-weight: 400;
}

/*New button Design*/
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23D75880'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}

.pink-button {
    padding: 7px 19px;
    border-radius: 30px;
    width: auto;
    background-color: #d75880;
    color: white;
    border: transparent;
    font-family: 'Nunito-Regular';
    font-weight: bold;
    font-size: 16px;
    cursor: pointer !important;
}

.white-button {
    padding: 7px 19px;
    border-radius: 30px;
    width: auto;
    background-color: #fff;
    color: #d75880;
    border: 1px solid #d75880;
    font-family: 'Nunito-Regular';
    font-weight: bold;
    font-size: 16px;
    cursor: pointer !important;
}


/*Hamburger*/
.menu-toggle {
    position: absolute;
    right: 0.5rem;
    transform: translate(0, -50%);
    height: 26px;
    width: 29px;
    color: #000;
}

    .menu-toggle:hover {
        color: #000;
    }

.menu-toggle-bar {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: 0;
    width: 100%;
    height: 4px;
    border-radius: 4px;
    background-color: black;
    transition: all 0.3s ease;
}

    .menu-toggle-bar.menu-toggle-bar--top {
        transform: translate(0, -8px);
    }

    .menu-toggle-bar.menu-toggle-bar--bottom {
        transform: translate(0, 8px);
    }

.nav-open .menu-toggle-bar.menu-toggle-bar--top {
    transform: translate(0, 0) rotate(45deg);
}

.nav-open .menu-toggle-bar.menu-toggle-bar--middle {
    opacity: 0;
}

.nav-open .menu-toggle-bar.menu-toggle-bar--bottom {
    transform: translate(0, 0) rotate(-45deg);
}

/*Hamburger*/


section {
    overflow: hidden;
}

.section-gap {
    padding: 40px 0px;
}

* {
    margin: 0;
    padding: 0;
}

.navbar-toggler:focus {
    box-shadow: none !important;
}
/* Typography */
a,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #2f2f2f;
    margin: 0;
}

a {
    text-decoration: none;
}

h1 {
    font-family: 'PTSans-Bold';
    font-size: 50px;
    font-weight: 600;
    color: #d65880;
}

h2 {
    font-family: 'Nunito-Regular';
    font-size: 25px;
    color: #84899a;
}

h3 {
    font-family: 'Nunito-Regular';
    font-size: 25px;
    font-weight: 600;
}

/* Image styling */
img {
    object-fit: cover;
}

.gap {
    padding: 120px 0;
}

.background-grey {
    background-color: #f3f6f7;
}

.color-#2f2f2f {
    color: #2f2f2f;
}

.no-top {
    padding-top: 0;
}

.no-bottom {
    padding-bottom: 0;
}

ul {
    padding: 0;
    margin: 0;
}

li {
    /*display: block;*/
    display: list-item;
}

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

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

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

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

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

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

figure {
    overflow: hidden;
    margin-bottom: 0;
}

.align-item-center {
    align-items: center
}

.preloader {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 999111111;
    left: 0;
    top: 0;
    transition-duration: 4s;
    -webkit-transition-duration: 4s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

.page-loaded .preloader {
    top: -600%;
    z-index: 1111111;
}

.preloader .container {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    filter: url('#goo');
    animation: rotate-move 3s ease-in-out;
}

.navbar-links li > a i {
    padding-right: 6px;
}

.logo img {
    width: 200px;
    height: auto;
    object-fit: cover;
}

.btnlnktitle {
    text-align: center;
}

.btnlnk {
    color: #2f2f2f;
    text-align: center;
    float: inline-end;
}

.Get-App-Button1 {
    padding: 5px 16px 5px;
    border-radius: 30px;
    width: auto;
    background-color: #d75880;
    color: white;
    border: transparent;
    font-family: "Nunito-Regular";
    font-weight: bold;
    transition: background-color 0.3sease;
    font-size: 18px;
    margin-right: 1%;
}

/* Get App Button */
.Get-App-Button {
    padding: 7px 16px;
    border-radius: 30px;
    width: auto;
    background-color: #d75880;
    color: white;
    border: transparent;
    font-family: "Nunito-Regular";
    font-weight: bold;
    transition: background-color 0.3s ease;
    font-size: 14px;
}

.Schedule-Appointment {
    padding: 7px 12px;
    border-radius: 30px;
    margin-top: 11px;
    /* height: 50px; */
    width: auto;
    background-color: #d75880;
    color: white;
    border: transparent;
    font-family: "Nunito-Regular";
    font-weight: bold;
    transition: background-color 0.3sease;
    font-size: 18px;
}

.Get-App-Button:hover {
    background-color: #a74162;
    /* Darker shade for hover effect */
}

.navbar-nav {
    justify-content: space-evenly;
    font-family: "Nunito-Regular";
    font-size: 20px;
    color: white;
    font-weight: bold;
    gap: 25px;
    padding-left: 40px;
}

.new-nav {
    justify-content: space-evenly;
    font-family: "Nunito-Regular";
    font-size: 20px;
    color: #84899a;
    font-weight: bold;
    gap: 60px;
    padding-left: 40px;
}

.nav-link {
    /* color: white !important; */
    font-weight: bold;
    transition: color 0.3s ease;
}

    .nav-link:hover {
        color: #d75880;
    }

.nav-link-other-page {
    color: #84899a;
    transition: color 0.3s ease;
}

    .nav-link-other-page :hover {
        color: #d75880;
    }

/* Header Styling */
header {
    position: absolute;
    /* Position header directly on top of the video */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    /* Keep the header above the video */
    background-color: transparent;
    /* Default transparent background */
    transition: background-color 0.3s ease;
    /* Smooth transition for background change */
}

    header.sticky {
        position: fixed;
        top: 0;
    }

        header.sticky .nav-link {
            color: #2f2f2f;
            /* Change the nav link color to #2f2f2f when sticky for contrast */
        }


/* Video Styling */
#myvideo {
    right: 0;
    min-width: 100%;
    max-height: 100%;
    object-fit: cover;
    z-index: -1;
    /* Keep the video behind the header */
}

.navbar-collapse.show .nav-link {
    color: #d75880 !important;
}

.navbar-collapse.show {
    background-color: #f3f6f7;
    padding: 10px;
    color: #84899a;
}

.content {
    position: absolute;
    z-index: 1;
    bottom: 0;
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
}



    .content h1 {
        font-weight: bold;
        font-size: 50px;
        text-shadow: #2f2f2f00047 2px 2px 2px;
        margin-left: 5px;
        color: white;
        font-family: 'PTSans-Bold';
        line-height: 55px;
        margin-bottom: 12px;
    }

    .content p {
        font-family: "Nunito-Regular";
        /* font-weight: bold; */
        text-shadow: #2f2f2f00059 2px 2px 2px;
        font-size: 22px;
        line-height: 25px;
        margin-left: 5px;
        color: white;
        font-weight: normal;
        line-height: 25px;
    }

/* Make the header sticky */
header {
    position: fixed;
    top: 0;
    z-index: 999;
    background-color: transparent;
    transition: background-color 0.3s ease;
    /* smooth transition for background color */
    color: #ffffff;
}

    /* Add a background color when the header becomes sticky */
    header.sticky {
        background-color: #f3f6f7;
        /* You can replace this color with any color you prefer */
    }

        /* Optional: Change navbar items color when sticky */
        header.sticky .nav-link {
            color: #84899a;
        }

            header .sticky .nav-link :hover {
                color: #d75880 !important;
            }

    header .nav-link {
        color: white;
        /* Default color */
    }

    header .nav-link-other-page {
        color: #84899a;
        /* Default color */
    }

    header .sticky .nav-link-other-page {
        color: #84899a;
        /* Default color */
    }




.blog-banner {
    background: url(../images/new-website/BackgroundImage3.png);
    height: auto;
    padding-top: 180px;
    background-position: bottom;
    background-size: cover;
    padding-bottom: 0px;
}

.contact-banner {
    background: url(../images/new-website/OtherPageBg.png);
    background-position: bottom;
}

.privacy-banner {
    background-image: url(../images/new-website/PinkBg.svg);
    background-position: bottom;
    padding: 180px 0px;
    background-size: cover;
}

.about-us-banner-bg {
    background: url(../images/new-website/BackgroundImageAbotuUsPage.png);
    height: auto;
    padding-top: 180px;
    /*background-position: bottom;*/
    background-size: cover;
}

.main-title h1 {
    font-size: 39px !important;
}

.abouts-us {
    background: url(../images/shape-cut.png);
    padding: 104px 0px 105px;
    background-size: cover;
    background-repeat: no-repeat;
}

.left-sidecontent {
    /*margin-top: 60px*/
    display: flex;
    align-items: center;
}

    .left-sidecontent h1 {
        font-size: 31px;
    }

        .left-sidecontent h1 span {
            color: #D75880;
        }

.left-sidecontent-description {
    font-size: 15px !important;
    /* line-height: 37.74px; */
    color: #2f2f2f;
    margin: 0;
    font-weight: 400;
}

.Our-Philosophy {
    background-color: #fff;
}

.partner-withus-banner {
    background: url(../images/new-website/OtherPageBg.png);
    height: auto;
    padding-top: 180px;
    background-position: bottom;
    background-size: cover;
    background-color: #ffffff;
}

.font-weight-bold {
    color: #2f2f2f;
}

.text-muted {
    font-family: 'Nunito-Regular';
    font-size: 20px;
}

.font-weight-bold-title {
    font-size: 25px;
}

.blog-detail-banner {
    background: url(../images/new-website/OtherBlogDetailPageBg.png);
    padding-top: 180px;
    padding-bottom: 40px;
    background-position: bottom;
    background-size: cover;
}

.career-page-right-side-content {
    /*background-color: #ffffff;
    box-shadow: 1px 1px 4px grey;*/
    height: auto;
    width: 100%;
    border-radius: 10px;
    padding: 10px 20px
}

.wave-paddding-career {
    padding: 110px 0px;
}

.career-page-right-side-content-title {
    font-size: 27px;
    font-family: 'PTSans-Bold';
    color: #2f2f2f;
    font-weight: 600;
}

.career-page-right-side-content-text {
    font-size: 18px;
    line-height: normal;
    padding-top: 10px
}

.career-page-before-footer {
    background-image: url(../images/new-website/CareerPage-BeforeFooterBgImageWave.png);
    background-size: cover;
    padding: 34px 0px;
    z-index: 1;
}

.before-footer-main-title {
    font-size: 40px;
    font-family: 'PTSans-Bold';
    font-weight: 600;
    text-align: center;
    line-height: normal;
    color: #fff;
}

    .before-footer-main-title span {
        font-weight: normal;
        font-family: 'PTSans-Regular';
    }
/*.white-button {
    padding: 7px 16px;
    border-radius: 30px;
    width: auto;
    background-color: white;
    color: #d75880;
    border: transparent;
    font-family: "Nunito-Regular";
    font-weight: bold;
    transition: background-color 0.3sease;
    font-size: 14px;
}*/

.blog-detail-title h1 {
    text-align: center;
    font-family: Nunito-Regular !important;
    font-weight: 600;
    padding-top: 40px;
}

.button {
    text-align: center;
    padding-top: 20px;
}

.white-button:hover {
    color: #d75880;
}

.career-form-container {
    background-color: #ffffff;
    border-radius: 30px;
    height: auto;
    width: 100%;
    margin-top: 30px
}

.career-form-main-title,
.contact-form-titile {
    font-family: 'PTSans-Bold';
    font-weight: 600;
    font-size: 32px;
    color: #2f2f2f;
}

.career-form-rightside {
    padding: 14px 22px;
}

.blog-detail-content {
    padding: 30px 0px;
}

    .blog-detail-content ul {
        list-style-type: disc;
    }

.blod-detail-button {
    text-align: center;
}

.blod-detail-button {
    margin-top: 20px;
}

.main-title h1 {
    color: #d75880;
}

.sub-title p {
    font-size: 18px;
    line-height: normal;
}

.about-us-banner-text {
    margin-top: 5px;
}

.sub-title h2 {
    font-size: 25px;
    margin-top: 20px;
    color: #2f2f2f;
    line-height: normal;
}



.sub-title {
    font-size: 25px;
    font-weight: normal;
}

.advice-by {
    font-size: 25px;
    color: #2f2f2f;
}

.advice-by-name {
    font-size: 25px;
    font-weight: 600;
    color: #2f2f2f;
}

.button-readmore-div {
    display: flex;
    flex-direction: column-reverse;
}

.adivce-div {
    line-height: 37.74px;
}

.blog-image img {
    border-radius: 30px;
}

.container {
    max-width: 80%;
}

.bottom-content {
    padding-top: 40px;
}

.card-text {
    line-height: normal;
    font-size: 18px;
}

.text-white {
    font-size: 25px !important;
}

.blog-card {
    border-radius: 30px;
    border: 3px solid #d75880;
    background-color: none !important;
}


    .blog-card img {
        border-radius: 30px;
    }

.blog-link a:hover {
    color: #2f2f2f;
}

.blog-title {
    color: #2f2f2f;
    font-weight: 600;
    font-size: 22px;
}

.blog-button {
    padding: 10px;
    border-radius: 30px;
    height: 36px;
    width: 135px;
    background-color: #d75880;
    color: white;
    border: transparent;
    font-family: "Nunito-Regular";
    font-weight: bold;
    transition: background-color 0.3sease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.left-side .top,
.bottom {
    font-size: 20px;
    font-weight: 600
}

.right {
    align-items: flex-end;
    text-align: end;
    margin: auto;
}

.scroller {
    padding-top: 30px;
}

.scroller__inner {
    padding-block: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.scroller[data-animated="true"] {
    overflow: hidden;
    -webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
    mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}

    .scroller[data-animated="true"] .scroller__inner {
        width: max-content;
        flex-wrap: nowrap;
        animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;
    }

.scroller[data-direction="right"] {
    --_animation-direction: reverse;
}

.scroller[data-direction="left"] {
    --_animation-direction: forwards;
}

.scroller[data-speed="fast"] {
    --_animation-duration: 20s;
}

.scroller[data-speed="slow"] {
    --_animation-duration: 60s;
}

@keyframes scroll {
    to {
        transform: translate(calc(-50% - 0.5rem));
    }
}

.tag-list {
    margin: 0;
    padding-inline: 0;
    list-style: none;
}


/* for testing purposed to ensure the animation lined up correctly */
.test {
    background: red !important;
}

.bottom-scroller {
    padding-top: 0px;
}

.subscribe-newletter {
    background-image: url(../images/new-website/IndexBeforeFooterImage.png);
    background-size: cover;
    padding: 0px 0px 30px;
}

.subtitile {
    text-align: center;
}

.email-input input[type="email"] {
    width: 70%;
    padding: 10px;
    border-radius: 10px;
    border: 2px solid #fff;
    background-color: transparent;
    font-weight: bold;
    color: #fff;
}

    .email-input input[type="email"]::placeholder {
        color: #fff;
        /* Sets placeholder text color to white */
    }

    .email-input input[type="email"]:focus {
        outline: none;
        /* Removes the default focus outline */
        border: 2px solid #fff;
        /* Keeps the border color white on focus */
    }

.email-input {
    padding-top: 30px;
}

.subscribe-button {
    padding-top: 20px;
}

.get-our-app-content {
    padding-top: 30px;
}

    .get-our-app-content li {
        padding-top: 10px;
    }

    .get-our-app-content .icon {
        height: 50px;
        width: 50px;
        background-color: #fbeef5;
        border-radius: 50%;
        text-align: center;
    }

    .get-our-app-content .icon-content {
        display: flex;
    }


.get-our-app-text {
    display: flex;
    align-items: center;
    padding-left: 13px;
}

    .get-our-app-text h2 {
        color: #2f2f2f;
        font-weight: 600;
        font-size: 25px
    }

.app-bottom-content {
    padding-top: 20px;
    justify-content: space-around;
    padding-left: 15px;
    padding-bottom: 20px;
}

.qr-code {
    height: 150px;
    width: 150px;
    align-items: center;
    display: flex;
    justify-content: center;
}

    .qr-code img {
        height: 170px;
        width: 140px;
    }

.Partner-with-us-card img {
    height: auto;
    width: 80px;
}

.mobilelogo {
    display: none;
}

.Sick-Pet-Care-Diagnostic-Services .card-text {
    display: none;
}

.Mobile-Screen-Footer-Menu .accordion-button {
    background: transparent;
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    padding-left: 0px;
    font-size: 18px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
}



    .Mobile-Screen-Footer-Menu .accordion-button:not(.collapsed) {
        border-bottom: 0px;
        /* background: transparent; */

        color: #fff;
        font-weight: bold;
        font-size: 19px;
    }

.Mobile-Screen-Footer-Menu .accordion {
    margin-top: 20px;
}

.Mobile-Screen-Footer-Menu .accordion-button::after {
    content: "";
    border-style: solid;
    border-width: 2px 2px 0 0;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 10%;
    transform: rotate(135deg) translateY(-50%);
    transition: transform 0.3s ease-in-out;
    height: 12px;
    width: 12px;
    color: #fff;
    background-image: none !important;
}

.Mobile-Screen-Footer-Menu .accordion-body > ul > li a {
    color: #fff;
}

.Mobile-Screen-Footer-Menu .accordion-body {
    padding-left: 10px;
    padding-top: 6px;
}

.Desktop-NewsLetter {
    padding-top: 100px !important;
}

.Get-Our-App-Content-Right {
    padding-top: 100px;
}

.Contact-us-GetOur-App-Bg {
    background-image: url(../images/new-website/IndexBeforeFooterImageTemp.png);
    /* height: 1058px; */
    background-size: cover;
    padding-bottom: 30px;
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
}

video::-webkit-media-controls {
    display: none;
}

.mobilescreen-ourvalues-card img {
    height: auto;
    width: 30%;
}

.store {
    height: 70px;
    width: 260px;
    border: 1px solid #2f2f2f;
    border-radius: 10px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    padding: 10px;
}

    .store img {
        height: 50px;
        width: auto;
    }

.faq-drawer__content .faq-content {
    /* padding-left: 38px; */
    font-family: 'Nunito-Regular';
    font-size: 14px;
    padding: 9px 21px;
}

.store-top-text {
    font-size: 19px;
    font-weight: bold;
    color: #2f2f2f;
}

.store-bottom-text {
    font-size: 25px;
    font-weight: bold;
    color: #2f2f2f;
}


/* Zumigo Pass */
.zumigo_pass {
    text-align: center;
}

    .zumigo_pass h1 {
        font-family: 'PTSans-Bold';
        color: #d75880;
    }

    .zumigo_pass p {
        font-family: 'Nunito-Regular';
        color: #848999;
        line-height: 24.74px;
        font-weight: bold;
        padding-top: 10px;
    }

    .zumigo_pass span {
        font-family: 'Nunito-Regular';
        color: #d75880;
    }

    .zumigo_pass img {
        align-items: center;
        justify-content: center;
    }

    .zumigo_pass h3 {
        padding-top: 20px;
        font-family: 'Nunito-Regular';
        font-weight: bold;
        font-size: 25px;
    }

.getpass {
    padding-top: 40px;
}



/* Home Page Testimonials Section Style */
.testimonials_section {
    background-image: url(../images/new-website/BackgroundImageGetOurAppGrey.png);
    background-size: cover;
    padding: 120px 0px;
}

    .testimonials_section .testimonials_heading_content h6 {
        color: var(--e-global-color-secondary);
    }

    .testimonials_section .testimonials_heading_content h2 {
        color: var(--e-global-color-primary);
        margin-bottom: 18px;
        padding-right: 25px;
    }

    .testimonials_section .testimonials_content .paragraph {
        font-weight: 600;
        line-height: normal;
        color: #d75880;
        margin-bottom: 20px;
        padding: 20px 0px;
        font-size: 25px;
        min-height: 270px;
    }

    .testimonials_section .testimonials_content h3 {
        color: #d75880;
        margin-bottom: 0;
        line-height: 26px;
        font-size: 32px;
    }

    .testimonials_section .testimonials_content p {
        color: var(--e-global-color-dark-grayish-violet);
        margin-bottom: 28px;
        font-size: 25px;
    }

    .testimonials_section .testimonials_content ul {
        margin-bottom: 6px;
    }

        .testimonials_section .testimonials_content ul li {
            display: inline-block;
            margin-right: 2px;
        }

            .testimonials_section .testimonials_content ul li i {
                color: var(--e-global-color-secondary);
                font-size: 12px;
                line-height: 12px;
            }

.owl-stage-outer {
    background-color: #fff;
    border-radius: 30px;
}

.testimonials_content {
    width: auto;
    padding: 20px;
    text-align: center;
}

.testimonail-star-image1 {
    position: absolute;
    height: auto;
    width: 100.75px;
    top: 67%;
    left: 12%;
    rotate: 148.48deg;
}

.testimonail-star-image2 {
    position: absolute;
    height: auto;
    width: 100.75px;
    top: 26%;
    right: 52%;
    rotate: 148.48deg;
}


.testimonials_section .owl-carousel .owl-nav {
    display: block !important;
    margin-top: 0;
    text-align: left;
}

    .testimonials_section .owl-carousel .owl-nav button.owl-prev {
        width: 54px;
        height: 54px;
        line-height: 54px;
        border-radius: 100px;
        margin: 0 5px 0 0;
        background-color: var(--e-global-color-primary);
        transition: all 0.3s ease-in-out;
    }

        .testimonials_section .owl-carousel .owl-nav button.owl-prev:hover {
            background-color: var(--e-global-color-accent);
        }

    .testimonials_section .owl-carousel .owl-nav button.owl-next {
        width: 54px;
        height: 54px;
        line-height: 54px;
        border-radius: 100px;
        margin: 0 0 0 5px;
        background-color: var(--e-global-color-primary);
        transition: all 0.3s ease-in-out;
    }

        .testimonials_section .owl-carousel .owl-nav button.owl-next:hover {
            background-color: var(--e-global-color-accent);
        }

    .testimonials_section .owl-carousel .owl-nav button:focus {
        outline: none;
    }

.testimonials_section .testimonial-subtitle {
    font-family: Nunito-Regular;
    font-size: 40px;
    color: #2f2f2f;
    font-weight: 600
}

.testimoanil-underline {
    position: relative;
    bottom: 14px;
    left: 27%;
}

.about-underline {
    position: relative;
    bottom: 3px;
    left: 64%;
}

.owl-dots {
    text-align: center;
    margin-top: 15px;
}

.owl-dot {
    width: 12px;
    height: 12px;
    margin: 5px;
    background: #d65880;
    border-radius: 50%;
    display: inline-block;
    transition: background 0.3s ease;
}

    .owl-dot.active {
        background: #d65880;
        width: 14px;
        height: 14px;
    }

.owl-dots {
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translateX(-50%);
}

.position-absolute {
    position: absolute !important;
}

.mobile-app-image {
    height: 680px;
    width: auto;
}




/* Heading */
.heading {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f7f7f7;
    padding: 5px 15px;
    font-size: 20px;
    color: #ff4a78;
    border-radius: 10px;
}

    .heading h1 {
        font-weight: bold;
        color: #d75880;
        font-family: "PTSans-Bold";
    }

/* Dots */
.dot {
    width: 25px;
    height: 25px;
    background-color: #d6407f;
    border-radius: 50%;
    position: absolute;
    top: 0%;
    transform: translateY(-50%);
}

.dot-left {
    left: 360px;
    z-index: 100
}

.dot-right {
    right: 360px;
    z-index: 100
}

.petimg {
    /*z-index: -3;*/
    margin-left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .petimg img {
        /*height: 350px;
        width: 480px;*/
        /*margin-top: 50px;*/
        align-items: center;
        display: flex
    }


.image-class {
    display: flex;
    align-items: center;
    justify-content: center;
}


.steps {
    padding-top: 20px;
    border-radius: 10px;
    max-width: 600px;
}

.step {
    display: flex;
    align-items: center;
    margin-bottom: 31px;
}

.step2 {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.step3 {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.step,
.step2,
.step3,
.petimg img {
    cursor: pointer;
}


.number1 {
    min-width: 60px;
    height: 60px;
    background-color: #838999;
    color: white;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 35%;
    margin-right: 15px;
}






.grey-wave-bg {
    background-image: url(../images/new-website/HowItWorksBg.png);
    background-size: cover;
    background-position: bottom;
    padding-bottom: 100px;
}

.grey-wave-bg-top {
    background-image: url(../images/new-website/HowItWorksBg.png);
    background-size: cover;
    background-position: top;
    padding-bottom: 70px;
    padding-top: 70px;
    background-repeat: no-repeat;
}

.benefits-for-pets {
    background-image: url(../images/new-website/BenefitsBg.png);
    background-size: cover;
    padding: 100px 0px;
}

.text1 strong {
    font-family: 'Nunito-Regular';
    font-size: 24px;
}

.text span {
    font-size: 18px;
    display: block;
}

.step,
.step2,
.step3 {
    transition: opacity 0.5s ease-in-out;
}

.petimg img {
    transition: opacity 0.5s ease-in-out;
    height: auto;
    width: 75%;
}

.active-step .number1,
.active-step .number2,
.active-step .number3 {
    background-color: #d65880 !important;
    /* Same as Step 1 */
    color: white;
}

/*footer*/
.footer {
    background-color: #84899a;
    height: auto;
    padding: 35px 0px 20px 0px;
}

.support,
.services,
.company,
.support h3,
.services h3,
.company h3,
.support ul,
.services ul,
.company ul {
    color: white;
}


    .support a,
    .services a,
    .company a {
        color: white;
    }

    .support ul,
    .services ul,
    .company ul {
        padding-top: 20px;
    }

.footer-logo img {
    width: 200px;
    height: auto;
}

.footer-logo {
    text-align: start;
}

.footer-slogan {
    font-size: 16px;
    font-weight: 700;
    margin: 3px 0 10px;
    /* text-transform: uppercase;*/
    color: #fff;
}

.footer-get-app .get-fromplaystore {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
}

.social-icon {
    display: flex;
    float: right;
}

    .social-icon i {
        display: flex;
        width: 46px;
        justify-content: center;
        align-items: center;
        /*border-radius: 51%;*/
        font-size: 18px;
        color: white;
        padding: 0;
        /*background-color: #ffffff;*/
        /*border: 2px solid #fd5262;*/
    }

.footer-bottom-copyright {
    border-top: 2px solid white;
    margin-top: 20px;
}

.copyright-content {
    color: white;
    /*text-align: center;*/
}


.Services h1,
.Services h2 {
    text-align: center;
}

.veterinaryCare-title h1 {
    position: relative;
    bottom: 200px;
    left: 0px;
    color: #d75880;
    text-align: center;
}

.video-style {
    width: 100%;
    border-radius: 30px;
    border-right: 10px solid #d75880;
    border-bottom: 10px solid #d75880;
}

.HomePage-Service h1 {
    font-family: 'Nunito-Regular';
    color: #2f2f2f;
    font-weight: bold;
    text-align: center;
}

.Service-video-style {
    /*width: 100%;*/
    border-radius: 0px 50px 50px 0px;
    width: 790px;
    height: 445px;
    display: flex;
    align-items: center;
}

.newvideo-style {
    border-radius: 50px 0px 0px 50px;
    /*border-left: 10px solid #d75880;
    border-bottom: 10px solid #d75880;*/
    width: 790px;
    height: 445px;
    display: flex;
    align-items: center;
}

.our-values-card div h2 {
    font-size: 16px;
    font-weight: 600;
    color: #2f2f2f;
    margin-top: 15px;
    text-align: center;
    padding-bottom: 5px;
}

.our-values-card div p {
    font-size: 13.5px;
    color: #2f2f2f;
    line-height: normal;
}

.mt-30 {
    margin-top: 30px;
}

.pink {
    color: #d75880 !important;
}

.border-design {
    border-radius: 30px;
    border-right: 10px solid #d75880;
    border-bottom: 10px solid #d75880;
}

.our-values-card {
    background-color: #fff;
    border: 1px solid #BBBCB8;
    height: 185px;
    width: auto;
    border-radius: 30px;
    text-align: center;
    padding: 7px 15px;
}

.card-Philosophy {
    margin-top: 10px;
    height: auto;
    width: 100%;
    border-radius: 30px;
    text-align: center;
}

.Philosophy-Main-Div1 h3 {
    color: #2f2f2f !important;
    text-align: center;
    font-weight: normal;
    font-size: 21.5px;
    padding-top: 8px;
}




.Philosophy-Main-Div1 hr {
    border: 1.5px solid #d75880 !important;
    opacity: 1 !important;
    width: 214px !important;
    /* text-align: center; */
    display: block;
    margin: 0 auto 25px auto !important;
    /* padding-bottom: 12px; */
}

.card-Philosophy p {
    color: #2f2f2f;
    font-size: 15.5px;
    line-height: normal;
}

.bold-content {
    margin-top: 18px !important;
    font-size: 19px !important;
    color: #d75880 !important;
    font-weight: bold !important;
}

.learn-more {
    color: #d75880;
}


.how-itworktitle {
    text-align: center;
    color: #2f2f2f;
}

.how-itwork-tabbing-content {
    padding-top: 30px;
    background-color: #fff;
    border-radius: 20px;
    padding: 40px;
    margin-top: 30px;
    z-index: 9;
    /* position: relative; */
}

.Career-Page-bg {
    background-image: url(../images/new-website/CareerPageBg.png);
    background-size: cover;
}

.how-itwork-star1-top {
    position: absolute;
    height: 100px;
    width: 100px;
    rotate: 43.46deg;
    left: 101px;
    top: 132%;
}

.benefits-star1 {
    position: absolute;
    height: auto;
    width: 120px;
    rotate: -43deg;
    top: 514.6%;
    left: 3%;
}

.benefits-star2 {
    position: absolute;
    height: auto;
    width: 120px;
    rotate: 139deg;
    3top: 565.6%;
    right: 12%;
}

.how-itwork-star1-bottom {
    position: absolute;
    height: 100px;
    width: 100px;
    rotate: 162.68deg;
    right: 97px;
    top: 187%;
}

.service-circle-1 {
    height: 117.59px;
    width: 117.59px;
    position: absolute;
    rotate: 170.24deg;
    left: 110.93px;
    top: 212.9%;
    z-index: -1;
}

.server-content-home {
    align-items: center;
    padding: 0px 50px 0px 0px;
}

.service-circle-2 {
    height: 130.8px;
    width: 130.8px;
    position: absolute;
    rotate: 189.45deg;
    left: 95.2%;
    top: 300%;
}


.refferal-cricle-1 {
    position: absolute;
    height: 170px;
    width: 170px;
    left: -74px;
    rotate: 65.96deg;
    bottom: -340px;
    top: 800px;
}

.refferal-cricle-2 {
    position: absolute;
    height: 170px;
    width: 170px;
    right: -86px;
    rotate: 224.23deg;
    bottom: -340px;
    top: 1100px;
}

.service-Baner-text p {
    color: #2f2f2f !important;
}

.Service-Section2 {
    background-image: url(../images/new-website/Service-BannerSection2.png);
    padding: 60px 0px 120px;
    background-position: top;
    background-size: cover
}

.veterinary-section {
    display: flex;
    justify-content: center;
}

.veterinary-section-shape1 {
    position: absolute;
    height: 209.95px;
    width: 209.95px;
    rotate: 309.07deg;
    left: -56px;
    top: 235%
}

.partner-withus-star1-top {
    position: absolute;
    height: 100px;
    width: 100px;
    rotate: 43.46deg;
    left: 101px;
    top: 106%;
}

.partner-withus-star1-bottom {
    position: absolute;
    height: 100px;
    width: 100px;
    rotate: 133.53deg;
    right: 105px;
    top: 156%;
}

.aboutus-left-side-content-top {
    font-size: 18.5px;
    margin-top: 5px;
    color: #2f2f2f;
    font-weight: 600;
    line-height: normal;
    word-break: break-word;
}

.AboutUs-before-footer-image {
    text-align: center;
    height: auto;
    display: flex;
    justify-content: center;
}

    .AboutUs-before-footer-image img {
        height: auto;
        width: 60%;
    }

/*Responsive code*/
@media (max-width: 768px) {

    /* Adjust breakpoint as needed */
    .before-footer-image {
        display: none;
    }

    .sub-title p {
        font-size: 18px;
        line-height: normal;
    }

    .email-input input[type="email"] {
        width: 100%;
        padding: 8px;
        border-radius: 10px;
        border: 2px solid #84899a;
        font-size: 15px;
        font-weight: bold;
    }

    .get-our-app-text h2 {
        color: #2f2f2f;
        font-weight: 600;
        font-size: 16px;
    }

    .qr-code {
        height: 60px;
        width: 60px;
        align-items: center;
        display: flex;
        justify-content: center;
    }

        .qr-code img {
            height: auto;
            width: 200%;
        }

    .app-bottom-content {
        padding-top: 20px;
        justify-content: flex-start;
        padding-left: 0px;
        padding-bottom: 20px;
    }

    .store img {
        height: 39px;
        width: auto;
    }

    .store-bottom-text {
        font-size: 20px;
        font-weight: bold;
        color: #2f2f2f;
    }

    .faq-drawer__content .faq-content {
        /* padding-left: 38px; */
        font-family: 'Nunito-Regular';
        font-size: 14px;
        padding: 9px 21px;
    }

    .store-top-text {
        font-size: 15px;
        font-weight: bold;
        color: #2f2f2f;
    }

    .store {
        height: 57px;
        width: 203px;
        border: 1px solid #2f2f2f;
        border-radius: 10px;
        margin-bottom: 5px;
        display: flex;
        align-items: center;
        padding: 10px;
    }

    .card-Philosophy {
        margin-top: 0;
        background-color: #fae8f100 !important;
        height: auto;
        width: 100%;
        border-radius: 30px;
        /* border-right: 10px solid #d75880; */
        /* border-bottom: 10px solid #d75880; */
        padding: 3px 20px 20px 10px !important;
        border: 0 !important;
    }
        /*.card-Philosophy {
        margin-top: 30px;
        background-color: #fae8f1;
        height: auto;
        width: 100%;
        border-radius: 30px;
        border-right: 10px solid #d75880;
        border-bottom: 10px solid #d75880;
        padding: 20px 20px 20px 20px;
    }*/

        .card-Philosophy p {
            color: #d75880;
            font-size: 16px;
        }

    .bold-content {
        margin-top: 20px;
        font-size: 20px;
        color: #d75880;
        font-weight: 600;
        text-align: start;
    }

    .mt-70 {
        margin-top: 70px;
    }

    .AboutUsBeforeFooterImage {
        display: none;
    }

    .left-side-content {
        padding-bottom: 20px;
    }

    h1 {
        font-family: 'PTSans-Bold';
        font-size: 25px;
        font-weight: 600;
        color: #2f2f2f;
    }

    h2 {
        font-family: 'Nunito-Regular';
        font-size: 20px;
        color: #84899a;
    }

    h3 {
        font-family: 'Nunito-Regular';
        font-size: 16px;
        font-weight: 600;
    }

    .join-our-team-samllcontent {
        font-size: 25px
    }

    .left-side .top,
    .bottom {
        font-size: 16px;
        font-weight: 600;
    }

    .blog-button {
        padding: 10px;
        border-radius: 30px;
        height: 36px;
        width: 135px;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: "Nunito-Regular";
        font-weight: bold;
        transition: background-color 0.3s ease;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mycolor {
        font-size: 20px;
        line-height: normal;
    }

    p {
        font-size: 16px;
    }

    .Diagnostic-card {
        /* min-height: 290px; */
        /*background-color:white;
        box-shadow:2px 2px 2px grey;*/
        padding: 16px;
        border-radius: 23px;
        border: 3px solid #BBBCB8;
        display: flex;
        flex-direction: column;
    }

    .testimonials_section .testimonials_content .paragraph {
        font-weight: 400;
        line-height: 16px;
        color: #d75880;
        margin-bottom: 20px;
        padding: 10px 0px;
        font-size: 15px;
    }

    .testimonials_section .testimonials_content h3 {
        color: #d75880;
        margin-bottom: 0;
        line-height: 22px;
        font-size: 22px;
    }

    .testimonials_section .testimonials_content p {
        color: var(--e-global-color-dark-grayish-violet);
        margin-bottom: 0px;
        font-size: 14px;
    }

    .testimonials_section .testimonial-subtitle {
        font-family: Nunito-Regular;
        font-size: 28px;
        color: #2f2f2f;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .testimoanil-underline {
        position: relative;
        bottom: 7px !important;
        left: 20% !important;
        display: block !important;
    }

    .Career-Page-bg {
        background-image: url(assets/images/new-website/CareerPageBg.png);
        background-size: cover;
    }

    /* .testimonials_content {
        margin-top: 20px;
    } */

    .Get-App-Button {
        padding: 7px 10px 10px;
        border-radius: 30px;
        height: 38px;
        width: 170px;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: "Nunito-Regular";
        font-weight: bold;
        transition: background-color 0.3sease;
        font-size: 17px;
    }

    .AboutUs-before-footer {
        background: #d75880;
    }

    .Our-philosophy-image {
        display: none;
    }

    .left-side-content {
        text-align: center;
    }

    .aboutus-left-side-content-top {
        font-size: 20px;
        margin-top: 25px;
        color: #d65880;
        font-weight: 600;
        line-height: normal;
    }
}

@media screen and (min-width: 1300px) {

    .why-should-you-partner-title {
        font-size: 22px !important
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

    .testimonials_section .testimonials_content .paragraph {
        font-weight: 400;
        line-height: 16px;
        color: #d75880;
        margin-bottom: 20px;
        padding: 10px 0px;
        font-size: 15px;
    }

    .testimonials_section .testimonials_content h3 {
        color: #d75880;
        margin-bottom: 0;
        line-height: 22px;
        font-size: 22px;
    }

    .testimonials_section .testimonials_content p {
        color: var(--e-global-color-dark-grayish-violet);
        margin-bottom: 0px;
        font-size: 16px;
    }

    .testimonials_section .testimonial-subtitle {
        font-family: Nunito-Regular;
        font-size: 28px;
        color: #2f2f2f;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .testimoanil-underline {
        display: none
    }

    .Get-App-Button {
        padding: 7px 10px 10px;
        border-radius: 30px;
        height: 38px;
        width: 170px;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: "Nunito-Regular";
        font-weight: bold;
        transition: background-color 0.3sease;
        font-size: 17px;
    }

    .Our-philosophy-image {
        display: none;
    }

    .left-side-content {
        text-align: end;
    }

    .bold-content {
        margin-top: 20px;
        font-size: 20px;
        color: #d75880;
        font-weight: 600;
        text-align: left;
    }

    .aboutus-left-side-content-top {
        font-size: 25px;
        margin-top: 25px;
        color: #d65880;
        font-weight: 600;
        line-height: normal;
    }

    .zumigo_pass h3 {
        padding-top: 20px;
        font-family: 'Nunito-Regular';
        font-weight: bold;
        font-size: 25px;
    }
}

@media (min-width: 1340px) and (max-width: 1730px) {

    .steps {
        border-radius: 10px;
        max-width: 530px;
    }

    .blog-slider__img {
        width: auto;
        flex-shrink: 0;
        height: 350px;
        border-radius: 20px;
        transform: translateX(-80px);
        overflow: hidden;
        position: relative;
        right: 190%;
    }

    .how-itworktitle {
        text-align: center;
        color: #2f2f2f;
        font-size: 40px;
    }

    .veterinaryCare-title h1 {
        position: relative;
        bottom: 200px;
        left: -85px;
        color: #d75880;
        text-align: center;
    }
}

@media (min-width: 1730px) and (max-width: 2120px) {


    .how-itworktitle {
        text-align: center;
        color: #2f2f2f;
        font-size: 50px
    }

    /*.image-class {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }*/

    .veterinaryCare-title h1 {
        position: relative;
        bottom: 200px;
        left: -150px;
        color: #d75880;
        text-align: center;
    }

    .grooming-title h1 {
        position: relative;
        bottom: 200px;
        left: -150px;
        color: #d75880;
        text-align: center;
    }
}

/*Reponsive code ends*/

.Veterinary-image {
    width: 100%;
    border-radius: 30px;
    border-right: 10px solid #d75880;
    border-bottom: 10px solid #d75880;
}



/*back to top Css*/
#button {
    display: inline-block;
    position: fixed;
    bottom: 30px;
    right: 30px;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    cursor: pointer;
}


    #button.show {
        opacity: 1;
        visibility: visible;
    }




.OuterBorderRippleAnimation {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.bdr-ripple-ani-btn {
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 100%;
    box-sizing: border-box;
    color: #666;
    animation: at-ripple 0.6s linear infinite;
    overflow: hidden;
}

.bdr-ripple-ani-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.bdr-ripple-ani-btn.pink {
    color: white;
    animation: at-ripple-pink 0.6s linear infinite;
}



@-webkit-keyframes at-ripple {
    0% {
        box-shadow: 0 4px 10px rgba(102, 102, 102, 0.1), 0 0 0 0 rgba(102, 102, 102, 0.1), 0 0 0 5px rgba(102, 102, 102, 0.1), 0 0 0 10px rgba(102, 102, 102, 0.1);
    }

    100% {
        box-shadow: 0 4px 10px rgba(102, 102, 102, 0.1), 0 0 0 5px rgba(102, 102, 102, 0.1), 0 0 0 10px rgba(102, 102, 102, 0.1), 0 0 0 20px rgba(102, 102, 102, 0);
    }
}

@keyframes at-ripple {
    0% {
        box-shadow: 0 4px 10px rgba(102, 102, 102, 0.1), 0 0 0 0 rgba(102, 102, 102, 0.1), 0 0 0 5px rgba(102, 102, 102, 0.1), 0 0 0 10px rgba(102, 102, 102, 0.1);
    }

    100% {
        box-shadow: 0 4px 10px rgba(102, 102, 102, 0.1), 0 0 0 5px rgba(102, 102, 102, 0.1), 0 0 0 10px rgba(102, 102, 102, 0.1), 0 0 0 20px rgba(102, 102, 102, 0);
    }
}

/* Pink Animate */
@-webkit-keyframes at-ripple-pink {
    0% {
        box-shadow: 0 4px 10px rgba(255, 65, 130, 0.1), 0 0 0 0 rgba(255, 65, 130, 0.1), 0 0 0 5px rgba(255, 65, 130, 0.1), 0 0 0 10px rgba(255, 65, 130, 0.1);
    }

    100% {
        box-shadow: 0 4px 10px rgba(255, 65, 130, 0.1), 0 0 0 5px rgba(255, 65, 130, 0.1), 0 0 0 10px rgba(255, 65, 130, 0.1), 0 0 0 20px rgba(255, 65, 130, 0);
    }
}

@keyframes at-ripple-pink {
    0% {
        box-shadow: 0 4px 10px rgba(255, 65, 130, 0.1), 0 0 0 0 rgba(255, 65, 130, 0.1), 0 0 0 5px rgba(255, 65, 130, 0.1), 0 0 0 10px rgba(255, 65, 130, 0.1);
    }

    100% {
        box-shadow: 0 4px 10px rgba(255, 65, 130, 0.1), 0 0 0 5px rgba(255, 65, 130, 0.1), 0 0 0 10px rgba(255, 65, 130, 0.1), 0 0 0 20px rgba(255, 65, 130, 0);
    }
}

/*Breed details Page Css Horizontal Scroll*/


.tab__btn button {
    background-color: transparent;
    border: none;
    gap: 8px;
    align-items: center;
}

.tabbing-navlink img {
    height: auto;
    width: 30px;
}

.tab__bar {
    position: relative;
    margin: 100px 10px 30px 10px;
}

.tab__navigation {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: fit-content;
    margin: 0 auto;
}

.tab__menu {
    color: var(--text-color);
    list-style: none;
    max-width: 800px;
    white-space: nowrap;
    scroll-behavior: smooth;
    user-select: none;
    overflow-x: auto;
    background-color: #d75880;
    padding: 5px;
    border-radius: 10px;
    justify-content: space-between;
}

    .tab__menu.dragging {
        scroll-behavior: unset;
        cursor: grab;
    }

        .tab__menu.dragging .tab-btn {
            pointer-events: none;
        }

    .tab__menu::-webkit-scrollbar {
        display: none;
    }


.tabbing-navlink {
    color: #fff;
    font-size: 17px !important;
    padding-left: 8px;
    display: flex;
}

.tab__btn:hover {
    color: #d75880;
    background-color: #fff;
}

.tab__btn.active {
    color: #d75880;
    background-color: #fff;
}

.left__btn,
.right__btn {
    position: absolute;
    color: var(--text-color);
    font-size: 1.8em;
    cursor: pointer;
}

    .left__btn svg,
    .right__btn svg {
        width: 60px;
        height: 33px;
        color: #d75880;
    }

        .left__btn svg path,
        .right__btn svg path {
            fill: #d75880;
        }

/*.left__btn {
    display: none;
    left: 556px;
    background: linear-gradient(to left, transparent, var(--first-color) 60%);
    padding: 10px 30px 10px 0;
    top: 8px;
}

.right__btn {
    right: 25px;
    top: 8px;
    background: linear-gradient(to right, transparent, var(--first-color) 60%);
    padding: 10px 0 10px 30px;
}*/

.tab__content {
    position: relative;
}

.tab {
    position: relative;
    width: 100%;
    padding: 15px 20px;
    display: none;
    animation: fadein .8s;
}
/*
    .tab.active {
        display: flex;
    }*/


.left-column,
.right-column {
    width: 50%;
    max-width: 500px;
}

.left-column {
    display: flex;
    align-items: center;
}

@keyframes fadein {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

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

.tab__btn.active {
    background-color: #fff;
    color: #d75880;
    border-radius: 10px;
    font-weight: 600;
}


    .tab__btn.active:hover {
        background-color: #fff;
        Keep it white color: #d75880;
        Keep the text color #d75880
    }


.tab__btn {
    background-color: transparent;
    color: #fff;
    border-radius: 10px;
}

    .tab__btn:hover {
        background-color: #fff;
        color: #d75880;
    }

.pink-image,
.white-image {
    display: none;
}


.tab__btn.active .pink-image {
    display: inline-block;
}


.tab__btn:not(.active) .white-image {
    display: inline-block;
}

Active tab styling
.tab__btn.active {
    background-color: #fff;
    color: #d75880;
    border-radius: 10px;
    font-weight: 600;
}

Inactive tab hover styles
.tab__btn:hover {
    background-color: #fff;
    color: #d75880;
}

.tab__btn {
    background-color: transparent;
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
    user-select: none;
    transition: background-color .3s ease;
    display: inline-block;
}

.pink-image,
.white-image {
    display: none;
}


.tab__btn.active .pink-image {
    display: inline-block;
}


.tab__btn:not(.active) .white-image {
    display: inline-block;
}

.tab__btn.active {
    background-color: #fff;
    color: #d75880;
    border-radius: 10px;
    font-weight: 600;
}


.tab__btn {
    background-color: transparent;
    color: #fff;
    Inactive text color border-radius: 10px;
    cursor: pointer;
    user-select: none;
    transition: background-color .3s ease;
    display: inline-block;
}


    .tab__btn:hover {
        background-color: #fff;
        color: #d75880;
    }


    .tab__btn.active:hover {
        background-color: #fff;
        color: #d75880;
    }


    .tab__btn.active .tabbing-navlink {
        color: #d75880;
    }


    .tab__btn:hover {
        background-color: #fff;
        color: #d75880;
    }

    .tab__btn button {
        background-color: transparent;
        border: none;
    }

.tab__bar {
    position: relative;
    margin: 100px 10px 30px 10px;
}

.tab__navigation {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: fit-content;
    margin: 0 auto;
}

.tab__menu {
    color: var(--text-color);
    list-style: none;
    max-width: 800px;
    white-space: nowrap;
    scroll-behavior: smooth;
    user-select: none;
    overflow-x: auto;
    background-color: #d75880;
    padding: 5px;
    border-radius: 10px;
    justify-content: space-between;
}

    .tab__menu.dragging {
        scroll-behavior: unset;
        cursor: grab;
    }

        .tab__menu.dragging .tab-btn {
            pointer-events: none;
        }

    .tab__menu::-webkit-scrollbar {
        display: none;
    }

.tab__btn {
    display: inline-block;
    color: var(--text-color);
    font-size: 1em;
    font-weight: 400;
    margin: 0 2px;
    border-radius: 10px;
    cursor: pointer;
    user-select: none;
    transition: background-color .3s ease;
}

.tabbing-navlink:hover {
    color: #d75880;
}

.tabbing-navlink {
    color: #fff;
    font-size: 17px !important;
    padding-left: 8px;
    display: flex;
}

.tab__btn:hover {
    color: #d75880;
    background-color: #fff;
}


/*Breed details Page Css Horizontal Scroll*/








/*partner with us*/
.Register-your-Business-Button {
    padding: 10px;
    border-radius: 30px;
    height: 50px;
    /*width: 170px;*/
    position: relative;
    gap: 20px;
    background-color: #d75880;
    color: white;
    border: transparent;
    font-family: "Nunito-Regular";
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.Register-your-Business:hover {
    background-color: beige
}

.box {
    background-color: #fae8f1;
    margin-top: 40px;
    align-items: center;
    justify-content: center;
    height: auto;
    border-radius: 30px;
    width: 100%;
}

.main-heading {
    text-align: center;
    padding-top: 15px;
}

    .main-heading h3 {
        font-size: 35px;
        font-family: 'PTSans-Bold';
        color: #2f2f2f;
    }

.sub-title1 {
    text-align: center;
    padding-top: 2px;
}

    .sub-title1 p {
        color: #d75880;
        font-family: 'Nunito-Regular';
        font-weight: 300;
    }

.document-list {
    list-style: none;
}

    .document-list li {
        display: flex;
        align-items: center;
        margin: 5px;
    }

.partner-withus-box h1 {
    font-size: 40px;
    color: #2f2f2f;
}

.partner-withus-box h2 {
    font-size: 28px;
    color: #2f2f2f;
    font-family: 'PTSans-Bold';
    font-weight: bold;
}

.partner-withus-box .samll-content {
    font-family: 'Nunito-Regular';
    font-size: 25px;
    padding-top: 30px;
}

.icon {
    width: 50px;
    /* Adjust icon container width */
    height: 50px;
    /* Adjust icon container height */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    /* Prevent shrinking */
}

    .icon img {
        width: 30px;
        /* Adjust icon size */
        height: 30px;
        ;
        /*padding-top: 10px;*/
        object-fit: contain;
        /* Ensures proper scaling */
    }

.text {
    font-size: 20px;
    color: #2f2f2f;
    padding-top: 10px;
    /*padding-left: 50px; /* Adjust spacing between icon and text */
    */
}

.partner-withus-content {
    padding: 30px 5px;
}

/*---*/


.partner-withuscard {
    /*background-color: #fae8f1 !important;*/
    border: none;
    min-height: 300px;
    padding: 25px;
    border-radius: 23px;
    /*box-shadow: 5px 5px 20px grey;*/
    display: flex;
    flex-direction: column;
}

.mycolor {
    color: #d65880;
    font-size: 22px;
}

.mr-auto {
    margin: auto;
}

.text-container {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    line-height: normal;
    margin-top: 10px;
    font-size: 18px;
}

.Food-Section {
    background-image: url(../images/new-website/Service-FoodSectionBg.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px 0px;
}

.Service-Page-Before-Footer {
    background-image: url(../images/new-website/ServiceBeforeFooterImage.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 0px;
}

.pt-20 {
    padding-top: 20px;
}


/*Partner WithUs Page Success Stories*/
.blog-slider {
    width: 75%;
    position: relative;
    margin: auto 0px 0px auto;
    border: 3px solid #d75880;
    padding: 25px;
    border-radius: 30px;
    transition: all .3s;
}

.blog-slider__item {
    display: flex;
    align-items: center;
}

/*@media screen and (max-width: 768px) {
    .blog-slider__item {
        flex-direction: column;
    }
}*/

.blog-slider__img {
    width: auto;
    flex-shrink: 0;
    height: 350px;
    border-radius: 20px;
    transform: translateX(-80px);
    overflow: hidden;
    position: relative;
    right: 190%;
}

    .blog-slider__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        border-radius: 20px;
        transition: all .3s;
    }

.threesteps-section {
    padding: 40px 0px !important;
}

.blog-slider__content {
    padding-right: 25px;
}

/*@media screen and (max-width: 768px) {
    .blog-slider__content {
        text-align: center;
        padding: 0 30px;
    }
}*/

.client {
    text-align: center;
}

.name {
    font-size: 32px;
    font-weight: normal;
    color: #d75880;
}

.cityname {
    font-size: 28px;
    font-weight: bold;
    color: #84899a;
}

/* Swiper Pagination */
.swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    display: block;
    border-radius: 10px;
    background: #062744;
    opacity: 0.2;
    transition: all .3s;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fd3838;
    height: 30px;
    box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3);
}

@media screen and (max-width: 768px) {
    .swiper-pagination-bullet-active {
        height: 11px;
        width: 30px;
    }
}

/* Position pagination dots in the bottom right corner */
.swiper-pagination {
    position: absolute;
    bottom: 10px;
    right: 20px;
    /* Adjust as needed */
    left: auto;
    /* Override default centering */
    width: auto;
}



.mt-10 {
    margin-top: 10px;
}

.contact-info a:hover {
    color: #d75880;
}

.contact-us-underline {
    position: absolute;
    top: 120px;
    left: 82%;
    height: auto;
    width: 140px;
}

.contact-info span {
    color: #d75880;
    font-weight: bold;
}

.contact-form-titile {
    font-family: 'PTSans-Bold';
    font-weight: 600;
    font-size: 32px;
    color: #2f2f2f;
}


.contact-us-form {
    padding: 15px 0px;
}

.contact-us-star1-top {
    position: absolute;
    height: 100px;
    width: 100px;
    rotate: 43.46deg;
    left: 101px;
    top: 129%;
}

.contact-us-star1-bottom {
    position: absolute;
    height: 100px;
    width: 100px;
    rotate: 133.53deg;
    right: 105px;
    top: 235%;
}



.form {
    padding-top: 25px;
}

.form-group input[type="email"],
.form-group input[type="text"],
.form-group input[type="tel"],
.form-group input[type="file"],
.form-group input[type="search"],
.form-group input[type="number"],
.form-group textarea,
.form-group select {
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #848A9A;
    font-size: 15px;
    font-weight: bold;
    color: #848A9A;
}

    .form-group select option {
        padding: 10px;
        font-size: 15px;
        font-weight: bold;
        background-color: white;
        color: #2f2f2f;
    }

.i-agree-content {
    display: flex;
}

    .i-agree-content p {
        font-size: 12px;
        padding-top: 0;
        padding-left: 5px;
    }

.career-form-shape1 {
    position: absolute;
    height: auto;
    width: 180px;
    right: 93.6%;
    rotate: 163deg;
    top: 175%;
}

.career-form-shape2 {
    position: absolute;
    height: auto;
    width: 180px;
    left: 93%;
    rotate: 294deg;
    top: 123%;
}

.pb-20 {
    padding-bottom: 20px
}

.pb-60 {
    padding-bottom: 60px;
}

.gy-2 {
    --vz-gutter-y: 0.5rem;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #84899a;
    outline: 0;
    box-shadow: none;
}

.image-pointer {
    cursor: pointer;
}


.Basic-Contact-info p {
    font-size: 16px;
}

.contact-info a {
    color: #d75880;
    font-weight: bold;
}


.referral-content {
    display: flex;
    padding-top: 30px;
    justify-content: center;
}

.referral-number {
    background-color: #d75880;
    color: #ffffff;
    padding: 5px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 25px;
    align-content: center;
    justify-content: center;
    display: flex;
    font-weight: 600
}

.referral-text {
    font-size: 25px;
    font-weight: 600;
    padding-left: 30px;
}


/*FAQ*/
.FAQ-Section {
    background-image: url(../images/new-website/BackgroundImageGetOurAppGrey.png);
    padding: 50px 0px 0px;
    background-size: cover;
}

.FAQ-Circle1 {
    position: absolute;
    height: 171px;
    width: 171px;
    rotate: 9.4deg;
    left: -6%;
    top: 115%;
}

.FAQ-Circle2 {
    position: absolute;
    height: 171px;
    width: 171px;
    rotate: 187.48deg;
    right: -80px;
    top: 190%;
}

.FAQ-Category {
    display: flex;
    align-items: center;
}

.FAQ-Category-Card {
    background-color: transparent;
    color: #2f2f2f !important;
    padding: 11px 15px;
    border-radius: 20px !important;
    border: 2px solid #848A9A !important;
}

    .FAQ-Category-Card.active {
        background-color: #848A9A !important;
        color: white !important;
        padding: 11px 15px;
        border-radius: 10px;
    }

.flex-column {
    gap: 10px
}


.FAQ-Category-Icon img:first-child {
    display: none;
    /* Hide white image by default */
}

.FAQ-Category-Card.active .FAQ-Category-Icon img:first-child {
    display: block;
    /* Show white image when active */
}

.FAQ-Category-Card.active .FAQ-Category-Icon img:last-child {
    display: none;
    /* Hide colored image when active */
}

.FAQ-Category-Name {
    font-size: 20px;
    padding-left: 60px
}

.heading-border-top:before {
    border-top: 3px solid #d75880;
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    top: 0;
    width: 60px;
    position: relative;
}

.heading-border-top {
    padding-bottom: 60px;
    text-align: center;
}

    .heading-border-top button {
        margin-top: 13px;
    }

.code-of-conduct-detail {
    background-color: white;
    border-radius: 30px;
    padding: 30px;
    margin-top: 30px;
}

.code-of-conduct-title {
    font-family: 'PTSans-Bold';
}

.code-of-conduct-star1 {
    position: absolute;
    height: auto;
    width: 128px;
    left: 6.9%;
    top: 105.5%;
    z-index: -1;
}

.code-of-conduct-star2 {
    position: absolute;
    height: auto;
    width: 128px;
    right: 6.3%;
    top: 273.5%;
    z-index: -1;
    rotate: 158.95deg;
}


.code-of-conduct-section {
    padding: 0px 0px 60px;
}

.privacy-policy h3 {
    color: #d75880;
}

.privacy-terms-shape1 {
    position: absolute;
    height: auto;
    width: 150px;
    rotate: 4.95deg;
    right: -6.7%;
    top: 225%;
}

.privacy-terms-shape2 {
    position: absolute;
    height: auto;
    width: 150px;
    rotate: 118.18deg;
    left: -5%;
    top: 275%;
}

.privacy-terms-shape3 {
    position: absolute;
    height: auto;
    width: 150px;
    rotate: 4.95deg;
    right: -6.7%;
    top: 525%;
}

.breedname-underline {
    position: absolute;
    left: 4%;
    height: auto;
    width: 12%;
    top: 55%;
}

.ribbon {
    background-color: #d75880;
    padding: 5px;
    border-radius: 10px;
    justify-content: space-between
}

/*.tabbing-navlink {
    color: #fff;
    font-size: 11px !important;
    padding-left: 8px;
    display: flex;
}

.tabbing-navlink img {
    height: auto;
    width: 15px;
}

.nav-pills .nav-link.active,
.nav-pills .show>.tabbing-navlink {
    color: #d75880;
    background-color: #fff;
}

.tabbing-navlink:hover {
    color: #fff;
}*/

.breedtabbing-content {
    border: 2px solid #D75880;
    padding: 0PX;
    border-radius: 13PX;
}

.breed-tabbing-text p {
    padding: 0px 20px 15px;
    line-height: normal;
    font-size: 20px;
}

.breed-detail-star1-bottom {
    position: absolute;
    height: 100px;
    width: 100px;
    rotate: 133.53deg;
    right: 105px;
    top: 177%;
}

/*.pink-image,
.white-image {
    display: none;
}*/

/* Show the white image by default */
/*.white-image {
    display: block;
}*/

/* When the button is active, hide the white image and show the pink image */
/*.nav-link.active .pink-image {
    display: block;
}

.nav-link.active .white-image {
    display: none;
}*/

.main-title h1 {
    justify-content: center;
    display: flex;
    text-align: center;
    align-items: center;
}

.search-box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
}

.search {
    width: 70%;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #BBBCB7;
    font-weight: bold;
    color: #838999;
}

.breed-table {
    display: flex;
    /* justify-content: center; */
    flex-wrap: wrap;
    margin-bottom: 30px;
    margin: 5px 18px;
    font-size: 19px;
    font-weight: 600;
    cursor: pointer;
}

    /*  .breed-table li {
        list-style: none;
        margin: 5px;
        font-size: 20px;
        font-weight: 600;
        cursor: pointer;
    }
*/
    /* Apply styles to the anchor tags */
    .breed-table a {
        color: #848A9A;
        /* Default color */
        text-decoration: none;
        /* Remove underline */
    }

        /* Hover effect on the anchor tags */
        .breed-table a:hover {
            color: #d75880;
            /* Color change on hover */





                        
        }

.Internal-Cat-Breed {
    padding: 180px 180px 10px;
}


.checkbox-container {
    position: relative;
    width: 70px;
    height: 0px;
    cursor: pointer;
}

.checkbox-img {
    position: absolute;
    width: 100%;
    height: auto;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
    padding-top: 10px;
}

    /* Hover effect */
    .checkbox-img:hover {
        transform: scale(1.7);
        /* Slight zoom effect */
        opacity: 0.8;
        /* Slight transparency */
        filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3));
        /* Glow effect */
    }

/* Paw Effect */
.paw {
    position: fixed;
    width: 300px;
    height: auto;
    opacity: 1;
    transform: scale(2) rotate(0deg);
    transition: transform 1s cubic-bezier(0.3, 1.5, 0.3, 1), opacity 0.5s ease-in-out;
    z-index: 9999;
    /* Ensures paw is above everything */
    pointer-events: none;
    /* Prevents it from blocking interactions */
}

/* Paw retreat effect */
.paw-exit {
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}

.contact-us-form .search-icon {
    left: 25%;
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #BBBCB8;
}

.breeddetail-beforefooter {
    display: flex;
    align-items: center;
    height: 400px;
}

.breed-subtitle {
    margin-top: 80px;
}







.blob-container {
    width: 125%;
    height: auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Blob mask applied only to the video */
.blob-mask {
    width: 100%;
    height: 100%;
    /*position: absolute;*/
    overflow: hidden;
    mask-image: url('../images/new-website/RectangleMaskingVideo.png');
    -webkit-mask-image: url('../images/new-website/RectangleMaskingVideo.png');
    mask-size: cover;
    -webkit-mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
}

/* Video inside the blob */
.blob-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Decorative Elements (Not Masked) */
.paw-icon,
.stars-icon,
.circles-icon {
    position: absolute;
    width: auto;
    /* Adjust size */
    height: auto;
    z-index: 2;
    /* Ensure they are above the blob */
}




.videomaskingimage {
    height: auto;
    width: 43%;
    position: absolute;
    top: 128px;
    right: 6px;
}


.get-our-app-text h2 {
    color: #2f2f2f;
    font-weight: 600;
    font-size: 19px;
}

.qr-code {
    height: auto;
    width: 116px;
    align-items: center;
    display: flex;
    justify-content: center;
}

    .qr-code img {
        height: auto;
        width: 150px;
    }

.app-bottom-content {
    padding-top: 20px;
    justify-content: start;
    padding-left: 15px;
    padding-bottom: 20px;
}

.store {
    height: 70px;
    width: 238px;
    border: 1px solid #848A9A;
    border-radius: 20px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    padding: 10px;
}

.faq-drawer__content .faq-content {
    /* padding-left: 38px; */
    font-family: 'Nunito-Regular';
    font-size: 14px;
    padding: 9px 21px;
}

.store-top-text {
    font-size: 19px;
    font-weight: normal;
    color: #848A9A;
}

.store-bottom-text {
    font-size: 25px;
    font-weight: bold;
    color: #848A9A;
    text-align: center;
}

.play-app-store {
    padding-left: 20px;
}

.store img {
    height: 42px;
    width: auto;
}

.get-our-app-content {
    padding-top: 0px;
}

.swiper-container {
    height: 100%;
    width: 100%;
    /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);*/
}


.swiper-image-inner {
    background-size: cover;
    background-position: center center;
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #d75880;
    background-blend-mode: overlay;
}

    .swiper-image-inner.swiper-image-left {
        padding: 4rem;
    }

.swiper-image-left {
    /*filter: sepia(100%);*/
    transition: all 1s linear;
    transition-delay: 1s;
}

.swiper-slide.swiper-slide-active .swiper-image-left {
    /*filter: sepia(0%);*/
}

.swiper-image-inner.swiper-image-right {
    /*filter: hue-rotate(-60deg);*/
    transition: all 1s linear;
    transition-delay: 1s;
    background-color: hsl(0deg 0% 100% / 0%);
    background-blend-mode: multiply;
}


h1 span.emphasis {
    font-weight: 700;
    font-style: italic;
    opacity: 0;
    transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.2s;
    transform: translate3d(-20%, 0, 0);
    display: inline-block;
}

/*h1 span:not(.emphasis) {
    font-size: 3.5rem;
}*/



.swiper-slide.swiper-slide-active .swiper-image-right {
    /*filter: hue-rotate(90deg);*/
}

.swiper-slide.swiper-slide-active h1,
.swiper-slide.swiper-slide-active p.paragraph,
.swiper-slide.swiper-slide-active h1 span.emphasis,
.swiper-slide.swiper-slide-active h1 + p {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

/*.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;*/
/*background-color: #d75880;*/
/*overflow: hidden;
    display: flex;
}*/
.homysl .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #d75880;
    overflow: hidden;
    display: flex;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

    .swiper-container-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-transition-property: -webkit-transform, height;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform, height;
    }

/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

    .swiper-button-prev.swiper-button-disabled,
    .swiper-button-next.swiper-button-disabled {
        opacity: 0.35;
        cursor: auto;
        pointer-events: none;
    }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}

    .swiper-button-prev.swiper-button-black,
    .swiper-container-rtl .swiper-button-next.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
    }

    .swiper-button-prev.swiper-button-white,
    .swiper-container-rtl .swiper-button-next.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}

    .swiper-button-next.swiper-button-black,
    .swiper-container-rtl .swiper-button-prev.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
    }

    .swiper-button-next.swiper-button-white,
    .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    }

/* Pagination Styles */
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0;
    }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}

/* Bullets */
.swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: #fff;
    opacity: 0.4;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #2f2f2f;
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 15px;
    bottom: 15px;
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 5px 0;
        display: block;
    }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}

/* Progress */
.swiper-pagination-progress {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

    .swiper-pagination-progress .swiper-pagination-progressbar {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
    }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.5);
}

    .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
        background: #fff;
    }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #2f2f2f;
}

/* 3D Container */
.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
}

    .swiper-container-3d .swiper-wrapper,
    .swiper-container-3d .swiper-slide,
    .swiper-container-3d .swiper-slide-shadow-left,
    .swiper-container-3d .swiper-slide-shadow-right,
    .swiper-container-3d .swiper-slide-shadow-top,
    .swiper-container-3d .swiper-slide-shadow-bottom,
    .swiper-container-3d .swiper-cube-shadow {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .swiper-container-3d .swiper-slide-shadow-left,
    .swiper-container-3d .swiper-slide-shadow-right,
    .swiper-container-3d .swiper-slide-shadow-top,
    .swiper-container-3d .swiper-slide-shadow-bottom {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10;
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
        /* Safari 4+, Chrome */
        background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Chrome 10+, Safari 5.1+, iOS 5+ */
        background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Firefox 3.6-15 */
        background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Opera 11.10-12.00 */
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Firefox 16+, IE10, Opera 12.50+ */
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
        /* Safari 4+, Chrome */
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Chrome 10+, Safari 5.1+, iOS 5+ */
        background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Firefox 3.6-15 */
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Opera 11.10-12.00 */
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Firefox 16+, IE10, Opera 12.50+ */
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
        /* Safari 4+, Chrome */
        background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Chrome 10+, Safari 5.1+, iOS 5+ */
        background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Firefox 3.6-15 */
        background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Opera 11.10-12.00 */
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Firefox 16+, IE10, Opera 12.50+ */
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
        /* Safari 4+, Chrome */
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Chrome 10+, Safari 5.1+, iOS 5+ */
        background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Firefox 3.6-15 */
        background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Opera 11.10-12.00 */
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        /* Firefox 16+, IE10, Opera 12.50+ */
    }

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    /* Windows 8 IE 10 fix */
    -ms-perspective: 1200px;
}

/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
    overflow: visible;
}

    .swiper-container-cube .swiper-slide,
    .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
    }

        .swiper-container-cube .swiper-slide .swiper-slide,
        .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none;
        }

    .swiper-container-cube .swiper-slide-active,
    .swiper-container-flip .swiper-slide-active,
    .swiper-container-cube .swiper-slide-active .swiper-slide-active,
    .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }

    .swiper-container-cube .swiper-slide-shadow-top,
    .swiper-container-flip .swiper-slide-shadow-top,
    .swiper-container-cube .swiper-slide-shadow-bottom,
    .swiper-container-flip .swiper-slide-shadow-bottom,
    .swiper-container-cube .swiper-slide-shadow-left,
    .swiper-container-flip .swiper-slide-shadow-left,
    .swiper-container-cube .swiper-slide-shadow-right,
    .swiper-container-flip .swiper-slide-shadow-right {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    /* Cube */
    .swiper-container-cube .swiper-slide {
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%;
    }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }

    .swiper-container-cube .swiper-slide-active,
    .swiper-container-cube .swiper-slide-next,
    .swiper-container-cube .swiper-slide-prev,
    .swiper-container-cube .swiper-slide-next + .swiper-slide {
        pointer-events: auto;
        visibility: visible;
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 100%;
        background: #2f2f2f;
        opacity: 0.6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0;
    }

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none;
    }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
}

    .swiper-zoom-container > img,
    .swiper-zoom-container > svg,
    .swiper-zoom-container > canvas {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

    .swiper-lazy-preloader:after {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        -webkit-background-size: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}



.swiper-image-two {
    background-image: url(assets/images/new-website/new-home/benifit-1.jpg);
}



.swiper-image-four {
    background-image: url(assets/images/new-website/new-home/benifit-2.jpg);
}


.swiper-image-six {
    background-image: url(assets/images/new-website/new-home/benifit-3.jpg);
}

.swiper-image-eight {
    background-image: url(assets/images/new-website/new-home/benifit-4.jpg);
}

.swiper-image {
    width: 60%;
    height: 100%;
}

.swiper-image-text {
    width: 40%;
    height: 100%;
}

.whitefonts {
    color: white;
}

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

.center {
    text-align: center;
}

.service-Baner {
    height: 620px;
    background-color: #fae8f1;
}

.mt-160 {
    margin-top: 160px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mycolor {
    color: #d65880;
}

.card-text {
    width: 50px;
    height: 50px;
    margin: auto;
    background-color: #fff;
    color: #d75880 !important;
    border-radius: 29px;
    border: 7px solid #d75880;
    /* padding: 6px; */
    margin-top: -40px;
}

    .card-text img {
        height: auto;
        width: 25px;
    }

@media (max-width: 360px) {
    .video-banner {
        height: 401px !important;
    }

    /* create the paw prints */
    .pad {
        width: 25px;
        height: 27px;
        background-color: #84899a;
        -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
        border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
        display: block;
        position: absolute;
    }

    .large {
        width: 45px;
        height: 55px;
        transform: rotate(91deg);
        left: 94px;
        top: 50px;
    }

    .small-1 {
        transform: rotate(50deg);
        left: 127px;
        top: 28px;
    }

    .small-2 {
        transform: rotate(65deg);
        left: 149px;
        top: 50px;
    }

    .small-3 {
        transform: rotate(98deg);
        position: absolute;
        left: 148px;
        top: 82px;
    }

    .small-4 {
        transform: rotate(140deg);
        position: absolute;
        left: 123px;
        top: 103px;
    }

    /* position and animate */

    .paw-print-1 {
        opacity: 0;
        position: absolute;
        left: -90px;
        top: 96%;
        transform: rotate(-40deg);
        -webkit-animation: walk 3s linear infinite;
        animation: /*keyframe*/ walk /*duration*/ 3s /*transition*/ linear /*repeat*/ infinite;
    }

    .paw-print-2 {
        opacity: 0;
        left: -49px;
        top: 78%;
        transform: rotate(-53deg);
        -webkit-animation: walk 3s linear infinite 0.25s;
        animation: walk 3s linear infinite /*delay*/ 0.25s;
    }

    .paw-print-3 {
        opacity: 0;
        position: absolute;
        left: 78px;
        top: 64%;
        transform: rotate(-56deg);
        -webkit-animation: walk 3s linear infinite 0.5s;
        animation: walk 3s linear infinite 0.5s;
    }

    .paw-print-4 {
        opacity: 0;
        position: absolute;
        left: 30px;
        top: 38%;
        transform: rotate(-49deg);
        -webkit-animation: walk 3s linear infinite 0.75s;
        animation: walk 3s linear infinite 0.75s;
    }

    .paw-print-5 {
        opacity: 0;
        position: absolute;
        left: 142px;
        top: 9%;
        transform: rotate(-23deg);
        -webkit-animation: walk 3s linear infinite 1s;
        animation: walk 3s linear infinite 1s;
    }

    .paw-print-6 {
        opacity: 0;
        position: absolute;
        left: 750px;
        top: 200px;
        transform: rotate(10deg);
        -webkit-animation: walk 3s linear infinite 1.25s;
        animation: walk 3s linear infinite 1.25s;
    }

    .paw-print-7 {
        opacity: 0;
        position: absolute;
        left: 950px;
        top: 50px;
        transform: rotate(20deg);
        -webkit-animation: walk 3s linear infinite 1.5s;
        animation: walk 3s linear infinite 1.5s;
    }

    .paw-print-8 {
        opacity: 0;
        position: absolute;
        left: 1025px;
        top: 250px;
        transform: rotate(10deg);
        -webkit-animation: walk 3s linear infinite 1.75s;
        animation: walk 3s linear infinite 1.75s;
    }
}

@media (max-width: 390px) {
    .video-banner {
        height: 460px !important;
    }
    /* create the paw prints */
    .pad {
        width: 25px;
        height: 27px;
        background-color: #84899a;
        -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
        border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
        display: block;
        position: absolute;
    }

    .large {
        width: 45px;
        height: 55px;
        transform: rotate(91deg);
        left: 94px;
        top: 50px;
    }

    .small-1 {
        transform: rotate(50deg);
        left: 127px;
        top: 28px;
    }

    .small-2 {
        transform: rotate(65deg);
        left: 149px;
        top: 50px;
    }

    .small-3 {
        transform: rotate(98deg);
        position: absolute;
        left: 148px;
        top: 82px;
    }

    .small-4 {
        transform: rotate(140deg);
        position: absolute;
        left: 123px;
        top: 103px;
    }

    /* position and animate */

    .paw-print-1 {
        opacity: 0;
        position: absolute;
        left: -90px;
        top: 96%;
        transform: rotate(-40deg);
        -webkit-animation: walk 3s linear infinite;
        animation: /*keyframe*/ walk /*duration*/ 3s /*transition*/ linear /*repeat*/ infinite;
    }

    .paw-print-2 {
        opacity: 0;
        left: -49px;
        top: 78%;
        transform: rotate(-53deg);
        -webkit-animation: walk 3s linear infinite 0.25s;
        animation: walk 3s linear infinite /*delay*/ 0.25s;
    }

    .paw-print-3 {
        opacity: 0;
        position: absolute;
        left: 78px;
        top: 64%;
        transform: rotate(-56deg);
        -webkit-animation: walk 3s linear infinite 0.5s;
        animation: walk 3s linear infinite 0.5s;
    }

    .paw-print-4 {
        opacity: 0;
        position: absolute;
        left: 30px;
        top: 38%;
        transform: rotate(-49deg);
        -webkit-animation: walk 3s linear infinite 0.75s;
        animation: walk 3s linear infinite 0.75s;
    }

    .paw-print-5 {
        opacity: 0;
        position: absolute;
        left: 142px;
        top: 9%;
        transform: rotate(-23deg);
        -webkit-animation: walk 3s linear infinite 1s;
        animation: walk 3s linear infinite 1s;
    }

    .paw-print-6 {
        opacity: 0;
        position: absolute;
        left: 750px;
        top: 200px;
        transform: rotate(10deg);
        -webkit-animation: walk 3s linear infinite 1.25s;
        animation: walk 3s linear infinite 1.25s;
    }

    .paw-print-7 {
        opacity: 0;
        position: absolute;
        left: 950px;
        top: 50px;
        transform: rotate(20deg);
        -webkit-animation: walk 3s linear infinite 1.5s;
        animation: walk 3s linear infinite 1.5s;
    }

    .paw-print-8 {
        opacity: 0;
        position: absolute;
        left: 1025px;
        top: 250px;
        transform: rotate(10deg);
        -webkit-animation: walk 3s linear infinite 1.75s;
        animation: walk 3s linear infinite 1.75s;
    }
}

@media only screen and (max-width: 425px) and (min-width: 376px) {
    .testywrap {
        margin-top: 20px;
    }
    .Desktop-ElementCodeofConduct::before {
        display:none;
    }
    .Desktop-ElementCodeofConduct::after {
        display: none;
    }
        .tab__btn {
        display: inline-block;
        color: var(--text-color);
        font-size: 1em;
        font-weight: 400;
        margin: 0 2px;
        padding: 0px 5px !important;
        border-radius: 10px;
        cursor: pointer;
        user-select: none;
        transition: background-color .3s ease;
    }

    .tabbing-navlink img {
        height: auto;
        width: 25px !important;
    }

    .Desktop-ElementBreedDetail::before {
        content: '';
        position: absolute;
        top: -6px;
        left: -10px;
        height: 40px;
        width: 40px;
        rotate: 20deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 1;
    }

    .Desktop-ElementBreedDetail::after {
        content: '';
        position: absolute;
        bottom: 38px;
        right: -15px;
        height: 40px;
        width: 40px;
        rotate: 164.95deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center bottom;
        background-size: contain;
        z-index: 0;
    }


    .Mobile-Element-CareerApply {
        position: relative;
        z-index: 4;
    }

        .Mobile-Element-CareerApply::after {
            content: '';
            position: absolute;
            bottom: -11px;
            right: -6px;
            height: 49.39px;
            width: 49.39px;
            rotate: 218deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
            background-size: contain;
            z-index: -1;
        }

    .Desktop-Partnerwithus-Element::before {
        content: '';
        position: absolute;
        top: -11px;
        left: -16px;
        height: 48px;
        width: 48px;
        rotate: -9deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 1;
    }

    .Desktop-Partnerwithus-Element::after {
        content: '';
        position: absolute;
        bottom: -42px;
        right: -53px;
        height: 48px;
        width: 48px;
        rotate: 51.53deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center bottom;
        background-size: contain;
        z-index: 0;
    }



    .Mobile-Elements-benefits {
        position: relative;
        z-index: 4;
    }

        .Mobile-Elements-benefits::before {
            content: '';
            position: absolute;
            top: 10px;
            left: -7px;
            height: 41px;
            width: 41px;
            rotate: -25.58deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
            background-size: contain;
            z-index: 0;
        }

        .Mobile-Elements-benefits::after {
            content: '';
            position: absolute;
            bottom: 43px;
            right: 14px;
            height: 46px;
            width: 46px;
            rotate: 138.42deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
            background-size: contain;
            z-index: -1;
        }

    .Mobile-Element-Howitwork-1 {
        position: relative;
        z-index: 4;
    }

        .Mobile-Element-Howitwork-1::before {
            content: '';
            position: absolute;
            top: -2px;
            left: -14px;
            height: 44.65px;
            width: 44.65px;
            rotate: 7deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star1.png) no-repeat center top;
            background-size: contain;
            z-index: 0;
        }

        .Mobile-Element-Howitwork-1::after {
            content: '';
            position: absolute;
            bottom: 4px;
            right: -11px;
            height: 44.65px;
            width: 44.65px;
            rotate: -242deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star1.png) no-repeat center top;
            background-size: contain;
            z-index: 0;
        }

    .testywrap::before {
        content: '';
        position: absolute;
        top: -14px;
        right: 8%;
        height: 55px;
        width: 55px;
        rotate: 148.48deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 0;
    }

    .testywrap::after {
        content: '';
        position: absolute;
        bottom: 40px;
        height: 55px;
        width: 55px;
        left: 12%;
        rotate: 144.48deg;
        background: url('https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png') no-repeat center bottom;
        background-size: contain;
        z-index: -1;
    }




    .preloader img {
        height: auto;
        width: 80%;
    }

    .testimonials_quote {
        display: none;
    }

    .footer-alignment {
        display: flex;
        justify-content: center;
    }

    .Mobile-ContactUs-Button {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    .Desktop-how-itwork-star1,
    .Desktop-how-itwork-star2,
    .Desktop-Service-circle1,
    .Desktop-Service-circle2,
    .Desktop-Service-circle3,
    .Desktop-Service-circle4,
    .Desktop-benefits-star1,
    .Desktop-benefits-star2,
    .Dekstop-screen-Testimonial-Star-1,
    .Dekstop-screen-Testimonial-Star-2,
    .Desktop-veterinary-section-shape1,
    .Desktop-veterinary-section-shape2,
    .Desktop-veterinary-section-shape3,
    .Desktop-veterinary-section-shape4,
    .Desktop-partner-withus-star1,
    .Desktop-partner-withus-star2,
    .Desktop-Screen-CareerApply-Shape1,
    .Desktop-Screen-CareerApply-Shape2,
    .Desktop-refferal-cricle-1,
    .Desktop-refferal-cricle-2,
    .Desktop-FAQ-Circle1,
    .Desktop-FAQ-Circle2,
    .Desktop-CodeofConduct-Star1,
    .Desktop-CodeofConduct-Star2,
    .Desktop-privacy-terms-shape1,
    .Desktop-privacy-terms-shape2,
    .Desktop-privacy-terms-shape3,
    .Desktop-contact-us-star1-top,
    .Desktop-contact-us-star1-bottom,
    .Desktop-BreedList-Shape1,
    .Desktop-BreedList-Shape2,
    .Desktop-breed-star1,
    .Desktop-breed-star2,
    .Desktop-veterinary-section-shape5 {
        display: none;
    }
    /*Mobile-Elements-Start*/
    .OurValues {
        position: relative;
        padding-bottom: 40px !important;
    }

    .code-of-conduct-detail {
        background-color: white;
        border-radius: 30px;
        padding: 30px;
        margin-top: 30px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }


    .Mobile-Screen-Blogs-Section {
        position: relative;
        padding-top: 20px;
    }

    .blog-section, .career-form, .get-you-onboard, .Mobile-FAQ, .code-of-conduct-section, .Breed-List-Section, .Internal-Cat-Breed, .Mobile-screen-How-it-Work, .Breed-Detail-Content {
        position: relative;
    }

    .Breed-List-Section {
        padding-bottom: 15px;
    }

    .Border-class {
        border: 1px solid #d75880;
        border-radius: 0px 0px 33px 33px;
        padding-bottom: 30px;
        position: relative;
        margin-top: -2px;
        z-index: -1;
    }

    .Mobile-Screens-Contact-Section-GenralInformation {
        position: relative;
    }

    .Contact-us-GetOur-App-Bg {
        position: relative;
    }

    .Mobile-screen-How-it-Work-Cards-star1 {
        height: auto;
        width: 44.65px;
        position: absolute;
        /* z-index: -1; */
        left: 8.2px;
        rotate: 7deg;
        top: 71px;
        z-index: 1;
    }

    .Mobile-screen-How-it-Work-Cards-star2 {
        height: auto;
        width: 36.65px;
        position: absolute;
        /* z-index: -1; */
        right: 20px;
        rotate: 34.16deg;
        top: 92.5%;
    }

    .Mobile-screen-Service-Circle-1 {
        position: absolute;
        height: auto;
        width: 35px;
        right: -39.9px;
        rotate: 187.27deg;
        top: 86%;
    }

    .Mobile-screen-Service-Circle-2 {
        position: absolute;
        height: auto;
        width: 37px;
        left: -40px;
        rotate: 6.14deg;
        top: 87%;
    }

    .Mobile-screen-Benefits-Star-1 {
        position: absolute;
        height: auto;
        width: 41px;
        rotate: -25.58deg;
        top: 20.2%;
        left: 15px;
    }

    .Mobile-screen-Benefits-Star-2 {
        position: absolute;
        height: auto;
        width: 46px;
        rotate: 138.42deg;
        top: 81.4%;
        right: 41px;
    }

    .Mobile-screen-Testimonial-Star-1 {
        position: absolute;
        height: auto;
        width: 55px;
        top: 32.8%;
        right: 13%;
        rotate: 147deg;
    }

    .Mobile-screen-Testimonial-Star-2 {
        position: absolute;
        height: auto;
        width: 55px;
        top: 75.2%;
        rotate: 142deg;
        left: 10%;
    }

    .Mobile-Screen-Our-Values-Star1 {
        position: absolute;
        height: auto;
        width: 60px;
        right: -45px;
        rotate: -302.25deg;
    }

    .Mobile-Screen-Our-Values-Star2 {
        position: absolute;
        height: auto;
        width: 53px;
        rotate: 49.75deg;
        left: -39px;
        top: 91%;
    }

    .Mobile-Screen-Blogs-Shape1 {
        height: auto;
        width: 50px;
        right: -28px;
        top: 0px;
        position: absolute;
    }

    .Mobile-Screen-Blogs-Star1 {
        position: absolute;
        height: auto;
        width: 54px;
        right: -39.8px;
        top: 35%;
        rotate: 56.75deg;
    }

    .Mobile-Screen-Blogs-Shape2 {
        position: absolute;
        height: auto;
        width: 40px;
        bottom: 4%;
        rotate: -183deg;
        left: -21px;
    }

    .Mobile-Screen-Blogs-Star2 {
        position: absolute;
        height: auto;
        width: 47px;
        top: 59%;
        rotate: 50.71deg;
        left: -35px;
    }

    .Mobile-Screen-BlogDetail-Star1 {
        position: absolute;
        height: auto;
        width: 47.27px;
        rotate: 342deg;
        left: 95.5%;
        top: 16%;
    }

    .Mobile-Screen-BlogDetail-Star2 {
        position: absolute;
        height: auto;
        width: 68.37px;
        rotate: 209.05deg;
        top: 33%;
        right: 97%;
    }

    .Mobile-Screen-BlogDetail-Star3 {
        position: absolute;
        height: auto;
        width: 68.37px;
        rotate: 209.05deg;
        top: 57%;
        left: 96.5%;
    }

    .Mobile-Screen-BlogDetail-Star4 {
        position: absolute;
        height: auto;
        width: 66px;
        rotate: 240.38deg;
        left: -49px;
        bottom: 1%;
    }

    .Mobile-Screen-Advertise-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 90%;
        right: 8px;
        rotate: 218deg;
        z-index: -1;
    }

    .Mobile-Screen-CareerApply-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 91%;
        right: 8px;
        rotate: 218deg;
        z-index: -1;
    }

    .Mobile-Screen-career-form-shape1 {
        position: absolute;
        height: auto !important;
        width: 60px !important;
        right: 95.6%;
        rotate: 163deg;
        top: 54%;
    }

    .Mobile-Screen-career-form-shape2 {
        position: absolute;
        height: auto;
        width: 77px;
        left: 95%;
        top: -56px;
        rotate: 269deg;
    }

    .Mobile-Screen-PartnerWithUs-Star1 {
        position: absolute;
        height: auto;
        width: 48px;
        top: 10.9%;
        left: 6px;
        rotate: 7deg;
    }

    .Mobile-Screen-PartnerWithUs-Star2 {
        position: absolute;
        height: auto;
        width: 47px;
        right: -36px;
        bottom: 65px;
        rotate: 50deg;
    }

    .Mobile-Screen-Contact-Shape1 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -43px;
        top: 10%;
    }

    .Mobile-Screen-Contact-Star1 {
        position: absolute;
        height: auto;
        width: 77px;
        rotate: -474deg;
        right: -61px;
        top: 10%;
    }

    .Mobile-Screen-Contact-Star2 {
        position: absolute;
        height: auto;
        width: 73px;
        bottom: 14%;
        rotate: 161deg;
        left: -45px;
    }

    .Mobile-Screen-FAQ-Circle1 {
        position: absolute;
        height: auto;
        width: 50px;
        top: 5.5%;
        left: -25px;
    }

    .Mobile-Screen-FAQ-Circle2 {
        position: absolute;
        width: 84px;
        right: -62px;
        bottom: 10.5%;
        rotate: 138deg;
    }

    .Mobile-Screen-CodeofConduct-Star1 {
        position: absolute;
        height: auto;
        width: 44px;
        z-index: -1;
        left: 7px;
        top: 19.5px;
        rotate: 0deg;
    }

    .Mobile-Screen-CodeofConduct-Star2 {
        position: absolute;
        height: auto;
        width: 50px;
        right: -36px;
        top: 29%;
        rotate: -46deg;
    }

    .Mobile-Screen-CodeofConduct-Star3 {
        position: absolute;
        height: auto;
        width: 50px;
        bottom: 38%;
        left: -38px;
        rotate: 242deg;
    }

    .Mobile-Screen-CodeofConduct-Star4 {
        position: absolute;
        height: auto;
        width: 50px;
        right: -36px;
        bottom: 9%;
        rotate: -46deg;
    }

    .Mobile-Screen-privacy-terms-shape1 {
        position: absolute;
        height: auto;
        width: 31px;
        rotate: 105deg;
        left: -17px;
    }

    .Mobile-Screen-privacy-terms-shape2 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 11.5%;
    }

    .Mobile-Screen-privacy-terms-shape3 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 38.5%;
    }

    .Mobile-Screen-privacy-terms-shape4 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 64.5%;
    }

    .Mobile-Screen-privacy-terms-shape5 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 85%;
    }

    .Mobile-Screen-privacy-terms-shape6 {
        position: absolute;
        height: auto;
        width: 40px;
        left: -20px;
        bottom: 7px;
        rotate: -191deg;
    }

    .Mobile-Screen-Breed-Shape1 {
        position: absolute;
        height: auto;
        width: 33px;
        right: -18px;
        rotate: -93deg;
    }

    .Mobile-Screen-BreedList-Shape1 {
        position: absolute;
        height: auto;
        width: 50px;
        left: -27px;
        bottom: 1%;
        rotate: 92deg;
    }

    .Mobile-Screen-breedDetail-Star1 {
        position: absolute;
        height: auto;
        width: 40px;
        rotate: 33deg;
        top: 40px;
        left: 12px;
    }

    .Mobile-Screen-breedDetail-Star2 {
        position: absolute;
        height: auto;
        width: 50px;
        right: 9px;
        bottom: 83px;
        rotate: 37deg;
    }
    /*Mobile-Elements-End*/
    /* create the paw prints */
    .pad {
        width: 25px;
        height: 27px;
        background-color: #84899a;
        -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
        border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
        display: block;
        position: absolute;
    }

    .large {
        width: 45px;
        height: 55px;
        transform: rotate(91deg);
        left: 94px;
        top: 50px;
    }

    .small-1 {
        transform: rotate(50deg);
        left: 127px;
        top: 28px;
    }

    .small-2 {
        transform: rotate(65deg);
        left: 149px;
        top: 50px;
    }

    .small-3 {
        transform: rotate(98deg);
        position: absolute;
        left: 148px;
        top: 82px;
    }

    .small-4 {
        transform: rotate(140deg);
        position: absolute;
        left: 123px;
        top: 103px;
    }

    /* position and animate */

    .paw-print-1 {
        opacity: 0;
        position: absolute;
        left: -90px;
        top: 96%;
        transform: rotate(-40deg);
        -webkit-animation: walk 3s linear infinite;
        animation: /*keyframe*/ walk /*duration*/ 3s /*transition*/ linear /*repeat*/ infinite;
    }

    .paw-print-2 {
        opacity: 0;
        left: -49px;
        top: 78%;
        transform: rotate(-53deg);
        -webkit-animation: walk 3s linear infinite 0.25s;
        animation: walk 3s linear infinite /*delay*/ 0.25s;
    }

    .paw-print-3 {
        opacity: 0;
        position: absolute;
        left: 78px;
        top: 64%;
        transform: rotate(-56deg);
        -webkit-animation: walk 3s linear infinite 0.5s;
        animation: walk 3s linear infinite 0.5s;
    }

    .paw-print-4 {
        opacity: 0;
        position: absolute;
        left: 30px;
        top: 38%;
        transform: rotate(-49deg);
        -webkit-animation: walk 3s linear infinite 0.75s;
        animation: walk 3s linear infinite 0.75s;
    }

    .paw-print-5 {
        opacity: 0;
        position: absolute;
        left: 142px;
        top: 9%;
        transform: rotate(-23deg);
        -webkit-animation: walk 3s linear infinite 1s;
        animation: walk 3s linear infinite 1s;
    }

    .paw-print-6 {
        opacity: 0;
        position: absolute;
        left: 750px;
        top: 200px;
        transform: rotate(10deg);
        -webkit-animation: walk 3s linear infinite 1.25s;
        animation: walk 3s linear infinite 1.25s;
    }

    .paw-print-7 {
        opacity: 0;
        position: absolute;
        left: 950px;
        top: 50px;
        transform: rotate(20deg);
        -webkit-animation: walk 3s linear infinite 1.5s;
        animation: walk 3s linear infinite 1.5s;
    }

    .paw-print-8 {
        opacity: 0;
        position: absolute;
        left: 1025px;
        top: 250px;
        transform: rotate(10deg);
        -webkit-animation: walk 3s linear infinite 1.75s;
        animation: walk 3s linear infinite 1.75s;
    }

    .breed-tabbing-desktop {
        display: none;
    }

    .philoshopy-button-div {
        text-align: left;
    }

    .Sub-Accordian-Text {
        font-size: 16px !important;
    }

    .Main-Accordian-Body {
        padding: 10px 0px 0px 10px;
    }

    .Desktop-FAQ, .advertise-dekstop {
        display: none;
    }

    .Get-Our-App-Content-Right {
        padding-top: 0px;
    }
    /*L-Mobile*/
    .container {
        max-width: 95%;
        /*padding:0px;*/
    }

    .Mobile-Menu-Button {
        display: none;
    }

    .menu-button-mobile {
        margin-left: 20px;
    }

    .accordion-item {
        background-color: transparent;
        border: none;
    }

    .career-form-container .Career-FormImage {
        height: auto;
        width: 100%;
        border-radius: 30px !important;
    }

    .service-circle-2 {
        display: none;
    }

    .service-circle-4 {
        display: none;
    }

    header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10;
        background-color: #D9D9D9;
        transition: background-color 0.3s ease;
    }

    .logo {
        display: none;
    }

    .mobilelogo img {
        width: 140px;
        height: auto;
        object-fit: cover;
    }

    header.sticky {
        background-color: #D9D9D9;
        z-index: 100;
    }

    .content {
        display: none;
    }

    .mobilelogo {
        display: inherit;
    }

    .navbar-toggler {
        border: none;
    }

    .navbar-toggler-icon {
        background-color: transparent !important;
        width: 1.5em;
        height: 1em;
        font-size: 25px;
        color: #2f2f2f !important;
    }

    /*.navbar-toggler-icon img{
        height:auto;
        width:30px
    }*/
    .navbar-collapse.show {
        background-color: transparent;
        ;
        padding: 14px;
        color: #84899a;
    }

    .navbar-nav {
        justify-content: space-evenly;
        font-family: 'Nunito-Regular';
        font-size: 20px;
        color: white;
        font-weight: bold;
        gap: 0px;
        padding-left: 0px;
    }

    .nav-item {
        border-bottom: 0;
    }

    .btnlnktitle {
        text-align: center;
    }

    .btnlnk {
        color: #2f2f2f;
        text-align: center;
    }

    .Get-App-Button1 {
        padding: 5px 16px 5px;
        border-radius: 30px;
        width: auto;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: 'Nunito-Regular';
        font-weight: bold;
        transition: background-color 0.3sease;
        font-size: 18px;
        float: left !important;
        margin-top: 10px;
    }

    .video-banner {
        height: 525px;
    }

    #myvideo {
        right: 0;
        max-width: 142%;
        max-height: 100%;
        object-fit: cover;
        z-index: -1;
        /*margin-top: 70px;*/
        object-position: center center;
        width: 78vw;
        height: 73vh;
        object-fit: cover;
    }

    .Mobile-screen-banner-content {
        /*background-color:#d75880;*/
        background-image: url(../images/new-website/MobileScreensImages/MobileRectanglePinkBgWithShape.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: auto;
        padding: 10px 0px 40px 0px;
    }

    .Mobile-screen-banner-content-Main-title {
        color: white;
        font-family: 'PTSans-Bold';
        font-size: 21px;
        font-weight: bold;
    }

    .Mobile-screen-banner-content-sub-title {
        color: white;
        font-family: 'Nunito-Regular';
        font-size: 13px;
        margin-bottom: 10px;
    }

    .How-itwork-desktop {
        display: none;
    }

    .Mobile-screen-How-it-Work {
        background-image: url(../images/new-website/MobileScreensImages/HowItWorkBg.png);
        background-size: cover;
        background-repeat: no-repeat;
        padding-bottom: 30px;
        padding-top: 13px;
    }

    .Mobile-screen-How-it-Work-title {
        font-family: 'PTSans-Bold';
        text-align: left;
        color: #2f2f2f;
        font-weight: bold;
        font-size: 33px;
    }

    .Mobile-screen-How-it-Work-Card {
        height: auto;
        border-radius: 20px;
        width: 100%;
        background-color: #fff;
        padding: 0px 40px 20px;
        text-align: center;
        margin-top: 10px;
        z-index: 3
    }

    .Mobile-screen-How-it-Work-Card {
        padding: 0px 31px 20px;
        text-align: center;
        margin-top: 10px;
        z-index: 3;
        position: relative;
    }

        .Mobile-screen-How-it-Work-Card img {
            height: auto;
            width: 205px;
        }

    .Mobile-screen-How-it-Work-Card-Content-Main-title {
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        padding-top: 17px;
    }

    .Mobile-screen-How-it-Work-Card-Content-sub-title {
        font-size: 14.8px;
        text-align: left;
    }

    .Mobile-screen-How-it-Work-Card .number1 {
        max-width: 40px;
        height: 40px;
        min-width: 0px;
        position: relative;
        top: 45px;
    }

    /*.Mobile-screen-How-it-Work-Cards-star1 {
        height: auto;
        width: 36.65px;
        position: absolute;*/
    /*z-index:-1;*/
    /*left: 0px;
        rotate: 13.16deg;
    }

    .Mobile-screen-How-it-Work-Cards-star2 {
        height: auto;
        width: 36.65px;
        position: absolute;*/
    /*z-index:-1;*/
    /*right: 0px;
        rotate: 13.16deg;
    }*/

    .Service-Desktop {
        display: none;
    }

    .Mobile-Screen-Service-Section {
        padding: 10px 0px 30px
    }

    .Mobile-Screen-Service-Section-Title {
        font-family: 'PTSans-Bold';
        text-align: left;
        color: #2f2f2f;
        font-weight: bold;
        font-size: 25px;
    }


    .Mobile-Screen-Service-Section-subTitle {
        font-size: 16px;
        font-weight: 300;
        color: #84899a;
    }

    .Diagnostic-card {
        width: auto !important;
        height: auto !important;
        background-image: none;
        border: none !important;
        padding: 16px;
        border-radius: 0px !important;
    }

    .Mobile-Screen-Service-Section-cards {
        padding-top: 8px;
    }

    .Mobile-screen-Service-Section-card {
        display: inline-block;
        position: relative;
        border-radius: 20px;
        border: 1px solid #84899a;
        height: auto;
        width: 100%;
        margin-top: 10px;
    }


    .card-text-wrapper {
        /* position: absolute; */
        bottom: 0;
        /* width: 100%; */
        padding: 10px;
        box-sizing: border-box;
    }

    .card-text {
        line-height: normal;
        font-size: 16px !important;
    }

        .card-text P {
            line-height: normal;
            font-size: 14px !important;
            padding: 0px 12px 6px 1px !IMPORTANT;
        }

    .testimonials_section {
        background-image: url(../images/new-website/BackgroundImageGetOurAppGrey.png);
        background-size: cover;
        padding: 65px 0px 27px !important;
    }

    .card-text-wrapper .card-text {
        width: auto;
        height: auto;
        margin: 0px;
        background-color: transparent !important;
        color: #2f2f2f !important;
        border-radius: unset;
        border: none;
        padding: 0px 12px 6px 12px;
        margin-top: 0px;
    }

    .card-text-wrapper .mr-auto p.card-text, .card-text-wrapper .mr-auto div.card-text {
        width: auto;
        height: auto;
        margin: 0px;
        background-color: transparent !important;
        color: #2f2f2f !important;
        border-radius: unset;
        border: none;
        padding: 0px 12px 6px 0px;
        margin-top: 0px;
    }

    .hide {
        display: none;
    }

    .show {
        display: block;
    }


    .Benefits-Desktop {
        display: none;
    }

    .Mobile-Benefits-Of-Pets-Service-Section {
        background-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 76px;
        padding-bottom: 19px;
    }

    .Mobile-Benefits-Of-Pets-Service-Section-Title {
        font-family: 'PTSans-Bold';
        text-align: left;
        color: #2f2f2f;
        font-weight: bold;
        font-size: 33px;
    }

    .Mobile-Benefits-Of-Pets-Service-Section-Title-Image {
        width: 50px;
        height: 50px;
        margin: auto;
        background-color: #fff;
        color: #d75880;
        border-radius: 29px;
        border: 7px solid #d75880;
        padding: 6px 6px;
        margin-top: -40px;
    }

        .Mobile-Benefits-Of-Pets-Service-Section-Title-Image img {
            height: auto;
            width: 25px;
        }


    .Mobile-Benefits-Of-Pets-Service-Section-Card {
        border: none;
        background-color: #d75880;
        min-height: 360px;
    }

    .Mobile-Benefits-Of-Pets-Card .owl-dots {
        display: none;
    }

    .Mobile-Benefits-Of-Pets-Card {
        padding-top: 15px;
        text-align: center;
    }

    .Mobile-Benefits-Of-Pets-Service-Section-Title-Text {
        padding: 6px 5px 0px 19px;
        min-height: 115px;
    }

        .Mobile-Benefits-Of-Pets-Service-Section-Title-Text .Bigger-text {
            color: #fff;
            font-size: 16px;
            text-align: left;
            font-weight: 600;
        }

        .Mobile-Benefits-Of-Pets-Service-Section-Title-Text .Small-text {
            color: #fff;
            font-size: 13px;
            text-align: left;
        }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #ffffff !important;
    }

    .carousel-item {
        transition: transform 0.5s ease-in-out;
    }

    .card-img-top.cardimage {
        transition: opacity 0.5s ease-in-out;
    }

    .card-body {
        transition: opacity 0.5s ease-in-out;
    }

    .zumigo_pass {
        padding-top: 20px;
    }

        .zumigo_pass h1 {
            font-family: 'PTSans-Bold';
            text-align: left;
            color: #2f2f2f;
            font-weight: bold;
            font-size: 25px;
        }

        .zumigo_pass h5 {
            font-size: 16px !important;
            text-align: left !important;
            padding-top: 5px !important;
            padding-left: 0px !important;
            color: #84899a;
        }

    .zumigo_pass-row {
        padding-top: 20px;
    }


    .zumigo_pass h2 {
        display: none;
    }

    .Zumigo-Pass-content {
        border: 1px solid #BBBCB7;
        border-radius: 30px;
        padding: 0px 24px 17px;
        margin-top: 10px;
    }

        .Zumigo-Pass-content img {
            height: auto;
            width: 140px;
        }

    .zumigo_pass h3 {
        font-family: 'Nunito-Regular';
        font-weight: bold !important;
        font-size: 16px !important;
        padding: 0px !important;
        text-align: left;
        margin-top: 10px;
    }

    .zumigo_pass p {
        font-family: 'Nunito-Regular';
        color: #84899a;
        line-height: normal !important;
        font-weight: bold;
        margin-top: 5px !important;
        font-size: 14px !important;
        padding: 0 !important;
        text-align: left;
    }

    .getpass {
        padding-top: 15px;
        text-align: left;
    }

    /*.getpass button {*/
    /* height: 30px;
            width: 90px;*/
    /*font-size: 15px;
        }*/

    .testimonials_section h1 {
        text-align: left;
        color: #2f2f2f;
        font-weight: bold;
        font-size: 25px;
    }

    .testimonial-smallline {
        font-size: 12px;
    }

    .testimonial-subtitle {
        font-size: 22px !important;
    }

    .testimoanil-underline {
        position: relative;
        bottom: 11px;
        left: 6%;
    }

        .testimoanil-underline img {
            height: auto;
            width: 140px;
        }

    .testimonials_section .testimonials_content .paragraph {
        font-weight: 600;
        line-height: normal;
        color: #d75880 !important;
        margin-bottom: -1px;
        padding: 0px 0px 10px;
        font-size: 16px;
        min-height: auto;
        text-align: left;
    }

    .tst .owl-carousel {
        padding-top: 0px !important;
    }

    .testimonials_content {
        width: auto;
        padding: 14px 30px 35px 30px;
        text-align: center;
    }

        .testimonials_content h3 {
            text-align: left;
            font-size: 18px !important;
            color: #2f2f2f !important;
        }

        .testimonials_content p {
            text-align: left;
            color: #8B909F !important;
            font-size: 13px;
        }

    .owl-dots {
        position: absolute;
        top: 62%;
        left: 50%;
        transform: translateX(-50%);
    }

    .testimonail-star-image2 {
        position: absolute;
        height: auto;
        width: 54.75px;
        top: 33%;
        right: 11%;
        rotate: 148.48deg;
    }

    .testimonail-star-image1 {
        position: absolute;
        height: auto;
        width: 54.75px;
        top: 75.7%;
        left: 12%;
        rotate: 145.48deg;
    }

    .Mobile-Screen-Blogs-Section {
        background-color: #f4f5f7;
        z-index: 1;
    }

    /*Blog Page*/
    .blog-banner {
        background: url(../images/new-website/MobileScreensImages/BlogBannerBg.png);
        height: auto;
        padding-top: 90px;
        background-position: bottom;
        /*background-size: contain !important;*/
        padding-bottom: 0px;
        padding-bottom: 35px;
        background-size: cover;
    }

    .main-title h1 {
        text-align: left;
        font-size: 25px !important;
        justify-content: flex-start;
        display: flex;
        align-items: center;
    }

    .Blog .sub-title h2 {
        font-size: 16px;
        margin-top: 8px;
        color: #2f2f2f;
        line-height: normal;
    }

    .Blog .bottom-content {
        padding-top: 10px;
    }

    .Blog .advice-by {
        font-size: 20px;
        color: #2f2f2f;
        line-height: 10px;
        padding-top: 5px;
    }

    .advice-by-name {
        font-size: 20px;
    }

    .Blog .blog-image img {
        height: auto;
        width: 100%;
    }

    .Blog-Desktop {
        display: none;
    }

    .Mobile-Screen-Blog {
        border: 1px solid #BBBCB7;
        border-radius: 20px;
        height: auto;
        padding: 10px;
        display: flex;
        align-items: center;
        margin-top: 10px;
    }

    .bolgs {
        padding: 20px 0px;
    }

    .loadbtn {
        text-align: center;
        padding-bottom: 20px;
    }

    .navbar-collapse .Get-App-Button {
        padding: 7px 10px 10px !important;
        border-radius: 30px;
        height: 38px !important;
        width: auto;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: "Nunito-Regular";
        font-weight: bold;
        transition: background-color 0.3sease;
        font-size: 17px;
    }

    .loadbtn .Get-App-Button {
        padding: 7px 10px 10px !important;
        border-radius: 30px;
        height: 38px !important;
        width: auto;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: "Nunito-Regular";
        font-weight: bold;
        transition: background-color 0.3sease;
        font-size: 17px;
    }

    .Mobile-Screen-Blog img {
        height: 60px;
        width: 60px;
        border-radius: 50%;
    }

    .Mobile-Screen-Blog p {
        font-size: 16px;
        font-weight: bold;
        padding-top: 6px;
    }

    .Mobile-Screen-Blog-Shape1 {
        height: 42.33px;
        width: 42.33px;
        position: relative;
        left: 101%;
        rotate: 1.3deg;
        top: -3%;
    }

    .Mobile-Screen-Blog-Star1 {
        height: 43.59px;
        width: 43.59px;
        position: relative;
        left: 89%;
        rotate: 50.3deg;
        top: 42%;
    }

    .Mobile-Screen-Blog-Star2 {
        height: 43.59px;
        width: 43.59px;
        position: absolute;
        right: 97%;
        rotate: 50.3deg;
        top: 153%;
    }

    .Mobile-Screen-Blog-Shape2 {
        height: 43.59px;
        width: 43.59px;
        position: absolute;
        right: 95%;
        rotate: 178deg;
        top: 183%;
    }


    /*Blog Detial*/
    .blog-detail-banner {
        background: url(../images/new-website/MobileScreensImages/MobileBlogDetailBg.png);
        padding-top: 90px;
        padding-bottom: 20px;
        background-position: bottom;
        background-size: cover;
    }

    .blog-image3 img {
        height: auto;
        width: 100%;
        border-radius: 30px;
        box-shadow: 2px 2px 2px grey;
    }

    .blog-section {
        padding-bottom: 20px;
    }

    .blog-detail-title h1 {
        text-align: center;
        font-family: 'PTSans-Bold' !important;
        font-weight: 600;
        color: #d75880;
        text-align: left;
        padding-top: 0px;
        font-size: 20px;
    }

    .blog-detail-content {
        padding: 0px 15px
    }

        .blog-detail-content p {
            font-size: 15px;
            line-height: normal;
        }

    .privacy-policy h3 {
        font-family: 'PTSans-Bold' !important;
        font-weight: 600;
        font-size: 20px;
        padding-bottom: 8px;
    }

    .blog-detail-content h3 {
        font-family: 'PTSans-Bold' !important;
        font-weight: 600;
        font-size: 20px;
    }

    .blog-detail-content ul > li {
        font-size: 15px;
        line-height: normal;
    }

    .blog-detail-content ul,
    ol {
        padding-left: 17px;
    }

    .blod-detail-button {
        margin-top: 20px;
    }

        .blod-detail-button a {
            height: 24px;
            width: 90px;
            font-size: 12px;
        }

    /*.Mobile-Screen-BlogDetail-Star1 {
        position: absolute;
        height: 57.27px;
        width: 57.27px;
        rotate: 345deg;
        left: 94%;
        top: 78%;
    }

    .Mobile-Screen-BlogDetail-Star2 {
        position: absolute;
        height: 68.37px;
        width: 68.37px;
        rotate: 209.05deg;
        top: 109%;
        right: 97%;
    }

    .Mobile-Screen-BlogDetail-Star3 {
        position: absolute;
        height: 68.37px;
        width: 68.37px;
        rotate: 209.05deg;
        top: 109%;
        right: 97%;
    }
*/

    /*About Us Page*/
    .about-us-banner-bg {
        padding-top: 90px;
        padding-bottom: 80px;
    }

    /*.videomaskingimage {
        height: auto;
        width: 100%;
        position: absolute;
        top: 128px;
        right: 6px;
    }*/
    .main-title h1 {
        text-align: left;
        font-size: 25px !important;
        justify-content: flex-start;
        display: flex;
        align-items: center;
    }

    .sub-title p.breadcrumb {
        font-size: 14px;
        margin-top: 8px;
        color: #2f2f2f;
        line-height: normal;
    }

    .sub-title p {
        font-size: 18px;
        margin-top: 8px;
        color: #2f2f2f;
        line-height: normal;
    }

    .advice-by-button .Get-App-Button {
        height: 38px;
        width: auto;
        font-size: 15px;
        padding: 7px 17px 9px;
    }

    .blob-container {
        width: 100%;
        height: auto;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .about-us-banner-bg .blog-image1 {
        padding-top: 80px;
    }

    .videomaskingimage {
        height: auto;
        width: 100%;
        position: absolute;
        top: 329px;
        right: -10px;
    }

    .FAQ-Page .videomaskingimage {
        height: auto;
        width: 100%;
        position: absolute;
        top: 230px;
        right: -9px;
    }

    .abouts-us {
        background: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        padding: 25px 0px 60px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .left-sidecontent h1 {
        text-align: left !important;
        font-size: 20px;
    }

    .about-underline {
        position: relative;
        bottom: 4px;
        left: 47%;
    }

        .about-underline img {
            width: 115px
        }

    .aboutus-left-side-content-top {
        color: #2f2f2f;
        font-size: 15px;
        margin-top: 10px;
    }

    h3.desktop {
        display: none;
    }

    .left-sidecontent-description {
        font-size: 13px !important;
        /* line-height: 37.74px; */
        color: #2f2f2f;
        margin: 0;
        font-weight: 400;
        line-height: normal;
        margin-top: 10px;
    }

    .image-border {
        margin-top: 20px;
    }

    .Philosophy-Main-Div1 h1 {
        text-align: left !important;
    }

    .Philosophy-Main-Div1 h3 {
        text-align: left;
        font-weight: 300;
        color: #BBBCB8;
        font-size: 12px;
    }

    .our-values-card {
        background-color: #fff;
        border: 1px solid #BBBCB8;
        height: 115px;
        width: auto;
        border-radius: 30px;
        text-align: center;
        display: flex;
        padding: 7px 15px;
        margin-top: 10px;
    }

    .mobilescreen-ourvalues-card {
        width: 40%;
    }

        .mobilescreen-ourvalues-card img {
            height: auto;
            width: 100%;
            padding-top: 5px;
        }

    img.Diagnostic-icon {
        height: auto;
        width: 59px !important;
    }

    .our-values-card div h2 {
        font-size: 16px;
        font-weight: 600;
        color: #2f2f2f;
        margin-top: 10px;
        text-align: left;
        padding-bottom: 5px;
    }

    .our-values-card div p {
        font-size: 13.5px;
        color: #2f2f2f;
        line-height: normal;
        text-align: left;
    }

    .mobilescreen-ourvalues-card-content {
        padding-left: 10px;
    }

    .Mobile-Screen-OverValues-Star1 {
        position: relative;
        height: auto;
        width: 53px;
        rotate: 52deg;
        margin-top: -23px;
        left: 97%;
    }

    .Mobile-Screen-OverValues-Star2 {
        position: relative;
        height: auto;
        width: 53px;
        rotate: 52deg;
        margin-top: -23px;
        right: 12%;
    }

    .Our-Philosophy {
        background: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        padding: 50px 0px 50px !important;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .Philosophy-Main-Div1 hr {
        display: none;
    }

    .Get-App-Button {
        padding: 7px 17px 9px;
        border-radius: 30px;
        height: 38px;
        width: 170px;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: "Nunito-Regular";
        font-weight: bold;
        transition: background-color 0.3sease;
        font-size: 15px;
    }

    .Philosophy-Main-Div1 h3 {
        text-align: left !important;
        font-size: 13px;
    }

    .OurValues {
        padding-bottom: 20px !important;
    }

    .card-Philosophy p {
        color: #2f2f2f;
        font-size: 13px;
        line-height: normal;
        text-align: left;
    }

    .Our-Philosophy .bold-content {
        text-align: left;
        font-size: 13px !important;
    }

    .Our-Philosophy-button a {
        height: 24px;
        width: 90px;
        font-size: 10px;
    }

    .Our-Philosophy-button {
        padding-top: 10px;
    }

    .Mobile-Screen-BeforeFooter-Video-Mask {
        -webkit-mask-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        mask-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        mask-size: 20%;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        /* mask-position: center; */
        /* -webkit-mask-position: center; */
        height: auto;
        /* padding: 0; */
        /* margin: 0; */
        right: 0;
        width: 500%;
    }

    .Mobile-Screen-BeforeFooter-Video {
        position: relative;
        margin-top: -47px;
    }

    .AboutUs-before-footer-Title {
        text-align: left;
    }

        .AboutUs-before-footer-Title h1 {
            text-align: left;
            font-size: 23px !important;
            padding-bottom: 4px;
        }

    .AboutUs-before-footer p {
        color: #fff;
        font-size: 15px !important;
        padding-top: 3px;
    }

    .AboutUs-before-footer {
        background-color: transparent !important;
    }

    .AboutUs-before-footer {
        padding: 65px 0px 30px 0px;
        background-image: url(../images/new-website/MobileScreensImages/MobileRectanglePinkBgWithShapeTopCurve.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        margin-top: -67px;
    }

    .checkft div {
        padding-left: 6% !important;
    }

        .checkft div h1 {
            color: #fff;
            font-size: 23px !important;
            text-align: left;
        }

    .AboutUs-before-footer-Button {
        padding-top: 10px;
    }

    .white-button {
        font-size: 15px;
        padding: 7px 10px 7px;
        border-radius: 30px;
        height: 38px;
        width: 170px;
        /* background-color: #d75880; */
        /* color: white; */
        border: transparent;
        font-family: "Nunito-Regular";
        font-weight: bold;
    }

    .subscribe-button .white-button {
        font-size: 15px;
        padding: 7px 10px 10px;
        border-radius: 30px;
        height: 38px;
        width: 170px;
        /* background-color: #d75880; */
        /* color: white; */
        border: transparent;
        font-family: "Nunito-Regular";
        font-weight: bold;
    }

    /*Career Page*/

    .blog-bannercareer {
        padding-top: 90px;
    }

    .blog-bannercareer1 {
        padding-top: 90px;
    }

    .sub-title .desktop {
        display: none;
    }

    .career-form-rightside {
        padding: 14px 22px;
    }

    .sub-title .mobile {
        font-size: 18px;
        margin-top: 8px;
        color: #2f2f2f;
        line-height: normal;
    }

    .blog-image img {
        height: auto;
        width: 100%;
        padding-top: 70px;
    }

    .Career-Page-bg {
        background: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        background-size: cover;
        background-position: right;
    }

    .wave-paddding-career {
        padding: 55px 0px;
    }

    .career-page-right-side-content-title {
        font-size: 19px;
        font-family: 'PTSans-Bold';
        color: #2f2f2f;
        font-weight: 600;
    }

    .career-page-right-side-content {
        height: auto;
        width: 100%;
        border-radius: 10px;
        padding: 10px 0px;
    }

    .career-page-right-side-content-text {
        font-size: 14px;
        line-height: normal;
        padding-top: 0px;
    }

    .carapp {
        padding: 0px 0px 28px !important;
    }

    .career-page-right-side-content-text p {
        font-size: 14px !important;
        line-height: normal;
        padding-bottom: 4px;
    }

    .Our-Approach-Image {
        padding-top: 20px;
    }

    .Our-Approach-Section {
        padding: 0px 0px 30px;
    }

    .CareerPage-MobileScreenBefore-Footer-Image {
        padding: 0px;
        z-index: 11;
        position: relative;
    }

        .CareerPage-MobileScreenBefore-Footer-Image img {
            width: 100%;
        }

    .career-page-before-footer {
        /* background-image: url(../images/new-website/CareerPage-BeforeFooterBgImage1.png); */
        background-image: none;
        background-color: #d75880;
        background-size: cover;
        padding: 36px 0px;
        /*position: relative;*/
        z-index: 1;
        margin-top: -36px;
    }

    .before-footer-main-title {
        font-size: 21px;
        font-family: 'PTSans-Bold';
        font-weight: 600;
        text-align: left;
        line-height: normal;
        color: #fff;
        padding-top: 27px;
    }

        .before-footer-main-title span {
            font-size: 21px;
            font-family: 'PTSans-Regular';
            font-weight: 100;
            text-align: left;
            line-height: normal;
            color: #fff;
            padding-top: 27px;
        }

    .button {
        text-align: left;
        padding-top: 10px;
    }

    .advice-by-button {
        margin-bottom: 20px;
        padding-top: 20px !important;
    }


    /*Career form Page*/



    .career-form-shape2 {
        position: absolute;
        height: auto;
        width: 180px;
        left: 93%;
        rotate: 294deg;
        top: 123%;
        display: none;
    }

    .sub-title .desktop {
        display: none;
    }

    .sub-title h2 {
        font-size: 16px;
        margin-top: 20px;
        color: #2f2f2f;
        line-height: normal;
    }

    .career-form-main-title {
        font-size: 16px;
    }

    .form {
        padding-top: 0px;
    }

    .Other-Textbox {
        display: none;
    }

    .wrapper {
        width: 56%;
        height: 40%;
        margin-top: 0px !important;
        cursor: pointer;
    }

    .form-group input[type="email"],
    .form-group input[type="text"],
    .form-group input[type="tel"],
    .form-group input[type="file"],
    .form-group input[type="search"],
    .form-group input[type="number"],
    .form-group textarea,
    .form-group select {
        padding: 10px;
        border-radius: 10px;
        border: 1px solid #848A9A;
        font-size: 15px;
        font-weight: 400;
        color: #848A9A;
    }

    .checkbox-container img {
        height: auto;
        width: 30px;
    }

    .i-agree-content p {
        font-size: 12px;
        padding-top: 0;
    }

    .form button {
        margin-top: 9px;
        margin-right: 75px;
    }

    .career-form-container .col-xl-5 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* margin-top: 9px; */
        border-radius: 30px 0px 30px 30px !important;
    }

    .career-form .container {
        margin: 0;
        max-width: 100%;
    }

    .section-gap {
        padding: 24px 0px 61px;
    }



    .wrapper .file-upload {
        height: 35px !important;
        width: 35px !important;
    }

    .fa-arrow-up {
        font-size: 18px !important;
    }

    .Mobile-Screen-CareerForm-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 226%;
        right: 25px;
        rotate: 218deg;
        z-index: -1;
    }

    .career-form-shape1 {
        position: absolute;
        height: auto !important;
        width: 60px !important;
        right: 92.6%;
        rotate: 163deg;
        top: 165% !important;
        z-index: 9999999;
        border-radius: 0px !important;
    }

    .career-form-container .Career-FormImage {
        height: auto;
        width: 100%;
        border-radius: 30px !important;
    }

    .Mobile-Screen-CareerForm-shape1 {
        position: absolute;
        height: 49px;
        left: 91%;
        top: 82%;
    }




    /*Referral Page*/
    .refferal-cricle-2 {
        display: none;
    }

    .refferal-cricle-1 {
        display: none;
    }

    .Referral-Title {
        padding-top: 40px;
    }

    .referralvideomaskingimage {
        height: auto !important;
        width: 100%;
        position: absolute;
        top: 350px !important;
        right: -9px;
    }

    .main-title .desktop {
        display: none;
    }

    .Mobile-Screen-Referral-Section {
        background-image: url(../images/new-website/MobileScreensImages/MobileReferralSectionImageBg.png) !important;
        background-position: top;
        background-size: cover
    }

        .Mobile-Screen-Referral-Section h1 {
            text-align: left;
            font-size: 19px;
        }

    .refferel-tile {
        background-color: #fff;
        border-radius: 30px;
        padding: 20px 35px;
    }

    .referral-image {
        height: auto;
        width: 100%;
        display: flex;
        justify-content: center;
    }

        .referral-image img {
            height: auto;
            width: 80%;
        }

    .referral-content {
        display: flex;
        padding-top: 20px;
        justify-content: center;
    }

    .referral-text {
        font-size: 18px;
        font-weight: 600;
        padding-left: 0px;
        text-align: center;
    }

    .referral-content .desktop {
        display: none;
    }

    .referral-number {
        background-color: #d75880;
        color: #ffffff;
        padding: 5px;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        font-size: 22px;
        align-content: center;
        justify-content: center;
        display: flex;
        font-weight: 600;
        position: absolute;
        left: 14%;
    }

    .Mobile-Screen-Referral-Section .mt50 {
        padding-top: 20px;
    }

    .mt50 .Get-App-Button {
        /*  height: 24px;
        width: 90px;
        font-size: 10px;*/
    }


    /*Advertise With use*/


    .sub-title h2 {
        font-size: 13.5px;
        margin-top: 10px;
        color: #2f2f2f;
        line-height: normal;
    }

    .career-form-container .Career-FormImage {
        height: auto;
        width: 100%;
        border-radius: 30px !important;
    }

    .Mobile-Screen-Advertise-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 89.6%;
        right: 6px;
        /* rotate: 520deg; */
        z-index: -1;
    }

    /*code of conduct*/
    .videomaskingimage-codeofconduct {
        height: auto;
        width: 100%;
        position: absolute;
        top: 150px !important;
        right: -7px;
    }

    .code-of-conduct-star1, .code-of-conduct-star2 {
        display: none;
    }

    .MobileCode-of-Conduct {
        padding-bottom: 30px;
    }

    .code-of-conduct-title {
        font-size: 16px;
    }

    .code-of-conduct-detail .animate-charcter {
        font-size: 18px;
        margin-top: 10px;
    }

    .code-of-conduct-detail p {
        font-size: 12.5px;
        line-height: normal;
    }

    .code-of-conduct-detail .mycolor {
        font-weight: bold;
        font-size: 14px !important;
        padding-bottom: 10px;
    }

    /*Terms and Condition page*/
    .privacy-banner {
        background-image: url(../images/new-website/MobileScreensImages/MobileRectanglePinkBgWithShapepng.svg);
        background-repeat: no-repeat;
        padding: 85px 0px;
        background-size: cover;
    }

        .privacy-banner h1 {
            text-align: center !important;
            justify-content: center !important;
            padding-top: 45px;
        }

    .Terms-Condition h3 {
        font-family: Nunito !important;
        font-size: 18px;
    }

    .privacy-terms-shape1,
    .privacy-terms-shape2,
    .privacy-terms-shape3 {
        display: none;
    }

    .Terms-Condition {
        padding-top: 15px;
    }

    /*Privacy Page*/
    .Privacy-Section h3 {
        font-family: Nunito !important;
        font-size: 18px;
    }

    /*Partner With us*/
    .Partnerwithus-videomaskingimage {
        height: auto;
        width: 100%;
        position: absolute;
        top: 263px;
        right: -9px;
    }

    .Get-onboard {
        padding-top: 30px;
        background-color: #fff;
        border-radius: 20px;
        padding: 20px;
        margin-top: 0px !important;
        z-index: 10;
        position: relative;
        /*        width: 90%;*/
    }

    .partner-withus-box h1 {
        font-size: 23px;
        text-align: left;
    }

    .tabbing-navlink img {
        height: auto;
        width: 21px;
        padding-right: 3px;
    }

    .partner-withus-box h2 {
        font-size: 19px;
        color: #2f2f2f;
        font-family: 'PTSans-Bold';
        font-weight: bold;
    }

    .partner-withus-box .samll-content {
        font-family: 'Nunito-Regular';
        font-size: 18px;
        padding-top: 10px;
    }

    .text {
        font-size: 15px;
        color: #2f2f2f;
        padding-top: 1px;
    }

    .icon img {
        width: 25px;
        height: 25px;
        /* padding-top: 10px; */
        object-fit: contain;
    }

    .icon {
        width: 40px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .Partner-Withus-list-section {
        padding-left: 0px;
    }

    .partner-withus-content {
        padding: 0px 0px;
    }

    .partner-withus-star1-top {
        display: none;
    }

    .partner-withus-star1-bottom {
        display: none;
    }

    .get-you-onboard {
        background-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        background-size: cover;
        background-position: top;
        padding-bottom: 70px;
        padding-top: 70px;
        background-repeat: no-repeat;
    }

    .why-partner-section h1 {
        font-size: 22px;
        color: #2f2f2f;
        text-align: left;
    }

    .why-partner-section {
        background-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png) !important;
        position: relative;
        margin-top: -74px;
        padding-top: 36px;
        padding-bottom: 49px;
    }

    .Partner-with-us-card {
        background-color: transparent !important;
        border: 1px solid #BBBCB8;
        height: 125px;
        width: auto;
        border-radius: 30px;
        text-align: center;
        display: flex;
        padding: 15px;
        margin-top: 10px;
    }

    .mobile-screen-partnerwithus-image img {
        height: auto;
        width: 52.52px;
    }

    .mobile-screen-partnerwithus-image {
        height: auto;
        /*width: 40%;*/
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .font-weight-bold-title {
        font-size: 16px;
        margin-top: 0px !important;
        text-align: left;
        padding-left: 14px;
    }

    .mobile-screen-partnerwithus-content {
        display: flex;
        align-items: center;
    }

        .mobile-screen-partnerwithus-content .desktop {
            display: none;
        }

        .mobile-screen-partnerwithus-content .text-muted {
            font-size: 12px;
            text-align: left;
            padding-left: 16px;
            padding-top: 4px;
        }

        .mobile-screen-partnerwithus-content > div > .mt3 {
            margin-top: 0px !important;
        }

    .why-partner {
        margin-top: 0rem !important;
    }

    .success-stories {
        display: none;
    }

    .Mobile-Screen-Success-Stories {
        background-image: none !important;
        padding-bottom: 30px;
    }

        .Mobile-Screen-Success-Stories h1 {
            text-align: center;
        }

    .Mobile-Screen-Success-Stories-Image {
        border-radius: 30px;
    }

        .Mobile-Screen-Success-Stories-Image img {
            height: auto;
            width: 100%;
        }

    .Mobile-Screen-Success-Stories-Content {
        padding: 0px;
        /*border: 1px solid #d75880;*/
        border-radius: 30px;
    }

    .testimonials_section .Mobile-Screen-Success-Stories-Content .paragraph {
        font-weight: 500;
        line-height: normal;
        color: #2f2f2f !important;
        margin-bottom: -1px;
        padding: 15px 13px 5px;
        font-size: 12px;
        min-height: auto;
        text-align: left;
    }

    .Mobile-Screen-Success-Stories-Content p {
        padding: 0px 10px 0px;
    }

    .Mobile-Screen-Success-Stories-Content h3 {
        padding: 4px 10px 0px;
    }

    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        border-radius: 23px 23px 0px 0px;
    }

    .card-text img {
        height: auto;
        width: 30px !important;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3px;
    }

    .Mobile-Screen-Success-Stories-Item {
        margin-top: 30px;
    }

        .Mobile-Screen-Success-Stories-Item .owl-dots {
            position: absolute;
            top: 93%;
            left: 50%;
            transform: translateX(-50%);
        }

    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: none !important;
    }

    /*ContactUs*/
    .Desktop-ContactUs-Section {
        display: none;
    }

    .Mobile-Screens-Contact-Section {
        background-image: url(../images/new-website/MobileScreensImages/MobileContactusBg.png);
        background-size: cover;
        padding: 40px 0px;
    }

    .Mobile-Contact-Section-Main-title {
        color: #2f2f2f;
        font-family: 'PTSans-Bold';
        font-size: 24px;
        font-weight: bold;
    }

    .Mobile-Contact-Section-content p {
        font-size: 12px;
        margin-top: 5px;
    }

    .Mobile-Contact-Section-content span {
        color: #d75880;
        font-weight: bold;
    }

    .Mobile-Contact-Section-content a {
        color: #d75880;
        font-weight: bold;
    }

    .Mobile-Contact-Section-Image img {
        height: auto;
        width: 100%;
    }

    .Mobile-Contact-Section-Main-title .Mobile-Contact-Section-underline {
        position: absolute;
        width: 86px;
        left: 52%;
        top: 138.5%;
    }

    .Mobile-Contact-Section-Form {
        margin-top: 30px;
    }

    .Mobile-Contact-Section-FormCard {
        background-color: #fff;
        border-radius: 30px;
        padding: 15px;
        margin-top: 20px;
    }

        .Mobile-Contact-Section-FormCard .Get-App-Button {
            height: 30px;
            width: 90px;
            font-size: 12px;
        }

    .Mobile-get-our-app-content .icon {
        height: 40px !important;
        width: 40px !important;
        background-color: #fbeef5;
        border-radius: 50%;
        text-align: center;
    }

    .Mobile-get-our-app-content .get-our-app-text h2 {
        color: #2f2f2f;
        font-weight: 600;
        font-size: 14px;
    }

    .Contact-us-GetOur-App-Bg {
        background-image: none;
        height: auto;
        background-size:;
        padding-top: 30px;
    }

    .Mobile-app-bottom-content {
        padding-top: 20px;
        justify-content: start;
        padding-left: 0px;
        padding-bottom: 20px;
    }

        .Mobile-app-bottom-content .play-app-store {
            padding: 0px;
        }

    .mobile-qrcode {
        display: none;
    }

    .play-app-store {
        padding-left: 0px;
        display: flex;
        gap: 5px;
    }

    .store-bottom-text {
        font-size: 16px;
        font-weight: bold;
        color: #848A9A;
        text-align: center;
    }

    .faq-drawer__content .faq-content {
        /* padding-left: 38px; */
        font-family: 'Nunito-Regular';
        font-size: 14px;
        padding: 9px 21px;
    }

    .store-top-text {
        font-size: 12px;
        font-weight: normal;
        color: #84899a;
    }

    .store img {
        height: 28px;
        width: auto;
    }

    .store {
        height: auto;
        width: auto;
        border: 1px solid #848A9A;
        border-radius: 14px;
        margin-bottom: 5px;
        display: flex;
        align-items: center;
        padding: 4px 10px;
    }

    .Mobile-Screen-Get-Our-App-Mobile-Image img {
        height: auto;
        width: 100%;
    }

    .Desktop-NewsLetter {
        display: none;
    }

    .Mobile-Screen-Dog-Nose-Image {
        position: relative;
        margin-top: -82px;
        z-index: 11;
    }

        .Mobile-Screen-Dog-Nose-Image img {
            width: 100%;
        }

    .Mobile-News-Letter-Contact-usPage {
        background-color: #d75880;
        height: auto;
        width: 100%;
        position: relative;
        margin-top: -49px;
        z-index: 1;
        padding-bottom: 40px;
    }

        .Mobile-News-Letter-Contact-usPage .breed-subtitle {
            margin-top: 0px;
        }

        .Mobile-News-Letter-Contact-usPage .container .NewsLetter-Text {
            padding-top: 70px !important;
        }

    .footer {
        background-color: #84899a;
        height: auto;
        padding: 11px 0px 20px 0px;
    }

    .Mobile-News-Letter-Contact-usPage h1 {
        text-align: left;
        font-size: 25px;
    }

    .Mobile-News-Letter-Contact-usPage h2 {
        font-size: 14px;
        padding-top: 5px;
    }

    .email-input {
        padding-top: 10px;
    }

    .email-input-mobile input[type="email"] {
        width: 99% !important;
        padding: 8px;
        border-radius: 10px;
        border: 2px solid #fff;
        font-size: 15px;
        font-weight: bold;
    }

    .Mobile-News-Letter-Contact-usPage .subscribe-button {
        padding-top: 10px;
    }

    /*Services Pages*/

    .Service-Page-Title {
        padding-top: 90px;
    }

    .Service-Section2 {
        background-image: url(../images/new-website/MobileScreensImages/ServicePageBgMobile.png);
        padding: 35px 0px 0px;
        background-position: top;
        background-size: cover;
    }

    .bg-transparent {
        background-color: transparent;
    }

    .Service-Section2 .owl-stage-outer {
        background-color: transparent;
    }

    .Service-Section2 .pt-30 {
        padding-top: 0px;
    }

    .Service-Section2 h1 {
        text-align: left !important;
    }

    .Service-Section2 .owl-carousel {
        width: auto;
    }

    .Service-Section2 .card-2 {
        border-radius: 23px;
        width: 95%;
    }

    .Desktop-Service {
        display: none;
    }

    .Mobile-Screen-Service-Section-container .owl-dots {
        position: absolute;
        top: 77%;
        left: 50%;
        transform: translateX(-50%);
        display: none;
    }

    .Mobile-Screen-Veterinary-Section-container .veterinary-section h1 {
        text-align: left !important;
    }

    .Mobile-Screen-Veterinary-Section-container .Diagnostic-card {
        border: 3px solid #BBBCB8;
    }

    .inner {
        padding-left: 0px !important;
        text-align: left !important;
    }

        .inner span {
            font-size: 15px;
            color: #d75880;
            font-weight: bold;
        }

        .inner p {
            font-size: 14px;
        }

    .Veterinary-image {
        width: 100%;
        border-radius: 30px;
        border-right: 6px solid #d75880 !important;
        border-bottom: 6px solid #d75880 !important;
    }

    .veterinary-section-shape1,
    .veterinary-section-shape2,
    .veterinary-section-shape3,
    .veterinary-section-shape4,
    .veterinary-section-shape5 {
        display: none;
    }

    .Sick-Pet-Care-Diagnostic-Services {
        padding-top: 30px;
    }

        .Sick-Pet-Care-Diagnostic-Services h1 {
            text-align: left;
        }

        .Sick-Pet-Care-Diagnostic-Services .text-container {
            display: none;
        }

        .Sick-Pet-Care-Diagnostic-Services .Diagnostic-card {
            min-height: auto;
            border: 1px solid #BBBCB8 !important;
            border-radius: 23px !important;
        }
    .copyright-content {
        color: white;
        text-align: center;
    }

        .Sick-Pet-Care-Diagnostic-Services .mycolor {
            font-size: 18px !important;
        }

        .Sick-Pet-Care-Diagnostic-Services .Get-App-Button {
            height: 30px;
            width: 90px;
            font-size: 12px;
        }

    .Service-Page-Before-Footer {
        background-image: none;
        background-size: cover;
        background-repeat: no-repeat;
        padding: 30px 0px 30px;
        background-color: #d75880 !important;
        position: relative;
        margin-top: -39px;
    }

        .Service-Page-Before-Footer .btnx {
            padding-top: 20px;
        }

        .Service-Page-Before-Footer a {
            width: 153px !important;
        }

        .Service-Page-Before-Footer .desktop {
            display: none;
        }

        .Service-Page-Before-Footer .mobile {
            padding-top: 5px !important;
        }

    video::-webkit-media-controls {
        display: none !important;
        /* Hide Safari media controls */
    }

    video {
        pointer-events: none;
        /* Prevent user interaction with the video */
    }

    .Mobile-Benefits-Of-Pets-Card .owl-stage-outer {
        background: none;
    }

    .FAQ-Circle1,
    .FAQ-Circle2 {
        display: none;
    }

    .Questionmarkimage {
        display: none;
    }

    .FAQ-Section {
        background-image: url(../images/new-website/MobileScreensImages/FAQBg.png);
        padding: 40px 0px 0px;
        background-size: cover;
    }

    .heading-border-top button {
        margin-top: 13px;
    }

    .heading-border-top {
        padding-bottom: 30px;
        text-align: center;
        padding-top: 30px;
    }

    .FAQ-Category-Name {
        font-size: 17px;
        padding-left: 32px;
    }

    .FAQ-Category-Icon img {
        height: auto;
        width: 74%;
    }

    .FAQ-Category-Card {
        background-color: transparent;
        color: #2f2f2f !important;
        padding: 12px 15px;
        border-radius: 20px !important;
        border: 2px solid #848A9A !important;
    }

    .tab-content {
        padding-top: 30px;
    }

    .faq-drawer__title {
        cursor: pointer;
        display: block;
        font-size: 15px !important;
        font-weight: 700;
        padding: 5px 15px 11px 35px;
        margin-bottom: 0;
        color: #2f2f2f;
        transition: color 0.3s ease-in-out;
        position: relative;
    }

    .faq-drawer .faq-drawer__title::after {
        content: "";
        border-style: solid;
        border-width: 2px 2px 0 0;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 10%;
        transform: rotate(135deg) translateY(-50%);
        transition: transform 0.3s ease-in-out;
        height: 12px;
        width: 12px;
        color: #d75880;
    }

    .faq-drawer__content {
        background-color: #fff;
    }

    .heading-border-top h1 {
        text-align: left;
    }

    .heading-border-top {
        text-align: left;
    }

        .heading-border-top:before {
            border-top: 3px solid #d75880;
            content: "";
            display: block;
            height: 1px;
            left: 50%;
            margin-left: -30px;
            position: absolute;
            top: 0;
            width: 60px;
            position: relative;
            padding-bottom: 20px;
        }

        .heading-border-top button {
            /* height: 30px;
        width: 90px;
        font-size: 12px;*/
        }


    /*footer*/

    .footer-logo img {
        width: 180px;
        height: auto;
    }

    .get-fromplaystore img {
        height: 40%;
        width: 40%;
    }

    .Desktop-Footer-menu {
        display: none;
    }

    .Footer-Icon {
        justify-content: center;
        margin-top: 20px;
        display: flex;
    }

    /* Breed pages */
    .Internal-Cat-Breed {
        padding: 90px 0px 20px;
    }

    .search-box {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0px;
    }

    .search {
        width: 100%;
        padding: 9px;
    }

    .popularbreed-imageshape2, .popularbreed-imageshape1 {
        display: none;
    }

    .breed-table {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-bottom: 6px !important;
        font-size: 13px;
        margin: 0px;
    }

        .breed-table li {
            list-style: none;
            /*margin: 5px;*/
            font-size: 20px;
            font-weight: 600;
            cursor: pointer;
        }

            .breed-table li a {
                color: #848A9A;
                text-decoration: none;
                font-size: 17px;
                line-height: 0;
            }

    .contact-us-form .search-icon {
        left: 8%;
        position: absolute;
        z-index: 2;
        display: block;
        width: 2.375rem;
        height: 2.375rem;
        line-height: 2.375rem;
        text-align: center;
        pointer-events: none;
        color: #BBBCB8;
    }

    .Mobile-Popular-Breed {
        background-image: url(../images/new-website/MobileScreensImages/FAQBg.png);
        background-size: cover;
    }

    .breed-info {
        text-align: center;
        display: flex;
        grid-gap: 40px;
        padding-top: 0px;
    }

    .Weight-info img {
        height: auto;
        width: 40px;
    }

    .Height-info img {
        height: auto;
        width: 40px;
    }

    .Country-info img {
        height: auto;
        width: 36px;
    }

    .Breed-Detail {
        padding-bottom: 0px;
    }

    .Mobile-Popular-Breed-Detail {
        background-image: url(../images/new-website/MobileScreensImages/FAQBg.png);
        background-size: cover;
        padding-top: 20px;
        padding-bottom: 60px !important;
    }

    .Breed-Detail-Content {
        padding-top: 30px;
        background-color: #fff;
        border-radius: 20px;
        padding: 15px;
        margin-top: 30px;
        z-index: 10;
/*        width: 90%;*/
        /* position: relative; */
    }

    .Breed-Detail-left {
        padding-top: 0px !important;
    }

        .Breed-Detail-left .desktop {
            display: none;
        }

    .Explore {
        font-size: 18px;
    }

    .breedtabbing-content {
        margin-top: 20px;
    }

        .breedtabbing-content .tab-content {
            padding-top: 0px;
        }
    /*.tabbing-navlink img{
    display:none !important;
}
.tabbing-navlink:active img {
    display: none !important;
}*/
    .breed-tabbing-text p {
        padding: 0px 20px 15px;
        line-height: normal;
        font-size: 14px;
    }

    .breeddetail-beforefooter {
        padding: 50px 0px 30px 20px;
        background-image: url(../images/new-website/MobileScreensImages/MobileRectanglePinkBgWithShapeTopCurve.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        margin-top: -40px;
    }

    .breeddetail-beforefooter {
        display: flex;
        align-items: center;
        height: auto;
    }

        .breeddetail-beforefooter .NewsLetter-Text .subtitile {
            text-align: left !important;
        }

    .breed-star1-top, .breed-detail-star1-bottom {
        display: none;
    }

    .breedname-underline {
        display: none;
    }

    .breedtabbing-content .nav-item {
        border-bottom: 0px;
    }
}

@media only screen and (max-width: 380px) and (min-width: 373px) {
    .testywrap{
        margin-top:20px;
    }
    .Desktop-ElementCodeofConduct::before {
        display: none;
    }

    .Desktop-ElementCodeofConduct::after {
        display: none;
    }
    
    .tab__btn {
        display: inline-block;
        color: var(--text-color);
        font-size: 1em;
        font-weight: 400;
        margin: 0 2px;
        padding: 0px 5px !important;
        border-radius: 10px;
        cursor: pointer;
        user-select: none;
        transition: background-color .3s ease;
    }
    .tabbing-navlink img {
        height: auto;
        width: 20px !important;
    }
    .Desktop-ElementBreedDetail::before {
        content: '';
        position: absolute;
        top: -6px;
        left: -10px;
        height: 40px;
        width: 40px;
        rotate: 20deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 1;
    }

    .Desktop-ElementBreedDetail::after {
        content: '';
        position: absolute;
        bottom: 38px;
        right: -15px;
        height: 40px;
        width: 40px;
        rotate: 164.95deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center bottom;
        background-size: contain;
        z-index: 0;
    }


    .Mobile-Element-CareerApply {
        position: relative;
        z-index: 4;
    }

        .Mobile-Element-CareerApply::after {
            content: '';
            position: absolute;
            bottom: -11px;
            right: -6px;
            height: 49.39px;
            width: 49.39px;
            rotate: 218deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
            background-size: contain;
            z-index: -1;
        }

    .Desktop-Partnerwithus-Element::before {
        content: '';
        position: absolute;
        top: -11px;
        left: -16px;
        height: 48px;
        width: 48px;
        rotate: -9deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 1;
    }

    .Desktop-Partnerwithus-Element::after {
        content: '';
        position: absolute;
        bottom: -42px;
        right: -53px;
        height: 48px;
        width: 48px;
        rotate: 51.53deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center bottom;
        background-size: contain;
        z-index: 0;
    }



    .Mobile-Elements-benefits {
        position: relative;
        z-index: 4;
    }

        .Mobile-Elements-benefits::before {
            content: '';
            position: absolute;
            top: 10px;
            left: -7px;
            height: 41px;
            width: 41px;
            rotate: -25.58deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
            background-size: contain;
            z-index: 0;
        }

        .Mobile-Elements-benefits::after {
            content: '';
            position: absolute;
            bottom: 43px;
            right: 14px;
            height: 46px;
            width: 46px;
            rotate: 138.42deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
            background-size: contain;
            z-index: -1;
        }

    .Mobile-Element-Howitwork-1 {
        position: relative;
        z-index: 4;
    }

        .Mobile-Element-Howitwork-1::before {
            content: '';
            position: absolute;
            top: -2px;
            left: -14px;
            height: 44.65px;
            width: 44.65px;
            rotate: 7deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star1.png) no-repeat center top;
            background-size: contain;
            z-index: 0;
        }

        .Mobile-Element-Howitwork-1::after {
            content: '';
            position: absolute;
            bottom: 4px;
            right: -11px;
            height: 44.65px;
            width: 44.65px;
            rotate: -242deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star1.png) no-repeat center top;
            background-size: contain;
            z-index: 0;
        }

    .testywrap::before {
        content: '';
        position: absolute;
        top: -14px;
        right: 8%;
        height: 55px;
        width: 55px;
        rotate: 148.48deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 0;
    }

    .testywrap::after {
        content: '';
        position: absolute;
        bottom: 40px;
        height: 55px;
        width: 55px;
        left: 12%;
        rotate: 144.48deg;
        background: url('https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png') no-repeat center bottom;
        background-size: contain;
        z-index: -1;
    }





    .testimonials_quote {
        display: none;
    }

    .preloader img {
        height: auto;
        width: 80%;
    }

    .footer-alignment {
        display: flex;
        justify-content: center;
    }

    .Mobile-ContactUs-Button {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    .Desktop-how-itwork-star1,
    .Desktop-how-itwork-star2,
    .Desktop-Service-circle1,
    .Desktop-Service-circle2,
    .Desktop-Service-circle3,
    .Desktop-Service-circle4,
    .Desktop-benefits-star1,
    .Desktop-benefits-star2,
    .Dekstop-screen-Testimonial-Star-1,
    .Dekstop-screen-Testimonial-Star-2,
    .Desktop-veterinary-section-shape1,
    .Desktop-veterinary-section-shape2,
    .Desktop-veterinary-section-shape3,
    .Desktop-veterinary-section-shape4,
    .Desktop-partner-withus-star1,
    .Desktop-partner-withus-star2,
    .Desktop-Screen-CareerApply-Shape1,
    .Desktop-Screen-CareerApply-Shape2,
    .Desktop-refferal-cricle-1,
    .Desktop-refferal-cricle-2,
    .Desktop-FAQ-Circle1,
    .Desktop-FAQ-Circle2,
    .Desktop-CodeofConduct-Star1,
    .Desktop-CodeofConduct-Star2,
    .Desktop-privacy-terms-shape1,
    .Desktop-privacy-terms-shape2,
    .Desktop-privacy-terms-shape3,
    .Desktop-contact-us-star1-top,
    .Desktop-contact-us-star1-bottom,
    .Desktop-BreedList-Shape1,
    .Desktop-BreedList-Shape2,
    .Desktop-breed-star1,
    .Desktop-breed-star2,
    .Desktop-veterinary-section-shape5 {
        display: none;
    }
    /*Mobile-Elements-Start*/
    .OurValues {
        position: relative;
        padding-bottom: 40px !important;
    }

    .code-of-conduct-detail {
        background-color: white;
        border-radius: 30px;
        padding: 30px;
        margin-top: 30px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }


    .Mobile-Screen-Blogs-Section {
        position: relative;
        padding-top: 20px;
    }

    .blog-section, .career-form, .get-you-onboard, .Mobile-FAQ, .code-of-conduct-section, .Breed-List-Section, .Internal-Cat-Breed, .Mobile-screen-How-it-Work, .Breed-Detail-Content {
        position: relative;
    }

    .Breed-List-Section {
        padding-bottom: 15px;
    }


    .Border-class {
        border: 1px solid #d75880;
        border-radius: 0px 0px 33px 33px;
        padding-bottom: 30px;
        position: relative;
        margin-top: -2px;
        z-index: -1;
    }

    .Mobile-Screens-Contact-Section-GenralInformation {
        position: relative;
    }

    .Contact-us-GetOur-App-Bg {
        position: relative;
    }

    .Mobile-screen-How-it-Work-Cards-star1 {
        height: auto;
        width: 44.65px;
        position: absolute;
        /* z-index: -1; */
        left: 8.2px;
        rotate: 7deg;
        top: 3.5%;
        z-index: 1;
    }

    .Mobile-screen-How-it-Work-Cards-star2 {
        height: auto;
        width: 36.65px;
        position: absolute;
        /* z-index: -1; */
        right: 20px;
        rotate: 34.16deg;
        top: 92.5%;
    }

    .Mobile-screen-Service-Circle-1 {
        position: absolute;
        height: auto;
        width: 37px;
        right: -39.9px;
        rotate: 187.27deg;
        top: 96%;
    }

    .Mobile-screen-Service-Circle-2 {
        position: absolute;
        height: auto;
        width: 37px;
        left: -40px;
        rotate: 6.14deg;
        top: 87%;
    }

    .Mobile-screen-Benefits-Star-1 {
        position: absolute;
        height: auto;
        width: 41px;
        rotate: -25.58deg;
        top: 18.2%;
        left: 15px;
    }

    .Mobile-screen-Benefits-Star-2 {
        position: absolute;
        height: auto;
        width: 46px;
        rotate: 138.42deg;
        top: 79.4%;
        right: 41px;
    }

    .Mobile-screen-Testimonial-Star-1 {
        position: absolute;
        height: auto;
        width: 55px;
        top: 30.8%;
        right: 13%;
        rotate: 147deg;
    }

    .Mobile-screen-Testimonial-Star-2 {
        position: absolute;
        height: auto;
        width: 55px;
        top: 75.2%;
        rotate: 142deg;
        left: 10%;
    }

    .Mobile-Screen-Our-Values-Star1 {
        position: absolute;
        height: auto;
        width: 60px;
        right: -45px;
        rotate: -302.25deg;
    }

    .Mobile-Screen-Our-Values-Star2 {
        position: absolute;
        height: auto;
        width: 53px;
        rotate: 49.75deg;
        left: -39px;
        top: 91%;
    }

    .Mobile-Screen-Blogs-Shape1 {
        height: auto;
        width: 50px;
        right: -28px;
        top: 0px;
        position: absolute;
    }

    .Mobile-Screen-Blogs-Star1 {
        position: absolute;
        height: auto;
        width: 54px;
        right: -39.8px;
        top: 35%;
        rotate: 56.75deg;
    }

    .Mobile-Screen-Blogs-Shape2 {
        position: absolute;
        height: auto;
        width: 40px;
        bottom: 4%;
        rotate: -183deg;
        left: -21px;
    }

    .Mobile-Screen-Blogs-Star2 {
        position: absolute;
        height: auto;
        width: 47px;
        top: 59%;
        rotate: 50.71deg;
        left: -35px;
    }

    .Mobile-Screen-BlogDetail-Star1 {
        position: absolute;
        height: auto;
        width: 47.27px;
        rotate: 342deg;
        left: 95.5%;
        top: 16%;
    }

    .Mobile-Screen-BlogDetail-Star2 {
        position: absolute;
        height: auto;
        width: 68.37px;
        rotate: 209.05deg;
        top: 33%;
        right: 97%;
    }

    .Mobile-Screen-BlogDetail-Star3 {
        position: absolute;
        height: auto;
        width: 68.37px;
        rotate: 209.05deg;
        top: 57%;
        left: 96.5%;
    }

    .Mobile-Screen-BlogDetail-Star4 {
        position: absolute;
        height: auto;
        width: 66px;
        rotate: 240.38deg;
        left: -49px;
        bottom: 1%;
    }

    .Mobile-Screen-Advertise-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 90%;
        right: 8px;
        rotate: 218deg;
        z-index: -1;
    }

    .Mobile-Screen-CareerApply-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 91%;
        right: 8px;
        rotate: 218deg;
        z-index: -1;
    }

    .Mobile-Screen-career-form-shape1 {
        position: absolute;
        height: auto !important;
        width: 60px !important;
        right: 92.6%;
        rotate: 163deg;
        top: 54%;
    }

    .Mobile-Screen-career-form-shape2 {
        position: absolute;
        height: auto;
        width: 77px;
        left: 95%;
        top: -56px;
        rotate: 269deg
    }

    .Mobile-Screen-PartnerWithUs-Star1 {
        position: absolute;
        height: auto;
        width: 48px;
        top: 10.9%;
        left: 6px;
        rotate: 7deg;
    }

    .Mobile-Screen-PartnerWithUs-Star2 {
        position: absolute;
        height: auto;
        width: 47px;
        right: -36px;
        bottom: 65px;
        rotate: 50deg;
    }

    .Mobile-Screen-Contact-Shape1 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -43px;
        top: 10%;
    }

    .Mobile-Screen-Contact-Star1 {
        position: absolute;
        height: auto;
        width: 77px;
        rotate: -474deg;
        right: -61px;
        top: 10%;
    }

    .Mobile-Screen-Contact-Star2 {
        position: absolute;
        height: auto;
        width: 73px;
        bottom: 14%;
        rotate: 161deg;
        left: -45px;
    }

    .Mobile-Screen-FAQ-Circle1 {
        position: absolute;
        height: auto;
        width: 50px;
        top: 5.5%;
        left: -25px;
    }

    .Mobile-Screen-FAQ-Circle2 {
        position: absolute;
        width: 84px;
        right: -62px;
        bottom: 10.5%;
        rotate: 138deg;
    }

    .Mobile-Screen-CodeofConduct-Star1 {
        position: absolute;
        height: auto;
        width: 44px;
        z-index: -1;
        left: 7px;
        top: 19.5px;
        rotate: 0deg;
    }

    .Mobile-Screen-CodeofConduct-Star2 {
        position: absolute;
        height: auto;
        width: 50px;
        right: -36px;
        top: 29%;
        rotate: -46deg;
    }

    .Mobile-Screen-CodeofConduct-Star3 {
        position: absolute;
        height: auto;
        width: 50px;
        bottom: 38%;
        left: -38px;
        rotate: 242deg;
    }

    .Mobile-Screen-CodeofConduct-Star4 {
        position: absolute;
        height: auto;
        width: 50px;
        right: -36px;
        bottom: 9%;
        rotate: -46deg;
    }

    .Mobile-Screen-privacy-terms-shape1 {
        position: absolute;
        height: auto;
        width: 31px;
        rotate: 105deg;
        left: -17px;
    }

    .Mobile-Screen-privacy-terms-shape2 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 11.5%;
    }

    .Mobile-Screen-privacy-terms-shape3 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 38.5%;
    }

    .Mobile-Screen-privacy-terms-shape4 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 64.5%;
    }

    .Mobile-Screen-privacy-terms-shape5 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 85%;
    }

    .Mobile-Screen-privacy-terms-shape6 {
        position: absolute;
        height: auto;
        width: 40px;
        left: -20px;
        bottom: 7px;
        rotate: -191deg;
    }

    .Mobile-Screen-Breed-Shape1 {
        position: absolute;
        height: auto;
        width: 33px;
        right: -18px;
        rotate: -93deg;
    }

    .Mobile-Screen-BreedList-Shape1 {
        position: absolute;
        height: auto;
        width: 50px;
        left: -27px;
        bottom: 1%;
        rotate: 92deg;
    }

    .Mobile-Screen-breedDetail-Star1 {
        position: absolute;
        height: auto;
        width: 40px;
        rotate: 33deg;
        top: 40px;
        left: 12px;
    }

    .Mobile-Screen-breedDetail-Star2 {
        position: absolute;
        height: auto;
        width: 50px;
        right: 9px;
        bottom: 83px;
        rotate: 37deg;
    }
    /*Mobile-Elements-End*/

    /* create the paw prints */
    .pad {
        width: 25px;
        height: 27px;
        background-color: #84899a;
        -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
        border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
        display: block;
        position: absolute;
    }

    .large {
        width: 45px;
        height: 55px;
        transform: rotate(91deg);
        left: 94px;
        top: 50px;
    }

    .small-1 {
        transform: rotate(50deg);
        left: 127px;
        top: 28px;
    }

    .small-2 {
        transform: rotate(65deg);
        left: 149px;
        top: 50px;
    }

    .small-3 {
        transform: rotate(98deg);
        position: absolute;
        left: 148px;
        top: 82px;
    }

    .small-4 {
        transform: rotate(140deg);
        position: absolute;
        left: 123px;
        top: 103px;
    }

    /* position and animate */

    .paw-print-1 {
        opacity: 0;
        position: absolute;
        left: -90px;
        top: 96%;
        transform: rotate(-40deg);
        -webkit-animation: walk 3s linear infinite;
        animation: /*keyframe*/ walk /*duration*/ 3s /*transition*/ linear /*repeat*/ infinite;
    }

    .paw-print-2 {
        opacity: 0;
        left: -49px;
        top: 78%;
        transform: rotate(-53deg);
        -webkit-animation: walk 3s linear infinite 0.25s;
        animation: walk 3s linear infinite /*delay*/ 0.25s;
    }

    .paw-print-3 {
        opacity: 0;
        position: absolute;
        left: 78px;
        top: 64%;
        transform: rotate(-56deg);
        -webkit-animation: walk 3s linear infinite 0.5s;
        animation: walk 3s linear infinite 0.5s;
    }

    .paw-print-4 {
        opacity: 0;
        position: absolute;
        left: 30px;
        top: 38%;
        transform: rotate(-49deg);
        -webkit-animation: walk 3s linear infinite 0.75s;
        animation: walk 3s linear infinite 0.75s;
    }

    .paw-print-5 {
        opacity: 0;
        position: absolute;
        left: 142px;
        top: 9%;
        transform: rotate(-23deg);
        -webkit-animation: walk 3s linear infinite 1s;
        animation: walk 3s linear infinite 1s;
    }

    .paw-print-6 {
        opacity: 0;
        position: absolute;
        left: 750px;
        top: 200px;
        transform: rotate(10deg);
        -webkit-animation: walk 3s linear infinite 1.25s;
        animation: walk 3s linear infinite 1.25s;
    }

    .paw-print-7 {
        opacity: 0;
        position: absolute;
        left: 950px;
        top: 50px;
        transform: rotate(20deg);
        -webkit-animation: walk 3s linear infinite 1.5s;
        animation: walk 3s linear infinite 1.5s;
    }

    .paw-print-8 {
        opacity: 0;
        position: absolute;
        left: 1025px;
        top: 250px;
        transform: rotate(10deg);
        -webkit-animation: walk 3s linear infinite 1.75s;
        animation: walk 3s linear infinite 1.75s;
    }

    .referralvideomaskingimage {
        height: auto !important;
        width: 100%;
        position: absolute;
        top: 374px !important;
        right: -9px;
    }

    .Sub-Accordian-Text {
        font-size: 16px !important;
    }

    .Main-Accordian-Body {
        padding: 10px 0px 0px 10px;
    }

    .Desktop-FAQ, .advertise-dekstop {
        display: none;
    }

    .Get-Our-App-Content-Right {
        padding-top: 0px;
    }

    .Mobile-Menu-Button {
        display: none;
    }

    .breed-tabbing-desktop {
        display: none;
    }

    .menu-button-mobile {
        margin-left: 20px;
    }


    .Mobile-Contact-Section-Main-title .Mobile-Contact-Section-underline {
        position: absolute;
        width: 86px;
        left: 57%;
        top: 179.5%;
    }
}

@media only screen and (max-width: 380px) and (min-width: 373px) {
    .testywrap {
        margin-top: 20px;
    } .Desktop-ElementCodeofConduct::before {
        display: none;
    }

    .Desktop-ElementCodeofConduct::after {
        display: none;
    }
    
    .tab__btn {
        display: inline-block;
        color: var(--text-color);
        font-size: 1em;
        font-weight: 400;
        margin: 0 2px;
        padding: 0px 5px !important;
        border-radius: 10px;
        cursor: pointer;
        user-select: none;
        transition: background-color .3s ease;
    }

    .tabbing-navlink img {
        height: auto;
        width: 20px !important;
    }

    .Desktop-ElementBreedDetail::before {
        content: '';
        position: absolute;
        top: -6px;
        left: -10px;
        height: 40px;
        width: 40px;
        rotate: 20deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 1;
    }

    .Desktop-ElementBreedDetail::after {
        content: '';
        position: absolute;
        bottom: 38px;
        right: -15px;
        height: 40px;
        width: 40px;
        rotate: 164.95deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center bottom;
        background-size: contain;
        z-index: 0;
    }


    .Mobile-Element-CareerApply {
        position: relative;
        z-index: 4;
    }

        .Mobile-Element-CareerApply::after {
            content: '';
            position: absolute;
            bottom: -11px;
            right: -6px;
            height: 49.39px;
            width: 49.39px;
            rotate: 218deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
            background-size: contain;
            z-index: -1;
        }

    .Desktop-Partnerwithus-Element::before {
        content: '';
        position: absolute;
        top: -11px;
        left: -16px;
        height: 48px;
        width: 48px;
        rotate: -9deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 1;
    }

    .Desktop-Partnerwithus-Element::after {
        content: '';
        position: absolute;
        bottom: -42px;
        right: -53px;
        height: 48px;
        width: 48px;
        rotate: 51.53deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center bottom;
        background-size: contain;
        z-index: 0;
    }



    .Mobile-Elements-benefits {
        position: relative;
        z-index: 4;
    }

        .Mobile-Elements-benefits::before {
            content: '';
            position: absolute;
            top: 10px;
            left: -7px;
            height: 41px;
            width: 41px;
            rotate: -25.58deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
            background-size: contain;
            z-index: 0;
        }

        .Mobile-Elements-benefits::after {
            content: '';
            position: absolute;
            bottom: 43px;
            right: 14px;
            height: 46px;
            width: 46px;
            rotate: 138.42deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
            background-size: contain;
            z-index: -1;
        }

    .Mobile-Element-Howitwork-1 {
        position: relative;
        z-index: 4;
    }

        .Mobile-Element-Howitwork-1::before {
            content: '';
            position: absolute;
            top: -2px;
            left: -14px;
            height: 44.65px;
            width: 44.65px;
            rotate: 7deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star1.png) no-repeat center top;
            background-size: contain;
            z-index: 0;
        }

        .Mobile-Element-Howitwork-1::after {
            content: '';
            position: absolute;
            bottom: 4px;
            right: -11px;
            height: 44.65px;
            width: 44.65px;
            rotate: -242deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star1.png) no-repeat center top;
            background-size: contain;
            z-index: 0;
        }

    .testywrap::before {
        content: '';
        position: absolute;
        top: -14px;
        right: 8%;
        height: 55px;
        width: 55px;
        rotate: 148.48deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 0;
    }

    .testywrap::after {
        content: '';
        position: absolute;
        bottom: 40px;
        height: 55px;
        width: 55px;
        left: 12%;
        rotate: 144.48deg;
        background: url('https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png') no-repeat center bottom;
        background-size: contain;
        z-index: -1;
    }




    .testimonials_quote {
        display: none;
    }

    .preloader img {
        height: auto;
        width: 80%;
    }

    .footer-alignment {
        display: flex;
        justify-content: center;
    }

    .copyright-content {
        font-size: 13px !important;
        text-align: center !important;
    }

    .Mobile-ContactUs-Button {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    .Desktop-how-itwork-star1,
    .Desktop-how-itwork-star2,
    .Desktop-Service-circle1,
    .Desktop-Service-circle2,
    .Desktop-Service-circle3,
    .Desktop-Service-circle4,
    .Desktop-benefits-star1,
    .Desktop-benefits-star2,
    .Dekstop-screen-Testimonial-Star-1,
    .Dekstop-screen-Testimonial-Star-2,
    .Desktop-veterinary-section-shape1,
    .Desktop-veterinary-section-shape2,
    .Desktop-veterinary-section-shape3,
    .Desktop-veterinary-section-shape4,
    .Desktop-partner-withus-star1,
    .Desktop-partner-withus-star2,
    .Desktop-Screen-CareerApply-Shape1,
    .Desktop-Screen-CareerApply-Shape2,
    .Desktop-refferal-cricle-1,
    .Desktop-refferal-cricle-2,
    .Desktop-FAQ-Circle1,
    .Desktop-FAQ-Circle2,
    .Desktop-CodeofConduct-Star1,
    .Desktop-CodeofConduct-Star2,
    .Desktop-privacy-terms-shape1,
    .Desktop-privacy-terms-shape2,
    .Desktop-privacy-terms-shape3,
    .Desktop-contact-us-star1-top,
    .Desktop-contact-us-star1-bottom,
    .Desktop-BreedList-Shape1,
    .Desktop-BreedList-Shape2,
    .Desktop-breed-star1,
    .Desktop-breed-star2,
    .Desktop-veterinary-section-shape5 {
        display: none;
    }
    /*Mobile-Elements-Start*/
    .OurValues {
        position: relative;
        padding-bottom: 40px !important;
    }

    .Breed-List-Section {
        padding-bottom: 15px;
    }

    .code-of-conduct-detail {
        background-color: white;
        border-radius: 30px;
        padding: 30px;
        margin-top: 30px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }


    .Mobile-Screen-Blogs-Section {
        position: relative;
        padding-top: 20px;
    }

    .blog-section, .career-form, .get-you-onboard, .Mobile-FAQ, .code-of-conduct-section, .Breed-List-Section, .Internal-Cat-Breed, .Mobile-screen-How-it-Work, .Breed-Detail-Content {
        position: relative;
    }


    .Border-class {
        border: 1px solid #d75880;
        border-radius: 0px 0px 33px 33px;
        padding-bottom: 30px;
        position: relative;
        margin-top: -2px;
        z-index: -1;
    }

    .Mobile-Screens-Contact-Section-GenralInformation {
        position: relative;
    }

    .Contact-us-GetOur-App-Bg {
        position: relative;
    }

    .Mobile-screen-How-it-Work-Cards-star1 {
        height: auto;
        width: 44.65px;
        position: absolute;
        /* z-index: -1; */
        left: 8.2px;
        rotate: 7deg;
        top: 3.5%;
        z-index: 1;
    }

    .Mobile-screen-How-it-Work-Cards-star2 {
        height: auto;
        width: 36.65px;
        position: absolute;
        /* z-index: -1; */
        right: 20px;
        rotate: 34.16deg;
        top: 92.5%;
    }

    .Mobile-screen-Service-Circle-1 {
        position: absolute;
        height: auto;
        width: 37px;
        right: -39.9px;
        rotate: 187.27deg;
        top: 96%;
    }

    .Mobile-screen-Service-Circle-2 {
        position: absolute;
        height: auto;
        width: 37px;
        left: -40px;
        rotate: 6.14deg;
        top: 87%;
    }

    .Mobile-screen-Benefits-Star-1 {
        position: absolute;
        height: auto;
        width: 41px;
        rotate: -25.58deg;
        top: 18.2%;
        left: 15px;
    }

    .Mobile-screen-Benefits-Star-2 {
        position: absolute;
        height: auto;
        width: 46px;
        rotate: 138.42deg;
        top: 79.4%;
        right: 41px;
    }

    .Mobile-screen-Testimonial-Star-1 {
        position: absolute;
        height: auto;
        width: 55px;
        top: 30.8%;
        right: 13%;
        rotate: 147deg;
    }

    .Mobile-screen-Testimonial-Star-2 {
        position: absolute;
        height: auto;
        width: 55px;
        top: 75.2%;
        rotate: 142deg;
        left: 10%;
    }

    .Mobile-Screen-Our-Values-Star1 {
        position: absolute;
        height: auto;
        width: 60px;
        right: -45px;
        rotate: -302.25deg;
    }

    .Mobile-Screen-Our-Values-Star2 {
        position: absolute;
        height: auto;
        width: 53px;
        rotate: 49.75deg;
        left: -39px;
        top: 91%;
    }

    .Mobile-Screen-Blogs-Shape1 {
        height: auto;
        width: 50px;
        right: -28px;
        top: 0px;
        position: absolute;
    }

    .Mobile-Screen-Blogs-Star1 {
        position: absolute;
        height: auto;
        width: 54px;
        right: -39.8px;
        top: 35%;
        rotate: 56.75deg;
    }

    .Mobile-Screen-Blogs-Shape2 {
        position: absolute;
        height: auto;
        width: 40px;
        bottom: 4%;
        rotate: -183deg;
        left: -21px;
    }

    .Mobile-Screen-Blogs-Star2 {
        position: absolute;
        height: auto;
        width: 47px;
        top: 59%;
        rotate: 50.71deg;
        left: -35px;
    }

    .Mobile-Screen-BlogDetail-Star1 {
        position: absolute;
        height: auto;
        width: 47.27px;
        rotate: 342deg;
        left: 95.5%;
        top: 16%;
    }

    .Mobile-Screen-BlogDetail-Star2 {
        position: absolute;
        height: auto;
        width: 68.37px;
        rotate: 209.05deg;
        top: 33%;
        right: 97%;
    }

    .Mobile-Screen-BlogDetail-Star3 {
        position: absolute;
        height: auto;
        width: 68.37px;
        rotate: 209.05deg;
        top: 57%;
        left: 96.5%;
    }

    .Mobile-Screen-BlogDetail-Star4 {
        position: absolute;
        height: auto;
        width: 66px;
        rotate: 240.38deg;
        left: -49px;
        bottom: 1%;
    }

    .Mobile-Screen-Advertise-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 90%;
        right: 8px;
        rotate: 218deg;
        z-index: -1;
    }

    .Mobile-Screen-CareerApply-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 91%;
        right: 8px;
        rotate: 218deg;
        z-index: -1;
    }

    .Mobile-Screen-career-form-shape1 {
        position: absolute;
        height: auto !important;
        width: 60px !important;
        right: 95.6%;
        rotate: 163deg;
        top: 54%;
    }

    .Mobile-Screen-career-form-shape2 {
        position: absolute;
        height: auto;
        width: 77px;
        left: 95%;
        top: -56px; 
        rotate: 269deg
    }

    .Mobile-Screen-PartnerWithUs-Star1 {
        position: absolute;
        height: auto;
        width: 48px;
        top: 10.9%;
        left: 6px;
        rotate: 7deg;
    }

    .Mobile-Screen-PartnerWithUs-Star2 {
        position: absolute;
        height: auto;
        width: 47px;
        right: -36px;
        bottom: 65px;
        rotate: 50deg;
    }

    .Mobile-Screen-Contact-Shape1 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -43px;
        top: 10%;
    }

    .Mobile-Screen-Contact-Star1 {
        position: absolute;
        height: auto;
        width: 77px;
        rotate: -474deg;
        right: -61px;
        top: 10%;
    }

    .Mobile-Screen-Contact-Star2 {
        position: absolute;
        height: auto;
        width: 73px;
        bottom: 14%;
        rotate: 161deg;
        left: -45px;
    }

    .Mobile-Screen-FAQ-Circle1 {
        position: absolute;
        height: auto;
        width: 50px;
        top: 5.5%;
        left: -25px;
    }

    .Mobile-Screen-FAQ-Circle2 {
        position: absolute;
        width: 84px;
        right: -62px;
        bottom: 10.5%;
        rotate: 138deg;
    }

    .Mobile-Screen-CodeofConduct-Star1 {
        position: absolute;
        height: auto;
        width: 44px;
        z-index: -1;
        left: 7px;
        top: 19.5px;
        rotate: 0deg;
    }

    .Mobile-Screen-CodeofConduct-Star2 {
        position: absolute;
        height: auto;
        width: 50px;
        right: -36px;
        top: 29%;
        rotate: -46deg;
    }

    .Mobile-Screen-CodeofConduct-Star3 {
        position: absolute;
        height: auto;
        width: 50px;
        bottom: 38%;
        left: -38px;
        rotate: 242deg;
    }

    .Mobile-Screen-CodeofConduct-Star4 {
        position: absolute;
        height: auto;
        width: 50px;
        right: -36px;
        bottom: 9%;
        rotate: -46deg;
    }

    .Mobile-Screen-privacy-terms-shape1 {
        position: absolute;
        height: auto;
        width: 31px;
        rotate: 105deg;
        left: -17px;
    }

    .Mobile-Screen-privacy-terms-shape2 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 11.5%;
    }

    .Mobile-Screen-privacy-terms-shape3 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 38.5%;
    }

    .Mobile-Screen-privacy-terms-shape4 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 64.5%;
    }

    .Mobile-Screen-privacy-terms-shape5 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 85%;
    }

    .Mobile-Screen-privacy-terms-shape6 {
        position: absolute;
        height: auto;
        width: 40px;
        left: -20px;
        bottom: 7px;
        rotate: -191deg;
    }

    .Mobile-Screen-Breed-Shape1 {
        position: absolute;
        height: auto;
        width: 33px;
        right: -18px;
        rotate: -93deg;
    }

    .Mobile-Screen-BreedList-Shape1 {
        position: absolute;
        height: auto;
        width: 50px;
        left: -27px;
        bottom: 1%;
        rotate: 92deg;
    }

    .Mobile-Screen-breedDetail-Star1 {
        position: absolute;
        height: auto;
        width: 40px;
        rotate: 33deg;
        top: 40px;
        left: 12px;
    }

    .Mobile-Screen-breedDetail-Star2 {
        position: absolute;
        height: auto;
        width: 50px;
        right: 9px;
        bottom: 83px;
        rotate: 37deg;
    }
    /*Mobile-Elements-End*/

    /* create the paw prints */
    .pad {
        width: 25px;
        height: 27px;
        background-color: #84899a;
        -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
        border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
        display: block;
        position: absolute;
    }

    .large {
        width: 45px;
        height: 55px;
        transform: rotate(91deg);
        left: 94px;
        top: 50px;
    }

    .small-1 {
        transform: rotate(50deg);
        left: 127px;
        top: 28px;
    }

    .small-2 {
        transform: rotate(65deg);
        left: 149px;
        top: 50px;
    }

    .small-3 {
        transform: rotate(98deg);
        position: absolute;
        left: 148px;
        top: 82px;
    }

    .small-4 {
        transform: rotate(140deg);
        position: absolute;
        left: 123px;
        top: 103px;
    }

    /* position and animate */

    .paw-print-1 {
        opacity: 0;
        position: absolute;
        left: -90px;
        top: 96%;
        transform: rotate(-40deg);
        -webkit-animation: walk 3s linear infinite;
        animation: /*keyframe*/ walk /*duration*/ 3s /*transition*/ linear /*repeat*/ infinite;
    }

    .paw-print-2 {
        opacity: 0;
        left: -49px;
        top: 78%;
        transform: rotate(-53deg);
        -webkit-animation: walk 3s linear infinite 0.25s;
        animation: walk 3s linear infinite /*delay*/ 0.25s;
    }

    .paw-print-3 {
        opacity: 0;
        position: absolute;
        left: 78px;
        top: 64%;
        transform: rotate(-56deg);
        -webkit-animation: walk 3s linear infinite 0.5s;
        animation: walk 3s linear infinite 0.5s;
    }

    .paw-print-4 {
        opacity: 0;
        position: absolute;
        left: 30px;
        top: 38%;
        transform: rotate(-49deg);
        -webkit-animation: walk 3s linear infinite 0.75s;
        animation: walk 3s linear infinite 0.75s;
    }

    .paw-print-5 {
        opacity: 0;
        position: absolute;
        left: 142px;
        top: 9%;
        transform: rotate(-23deg);
        -webkit-animation: walk 3s linear infinite 1s;
        animation: walk 3s linear infinite 1s;
    }

    .paw-print-6 {
        opacity: 0;
        position: absolute;
        left: 750px;
        top: 200px;
        transform: rotate(10deg);
        -webkit-animation: walk 3s linear infinite 1.25s;
        animation: walk 3s linear infinite 1.25s;
    }

    .paw-print-7 {
        opacity: 0;
        position: absolute;
        left: 950px;
        top: 50px;
        transform: rotate(20deg);
        -webkit-animation: walk 3s linear infinite 1.5s;
        animation: walk 3s linear infinite 1.5s;
    }

    .paw-print-8 {
        opacity: 0;
        position: absolute;
        left: 1025px;
        top: 250px;
        transform: rotate(10deg);
        -webkit-animation: walk 3s linear infinite 1.75s;
        animation: walk 3s linear infinite 1.75s;
    }

    .Mobile-Contact-Section-Main-title .Mobile-Contact-Section-underline {
        position: absolute;
        width: 86px;
        left: 52%;
        top: 142.5%;
    }

    .Sub-Accordian-Text {
        font-size: 16px !important;
    }

    .Main-Accordian-Body {
        padding: 10px 0px 0px 10px;
    }

    .Desktop-FAQ, .advertise-dekstop {
        display: none;
    }

    .Get-Our-App-Content-Right {
        padding-top: 0px;
    }

    .Mobile-Menu-Button {
        display: none;
    }

    .breed-tabbing-desktop {
        display: none;
    }

    .menu-button-mobile {
        margin-left: 20px;
    }
}

@media only screen and (max-width: 392px) and (min-width: 389px) {
    .testywrap {
        margin-top: 20px;
    }
    .Desktop-ElementCodeofConduct::before {
        display: none;
    }

    .Desktop-ElementCodeofConduct::after {
        display: none;
    }
    .tab__btn {
        display: inline-block;
        color: var(--text-color);
        font-size: 1em;
        font-weight: 400;
        margin: 0 2px;
        padding: 0px 5px !important;
        border-radius: 10px;
        cursor: pointer;
        user-select: none;
        transition: background-color .3s ease;
    }

    .tabbing-navlink img {
        height: auto;
        width: 20px !important;
    }

    .Desktop-ElementBreedDetail::before {
        content: '';
        position: absolute;
        top: -6px;
        left: -10px;
        height: 40px;
        width: 40px;
        rotate: 20deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 1;
    }

    .Desktop-ElementBreedDetail::after {
        content: '';
        position: absolute;
        bottom: 38px;
        right: -15px;
        height: 40px;
        width: 40px;
        rotate: 164.95deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center bottom;
        background-size: contain;
        z-index: 0;
    }


    .Mobile-Element-CareerApply {
        position: relative;
        z-index: 4;
    }

        .Mobile-Element-CareerApply::after {
            content: '';
            position: absolute;
            bottom: -11px;
            right: -6px;
            height: 49.39px;
            width: 49.39px;
            rotate: 218deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
            background-size: contain;
            z-index: -1;
        }

    .Desktop-Partnerwithus-Element::before {
        content: '';
        position: absolute;
        top: -11px;
        left: -16px;
        height: 48px;
        width: 48px;
        rotate: -9deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 1;
    }

    .Desktop-Partnerwithus-Element::after {
        content: '';
        position: absolute;
        bottom: -42px;
        right: -53px;
        height: 48px;
        width: 48px;
        rotate: 51.53deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center bottom;
        background-size: contain;
        z-index: 0;
    }



    .Mobile-Elements-benefits {
        position: relative;
        z-index: 4;
    }

        .Mobile-Elements-benefits::before {
            content: '';
            position: absolute;
            top: 10px;
            left: -7px;
            height: 41px;
            width: 41px;
            rotate: -25.58deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
            background-size: contain;
            z-index: 0;
        }

        .Mobile-Elements-benefits::after {
            content: '';
            position: absolute;
            bottom: 43px;
            right: 14px;
            height: 46px;
            width: 46px;
            rotate: 138.42deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
            background-size: contain;
            z-index: -1;
        }

    .Mobile-Element-Howitwork-1 {
        position: relative;
        z-index: 4;
    }

        .Mobile-Element-Howitwork-1::before {
            content: '';
            position: absolute;
            top: -2px;
            left: -14px;
            height: 44.65px;
            width: 44.65px;
            rotate: 7deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star1.png) no-repeat center top;
            background-size: contain;
            z-index: 0;
        }

        .Mobile-Element-Howitwork-1::after {
            content: '';
            position: absolute;
            bottom: 4px;
            right: -11px;
            height: 44.65px;
            width: 44.65px;
            rotate: -242deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star1.png) no-repeat center top;
            background-size: contain;
            z-index: 0;
        }

    .testywrap::before {
        content: '';
        position: absolute;
        top: -14px;
        right: 8%;
        height: 55px;
        width: 55px;
        rotate: 148.48deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 0;
    }

    .testywrap::after {
        content: '';
        position: absolute;
        bottom: 40px;
        height: 55px;
        width: 55px;
        left: 12%;
        rotate: 144.48deg;
        background: url('https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png') no-repeat center bottom;
        background-size: contain;
        z-index: -1;
    }




    .preloader img {
        height: auto;
        width: 80%;
    }

    .testimonials_quote {
        display: none;
    }

    .footer-alignment {
        display: flex;
        justify-content: center;
    }

    .copyright-content {
        font-size: 13px !important;
        text-align: center !important;
    }

    .Mobile-ContactUs-Button {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    .Desktop-how-itwork-star1,
    .Desktop-how-itwork-star2,
    .Desktop-Service-circle1,
    .Desktop-Service-circle2,
    .Desktop-Service-circle3,
    .Desktop-Service-circle4,
    .Desktop-benefits-star1,
    .Desktop-benefits-star2,
    .Dekstop-screen-Testimonial-Star-1,
    .Dekstop-screen-Testimonial-Star-2,
    .Desktop-veterinary-section-shape1,
    .Desktop-veterinary-section-shape2,
    .Desktop-veterinary-section-shape3,
    .Desktop-veterinary-section-shape4,
    .Desktop-partner-withus-star1,
    .Desktop-partner-withus-star2,
    .Desktop-Screen-CareerApply-Shape1,
    .Desktop-Screen-CareerApply-Shape2,
    .Desktop-refferal-cricle-1,
    .Desktop-refferal-cricle-2,
    .Desktop-FAQ-Circle1,
    .Desktop-FAQ-Circle2,
    .Desktop-CodeofConduct-Star1,
    .Desktop-CodeofConduct-Star2,
    .Desktop-privacy-terms-shape1,
    .Desktop-privacy-terms-shape2,
    .Desktop-privacy-terms-shape3,
    .Desktop-contact-us-star1-top,
    .Desktop-contact-us-star1-bottom,
    .Desktop-BreedList-Shape1,
    .Desktop-BreedList-Shape2,
    .Desktop-breed-star1,
    .Desktop-breed-star2,
    .Desktop-veterinary-section-shape5 {
        display: none;
    }
    /*Mobile-Elements-Start*/
    .OurValues {
        position: relative;
        padding-bottom: 40px !important;
    }

    .Breed-List-Section {
        padding-bottom: 15px;
    }

    .code-of-conduct-detail {
        background-color: white;
        border-radius: 30px;
        padding: 30px;
        margin-top: 30px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }


    .Mobile-Screen-Blogs-Section {
        position: relative;
        padding-top: 20px;
    }

    .blog-section, .career-form, .get-you-onboard, .Mobile-FAQ, .code-of-conduct-section, .Breed-List-Section, .Internal-Cat-Breed, .Mobile-screen-How-it-Work, .Breed-Detail-Content {
        position: relative;
    }


    .Border-class {
        border: 1px solid #d75880;
        border-radius: 0px 0px 33px 33px;
        padding-bottom: 30px;
        position: relative;
        margin-top: -2px;
        z-index: -1;
    }

    .Mobile-Screens-Contact-Section-GenralInformation {
        position: relative;
    }

    .Contact-us-GetOur-App-Bg {
        position: relative;
    }

    .career-form-container {
        background-color: #ffffff;
        border-radius: 30px;
        height: auto;
        width: 95%;
        margin-top: 30px;
        margin-right: auto;
        margin-left: auto;
    }

    .Mobile-screen-How-it-Work-Cards-star1 {
        height: auto;
        width: 44.65px;
        position: absolute;
        /* z-index: -1; */
        left: 7.2px;
        rotate: 5deg;
        top: 59px;
        z-index: 1;
    }

    .Mobile-screen-How-it-Work-Cards-star2 {
        height: auto;
        width: 36.65px;
        position: absolute;
        /* z-index: -1; */
        right: 20px;
        rotate: 34.16deg;
        top: 92.3%;
    }

    .Mobile-screen-Service-Circle-1 {
        position: absolute;
        height: auto;
        width: 34px;
        right: -39.9px;
        rotate: 187.27deg;
        top: 85%;
    }

    .Mobile-screen-Service-Circle-2 {
        position: absolute;
        height: auto;
        width: 37px;
        left: -40px;
        rotate: 6.14deg;
        top: 87%;
    }

    .Mobile-screen-Benefits-Star-1 {
        position: absolute;
        height: auto;
        width: 41px;
        rotate: -25.58deg;
        top: 19.2%;
        left: 15px;
    }

    .Mobile-screen-Benefits-Star-2 {
        position: absolute;
        height: auto;
        width: 46px;
        rotate: 138.42deg;
        top: 80.4%;
        right: 41px;
    }

    .Mobile-screen-Testimonial-Star-1 {
        position: absolute;
        height: auto;
        width: 55px;
        top: 32.8%;
        right: 13%;
        rotate: 147deg;
    }

    .Mobile-screen-Testimonial-Star-2 {
        position: absolute;
        height: auto;
        width: 55px;
        top: 75.2%;
        rotate: 142deg;
        left: 10%;
    }

    .Mobile-Screen-Our-Values-Star1 {
        position: absolute;
        height: auto;
        width: 60px;
        right: -45px;
        rotate: -302.25deg;
    }

    .Mobile-Screen-Our-Values-Star2 {
        position: absolute;
        height: auto;
        width: 53px;
        rotate: 49.75deg;
        left: -39px;
        top: 91%;
    }

    .Mobile-Screen-Blogs-Shape1 {
        height: auto;
        width: 50px;
        right: -28px;
        top: 0px;
        position: absolute;
    }

    .Mobile-Screen-Blogs-Star1 {
        position: absolute;
        height: auto;
        width: 54px;
        right: -39.8px;
        top: 35%;
        rotate: 56.75deg;
    }

    .Mobile-Screen-Blogs-Shape2 {
        position: absolute;
        height: auto;
        width: 40px;
        bottom: 4%;
        rotate: -183deg;
        left: -21px;
    }

    .Mobile-Screen-Blogs-Star2 {
        position: absolute;
        height: auto;
        width: 47px;
        top: 59%;
        rotate: 50.71deg;
        left: -35px;
    }

    .Mobile-Screen-BlogDetail-Star1 {
        position: absolute;
        height: auto;
        width: 47.27px;
        rotate: 342deg;
        left: 95.5%;
        top: 16%;
    }

    .Mobile-Screen-BlogDetail-Star2 {
        position: absolute;
        height: auto;
        width: 68.37px;
        rotate: 209.05deg;
        top: 33%;
        right: 97%;
    }

    .Mobile-Screen-BlogDetail-Star3 {
        position: absolute;
        height: auto;
        width: 68.37px;
        rotate: 209.05deg;
        top: 57%;
        left: 96.5%;
    }

    .Mobile-Screen-BlogDetail-Star4 {
        position: absolute;
        height: auto;
        width: 66px;
        rotate: 240.38deg;
        left: -49px;
        bottom: 1%;
    }

    .Mobile-Screen-Advertise-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 89%;
        right: 16px;
        rotate: 218deg;
        z-index: -1;
    }

    .Mobile-Screen-CareerApply-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 90.2%;
        right: 15px;
        rotate: 218deg;
        z-index: -1;
    }

    .Mobile-Screen-career-form-shape1 {
        position: absolute;
        height: auto !important;
        width: 60px !important;
        right: 95.6%;
        rotate: 163deg;
        top: 54%;
    }

    .Mobile-Screen-career-form-shape2 {
        position: absolute;
        height: auto;
        width: 77px;
        left: 95%;
        top: -41px;
        rotate: 269deg
    }

    .Mobile-Screen-PartnerWithUs-Star1 {
        position: absolute;
        height: auto;
        width: 48px;
        top: 10.9%;
        left: 6px;
        rotate: 7deg;
    }

    .Mobile-Screen-PartnerWithUs-Star2 {
        position: absolute;
        height: auto;
        width: 47px;
        right: -36px;
        bottom: 65px;
        rotate: 50deg;
    }

    .Mobile-Screen-Contact-Shape1 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -43px;
        top: 10%;
    }

    .Mobile-Screen-Contact-Star1 {
        position: absolute;
        height: auto;
        width: 77px;
        rotate: -474deg;
        right: -61px;
        top: 10%;
    }

    .Mobile-Screen-Contact-Star2 {
        position: absolute;
        height: auto;
        width: 73px;
        bottom: 14%;
        rotate: 161deg;
        left: -45px;
    }

    .Mobile-Screen-FAQ-Circle1 {
        position: absolute;
        height: auto;
        width: 50px;
        top: 5.5%;
        left: -25px;
    }

    .Mobile-Screen-FAQ-Circle2 {
        position: absolute;
        width: 84px;
        right: -62px;
        bottom: 10.5%;
        rotate: 138deg;
    }

    .Mobile-Screen-CodeofConduct-Star1 {
        position: absolute;
        height: auto;
        width: 44px;
        z-index: -1;
        left: 7px;
        top: 19.5px;
        rotate: 0deg;
    }

    .Mobile-Screen-CodeofConduct-Star2 {
        position: absolute;
        height: auto;
        width: 50px;
        right: -36px;
        top: 29%;
        rotate: -46deg;
    }

    .Mobile-Screen-CodeofConduct-Star3 {
        position: absolute;
        height: auto;
        width: 50px;
        bottom: 38%;
        left: -38px;
        rotate: 242deg;
    }

    .Mobile-Screen-CodeofConduct-Star4 {
        position: absolute;
        height: auto;
        width: 50px;
        right: -36px;
        bottom: 9%;
        rotate: -46deg;
    }

    .Mobile-Screen-privacy-terms-shape1 {
        position: absolute;
        height: auto;
        width: 31px;
        rotate: 105deg;
        left: -17px;
    }

    .Mobile-Screen-privacy-terms-shape2 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 11.5%;
    }

    .Mobile-Screen-privacy-terms-shape3 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 38.5%;
    }

    .Mobile-Screen-privacy-terms-shape4 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 64.5%;
    }

    .Mobile-Screen-privacy-terms-shape5 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 85%;
    }

    .Mobile-Screen-privacy-terms-shape6 {
        position: absolute;
        height: auto;
        width: 40px;
        left: -20px;
        bottom: 7px;
        rotate: -191deg;
    }

    .Mobile-Screen-Breed-Shape1 {
        position: absolute;
        height: auto;
        width: 48px;
        right: -29px;
        rotate: -93deg;
    }

    .Mobile-Screen-BreedList-Shape1 {
        position: absolute;
        height: auto;
        width: 50px;
        left: -27px;
        bottom: 1%;
        rotate: 92deg;
    }

    .Mobile-Screen-breedDetail-Star1 {
        position: absolute;
        height: auto;
        width: 40px;
        rotate: 33deg;
        top: 40px;
        left: 12px;
    }

    .Mobile-Screen-breedDetail-Star2 {
        position: absolute;
        height: auto;
        width: 50px;
        right: 9px;
        bottom: 83px;
        rotate: 37deg;
    }
    /*Mobile-Elements-End*/

    /* create the paw prints */
    .pad {
        width: 25px;
        height: 27px;
        background-color: #84899a;
        -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
        border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
        display: block;
        position: absolute;
    }

    .large {
        width: 45px;
        height: 55px;
        transform: rotate(91deg);
        left: 94px;
        top: 50px;
    }

    .small-1 {
        transform: rotate(50deg);
        left: 127px;
        top: 28px;
    }

    .small-2 {
        transform: rotate(65deg);
        left: 149px;
        top: 50px;
    }

    .small-3 {
        transform: rotate(98deg);
        position: absolute;
        left: 148px;
        top: 82px;
    }

    .small-4 {
        transform: rotate(140deg);
        position: absolute;
        left: 123px;
        top: 103px;
    }

    /* position and animate */

    .paw-print-1 {
        opacity: 0;
        position: absolute;
        left: -90px;
        top: 96%;
        transform: rotate(-40deg);
        -webkit-animation: walk 3s linear infinite;
        animation: /*keyframe*/ walk /*duration*/ 3s /*transition*/ linear /*repeat*/ infinite;
    }

    .paw-print-2 {
        opacity: 0;
        left: -49px;
        top: 78%;
        transform: rotate(-53deg);
        -webkit-animation: walk 3s linear infinite 0.25s;
        animation: walk 3s linear infinite /*delay*/ 0.25s;
    }

    .paw-print-3 {
        opacity: 0;
        position: absolute;
        left: 78px;
        top: 64%;
        transform: rotate(-56deg);
        -webkit-animation: walk 3s linear infinite 0.5s;
        animation: walk 3s linear infinite 0.5s;
    }

    .paw-print-4 {
        opacity: 0;
        position: absolute;
        left: 30px;
        top: 38%;
        transform: rotate(-49deg);
        -webkit-animation: walk 3s linear infinite 0.75s;
        animation: walk 3s linear infinite 0.75s;
    }

    .paw-print-5 {
        opacity: 0;
        position: absolute;
        left: 142px;
        top: 9%;
        transform: rotate(-23deg);
        -webkit-animation: walk 3s linear infinite 1s;
        animation: walk 3s linear infinite 1s;
    }

    .paw-print-6 {
        opacity: 0;
        position: absolute;
        left: 750px;
        top: 200px;
        transform: rotate(10deg);
        -webkit-animation: walk 3s linear infinite 1.25s;
        animation: walk 3s linear infinite 1.25s;
    }

    .paw-print-7 {
        opacity: 0;
        position: absolute;
        left: 950px;
        top: 50px;
        transform: rotate(20deg);
        -webkit-animation: walk 3s linear infinite 1.5s;
        animation: walk 3s linear infinite 1.5s;
    }

    .paw-print-8 {
        opacity: 0;
        position: absolute;
        left: 1025px;
        top: 250px;
        transform: rotate(10deg);
        -webkit-animation: walk 3s linear infinite 1.75s;
        animation: walk 3s linear infinite 1.75s;
    }
    /*M-Mobile*/
    .container {
        max-width: 95%;
        /*padding:0px;*/
    }

    .Sub-Accordian-Text {
        font-size: 16px !important;
    }

    .Main-Accordian-Body {
        padding: 10px 0px 0px 10px;
    }

    .Desktop-FAQ, .advertise-dekstop {
        display: none;
    }

    .Get-Our-App-Content-Right {
        padding-top: 0px;
    }

    .breed-tabbing-desktop {
        display: none;
    }

    .Mobile-Menu-Button {
        display: none;
    }

    .menu-button-mobile {
        margin-left: 20px;
    }

    .Service-Page-Before-Footer {
        /* background-image: url(../images/new-website/ServiceBeforeFooterImage.png); */
        background-size: cover;
        background-repeat: no-repeat;
        padding: 30px 0px 30px;
        background-color: #d75880 !important;
        position: relative;
        margin-top: -39px;
    }

    .CareerPage-MobileScreenBefore-Footer-Image {
        padding: 0px;
        z-index: 11;
        position: relative;
    }

    .Service-Page-Before-Footer .btnx {
        padding-top: 20px;
    }

    .accordion-item {
        background-color: transparent;
        border: none;
    }

    .service-circle-2 {
        display: none;
    }

    .service-circle-4 {
        display: none;
    }

    header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10;
        background-color: #D9D9D9;
        transition: background-color 0.3s ease;
    }

    .logo {
        display: none;
    }

    .mobilelogo img {
        width: 140px;
        height: auto;
        object-fit: cover;
    }

    header.sticky {
        background-color: #D9D9D9;
        z-index: 111;
    }

    .content {
        display: none;
    }

    .mobilelogo {
        display: inherit;
    }

    .navbar-toggler {
        border: none;
    }

    .navbar-toggler-icon {
        background-color: transparent !important;
        width: 1.5em;
        height: 1em;
        font-size: 25px;
    }
    /*.navbar-toggler-icon img{
            height:auto;
            width:30px
        }*/
    .navbar-collapse.show {
        background-color: transparent;
        ;
        padding: 14px;
        color: #84899a;
    }

    .navbar-nav {
        justify-content: space-evenly;
        font-family: 'Nunito-Regular';
        font-size: 20px;
        color: white;
        font-weight: bold;
        gap: 0px;
        padding-left: 0px;
    }

    .nav-item {
        border-bottom: 0;
    }

    .btnlnktitle {
        text-align: center;
    }

    .btnlnk {
        color: #2f2f2f;
        text-align: center;
    }

    .Get-App-Button1 {
        padding: 5px 16px 5px;
        border-radius: 30px;
        width: auto;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: 'Nunito-Regular';
        font-weight: bold;
        transition: background-color 0.3sease;
        font-size: 18px;
        float: left !important;
        margin-top: 10px;
    }

    .video-banner {
        height: 465px;
    }

    #myvideo {
        right: 0;
        max-width: 142%;
        max-height: 100%;
        object-fit: cover;
        z-index: -1;
        /* margin-top: 70px;*/
        object-position: center center;
        width: 78vw;
        height: 71vh;
        object-fit: cover;
    }

    .Mobile-screen-banner-content {
        /*background-color:#d75880;*/
        background-image: url(../images/new-website/MobileScreensImages/MobileRectanglePinkBgWithShape.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: auto;
        padding: 10px 0px 40px 0px;
    }

    .Mobile-screen-banner-content-Main-title {
        color: white;
        font-family: 'PTSans-Bold';
        font-size: 21px;
        font-weight: bold;
    }

    .Mobile-screen-banner-content-sub-title {
        color: white;
        font-family: 'Nunito-Regular';
        font-size: 14px;
        margin-bottom: 10px;
    }

    .How-itwork-desktop {
        display: none;
    }

    .Mobile-screen-How-it-Work {
        background-image: url(../images/new-website/MobileScreensImages/HowItWorkBg.png);
        background-size: cover;
        background-repeat: no-repeat;
        padding-bottom: 30px;
    }

    .Mobile-screen-How-it-Work-title {
        font-family: 'PTSans-Bold';
        text-align: left;
        color: #2f2f2f;
        font-weight: bold;
        font-size: 25px;
    }

    .Mobile-screen-How-it-Work-Card {
        height: auto;
        border-radius: 20px;
        width: 100%;
        background-color: #fff;
        padding: 0px 40px 20px;
        text-align: center;
        margin-top: 10px;
        z-index: 3;
        position: relative;
    }

    .Mobile-screen-How-it-Work-Card {
        padding: 0px 34px 20px;
        text-align: center;
        margin-top: 10px;
        z-index: 3
    }

        .Mobile-screen-How-it-Work-Card img {
            height: auto;
            width: 172px;
            padding-bottom: 6px;
        }

    .Mobile-screen-How-it-Work-Card-Content-Main-title {
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        padding-top: 17px;
    }

    .Mobile-screen-How-it-Work-Card-Content-sub-title {
        font-size: 14px;
        text-align: left;
    }

    .Mobile-screen-How-it-Work-Card .number1 {
        max-width: 40px;
        height: 40px;
        min-width: 0px;
        position: relative;
        top: 34px;
    }

    /*.Mobile-screen-How-it-Work-Cards-star1 {
        height: auto;
        width: 36.65px;
        position: absolute;*/
    /*z-index:-1;*/
    /*left: 0px;
        rotate: 13.16deg;
    }

    .Mobile-screen-How-it-Work-Cards-star2 {
        height: auto;
        width: 36.65px;
        position: absolute;*/
    /*z-index:-1;*/
    /*right: 0px;
        rotate: 13.16deg;
    }*/

    .Service-Desktop {
        display: none;
    }

    .Mobile-Screen-Service-Section {
        padding: 20px 0px 20px;
    }

    .Mobile-Screen-Service-Section-Title {
        font-family: 'PTSans-Bold';
        text-align: left;
        color: #2f2f2f;
        font-weight: bold;
        font-size: 25px;
    }

    h1 {
        font-size: 28px;
    }

    .Mobile-Screen-Service-Section-subTitle {
        font-size: 16px;
        font-weight: 500;
        color: #BBBCB8;
    }

    .Diagnostic-card {
        width: auto !important;
        height: auto !important;
        background-image: none;
        border: none !important;
        padding: 16px;
        border-radius: 0px !important;
    }

    .Mobile-Screen-Service-Section-cards {
        padding-top: 16px;
    }

    img.Diagnostic-icon {
        height: auto;
        width: 60px !important;
    }

    .mycolor {
        color: #d65880;
        font-size: 17px !important;
    }

    .mr-auto p.card-text {
        width: auto;
        height: auto;
        margin: 0px;
        background-color: transparent !important;
        color: #2f2f2f !important;
        border-radius: unset;
        border: none;
        padding: 2px 5px 0px 2px;
        margin-top: 0px;
        font-size: 13px;
    }

    .mr-auto div.card-text {
        width: auto;
        height: auto;
        margin: 0px;
        background-color: transparent !important;
        color: #2f2f2f !important;
        border-radius: unset;
        border: none;
        padding: 2px 5px 0px 2px;
        margin-top: 0px;
        font-size: 13px;
    }

    .Mobile-screen-Service-Section-card {
        display: inline-block;
        position: relative;
        border-radius: 20px;
        border: 1px solid #84899a;
        height: auto;
        width: 100%;
        margin-top: 10px;
    }


    .card-text-wrapper {
        /* position: absolute; */
        bottom: 0;
        /* width: 100%; */
        padding: 10px;
        box-sizing: border-box;
    }

        .card-text-wrapper .card-text {
            width: auto;
            height: auto;
            margin: 0px;
            background-color: transparent !important;
            color: #2f2f2f !important;
            border-radius: unset;
            border: none;
            padding: 2px 13px 14px 13px;
            margin-top: 0px;
        }

    .hide {
        display: none;
    }

    .show {
        display: block;
    }


    .Benefits-Desktop {
        display: none;
    }

    .Mobile-Benefits-Of-Pets-Service-Section {
        background-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 40px;
        padding-bottom: 0px;
    }

    .Mobile-Benefits-Of-Pets-Service-Section-Title {
        font-family: 'PTSans-Bold';
        text-align: left;
        color: #2f2f2f;
        font-weight: bold;
        font-size: 28px;
    }

    .Mobile-Benefits-Of-Pets-Service-Section-Title-Image {
        width: 50px;
        height: 50px;
        margin: auto;
        background-color: #fff;
        color: #d75880;
        border-radius: 29px;
        border: 7px solid #d75880;
        padding: 5px 6px;
        margin-top: -40px;
    }

        .Mobile-Benefits-Of-Pets-Service-Section-Title-Image img {
            height: auto;
            width: 25px;
        }

    .Mobile-Benefits-Of-Pets-Service-Section-Card {
        border: none;
        background-color: #d75880;
        min-height: 360px;
    }

    .Mobile-Benefits-Of-Pets-Card .owl-dots {
        display: none;
    }

    .Mobile-Benefits-Of-Pets-Card {
        padding-top: 15px;
        text-align: center;
    }

    .Mobile-Benefits-Of-Pets-Service-Section-Title-Text {
        padding: 0px 13px;
        min-height: 116px;
    }

        .Mobile-Benefits-Of-Pets-Service-Section-Title-Text .Bigger-text {
            color: #fff;
            text-align: left;
            font-size: 17px;
            font-weight: 500;
        }

        .Mobile-Benefits-Of-Pets-Service-Section-Title-Text .Small-text {
            color: #fff;
            font-size: 12.5px;
            text-align: left;
        }

    .carousel-item {
        transition: transform 0.5s ease-in-out;
    }

    .card-img-top.cardimage {
        transition: opacity 0.5s ease-in-out;
    }

    .card-body {
        transition: opacity 0.5s ease-in-out;
    }

    .zumigo_pass {
        padding-top: 20px;
    }

        .zumigo_pass h1 {
            font-family: 'PTSans-Bold';
            text-align: left;
            color: #2f2f2f;
            font-weight: bold;
            font-size: 25px;
        }

        .zumigo_pass h5 {
            font-size: 15.8px !important;
            text-align: left !important;
            padding-top: 5px !important;
            padding-left: 0px !important;
            color: #BBBCB8;
        }

    .zumigo_pass-row {
        padding-top: 20px;
    }


    .zumigo_pass h2 {
        display: none;
    }

    .Zumigo-Pass-content {
        border: 1px solid #BBBCB7;
        border-radius: 30px;
        padding: 0px 40px 10px;
        margin-top: 10px;
    }

        .Zumigo-Pass-content img {
            height: auto;
            width: 140px;
        }

    .zumigo_pass h3 {
        font-family: 'Nunito-Regular';
        font-weight: bold !important;
        font-size: 16px !important;
        padding: 0px !important;
        text-align: left;
        margin-top: 10px;
    }

    .zumigo_pass p {
        font-family: 'Nunito-Regular';
        color: #848999;
        line-height: normal !important;
        font-weight: bold;
        margin-top: 5px !important;
        font-size: 11.3px !important;
        padding: 0 !important;
        text-align: left;
    }

    .getpass {
        padding-top: 15px;
        text-align: left;
    }

    /*  .getpass button {
            height: 33px;
            width: 110px;
            font-size: 13px;
        }*/

    .testimonials_section h1 {
        text-align: left;
        color: #2f2f2f;
        font-weight: bold;
        font-size: 25px;
    }

    .testimonial-smallline {
        font-size: 12px;
    }

    .testimonial-subtitle {
        font-size: 22px !important;
    }

    .testimoanil-underline {
        position: relative;
        bottom: 9px !important;
        left: 22% !important;
    }

    .testimonsubhead {
        font-size: 14px !important;
    }

    .testimoanil-underline img {
        height: auto;
        width: 140px;
    }

    .Mobile-Benefits-Of-Pets-Card .owl-dots {
        display: none;
    }

    .white-button {
        padding: 7px 16px;
        border-radius: 30px;
        width: auto;
        background-color: white;
        color: #d75880;
        border: transparent;
        font-family: "Nunito-Regular";
        font-weight: bold;
        transition: background-color 0.3sease;
        font-size: 13px !important;
    }

    .testimonials_section .testimonials_content .paragraph {
        font-weight: 600;
        line-height: normal;
        color: #d75880 !important;
        margin-bottom: -1px;
        padding: 0px 0px 10px;
        font-size: 16px;
        min-height: auto;
        text-align: left;
    }

    .testimonials_content {
        width: auto;
        padding: 14px 30px 35px 30px;
        text-align: center;
    }

        .testimonials_content h3 {
            text-align: left;
            font-size: 18px !important;
            color: #2f2f2f !important;
        }

        .testimonials_content p {
            text-align: left;
            color: #8B909F !important;
            font-size: 13px;
        }

    .owl-dots {
        position: absolute;
        top: 62%;
        left: 50%;
        transform: translateX(-50%);
    }

    .testimonail-star-image2 {
        position: absolute;
        height: auto;
        width: 54.75px;
        top: 35%;
        right: 17%;
        rotate: 148.48deg;
    }

    .testimonail-star-image1 {
        position: absolute;
        height: auto;
        width: 54.75px;
        top: 73.7%;
        left: 12%;
        rotate: 148.48deg;
    }

    .Mobile-Screen-Blogs-Section {
        /* background-color: #f4f5f7;*/
        z-index: 1;
    }
    /*Blog Page*/
    .blog-banner {
        background: url(../images/new-website/MobileScreensImages/BlogBannerBg.png);
        height: auto;
        padding-top: 90px;
        background-position: bottom;
        /*background-size: contain !important;*/
        padding-bottom: 0px;
        padding-bottom: 5px;
        background-size: cover;
    }

    .main-title h1 {
        text-align: left;
        font-size: 25px !important;
        justify-content: flex-start;
        display: flex;
        align-items: center;
    }

    .Blog .sub-title h2 {
        font-size: 16px;
        margin-top: 8px;
        color: #2f2f2f;
        line-height: normal;
    }

    .Blog .bottom-content {
        padding-top: 10px;
    }

    .Blog .advice-by {
        font-size: 20px;
        color: #2f2f2f;
        line-height: 10px;
        padding-top: 5px;
    }

    .advice-by-name {
        font-size: 20px;
    }

    .Blog .blog-image img {
        height: auto;
        width: 100%;
    }

    .Blog-Desktop {
        display: none;
    }

    .Mobile-Screen-Blog {
        border: 1px solid #BBBCB7;
        border-radius: 20px;
        height: auto;
        padding: 10px;
        display: flex;
        align-items: center;
        margin-top: 10px;
    }

    .bolgs {
        padding: 20px 0px;
    }

    .loadbtn {
        text-align: center;
        padding-bottom: 20px;
    }

        .loadbtn .Get-App-Button {
            padding: 7px 10px 10px !important;
            border-radius: 30px;
            height: 38px !important;
            width: auto;
            background-color: #d75880;
            color: white;
            border: transparent;
            font-family: "Nunito-Regular";
            font-weight: bold;
            transition: background-color 0.3sease;
            font-size: 17px;
        }

    .Mobile-Screen-Blog img {
        height: 60px;
        width: 60px;
        border-radius: 50%;
    }

    .Mobile-Screen-Blog p {
        font-size: 14px;
        font-weight: bold;
        padding-top: 8px;
    }

    .Mobile-Screen-Blog-Shape1 {
        height: 42.33px;
        width: 42.33px;
        position: relative;
        left: 101%;
        rotate: 1.3deg;
        top: -3%;
    }

    .Mobile-Screen-Blog-Star1 {
        height: 43.59px;
        width: 43.59px;
        position: relative;
        left: 89%;
        rotate: 50.3deg;
        top: 42%;
    }

    .Mobile-Screen-Blog-Star2 {
        height: 43.59px;
        width: 43.59px;
        position: absolute;
        right: 97%;
        rotate: 50.3deg;
        top: 153%;
    }

    .Mobile-Screen-Blog-Shape2 {
        height: 43.59px;
        width: 43.59px;
        position: absolute;
        right: 95%;
        rotate: 178deg;
        top: 178%;
    }
    /*Blog Detial*/
    .blog-detail-banner {
        background: url(../images/new-website/MobileScreensImages/MobileBlogDetailBg.png);
        padding-top: 90px;
        padding-bottom: 20px;
        background-position: bottom;
        background-size: cover;
    }

    .blog-banner1 {
        padding-top: 90px;
    }

    .blog-image3 img {
        height: auto;
        width: 100%;
        border-radius: 30px;
        box-shadow: 2px 2px 2px grey;
    }

    .blog-section {
        padding-bottom: 20px;
    }

    .blog-detail-title h1 {
        text-align: center;
        font-family: 'PTSans-Bold' !important;
        font-weight: 600;
        color: #d75880;
        text-align: left;
        padding-top: 0px;
        font-size: 20px;
    }

    .blog-detail-content {
        padding: 0px 15px
    }

        .blog-detail-content p {
            font-size: 14px;
            line-height: normal;
        }

    .privacy-policy h3 {
        font-family: 'PTSans-Bold' !important;
        font-weight: 600;
        font-size: 20px;
        padding-bottom: 8px;
    }

    .blog-detail-content h3 {
        font-family: 'PTSans-Bold' !important;
        font-weight: 600;
        font-size: 20px;
    }

    .blog-detail-content ul > li {
        font-size: 14px;
        line-height: normal;
    }

    .blog-detail-content ul,
    ol {
        padding-left: 17px;
    }

    .blod-detail-button a {
        height: 24px;
        width: 90px;
        font-size: 12px;
    }

    .blod-detail-button {
        margin-top: 20px;
    }


    /*About Us Page*/
    .about-us-banner-bg {
        padding-top: 90px;
        padding-bottom: 80px;
    }
    /*.videomaskingimage {
            height: auto;
            width: 100%;
            position: absolute;
            top: 128px;
            right: 6px;
        }*/
    .main-title h1 {
        text-align: left;
        font-size: 25px !important;
        justify-content: flex-start;
        display: flex;
        align-items: center;
    }

    .sub-title p.breadcrumb {
        font-size: 13px;
        margin-top: 8px;
        color: #2f2f2f;
        line-height: normal;
    }

    .sub-title p {
        font-size: 18px;
        margin-top: 8px;
        color: #2f2f2f;
        line-height: normal;
    }

    .advice-by-button .Get-App-Button {
        padding: 7px 10px 10px !important;
        border-radius: 30px;
        height: 38px !important;
        width: auto;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: "Nunito-Regular";
        font-weight: bold;
        transition: background-color 0.3sease;
        font-size: 17px;
    }

    .blob-container {
        width: 100%;
        height: auto;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .about-us-banner-bg .blog-image1 {
        padding-top: 80px;
    }

    .videomaskingimage {
        height: auto;
        width: 100%;
        position: absolute;
        top: 344px;
        right: -9px;
    }

    .FAQ-Page .videomaskingimage {
        height: auto;
        width: 100%;
        position: absolute;
        top: 251px;
        right: -8px;
    }

    .abouts-us {
        background: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        padding: 25px 0px 60px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .left-sidecontent h1 {
        text-align: left !important;
        font-size: 17px;
    }

    .about-underline {
        position: relative;
        bottom: 5px;
        left: 43%;
    }

        .about-underline img {
            width: 95px
        }

    .aboutus-left-side-content-top {
        color: #2f2f2f;
        font-size: 13px;
        margin-top: 10px;
    }

    h3.desktop {
        display: none !important;
    }

    .left-sidecontent-description {
        font-size: 13px !important;
        /* line-height: 37.74px; */
        color: #2f2f2f;
        margin: 0;
        font-weight: 500;
        line-height: normal;
        margin-top: 10px;
    }

    .image-border {
        margin-top: 20px;
    }

    .Philosophy-Main-Div1 h1 {
        text-align: left !important;
    }

    .Philosophy-Main-Div1 h3 {
        font-size: 11px;
        padding-top: 4px;
    }

    .our-values-card {
        background-color: #fff;
        border: 1px solid #BBBCB8;
        height: 106px;
        width: auto;
        border-radius: 30px;
        text-align: center;
        display: flex;
        padding: 7px 15px;
        margin-top: 10px;
    }

    .mobilescreen-ourvalues-card {
        width: 40%;
    }

        .mobilescreen-ourvalues-card img {
            height: auto;
            width: 100%;
            padding-top: 9px;
        }

    .our-values-card div h2 {
        font-size: 16px;
        font-weight: 600;
        color: #2f2f2f;
        margin-top: 10px;
        text-align: left;
        padding-bottom: 5px;
    }

    .our-values-card div p {
        font-size: 13.5px;
        color: #2f2f2f;
        line-height: normal;
        text-align: left;
    }

    .mobilescreen-ourvalues-card-content {
        padding-left: 10px;
    }

    .Mobile-Screen-OverValues-Star1 {
        position: relative;
        height: auto;
        width: 53px;
        rotate: 52deg;
        margin-top: -23px;
        left: 97%;
    }

    .Mobile-Screen-OverValues-Star2 {
        position: relative;
        height: auto;
        width: 53px;
        rotate: 52deg;
        margin-top: -23px;
        right: 12%;
    }

    .Our-Philosophy {
        background: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        padding: 58px 0px 40px !important;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .Philosophy-Main-Div1 hr {
        display: none;
    }

    .Philosophy-Main-Div1 h3 {
        text-align: left !important;
        font-size: 14px;
        font-weight: 500;
        padding-top: 9px;
    }

    .card-Philosophy {
        margin-top: 0px;
        background-color: transparent;
        height: auto;
        width: 100%;
        border-radius: 30px;
        /* border-right: 10px solid #d75880; */
        /* border-bottom: 10px solid #d75880; */
        padding: 3px 11px 14px 11px;
        border: 0;
    }

    .navbar-collapse .Get-App-Button {
        padding: 7px 10px 10px !important;
        border-radius: 30px;
        height: 38px !important;
        width: auto;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: "Nunito-Regular";
        font-weight: bold;
        transition: background-color 0.3sease;
        font-size: 17px;
    }

    .Get-App-Button {
        padding: 10px 16px;
        border-radius: 30px;
        /* height: 28px; */
        width: auto;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: "Nunito-Regular";
        font-weight: bold;
        transition: background-color 0.3sease;
        font-size: 13px;
    }

    .OurValues {
        padding-bottom: 20px !important;
    }

    .card-Philosophy p {
        color: #2f2f2f;
        font-size: 14px;
        line-height: normal;
        text-align: left;
    }

    .Our-Philosophy .bold-content {
        text-align: left;
        font-size: 14px !important;
        margin-top: 11px !important;
    }

    .Our-Philosophy-button a {
        height: 24px;
        width: 90px;
        font-size: 14px;
    }

    .Our-Philosophy-button {
        padding-top: 10px;
    }

    .Mobile-Screen-BeforeFooter-Video-Mask {
        -webkit-mask-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        mask-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        mask-size: 20%;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        /* mask-position: center; */
        /* -webkit-mask-position: center; */
        height: auto;
        /* padding: 0; */
        /* margin: 0; */
        right: 0;
        width: 499%;
    }

    .Mobile-Screen-BeforeFooter-Video {
        position: relative;
        margin-top: -40px;
    }

    .AboutUs-before-footer-Title {
        text-align: left;
    }

        .AboutUs-before-footer-Title h1 {
            text-align: left;
            font-size: 23px !important;
            padding-bottom: 4px;
        }

    .AboutUs-before-footer p {
        color: #fff;
        font-size: 12px !important;
        padding-top: 2px;
    }

    .copyright-content {
        font-size: 13px !important;
        text-align: center !important;
    }

    .AboutUs-before-footer {
        background-color: transparent !important;
    }

    .AboutUs-before-footer {
        padding: 58px 0px 30px 0px;
        background-image: url(../images/new-website/MobileScreensImages/MobileRectanglePinkBgWithShapeTopCurve.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        margin-top: -77px;
    }

    .checkft div {
        padding-left: 6% !important;
    }

        .checkft div h1 {
            color: #fff;
            font-size: 18px;
            text-align: left;
        }

    .AboutUs-before-footer-Button {
        padding-top: 10px;
    }

    .white-button {
        /*height: 25px !important;
        width: 173px !important;*/
        /*display: block;*/
        /*padding: 4px 16px;*/
        font-size: 12px;
    }
    /*Career Page*/

    .blog-bannercareer {
        padding-top: 90px;
    }

    .blog-bannercareer1 {
        padding-top: 90px;
    }

    .sub-title .desktop {
        display: none;
    }

    .career-form-rightside {
        padding: 14px 22px;
    }

    .sub-title .mobile {
        /*font-size: 11px;*/
        margin-top: 8px;
        color: #2f2f2f;
        line-height: normal;
    }

    /*.blog-image img {
        height: auto;
        width: 100%;
        padding-top: 20px;
    }*/

    .Career-Page-bg {
        background: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        background-size: cover;
        background-position: right;
    }

    .wave-paddding-career {
        padding: 55px 0px;
    }

    .career-page-right-side-content-title {
        font-size: 25px;
        font-family: 'PTSans-Bold';
        color: #2f2f2f;
        font-weight: 600;
    }

    .career-page-right-side-content {
        height: auto;
        width: 100%;
        border-radius: 10px;
        padding: 10px 0px;
    }

    .career-page-right-side-content-text {
        font-size: 15px;
        line-height: normal;
        padding-top: 0px;
    }

        .career-page-right-side-content-text p {
            font-size: 15px !important;
            line-height: normal;
        }

    .Our-Approach-Image {
        padding-top: 20px;
    }

    .Our-Approach-Section {
        padding: 0px 0px 30px;
    }

    .CareerPage-MobileScreenBefore-Footer-Image {
        padding: 0px;
        z-index: 11;
    }

        .CareerPage-MobileScreenBefore-Footer-Image img {
            width: 100%;
        }

    .career-page-before-footer {
        /* background-image: url(../images/new-website/CareerPage-BeforeFooterBgImage1.png); */
        background-image: none;
        background-color: #d75880;
        background-size: cover;
        padding: 36px 0px;
        /* position: relative;*/
        z-index: 1;
        margin-top: -36px;
    }

    .before-footer-main-title {
        font-size: 21px;
        font-family: 'PTSans-Bold';
        font-weight: 600;
        text-align: left;
        line-height: normal;
        color: #fff;
        padding-top: 27px;
    }

        .before-footer-main-title span {
            font-size: 21px;
            font-family: 'PTSans-Regular';
            font-weight: 100;
            text-align: left;
            line-height: normal;
            color: #fff;
            padding-top: 27px;
        }

    .button {
        text-align: left;
        padding-top: 10px;
    }

    .advice-by-button {
        padding-top: 10px;
    }
    /*Career form Page*/



    .career-form-shape2 {
        position: absolute;
        height: auto;
        width: 180px;
        left: 93%;
        rotate: 294deg;
        top: 123%;
        display: none;
    }

    .sub-title .desktop {
        display: none;
    }

    .sub-title h2 {
        font-size: 16px;
        margin-top: 20px;
        color: #2f2f2f;
        line-height: normal;
    }

    .career-form-main-title {
        font-size: 16px;
    }

    .form {
        padding-top: 0px;
    }

    .Other-Textbox {
        display: none;
    }

    .wrapper {
        width: 56%;
        height: 40%;
        margin-top: 0px !important;
        cursor: pointer;
    }

    .form-group input[type="email"],
    .form-group input[type="text"],
    .form-group input[type="tel"],
    .form-group input[type="file"],
    .form-group input[type="search"],
    .form-group input[type="number"],
    .form-group textarea,
    .form-group select {
        padding: 10px;
        border-radius: 10px;
        border: 1px solid #848A9A;
        font-size: 15px;
        font-weight: 400;
        color: #848A9A;
    }

    .checkbox-container img {
        height: auto;
        width: 30px;
    }

    .i-agree-content p {
        font-size: 12px;
        padding-top: 0;
    }

    .form button {
        margin-top: 9px;
        margin-right: 101px;
    }

    .career-form-container .col-xl-5 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* margin-top: 9px; */
        border-radius: 30px 0px 30px 30px !important;
    }

    .career-form .container {
        margin: 0;
        max-width: 100%;
    }

    .section-gap {
        padding: 19px 0px 68px;
    }



    .wrapper .file-upload {
        height: 35px !important;
        width: 35px !important;
    }

    .fa-arrow-up {
        font-size: 18px !important;
    }

    .Mobile-Screen-CareerForm-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 226%;
        right: 25px;
        rotate: 218deg;
        z-index: -1;
    }

    .career-form-shape1 {
        position: absolute;
        height: auto !important;
        width: 60px !important;
        right: 92.6%;
        rotate: 163deg;
        top: 165% !important;
        z-index: 9999999;
        border-radius: 0px !important;
    }

    .career-form-container .Career-FormImage {
        height: auto;
        width: 100%;
        border-radius: 30px !important;
    }

    .Mobile-Screen-CareerForm-shape1 {
        position: absolute;
        height: 49px;
        left: 91%;
        top: 82%;
    }
    /*Referral Page*/
    .refferal-cricle-2 {
        display: none;
    }

    .refferal-cricle-1 {
        display: none;
    }

    .Referral-Title {
        padding-top: 40px;
    }

    .referralvideomaskingimage {
        height: auto !important;
        width: 100%;
        position: absolute;
        top: 385px !important;
        right: -8px;
    }

    .main-title .desktop {
        display: none;
    }

    .Mobile-Screen-Referral-Section {
        background-image: url(../images/new-website/MobileScreensImages/MobileReferralSectionImageBg.png) !important;
        background-position: top;
        background-size: cover;
        padding-bottom: 30px;
    }

        .Mobile-Screen-Referral-Section h1 {
            text-align: left;
            font-size: 25px;
        }

    .refferel-tile {
        background-color: #fff;
        border-radius: 30px;
        padding: 20px 35px;
    }

    .referral-image {
        height: auto;
        width: 100%;
        display: flex;
        justify-content: center;
    }

        .referral-image img {
            height: auto;
            width: 80%;
        }

    .referral-content {
        display: flex;
        padding-top: 20px;
        justify-content: center;
    }

    .referral-text {
        font-size: 18px;
        font-weight: 600;
        padding-left: 0px;
        text-align: center;
    }

    .referral-content .desktop {
        display: none;
    }

    .referral-number {
        background-color: #d75880;
        color: #ffffff;
        padding: 5px;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        font-size: 22px;
        align-content: center;
        justify-content: center;
        display: flex;
        font-weight: 600;
        position: absolute;
        left: 14%;
    }

    .Mobile-Screen-Referral-Section .mt50 {
        padding-top: 20px;
    }

    .mt50 .Get-App-Button {
        /*  height: 24px;
        width: 90px;
        font-size: 10px;*/
    }
    /*Advertise With use*/


    .sub-title h2 {
        font-size: 18px;
        margin-top: 10px;
        color: #2f2f2f;
        line-height: normal;
    }

    .career-form-container .Career-FormImage {
        height: auto;
        width: 100%;
        border-radius: 30px !important;
    }


    /*code of conduct*/
    .videomaskingimage-codeofconduct {
        height: auto;
        width: 100%;
        position: absolute;
        top: 148px !important;
        right: -7px;
    }

    .code-of-conduct-star1, .code-of-conduct-star2 {
        display: none;
    }

    .MobileCode-of-Conduct {
        padding-bottom: 30px;
    }

    .code-of-conduct-title {
        font-size: 16px;
    }

    .code-of-conduct-detail .animate-charcter {
        font-size: 18px;
        margin-top: 10px;
    }

    .code-of-conduct-detail p {
        font-size: 12.5px;
        line-height: normal;
    }

    .code-of-conduct-detail .mycolor {
        font-weight: bold;
        font-size: 14px !important;
        padding-bottom: 10px;
    }
    /*Terms and Condition page*/
    .privacy-banner {
        background-image: url(../images/new-website/MobileScreensImages/MobileRectanglePinkBgWithShapepng.svg);
        background-repeat: no-repeat;
        padding: 85px 0px;
        background-size: cover;
    }

        .privacy-banner h1 {
            text-align: center !important;
            justify-content: center !important;
            padding-top: 45px;
        }

    .Terms-Condition h3 {
        font-family: Nunito !important;
        font-size: 18px;
    }

    .privacy-terms-shape1,
    .privacy-terms-shape2,
    .privacy-terms-shape3 {
        display: none;
    }

    .Terms-Condition {
        padding-top: 15px;
    }
    /*Privacy Page*/
    .Privacy-Section h3 {
        font-family: Nunito !important;
        font-size: 18px;
    }
    /*Partner With us*/
    .Partnerwithus-videomaskingimage {
        height: auto;
        width: 100%;
        position: absolute;
        top: 256px;
        right: -9px;
    }

    .Get-onboard {
        padding-top: 30px;
        background-color: #fff;
        border-radius: 20px;
        padding: 20px;
        margin-top: 0px !important;
        z-index: 10;
        position: relative;
        /*        width: 90%;*/
    }

    .tabbing-navlink img {
        height: auto;
        width: 30px !important;
        margin-right: 7px;
    }

    .tabbing-navlink {
        color: #fff;
        font-size: 19px !important;
        padding-left: 8px;
        display: flex;
        padding-top: 7px;
    }

    .partner-withus-box h1 {
        font-size: 21px;
        text-align: left;
    }

    .partner-withus-box h2 {
        font-size: 17px;
        color: #2f2f2f;
        font-family: 'PTSans-Bold';
        font-weight: bold;
    }

    .partner-withus-box .samll-content {
        font-family: 'Nunito-Regular';
        font-size: 18px;
        padding-top: 10px;
    }

    .text {
        font-size: 15px;
        color: #2f2f2f;
        padding-top: 0px;
    }

    .icon img {
        width: 25px;
        height: 25px;
        /* padding-top: 10px; */
        object-fit: contain;
    }

    .icon {
        width: 40px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .Partner-Withus-list-section {
        padding-left: 0px;
    }

    .partner-withus-content {
        padding: 0px 0px;
    }

    .partner-withus-star1-top {
        display: none;
    }

    .partner-withus-star1-bottom {
        display: none;
    }

    .get-you-onboard {
        background-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        background-size: cover;
        background-position: top;
        padding-bottom: 70px;
        padding-top: 70px;
        background-repeat: no-repeat;
    }

    .why-partner-section h1 {
        font-size: 25px;
        color: #2f2f2f;
        text-align: left;
    }

    .why-partner-section {
        background-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png) !important;
        position: relative;
        margin-top: -74px;
        padding-top: 36px;
        padding-bottom: 49px;
    }

    .Partner-with-us-card {
        background-color: transparent !important;
        border: 1px solid #BBBCB8;
        height: 125px;
        width: auto;
        border-radius: 30px;
        text-align: center;
        display: flex;
        padding: 15px;
        margin-top: 10px;
    }

    .mobile-screen-partnerwithus-image img {
        height: auto;
        width: 52.52px;
    }

    .mobile-screen-partnerwithus-image {
        height: auto;
        /*width: 40%;*/
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .font-weight-bold-title {
        font-size: 18px;
        text-align: left;
        padding-left: 14px;
        margin-top: 3px !important;
    }

    .mobile-screen-partnerwithus-content {
        display: flex;
        align-items: center;
    }

        .mobile-screen-partnerwithus-content .desktop {
            display: none;
        }

        .mobile-screen-partnerwithus-content .text-muted {
            font-size: 12px;
            text-align: left;
            padding-left: 16px;
            padding-top: 10px;
        }

        .mobile-screen-partnerwithus-content > div > .mt3 {
            margin-top: 0px !important;
        }

    .why-partner {
        margin-top: 0rem !important;
    }

    .success-stories {
        display: none;
    }

    .Mobile-Screen-Success-Stories {
        background-image: none !important;
        padding-bottom: 30px;
        padding-top:20px !important;
    }

        .Mobile-Screen-Success-Stories h1 {
            text-align: center;
        }

    .Mobile-Screen-Success-Stories-Image {
        border-radius: 30px;
    }

        .Mobile-Screen-Success-Stories-Image img {
            height: auto;
            width: 100%;
        }

    .Mobile-Screen-Success-Stories-Content {
        padding: 0px;
        /*border: 1px solid #d75880;*/
        border-radius: 30px;
    }

    .testimonials_section .testimonials_content p {
        color: var(--e-global-color-dark-grayish-violet);
        margin-bottom: 0px;
        font-size: 14px;
    }

    .testimonials_section .Mobile-Screen-Success-Stories-Content .paragraph {
        font-weight: 500;
        line-height: normal;
        color: #2f2f2f !important;
        margin-bottom: -1px;
        padding: 15px 10px 5px;
        font-size: 13px;
        min-height: auto;
        text-align: left;
    }

    .Mobile-Screen-Success-Stories-Content p {
        padding: 0px 10px 0px;
    }

    .Mobile-Screen-Success-Stories-Content h3 {
        padding: 15px 10px 0px;
    }

    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        border-radius: 23px 23px 0px 0px;
    }

    .card-text img {
        height: auto;
        width: 30px !important;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3px;
    }


    .Mobile-Screen-Success-Stories-Item {
        margin-top: 30px;
    }

        .Mobile-Screen-Success-Stories-Item .owl-dots {
            position: absolute;
            top: 93%;
            left: 50%;
            transform: translateX(-50%);
        }

    .testimonials_quote {
        display: none
    }

    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: none !important;
    }
    /*ContactUs*/
    .Desktop-ContactUs-Section {
        display: none;
    }

    .Mobile-Screens-Contact-Section {
        background-image: url(../images/new-website/MobileScreensImages/MobileContactusBg.png);
        background-size: cover;
        padding: 40px 0px;
    }

    .Mobile-Contact-Section-Main-title {
        color: #2f2f2f;
        font-family: 'PTSans-Bold';
        font-size: 21px;
        font-weight: bold;
    }

    .Mobile-Contact-Section-content p {
        font-size: 12px;
        margin-top: 5px;
    }

    .Mobile-Contact-Section-content span {
        color: #d75880;
        font-weight: bold;
    }

    .Mobile-Contact-Section-content a {
        color: #d75880;
        font-weight: bold;
    }

    .Mobile-Contact-Section-Image img {
        height: auto;
        width: 100%;
    }

    .Mobile-Contact-Section-Main-title .Mobile-Contact-Section-underline {
        position: absolute;
        width: 86px;
        left: 45%;
        top: 137.5%;
    }

    .Mobile-Contact-Section-Form {
        margin-top: 30px;
    }

    .Mobile-Contact-Section-FormCard {
        background-color: #fff;
        border-radius: 30px;
        padding: 15px;
        margin-top: 20px;
    }

        .Mobile-Contact-Section-FormCard .Get-App-Button {
            height: 30px;
            width: 90px;
            font-size: 12px;
        }

    .Mobile-get-our-app-content .icon {
        height: 40px !important;
        width: 40px !important;
        background-color: #fbeef5;
        border-radius: 50%;
        text-align: center;
    }

    .Mobile-get-our-app-content .get-our-app-text h2 {
        color: #2f2f2f;
        font-weight: 600;
        font-size: 13px;
    }

    .Contact-us-GetOur-App-Bg {
        background-image: none;
        height: auto;
        background-size:;
        padding-top: 30px;
    }

    .Mobile-app-bottom-content {
        padding-top: 20px;
        justify-content: start;
        padding-left: 0px;
        padding-bottom: 20px;
    }

        .Mobile-app-bottom-content .play-app-store {
            padding: 0px;
        }

    .mobile-qrcode {
        display: none;
    }

    .play-app-store {
        padding-left: 0px;
        display: flex;
        gap: 5px;
    }

    .store-bottom-text {
        font-size: 16px;
        font-weight: bold;
        color: #848A9A;
        text-align: center;
    }

    .faq-drawer__content .faq-content {
        /* padding-left: 38px; */
        font-family: 'Nunito-Regular';
        font-size: 14px;
        padding: 9px 21px;
    }

    .store-top-text {
        font-size: 9px;
        font-weight: normal;
        color: #848A9A;
        text-align: center;
    }

    .store img {
        height: 25px;
        width: auto;
    }

    .store {
        height: auto;
        width: auto;
        border: 1px solid #848A9A;
        border-radius: 14px;
        margin-bottom: 5px;
        display: flex;
        align-items: center;
        padding: 4px 10px;
    }

    .Mobile-Screen-Get-Our-App-Mobile-Image img {
        height: auto;
        width: 100%;
    }

    .Desktop-NewsLetter {
        display: none;
    }

    .Mobile-Screen-Dog-Nose-Image {
        position: relative;
        margin-top: -80px;
        z-index: 11;
    }

        .Mobile-Screen-Dog-Nose-Image img {
            width: 100%;
        }

    .Mobile-News-Letter-Contact-usPage {
        background-color: #d75880;
        height: auto;
        width: 100%;
        position: relative;
        margin-top: -49px;
        z-index: 1;
        padding-bottom: 40px;
    }

        .Mobile-News-Letter-Contact-usPage .breed-subtitle {
            margin-top: 20px;
        }

        .Mobile-News-Letter-Contact-usPage h1 {
            text-align: left;
            font-size: 25px;
        }

        .Mobile-News-Letter-Contact-usPage h2 {
            font-size: 14px;
            padding-top: 5px;
        }

    .email-input {
        padding-top: 10px;
    }

    .email-input-mobile input[type="email"] {
        width: 99% !important;
        padding: 8px;
        border-radius: 10px;
        border: 1px solid #fff;
        font-size: 15px;
        font-weight: bold;
    }

    .footer {
        background-color: #84899a;
        height: auto;
        padding: 13px 0px 20px 0px;
    }

    .Mobile-News-Letter-Contact-usPage .subscribe-button {
        padding-top: 10px;
    }
    /*Services Pages*/

    .Service-Page-Title {
        padding-top: 90px;
    }

    .Service-Section2 {
        background-image: url(../images/new-website/MobileScreensImages/ServicePageBgMobile.png);
        padding: 35px 0px 0px;
        background-position: top;
        background-size: cover;
    }

    .bg-transparent {
        background-color: transparent;
    }

    .Service-Section2 .owl-stage-outer {
        background-color: transparent;
    }

    .Service-Section2 .pt-30 {
        padding-top: 0px;
    }

    .Service-Section2 h1 {
        text-align: left !important;
    }

    .Service-Section2 .owl-carousel {
        width: auto;
    }

    .Service-Section2 .card-2 {
        border-radius: 23px;
        width: 95%;
    }

    .Desktop-Service {
        display: none;
    }

    .Mobile-Screen-Service-Section-container .owl-dots {
        position: absolute;
        top: 77%;
        left: 50%;
        transform: translateX(-50%);
        display: none;
    }

    .Mobile-Screen-Veterinary-Section-container .veterinary-section h1 {
        text-align: left !important;
    }

    .Mobile-Screen-Veterinary-Section-container .Diagnostic-card {
        border: 3px solid #BBBCB8;
    }

    .inner {
        padding-left: 0px !important;
        text-align: left !important;
    }

        .inner span {
            font-size: 15px;
            color: #d75880;
            font-weight: bold;
        }

        .inner p {
            font-size: 14px;
        }

    .Veterinary-image {
        width: 100%;
        border-radius: 30px;
        border-right: 6px solid #d75880 !important;
        border-bottom: 6px solid #d75880 !important;
    }

    .veterinary-section-shape1,
    .veterinary-section-shape2,
    .veterinary-section-shape3,
    .veterinary-section-shape4,
    .veterinary-section-shape5 {
        display: none;
    }

    .Sick-Pet-Care-Diagnostic-Services {
        padding-top: 30px;
    }

        .Sick-Pet-Care-Diagnostic-Services h1 {
            text-align: left;
        }

        .Sick-Pet-Care-Diagnostic-Services .text-container {
            display: none;
        }

        .Sick-Pet-Care-Diagnostic-Services .Diagnostic-card {
            min-height: auto;
            border: 1px solid #BBBCB8 !important;
            border-radius: 23px !important;
        }

        .Sick-Pet-Care-Diagnostic-Services .mycolor {
            font-size: 18px !important;
        }

        .Sick-Pet-Care-Diagnostic-Services .Get-App-Button {
            height: 30px;
            width: 90px;
            font-size: 12px;
        }

    /*.Service-Page-Before-Footer {*/
    /* background-image: url(../images/new-website/ServiceBeforeFooterImage.png); */
    /*background-size: cover;
        background-repeat: no-repeat;
        padding: 60px 0px 30px;
        background-color: #d75880 !important;
        position: relative;
        margin-top: -39px;
        z-index: -89;
    }*/

    .Service-Page-Before-Footer a {
        width: 153px !important;
    }

    .Service-Page-Before-Footer .desktop {
        display: none;
    }

    .Service-Page-Before-Footer .mobile {
        padding-top: 5px !important;
    }

    video::-webkit-media-controls {
        display: none !important;
        /* Hide Safari media controls */
    }

    video {
        pointer-events: none;
        /* Prevent user interaction with the video */
    }

    .Mobile-Benefits-Of-Pets-Card .owl-stage-outer {
        background: none;
    }

    .FAQ-Circle1,
    .FAQ-Circle2 {
        display: none;
    }

    .Questionmarkimage {
        display: none;
    }

    .FAQ-Section {
        background-image: url(../images/new-website/MobileScreensImages/FAQBg.png);
        padding: 40px 0px 0px;
        background-size: cover;
    }

    .heading-border-top button {
        margin-top: 13px;
    }

    .heading-border-top {
        padding-bottom: 30px;
        text-align: center;
        padding-top: 30px;
    }

    .FAQ-Category-Name {
        font-size: 17px;
        padding-left: 32px;
    }

    .FAQ-Category-Icon img {
        height: auto;
        width: 74%;
    }

    .FAQ-Category-Card {
        background-color: transparent;
        color: #2f2f2f !important;
        padding: 12px 15px;
        border-radius: 20px !important;
        border: 2px solid #848A9A !important;
    }

    .tab-content {
        padding-top: 30px;
    }

    .faq-drawer__title {
        cursor: pointer;
        display: block;
        font-size: 15px !important;
        font-weight: 700;
        padding: 5px 15px 11px 35px;
        margin-bottom: 0;
        color: #2f2f2f;
        transition: color 0.3s ease-in-out;
        position: relative;
    }

    .faq-drawer .faq-drawer__title::after {
        content: "";
        border-style: solid;
        border-width: 2px 2px 0 0;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 10%;
        transform: rotate(135deg) translateY(-50%);
        transition: transform 0.3s ease-in-out;
        height: 12px;
        width: 12px;
        color: #d75880;
    }

    .faq-drawer__content {
        background-color: #fff;
    }

    .heading-border-top h1 {
        text-align: left;
    }

    .heading-border-top {
        text-align: left;
    }

        .heading-border-top:before {
            border-top: 3px solid #d75880;
            content: "";
            display: block;
            height: 1px;
            left: 50%;
            margin-left: -30px;
            position: absolute;
            top: 0;
            width: 60px;
            position: relative;
            padding-bottom: 20px;
        }

        .heading-border-top button {
            /*  height: 30px;
            width: 90px;
            font-size: 12px;*/
        }
    /*footer*/

    .footer-logo img {
        width: 180px;
        height: auto;
    }

    .get-fromplaystore img {
        height: 40%;
        width: 40%;
    }

    .Desktop-Footer-menu {
        display: none;
    }

    .Footer-Icon {
        justify-content: center;
        margin-top: 20px;
        display: flex;
    }

    .Internal-Cat-Breed {
        padding: 90px 0px 20px;
    }

    .search-box {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0px;
    }

    .search {
        width: 100%;
        padding: 9px;
    }

    .popularbreed-imageshape2, .popularbreed-imageshape1 {
        display: none;
    }

    .breed-table {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-bottom: 6px !important;
        font-size: 13px;
        margin: 0px;
    }

        .breed-table li {
            list-style: none;
            /*margin: 5px;*/
            font-size: 20px;
            font-weight: 600;
            cursor: pointer;
        }

            .breed-table li a {
                color: #848A9A;
                text-decoration: none;
                font-size: 17px;
                line-height: 0;
            }

    .contact-us-form .search-icon {
        left: 8%;
        position: absolute;
        z-index: 2;
        display: block;
        width: 2.375rem;
        height: 2.375rem;
        line-height: 2.375rem;
        text-align: center;
        pointer-events: none;
        color: #BBBCB8;
    }

    .Mobile-Popular-Breed {
        background-image: url(../images/new-website/MobileScreensImages/FAQBg.png);
        background-size: cover;
    }

    .breed-info {
        text-align: center;
        display: flex;
        grid-gap: 40px;
        padding-top: 0px;
    }

    .Weight-info img {
        height: auto;
        width: 40px;
    }

    .Height-info img {
        height: auto;
        width: 40px;
    }

    .Country-info img {
        height: auto;
        width: 36px;
    }

    .Breed-Detail {
        padding-bottom: 0px;
    }

    .Mobile-Popular-Breed-Detail {
        background-image: url(../images/new-website/MobileScreensImages/FAQBg.png);
        background-size: cover;
        padding-top: 20px;
        padding-bottom: 60px !important;
    }

    .Breed-Detail-Content {
        padding-top: 30px;
        background-color: #fff;
        border-radius: 20px;
        padding: 15px;
        margin-top: 30px;
        z-index: 10;
/*        width: 90%;*/
        /* position: relative; */
    }

    .Breed-Detail-left {
        padding-top: 0px !important;
    }

        .Breed-Detail-left .desktop {
            display: none;
        }

    .Explore {
        font-size: 18px;
    }

    .breedtabbing-content {
        margin-top: 20px;
    }

        .breedtabbing-content .tab-content {
            padding-top: 0px;
        }
    /*.tabbing-navlink img{
        display:none !important;
    }
    .tabbing-navlink:active img {
        display: none !important;
    }*/
    .breed-tabbing-text p {
        padding: 0px 20px 15px;
        line-height: normal;
        font-size: 13px;
    }

    .breeddetail-beforefooter {
        padding: 50px 0px 30px 20px;
        background-image: url(../images/new-website/MobileScreensImages/MobileRectanglePinkBgWithShapeTopCurve.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        margin-top: -40px;
    }

    .breeddetail-beforefooter {
        display: flex;
        align-items: center;
        height: auto;
    }

        .breeddetail-beforefooter .NewsLetter-Text .subtitile {
            text-align: left !important;
        }

    .breed-star1-top, .breed-detail-star1-bottom {
        display: none;
    }

    .breedname-underline {
        display: none;
    }

    .breedtabbing-content .nav-item {
        border-bottom: 0px;
    }
}

@media only screen and (max-width: 320px) and (min-width: 200px) {
    .testywrap {
        margin-top: 20px;
    }
    .Desktop-ElementCodeofConduct::before {
        display: none;
    }

    .Desktop-ElementCodeofConduct::after {
        display: none;
    }
    .tab__btn {
        display: inline-block;
        color: var(--text-color);
        font-size: 1em;
        font-weight: 400;
        margin: 0 2px;
        padding: 0px 5px !important;
        border-radius: 10px;
        cursor: pointer;
        user-select: none;
        transition: background-color .3s ease;
    }

    .tabbing-navlink img {
        height: auto;
        width: 20px !important;
    }

    .Desktop-ElementBreedDetail::before {
        content: '';
        position: absolute;
        top: -6px;
        left: -10px;
        height: 40px;
        width: 40px;
        rotate: 20deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 1;
    }

    .Desktop-ElementBreedDetail::after {
        content: '';
        position: absolute;
        bottom: 38px;
        right: -15px;
        height: 40px;
        width: 40px;
        rotate: 164.95deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center bottom;
        background-size: contain;
        z-index: 0;
    }


    .Mobile-Element-CareerApply {
        position: relative;
        z-index: 4;
    }

        .Mobile-Element-CareerApply::after {
            content: '';
            position: absolute;
            bottom: -11px;
            right: -6px;
            height: 49.39px;
            width: 49.39px;
            rotate: 218deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
            background-size: contain;
            z-index: -1;
        }

    .Desktop-Partnerwithus-Element::before {
        content: '';
        position: absolute;
        top: -11px;
        left: -16px;
        height: 48px;
        width: 48px;
        rotate: -9deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 1;
    }

    .Desktop-Partnerwithus-Element::after {
        content: '';
        position: absolute;
        bottom: -42px;
        right: -53px;
        height: 48px;
        width: 48px;
        rotate: 51.53deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center bottom;
        background-size: contain;
        z-index: 0;
    }



    .Mobile-Elements-benefits {
        position: relative;
        z-index: 4;
    }

        .Mobile-Elements-benefits::before {
            content: '';
            position: absolute;
            top: 10px;
            left: -7px;
            height: 41px;
            width: 41px;
            rotate: -25.58deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
            background-size: contain;
            z-index: 0;
        }

        .Mobile-Elements-benefits::after {
            content: '';
            position: absolute;
            bottom: 43px;
            right: 14px;
            height: 46px;
            width: 46px;
            rotate: 138.42deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
            background-size: contain;
            z-index: -1;
        }

    .Mobile-Element-Howitwork-1 {
        position: relative;
        z-index: 4;
    }

        .Mobile-Element-Howitwork-1::before {
            content: '';
            position: absolute;
            top: -2px;
            left: -14px;
            height: 44.65px;
            width: 44.65px;
            rotate: 7deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star1.png) no-repeat center top;
            background-size: contain;
            z-index: 0;
        }

        .Mobile-Element-Howitwork-1::after {
            content: '';
            position: absolute;
            bottom: 4px;
            right: -11px;
            height: 44.65px;
            width: 44.65px;
            rotate: -242deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star1.png) no-repeat center top;
            background-size: contain;
            z-index: 0;
        }

    .testywrap::before {
        content: '';
        position: absolute;
        top: -14px;
        right: 8%;
        height: 55px;
        width: 55px;
        rotate: 148.48deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 0;
    }

    .testywrap::after {
        content: '';
        position: absolute;
        bottom: 40px;
        height: 55px;
        width: 55px;
        left: 12%;
        rotate: 144.48deg;
        background: url('https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png') no-repeat center bottom;
        background-size: contain;
        z-index: -1;
    }




    .testimonials_quote {
        display: none;
    }

    .preloader img {
        height: auto;
        width: 80%;
    }

    .footer-alignment {
        display: flex;
        justify-content: center;
    }

    .copyright-content {
        font-size: 13px !important;
        text-align: center !important;
    }

    .Mobile-ContactUs-Button {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    .Desktop-how-itwork-star1,
    .Desktop-how-itwork-star2,
    .Desktop-Service-circle1,
    .Desktop-Service-circle2,
    .Desktop-Service-circle3,
    .Desktop-Service-circle4,
    .Desktop-benefits-star1,
    .Desktop-benefits-star2,
    .Dekstop-screen-Testimonial-Star-1,
    .Dekstop-screen-Testimonial-Star-2,
    .Desktop-veterinary-section-shape1,
    .Desktop-veterinary-section-shape2,
    .Desktop-veterinary-section-shape3,
    .Desktop-veterinary-section-shape4,
    .Desktop-partner-withus-star1,
    .Desktop-partner-withus-star2,
    .Desktop-Screen-CareerApply-Shape1,
    .Desktop-Screen-CareerApply-Shape2,
    .Desktop-refferal-cricle-1,
    .Desktop-refferal-cricle-2,
    .Desktop-FAQ-Circle1,
    .Desktop-FAQ-Circle2,
    .Desktop-CodeofConduct-Star1,
    .Desktop-CodeofConduct-Star2,
    .Desktop-privacy-terms-shape1,
    .Desktop-privacy-terms-shape2,
    .Desktop-privacy-terms-shape3,
    .Desktop-contact-us-star1-top,
    .Desktop-contact-us-star1-bottom,
    .Desktop-BreedList-Shape1,
    .Desktop-BreedList-Shape2,
    .Desktop-breed-star1,
    .Desktop-breed-star2,
    .Desktop-veterinary-section-shape5 {
        display: none;
    }
    /*Mobile-Elements-Start*/
    .career-form-container {
        background-color: #ffffff;
        border-radius: 30px;
        height: auto;
        width: 95%;
        margin-top: 30px;
        margin-right: auto;
        margin-left: auto;
    }

    .Breed-List-Section {
        padding-bottom: 15px;
    }

    .OurValues {
        position: relative;
        padding-bottom: 40px !important;
    }

    .code-of-conduct-detail {
        background-color: white;
        border-radius: 30px;
        padding: 30px;
        margin-top: 30px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }


    .Mobile-Screen-Blogs-Section {
        position: relative;
        padding-top: 20px;
    }

    .blog-section, .career-form, .get-you-onboard, .Mobile-FAQ, .code-of-conduct-section, .Breed-List-Section, .Internal-Cat-Breed, .Mobile-screen-How-it-Work, .Breed-Detail-Content {
        position: relative;
    }

    .Border-class {
        border: 1px solid #d75880;
        border-radius: 0px 0px 33px 33px;
        padding-bottom: 30px;
        position: relative;
        margin-top: -2px;
        z-index: -1;
    }

    .Mobile-Screens-Contact-Section-GenralInformation {
        position: relative;
    }

    .Contact-us-GetOur-App-Bg {
        position: relative;
    }

    .Mobile-screen-How-it-Work-Cards-star1 {
        height: auto;
        width: 44.65px;
        position: absolute;
        /* z-index: -1; */
        left: 8.2px;
        rotate: 7deg;
        top: 3.5%;
        z-index: 1;
    }

    .Mobile-screen-How-it-Work-Cards-star2 {
        height: auto;
        width: 36.65px;
        position: absolute;
        /* z-index: -1; */
        right: 20px;
        rotate: 34.16deg;
        top: 92.5%;
    }

    .Mobile-screen-Service-Circle-1 {
        position: absolute;
        height: auto;
        width: 37px;
        right: -39.9px;
        rotate: 187.27deg;
        top: 96%;
    }

    .Mobile-screen-Service-Circle-2 {
        position: absolute;
        height: auto;
        width: 37px;
        left: -40px;
        rotate: 6.14deg;
        top: 87%;
    }

    .Mobile-screen-Benefits-Star-1 {
        position: absolute;
        height: auto;
        width: 41px;
        rotate: -25.58deg;
        top: 18.2%;
        left: 15px;
    }

    .Mobile-screen-Benefits-Star-2 {
        position: absolute;
        height: auto;
        width: 46px;
        rotate: 138.42deg;
        top: 79.4%;
        right: 41px;
    }

    .Mobile-screen-Testimonial-Star-1 {
        position: absolute;
        height: auto;
        width: 55px;
        top: 30.8%;
        right: 13%;
        rotate: 147deg;
    }

    .Mobile-screen-Testimonial-Star-2 {
        position: absolute;
        height: auto;
        width: 55px;
        top: 75.2%;
        rotate: 142deg;
        left: 10%;
    }

    .Mobile-Screen-Our-Values-Star1 {
        position: absolute;
        height: auto;
        width: 60px;
        right: -45px;
        rotate: -302.25deg;
    }

    .Mobile-Screen-Our-Values-Star2 {
        position: absolute;
        height: auto;
        width: 53px;
        rotate: 49.75deg;
        left: -39px;
        top: 91%;
    }

    .Mobile-Screen-Blogs-Shape1 {
        height: auto;
        width: 50px;
        right: -28px;
        top: 0px;
        position: absolute;
    }

    .Mobile-Screen-Blogs-Star1 {
        position: absolute;
        height: auto;
        width: 54px;
        right: -39.8px;
        top: 35%;
        rotate: 56.75deg;
    }

    .Mobile-Screen-Blogs-Shape2 {
        position: absolute;
        height: auto;
        width: 40px;
        bottom: 4%;
        rotate: -183deg;
        left: -21px;
    }

    .Mobile-Screen-Blogs-Star2 {
        position: absolute;
        height: auto;
        width: 47px;
        top: 59%;
        rotate: 50.71deg;
        left: -35px;
    }

    .Mobile-Screen-BlogDetail-Star1 {
        position: absolute;
        height: auto;
        width: 47.27px;
        rotate: 342deg;
        left: 95.5%;
        top: 16%;
    }

    .Mobile-Screen-BlogDetail-Star2 {
        position: absolute;
        height: auto;
        width: 68.37px;
        rotate: 209.05deg;
        top: 33%;
        right: 97%;
    }

    .Mobile-Screen-BlogDetail-Star3 {
        position: absolute;
        height: auto;
        width: 68.37px;
        rotate: 209.05deg;
        top: 57%;
        left: 96.5%;
    }

    .Mobile-Screen-BlogDetail-Star4 {
        position: absolute;
        height: auto;
        width: 66px;
        rotate: 240.38deg;
        left: -49px;
        bottom: 1%;
    }

    .Mobile-Screen-Advertise-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 90%;
        right: 8px;
        rotate: 218deg;
        z-index: -1;
    }

    .Mobile-Screen-CareerApply-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 91%;
        right: 8px;
        rotate: 218deg;
        z-index: -1;
    }

    .Mobile-Screen-career-form-shape1 {
        position: absolute;
        height: auto !important;
        width: 60px !important;
        right: 95.6%;
        rotate: 163deg;
        top: 54%;
    }

    .Mobile-Screen-career-form-shape2 {
        position: absolute;
        height: auto;
        width: 77px;
        left: 95%;
        top: -56px;
        rotate: 269deg
    }

    .Mobile-Screen-PartnerWithUs-Star1 {
        position: absolute;
        height: auto;
        width: 48px;
        top: 10.9%;
        left: 6px;
        rotate: 7deg;
    }

    .Mobile-Screen-PartnerWithUs-Star2 {
        position: absolute;
        height: auto;
        width: 47px;
        right: -36px;
        bottom: 65px;
        rotate: 50deg;
    }

    .Mobile-Screen-Contact-Shape1 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -43px;
        top: 10%;
    }

    .Mobile-Screen-Contact-Star1 {
        position: absolute;
        height: auto;
        width: 77px;
        rotate: -474deg;
        right: -61px;
        top: 10%;
    }

    .Mobile-Screen-Contact-Star2 {
        position: absolute;
        height: auto;
        width: 73px;
        bottom: 14%;
        rotate: 161deg;
        left: -45px;
    }

    .Mobile-Screen-FAQ-Circle1 {
        position: absolute;
        height: auto;
        width: 50px;
        top: 5.5%;
        left: -25px;
    }

    .Mobile-Screen-FAQ-Circle2 {
        position: absolute;
        width: 84px;
        right: -62px;
        bottom: 10.5%;
        rotate: 138deg;
    }

    .Mobile-Screen-CodeofConduct-Star1 {
        position: absolute;
        height: auto;
        width: 44px;
        z-index: -1;
        left: 7px;
        top: 19.5px;
        rotate: 0deg;
    }

    .Mobile-Screen-CodeofConduct-Star2 {
        position: absolute;
        height: auto;
        width: 50px;
        right: -36px;
        top: 29%;
        rotate: -46deg;
    }

    .Mobile-Screen-CodeofConduct-Star3 {
        position: absolute;
        height: auto;
        width: 50px;
        bottom: 38%;
        left: -38px;
        rotate: 242deg;
    }

    .Mobile-Screen-CodeofConduct-Star4 {
        position: absolute;
        height: auto;
        width: 50px;
        right: -36px;
        bottom: 9%;
        rotate: -46deg;
    }

    .Mobile-Screen-privacy-terms-shape1 {
        position: absolute;
        height: auto;
        width: 31px;
        rotate: 105deg;
        left: -17px;
    }

    .Mobile-Screen-privacy-terms-shape2 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 11.5%;
    }

    .Mobile-Screen-privacy-terms-shape3 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 38.5%;
    }

    .Mobile-Screen-privacy-terms-shape4 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 64.5%;
    }

    .Mobile-Screen-privacy-terms-shape5 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 85%;
    }

    .Mobile-Screen-privacy-terms-shape6 {
        position: absolute;
        height: auto;
        width: 40px;
        left: -20px;
        bottom: 7px;
        rotate: -191deg;
    }

    .Mobile-Screen-Breed-Shape1 {
        position: absolute;
        height: auto;
        width: 33px;
        right: -18px;
        rotate: -93deg;
    }

    .Mobile-Screen-BreedList-Shape1 {
        position: absolute;
        height: auto;
        width: 50px;
        left: -27px;
        bottom: 1%;
        rotate: 92deg;
    }

    .Mobile-Screen-breedDetail-Star1 {
        position: absolute;
        height: auto;
        width: 40px;
        rotate: 33deg;
        top: 40px;
        left: 12px;
    }

    .Mobile-Screen-breedDetail-Star2 {
        position: absolute;
        height: auto;
        width: 50px;
        right: 9px;
        bottom: 83px;
        rotate: 37deg;
    }
    /*Mobile-Elements-End*/

    /* create the paw prints */
    .pad {
        width: 25px;
        height: 27px;
        background-color: #84899a;
        -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
        border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
        display: block;
        position: absolute;
    }

    .large {
        width: 45px;
        height: 55px;
        transform: rotate(91deg);
        left: 94px;
        top: 50px;
    }

    .small-1 {
        transform: rotate(50deg);
        left: 127px;
        top: 28px;
    }

    .small-2 {
        transform: rotate(65deg);
        left: 149px;
        top: 50px;
    }

    .small-3 {
        transform: rotate(98deg);
        position: absolute;
        left: 148px;
        top: 82px;
    }

    .small-4 {
        transform: rotate(140deg);
        position: absolute;
        left: 123px;
        top: 103px;
    }

    /* position and animate */

    .paw-print-1 {
        opacity: 0;
        position: absolute;
        left: -90px;
        top: 96%;
        transform: rotate(-40deg);
        -webkit-animation: walk 3s linear infinite;
        animation: /*keyframe*/ walk /*duration*/ 3s /*transition*/ linear /*repeat*/ infinite;
    }

    .paw-print-2 {
        opacity: 0;
        left: -49px;
        top: 78%;
        transform: rotate(-53deg);
        -webkit-animation: walk 3s linear infinite 0.25s;
        animation: walk 3s linear infinite /*delay*/ 0.25s;
    }

    .paw-print-3 {
        opacity: 0;
        position: absolute;
        left: 78px;
        top: 64%;
        transform: rotate(-56deg);
        -webkit-animation: walk 3s linear infinite 0.5s;
        animation: walk 3s linear infinite 0.5s;
    }

    .paw-print-4 {
        opacity: 0;
        position: absolute;
        left: 30px;
        top: 38%;
        transform: rotate(-49deg);
        -webkit-animation: walk 3s linear infinite 0.75s;
        animation: walk 3s linear infinite 0.75s;
    }

    .paw-print-5 {
        opacity: 0;
        position: absolute;
        left: 142px;
        top: 9%;
        transform: rotate(-23deg);
        -webkit-animation: walk 3s linear infinite 1s;
        animation: walk 3s linear infinite 1s;
    }

    .paw-print-6 {
        opacity: 0;
        position: absolute;
        left: 750px;
        top: 200px;
        transform: rotate(10deg);
        -webkit-animation: walk 3s linear infinite 1.25s;
        animation: walk 3s linear infinite 1.25s;
    }

    .paw-print-7 {
        opacity: 0;
        position: absolute;
        left: 950px;
        top: 50px;
        transform: rotate(20deg);
        -webkit-animation: walk 3s linear infinite 1.5s;
        animation: walk 3s linear infinite 1.5s;
    }

    .paw-print-8 {
        opacity: 0;
        position: absolute;
        left: 1025px;
        top: 250px;
        transform: rotate(10deg);
        -webkit-animation: walk 3s linear infinite 1.75s;
        animation: walk 3s linear infinite 1.75s;
    }

    /*S-Mobile*/
    .container {
        max-width: 95%;
        /*padding:0px;*/
    }

    .Sub-Accordian-Text {
        font-size: 16px !important;
    }

    .Main-Accordian-Body {
        padding: 10px 0px 0px 10px;
    }

    .Desktop-FAQ, .advertise-dekstop {
        display: none;
    }

    .Get-Our-App-Content-Right {
        padding-top: 0px;
    }

    .breed-tabbing-desktop {
        display: none;
    }

    .Mobile-Menu-Button {
        display: none;
    }

    .menu-button-mobile {
        margin-left: 20px;
    }

    .Service-Page-Before-Footer {
        /* background-image: url(../images/new-website/ServiceBeforeFooterImage.png); */
        background-size: cover;
        background-repeat: no-repeat;
        padding: 30px 0px 30px;
        background-color: #d75880 !important;
        position: relative;
        margin-top: -39px;
    }

        .Service-Page-Before-Footer .btnx {
            padding-top: 20px;
        }

    .accordion-item {
        background-color: transparent;
        border: none;
    }

    .Philosophy-Main-Div1 .desktop {
        display: none;
    }

    .career-form-container .Career-FormImage {
        height: auto;
        width: 100%;
        border-radius: 30px !important;
    }

    .service-circle-2 {
        display: none;
    }

    .service-circle-4 {
        display: none;
    }

    header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10;
        background-color: #D9D9D9;
        transition: background-color 0.3s ease;
    }

    .logo {
        display: none;
    }

    .mobilelogo img {
        width: 140px;
        height: auto;
        object-fit: cover;
    }

    header.sticky {
        background-color: #D9D9D9;
    }

    .content {
        display: none;
    }

    .mobilelogo {
        display: inherit;
    }

    .navbar-toggler {
        border: none;
    }

    .navbar-toggler-icon {
        background-color: transparent !important;
        width: 1.5em;
        height: 1em;
        font-size: 25px;
    }

    /*.navbar-toggler-icon img{
                height:auto;
                width:30px
            }*/
    .navbar-collapse.show {
        background-color: transparent;
        ;
        padding: 14px;
        color: #84899a;
    }

    .navbar-nav {
        justify-content: space-evenly;
        font-family: 'Nunito-Regular';
        font-size: 20px;
        color: white;
        font-weight: bold;
        gap: 0px;
        padding-left: 0px;
    }

    .nav-item {
        border-bottom: 0;
    }

    .btnlnktitle {
        text-align: center;
    }

    .btnlnk {
        color: #2f2f2f;
        text-align: center;
    }

    .Get-App-Button1 {
        padding: 5px 16px 5px;
        border-radius: 30px;
        width: auto;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: 'Nunito-Regular';
        font-weight: bold;
        transition: background-color 0.3sease;
        font-size: 18px;
        float: right !important;
        margin-top: 10px;
    }

    img.Diagnostic-icon {
        height: auto;
        width: 59px !important;
    }

    .mr-auto .mycolor {
        color: #d65880;
        font-size: 19px !important;
        /*padding-left: 14px;*/
    }

    .video-banner {
        height: 345px;
    }

    #myvideo {
        right: 0;
        max-width: 100%;
        max-height: 100%;
        object-fit: cover;
        z-index: -1;
        /*margin-top: 70px;*/
    }

    .Mobile-screen-banner-content {
        /*background-color:#d75880;*/
        background-image: url(../images/new-website/MobileScreensImages/MobileRectanglePinkBgWithShape.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: auto;
        padding: 10px 0px 40px 0px;
    }

    .Mobile-screen-banner-content-Main-title {
        color: white;
        font-family: 'PTSans-Bold';
        font-size: 21px;
        font-weight: bold;
    }

    .Mobile-screen-banner-content-sub-title {
        color: white;
        font-family: 'Nunito-Regular';
        font-size: 14px;
        margin-bottom: 10px;
    }

    .How-itwork-desktop {
        display: none;
    }

    .Mobile-screen-How-it-Work {
        background-image: url(../images/new-website/MobileScreensImages/HowItWorkBg.png);
        background-size: cover;
        background-repeat: no-repeat;
        padding-bottom: 30px;
    }

    .Mobile-screen-How-it-Work-title {
        font-family: 'PTSans-Bold';
        text-align: left;
        color: #2f2f2f;
        font-weight: bold;
        font-size: 25px;
    }

    .Mobile-screen-How-it-Work-Card {
        height: auto;
        border-radius: 20px;
        width: 100%;
        background-color: #fff;
        padding: 0px 40px 20px;
        text-align: center;
        margin-top: 10px;
        z-index: 3;
        position: relative;
    }

    .btnlnktitle {
        text-align: center;
    }

    .btnlnk {
        color: #2f2f2f;
        text-align: center;
    }

    .Mobile-screen-How-it-Work-Card {
        padding: 0px 16px 20px;
        text-align: center;
        margin-top: 10px;
        z-index: 3;
        position: relative;
    }

        .Mobile-screen-How-it-Work-Card img {
            height: auto;
            width: 205px;
        }

    .Mobile-screen-How-it-Work-Card-Content-Main-title {
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        padding-top: 17px;
    }

    .Mobile-screen-How-it-Work-Card-Content-sub-title {
        font-size: 14.8px;
        text-align: left;
    }

    .Mobile-screen-How-it-Work-Card .number1 {
        max-width: 40px;
        height: 40px;
        min-width: 0px;
        position: relative;
        top: 45px;
    }

    /*.Mobile-screen-How-it-Work-Cards-star1 {
        height: auto;
        width: 36.65px;
        position: absolute;*/
    /*z-index:-1;*/
    /*left: 0px;
        rotate: 13.16deg;
    }

    .Mobile-screen-How-it-Work-Cards-star2 {
        height: auto;
        width: 36.65px;
        position: absolute;*/
    /*z-index:-1;*/
    /*right: 0px;
        rotate: 13.16deg;
    }*/

    .Service-Desktop {
        display: none;
    }

    .Mobile-Screen-Service-Section {
        padding: 10px 0px 30px
    }

    .Mobile-Screen-Service-Section-Title {
        font-family: 'PTSans-Bold';
        text-align: left;
        color: #2f2f2f;
        font-weight: bold;
        font-size: 25px;
    }

    .Mobile-Screen-Service-Section-subTitle {
        font-size: 14px;
        font-weight: 300;
        color: #BBBCB8;
    }

    .Diagnostic-card {
        width: auto !important;
        height: auto !important;
        background-image: none;
        border: none !important;
        padding: 16px;
        border-radius: 0px !important;
    }

    .Mobile-Screen-Service-Section-cards {
        padding-top: 8px;
    }

    .Mobile-screen-Service-Section-card {
        display: inline-block;
        position: relative;
        border-radius: 20px;
        border: 1px solid #84899a;
        height: auto;
        width: 100%;
        margin-top: 10px;
    }


    .card-text-wrapper {
        /* position: absolute; */
        bottom: 0;
        /* width: 100%; */
        padding: 10px;
        box-sizing: border-box;
    }

    .mr-auto p.card-text {
        padding: 0px 10px 0px 0px;
        line-height: normal;
        font-size: 11px;
    }

    .mr-auto div.card-text {
        padding: 0px 10px 0px 0px;
        line-height: normal;
        font-size: 11px;
    }

    .card-text-wrapper .card-text {
        width: auto;
        height: auto;
        margin: 0px;
        background-color: transparent !important;
        color: #2f2f2f !important;
        border-radius: unset;
        border: none;
        padding: 0px 10px 10px 10px;
        margin-top: 0px;
    }

    .hide {
        display: none;
    }

    .show {
        display: block;
    }


    .Benefits-Desktop {
        display: none;
    }

    .Mobile-Benefits-Of-Pets-Service-Section {
        background-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 40px;
        padding-bottom: 0px;
    }

    .Mobile-Benefits-Of-Pets-Service-Section-Title {
        font-family: 'PTSans-Bold';
        text-align: left;
        color: #2f2f2f;
        font-weight: bold;
        font-size: 25px;
    }

    .Mobile-Benefits-Of-Pets-Service-Section-Title-Image {
        width: 50px;
        height: 50px;
        margin: auto;
        background-color: #fff;
        color: #d75880;
        border-radius: 29px;
        border: 7px solid #d75880;
        padding: 6px 6px;
        margin-top: -40px;
    }

        .Mobile-Benefits-Of-Pets-Service-Section-Title-Image img {
            height: auto;
            width: 25px;
        }

    .Mobile-Benefits-Of-Pets-Service-Section-Card {
        border: none;
        background-color: #d75880;
        min-height: 312px;
    }

    .Mobile-Benefits-Of-Pets-Card .owl-dots {
        display: none;
    }

    .Mobile-Benefits-Of-Pets-Card {
        padding-top: 15px;
        text-align: center;
    }

    .Mobile-Benefits-Of-Pets-Service-Section-Title-Text {
        padding: 0px 2px;
    }

        .Mobile-Benefits-Of-Pets-Service-Section-Title-Text .Bigger-text {
            color: #fff;
            text-align: left;
        }

        .Mobile-Benefits-Of-Pets-Service-Section-Title-Text .Small-text {
            color: #fff;
            font-size: 11px;
            text-align: left;
        }

    .carousel-item {
        transition: transform 0.5s ease-in-out;
    }

    .card-img-top.cardimage {
        transition: opacity 0.5s ease-in-out;
    }

    .card-body {
        transition: opacity 0.5s ease-in-out;
    }

    .zumigo_pass {
        padding-top: 20px;
    }

        .zumigo_pass h1 {
            font-family: 'PTSans-Bold';
            text-align: left;
            color: #2f2f2f;
            font-weight: bold;
            font-size: 25px;
        }

        .zumigo_pass h5 {
            font-size: 15.8px !important;
            text-align: left !important;
            padding-top: 5px !important;
            padding-left: 0px !important;
            color: #BBBCB8;
        }

    .zumigo_pass-row {
        padding-top: 20px;
    }


    .zumigo_pass h2 {
        display: none;
    }

    .Zumigo-Pass-content {
        border: 1px solid #BBBCB7;
        border-radius: 30px;
        padding: 0px 23px 10px;
        margin-top: 10px;
    }

        .Zumigo-Pass-content img {
            height: auto;
            width: 140px;
        }

    .zumigo_pass h3 {
        font-family: 'Nunito-Regular';
        font-weight: bold !important;
        font-size: 15px !important;
        padding: 0px !important;
        text-align: left;
        margin-top: 10px;
    }

    .zumigo_pass p {
        font-family: 'Nunito-Regular';
        color: #848999;
        line-height: normal !important;
        font-weight: bold;
        margin-top: 5px !important;
        font-size: 11.3px !important;
        padding: 0 !important;
        text-align: left;
    }

    .getpass {
        padding-top: 15px;
        text-align: left;
    }

    /*.getpass button {*/
    /* height: 30px;
        width: 90px;
        font-size: 12px;*/
    /*}*/

    .testimonials_section h1 {
        text-align: left;
        color: #2f2f2f;
        font-weight: bold;
        font-size: 25px;
    }

    .testimonial-smallline {
        font-size: 12px;
    }

    .testimonial-subtitle {
        font-size: 22px !important;
    }

    .testimoanil-underline {
        position: relative;
        bottom: 8px !important;
        left: 24% !important;
    }

        .testimoanil-underline img {
            height: auto;
            width: 140px;
        }

    .testimonials_section .testimonials_content .paragraph {
        font-weight: 600;
        line-height: normal;
        color: #d75880 !important;
        margin-bottom: -1px;
        padding: 0px 0px 10px;
        font-size: 16px;
        min-height: auto;
        text-align: left;
    }

    .testimonials_content {
        width: auto;
        padding: 14px 30px 35px 30px;
        text-align: center;
    }

    .career-form-container .Career-FormImage {
        height: auto;
        width: 100%;
        border-radius: 30px !important;
    }

    .testimonials_content h3 {
        text-align: left;
        font-size: 18px !important;
        color: #8B909F !important;
    }

    .testimonials_content p {
        text-align: left;
        color: #8B909F !important;
        font-size: 13px;
    }

    .owl-dots {
        position: absolute;
        top: 69%;
        left: 50%;
        transform: translateX(-50%);
    }

    .testimonail-star-image2 {
        position: absolute;
        height: auto;
        width: 54.75px;
        top: 35%;
        right: 17%;
        rotate: 148.48deg;
    }

    .testimonail-star-image1 {
        position: absolute;
        height: auto;
        width: 54.75px;
        top: 73.7%;
        left: 12%;
        rotate: 148.48deg;
    }



    /*Blog Page*/
    .blog-banner {
        background: url(../images/new-website/MobileScreensImages/BlogBannerBg.png);
        height: auto;
        padding-top: 90px;
        background-position: bottom;
        /*background-size: contain !important;*/
        padding-bottom: 0px;
        padding-bottom: 35px;
        background-size: cover;
    }

    .main-title h1 {
        text-align: left;
        font-size: 25px !important;
        justify-content: flex-start;
        display: flex;
        align-items: center;
    }

    .Blog .sub-title h2 {
        font-size: 16px;
        margin-top: 8px;
        color: #2f2f2f;
        line-height: normal;
    }

    .Blog .bottom-content {
        padding-top: 10px;
    }

    .Blog .advice-by {
        font-size: 20px;
        color: #2f2f2f;
        line-height: 10px;
        padding-top: 5px;
    }

    .advice-by-name {
        font-size: 20px;
    }

    .Blog .blog-image img {
        height: auto;
        width: 100%;
    }

    .Blog-Desktop {
        display: none;
    }

    .Mobile-Screen-Blog {
        border: 1px solid #BBBCB7;
        border-radius: 20px;
        height: auto;
        padding: 10px;
        display: flex;
        align-items: center;
        margin-top: 10px;
    }

    .bolgs {
        padding: 20px 0px;
    }

    .loadbtn {
        text-align: center;
        padding-bottom: 20px;
    }

        .loadbtn .Get-App-Button {
            width: 90px;
            height: 24px;
            font-size: 10px;
        }

    .Mobile-Screen-Blog img {
        height: 60px;
        width: 60px;
        border-radius: 50%;
    }

    .Mobile-Screen-Blog p {
        font-size: 16px;
        font-weight: bold;
    }

    .Mobile-Screen-Blog-Shape1 {
        height: 42.33px;
        width: 42.33px;
        position: relative;
        left: 101%;
        rotate: 1.3deg;
        top: -3%;
    }

    .Mobile-Screen-Blog-Star1 {
        height: 43.59px;
        width: 43.59px;
        position: relative;
        left: 89%;
        rotate: 50.3deg;
        top: 42%;
    }

    .Mobile-Screen-Blog-Star2 {
        height: 43.59px;
        width: 43.59px;
        position: absolute;
        right: 97%;
        rotate: 50.3deg;
        top: 153%;
    }

    .Mobile-Screen-Blog-Shape2 {
        height: 43.59px;
        width: 43.59px;
        position: absolute;
        right: 95%;
        rotate: 178deg;
        top: 178%;
    }


    /*Blog Detial*/
    .blog-detail-banner {
        background: url(../images/new-website/MobileScreensImages/MobileBlogDetailBg.png);
        padding-top: 90px;
        padding-bottom: 20px;
        background-position: bottom;
        background-size: cover;
    }

    .blog-image3 img {
        height: auto;
        width: 100%;
        border-radius: 30px;
        box-shadow: 2px 2px 2px grey;
    }

    .blog-section {
        padding-bottom: 20px;
    }

    .blog-detail-title h1 {
        text-align: center;
        font-family: 'PTSans-Bold' !important;
        font-weight: 600;
        color: #d75880;
        text-align: left;
        padding-top: 0px;
        font-size: 20px;
    }

    .blog-detail-content {
        padding: 0px 15px
    }

        .blog-detail-content p {
            font-size: 12px;
            line-height: normal;
        }

    .privacy-policy h3 {
        font-family: 'PTSans-Bold' !important;
        font-weight: 600;
        font-size: 20px;
        padding-bottom: 8px;
    }

    .blog-detail-content h3 {
        font-family: 'PTSans-Bold' !important;
        font-weight: 600;
        font-size: 20px;
    }

    .blog-detail-content ul > li {
        font-size: 14px;
        line-height: normal;
    }

    .blog-detail-content ul,
    ol {
        padding-left: 17px;
    }

    .blod-detail-button a {
        height: 24px;
        width: 90px;
        font-size: 12px;
    }

    .blod-detail-button {
        margin-top: 20px;
    }

    .Mobile-Screen-BlogDetail-Star1 {
        position: absolute;
        height: 57.27px;
        width: 57.27px;
        rotate: 345deg;
        left: 94%;
        top: 78%;
    }

    .Mobile-Screen-BlogDetail-Star2 {
        position: absolute;
        height: 68.37px;
        width: 68.37px;
        rotate: 209.05deg;
        top: 109%;
        right: 97%;
    }

    .Mobile-Screen-BlogDetail-Star3 {
        position: absolute;
        height: 68.37px;
        width: 68.37px;
        rotate: 209.05deg;
        top: 109%;
        right: 97%;
    }


    /*About Us Page*/
    .about-us-banner-bg {
        padding-top: 90px;
        padding-bottom: 80px;
    }
    /*.videomaskingimage {
                height: auto;
                width: 100%;
                position: absolute;
                top: 128px;
                right: 6px;
            }*/
    .main-title h1 {
        text-align: left;
        font-size: 25px !important;
        justify-content: flex-start;
        display: flex;
        align-items: center;
    }

    .tabbing-navlink img {
        height: auto;
        width: 20px;
        padding-right: 9px;
        /* display: block;
        margin: 0 auto;*/
    }

    .tabbing-navlink {
        color: #fff;
        font-size: 7.5px !important;
        padding-left: 6px;
        display: flex;
    }

    .Explore {
        font-size: 15px;
        font-weight: 500 !important;
    }

    .sub-title p.breadcrumb {
        font-size: 11px;
        margin-top: 8px;
        color: #2f2f2f;
        line-height: normal;
    }

    .sub-title p {
        font-size: 18px;
        margin-top: 8px;
        color: #2f2f2f;
        line-height: normal;
    }

    .advice-by-button .Get-App-Button {
        height: 38px;
        width: auto;
        font-size: 15px;
        padding: 7px 17px 9px;
    }

    .blob-container {
        width: 100%;
        height: auto;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .about-us-banner-bg .blog-image1 {
        padding-top: 80px;
    }

    .videomaskingimage {
        height: auto;
        width: 100%;
        position: absolute;
        top: 364px;
        right: -8px;
    }

    .FAQ-Page .videomaskingimage {
        height: auto;
        width: 100%;
        position: absolute;
        top: 253px;
        right: -8px;
    }

    .abouts-us {
        background: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        padding: 25px 0px 60px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .left-sidecontent h1 {
        text-align: left !important;
        font-size: 16px;
    }

    .about-underline {
        position: relative;
        bottom: 7px;
        left: 50% !important;
    }

        .about-underline img {
            width: 115px
        }

    .aboutus-left-side-content-top {
        color: #2f2f2f;
        font-size: 12.5px;
        margin-top: 10px;
    }

    .left-sidecontent-description {
        font-size: 12.5px !important;
        /* line-height: 37.74px; */
        color: #2f2f2f;
        margin: 0;
        font-weight: 400;
        line-height: normal;
        margin-top: 10px;
    }

    .image-border {
        margin-top: 20px;
    }

    .Philosophy-Main-Div1 h1 {
        text-align: left !important;
    }

    .Philosophy-Main-Div1 h3 {
        text-align: left;
        font-weight: 300;
        color: #BBBCB8;
        font-size: 12px;
    }

    .our-values-card {
        background-color: #fff;
        border: 1px solid #BBBCB8;
        height: 101px;
        width: auto;
        border-radius: 30px;
        text-align: center;
        display: flex;
        padding: 7px 15px;
        margin-top: 10px;
    }

    .mobilescreen-ourvalues-card {
        width: 40%;
    }

        .mobilescreen-ourvalues-card img {
            height: auto;
            width: 100%;
            padding-top: 3px;
        }

    .our-values-card div h2 {
        font-size: 14px;
        font-weight: 600;
        color: #2f2f2f;
        margin-top: 4px;
        text-align: left;
    }

    .our-values-card div p {
        font-size: 13.5px;
        color: #2f2f2f;
        line-height: normal;
        text-align: left;
    }

    .mobilescreen-ourvalues-card-content {
        padding-left: 10px;
    }

    .Mobile-Screen-OverValues-Star1 {
        position: relative;
        height: auto;
        width: 53px;
        rotate: 52deg;
        margin-top: -23px;
        left: 97%;
    }

    .Mobile-Screen-OverValues-Star2 {
        position: relative;
        height: auto;
        width: 53px;
        rotate: 52deg;
        margin-top: -23px;
        right: 12%;
    }

    .Our-Philosophy {
        background: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        padding: 50px 0px 40px !important;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .Philosophy-Main-Div1 hr {
        display: none;
    }

    .Philosophy-Main-Div1 h3 {
        text-align: left !important;
        font-size: 13px;
    }

    .OurValues {
        padding-bottom: 20px !important;
    }

    .card-Philosophy p {
        color: #2f2f2f;
        font-size: 13px;
        line-height: normal;
        text-align: left;
    }

    .navbar-collapse .Get-App-Button {
        padding: 7px 10px 10px !important;
        border-radius: 30px;
        height: 38px !important;
        width: auto;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: "Nunito-Regular";
        font-weight: bold;
        transition: background-color 0.3sease;
        font-size: 17px;
    }

    .Get-App-Button {
        padding: 5px 16px 5px;
        border-radius: 30px;
        width: auto;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: 'Nunito-Regular';
        font-weight: bold;
        transition: background-color 0.3sease;
        font-size: 18px;
        /* float: right !important;
        margin-top: 10px;*/
        /* padding: 7px 16px;
        border-radius: 30px;
        height: 38px;
        width: 170px;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: "Nunito-Regular";
        font-weight: bold;
        transition: background-color 0.3sease;
        font-size: 11px;*/
    }

    .Our-Philosophy .bold-content {
        text-align: left;
        font-size: 13px !important;
    }

    .Our-Philosophy-button a {
        height: 24px;
        width: 90px;
        font-size: 10px;
    }

    .Our-Philosophy-button {
        padding-top: 10px;
    }

    .Mobile-Screen-BeforeFooter-Video-Mask {
        -webkit-mask-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        mask-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        mask-size: 20%;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        /* mask-position: center; */
        /* -webkit-mask-position: center; */
        height: auto;
        /* padding: 0; */
        /* margin: 0; */
        right: 0;
        width: 500%;
    }

    .Mobile-Screen-BeforeFooter-Video {
        position: relative;
        margin-top: -40px;
    }

    .AboutUs-before-footer-Title {
        text-align: left;
    }

        .AboutUs-before-footer-Title h1 {
            text-align: left;
            font-size: 23px !important;
            padding-bottom: 4px;
        }

    .AboutUs-before-footer p {
        color: #fff;
        font-size: 12px !important;
        padding-top: 3px;
    }

    .AboutUs-before-footer {
        background-color: transparent !important;
    }

    .checkft div {
        padding-left: 6% !important;
    }

        .checkft div h1 {
            color: #fff;
            font-size: 17px;
        }

    .AboutUs-before-footer {
        padding: 60px 0px 30px 0px;
        background-image: url(../images/new-website/MobileScreensImages/MobileRectanglePinkBgWithShapeTopCurve.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        margin-top: -72px;
    }

    .AboutUs-before-footer-Button {
        padding-top: 10px;
    }

    p.testimonsubhead {
        font-size: 12px;
    }

    .white-button {
        /*height: 25px !important;
        width: 163px !important;*/
        /* display: block;*/
        /*padding: 5px 16px;*/
        /*font-size: 11px;*/
    }



    /*Career Page*/

    .blog-bannercareer {
        padding-top: 90px;
    }

    .blog-bannercareer1 {
        padding-top: 90px;
    }

    .sub-title .desktop {
        display: none;
    }

    .career-form-rightside {
        padding: 14px 22px;
    }

    .sub-title .mobile {
        font-size: 14px;
        margin-top: 8px;
        color: #2f2f2f;
        line-height: normal;
    }

    .blog-image img {
        height: auto;
        width: 100%;
        padding-top: 20px;
    }

    .Career-Page-bg {
        background: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        background-size: cover;
        background-position: right;
    }

    .wave-paddding-career {
        padding: 55px 0px;
    }

    .career-page-right-side-content-title {
        font-size: 25px;
        font-family: 'PTSans-Bold';
        color: #2f2f2f;
        font-weight: 600;
    }

    .career-page-right-side-content {
        height: auto;
        width: 100%;
        border-radius: 10px;
        padding: 10px 0px;
    }

    .career-page-right-side-content-text {
        font-size: 14px;
        line-height: normal;
        padding-top: 0px;
    }

        .career-page-right-side-content-text p {
            font-size: 14px !important;
            line-height: normal;
        }

    .carapp {
        padding: 0px 0px 32px !important;
    }

    .Our-Approach-Image {
        padding-top: 20px;
    }

    .Our-Approach-Section {
        padding: 0px 0px 30px;
    }

    .CareerPage-MobileScreenBefore-Footer-Image {
        padding: 0px;
        z-index: 11;
        position: relative;
    }

        .CareerPage-MobileScreenBefore-Footer-Image img {
            width: 100%;
        }

    .career-page-before-footer {
        /* background-image: url(../images/new-website/CareerPage-BeforeFooterBgImage1.png); */
        background-image: none;
        background-color: #d75880;
        background-size: cover;
        padding: 36px 0px;
        /*position: relative;*/
        z-index: 1;
        margin-top: -36px;
    }

    .before-footer-main-title {
        font-size: 18px;
        font-family: 'PTSans-Bold';
        font-weight: 600;
        text-align: left;
        line-height: normal;
        color: #fff;
        padding-top: 33px;
    }

        .before-footer-main-title span {
            font-size: 18px;
            font-family: 'PTSans-Regular';
            font-weight: 100;
            text-align: left;
            line-height: normal;
            color: #fff;
            padding-top: 27px;
        }

    .button {
        text-align: left;
        padding-top: 10px;
    }

    .advice-by-button {
        padding-top: 10px;
    }


    /*Career form Page*/



    .career-form-shape2 {
        position: absolute;
        height: auto;
        width: 180px;
        left: 93%;
        rotate: 294deg;
        top: 123%;
        display: none;
    }

    .sub-title .desktop {
        display: none;
    }

    .sub-title h2 {
        font-size: 16px;
        margin-top: 20px;
        color: #2f2f2f;
        line-height: normal;
    }

    .career-form-main-title {
        font-size: 16px;
    }

    .form {
        padding-top: 0px;
    }

    .Other-Textbox {
        display: none;
    }

    .wrapper {
        width: 56%;
        height: 40%;
        margin-top: 0px !important;
        cursor: pointer;
    }

    .form-group input[type="email"],
    .form-group input[type="text"],
    .form-group input[type="tel"],
    .form-group input[type="file"],
    .form-group input[type="search"],
    .form-group input[type="number"],
    .form-group textarea,
    .form-group select {
        padding: 10px;
        border-radius: 10px;
        border: 1px solid #848A9A;
        font-size: 15px;
        font-weight: 400;
        color: #848A9A;
    }

    .checkbox-container img {
        height: auto;
        width: 30px;
    }

    .i-agree-content p {
        font-size: 12px;
        padding-top: 0;
    }

    .form button {
        margin-top: 9px;
        margin-right: 37px;
    }

    .career-form-container .col-xl-5 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* margin-top: 9px; */
        border-radius: 30px 0px 30px 30px !important;
    }

    .career-form .container {
        margin: 0;
        max-width: 100%;
    }

    .section-gap {
        padding: 28px 0px 60px;
    }



    .wrapper .file-upload {
        height: 35px !important;
        width: 35px !important;
    }

    .fa-arrow-up {
        font-size: 18px !important;
    }

    .Mobile-Screen-CareerForm-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 226%;
        right: 25px;
        rotate: 218deg;
        z-index: -1;
    }

    .career-form-shape1 {
        position: absolute;
        height: auto !important;
        width: 60px !important;
        right: 92.6%;
        rotate: 163deg;
        top: 165% !important;
        z-index: 9999999;
        border-radius: 0px !important;
    }

    .career-form-container .Career-FormImage {
        height: auto;
        width: 100%;
        border-radius: 30px !important;
    }

    .Mobile-Screen-CareerForm-shape1 {
        position: absolute;
        height: 49px;
        left: 91%;
        top: 82%;
    }




    /*Referral Page*/
    .refferal-cricle-2 {
        display: none;
    }

    .refferal-cricle-1 {
        display: none;
    }

    .Referral-Title {
        padding-top: 40px;
    }

    .referralvideomaskingimage {
        height: auto !important;
        width: 100%;
        position: absolute;
        top: 404px !important;
        right: -8px;
    }

    .main-title .desktop {
        display: none;
    }

    .Mobile-Screen-Referral-Section {
        background-image: url(../images/new-website/MobileScreensImages/MobileReferralSectionImageBg.png) !important;
        background-position: top;
        background-size: cover
    }

        .Mobile-Screen-Referral-Section h1 {
            text-align: left;
            font-size: 25px;
        }

    .refferel-tile {
        background-color: #fff;
        border-radius: 30px;
        padding: 20px 35px;
    }

    .referral-image {
        height: auto;
        width: 100%;
        display: flex;
        justify-content: center;
    }

        .referral-image img {
            height: auto;
            width: 80%;
        }

    .referral-content {
        display: flex;
        padding-top: 20px;
        justify-content: center;
    }

    .referral-text {
        font-size: 18px;
        font-weight: 600;
        padding-left: 0px;
        text-align: center;
    }

    .referral-content .desktop {
        display: none;
    }

    .referral-number {
        background-color: #d75880;
        color: #ffffff;
        padding: 5px;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        font-size: 22px;
        align-content: center;
        justify-content: center;
        display: flex;
        font-weight: 600;
        position: absolute;
        left: 14%;
    }

    .Mobile-Screen-Referral-Section .mt50 {
        padding-top: 20px;
    }

    .mt50 .Get-App-Button {
        /*  height: 24px;
        width: 90px;
        font-size: 10px;*/
    }


    /*Advertise With use*/


    .sub-title h2 {
        font-size: 10px;
        margin-top: 10px;
        color: #2f2f2f;
        line-height: normal;
    }

    .career-form-container .Career-FormImage {
        height: auto;
        width: 100%;
        border-radius: 30px !important;
    }

    .Mobile-Screen-Advertise-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 214%;
        right: 25px;
        rotate: 218deg;
        z-index: -1;
    }

    /*code of conduct*/
    .videomaskingimage-codeofconduct {
        height: auto;
        width: 100%;
        position: absolute;
        top: 161px !important;
        right: -7px;
    }

    .code-of-conduct-star1, .code-of-conduct-star2 {
        display: none;
    }

    .MobileCode-of-Conduct {
        padding-bottom: 30px;
    }

    .code-of-conduct-title {
        font-size: 16px;
    }

    .code-of-conduct-detail .animate-charcter {
        font-size: 18px;
        margin-top: 10px;
    }

    .code-of-conduct-detail p {
        font-size: 12.5px;
        line-height: normal;
    }

    .code-of-conduct-detail .mycolor {
        font-weight: bold;
        font-size: 14px !important;
        padding-bottom: 10px;
    }

    /*Terms and Condition page*/
    .privacy-banner {
        background-image: url(../images/new-website/MobileScreensImages/MobileRectanglePinkBgWithShapepng.svg);
        background-repeat: no-repeat;
        padding: 85px 0px;
        background-size: cover;
    }

        .privacy-banner h1 {
            text-align: center !important;
            justify-content: center !important;
            padding-top: 45px;
        }

    .Terms-Condition h3 {
        font-family: Nunito !important;
        font-size: 18px;
    }

    .privacy-terms-shape1,
    .privacy-terms-shape2,
    .privacy-terms-shape3 {
        display: none;
    }

    .Terms-Condition {
        padding-top: 15px;
    }

    /*Privacy Page*/
    .Privacy-Section h3 {
        font-family: Nunito !important;
        font-size: 18px;
    }

    /*Partner With us*/
    .Partnerwithus-videomaskingimage {
        height: auto;
        width: 100%;
        position: absolute;
        top: 244px;
        right: -8px;
    }

    .Get-onboard {
        padding-top: 30px;
        background-color: #fff;
        border-radius: 20px;
        padding: 20px;
        margin-top: 0px !important;
        z-index: 10;
        position: relative;
        /*        width: 90%;*/
    }

    .partner-withus-box h1 {
        font-size: 18px;
        text-align: left;
    }

    .partner-withus-box h2 {
        font-size: 14px;
        color: #2f2f2f;
        font-family: 'PTSans-Bold';
        font-weight: bold;
    }

    .partner-withus-box .samll-content {
        font-family: 'Nunito-Regular';
        font-size: 15px;
        padding-top: 10px;
    }

    .text {
        font-size: 14px;
        color: #2f2f2f;
        padding-top: 4px;
    }

    .icon img {
        width: 25px;
        height: 25px;
        /* padding-top: 10px; */
        object-fit: contain;
    }

    .icon {
        width: 40px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .Partner-Withus-list-section {
        padding-left: 0px;
    }

    .partner-withus-content {
        padding: 0px 0px;
    }

    .partner-withus-star1-top {
        display: none;
    }

    .partner-withus-star1-bottom {
        display: none;
    }

    .get-you-onboard {
        background-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        background-size: cover;
        background-position: top;
        padding-bottom: 70px;
        padding-top: 70px;
        background-repeat: no-repeat;
    }

    .why-partner-section h1 {
        font-size: 21px;
        color: #2f2f2f;
        text-align: left;
    }

    .why-partner-section {
        background-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png) !important;
        position: relative;
        margin-top: -74px;
        padding-top: 36px;
        padding-bottom: 49px;
    }

    .Partner-with-us-card {
        background-color: transparent !important;
        border: 1px solid #BBBCB8;
        height: 104px;
        width: auto;
        border-radius: 30px;
        text-align: center;
        display: flex;
        padding: 10px 15px;
        margin-top: 10px;
    }

    .mobile-screen-partnerwithus-image img {
        height: auto;
        width: 52.52px;
    }

    .mobile-screen-partnerwithus-image {
        height: auto;
        /*width: 40%;*/
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .font-weight-bold-title {
        font-size: 13px;
        text-align: left;
        padding-left: 16px;
        margin-top: 5px !important;
    }

    .mobile-screen-partnerwithus-content {
        display: flex;
        align-items: center;
    }

        .mobile-screen-partnerwithus-content .desktop {
            display: none;
        }

        .mobile-screen-partnerwithus-content .text-muted {
            font-size: 9px;
            text-align: left;
            padding-left: 16px;
            padding-top: 1px;
        }

        .mobile-screen-partnerwithus-content > div > .mt3 {
            margin-top: 0px !important;
        }

    .why-partner {
        margin-top: 0rem !important;
    }

    .success-stories {
        display: none;
    }

    .Mobile-Screen-Success-Stories {
        background-image: none !important;
        padding-bottom: 30px;
        padding-top: 17px;
    }

        .Mobile-Screen-Success-Stories h1 {
            text-align: center;
        }

    .Mobile-Screen-Success-Stories-Image {
        border-radius: 30px;
    }

        .Mobile-Screen-Success-Stories-Image img {
            height: auto;
            width: 100%;
        }

    .Mobile-Screen-Success-Stories-Content {
        padding: 0px;
        /*border: 1px solid #d75880;*/
        border-radius: 30px;
    }

    .testimonials_section .Mobile-Screen-Success-Stories-Content .paragraph {
        font-weight: 500;
        line-height: normal;
        color: #2f2f2f !important;
        margin-bottom: -1px;
        padding: 15px 10px 5px;
        font-size: 11px;
        min-height: auto;
        text-align: left;
    }

    .Mobile-Screen-Success-Stories-Content p {
        padding: 0px 10px 0px;
    }

    .Mobile-Screen-Success-Stories-Content h3 {
        padding: 3px 10px 0px;
    }

    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        border-radius: 23px 23px 0px 0px;
    }

    .card-text img {
        height: auto;
        width: 30px !important;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3px;
    }


    .Mobile-Screen-Success-Stories-Item {
        margin-top: 30px;
    }

        .Mobile-Screen-Success-Stories-Item .owl-dots {
            position: absolute;
            top: 93%;
            left: 50%;
            transform: translateX(-50%);
        }

    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: block !important;
    }

    /*ContactUs*/
    .Desktop-ContactUs-Section {
        display: none;
    }

    .Mobile-Screens-Contact-Section {
        background-image: url(../images/new-website/MobileScreensImages/MobileContactusBg.png);
        background-size: cover;
        padding: 40px 0px;
    }

    .Mobile-Contact-Section-Main-title {
        color: #2f2f2f;
        font-family: 'PTSans-Bold';
        font-size: 21px;
        font-weight: bold;
    }

    .Mobile-Contact-Section-content p {
        font-size: 12px;
        margin-top: 5px;
    }

    .Mobile-Contact-Section-content span {
        color: #d75880;
        font-weight: bold;
    }

    .Mobile-Contact-Section-content a {
        color: #d75880;
        font-weight: bold;
    }

    .Mobile-Contact-Section-Image img {
        height: auto;
        width: 100%;
    }

    .Mobile-Contact-Section-Main-title .Mobile-Contact-Section-underline {
        position: absolute;
        width: 86px;
        left: 58%;
        top: 127.5%;
    }

    .Mobile-Contact-Section-Form {
        margin-top: 30px;
    }

    .Mobile-Contact-Section-FormCard {
        background-color: #fff;
        border-radius: 30px;
        padding: 15px;
        margin-top: 20px;
    }

        .Mobile-Contact-Section-FormCard .Get-App-Button {
            height: 30px;
            width: 90px;
            font-size: 12px;
        }

    .Mobile-get-our-app-content .icon {
        height: 40px !important;
        width: 40px !important;
        background-color: #fbeef5;
        border-radius: 50%;
        text-align: center;
    }

    .Mobile-get-our-app-content .get-our-app-text h2 {
        color: #2f2f2f;
        font-weight: 600;
        font-size: 13px;
    }

    .Contact-us-GetOur-App-Bg {
        background-image: none;
        height: auto;
        background-size:;
        padding-top: 30px;
    }

    .Mobile-app-bottom-content {
        padding-top: 20px;
        justify-content: start;
        padding-left: 0px;
        padding-bottom: 20px;
    }

        .Mobile-app-bottom-content .play-app-store {
            padding: 0px;
        }

    .mobile-qrcode {
        display: none;
    }

    .play-app-store {
        padding-left: 0px;
        display: flex;
        gap: 5px;
    }

    .store-bottom-text {
        font-size: 15px;
        font-weight: bold;
        color: #848A9A;
        text-align: center;
    }

    .faq-drawer__content .faq-content {
        /* padding-left: 38px; */
        font-family: 'Nunito-Regular';
        font-size: 14px;
        padding: 9px 21px;
    }

    .store-top-text {
        font-size: 9px;
        font-weight: normal;
        color: #848A9A;
    }

    .store img {
        height: 28px;
        width: auto;
    }

    .store {
        height: auto;
        width: auto;
        border: 1px solid #848A9A;
        border-radius: 14px;
        margin-bottom: 5px;
        display: flex;
        align-items: center;
        padding: 4px 10px;
    }

    .Mobile-Screen-Get-Our-App-Mobile-Image img {
        height: auto;
        width: 100%;
    }

    .Desktop-NewsLetter {
        display: none;
    }

    .Mobile-Screen-Dog-Nose-Image {
        position: relative;
        margin-top: -74px;
        z-index: 11;
    }

        .Mobile-Screen-Dog-Nose-Image img {
            width: 100%;
        }

    .Mobile-News-Letter-Contact-usPage {
        background-color: #d75880;
        height: auto;
        width: 100%;
        position: relative;
        margin-top: -24px;
        z-index: 1;
        padding-bottom: 40px;
    }

    .NewsLetter-Text {
        padding-top: 6px;
    }

    .Mobile-News-Letter-Contact-usPage .breed-subtitle {
        margin-top: 0px;
    }

    .Mobile-News-Letter-Contact-usPage h1 {
        text-align: left;
        font-size: 25px;
    }

    header.sticky {
        z-index: 99;
    }

    .Mobile-News-Letter-Contact-usPage h2 {
        font-size: 12px;
        padding-top: 5px;
    }

    .footer {
        background-color: #84899a;
        height: auto;
        padding: 13px 0px 20px 0px;
    }

    .email-input {
        padding-top: 10px;
    }

    .copyright-content {
        color: white;
        font-size: 13px;
        text-align: center;
    }

    .email-input-mobile input[type="email"] {
        width: 99% !important;
        padding: 8px;
        border-radius: 10px;
        border: 2px solid #fff;
        font-size: 15px;
        font-weight: bold;
    }

    .Mobile-News-Letter-Contact-usPage .subscribe-button {
        padding-top: 10px;
    }

    /*Services Pages*/

    .Service-Page-Title {
        padding-top: 90px;
    }

    .Service-Section2 {
        background-image: url(../images/new-website/MobileScreensImages/ServicePageBgMobile.png);
        padding: 35px 0px 0px;
        background-position: top;
        background-size: cover;
    }

    .bg-transparent {
        background-color: transparent;
    }

    .Service-Section2 .owl-stage-outer {
        background-color: transparent;
    }

    .Service-Section2 .pt-30 {
        padding-top: 0px;
    }

    .Service-Section2 h1 {
        text-align: left !important;
    }

    .Service-Section2 .owl-carousel {
        width: auto;
    }

    .Service-Section2 .card-2 {
        border-radius: 23px;
        width: 95%;
    }

    .Desktop-Service {
        display: none;
    }

    .Mobile-Screen-Service-Section-container .owl-dots {
        position: absolute;
        top: 77%;
        left: 50%;
        transform: translateX(-50%);
        display: none;
    }

    .Mobile-Screen-Veterinary-Section-container .veterinary-section h1 {
        text-align: left !important;
    }

    .Mobile-Screen-Veterinary-Section-container .Diagnostic-card {
        border: 3px solid #BBBCB8;
    }

    .inner {
        padding-left: 0px !important;
        text-align: left !important;
    }

        .inner span {
            font-size: 15px;
            color: #d75880;
            font-weight: bold;
        }

        .inner p {
            font-size: 14px;
        }

    .Veterinary-image {
        width: 100%;
        border-radius: 30px;
        border-right: 6px solid #d75880 !important;
        border-bottom: 6px solid #d75880 !important;
    }

    .veterinary-section-shape1,
    .veterinary-section-shape2,
    .veterinary-section-shape3,
    .veterinary-section-shape4,
    .veterinary-section-shape5 {
        display: none;
    }

    .Sick-Pet-Care-Diagnostic-Services {
        padding-top: 30px;
    }

        .Sick-Pet-Care-Diagnostic-Services h1 {
            text-align: left;
        }

        .Sick-Pet-Care-Diagnostic-Services .text-container {
            display: none;
        }

        .Sick-Pet-Care-Diagnostic-Services .Diagnostic-card {
            min-height: auto;
            border: 1px solid #BBBCB8 !important;
            border-radius: 23px !important;
        }

        .Sick-Pet-Care-Diagnostic-Services .mycolor {
            font-size: 18px !important;
        }

        .Sick-Pet-Care-Diagnostic-Services .Get-App-Button {
            height: 30px;
            width: 90px;
            font-size: 12px;
        }

    .Service-Page-Before-Footer {
        /* background-image: url(../images/new-website/ServiceBeforeFooterImage.png); */
        background-size: cover;
        background-repeat: no-repeat;
        padding: 30px 0px 30px;
        background-color: #d75880 !important;
        position: relative;
        margin-top: -39px;
    }

        .Service-Page-Before-Footer .fotcls h1 {
            font-size: 22px;
        }

        .Service-Page-Before-Footer a {
            width: 153px !important;
        }

        .Service-Page-Before-Footer .desktop {
            display: none;
        }

        .Service-Page-Before-Footer .mobile {
            padding-top: 5px !important;
        }

    video::-webkit-media-controls {
        display: none !important;
        /* Hide Safari media controls */
    }

    video {
        pointer-events: none;
        /* Prevent user interaction with the video */
    }

    .Mobile-Benefits-Of-Pets-Card .owl-stage-outer {
        background: none;
    }

    .FAQ-Circle1,
    .FAQ-Circle2 {
        display: none;
    }

    .Questionmarkimage {
        display: none;
    }

    .FAQ-Section {
        background-image: url(../images/new-website/MobileScreensImages/FAQBg.png);
        padding: 40px 0px 0px;
        background-size: cover;
    }

    .heading-border-top button {
        margin-top: 13px;
    }

    .heading-border-top {
        padding-bottom: 30px;
        text-align: center;
        padding-top: 30px;
    }

    .FAQ-Category-Name {
        font-size: 17px;
        padding-left: 32px;
    }

    .FAQ-Category-Icon img {
        height: auto;
        width: 74%;
    }

    .FAQ-Category-Card {
        background-color: transparent;
        color: #2f2f2f !important;
        padding: 12px 15px;
        border-radius: 20px !important;
        border: 2px solid #848A9A !important;
    }

    .tab-content {
        padding-top: 30px;
    }

    .faq-drawer__title {
        cursor: pointer;
        display: block;
        font-size: 15px !important;
        font-weight: 700;
        padding: 5px 15px 11px 35px;
        margin-bottom: 0;
        color: #2f2f2f;
        transition: color 0.3s ease-in-out;
        position: relative;
    }

    .faq-drawer .faq-drawer__title::after {
        content: "";
        border-style: solid;
        border-width: 2px 2px 0 0;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 10%;
        transform: rotate(135deg) translateY(-50%);
        transition: transform 0.3s ease-in-out;
        height: 12px;
        width: 12px;
        color: #d75880;
    }

    .faq-drawer__content {
        background-color: #fff;
    }

    .heading-border-top h1 {
        text-align: left;
    }

    .heading-border-top {
        text-align: left;
    }

        .heading-border-top:before {
            border-top: 3px solid #d75880;
            content: "";
            display: block;
            height: 1px;
            left: 50%;
            margin-left: -30px;
            position: absolute;
            top: 0;
            width: 60px;
            position: relative;
            padding-bottom: 20px;
        }

        .heading-border-top button {
            /*height: 30px;
            width: 90px;
            font-size: 12px;*/
        }


    /*footer*/

    .footer-logo img {
        width: 180px;
        height: auto;
    }

    .get-fromplaystore img {
        height: 40%;
        width: 40%;
    }

    .Desktop-Footer-menu {
        display: none;
    }

    .Footer-Icon {
        justify-content: center;
        margin-top: 20px;
        display: flex;
    }


    .Internal-Cat-Breed {
        padding: 90px 0px 20px;
    }

    .search-box {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0px;
    }

    .search {
        width: 100%;
        padding: 9px;
    }

    .popularbreed-imageshape2, .popularbreed-imageshape1 {
        display: none;
    }

    .breed-table {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-bottom: 6px !important;
        font-size: 13px;
        margin: 0px;
    }

        .breed-table li {
            list-style: none;
            /*margin: 5px;*/
            font-size: 20px;
            font-weight: 600;
            cursor: pointer;
        }

            .breed-table li a {
                color: #848A9A;
                text-decoration: none;
                font-size: 17px;
                line-height: 0;
            }

    .contact-us-form .search-icon {
        left: 8%;
        position: absolute;
        z-index: 2;
        display: block;
        width: 2.375rem;
        height: 2.375rem;
        line-height: 2.375rem;
        text-align: center;
        pointer-events: none;
        color: #BBBCB8;
    }

    .Mobile-Popular-Breed {
        background-image: url(../images/new-website/MobileScreensImages/FAQBg.png);
        background-size: cover;
    }

    .breed-info {
        text-align: center;
        display: flex;
        grid-gap: 40px;
        padding-top: 0px;
    }

    .Weight-info img {
        height: auto;
        width: 40px;
    }

    .Height-info img {
        height: auto;
        width: 40px;
    }

    .Country-info img {
        height: auto;
        width: 36px;
    }

    .Breed-Detail {
        padding-bottom: 0px;
    }

    .Mobile-Popular-Breed-Detail {
        background-image: url(../images/new-website/MobileScreensImages/FAQBg.png);
        background-size: cover;
        padding-top: 20px;
        padding-bottom: 60px !important;
    }

    .Breed-Detail-Content {
        padding-top: 30px;
        background-color: #fff;
        border-radius: 20px;
        padding: 15px;
        margin-top: 30px;
        z-index: 10;
/*        width: 90%;*/
        /* position: relative; */
    }

    .Breed-Detail-left {
        padding-top: 0px !important;
    }

        .Breed-Detail-left .desktop {
            display: none;
        }

    .Explore {
        font-size: 14px;
        padding-top: 4px;
    }

    .breedtabbing-content {
        margin-top: 20px;
    }

        .breedtabbing-content .tab-content {
            padding-top: 0px;
        }
    /*.tabbing-navlink img{
        display:none !important;
    }
    .tabbing-navlink:active img {
        display: none !important;
    }*/
    .breed-tabbing-text p {
        padding: 0px 20px 15px;
        line-height: normal;
        font-size: 12px;
    }

    .breeddetail-beforefooter {
        padding: 50px 0px 30px 20px;
        background-image: url(../images/new-website/MobileScreensImages/MobileRectanglePinkBgWithShapeTopCurve.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        margin-top: -40px;
    }

    .breeddetail-beforefooter {
        display: flex;
        align-items: center;
        height: auto;
    }

        .breeddetail-beforefooter .NewsLetter-Text .subtitile {
            text-align: left !important;
        }

    .breed-star1-top, .breed-detail-star1-bottom {
        display: none;
    }

    .breedname-underline {
        display: none;
    }

    .breedtabbing-content .nav-item {
        border-bottom: 0px;
    }
}

@media only screen and (max-width: 768px) and (min-width: 426px) {
    .testywrap {
        margin-top: 20px;
    }

    .Desktop-ElementCodeofConduct::before {
        display: none;
    }

    .Desktop-ElementCodeofConduct::after {
        display: none;
    }
    .tab__btn {
        display: inline-block;
        color: var(--text-color);
        font-size: 1em;
        font-weight: 400;
        margin: 0 2px;
        padding: 0px 5px !important;
        border-radius: 10px;
        cursor: pointer;
        user-select: none;
        transition: background-color .3s ease;
    }

    .tabbing-navlink img {
        height: auto;
        width: 20px !important;
    }

    .Desktop-ElementBreedDetail::before {
        content: '';
        position: absolute;
        top: -6px;
        left: -10px;
        height: 40px;
        width: 40px;
        rotate: 20deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 1;
    }

    .Desktop-ElementBreedDetail::after {
        content: '';
        position: absolute;
        bottom: 38px;
        right: -15px;
        height: 40px;
        width: 40px;
        rotate: 164.95deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center bottom;
        background-size: contain;
        z-index: 0;
    }


    .Mobile-Element-CareerApply {
        position: relative;
        z-index: 4;
    }

        .Mobile-Element-CareerApply::after {
            content: '';
            position: absolute;
            bottom: -11px;
            right: -6px;
            height: 49.39px;
            width: 49.39px;
            rotate: 218deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
            background-size: contain;
            z-index: -1;
        }

    .Desktop-Partnerwithus-Element::before {
        content: '';
        position: absolute;
        top: -11px;
        left: -16px;
        height: 48px;
        width: 48px;
        rotate: -9deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 1;
    }

    .Desktop-Partnerwithus-Element::after {
        content: '';
        position: absolute;
        bottom: -42px;
        right: -53px;
        height: 48px;
        width: 48px;
        rotate: 51.53deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center bottom;
        background-size: contain;
        z-index: 0;
    }



    .Mobile-Elements-benefits {
        position: relative;
        z-index: 4;
    }

        .Mobile-Elements-benefits::before {
            content: '';
            position: absolute;
            top: 10px;
            left: -7px;
            height: 41px;
            width: 41px;
            rotate: -25.58deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
            background-size: contain;
            z-index: 0;
        }

        .Mobile-Elements-benefits::after {
            content: '';
            position: absolute;
            bottom: 43px;
            right: 14px;
            height: 46px;
            width: 46px;
            rotate: 138.42deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
            background-size: contain;
            z-index: -1;
        }

    .Mobile-Element-Howitwork-1 {
        position: relative;
        z-index: 4;
    }

        .Mobile-Element-Howitwork-1::before {
            content: '';
            position: absolute;
            top: -2px;
            left: -14px;
            height: 44.65px;
            width: 44.65px;
            rotate: 7deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star1.png) no-repeat center top;
            background-size: contain;
            z-index: 0;
        }

        .Mobile-Element-Howitwork-1::after {
            content: '';
            position: absolute;
            bottom: 4px;
            right: -11px;
            height: 44.65px;
            width: 44.65px;
            rotate: -242deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star1.png) no-repeat center top;
            background-size: contain;
            z-index: 0;
        }

    .testywrap::before {
        content: '';
        position: absolute;
        top: -14px;
        right: 8%;
        height: 55px;
        width: 55px;
        rotate: 148.48deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 0;
    }

    .testywrap::after {
        content: '';
        position: absolute;
        bottom: 40px;
        height: 55px;
        width: 55px;
        left: 12%;
        rotate: 144.48deg;
        background: url('https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png') no-repeat center bottom;
        background-size: contain;
        z-index: -1;
    }





    .preloader img {
        height: auto;
        width: 80%;
    }

    .footer-alignment {
        display: flex;
        justify-content: center;
    }

    .copyright-content {
        font-size: 13px !important;
        text-align: center !important;
    }

    .Mobile-ContactUs-Button {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    .Desktop-how-itwork-star1,
    .Desktop-how-itwork-star2,
    .Desktop-Service-circle1,
    .Desktop-Service-circle2,
    .Desktop-Service-circle3,
    .Desktop-Service-circle4,
    .Desktop-benefits-star1,
    .Desktop-benefits-star2,
    .Dekstop-screen-Testimonial-Star-1,
    .Dekstop-screen-Testimonial-Star-2,
    .Desktop-veterinary-section-shape1,
    .Desktop-veterinary-section-shape2,
    .Desktop-veterinary-section-shape3,
    .Desktop-veterinary-section-shape4,
    .Desktop-partner-withus-star1,
    .Desktop-partner-withus-star2,
    .Desktop-Screen-CareerApply-Shape1,
    .Desktop-Screen-CareerApply-Shape2,
    .Desktop-refferal-cricle-1,
    .Desktop-refferal-cricle-2,
    .Desktop-FAQ-Circle1,
    .Desktop-FAQ-Circle2,
    .Desktop-CodeofConduct-Star1,
    .Desktop-CodeofConduct-Star2,
    .Desktop-privacy-terms-shape1,
    .Desktop-privacy-terms-shape2,
    .Desktop-privacy-terms-shape3,
    .Desktop-contact-us-star1-top,
    .Desktop-contact-us-star1-bottom,
    .Desktop-BreedList-Shape1,
    .Desktop-BreedList-Shape2,
    .Desktop-breed-star1,
    .Desktop-breed-star2,
    .Desktop-veterinary-section-shape5 {
        display: none;
    }
    /*Mobile-Elements-Start*/
    .career-form-container {
        background-color: #ffffff;
        border-radius: 30px;
        height: auto;
        width: 95%;
        margin-top: 30px;
        margin-right: auto;
        margin-left: auto;
    }

    .Breed-List-Section {
        padding-bottom: 15px;
    }

    .OurValues {
        position: relative;
        padding-bottom: 40px !important;
    }

    .code-of-conduct-detail {
        background-color: white;
        border-radius: 30px;
        padding: 30px;
        margin-top: 30px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }


    .Mobile-Screen-Blogs-Section {
        position: relative;
        padding-top: 20px;
    }

    .blog-section, .career-form, .get-you-onboard, .Mobile-FAQ, .code-of-conduct-section, .Breed-List-Section, .Internal-Cat-Breed, .Mobile-screen-How-it-Work, .Breed-Detail-Content {
        position: relative;
    }

    .Border-class {
        border: 1px solid #d75880;
        border-radius: 0px 0px 33px 33px;
        padding-bottom: 30px;
        position: relative;
        margin-top: -2px;
        z-index: -1;
    }

    .Mobile-Screens-Contact-Section-GenralInformation {
        position: relative;
    }

    .Contact-us-GetOur-App-Bg {
        position: relative;
    }

    .Mobile-screen-How-it-Work-Cards-star1 {
        height: auto;
        width: 44.65px;
        position: absolute;
        /* z-index: -1; */
        left: 8.2px;
        rotate: 7deg;
        top: 4.5%;
        z-index: 1;
    }

    .Mobile-screen-How-it-Work-Cards-star2 {
        height: auto;
        width: 36.65px;
        position: absolute;
        /* z-index: -1; */
        right: 20px;
        rotate: 34.16deg;
        top: 92.5%;
    }


    .Mobile-screen-Service-Circle-1 {
        position: absolute;
        height: auto;
        width: 35px;
        right: -39.9px;
        rotate: 187.27deg;
        top: 86%;
    }

    .Mobile-screen-Service-Circle-2 {
        position: absolute;
        height: auto;
        width: 37px;
        left: -40px;
        rotate: 6.14deg;
        top: 87%;
    }

    .Mobile-screen-Benefits-Star-1 {
        position: absolute;
        height: auto;
        width: 41px;
        rotate: -25.58deg;
        top: 19.2%;
        left: 15px;
    }

    .Mobile-screen-Benefits-Star-2 {
        position: absolute;
        height: auto;
        width: 46px;
        rotate: 138.42deg;
        top: 84.9%;
        right: 41px;
    }

    .Mobile-screen-Testimonial-Star-1 {
        position: absolute;
        height: auto;
        width: 55px;
        top: 33.5%;
        right: 14%;
        rotate: 147deg;
    }

    .Mobile-screen-Testimonial-Star-2 {
        position: absolute;
        height: auto;
        width: 55px;
        top: 66.5%;
        rotate: 142deg;
        left: 10%;
    }

    .Mobile-Screen-Our-Values-Star1 {
        position: absolute;
        height: auto;
        width: 60px;
        right: -45px;
        rotate: -302.25deg;
    }

    .Mobile-Screen-Our-Values-Star2 {
        position: absolute;
        height: auto;
        width: 53px;
        rotate: 49.75deg;
        left: -39px;
        top: 91%;
    }

    .Mobile-Screen-Blogs-Shape1 {
        height: auto;
        width: 50px;
        right: -28px;
        top: 0px;
        position: absolute;
    }

    .Mobile-Screen-Blogs-Star1 {
        position: absolute;
        height: auto;
        width: 54px;
        right: -39.8px;
        top: 35%;
        rotate: 56.75deg;
    }

    .Mobile-Screen-Blogs-Shape2 {
        position: absolute;
        height: auto;
        width: 40px;
        bottom: 4%;
        rotate: -183deg;
        left: -21px;
    }

    .Mobile-Screen-Blogs-Star2 {
        position: absolute;
        height: auto;
        width: 47px;
        top: 59%;
        rotate: 50.71deg;
        left: -35px;
    }

    .Mobile-Screen-BlogDetail-Star1 {
        position: absolute;
        height: auto;
        width: 47.27px;
        rotate: 342deg;
        left: 95.5%;
        top: 16%;
    }

    .Mobile-Screen-BlogDetail-Star2 {
        position: absolute;
        height: auto;
        width: 68.37px;
        rotate: 209.05deg;
        top: 33%;
        right: 97%;
    }

    .Mobile-Screen-BlogDetail-Star3 {
        position: absolute;
        height: auto;
        width: 68.37px;
        rotate: 209.05deg;
        top: 57%;
        left: 96.5%;
    }

    .Mobile-Screen-BlogDetail-Star4 {
        position: absolute;
        height: auto;
        width: 66px;
        rotate: 240.38deg;
        left: -49px;
        bottom: 1%;
    }

    .Mobile-Screen-Advertise-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 89%;
        right: 18px;
        rotate: 218deg;
        z-index: -1;
    }

    .Mobile-Contact-Section-Main-title span::after {
        content: "";
        display: block;
        width: 115% !important;
        height: 6px;
        background-image: url(https://zumigo.pet/assets/images/new-website/TestimonialUnderline.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        margin-top: 0px;
    }

    .Mobile-Screen-CareerApply-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 90%;
        right: 16px;
        rotate: 218deg;
        z-index: -1;
    }

    .Mobile-Screen-career-form-shape1 {
        position: absolute;
        height: auto !important;
        width: 60px !important;
        right: 97.6%;
        rotate: 163deg;
        top: 54%;
    }

    .Mobile-Screen-career-form-shape2 {
        position: absolute;
        height: auto;
        width: 77px;
        left: 96%;
        top: -56px;
        rotate: 269deg
    }

    .Mobile-Screen-PartnerWithUs-Star1 {
        position: absolute;
        height: auto;
        width: 48px;
        top: 10.9%;
        left: 6px;
        rotate: 7deg;
    }

    .Mobile-Screen-PartnerWithUs-Star2 {
        position: absolute;
        height: auto;
        width: 47px;
        right: -36px;
        bottom: 65px;
        rotate: 50deg;
    }

    .Mobile-Screen-Contact-Shape1 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -43px;
        top: 10%;
    }

    .Mobile-Screen-Contact-Star1 {
        position: absolute;
        height: auto;
        width: 77px;
        rotate: -474deg;
        right: -61px;
        top: 10%;
    }

    .Mobile-Screen-Contact-Star2 {
        position: absolute;
        height: auto;
        width: 73px;
        bottom: 14%;
        rotate: 161deg;
        left: -45px;
    }

    .Mobile-Screen-FAQ-Circle1 {
        position: absolute;
        height: auto;
        width: 50px;
        top: 5.5%;
        left: -25px;
    }

    .Mobile-Screen-FAQ-Circle2 {
        position: absolute;
        width: 84px;
        right: -62px;
        bottom: 10.5%;
        rotate: 138deg;
    }

    .Mobile-Screen-CodeofConduct-Star1 {
        position: absolute;
        height: auto;
        width: 44px;
        z-index: -1;
        left: 7px;
        top: 21.1px;
        rotate: 0deg;
    }

    .Mobile-Screen-CodeofConduct-Star2 {
        position: absolute;
        height: auto;
        width: 50px;
        right: -36px;
        top: 29%;
        rotate: -46deg;
    }

    .Mobile-Screen-CodeofConduct-Star3 {
        position: absolute;
        height: auto;
        width: 50px;
        bottom: 38%;
        left: -38px;
        rotate: 242deg;
    }

    .Mobile-Screen-CodeofConduct-Star4 {
        position: absolute;
        height: auto;
        width: 50px;
        right: -36px;
        bottom: 9%;
        rotate: -46deg;
    }

    .Mobile-Screen-privacy-terms-shape1 {
        position: absolute;
        height: auto;
        width: 31px;
        rotate: 105deg;
        left: -17px;
    }

    .Mobile-Screen-privacy-terms-shape2 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 11.5%;
    }

    .Mobile-Screen-privacy-terms-shape3 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 38.5%;
    }

    .Mobile-Screen-privacy-terms-shape4 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 64.5%;
    }

    .Mobile-Screen-privacy-terms-shape5 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 85%;
    }

    .Mobile-Screen-privacy-terms-shape6 {
        position: absolute;
        height: auto;
        width: 40px;
        left: -20px;
        bottom: 7px;
        rotate: -191deg;
    }

    .Mobile-Screen-Breed-Shape1 {
        position: absolute;
        height: auto;
        width: 33px;
        right: -18px;
        rotate: -93deg;
    }

    .Mobile-Screen-BreedList-Shape1 {
        position: absolute;
        height: auto;
        width: 50px;
        left: -27px;
        bottom: 1%;
        rotate: 92deg;
    }

    .Mobile-Screen-breedDetail-Star1 {
        position: absolute;
        height: auto;
        width: 40px;
        rotate: 33deg;
        top: 40px;
        left: 12px;
    }

    .Mobile-Screen-breedDetail-Star2 {
        position: absolute;
        height: auto;
        width: 50px;
        right: 9px;
        bottom: 83px;
        rotate: 37deg;
    }
    /*Mobile-Elements-End*/

    /* create the paw prints */
    .pad {
        width: 25px;
        height: 27px;
        background-color: #84899a;
        -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
        border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
        display: block;
        position: absolute;
    }

    .large {
        width: 70px;
        height: 80px;
        transform: rotate(80deg);
        left: 100px;
        top: 50px;
    }

    .small-1 {
        transform: rotate(50deg);
        left: 145px;
        top: 28px;
    }

    .small-2 {
        transform: rotate(65deg);
        left: 174px;
        top: 50px;
    }

    .small-3 {
        transform: rotate(98deg);
        position: absolute;
        left: 178px;
        top: 87px;
    }

    .small-4 {
        transform: rotate(140deg);
        position: absolute;
        left: 158px;
        top: 117px;
    }

    /* position and animate */

    .paw-print-1 {
        opacity: 0;
        position: absolute;
        left: -50px;
        top: 300px;
        transform: rotate(-40deg);
        -webkit-animation: walk 3s linear infinite;
        animation: /*keyframe*/ walk /*duration*/ 3s /*transition*/ linear /*repeat*/ infinite;
    }

    .paw-print-2 {
        opacity: 0;
        position: absolute;
        left: 150px;
        top: 280px;
        transform: rotate(-5deg);
        -webkit-animation: walk 3s linear infinite 0.25s;
        animation: walk 3s linear infinite /*delay*/ 0.25s;
    }

    .paw-print-3 {
        opacity: 0;
        position: absolute;
        left: 250px;
        top: 130px;
        transform: rotate(-10deg);
        -webkit-animation: walk 3s linear infinite 0.5s;
        animation: walk 3s linear infinite 0.5s;
    }

    .paw-print-4 {
        opacity: 0;
        position: absolute;
        left: 450px;
        top: 280px;
        transform: rotate(-20deg);
        -webkit-animation: walk 3s linear infinite 0.75s;
        animation: walk 3s linear infinite 0.75s;
    }

    .paw-print-5 {
        opacity: 0;
        position: absolute;
        left: 600px;
        top: 50px;
        transform: rotate(10deg);
        -webkit-animation: walk 3s linear infinite 1s;
        animation: walk 3s linear infinite 1s;
    }

    .paw-print-6 {
        opacity: 0;
        position: absolute;
        left: 750px;
        top: 200px;
        transform: rotate(10deg);
        -webkit-animation: walk 3s linear infinite 1.25s;
        animation: walk 3s linear infinite 1.25s;
    }

    .paw-print-7 {
        opacity: 0;
        position: absolute;
        left: 950px;
        top: 50px;
        transform: rotate(20deg);
        -webkit-animation: walk 3s linear infinite 1.5s;
        animation: walk 3s linear infinite 1.5s;
    }

    .paw-print-8 {
        opacity: 0;
        position: absolute;
        left: 1025px;
        top: 250px;
        transform: rotate(10deg);
        -webkit-animation: walk 3s linear infinite 1.75s;
        animation: walk 3s linear infinite 1.75s;
    }

    .breed-tabbing-desktop {
        display: none;
    }

    .Sub-Accordian-Text {
        font-size: 16px !important;
    }

    .Main-Accordian-Body {
        padding: 10px 0px 0px 10px;
    }

    .Desktop-FAQ, .advertise-dekstop {
        display: none;
    }

    .Get-Our-App-Content-Right {
        padding-top: 0px;
    }

    .Mobile-Menu-Button {
        display: none;
    }

    .menu-button-mobile {
        margin-left: 20px;
    }

    /*S-Mobile*/
    .container {
        max-width: 95%;
        /*padding:0px;*/
    }

    .accordion-item {
        background-color: transparent;
        border: none;
    }

    .Philosophy-Main-Div1 .desktop {
        display: none;
    }

    .career-form-container .Career-FormImage {
        height: auto;
        width: 100%;
        border-radius: 30px !important;
    }

    .service-circle-2 {
        display: none;
    }

    .service-circle-4 {
        display: none;
    }

    header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10;
        background-color: #D9D9D9;
        transition: background-color 0.3s ease;
    }

    .logo {
        display: none;
    }

    .mobilelogo img {
        width: 140px;
        height: auto;
        object-fit: cover;
    }

    header.sticky {
        background-color: #D9D9D9;
        z-index: 100;
    }

    .content {
        display: none;
    }

    .mobilelogo {
        display: inherit;
    }

    .navbar-toggler {
        border: none;
    }

    .navbar-toggler-icon {
        background-color: transparent !important;
        width: 1.5em;
        height: 1em;
        font-size: 25px;
    }

    /*.navbar-toggler-icon img{
                height:auto;
                width:30px
            }*/
    .navbar-collapse.show {
        background-color: transparent;
        ;
        padding: 14px;
        color: #84899a;
    }

    .navbar-collapse .Get-App-Button {
        padding: 7px 10px 10px !important;
        border-radius: 30px;
        height: 38px !important;
        width: auto;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: "Nunito-Regular";
        font-weight: bold;
        transition: background-color 0.3sease;
        font-size: 17px;
    }

    .navbar-nav {
        justify-content: space-evenly;
        font-family: 'Nunito-Regular';
        font-size: 20px;
        color: white;
        font-weight: bold;
        gap: 0px;
        padding-left: 0px;
    }

    .nav-item {
        border-bottom: 0;
    }

    .Get-App-Button1 {
        padding: 5px 16px 5px;
        border-radius: 30px;
        width: auto;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: 'Nunito-Regular';
        font-weight: bold;
        transition: background-color 0.3sease;
        font-size: 18px;
        float: left !important;
        margin-top: 10px;
    }

    .btnlnktitle {
        text-align: center;
    }

    .btnlnk {
        color: #2f2f2f;
        text-align: center;
    }

    .video-banner {
        height: 535px;
    }

    #myvideo {
        right: 0;
        max-width: 142%;
        max-height: 100%;
        object-fit: cover;
        z-index: -1;
        /*  margin-top: 70px;*/
        object-position: center center;
        width: 78vw;
        height: 73vh;
        object-fit: cover;
    }

    .Mobile-screen-banner-content {
        /*background-color:#d75880;*/
        background-image: url(../images/new-website/MobileScreensImages/MobileRectanglePinkBgWithShape.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: auto;
        padding: 10px 0px 40px 0px;
    }

    .Mobile-screen-banner-content-Main-title {
        color: white;
        font-family: 'PTSans-Bold';
        font-size: 21px;
        font-weight: bold;
    }

    .Mobile-screen-banner-content-sub-title {
        color: white;
        font-family: 'Nunito-Regular';
        font-size: 14px;
        margin-bottom: 10px;
    }

    .How-itwork-desktop {
        display: none;
    }

    .Mobile-screen-How-it-Work {
        background-image: url(../images/new-website/MobileScreensImages/HowItWorkBg.png);
        background-size: cover;
        background-repeat: no-repeat;
        padding-bottom: 30px;
    }

    .Mobile-screen-How-it-Work-title {
        font-family: 'PTSans-Bold';
        text-align: left;
        color: #2f2f2f;
        font-weight: bold;
        font-size: 25px;
    }

    .Mobile-screen-How-it-Work-Card {
        height: auto;
        border-radius: 20px;
        width: 100%;
        background-color: #fff;
        padding: 0px 40px 20px;
        text-align: center;
        margin-top: 10px;
        z-index: 3;
        position: relative;
    }

    .Mobile-screen-How-it-Work-Card {
        padding: 0px 40px 20px;
        text-align: center;
        margin-top: 10px;
        z-index: 3
    }

        .Mobile-screen-How-it-Work-Card img {
            height: auto;
            width: 205px;
        }

    .Mobile-screen-How-it-Work-Card-Content-Main-title {
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        padding-top: 17px;
    }

    .Mobile-screen-How-it-Work-Card-Content-sub-title {
        font-size: 14.8px;
        text-align: left;
    }

    .Mobile-screen-How-it-Work-Card .number1 {
        max-width: 40px;
        height: 40px;
        min-width: 0px;
        position: relative;
        top: 45px;
    }

    /*.Mobile-screen-How-it-Work-Cards-star1 {
        height: auto;
        width: 36.65px;
        position: absolute;*/
    /*z-index:-1;*/
    /*left: 0px;
        rotate: 13.16deg;
    }

    .Mobile-screen-How-it-Work-Cards-star2 {
        height: auto;
        width: 36.65px;
        position: absolute;*/
    /*z-index:-1;*/
    /*right: 0px;
        rotate: 13.16deg;
    }*/

    .Service-Desktop {
        display: none;
    }

    .Mobile-Screen-Service-Section {
        padding: 10px 0px 30px
    }

    .Mobile-Screen-Service-Section-Title {
        font-family: 'PTSans-Bold';
        text-align: left;
        color: #2f2f2f;
        font-weight: bold;
        font-size: 25px;
    }

    .Mobile-Screen-Service-Section-subTitle {
        font-size: 16px;
        font-weight: 300;
        color: #BBBCB8;
    }

    .Diagnostic-card {
        width: auto !important;
        height: auto !important;
        background-image: none;
        border: none !important;
        padding: 16px;
        border-radius: 0px !important;
    }

    .Mobile-Screen-Service-Section-cards {
        padding-top: 10px;
    }

    .Mobile-screen-Service-Section-card {
        display: inline-block;
        position: relative;
        border-radius: 20px;
        border: 1px solid #84899a;
        height: auto;
        width: 100%;
        margin-top: 10px;
    }


    .card-text-wrapper {
        /* position: absolute; */
        bottom: 0;
        /* width: 100%; */
        padding: 10px;
        box-sizing: border-box;
    }

        .card-text-wrapper .card-text {
            width: auto;
            height: auto;
            margin: 0px;
            background-color: transparent !important;
            color: #2f2f2f !important;
            border-radius: unset;
            border: none;
            padding: 0px 11px 10px 11px;
            margin-top: 0px;
        }

    .mr-auto p.card-text {
        line-height: normal;
        font-size: 15px;
        padding: 0px 11px 0px 0px !important;
    }

    .footer {
        background-color: #84899a;
        height: auto;
        padding: 11px 0px 20px 0px;
    }

    .mr-auto div.card-text {
        line-height: normal;
        font-size: 15px;
        padding: 0px 11px 0px 0px !important;
    }

    .Mobile-News-Letter-Contact-usPage .container .NewsLetter-Text {
        padding-top: 70px !important;
    }

    .hide {
        display: none;
    }

    .show {
        display: block;
    }


    .Benefits-Desktop {
        display: none;
    }

    .Mobile-Benefits-Of-Pets-Service-Section {
        background-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 40px;
        padding-bottom: 0px;
    }

    .Mobile-Benefits-Of-Pets-Service-Section-Title {
        font-family: 'PTSans-Bold';
        text-align: left;
        color: #2f2f2f;
        font-weight: bold;
        font-size: 30px;
        padding-top: 17px;
    }

    .Mobile-Benefits-Of-Pets-Service-Section-Title-Image {
        width: 50px;
        height: 50px;
        margin: auto;
        background-color: #fff;
        color: #d75880;
        border-radius: 29px;
        border: 7px solid #d75880;
        padding: 0px 6px;
        margin-top: -40px;
    }

        .Mobile-Benefits-Of-Pets-Service-Section-Title-Image img {
            height: auto;
            width: 25px;
        }

    .Mobile-Benefits-Of-Pets-Service-Section-Card {
        border: none;
        background-color: #d75880;
        min-height: 360px;
    }

    .Mobile-Benefits-Of-Pets-Card .owl-dots {
        display: none;
    }

    .Mobile-Benefits-Of-Pets-Card {
        padding-top: 15px;
        text-align: center;
    }

    .Mobile-Benefits-Of-Pets-Service-Section-Title-Text {
        padding: 0px 19px 0px 19px;
        min-height: 115px;
    }

        .Mobile-Benefits-Of-Pets-Service-Section-Title-Text .Bigger-text {
            color: #fff;
            text-align: left;
            font-size: 18px;
            font-weight: 600;
        }

        .Mobile-Benefits-Of-Pets-Service-Section-Title-Text .Small-text {
            color: #fff;
            font-size: 14px;
            text-align: left;
        }

    .carousel-item {
        transition: transform 0.5s ease-in-out;
    }

    .card-img-top.cardimage {
        transition: opacity 0.5s ease-in-out;
    }

    .card-body {
        transition: opacity 0.5s ease-in-out;
    }

    .zumigo_pass {
        padding-top: 20px;
    }

        .zumigo_pass h1 {
            font-family: 'PTSans-Bold';
            text-align: left;
            color: #2f2f2f;
            font-weight: bold;
            font-size: 25px;
        }

        .zumigo_pass h5 {
            font-size: 15px !important;
            text-align: left !important;
            padding-top: 5px !important;
            padding-left: 0px !important;
            color: #BBBCB8;
        }

    .zumigo_pass-row {
        padding-top: 10px;
    }


    .zumigo_pass h2 {
        display: none;
    }

    .Zumigo-Pass-content {
        border: 1px solid #BBBCB7;
        border-radius: 30px;
        padding: 0px 42px 19px;
        margin-top: 10px;
    }

        .Zumigo-Pass-content img {
            height: auto;
            width: 140px;
        }

    .zumigo_pass h3 {
        font-family: 'Nunito-Regular';
        font-weight: bold !important;
        font-size: 16px !important;
        padding: 0px !important;
        text-align: left;
        margin-top: 10px;
    }

    .zumigo_pass p {
        font-family: 'Nunito-Regular';
        color: #848999;
        line-height: normal !important;
        font-weight: bold;
        margin-top: 5px !important;
        font-size: 13.3px !important;
        padding: 0 !important;
        text-align: left;
    }

    .getpass {
        padding-top: 15px;
        text-align: left;
    }

    /*  .getpass button {
            font-size: 15px;
            padding: 7px 10px 7px;
            border-radius: 30px;
            height: 38px;
            width: 170px;
        }*/

    h1 {
        font-size: 23px !important;
    }

    .checkft div {
        padding-left: 9% !important;
    }

        .checkft div h1 {
            color: #fff;
            font-size: 23px !important;
            text-align: left;
        }

    .testimonials_section h1 {
        text-align: left;
        color: #2f2f2f;
        font-weight: bold;
        font-size: 25px;
    }

    .testimonial-smallline {
        font-size: 12px;
    }

    .testimonial-subtitle {
        font-size: 22px !important;
    }

    .testimoanil-underline {
        position: relative;
        bottom: 11px;
        left: 6%;
    }

        .testimoanil-underline img {
            height: auto;
            width: 140px;
        }

    .testimonials_section .testimonials_content .paragraph {
        font-weight: 600;
        line-height: normal;
        color: #d75880 !important;
        margin-bottom: -1px;
        padding: 0px 0px 10px;
        font-size: 17px;
        min-height: auto;
        text-align: left;
    }

    .testimonials_content {
        width: auto;
        padding: 14px 30px 35px 30px;
        text-align: center;
    }

    .career-form-container .Career-FormImage {
        height: auto;
        width: 100%;
        border-radius: 30px !important;
    }

    .testimonials_content h3 {
        text-align: left;
        font-size: 18px !important;
        color: #2f2f2f !important;
    }

    .testimonials_content p {
        text-align: left;
        color: #8B909F !important;
        font-size: 13px;
    }

    .owl-dots {
        position: absolute;
        top: 62%;
        left: 50%;
        transform: translateX(-50%);
    }

    .testimonail-star-image2 {
        position: absolute;
        height: auto;
        width: 54.75px;
        top: 35%;
        right: 17%;
        rotate: 148.48deg;
    }

    .testimonail-star-image1 {
        position: absolute;
        height: auto;
        width: 54.75px;
        top: 73.7%;
        left: 12%;
        rotate: 148.48deg;
    }


    .Mobile-Screen-Blogs-Section {
        background-color: #f4f5f7;
        z-index: 1;
    }
    /*Blog Page*/
    .blog-banner {
        background: url(../images/new-website/MobileScreensImages/BlogBannerBg.png);
        height: auto;
        padding-top: 90px;
        background-position: bottom;
        /*background-size: contain !important;*/
        padding-bottom: 0px;
        padding-bottom: 35px;
        background-size: cover;
    }

    .main-title h1 {
        text-align: left;
        font-size: 25px !important;
        justify-content: flex-start;
        display: flex;
        align-items: center;
    }

    .Blog .sub-title h2 {
        font-size: 16px;
        margin-top: 8px;
        color: #2f2f2f;
        line-height: normal;
    }

    .Blog .bottom-content {
        padding-top: 10px;
    }

    .Blog .advice-by {
        font-size: 20px;
        color: #2f2f2f;
        line-height: 10px;
        padding-top: 5px;
    }

    .advice-by-name {
        font-size: 20px;
    }

    .Blog .blog-image img {
        height: auto;
        width: 100%;
    }

    .Blog-Desktop {
        display: none;
    }

    .Mobile-Screen-Blog {
        border: 1px solid #BBBCB7;
        border-radius: 20px;
        height: auto;
        padding: 10px;
        display: flex;
        align-items: center;
        margin-top: 10px;
    }

    .bolgs {
        padding: 20px 0px;
    }

    .loadbtn {
        text-align: center;
        padding-bottom: 20px;
    }

        .loadbtn .Get-App-Button {
            padding: 7px 10px 10px !important;
            border-radius: 30px;
            height: 38px !important;
            width: auto;
            background-color: #d75880;
            color: white;
            border: transparent;
            font-family: "Nunito-Regular";
            font-weight: bold;
            transition: background-color 0.3sease;
            font-size: 17px;
        }

    .Mobile-Screen-Blog img {
        height: 60px;
        width: 60px;
        border-radius: 50%;
    }

    .Mobile-Screen-Blog p {
        font-size: 18px;
        font-weight: bold;
        padding-top: 5px;
    }

    .Mobile-Screen-Blog-Shape1 {
        height: 42.33px;
        width: 42.33px;
        position: relative;
        left: 101%;
        rotate: 1.3deg;
        top: -3%;
    }

    .Mobile-Screen-Blog-Star1 {
        height: 43.59px;
        width: 43.59px;
        position: relative;
        left: 89%;
        rotate: 50.3deg;
        top: 42%;
    }

    .Mobile-Screen-Blog-Star2 {
        height: 43.59px;
        width: 43.59px;
        position: absolute;
        right: 97%;
        rotate: 50.3deg;
        top: 153%;
    }

    .Mobile-Screen-Blog-Shape2 {
        height: 43.59px;
        width: 43.59px;
        position: absolute;
        right: 95%;
        rotate: 178deg;
        top: 178%;
    }


    /*Blog Detial*/
    .blog-detail-banner {
        background: url(../images/new-website/MobileScreensImages/MobileBlogDetailBg.png);
        padding-top: 90px;
        padding-bottom: 20px;
        background-position: bottom;
        background-size: cover;
    }

    .blog-image3 img {
        height: auto;
        width: 100%;
        border-radius: 30px;
        box-shadow: 2px 2px 2px grey;
    }

    .blog-section {
        padding-bottom: 20px;
    }

    .blog-detail-title h1 {
        text-align: center;
        font-family: 'PTSans-Bold' !important;
        font-weight: 600;
        color: #d75880;
        text-align: left;
        padding-top: 0px;
        font-size: 20px;
    }

    .blog-detail-content {
        padding: 0px 15px
    }

        .blog-detail-content p {
            font-size: 15px;
            line-height: normal;
        }

    .privacy-policy h3 {
        font-family: 'PTSans-Bold' !important;
        font-weight: 600;
        font-size: 20px;
        padding-bottom: 8px;
    }

    .blog-detail-content h3 {
        font-family: 'PTSans-Bold' !important;
        font-weight: 600;
        font-size: 20px;
    }

    .blog-detail-content ul > li {
        font-size: 15px;
        line-height: normal;
    }

    .blog-detail-content ul,
    ol {
        padding-left: 17px;
    }

    .blod-detail-button a {
        height: 24px;
        width: 90px;
        font-size: 12px;
    }

    .blod-detail-button {
        margin-top: 20px;
    }

    /*.Mobile-Screen-BlogDetail-Star1 {
        position: absolute;
        height: 57.27px;
        width: 57.27px;
        rotate: 345deg;
        left: 94%;
        top: 78%;
    }

    .Mobile-Screen-BlogDetail-Star2 {
        position: absolute;
        height: 68.37px;
        width: 68.37px;
        rotate: 209.05deg;
        top: 109%;
        right: 97%;
    }

    .Mobile-Screen-BlogDetail-Star3 {
        position: absolute;
        height: 68.37px;
        width: 68.37px;
        rotate: 209.05deg;
        top: 109%;
        right: 97%;
    }*/


    /*About Us Page*/
    .about-us-banner-bg {
        padding-top: 90px;
        padding-bottom: 80px;
    }

    /*.videomaskingimage {
                height: auto;
                width: 100%;
                position: absolute;
                top: 128px;
                right: 6px;
            }*/
    .main-title h1 {
        text-align: left;
        font-size: 25px !important;
        justify-content: flex-start;
        display: flex;
        align-items: center;
    }

    .sub-title p {
        font-size: 18px;
        margin-top: 8px;
        color: #2f2f2f;
        line-height: normal;
    }

    .advice-by-button .Get-App-Button {
        height: 38px;
        width: auto;
        font-size: 17px;
        padding: 7px 10px 10px;
    }

    .blob-container {
        width: 100%;
        height: auto;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .about-us-banner-bg .blog-image1 {
        padding-top: 80px;
    }

    .videomaskingimage {
        height: auto;
        width: 100%;
        position: absolute;
        top: 334px;
        right: -10px;
    }

    .FAQ-Page .videomaskingimage {
        height: auto;
        width: 100%;
        position: absolute;
        top: 232px;
        right: -9px;
    }

    .abouts-us {
        background: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        padding: 25px 0px 60px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .left-sidecontent h1 {
        text-align: left !important;
        font-size: 22px !important;
    }

    .about-underline {
        position: relative;
        bottom: 4px;
        left: 51%;
    }

        .about-underline img {
            width: 119px;
        }

    .aboutus-left-side-content-top {
        color: #2f2f2f;
        font-size: 16px;
        margin-top: 10px;
    }

    .left-sidecontent-description {
        font-size: 15px !important;
        /* line-height: 37.74px; */
        color: #2f2f2f;
        margin: 0;
        font-weight: 400;
        line-height: normal;
        margin-top: 10px;
    }

    .image-border {
        margin-top: 20px;
    }

    .Philosophy-Main-Div1 h1 {
        text-align: left !important;
    }

    .Philosophy-Main-Div1 h3 {
        text-align: left;
        font-weight: 300;
        color: #BBBCB8;
        font-size: 12px;
    }

    .our-values-card {
        background-color: #fff;
        border: 1px solid #BBBCB8;
        height: 125px;
        width: auto;
        border-radius: 30px;
        text-align: center;
        display: flex;
        padding: 7px 15px;
        margin-top: 10px;
    }

    .mobilescreen-ourvalues-card {
        width: 40%;
    }

        .mobilescreen-ourvalues-card img {
            height: auto;
            width: 100%;
        }

    .our-values-card div h2 {
        font-size: 18px;
        font-weight: 600;
        color: #2f2f2f;
        margin-top: 15px;
        text-align: left;
        padding-bottom: 5px;
    }

    .card-Philosophy {
        margin-top: 0;
        background-color: #fae8f100 !important;
        height: auto;
        width: 100%;
        border-radius: 30px;
        /* border-right: 10px solid #d75880; */
        /* border-bottom: 10px solid #d75880; */
        padding: 6px 20px 20px 10px !important;
        border: 0 !important;
    }

    .card-Philosophy {
        margin-top: 0px;
        height: auto;
        width: 100%;
        border-radius: 30px;
        text-align: left;
    }

    .our-values-card div p {
        font-size: 13px;
        color: #2f2f2f;
        line-height: normal;
        text-align: left;
    }

    .mobilescreen-ourvalues-card-content {
        padding-left: 10px;
    }

    .Mobile-Screen-OverValues-Star1 {
        position: relative;
        height: auto;
        width: 53px;
        rotate: 52deg;
        margin-top: -23px;
        left: 97%;
    }

    .Mobile-Screen-OverValues-Star2 {
        position: relative;
        height: auto;
        width: 53px;
        rotate: 52deg;
        margin-top: -23px;
        right: 12%;
    }

    .Our-Philosophy {
        background: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        padding: 64px 0px 42px !important;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .Philosophy-Main-Div1 hr {
        display: none;
    }

    .Philosophy-Main-Div1 h3 {
        text-align: left !important;
        font-size: 15px;
        font-weight: 500;
        padding-top: 9px;
    }

    .OurValues {
        padding-bottom: 20px !important;
    }

    .card-Philosophy p {
        color: #2f2f2f;
        font-size: 15px;
        line-height: normal;
        text-align: left;
    }

    .Our-Philosophy .bold-content {
        text-align: left;
        font-size: 15px !important;
    }

    .Our-Philosophy-button a {
        height: 24px;
        width: 90px;
        font-size: 10px;
    }

    .Our-Philosophy-button {
        padding-top: 10px;
    }

    .Mobile-Screen-BeforeFooter-Video-Mask {
        -webkit-mask-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        mask-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        mask-size: 20%;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        /* mask-position: center; */
        /* -webkit-mask-position: center; */
        height: auto;
        /* padding: 0; */
        /* margin: 0; */
        right: 0;
        width: 500%;
    }

    .Mobile-Screen-BeforeFooter-Video {
        position: relative;
        margin-top: -40px;
    }

    .AboutUs-before-footer-Title {
        text-align: left;
    }

        .AboutUs-before-footer-Title h1 {
            text-align: left;
            font-size: 23px !important;
            padding-bottom: 4px;
        }

    .AboutUs-before-footer p {
        color: #fff;
        font-size: 15px !important;
    }

    .AboutUs-before-footer {
        background-color: transparent !important;
    }

    .AboutUs-before-footer {
        padding: 65px 0px 40px 0px;
        background-image: url(../images/new-website/MobileScreensImages/MobileRectanglePinkBgWithShapeTopCurve.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        margin-top: -56px;
    }

    .AboutUs-before-footer-Button {
        padding-top: 10px;
    }

    .white-button {
        font-size: 17px;
        padding: 7px 10px 7px;
        border-radius: 30px;
        height: 38px;
        width: 170px;
        /* background-color: #d75880; */
        /* color: white; */
        border: transparent;
        font-family: "Nunito-Regular";
        font-weight: bold;
    }



    /*Career Page*/

    .blog-bannercareer {
        padding-top: 90px;
    }

    .blog-bannercareer1 {
        padding-top: 90px;
    }

    .career-form-rightside {
        padding: 14px 22px;
    }

    .sub-title .desktop {
        display: none;
    }

    .sub-title .mobile {
        font-size: 14px;
        margin-top: 8px;
        color: #2f2f2f;
        line-height: normal;
    }

    .blog-image img {
        height: auto;
        width: 100%;
        padding-top: 20px;
    }

    .Career-Page-bg {
        background: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        background-size: cover;
        background-position: right;
    }

    .wave-paddding-career {
        padding: 55px 0px;
    }

    .career-page-right-side-content-title {
        font-size: 22px;
        font-family: 'PTSans-Bold';
        color: #2f2f2f;
        font-weight: 600;
    }

    .career-page-right-side-content {
        height: auto;
        width: 100%;
        border-radius: 10px;
        padding: 10px 0px;
    }

    .career-page-right-side-content-text {
        font-size: 16px;
        line-height: normal;
        padding-top: 0px;
    }

    .carapp {
        padding: 0px 0px 35px !important;
    }

    .career-page-right-side-content-text p {
        font-size: 16px !important;
        line-height: normal;
    }

    .Our-Approach-Image {
        padding-top: 20px;
    }

    .Our-Approach-Section {
        padding: 0px 0px 30px;
    }

    .CareerPage-MobileScreenBefore-Footer-Image {
        padding: 0px;
        z-index: 11;
        position: relative;
    }

        .CareerPage-MobileScreenBefore-Footer-Image img {
            width: 100%;
        }

    .Service-Page-Before-Footer {
        background-image: none;
        background-size: cover;
        background-repeat: no-repeat;
        padding: 30px 0px 30px;
        background-color: #d75880 !important;
        position: relative;
        margin-top: -39px;
    }

        .Service-Page-Before-Footer .btnx {
            padding-top: 20px;
        }

    .career-page-before-footer {
        /*background-image: url(../images/new-website/CareerPage-BeforeFooterBgImage1.png); */
        background-image: none;
        background-color: #d75880;
        background-size: cover;
        padding: 36px 0px;
        /* position: relative;*/
        z-index: 1;
        margin-top: -36px;
    }

    .before-footer-main-title {
        font-size: 21px;
        font-family: 'PTSans-Bold';
        font-weight: 600;
        text-align: left;
        line-height: normal;
        color: #fff;
        padding-top: 27px;
    }

        .before-footer-main-title span {
            font-size: 21px;
            font-family: 'PTSans-Regular';
            font-weight: 100;
            text-align: left;
            line-height: normal;
            color: #fff;
            padding-top: 27px;
        }

    .button {
        text-align: left;
        padding-top: 10px;
    }

    .advice-by-button {
        padding-top: 10px;
        padding-bottom: 13px;
    }


    /*Career form Page*/



    .career-form-shape2 {
        position: absolute;
        height: auto;
        width: 180px;
        left: 93%;
        rotate: 294deg;
        top: 123%;
        display: none;
    }

    .sub-title .desktop {
        display: none;
    }

    .sub-title h2 {
        font-size: 16px;
        margin-top: 20px;
        color: #2f2f2f;
        line-height: normal;
    }

    .career-form-main-title {
        font-size: 16px;
    }

    .form {
        padding-top: 0px;
    }

    .Other-Textbox {
        display: none;
    }

    .wrapper {
        width: 56%;
        height: 40%;
        margin-top: 0px !important;
        cursor: pointer;
    }

    .form-group input[type="email"],
    .form-group input[type="text"],
    .form-group input[type="tel"],
    .form-group input[type="file"],
    .form-group input[type="search"],
    .form-group input[type="number"],
    .form-group textarea,
    .form-group select {
        padding: 10px;
        border-radius: 10px;
        border: 1px solid #848A9A;
        font-size: 15px;
        font-weight: 400;
        color: #848A9A;
    }

    .checkbox-container img {
        height: auto;
        width: 30px;
    }

    .i-agree-content p {
        font-size: 12px;
        padding-top: 0;
    }

    .career-form-container .col-xl-5 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* margin-top: 9px; */
        border-radius: 30px 0px 30px 30px !important;
    }

    .form button {
        margin-top: 9px;
        margin-right: 101px;
    }

    .career-form .container {
        margin: 0;
        max-width: 100%;
    }

    .section-gap {
        padding: 29px 0px 72px;
    }



    .wrapper .file-upload {
        height: 35px !important;
        width: 35px !important;
    }

    .fa-arrow-up {
        font-size: 18px !important;
    }

    .Mobile-Screen-CareerForm-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 226%;
        right: 25px;
        rotate: 218deg;
        z-index: -1;
    }

    .career-form-shape1 {
        position: absolute;
        height: auto !important;
        width: 60px !important;
        right: 92.6%;
        rotate: 163deg;
        top: 165% !important;
        z-index: 9999999;
        border-radius: 0px !important;
    }

    .career-form-container .Career-FormImage {
        height: auto;
        width: 100%;
        border-radius: 30px !important;
    }

    .Mobile-Screen-CareerForm-shape1 {
        position: absolute;
        height: 49px;
        left: 91%;
        top: 82%;
    }




    /*Referral Page*/
    .refferal-cricle-2 {
        display: none;
    }

    .refferal-cricle-1 {
        display: none;
    }

    .Referral-Title {
        padding-top: 40px;
    }

    .referralvideomaskingimage {
        height: auto !important;
        width: 100%;
        position: absolute;
        top: 357px !important;
        right: -9px;
    }

    .main-title .desktop {
        display: none;
    }

    .Mobile-Screen-Referral-Section {
        background-image: url(../images/new-website/MobileScreensImages/MobileReferralSectionImageBg.png) !important;
        background-position: top;
        background-size: cover
    }

        .Mobile-Screen-Referral-Section h1 {
            text-align: left;
            font-size: 25px;
        }

    .refferel-tile {
        background-color: #fff;
        border-radius: 30px;
        padding: 20px 35px;
    }

    .referral-image {
        height: auto;
        width: 100%;
        display: flex;
        justify-content: center;
    }

        .referral-image img {
            height: auto;
            width: 80%;
        }

    .referral-content {
        display: flex;
        padding-top: 20px;
        justify-content: center;
    }

    .referral-text {
        font-size: 18px;
        font-weight: 600;
        padding-left: 0px;
        text-align: center;
    }

    .referral-content .desktop {
        display: none;
    }

    .referral-number {
        background-color: #d75880;
        color: #ffffff;
        padding: 5px;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        font-size: 22px;
        align-content: center;
        justify-content: center;
        display: flex;
        font-weight: 600;
        position: absolute;
        left: 14%;
    }

    .Mobile-Screen-Referral-Section .mt50 {
        padding-top: 20px;
    }

    .mt50 .Get-App-Button {
        /*  height: 24px;
        width: 90px;
        font-size: 10px;*/
    }


    /*Advertise With use*/


    .sub-title h2 {
        font-size: 14.5px;
        margin-top: 10px;
        color: #2f2f2f;
        line-height: normal;
    }

    .career-form-container .Career-FormImage {
        height: auto;
        width: 100%;
        border-radius: 30px !important;
    }


    /*code of conduct*/
    .videomaskingimage-codeofconduct {
        height: auto;
        width: 100%;
        position: absolute;
        top: 151px !important;
        right: -7px;
    }

    .code-of-conduct-star1, .code-of-conduct-star2 {
        display: none;
    }

    .MobileCode-of-Conduct {
        padding-bottom: 30px;
    }

    .code-of-conduct-title {
        font-size: 16px;
    }

    .code-of-conduct-detail .animate-charcter {
        font-size: 18px;
        margin-top: 10px;
    }

    .code-of-conduct-detail p {
        font-size: 12.5px;
        line-height: normal;
    }

    .code-of-conduct-detail .mycolor {
        font-weight: bold;
        font-size: 14px !important;
        padding-bottom: 10px;
    }

    /*Terms and Condition page*/
    .privacy-banner {
        background-image: url(../images/new-website/MobileScreensImages/MobileRectanglePinkBgWithShapepng.svg);
        background-repeat: no-repeat;
        padding: 85px 0px;
        background-size: cover;
    }

        .privacy-banner h1 {
            text-align: center !important;
            justify-content: center !important;
            padding-top: 45px;
        }

    .Terms-Condition h3 {
        font-family: Nunito !important;
        font-size: 18px;
    }

    .privacy-terms-shape1,
    .privacy-terms-shape2,
    .privacy-terms-shape3 {
        display: none;
    }

    .Terms-Condition {
        padding-top: 15px;
    }

    /*Privacy Page*/
    .Privacy-Section h3 {
        font-family: Nunito !important;
        font-size: 18px;
    }

    /*Partner With us*/
    .Partnerwithus-videomaskingimage {
        height: auto;
        width: 100%;
        position: absolute;
        top: 269px;
        right: -9px;
    }

    .Get-onboard {
        padding-top: 30px;
        background-color: #fff;
        border-radius: 20px;
        padding: 20px;
        margin-top: 0px !important;
        z-index: 10;
        /*        width: 90%;*/
        position: relative;
    }

    .partner-withus-box h1 {
        font-size: 25px !important;
        text-align: left;
    }

    .tabbing-navlink img {
        height: auto;
        width: 18px;
        margin-right: 5px;
    }

    .partner-withus-box h2 {
        font-size: 22px;
        color: #2f2f2f;
        font-family: 'PTSans-Bold';
        font-weight: bold;
    }

    .partner-withus-box .samll-content {
        font-family: 'Nunito-Regular';
        font-size: 18px;
        padding-top: 10px;
    }

    .text {
        font-size: 15px;
        color: #2f2f2f;
        padding-top: 0px;
    }

    .icon img {
        width: 25px;
        height: 25px;
        /* padding-top: 10px; */
        object-fit: contain;
    }

    .icon {
        width: 40px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .Partner-Withus-list-section {
        padding-left: 0px;
    }

    .partner-withus-content {
        padding: 0px 0px;
    }

    .partner-withus-star1-top {
        display: none;
    }

    .partner-withus-star1-bottom {
        display: none;
    }

    .get-you-onboard {
        background-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        background-size: cover;
        background-position: top;
        padding-bottom: 70px;
        padding-top: 70px;
        background-repeat: no-repeat;
    }

    .why-partner-section h1 {
        font-size: 25px;
        color: #2f2f2f;
        text-align: left;
    }

    .why-partner-section {
        background-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png) !important;
        position: relative;
        margin-top: -74px;
        padding-top: 36px;
        padding-bottom: 49px;
    }

    .Partner-with-us-card {
        background-color: transparent !important;
        border: 1px solid #BBBCB8;
        height: 125px;
        width: auto;
        border-radius: 30px;
        text-align: center;
        display: flex;
        padding: 15px;
        margin-top: 10px;
    }

    .mobile-screen-partnerwithus-image img {
        height: auto;
        width: 52.52px;
    }

    .mobile-screen-partnerwithus-image {
        height: auto;
        /*width: 40%;*/
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .font-weight-bold-title {
        font-size: 18px;
        text-align: left;
        margin-top: 5px !important;
        padding-left: 18px;
    }

    .mobile-screen-partnerwithus-content {
        display: flex;
        align-items: center;
    }

        .mobile-screen-partnerwithus-content .desktop {
            display: none;
        }

        .mobile-screen-partnerwithus-content .text-muted {
            font-size: 13px;
            text-align: left;
            padding-left: 16px;
            padding-top: 10px;
        }

        .mobile-screen-partnerwithus-content > div > .mt3 {
            margin-top: 0px !important;
        }

    .why-partner {
        margin-top: 0rem !important;
    }

    .success-stories {
        display: none;
    }

    .Mobile-Screen-Success-Stories {
        background-image: none !important;
        padding-bottom: 30px;
        padding-top: 30px;
    }

        .Mobile-Screen-Success-Stories h1 {
            text-align: center;
        }

    .Mobile-Screen-Success-Stories-Image {
        border-radius: 30px;
    }

        .Mobile-Screen-Success-Stories-Image img {
            height: auto;
            width: 100%;
        }

    .Mobile-Screen-Success-Stories-Content {
        padding: 0px;
        /*border: 1px solid #d75880;*/
        border-radius: 30px;
    }

    .testimonials_section .Mobile-Screen-Success-Stories-Content .paragraph {
        font-weight: 500;
        line-height: normal;
        color: #2f2f2f !important;
        margin-bottom: -1px;
        padding: 15px 10px 5px;
        font-size: 13px;
        min-height: auto;
        text-align: left;
    }

    .Mobile-Screen-Success-Stories-Content p {
        padding: 0px 10px 0px;
    }

    .Mobile-Screen-Success-Stories-Content h3 {
        padding: 15px 10px 0px;
    }

    .Mobile-Benefits-Of-Pets-Service-Section-Title-Image img {
        padding-top: 6px;
    }

    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        border-radius: 23px 23px 0px 0px;
    }

    .card-text img {
        height: auto;
        width: 30px !important;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3px;
    }


    .testimonials_section .testimonials_content p {
        color: var(--e-global-color-dark-grayish-violet);
        margin-bottom: 0px;
        font-size: 14px;
    }

    .Mobile-Screen-Success-Stories-Item {
        margin-top: 30px;
    }

        .Mobile-Screen-Success-Stories-Item .owl-dots {
            position: absolute;
            top: 93%;
            left: 50%;
            transform: translateX(-50%);
        }

    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: block !important;
    }

    /*ContactUs*/
    .Desktop-ContactUs-Section {
        display: none;
    }

    .Mobile-Screens-Contact-Section {
        background-image: url(../images/new-website/MobileScreensImages/MobileContactusBg.png);
        background-size: cover;
        padding: 40px 0px;
    }

    .Mobile-Contact-Section-Main-title {
        color: #2f2f2f;
        font-family: 'PTSans-Bold';
        font-size: 21px;
        font-weight: bold;
    }

    .Mobile-Contact-Section-content p {
        font-size: 12px;
        margin-top: 5px;
    }

    .Mobile-Contact-Section-content span {
        color: #d75880;
        font-weight: bold;
    }

    .Mobile-Contact-Section-content a {
        color: #d75880;
        font-weight: bold;
    }

    .Mobile-Contact-Section-Image img {
        height: auto;
        width: 100%;
    }

    .Mobile-Contact-Section-Main-title .Mobile-Contact-Section-underline {
        position: absolute;
        width: 86px;
        left: 42%;
        top: 131.5%;
    }

    .Mobile-Contact-Section-Form {
        margin-top: 30px;
    }

    .Mobile-Contact-Section-FormCard {
        background-color: #fff;
        border-radius: 30px;
        padding: 15px;
        margin-top: 20px;
    }

        .Mobile-Contact-Section-FormCard .Get-App-Button {
            height: 30px;
            width: 90px;
            font-size: 12px;
        }

    .Mobile-get-our-app-content .icon {
        height: 40px !important;
        width: 40px !important;
        background-color: #fbeef5;
        border-radius: 50%;
        text-align: center;
    }

    .Mobile-get-our-app-content .get-our-app-text h2 {
        color: #2f2f2f;
        font-weight: 600;
        font-size: 15px;
    }

    .Contact-us-GetOur-App-Bg {
        background-image: none;
        height: auto;
        background-size:;
        padding-top: 30px;
    }

    .Mobile-app-bottom-content {
        padding-top: 20px;
        justify-content: start;
        padding-left: 0px;
        padding-bottom: 20px;
    }

        .Mobile-app-bottom-content .play-app-store {
            padding: 0px 0px 0px 14px;
        }

    .mobile-qrcode {
        display: none;
    }

    .play-app-store {
        padding-left: 0px;
        display: flex;
        gap: 5px;
    }

    .store-bottom-text {
        font-size: 16px;
        font-weight: bold;
        color: #848A9A;
        text-align: center;
    }

    .faq-drawer__content .faq-content {
        /* padding-left: 38px; */
        font-family: 'Nunito-Regular';
        font-size: 14px;
        padding: 9px 21px;
    }

    .store-top-text {
        font-size: 12px;
        font-weight: normal;
        color: #848A9A;
    }

    .store img {
        height: 28px;
        width: auto;
    }

    .store {
        height: auto;
        width: auto;
        border: 1px solid #848A9A;
        border-radius: 14px;
        margin-bottom: 5px;
        display: flex;
        align-items: center;
        padding: 4px 10px;
    }

    .Mobile-Screen-Get-Our-App-Mobile-Image img {
        height: auto;
        width: 100%;
    }

    .Desktop-NewsLetter {
        display: none;
    }

    .Mobile-Screen-Dog-Nose-Image {
        position: relative;
        margin-top: -82px;
        z-index: 11;
    }

        .Mobile-Screen-Dog-Nose-Image img {
            width: 100%;
        }

    .Mobile-News-Letter-Contact-usPage {
        background-color: #d75880;
        height: auto;
        width: 100%;
        position: relative;
        margin-top: -49px;
        z-index: 1;
        padding-bottom: 40px;
    }

        .Mobile-News-Letter-Contact-usPage .breed-subtitle {
            margin-top: 0px;
        }

        .Mobile-News-Letter-Contact-usPage h1 {
            text-align: left;
            font-size: 25px;
        }

        .Mobile-News-Letter-Contact-usPage h2 {
            font-size: 15px;
            padding-top: 5px;
        }

    .email-input {
        padding-top: 10px;
    }

    .email-input-mobile input[type="email"] {
        width: 99% !important;
        padding: 8px;
        border-radius: 10px;
        border: 2px solid #fff;
        font-size: 15px;
        font-weight: bold;
    }

    .Mobile-News-Letter-Contact-usPage .subscribe-button {
        padding-top: 10px;
    }

    /*Services Pages*/

    .Service-Page-Title {
        padding-top: 90px;
    }

    .Service-Section2 {
        background-image: url(../images/new-website/MobileScreensImages/ServicePageBgMobile.png);
        padding: 35px 0px 0px;
        background-position: top;
        background-size: cover;
    }

    .bg-transparent {
        background-color: transparent;
    }

    .Service-Section2 .owl-stage-outer {
        background-color: transparent;
    }

    .Service-Section2 .pt-30 {
        padding-top: 0px;
    }

    .Service-Section2 h1 {
        text-align: left !important;
    }

    .Service-Section2 .owl-carousel {
        width: auto;
    }

    .Service-Section2 .card-2 {
        border-radius: 23px;
        width: 95%;
    }

    .Desktop-Service {
        display: none;
    }

    .Mobile-Screen-Service-Section-container .owl-dots {
        position: absolute;
        top: 77%;
        left: 50%;
        transform: translateX(-50%);
        display: none;
    }

    .Mobile-Screen-Veterinary-Section-container .veterinary-section h1 {
        text-align: left !important;
    }

    .Mobile-Screen-Veterinary-Section-container .Diagnostic-card {
        border: 3px solid #BBBCB8;
    }

    .inner {
        padding-left: 0px !important;
        text-align: left !important;
    }

        .inner span {
            font-size: 15px;
            color: #d75880;
            font-weight: bold;
        }

        .inner p {
            font-size: 14px;
        }

    .Veterinary-image {
        width: 100%;
        border-radius: 30px;
        border-right: 6px solid #d75880 !important;
        border-bottom: 6px solid #d75880 !important;
    }

    .veterinary-section-shape1,
    .veterinary-section-shape2,
    .veterinary-section-shape3,
    .veterinary-section-shape4,
    .veterinary-section-shape5 {
        display: none;
    }

    .Sick-Pet-Care-Diagnostic-Services {
        padding-top: 30px;
    }

        .Sick-Pet-Care-Diagnostic-Services h1 {
            text-align: left;
        }

        .Sick-Pet-Care-Diagnostic-Services .text-container {
            display: none;
        }

        .Sick-Pet-Care-Diagnostic-Services .Diagnostic-card {
            min-height: auto;
            border: 1px solid #BBBCB8 !important;
            border-radius: 23px !important;
        }

        .Sick-Pet-Care-Diagnostic-Services .mycolor {
            font-size: 18px !important;
        }

        .Sick-Pet-Care-Diagnostic-Services .Get-App-Button {
            height: 30px;
            width: 90px;
            font-size: 12px;
        }

    /*.Service-Page-Before-Footer {*/
    /* background-image: url(../images/new-website/ServiceBeforeFooterImage.png); */
    /*background-size: cover;
        background-repeat: no-repeat;
        padding: 60px 0px 30px;
        background-color: #d75880 !important;
        position: relative;
        margin-top: -39px;
        z-index: -89;
    }*/

    .Service-Page-Before-Footer a {
        width: 153px !important;
    }

    .Service-Page-Before-Footer .desktop {
        display: none;
    }

    .Service-Page-Before-Footer .mobile {
        padding-top: 5px !important;
    }

    video::-webkit-media-controls {
        display: none !important;
        /* Hide Safari media controls */
    }

    video {
        pointer-events: none;
        /* Prevent user interaction with the video */
    }

    .Mobile-Benefits-Of-Pets-Card .owl-stage-outer {
        background: none;
    }

    .FAQ-Circle1,
    .FAQ-Circle2 {
        display: none;
    }

    .Questionmarkimage {
        display: none;
    }

    .FAQ-Section {
        background-image: url(../images/new-website/MobileScreensImages/FAQBg.png);
        padding: 40px 0px 0px;
        background-size: cover;
    }

    .heading-border-top button {
        margin-top: 13px;
    }

    .heading-border-top {
        padding-bottom: 30px;
        text-align: center;
        padding-top: 30px;
    }

    .FAQ-Category-Name {
        font-size: 17px;
        padding-left: 32px;
    }

    .FAQ-Category-Icon img {
        height: auto;
        width: 74%;
    }

    .FAQ-Category-Card {
        background-color: transparent;
        color: #2f2f2f !important;
        padding: 12px 15px;
        border-radius: 20px !important;
        border: 2px solid #848A9A !important;
    }

    .tab-content {
        padding-top: 30px;
    }

    .faq-drawer__title {
        cursor: pointer;
        display: block;
        font-size: 15px !important;
        font-weight: 700;
        padding: 5px 15px 11px 35px;
        margin-bottom: 0;
        color: #2f2f2f;
        transition: color 0.3s ease-in-out;
        position: relative;
    }

    .faq-drawer .faq-drawer__title::after {
        content: "";
        border-style: solid;
        border-width: 2px 2px 0 0;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 10%;
        transform: rotate(135deg) translateY(-50%);
        transition: transform 0.3s ease-in-out;
        height: 12px;
        width: 12px;
        color: #d75880;
    }

    .faq-drawer__content {
        background-color: #fff;
    }

    .heading-border-top h1 {
        text-align: left;
    }

    .heading-border-top {
        text-align: left;
    }

        .heading-border-top:before {
            border-top: 3px solid #d75880;
            content: "";
            display: block;
            height: 1px;
            left: 50%;
            margin-left: -30px;
            position: absolute;
            top: 0;
            width: 60px;
            position: relative;
            padding-bottom: 20px;
        }

        .heading-border-top button {
            /*   height: 30px;
        width: 90px;
        font-size: 12px;*/
        }


    /*footer*/

    .footer-logo img {
        width: 180px;
        height: auto;
    }

    .get-fromplaystore img {
        height: 40%;
        width: 40%;
    }

    .Desktop-Footer-menu {
        display: none;
    }

    .Footer-Icon {
        justify-content: center;
        margin-top: 20px;
        display: flex;
    }

    .Internal-Cat-Breed {
        padding: 90px 0px 20px;
    }

    .search-box {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0px;
    }

    .search {
        width: 100%;
        padding: 9px;
    }

    .popularbreed-imageshape2, .popularbreed-imageshape1 {
        display: none;
    }

    .breed-table {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-bottom: 6px !important;
        font-size: 13px;
        margin: 0px;
    }

        .breed-table li {
            list-style: none;
            /*margin: 5px;*/
            font-size: 20px;
            font-weight: 600;
            cursor: pointer;
        }

            .breed-table li a {
                color: #848A9A;
                text-decoration: none;
                font-size: 17px;
                line-height: 0;
            }

    .contact-us-form .search-icon {
        left: 8%;
        position: absolute;
        z-index: 2;
        display: block;
        width: 2.375rem;
        height: 2.375rem;
        line-height: 2.375rem;
        text-align: center;
        pointer-events: none;
        color: #BBBCB8;
    }

    .Mobile-Popular-Breed {
        background-image: url(../images/new-website/MobileScreensImages/FAQBg.png);
        background-size: cover;
    }

    .breed-info {
        text-align: center;
        display: flex;
        grid-gap: 40px;
        padding-top: 0px;
    }

    .Weight-info img {
        height: auto;
        width: 40px;
    }

    .Height-info img {
        height: auto;
        width: 40px;
    }

    .Country-info img {
        height: auto;
        width: 36px;
    }

    .Breed-Detail {
        padding-bottom: 0px;
    }

    .Mobile-Popular-Breed-Detail {
        background-image: url(../images/new-website/MobileScreensImages/FAQBg.png);
        background-size: cover;
        padding-top: 20px;
        padding-bottom: 60px !important;
    }

    .Breed-Detail-Content {
        padding-top: 30px;
        background-color: #fff;
        border-radius: 20px;
        padding: 15px;
        margin-top: 30px;
        z-index: 10;
/*        width: 90%;*/
        /* position: relative; */
    }

    .Breed-Detail-left {
        padding-top: 0px !important;
    }

        .Breed-Detail-left .desktop {
            display: none;
        }

    .Explore {
        font-size: 18px;
    }

    .breedtabbing-content {
        margin-top: 20px;
    }

        .breedtabbing-content .tab-content {
            padding-top: 0px;
        }
    /*.tabbing-navlink img{
        display:none !important;
    }
    .tabbing-navlink:active img {
        display: none !important;
    }*/
    .breed-tabbing-text p {
        padding: 0px 20px 15px;
        line-height: normal;
        font-size: 14px;
    }

    .breeddetail-beforefooter {
        padding: 64px 0px 35px 20px;
        background-image: url(../images/new-website/MobileScreensImages/MobileRectanglePinkBgWithShapeTopCurve.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        margin-top: -48px;
    }

    .NewsLetter-Text div .subtitile h1 {
        font-size: 32px !important;
    }

    .breeddetail-beforefooter {
        display: flex;
        align-items: center;
        height: auto;
    }

        .breeddetail-beforefooter .NewsLetter-Text .subtitile {
            text-align: left !important;
        }

    .breed-star1-top, .breed-detail-star1-bottom {
        display: none;
    }

    .breedname-underline {
        display: none;
    }

    .breedtabbing-content .nav-item {
        border-bottom: 0px;
    }
}

@media only screen and (max-width: 993px) and (min-width: 769px) {
    .testywrap {
        margin-top: 20px;
    }
    .Desktop-ElementCodeofConduct::before {
        display: none;
    }

    .Desktop-ElementCodeofConduct::after {
        display: none;
    }

    .tab__btn {
        display: inline-block;
        color: var(--text-color);
        font-size: 1em;
        font-weight: 400;
        margin: 0 2px;
        padding: 0px 5px !important;
        border-radius: 10px;
        cursor: pointer;
        user-select: none;
        transition: background-color .3s ease;
    }

    .tabbing-navlink img {
        height: auto;
        width: 20px !important;
    }

    .Desktop-ElementBreedDetail::before {
        content: '';
        position: absolute;
        top: -6px;
        left: -10px;
        height: 40px;
        width: 40px;
        rotate: 20deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 1;
    }

    .Desktop-ElementBreedDetail::after {
        content: '';
        position: absolute;
        bottom: 38px;
        right: -15px;
        height: 40px;
        width: 40px;
        rotate: 164.95deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center bottom;
        background-size: contain;
        z-index: 0;
    }


    .Mobile-Element-CareerApply {
        position: relative;
        z-index: 4;
    }

        .Mobile-Element-CareerApply::after {
            content: '';
            position: absolute;
            bottom: -11px;
            right: -6px;
            height: 49.39px;
            width: 49.39px;
            rotate: 218deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
            background-size: contain;
            z-index: -1;
        }

    .Desktop-Partnerwithus-Element::before {
        content: '';
        position: absolute;
        top: -11px;
        left: -16px;
        height: 48px;
        width: 48px;
        rotate: -9deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 1;
    }

    .Desktop-Partnerwithus-Element::after {
        content: '';
        position: absolute;
        bottom: -42px;
        right: -53px;
        height: 48px;
        width: 48px;
        rotate: 51.53deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center bottom;
        background-size: contain;
        z-index: 0;
    }



    .Mobile-Elements-benefits {
        position: relative;
        z-index: 4;
    }

        .Mobile-Elements-benefits::before {
            content: '';
            position: absolute;
            top: 10px;
            left: -7px;
            height: 41px;
            width: 41px;
            rotate: -25.58deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
            background-size: contain;
            z-index: 0;
        }

        .Mobile-Elements-benefits::after {
            content: '';
            position: absolute;
            bottom: 43px;
            right: 14px;
            height: 46px;
            width: 46px;
            rotate: 138.42deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
            background-size: contain;
            z-index: -1;
        }

    .Mobile-Element-Howitwork-1 {
        position: relative;
        z-index: 4;
    }

        .Mobile-Element-Howitwork-1::before {
            content: '';
            position: absolute;
            top: -2px;
            left: -14px;
            height: 44.65px;
            width: 44.65px;
            rotate: 7deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star1.png) no-repeat center top;
            background-size: contain;
            z-index: 0;
        }

        .Mobile-Element-Howitwork-1::after {
            content: '';
            position: absolute;
            bottom: 4px;
            right: -11px;
            height: 44.65px;
            width: 44.65px;
            rotate: -242deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star1.png) no-repeat center top;
            background-size: contain;
            z-index: 0;
        }

    .testywrap::before {
        content: '';
        position: absolute;
        top: -14px;
        right: 8%;
        height: 55px;
        width: 55px;
        rotate: 148.48deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 0;
    }

    .testywrap::after {
        content: '';
        position: absolute;
        bottom: 40px;
        height: 55px;
        width: 55px;
        left: 12%;
        rotate: 144.48deg;
        background: url('https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png') no-repeat center bottom;
        background-size: contain;
        z-index: -1;
    }




    .testimonials_quote {
        display: none;
    }

    .preloader img {
        height: auto;
        width: 80%;
    }

    .footer-alignment {
        display: flex;
        justify-content: center;
    }

    .copyright-content {
        font-size: 13px !important;
        text-align: center !important;
    }

    .Mobile-ContactUs-Button {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    .Desktop-how-itwork-star1,
    .Desktop-how-itwork-star2,
    .Desktop-Service-circle1,
    .Desktop-Service-circle2,
    .Desktop-Service-circle3,
    .Desktop-Service-circle4,
    .Desktop-benefits-star1,
    .Desktop-benefits-star2,
    .Dekstop-screen-Testimonial-Star-1,
    .Dekstop-screen-Testimonial-Star-2,
    .Desktop-veterinary-section-shape1,
    .Desktop-veterinary-section-shape2,
    .Desktop-veterinary-section-shape3,
    .Desktop-veterinary-section-shape4,
    .Desktop-partner-withus-star1,
    .Desktop-partner-withus-star2,
    .Desktop-Screen-CareerApply-Shape1,
    .Desktop-Screen-CareerApply-Shape2,
    .Desktop-refferal-cricle-1,
    .Desktop-refferal-cricle-2,
    .Desktop-FAQ-Circle1,
    .Desktop-FAQ-Circle2,
    .Desktop-CodeofConduct-Star1,
    .Desktop-CodeofConduct-Star2,
    .Desktop-privacy-terms-shape1,
    .Desktop-privacy-terms-shape2,
    .Desktop-privacy-terms-shape3,
    .Desktop-contact-us-star1-top,
    .Desktop-contact-us-star1-bottom,
    .Desktop-BreedList-Shape1,
    .Desktop-BreedList-Shape2,
    .Desktop-breed-star1,
    .Desktop-breed-star2,
    .Desktop-veterinary-section-shape5 {
        display: none;
    }
    /*Mobile-Elements-Start*/
    .career-form-container {
        background-color: #ffffff;
        border-radius: 30px;
        height: auto;
        width: 95%;
        margin-top: 30px;
        margin-right: auto;
        margin-left: auto;
    }

    .Breed-List-Section {
        padding-bottom: 15px;
    }

    .OurValues {
        position: relative;
        padding-bottom: 40px !important;
    }

    .code-of-conduct-detail {
        background-color: white;
        border-radius: 30px;
        padding: 30px;
        margin-top: 30px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }


    .Mobile-Screen-Blogs-Section {
        position: relative;
        padding-top: 20px;
    }

    .blog-section, .career-form, .get-you-onboard, .Mobile-FAQ, .code-of-conduct-section, .Breed-List-Section, .Internal-Cat-Breed, .Mobile-screen-How-it-Work, .Breed-Detail-Content {
        position: relative;
    }

    .Border-class {
        border: 1px solid #d75880;
        border-radius: 0px 0px 33px 33px;
        padding-bottom: 30px;
        position: relative;
        margin-top: -2px;
        z-index: -1;
    }

    .Mobile-Screens-Contact-Section-GenralInformation {
        position: relative;
    }

    .Contact-us-GetOur-App-Bg {
        position: relative;
    }

    .Mobile-screen-How-it-Work-Cards-star1 {
        height: auto;
        width: 44.65px;
        position: absolute;
        /* z-index: -1; */
        left: 8.2px;
        rotate: 7deg;
        top: 3.5%;
        z-index: 1;
    }

    .Mobile-screen-How-it-Work-Cards-star2 {
        height: auto;
        width: 36.65px;
        position: absolute;
        /* z-index: -1; */
        right: 20px;
        rotate: 34.16deg;
        top: 92.5%;
    }

    .Mobile-screen-Service-Circle-1 {
        position: absolute;
        height: auto;
        width: 37px;
        right: -39.9px;
        rotate: 187.27deg;
        top: 96%;
    }

    .Mobile-screen-Service-Circle-2 {
        position: absolute;
        height: auto;
        width: 37px;
        left: -40px;
        rotate: 6.14deg;
        top: 87%;
    }

    .Mobile-screen-Benefits-Star-1 {
        position: absolute;
        height: auto;
        width: 41px;
        rotate: -25.58deg;
        top: 18.2%;
        left: 15px;
    }

    .Mobile-screen-Benefits-Star-2 {
        position: absolute;
        height: auto;
        width: 46px;
        rotate: 138.42deg;
        top: 79.4%;
        right: 41px;
    }

    .Mobile-screen-Testimonial-Star-1 {
        position: absolute;
        height: auto;
        width: 55px;
        top: 30.8%;
        right: 13%;
        rotate: 147deg;
    }

    .Mobile-screen-Testimonial-Star-2 {
        position: absolute;
        height: auto;
        width: 55px;
        top: 75.2%;
        rotate: 142deg;
        left: 10%;
    }

    .Mobile-Screen-Our-Values-Star1 {
        position: absolute;
        height: auto;
        width: 60px;
        right: -45px;
        rotate: -302.25deg;
    }

    .Mobile-Screen-Our-Values-Star2 {
        position: absolute;
        height: auto;
        width: 53px;
        rotate: 49.75deg;
        left: -39px;
        top: 91%;
    }

    .Mobile-Screen-Blogs-Shape1 {
        height: auto;
        width: 50px;
        right: -28px;
        top: 0px;
        position: absolute;
    }

    .Mobile-Screen-Blogs-Star1 {
        position: absolute;
        height: auto;
        width: 54px;
        right: -39.8px;
        top: 35%;
        rotate: 56.75deg;
    }

    .Mobile-Screen-Blogs-Shape2 {
        position: absolute;
        height: auto;
        width: 40px;
        bottom: 4%;
        rotate: -183deg;
        left: -21px;
    }

    .Mobile-Screen-Blogs-Star2 {
        position: absolute;
        height: auto;
        width: 47px;
        top: 59%;
        rotate: 50.71deg;
        left: -35px;
    }

    .Mobile-Screen-BlogDetail-Star1 {
        position: absolute;
        height: auto;
        width: 47.27px;
        rotate: 342deg;
        left: 95.5%;
        top: 16%;
    }

    .Mobile-Screen-BlogDetail-Star2 {
        position: absolute;
        height: auto;
        width: 68.37px;
        rotate: 209.05deg;
        top: 33%;
        right: 97%;
    }

    .Mobile-Screen-BlogDetail-Star3 {
        position: absolute;
        height: auto;
        width: 68.37px;
        rotate: 209.05deg;
        top: 57%;
        left: 96.5%;
    }

    .Mobile-Screen-BlogDetail-Star4 {
        position: absolute;
        height: auto;
        width: 66px;
        rotate: 240.38deg;
        left: -49px;
        bottom: 1%;
    }

    .Mobile-Screen-Advertise-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 90%;
        right: 8px;
        rotate: 218deg;
        z-index: -1;
    }

    .Mobile-Screen-CareerApply-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 91%;
        right: 8px;
        rotate: 218deg;
        z-index: -1;
    }

    .Mobile-Screen-career-form-shape1 {
        position: absolute;
        height: auto !important;
        width: 60px !important;
        right: 95.6%;
        rotate: 163deg;
        top: 54%;
    }

    .Mobile-Screen-career-form-shape2 {
        position: absolute;
        height: auto;
        width: 77px;
        left: 95%;
        top: -56px;
        rotate: 269deg
    }

    .Mobile-Screen-PartnerWithUs-Star1 {
        position: absolute;
        height: auto;
        width: 48px;
        top: 10.9%;
        left: 6px;
        rotate: 7deg;
    }

    .Mobile-Screen-PartnerWithUs-Star2 {
        position: absolute;
        height: auto;
        width: 47px;
        right: -36px;
        bottom: 65px;
        rotate: 50deg;
    }

    .Mobile-Screen-Contact-Shape1 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -43px;
        top: 10%;
    }

    .Mobile-Screen-Contact-Star1 {
        position: absolute;
        height: auto;
        width: 77px;
        rotate: -474deg;
        right: -61px;
        top: 10%;
    }

    .Mobile-Screen-Contact-Star2 {
        position: absolute;
        height: auto;
        width: 73px;
        bottom: 14%;
        rotate: 161deg;
        left: -45px;
    }

    .Mobile-Screen-FAQ-Circle1 {
        position: absolute;
        height: auto;
        width: 50px;
        top: 5.5%;
        left: -25px;
    }

    .Mobile-Screen-FAQ-Circle2 {
        position: absolute;
        width: 84px;
        right: -62px;
        bottom: 10.5%;
        rotate: 138deg;
    }

    .Mobile-Screen-CodeofConduct-Star1 {
        position: absolute;
        height: auto;
        width: 44px;
        z-index: -1;
        left: 7px;
        top: 19.5px;
        rotate: 0deg;
    }

    .Mobile-Screen-CodeofConduct-Star2 {
        position: absolute;
        height: auto;
        width: 50px;
        right: -36px;
        top: 29%;
        rotate: -46deg;
    }

    .Mobile-Screen-CodeofConduct-Star3 {
        position: absolute;
        height: auto;
        width: 50px;
        bottom: 38%;
        left: -38px;
        rotate: 242deg;
    }

    .Mobile-Screen-CodeofConduct-Star4 {
        position: absolute;
        height: auto;
        width: 50px;
        right: -36px;
        bottom: 9%;
        rotate: -46deg;
    }

    .Mobile-Screen-privacy-terms-shape1 {
        position: absolute;
        height: auto;
        width: 31px;
        rotate: 105deg;
        left: -17px;
    }

    .Mobile-Screen-privacy-terms-shape2 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 11.5%;
    }

    .Mobile-Screen-privacy-terms-shape3 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 38.5%;
    }

    .Mobile-Screen-privacy-terms-shape4 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 64.5%;
    }

    .Mobile-Screen-privacy-terms-shape5 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 85%;
    }

    .Mobile-Screen-privacy-terms-shape6 {
        position: absolute;
        height: auto;
        width: 40px;
        left: -20px;
        bottom: 7px;
        rotate: -191deg;
    }

    .Mobile-Screen-Breed-Shape1 {
        position: absolute;
        height: auto;
        width: 33px;
        right: -18px;
        rotate: -93deg;
    }

    .Mobile-Screen-BreedList-Shape1 {
        position: absolute;
        height: auto;
        width: 50px;
        left: -27px;
        bottom: 1%;
        rotate: 92deg;
    }

    .Mobile-Screen-breedDetail-Star1 {
        position: absolute;
        height: auto;
        width: 40px;
        rotate: 33deg;
        top: 40px;
        left: 12px;
    }

    .Mobile-Screen-breedDetail-Star2 {
        position: absolute;
        height: auto;
        width: 50px;
        right: 9px;
        bottom: 83px;
        rotate: 37deg;
    }
    /*Mobile-Elements-End*/

    /* create the paw prints */
    .pad {
        width: 25px;
        height: 27px;
        background-color: #84899a;
        -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
        border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
        display: block;
        position: absolute;
    }

    .large {
        width: 70px;
        height: 80px;
        transform: rotate(80deg);
        left: 100px;
        top: 50px;
    }

    .small-1 {
        transform: rotate(50deg);
        left: 145px;
        top: 28px;
    }

    .small-2 {
        transform: rotate(65deg);
        left: 174px;
        top: 50px;
    }

    .small-3 {
        transform: rotate(98deg);
        position: absolute;
        left: 178px;
        top: 87px;
    }

    .small-4 {
        transform: rotate(140deg);
        position: absolute;
        left: 158px;
        top: 117px;
    }

    /* position and animate */

    .paw-print-1 {
        opacity: 0;
        position: absolute;
        left: -50px;
        top: 300px;
        transform: rotate(-40deg);
        -webkit-animation: walk 3s linear infinite;
        animation: /*keyframe*/ walk /*duration*/ 3s /*transition*/ linear /*repeat*/ infinite;
    }

    .paw-print-2 {
        opacity: 0;
        position: absolute;
        left: 150px;
        top: 280px;
        transform: rotate(-5deg);
        -webkit-animation: walk 3s linear infinite 0.25s;
        animation: walk 3s linear infinite /*delay*/ 0.25s;
    }

    .paw-print-3 {
        opacity: 0;
        position: absolute;
        left: 250px;
        top: 130px;
        transform: rotate(-10deg);
        -webkit-animation: walk 3s linear infinite 0.5s;
        animation: walk 3s linear infinite 0.5s;
    }

    .paw-print-4 {
        opacity: 0;
        position: absolute;
        left: 450px;
        top: 280px;
        transform: rotate(-20deg);
        -webkit-animation: walk 3s linear infinite 0.75s;
        animation: walk 3s linear infinite 0.75s;
    }

    .paw-print-5 {
        opacity: 0;
        position: absolute;
        left: 600px;
        top: 50px;
        transform: rotate(10deg);
        -webkit-animation: walk 3s linear infinite 1s;
        animation: walk 3s linear infinite 1s;
    }

    .paw-print-6 {
        opacity: 0;
        position: absolute;
        left: 750px;
        top: 200px;
        transform: rotate(10deg);
        -webkit-animation: walk 3s linear infinite 1.25s;
        animation: walk 3s linear infinite 1.25s;
    }

    .paw-print-7 {
        opacity: 0;
        position: absolute;
        left: 950px;
        top: 50px;
        transform: rotate(20deg);
        -webkit-animation: walk 3s linear infinite 1.5s;
        animation: walk 3s linear infinite 1.5s;
    }

    .paw-print-8 {
        opacity: 0;
        position: absolute;
        left: 1025px;
        top: 250px;
        transform: rotate(10deg);
        -webkit-animation: walk 3s linear infinite 1.75s;
        animation: walk 3s linear infinite 1.75s;
    }

    .Mobile-Menu-Button {
        display: none;
    }

    .Desktop-FAQ, .advertise-dekstop {
        display: none;
    }

    .Sub-Accordian-Text {
        font-size: 16px !important;
    }

    .Main-Accordian-Body {
        padding: 10px 0px 0px 10px;
    }

    .Get-Our-App-Content-Right {
        padding-top: 0px;
    }

    .menu-button-mobile {
        margin-left: 20px;
    }

    .breed-tabbing-desktop {
        display: none;
    }

    /*S-Mobile*/
    .container {
        max-width: 95%;
        /*padding:0px;*/
    }

    .accordion-item {
        background-color: transparent;
        border: none;
    }

    .Philosophy-Main-Div1 .desktop {
        display: none;
    }

    .career-form-container .Career-FormImage {
        height: auto;
        width: 100%;
        border-radius: 30px !important;
    }

    .service-circle-2 {
        display: none;
    }

    .service-circle-4 {
        display: none;
    }

    header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10;
        background-color: #D9D9D9;
        transition: background-color 0.3s ease;
    }

    .logo {
        display: none;
    }

    .mobilelogo img {
        width: 140px;
        height: auto;
        object-fit: cover;
    }

    header.sticky {
        background-color: #D9D9D9;
    }

    .content {
        display: none;
    }

    .mobilelogo {
        display: inherit;
    }

    .navbar-toggler {
        border: none;
    }

    .navbar-toggler-icon {
        background-color: transparent !important;
        width: 1.5em;
        height: 1em;
        font-size: 25px;
    }

    /*.navbar-toggler-icon img{
                height:auto;
                width:30px
            }*/
    .navbar-collapse.show {
        background-color: transparent;
        ;
        padding: 14px;
        color: #84899a;
    }

    .navbar-nav {
        justify-content: space-evenly;
        font-family: 'Nunito-Regular';
        font-size: 20px;
        color: white;
        font-weight: bold;
        gap: 0px;
        padding-left: 0px;
    }

    .nav-item {
        border-bottom: 1px solid;
    }

    .btnlnktitle {
        text-align: center;
    }

    .btnlnk {
        color: #2f2f2f;
        text-align: center;
    }

    .Get-App-Button1 {
        padding: 5px 16px 5px;
        border-radius: 30px;
        width: auto;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: 'Nunito-Regular';
        font-weight: bold;
        transition: background-color 0.3sease;
        font-size: 18px;
        float: left !important;
        margin-top: 10px;
    }

    .video-banner {
        height: 280px;
    }

    #myvideo {
        right: 0;
        max-width: 100%;
        max-height: 100%;
        object-fit: cover;
        z-index: -1;
        /* margin-top: 70px;*/
    }

    .Mobile-screen-banner-content {
        /*background-color:#d75880;*/
        background-image: url(../images/new-website/MobileScreensImages/MobileRectanglePinkBgWithShape.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: auto;
        padding: 10px 0px 40px 0px;
    }

    .Mobile-screen-banner-content-Main-title {
        color: white;
        font-family: 'PTSans-Bold';
        font-size: 21px;
        font-weight: bold;
    }

    .Mobile-screen-banner-content-sub-title {
        color: white;
        font-family: 'Nunito-Regular';
        font-size: 14px;
        margin-bottom: 10px;
    }

    .How-itwork-desktop {
        display: none;
    }

    .Mobile-screen-How-it-Work {
        background-image: url(../images/new-website/MobileScreensImages/HowItWorkBg.png);
        background-size: cover;
        background-repeat: no-repeat;
        padding-bottom: 30px;
    }

    .Mobile-screen-How-it-Work-title {
        font-family: 'PTSans-Bold';
        text-align: left;
        color: #2f2f2f;
        font-weight: bold;
        font-size: 25px;
    }

    .Mobile-screen-How-it-Work-Card {
        height: auto;
        border-radius: 20px;
        width: 100%;
        background-color: #fff;
        padding: 0px 40px 20px;
        text-align: center;
        margin-top: 10px;
        z-index: 3;
        position: relative;
    }

    .Mobile-screen-How-it-Work-Card {
        padding: 0px 40px 20px;
        text-align: center;
        margin-top: 10px;
        z-index: 3
    }

        .Mobile-screen-How-it-Work-Card img {
            height: auto;
            width: 205px;
        }

    .Mobile-screen-How-it-Work-Card-Content-Main-title {
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        padding-top: 17px;
    }

    .Mobile-screen-How-it-Work-Card-Content-sub-title {
        font-size: 14.8px;
        text-align: left;
    }

    .Mobile-screen-How-it-Work-Card .number1 {
        max-width: 40px;
        height: 40px;
        min-width: 0px;
        position: relative;
        top: 45px;
    }

    /*.Mobile-screen-How-it-Work-Cards-star1 {
        height: auto;
        width: 36.65px;
        position: absolute;*/
    /*z-index:-1;*/
    /*left: 0px;
        rotate: 13.16deg;
    }

    .Mobile-screen-How-it-Work-Cards-star2 {
        height: auto;
        width: 36.65px;
        position: absolute;*/
    /*z-index:-1;*/
    /*right: 0px;
        rotate: 13.16deg;
    }*/

    .Service-Desktop {
        display: none;
    }

    .Mobile-Screen-Service-Section {
        padding: 10px 0px 30px
    }

    .Mobile-Screen-Service-Section-Title {
        font-family: 'PTSans-Bold';
        text-align: left;
        color: #2f2f2f;
        font-weight: bold;
        font-size: 25px;
    }

    .Mobile-Screen-Service-Section-subTitle {
        font-size: 16px;
        font-weight: 300;
        color: #BBBCB8;
    }

    .Diagnostic-card {
        width: auto !important;
        height: auto !important;
        background-image: none;
        border: none !important;
        padding: 16px;
        border-radius: 0px !important;
    }

    .Mobile-Screen-Service-Section-cards {
        padding-top: 30px;
    }

    .Mobile-screen-Service-Section-card {
        display: inline-block;
        position: relative;
        border-radius: 20px;
        border: 1px solid #84899a;
        height: auto;
        width: 100%;
        margin-top: 10px;
    }


    .card-text-wrapper {
        /* position: absolute; */
        bottom: 0;
        /* width: 100%; */
        padding: 10px;
        box-sizing: border-box;
    }

        .card-text-wrapper .card-text {
            width: auto;
            height: auto;
            margin: 0px;
            background-color: transparent !important;
            color: #2f2f2f !important;
            border-radius: unset;
            border: none;
            padding: 6px;
            margin-top: 0px;
        }

    .hide {
        display: none;
    }

    .show {
        display: block;
    }


    .Benefits-Desktop {
        display: none;
    }

    .Mobile-Benefits-Of-Pets-Service-Section {
        background-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 40px;
        padding-bottom: 0px;
    }

    .Mobile-Benefits-Of-Pets-Service-Section-Title {
        font-family: 'PTSans-Bold';
        text-align: left;
        color: #2f2f2f;
        font-weight: bold;
        font-size: 25px;
    }

    .Mobile-Benefits-Of-Pets-Service-Section-Title-Image {
        width: 50px;
        height: 50px;
        margin: auto;
        background-color: #fff;
        color: #d75880;
        border-radius: 29px;
        border: 7px solid #d75880;
        padding: 0px 6px;
        margin-top: -40px;
    }

        .Mobile-Benefits-Of-Pets-Service-Section-Title-Image img {
            height: auto;
            width: 25px;
        }

    .Mobile-Benefits-Of-Pets-Service-Section-Card {
        border: none;
        background-color: #d75880;
        min-height: 360px;
    }

    .Mobile-Benefits-Of-Pets-Card .owl-dots {
        display: none;
    }

    .Mobile-Benefits-Of-Pets-Card {
        padding-top: 15px;
        text-align: center;
    }

    .Mobile-Benefits-Of-Pets-Service-Section-Title-Text {
        padding: 0px 30px;
    }

        .Mobile-Benefits-Of-Pets-Service-Section-Title-Text .Bigger-text {
            color: #fff;
        }

        .Mobile-Benefits-Of-Pets-Service-Section-Title-Text .Small-text {
            color: #fff;
            font-size: 12px;
            text-align: left;
        }

    .carousel-item {
        transition: transform 0.5s ease-in-out;
    }

    .card-img-top.cardimage {
        transition: opacity 0.5s ease-in-out;
    }

    .card-body {
        transition: opacity 0.5s ease-in-out;
    }

    .zumigo_pass {
        padding-top: 20px;
    }

        .zumigo_pass h1 {
            font-family: 'PTSans-Bold';
            text-align: left;
            color: #2f2f2f;
            font-weight: bold;
            font-size: 25px;
        }

        .zumigo_pass h5 {
            font-size: 15.8px !important;
            text-align: left !important;
            padding-top: 5px !important;
            padding-left: 0px !important;
            color: #BBBCB8;
        }

    .zumigo_pass-row {
        padding-top: 20px;
    }


    .zumigo_pass h2 {
        display: none;
    }

    .Zumigo-Pass-content {
        border: 1px solid #BBBCB7;
        border-radius: 30px;
        padding: 0px 40px 10px;
        margin-top: 10px;
    }

        .Zumigo-Pass-content img {
            height: auto;
            width: 140px;
        }

    .zumigo_pass h3 {
        font-family: 'Nunito-Regular';
        font-weight: bold !important;
        font-size: 16px !important;
        padding: 0px !important;
        text-align: left;
        margin-top: 10px;
    }

    .zumigo_pass p {
        font-family: 'Nunito-Regular';
        color: #848999;
        line-height: normal !important;
        font-weight: bold;
        margin-top: 5px !important;
        font-size: 11.3px !important;
        padding: 0 !important;
        text-align: left;
    }

    .getpass {
        padding-top: 15px;
        text-align: left;
    }

    /* .getpass button {
            height: 30px;
            width: 90px;
            font-size: 12px;
        }*/

    .testimonials_section h1 {
        text-align: left;
        color: #2f2f2f;
        font-weight: bold;
        font-size: 25px;
    }

    .testimonial-smallline {
        font-size: 12px;
    }

    .testimonial-subtitle {
        font-size: 22px !important;
    }

    .testimoanil-underline {
        position: relative;
        bottom: 11px;
        left: 6%;
    }

        .testimoanil-underline img {
            height: auto;
            width: 140px;
        }

    .testimonials_section .testimonials_content .paragraph {
        font-weight: 600;
        line-height: normal;
        color: #d75880 !important;
        margin-bottom: -1px;
        padding: 0px 0px 10px;
        font-size: 13px;
        min-height: auto;
        text-align: left;
    }

    .testimonials_content {
        width: auto;
        padding: 14px 30px 35px 30px;
        text-align: center;
    }

    .career-form-container .Career-FormImage {
        height: auto;
        width: 100%;
        border-radius: 30px !important;
    }

    .testimonials_content h3 {
        text-align: left;
        font-size: 18px !important;
        color: #8B909F !important;
    }

    .testimonials_content p {
        text-align: left;
        color: #8B909F !important;
        font-size: 13px;
    }

    .owl-dots {
        position: absolute;
        top: 62%;
        left: 50%;
        transform: translateX(-50%);
    }

    .testimonail-star-image2 {
        position: absolute;
        height: auto;
        width: 54.75px;
        top: 35%;
        right: 17%;
        rotate: 148.48deg;
    }

    .testimonail-star-image1 {
        position: absolute;
        height: auto;
        width: 54.75px;
        top: 73.7%;
        left: 12%;
        rotate: 148.48deg;
    }



    /*Blog Page*/
    .blog-banner {
        background: url(../images/new-website/MobileScreensImages/BlogBannerBg.png);
        height: auto;
        padding-top: 90px;
        background-position: bottom;
        /*background-size: contain !important;*/
        padding-bottom: 0px;
        padding-bottom: 35px;
        background-size: cover;
    }

    .main-title h1 {
        text-align: left;
        font-size: 25px !important;
        justify-content: flex-start;
        display: flex;
        align-items: center;
    }

    .Blog .sub-title h2 {
        font-size: 16px;
        margin-top: 8px;
        color: #2f2f2f;
        line-height: normal;
    }

    .Blog .bottom-content {
        padding-top: 10px;
    }

    .Blog .advice-by {
        font-size: 20px;
        color: #2f2f2f;
        line-height: 10px;
        padding-top: 5px;
    }

    .advice-by-name {
        font-size: 20px;
    }

    .Blog .blog-image img {
        height: auto;
        width: 100%;
    }

    .Blog-Desktop {
        display: none;
    }

    .Mobile-Screen-Blog {
        border: 1px solid #BBBCB7;
        border-radius: 20px;
        height: auto;
        padding: 10px;
        display: flex;
        align-items: center;
        margin-top: 10px;
    }

    .bolgs {
        padding: 20px 0px;
    }

    .loadbtn {
        text-align: center;
        padding-bottom: 20px;
    }

        .loadbtn .Get-App-Button {
            width: 90px;
            height: 24px;
            font-size: 10px;
        }

    .Mobile-Screen-Blog img {
        height: 60px;
        width: 60px;
        border-radius: 50%;
    }

    .Mobile-Screen-Blog p {
        font-size: 16px;
        font-weight: bold;
    }

    .Mobile-Screen-Blog-Shape1 {
        height: 42.33px;
        width: 42.33px;
        position: relative;
        left: 101%;
        rotate: 1.3deg;
        top: -3%;
    }

    .Mobile-Screen-Blog-Star1 {
        height: 43.59px;
        width: 43.59px;
        position: relative;
        left: 89%;
        rotate: 50.3deg;
        top: 42%;
    }

    .Mobile-Screen-Blog-Star2 {
        height: 43.59px;
        width: 43.59px;
        position: absolute;
        right: 97%;
        rotate: 50.3deg;
        top: 153%;
    }

    .Mobile-Screen-Blog-Shape2 {
        height: 43.59px;
        width: 43.59px;
        position: absolute;
        right: 95%;
        rotate: 178deg;
        top: 178%;
    }


    /*Blog Detial*/
    .blog-detail-banner {
        background: url(../images/new-website/MobileScreensImages/MobileBlogDetailBg.png);
        padding-top: 90px;
        padding-bottom: 20px;
        background-position: bottom;
        background-size: cover;
    }

    .blog-image3 img {
        height: auto;
        width: 100%;
        border-radius: 30px;
        box-shadow: 2px 2px 2px grey;
    }

    .blog-section {
        padding-bottom: 20px;
    }

    .blog-detail-title h1 {
        text-align: center;
        font-family: 'PTSans-Bold' !important;
        font-weight: 600;
        color: #d75880;
        text-align: left;
        padding-top: 0px;
        font-size: 20px;
    }

    .blog-detail-content {
        padding: 0px 15px
    }

        .blog-detail-content p {
            font-size: 12px;
            line-height: normal;
        }

    .privacy-policy h3 {
        font-family: 'PTSans-Bold' !important;
        font-weight: 600;
        font-size: 20px;
        padding-bottom: 8px;
    }

    .blog-detail-content h3 {
        font-family: 'PTSans-Bold' !important;
        font-weight: 600;
        font-size: 20px;
    }

    .blog-detail-content ul > li {
        font-size: 12px;
        line-height: normal;
    }

    .blog-detail-content ul,
    ol {
        padding-left: 17px;
    }

    .blod-detail-button a {
        height: 24px;
        width: 90px;
        font-size: 12px;
    }

    .blod-detail-button {
        margin-top: 20px;
    }

    .Mobile-Screen-BlogDetail-Star1 {
        position: absolute;
        height: 57.27px;
        width: 57.27px;
        rotate: 345deg;
        left: 94%;
        top: 78%;
    }

    .Mobile-Screen-BlogDetail-Star2 {
        position: absolute;
        height: 68.37px;
        width: 68.37px;
        rotate: 209.05deg;
        top: 109%;
        right: 97%;
    }

    .Mobile-Screen-BlogDetail-Star3 {
        position: absolute;
        height: 68.37px;
        width: 68.37px;
        rotate: 209.05deg;
        top: 109%;
        right: 97%;
    }


    /*About Us Page*/
    .about-us-banner-bg {
        padding-top: 90px;
        padding-bottom: 80px;
    }

    /*.videomaskingimage {
                height: auto;
                width: 100%;
                position: absolute;
                top: 128px;
                right: 6px;
            }*/
    .main-title h1 {
        text-align: left;
        font-size: 25px !important;
        justify-content: flex-start;
        display: flex;
        align-items: center;
    }

    .sub-title p {
        font-size: 18px;
        margin-top: 8px;
        color: #2f2f2f;
        line-height: normal;
    }

    .advice-by-button .Get-App-Button {
        height: 24px;
        width: auto;
        font-size: 12px;
        padding: 3px 10px 10px;
    }

    .blob-container {
        width: 100%;
        height: auto;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .about-us-banner-bg .blog-image1 {
        padding-top: 80px;
    }

    .videomaskingimage {
        height: auto;
        width: 100%;
        position: absolute;
        top: 323px;
        right: -7px;
    }

    .FAQ-Page .videomaskingimage {
        height: auto;
        width: 100%;
        position: absolute;
        top: 237px;
        right: -7px;
    }

    .abouts-us {
        background: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        padding: 25px 0px 60px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .left-sidecontent h1 {
        text-align: left !important;
        font-size: 20px;
    }

    .about-underline {
        position: relative;
        bottom: 7px;
        left: 60%;
    }

        .about-underline img {
            width: 115px
        }

    .aboutus-left-side-content-top {
        color: #2f2f2f;
        font-size: 15px;
        margin-top: 10px;
    }

    .left-sidecontent-description {
        font-size: 15px !important;
        /* line-height: 37.74px; */
        color: #2f2f2f;
        margin: 0;
        font-weight: 400;
        line-height: normal;
        margin-top: 10px;
    }

    .image-border {
        margin-top: 20px;
    }

    .Philosophy-Main-Div1 h1 {
        text-align: left !important;
    }

    .Philosophy-Main-Div1 h3 {
        text-align: left;
        font-weight: 300;
        color: #BBBCB8;
        font-size: 12px;
    }

    .our-values-card {
        background-color: #fff;
        border: 1px solid #BBBCB8;
        height: 125px;
        width: auto;
        border-radius: 30px;
        text-align: center;
        display: flex;
        padding: 7px 15px;
        margin-top: 10px;
    }

    .mobilescreen-ourvalues-card {
        width: 40%;
    }

        .mobilescreen-ourvalues-card img {
            height: auto;
            width: 100%;
        }

    .our-values-card div h2 {
        font-size: 16px;
        font-weight: 600;
        color: #2f2f2f;
        margin-top: 15px;
        text-align: left;
        padding-bottom: 5px;
    }

    .our-values-card div p {
        font-size: 13.5px;
        color: #2f2f2f;
        line-height: normal;
        text-align: left;
    }

    .mobilescreen-ourvalues-card-content {
        padding-left: 10px;
    }

    .Mobile-Screen-OverValues-Star1 {
        position: relative;
        height: auto;
        width: 53px;
        rotate: 52deg;
        margin-top: -23px;
        left: 97%;
    }

    .Mobile-Screen-OverValues-Star2 {
        position: relative;
        height: auto;
        width: 53px;
        rotate: 52deg;
        margin-top: -23px;
        right: 12%;
    }

    .Our-Philosophy {
        background: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        padding: 50px 0px 40px !important;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .Philosophy-Main-Div1 hr {
        display: none;
    }

    .Philosophy-Main-Div1 h3 {
        text-align: left;
    }

    .OurValues {
        padding-bottom: 20px !important;
    }

    .card-Philosophy p {
        color: #2f2f2f;
        font-size: 15px;
        line-height: normal;
        text-align: left;
    }

    .Our-Philosophy .bold-content {
        text-align: left;
        font-size: 15px !important;
    }

    .Our-Philosophy-button a {
        height: 24px;
        width: 90px;
        font-size: 10px;
    }

    .Our-Philosophy-button {
        padding-top: 10px;
    }

    .Mobile-Screen-BeforeFooter-Video-Mask {
        -webkit-mask-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        mask-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        mask-size: 20%;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        /* mask-position: center; */
        /* -webkit-mask-position: center; */
        height: auto;
        /* padding: 0; */
        /* margin: 0; */
        right: 0;
        width: 500%;
    }

    .Mobile-Screen-BeforeFooter-Video {
        position: relative;
        margin-top: -40px;
    }

    .AboutUs-before-footer-Title {
        text-align: left;
    }

        .AboutUs-before-footer-Title h1 {
            text-align: left;
            font-size: 23px !important;
            padding-bottom: 4px;
        }

    .AboutUs-before-footer p {
        color: #fff;
        font-size: 15px !important;
    }

    .AboutUs-before-footer {
        background-color: transparent !important;
    }

    .AboutUs-before-footer {
        padding: 50px 0px 30px 20px;
        background-image: url(../images/new-website/MobileScreensImages/MobileRectanglePinkBgWithShapeTopCurve.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        margin-top: -40px;
    }

    .AboutUs-before-footer-Button {
        padding-top: 10px;
    }

    .white-button {
        height: 24px !important;
        width: 179px !important;
        /* display: block;*/
        padding: 3px 19px;
        font-size: 11.5px;
    }



    /*Career Page*/

    .blog-bannercareer {
        padding-top: 90px;
    }

    .blog-bannercareer1 {
        padding-top: 90px;
    }

    .sub-title .desktop {
        display: none;
    }

    .career-form-rightside {
        padding: 14px 22px;
    }

    .sub-title .mobile {
        font-size: 16px;
        margin-top: 8px;
        color: #2f2f2f;
        line-height: normal;
    }

    .blog-image img {
        height: auto;
        width: 100%;
        padding-top: 20px;
    }

    .Career-Page-bg {
        background: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        background-size: cover;
        background-position: right;
    }

    .wave-paddding-career {
        padding: 55px 0px;
    }

    .career-page-right-side-content-title {
        font-size: 25px;
        font-family: 'PTSans-Bold';
        color: #2f2f2f;
        font-weight: 600;
    }

    .career-page-right-side-content {
        height: auto;
        width: 100%;
        border-radius: 10px;
        padding: 10px 0px;
    }

    .career-page-right-side-content-text {
        font-size: 15px;
        line-height: normal;
        padding-top: 0px;
    }

        .career-page-right-side-content-text p {
            font-size: 15px !important;
            line-height: normal;
        }

    .Our-Approach-Image {
        padding-top: 20px;
    }

    .Our-Approach-Section {
        padding: 0px 0px 30px;
    }

    .CareerPage-MobileScreenBefore-Footer-Image {
        padding: 0px;
        z-index: 11;
        position: relative;
    }

        .CareerPage-MobileScreenBefore-Footer-Image img {
            width: 100%;
        }

    .career-page-before-footer {
        /* background-image: url(../images/new-website/CareerPage-BeforeFooterBgImage1.png); */
        background-image: none;
        background-color: #d75880;
        background-size: cover;
        padding: 36px 0px;
        position: relative;
        z-index: 1;
        margin-top: -36px;
    }

    .before-footer-main-title {
        font-size: 21px;
        font-family: 'PTSans-Bold';
        font-weight: 600;
        text-align: left;
        line-height: normal;
        color: #fff;
        padding-top: 27px;
    }

    .button {
        text-align: center;
        padding-top: 10px;
    }

    .advice-by-button {
        padding-top: 10px;
    }


    /*Career form Page*/



    .career-form-shape2 {
        position: absolute;
        height: auto;
        width: 180px;
        left: 93%;
        rotate: 294deg;
        top: 123%;
        display: none;
    }

    .sub-title .desktop {
        display: none;
    }

    .sub-title h2 {
        font-size: 16px;
        margin-top: 20px;
        color: #2f2f2f;
        line-height: normal;
    }

    .career-form-main-title {
        font-size: 16px;
    }

    .form {
        padding-top: 0px;
    }

    .Other-Textbox {
        display: none;
    }

    .wrapper {
        width: 56%;
        height: 40%;
        margin-top: 0px !important;
        cursor: pointer;
    }

    .form-group input[type="email"],
    .form-group input[type="text"],
    .form-group input[type="tel"],
    .form-group input[type="file"],
    .form-group input[type="search"],
    .form-group input[type="number"],
    .form-group textarea,
    .form-group select {
        padding: 10px;
        border-radius: 10px;
        border: 1px solid #848A9A;
        font-size: 15px;
        font-weight: 400;
        color: #848A9A;
    }

    .checkbox-container img {
        height: auto;
        width: 30px;
    }

    .i-agree-content p {
        font-size: 12px;
        padding-top: 0;
    }

    .form button {
        margin-top: 9px;
        margin-right: 75px;
    }

    .career-form-container .col-xl-5 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* margin-top: 9px; */
        border-radius: 30px 0px 30px 30px !important;
    }

    .career-form .container {
        margin: 0;
        max-width: 100%;
    }

    .section-gap {
        padding: 0px 0px 30px;
    }



    .wrapper .file-upload {
        height: 35px !important;
        width: 35px !important;
    }

    .fa-arrow-up {
        font-size: 18px !important;
    }

    .Mobile-Screen-CareerForm-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 226%;
        right: 25px;
        rotate: 218deg;
        z-index: -1;
    }

    .career-form-shape1 {
        position: absolute;
        height: auto !important;
        width: 60px !important;
        right: 92.6%;
        rotate: 163deg;
        top: 165% !important;
        z-index: 9999999;
        border-radius: 0px !important;
    }

    .career-form-container .Career-FormImage {
        height: auto;
        width: 100%;
        border-radius: 30px !important;
    }

    .Mobile-Screen-CareerForm-shape1 {
        position: absolute;
        height: 49px;
        left: 91%;
        top: 82%;
    }




    /*Referral Page*/
    .refferal-cricle-2 {
        display: none;
    }

    .refferal-cricle-1 {
        display: none;
    }

    .Referral-Title {
        padding-top: 40px;
    }

    .referralvideomaskingimage {
        height: auto !important;
        width: 100%;
        position: absolute;
        top: 330px !important;
        right: -7px;
    }

    .main-title .desktop {
        display: none;
    }

    .Mobile-Screen-Referral-Section {
        background-image: url(../images/new-website/MobileScreensImages/MobileReferralSectionImageBg.png) !important;
        background-position: top;
        background-size: cover
    }

        .Mobile-Screen-Referral-Section h1 {
            text-align: left;
            font-size: 25px;
        }

    .refferel-tile {
        background-color: #fff;
        border-radius: 30px;
        padding: 20px 35px;
    }

    .referral-image {
        height: auto;
        width: 100%;
        display: flex;
        justify-content: center;
    }

        .referral-image img {
            height: auto;
            width: 80%;
        }

    .referral-content {
        display: flex;
        padding-top: 20px;
        justify-content: center;
    }

    .referral-text {
        font-size: 18px;
        font-weight: 600;
        padding-left: 0px;
        text-align: center;
    }

    .referral-content .desktop {
        display: none;
    }

    .referral-number {
        background-color: #d75880;
        color: #ffffff;
        padding: 5px;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        font-size: 22px;
        align-content: center;
        justify-content: center;
        display: flex;
        font-weight: 600;
        position: absolute;
        left: 14%;
    }

    .Mobile-Screen-Referral-Section .mt50 {
        padding-top: 20px;
    }

    .mt50 .Get-App-Button {
        /*  height: 24px;
        width: 90px;
        font-size: 10px;*/
    }


    /*Advertise With use*/


    .sub-title h2 {
        font-size: 16px;
        margin-top: 10px;
        color: #2f2f2f;
        line-height: normal;
    }

    .career-form-container .Career-FormImage {
        height: auto;
        width: 100%;
        border-radius: 30px !important;
    }

    .Mobile-Screen-Advertise-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 214%;
        right: 25px;
        rotate: 218deg;
        z-index: -1;
    }

    /*code of conduct*/
    .videomaskingimage-codeofconduct {
        height: auto;
        width: 100%;
        position: absolute;
        top: 155px !important;
        right: -7px;
    }

    .code-of-conduct-star1, .code-of-conduct-star2 {
        display: none;
    }

    .MobileCode-of-Conduct {
        padding-bottom: 30px;
    }

    .code-of-conduct-title {
        font-size: 16px;
    }

    .code-of-conduct-detail .animate-charcter {
        font-size: 18px;
        margin-top: 10px;
    }

    .code-of-conduct-detail p {
        font-size: 12.5px;
        line-height: normal;
    }

    .code-of-conduct-detail .mycolor {
        font-weight: bold;
        font-size: 14px !important;
        padding-bottom: 10px;
    }

    /*Terms and Condition page*/
    .privacy-banner {
        background-image: url(../images/new-website/MobileScreensImages/MobileRectanglePinkBgWithShapepng.svg);
        background-repeat: no-repeat;
        padding: 85px 0px;
        background-size: cover;
    }

        .privacy-banner h1 {
            text-align: center !important;
            justify-content: center !important;
            padding-top: 45px;
        }

    .Terms-Condition h3 {
        font-family: Nunito !important;
        font-size: 18px;
    }

    .privacy-terms-shape1,
    .privacy-terms-shape2,
    .privacy-terms-shape3 {
        display: none;
    }

    .Terms-Condition {
        padding-top: 15px;
    }

    /*Privacy Page*/
    .Privacy-Section h3 {
        font-family: Nunito !important;
        font-size: 18px;
    }

    /*Partner With us*/
    .Partnerwithus-videomaskingimage {
        height: auto;
        width: 100%;
        position: absolute;
        top: 248px;
        right: -7px;
    }

    .Get-onboard {
        padding-top: 30px;
        background-color: #fff;
        border-radius: 20px;
        padding: 20px;
        margin-top: 0px !important;
        z-index: 10;
        /*        width: 90%;*/
        position: relative;
    }

    .partner-withus-box h1 {
        font-size: 25px;
        text-align: left;
    }

    .partner-withus-box h2 {
        font-size: 22px;
        color: #2f2f2f;
        font-family: 'PTSans-Bold';
        font-weight: bold;
    }

    .partner-withus-box .samll-content {
        font-family: 'Nunito-Regular';
        font-size: 18px;
        padding-top: 10px;
    }

    .text {
        font-size: 15px;
        color: #2f2f2f;
        padding-top: 10px;
    }

    .icon img {
        width: 25px;
        height: 25px;
        /* padding-top: 10px; */
        object-fit: contain;
    }

    .icon {
        width: 40px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .Partner-Withus-list-section {
        padding-left: 0px;
    }

    .partner-withus-content {
        padding: 0px 0px;
    }

    .partner-withus-star1-top {
        display: none;
    }

    .partner-withus-star1-bottom {
        display: none;
    }

    .get-you-onboard {
        background-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        background-size: cover;
        background-position: top;
        padding-bottom: 70px;
        padding-top: 70px;
        background-repeat: no-repeat;
    }

    .why-partner-section h1 {
        font-size: 25px;
        color: #2f2f2f;
        text-align: left;
    }

    .why-partner-section {
        background-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png) !important;
        position: relative;
        margin-top: -74px;
        padding-top: 36px;
        padding-bottom: 49px;
    }

    .Partner-with-us-card {
        background-color: transparent !important;
        border: 1px solid #BBBCB8;
        height: 125px;
        width: auto;
        border-radius: 30px;
        text-align: center;
        display: flex;
        padding: 15px;
        margin-top: 10px;
    }

    .mobile-screen-partnerwithus-image img {
        height: auto;
        width: 52.52px;
    }

    .mobile-screen-partnerwithus-image {
        height: auto;
        /*width: 40%;*/
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .font-weight-bold-title {
        font-size: 18px;
    }

    .mobile-screen-partnerwithus-content {
        display: flex;
        align-items: center;
    }

        .mobile-screen-partnerwithus-content .desktop {
            display: none;
        }

        .mobile-screen-partnerwithus-content .text-muted {
            font-size: 10px;
            text-align: left;
            padding-left: 16px;
            padding-top: 10px;
        }

        .mobile-screen-partnerwithus-content > div > .mt3 {
            margin-top: 0px !important;
        }

    .why-partner {
        margin-top: 0rem !important;
    }

    .success-stories {
        display: none;
    }

    .Mobile-Screen-Success-Stories {
        background-image: none !important;
        padding-bottom: 30px;
    }

        .Mobile-Screen-Success-Stories h1 {
            text-align: center;
        }

    .Mobile-Screen-Success-Stories-Image {
        border-radius: 30px;
    }

        .Mobile-Screen-Success-Stories-Image img {
            height: auto;
            width: 100%;
        }

    .Mobile-Screen-Success-Stories-Content {
        padding: 0px;
        /*border: 1px solid #d75880;*/
        border-radius: 30px;
    }

    .testimonials_section .Mobile-Screen-Success-Stories-Content .paragraph {
        font-weight: 600;
        line-height: normal;
        color: #2f2f2f !important;
        margin-bottom: -1px;
        padding: 15px 10px 5px;
        font-size: 13px;
        min-height: auto;
        text-align: left;
    }

    .Mobile-Screen-Success-Stories-Content p {
        padding: 0px 10px 0px;
    }


    .Mobile-Screen-Success-Stories-Content h3 {
        padding: 15px 10px 0px;
    }

    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        border-radius: 23px 23px 0px 0px;
    }

    .card-text img {
        height: auto;
        width: 30px !important;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3px;
    }


    .Mobile-Screen-Success-Stories-Item {
        margin-top: 30px;
    }

        .Mobile-Screen-Success-Stories-Item .owl-dots {
            position: absolute;
            top: 93%;
            left: 50%;
            transform: translateX(-50%);
        }

    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: block !important;
    }

    /*ContactUs*/
    .Desktop-ContactUs-Section {
        display: none;
    }

    .Mobile-Screens-Contact-Section {
        background-image: url(../images/new-website/MobileScreensImages/MobileContactusBg.png);
        background-size: cover;
        padding: 40px 0px;
    }

    .Mobile-Contact-Section-Main-title {
        color: #2f2f2f;
        font-family: 'PTSans-Bold';
        font-size: 21px;
        font-weight: bold;
    }

    .Mobile-Contact-Section-content p {
        font-size: 12px;
        margin-top: 5px;
    }

    .Mobile-Contact-Section-content span {
        color: #d75880;
        font-weight: bold;
    }

    .Mobile-Contact-Section-content a {
        color: #d75880;
        font-weight: bold;
    }

    .Mobile-Contact-Section-Image img {
        height: auto;
        width: 100%;
    }

    .Mobile-Contact-Section-Main-title .Mobile-Contact-Section-underline {
        position: absolute;
        width: 86px;
        left: 44%;
        top: 138.5%;
    }

    .Mobile-Contact-Section-Form {
        margin-top: 30px;
    }

    .Mobile-Contact-Section-FormCard {
        background-color: #fff;
        border-radius: 30px;
        padding: 15px;
        margin-top: 20px;
    }

        .Mobile-Contact-Section-FormCard .Get-App-Button {
            height: 30px;
            width: 90px;
            font-size: 12px;
        }

    .Mobile-get-our-app-content .icon {
        height: 40px !important;
        width: 40px !important;
        background-color: #fbeef5;
        border-radius: 50%;
        text-align: center;
    }

    .Mobile-get-our-app-content .get-our-app-text h2 {
        color: #2f2f2f;
        font-weight: 600;
        font-size: 13px;
    }

    .Contact-us-GetOur-App-Bg {
        background-image: none;
        height: auto;
        background-size:;
        padding-top: 30px;
    }

    .Mobile-app-bottom-content {
        padding-top: 20px;
        justify-content: start;
        padding-left: 0px;
        padding-bottom: 20px;
    }

        .Mobile-app-bottom-content .play-app-store {
            padding: 0px;
        }

    .mobile-qrcode {
        display: none;
    }

    .play-app-store {
        padding-left: 0px;
        display: flex;
        gap: 5px;
    }

    .store-bottom-text {
        font-size: 16px;
        font-weight: bold;
        color: #848A9A;
        text-align: center;
    }

    .faq-drawer__content .faq-content {
        /* padding-left: 38px; */
        font-family: 'Nunito-Regular';
        font-size: 14px;
        padding: 9px 21px;
    }

    .store-top-text {
        font-size: 12px;
        font-weight: normal;
        color: #848A9A;
    }

    .store img {
        height: 28px;
        width: auto;
    }

    .store {
        height: auto;
        width: auto;
        border: 1px solid #848A9A;
        border-radius: 14px;
        margin-bottom: 5px;
        display: flex;
        align-items: center;
        padding: 4px 10px;
    }

    .Mobile-Screen-Get-Our-App-Mobile-Image img {
        height: auto;
        width: 100%;
    }

    .Desktop-NewsLetter {
        display: none;
    }

    .Mobile-Screen-Dog-Nose-Image {
        position: relative;
        margin-top: -49px;
    }

        .Mobile-Screen-Dog-Nose-Image img {
            width: 100%;
        }

    .Mobile-News-Letter-Contact-usPage {
        background-color: #d75880;
        height: auto;
        width: 100%;
        position: relative;
        margin-top: -49px;
        z-index: -999;
        padding-bottom: 40px;
    }

        .Mobile-News-Letter-Contact-usPage .breed-subtitle {
            margin-top: 0px;
        }

        .Mobile-News-Letter-Contact-usPage h1 {
            text-align: left;
            font-size: 25px;
        }

        .Mobile-News-Letter-Contact-usPage h2 {
            font-size: 14px;
            padding-top: 5px;
        }

    .email-input {
        padding-top: 10px;
    }

    .email-input-mobile input[type="email"] {
        width: 80% !important;
        padding: 8px;
        border-radius: 10px;
        border: 2px solid #fff;
        font-size: 15px;
        font-weight: bold;
    }

    .Mobile-News-Letter-Contact-usPage .subscribe-button {
        padding-top: 10px;
    }

    /*Services Pages*/

    .Service-Page-Title {
        padding-top: 90px;
    }

    .Service-Section2 {
        background-image: url(../images/new-website/MobileScreensImages/ServicePageBgMobile.png);
        padding: 35px 0px 0px;
        background-position: top;
        background-size: cover;
    }

    .bg-transparent {
        background-color: transparent;
    }

    .Service-Section2 .owl-stage-outer {
        background-color: transparent;
    }

    .Service-Section2 .pt-30 {
        padding-top: 0px;
    }

    .Service-Section2 h1 {
        text-align: left !important;
    }

    .Service-Section2 .owl-carousel {
        width: auto;
    }

    .Service-Section2 .card-2 {
        border-radius: 23px;
        width: 95%;
    }

    .Desktop-Service {
        display: none;
    }

    .Mobile-Screen-Service-Section-container .owl-dots {
        position: absolute;
        top: 77%;
        left: 50%;
        transform: translateX(-50%);
        display: none;
    }

    .Mobile-Screen-Veterinary-Section-container .veterinary-section h1 {
        text-align: left !important;
    }

    .Mobile-Screen-Veterinary-Section-container .Diagnostic-card {
        border: 3px solid #BBBCB8;
    }

    .inner {
        padding-left: 0px !important;
        text-align: left !important;
    }

        .inner span {
            font-size: 15px;
            color: #d75880;
            font-weight: bold;
        }

        .inner p {
            font-size: 14px;
        }

    .Veterinary-image {
        width: 100%;
        border-radius: 30px;
        border-right: 6px solid #d75880 !important;
        border-bottom: 6px solid #d75880 !important;
    }

    .veterinary-section-shape1,
    .veterinary-section-shape2,
    .veterinary-section-shape3,
    .veterinary-section-shape4,
    .veterinary-section-shape5 {
        display: none;
    }

    .Sick-Pet-Care-Diagnostic-Services {
        padding-top: 30px;
    }

        .Sick-Pet-Care-Diagnostic-Services h1 {
            text-align: left;
        }

        .Sick-Pet-Care-Diagnostic-Services .text-container {
            display: none;
        }

        .Sick-Pet-Care-Diagnostic-Services .Diagnostic-card {
            min-height: auto;
            border: 1px solid #BBBCB8 !important;
            border-radius: 23px !important;
        }

        .Sick-Pet-Care-Diagnostic-Services .mycolor {
            font-size: 18px !important;
        }

        .Sick-Pet-Care-Diagnostic-Services .Get-App-Button {
            height: 30px;
            width: 90px;
            font-size: 12px;
        }



    .Service-Page-Before-Footer a {
        width: 153px !important;
    }

    .Service-Page-Before-Footer .desktop {
        display: none;
    }

    .Service-Page-Before-Footer .mobile {
        padding-top: 5px !important;
    }

    video::-webkit-media-controls {
        display: none !important;
        /* Hide Safari media controls */
    }

    video {
        pointer-events: none;
        /* Prevent user interaction with the video */
    }

    .Mobile-Benefits-Of-Pets-Card .owl-stage-outer {
        background: none;
    }

    .FAQ-Circle1,
    .FAQ-Circle2 {
        display: none;
    }

    .Questionmarkimage {
        display: none;
    }

    .FAQ-Section {
        background-image: url(../images/new-website/MobileScreensImages/FAQBg.png);
        padding: 40px 0px 0px;
        background-size: cover;
    }

    .heading-border-top button {
        margin-top: 13px;
    }

    .heading-border-top {
        padding-bottom: 30px;
        text-align: center;
        padding-top: 30px;
    }

    .FAQ-Category-Name {
        font-size: 17px;
        padding-left: 32px;
    }

    .FAQ-Category-Icon img {
        height: auto;
        width: 74%;
    }

    .FAQ-Category-Card {
        background-color: transparent;
        color: #2f2f2f !important;
        padding: 12px 15px;
        border-radius: 20px !important;
        border: 2px solid #848A9A !important;
    }

    .tab-content {
        padding-top: 30px;
    }

    .faq-drawer__title {
        cursor: pointer;
        display: block;
        font-size: 15px !important;
        font-weight: 700;
        padding: 5px 15px 11px 35px;
        margin-bottom: 0;
        color: #2f2f2f;
        transition: color 0.3s ease-in-out;
        position: relative;
    }

    .faq-drawer .faq-drawer__title::after {
        content: "";
        border-style: solid;
        border-width: 2px 2px 0 0;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 10%;
        transform: rotate(135deg) translateY(-50%);
        transition: transform 0.3s ease-in-out;
        height: 12px;
        width: 12px;
        color: #d75880;
    }

    .faq-drawer__content {
        background-color: #fff;
    }

    .heading-border-top h1 {
        text-align: left;
    }

    .heading-border-top {
        text-align: left;
    }

        .heading-border-top:before {
            border-top: 3px solid #d75880;
            content: "";
            display: block;
            height: 1px;
            left: 50%;
            margin-left: -30px;
            position: absolute;
            top: 0;
            width: 60px;
            position: relative;
            padding-bottom: 20px;
        }

        .heading-border-top button {
            /*  height: 30px;
        width: 90px;
        font-size: 12px;*/
        }


    /*footer*/

    .footer-logo img {
        width: 180px;
        height: auto;
    }

    .get-fromplaystore img {
        height: 40%;
        width: 40%;
    }

    .Desktop-Footer-menu {
        display: none;
    }

    .Footer-Icon {
        justify-content: center;
        margin-top: 20px;
        display: flex;
    }

    .Internal-Cat-Breed {
        padding: 90px 0px 20px;
    }

    .search-box {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0px;
    }

    .search {
        width: 100%;
        padding: 9px;
    }

    .popularbreed-imageshape2, .popularbreed-imageshape1 {
        display: none;
    }

    .breed-table {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-bottom: 6px !important;
        font-size: 13px;
        margin: 0px;
    }

        .breed-table li {
            list-style: none;
            /*margin: 5px;*/
            font-size: 20px;
            font-weight: 600;
            cursor: pointer;
        }

            .breed-table li a {
                color: #848A9A;
                text-decoration: none;
                font-size: 17px;
                line-height: 0;
            }

    .contact-us-form .search-icon {
        left: 8%;
        position: absolute;
        z-index: 2;
        display: block;
        width: 2.375rem;
        height: 2.375rem;
        line-height: 2.375rem;
        text-align: center;
        pointer-events: none;
        color: #BBBCB8;
    }

    .Mobile-Popular-Breed {
        background-image: url(../images/new-website/MobileScreensImages/FAQBg.png);
        background-size: cover;
    }

    .breed-info {
        text-align: center;
        display: flex;
        grid-gap: 40px;
        padding-top: 0px;
    }

    .Weight-info img {
        height: auto;
        width: 40px;
    }

    .Height-info img {
        height: auto;
        width: 40px;
    }

    .Country-info img {
        height: auto;
        width: 36px;
    }

    .Breed-Detail {
        padding-bottom: 0px;
    }

    .Mobile-Popular-Breed-Detail {
        background-image: url(../images/new-website/MobileScreensImages/FAQBg.png);
        background-size: cover;
        padding-top: 20px;
        padding-bottom: 60px !important;
    }

    .Breed-Detail-Content {
        padding-top: 30px;
        background-color: #fff;
        border-radius: 20px;
        padding: 15px;
        margin-top: 30px;
        z-index: 10;
/*        width: 90%;*/
        /* position: relative; */
    }

    .Breed-Detail-left {
        padding-top: 0px !important;
    }

        .Breed-Detail-left .desktop {
            display: none;
        }

    .Explore {
        font-size: 18px;
    }

    .breedtabbing-content {
        margin-top: 20px;
    }

        .breedtabbing-content .tab-content {
            padding-top: 0px;
        }
    /*.tabbing-navlink img{
        display:none !important;
    }
    .tabbing-navlink:active img {
        display: none !important;
    }*/
    .breed-tabbing-text p {
        padding: 0px 20px 15px;
        line-height: normal;
        font-size: 14px;
    }

    .breeddetail-beforefooter {
        padding: 50px 0px 30px 20px;
        background-image: url(../images/new-website/MobileScreensImages/MobileRectanglePinkBgWithShapeTopCurve.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        margin-top: -40px;
    }

    .breeddetail-beforefooter {
        display: flex;
        align-items: center;
        height: auto;
    }

        .breeddetail-beforefooter .NewsLetter-Text .subtitile {
            text-align: left !important;
        }

    .breed-star1-top, .breed-detail-star1-bottom {
        display: none;
    }

    .breedname-underline {
        display: none;
    }

    .breedtabbing-content .nav-item {
        border-bottom: 0px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 375px) {
    .testywrap {
        margin-top: 20px;
    }
    .Desktop-ElementCodeofConduct::before {
        display: none;
    }

    .Desktop-ElementCodeofConduct::after {
        display: none;
    }
    .tab__btn {
        display: inline-block;
        color: var(--text-color);
        font-size: 1em;
        font-weight: 400;
        margin: 0 2px;
        padding: 0px 5px !important;
        border-radius: 10px;
        cursor: pointer;
        user-select: none;
        transition: background-color .3s ease;
    }

    .tabbing-navlink img {
        height: auto;
        width: 20px !important;
    }

    .Desktop-ElementBreedDetail::before {
        content: '';
        position: absolute;
        top: -6px;
        left: -10px;
        height: 40px;
        width: 40px;
        rotate: 20deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 1;
    }

    .Desktop-ElementBreedDetail::after {
        content: '';
        position: absolute;
        bottom: 38px;
        right: -15px;
        height: 40px;
        width: 40px;
        rotate: 164.95deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center bottom;
        background-size: contain;
        z-index: 0;
    }


    .Mobile-Element-CareerApply {
        position: relative;
        z-index: 4;
    }

        .Mobile-Element-CareerApply::after {
            content: '';
            position: absolute;
            bottom: -11px;
            right: -6px;
            height: 49.39px;
            width: 49.39px;
            rotate: 218deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
            background-size: contain;
            z-index: -1;
        }

    .Desktop-Partnerwithus-Element::before {
        content: '';
        position: absolute;
        top: -11px;
        left: -16px;
        height: 48px;
        width: 48px;
        rotate: -9deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 1;
    }

    .Desktop-Partnerwithus-Element::after {
        content: '';
        position: absolute;
        bottom: -42px;
        right: -53px;
        height: 48px;
        width: 48px;
        rotate: 51.53deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center bottom;
        background-size: contain;
        z-index: 0;
    }



    .Mobile-Elements-benefits {
        position: relative;
        z-index: 4;
    }

        .Mobile-Elements-benefits::before {
            content: '';
            position: absolute;
            top: 10px;
            left: -7px;
            height: 41px;
            width: 41px;
            rotate: -25.58deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
            background-size: contain;
            z-index: 0;
        }

        .Mobile-Elements-benefits::after {
            content: '';
            position: absolute;
            bottom: 43px;
            right: 14px;
            height: 46px;
            width: 46px;
            rotate: 138.42deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
            background-size: contain;
            z-index: -1;
        }

    .Mobile-Element-Howitwork-1 {
        position: relative;
        z-index: 4;
    }

        .Mobile-Element-Howitwork-1::before {
            content: '';
            position: absolute;
            top: -2px;
            left: -14px;
            height: 44.65px;
            width: 44.65px;
            rotate: 7deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star1.png) no-repeat center top;
            background-size: contain;
            z-index: 0;
        }

        .Mobile-Element-Howitwork-1::after {
            content: '';
            position: absolute;
            bottom: 4px;
            right: -11px;
            height: 44.65px;
            width: 44.65px;
            rotate: -242deg;
            background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star1.png) no-repeat center top;
            background-size: contain;
            z-index: 0;
        }

    .testywrap::before {
        content: '';
        position: absolute;
        top: -14px;
        right: 8%;
        height: 55px;
        width: 55px;
        rotate: 148.48deg;
        background: url(https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png) no-repeat center top;
        background-size: contain;
        z-index: 0;
    }

    .testywrap::after {
        content: '';
        position: absolute;
        bottom: 40px;
        height: 55px;
        width: 55px;
        left: 12%;
        rotate: 144.48deg;
        background: url('https://demo.zumigo.pet/assets/images/new-website/Elements/star5.png') no-repeat center bottom;
        background-size: contain;
        z-index: -1;
    }




    .testimonials_quote {
        display: none;
    }

    .preloader img {
        height: auto;
        width: 80%;
    }

    .footer-alignment {
        display: flex;
        justify-content: center;
    }

    .Mobile-ContactUs-Button {
        display: flex;
        justify-content: center;
    }

    .copyright-content {
        font-size: 13px !important;
        text-align: center !important;
        margin-top: 10px;
    }

    .Desktop-how-itwork-star1,
    .Desktop-how-itwork-star2,
    .Desktop-Service-circle1,
    .Desktop-Service-circle2,
    .Desktop-Service-circle3,
    .Desktop-Service-circle4,
    .Desktop-benefits-star1,
    .Desktop-benefits-star2,
    .Dekstop-screen-Testimonial-Star-1,
    .Dekstop-screen-Testimonial-Star-2,
    .Desktop-veterinary-section-shape1,
    .Desktop-veterinary-section-shape2,
    .Desktop-veterinary-section-shape3,
    .Desktop-veterinary-section-shape4,
    .Desktop-partner-withus-star1,
    .Desktop-partner-withus-star2,
    .Desktop-Screen-CareerApply-Shape1,
    .Desktop-Screen-CareerApply-Shape2,
    .Desktop-refferal-cricle-1,
    .Desktop-refferal-cricle-2,
    .Desktop-FAQ-Circle1,
    .Desktop-FAQ-Circle2,
    .Desktop-CodeofConduct-Star1,
    .Desktop-CodeofConduct-Star2,
    .Desktop-privacy-terms-shape1,
    .Desktop-privacy-terms-shape2,
    .Desktop-privacy-terms-shape3,
    .Desktop-contact-us-star1-top,
    .Desktop-contact-us-star1-bottom,
    .Desktop-BreedList-Shape1,
    .Desktop-BreedList-Shape2,
    .Desktop-breed-star1,
    .Desktop-breed-star2,
    .Desktop-veterinary-section-shape5 {
        display: none;
    }

    .career-form-container {
        background-color: #ffffff;
        border-radius: 30px;
        height: auto;
        width: 95%;
        margin-top: 30px;
        margin-right: auto;
        margin-left: auto;
    }

    .Breed-List-Section {
        padding-bottom: 15px;
    }
    /*Mobile-Elements-Start*/
    .OurValues {
        position: relative;
        padding-bottom: 40px !important;
    }

    .code-of-conduct-detail {
        background-color: white;
        border-radius: 30px;
        padding: 30px;
        margin-top: 30px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }


    .Mobile-Screen-Blogs-Section {
        position: relative;
        padding-top: 20px;
    }

    .blog-section, .career-form, .get-you-onboard, .Mobile-FAQ, .code-of-conduct-section, .Breed-List-Section, .Internal-Cat-Breed, .Mobile-screen-How-it-Work, .Breed-Detail-Content {
        position: relative;
    }


    .Border-class {
        border: 1px solid #d75880;
        border-radius: 0px 0px 33px 33px;
        padding-bottom: 30px;
        position: relative;
        margin-top: -2px;
        z-index: -1;
    }

    .Mobile-Screens-Contact-Section-GenralInformation {
        position: relative;
    }

    .Contact-us-GetOur-App-Bg {
        position: relative;
    }

    .Mobile-screen-How-it-Work-Cards-star1 {
        height: auto;
        width: 44.65px;
        position: absolute;
        /* z-index: -1; */
        left: 5.2px;
        rotate: 7deg;
        top: 45px;
        z-index: 1;
    }

    .Mobile-screen-How-it-Work-Cards-star2 {
        height: auto;
        width: 36.65px;
        position: absolute;
        /* z-index: -1; */
        right: 20px;
        rotate: 34.16deg;
        top: 92.1%;
    }

    .Mobile-screen-Service-Circle-1 {
        position: absolute;
        height: auto;
        width: 33px;
        right: -38.9px;
        rotate: 187.27deg;
        top: 88%;
    }

    .Mobile-screen-Service-Circle-2 {
        position: absolute;
        height: auto;
        width: 37px;
        left: -40px;
        rotate: 6.14deg;
        top: 87%;
    }

    .Mobile-screen-Benefits-Star-1 {
        position: absolute;
        height: auto;
        width: 41px;
        rotate: -25.58deg;
        top: 18.2%;
        left: 15px;
    }

    .Mobile-screen-Benefits-Star-2 {
        position: absolute;
        height: auto;
        width: 46px;
        rotate: 138.42deg;
        top: 79.4%;
        right: 41px;
    }

    .Mobile-screen-Testimonial-Star-1 {
        position: absolute;
        height: auto;
        width: 55px;
        top: 30.8%;
        right: 13%;
        rotate: 147deg;
    }

    .Mobile-screen-Testimonial-Star-2 {
        position: absolute;
        height: auto;
        width: 55px;
        top: 75.2%;
        rotate: 142deg;
        left: 10%;
    }

    .Mobile-Screen-Our-Values-Star1 {
        position: absolute;
        height: auto;
        width: 60px;
        right: -45px;
        rotate: -302.25deg;
    }

    .Mobile-Screen-Our-Values-Star2 {
        position: absolute;
        height: auto;
        width: 53px;
        rotate: 49.75deg;
        left: -39px;
        top: 91%;
    }

    .Mobile-Screen-Blogs-Shape1 {
        height: auto;
        width: 50px;
        right: -28px;
        top: 0px;
        position: absolute;
    }

    .Mobile-Screen-Blogs-Star1 {
        position: absolute;
        height: auto;
        width: 54px;
        right: -39.8px;
        top: 35%;
        rotate: 56.75deg;
    }

    .Mobile-Screen-Blogs-Shape2 {
        position: absolute;
        height: auto;
        width: 40px;
        bottom: 4%;
        rotate: -183deg;
        left: -21px;
    }

    .Mobile-Screen-Blogs-Star2 {
        position: absolute;
        height: auto;
        width: 47px;
        top: 59%;
        rotate: 50.71deg;
        left: -35px;
    }

    .Mobile-Screen-BlogDetail-Star1 {
        position: absolute;
        height: auto;
        width: 47.27px;
        rotate: 342deg;
        left: 95.5%;
        top: 16%;
    }

    .Mobile-Screen-BlogDetail-Star2 {
        position: absolute;
        height: auto;
        width: 68.37px;
        rotate: 209.05deg;
        top: 33%;
        right: 97%;
    }

    .Mobile-Screen-BlogDetail-Star3 {
        position: absolute;
        height: auto;
        width: 68.37px;
        rotate: 209.05deg;
        top: 57%;
        left: 96.5%;
    }

    .Mobile-Screen-BlogDetail-Star4 {
        position: absolute;
        height: auto;
        width: 66px;
        rotate: 240.38deg;
        left: -49px;
        bottom: 1%;
    }

    .Mobile-Screen-Advertise-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 89.5%;
        right: 15px;
        rotate: 218deg;
        z-index: -1;
    }

    .Mobile-Screen-CareerApply-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 90.5%;
        right: 15px;
        rotate: 218deg;
        z-index: -1;
    }


    .Mobile-Screen-career-form-shape1 {
        position: absolute;
        height: auto !important;
        width: 60px !important;
        right: 97.2%;
        rotate: 163deg;
        top: 54%;
    }

    .Mobile-Screen-career-form-shape2 {
        position: absolute;
        height: auto;
        width: 77px;
        left: 95%;
        top: -56px;
        rotate: 269deg;
    }

    .Mobile-Screen-PartnerWithUs-Star1 {
        position: absolute;
        height: auto;
        width: 48px;
        top: 10.9%;
        left: 6px;
        rotate: 7deg;
    }

    .Mobile-Screen-PartnerWithUs-Star2 {
        position: absolute;
        height: auto;
        width: 47px;
        right: -36px;
        bottom: 65px;
        rotate: 50deg;
    }

    .Mobile-Screen-Contact-Shape1 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -43px;
        top: 10%;
    }

    .Mobile-Screen-Contact-Star1 {
        position: absolute;
        height: auto;
        width: 77px;
        rotate: -474deg;
        right: -61px;
        top: 10%;
    }

    .Mobile-Screen-Contact-Star2 {
        position: absolute;
        height: auto;
        width: 73px;
        bottom: 14%;
        rotate: 161deg;
        left: -45px;
    }

    .Mobile-Screen-FAQ-Circle1 {
        position: absolute;
        height: auto;
        width: 50px;
        top: 5.5%;
        left: -25px;
    }

    .Mobile-Screen-FAQ-Circle2 {
        position: absolute;
        width: 84px;
        right: -62px;
        bottom: 10.5%;
        rotate: 138deg;
    }

    .Mobile-Screen-CodeofConduct-Star1 {
        position: absolute;
        height: auto;
        width: 44px;
        z-index: -1;
        left: 7px;
        top: 19.5px;
        rotate: 0deg;
    }

    .Mobile-Screen-CodeofConduct-Star2 {
        position: absolute;
        height: auto;
        width: 50px;
        right: -36px;
        top: 29%;
        rotate: -46deg;
    }

    .Mobile-Screen-CodeofConduct-Star3 {
        position: absolute;
        height: auto;
        width: 50px;
        bottom: 38%;
        left: -38px;
        rotate: 242deg;
    }

    .Mobile-Screen-CodeofConduct-Star4 {
        position: absolute;
        height: auto;
        width: 50px;
        right: -36px;
        bottom: 9%;
        rotate: -46deg;
    }

    .Mobile-Screen-privacy-terms-shape1 {
        position: absolute;
        height: auto;
        width: 31px;
        rotate: 105deg;
        left: -17px;
    }

    .Mobile-Screen-privacy-terms-shape2 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 11.5%;
    }

    .Mobile-Screen-privacy-terms-shape3 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 38.5%;
    }

    .Mobile-Screen-privacy-terms-shape4 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 64.5%;
    }

    .Mobile-Screen-privacy-terms-shape5 {
        position: absolute;
        height: auto;
        width: 40px;
        right: -20px;
        top: 85%;
    }

    .Mobile-Screen-privacy-terms-shape6 {
        position: absolute;
        height: auto;
        width: 40px;
        left: -20px;
        bottom: 7px;
        rotate: -191deg;
    }

    .Mobile-Screen-Breed-Shape1 {
        position: absolute;
        height: auto;
        width: 33px;
        right: -18px;
        rotate: -93deg;
    }

    .Mobile-Screen-BreedList-Shape1 {
        position: absolute;
        height: auto;
        width: 50px;
        left: -27px;
        bottom: 1%;
        rotate: 92deg;
    }

    .Mobile-Screen-breedDetail-Star1 {
        position: absolute;
        height: auto;
        width: 40px;
        rotate: 33deg;
        top: 40px;
        left: 12px;
    }

    .Mobile-Screen-breedDetail-Star2 {
        position: absolute;
        height: auto;
        width: 50px;
        right: 9px;
        bottom: 83px;
        rotate: 37deg;
    }
    /*Mobile-Elements-End*/




    /* create the paw prints */
    .pad {
        width: 25px;
        height: 27px;
        background-color: #84899a;
        -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
        border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
        display: block;
        position: absolute;
    }

    .large {
        width: 45px;
        height: 55px;
        transform: rotate(91deg);
        left: 94px;
        top: 50px;
    }

    .small-1 {
        transform: rotate(50deg);
        left: 127px;
        top: 28px;
    }

    .small-2 {
        transform: rotate(65deg);
        left: 149px;
        top: 50px;
    }

    .small-3 {
        transform: rotate(98deg);
        position: absolute;
        left: 148px;
        top: 82px;
    }

    .small-4 {
        transform: rotate(140deg);
        position: absolute;
        left: 123px;
        top: 103px;
    }

    /* position and animate */

    .paw-print-1 {
        opacity: 0;
        position: absolute;
        left: -90px;
        top: 96%;
        transform: rotate(-40deg);
        -webkit-animation: walk 3s linear infinite;
        animation: /*keyframe*/ walk /*duration*/ 3s /*transition*/ linear /*repeat*/ infinite;
    }

    .paw-print-2 {
        opacity: 0;
        left: -49px;
        top: 78%;
        transform: rotate(-53deg);
        -webkit-animation: walk 3s linear infinite 0.25s;
        animation: walk 3s linear infinite /*delay*/ 0.25s;
    }

    .paw-print-3 {
        opacity: 0;
        position: absolute;
        left: 78px;
        top: 64%;
        transform: rotate(-56deg);
        -webkit-animation: walk 3s linear infinite 0.5s;
        animation: walk 3s linear infinite 0.5s;
    }

    .paw-print-4 {
        opacity: 0;
        position: absolute;
        left: 30px;
        top: 38%;
        transform: rotate(-49deg);
        -webkit-animation: walk 3s linear infinite 0.75s;
        animation: walk 3s linear infinite 0.75s;
    }

    .paw-print-5 {
        opacity: 0;
        position: absolute;
        left: 142px;
        top: 9%;
        transform: rotate(-23deg);
        -webkit-animation: walk 3s linear infinite 1s;
        animation: walk 3s linear infinite 1s;
    }

    .paw-print-6 {
        opacity: 0;
        position: absolute;
        left: 750px;
        top: 200px;
        transform: rotate(10deg);
        -webkit-animation: walk 3s linear infinite 1.25s;
        animation: walk 3s linear infinite 1.25s;
    }

    .paw-print-7 {
        opacity: 0;
        position: absolute;
        left: 950px;
        top: 50px;
        transform: rotate(20deg);
        -webkit-animation: walk 3s linear infinite 1.5s;
        animation: walk 3s linear infinite 1.5s;
    }

    .paw-print-8 {
        opacity: 0;
        position: absolute;
        left: 1025px;
        top: 250px;
        transform: rotate(10deg);
        -webkit-animation: walk 3s linear infinite 1.75s;
        animation: walk 3s linear infinite 1.75s;
    }

    .Mobile-Menu-Button {
        display: none;
    }

    .Desktop-FAQ, .advertise-dekstop {
        display: none;
    }

    .Main-Accordian-Body {
        padding: 10px 0px 0px 10px;
    }

    .Sub-Accordian-Text {
        font-size: 16px !important;
    }

    .Get-Our-App-Content-Right {
        padding-top: 0px;
    }

    .menu-button-mobile {
        margin-left: 16px;
    }

    .breed-tabbing-desktop {
        display: none;
    }
    /*S-Mobile*/
    .container {
        max-width: 95%;
        /*padding:0px;*/
    }

    .Service-Page-Before-Footer {
        /* background-image: url(../images/new-website/ServiceBeforeFooterImage.png); */
        background-size: cover;
        background-repeat: no-repeat;
        padding: 30px 0px 30px;
        background-color: #d75880 !important;
        position: relative;
        margin-top: -39px;
    }

        .Service-Page-Before-Footer .btnx {
            padding-top: 20px;
        }

    .accordion-item {
        background-color: transparent;
        border: none;
    }

    .Philosophy-Main-Div1 .desktop {
        display: none;
    }

    .career-form-container .Career-FormImage {
        height: auto;
        width: 100%;
        border-radius: 30px !important;
    }

    .service-circle-2 {
        display: none;
    }

    .service-circle-4 {
        display: none;
    }

    header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10;
        background-color: #D9D9D9;
        transition: background-color 0.3s ease;
    }

    .logo {
        display: none;
    }

    .mobilelogo img {
        width: 140px;
        height: auto;
        object-fit: cover;
    }

    header.sticky {
        background-color: #D9D9D9;
    }

    .content {
        display: none;
    }

    .mobilelogo {
        display: inherit;
    }

    .navbar-toggler {
        border: none;
    }

    .navbar-toggler-icon {
        background-color: transparent !important;
        width: 1.5em;
        height: 1em;
        font-size: 25px;
    }


    .navbar-collapse.show {
        background-color: transparent;
        padding: 14px;
        color: #84899a;
    }

    .navbar-nav {
        justify-content: space-evenly;
        font-family: 'Nunito-Regular';
        font-size: 20px;
        color: white;
        font-weight: bold;
        gap: 0px;
        padding-left: 0px;
    }

    .nav-item {
        border-bottom: 0;
    }

    .btnlnktitle {
        text-align: center;
    }

    .btnlnk {
        color: #2f2f2f;
        text-align: center;
    }

    .Get-App-Button1 {
        padding: 5px 16px 5px;
        border-radius: 30px;
        width: auto;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: 'Nunito-Regular';
        font-weight: bold;
        transition: background-color 0.3sease;
        font-size: 18px;
        float: right !important;
        margin-top: 10px;
    }

    img.Diagnostic-icon {
        height: auto;
        width: 59px !important;
    }

    .AboutUs-before-footer .join-our-team-samllcontent {
        font-size: 14px !important;
    }

    .mr-auto .mycolor {
        /*color: #d65880;*/
        font-size: 18px;
        /*padding-left: 14px;*/
    }


    .white-button {
        padding: 7px 19px;
        border-radius: 30px;
        width: auto;
        background-color: #fff;
        color: #d75880;
        border: 1px solid #d75880;
        font-family: 'Nunito-Regular';
        font-weight: bold;
        font-size: 13px;
    }

    .pink-button {
        padding: 7px 19px;
        border-radius: 30px;
        width: auto;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: 'Nunito-Regular';
        font-weight: bold;
        font-size: 13px;
    }

    .philoshopy-button-div {
        text-align: left;
    }

    .video-banner {
        height: 430px;
    }

    #myvideo {
        right: 0;
        max-width: 142%;
        max-height: 100%;
        object-fit: cover;
        z-index: -1;
        /*margin-top: 70px;*/
        object-position: center center;
        width: 78vw;
        height: 119vh;
        object-fit: cover;
    }

    .Mobile-screen-banner-content {
        /*background-color:#d75880;*/
        background-image: url(../images/new-website/MobileScreensImages/MobileRectanglePinkBgWithShape.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: auto;
        padding: 10px 0px 40px 0px;
    }

    .Mobile-screen-banner-content-Main-title {
        color: white;
        font-family: 'PTSans-Bold';
        font-size: 21px;
        font-weight: bold;
    }

    .Mobile-screen-banner-content-sub-title {
        color: white;
        font-family: 'Nunito-Regular';
        font-size: 14px;
        margin-bottom: 10px;
    }

    .How-itwork-desktop {
        display: none;
    }

    .Mobile-screen-How-it-Work {
        background-image: url(../images/new-website/MobileScreensImages/HowItWorkBg.png);
        background-size: cover;
        background-repeat: no-repeat;
        padding-bottom: 30px;
    }

    .Mobile-screen-How-it-Work-title {
        font-family: 'PTSans-Bold';
        text-align: left;
        color: #2f2f2f;
        font-weight: bold;
        font-size: 25px;
    }

    .Mobile-screen-How-it-Work-Card {
        height: auto;
        border-radius: 20px;
        width: 100%;
        background-color: #fff;
        padding: 0px 40px 20px;
        text-align: center;
        margin-top: 10px;
        z-index: 3
    }

    .btnlnktitle {
        text-align: center;
    }

    .btnlnk {
        color: #2f2f2f;
        text-align: center;
    }

    .Mobile-screen-How-it-Work-Card {
        padding: 0px 16px 20px;
        text-align: center;
        margin-top: 10px;
        z-index: 3;
        position: relative;
    }

        .Mobile-screen-How-it-Work-Card img {
            height: auto;
            width: 205px;
        }

    .Mobile-screen-How-it-Work-Card-Content-Main-title {
        font-size: 15.5px;
        font-weight: bold;
        text-align: left;
        padding-top: 17px;
    }

    .Mobile-screen-How-it-Work-Card-Content-sub-title {
        font-size: 13.8px;
        text-align: left;
    }

    .Mobile-screen-How-it-Work-Card .number1 {
        max-width: 40px;
        height: 40px;
        min-width: 0px;
        position: relative;
        top: 45px;
    }

    .Service-Desktop {
        display: none;
    }

    .Mobile-Screen-Service-Section {
        padding: 10px 0px 30px
    }

    .Mobile-Screen-Service-Section-Title {
        font-family: 'PTSans-Bold';
        text-align: left;
        color: #2f2f2f;
        font-weight: bold;
        font-size: 25px;
    }

    .Mobile-Screen-Service-Section-subTitle {
        font-size: 14.5px;
        font-weight: 300;
        color: #BBBCB8;
    }

    .Diagnostic-card {
        width: auto !important;
        height: auto !important;
        background-image: none;
        border: none !important;
        padding: 16px;
        border-radius: 0px !important;
    }

    .Mobile-Screen-Service-Section-cards {
        padding-top: 8px;
    }

    .Mobile-screen-Service-Section-card {
        display: inline-block;
        position: relative;
        border-radius: 20px;
        border: 1px solid #84899a;
        height: auto;
        width: 100%;
        margin-top: 10px;
    }


    .card-text-wrapper {
        /* position: absolute; */
        bottom: 0;
        /* width: 100%; */
        padding: 10px;
        box-sizing: border-box;
    }

    .mr-auto p.card-text {
        padding: 0px 10px 0px 0px;
        line-height: normal;
        font-size: 15px;
    }

    .mr-auto div.card-text {
        padding: 0px 10px 0px 0px;
        line-height: normal;
        font-size: 15px;
    }

    .card-text-wrapper .card-text {
        width: auto;
        height: auto;
        margin: 0px;
        background-color: transparent !important;
        color: #2f2f2f !important;
        border-radius: unset;
        border: none;
        padding: 0px 10px 10px 10px;
        margin-top: 0px;
    }

    .hide {
        display: none;
    }

    .show {
        display: block;
    }


    .Benefits-Desktop {
        display: none;
    }

    .Mobile-Benefits-Of-Pets-Service-Section {
        background-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 40px;
        padding-bottom: 0px;
    }

    .Mobile-Benefits-Of-Pets-Service-Section-Title {
        font-family: 'PTSans-Bold';
        text-align: left;
        color: #2f2f2f;
        font-weight: bold;
        font-size: 25px;
    }

    .Mobile-Benefits-Of-Pets-Service-Section-Title-Image {
        width: 50px;
        height: 50px;
        margin: auto;
        background-color: #fff;
        color: #d75880;
        border-radius: 29px;
        border: 7px solid #d75880;
        padding: 6px 6px;
        margin-top: -40px;
    }

        .Mobile-Benefits-Of-Pets-Service-Section-Title-Image img {
            height: auto;
            width: 25px;
        }

    .Mobile-Benefits-Of-Pets-Service-Section-Card {
        border: none;
        background-color: #d75880;
        min-height: 350px;
    }

    .Mobile-Benefits-Of-Pets-Card .owl-dots {
        display: none;
    }

    .Mobile-Benefits-Of-Pets-Card {
        padding-top: 15px;
        text-align: center;
    }

    .Mobile-Benefits-Of-Pets-Service-Section-Title-Text {
        padding: 0px 2px;
    }

        .Mobile-Benefits-Of-Pets-Service-Section-Title-Text .Bigger-text {
            color: #fff;
            text-align: left;
        }

        .Mobile-Benefits-Of-Pets-Service-Section-Title-Text .Small-text {
            color: #fff;
            font-size: 11px;
            text-align: left;
        }

    .carousel-item {
        transition: transform 0.5s ease-in-out;
    }

    .card-img-top.cardimage {
        transition: opacity 0.5s ease-in-out;
    }

    .card-body {
        transition: opacity 0.5s ease-in-out;
    }

    .zumigo_pass {
        padding-top: 20px;
    }

        .zumigo_pass h1 {
            font-family: 'PTSans-Bold';
            text-align: left;
            color: #2f2f2f;
            font-weight: bold;
            font-size: 25px;
        }

        .zumigo_pass h5 {
            font-size: 16px !important;
            text-align: left !important;
            padding-top: 5px !important;
            padding-left: 0px !important;
            color: #BBBCB8;
        }

    .zumigo_pass-row {
        padding-top: 20px;
    }


    .zumigo_pass h2 {
        display: none;
    }

    .Zumigo-Pass-content {
        border: 1px solid #BBBCB7;
        border-radius: 30px;
        padding: 0px 23px 10px;
        margin-top: 10px;
    }

        .Zumigo-Pass-content img {
            height: auto;
            width: 140px;
        }

    .zumigo_pass h3 {
        font-family: 'Nunito-Regular';
        font-weight: bold !important;
        font-size: 15px !important;
        padding: 0px !important;
        text-align: left;
        margin-top: 10px;
    }

    .zumigo_pass p {
        font-family: 'Nunito-Regular';
        color: #848999;
        line-height: normal !important;
        font-weight: bold;
        margin-top: 5px !important;
        font-size: 11.3px !important;
        padding: 0 !important;
        text-align: left;
    }

    .getpass {
        padding-top: 15px;
        text-align: left;
    }

        .getpass button {
            /* height: 30px;
        width: 90px;
        font-size: 12px;*/
        }

    .testimonials_section h1 {
        text-align: left;
        color: #2f2f2f;
        font-weight: bold;
        font-size: 25px;
    }

    .blod-detail-button {
        margin-top: 20px;
    }


    .testimonial-smallline {
        font-size: 12px;
    }

    .testimonial-subtitle {
        font-size: 22px !important;
    }

    .testimoanil-underline {
        position: relative;
        bottom: 8px !important;
        left: 24% !important;
    }

        .testimoanil-underline img {
            height: auto;
            width: 140px;
        }

    .testimonials_section .testimonials_content .paragraph {
        font-weight: 600;
        line-height: normal;
        color: #d75880 !important;
        margin-bottom: -1px;
        padding: 0px 0px 10px;
        font-size: 16px;
        min-height: auto;
        text-align: left;
    }

    .testimonials_section {
        background-image: url(../images/new-website/BackgroundImageGetOurAppGrey.png);
        background-size: cover;
        padding: 50px 0px 20px;
    }

    .testimonials_content {
        width: auto;
        padding: 14px 30px 35px 30px;
        text-align: center;
    }

    .career-form-container .Career-FormImage {
        height: auto;
        width: 100%;
        border-radius: 30px !important;
    }

    .testimonials_content h3 {
        text-align: left;
        font-size: 18px !important;
        color: #8B909F !important;
    }

    .testimonials_content p {
        text-align: left;
        color: #8B909F !important;
        font-size: 13px;
    }

    .owl-dots {
        position: absolute;
        top: 63%;
        left: 50%;
        transform: translateX(-50%);
    }

    .testimonail-star-image2 {
        position: absolute;
        height: auto;
        width: 54.75px;
        top: 35%;
        right: 17%;
        rotate: 148.48deg;
    }

    .testimonail-star-image1 {
        position: absolute;
        height: auto;
        width: 54.75px;
        top: 73.7%;
        left: 12%;
        rotate: 148.48deg;
    }



    /*Blog Page*/
    .blog-banner {
        background: url(../images/new-website/MobileScreensImages/BlogBannerBg.png);
        height: auto;
        padding-top: 90px;
        background-position: bottom;
        /*background-size: contain !important;*/
        padding-bottom: 0px;
        padding-bottom: 30px;
        background-size: cover;
    }

    .main-title h1 {
        text-align: left;
        font-size: 25px !important;
        justify-content: flex-start;
        display: flex;
        align-items: center;
    }

    .Blog .sub-title h2 {
        font-size: 16px;
        margin-top: 8px;
        color: #2f2f2f;
        line-height: normal;
    }

    .Blog .bottom-content {
        padding-top: 10px;
    }

    .Blog .advice-by {
        font-size: 20px;
        color: #2f2f2f;
        line-height: 10px;
        padding-top: 5px;
    }

    .advice-by-name {
        font-size: 20px;
    }

    .Blog .blog-image img {
        height: auto;
        width: 100%;
    }

    .Blog-Desktop {
        display: none;
    }

    .Mobile-Screen-Blog {
        border: 1px solid #BBBCB7;
        border-radius: 20px;
        height: auto;
        padding: 10px;
        display: flex;
        align-items: center;
        margin-top: 10px;
    }

    .bolgs {
        padding: 20px 0px;
    }

    .loadbtn {
        text-align: center;
        padding-bottom: 20px;
    }

        .loadbtn .Get-App-Button {
            width: 90px;
            height: 24px;
            font-size: 10px;
        }

    .Mobile-Screen-Blog img {
        height: 60px;
        width: 60px;
        border-radius: 50%;
    }

    .Mobile-Screen-Blog p {
        font-size: 16px;
        font-weight: bold;
    }

    .Mobile-Screen-Blog-Shape1 {
        height: 42.33px;
        width: 42.33px;
        position: relative;
        left: 101%;
        rotate: 1.3deg;
        top: -3%;
    }

    .Mobile-Screen-Blog-Star1 {
        height: 43.59px;
        width: 43.59px;
        position: relative;
        left: 89%;
        rotate: 50.3deg;
        top: 42%;
    }

    .Mobile-Screen-Blog-Star2 {
        height: 43.59px;
        width: 43.59px;
        position: absolute;
        right: 97%;
        rotate: 50.3deg;
        top: 153%;
    }

    .Mobile-Screen-Blog-Shape2 {
        height: 43.59px;
        width: 43.59px;
        position: absolute;
        right: 95%;
        rotate: 178deg;
        top: 178%;
    }


    /*Blog Detial*/
    .blog-detail-banner {
        background: url(../images/new-website/MobileScreensImages/MobileBlogDetailBg.png);
        padding-top: 90px;
        padding-bottom: 20px;
        background-position: bottom;
        background-size: cover;
    }

    .blog-image3 img {
        height: auto;
        width: 100%;
        border-radius: 30px;
        box-shadow: 2px 2px 2px grey;
    }

    .blog-section {
        padding-bottom: 20px;
    }

    .blog-detail-title h1 {
        text-align: center;
        font-family: 'PTSans-Bold' !important;
        font-weight: 600;
        color: #d75880;
        text-align: left;
        padding-top: 0px;
        font-size: 20px;
    }

    .blog-detail-content {
        padding: 0px 15px
    }

        .blog-detail-content p {
            font-size: 12px;
            line-height: normal;
        }

    .privacy-policy h3 {
        font-family: 'PTSans-Bold' !important;
        font-weight: 600;
        font-size: 20px;
        padding-bottom: 8px;
    }

    .blog-detail-content h3 {
        font-family: 'PTSans-Bold' !important;
        font-weight: 600;
        font-size: 20px;
    }

    .blog-detail-content ul > li {
        font-size: 14px;
        line-height: normal;
    }

    .blog-detail-content ul,
    ol {
        padding-left: 17px;
    }

    .blod-detail-button a {
        height: 24px;
        width: 90px;
        font-size: 12px;
    }

    .blod-detail-button {
        margin-top: 20px;
    }
    /*.Mobile-Screen-BlogDetail-Star1 {
        position: absolute;
        height: 57.27px;
        width: 57.27px;
        rotate: 345deg;
        left: 94%;
        top: 78%;
    }

    .Mobile-Screen-BlogDetail-Star2 {
        position: absolute;
        height: 68.37px;
        width: 68.37px;
        rotate: 209.05deg;
        top: 109%;
        right: 97%;
    }

    .Mobile-Screen-BlogDetail-Star3 {
        position: absolute;
        height: 68.37px;
        width: 68.37px;
        rotate: 209.05deg;
        top: 109%;
        right: 97%;
    }*/


    /*About Us Page*/
    .about-us-banner-bg {
        padding-top: 90px;
        padding-bottom: 80px;
    }

    /*.videomaskingimage {
                height: auto;
                width: 100%;
                position: absolute;
                top: 128px;
                right: 6px;
            }*/
    .main-title h1 {
        text-align: left;
        font-size: 23px !important;
        justify-content: flex-start;
        display: flex;
        align-items: center;
    }

    .tabbing-navlink img {
        height: auto;
        width: 21px;
        padding-right: 0px;
    }

    .tabbing-navlink {
        color: #fff;
        font-size: 14.5px !important;
        padding-left: 6px;
        display: flex;
    }

    .Explore {
        font-size: 15px;
        font-weight: 500 !important;
    }

    .sub-title p.breadcrumb {
        font-size: 11px;
        margin-top: 8px;
        color: #2f2f2f;
        line-height: normal;
    }

    .sub-title p {
        font-size: 18px;
        margin-top: 8px;
        color: #2f2f2f;
        line-height: normal;
    }

    .advice-by-button .Get-App-Button {
        height: 38px;
        width: auto;
        font-size: 15px;
        padding: 7px 17px 9px;
    }

    .blob-container {
        width: 100%;
        height: auto;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .about-us-banner-bg .blog-image1 {
        padding-top: 80px;
    }

    .videomaskingimage {
        height: auto;
        width: 100%;
        position: absolute;
        top: 364px;
        right: -8px;
    }

    .FAQ-Page .videomaskingimage {
        height: auto;
        width: 100%;
        position: absolute;
        top: 253px;
        right: -8px;
    }

    .abouts-us {
        background: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        padding: 25px 0px 60px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .left-sidecontent h1 {
        text-align: left !important;
        font-size: 18px;
    }

    .about-underline {
        position: relative;
        bottom: 7px;
        left: 49%;
    }

        .about-underline img {
            width: 90px
        }

    .aboutus-left-side-content-top {
        color: #2f2f2f;
        font-size: 12.5px;
        margin-top: 10px;
    }

    .left-sidecontent-description {
        font-size: 12.5px !important;
        /* line-height: 37.74px; */
        color: #2f2f2f;
        margin: 0;
        font-weight: 400;
        line-height: normal;
        margin-top: 10px;
    }

    .image-border {
        margin-top: 20px;
    }

    .Philosophy-Main-Div1 h1 {
        text-align: left !important;
    }

    .Philosophy-Main-Div1 h3 {
        text-align: left;
        font-weight: 300;
        color: #BBBCB8;
        font-size: 12px;
    }

    .our-values-card {
        background-color: #fff;
        border: 1px solid #BBBCB8;
        height: auto;
        width: auto;
        border-radius: 30px;
        text-align: center;
        display: flex;
        padding: 7px 15px;
        margin-top: 10px;
    }

    .mobilescreen-ourvalues-card {
        width: 40%;
    }

        .mobilescreen-ourvalues-card img {
            height: auto;
            width: 100%;
            padding-top: 3px;
        }

    .our-values-card div h2 {
        font-size: 14px;
        font-weight: 600;
        color: #2f2f2f;
        margin-top: 4px;
        text-align: left;
    }

    .our-values-card div p {
        font-size: 13.5px;
        color: #2f2f2f;
        line-height: normal;
        text-align: left;
    }

    .mobilescreen-ourvalues-card-content {
        padding-left: 10px;
    }

    .Mobile-Screen-OverValues-Star1 {
        position: relative;
        height: auto;
        width: 53px;
        rotate: 52deg;
        margin-top: -23px;
        left: 97%;
    }

    .Mobile-Screen-OverValues-Star2 {
        position: relative;
        height: auto;
        width: 53px;
        rotate: 52deg;
        margin-top: -23px;
        right: 12%;
    }

    .Our-Philosophy {
        background: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        padding: 50px 0px 40px !important;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .Philosophy-Main-Div1 hr {
        display: none;
    }

    .Philosophy-Main-Div1 h3 {
        text-align: left !important;
        font-size: 13px;
    }

    .OurValues {
        padding-bottom: 20px !important;
    }

    .card-Philosophy p {
        color: #2f2f2f;
        font-size: 13px;
        line-height: normal;
        text-align: left;
    }

    .navbar-collapse .Get-App-Button {
        padding: 7px 10px 10px !important;
        border-radius: 30px;
        height: 38px !important;
        width: auto;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: "Nunito-Regular";
        font-weight: bold;
        transition: background-color 0.3sease;
        font-size: 17px;
    }

    .Get-App-Button {
        padding: 5px 16px 5px;
        border-radius: 30px;
        width: auto;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: 'Nunito-Regular';
        font-weight: bold;
        transition: background-color 0.3sease;
        font-size: 18px;
        /* float: right !important;
        margin-top: 10px;*/
        /* padding: 7px 16px;
        border-radius: 30px;
        height: 38px;
        width: 170px;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: "Nunito-Regular";
        font-weight: bold;
        transition: background-color 0.3sease;
        font-size: 11px;*/
    }

    .Our-Philosophy .bold-content {
        text-align: left;
        font-size: 13px !important;
    }

    .Our-Philosophy-button a {
        height: 24px;
        width: 90px;
        font-size: 10px;
    }

    .Our-Philosophy-button {
        padding-top: 10px;
    }

    .Mobile-Screen-BeforeFooter-Video-Mask {
        -webkit-mask-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        mask-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        mask-size: 20%;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        /* mask-position: center; */
        /* -webkit-mask-position: center; */
        height: auto;
        /* padding: 0; */
        /* margin: 0; */
        right: 0;
        width: 500%;
    }

    .Mobile-Screen-BeforeFooter-Video {
        position: relative;
        margin-top: -40px;
    }

    .AboutUs-before-footer-Title {
        text-align: left;
    }

        .AboutUs-before-footer-Title h1 {
            text-align: left;
            font-size: 23px !important;
            padding-bottom: 4px;
        }

    .AboutUs-before-footer p {
        color: #fff;
        font-size: 12px !important;
        padding-top: 3px;
    }

    .AboutUs-before-footer {
        background-color: transparent !important;
    }

    .checkft div {
        padding-left: 6% !important;
    }

        .checkft div h1 {
            color: #fff;
            font-size: 17px;
        }

    .AboutUs-before-footer {
        padding: 60px 0px 30px 0px;
        background-image: url(../images/new-website/MobileScreensImages/MobileRectanglePinkBgWithShapeTopCurve.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        margin-top: -72px;
    }

    .AboutUs-before-footer-Button {
        padding-top: 10px;
    }

    p.testimonsubhead {
        font-size: 12px;
    }

    .white-button {
        /*height: 25px !important;
        width: 163px !important;*/
        /* display: block;*/
        /*padding: 5px 16px;*/
        /*font-size: 11px;*/
    }



    /*Career Page*/

    .blog-bannercareer {
        padding-top: 90px;
    }

    .blog-bannercareer1 {
        padding-top: 90px;
    }

    .sub-title .desktop {
        display: none;
    }

    .career-form-rightside {
        padding: 14px 22px;
    }

    .sub-title .mobile {
        font-size: 18px;
        margin-top: 8px;
        color: #2f2f2f;
        line-height: normal;
    }

    .blog-image img {
        height: auto;
        width: 100%;
        padding-top: 55px;
    }

    .Career-Page-bg {
        background: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        background-size: cover;
        background-position: right;
    }

    .wave-paddding-career {
        padding: 55px 0px;
    }

    .career-page-right-side-content-title {
        font-size: 25px;
        font-family: 'PTSans-Bold';
        color: #2f2f2f;
        font-weight: 600;
    }

    .career-page-right-side-content {
        height: auto;
        width: 100%;
        border-radius: 10px;
        padding: 10px 0px;
    }

    .career-page-right-side-content-text {
        font-size: 14px;
        line-height: normal;
        padding-top: 0px;
    }

        .career-page-right-side-content-text p {
            font-size: 14px !important;
            line-height: normal;
        }

    .carapp {
        padding: 0px 0px 32px !important;
    }

    .Our-Approach-Image {
        padding-top: 20px;
    }

    .Our-Approach-Section {
        padding: 0px 0px 30px;
    }

    .CareerPage-MobileScreenBefore-Footer-Image {
        padding: 0px;
        z-index: 11;
        position: relative;
    }

        .CareerPage-MobileScreenBefore-Footer-Image img {
            width: 100%;
        }

    .career-page-before-footer {
        /* background-image: url(../images/new-website/CareerPage-BeforeFooterBgImage1.png); */
        background-image: none;
        background-color: #d75880;
        background-size: cover;
        padding: 36px 0px;
        /*position: relative;*/
        z-index: 1;
        margin-top: -36px;
    }

    .before-footer-main-title {
        font-size: 18px;
        font-family: 'PTSans-Bold';
        font-weight: 600;
        text-align: left;
        line-height: normal;
        color: #fff;
        padding-top: 33px;
    }

        .before-footer-main-title span {
            font-size: 18px;
            font-family: 'PTSans-Regular';
            font-weight: 100;
            text-align: left;
            line-height: normal;
            color: #fff;
            padding-top: 27px;
        }

    .button {
        text-align: left;
        padding-top: 10px;
    }

    .advice-by-button {
        padding-top: 20px !important;
    }


    /*Career form Page*/



    .career-form-shape2 {
        position: absolute;
        height: auto;
        width: 180px;
        left: 93%;
        rotate: 294deg;
        top: 123%;
        display: none;
    }

    .sub-title .desktop {
        display: none;
    }

    .sub-title h2 {
        font-size: 18px;
        margin-top: 20px;
        color: #2f2f2f;
        line-height: normal;
    }

    .career-form-main-title {
        font-size: 16px;
    }

    .form {
        padding-top: 0px;
    }

    .Other-Textbox {
        display: none;
    }

    .wrapper {
        width: 56%;
        height: 40%;
        margin-top: 0px !important;
        cursor: pointer;
    }

    .form-group input[type="email"],
    .form-group input[type="text"],
    .form-group input[type="tel"],
    .form-group input[type="file"],
    .form-group input[type="search"],
    .form-group input[type="number"],
    .form-group textarea,
    .form-group select {
        padding: 10px;
        border-radius: 10px;
        border: 1px solid #848A9A;
        font-size: 15px;
        font-weight: 400;
        color: #848A9A;
    }

    .checkbox-container img {
        height: auto;
        width: 30px;
    }

    .i-agree-content p {
        font-size: 12px;
        padding-top: 0;
    }

    .form button {
        margin-top: 9px;
        margin-right: 37px;
    }

    .career-form-container .col-xl-5 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* margin-top: 9px; */
        border-radius: 30px 0px 30px 30px !important;
    }

    .career-form .container {
        margin: 0;
        max-width: 100%;
    }

    .section-gap {
        padding: 28px 0px 60px;
    }



    .wrapper .file-upload {
        height: 35px !important;
        width: 35px !important;
    }

    .fa-arrow-up {
        font-size: 18px !important;
    }

    .Mobile-Screen-CareerForm-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 226%;
        right: 25px;
        rotate: 218deg;
        z-index: -1;
    }

    .career-form-shape1 {
        position: absolute;
        height: auto !important;
        width: 60px !important;
        right: 92.6%;
        rotate: 163deg;
        top: 165% !important;
        z-index: 9999999;
        border-radius: 0px !important;
    }

    .career-form-container .Career-FormImage {
        height: auto;
        width: 100%;
        border-radius: 30px !important;
    }

    .Mobile-Screen-CareerForm-shape1 {
        position: absolute;
        height: 49px;
        left: 91%;
        top: 82%;
    }




    /*Referral Page*/
    .refferal-cricle-2 {
        display: none;
    }

    .refferal-cricle-1 {
        display: none;
    }

    .Referral-Title {
        padding-top: 40px;
    }

    .referralvideomaskingimage {
        height: auto !important;
        width: 100%;
        position: absolute;
        top: 404px !important;
        right: -8px;
    }

    .main-title .desktop {
        display: none;
    }

    .Mobile-Screen-Referral-Section {
        background-image: url(../images/new-website/MobileScreensImages/MobileReferralSectionImageBg.png) !important;
        background-position: top;
        background-size: cover;
            padding-bottom:20px;
    }


        .Mobile-Screen-Referral-Section h1 {
            text-align: left;
            font-size: 25px;
        }

    .refferel-tile {
        background-color: #fff;
        border-radius: 30px;
        padding: 20px 35px;
    }

    .referral-image {
        height: auto;
        width: 100%;
        display: flex;
        justify-content: center;
    }

        .referral-image img {
            height: auto;
            width: 80%;
        }

    .referral-content {
        display: flex;
        padding-top: 20px;
        justify-content: center;
    }

    .referral-text {
        font-size: 18px;
        font-weight: 600;
        padding-left: 0px;
        text-align: center;
    }

    .referral-content .desktop {
        display: none;
    }

    .referral-number {
        background-color: #d75880;
        color: #ffffff;
        padding: 5px;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        font-size: 22px;
        align-content: center;
        justify-content: center;
        display: flex;
        font-weight: 600;
        position: absolute;
        left: 14%;
    }

    .Mobile-Screen-Referral-Section .mt50 {
        padding-top: 20px;
    }

    .mt50 .Get-App-Button {
        /*  height: 24px;
        width: 90px;
        font-size: 10px;*/
    }


    /*Advertise With use*/


    /*.sub-title h2 {
        font-size: 10px;
        margin-top: 10px;
        color: #2f2f2f;
        line-height: normal;
    }*/

    .career-form-container .Career-FormImage {
        height: auto;
        width: 100%;
        border-radius: 30px !important;
    }

    /*.Mobile-Screen-Advertise-Star1 {
        position: absolute;
        height: auto !important;
        width: 49.39px !important;
        border-radius: 0px !important;
        top: 214%;
        right: 25px;
        rotate: 218deg;
        z-index: -1;
    }*/

    /*code of conduct*/
    .videomaskingimage-codeofconduct {
        height: auto;
        width: 100%;
        position: absolute;
        top: 161px !important;
        right: -7px;
    }

    .code-of-conduct-star1, .code-of-conduct-star2 {
        display: none;
    }

    .MobileCode-of-Conduct {
        padding-bottom: 30px;
    }

    .code-of-conduct-title {
        font-size: 16px;
    }

    .code-of-conduct-detail .animate-charcter {
        font-size: 18px;
        margin-top: 10px;
    }

    .code-of-conduct-detail p {
        font-size: 12.5px;
        line-height: normal;
    }

    .code-of-conduct-detail .mycolor {
        font-weight: bold;
        font-size: 14px !important;
        padding-bottom: 10px;
    }

    /*Terms and Condition page*/
    .privacy-banner {
        background-image: url(../images/new-website/MobileScreensImages/MobileRectanglePinkBgWithShapepng.svg);
        background-repeat: no-repeat;
        padding: 85px 0px;
        background-size: cover;
    }

        .privacy-banner h1 {
            text-align: center !important;
            justify-content: center !important;
            padding-top: 45px;
        }

    .Terms-Condition h3 {
        font-family: Nunito !important;
        font-size: 18px;
    }

    .privacy-terms-shape1,
    .privacy-terms-shape2,
    .privacy-terms-shape3 {
        display: none;
    }

    .Terms-Condition {
        padding-top: 15px;
    }

    /*Privacy Page*/
    .Privacy-Section h3 {
        font-family: Nunito !important;
        font-size: 18px;
    }

    /*Partner With us*/
    .Partnerwithus-videomaskingimage {
        height: auto;
        width: 100%;
        position: absolute;
        top: 244px;
        right: -8px;
    }

    .Get-onboard {
        padding-top: 30px;
        background-color: #fff;
        border-radius: 20px;
        padding: 20px;
        margin-top: 0px !important;
        z-index: 10;
        position: relative;
        /*        width: 90%;*/
    }

    .partner-withus-box h1 {
        font-size: 18px;
        text-align: left;
    }

    .partner-withus-box h2 {
        font-size: 14px;
        color: #2f2f2f;
        font-family: 'PTSans-Bold';
        font-weight: bold;
    }

    .partner-withus-box .samll-content {
        font-family: 'Nunito-Regular';
        font-size: 15px;
        padding-top: 10px;
    }

    .text {
        font-size: 14px;
        color: #2f2f2f;
        padding-top: 0px;
    }

    .icon img {
        width: 25px;
        height: 25px;
        /* padding-top: 10px; */
        object-fit: contain;
    }

    .icon {
        width: 40px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .Partner-Withus-list-section {
        padding-left: 0px;
    }

    .partner-withus-content {
        padding: 0px 0px;
    }

    .partner-withus-star1-top {
        display: none;
    }

    .partner-withus-star1-bottom {
        display: none;
    }

    .get-you-onboard {
        background-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png);
        background-size: cover;
        background-position: top;
        padding-bottom: 70px;
        padding-top: 70px;
        background-repeat: no-repeat;
    }

    .why-partner-section h1 {
        font-size: 21px;
        color: #2f2f2f;
        text-align: left;
    }

    .why-partner-section {
        background-image: url(../images/new-website/MobileScreensImages/MobileScreenBenefitsBg.png) !important;
        position: relative;
        margin-top: -74px;
        padding-top: 36px;
        padding-bottom: 49px;
    }

    .Partner-with-us-card {
        background-color: transparent !important;
        border: 1px solid #BBBCB8;
        height: 104px;
        width: auto;
        border-radius: 30px;
        text-align: center;
        display: flex;
        padding: 10px 15px;
        margin-top: 10px;
    }

    .mobile-screen-partnerwithus-image img {
        height: auto;
        width: 52.52px;
    }

    .mobile-screen-partnerwithus-image {
        height: auto;
        /*width: 40%;*/
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .font-weight-bold-title {
        font-size: 13px;
        text-align: left;
        padding-left: 16px;
        margin-top: 5px !important;
    }

    .mobile-screen-partnerwithus-content {
        display: flex;
        align-items: center;
    }

        .mobile-screen-partnerwithus-content .desktop {
            display: none;
        }

        .mobile-screen-partnerwithus-content .text-muted {
            font-size: 11px;
            text-align: left;
            padding-left: 16px;
            padding-top: 1px;
        }

        .mobile-screen-partnerwithus-content > div > .mt3 {
            margin-top: 0px !important;
        }

    .why-partner {
        margin-top: 0rem !important;
    }

    .success-stories {
        display: none;
    }

    .Mobile-Screen-Success-Stories {
        background-image: none !important;
        padding-bottom: 30px;
        padding-top: 17px;
    }

        .Mobile-Screen-Success-Stories h1 {
            text-align: center;
        }

    .Mobile-Screen-Success-Stories-Image {
        border-radius: 30px;
    }

        .Mobile-Screen-Success-Stories-Image img {
            height: auto;
            width: 100%;
        }

    .Mobile-Screen-Success-Stories-Content {
        padding: 0px;
        /*border: 1px solid #d75880;*/
        border-radius: 30px;
    }

    .testimonials_section .Mobile-Screen-Success-Stories-Content .paragraph {
        font-weight: 500;
        line-height: normal;
        color: #2f2f2f !important;
        margin-bottom: -1px;
        padding: 15px 10px 5px;
        font-size: 11px;
        min-height: auto;
        text-align: left;
    }

    .Mobile-Screen-Success-Stories-Content p {
        padding: 0px 10px 0px;
    }

    .Mobile-Screen-Success-Stories-Content h3 {
        padding: 3px 10px 0px;
    }

    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        border-radius: 23px 23px 0px 0px;
    }


    .card-text img {
        height: auto;
        width: 30px !important;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3px;
    }

    .Mobile-Screen-Success-Stories-Item {
        margin-top: 30px;
    }

        .Mobile-Screen-Success-Stories-Item .owl-dots {
            position: absolute;
            top: 93%;
            left: 50%;
            transform: translateX(-50%);
        }

    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: block !important;
    }

    /*ContactUs*/
    .Desktop-ContactUs-Section {
        display: none;
    }

    .Mobile-Screens-Contact-Section {
        background-image: url(../images/new-website/MobileScreensImages/MobileContactusBg.png);
        background-size: cover;
        padding: 40px 0px;
    }

    .Mobile-Contact-Section-Main-title {
        color: #2f2f2f;
        font-family: 'PTSans-Bold';
        font-size: 21px;
        font-weight: bold;
    }

    .Mobile-Contact-Section-content p {
        font-size: 12px;
        margin-top: 5px;
    }

    .Mobile-Contact-Section-content span {
        color: #d75880;
        font-weight: bold;
    }

    .Mobile-Contact-Section-content a {
        color: #d75880;
        font-weight: bold;
    }

    .Mobile-Contact-Section-Image img {
        height: auto;
        width: 100%;
    }

    .Mobile-Contact-Section-Main-title .Mobile-Contact-Section-underline {
        position: absolute;
        width: 86px;
        left: 58%;
        top: 127.5%;
    }

    .Mobile-Contact-Section-Form {
        margin-top: 30px;
    }

    .Mobile-Contact-Section-FormCard {
        background-color: #fff;
        border-radius: 30px;
        padding: 15px;
        margin-top: 20px;
    }

        .Mobile-Contact-Section-FormCard .Get-App-Button {
            height: 30px;
            width: 90px;
            font-size: 12px;
        }

    .Mobile-get-our-app-content .icon {
        height: 40px !important;
        width: 40px !important;
        background-color: #fbeef5;
        border-radius: 50%;
        text-align: center;
    }

    .Mobile-get-our-app-content .get-our-app-text h2 {
        color: #2f2f2f;
        font-weight: 600;
        font-size: 13px;
    }

    .Contact-us-GetOur-App-Bg {
        background-image: none;
        height: auto;
        background-size:;
        padding-top: 30px;
    }

    .Mobile-app-bottom-content {
        padding-top: 20px;
        justify-content: start;
        padding-left: 0px;
        padding-bottom: 20px;
    }

        .Mobile-app-bottom-content .play-app-store {
            padding: 0px;
        }

    .mobile-qrcode {
        display: none;
    }

    .play-app-store {
        padding-left: 0px;
        display: flex;
        gap: 5px;
    }

    .store-bottom-text {
        font-size: 15px;
        font-weight: bold;
        color: #848A9A;
        text-align: center;
    }

    .faq-drawer__content .faq-content {
        /* padding-left: 38px; */
        font-family: 'Nunito-Regular';
        font-size: 14px;
        padding: 9px 21px;
    }

    .store-top-text {
        font-size: 9px;
        font-weight: normal;
        color: #848A9A;
    }

    .store img {
        height: 28px;
        width: auto;
    }

    .store {
        height: auto;
        width: auto;
        border: 1px solid #848A9A;
        border-radius: 14px;
        margin-bottom: 5px;
        display: flex;
        align-items: center;
        padding: 4px 10px;
    }

    .Mobile-Screen-Get-Our-App-Mobile-Image img {
        height: auto;
        width: 100%;
    }

    .Desktop-NewsLetter {
        display: none;
    }

    .Mobile-Screen-Dog-Nose-Image {
        position: relative;
        margin-top: -78px;
        z-index: 11;
    }

        .Mobile-Screen-Dog-Nose-Image img {
            width: 100%;
        }

    .Mobile-News-Letter-Contact-usPage {
        background-color: #d75880;
        height: auto;
        width: 100%;
        position: relative;
        margin-top: -31px;
        z-index: 1;
        padding-bottom: 20px;
        padding-top: 40px;
    }

    .NewsLetter-Text {
        padding-top: 6px !important;
    }

    .Mobile-News-Letter-Contact-usPage .breed-subtitle {
        margin-top: 0px;
    }

    .Mobile-News-Letter-Contact-usPage h1 {
        text-align: left;
        font-size: 25px;
    }

    header.sticky {
        z-index: 99;
    }

    .Mobile-News-Letter-Contact-usPage h2 {
        font-size: 12px;
        padding-top: 5px;
    }

    .footer {
        background-color: #84899a;
        height: auto;
        padding: 13px 0px 20px 0px;
    }

    .email-input {
        padding-top: 10px;
    }

    .copyright-content {
        color: white;
        font-size: 13px;
        text-align: center;
    }

    .email-input-mobile input[type="email"] {
        width: 99% !important;
        padding: 8px;
        border-radius: 10px;
        border: 2px solid #fff;
        font-size: 15px;
        font-weight: bold;
    }

    .Mobile-News-Letter-Contact-usPage .subscribe-button {
        padding-top: 10px;
    }

    /*Services Pages*/

    /*.Service-Page-Title {
        padding-top: 90px;
    }*/

    .Service-Section2 {
        background-image: url(../images/new-website/MobileScreensImages/ServicePageBgMobile.png);
        padding: 35px 0px 0px;
        background-position: top;
        background-size: cover;
    }

    .bg-transparent {
        background-color: transparent;
    }

    .Service-Section2 .owl-stage-outer {
        background-color: transparent;
    }

    .Service-Section2 .pt-30 {
        padding-top: 0px;
    }

    .Service-Section2 h1 {
        text-align: left !important;
    }

    .Service-Section2 .owl-carousel {
        width: auto;
    }

    .Service-Section2 .card-2 {
        border-radius: 23px;
        width: 95%;
    }

    .Desktop-Service {
        display: none;
    }

    .Mobile-Screen-Service-Section-container .owl-dots {
        position: absolute;
        top: 77%;
        left: 50%;
        transform: translateX(-50%);
        display: none;
    }

    .Mobile-Screen-Veterinary-Section-container .veterinary-section h1 {
        text-align: left !important;
    }

    .Mobile-Screen-Veterinary-Section-container .Diagnostic-card {
        border: 3px solid #BBBCB8;
    }

    .inner {
        padding-left: 0px !important;
        text-align: left !important;
    }

        .inner span {
            font-size: 15px;
            color: #d75880;
            font-weight: bold;
        }

        .inner p {
            font-size: 14px;
        }

    .Veterinary-image {
        width: 100%;
        border-radius: 30px;
        border-right: 6px solid #d75880 !important;
        border-bottom: 6px solid #d75880 !important;
    }

    .veterinary-section-shape1,
    .veterinary-section-shape2,
    .veterinary-section-shape3,
    .veterinary-section-shape4,
    .veterinary-section-shape5 {
        display: none;
    }

    .Sick-Pet-Care-Diagnostic-Services {
        padding-top: 30px;
        padding-bottom: 30px;
    }

        .Sick-Pet-Care-Diagnostic-Services h1 {
            text-align: left;
        }

        .Sick-Pet-Care-Diagnostic-Services .text-container {
            display: none;
        }

        .Sick-Pet-Care-Diagnostic-Services .Diagnostic-card {
            min-height: auto;
            border: 1px solid #BBBCB8 !important;
            border-radius: 23px !important;
            margin-top: 15px;
        }

        .Sick-Pet-Care-Diagnostic-Services .mycolor {
            font-size: 18px !important;
            color: #2f2f2f;
        }

        .Sick-Pet-Care-Diagnostic-Services .Get-App-Button {
            height: 30px;
            width: 90px;
            font-size: 12px;
        }

    .Service-Page-Before-Footer {
        /* background-image: url(../images/new-website/ServiceBeforeFooterImage.png); */
        background-size: cover;
        background-repeat: no-repeat;
        padding: 30px 0px 30px;
        background-color: #d75880 !important;
        position: relative;
        margin-top: -39px;
    }

        .Service-Page-Before-Footer a {
            width: 153px !important;
        }

        .Service-Page-Before-Footer .desktop {
            display: none;
        }

        .Service-Page-Before-Footer .mobile {
            padding-top: 5px !important;
        }

    video::-webkit-media-controls {
        display: none !important;
        /* Hide Safari media controls */
    }

    video {
        pointer-events: none;
        /* Prevent user interaction with the video */
    }

    .Mobile-Benefits-Of-Pets-Card .owl-stage-outer {
        background: none;
    }

    .FAQ-Circle1,
    .FAQ-Circle2 {
        display: none;
    }

    .Questionmarkimage {
        display: none;
    }

    .FAQ-Section {
        background-image: url(../images/new-website/MobileScreensImages/FAQBg.png);
        padding: 40px 0px 0px;
        background-size: cover;
    }

    .heading-border-top button {
        margin-top: 13px;
    }

    .heading-border-top {
        padding-bottom: 30px;
        text-align: center;
        padding-top: 30px;
    }

    .FAQ-Category-Name {
        font-size: 17px;
        padding-left: 32px;
    }

    .FAQ-Category-Icon img {
        height: auto;
        width: 74%;
    }

    .FAQ-Category-Card {
        background-color: transparent;
        color: #2f2f2f !important;
        padding: 12px 15px;
        border-radius: 20px !important;
        border: 2px solid #848A9A !important;
    }

    .tab-content {
        padding-top: 30px;
    }

    .faq-drawer__title {
        cursor: pointer;
        display: block;
        font-size: 15px !important;
        font-weight: 700;
        padding: 5px 15px 11px 35px;
        margin-bottom: 0;
        color: #2f2f2f;
        transition: color 0.3s ease-in-out;
        position: relative;
    }

    .faq-drawer .faq-drawer__title::after {
        content: "";
        border-style: solid;
        border-width: 2px 2px 0 0;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 10%;
        transform: rotate(135deg) translateY(-50%);
        transition: transform 0.3s ease-in-out;
        height: 12px;
        width: 12px;
        color: #d75880;
    }

    .faq-drawer__content {
        background-color: #fff;
    }

    .heading-border-top h1 {
        text-align: left;
    }

    .heading-border-top {
        text-align: left;
    }

        .heading-border-top:before {
            border-top: 3px solid #d75880;
            content: "";
            display: block;
            height: 1px;
            left: 50%;
            margin-left: -30px;
            position: absolute;
            top: 0;
            width: 60px;
            position: relative;
            padding-bottom: 20px;
        }

        .heading-border-top button {
            /*height: 30px;
            width: 90px;
            font-size: 12px;*/
        }


    /*footer*/

    .footer-logo img {
        width: 180px;
        height: auto;
    }

    .get-fromplaystore img {
        height: 40%;
        width: 40%;
    }

    .Desktop-Footer-menu {
        display: none;
    }

    .Footer-Icon {
        justify-content: center;
        margin-top: 20px;
        display: flex;
    }


    .Internal-Cat-Breed {
        padding: 90px 0px 20px;
    }

    .search-box {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0px;
    }

    .search {
        width: 100%;
        padding: 9px;
    }

    .popularbreed-imageshape2, .popularbreed-imageshape1 {
        display: none;
    }

    .breed-table {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-bottom: 6px !important;
        font-size: 13px;
        margin: 0px;
    }

        .breed-table li {
            list-style: none;
            /*margin: 5px;*/
            font-size: 20px;
            font-weight: 600;
            cursor: pointer;
        }

            .breed-table li a {
                color: #848A9A;
                text-decoration: none;
                font-size: 17px;
                line-height: 0;
            }

    .contact-us-form .search-icon {
        left: 8%;
        position: absolute;
        z-index: 2;
        display: block;
        width: 2.375rem;
        height: 2.375rem;
        line-height: 2.375rem;
        text-align: center;
        pointer-events: none;
        color: #BBBCB8;
    }

    .Mobile-Popular-Breed {
        background-image: url(../images/new-website/MobileScreensImages/FAQBg.png);
        background-size: cover;
    }

    .breed-info {
        text-align: center;
        display: flex;
        grid-gap: 40px;
        padding-top: 0px;
    }

    .Weight-info img {
        height: auto;
        width: 40px;
    }

    .Height-info img {
        height: auto;
        width: 40px;
    }

    .Country-info img {
        height: auto;
        width: 36px;
    }

    .Breed-Detail {
        padding-bottom: 0px;
    }

    .Mobile-Popular-Breed-Detail {
        background-image: url(../images/new-website/MobileScreensImages/FAQBg.png);
        background-size: cover;
        padding-top: 20px;
        padding-bottom: 60px !important;
    }

    .Breed-Detail-Content {
        padding-top: 30px;
        background-color: #fff;
        border-radius: 20px;
        padding: 15px;
        margin-top: 30px;
        z-index: 10;
/*        width: 90%;*/
        /* position: relative; */
    }

    .Breed-Detail-left {
        padding-top: 0px !important;
    }

        .Breed-Detail-left .desktop {
            display: none;
        }

    .Explore {
        font-size: 14px;
        padding-top: 4px;
    }

    .breedtabbing-content {
        margin-top: 20px;
    }

        .breedtabbing-content .tab-content {
            padding-top: 0px;
        }
    /*.tabbing-navlink img{
        display:none !important;
    }
    .tabbing-navlink:active img {
        display: none !important;
    }*/
    .breed-tabbing-text p {
        padding: 0px 20px 15px;
        line-height: normal;
        font-size: 12px;
    }

    .breeddetail-beforefooter {
        padding: 50px 0px 30px 20px;
        background-image: url(../images/new-website/MobileScreensImages/MobileRectanglePinkBgWithShapeTopCurve.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        margin-top: -40px;
    }

    .breeddetail-beforefooter {
        display: flex;
        align-items: center;
        height: auto;
    }

        .breeddetail-beforefooter .NewsLetter-Text .subtitile {
            text-align: left !important;
        }

    .breed-star1-top, .breed-detail-star1-bottom {
        display: none;
    }

    .breedname-underline {
        display: none;
    }

    .breedtabbing-content .nav-item {
        border-bottom: 0px;
    }
}

@media (height:873px) and (width:393px) {
    .copyright-content {
        text-align: center;
    }
}