﻿@media only screen and (max-width: 2800px) and (min-width: 2561px) {
    .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;
    }

    /* After: bottom decoration */
    .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;
    }
    /* Desktop-Elements-Start*/
    .How-itwork-desktop, .Service-Desktop, .Benefits-Desktop, .Desktop-Service-Page-Service, .Desktop-Partner-WithUs, .career-form, .Desktop-Referral, .Desktop-FAQ, .code-of-conduct-section, .code-of-conduct-detail, .Desktop-Content-CMS, .Desktop-ContactUs-Section, .Desktop-Breed-Detail, .Breed-List-Section {
        position: relative;
    }

    .Desktop-how-itwork-star1 {
        top: 126px;
        position: absolute;
        height: auto;
        width: 100px;
        left: 8.6%;
        rotate: 41deg;
    }

    .homepage-service-readmore {
        color: #d75880;
        font-weight: 600;
        font-size: 22px;
    }

    .homepage-service-icon {
        display: flex;
        justify-content: center;
    }

    .Desktop-how-itwork-star2 {
        rotate: 160deg;
        zoom: normal;
        height: auto;
        right: 8.5%;
        position: absolute;
        width: 100px;
        bottom: 42%;
    }

    .Mobile-Screen-BeforeFooter-Video-Mask {
        display: none;
    }

    .Desktop-Service-circle1 {
        position: absolute;
        height: auto;
        width: 120px;
        rotate: 164deg;
        top: -54px;
        left: 5%;
    }

    .Food-Section {
        background-image: url(../images/new-website/Service-FoodSectionBigScreenBg.png);
        background-size: cover;
        background-repeat: no-repeat;
        padding: 230px 0px;
    }

    .Desktop-Service-circle2 {
        position: absolute;
        height: auto;
        width: 150px;
        right: -73px;
        top: 28%;
        rotate: 192.45deg;
    }

    .Desktop-Service-circle3 {
        position: absolute;
        height: auto;
        width: 150px;
        left: -73px;
        top: 58%;
        rotate: 12.45deg;
    }

    .Desktop-Service-circle4 {
        position: absolute;
        height: auto;
        width: 150px;
        right: 26px;
        bottom: -2.5%;
        rotate: -87deg;
    }

    .Desktop-benefits-star1 {
        position: absolute;
        height: auto;
        width: 120px;
        rotate: -43deg;
        top: 20.2%;
        left: 7%;
    }

    .mobilescreen-ourvalues-card img {
        height: auto;
        width: 22% !important;
    }

    .Desktop-benefits-star2 {
        position: absolute;
        height: auto;
        width: 120px;
        rotate: 139deg;
        right: 10%;
        bottom: 12%;
    }

    .whitefonts {
        font-size: 30px;
        line-height: normal;
    }

    .Dekstop-screen-Testimonial-Star-1 {
        position: absolute;
        height: auto;
        width: 100.75px;
        top: 29.2%;
        right: 47%;
        rotate: 148.48deg;
    }

    .Dekstop-screen-Testimonial-Star-2 {
        position: absolute;
        height: auto;
        width: 100.75px;
        top: 57.4%;
        left: 12%;
        rotate: 144.48deg;
    }

    .Desktop-veterinary-section-shape1 {
        position: absolute;
        height: 209.95px;
        width: 209.95px;
        rotate: 309.07deg;
        left: -56px;
        top:;
    }

    .Desktop-veterinary-section-shape2 {
        position: absolute;
        height: 209.95px;
        width: 209.95px;
        rotate: 286.07deg;
        left: -96px;
        bottom: 0%;
    }

    .Desktop-veterinary-section-shape5 {
        position: absolute;
        bottom: 0;
        width: 400px;
        height: auto;
        right: -9%;
    }

    .Desktop-veterinary-section-shape3 {
        position: absolute;
        height: auto;
        width: 255px;
        left: -55px;
    }

    .Desktop-veterinary-section-shape4 {
        position: absolute;
        bottom: 0;
        right: -88px;
        height: auto;
        width: 200px;
        rotate: 180deg;
    }

    .Desktop-partner-withus-star1 {
        position: absolute;
        height: 100px;
        width: 100px;
        rotate: 0deg;
        left: 226px;
        top: 20.5%;
    }

    .Desktop-partner-withus-star2 {
        position: absolute;
        height: 100px;
        width: 100px;
        rotate: 133.53deg;
        right: 228px;
        top: 63%;
    }

    .Desktop-Screen-CareerApply-Shape1 {
        position: absolute;
        height: auto;
        width: 140px;
        right: -64px;
        rotate: -71deg;
        top: 17px;
    }

    .Desktop-Screen-CareerApply-Shape2 {
        position: absolute;
        height: auto;
        width: 140px;
        left: -74px;
        bottom: 25px;
        rotate: 169deg
    }

    .Desktop-refferal-cricle-1 {
        position: absolute;
        height: auto;
        width: 150px;
        left: -101px;
        rotate: 75.96deg;
        opacity: 0.4;
    }

    .Desktop-refferal-cricle-2 {
        position: absolute;
        height: auto;
        width: 150px;
        rotate: 224.23deg;
        opacity: 0.4;
        right: -89px;
        bottom: 20px;
    }

    .Desktop-FAQ-Circle1 {
        position: absolute;
        height: auto;
        width: 150px;
        rotate: 9.4deg;
        left: -3%;
        top: 7%;
    }

    .Desktop-FAQ-Circle2 {
        position: absolute;
        height: auto;
        width: 150px;
        rotate: 187.48deg;
        right: -85px;
        bottom: 2%;
    }

    .Desktop-CodeofConduct-Star1 {
        position: absolute;
        height: auto;
        width: 120px;
        left: 8.5%;
        top: 3.1%;
    }

    .Desktop-CodeofConduct-Star2 {
        position: absolute;
        height: auto;
        width: 120px;
        right: 8.6%;
        bottom: 16%;
        rotate: 228deg;
        z-index: -1;
    }

    .Desktop-privacy-terms-shape1 {
        position: absolute;
        height: auto;
        width: 150px;
        rotate: 4.95deg;
        right: -3.7%;
        top: 18%;
    }

    .Desktop-privacy-terms-shape2 {
        position: absolute;
        height: auto;
        width: 150px;
        rotate: 97.18deg;
        left: -3%;
        top: 50%;
    }

    .Desktop-privacy-terms-shape3 {
        position: absolute;
        height: auto;
        width: 150px;
        rotate: 4.95deg;
        right: -3.7%;
        bottom: 5%;
    }

    .Desktop-contact-us-star1-top {
        position: absolute;
        height: 100px;
        width: 100px;
        rotate: 49.46deg;
        left: 223px;
    }

    .Desktop-contact-us-star1-bottom {
        position: absolute;
        height: 100px;
        width: 100px;
        rotate: 133.53deg;
        right: 229px;
        bottom: 23%;
    }

    .Desktop-breed-star1 {
        position: absolute;
        height: auto;
        width: 100px;
        rotate: 43.46deg;
        left: 223px;
        top: 5%;
    }

    .Breed-List-Section {
        padding-bottom: 20px;
    }

    .Desktop-breed-star2 {
        position: absolute;
        height: auto;
        width: 100px;
        rotate: 133.53deg;
        right: 229px;
        bottom: 27%;
    }

    .Desktop-BreedList-Shape1 {
        position: absolute;
        height: auto;
        width: 120px;
        rotate: 180deg;
        left: -66px;
    }

    .Desktop-BreedList-Shape2 {
        position: absolute;
        height: auto;
        width: 120px;
        right: -46px;
        bottom: 25px;
        rotate: 302deg;
    }
    /* Desktop-Elements-End*/
    /*L-Laptop*/
    .Mobile-Screen-Our-Values-Star1,
    .Mobile-Screen-Our-Values-Star2,
    .Mobile-screen-Testimonial-Star-1,
    .Mobile-screen-Testimonial-Star-2,
    .Mobile-Screen-BlogDetail-Star2,
    .Mobile-Screen-BlogDetail-Star1,
    .Mobile-Screen-privacy-terms-shape1,
    .Mobile-Screen-privacy-terms-shape2,
    .Mobile-Screen-privacy-terms-shape3,
    .Mobile-Screen-Contact-Star1,
    .Mobile-Screen-Contact-Star2,
    .Mobile-Screen-CodeofConduct-Star1,
    .Mobile-Screen-CodeofConduct-Star2,
    .Mobile-Screen-CodeofConduct-Star3,
    .Mobile-Screen-CodeofConduct-Star4,
    .Mobile-Screen-privacy-terms-shape1,
    .Mobile-Screen-privacy-terms-shape2,
    .Mobile-Screen-privacy-terms-shape3,
    .Mobile-Screen-privacy-terms-shape4,
    .Mobile-Screen-privacy-terms-shape5,
    .Mobile-Screen-privacy-terms-shape6,
    .Mobile-Screen-PartnerWithUs-Star1,
    .Mobile-Screen-PartnerWithUs-Star2,
    .Mobile-Screen-CareerApply-Star1,
    .Mobile-Screen-career-form-shape1,
    .Mobile-Screen-career-form-shape2,
    .Mobile-Screen-Breed-Shape1,
    .Mobile-Screen-BreedList-Shape1,
    .Mobile-Screen-BlogDetail-Star4,
    .Mobile-Screen-BlogDetail-Star3,
    .Mobile-Screen-breedDetail-Star1,
    .Mobile-Screen-breedDetail-Star2, .advertise-mobile {
        display: none;
    }

    .menu-button-mobile, .breed-tabbing-mobile {
        display: none;
    }

    .tab__btn {
        padding: 0px 0px !important;
    }

    .Mobile-FAQ {
        display: none;
    }

    .tab__menu {
        color: var(--text-color);
        list-style: none;
        max-width: 100% !important;
        display: flex;
        justify-content: space-evenly;
    }

    .Mobile-News-Letter-Contact-usPage {
        display: none;
    }

    .inner.vet p span {
        font-weight: 600 !important;
        color: #d75880;
        font-size:  20px;
         
    }

    .Service-Page-Before-Footer .mobile {
        display: none;
    }

    .mobile-screen-partnerwithus-content .mobile {
        display: none;
    }

    .Mobile-Screen-Dog-Nose-Image {
        display: none;
    }

    .Mobile-Screen-OverValues-Star2, .Mobile-Screen-OverValues-Star1, .Mobile-Screen-Advertise-Star1 {
        display: none;
    }

    .zumigo_pass h5 {
        display: none;
    }

    .Mobile-Screen-Get-Our-App-Mobile-Image img {
        display: none;
    }

    .Mobile-Screens-Contact-Section {
        display: none;
    }

    .Mobile-Screen-Service-Section-container {
        display: none;
    }

    .Mobile-Screen-Blog-Shape1, .Mobile-Screen-Blog-Shape2, .Mobile-Screen-Blog-Star1, .Mobile-Screen-Blog-Star2 {
        display: none;
    }

    .Mobile-Screen-Blogs-Section .bolgs .loadbtn {
        display: none !important;
    }

    .Breed-Detail-left .mobile {
        display: none;
    }

    .about-underline {
        position: relative;
        bottom: 7px;
        left: 60%;
    }

    .Mobile-Screen-Blogs-Section {
        display: none;
    }

    .about-underline img {
        height: auto;
        width: 150px;
    }

    .Mobile-screen-banner-content {
        display: none;
    }

    .Mobile-Screen-CareerForm-Star1 {
        display: none;
    }

    .Mobile-Screen-Success-Stories {
        display: none;
    }

    .referral-content .mobile {
        display: none;
    }

    .mobilelogo {
        display: none;
    }

    .sub-title .mobile {
        display: none;
    }

    .Mobile-Screen-Blog {
        display: none;
    }

    .Mobile-Benefits-Of-Pets-Service-Section {
        display: none;
    }

    .Mobile-screen-How-it-Work {
        display: none;
    }

    .Mobile-Screen-Service-Section {
        display: none;
    }

    .sub-title .mobile {
        display: none;
    }

    .Mobile-Screen-Footer-Menu {
        display: none;
    }

    .Mobile-Screen-BlogDetail-Star1 {
        display: none;
    }

    .AboutUs-before-footer-Title {
        padding-left: 13%;
    }

    .CareerPage-MobileScreenBefore-Footer-Image {
        display: none;
    }

    .pink-button {
        padding: 12px 24px;
        border-radius: 30px;
        width: auto;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: 'Nunito-Regular';
        font-weight: bold;
        font-size: 26px;
    }

    .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;
    }

    .number1 {
        min-width: 50px;
        height: 50px;
        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;
    }

    #myvideo {
        right: 0;
        min-width: 100%;
        max-height: 100%;
        object-fit: cover;
        z-index: -1;
    }

    .content h1 {
        font-weight: bold;
        font-size: 90px;
        text-shadow: #2f2f2f00 047 2px 2px 2px;
        margin-left: 5px;
        color: white;
        font-family: 'PTSans-Bold';
        line-height: 95px;
        margin-bottom: 13px;
    }

    .content p {
        font-family: "Nunito-Regular";
        /* font-weight: bold; */
        text-shadow: #2f2f2f00 059 2px 2px 2px;
        font-size: 32px;
        line-height: 30px;
        margin-left: 5px;
        color: white;
        font-weight: normal;
        line-height: 42px;
    }

    .text1 h1 {
        font-family: 'Nunito-Regular';
        font-size: 32px !important;
        color: #2f2f2f;
        line-height: 24px;
    }

    .petimg {
        /* z-index: -3; */
        margin-left: 20px;
        display: flex;
        align-items: center;
    }

    .step {
        display: flex;
        align-items: center;
        margin-bottom: 34px !important;
    }

    .petimg img {
        transition: opacity 0.5s ease-in-out;
        width: 50%;
        height: auto;
    }

    .text1 p {
        font-size: 23px;
        padding: 0;
        line-height: 25px;
    }

    .Service-video-style {
        /* width: 100%; */
        border-radius: 0px 50px 50px 0px;
        width: 1491px;
        height: 838px;
        display: flex;
        align-items: center;
    }

    .flipCard .flip-button {
        position: absolute;
        top: 753PX;
        left: 1392PX;
        cursor: pointer;
        Z-INDEX: 99;
        height: 46px;
        background: rgb(187, 188, 183);
        border-radius: 50%;
        width: 50px;
        display: block;
    }

    .newvideo-style {
        border-radius: 50px 0px 0px 50px;
        display: flex;
        align-items: center;
        width: 1588px;
        height: 896px;
    }

    .flipCard.is-flipped .flip-button {
        position: absolute;
        /*top: 617PX;*/
        left: 1133PX;
        cursor: pointer;
        Z-INDEX: 99;
        height: 46px;
        background: rgb(187, 188, 183);
        border-radius: 50%;
        width: 50px;
        display: block;
    }

    .card__face--back {
        transform: rotateY(180deg);
        display: flex;
        align-items: center;
        justify-content: left;
    }

    .card__face {
        position: absolute;
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
    }

    .card__face--front {
        background: transparent;
    }

    .bdr-ripple-ani-btn.pink {
        color: white;
        animation: at-ripple-pink 0.6s linear infinite;
    }

    .bdr-ripple-ani-btn.grey {
        color: white;
        animation: at-ripple-grey 0.6s linear infinite;
    }



    @-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);
        }
    }


    @-webkit-keyframes at-ripple-grey {
        0% {
            box-shadow: 0 4px 10px rgba(187, 188, 183, 0.1), 0 0 0 0 rgba(187, 188, 183, 0.1), 0 0 0 5px rgba(187, 188, 183, 0.1), 0 0 0 10px rgba(187, 188, 183, 0.1);
        }

        100% {
            box-shadow: 0 4px 10px rgba(187, 188, 183, 0.1), 0 0 0 5px rgba(187, 188, 183, 0.1), 0 0 0 10px rgba(187, 188, 183, 0.1), 0 0 0 20px rgba(187, 188, 183, 0);
        }
    }

    @keyframes at-ripple-grey {
        0% {
            box-shadow: 0 4px 10px rgba(187, 188, 183, 0.1), 0 0 0 0 rgba(187, 188, 183, 0.1), 0 0 0 5px rgba(187, 188, 183, 0.1), 0 0 0 10px rgba(187, 188, 183, 0.1);
        }

        100% {
            box-shadow: 0 4px 10px rgba(187, 188, 183, 0.1), 0 0 0 5px rgba(187, 188, 183, 0.1), 0 0 0 10px rgba(187, 188, 183, 0.1), 0 0 0 20px rgba(187, 188, 183, 0);
        }
    }

    .flip-button {
        position: absolute;
        bottom: 10px;
        right: 10px;
        z-index: 2;
        cursor: pointer;
        transition: transform 1s ease-in-out;
        height: 46px;
        background: rgb(187, 188, 183);
        border-radius: 50%;
        width: 50px;
        display: block;
    }

    .card__face {
        position: absolute;
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
    }
    /*.tabbing-navlink {
        color: #fff;
        font-size: 32px !important;
        padding-left: 8px;
        display: flex;
    }*/

    .newcard {
        position: relative;
        width: 100%;
        height: 100%;
        transform-style: preserve-3d;
        transform-origin: center center;
        transition: transform 1s ease-in-out;
    }

    .scene {
        display: inline-block;
        width: 1588px;
        height: 896px;
        margin: 40px 0 40px 0;
        perspective: 1000px;
    }

    .homepage-service-icon {
        display: flex;
        justify-content: center;
    }

    .order-2x .scene {
        display: inline-block;
        width: 1491px;
        height: 838px;
        margin: 40px 0;
        perspective: 1000px;
    }

    .how-itwork-star1-bottom {
        position: absolute;
        height: 90px;
        width: 90px;
        rotate: 162.68deg;
        right: 74px;
        top: 199%;
    }

    .how-itwork-star1-top {
        position: absolute;
        height: 100px;
        width: 100px;
        rotate: 58deg;
        left: 85px;
        top: 150%;
    }

    .navbar-nav {
        justify-content: space-evenly;
        font-family: "Nunito-Regular";
        font-size: 28px;
        color: white;
        font-weight: bold;
        gap: 39px;
        padding-left: 62px;
    }

    .why-partner-section.grey-wave-bg {
        background-image: url(../images/new-website/HowItWorksBg.png);
        background-size: unset;
        background-position: bottom;
        padding-bottom: 0px;
        height: 56vh !important;
        background-size: cover;
    }

    .grey-wave-bg {
        background-image: url(../images/new-website/HowItWorksBg.png);
        background-size: unset;
        background-position: bottom;
        padding-bottom: 0px;
        height: 75vh;
        background-size: cover;
    }

    .service-circle-1 {
        height: 117.59px;
        width: 117.59px;
        position: absolute;
        rotate: 160deg;
        left: 110.93px;
        top: 234%;
        z-index: -1;
    }

    .service-circle-2 {
        height: 130.8px;
        width: 130.8px;
        position: absolute;
        rotate: 189.45deg;
        left: 93.8%;
        top: 327%;
    }

    section div div h3 {
        font-family: 'Nunito-Regular';
        font-size: 38px !important;
        line-height: 41px;
    }

    .section div div p.fs-18 {
        font-size: 21px;
        padding-top: 8px;
    }

    .service-circle-3 {
        height: 160.8px;
        width: 160.8px;
        position: absolute;
        rotate: 1deg;
        left: -7.6%;
        top: 410%;
    }

    .service-circle-4 {
        height: auto;
        width: 160.8px;
        position: absolute;
        rotate: 276deg;
        left: 80.5%;
        top: 519.7%;
        z-index: -1;
    }

    .bdr-ripple-ani-btn.grey {
        color: white;
        animation: at-ripple-grey 0.6s linear infinite;
    }

    .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;
    }

    .Schedule-Appointment {
        padding: 9px 23px 9px;
        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: 20px;
    }

    .Get-App-Button1 {
        padding: 9px 23px 9px;
        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: 20px;
        margin-right: 1%;
    }

    .flipCard .flip-button {
        position: absolute;
        bottom: 10px;
        right: 10px;
        z-index: 2;
        height: 60px;
        width: 60px;
        cursor: pointer;
        transition: transform 1s ease-in-out;
    }

    .newflip-button {
        position: absolute;
        top: 245PX;
        left: 635PX;
        cursor: pointer;
        Z-INDEX: 99;
    }

        .newflip-button img {
            width: 50px; /* Adjust size as needed */
            height: auto;
        }

    @keyframes blinker {
        0% {
            opacity: 1;
            filter: drop-shadow(0px 0px 20px #d75880); /* Red shadow */
        }

        50% {
            opacity: 0.5;
            filter: drop-shadow(0px 0px 25px #ceaab7); /* Blue shadow */
        }

        100% {
            opacity: 1;
            filter: drop-shadow(0px 0px 30px #d783a3); /* Green shadow */
        }
    }

    .blink-image {
        width: 100px; /* Adjust size as needed */
        height: auto;
        animation: blinker 2s infinite alternate ease-in-out;
    }

    .flip-button img {
        width: 40px;
        height: auto;
        padding-top: 5px;
    }

    .flipCard .flip-button1 {
        position: absolute;
        bottom: 37px;
        left: 39px;
        z-index: 2;
        height: 60px;
        width: 60px;
        cursor: pointer;
        transition: transform 1s ease-in-out;
        background-color: #bbbcb7;
    }

    .newcard.is-flipped {
        transform: rotateY(180deg);
    }

    .flip-button,
    .newflip-button {
        cursor: pointer;
    }
    /* Rotate the button when flipped but keep it at the same position */
    .newcard.is-flipped .flip-button img {
        transform: rotateY(180deg);
    }

    .flipCard.is-flipped .flip-button {
        position: absolute;
        bottom: 29px !important;
        left: 4% !important;
        z-index: 2;
        cursor: pointer;
        transition: transform 1s ease-in-out;
    }

    .flipCard.is-flipped .flip-button1 {
        position: absolute;
        bottom: 37px;
        left: 93%;
        z-index: 2;
        cursor: pointer;
        transition: transform 1s ease-in-out;
    }

    .navbar-toggler {
        border-color: rgba(255, 255, 255, 0.5);
    }

    .navbar-toggler-icon {
        background-color: white; /* Makes the icon visible */
    }

    .server-content-home {
        align-items: center;
        padding: 0px 78px 0px 0px;
    }

        .server-content-home p {
            padding-bottom: 5px;
            font-size: 35px;
        }

    .homepage-service-readmore {
        color: #d75880;
        font-weight: 600;
        font-size: 26px;
    }

    .homepage-service-icon img {
        height: 252px !important;
    }

    h2 {
        font-family: 'Nunito-Regular';
        font-size: 27px;
        color: #84899a;
    }

    .zumigo_pass img {
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        display: block;
        width: 80%;
        height: auto;
    }

    .benefits-star1 {
        position: absolute;
        height: auto;
        width: 120px;
        rotate: -43deg;
        top: 558%;
        left: 3%;
    }

    .benefits-star2 {
        position: absolute;
        height: auto;
        width: 120px;
        rotate: 139deg;
        top: 622%;
        right: 11%;
    }

    .benefits-for-pets {
        background-image: url(../images/new-website/BenefitsBg.png);
        background-size: cover;
        padding: 150px 0px 170px 0px;
    }

    .zumigo_pass div h1 {
        padding-top: 22px;
    }

    .testimonheading {
        font-size: 50px !important;
        padding-top: 11px;
        color: #2f2f2f;
    }

    .testimonsubhead {
        font-size: 28px !important;
        padding-top: 5px;
    }

    .testimonials_section .testimonial-subtitle {
        font-family: Nunito-Regular;
        font-size: 42px !important;
        color: #2f2f2f;
        font-weight: 600;
    }

    .testimoanil-underline {
        position: relative;
        bottom: 11px;
        left: 15%;
    }

        .Desktop-NewsLetter {
        padding-top: 180px !important;
    }

    .Contact-us-GetOur-App-Bg {
        background-image: url(../images/new-website/IndexBeforeFooterImageBigScreen.png);
        /*        background-image: url(../images/new-website/IndexBeforeFooterImageTemp.png);*/
        height: 1766px;
        background-size: cover;
        padding-bottom: 30px;
    }
   

    .testimoanil-underline img {
        width: 176px;
        height: auto;
    }

    .testimonials_section .testimonials_content .paragraph {
        font-weight: 600;
        line-height: normal;
        color: #d75880;
        margin-bottom: 20px;
        padding: 20px 0px;
        font-size: 29px;
        min-height: 206px;
    }

    .testimonials_image img {
        width: 100%;
        display: block;
        margin: 0 auto;
        padding-top: 0;
    }

    .testimoanil-underlin img {
        width: 166px;
    }

    .testimonials_section .testimonials_content h3 {
        color: #8B909F;
        margin-bottom: 0;
        line-height: 32px;
        font-size: 29px !important;
    }

    .testimonials_section .testimonials_content p {
        color: #2f2f2f;
        margin-bottom: 42px;
        font-size: 21px;
        padding-top: 5px;
    }

    .tst .owl-carousel {
        padding-top: 19px;
    }

    .testimonail-star-image2 {
        position: absolute;
        height: auto;
        width: 100.75px;
        top: 36.5%;
        right: 48%;
        rotate: 148.48deg;
    }

    .testimonail-star-image1 {
        position: absolute;
        height: auto;
        width: 100.75px;
        top: 75.3%;
        left: 12.3%;
        rotate: 144.48deg;
    }

    .owl-dots {
        position: absolute;
        top: 72%;
        left: 50%;
        transform: translateX(-50%);
    }

    .owl-dot.active {
        background: #d65880;
        width: 14px;
        height: 14px;
    }

    .NewsLetter-Text div .breed-subtitle {
        margin-top: 241px;
        margin-bottom: 74px;
    }

    .breed-subtitle h1 {
        color: #fff;
        font-size: 56px;
        padding-bottom: 8px;
    }

    .breed-subtitle h2 {
        color: #fff;
        font-size: 29px;
    }

    .email-input input[type="email"] {
        width: 70%;
        padding: 17px;
        border-radius: 10px;
        border: 2px solid #fff;
        background-color: transparent;
        font-weight: bold;
        color: #fff;
        font-size: 22px;
    }

    .breed-subtitle .email-input {
        padding-top: 13px;
    }

    .breed-subtitle .subscribe-button {
        padding-top: 10px;
        margin: 0 auto;
        display: block;
        text-align: center;
        padding-right: 33%;
    }

    .get-our-app-content ul li .icon-content .icon img {
        height: 50px;
        width: 50px;
    }
    /*.flip-button {
        position: absolute;
        top: 375PX;*/
    /* left: 695PX;*/
    /*cursor: pointer;
        Z-INDEX: 99;
    }
    .flip-button1 {
        position: absolute;
        top: 375PX;
        left: 695PX;
        cursor: pointer;
        Z-INDEX: 99;
    }*/
    .flip-button1 img {
        width: 40px;
        height: auto;
        padding-top: 5px;
    }

    
    header {
        position: fixed;
        top: 0;
        z-index: 999;
        background-color: transparent;
        transition: background-color 0.3s ease;
        color: #ffffff;
    }

    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .navbar {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

    .navbar-expand-lg .navbar-toggler {
        display: none;
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }

    header .nav-link-other-page {
        color: #84899a;
        font-weight: bold;
        letter-spacing: 0 !important;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }

    .servcard .card-body {
        flex: 1 1 auto;
        padding: 1rem 1rem;
        background-color: #d75880;
        border-radius: 0 0 23px 23px;
    }

    .ctntactus.NewsLetter-Text div .breed-subtitle {
        margin-top: 12px;
        margin-bottom: 0px;
    }

    .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;
    }

    .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;
    }


    .left-sidecontent h1 {
        font-size: 42px;
    }

    .swiper-image-four {
        background-image: url(../images/new-website/new-home/benifit-2.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }


    .swiper-image-six {
        background-image: url(../images/new-website/new-home/benifit-3.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .swiper-image-eight {
        background-image: url(../images/new-website/new-home/benifit-4.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .swiper-image-two {
        background-image: url(../images/new-website/new-home/benifit-1.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .sb-image {
        width: 570px;
        height: 390px;
        padding: 20px;
        background-image: url(assets/images/new-website/sbimage.png);
        border-radius: 30px;
        border-right: 10px solid #d75880;
        border-bottom: 10px solid #d75880;
        text-align: center;
    }

    .mr-auto {
        margin: auto;
    }

    .card-2 {
        border-radius: 23px;
    }

    .cardimage {
        border-top-left-radius: 23px;
        border-top-right-radius: 23px;
    }

    .inner.vet p span {
        font-weight: 600 !important;
    }

    .card-text {
        width: 70px;
        height: 70px;
        margin: auto;
        background-color: #fff;
        color: #d75880 !important;
        border-radius: 50%;
        border: 7px solid #d75880;
        padding: 6px;
        margin-top: -40px;
    }

        .card-text img {
            height: auto;
            width: 35px;
        }

    .Veterinary-image {
        width: 60%;
        border-radius: 30px;
        border-right: 10px solid #d75880;
        border-bottom: 10px solid #d75880;
    }

    .Sick-Pet-Care-Diagnostic-Services .mycolor {
        font-size: 32px !important;
        color: #2f3f3f;
    }

    .inner {
        padding-left: 20px;
        text-align: center !important;
    }

    /* .Diagnostic-card {
        width: 390px;
        height: 390px;
        background-image: url(assets/images/new-website/Diagnostic-crads-bg.png);
        border: 2px solid black;
        padding: 16px;
        border-radius: 23px;
    }*/

    .Diagnostic-icon {
    }

    .Banerimage2 {
        background-image: url(assets/images/new-website/BackgroundImage2.png);
        padding: 230px 0px;
    }

    .backside {
        background-color: #fae8f1;
    }

    #home-slider {
        height: 65vh;
        width: 100% !important;
        position: relative;
    }

    h1 {
        font-family: 'PTSans-Bold';
        font-size: 50px;
        font-weight: 600;
        color: #d65880;
        padding-bottom: 12px;
        padding-top: 15px;
    }

    .HomePage-Service .order-2 h1 {
        font-family: 'Nunito-Regular';
        color: #2f2f2f;
        font-weight: bold;
        text-align: center;
        font-size: 3.8rem !important;
        padding-bottom: 25px;
    }

    .HomePage-Service h1 {
        font-family: 'Nunito-Regular';
        color: #2f2f2f;
        font-weight: bold;
        text-align: center;
        font-size: 3.8rem !important;
        padding-bottom: 25px;
    }

    a, h1, h3, h4, h5, span, h2 {
    }

    .logo img {
        width: 250px !important;
        height: auto;
        object-fit: cover;
    }

    .new-nav {
        justify-content: space-evenly;
        font-family: "Nunito-Regular";
        font-size: 27px;
        color: #84899a;
        font-weight: bold;
        gap: 49px;
        padding-left: 55px
    }

    .about-underline {
        position: relative;
        bottom: 13px;
        left: 38%;
    }

        .about-underline img {
            width: 201px !important;
        }

    .aboutus-left-side-content-top {
        font-size: 30.5px;
        margin-top: 5px;
        color: #2f2f2f;
        font-weight: 600;
        line-height: normal;
        word-break: break-word;
    }

    .left-sidecontent {
        padding-left: 14px;
    }

    .abouts-us {
        background: url(../images/shape-cut.png);
        padding: 158px 0px 190px;
        background-size: cover;
        background-repeat: no-repeat;
        height: 100vh;
    }

    .left-sidecontent-description {
        font-size: 25.5px !important;
        /* line-height: 37.74px; */
        color: #2f2f2f;
        margin: 0;
        font-weight: 400;
    }

    .Philosophy-Main-Div1 h3 {
        color: #2f2f2f !important;
        text-align: center;
        font-weight: normal;
        font-size: 21.5px;
        padding-top: 8px;
    }

    .our-values-card {
        background-color: #fff;
        border: 1px solid #BBBCB8;
        height: 269px;
        width: auto;
        border-radius: 30px;
        text-align: center;
        padding: 18px 6px 14px 6px;
    }

        .our-values-card div h2 {
            font-size: 22px;
            font-weight: 600;
            color: #2f2f2f;
            margin-top: 15px;
            text-align: center;
            padding-bottom: 5px;
        }

        .our-values-card div p {
            font-size: 19px;
            color: #2f2f2f;
            line-height: normal;
        }

    .Our-Philosophy {
        background-color: #fff;
    }

    .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; */
    }

    .Philosophy-Main-Div1 h3 {
        color: #2f2f2f !important;
        text-align: center;
        font-weight: normal;
        font-size: 21.5px;
        padding-top: 8px;
    }

    .card-Philosophy {
        margin-top: 10px;
        height: auto;
        width: 100%;
        border-radius: 30px;
        text-align: center;
    }

        .card-Philosophy p {
            color: #2f2f2f;
            font-size: 27.3px;
            line-height: normal;
        }

    .bold-content {
        margin-top: 18px !important;
        font-size: 30px !important;
        color: #d75880 !important;
        font-weight: bold !important;
    }

    .Get-App-Button.float-end {
        padding: 9px 23px 9px;
        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: 20px;
        margin-right: 1%;
    }

    .Get-App-Button {
        padding: 9px 23px 9px;
        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: 20px;
    }

    .Our-Philosophy.section-gap {
        padding: 10px 0px 40px 0px !important;
    }

    .checkft {
        margin: auto auto auto 21px;
    }

    .mask1 {
        webkit-mask-image: url(../images/new-website/MakingPetParenting.png);
        mask-image: url(../images/new-website/MakingPetParenting.png);
        mask-size: 92%;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-position: center;
        -webkit-mask-position: center;
        height: 700px;
        /* padding: 0; */
        /* margin: 0; */
        right: 0;
        width: 1451px;
        position: relative;
        left: 3%;
    }

    .About-us-Before-Footer-Video {
        height: auto;
        width: 100%;
    }

    .Service-Page-Before-Footer {
        background-image: url(../images/new-website/ServiceBeforeFooterImage.png);
        background-size: cover;
        background-repeat: no-repeat;
        padding: 200px 0px;
    }

    .AboutUs-before-footer {
        /*background-color: #d65880;*/
        background: url(../images/ttt.png);
        background-size: cover;
    }

        .AboutUs-before-footer h1 {
            color: #fff;
            font-size: 50px;
            padding-bottom: 8px;
        }

        .AboutUs-before-footer p {
            color: #fff;
            font-size: 32px;
            font-weight: normal
        }

    .getpass {
        padding-top: 35px;
    }

    .zumigo_pass h3 {
        padding-top: 20px;
        font-family: 'Nunito-Regular';
        font-weight: bold;
        font-size: 33px !important;
        padding: 20px 26px 0px 26px !important;
    }

    .zumigo_pass p {
        font-family: 'Nunito-Regular';
        color: #848999;
        line-height: 28.74px;
        font-weight: bold;
        /* padding-top: 22px; */
        font-size: 25px !important;
        padding: 13px 5px 0px 7px !important;
    }

    .testimonials_section {
        background-image: url(../images/new-website/TestimonialBigScreenBg.png);
        background-size: cover;
        padding: 133px 0px 60px !important;
    }

    .white-button {
        padding: 9px 23px 9px;
        border-radius: 30px;
        width: auto;
        background-color: white;
        color: #d75880;
        border: transparent;
        font-family: "Nunito-Regular";
        font-weight: bold;
        transition: background-color 0.3s ease;
        font-size: 26px;
        padding: 12px 24px;
    }

    
    .crr-before {
        padding-top: 310px;
        padding-bottom: 80px;
    }
    .how-itwork-tabbing-content {
        padding-top: 30px;
        background-color: #fff;
        border-radius: 20px;
        padding: 40px;
        margin-top: 30px;
        z-index: 9;
        position: relative;
    }
   
    .main-title h1 {
        font-size: 50px !important;
    }

    .tstw {
        padding-top: 80px;
    }

    .sub-title p {
        font-size: 32px;
        line-height: normal;
    }

    .videomaskingimage {
        height: auto;
        width: 44%;
        position: absolute;
        top: 144px;
        right: -3px;
    }

    .videomaskingimage1 {
        height: auto;
        width: 43%;
        position: absolute;
        top: 129px;
        right: 6px;
    }

    .footer {
        background-color: #84899a;
        height: auto;
        padding: 35px 0px 20px 0px;
    }

    .footer-logo {
        text-align: start;
    }

        .footer-logo img {
            width: 250px;
            height: auto;
        }

    .footer-slogan {
        font-size: 27px;
        font-weight: 600;
        margin: 2px 0 5px;
        /* text-transform: uppercase; */
        color: #fff;
    }

    .footer-get-app .get-fromplaystore {
        display: flex;
        gap: 10px;
        justify-content: flex-start;
    }

        .footer-get-app .get-fromplaystore img {
            width: 174px;
            height: auto;
            padding-top: 6px;
        }

    .support, .services, .company, .support h3, .services h3, .company h3, .support ul, .services ul, .company ul {
        color: white;
        margin-top: 10px;
    }

        .support ul, .services ul, .company ul {
            padding-top: 4px;
            font-size: 20px;
        }

            .support ul li ul, .services ul li ul, .company ul li ul {
                padding-top: 0px;
                font-size: 12px;
                list-style: none;
                padding-left: 9px;
                font-weight: 400;
                margin-top: 0;
            }

    .footer-bottom-copyright {
        border-top: 2px solid white;
        margin-top: 20px;
    }

    .copyright-content {
        color: white;
        font-size: 21px;
    }

    .social-icon {
        display: flex;
        float: right;
    }

        .social-icon i {
            display: flex;
            width: 52px;
            justify-content: center;
            align-items: center;
            /* border-radius: 51%; */
            font-size: 24px;
            color: white;
            padding: 0;
            /* background-color: #ffffff; */
            /* border: 2px solid #fd5262; */
        }

    .about-us-banner-bg {
        background: url(../images/new-website/BackgroundImageAbotuUsPage.png);
        height: auto;
        padding-top: 242px !important;
        /* background-position: bottom; */
        background-size: cover;
    }

    .blog-banner {
        background: url(../images/new-website/BackgroundImage3.png);
        height: auto;
        padding-top: 150px;
        background-position: bottom;
        background-size: cover;
        padding-bottom: 108px;
    }

    .blog-banner1 {
        background: url(../images/new-website/BackgroundImage3.png);
        height: auto;
        padding-top: 150px;
        background-position: bottom;
        background-size: cover;
        padding-bottom: 154px;
    }

    .blog-banner2 {
        background: url(../images/new-website/BackgroundImage3.png);
        height: auto;
        padding-top: 150px !important;
        background-position: bottom;
        background-size: cover;
        padding-bottom: 50px !important;
    }

    .blog-card .card-body {
        flex: 1 1 auto;
        padding: 1rem 5px;
    }

    .blog-title {
        color: #2f2f2f;
        font-weight: 600;
        font-size: 26px !important;
        line-height: 38px;
    }

    .blog-card .card-body .blog-textt {
        line-height: normal;
        font-size: 22.5px;
        min-height: 42px;
    }

    .blog-footer .left-side .top, .bottom {
        font-size: 23px;
        font-weight: 600;
    }

    .loadbtn {
        text-align: center;
        padding-top: 50px
    }

    .anchromain .main-title h1 {
        justify-content: center;
        text-align: left;
        display: block;
    }

    .Recent-Blog {
        align-items: center;
    }

    .anchromain .sub-title h2 {
        font-size: 42px;
        margin-top: 13px;
        color: #2f2f2f;
        line-height: normal;
    }

    .anchromain .bottom-content {
        padding-top: 8px;
    }

    .adivce-div {
        line-height: 48.74px;
        padding-top: 20px;
    }

    .advice-by {
        font-size: 32px;
        color: #2f2f2f;
    }

    .advice-by-name {
        font-size: 32px;
        font-weight: 600;
        color: #2f2f2f;
    }

    .blog-image img {
        height: auto;
        width: 100%;
    }

    .blog-image3 img {
        height: auto;
        width: 80%;
        border-radius: 30px;
        display: block;
        margin: 0 auto;
    }


    .blog-detail-title h1 {
        text-align: center;
        font-family: Nunito-Regular !important;
        font-weight: 600;
        padding-top: 21px;
        font-size: 58px;
    }

    .blog-detail-content {
        padding: 25px 0px 30px 0px;
    }


        .blog-detail-content p, li {
            font-size: 26.5px;
            /* line-height: 37.74px; */
            color: #2f2f2f;
            margin: 0;
            font-weight: 400;
        }

        .blog-detail-content h3 {
            font-family: 'Nunito-Regular';
            font-size: 20px;
            font-weight: 600;
        }

        .blog-detail-content ul {
            list-style: disc;
            padding-left: 18px;
        }

        .blog-detail-content ol {
            padding-left: 18px;
        }

    .blog-detail-banner {
        background: url(../images/new-website/OtherBlogDetailPageBg.png);
        padding-top: 125px;
        padding-bottom: 6px;
        background-position: bottom;
        background-size: cover;
    }

    .adwu {
        padding-top: 60px;
    }

    .adwu1 {
        padding-top: 88px;
    }

    .adwu2 {
        padding-top: 40px;
    }

    .adwu3 {
        padding-top: 60px;
    }

    .adwu4 {
        padding-top: 70px;
    }

    .career-form-shape1 {
        position: absolute;
        height: auto;
        width: 180px;
        right: 94%;
        rotate: 163deg;
        top: 167%;
    }

    .contact-info {
        padding-right: 36px;
        padding-top: 18px;
    }

    .career-form-shape2 {
        position: absolute;
        height: auto;
        width: 180px;
        left: 94%;
        rotate: 268deg;
        top: 107%;
    }


    .form-group input[type="email"], .form-group input[type="text"], .form-group input[type="tel"], .form-group input[type="file"], .form-group input[type="number"], .form-group input[type="search"], .form-group textarea, .form-group select {
        padding: 15px;
        border-radius: 10px;
        border: 1px solid #848A9A;
        font-size: 27px;
        font-weight: 400;
        color: #848A9A;
    }

    .image-pointer {
        height: 40px;
        width: 40px;
    }

    .i-agree-content p {
        font-size: 22px;
        padding-top: 5px;
        padding-left: 5px;
    }

    .career-form-main-title, .contact-form-titile {
        font-family: 'PTSans-Bold';
        font-weight: 600;
        font-size: 45px;
        color: #2f2f2f;
        padding-top: 10px;
    }

    .formx {
        padding-top: 15px !important;
    }

    .Get-App-Buttonadwu {
        padding: 4px 35px;
        border-radius: 30px;
        width: auto;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: "Nunito-Regular";
        font-weight: 600;
        transition: background-color 0.3s ease;
        font-size: 14px;
    }

    .blog-bannercareer {
        background: url(../images/new-website/BackgroundImage3.png);
        height: auto;
        padding-top: 150px;
        background-position: bottom;
        background-size: cover;
        /* padding-bottom: 4px; */
    }

    .career-page-right-side-content-title {
        font-size: 40px;
        font-family: 'PTSans-Bold';
        color: #2f2f2f;
        font-weight: 600;
    }

    .career-page-right-side-content-text {
        font-size: 28px;
        line-height: normal;
        padding-top: 10px;
    }

    .career-form-container .col-xl-5 {
        display: flex;
        align-items: stretch;
    }

        .career-form-container .col-xl-5 img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* Ensures the image covers the full area without distortion */
        }

    .wrapper {
        width: 56%;
        height: 40%;
        margin-top: 18px;
        cursor: pointer
    }

        .wrapper .file-upload {
            height: 50px;
            width: 50px;
            border-radius: 100px;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 4px solid #FFFFFF;
            overflow: hidden;
            background-image: linear-gradient(to bottom, #d75880 50%, #FFFFFF 50%);
            background-size: 100% 200%;
            transition: all 1s;
            color: #FFFFFF;
            font-size: 100px;
            cursor: pointer
        }

            .wrapper .file-upload input[type='file'] {
                height: 200px;
                width: 200px;
                position: absolute;
                top: 0;
                left: 0;
                opacity: 0;
                cursor: pointer;
            }

            .wrapper .file-upload:hover {
                background-position: 0 -100%;
                color: #d75880;
                border: 2px solid;
                cursor: pointer
            }

    .career-page-right-side-content-text p {
        font-size: 28px !important;
        padding-bottom: 7px;
    }

        .career-page-right-side-content-text p.dark {
            font-weight: bold !important;
        }

    @-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);
        }
    }
    /*back to top Css*/
    #button {
        display: inline-block;
        /*width: 50px;
        height: 50px;
        text-align: center;*/
        /*border-radius: 4px;*/
        position: fixed;
        bottom: 30px;
        right: 30px;
        /*transition: background-color .3s, opacity .5s, visibility .5s;*/
        opacity: 0;
        visibility: hidden;
        z-index: 1000;
        cursor: pointer;
    }


        #button.show {
            opacity: 1;
            visibility: visible;
        }




    .OuterBorderRippleAnimation {
        /*width: 100%;
        height: auto;
        padding: 50px;*/
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .homepage-service-readmore :hover {
        color: #d75880 !important;
    }

    .bdr-ripple-ani-btn {
        display: block;
        width: 90px;
        height: 90px;
        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;
    }

    .before-footer-main-title {
        font-size: 50px;
        font-family: 'PTSans-Bold';
        font-weight: 600;
        text-align: center;
        line-height: normal;
        color: #fff;
    }

    .checkbox-container {
        position: relative;
        width: 45px;
        height: 0px;
        cursor: pointer;
        margin-top: 7px;
        padding-right: 5px;
    }

    .formlabel {
        font-size: 25px;
        padding-left: 6px;
    }

    .wrapper {
        width: 100% !important;
        height: auto !important;
        /* margin-top: 46px !important;*/
        cursor: pointer !important;
    }

    .Other-Form-Grpup {
        margin-top: 20px;
    }

    .wrapper .Upload-File {
        font-size: 22px;
    }

    .mobile {
        display: none;
    }

    .referral-content {
        display: flex;
        padding-top: 30px;
        justify-content: center;
        align-items: center;
    }


    .wrapper .file-upload {
        height: 50px;
        width: 50px;
        border-radius: 100px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 4px solid #FFFFFF;
        overflow: hidden;
        background-image: linear-gradient(to bottom, #d75880 50%, #FFFFFF 50%);
        background-size: 100% 200%;
        transition: all 1s;
        color: #FFFFFF;
        font-size: 100px;
        cursor: pointer;
    }

    .reffral .main-title h1 {
        font-size: 50px !important;
    }

    .reffral .sub-title p {
        font-size: 32px;
        line-height: normal;
    }

    .advertise-mobile {
        display: none;
    }

    .refferal-cricle-1 {
        position: absolute;
        height: 170px;
        width: 170px;
        left: -101px;
        rotate: 75.96deg;
        /* bottom: -340px; */
        top: 568px;
        opacity: 0.4;
    }

    .refferal-cricle-2 {
        position: absolute;
        height: 170px;
        width: 170px;
        right: -121px;
        rotate: 224.23deg;
        bottom: -340px;
        top: 952px;
        opacity: 0.4;
    }

    .referral-image img {
        height: auto;
        width: 90%;
        display: block;
        margin: 0 auto;
    }

    .referral-text {
        font-size: 30px;
        font-weight: 600;
        padding-left: 23px;
    }

    .mt50 {
        margin-top: 50px;
    }

    .icon {
        width: 40px;
        height: 31px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

        .icon img {
            width: 58%;
            height: auto;
            /* padding-top: 10px; */
            /*object-fit: contain;
            padding-top: 9px;*/
        }

    .text {
        font-size: 28px;
        color: #2f2f2f;
        padding-top: 0px;
    }

    .document-list li {
        display: flex;
        align-items: center;
        margin: 0px 5px;
    }

    .partner-withus-box h1 {
        font-size: 40px;
        color: #2f2f2f;
    }

    .partner-withus-box h2 {
        font-size: 36px;
        color: #2f2f2f;
        font-family: 'PTSans-Bold';
        font-weight: bold;
    }

        .partner-withus-box h2 span {
            font-size: 36px;
            color: #2f2f2f;
            font-family: 'PTSans-Bold';
            font-weight: bold;
        }

    .partner-withus-box .samll-content {
        font-family: 'Nunito-Regular';
        font-size: 30px;
        padding-top: 21px;
        line-height: normal;
    }

    transitions style {
        opacity: 0.0939633;
    }

    element.style {
        width: 582px;
        opacity: 0;
        transform: translate3d(-1164px, 0px, 0px);
        transition-duration: 1000ms;
    }

    .swiper-fade .swiper-slide {
        pointer-events: none;
        transition-property: opacity;
    }

    .swiper-backface-hidden .swiper-slide {
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .swiper-slide {
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        transition-property: transform;
    }

    .partnr .swiper-slide {
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        /*  position: relative;
        background-color: #fff !important;
        overflow: hidden;
        display: flex;*/
    }

    .partner-withus-star1-top {
        position: absolute;
        height: 100px;
        width: 100px;
        rotate: 65.46deg;
        left: 86px;
        top: 97.6%;
    }

    .partner-withus-star1-bottom {
        position: absolute;
        height: 100px;
        width: 100px;
        rotate: 133.53deg;
        right: 80px;
        top: 135%;
    }

    .font-weight-bold-title {
        font-size: 29px !important;
    }

    .why-partner {
        padding-top: 30px;
    }

    .tst.text-muted {
        font-family: 'Nunito-Regular';
        font-size: 22px;
        padding-top: 14px;
        text-align: center;
        line-height: normal;
        color: #2f2f2f !important;
    }

    .blog-slider__img {
        width: auto;
        flex-shrink: 0;
        height: 409px;
        border-radius: 20px;
        transform: translateX(-80px);
        overflow: hidden;
        position: relative;
        right: 79%;
    }

        .blog-slider__img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            border-radius: 20px;
            transition: all .3s;
        }

    .blog-slider__content {
        padding-right: 0;
        padding-left: 13%;
    }




        .blog-slider__content p {
            font-size: 23px;
            line-height: normal;
            color: #2f2f2f;
            margin: 0;
            font-weight: 400;
            padding: 11px 0 0 12px;
        }

    .veterinary-section {
        display: flex;
        justify-content: center;
    }

        .veterinary-section div .inner p {
            font-size: 23px !important;
            /* line-height: 37.74px; */
            color: #2f2f2f;
            margin-left: auto;
            margin-right: auto;
            width: 50%;
        }

    .client .name {
        font-size: 32px;
        font-weight: 600;
        color: #d75880;
        padding-top: 16px;
    }

    .client .cityname {
        font-size: 28px;
        font-weight: 500;
        color: #84899a;
    }

    .blog-slider {
        width: 75%;
        position: relative;
        margin: auto 0px 0px auto;
        background-image: url(assets/images/new-website/TestimonialBg.png);
        border: 2px solid #d75880;
        padding: 25px;
        border-radius: 30px;
        transition: all .3s;
    }

    .FAQ-Category-Icon img {
        height: auto;
        width: 55px;
    }

    .FAQ-Category-Name {
        font-size: 25px;
        padding-left: 25px;
    }

    .FAQ-Category-Card {
        background-color: transparent;
        color: #2f2f2f !important;
        padding: 11px 18px;
        border-radius: 20px !important;
        border: 2px solid #848A9A !important;
    }

        .FAQ-Category-Card.active {
            background-color: #848A9A !important;
            color: white !important;
            padding: 11px 18px;
            border-radius: 10px;
        }

    .faq-drawer {
        margin-bottom: 5px;
        border-bottom: 1.5px solid #848A9A;
        transition: border-bottom 0.3s ease-in-out;
    }

    .faq-drawer__content .faq-content {
        padding-left: 38px;
        font-family: 'Nunito-Regular';
        font-size: 25px !important;
    }

    .faq-drawer__title {
        cursor: pointer;
        display: block;
        font-size: 25px !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.active .faq-drawer__title::after {
        content: "";
        border-style: solid;
        border-width: 2px 2px 0 0;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 36%;
        transform: rotate(135deg) translateY(-50%);
        transition: transform 0.3s ease-in-out;
        height: 14px;
        width: 14px;
    }

    .faq-drawer__content .faq-content {
        padding-left: 38px;
        font-family: 'Nunito-Regular';
        font-size: 18px;
    }

    .faq-ans-heading {
        font-weight: bold;
        padding-bottom: 5px;
    }

    .faq-ans-inner-content {
        padding-bottom: 5px;
    }

    .FAQ-Circle1 {
        position: absolute;
        height: 160px;
        width: 160px;
        rotate: 9.4deg;
        left: -7%;
        top: 86%;
    }

    .FAQ-Circle2 {
        position: absolute;
        height: 171px;
        width: 171px;
        rotate: 187.48deg;
        right: -85px;
        top: 170%;
    }

    .heading-border-top:before {
        border-top: 3px solid #d75880;
        content: "";
        display: block;
        height: 1px;
        left: 47%;
        /* margin-left: -30px; */
        position: absolute;
        top: 0;
        width: 130px;
        position: relative;
        padding-bottom: 20px;
    }

    .heading-border-top h1 {
        font-family: 'PTSans-Bold';
        font-size: 32px !important;
        font-weight: 600;
        color: #d65880;
        text-align: center;
        color: #2f2f2f !important;
    }

    .heading-border-top button {
        margin-top: 24px;
        padding: 5px 20px;
    }

    .heading-border-top {
        padding-bottom: 60px;
        text-align: center;
        margin-top: 112px;
    }

    #v-pills-tabContent {
        padding-left: 30px;
    }

    .blog-banner3 {
        background: url(../images/new-website/BackgroundImage3.png);
        height: auto;
        padding-top: 150px;
        background-position: bottom;
        background-size: cover;
        padding-bottom: 166px;
    }

    .code-of-conduct-star1 {
        position: absolute;
        height: auto;
        width: 128px;
        left: 6.7%;
        top: 94.4%;
        rotate: -2deg;
        /* z-index: -1; */
    }

    .code-of-conduct-section {
        padding: 36px 0px 60px;
    }

    .code-of-conduct-title {
        font-family: 'PTSans-Bold';
        font-size: 24px;
        font-weight: 600;
    }

    .refralrow {
        padding-top: 80px;
    }

    .code-of-conduct-title {
        font-family: 'PTSans-Bold';
        font-size: 24px;
        font-weight: 600;
    }

    h3.animate-charcter {
        font-size: 21px;
        padding-top: 20px !important;
    }

    .blog-bannercareer1 {
        background: url(../images/new-website/BackgroundImage3.png);
        height: auto;
        padding-top: 126px;
        background-position: bottom;
        background-size: cover;
        padding-bottom: 86px;
    }

    .anchromain1 .main-title h1 {
        justify-content: center;
        text-align: left;
        display: block;
        padding-top: 10px;
    }

    .anchromain1 .sub-title h2 {
        font-size: 23px;
        margin-top: 8px;
        color: #2f2f2f;
        line-height: normal;
    }

    .code-of-conduct-detail p {
        font-size: 22px;
        line-height: 34px;
    }

    .mycolor {
        color: #2f2f2f;
        font-size: 22px;
        font-weight: bold;
    }

    .code-of-conduct-star2 {
        position: absolute;
        height: auto;
        width: 100px;
        right: 6.6%;
        top: 218%;
        z-index: -1;
        rotate: 162.95deg;
    }

    .privacy-policy h3 {
        color: #d75880;
        font-family: 'Nunito-Regular';
        font-size: 20px;
        font-weight: 600;
    }

    .privacy-policy ul {
        list-style: disc;
        padding-left: 18px;
        font-size: 13px;
    }

    .privacy-terms-shape1 {
        position: absolute;
        height: auto;
        width: 150px;
        rotate: 4.95deg;
        right: -7.8%;
        top: 152%;
    }

    .privacy-terms-shape2 {
        position: absolute;
        height: auto;
        width: 150px;
        rotate: 97.18deg;
        left: -7.5%;
        top: 270%;
    }

    .privacy-terms-shape3 {
        position: absolute;
        height: auto;
        width: 150px;
        rotate: 4.95deg;
        right: -7.8%;
        top: 407%;
    }

    .getorapp {
        padding-top: 259px;
        padding-bottom: 170px;
    }

    #publication {
        padding-bottom: 39px;
    }

    .breed-table a {
        color: #848A9A;
        text-decoration: none;
        font-size: 32px;
    }

    .sectionbeforefoot {
        background-image: url(../images/new-website/IndexBeforeFooterImageTemp.png);
        /*  height: 1058px;*/
        background-size: cover;
        padding-bottom: 50px;
    }

    .subscribe-newletter {
        background-image: url(../images/new-website/IndexBeforeFooterImage.png);
        background-size: cover;
        padding: 0px 0px 30px;
        margin-top: -155px !important;
    }

    .store-top-text {
        font-size: 20px;
        font-weight: normal;
        color: #848a9a;
    }

    .store-bottom-text {
        font-size: 25px;
        font-weight: bold;
        color: #848a9a;
        text-align: center;
        padding: 0;
        margin: 0;
        line-height: 1;
    }

    .store img {
        height: 41px;
        width: auto;
        padding-left: 7px;
    }

    .sectionbeforefoot .subscribe-button {
        padding-top: 10px;
        margin: 0 auto;
        display: block;
        text-align: center;
        padding-right: 33%;
    }

    .sectionbeforefoot h1 {
        color: #fff;
        font-size: 32px;
        padding-bottom: 8px;
    }

    .sectionbeforefoot p {
        color: #fff;
        font-size: 17px;
    }

    .sectionbeforefoot .email-input {
        padding-top: 7px;
    }

    .sticky .container-fluid .navbar .collapse .terms .nav-item .nav-link-other-page {
        color: #84899a;
    }

    .terms .nav-item .nav-link-other-page {
        color: #fff;
    }

    .contact-us-star1-top {
        position: absolute;
        height: 100px;
        width: 100px;
        rotate: 56.46deg;
        left: 85px;
        top: 111%;
    }

    .contact-us-star1-bottom {
        position: absolute;
        height: 100px;
        width: 100px;
        rotate: 133.53deg;
        right: 82px;
        top: 210%;
    }

    .grey-wave-bg-top {
        background-image: url(../images/new-website/HowItWorksBg.png);
        background-size: cover;
        background-position: top;
        padding-bottom: 70px;
        padding-top: 130px;
        background-repeat: no-repeat;
    }

    .contacth1 {
        font-size: 40px;
        color: #2f2f2f;
    }

    .contact-us-underline {
        position: absolute;
        top: 134px;
        left: 65%;
        height: auto;
        width: 154px;
    }

    .contact-us-form {
        padding-top: 30px;
    }

    .contact-info p {
        font-size: 25.5px;
        padding-bottom: 3px;
        padding-top: 3px;
    }

    .contact-info span {
        color: #d75880;
        font-size: 25.5px;
        font-weight: bold;
    }

    .icon-content .icon img {
        height: 36px;
        width: 50px;
    }


    .store {
        height: 75px;
        width: 263px;
        border: 1px solid #848A9A;
        border-radius: 18px;
        margin-bottom: 5px;
        display: flex;
        align-items: center;
        padding: 15px;
        text-align: center;
    }

    .play-app-store {
        padding-left: 0;
        padding-top: 13px;
    }

    #publication .container {
        position: relative;
        margin-top: 0px;
    }

    .qr-code {
        height: auto;
        width: 160px;
        align-items: center;
        display: flex;
        justify-content: center;
    }

        .qr-code img {
            height: auto;
            width: 180px;
        }

    .app-bottom-content {
        padding-top: 10px;
        justify-content: start;
        padding-left: 15px;
        padding-bottom: 40px;
    }

    .sampl.text-white {
        font-size: 32px !important;
        padding-top: 6px;
    }

    .Service-Section2 {
        background-image: url(../images/new-website/Service-BannerSection2.png);
        padding: 170px 0px 296px;
        background-position: top;
        background-size: cover;
    }

    .inner.vet p {
        font-size: 15px !important;
    }

    .subtitless {
        margin-top: 40px;
    }

    .Diagnostic-card {
        padding: 16px;
        border-radius: 23px;
        border: 1px solid #BBBCB8 !important;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
    }

    .Diagnostic-card-SickPetCare, .Diagnostic-card-Wellness, .Diagnostic-card-Food, .Diagnostic-card-Grooming {
        min-height: 332px !important;
    }

/*    .Diagnostic-card-Wellness {
        min-height: 322px !important;
    }

    .Diagnostic-card-Food {
        min-height: 215px !important;
    }

    .Diagnostic-card-Grooming {
        min-height: 265px !important;
    }*/

    .veterinary-section div .inner span {
        font-size: 25px !important;
        font-weight: 600 !important;
        color: #d75880;
        margin: 0;
        font-weight: 400;
    }

    .Diagnostic-card div h2 {
        font-size: 14px;
        font-weight: 600;
        color: #2f2f2f;
        margin-top: 15px;
        text-align: center;
        padding-bottom: 5px;
    }

    .Diagnostic-card div p {
        font-size: 24.5px;
        color: #2f2f2f;
        line-height: normal;
    }

    .Diagnostic-icon {
        height: auto !important;
        width: 80% !important;
    }

    .Partner-with-us-card .Diagnostic-icon {
        height: auto !important;
        width: 130px !important;
    }

    .fotcls h1 {
        font-size: 50px !important;
    }

    .fotcls p {
        font-size: 25px !important;
    }

    .btnx {
        margin-top: 20px;
    }

    .tab-content > .tab > p {
        font-size: 28px;
    }

    .veterinary-section-shape1 {
        position: absolute;
        height: 209.95px;
        width: 209.95px;
        rotate: 309.07deg;
        left: -56px;
        top: 220%;
    }

    .veterinary-section-shape2 {
        position: absolute;
        height: 209.95px;
        width: 209.95px;
        rotate: 360deg;
        right: -80px;
        top: 400%;
    }

    .veterinary-section-shape3 {
        position: absolute;
        height: 209.95px;
        width: 209.95px;
        rotate: 290deg;
        left: -70px;
        top: 490%;
    }

    .veterinary-section-shape4 {
        position: absolute;
        height: 209.95px;
        width: 209.95px;
        rotate: 340deg;
        left: -60px;
        top: 725%;
    }

    .veterinary-section-shape5 {
        position: absolute;
        height: 209.95px;
        width: 209.95px;
        rotate: 200deg;
        right: -100px;
        top: 840%;
    }

    .get-our-app-text h2 {
        color: #2f2f2f;
        font-weight: 600;
        font-size: 35px;
    }

    .get-our-app-content li {
        padding-top: 23px;
    }

    .Get-Our-App-Content-Right {
        padding-top: 300px;
    }

    .get-our-app-content .icon {
        height: 70px;
        width: 70px;
        background-color: #fbeef5;
        border-radius: 50%;
        text-align: center;
    }

    .search {
        width: 100% !important;
        padding: 15px;
        border-radius: 10px;
        border: 1px solid #BBBCB7;
        font-weight: bold;
        color: #838999;
        font-size: 32px;
        padding-left: 90px !important;
    }

    .contact-us-form .search-icon {
        left: 13%;
        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;
        font-size: 25px;
    }

    .search-box {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px !important;
    }

    .breed-tabbing-text p {
        padding: 0px 16px 15px;
        line-height: normal;
        font-size: 13px;
    }

    .tabbing-navlink img {
        height: auto;
        width: 50px !important;
        padding-right: 4px;
    }

    .ribbon {
        background-color: #d75880;
        padding: 5px 6px;
        border-radius: 10px;
        justify-content: center;
    }

    .tabbing-navlink {
        color: #fff;
        font-size: 32px !important;
        padding: 4px 9px !important;
        text-align: center;
        margin: 0;
    }

    .Male-Weight-Height-Info {
        text-align: center;
        font-size: 25px;
    }

    .FeMale-Weight-Height-Info {
        font-size: 25px;
        text-align: center;
    }

    .MaleIcon img {
        height: auto;
        width: 25%;
        display: block;
        margin: 0 auto;
    }

    .breedtabbing-content {
        border: 2px solid #D75880;
        padding: 0PX;
        border-radius: 13PX;
        min-height: 274px;
    }

    .breed-bannercareer {
        background: url(../images/new-website/BackgroundImage3.png);
        height: auto;
        padding-top: 123px;
        background-position: bottom;
        background-size: cover;
        padding-bottom: 80px !important;
    }

    .Explore {
        font-size: 32px;
    }

    .breeddetail-beforefooter {
        display: flex;
        align-items: center;
        height: 382px;
        padding-top: -33px;
        margin-top: -128px;
    }

    .NewsLetter-Text div .subtitile h1 {
        padding-top: 81px;
        text-align: left;
    }

    .Weight-info img {
        height: auto;
        width: 80px !important;
    }

    .Height-info img {
        height: auto;
        width: 80px !important;
    }

    .Country-info img {
        height: auto;
        width: 72px !important;
    }

    .breed-info {
        text-align: center;
        display: flex;
        grid-gap: 60px !important;
        padding-top: 20px;
    }

    .Weight p {
        font-size: 32px;
    }

    .Height p {
        font-size: 32px;
    }

    .Country-info p {
        font-size: 32px;
    }

    .breed-star1-top {
        position: absolute;
        height: 100px;
        width: 100px;
        rotate: 43.46deg;
        left: 101px;
        top: 117%;
    }

    .breed-detail-star1-bottom {
        position: absolute;
        height: 100px;
        width: 100px;
        rotate: 133.53deg;
        right: 105px;
        top: 177%;
    }

    .breed.grey-wave-bg-top {
        background-image: url(../images/new-website/HowItWorksBg.png);
        background-size: cover;
        /* background-position: top; */
        padding-bottom: 70px;
        padding-top: 85px;
        background-repeat: no-repeat;
        height: 155vh;
    }
}

@media (width: 1440px) and (height: 900px) {
    /* Your CSS styles here */
    .crr-before {
        padding-top: 140px;
        padding-bottom: 40px;
    }
    .Diagnostic-card-SickPetCare, .Diagnostic-card-Wellness, .Diagnostic-card-Food, .Diagnostic-card-Grooming {
        min-height: 223px !important;
    }
    .Desktop-how-itwork-star2 {
        rotate: 160deg;
        /* zoom: normal; */
        height: auto;
        right: 7.9% !important;
        position: absolute;
        width: 80px;
        bottom: 34% !important;
    }

    .content {
        bottom: 12%;
    }

    .How-itwork-desktop {
        height: 74vh !important;
    }

    .testimonials_section {
        height: 91vh;
    }

    .fotcls p {
        font-size: 18px !important;
    }

    .flipCard .flip-button {
        position: absolute;
        top: 433px !important;
        left: 800px;
        cursor: pointer;
        Z-INDEX: 99;
        height: 46px;
        background: rgb(187, 188, 183);
        border-radius: 50%;
        width: 50px;
        display: block;
    }

    .flipCard.is-flipped .flip-button {
        left: 6% !important;
        top: 433PX !important;
    }

    .Desktop-benefits-star1 {
        top: 17.5% !important;
    }

    .Desktop-benefits-star2 {
        bottom: 12% !important;
    }

    .Dekstop-screen-Testimonial-Star-1 {
        top: 33% !important;
    }

    .Dekstop-screen-Testimonial-Star-2 {
        top: 58.7% !important;
    }

    .mask1 {
        mask-size: 96% !important;
    }

    .Diagnostic-card-Grooming {
        min-height: 186px !important;
    }

    .Desktop-partner-withus-star2 {
        right: 114px !important;
    }

    .why-partner-section.grey-wave-bg {
        height: 55vh !important;
    }

    .Desktop-breed-star2 {
        right: 114px !important;
    }

    .Desktop-FAQ-Circle2 {
        right: -65px !important;
    }

    .Desktop-FAQ-Circle1 {
        left: -6% !important;
    }

    .Desktop-contact-us-star1-bottom {
        right: 114px !important;
    }
}

@media (width: 1280px ) and (height: 800px) {
    .content {
        bottom: 11%;
    }
    .Service-Section2 {
      
        padding: 40px 0px 120px;
       
    }
    .crr-before {
        padding-top: 115px;
        padding-bottom: 40px;
    }

    .Desktop-how-itwork-star1 {
        top: 106px;
    }

    .Desktop-how-itwork-star2 {
        right: 7.5% !important;
        bottom: 32% !important;
    }

    .grey-wave-bg {
        height: 81vh;
    }

    .Desktop-benefits-star1 {
        top: 17.1% !important;
    }

    .Desktop-benefits-star2 {
        bottom: 11% !important;
    }

    .Dekstop-screen-Testimonial-Star-1 {
        top: 38% !important;
        right: 48% !important;
    }

    .Dekstop-screen-Testimonial-Star-2 {
        top: 66.8% !important;
    }

    .testimoanil-underline {
        left: 18% !important;
    }

    .about-underline {
        left: 56% !important;
    }

    .mask1 {
        mask-size: 95% !important;
    }

    .Desktop-partner-withus-star2 {
        right: 97px !important;
    }

    .why-partner-section.grey-wave-bg {
        height: 58vh !important;
    }

    .Desktop-partner-withus-star1 {
        left: 95px !important;
    }

    .Desktop-breed-star2 {
        right: 98px;
    }
}

@media (width: 2304px ) and (height: 1440px) {
    .content {
        bottom: 11%;
    }
    .advice-by {
        font-size: 32px;
        color: #2f2f2f;
        font-weight: 600;
        padding-top: 10px;
    }
    .sub-title p {
        font-size: 32px;
        line-height: normal;
    }
    .blog-card .card-body .blog-textt {
        line-height: normal;
        font-size: 21.5px;
        min-height: 90px;
    }
    .breed-table {
        display: flex;
        /* justify-content: center; */
        flex-wrap: wrap;
        margin-bottom: 30px;
        margin: 5px 18px;
        font-size: 25px;
        font-weight: 600;
        cursor: pointer;
    }
    .search {
        width: 100% !important;
        padding: 15px;
        border-radius: 10px;
        border: 1px solid #BBBCB7;
        font-weight: bold;
        color: #838999;
        font-size: 25px;
        padding-left: 80px !important;
    }
    .fa:before, .fab:before, .far:before, .fas:before {
        content: var(--fa);
        font-size: 25px;
    }
    .contact-us-form .search-icon {
        left: 12.8%;
    }
        .advice-by-name {
        font-size: 32px; 
        font-weight: 600;
        color: #2f2f2f;
        margin-top: 12px;
    }
    .contact-info p {
        font-size: 24px;
        padding-bottom: 3px;
        padding-top: 3px;
    }
    .contact-info span {
        color: #d75880;
        font-size: 24px;
        font-weight: bold;
    }
    .career-page-right-side-content-text p {
        font-size: 28px !important;
        padding-bottom: 7px;
    }
    .career-page-right-side-content-text {
        font-size: 28px;
        line-height: normal;
        padding-top: 10px;
    }
    .text1 p {
        font-size: 23px;
        padding: 0;
        line-height: 25px;
    }
    .crr-before {
        padding-top: 260px;
        padding-bottom: 40px;
    }
    .Desktop-how-itwork-star1 {
        left: 8.4% !important;
    }

    .Desktop-how-itwork-star2 {
        bottom: 34% !important;
        right: 8.3% !important;
    }

    .How-itwork-desktop {
        height: 61vh !important;
    }
    .text1 h1 {
        font-family: 'Nunito-Regular';
        font-size: 32px !important;
        color: #2f2f2f;
        line-height: 30px;
    }
    .benefits-for-pets {
        padding: 160px 0px 170px 0px;
        height: 96vh;
    }

    #home-slider {
        height: 62vh !important;
    }

    .swiper-image-left p {
        font-size: 32px !important;
    }

    .Desktop-benefits-star1 {
        top: 17.8% !important;
    }

    .Desktop-benefits-star2 {
        bottom: 9% !important;
    }

    .testimonials_section {
        background-image: url(../images/new-website/TestimonialBigScreenBg.png) !important;
        background-size: cover;
        padding: 133px 0px 104px !important;
    }

    .Dekstop-screen-Testimonial-Star-2 {
        top: 60.4% !important;
    }

    .Dekstop-screen-Testimonial-Star-1 {
        top: 31% !important;
    }

    .Desktop-NewsLetter {
        padding-top: 261px !important;
    }

    .newvideo-style, .order-2x .scene, .Service-video-style, .scene {
        width: 1392px !important;
        height: 790px !important;
    }

    .flipCard .flip-button {
        top: 709PX !important;
        left: 1320PX !important;
    }

    .homepage-service-icon img {
        width: 50% !important;
       height:auto !important;
    }

    .about-underline {
        position: relative;
        bottom: 6px;
        left: 41% !important;
    }

    .abouts-us {
        padding: 158px 0px 253px !important;
    }

    .aboutus-left-side-content-top {
        font-size: 36.5px !im;
    }

    .left-sidecontent-description {
        font-size: 30.5px !important;
    }

    .our-values-card div p {
        font-size: 24px !important;
        color: #2f2f2f;
        line-height: normal;
    }

    .our-values-card {
        height: 283px !important;
    }

        .our-values-card div h2 {
            font-size: 28px !important;
        }

    .AboutUs-before-footer p {
        color: #fff;
        font-size: 30px !important;
        font-weight: normal
    }

    .white-button {
        font-size: 27px !important;
    }

    .Service-Section2 {
        padding: 119px 0px 263px;
    }

    .fotcls p {
        font-size: 32px !important;
        padding-top: 0px;
    }

    .Food-Section {
        padding: 147px 0px;
    }

    .veterinary-section div .inner span {
        font-size: 35px !important;
    }

    .veterinary-section div .inner p {
        font-size: 29px !important;
        margin: 0 0 0 277px;
    }

    .sampl.text-white {
        font-size: 37px !important;
        padding-top: 0px;
    }

    .card-text {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        margin-top: -60px;
    }

        .card-text img {
            height: auto;
            width: 44px;
            margin-top: 9px;
        }

    .Sick-Pet-Care-Diagnostic-Services .mycolor {
        font-size: 30px !important;
    }

    .Diagnostic-card div p {
        font-size: 24.5px;
    }

    .Diagnostic-card-Grooming {
        min-height: 291px !important;
    }

    .Diagnostic-card-Food {
        min-height: 265px !important;
    }

    .Diagnostic-card-Wellness {
        min-height: 360px !important;
    }

    .Diagnostic-card-SickPetCare {
        min-height: 358px !important;
    }

    .pink-button {
        font-size: 27px !important;
    }

    .Desktop-veterinary-section-shape1, .Desktop-veterinary-section-shape2 {
        height: auto !important;
        width: 346.95px !important;
    }

    .Desktop-veterinary-section-shape5 {
        width: 490px !important;
        height: auto;
    }

    .Desktop-partner-withus-star1 {
        left: 194px !important;
        top: 20.5%;
    }

    .Desktop-partner-withus-star2 {
        top: 63% !important;
        right: 200px;
    }

    .why-partner-section.grey-wave-bg {
        height: 50vh !important;
        background-size: cover;
    }

    .Desktop-Partner-WithUs {
        padding-top: 140px !important;
    }

    .Desktop-refferal-cricle-1 {
        left: -60px !important;
    }

    .Desktop-refferal-cricle-2 {
        right: -62px;
        bottom: 50px;
    }

    .Desktop-breed-star2 {
        right: 199px !important;
    }

    .Desktop-breed-star1 {
        position: absolute;
        height: auto;
        width: 100px;
        rotate: 43.46deg;
        left: 193px !important;
        top: 5%;
    }

    .Explore {
        font-size: 32px !important;
    }

    .tabbing-navlink {
        font-size: 32px !important;
    }

        .tabbing-navlink img {
            height: auto;
            width: 40px !important;
        }

    .breedtabbing-content p {
        font-size: 30px !important;
    }

    .mask1 {
        mask-size: 95%;
        height: 695px;
        width: 1404px;
    }

    .Desktop-FAQ-Circle1 {
        left: -4% !important;
    }

    .Desktop-CodeofConduct-Star1 {
        left: 8.2%;
    }

    .Desktop-CodeofConduct-Star2 {
        right: 8.8%;
    }

    .Desktop-privacy-terms-shape3, .Desktop-privacy-terms-shape1 {
        right: -3.7%;
    }

    .Desktop-contact-us-star1-top {
        left: 196px;
    }

    .Desktop-contact-us-star1-bottom {
        right: 200px;
    }

    .Desktop-ContactUs-Section {
        background-image: url(../images/new-website/Service-FoodSectionBigScreenBg.png);
        padding-top: 200px !important;
        padding-bottom: 250px !important;
    }

    .checkft {
        margin: auto auto auto 21px;
    }
}



@media (width: 1728px ) and (height: 1117px) {
    .How-itwork-desktop {
        height: 56vh;
    }
    .crr-before {
        padding-top: 160px;
        padding-bottom: 40px;
    }

    .Desktop-how-itwork-star2 {
        right: 7.8%;
        bottom: 26%;
    }

    #home-slider {
        height: 62vh !important;
    }

    .Desktop-benefits-star2 {
        bottom: 10.5%;
    }

    .Desktop-benefits-star1 {
        top: 17.7%;
    }

    .Dekstop-screen-Testimonial-Star-2 {
        top: 65.5%;
    }

    .testimonials_section {
        background-image: url(../images/new-website/TestimonialBigScreenBg.png);
    }

    .abouts-us {
        padding: 148px 0px 149px;
    }

    .why-partner-section.grey-wave-bg {
        height: 64vh !important;
    }

    .Desktop-partner-withus-star2 {
        right: 144px;
    }

    .Desktop-refferal-cricle-1 {
        left: -68px !important;
    }

    .Desktop-refferal-cricle-2 {
        right: -51px;
        bottom: 45px;
    }

    .Desktop-breed-star1 {
        left: 138px;
    }

    .Desktop-breed-star2 {
        right: 144px;
    }

    .breedtabbing-content p {
        font-size: 30px !important;
    }

    .tabbing-navlink {
        font-size: 25px !important;
    }

        .tabbing-navlink img {
            height: auto;
            width: 40px !important;
        }

    .checkft {
        margin: auto auto auto 21px;
    }
}

