.bannerImageContainer{
    position: relative;
    background: linear-gradient(90deg, #CB40DC 0%, #7C80F3 100%);
    background-size: cover;
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-position: center center; /* Centers the image horizontally and vertically */
    height: auto; /* Adjust to your footer content or specify a fixed height */
    /* ; */
}

.rightHoroSection h1{
    font-family: Poppins;
    font-size: 54px;
    font-weight: 600;
    line-height: 58px;
    color: #ffffff;
    /* max-width: 45%; */
}

.bannerImage{
    position: absolute;
    top: 0;
    right: 0;
    width: max-content;
    padding: 0px;
}

.bannerImage img{
    height: 590px;
    margin-right: 85px;
}
.wid-and-pos{
    width: 27% !important;
    position: absolute !important;
}

.iSpan{
    position: relative;
}

.dotIcon{
    position: absolute;
    right: 1px;
}

span.vetsSpan {
    position: relative;
}

svg.vetsIcon {
    position: absolute;
    top: -2rem;
    right: -11px;
}

.customPClass{
    max-width: 30%;
}

.customSelect{
    max-width: 40%
}

@media (max-width: 1024px) {
    .rightHoroSection h1{
        max-width: 85%;
    }

    .online-today-btn{
        width: 43% !important;
    }

    .dr-kit{
        display: none;
    }

    .customPClass{
        max-width: 100%;
    }

    .customSelect{
        max-width: 60%
    }

    .rightHoroSection{
        padding-top: 495px;
    }

    svg.vetsIcon {
        /* top: 0.5rem;
        right: -2.5rem; */
    }
}
@media (max-width: 1024PX) {
    .wid-and-pos{
        width: 43% !important;
    }
}

@media (max-width: 767PX) {
    .wid-and-pos{
        width: 93% !important;
    }
    .online-today-btn{
        width: 93% !important;
    }
}
@media (max-width: 550px) {
    .rightHoroSection{
        padding-top: 250px;
    }

    .rightHoroSection h1{
        max-width: 100%;
    }

    .customSelect{
        max-width: 100%
    }

    .bannerImage img{
        height: 300px;
    }
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.custom-select-dropdown {
    position: relative;
}

.custom-select-dropdown select {
    display: none; /*hide original SELECT element:*/
}
.select-selected {
    background-color: #ffffff;
    color: #212529 !important;
    border: 1px solid #ced4da;
    border-radius: 10px;
}

/*style the arrow inside the select element:*/
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
    color: #212529;
    padding: 8px 16px;
    /* border: 1px solid transparent; */
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}

/*style items (options):*/
/* #7C0DBE */
.select-items {
    position: absolute;
    background-color: #ffffff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: #7C0DBE;
    color: #ffffff !important;
}
.weather-bg-section {
    display: flex;
    gap: 0.5rem;
    background-color: #e3d3e2;
    width: max-content;
    padding: 10px 15px;
    border-radius: 15px;
    align-items: center;
}
.main-section-for-single-state-header{
    padding: 80px 0px;
}
.main-section-for-single-state-header h1{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
    text-align: left;
    color: #111928;
}
.main-section-for-single-state-header p{
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    text-align: left;
    color: #5F6D7E;
}
.main-section-for-single-state-header .temperature{
    font-family: Poppins;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    color: #111928;
    line-height: normal;
}
/* .main-section-for-single-state-header span{
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    line-height: 52px;
    text-align: left;
    color: #111928;
} */
.btn-book-a-vet-section a{
    box-shadow: 0px 6px 10px 0px #00000066;
    background: #7C0DBE;
    padding: 10px 25px;
    border-radius: 100px;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    color: #FFFFFF;
}
.icon-with-text-section{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}
.icon-with-text-section img{
    height: max-content !important;
}
.icon-section-single-state-page{
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}
.icon-section-single-state-page .quantity-new{
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    line-height: 52px;
    text-align: left;
    color: #111928;
}
.bg-section-single-right{
    border-radius: 17px;
    padding: 25px 20px;
    backdrop-filter: blur(4px);
    background-color: rgba(255, 255, 255, 0.8);
}
.blog-details-date-v2{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2em;
    text-align: left;
    color: #111928;
}
.blog-title-v2{
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2em;
    color: #2C2C2E;
}
.blog-category-v2{
    font-family: Poppins;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.2em;
    text-align: left;
    color: #441D43;
}
.blog-detail-new-section{
    padding: 50px 0px;
}
.blog-detail-top-header .blog-detail-category{
    border-radius: 8px;
    padding: 15px 30px;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;
    text-align: center;
    color: #FFFFFF;
    background-color: #7C0DBE;
}
.blog-detail-top-header h1{
    font-family: Poppins;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2em;
    text-align: center;
    color:#111928;
    padding-top: 15px;
    text-transform: uppercase;
}
.blog-detail-top-header .blog-detail-date{
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2em;
    text-align: center;
    color: #111928;
}
.blog-detail-date{
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
}
.blog-detail-top-header hr{
    border: 1px solid #7C0DBE;
}
.blog-detail-thumb img{
    border-radius: 20px;
    width: 100%;
}
.blog-detail-content p{
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #5F6D7E;
    padding-bottom: 15px;
}
.blog-detail-content h2{
    font-family: Poppins;
    font-size: 32px !important;
    font-weight: 600;
    line-height: 35px;
    text-align: left;
    color: #111928;
    padding: 20px 0px 10px 0px;
    border-bottom: 1px solid #7C0DBE;
    margin-bottom: 10px;
}
.blog-detail-content h3{
    font-family: Poppins;
    font-size: 20px !important;
    font-weight: 600;
    line-height: 1.2em;
    text-align: left;
    color: #111928;
    padding: 10px 0px;
}
.blog-detail-content img{
    border-radius: 20px;
    width: 100%;
}
.blog-detail-content li{
    font-family: Poppins;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #5F6D7E;
}
.blog-detail-content ul, .blog-detail-content ol{
    margin-bottom:10px;
}
.blog-detail-share {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px;
    text-align: center;
    padding: 25px 0px;
}
.share-icon{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.share-icon-item a{
    background-color: #7C0DBE;
    padding: 5px 10px;
    color: #ffffff !important;
}
.blog-detail-share h5{
    font-family: Poppins;
    font-size: 28px;
    font-weight: 600;
    line-height: 42px;
    color: #111928;
}
.form-check-input:checked {
    background-color: #7C0DBE !important;
    border-color: #7C0DBE !important;
}

.form-check-input:focus {
    border-color: #891985bd;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(135 24 131 / 83%);
}

.blog-description-v2{
    font-family: Poppins;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2em;
    text-align: left;
    color: #5F6D7E;
}
.blog-description-v2 b{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2em;
    text-align: left;
    color: #333;
}
.cmn-btn-mypet-appointment{
    margin-top: 20px;
    width: 80%;
    padding: 12px 32px 12px 32px;
    border-radius: 100px;
    border: 1px solid #7C0DBE;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
    color: #7C0DBE;
}
.pet-profile-tab{
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    line-height: 11.18px;
    text-align: left;
    color: #5F6D7E;
}
.pet-profile-tab:hover{
    color: #7C0DBE;
}
#nav-tab .active{
    color: #7C0DBE;
}
.blog-thumb-pet-details-v2{
    border-radius: 16px;
    box-shadow: 0px 0px 40px 0px #0000001A;
    text-align: center;
    padding: 35px 25px;
}
.blog-thumb-pet-details-v2 h3{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2em;
    color: #2C2C2E;
}
.pet-details-content-v2 .row{
    padding: 10px 0px;
}
.pet-details-content-v2 .heading{
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2em;
    color: #2C2C2E;
}
.pet-details-content-v2 .value{
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2em;
    color: #9E9E9E;
}
.cmn-btn-mypet-appointment:hover{
    background-color: #7C0DBE;
    color: #ffffff;
}
.blog-description-v2 h3{
    font-family: Poppins;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2em;
    color: #2C2C2E;
}
.title-my-pet{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2em;
    text-align: center;
    color: #2C2C2E;
}
.age-my-pet{
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2em;
    text-align: center;
    color: #94A3B8;
}
.age-title-my-pet{
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2em;
    text-align: center;
    color: #111928;
}
.cmn-btn-custom-v2{
    padding: 14px 24px 14px 24px;
    gap: 10px;
    border-radius: 8px;
    background-color: #7C0DBE;
    color: #ffffff;
}
.mypet-search{
    display: flex;
}
.mypet-search-input{
    border-radius: 100px;
    padding: 15px 25px;
    border: 1px solid #E0E0E0;
    box-shadow: 0px 0px 20px 0px #0000001A;

}
.mypet-search-svg{
    margin-left: -2.5rem;
}
.bg-color-happy-clients{
    background: radial-gradient(112.61% 215.2% at -7.6% -4.1%, rgba(233, 250, 255, 0.32) 0%, #FFFFFF 53.49%, #F8F5FF 100%);
    padding: 20px;
    border-radius: 20px;
}
.login-page-section{
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 100vh;
}
.login-right-section{
    background: linear-gradient(to bottom right, #CB40DC, #7C80F3);

    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.login-right-section img{
    width: 476px;
}
.login-left-section{
    background-color: #ffffff;
    padding: 100px 0px;
    position: relative;
}
.login-left-section h3{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    color: #111928;
}
.login-left-section h2{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 800;
    text-align: center;
    color: #7C0DBE;
}
.login-left-section .top-vector{
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
}
.login-left-section .bottom-vector{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 250px;
}
.login-left-section .injection-vector{
    position: absolute;
    right: 2rem;
    width: 60px;
}
.login-left-section form{
    padding: 60px 40px 40px 40px;
}
.man-icon-for-login-page{
    width: 100px;
}
.call-to-action-section-for-vet-department h3{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 44px;
    text-align: left;
    color: #FFFFFF;
}
.call-to-action-section-for-vet-department p{
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #FFFFFF;
}
.call-to-action-section-for-vet-department .btn{
    padding: 12px 32px 12px 32px;
    border-radius: 100px;
    background-color: #FFFFFF;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2em;
    color: #7C0DBE;
}
button:not(.dropdown-toggle):not(.btn-close):not(.filter-btn):not(.tab-btn):not(.locate-btn):not(.nav-link):not(.iziToast-close):not(.filter-button):not(#submit) {
    background-color: #7C0DBE !important;
    background: #7C0DBE;
    color: #fff !important;

}
.pet-name-for-find-a-vet-page{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    color: #2C2C2E;
}
.pet-age-for-find-a-vet-page{
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    color: #111928;
}
.pet-btn-for-find-a-vet-page .btn{
    padding: 12px 32px 12px 32px;
    border-radius: 100px;
    border: 1px solid #7C0DBE;
    color: #7C0DBE;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #7C0DBE;
}
.pet-btn-for-find-a-vet-page .btn:hover{
    background-color: #7C0DBE;
    color: #ffffff;
}
.title-page-for-get-appointment{
    padding: 80px 0px 0px 0px;
}
.title-page-for-get-appointment h3{
    font-family: Poppins;
    font-size: 32px;
    font-weight: 600;
    line-height: 48px;
    text-align: center;
    color: #111928;
}
.pet-name-style{
    padding-top: 10px;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    color: #2C2C2E;
    text-align: center;
}
.pet-name-style:hover{
    color: #7C0DBE;
}
/* CSS for GetAppointment Page */
.main-banner-for-faqs {
    position: relative; /* Ensure positioning for overlay */
    background-image: var(--main-banner-for-faqs-banner-png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    height: 427px;
    padding: 80px 0;
}
.main-banner-for-faqs::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #7C0DBE 60%, rgba(115, 35, 112, 0) 80%);
}
.faq-main-title h3{
    font-family: Poppins;
    font-size: 35px;
    font-weight: 600;
    line-height: 52.5px;
    text-align: center;
    color: #111928;
}
.faqs-static-section-centent{
    padding: 50px 0px;
}
.faqs-static-section-centent h3{
    font-family: Poppins;
    font-size: 35px;
    font-weight: 600;
    line-height: 52px;
    text-align: center;
    color: #2C2C2E;
}
.faqs-static-section-centent h4{
    font-family: Poppins;
    font-size: 25px;
    font-weight: 600;
    line-height: 45px;
    text-align: left;
    color: #2C2C2E;
}
.faqs-static-section-centent p{
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    color: #5F6D7E;
}
.main-banner-for-get-appointment {
    position: relative;
    background-image: var(--main-banner-for-get-appointment-background-banner-png);
    background-repeat: round;
    height: 427px;
    padding: 80px 0;
}
.main-banner-for-get-appointment::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: linear-gradient(90deg, #7C0DBE 80%, rgba(115, 35, 112, 0) 100%);*/

    background-image: var(--main-banner-for-get-appointment-before-banner-for-get-appointment-png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;

}
.sortby-section span{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    color: #2C2C2E;
}
.main-banner-for-their-concerns {
    position: relative; /* Ensure positioning for overlay */
    background-image: var(--main-banner-for-get-appointment-background-banner-png);
    background-repeat: round;
    /*background-size: contain;*/
    /*background-repeat: no-repeat;*/
    /*background-position: center right;*/
    height: 427px;
    padding: 80px 0;
}
.main-banner-for-their-concerns::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: var(--main-banner-for-their-concerns-before-dogue-de-bordeaux-puppy-lying-sleeping-png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    /*background: linear-gradient(90deg, #7C0DBE 70%, rgba(115, 35, 112, 0) 100%);*/
}
/* Veterinarian-section Css */
.vet-all-details{
    padding-top: 20px;
}
.vet-all-details h4{
    color: #7C0DBE;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
}
.vet-all-details h3{
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 25px;
    color: #2C2C2E;
    line-height: 1.2em;
}
.vet-all-details p{
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2em;
    color: #5F6D7E;
    margin-bottom: 0px;
    padding: 3px 0px;
}
.our-vets-title-section{
    text-align: center;
    padding: 50px 0px;
}
.our-vets-title-section h3{
    font-family: Poppins;
    font-size: 32px;
    font-weight: 600;
    line-height: 48px;
    text-align: center;
    color: #111928;
}
.our-vets-title-section p{
    font-family: Poppins;
    font-size: 17px;
    font-weight: 400;
    line-height: 23px;
    text-align: center;
    color: #5F6D7E;
}
.profile-btn-new a{
    margin-top: 1rem;
    padding: 10px 30px 10px 30px;
    border-radius: 100px;
    border: 1px solid #7C0DBE;
    background-color: #7C0DBE;
    font-family: Poppins;
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
    color: #fff;
}
.profile-btn-viewall a{
    padding: 10px 30px 10px 30px;
    border-radius: 100px;
    border: 1px solid #FF00D6;
    font-family: Poppins;
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
    background-color: #FF00D6;
    color: #fff;
}
.profile-btn-department a{
    margin-top: 1rem;
    padding: 10px 30px 10px 30px !important;
    border-radius: 100px;
    border: 1px solid #7C0DBE;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2em;
    background-color: #7C0DBE;
    color: #fff;
}
.blog-dropdown select{
    border: none;
}
.find-department-all-buttons .button{
    width: 90%;
    height: 33px;
    text-align: center;
    padding: 7px 0px;
}
.profile-btn-department a:hover{
    background-color: #7C0DBE;
    color: #ffffff;
}
.fav-btn-new {
    display: flex;
    justify-content: flex-end;
    margin-top: -1rem;
    margin-right: 20px;
}
.profile-btn-new a:hover{
    padding: 10px 30px 10px 30px;
    background-color: #7C0DBE;
    color: #ffffff;
}
.vet-doctor-profile{
    background-color: #F9F6F9;
    padding: 50px 5px;
    border-radius: 20px;
}
.vet-doctor-profile img{
    width: 120px;
    height: 120px;
    border-radius: 60px;
}
.ruddra-next:hover, .ruddra-prev:hover{
    background-color: #FF00D6 !important;
}

.footer-widget ul li a:hover{
    color: #7C0DBE !important;
}

.text--indigo{
    color: #7C0DBE !important;
}

.review-section input[type="radio"]{
    border: 1px solid #7C0DBE !important;
}

.review-section input[type="radio"]::before{
    background-color: #7C0DBE !important;
}

.footer-social li, .footer-social li a:hover, .footer-social li a.active, .cmn--text{
    color: #7C0DBE !important;
}

.star-rating .fa-star:hover ~ .fa-star, .star-rating .fa-star.selected ~ .fa-star{
    color: #7C0DBE !important;
}

.blog-item .blog-thumb .blog-cat{
    background-color: #7C0DBE !important;
}

.star-rating .fa-star:hover, .star-rating .fa-star.star.selected{
    color: #7C0DBE !important;
}

.ruddra-next:hover .la-angle-right,
.ruddra-prev:hover .la-angle-left {
    color: #fff !important;
}

.scrollToTop, .cmn-btn-active, .title-border-left::before, .ruddra-next, .ruddra-prev, .border-btn{
    border:1px solid #FF00D6 !important;
}

.cmn-btn-active:focus, .cmn-btn-active:hover, .cmn-btn:focus, .cmn-btn:hover{
    box-shadow: 0px 15px 20px -8px #7C0DBE;
}

.cmn-btn-active:focus, .cmn-btn-active:hover{
    background-color: #7C0DBE !important;
    color:#fff !important;
}

.button-color-7C0DBE{
    background-color: #7C0DBE !important;
}

.choose-slider .swiper-pagination .swiper-pagination-bullet-active{
    background-color: #7C0DBE !important;
    color:#fff !important;
}

.pagination .page-item.active .page-link, .pagination .page-item:hover .page-link, .date-select, .date-select:focus{
    border-color: #7C0DBE !important;
}

.pagination .page-item.active .page-link, .pagination .page-item:hover .page-link, .client-content::before, .file-upload-wrapper:before, .pagination .page-item.disabled span{
    background-color: #7C0DBE !important;
    color:#fff !important;
}

.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.schedule-onsite-button{
    background-color: #7C0DBE !important;
    color:#fff !important;
}

.schedule-radio-label{
    color: #7C0DBE !important;
}

.schedule-section input[type="radio"]{
    border: 1px solid #7C0DBE !important;
}

.schedule-section input[type="radio"]::before{
    background-color: #7C0DBE !important;
}

.overview-tab-wrapper .tab-menu li.active{
    border-bottom: 2px solid #7C0DBE !important;
}

.main-color{
    color: #7C0DBE !important;
}

.confirmed-text{
    color: #7C0DBE !important;
}
.confirmed-booking-text{
    color: #7C0DBE !important;
}

.poppins-extralight {
font-family: "Poppins", sans-serif;
font-weight: 200;
font-style: normal;
}

.poppins-light {
font-family: "Poppins", sans-serif;
font-weight: 300;
font-style: normal;
}

.poppins-regular {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
}

.poppins-medium {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
}

.poppins-semibold {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-style: normal;
}

.poppins-bold {
font-family: "Poppins", sans-serif;
font-weight: 700;
font-style: normal;
}

.poppins-extrabold {
font-family: "Poppins", sans-serif;
font-weight: 800;
font-style: normal;
}

.poppins-black {
font-family: "Poppins", sans-serif;
font-weight: 900;
font-style: normal;
}

.poppins-thin-italic {
font-family: "Poppins", sans-serif;
font-weight: 100;
font-style: italic;
}

.poppins-extralight-italic {
font-family: "Poppins", sans-serif;
font-weight: 200;
font-style: italic;
}

.poppins-light-italic {
font-family: "Poppins", sans-serif;
font-weight: 300;
font-style: italic;
}

.poppins-regular-italic {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: italic;
}

.poppins-medium-italic {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: italic;
}

.poppins-semibold-italic {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-style: italic;
}

.poppins-bold-italic {
font-family: "Poppins", sans-serif;
font-weight: 700;
font-style: italic;
}

.poppins-extrabold-italic {
font-family: "Poppins", sans-serif;
font-weight: 800;
font-style: italic;
}
.vet-profile-content h5{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    color: #2C2C2E;
}
.vet-profile-content .qalification-title{
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #94A3B8;
}
.vet-profile-content .la-graduation-cap{
    color: #7C0DBE;
}
.vet-profile-content .location-title{
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}
.vet-profile-content .la-house-damage{
    color: #7C0DBE;
}
.vet-profile-content .appointment-btn-vet{
    width: 222px;
    height: 38px;
    padding: 6px 32px 12px 32px;
    gap: 8px;
    border-radius: 100px;
    border: 1px solid #7C0DBE;
    color: #7C0DBE;
}
.vet-profile-content .appointment-btn-vet:hover{
    color: #ffffff;
    background-color: #7C0DBE;
}
.poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
}
.cmn-btn {
    background-color: #7C0DBE;
}
.header-bottom-area .navbar-collapse .main-menu li a::after{
    background-color: #fff;
}
.scrollToTop:hover, .cmn-btn-active, .custom-btn:hover, .header-bottom-area .navbar-collapse .main-menu li.active a, .header-bottom-area .navbar-collapse .main-menu li:hover a, .language-select .nice-select span, .navbar-toggler span, .header-form .header-form-area button, .header-form .header-form-area input[type="button"], .header-form .header-form-area input[type="reset"], .header-form .header-form-area input[type="submit"], .breadcrumb li, .breadcrumb-item.active::before, .banner-slider .banner-pagination span.swiper-pagination-bullet-active, .ruddra-next, .ruddra-prev, .team-content .team-list li i, .client-content .client-icon i, .blog-item .blog-content .title:hover, .call-to-action-area .call-info .call-info-content .title a, .call-to-action-area .mail-info .mail-info-content .title a, .booking-item .booking-content .sub-title, .booking-item .booking-content .booking-list li span, .overview-tab-wrapper .tab-menu li.active, .booking-confirm-area .booking-confirm-list li span, .blog-details-section .category-content li:hover, .privacy-area p a, .ticket-button, .close-button, .text-color, .footer-social li a i:hover{
    color: #fff !important;
}
.footer-contact li i, .footer-menus li a i{
    color: #FF00D6 !important;

}
.footer-section{
    background-color: #441D43;
}
.privacy-area
{
    background-color: #381337;
}

.banner {
    background-image: var(--banner-hero-section-svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}



.banner-image{
    height: auto;
    margin-top: 47px;
}

.banner-left{
    margin: 106px 0 10px 10px;
}

.twenty-four-by-seven{
    border:1px solid #fff;
    border-radius: 12px;
    text-align: center;
    padding: 2px 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 75px;
    line-height: 112.5px;
}

.twenty-four-by-seven span{
    font-size: 42px;
    position: relative;
    top: 2px;
}

.online-img{
    height: 61px;
    position: relative;
    top: 18px;
    right: 1px;
}

.footprint-img {
    position: relative;
    /* left: -46px; */
    bottom: 0px;
    height: 32px;
    top: 37px;
    /* right: 54px; */
}

.vector-img{
    position: relative;
    right: 70px;
    bottom: 27px;
}
.ml-12{
    margin-left: 12px;
}
.mt-4{
    margin-top: 4px;
}

.hero-searchbox{

    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #DAE0E6;
    padding: 14px 0px;
}


.hero-searchbox input{
    height: 0px;
    border: 0;
    position: relative;
    font-size: 0.938rem;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    padding-left: 12px;
    width: 50%;
}

.hero-searchbox input::placeholder {
    font-size: 0.938rem; /* Adjust the font size as needed */
    /* Add any other styles for the placeholder text here */
}

.position-relative{
    position: relative;
}

.search-menu{
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #DAE0E6;
    padding: 14px 0px;
    position: absolute;
    margin-top: -22px;
    width: 100%;
    z-index: 1;
    max-height: 400px; /* Set your desired maximum height */
    overflow-y: auto;
    display: none;
}

#noResults{
    background-color: #eaeaea;
    cursor: pointer;
    border-radius: 5px;
    color:#5F6D7E;
}

#searchMenu div:not(.query-result):hover {
    background-color: #eaeaea; /* Change to your desired background color */
    cursor: pointer; /* Change cursor to indicate it's clickable */
    border-radius: 5px;
}

.search-menu div:not(.query-result) {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search-icon
{
    height: 30px;
    width: 30px;
    content: "";
    background: var(--search-icon-search-icon-svg) no-repeat;
    background-size: 15px;
    background-position: center;
    border-radius: 100%;
    margin: auto 0;
    background-color: #f3f2f7;
    margin-right: 10px;
}

.search-menu div:not(:last-child) {
    border-bottom: 1px solid #F5F5F5;
}



.search-menu p{
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #5F6D7E;
}
.search-menu > div:not(.search-menu-heading){
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Example box shadow */
}
.search-menu > div:not(.search-menu-heading) p:first-child {
    position: relative;
    top: 0px;
}
.search-menu div p:last-child{
    color:#8e9eb3;
}

.search-menu-heading{
    background-color: #eaeaea;
}

.h-39{
    height: 39px;
}
.h-24{
    height: 24px;
}

.talk-to-vet-border{
    border-left: 1px solid #DAE0E6;
    position: absolute;
    top: 5px;
    z-index: 1;
}

.f-14{
    font-size: 14px;
}

.color-111928{
    color: #111928;
}

input, textarea {
    padding: 10px 2px;
}

.pr-0{
    padding-right: 0px;
}

*::-webkit-scrollbar-thumb {
    /* background-color: #ff8686; */
    background-color: #7C0DBE !important;
}

.navbar-collapse{
    flex-grow: 0.79 !important;
}

/* Partner Section css */
.partner{
    padding: 36px 0;
}

.partner-slider{
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.partner-slider.z-index-high {
    /* Higher z-index when search menu is open */
    z-index: 10;
}

.partner p {
    color: #5F6D7E;
    font-size: 1rem;
    margin-bottom: 20px;
}

/* paw-sitive Secion Css */
.paw-sitive{
    padding: 80px 0;
    /* background: radial-gradient(#F2EFFC 0%, #FFFFFF 100%, #F8F5FF 100%); */
    background: linear-gradient(90deg, rgba(203, 64, 220, 0.08) 0%, rgba(124, 128, 243, 0.08) 100%);
}
.paw-sitive::before {
    content: '';
    display: inline-block;
    width: 59px;
    height: 59px;
    background-image: var(--assets-images-frontend-images-phonendoscope-svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 20px;
    background-size: contain;
}

.paw-sitive::after {
    content: '';
    display: inline-block;
    width: 71px;
    height: 71px;
    background-image: var(--assets-images-frontend-images-food-png);
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    background-size: contain;
}

.paw-sitive h3{
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 2rem;
    color: #111928;
    margin-bottom: 32px;
}

.paw-sitive h3:first-child::after {
    content: '';
    display: inline-block;
    width: 37px;
    height: 39px;
    background-image: var(--paw-sitive-h3-first-child-after-footprint-pink-png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    bottom: 4px;
    left: 5px;
}

.paw-sitive p{
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #5F6D7E;
    font-size: 1.063rem;
    line-height: 0.7;
    margin-bottom: 12px;
}

/* Services slider */
.vet-services-slider{
    position:relative;
    overflow: hidden;
    margin-top: 4rem;
    padding: 2rem 0 4rem;
    overflow: hidden;
}

.vet-services-slider .text-left{
    text-align:left;
}

.vet-services-slider h6{
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1.125rem;
    color: #2C2C2E;
    margin-top: 1.25rem;
}

.vet-services-slider p{
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.875rem;
    color: #5F6D7E;
    line-height: 1.2;
    margin-top: 0.625rem;
}

.vet-services-slider .brand-item{
    padding: 8px;
}
/* .vet-services-slider .swiper-slide{
   margin-right: unset !important;
} */

.vet-services-slider .paw-sitive-card {
    transition: transform 0.3s ease;
}

.vet-services-slider .paw-sitive-card:hover{
    box-shadow: 0 0 12px 0 rgba(140, 104, 205, 0.25);
    transform: translateY(-5px);
}

.paw-sitive-card{
    padding: 5px 10px 20px 12px;
    background-color: #fff;
    /* box-shadow: 10px 5px 9px red; */
    /* border: 1px solid rgba(222, 229, 234, 0.5); */
    -webkit-box-shadow: 0 0 15px #CBC9C9;
    /* box-shadow: 0 0 1.2px #CBC9C9; */
    border-radius: 12px;
    box-shadow: 0 0 1px 0 rgba(140, 104, 205, 0.25);
    text-align:left;
    min-height: 270px;
}

/* .paw-sitive-card a{
    position: absolute;
    bottom: 30px;
} */

.vet-services-slider .ruddra-next, .vet-services-slider .ruddra-prev {
    text-align: center;
    outline: none;
    transition: all 300ms ease;
    display: inline-block;
    font-size: 20px;
    background: transparent;
    border: 1px solid #FF00D6;
    color: #FF00D6;
    width: 40px;
    height: 40px;
    line-height: 40px;
    z-index: 99;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all 0.3s;
}


.vet-services-slider .ruddra-prev {
    left: 43%;
    top: 95%;
    transform: translate(50%, -50%);
    border-radius: 200px;
    padding: 0 27px;
    background-color: #FF00D6;

}
.vet-services-slider .la-arrow-left {
    position: relative;
    right: 0.65rem;
    color: #fff;
}

.vet-services-slider .ruddra-next {
    top: 95%;
    right: 48%;
    transform: translate(50%, -50%);
    border-radius: 200px;
    padding: 0 27px;
    background-color: #FF00D6;
}
.vet-services-slider .la-arrow-right {
    position: relative;
    right: 0.5rem;
    color: #fff;
}

.vet-services-slider .swiper-button-disabled {
    background-color: #dac5db !important;
    border:none !important;
}

/* Guidance Section */
.guidance-section{
    padding: 80px 0;
}

.guidance-section h3:first-child {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 2rem;
    color: #111928;
    margin-bottom: 32px;
}

.guidance-section h3:first-child span {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1.5rem;
    color: #fff;
    background-color: #7C0DBE;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    padding: 0 6px;
}

.guidance-section p{
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #5F6D7E;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 12px;
}
.guidance-section h6{
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #111928;
    font-size: 1rem;

}
.guidance-section .btn{
    padding: 12px 32px 12px 32px;
    border: 1px solid #7C0DBE;
    color: #7C0DBE;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.guidance-section .text-left{
    text-align: left;
}

.margin-left-20{
    margin-left: 20px;
}

/* CHOOSE US Section */
.choose-us-section{
    padding: 80px 0;
}

.choose-us-section h3:first-child {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 2rem;
    color: #111928;
    margin-bottom: 32px;
}

.choose-us-section h3:first-child span {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1.5rem;
    color: #fff;
    background-color: #7C0DBE;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    padding: 0 6px;
}

.choose-us-section .text-left{
    text-align: left;
}

.choose-us-section p{
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #5F6D7E;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 12px;
}

.choose-us-section .btn{
    padding: 12px 32px 12px 32px;
    background-color: #7C0DBE;
    border: 1px solid #7C0DBE;
    color: #fff;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.choose-us-section span{
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.125rem;
}

.become-an-online-vet-btn a{
    background-color: #7C0DBE;
    color:#fff !important;

}

.partner{
    padding: 36px 0;
}

.mainbutton a{
    background-color: #7C0DBE !important;
    color:#fff !important;
}

.partner p {
    color: #5F6D7E;
    font-size: 1rem;
    margin-bottom: 20px;
}
.call-to-action-become-a-vet{
    padding: 50px 0;
    background-image: var(--assets-images-frontend-images-call-to-action-bg-png);
    background-size: cover;
}
.call-to-action-become-a-vet .btn{
    padding: 12px 32px 12px 32px;
    background-color: #FF00D6;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.15); 
    color: #fff;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.call-to-action-become-a-vet h3{
    color: #fff;
    line-height: 1.2em;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}
.call-to-action-become-a-vet p{
    color: #fff;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
}
.call-to-action-section-online-vet-help{
    padding: 50px 0;
    background-image: var(--assets-images-frontend-images-call-to-action-bg-png);
    background-size: cover;
}
.call-to-action-section-online-vet-help .btn{
    padding: 12px 32px 12px 32px;
    background-color: #ffffff;
    color: #7C0DBE;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.call-to-action-section-online-vet-help h3{
    color: #fff;
    line-height: 1.2em;
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    text-align: center;
}
.call-to-action-section-online-vet-help p{
    color: #fff;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
}
.ask-a-vet-form-section{
    padding: 80px 0px 0px 0px;
    background: radial-gradient(#F2EFFC 0%, #FFFFFF 100%, #F8F5FF 100%);
    margin-bottom: 55px !important;
}
.ask-a-vet-form-section::after {
    content: '';
    display: inline-block;
    width: 59px;
    height: 59px;
    background-image: var(--assets-images-frontend-images-phonendoscope-svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 20px;
    background-size: contain;
}
.ask-a-vet-form-section h3{
    font-family: Poppins;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color: #2C2C2E;
    padding-bottom: 20px;
}
.ask-a-vet-file-upload-section{
    padding: 20px 20px;
    background-color: #ffffff;
    border: 1px solid #ced4da;
    border-radius: 10px;
}
.ask-a-vet-file-upload-section h4{
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    color: #2C2C2E;
}
.ask-a-vet-file-upload-section label{
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #7C0DBE;
    background-color: #D7DCE4;
    padding: 10px;
    border-radius: 12px;
    width: 170px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.ask-a-vet-file-upload-section p{
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #5F6D7E;
}
.ask-a-vet-form-section .btn{
    padding: 10px 40px;
    border-radius: 100px;
    border: 1px solid #7C0DBE;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;

}
.talk-to-a-vet{
    padding: 12px 32px 12px 32px;
    background-color: #7C0DBE;
    border: 1px solid #7C0DBE;
    color: #ffffff !important;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.tak-to-a-vet-btn-section{
    text-align: center;
}
.tak-to-a-vet-btn-section p{
    font-family: Poppins;
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    line-height: 24px;
    color: #5F6D7E;
}
.career-advancement-section{
    padding: 50px 0px;
}
.become-vet-community-section, .become-vet-portfolio-section, .become-vet-listing-section, .become-part-our-team-section {
    padding: 50px 0px;
}
.win-ce-certifications-content-section{
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.become-an-online-vet-content-section{
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.login-btn-css a{
    width: 356px;
    height: 55px;
    padding: 14px;
    border-radius: 100px;
    color: #7C0DBE;
    border: 1px solid #7C0DBE;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}
.become-an-online-vet-content-section h3{
    font-family: Poppins;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.2em;
    color: #2C2C2E;
}
.become-an-online-vet-content-section p{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    color: #5F6D7E;
}
.become-an-online-vet-content-section span{
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    line-height: 25.2px;
    color: #5F6D7E;
}
.become-an-online-vet-content-section li{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    color: #5F6D7E;
    list-style-type: none
}
.become-an-online-vet-content-section h4{
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
    text-align: left;
    color: #2C2C2E;
    padding: 12px;
    background-color: #ffffff;
    border-bottom: 1px solid #F2EDF5
}
.become-an-online-vet-content-section h4:hover{
    font-weight: 600;
    color: #7C0DBE;
}
.become-an-online-vet-btn a{
    padding: 10px 40px;
    border-radius: 100px;
    border: 1px solid #7C0DBE;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    color: #7C0DBE;
}
.become-an-online-vet-btn a:hover{
    background-color: #7C0DBE;
    color: #ffffff;
}
.win-ce-certifications-content-section h3{
    font-family: Poppins;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.2em;
    color: #2C2C2E;
}
.win-ce-certifications-content-section p{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    color: #5F6D7E;
}
.win-ce-certifications-content-section li{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 25.2px;
    color: #5F6D7E;
}
.continue-edu-section{
    padding: 50px 0px;
}
.network-vet-events-section{
    padding: 50px 0px;
}
.practical-resources-section{
    padding: 50px 0px;
}
.call-to-action-section-for-pet{
    background-size: cover;
    padding: 50px 0;
}
.call-to-action-section-for-pet .btn{
    padding: 12px 32px 12px 32px;
    background-color: #FF00D6;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.15); 
    color: #fff;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.call-to-action-section-for-pet h3{
    color: #fff;
    line-height: 1.2em;
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    text-align: center;
}
.call-to-action-section-for-pet p{
    color: #fff;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
}
.contact-us-form-section{
    background: radial-gradient(#F2EFFC 0%, #FFFFFF 100%, #F8F5FF 100%);
}
.contact-us-form-section .btn{
    /* width: 356px; */
    height: 55px;
    padding: 16px 25px 16px 25px;
    border-radius: 100px;
    border: 1px solid #7C0DBE;
    color: #7C0DBE;
}
.contact-us-form-section p{
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.07px;
    color: #5F6D7E;
}
.contact-us-form-section .container{
    padding: 80px 0;
    background-color: #ffffff;
}
.contact-us-form-section h5{
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.07px;
    color: #5F6D7E;
}
.contact-us-submit-btn{
    width: 356px;
    height: 55px;
    padding: 14px;
    border-radius: 100px;
    background-color: #7C0DBE !important;
    color: #ffffff;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.46000000834465027px;
    text-align: center;
}
.contact-us-form-section::after {
    content: '';
    display: inline-block;
    width: 59px;
    height: 59px;
    background-image: var(--assets-images-frontend-images-food-png);
    background-repeat: no-repeat;
    position: absolute;
    left: 20px;
    background-size: contain;
}
.contact-us-form-section h3{
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2em;
    text-align: center;
    color: #111928;
    padding-bottom: 20px;
}
.contact-us-form-section h4 {
    overflow: hidden;
    text-align: center;
    margin-top: 1.5rem;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    color: #5F6D7E;
}

.contact-us-form-section h4::before,
.contact-us-form-section h4::after {
    background-color: #DBDBDB;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.contact-us-form-section h4::before {
    right: 0.5em;
    margin-left: -50%;
}

.contact-us-form-section h4::after {
    left: 0.5em;
    margin-right: -50%;
}
.instant-vet-talks{
    padding: 80px 0;
    background: radial-gradient(#F2EFFC 0%, #FFFFFF 100%, #F8F5FF 100%);

}
.instant-vet-talks::after {
    content: '';
    display: inline-block;
    width: 59px;
    height: 59px;
    background-image: var(--assets-images-frontend-images-phonendoscope-svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 20px;
    background-size: contain;
}
.instant-vet-talks h3{
    font-family: Poppins;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2em;
    text-align: center;
    color: #111928;
}
.instant-vet-talks p{
    font-family: Poppins;
    font-size: 17px;
    font-weight: 400;
    line-height: 23px;
    color: #5F6D7E;
}
.instant-vet-talks-card .btn{
    padding: 12px 32px 12px 32px;
    background-color: #ffffff;
    border: 1px solid #7C0DBE;
    color: #7C0DBE;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.instant-vet-talks-card {
    background-color: #fff;
    padding: 20px;
    border-radius: 12px;
    text-align: left;
}
.instant-vet-talks-card h6{
    padding-top: 10px;
    font-family: Poppins;
    font-size: 17px;
    font-weight: 600;
    line-height: 20.4px;
}
.instant-vet-talks-card p{
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;

}
.instant-vet-talks-card a{
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #7C0DBE;
}
.instant-vet-talks-card-2nd {
    background-color: #7C0DBE;
    padding: 20px;
    border-radius: 12px;
}
.instant-vet-talks-card-2nd h6{
    padding-top: 10px;
    font-family: Poppins;
    font-size: 17px;
    font-weight: 600;
    line-height: 20.4px;
    color: #ffffff;
}
.instant-vet-talks-card-2nd p{
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    color: #ffffff;
}
.instant-vet-talks-card-2nd a{
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #ffffff;
}
.instant-vet-talks-card-2nd .btn{
    padding: 12px 32px 12px 32px;
    background-color: #ffffff;
    border: 1px solid #7C0DBE;
    color: #7C0DBE;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.main-icon{
    width: 50px;
    height: 50px;
}
.blog-img-first img{
    border-radius: 20px;
    margin-bottom: 1.5rem;
}
.blog-content-first h4{
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2em;
    text-align: left;
    color: #111928;
}
.blog-content-first p{
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #5F6D7E;
}
.blog-btn-first .button-style{
    padding: 18px 36px;
    gap: 10px;
    border-radius: 100px;
    background-color: #7C0DBE;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
    text-align: center;
    color: #FFFFFF;
}
.blog-img-2nd img{
    border-radius: 20px;
    margin-bottom: 1.5rem;
}
.blog-img-2nd span{
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    color: #5F6D7E;
}
.blog-content-2nd h4{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    text-align: left;
    color: #111928;
}
.blog-trending-posts h3{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2em;
    text-align: center;
    color:#111928;
}
.blog-latest-posts h3{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2em;
    text-align: center;
    color:#111928;
}
.blog-content-main h4{
    font-family: Poppins;
    font-size: 22px;
    font-weight: 500;
    line-height: 25px;
    text-align: left;
    color:#111928;
}
.main-banner-for-blog-posts {
    position: relative; /* Ensure positioning for overlay */
    background-image: var(--main-banner-for-blog-posts-blog-main-banner-png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    height: 427px;
    padding: 80px 0;
}
.main-banner-for-blog-posts::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #7C0DBE 60%, rgba(115, 35, 112, 0) 90%);
}
.blog-content-main span{
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    color: #5F6D7E;
}
.choose-your-department-section{
    padding: 50px 0px;
}
.choose-your-department-section h3{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
    text-align: center;
    color: #2C2C2E;
}
.choose-your-department-section p{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: center;
    color: #5F6D7E;
}
.find-department-all-buttons{
    padding: 50px 0px;
}
.find-department-all-buttons a{
    width: 90%;
    padding: 7px 0;
    border-radius: 17px;
    background-color: #ffffff;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;
    text-align: center;
    color: #7C0DBE;
}
.find-department-all-buttons .button-item{
    padding: 10px 0px;
    text-align: center;
}
.pet-diseases-section{
    padding: 50px 0px;
}
.pet-diseases-section h3{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
    text-align: center;
    color:#2C2C2E;
    margin-bottom: 2rem;
}
.pet-diseases-section .pet-diseases-item{
    border-radius: 16px;
    border: 0.5px solid #441D43;
    padding: 20px;
    text-align: center;
}
.pet-diseases-section span{
    border-radius: 12px 12px 12px 0px;
    padding: 10px 15px;
    font-family: Poppins;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2em;
    text-align: center;
    background-color: #7C0DBE;
    color: #ffffff;

}
.pet-diseases-item h4{
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2em;
    text-align: center;
    color: #441D43;
    margin-top: 10px;
}
.view-all-button a{
    padding: 12px 32px 12px 32px;
    gap: 8px;
    border-radius: 100px;
    border: 1px solid #7C0DBE;
    color: #7C0DBE;
}
.pet-diseases-item-main{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 2rem;
}
.main-banner-become-a-vet{
    /*background-color: #7C0DBE;*/
    background-image: var(--main-banner-become-a-vet-banner-bg-png);
    background-repeat: round;
}
.middle-align-banner {
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.bottom-align-banner {
    display: flex;
    flex-flow: column;
    justify-content: end;
}
.become-a-vet-section h3{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
    text-align: left;
    color: #ffffff;
}
.become-a-vet-section p{
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    text-align: left;
    color: #ffffff;
}
.become-a-vet-section .btn{
    padding: 12px 32px 12px 32px;
    background-color: #FF00D6;
    color: #fff;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.15);
}
.become-a-vet-image img{
    float: right;
}
.main-banner-for-clinices-page {
    position: relative; /* Ensure positioning for overlay */
    background-image: var(--main-banner-for-clinices-page-clinic-banner-png);
    background-repeat: round;
    /*background-size: contain;*/
    /*background-repeat: no-repeat;*/
    /*background-position: center right;*/
    height: 427px;
    padding: 80px 0;
}
.disease-box img {
    opacity: 60%; 
}

.border-2 img {
    opacity: 100%; 
}

.disease-box:hover img {
    opacity: 100%;
    
}
.main-banner-for-clinices-page::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: linear-gradient(90deg, #7C0DBE 60%, rgba(115, 35, 112, 0) 90%);*/
    background-image: var(--main-banner-for-clinices-page-before-young-veterinarian-couple1-png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
}
.main-banner-help-center {
    position: relative; /* Ensure positioning for overlay */
    background-image: var(--main-banner-help-center-help-center-banner-png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    height: 427px;
    padding: 80px 0;
}
.main-banner-help-center::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #7C0DBE 70%, rgba(115, 35, 112, 0) 90%);
}
.main-banner-help-center-tech-support {
    position: relative; /* Ensure positioning for overlay */
    background-image: var(--main-banner-help-center-tech-support-help-center-tech-support-banner-png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    height: 427px;
    padding: 80px 0;
}
.main-banner-help-center-tech-support::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #7C0DBE 70%, rgba(115, 35, 112, 0) 90%);
}
.main-banner-help-center-vet-and-tech {
    position: relative; /* Ensure positioning for overlay */
    background-image: var(--main-banner-help-center-vet-and-tech-help-center-vet-and-tech-banner-png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    height: 427px;
    padding: 80px 0;
}
.main-banner-help-center-vet-and-tech::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #7C0DBE 70%, rgba(115, 35, 112, 0) 90%);
}
.main-banner-help-center-pet-parent {
    position: relative; /* Ensure positioning for overlay */
    background-image: var(--main-banner-help-center-pet-parent-help-center-pet-parent-banner-png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    height: 427px;
    padding: 80px 0;
}
.main-banner-help-center-pet-parent::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #7C0DBE 70%, rgba(115, 35, 112, 0) 90%);
}
.left-side-section-for-help-center{
    padding: 35px 10px;
    background-color: #F8F8F8;
    border-radius: 11px;
}
.left-side-section-for-help-center h5{
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    color: #111928;
}
.right-side-section-for-help-center h3{
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    line-height: 45px;
    color: #111928;
}
.right-side-section-for-help-center h4{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    color: #2C2C2E;
}
.right-side-section-for-help-center p{
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #2C2C2E;
}
.main-banner-customer-support {
    position: relative; /* Ensure positioning for overlay */
    background-image: var(--main-banner-customer-support-customer-support-png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    height: 427px;
    padding: 80px 0;
}
.main-banner-customer-support::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #7C0DBE 70%, rgba(115, 35, 112, 0) 90%);
}
.customer-support-section{
    padding: 40px 10px;
}
.customer-support-section h2{
    font-family: Poppins;
    font-size: 32px;
    font-weight: 600;
    line-height: 48px;
    text-align: center;
    color: #111928;
}
.customer-support-section h3{
    font-family: Poppins;
    font-size: 21px;
    font-weight: 600;
    line-height: 26px;
    text-align: center;
    color:#2C2C2E;
    margin-top: 20px;
}
.customer-support-section p{
    font-family: Poppins;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    color:#5F6D7E;
}
.customer-support-section .border-style{
    padding: 40px 10px;
}
.customer-support-section .border-style:hover{
    border: 1px solid #7C0DBE;
    border-radius: 12px;
}
.bg-color-for-help-card{
    background: radial-gradient(100% 202.87% at 0% 3.56%, rgba(233, 250, 255, 0.32) 0%, #FFFFFF 53.49%, #F8F5FF 100%);
}
.main-banner-contact-us {
    position: relative; /* Ensure positioning for overlay */
    background-image: var(--main-banner-contact-us-contact-us-png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    height: 427px;
    padding: 80px 0;
}
.main-banner-contact-us::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #7C0DBE 70%, rgba(115, 35, 112, 0) 90%);
}
.main-banner-terms-and-conditions {
    position: relative; /* Ensure positioning for overlay */
    background-image: var(--main-banner-terms-and-conditions-terms-and-conditions-png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    height: 427px;
    padding: 80px 0;
}
.main-banner-terms-and-conditions::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #7C0DBE 70%, rgba(115, 35, 112, 0) 90%);
}
.terms-and-conditions-content-section{
    padding: 80px 0px 0px 0px;
}
.terms-and-conditions-content-section h2{
    font-family: Poppins;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2em;
    text-align: left;
    color: #2C2C2E;
}
.terms-and-conditions-content-section p{
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    color: #5F6D7E;
}
.main-banner-privacy-policy {
    position: relative; /* Ensure positioning for overlay */
    background-image: var(--main-banner-privacy-policy-privacy-policy-png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    height: 427px;
    padding: 80px 0;
}
.main-banner-privacy-policy::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #7C0DBE 70%, rgba(115, 35, 112, 0) 90%);
}
.privacy-policy-content-section{
    padding: 80px 0;
}
.privacy-policy-content-section h2{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2em;
    text-align: left;
    color: #2C2C2E;
}
.privacy-policy-content-section h3{
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
    color: #5F6D7E;
}
.privacy-policy-content-section p{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    color: #5F6D7E;
}
.privacy-policy-content-section h4{
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
    color: #5F6D7E;
    list-style-type: disc;
}
.privacy-policy-content-section span{
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    color: #5F6D7E;
}
.unorderliststyle li{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    color: #5F6D7E;
    margin-left: 2rem;
}
.privacy-policy-content-section h5{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    color: #5F6D7E;
}

.main-banner-why-choose-us {
    position: relative; /* Ensure positioning for overlay */
    background-image: var(--main-banner-why-choose-us-why-choose-us-banner-png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    height: 427px;
    padding: 80px 0;
}
.main-banner-why-choose-us::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #7C0DBE 70%, rgba(115, 35, 112, 0) 90%);
}
.main-banner-why-choose-us p{
    width: 40% !important;
}
.main-banner-about-us {
    position: relative; /* Ensure positioning for overlay */
    background-image: var(--main-banner-about-us-aboutus-banner-png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    height: 427px;
    padding: 80px 0;
}
.main-banner-about-us::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #7C0DBE 60%, rgba(115, 35, 112, 0) 80%);
}
.about-content-section{
    padding: 80px 0px 60px 0px;
}
.about-content-section h3{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
    text-align: left;
    color: #2C2C2E;
}
.about-content-section p{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: left;
    color: #5F6D7E;
}
img.about-extra-img1{
    padding-left: 18rem;
    margin-top: -2rem;
}
img.about-extra-img2 {
    margin-left: -3rem;
}
.our-mission-img{
    border: 1px solid #7C0DBE;
    border-radius: 30px;
}
.our-mission-centent img{
    width: 18px;
    padding-bottom: 0.5rem;
}
.vet-portfolio-btn{
    text-align: right;
    margin: 10px 0px;
}
.float-right{
    float: right;
}
.text-right{
    text-align: right !important;
}
.vet-portfolio-btn .btn{
    padding: 12px 32px 12px 32px;
    background-color: #7C0DBE;
    border: 1px solid #7C0DBE;
    color: #fff;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.become-an-online-vet-margin-only{
    margin: 80px 0px 0px 0px;
}
.claim-free-website-img{
    border: 1px solid #7C0DBE;
    border-radius: 30px;
}
.become-an-online-vet-margin-only-2nd{
    margin: 40px 0px 40px 0px;
}
.become-an-online-vet-margin-only-3rd{
    margin: 120px 0px 0px 0px;
}
.become-an-online-vet-margin-only-4th{
    margin: 60px 0px 40px 0px;
}
.why-choose-us-margin-only{
    margin: 150px 0px !important;
}
.vet-portfolio-section{
    padding-bottom: 80px;
}
.vet-portfolio-section h3{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2em;
    text-align: right;
    color: #2C2C2E;
}
.vet-portfolio-section p{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: right;
    color: #5F6D7E;
}
.vet-portfolio-section span{
    font-family: Poppins;
    font-size: 15px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: right;
    color: #5F6D7E;
}
.vet-portfolio-section h4{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: right;
    color: #5F6D7E;
}
.vet-community-section span{
    font-family: Poppins;
    font-size: 15px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: left;
    color: #5F6D7E;
    padding-bottom: 10px;
}
.vet-community-section{
    padding-bottom: 80px;
}
.vet-community-section h3{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2em;
    text-align: left;
    color: #2C2C2E;
}
.vet-community-section p{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: left;
    color: #5F6D7E;
}
.vet-community-section .btn{
    padding: 12px 32px 12px 32px;
    background-color: #7C0DBE;
    border: 1px solid #7C0DBE;
    color: #fff;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.part-our-team-section h3{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2em;
    text-align: left;
    color: #2C2C2E;
}
.part-our-team-section h4{
    font-family: Poppins;
    font-size: 22px;
    font-weight: 600;
    line-height: 40.8px;
    text-align: left;
    color: #7C0DBE;
    margin: 20px 0px;
}
.part-our-team-section .btn{
    padding: 12px 32px 12px 32px;
    border: 1px solid #7C0DBE;
    color: #7C0DBE;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.about-our-mission-section{
    padding-bottom: 80px;
}
.about-our-mission-section h3{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
    text-align: left;
    color: #2C2C2E;
}
.about-our-mission-section p{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: left;
    color: #5F6D7E;
}
.about-our-mission-section .btn{
    padding: 12px 32px 12px 32px;
    border: 1px solid #7C0DBE;
    color: #7C0DBE;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.about-our-vision-section{
    padding-bottom: 80px;
}
.about-our-vision-section h3{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
    text-align: left;
    color: #2C2C2E;
}
.about-our-vision-section p{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: left;
    color: #5F6D7E;
}
.about-our-vision-section .btn{
    padding: 12px 32px 12px 32px;
    border: 1px solid #7C0DBE;
    color: #7C0DBE;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.virtual-vets-whychooseus-section{
    padding: 80px 0px;
}
.virtual-vets-whychooseus-section h3{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
    text-align: left;
    color: #2C2C2E;
}
.virtual-vets-whychooseus-section p{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: left;
    color: #5F6D7E;
}
.virtual-vets-whychooseus-section .btn{
    padding: 12px 32px 12px 32px;
    border: 1px solid #7C0DBE;
    color: #7C0DBE;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.our-mission-centent{
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.why-choose-us-centent{
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.main-banner-onlie-vet-help {
    position: relative; /* Ensure positioning for overlay */
    background-image: var(--main-banner-onlie-vet-help-online-vet-help-png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    height: 427px;
    padding: 80px 0;
}
.main-banner-onlie-vet-help::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #7C0DBE 60%, rgba(115, 35, 112, 0) 80%);
}
.main-banner-video-gallery {
    position: relative; /* Ensure positioning for overlay */
    background-image: var(--main-banner-video-gallery-background-banner-png);
    background-repeat: round;
    /*background-size: contain;*/
    /*background-repeat: no-repeat;*/
    /*background-position: center right;*/
    height: 427px;
    padding: 80px 0;
}
.main-banner-video-gallery::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: linear-gradient(90deg, #7C0DBE 60%, rgba(115, 35, 112, 0) 80%);*/
    background-image: var(--main-banner-video-gallery-before-video-gallery-pet-png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
}
.call-to-action-section-for-careers{
    padding: 50px 0;
    background-image: var(--assets-images-frontend-images-call-to-action-bg-png);
    background-size: cover;
}

.call-to-action-section-for-careers .btn{
    padding: 12px 32px 12px 32px;
    background-color: #FF00D6;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.15); 
    color: #fff;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.call-to-action-section-for-careers h3{
    color: #fff;
    line-height: 1.2em;
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    text-align: center;
}
.call-to-action-section-for-careers p{
    color: #fff;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
}
.career-content{
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.careers-section-pet-lover{
    padding: 50px 0;
}
.careers-section-pet-lover h3{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
    text-align: left;
    color: #2C2C2E;
}
.careers-section-pet-lover p{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: left;
    color: #5F6D7E;
}
.shop-pet-section-for-purr-fectly{
    padding: 80px 0px 40px 0px;
    background: radial-gradient(#F2EFFC 0%, #FFFFFF 100%, #F8F5FF 100%);
}
.shop-pet-section-for-purr-fectly h3{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
    text-align: left;
    color: #2C2C2E;
}
.shop-pet-section-for-purr-fectly p{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: left;
    color: #5F6D7E;
}
.shop-pet-section-for-purr-fectly .btn{
    padding: 12px 32px 12px 32px;
    background-color: #7C0DBE;
    border: 1px solid #7C0DBE;
    color: #fff;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.shop-pet-section-for-reliable-dog img{
    border: 1px solid #7C0DBE;
    border-radius: 30px;
}
.shop-pet-section-for-reliable-dog{
    padding: 40px 0px 40px 0px;
    background: radial-gradient(#F2EFFC 0%, #FFFFFF 100%, #F8F5FF 100%);
}
.shop-pet-section-for-reliable-dog h3{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
    text-align: right;
    color: #2C2C2E;
}
.shop-pet-section-for-reliable-dog p{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: right;
    color: #5F6D7E;
}
.shop-pet-section-for-reliable-dog .btn{
    padding: 12px 32px 12px 32px;
    background-color: #7C0DBE;
    border: 1px solid #7C0DBE;
    color: #fff;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.shop-pet-section-for-protecting-pets img{
    border: 1px solid #7C0DBE;
    border-radius: 30px;
}
.shop-pet-section-for-protecting-pets{
    padding: 40px 0px 80px 0px;
    background: radial-gradient(#F2EFFC 0%, #FFFFFF 100%, #F8F5FF 100%);
}
.shop-pet-section-for-protecting-pets h3{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
    text-align: left;
    color: #2C2C2E;
}
.shop-pet-section-for-protecting-pets p{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: left;
    color: #5F6D7E;
}
.shop-pet-section-for-protecting-pets .btn{
    padding: 12px 32px 12px 32px;
    background-color: #7C0DBE;
    border: 1px solid #7C0DBE;
    color: #fff;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.main-banner-for-ask-a-vet {
    position: relative; /* Ensure positioning for overlay */
    background-image: var(--main-banner-for-ask-a-vet-ask-a-vet-banner-png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    height: 427px;
    padding: 80px 0;
}
.main-banner-for-ask-a-vet::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #7C0DBE 75%, rgba(115, 35, 112, 0) 90%);
}
.main-banner {
    position: relative; /* Ensure positioning for overlay */
    background-image: var(--main-banner-banner-bg-png);
    background-repeat: round;
    /*background-size: contain;*/
    /*background-repeat: no-repeat;*/
    /*background-position: center right;*/
    height: 427px;
    padding: 80px 0;
}
.main-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: linear-gradient(90deg, #7C0DBE 60%, rgba(115, 35, 112, 0) 80%);*/
    background-image: var(--main-banner-before-attractive-vet-holding-chihuahua-png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
}
.main-banner-section {
    position: relative;
    z-index: 1;
    height: 35vh;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.main-banner-section h3{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
    text-align: left;
    color: #ffffff;
}
.main-banner-section p{
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    text-align: left;
    color: #ffffff;
}
.main-banner-section .btn{
    padding: 12px 32px 12px 32px;
    background-color: #FF00D6;
    color: #fff;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.main-banner-btn-new .btn{
    padding: 12px 32px 12px 32px;
    background-color: #ffffff;
    color: #7C0DBE;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.available-section-home-page{
    display: flex;
    gap: 0.5rem;
    margin-top: 1.5rem;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10em;
}
/* Veterinarian-section Css */
.Veterinarian-section{
    padding: 80px 0;
    /* background: radial-gradient(#F2EFFC 0%, #FFFFFF 100%, #F8F5FF 100%); */
    background: linear-gradient(90deg, rgba(203, 64, 220, 0.08) 0%, rgba(124, 128, 243, 0.08) 100%);
}


.Veterinarian-section::after {
    content: '';
    display: inline-block;
    width: 59px;
    height: 59px;
    background-image: var(--assets-images-frontend-images-phonendoscope-svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 20px;
    margin-top: -25px;
    /* bottom: -4px; */
    background-size: contain;
}

.Veterinarian-section h3{
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 2rem;
    color: #111928;
    margin-bottom: 32px;
    line-height: .9rem;
}

.Veterinarian-section h3:first-child::after {
    content: '';
    display: inline-block;
    width: 37px;
    height: 39px;
    background-image: var(--Veterinarian-section-first-child-after-stethoscope-png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    top: 6px;
    left: 5px;
}



.Veterinarian-section p{
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #5F6D7E;
    font-size: 1.063rem;
    /* line-height: 0.7; */
    margin-bottom: 12px;
}

/* Services slider */
.Veterinarian-section .vet-slider{
    position:relative;
    overflow: hidden;
    margin-top: 4rem;
    padding: 2rem 0 4rem;
    overflow: hidden;
}

.Veterinarian-section .vet-slider .text-left{
    text-align:left;
}

.Veterinarian-section .vet-slider h6{
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1.063rem;
    color: #2C2C2E;
    margin-top: 1.25rem;
}

.Veterinarian-section .vet-slider p{
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.875rem;
    color: #5F6D7E;
    line-height: 1.2;
    margin-top: 0.625rem;
}

.Veterinarian-section .vet-slider .brand-item{
    padding: 8px;
}
/* .Veterinarian-section .vet-slider .swiper-slide{
   margin-right: unset !important;
} */

.Veterinarian-section .vet-slider .paw-sitive-card{
    transition: transform 0.3s ease;
}
.Veterinarian-section .vet-slider .paw-sitive-card:hover{
    box-shadow: 0 0 12px 0 rgba(140, 104, 205, 0.25);
    transform: translateY(-5px);
}

.Veterinarian-section .paw-sitive-card{
    padding: 5px 10px 20px 12px;
    background-color: #fff;
    /* box-shadow: 10px 5px 9px red; */
    /* border: 1px solid rgba(222, 229, 234, 0.5); */
    -webkit-box-shadow: 0 0 15px #CBC9C9;
    /* box-shadow: 0 0 1.2px #CBC9C9; */
    radious: 12px;
    border-radius: 12px;
    box-shadow: 0 0 1px 0 rgba(140, 104, 205, 0.25);
    text-align:left;
    min-height: 310px;
}





.Veterinarian-section .vet-slider .ruddra-next, .vet-slider .ruddra-prev {
    position: absolute;
    top: 50%;
    text-align: center;
    outline: none;
    transition: all 300ms ease;
    display: inline-block;
    font-size: 20px;
    background: transparent;
    border: 1px solid #8c68cd;
    color: #8c68cd;

    width: 40px;
    height: 40px;
    line-height: 40px;
    z-index: 99;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all 0.3s;
}


.Veterinarian-section .vet-slider .ruddra-prev {
    position: absolute;
    left: 43%;
    top: 95%;
    transform: translate(50%, -50%);
    border-radius: 200px;
    padding: 0 27px;
    background-color: #FF00D6;

}
.Veterinarian-section .vet-slider .la-arrow-left {
    position: relative;
    right: 0.65rem;
    color: #fff;
}

.Veterinarian-section .vet-slider .ruddra-next {
    position: absolute;
    right: 48%;
    top: 95%;
    transform: translate(50%, -50%);
    border-radius: 200px;
    padding: 0 27px;
    background-color: #FF00D6;
}
.Veterinarian-section .vet-slider .la-arrow-right {
    position: relative;
    right: 0.5rem;
    color: #fff;
}

.Veterinarian-section .vet-slider .swiper-button-disabled {
    background-color: #dac5db !important;
    border:none !important;
}

.Veterinarian-section .btn{
    padding: 12px 32px 12px 32px;
    border: 1px solid #7C0DBE;
    color: #7C0DBE;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.areas-we-serve-section{
    padding: 50px 0px;
}
.areas-we-serve-section .homename{
    font-family: Poppins;
    font-size: 30px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    padding-bottom: 1rem;
}
.areas-we-serve-section h3:first-child span{
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1.5rem;
    color: #fff;
    background: linear-gradient(90deg, #CB40DC 0%, #7C80F3 100%);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    padding: 0 6px;
}
/* expert vet section */
.expert-vet-section{
    padding: 80px 0 0;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 2rem;
    color: #111928;
    margin-bottom: 32px;
    position: relative;

}

.expert-vet-section::before {
    content: '';
    display: inline-block;
    width: 57px;
    height: 57px;
    background-image: var(--expert-vet-section-before-injection-svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 5.25rem;
    right: 2.5rem;
}

.expert-vet-section h3:first-child span {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1.5rem;
    color: #fff;
    background-color: #7C0DBE;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    padding: 0 6px;
}

.expert-vet-section .expert-vet {
    background-color: #F0EFFF;
    border: 10px solid #FFFFFF;
    border-radius: 22px;
    box-shadow: 0px 0px 8px 4px rgba(140, 104, 205, 0.25);
    margin-top: 3rem;
}

.expert-vet-section h3:first-child::before {
    content: '';
    display: inline-block;
    width: 37px;
    height: 39px;
    background-image: var(--expert-vet-section-h3-first-child-before-stethoscope1-png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    top: 27px;
    left: 15px;
}

.expert-vet-section .btn{
    padding: 12px 32px 12px 32px;
    border: 1px solid #7C0DBE;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.expert-vet-section .expert-vet .btn{
    color: #fff;
    background-color: #7C0DBE;
}

.expert-vet-dimension {
    min-height:420px;
    max-height: 420px;
}

.expert-vet-section .doctor-view .btn{
    padding: 12px 32px 12px 32px;
    border: 1px solid #7C0DBE;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.expert-vet-section .expert-vet .vet-card .vet-profile h6{
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1.125rem;
    color:#2C2C2E;
}

.expert-vet-section .expert-vet .vet-card .vet-profile p{
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.875rem;
    color:#5F6D7E;
    margin-bottom: 0px;

}

.expert-vet-section .expert-vet .vet-card .vet-profile {
    background-color: #FFFFFF;
    padding: 1.125rem 0;
    border-radius: 0.75rem;
    margin-top: -5rem;
    position: relative;
    margin-left: 14px;
    margin-right: 14px;
    margin-bottom: 14px;
}

.expert-vet-section .expert-vet .vet-card .card-header-image {
    max-height: 253px;
    min-height: 270px;
    overflow: hidden;
}
.expert-vet-section .expert-vet .vet-card img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    max-width: 100%;
    height: auto;
}

.app-banner{
    position: relative;
}
.app-banner .app-stores{
    position:absolute;
    bottom:12%;
    left:50%;
    transform:translate(-50%, -50%);
}

@media screen and (min-width: 1024px) and (max-width: 1399px) {
    .dr-kit{
        top: 51%;
        left: 35%;
    }
    /* comment */
    .become-an-online-vet-content-section h4{
        font-size: 20px !important;
    }
    .career-advancement-section{
        padding: 50px 0px;
    }
    .become-an-online-vet-content-section h3{
        font-size: 30px !important;
    }
    .become-an-online-vet-content-section p{
        font-size: 16px !important;
    }
    .become-an-online-vet-content-section span{
        font-size: 16px !important;
    }
    .become-an-online-vet-content-section li{
        font-size: 16px !important;
    }
    .win-ce-certifications-content-section h3{
        font-size: 30px !important;
    }
    .win-ce-certifications-content-section p{
        font-size: 16px !important;
    }
    .win-ce-certifications-content-section li{
        font-size: 16px !important;
    }
    .main-section-for-single-state-header h1{
        font-size: 35px !important;
        line-height: 1.2em !important;
    }
    .blog-detail-top-header h1{
        font-size: 40px !important;
    }
    .faq-main-title h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .faqs-static-section-centent{
        padding: 50px 0px 0px 0px !important;
    }
    .faqs-static-section-centent h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .faqs-static-section-centent h4{
        font-size: 20px !important;
    }
    .instant-vet-talks h3{
        font-size: 30px !important;
    }
    .call-to-action-section-for-pet h3{
        font-size: 30px !important;
    }
    .privacy-policy-content-section{
        padding: 80px 0px 0px 0px !important;
    }
    .pet-diseases-section h3{
        font-size: 35px !important;
        line-height: 1.2em !important;
    }
    .call-to-action-section-for-vet-department h3{
        font-size: 35px !important;
    }
    .call-to-action-section-for-vet-department p{
        font-size: 18px !important;
    }
    .choose-your-department-section h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .choose-your-department-section p{
        font-size: 16px !important;
    }
    .virtual-vets-whychooseus-section h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .virtual-vets-whychooseus-section p{
        font-size: 17px !important;
    }

    .pet-diseases-item-main{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr !important;
        gap: 2rem;
    }
    .call-to-action-become-a-vet{
        background-size: cover !important;
    }
    .call-to-action-become-a-vet h3{
        font-size: 35px !important;
        line-height: 1.2em !important;
        
    }
    .call-to-action-become-a-vet p{
        font-size: 18px !important;
    }
    .login-page-section{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .careers-section-pet-lover h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .call-to-action-section-for-careers h3{
        font-size: 30px !important;
    }
    .shop-pet-section-for-protecting-pets{
        padding: 50px 0 !important;
    }
    .shop-pet-section-for-protecting-pets h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-protecting-pets p{
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-reliable-dog img{
        border: 1px solid #7C0DBE;
    }
    .shop-pet-section-for-reliable-dog{
        padding: 30px 0 !important;
    }
    .shop-pet-section-for-reliable-dog h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-reliable-dog p{
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-purr-fectly h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-purr-fectly p{
        line-height: 1.2em !important;
    }
    .become-a-vet-section h3{
        font-size: 35px !important;
        line-height: 1.2em !important;
    }
    .vet-portfolio-section h3{
        font-size: 30px;
        line-height: 1.2em;
    }
    .vet-portfolio-section{
        padding-bottom: 0px !important;
    }
    .vet-portfolio-section p{
        font-size: 16px;
    }
    .vet-portfolio-section span{
        font-size: 14px;
    }
    .vet-portfolio-section h4{
        font-size: 16px;
    }
    .vet-community-section{
        padding-bottom: 0px;
    }
    .vet-community-section h3{
        font-size: 25px;
    }
    .vet-community-section p{
        font-size: 16px;
    }
    .part-our-team-section h3{
        font-size: 25px;
        line-height: 1.2em;
    }
    .part-our-team-section h4{
        font-size: 20px;
        margin: 10px 0px;
    }
    /* comment */
    .expert-vet-section .doctor-view .btn{
        padding: 8px 20px 8px 20px;
        border: 1px solid #7C0DBE;
        border-radius: 100px;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        font-style: normal;
    }

    .expert-vet-dimension {
        min-height:390px;
        max-height: 390px;
    }

    .expert-vet-section .expert-vet .vet-card .vet-profile {
        background-color: #FFFFFF;
        padding: 1.125rem 0;
        border-radius: 0.75rem;
        margin-top: -5rem;
        position: relative;
        margin-left: 14px;
        margin-right: 14px;
        margin-bottom: 14px;
    }

    .expert-vet-section .expert-vet .vet-card .vet-profile h6{
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 14px;
        color:#2C2C2E;
    }
    .expert-vet-section .expert-vet .vet-card .vet-profile p{
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        color:#5F6D7E;
        margin-bottom: 0px;

    }
    .expert-vet-section .btn{
        padding: 8px 0px 8px 0px;
        border: 1px solid #7C0DBE;
        border-radius: 100px;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 10px;
    }

    .app-banner{
        position: relative;
    }
    .app-banner .app-stores{
        position:absolute;
        bottom:12%;
        left:50%;
        transform:translate(-50%, -50%);
    }
}


.mt4{
    margin-top: 4rem;
}


/*
Banner Section Css */

.app-banner {
    background-image: var(--app-banner-searchvethomebanner1-png);
    background-size: contain; /* Change from cover to contain */
    background-position: center;
    background-repeat: no-repeat;
    height: auto; /* Change to auto to adjust based on content */
    min-height: 75vh;
    max-height: 90vh;

}

/* Review Section */
.reviews-section{
    padding: 80px 0;
    position: relative;
}


.reviews-section h3{
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 2rem;
    color: #111928;
    margin-bottom: 32px;
    line-height: 1.2em;
}

.reviews-section p{
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #5F6D7E;
    font-size: 1.063rem;
    line-height: 1.2em;
    margin-bottom: 12px;
}
.reviews-section h6{
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #111928;
    font-size: 1rem;

}

.reviews-section .reviews-slider p:last-child{
    line-height: 1.5;
}

.reviews-section{
    margin-top: 6rem;
}
.mt6{
    margin-top: 4rem;
}

.reviews-section .reviews-slider{
    overflow: hidden;
}

.reviews-section .reviews-slider{
    overflow: hidden;
}

.reviews-section .reviews-slider .text-left{
    text-align: left;
}

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

/* Faq Section */
.new-faq-section{
    padding: 80px 0;
    position: relative;
}

.new-faq-section h3{
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 30px;
    color: #441D43;

}
.faq-title-new{
    font-family: Poppins !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.2em !important;
    color: #2C2C2E !important;
}
.faq-content-new{
    font-family: Poppins !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.2em !important;
    color: #2C2C2E !important;
}
.faq-wrapper .open .faq-title-new{
    font-family: Poppins !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.2em !important;
    color: #2C2C2E !important;
}
.new-faq-section .faq-wrapper .faq-item{
    border: 1px solid #E9E9E9;
    border-radius: 12px;
    margin-bottom: 1.5rem;
}

.new-faq-section .faq-wrapper .faq-item .faq-title{
    border: 1px solid #E9E9E9;
    border-radius: 12px;
    border: unset;
    border-radius: unset;
}

.new-faq-section .faq-wrapper .faq-item .faq-content{
   padding: 0 15px 0 0;
}

.new-faq-section .faq-wrapper .faq-item .faq-title span:nth-child(1){
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    color: #2C2C2E;
    width: 95%;
}
.new-faq-section .faq-wrapper .faq-item .faq-title span:nth-child(2){
    padding: 3px 10px;
    color: #fff;
    background-color: #7C0DBE;
    border-radius: 50%;
    font-size: 16px;
}

.new-faq-section .faq-wrapper .faq-item .open{
    transform: rotate(180deg);
}

.new-faq-section .faq-wrapper .faq-item .faq-title .fa-angle-down {
    transition: transform 0.3s ease;
    position: relative;
    top: 2px;
}

.new-faq-section .faq-wrapper .faq-item.open .fa-angle-down {
    transform: rotate(180deg); /* Rotate to 180 degrees when the faq-item has the open class */
}

.new-faq-section .faq-wrapper .faq-item.open .faq-title span:nth-child(1){
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1.125rem;
}

.new-faq-section .btn{
    padding: 12px 32px 12px 32px;
    border: 1px solid #7C0DBE;
    border-radius: 100px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.new-faq-section p{
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 27.2px;
    text-align: left;
    color: #2C2C2E;
}

.mt-20{
    margin-top: 1.25rem;
}

.talk-to-vet-border .loader-div {
    width: 150px;
    padding: 8px 0;
    border-radius: 21px;
    background: #7C0DBE;
    margin-left: .5em;
    display: none;
}
.talk-to-vet-border .search-loader {
    border: 4px solid #f3f3f3; /* Light gray border */
    border-top: 4px solid #ffffff; /* White border on top for the loader effect */
    border-radius: 50%; /* Makes it round */
    width: 22px;
    height: 22px;
    animation: spin 1s linear infinite; /* Apply animation */
    margin: 0 auto; /* Center horizontally */
}

@keyframes spin {
    0% { transform: rotate(0deg); } /* Starting position */
    100% { transform: rotate(360deg); } /* Rotate it a full circle */
}


#filterModal .modal-header{
    display: block;
}
#filterModal .modal-header{
   background-color: #7C0DBE;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
}
#filterModal .modal-header h5{
   color: #ffffff;
   font-size: 18px;
   font-family: "Poppins", sans-serif;
   font-weight: 400;
   font-style: normal;

}
#filterModal .modal-header p{
   color: #ffffff;
   font-size: 16px;
   font-family: "Poppins", sans-serif;
   font-weight: 400;
   font-style: normal;

}
#filterModal .modal-body input{
   border:1px solid #DAE0E6;
   color: #7C0DBE;
   font-family: "Poppins", sans-serif;
   font-weight: 400;
   font-style: normal;
   padding-left: 14px;
   left: 0;
   border-radius: 12px;
   padding-left: 2.2em;

}
#filterModal .modal-footer{
   border-top: unset;
   justify-content: center;

}

#filterModal .modal-footer .btn{
   background-color: transparent !important;
   border: 1px solid #7C0DBE;
   border-radius: 50px;
   color: #7C0DBE !important;
   font-family: "Poppins", sans-serif;
   font-size: 14px;
   font-weight: 400;
   font-style: normal;
   padding: 8px 44px;
}

#filterModal .all-species .species img{
   height: 45px;
   margin-right: 5px;
}
#filterModal .all-species .species{
    display: flex;
    align-items: center;
    border-radius: 12px;
    background-color: #FFFFFF;
    justify-content: center;
    padding: 22px 0;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
    margin-bottom: 15px;
    cursor: pointer;
    border: 1px solid transparent;
}
#filterModal .all-species .species p{
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #2C2C2E;
}
#filterModal .all-species .species.selected{
    border-color: #7C0DBE;
}

#filterModal .modal-footer .filter-btn{
   border: 1px solid #E32472;
   font-size: 14px;
   color:#E32472 !important;
}

#filterModal .modal-content{
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}

#filterModal .all-disease .disease img{
    height: 45px;
    margin-right: 5px;
 }

 #filterModal .all-disease .disease{
    display: flex;
    align-items: center;
    border-radius: 12px;
    background-color: #FFFFFF;
    justify-content: center;
    padding: 22px 0;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
    margin-bottom: 15px;
    cursor: pointer;
    border: 1px solid transparent;
}
#filterModal .all-disease .disease p{
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #2C2C2E;
}
#filterModal .all-disease .disease.selected{
    border-color: #7C0DBE;
}

#filterModal .all-disease .show-more{
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color:#8C68CD;
    cursor: pointer;
}

#filterModal .all-disease .show-more span{
    font-size: 26px;
    position: relative;
    top: 6px;
}

#filterModal .input-with-pin {
    position: relative;
  }

  #filterModal .pin-icon {
    position: absolute;
    left: 15px; /* Adjust this value to change the distance between the pin icon and the input field */
    top: 50%;
    transform: translateY(-50%);
    width: 16px; /* Adjust this value to change the size of the pin icon */
    height: 16px; /* Adjust this value to change the size of the pin icon */
    background-image: var(--filterModal-pin-icon-locationpin-png);
    background-size: contain;
    background-repeat: no-repeat;
  }

  .pac-container {
    z-index: 9999 !important; /* Increase the z-index to make sure it's above the modal */
  }




/*@media screen and (min-width: 1281px) {*/
/*    .vet-services-slider .ruddra-prev{*/
/*        left: 43%;*/
/*        top: 95%;*/
/*    }*/

/*    .vet-services-slider .ruddra-next{*/
/*        top: 95%;*/
/*        right: 46.4%;*/
/*    }*/

/*    .vet-slider .ruddra-prev{*/
/*        left: 43% !important;*/
/*        top: 95% !important;*/
/*    }*/

/*    .vet-slider .ruddra-next{*/
/*        top: 95% !important;*/
/*        right: 46.4% !important;*/
/*    }*/
/*}*/
@media screen and (min-width: 1200px) and (max-width: 1399px){
    .dr-kit{
        top: 51%;
        left: 35%;
    }
    .become-an-online-vet-content-section h4{
        font-size: 20px !important;
    }
    .career-advancement-section{
        padding: 50px 0px;
    }
    .become-an-online-vet-content-section h3{
        font-size: 35px !important;
    }
    .become-an-online-vet-content-section p{
        font-size: 16px !important;
    }
    .become-an-online-vet-content-section span{
        font-size: 16px !important;
    }
    .become-an-online-vet-content-section li{
        font-size: 16px !important;
    }
    .win-ce-certifications-content-section h3{
        font-size: 35px !important;
    }
    .win-ce-certifications-content-section p{
        font-size: 16px !important;
    }
    .win-ce-certifications-content-section li{
        font-size: 16px !important;
    }
    .main-section-for-single-state-header h1{
        font-size: 35px !important;
        line-height: 1.2em !important;
    }
    .blog-detail-top-header h1{
        font-size: 45px !important;
    }
    .faq-main-title h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .faqs-static-section-centent{
        padding: 50px 0px 0px 0px !important;
    }
    .faqs-static-section-centent h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .faqs-static-section-centent h4{
        font-size: 20px !important;
    }
    .instant-vet-talks h3{
        font-size: 30px !important;
    }
    .call-to-action-section-for-pet h3{
        font-size: 30px !important;
    }
    .privacy-policy-content-section{
        padding: 80px 0px 0px 0px !important;
    }
    .pet-diseases-section h3{
        font-size: 35px !important;
        line-height: 1.2em !important;
    }
    .call-to-action-section-for-vet-department h3{
        font-size: 35px !important;
    }
    .call-to-action-section-for-vet-department p{
        font-size: 18px !important;
    }
    .choose-your-department-section h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .choose-your-department-section p{
        font-size: 16px !important;
    }
    .become-an-online-vet-margin-only{
        margin: 80px 0px 80px 0px;
    }
    .become-an-online-vet-margin-only-2nd{
        margin: 40px 0px 80px 0px;
    }
    .become-an-online-vet-margin-only-3rd{
        margin: 80px 0px 80px 0px;
    }
    .become-an-online-vet-margin-only-4th{
        margin: 80px 0px 0px 0px;
    }
    .vet-community-section h3{
        font-size: 25px;
    }
    .pet-diseases-item-main{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr !important;
        gap: 2rem;
    }
    .call-to-action-become-a-vet h3{
        font-size: 35px !important;
        line-height: 1.2em !important;
    }
    .call-to-action-become-a-vet p{
        font-size: 18px !important;
    }
    .login-page-section{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .careers-section-pet-lover h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .become-a-vet-section h3{
        font-size: 35px !important;
        line-height: 1.2em !important;
    }
    .vet-portfolio-section h3{
        font-size: 30px;
        line-height: 1.2em;
    }
    .call-to-action-section-for-careers h3{
        font-size: 30px !important;
    }
    .shop-pet-section-for-protecting-pets{
        padding: 50px 0 !important;
    }
    .shop-pet-section-for-protecting-pets h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-protecting-pets p{
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-reliable-dog img{
        border: 1px solid #7C0DBE;
    }
    .shop-pet-section-for-reliable-dog{
        padding: 30px 0 !important;
    }
    .shop-pet-section-for-reliable-dog h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-reliable-dog p{
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-purr-fectly h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-purr-fectly p{
        line-height: 1.2em !important;
    }
    .vet-services-slider .ruddra-prev{
        left: 43.5%;
        top: 95%;
    }

    .vet-services-slider .ruddra-next{
        top: 95%;
        right: 46%;
    }

    .vet-slider .ruddra-prev{
        left: 43.5% !important;
        top: 95% !important;
    }

    .vet-slider .ruddra-next{
        top: 95% !important;
        right: 46% !important;
    }
}

@media screen and (min-width: 1024px)and (max-width: 1199px)
{
    .become-an-online-vet-content-section h4{
        font-size: 20px !important;
    }
    .career-advancement-section{
        padding: 50px 0px;
    }
    .become-an-online-vet-content-section h3{
        font-size: 30px !important;
    }
    .become-an-online-vet-content-section p{
        font-size: 16px !important;
    }
    .become-an-online-vet-content-section span{
        font-size: 16px !important;
    }
    .become-an-online-vet-content-section li{
        font-size: 16px !important;
    }
    .win-ce-certifications-content-section h3{
        font-size: 30px !important;
    }
    .win-ce-certifications-content-section p{
        font-size: 16px !important;
    }
    .win-ce-certifications-content-section li{
        font-size: 16px !important;
    }
    .main-section-for-single-state-header h1{
        font-size: 35px !important;
        line-height: 1.2em !important;
    }
    .blog-detail-top-header h1{
        font-size: 40px !important;
    }
    .faq-main-title h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .faqs-static-section-centent{
        padding: 50px 0px 0px 0px !important;
    }
    .faqs-static-section-centent h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .faqs-static-section-centent h4{
        font-size: 20px !important;
    }
    .instant-vet-talks h3{
        font-size: 30px !important;
    }
    .call-to-action-section-for-pet h3{
        font-size: 30px !important;
    }
    .privacy-policy-content-section{
        padding: 80px 0px 0px 0px !important;
    }
    .pet-diseases-section h3{
        font-size: 35px !important;
        line-height: 1.2em !important;
    }
    .call-to-action-section-for-vet-department h3{
        font-size: 35px !important;
    }
    .call-to-action-section-for-vet-department p{
        font-size: 18px !important;
    }
    .choose-your-department-section h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .choose-your-department-section p{
        font-size: 16px !important;
    }
    .virtual-vets-whychooseus-section{
        padding: 80px 0px;
    }
    .virtual-vets-whychooseus-section h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .virtual-vets-whychooseus-section p{
        font-size: 17px !important;
    }
    .pet-diseases-item-main{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr !important;
        gap: 2rem;
    }
    .call-to-action-become-a-vet h3{
        font-size: 35px !important;
        line-height: 1.2em !important;
    }
    .call-to-action-become-a-vet p{
        font-size: 18px !important;
    }
    .become-a-vet-section h3{
        font-size: 35px !important;
        line-height: 1.2em !important;
    }
    .vet-portfolio-section h3{
        font-size: 30px;
        line-height: 1.2em;
    }
    .login-page-section{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .careers-section-pet-lover h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .become-a-vet-section h3{
        font-size: 35px !important;
        line-height: 1.2em !important;
    }
    .call-to-action-section-for-careers h3{
        font-size: 30px !important;
    }
    .shop-pet-section-for-protecting-pets{
        padding: 50px 0 !important;
    }
    .shop-pet-section-for-protecting-pets h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-protecting-pets p{
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-reliable-dog img{
        border: 1px solid #7C0DBE;
    }
    .shop-pet-section-for-reliable-dog{
        padding: 30px 0 !important;
    }
    .shop-pet-section-for-reliable-dog h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-reliable-dog p{
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-purr-fectly h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-purr-fectly p{
        line-height: 1.2em !important;
    }
    .vet-services-slider .ruddra-prev{
        left: 43%;
        top: 95%;
    }

    .vet-services-slider .ruddra-next{
        top: 95%;
        right: 44.5%;
    }

    .vet-slider .ruddra-prev{
        left: 43% !important;
        top: 95% !important;
    }

    .vet-slider .ruddra-next{
        top: 95% !important;
        right: 44.5% !important;
    }

    .app-banner{
        position: relative;
    }
    .app-banner .app-stores{
        display: flex;
        position:absolute;
        bottom:18%;
        left:50%;
        transform:translate(-50%, -50%);
    }
}
/* Media query for tablets (sm, md, lg) */
@media screen and (max-width: 768px) {
    .bannerImage img {
        margin-right: 0px;
    }

}
@media screen and (min-width: 576px) and (max-width: 992px) {
    /* .vet-services-slider .swiper-slide{
        width: 333px !important;
    } */
    /* .vet-slider .swiper-slide{
        width: 50% !important;
    } */
    /* comment */
    .become-an-online-vet-content-section h4{
        font-size: 18px !important;
    }
    .become-an-online-vet-content-section h3{
        padding-top: 10px !important;
        font-size: 25px !important;
    }
    .become-an-online-vet-content-section p{
        font-size: 15px !important;
    }
    .become-an-online-vet-content-section span{
        font-size: 15px !important;
    }
    .become-an-online-vet-content-section li{
        font-size: 15px !important;
    }
    .win-ce-certifications-content-section h3{
        padding-top: 10px !important;
        font-size: 25px !important;
    }
    .win-ce-certifications-content-section p{
        font-size: 15px !important;
    }
    .win-ce-certifications-content-section li{
        font-size: 15px !important;
    }
    .blog-detail-content h2{
        font-size: 25px !important;
    }
    .main-section-for-single-state-header h1{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .claim-free-website-img{
        position: sticky;
        top: 50px;
    }
    .blog-latest-posts h3{
        font-size: 35px !important;
    }
    .blog-detail-top-header h1{
        padding-top: 10px;
        font-size: 25px !important;
    }
    .faq-main-title h3{
        font-size: 25px !important;
        line-height: 1.2em !important;
    }
    .faqs-static-section-centent{
        padding: 50px 0px 0px 0px !important;
    }
    .faqs-static-section-centent h3{
        font-size: 25px !important;
        line-height: 1.2em !important;
    }
    .faqs-static-section-centent h4{
        font-size: 20px !important;
    }
    .instant-vet-talks h3{
        font-size: 25px !important;
    }
    .privacy-policy-content-section{
        padding: 80px 0px 0px 0px !important;
    }
    .pet-diseases-section h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .call-to-action-section-for-vet-department h3{
        font-size: 30px !important;
    }
    .call-to-action-section-for-vet-department p{
        font-size: 16px !important;
    }
    .choose-your-department-section h3{
        font-size: 25px !important;
        line-height: 1.2em !important;
    }
    .choose-your-department-section p{
        font-size: 16px !important;
    }
    .become-an-online-vet-margin-only{
        margin: 40px 0px 0px 0px;
    }
    .become-an-online-vet-margin-only-2nd{
        margin: 60px 0px 60px 0px;
    }
    .become-an-online-vet-margin-only-3rd{
        margin: 40px 0px 0px 0px;
    }
    .become-an-online-vet-margin-only-4th{
        margin: 40px 0px 40px 0px;
    }
    .about-our-mission-section{
        padding-bottom: 50px !important;
    }
    .about-our-mission-section h3{
        padding-top: 30px;
    }
    .about-our-vision-section .btn{
        margin-bottom: 30px;
    }
    .about-content-section{
        padding: 80px 0px 40px 0px !important;
    }
    .virtual-vets-whychooseus-section{
        padding: 50px 0px !important;
    }
    .virtual-vets-whychooseus-section h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
        padding-top: 20px;
    }
    .virtual-vets-whychooseus-section p{
        font-size: 16px !important;
    }
    .pet-diseases-item-main{
        display: grid;
        grid-template-columns: 1fr 1fr !important;
        gap: 2rem;
    }
    .call-to-action-become-a-vet h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .call-to-action-become-a-vet p{
        font-size: 16px !important;
    }
    .login-left-section .top-vector{
        display: none;
    }
    .login-right-section img{
        width: 300px;
    }
    .login-right-section{
        order: 1;
    }
    .login-left-section{
        order: 2;
    }
    .login-page-section{
        display: grid;
        grid-template-columns: 1fr !important;
    }
    .sort-by-section{
        flex-direction: column;
    }
    .sort-by-section-2{
        align-items: center;
        flex-direction: column;
    }
    .filter-section{
        margin-top: 10px;
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .careers-section-pet-lover h3{
        font-size: 25px !important;
        line-height: 1.2em !important;
    }
    .careers-section-pet-lover h3{
        padding-top: 20px !important;
        font-size: 25px !important;
        line-height: 1.2em !important;
    }
    .call-to-action-section-for-careers h3{
        font-size: 30px !important;
    }
    .shop-pet-section-for-protecting-pets img{
        border: 1px solid #7C0DBE;
        border-radius: 30px;
    }
    .shop-pet-section-for-protecting-pets h3{
        padding-top: 20px !important;
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-protecting-pets p{
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-reliable-dog{
        padding: 0px !important;
    }
    .shop-pet-section-for-reliable-dog h3{
        font-size: 25px !important;
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-reliable-dog p{
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-reliable-dog .btn{
        margin-bottom: 20px !important;
    }
    .shop-pet-section-for-purr-fectly h3{
        padding-top: 20px !important;
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-purr-fectly p{
        line-height: 1.2em !important;
    }
    .become-a-vet-section{
        padding: 80px 0px;
    }
    .become-a-vet-section h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .vet-portfolio-section h3{
        font-size: 25px !important;
        line-height: 1.2em !important;
    }
    .vet-portfolio-section{
        padding-bottom: 0px !important;
    }
    .vet-portfolio-section h3{
        font-size: 25px !important;
    }
    .vet-community-section{
        padding-bottom: 0px !important;
    }
    .vet-community-section h3{
        padding-top: 15px;
        font-size: 30px !important;
    }
    .part-our-team-section h3{
        font-size: 25px !important;
        margin-top: 10px !important;
    }
    .part-our-team-section h4{
        font-size: 20px !important;
        margin: 15px 0px !important;
    }
    /* comment */
    /* .customer-support-section .border-style:hover{
        padding:0px 10px;
    } */
    .main-banner-customer-support::before {
        background: linear-gradient(90deg, #7C0DBE 100%, rgba(115, 35, 112, 0) 100%);
    }

    .vet-services-slider .ruddra-prev{
        left: 37%;
        top: 95%;
    }

    .vet-services-slider .ruddra-next{
        top: 95%;
        right: 45%;
    }

    .vet-slider .ruddra-prev{
        left: 37% !important;
        top: 95% !important;
    }

    .vet-slider .ruddra-next{
        top: 95% !important;
        right: 45% !important;
    }

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

    .app-image{
        margin-top: 20px;
    }

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

    .expert-vet-section {
        padding: 40px 0 0;
    }

    .app-banner {
        min-height: 30vh;
        max-height: 35vh;
    }

    .banner-image {
       height: unset;
    }

    .twenty-four-by-seven-image{
        height: 50px;
    }

    .online-img{
        height: 30px;
    }

    .vector-img{
        height: 40px;
        left: -50px;
        top: -5px;
    }

    .footprint-img{
        margin-left: 20px;
        margin-top: -5px;
    }

    .banner-left h2{
        font-size: 1.375rem;
    }

    .banner-left p{
        font-size: 0.75rem;
    }

    .hero-searchbox{
        padding-top: 10px;
    }
    .banner-left {
        margin: 45px 0 10px 10px;
    }

    .hero-searchbox input{
        height: 0px;
        border: 0;
        position: relative;
        font-size: 0.75rem;
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-style: normal;
    }

    .talk-to-vet{
        width: 75px;
    }

    .hero-searchbox input::placeholder {
        font-size: 0.55rem; /* Adjust the font size as needed */
        /* Add any other styles for the placeholder text here */
    }

    .category-box{
        font-size: 0.625rem !important;
    }

    .paw-sitive h3 {
        font-size: 1rem;
    }

    .paw-sitive p {

        font-size: 0.875rem;
    }

    .vet-services-slider h6 {
        font-size: 1rem;
    }

    .paw-sitive h3:first-child::after {
        width: 28px;
        height: 28px;
    }

    .paw-sitive::before {
        width: 42px;
        height: 42px;
    }
    .paw-sitive::after {
        width: 42px;
        height: 42px;
    }

    .paw-sitive a{
        font-size: 0.875rem;
    }

    .h-48{
        height: 48px;
    }

    .guidance-section h3:first-child{
        font-size: 1rem;
    }

    .guidance-section h3:first-child span {
        font-size: 1rem;
    }

    .guidance-section p{
        font-size: 0.875rem;
    }

    .guidance-section .btn {
        font-size: 0.875rem;
    }

    .choose-us-section h3:first-child{
        font-size: 1rem;
    }
    .choose-us-section h3:first-child span{
        font-size: 1rem;
    }

    .choose-us-section span{
        font-size: 0.875rem;
    }

    .choose-us-section p{
        font-size: 0.875rem;

    }

    .h-16{
        height: 16px;
    }

    .choose-us-section .btn{
        font-size: 0.875rem;
    }

    .Veterinarian-section h3{
        font-size: 1rem;
    }

    .Veterinarian-section h3:first-child::after{
        width: 28px;
        height: 28px;
    }

    .Veterinarian-section p{
        font-size: 0.875rem;
    }

    .Veterinarian-section .btn{
        font-size: 0.875rem;
    }

    .Veterinarian-section .vet-slider h6{
        font-size: 1rem;
    }
    .Veterinarian-section .vet-slider p{
        font-size: 0.875rem;
    }
    .Veterinarian-section .vet-slider a{
        font-size: 0.875rem;
    }

    .talk-to-vet-border .loader-div{
        width: 80px !important;
        padding: 2px 0;
    }

    .h-12{
        height: 12px;
    }

    .Veterinarian-section::after{
        width: 42px;
        height: 42px;
    }

    .expert-vet-section{
        font-size: 1rem;
    }

    .expert-vet-section h3:first-child span{
        font-size: 1rem;
    }

    .expert-vet-section h3:first-child::before{
        height: 28px;
        width: 28px;
    }

    .expert-vet-section::before{
        height: 42px;
        width: 42px;
    }

    .expert-vet-section .expert-vet .vet-card .vet-profile h6{
        font-size: 1rem;
    }

    .expert-vet-section .expert-vet .btn{
        font-size: 0.875rem;
    }

    .valid-user-badge{
        height: 14px;
        position: relative;
        bottom: 2px;
    }

    .reviews-section h3{
        font-size: 25px !important;
        line-height: 1.2em;
    }
    .main-banner-why-choose-us p{
        width: 100% !important;
    }
    .main-banner-why-choose-us::before {
        background: linear-gradient(90deg, #7C0DBE 100%, rgba(115, 35, 112, 0) 100%);
    }

    .reviews-section p{
        font-size: 0.875rem;
    }

    .faq-section h3{
        font-size: 25px;
    }

    .faq-section .faq-wrapper .faq-item .faq-title span:nth-child(1){
        font-size: 0.875rem;
    }

    .faq-section .faq-wrapper .faq-item .faq-title span:nth-child(2){
        padding: 0 7px;
    }

    .faq-section .faq-wrapper .faq-item.open .faq-title span:nth-child(1){
        font-size: 1rem;
    }

    .faq-wrapper .faq-content p{
        font-size: 0.875rem;
    }

    .faq-section .faq-wrapper .faq-item.open .fa-angle-down{
        top: 0px;
    }

    .app-banner{
        position: relative;
    }
    .app-banner .app-stores{
        display: flex;
        position:absolute;
        bottom:18%;
        left:50%;
        transform:translate(-50%, -50%);
    }

}

@media (max-width: 576px) {
    .become-an-online-vet-content-section h4{
        font-size: 15px !important;
    }
    .become-an-online-vet-content-section h3{
        padding-top: 10px !important;
        font-size: 25px !important;
    }
    .become-an-online-vet-content-section p{
        font-size: 15px !important;
    }
    .become-an-online-vet-content-section span{
        font-size: 15px !important;
    }
    .become-an-online-vet-content-section li{
        font-size: 15px !important;
    }
    .win-ce-certifications-content-section h3{
        padding-top: 10px !important;
        font-size: 25px !important;
    }
    .win-ce-certifications-content-section p{
        font-size: 15px !important;
    }
    .win-ce-certifications-content-section li{
        font-size: 15px !important;
    }
    .blog-detail-content h2{
        font-size: 20px !important;
        line-height: 1.2em;
    }
    .main-section-for-single-state-header h1{
        font-size: 25px !important;
        line-height: 1.2em !important;
    }
    .blog-latest-posts h3{
        font-size: 35px !important;
    }
    .blog-detail-top-header h1{
        padding-top: 10px;
        font-size: 25px !important;
    }
    .faq-main-title h3{
        font-size: 25px !important;
        line-height: 1.2em !important;
    }
    .faqs-static-section-centent{
        padding: 50px 0px 0px 0px !important;
    }
    .faqs-static-section-centent h3{
        font-size: 25px !important;
        line-height: 1.2em !important;
    }
    .faqs-static-section-centent h4{
        font-size: 20px !important;
    }
    .instant-vet-talks h3{
        font-size: 25px !important;
    }
    .privacy-policy-content-section{
        padding: 80px 0px 0px 0px !important;
    }
    .pet-diseases-section h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .call-to-action-section-for-vet-department h3{
        font-size: 30px !important;
    }
    .call-to-action-section-for-vet-department p{
        font-size: 16px !important;
    }
    .choose-your-department-section h3{
        font-size: 25px !important;
        line-height: 1.2em !important;
    }
    .choose-your-department-section p{
        font-size: 16px !important;
    }
    .become-an-online-vet-margin-only{
        margin: 40px 0px 0px 0px;
    }
    .become-an-online-vet-margin-only-2nd{
        margin: 60px 0px 60px 0px;
    }
    .become-an-online-vet-margin-only-3rd{
        margin: 40px 0px 0px 0px;
    }
    .become-an-online-vet-margin-only-4th{
        margin: 40px 0px 40px 0px;
    }
    .contact-us-submit-btn{
        width: 100% !important;
        height: auto !important;
    }
    .login-btn-css a{
        width: 100% !important;
        height: auto !important;
    }
    /* .contact-us-form-section .btn{
        width: 100% !important;
        height: auto !important;
    } */
    .about-content-section {
        padding: 80px 0px 80px 0px;
    }
    .virtual-vets-whychooseus-section{
        padding: 50px 0px !important;
    }
    .virtual-vets-whychooseus-section h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
        padding-top: 20px;
    }
    .virtual-vets-whychooseus-section p{
        font-size: 16px !important;
    }
    .pet-diseases-item-main{
        display: grid;
        grid-template-columns: 1fr 1fr !important;
        gap: 2rem;
    }
    .call-to-action-become-a-vet h3{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .call-to-action-become-a-vet p{
        font-size: 16px !important;
    }
    .login-left-section .top-vector{
        display: none;
    }
    .login-right-section img{
        width: 300px;
    }
    .login-right-section{
        order: 1;
    }
    .login-left-section{
        order: 2;
    }
    .login-page-section{
        display: grid;
        grid-template-columns: 1fr !important;
    }
    /* comment */
    .sort-by-section{
        flex-direction: column;
    }
    .sort-by-section-2{
        align-items: center;
        flex-direction: column;
    }
    .filter-section{
        margin-top: 10px;
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .careers-section-pet-lover h3{
        font-size: 25px !important;
        line-height: 1.2em !important;
    }
    .call-to-action-section-for-careers h3{
        font-size: 30px !important;
    }
    .shop-pet-section-for-protecting-pets img{
        border: 1px solid #7C0DBE;
        border-radius: 30px;
    }
    .shop-pet-section-for-protecting-pets h3{
        padding-top: 20px !important;
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-protecting-pets p{
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-reliable-dog{
        padding: 0px !important;
    }
    .shop-pet-section-for-reliable-dog h3{
        font-size: 25px !important;
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-reliable-dog p{
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-reliable-dog .btn{
        margin-bottom: 20px !important;
    }
    .main-banner-video-gallery::before {
        background: linear-gradient(90deg, #7C0DBE 100%, rgba(115, 35, 112, 0) 80%);
    }
    .become-a-vet-section{
        padding-top: 80px !important;
    }
    .become-a-vet-section h3{
        font-size: 25px !important;
        line-height: 1.2em !important;
    }
    .vet-portfolio-section{
        padding-bottom: 0px !important;
    }
    .vet-portfolio-section h3{
        font-size: 25px !important;
    }
    .vet-portfolio-section p{
        font-size: 16px !important;
    }
    .vet-portfolio-section span{
        font-size: 15px !important;
    }
    .vet-portfolio-section h4{
        font-size: 16px !important;
    }
    .vet-community-section{
        padding-bottom: 0px !important;
    }
    .vet-community-section h3{
        padding-top: 15px;
        font-size: 25px !important;
        line-height: 1.2em;
    }
    .vet-community-section p{
        font-size: 16px !important;
    }
    .part-our-team-section h3{
        font-size: 25px !important;
    }
    .part-our-team-section h4{
        font-size: 20px !important;
        margin: 10px 0px !important;
    }
    .shop-pet-section-for-purr-fectly h3{
        padding-top: 20px !important;
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-purr-fectly p{
        line-height: 1.2em !important;
    }
    /* comment */
    /* .customer-support-section .border-style:hover{
        margin: 0px 10px;
    } */
    .main-banner-customer-support::before {
        background: linear-gradient(90deg, #7C0DBE 100%, rgba(115, 35, 112, 0) 100%);
    }
    .banner-image{
        width: 90vw;
        margin-bottom: 50px;
    }

    .banner-image-position{
        justify-content: center !important;
    }


    .vet-services-slider .swiper-slide{
        width: 100% !important;
    }
    .vet-slider .swiper-slide{
        width: 100% !important;
    }

    .vet-services-slider .ruddra-prev{
        left: 24%;
        top: 95%;
    }

    .vet-services-slider .ruddra-next{
        top: 95%;
        right: 40%;
    }

    .vet-slider .ruddra-prev{
        left: 24% !important;
        top: 95% !important;
    }

    .vet-slider .ruddra-next{
        top: 95% !important;
        right: 40% !important;
    }

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

    .app-image{
        margin-top: 20px;
    }

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

    .expert-vet-section {
        padding: 40px 0 0;
    }

    .app-banner {
        min-height: 30vh;
        max-height: 35vh;
    }

    .banner-image {
       height: unset;
    }

    .twenty-four-by-seven-image{
        height: 50px;
    }

    .online-img{
        height: 30px;
    }

    .vector-img{
        height: 40px;
        left: -50px;
        top: -5px;
    }

    .footprint-img{
        margin-left: 20px;
        margin-top: -5px;
    }

    .banner-left h2{
        font-size: 1.375rem;
    }

    .banner-left p{
        font-size: 0.75rem;
    }

    .hero-searchbox{
        padding-top: 10px;
    }
    .banner-left {
        margin: 45px 0 10px 10px;
    }

    .hero-searchbox input{
        height: 0px;
        border: 0;
        position: relative;
        font-size: 0.75rem;
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-style: normal;
    }

    .talk-to-vet{
        width: 75px;
    }

    .hero-searchbox input::placeholder {
        font-size: 0.55rem; /* Adjust the font size as needed */
        /* Add any other styles for the placeholder text here */
    }

    .category-box{
        font-size: 0.625rem !important;
    }

    .paw-sitive h3 {
        font-size: 1rem;
    }

    .paw-sitive p {

        font-size: 0.875rem;
        line-height: 1.5;
    }

    .vet-services-slider h6 {
        font-size: 1rem;
    }

    .paw-sitive h3:first-child::after {
        width: 28px;
        height: 28px;
    }

    .paw-sitive::before {
        width: 42px;
        height: 42px;
        left: 0;
    }
    .paw-sitive::after {
        width: 42px;
        height: 42px;
        right: 0;
    }

    .choose-us-btn{
        text-align: center;
    }

    .paw-sitive a{
        font-size: 0.875rem;

    }

    .h-48{
        height: 48px;
    }

    .guidance-section h3:first-child{
        font-size: 1rem;
    }

    .guidance-section h3:first-child span {
        font-size: 1rem;
    }

    .guidance-section p{
        font-size: 0.875rem;
        line-height: 1.5;
    }

    .talk-to-vet-border .loader-div{
        width: 80px !important;
        padding: 2px 0;
    }

    .guidance-section a{
        margin-left: 20px;
    }

    .guidance-section .btn {
        font-size: 0.875rem;
    }

    .choose-us-section h3:first-child{
        font-size: 1rem;
    }
    .choose-us-section h3:first-child span{
        font-size: 1rem;
    }

    .choose-us-section span{
        font-size: 0.875rem;
    }

    .choose-us-section p{
        font-size: 0.875rem;
        line-height: 1.5;
    }

    .h-16{
        height: 16px;
    }

    .choose-us-section .btn{
        font-size: 0.875rem;
    }

    .Veterinarian-section h3{
        font-size: 1rem;
    }

    .Veterinarian-section h3:first-child::after{
        width: 28px;
        height: 28px;
    }

    .Veterinarian-section p{
        font-size: 0.875rem;
        line-height: 1.5;
    }

    .Veterinarian-section .btn{
        font-size: 0.875rem;
    }

    .Veterinarian-section .vet-slider h6{
        font-size: 1rem;
    }
    .Veterinarian-section .vet-slider p{
        font-size: 0.875rem;
        line-height: 1.5;
    }
    .Veterinarian-section .vet-slider a{
        font-size: 0.875rem;
    }

    .h-12{
        height: 12px;
    }

    .Veterinarian-section::after{
        width: 42px;
        height: 42px;
    }

    .expert-vet-section{
        font-size: 1rem;
    }

    .expert-vet-section h3:first-child span{
        font-size: 1rem;
    }

    .expert-vet-section h3:first-child::before{
        height: 28px;
        width: 28px;
    }

    .expert-vet-section::before{
        height: 42px;
        width: 42px;
    }

    .expert-vet-section .expert-vet .vet-card .vet-profile h6{
        font-size: 1rem;
    }

    .expert-vet-section .expert-vet .btn{
        font-size: 0.875rem;
    }

    .valid-user-badge{
        height: 14px;
        position: relative;
        bottom: 2px;
    }

    .reviews-section{
        padding: 30px 0px;
    }

    .reviews-section h3{
        font-size: 25px !important;
        line-height: 1.2em;
    }
    .main-banner-why-choose-us p{
        width: 100% !important;
    }
    .main-banner-why-choose-us::before {
        background: linear-gradient(90deg, #7C0DBE 100%, rgba(115, 35, 112, 0) 100%);
    }

    .reviews-section p{
        font-size: 0.875rem;
        line-height: 1.2em;
        text-align: center !important;
    }

    .review-card{
        flex-direction: column;
    }

    .reviews-section .reviews-slider p:last-child{
        line-height: 1.5;
    }

    .review-user-detail{
        margin-top: 1rem;
        flex-direction: column;
        text-align: center !important;
    }

    .faq-section h3{
        font-size: 25px;
    }

    .faq-section .faq-wrapper .faq-item .faq-title span:nth-child(1){
        font-size: 0.875rem;
    }

    .faq-section .faq-wrapper .faq-item .faq-title span:nth-child(2){
        padding: 0 7px;
    }

    .faq-section .faq-wrapper .faq-item.open .faq-title span:nth-child(1){
        font-size: 1rem;
    }

    .faq-wrapper .faq-content p{
        font-size: 0.875rem;
        /* line-height: 1.5; */
    }

    .faq-section .faq-wrapper .faq-item.open .fa-angle-down{
        top: 0px;
    }
    .faq-wrapper .faq-item .faq-title {
      flex-wrap: nowrap;
      margin-right: 10px;
    }

    .app-order-2{
        order: 2;
    }

    .app-width-100{
        width: 100% !important;
    }
    /* Main Banner fot pet parent Code for mobile */
    .main-banner::before {
        background: linear-gradient(90deg, #7C0DBE 50%, rgba(115, 35, 112, 0) 90%);
    }
    .main-banner-section {
        height: 30vh;
    }
    .main-banner-section h3{
        font-size: 30px;
        font-weight: 500;
        line-height: 1.2em;
    }
    .main-banner-section .btn{
        padding: 10px 30px 10px 30px;
    }
    /* call-to-action-section-for-pet Code for mobile */
    .call-to-action-section-for-pet .btn{
        padding: 10px 30px 10px 30px;
        
    }
    .call-to-action-section-for-pet h3{
        color: #fff;
        margin-bottom: 20px;
        font-size: 25px !important;
        line-height: 1.2em !important;
    }
    .call-to-action-section-for-pet p{
        font-size: 18px;
    }
    img.about-extra-img2 {
        display: none;
    }
    .our-mission-img{
        border: 1px solid #7C0DBE;
        border-radius: 30px;
    }
    .our-mission-centent img{
        width: 18px;
        padding-bottom: 0.5rem;
    }
    .about-our-mission-section{
        padding-bottom: 50px !important;
    }
    .about-our-mission-section h3{
        padding-top: 10px;
        font-size: 2rem;
    }
    .about-our-vision-section {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .about-our-vision-section h3{
        padding-top: 10px;
        font-size: 2rem;
    }
    .arrow-image {
        margin-bottom: -5rem;
        padding-top: 1rem;
    }
    .faq-section h3{
        font-size: 25px;
        line-height: 1.2em;
    }

    .app-banner{
        position: relative;
    }
    .app-banner .app-stores{
        display: flex;
        position:absolute;
        bottom:25%;
        left:50%;
        transform:translate(-50%, -50%);
    }
  }

  @media only screen and (max-width: 320px) {
    /* comment */
    .become-an-online-vet-content-section h4{
        font-size: 14px !important;
    }
    .become-an-online-vet-content-section h3{
        padding-top: 10px !important;
        font-size: 18px !important;
    }
    .become-an-online-vet-content-section p{
        font-size: 14px !important;
    }
    .become-an-online-vet-content-section span{
        font-size: 14px !important;
    }
    .become-an-online-vet-content-section li{
        font-size: 14px !important;
    }
    .win-ce-certifications-content-section h3{
        padding-top: 10px !important;
        font-size: 18px !important;
    }
    .win-ce-certifications-content-section p{
        font-size: 14px !important;
    }
    .win-ce-certifications-content-section li{
        font-size: 14px !important;
    }
    .blog-detail-content h2{
        font-size: 20px !important;
    }
    .blog-latest-posts h3{
        font-size: 25px !important;
    }
    .blog-detail-top-header h1{
        padding-top: 10px;
        font-size: 20px !important;
    }
    .faq-main-title h3{
        font-size: 25px !important;
        line-height: 1.2em !important;
    }
    .faqs-static-section-centent{
        padding: 50px 0px 0px 0px !important;
    }
    .faqs-static-section-centent h3{
        font-size: 20px !important;
        line-height: 1.2em !important;
    }
    .faqs-static-section-centent h4{
        font-size: 18px !important;
    }
    .instant-vet-talks h3{
        font-size: 20px !important;
    }
    .privacy-policy-content-section{
        padding: 80px 0px 30px 0px !important;
    }
    .pet-diseases-section h3{
        font-size: 25px !important;
        line-height: 1.2em !important;
    }
    .call-to-action-section-for-vet-department h3{
        font-size: 25px !important;
    }
    .call-to-action-section-for-vet-department p{
        font-size: 16px !important;
    }
    .choose-your-department-section h3{
        font-size: 20px !important;
        line-height: 1.2em !important;
    }
    .choose-your-department-section p{
        font-size: 16px !important;
    }
    .become-an-online-vet-margin-only{
        margin: 20px 0px 0px 0px;
    }
    .become-an-online-vet-margin-only-2nd{
        margin: 40px 0px 40px 0px;
    }
    .become-an-online-vet-margin-only-3rd{
        margin: 20px 0px 0px 0px;
    }
    .become-an-online-vet-margin-only-4th{
        margin: 20px 0px 0px 0px;
        padding-bottom: 0px !important;
    }
    .virtual-vets-whychooseus-section{
        padding: 50px 0px !important;
    }
    .virtual-vets-whychooseus-section h3{
        font-size: 25px !important;
        line-height: 1.2em !important;
        padding-top: 20px !important;
    }
    .virtual-vets-whychooseus-section p{
        font-size: 16px !important;
    }
    .pet-diseases-item-main{
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 2rem;
    }
    .call-to-action-become-a-vet h3{
        font-size: 25px !important;
        line-height: 1.2em !important;
    }
    .call-to-action-become-a-vet p{
        font-size: 14px !important;
    }
    .login-left-section .top-vector{
        display: none;
    }
    .login-right-section img{
        width: 250px;
    }
    .login-right-section{
        order: 1;
    }
    .login-left-section{
        order: 2;
    }
    .login-page-section{
        display: grid;
        grid-template-columns: 1fr !important;
    }
    .sort-by-section{
        flex-direction: column;
    }
    .sort-by-section-2{
        align-items: center;
        flex-direction: column;
    }
    .filter-section{
        margin-top: 10px;
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .careers-section-pet-lover h3{
        padding-top: 20px !important;
        font-size: 25px !important;
        line-height: 1.2em !important;
    }
    .call-to-action-section-for-careers h3{
        font-size: 25px !important;
    }
    .shop-pet-section-for-protecting-pets{
        padding: 50px 0px !important;
    }
    .shop-pet-section-for-protecting-pets h3{
        padding-top: 20px !important;
        font-size: 25px !important;
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-protecting-pets p{
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-reliable-dog{
        padding: 0px !important;
    }
    .shop-pet-section-for-reliable-dog h3{
        font-size: 25px !important;
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-reliable-dog p{
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-reliable-dog .btn{
        margin-bottom: 20px !important;
    }
    .shop-pet-section-for-purr-fectly h3{
        padding-top: 20px !important;
        font-size: 25px !important;
        line-height: 1.2em !important;
    }
    .shop-pet-section-for-purr-fectly p{
        line-height: 1.2em !important;
    }
    .become-a-vet-section h3{
        font-size: 25px !important;
        line-height: 1.2em !important;
    }
    .vet-portfolio-section{
        padding-bottom: 0px !important;
    }
    .vet-portfolio-section h3{
        font-size: 20px !important;
        line-height: 1.2em !important;
    }
    .vet-portfolio-section p{
        font-size: 16px !important;
    }
    .vet-portfolio-section h4{
        font-size: 16px !important;
    }
    .vet-community-section h3{
        padding-top: 15px;
        padding-top: 30px !important;
        font-size: 20px !important;
        line-height: 1.2em !important;
    }
    .part-our-team-section{
        padding-bottom: 80px;
    }
    .part-our-team-section h3{
        padding-top: 30px !important;
        font-size: 20px !important;
        line-height: 1.2em !important;
    }
    .part-our-team-section h4{
        font-size: 15px !important;
        margin: 10px 0px !important;
    }
    /* comment */
    .customer-support-section .text-center:hover{
        margin: 0px 10px;
    }
    .talk-to-vet{
        width: 50px;
    }
    .vet-services-slider .ruddra-prev {
        left: 22%;
        top: 95%;
    }

    .vet-slider .ruddra-prev {
        left: 22% !important;
        top: 95% !important;
    }

    .talk-to-vet-border .loader-div{
        width: 60px !important;
        padding: 2px 0;
    }

    .reviews-section {
        padding: 40px 0 80px;
        position: relative;
    }

    .search-menu > div:not(.search-menu-heading) p:first-child{
        position: relative;
        top: 0;
    }

    /* Main Banner fot pet parent Code for mobile */
    .main-banner-section h3{
        font-size: 25px;
    }
    .call-to-action-section-for-pet h3{
        font-size: 25px !important;
        line-height: 1.2em !important;
    }
    .call-to-action-section-for-pet p{
        font-size: 16px;
    }

    .app-banner{
        position: relative;
    }
    .app-banner .app-stores{
        display: flex;
        position:absolute;
        bottom:25%;
        left:50%;
        transform:translate(-50%, -50%);
    }
  }


.header-bottom-area .navbar-collapse .main-menu li a {
    color: white !important;
}



.prpl-ui{
    background: #FF00D6;
}

.footer-area{
    /* background-image: var(--footer-bg-png); */
    background-size: contain; /* Ensures the full image is displayed */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-position: center center; /* Centers the image horizontally and vertically */
    height: auto; /* Adjust to your footer content or specify a fixed height */
}
.sub-btn-ui{
    background-color: #FF00D6 !important;
    background: #FF00D6 !important;
}
.footer-menus li a i {
    color: #000000 !important;
}
.privacy-area {
    border-top: 1px solid #000000 !important;
}
.faq-see-more-btn, .faq-see-more-btn:hover, .faq-see-more-btn::after{
    background-color: #7C0DBE;
    color: white;
}

.call-to-action-section-for-vet-department .btn {
    background: #FF00D6;
    color: white;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.15);
    cursor: pointer;
}
.gradient-clr-ui{
    background: linear-gradient(90deg, #CB40DC 0%, #7C80F3 100%);
}
.choose-us-title{
    line-height: 22px;
    letter-spacing: -0.1599999964237213px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-left: 10px;

    font-size: 20px;
    font-family: "Poppins", sans-serif;
    font-weight: 600 !important;
}

.choose-us-section .p-ui{
    margin-left: 32px !important;
}
.blu-clr-ui, .blu-clr-ui:active, .blu-clr-ui::after{
    background: #7C0DBE !important;
    color: white !important;
}
.learnmore-clr-ui, .learnmore-clr-ui:hover, .learnmore-clr-ui:active, .learnmore-clr-ui::after{
    color:#7C0DBE !important;
    /* position: absolute;
    bottom: 24px; */
}

.online-today-btn,
.online-today-btn:hover, 
.online-today-btn:active, 
.online-today-btn::after {
    margin-top: 5.1em;
    background-color: #ffffff !important; /* Slightly different color for hover/active states */
    background: #ffffff !important; /* Slightly different color for hover/active states */
    color: #000000 !important;
    padding: 9px;
    border-radius: 6px;
}
.see-how-vid{
    box-shadow: 0px 0px 2.89px 0px #00000040;
    background: #FFFFFF;
    border-radius: 6px;
    padding: 10px 0px 10px 10px;
    width: max-content;
    text-align: center;
    margin-top: -45px;
    z-index: 99;
}

@media only screen and (min-width: 487px) and (max-width: 525px) {
    svg.vetsIcon {
        top: 6rem;
        right: -10rem;
    }
}


#select-clinic {
    background-color: transparent; /* Makes the background transparent */
    border: none; /* Removes the border */
    color: inherit; /* Ensures text color is preserved */
    box-shadow: none; /* Removes any shadow effects */
    outline: none; /* Removes the focus outline */
}
.tomselected .ts-control::placeholder {
    color: white !important; /* Sets the placeholder text color to white */
    opacity: 1; /* Ensures the placeholder is fully visible */
}
.ts-control input::placeholder {
    color: white !important;
    opacity: 0.8;
}
.button-icon-ui-kit {
    background-image: var(--drkit-image);

}
/* @media (max-width: 768px) {
    .header-bottom-action {
        display: inline-block;
        margin-right: 10px; 
        text-align: center; 
    }

    .header-bottom-action a, 
    .header-bottom-action .dropdown {
        display: inline-block; 
    }
} */
.overview-tab-wrapper .tab-menu li.active{
    color: #003367 !important;
}

.vet-doctor-profile .text-color{
    color: #7C0DBE !important;
}

/* login dropdown ui work */
/* Dropdown Styling */
.custom-dropdown {
    background: #ffffff !important; /* White background */
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Soft shadow */
  }
  
  /* Dropdown text color */
  .custom-dropdown .dropdown-item {
    color: #000000 !important; /* Black text */
    font-weight: 500;
    padding: 10px 15px;
  }
  
  /* Hover effect */
  .custom-dropdown .dropdown-item:hover {
    background: linear-gradient(90deg, #CB40DC 0%, #7C80F3 100%) !important;
    color: #ffffff !important; /* White text on hover */
    border-radius: 5px;
  }
  
  /* Media query for screens between 768px and 1024px */
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .custom-dropdown{
      left: -50px !important; 
      right: unset !important; 
    }
  }
  
  @media (min-width: 992px) {
    .cart-mobile-button {
      display: none !important;
    }
    
  }

  @media (max-width: 800px) {
       
    #navbarSupportedContent .dropdown  .dropdown-menu .dropdown-item{
        color: #000  !important;
    }
   
}