﻿


@media only screen and (max-width: 320px) and (min-width: 200px) {
    /*S-Mobile*/
}
@media only screen and (max-width: 374px) and (min-width: 321px) {
    /*M-Mobile*/
}
@media only screen and (max-width: 425px) and (min-width: 375px) {
    /*L-Mobile*/
}
@media only screen and (max-width: 768px) and (min-width: 426px) {
    /*tablet*/
}
@media only screen and (max-width: 993px) and (min-width: 769px) {
    /*tablet*/
}
@media only screen and (max-width: 1023px) and (min-width: 992px) {
    /*small 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;
    }
    .Mobile-FAQ {
        display: none;
    }
    .inner.vet p span {
        font-weight: 600 !important;
        color: #d75880;
        font-size:20px;
         
    }
    .homepage-service-readmore {
        color: #d75880;
        font-weight: 600;
        font-size: 22px;
    }
    .homepage-service-icon {
        display: flex;
        justify-content: center;
    }
    .tab__btn {
        padding: 0px 0px !important;
    }
    .Breed-Detail-left{
        padding-top:0px;

    }
    .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;
    }
    .Mobile-Screen-Blogs-Section{
        display: none;
    }
    .Breed-Detail-left .mobile {
        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;
    }
    .Service-Page-Before-Footer .mobile {
        display: none;
    }
    .mobile-screen-partnerwithus-content .mobile {
        display: none;
    }
    .Mobile-Screen-Dog-Nose-Image{
        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-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;
    }
    .Mobile-Screen-BeforeFooter-Video-Mask{
        display: none;
    }
    .sub-title .mobile {
        display: none;
    }
    .Mobile-Screen-OverValues-Star2, .Mobile-Screen-OverValues-Star1, .Mobile-Screen-Advertise-Star1{
        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;
    }
    .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;
    }
    .swiper-image-two {
        background-image: url(assets/images/new-website/new-home/benifit-1.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    #home-slider {
        height: 75vh !important;
        /* width: 90vw; */
        position: relative;
    }
    h1 {
        font-family: 'PTSans-Bold';
        font-size: 50px;
        font-weight: 600;
       
        color: #d65880;
    }
    .HomePage-Service h1 {
        font-family: 'Nunito-Regular';
        color: #2f2f2f;
        font-weight: bold;
        text-align: center;
        font-size: 2.4rem !important;
    }
    a,h1,h3,h4,h5,span,h2{
     
    }
    .logo img {
        width: 160px !important;
        height: auto;
        object-fit: cover;
    }

    .new-nav {
        justify-content: space-evenly;
        font-family: "Nunito-Regular";
        font-size: 18px;
        color: #84899a;
        font-weight: bold;
        gap: 27px;
        padding-left: 36px;
    }

    .about-underline {
        position: relative;
        bottom: 3px;
        left: 64%;
    }

    .aboutus-left-side-content-top {
        font-size: 18.5px;
        margin-top: 5px;
        color: #2f2f2f;
        font-weight: 600;
        line-height: normal;
        word-break: break-word;
    }

    .left-sidecontent-description {
        font-size: 15px !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: 185px;
        width: auto;
        border-radius: 30px;
        text-align: center;
    }

        .our-values-card div h2 {
            font-size: 14px;
            font-weight: 600;
            color: #2f2f2f;
            margin-top: 15px;
            text-align: center;
            padding-bottom: 5px;
        }

        .our-values-card div p {
            font-size: 10.5px;
            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: 15.5px;
            line-height: normal;
        }

    .bold-content {
        margin-top: 18px !important;
        font-size: 19px !important;
        color: #d75880 !important;
        font-weight: bold !important;
    }

    .Get-App-Button {
        padding: 7px 16px;
        border-radius: 30px;
        width: auto;
        background-color: #d75880;
        color: white;
        border: transparent;
        font-family: "Nunito-Regular";
        font-weight: bold;
        transition: background-color 0.3s ease;
        font-size: 14px;
    }

    .AboutUs-before-footer {
        background-color: #d65880;
    }

        .AboutUs-before-footer h1 {
            color: #fff;
            font-size: 32px;
            padding-bottom: 8px;
        }

        .AboutUs-before-footer p {
            color: #fff;
            font-size: 17px;
        }

    .white-button {
        padding: 7px 16px;
        border-radius: 30px;
        width: auto;
        background-color: white;
        color: #d75880;
        border: transparent;
        font-family: "Nunito-Regular";
        font-weight: bold;
        transition: background-color 0.3sease;
        font-size: 14px;
    }

    .mask1 {
        -webkit-mask-image: url(assets/images/new-website/MakingPetParenting.png);
        mask-image: url(assets/images/new-website/MakingPetParenting.png);
        mask-size: 100%;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-position: center;
        -webkit-mask-position: center;
        height: 270px;
        /* padding: 0; */
        /* margin: 0; */
        right: 0;
        width: 606px;
    }

    .videomaskingimage {
        height: auto;
        width: 43%;
        position: absolute;
        top: 97px;
        right: 6px;
    }

    .footer {
        background-color: #84899a;
        height: auto;
        padding: 35px 0px 20px 0px;
    }

    .footer-logo {
        text-align: start;
    }

        .footer-logo img {
            width: 180px;
            height: auto;
        }

    .footer-slogan {
        font-size: 16px;
        font-weight: 700;
        margin: 3px 0 10px;
        /* text-transform: uppercase; */
        color: #fff;
    }

    .footer-get-app .get-fromplaystore {
        display: flex;
        gap: 10px;
        justify-content: flex-start;
    }

        .footer-get-app .get-fromplaystore img {
            width: 114px;
            height: auto;
        }

    .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: 15px;
        }

            .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: 13px;
    }

    .social-icon {
        display: flex;
        float: right;
    }

        .social-icon i {
            display: flex;
            width: 38px;
            justify-content: center;
            align-items: center;
            /* border-radius: 51%; */
            font-size: 18px;
            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: 180px;
        /* 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: 24px;
    }

    .blog-banner2 {
        background: url(../images/new-website/BackgroundImage3.png);
        height: auto;
        padding-top: 150px;
        background-position: bottom;
        background-size: cover;
        padding-bottom: 50px;
    }

    .blog-card .card-body {
        flex: 1 1 auto;
        padding: 1rem 5px;
    }

    .blog-title {
        color: #2f2f2f;
        font-weight: 600;
        font-size: 15px;
    }

    .blog-card .card-body .card-text {
        line-height: normal;
        font-size: 10.5px;
        min-height: 42px;
    }

    .blog-footer .left-side .top, .bottom {
        font-size: 11px;
        font-weight: 600;
    }

    .loadbtn {
        text-align: center;
        padding-top: 50px
    }

    .anchromain .main-title h1 {
        justify-content: center;
        text-align: left;
        display: block;
    }

    .anchromain .sub-title h2 {
        font-size: 18px;
        margin-top: 20px;
        color: #2f2f2f;
        line-height: normal;
    }

    .anchromain .bottom-content {
        padding-top: 8px;
    }

    .adivce-div {
        line-height: 30.74px;
    }

    .advice-by {
        font-size: 19px;
        color: #2f2f2f;
    }

    .advice-by-name {
        font-size: 19px;
        font-weight: 600;
        color: #2f2f2f;
    }

    .blog-image img {
        height: auto;
        width: 100%;
    }

    .blog-image3 img {
        height: auto;
        width: 100%;
        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: 16px;
        font-size: 39px;
    }

    .blog-detail-content {
        padding: 25px 0px 30px 0px;
    }


        .blog-detail-content p {
            font-size: 14.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: 158px;
        padding-bottom: 35px;
        background-position: bottom;
        background-size: cover;
    }

    .adwu {
        padding-top: 60px;
    }

    .adwu1 {
        padding-top: 88px;
    }

    .adwu2 {
        padding-top: 45px;
    }

    .adwu3 {
        padding-top: 60px;
    }

    .adwu4 {
        padding-top: 70px;
    }

    .career-form-shape1 {
        position: absolute;
        height: auto;
        width: 180px;
        right: 93.6%;
        rotate: 163deg;
        top: 148%;
    }

    .career-form-shape2 {
        position: absolute;
        height: auto;
        width: 180px;
        left: 90%;
        rotate: 294deg;
        top: 114%;
    }


    .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: 10px;
        border-radius: 10px;
        border: 1px solid #848A9A;
        font-size: 12px;
        font-weight: 400;
        color: #848A9A;
    }

    .image-pointer {
        height: 40px;
        width: 40px;
    }

    .i-agree-content p {
        font-size: 12px;
        padding-top: 5px;
        padding-left: 5px;
    }

    .career-form-main-title, .contact-form-titile {
        font-family: 'PTSans-Bold';
        font-weight: 600;
        font-size: 27px;
        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: 24px;
        font-family: 'PTSans-Bold';
        color: #2f2f2f;
        font-weight: 600;
    }

    .career-page-right-side-content-text {
        font-size: 14.5px;
        line-height: normal;
        padding-top: 10px;
    }

        .career-page-right-side-content-text p {
            font-size: 15px !important;
            padding-bottom: 7px;
        }

            .career-page-right-side-content-text p.dark {
                font-weight: bold !important;
            }

    .before-footer-main-title {
        font-size: 40px;
        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: 13px;
        padding-left: 6px;
    }

    .wrapper {
        width: 100% !important;
        height: auto !important;
        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;
        }

    .reffral .main-title h1 {
        font-size: 37px !important;
    }

    .reffral .sub-title p {
        font-size: 17px;
        line-height: normal;
    }

    .refferal-cricle-1 {
        position: absolute;
        height: 170px;
        width: 170px;
        left: -74px;
        rotate: 65.96deg;
        /* bottom: -340px; */
        top: 548px;
        opacity: 0.4;
    }

    .refferal-cricle-2 {
        position: absolute;
        height: 170px;
        width: 170px;
        right: -86px;
        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: 21px;
        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: 20px;
            height: 20px;
            /* padding-top: 10px; */
            /*object-fit: contain;
            padding-top: 9px;*/
        }

    .text {
        font-size: 15px;
        color: #2f2f2f;
        padding-top: 0px;
    }

    .document-list li {
        display: flex;
        align-items: center;
        margin: 0px 5px;
    }

    .partner-withus-box h1 {
        font-size: 32px;
        color: #2f2f2f;
    }

    .partner-withus-box h2 {
        font-size: 25px;
        color: #2f2f2f;
        font-family: 'PTSans-Bold';
        font-weight: bold;
    }

        .partner-withus-box h2 span {
            font-size: 25px;
            color: #2f2f2f;
            font-family: 'PTSans-Bold';
            font-weight: bold;
        }

    .partner-withus-box .samll-content {
        font-family: 'Nunito-Regular';
        font-size: 23px;
        padding-top: 21px;
        line-height: 28px;
    }

    .partner-withus-star1-top {
        position: absolute;
        height: 100px;
        width: 100px;
        rotate: 65.46deg;
        left: 104px;
        top: 88%;
    }

    .partner-withus-star1-bottom {
        position: absolute;
        height: 100px;
        width: 100px;
        rotate: 133.53deg;
        right: 97px;
        top: 118%;
    }

    .font-weight-bold-title {
        font-size: 22px;
    }

    .tst.text-muted {
        font-family: 'Nunito-Regular';
        font-size: 14px;
        padding-top: 14px;
        text-align: center;
        line-height: 20px;
        color: #2f2f2f !important;
    }

    .blog-slider__img {
        width: auto;
        flex-shrink: 0;
        height: 320px;
        border-radius: 20px;
        transform: translateX(-80px);
        overflow: hidden;
        position: relative;
        right: 242%;
    }

        .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: 12px;
            /* line-height: 37.74px; */
            color: #2f2f2f;
            margin: 0;
            font-weight: 400;
           
            padding-bottom: 7px;
        }

    .client .name {
        font-size: 24px;
        font-weight: 600;
        color: #d75880;
        padding-top: 16px;
    }

    .client .cityname {
        font-size: 22px;
        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: 34px;
    }

    .FAQ-Category-Name {
        font-size: 18px;
        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__title {
        cursor: pointer;
        display: block;
        font-size: 18px !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: -8%;
        top: 80%;
    }

    .FAQ-Circle2 {
        position: absolute;
        height: 171px;
        width: 171px;
        rotate: 187.48deg;
        right: -85px;
        top: 150%;
    }

    .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: 76px;
    }

    .code-of-conduct-star1 {
        position: absolute;
        height: auto;
        width: 128px;
        left: 6.9%;
        top: 86%;
        /* 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;
       
    }

    .code-of-conduct-title {
        font-family: 'PTSans-Bold';
        font-size: 24px;
        font-weight: 600;
       
    }

    h3.animate-charcter {
        font-size: 21px;
        padding-top: 20px !important;
    }

    .code-of-conduct-detail p {
        font-size: 15px;
    }

    .mycolor {
        color: #d65880;
        font-size: 22px;
        font-weight: bold;
    }

    .code-of-conduct-star2 {
        position: absolute;
        height: auto;
        width: 100px;
        right: 6.9%;
        top: 190%;
        z-index: -1;
        rotate: 158.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: -6.7%;
        top: 130%;
    }

    .privacy-terms-shape2 {
        position: absolute;
        height: auto;
        width: 150px;
        rotate: 97.18deg;
        left: -6%;
        top: 229%;
    }

    .privacy-terms-shape3 {
        position: absolute;
        height: auto;
        width: 150px;
        rotate: 4.95deg;
        right: -6.7%;
        top: 365%;
    }

    .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: 43.46deg;
        left: 101px;
        top: 104%;
    }

    .contact-us-star1-bottom {
        position: absolute;
        height: 100px;
        width: 100px;
        rotate: 133.53deg;
        right: 99px;
        top: 200%;
    }

    .grey-wave-bg-top {
        background-image: url(../images/new-website/HowItWorksBg.png);
        background-size: cover;
        background-position: top;
        padding-bottom: 70px;
        padding-top: 126px;
        background-repeat: no-repeat;
    }

    .contacth1 {
        font-size: 36px;
    }

    .contact-info p {
        font-size: 13px;
        padding-bottom: 3px;
        padding-top: 3px;
    }

    .icon-content .icon img {
        height: 36px;
        width: 50px;
    }

    .store {
        height: 70px;
        width: 260px;
        border: 1px solid #848A9A;
        border-radius: 10px;
        margin-bottom: 5px;
        display: flex;
        align-items: center;
        padding: 10px;
        text-align: center;
    }

    .sampl.text-white {
        font-size: 20px !important;
        padding-top: 6px;
    }

    .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;
    }
    .Diagnostic-card-SickPetCare {
        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;
    }

        .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: 10.5px;
            color: #2f2f2f;
            line-height: normal;
        }

    .Diagnostic-icon {
        height: auto !important;
        width: 60px !important;
    }

    .fotcls h1 {
        font-size: 35px !important;
    }

    .fotcls p {
        font-size: 13px !important;
    }

    .btnx {
        margin-top: 20px;
    }

    .veterinary-section-shape1 {
        position: absolute;
        height: 209.95px;
        width: 209.95px;
        rotate: 309.07deg;
        left: -56px;
        top: 200%;
    }

    .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: 10px;
        top: 480%;
    }

    .veterinary-section-shape4 {
        position: absolute;
        height: 209.95px;
        width: 209.95px;
        rotate: 340deg;
        left: 10px;
        top: 700%;
    }

    .veterinary-section-shape5 {
        position: absolute;
        height: 209.95px;
        width: 209.95px;
        rotate: 200deg;
        right: -100px;
        top: 830%;
    }

    .get-our-app-text h2 {
        color: #2f2f2f;
        font-weight: 600;
        font-size: 17px;
    }
}