@media (width: 1512px ) and (height: 982px) {
    .How-itwork-desktop {
        height: 61vh !important;
    }
        .why-partner-section.grey-wave-bg {
        height: 49vh !important;
    }
    .tst.text-muted {
        font-family: 'Nunito-Regular';
        font-size: 15px;
    }
    .blog-slider__content{
        padding-left:5%;
    }
        .blog-slider__content p {
            font-size: 20px;
            line-height: 23.74px;
        }
            .crr-before {
        padding-top: 160px;
        padding-bottom: 40px;
    }
    .fotcls p {
        font-size: 20px !important;
    }
    .Desktop-how-itwork-star2 {
        right: 8%;
        bottom: 26%;
    }

    .Desktop-benefits-star1 {
        top: 16.5%;
    }

    .Desktop-benefits-star2 {
        bottom: 11%;
    }

    .testimonials_section {
        background-image: url(../images/new-website/TestimonialBigScreenBg.png);
        height: 87vh;
    }

    .Dekstop-screen-Testimonial-Star-2 {
        top: 62.3%;
    }

    .Dekstop-screen-Testimonial-Star-1 {
        top: 35%;
    }

    .Service-Section2 {
        padding: 87px 0px 144px;
    }

    .card-text img {
        height: auto;
        width: 25px;
        margin-top: -8px;
    }

    .tabbing-navlink {
        color: #fff;
        font-size: 22px !important;
        padding: 4px 9px !important;
        text-align: center;
        margin: 0;
    }

    .contact-us-underline {
        position: absolute;
        top: 102px;
        left: 69%;
        height: auto;
        width: 97px;
    }
}



@media (width:2560px) and (height:1440px) {
    .Desktop-how-itwork-star1 {
        left: 8.5% !important;
    }

    .How-itwork-desktop {
        height: 68vh !important;
    }
    .crr-before {
        padding-top: 270px;
        padding-bottom: 40px;
    }

    .petimg img {
        transition: opacity 0.5s ease-in-out;
        width: 58%;
        height: auto;
    }

    .text1 h1 {
        font-size: 32px !important;
    }

    .text1 p {
        font-size: 24px;
        padding: 0;
        line-height: 31px;
    }

    #home-slider {
        /* height: 65vh !important; */
        /* width: 90vw; */
        /* position: relative; */
        height: 55vh;
        width: 100% !important;
        position: relative;
    }

    .Desktop-how-itwork-star2 {
        right: 8.4% !important;
        bottom: 32%;
    }

    .How-itwork-desktop {
        height: 65vh;
    }

    .newvideo-style, .scene, .Service-video-style {
        width: 1515px !important;
        height: 852px !important;
    }

    .bdr-ripple-ani-btn, .flipCard .flip-button, .flipCard.is-flipped .flip-button {
        width: 80px;
        height: 80px;
    }

    .flip-button1 img, .flip-button img {
        width: 55px;
        height: auto;
        margin-top: 9px;
    }

    .flipCard .flip-button {
        top: 743PX;
        left: 1401PX;
    }

    .homepage-service-icon img {
        height: 252px !important;
    }

    .server-content-home p {
        padding-bottom: 5px;
        font-size: 40px;
    }

    .homepage-service-readmore {
        color: #d75880;
        font-weight: 600;
        font-size: 32px;
    }

    .flipCard.is-flipped .flip-button {
        top: 743PX !important;
    }

    .Desktop-benefits-star1 {
        top: 14%;
    }

    .swiper-image-inner p {
        font-size: 38px;
        line-height: normal;
    }

    section div div h3 {
        font-family: 'Nunito-Regular';
        font-size: 45px !important;
        line-height: 55px;
    }

    .Desktop-benefits-star2 {
        bottom: 9.2%;
    }

    .testimoanil-underline {
        position: relative;
        bottom: 11px;
        left: 13%;
    }

        .testimoanil-underline img {
            width: 227px;
            height: auto;
        }

    .testimonials_section {
        background-image: url(../images/new-website/TestimonialBigScreenBg.png);
        background-size: cover;
        padding: 133px 0px 65px !important;
    }

    .Dekstop-screen-Testimonial-Star-2 {
        top: 57.4%;
    }

    .Dekstop-screen-Testimonial-Star-1 {
        top: 29.2%;
    }

    .Desktop-NewsLetter {
        padding-top: 330px !important;
        padding-bottom: 107px;
    }

    .white-button {
        font-size: 30px !important;
        margin-top: 10px;
    }

    .email-input input[type="email"] {
        font-size: 25px;
    }

    .our-values-card {
        background-color: #fff;
        border: 1px solid #BBBCB8;
        height: 318px;
        width: auto;
        border-radius: 30px;
        text-align: center;
        padding: 18px 6px 14px 6px;
    }

        .our-values-card div p {
            font-size: 28px;
            color: #2f2f2f;
            line-height: normal;
        }

        .our-values-card div h2 {
            font-size: 30px;
            font-weight: 600;
            color: #2f2f2f;
            margin-top: 15px;
            text-align: center;
            padding-bottom: 5px;
        }

    .mask1 {
        mask-size: 92%;
        height: 590px;
        /* padding: 0; */
        /* margin: 0; */
        right: 0;
        width: 1289px;
    }

    .AboutUs-before-footer p {
        color: #fff;
        font-size: 37px;
        font-weight: normal
    }

    .bold-content {
        margin-top: 18px !important;
        font-size: 34px !important;
        color: #d75880 !important;
        font-weight: bold !important;
    }

    .card-Philosophy p {
        color: #2f2f2f;
        font-size: 31.3px;
        line-height: normal;
    }

    .left-sidecontent-description {
        font-size: 31.5px !important;
        /* line-height: 37.74px; */
        color: #2f2f2f;
        margin: 0;
        font-weight: 400;
    }

    .aboutus-left-side-content-top {
        font-size: 37.5px;
        margin-top: 5px;
        color: #2f2f2f;
        font-weight: 600;
        line-height: normal;
        word-break: break-word;
    }

    .left-sidecontent h1 {
        font-size: 50px;
    }

    .abouts-us {
        background: url(../images/shape-cut.png);
        padding: 241px 0px 212px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .sub-title p {
        font-size: 32px;
        line-height: normal;
    }

    .sampl.text-white {
        font-size: 40px !important;
        padding-top: 0px;
    }

    .card-text {
        width: 80px;
        height: 80px;
        margin: auto;
        background-color: #fff;
        color: #d75880 !important;
        border-radius: 29px;
        border: 7px solid #d75880;
        padding: 6px;
        margin-top: -67px;
        border-radius: 50%;
    }

        .card-text img {
            height: auto;
            width: 45px;
        }

    .Service-Section2 {
        background-image: url(../images/new-website/Service-BannerSection2.png);
        padding: 160px 0px 300px;
        background-position: top;
        background-size: cover;
    }

    .veterinary-section div .inner p {
        font-size: 28px !important;
        /* line-height: 37.74px; */
        color: #2f2f2f;
        margin: 0 0 0 327px;
        font-weight: 400;
        width: 61%;
    }

    .veterinary-section div .inner span {
        font-size: 30px !important;
    }

    .Diagnostic-card div p {
        font-size: 24.5px;
        color: #2f2f2f;
        line-height: normal;
    }

    .Sick-Pet-Care-Diagnostic-Services .mycolor {
        font-size: 30px !important;
        color: #2f3f3f;
    }

    .Food-Section {
        background-image: url(../images/new-website/Service-FoodSectionBigScreenBg.png);
        background-size: cover;
        background-repeat: no-repeat;
        padding: 206px 0px 165px;
    }

    .Diagnostic-card-Food {
        min-height: 236px !important;
    }

    .Diagnostic-card-SickPetCare {
        min-height: 338px !important;
    }

    .Diagnostic-card-Wellness {
        min-height: 342px !important;
    }

    .Diagnostic-card-Grooming {
        min-height: 274px !important;
    }

    .advice-by-name {
        font-size: 30px;
        font-weight: 600;
        color: #2f2f2f;
        padding-top: 10px;
    }

    .advice-by {
        font-size: 30px;
        color: #2f2f2f;
        font-weight: 600;
        padding-top: 10px;
    }

    .blog-title {
        color: #2f2f2f;
        font-weight: 600;
        font-size: 30px !important;
        line-height: 33px;
    }

    .blog-card .card-body .blog-textt {
        line-height: normal;
        font-size: 26.5px;
        min-height: 90px;
    }

    .blog-footer .left-side .top, .bottom {
        font-size: 26.5px;
        font-weight: 600;
    }

    .blog-detail-content p {
        font-size: 29.5px;
        /* line-height: 37.74px; */
        color: #2f2f2f;
        margin: 0;
        font-weight: 400;
    }

    .Desktop-partner-withus-star1 {
        position: absolute;
        height: 100px;
        width: 100px;
        rotate: 0deg;
        left: 220px;
        top: 27.5%;
    }

    .Desktop-partner-withus-star2 {
        position: absolute;
        height: 100px;
        width: 100px;
        rotate: 133.53deg;
        right: 226px;
        top: 68%;
    }

    .why-partner-section.grey-wave-bg {
        background-image: url(../images/new-website/HowItWorksBg.png);
        background-size: cover;
        background-position: bottom;
        padding-bottom: 0px;
        height: 76vh !important;
        height: 54vh !important;
        padding-top: 10px;
    }

    .Desktop-Partner-WithUs {
        padding-top: 200px;
    }

    .blog-slider__content {
        padding-right: 0;
        padding-left: 0%;
    }

        .blog-slider__content p {
            font-size: 31px;
            line-height: 35.74px;
            color: #2f2f2f;
            margin: 0;
            font-weight: 400;
            padding: 11px 0 0 12px;
        }

    .Desktop-Service-circle4 {
        position: absolute;
        height: auto;
        width: 150px;
        right: 26px;
        bottom: -2.2%;
        rotate: -87deg;
    }

    .Desktop-refferal-cricle-1 {
        position: absolute;
        height: auto;
        width: 150px;
        left: -69px;
        rotate: 75.96deg;
        opacity: 0.4;
        top: 12%;
    }

    .Desktop-refferal-cricle-2 {
        position: absolute;
        height: auto;
        width: 150px;
        rotate: 224.23deg;
        opacity: 0.4;
        right: -61px;
        bottom: 70px;
    }

    .Desktop-veterinary-section-shape5 {
        position: absolute;
        bottom: 0;
        width: 550px;
        height: auto;
        right: -9%;
    }

    .breed-table {
        display: flex;
        /* justify-content: center; */
        flex-wrap: wrap;
        margin-bottom: 30px;
        margin: 5px 18px;
        font-size: 28px;
        font-weight: 600;
        cursor: pointer;
    }

    .search {
        width: 100% !important;
        padding: 15px;
        border-radius: 10px;
        border: 1px solid #BBBCB7;
        font-weight: bold;
        color: #838999;
        font-size: 32px;
        padding-left: 83px !important;
    }

    .fa-brands:before, .fa-regular:before, .fa-solid:before, .fa:before, .fab:before, .far:before, .fas:before {
        content: var(--fa);
        font-size: 25px !important;
    }

    .tab-content > .tab > p {
        font-size: 28px;
    }

    .tabbing-navlink {
        color: #fff;
        font-size: 35px !important;
        padding: 4px 9px !important;
        text-align: center;
        margin: 0;
    }

        .tabbing-navlink img {
            height: auto;
            width: 48px !important;
        }



    .Desktop-breed-star1 {
        left: 217px;
    }

    .Desktop-breed-star2 {
        right: 227px;
    }

    .Explore {
        font-size: 40px !important;
    }

    .Weight p, .Height p, .Country p {
        font-size: 32px;
    }

    .Country-info img {
        height: auto;
        width: 70px !important;
    }

    .Height-info img {
        height: auto;
        width: 82px !important;
    }

    .Weight-info img {
        height: auto;
        width: 82px !important;
    }

    .Desktop-FAQ-Circle1 {
        left: -3% !important;
    }

    .faq-drawer__content .faq-content {
        padding-left: 38px !important;
        font-family: 'Nunito-Regular';
        font-size: 30px !important;
    }

    .faq-drawer__title {
        cursor: pointer;
        display: block;
        font-size: 32px !important;
        font-weight: 700;
        padding: 5px 15px 11px 35px;
        margin-bottom: 0;
        color: #2f2f2f;
        transition: color 0.3s ease-in-out;
        position: relative;
    }

    .FAQ-Section {
        background-image: url(../images/new-website/BackgroundImageGetOurAppGrey.png);
        padding: 50px 0px 0px;
        background-size: cover;
    }

    .Desktop-CodeofConduct-Star1 {
        position: absolute;
        height: auto;
        width: 120px;
        left: 8.2%;
        top: 3.1%;
    }

    .code-of-conduct-detail p {
        font-size: 29px;
        line-height: 41px;
    }

    .Desktop-CodeofConduct-Star1 {
        position: absolute;
        height: auto;
        width: 120px;
        left: 8.2%;
        top: 2.5%;
    }

    .Desktop-privacy-terms-shape1, .Desktop-privacy-terms-shape3 {
        right: -3.2%;
    }

    .Desktop-privacy-terms-shape2 {
        left: -3%;
    }

    .contact-us-underline {
        position: absolute;
        top: 147px;
        left: 69%;
        height: auto;
        width: 186px;
    }

    .Desktop-ContactUs-Section {
        padding-top: 188px;
        background-image: url(../images/new-website/TestimonialBigScreenBg.png);
        padding-bottom: 228px !important;
    }

    .Desktop-contact-us-star1-top {
        left: 223px;
    }

    .Desktop-contact-us-star1-bottom {
        right: 225px;
        bottom: 28%;
    }

    .contact-info p {
        font-size: 25.5px;
        padding-bottom: 3px;
        padding-top: 3px;
    }

    .career-page-right-side-content-text p {
        font-size: 25px !important;
        padding-bottom: 7px;
    }

    .career-page-right-side-content-text {
        font-size: 25px;
        line-height: normal;
        padding-top: 10px;
    }

    .get-our-app-content .icon {
        height: 90px;
        width: 90px;
        background-color: #fbeef5;
        border-radius: 50%;
        text-align: center;
    }

    .get-our-app-content ul li .icon-content .icon img {
        height: 80px;
        width: 60px;
    }

    .get-our-app-text h2 {
        color: #2f2f2f;
        font-weight: 600;
        font-size: 32px;
    }

    .qr-code img {
        height: auto;
        width: 240px;
    }

    .store {
        height: 95px;
        width: 345px;
        display: block !important;
    }

    .store-top-text {
        font-size: 28px;
        font-weight: normal;
        color: #848A9A;
    }

    .store img {
        height: 64px;
        width: auto;
        padding-left: 7px;
    }

    .icon {
        width: 70px;
        height: 55px;
    }

        .icon img {
            width: 40px;
            height: 40px;
            /* padding-top: 10px; */
        }

    .text {
        font-size: 32px;
        color: #2f2f2f;
        padding-top: 0px;
    }

    .client .name {
        font-size: 37px;
        font-weight: 600;
        color: #d75880;
        padding-top: 16px;
    }

    .client .cityname {
        font-size: 32px;
        font-weight: 500;
        color: #84899a;
    }
}


@media (width:2048px) and (height:1152px) {
    .Desktop-how-itwork-star2 {
        bottom: 33%;
    }
    .crr-before {
        padding-top: 200px;
        padding-bottom: 40px;
    }

    .How-itwork-desktop {
        height: 69vh !important;
    }

    .Desktop-benefits-star1 {
        top: 16.2%;
    }

    .Desktop-benefits-star2 {
        bottom: 11%;
    }

    .Dekstop-screen-Testimonial-Star-2 {
        top: 66.4% !important;
    }

    .testimonials_section {
        background-image: url(../images/new-website/TestimonialBigScreenBg.png);
        background-size: cover;
        padding: 133px 0px 105px !important;
    }

    .Dekstop-screen-Testimonial-Star-1 {
        top: 34.2%;
    }

    .Service-Section2 {
        padding: 110px 0px 220px;
    }

    .Food-Section {
        padding: 120px 0px !important;
    }

    .veterinary-section div .inner span {
        font-size: 28px !important;
    }

    .veterinary-section div .inner p {
        font-size: 25px !important;
    }

    .blog-card .card-body .blog-textt {
        line-height: normal;
        font-size: 21.5px;
        min-height: 90px;
    }

    .Desktop-refferal-cricle-1 {
        left: -90px;
    }

    .Desktop-refferal-cricle-2 {
        bottom: 40px !important;
    }

    .fa-brands:before, .fa-regular:before, .fa-solid:before, .fa:before, .fab:before, .far:before, .fas:before {
        content: var(--fa);
        font-size: 25px;
    }

    .search {
        width: 100% !important;
        padding: 15px;
        border-radius: 10px;
        border: 1px solid #BBBCB7;
        font-weight: bold;
        color: #838999;
        font-size: 25px;
        padding-left: 80px !important;
    }

    .contact-us-form .search-icon {
        left: 13%;
    }

    .breed-table a {
        color: #848A9A;
        text-decoration: none;
        font-size: 23px;
    }

    .code-of-conduct-detail p {
        font-size: 25px;
        line-height: 32px;
    }

    .swiper-image-inner p {
        font-size: 25px
    }

    .Desktop-Partner-WithUs {
        padding-top: 150px;
    }

    .Desktop-partner-withus-star1 {
        left: 171px !important;
        top: 21.5% !important;
    }

    .Desktop-partner-withus-star2 {
        right: 176px;
    }

    .icon img {
        width: 30px;
        height: 30px;
        /* padding-top: 10px; */
    }

    .icon {
        width: 50px;
        height: 51px;
    }

    .email-input input[type="email"] {
        font-size: 23px;
    }
}

@media (width:2240px) and (height:1260px) {
    .Desktop-how-itwork-star1 {
        left: 8.5%;
    }
    .crr-before {
        padding-top: 250px;
        padding-bottom: 40px;
    }

    .Desktop-how-itwork-star2 {
        right: 8.3%;
        bottom: 35%;
    }

    .How-itwork-desktop {
        height: 61vh !important;
    }

    .text1 p {
        font-size: 21px;
    }

    .newvideo-style, .Service-video-style, .order-2x .scene, .scene {
        width: 1350px;
        height: 764px;
    }

    .flipCard .flip-button {
        top: 683PX;
        left: 1252PX;
    }

    .flipCard.is-flipped .flip-button {
        top: 683PX;
    }

    .homepage-service-icon {
        align-items: center;
    }

        .homepage-service-icon img {
            height: 205px !important;
        }

    .Desktop-benefits-star1 {
        top: 15.2% !important;
    }

    .Desktop-benefits-star2 {
        bottom: 10%;
    }

    .swiper-image-left p {
        font-size: 32px
    }

    .testimonials_section {
        background-image: url(../images/new-website/TestimonialBigScreenBg.png);
        background-size: cover;
        padding-bottom: 73px !important;
    }

    .Dekstop-screen-Testimonial-Star-2 {
        top: 64%;
    }

    .Dekstop-screen-Testimonial-Star-1 {
        top: 32.5%;
    }

    .about-underline {
        position: relative;
        bottom: 6px;
        left: 43%;
    }

    .abouts-us {
        background: url(../images/shape-cut.png);
        padding: 169px 0px 220px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .card-Philosophy p {
        color: #2f2f2f;
        font-size: 26.3px;
        line-height: normal;
    }

    .AboutUs-before-footer p {
        color: #fff;
        font-size: 27px;
        font-weight: normal
    }

    .white-button {
        font-size: 26px !important;
    }

    .mask1 {
        height: 618px;
        width: 1228px;
    }

    .Desktop-Partner-WithUs {
        padding-top: 120px;
    }

    .Desktop-partner-withus-star1 {
        left: 188px;
        top: 18.5%;
    }

    .Desktop-partner-withus-star2 {
        right: 194px;
    }

    .why-partner-section.grey-wave-bg {
        height: 59vh !important;
    }

    .Desktop-refferal-cricle-1 {
        left: -78px;
    }

    .Desktop-refferal-cricle-2 {
        bottom: 50px;
    }

    .blog-card .card-body .blog-textt {
        line-height: normal;
        font-size: 21.5px;
        min-height: 90px;
    }

    .blog-footer .left-side .top, .bottom {
        font-size: 21.5px;
        font-weight: 600;
    }

    .blog-detail-content p {
        font-size: 30.5px;
    }

    .search {
        font-size: 25px;
        padding-left: 84px !important;
    }

    .fa-brands:before, .fa-regular:before, .fa-solid:before, .fa:before, .fab:before, .far:before, .fas:before {
        content: var(--fa);
        font-size: 25px;
    }

    .contact-us-form .search-icon {
        left: 13%;
    }

    .breed-table {
        font-size: 23px;
    }

    .Country-info img {
        height: auto;
        width: 70px !important;
    }

    .Height-info img {
        height: auto;
        width: 82px !important;
    }

    .Weight-info img {
        height: auto;
        width: 82px !important;
    }

    .Weight p, .Height p, .Country p {
        font-size: 32px;
    }

    .Desktop-breed-star1 {
        left: 188px;
    }

    .Desktop-breed-star2 {
        right: 194px;
    }

    .tabbing-navlink {
        font-size: 32px !important;
    }

        .tabbing-navlink img {
            height: auto;
            width: 40px !important;
        }

    .tab-content > .active p {
        font-size: 28px;
    }

    .Explore {
        font-size: 37px;
    }

    .Desktop-FAQ-Circle1 {
        rotate: 9.4deg;
        left: -4%;
    }

    .code-of-conduct-detail p {
        font-size: 25px;
        line-height: 32px;
    }

    .Desktop-CodeofConduct-Star1 {
        left: 8.1%;
    }

    .Desktop-CodeofConduct-Star2 {
        right: 8.8%;
    }

    Desktop-ContactUs-Section {
        padding-bottom: 170px !important;
        padding-top: 145px !important;
    }

    .Desktop-contact-us-star1-bottom {
        right: 196px;
    }

    .Desktop-contact-us-star1-top {
        left: 193px;
    }

    .contact-info p {
        font-size: 25.5px;
        padding-bottom: 3px;
        padding-top: 3px;
    }

    .contact-info span {
        color: #d75880;
        font-size: 25.5px;
        font-weight: bold;
    }

    .Desktop-NewsLetter {
        padding-top: 200px !important;
    }

    .email-input input[type="email"] {
        width: 70%;
        padding: 17px;
        border-radius: 10px;
        border: 2px solid #fff;
        background-color: transparent;
        font-weight: bold;
        color: #fff;
        font-size: 25px;
    }

    .contact-us-underline {
        position: absolute;
        top: 147px;
        left: 72%;
        height: auto;
        width: 186px;
    }

    .Service-Section2 {
        padding: 120px 0px 240px;
    }

    .sampl.text-white {
        font-size: 32px !important;
        padding-top: 0px;
    }

    .card-text {
        width: 76px;
        height: 76px;
        margin: auto;
        margin-top: -60px;
        border-radius: 50%;
    }

        .card-text img {
            height: auto;
            width: 35px;
            margin-top: 11px;
        }

    .veterinary-section div .inner span {
        font-size: 28px !important;
    }

    .veterinary-section div .inner p {
        font-size: 27px !important;
    }

    .veterinary-section div .inner p {
        margin: 0 0 0 262px;
    }

    .Diagnostic-card div p {
        font-size: 24.5px;
    }

    .Diagnostic-card-SickPetCare {
        min-height: 359px !important;
    }

    .Diagnostic-card-Wellness {
        min-height: 361px !important;
    }

    .Diagnostic-card-Grooming {
        min-height: 294px !important;
    }

    .Sick-Pet-Care-Diagnostic-Services .mycolor {
        font-size: 28px !important;
        color: #2f3f3f;
    }

    .Food-Section {
        padding: 100px 0px;
    }

    .fotcls p {
        font-size: 28px !important;
        padding-top: 0px;
    }
}


@media (width:1920px) and (height:1080px) {
    .crr-before {
        padding-top: 200px;
        padding-bottom: 40px;
    }
    .server-content-home p {
        padding-bottom: 5px;
        font-size: 28px;
    }

    .homepage-service-icon {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .swiper-image-inner p {
        font-size: 26px;
    }

    .testimoanil-underline {
        position: relative;
        bottom: 11px;
        left: 16%;
    }

        .testimoanil-underline img {
            width: 206px;
            height: auto;
        }

    .Desktop-NewsLetter {
        padding-top: 273px !important;
    }

    .email-input input[type="email"] {
        font-size: 23px;
    }

    .tabbing-navlink {
        color: #fff;
        font-size: 26px !important;
        padding: 4px 9px !important;
        text-align: center;
        margin: 0;
    }

        .tabbing-navlink img {
            height: auto;
            width: 40px !important;
        }

    .tab-content > .active p {
        font-size: 25px;
    }
}


@media (width:2560px) and (height:1080px) {
    .Contact-us-GetOur-App-Bg {
        background-image: url(../images/new-website/IndexBeforeFooterImageBigScreen.png);
        /* height: 1058px; */
        background-size: cover;
        padding-bottom: 30px;
    }
    .How-itwork-desktop{
        height:95vh !important;
    }
    .text1 p {
        font-size: 22px;
        padding: 0;
        line-height: 28px;
    }
    .text1 h1 {
        font-family: 'Nunito-Regular';
        font-size: 32px !important;
        color: #2f2f2f;
        line-height: 24px;
    }
    .newvideo-style, .Service-video-style, .scene {
        width: 1541px !important;
        height: 866px !important;
    }
    .crr-before {
        padding-top: 290px;
        padding-bottom: 40px;
    }

    .flipCard .flip-button, .flipCard.is-flipped .flip-button {
        position: absolute;
        top: 797PX;
        left: 1466PX;
    }

    .tab-content > .active p {
        font-size: 25px;
    }

    .testimonials_section {
        background-image: url(../images/new-website/TestimonialBigScreenBg.png);
        background-size: cover;
        padding: 133px 0px 65px !important;
    }

    .swiper-image-inner p {
        font-size: 28px;
    }

    .Desktop-NewsLetter {
        padding-top: 160px !important;
    }

    .email-input input[type="email"] {
        width: 70%;
        padding: 17px;
        border-radius: 10px;
        border: 2px solid #fff;
        background-color: transparent;
        font-weight: bold;
        color: #fff;
        font-size: 25px;
    }

    .get-our-app-text h2 {
        color: #2f2f2f;
        font-weight: 600;
        font-size: 32px;
    }

    .left-sidecontent h1 {
        font-size: 50px;
    }

    h1 {
        font-family: 'PTSans-Bold';
        font-size: 60px;
        font-weight: 600;
        color:;
        padding-bottom: 12px;
        padding-top: 15px;
    }

    .aboutus-left-side-content-top {
        font-size: 38.5px;
    }

    .left-sidecontent-description {
        font-size: 33.5px !important;
        /* line-height: 37.74px; */
    }

    .abouts-us {
        padding: 248px 0px 190px !important;
    }

    .our-values-card div h2 {
        font-size: 32px;
    }

    .our-values-card div p {
        font-size: 25px;
    }

    .our-values-card {
        height: 299px !important;
    }

    .card-Philosophy p {
        color: #2f2f2f;
        font-size: 25px;
        line-height: normal;
    }

    .bold-content {
        margin-top: 18px !important;
        font-size: 32px !important;
        color: #d75880 !important;
        font-weight: bold !important;
    }

    .AboutUs-before-footer p {
        color: #fff;
        font-size: 32px;
        font-weight: normal
    }

    .white-button {
        font-size: 26px !important;
    }

    .mask1 {
        -webkit-mask-image: url(../images/new-website/MakingPetParenting.png);
        mask-image: url(../images/new-website/MakingPetParenting.png);
        mask-size: 94%;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-position: center;
        -webkit-mask-position: center;
        height: 658px !important;
        /* padding: 0; */
        /* margin: 0; */
        right: 0;
        width: 1338px !important;
        position: relative;
        left: 2%;
    }

    .Service-Section2 {
        background-image: url(../images/new-website/Service-BannerSection2.png);
        padding: 180px 0px 260px;
    }

    .card-text {
        height: 76px;
        width: 76px;
        border-radius: 50%;
        margin-top: -60px;
    }

        .card-text img {
            height: auto;
            width: 45px;
            margin-top: 8px;
        }

    .sampl.text-white {
        font-size: 38px !important;
    }

    .veterinary-section div .inner p {
        font-size: 25px !important;
        /* line-height: 37.74px; */
        color: #2f2f2f;
        margin: 0 0 0 312px;
        font-weight: 400;
        width: 61%;
    }

    .veterinary-section div .inner span {
        font-size: 29px !important;
    }

    .Sick-Pet-Care-Diagnostic-Services .mycolor {
        font-size: 28px !important;
    }

    .Diagnostic-card div p {
        font-size: 23.5px;
    }

    .Diagnostic-card-SickPetCare {
        min-height: 309px !important;
    }

    .Food-Section {
        padding: 180px 0px 220px !important;
    }

    .Diagnostic-card-Grooming {
        min-height: 245px !important;
    }

    .Desktop-veterinary-section-shape5 {
        position: absolute;
        bottom: 0;
        width: 400px;
        height: auto;
        right: -6%;
    }

    .sub-title p {
        font-size: 32px;
        line-height: normal;
    }

    .Desktop-Partner-WithUs {
        padding-top: 145px;
    }

    .career-page-right-side-content-text p {
        font-size: 28px !important;
        padding-bottom: 7px;
    }

    .career-page-right-side-content-text {
        font-size: 28px;
        line-height: normal;
        padding-top: 10px;
    }

    .code-of-conduct-detail p {
        font-size: 25px;
        line-height: 32px;
    }

    .search {
        font-size: 25px;
        padding-left: 78px !important;
    }

    .fa-magnifying-glass, .fa-search {
        --fa: "\f002";
        font-size: 25px;
    }

    .breed-table {
        font-size: 25px;
    }

    .tabbing-navlink {
        color: #fff;
        font-size: 32px !important;
    }

        .tabbing-navlink img {
            height: auto;
            width: 40px !important;
        }
}

@media (width:1440px) and (height:1080px) {
    .crr-before {
        padding-top: 150px;
        padding-bottom: 40px;
    }
    .content {
        position: absolute;
        z-index: 1;
        bottom:;
        color: #f1f1f1;
        width: 100%;
        padding: 20px;
        bottom: 260px !important;
    }

    .How-itwork-desktop {
        height: 57vh !important;
    }

    .testimonials_section {
        height: 76vh !important;
    }

    .why-partner-section.grey-wave-bg {
        background-image: url(../images/new-website/HowItWorksBg.png);
        background-size: cover;
        background-position: bottom;
        padding-bottom: 0px;
        height: 40vh !important;
    }

    .career-page-right-side-content-text p {
        font-size: 19px !important;
        padding-bottom: 7px;
    }

    .career-page-right-side-content-text {
        font-size: 19px;
        line-height: normal;
        padding-top: 10px;
    }

    .newvideo-style {
        border-radius: 50px 0px 0px 50px;
        display: flex;
        align-items: center;
        width: 838px;
        height: 509px;
    }

    .blog-detail-content p {
        font-size: 17.5px;
        /* line-height: 37.74px; */
        color: #2f2f2f;
        margin: 0;
        font-weight: 400;
    }

    .privacy-policy ul {
        list-style: disc;
        padding-left: 18px;
        font-size: 17.5px;
    }

    .contact-info p {
        font-size: 17.5px;
        padding-bottom: 3px;
        padding-top: 3px;
    }

    .contact-info span {
        color: #d75880;
        font-size: 17.5px;
        font-weight: bold;
    }

    .i-agree-content p {
        font-size: 15px;
        padding-top: 5px;
        padding-left: 5px;
    }
}


@media (width:2480px) and (height:1440px) {
    .Contact-us-GetOur-App-Bg {
        background-image: url(../images/new-website/IndexBeforeFooterImageBigScreen.png);
        /* height: 1058px; */
        background-size: cover;
        padding-bottom: 30px;
    }
    .text1 h1 {
        font-size: 32px !important;
    }
    .Desktop-Partner-WithUs {
        padding-top: 155px;
    }
    .why-partner-section.grey-wave-bg {
        height: 51vh !important;
    }
        .tabbing-navlink {
        color: #fff;
        font-size: 35px !important;
        padding: 4px 9px !important;
        text-align: center;
        margin: 0;
    }
    .code-of-conduct-detail p {
        font-size: 26px;
        line-height: 32px;
    }
    .tab-content > .active p {
        font-size:32px;
    }
        .tabbing-navlink img {
            height: auto;
            width: 50px !important;
        }
        .Explore{
            font-size:30px;
        }
    .crr-before {
        padding-top: 273px;
        padding-bottom: 40px;
    }
    .Sick-Pet-Care-Diagnostic-Services .mycolor {
        font-size: 28px !important;
        color: #2f3f3f;
    }
    .Diagnostic-card div p {
        font-size: 25px;
        color: #2f2f2f;
        line-height: normal;
    }
    .Diagnostic-card-SickPetCare, .Diagnostic-card-Wellness, .Diagnostic-card-Food, .Diagnostic-card-Grooming {
        min-height: 339px !important;
    }
    .Food-Section {
        padding: 150px 0px 190px !important;
    }
        .card-text {
        width: 80px !important;
        height: 80px !important;
        border-radius: 50% !important;
    }
    .Service-Section2 {
       
        padding: 120px 0px 350px !important;
    
    }
    .veterinary-section div .inner span {
        font-size: 32px !important;
    }
    .veterinary-section div .inner p {
        font-size: 26px !important;
        margin: 0 0 0 302px;
    }
        h1 {
        font-family: 'PTSans-Bold';
        font-size: 65px;
        font-weight: 600;
        color: #d65880;
        padding-bottom: 12px;
        padding-top: 15px;
    }
    .sampl.text-white {
        font-size: 38px !important;
        padding-top: 0px;
    }
    .card-text img {
        height: auto;
        width: 45px;
        margin-top: 10px;
    }
    .petimg img {
        transition: opacity 0.5s ease-in-out;
        width: 64%;
        height: auto;
    }

    .text1 p {
        font-size: 22px !important;
        padding: 0;
        line-height: 28px !important;
    }

    .newvideo-style, .scene {
        width: 1440px !important;
        height: 809px !important;
    }

    .Service-video-style {
        width: 1440px !important;
        height: 809px !important;
    }

    .flipCard .flip-button, .flipCard.is-flipped .flip-button {
        position: absolute;
        top: 731PX;
        left: 1363PX;
    }

    .server-content-home p {
        padding-bottom: 5px;
        font-size: 38px;
    }

    .homepage-service-readmore {
        color: #d75880;
        font-weight: 600;
        font-size: 36px;
    }

    .homepage-service-icon img {
        height: 252px !important;
    }

    #home-slider {
        height: 57vh !important;
    }

    .swiper-image-inner p {
        font-size: 32px;
    }

    .testimonials_section {
        background-image: url(../images/new-website/TestimonialBigScreenBg.png);
        background-size: cover;
        padding: 133px 0px 70px !important;
    }
    .get-our-app-text h2 {
        color: #2f2f2f;
        font-weight: 600;
        font-size: 32px;
    }
    .qr-code img {
        height: auto;
        width: 230px;
    }

    .Desktop-NewsLetter {
        padding-top: 200px !important;
    }
    .NewsLetter-Text div .breed-subtitle {
        margin-top: 130px;
        margin-bottom: 74px;
    }
    .store {
        height: 95px;
        width: 333px;
        display:'' !important;
    }
    .store-top-text {
        font-size: 25px;
        font-weight: normal;
        color: #848A9A;
    }
    .store-bottom-text {
        font-size: 29px;
    }
    .store img {
        height: 61px;
        width: auto;
        padding-left: 7px;
    }
        .email-input input[type="email"] {
        width: 70%;
        padding: 17px;
        border-radius: 10px;
        border: 2px solid #fff;
        background-color: transparent;
        font-weight: bold;
        color: #fff;
        font-size: 30px;
    }

    .white-button, .pink-button {
        font-size: 32px !important;
    }

    .left-sidecontent h1 {
        font-size: 50px;
    }

    .aboutus-left-side-content-top {
        font-size: 38.5px;
    }

    .left-sidecontent-description {
        font-size: 32.5px !important;
    }

    .abouts-us {
        background: url(../images/shape-cut.png);
        padding: 188px 0px 253px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .mask1 {
        mask-size: 94%;
        height: 708px !important;
        width: 1428px !important;
    }

    .AboutUs-before-footer p {
        color: #fff;
        font-size: 32px !important;
        font-weight: normal
    }

    .sub-title p {
        font-size: 32px;
        line-height: normal;
    }

    .our-values-card div p {
        font-size: 28px;
        color: #2f2f2f;
        line-height: normal;
    }

    .our-values-card div h2 {
        font-size: 32px;
        font-weight: 600;
        color: #2f2f2f;
        margin-top: 15px;
        text-align: center;
        padding-bottom: 5px;
    }

    .our-values-card {
        height: 329px !important;
    }

    section div div h3 {
        font-family: 'Nunito-Regular';
        font-size: 42px !important;
        line-height: 41px;
    }

    .card-Philosophy p {
        color: #2f2f2f;
        font-size: 32.3px;
        line-height: normal;
    }

    .bold-content {
        margin-top: 18px !important;
        font-size: 40px !important;
        color: #d75880 !important;
        font-weight: bold !important;
    }

    .philoshopy-button-div {
        padding-top: 45px !important;
    }

    .blog-card .card-body .blog-textt {
        line-height: normal;
        font-size: 24.5px;
        min-height: 90px;
    }
    .advice-by-name, .advice-by {
        font-size: 32px;
        font-weight: 600;
        color: #2f2f2f;
    }
}

@media (width:1344px) and (height:769px){
    .How-itwork-desktop {
        height: 87vh !important;
    }
    #home-slider {
        height: 60vh !important;
    }
    .why-partner-section.grey-wave-bg {
        height: 59vh !important;
    }
}
@media (width:1680px) and (height:962px) {
    .How-itwork-desktop {
        height: 73vh !important;
    }

    #home-slider {
        height: 60vh !important;
    }

    .why-partner-section.grey-wave-bg {
        height: 68vh !important;
    }
    
}
