.pet-issues-section-wrapper.pb-10 {
     margin-bottom: 0px;
 }

 body {
     font-family: "Nunito" !important;
     font-optical-sizing: auto;
     font-style: normal;
 }

 /* newhome.css */
 h2 {
     font-size: 35px !important;
     font-weight: 800 !important;
 }

 /* Hide the old download app button on the new home page */
 .header-new .download-app-btn {
     display: none !important;
 }

 /* Show the new desktop navigation on the new home page */
 .header-new .new-header-design {
     display: flex !important;
     gap: 40px;
     align-items: center;
 }

 /* Base styles for the new header nav */
 .new-header-design .nav-link-item {
     cursor: pointer;
     font-weight: 500;
     color: #333;
     font-size: 15px;
     text-decoration: none;
     transition: color 0.3s ease;
 }

 .new-header-design .nav-link-item:hover {
     color: #EE802C;
 }

 /* Styling for the Become a Consultant button */
 .new-header-design .become-consultant-btn {
     background: linear-gradient(90deg, #F0802C 0%, #E66624 100%);
     color: #ffffff;
     border: none;
     border-radius: 50px;
     padding: 10px 24px;
     font-weight: 500;
     font-size: 16px;
     transition: all 0.3s ease;
     cursor: pointer;
 }

 .new-header-design .become-consultant-btn:hover {
     background: linear-gradient(90deg, #E66624 0%, #F0802C 100%);
     box-shadow: 0 4px 10px #ee802c4d;
 }

 .story-title,
 .d-none,
 .d-lg-block h2 {
     font-size: 47px !important;
 }

 .earner-stats.d-flex.justify-content-between.mb-4 {
     line-height: 17px;
 }

 .liness-heightssss {
     line-height: 13px;

 }

 /* Mobile responsive adjustments */
 @media (max-width: 991px) {
     section.py-5.mt-4.mb-5 {
         padding: 0px !important;
     }

     .prevent-card.d-flex.flex-column.flex-grow-1 {
         text-align: left !important;
     }

     .allergy-slider-container .slick-slide>div {
         padding: 5px !important;
     }

     .pb-4.px-2.w-100.d-flex.flex-column {
         padding: 0px !important;
     }

     .timeline-content {
         margin-left: 6px !important;
     }

     .top-earner-card {
         padding: 40px 20px !important;
         text-align: left !important;
     }

     .earner-info {
         text-align: left;
     }

     section.biz-hero h1 {
         font-size: 27px !important;
     }

     .col-lg-6.position-relative {
         text-align: center;
     }

     .biz-hero-desc {
         text-align: center !important;
     }


     .custom-article-card {
         text-align: left !important;
     }

     .slider-text-main h1 {
         font-size: 23px !important;
     }

     .allergy-card-body {
         text-align: left !important;
     }

     h2 {
         font-size: 22px !important;
     }

     .header-new .new-header-design {
         display: none !important;
     }
 }

 .box-shaodwssss {
     box-shadow: rgb(149 157 165 / 15%) 0px 8px 24px !important;
     background-color: #ffffff;
     position: relative;
     z-index: 999;
 }

 /* Mega Menu specific styles */
 .treatment-tabs li {
     padding: 8px 0;
     cursor: pointer;
     color: #888;
     font-size: 14px;
     font-weight: 500;
     transition: all 0.3s ease;
 }

 .treatment-tabs li:hover {
     color: #333;
 }

 .treatment-tabs li.active-tab {
     color: #333;
     font-weight: 600;
 }

 .treatment-tabs li.view-all {
     color: #1e40af;
     margin-top: 10px;
 }

 .treatment-tabs li.view-all.active-tab {
     font-weight: 600;
 }

 .treatment-grid-layout {
     display: grid;
     grid-template-columns: repeat(5, 1fr);
     grid-template-rows: repeat(4, auto);
     grid-auto-flow: column;
     row-gap: 15px;
     column-gap: 10px;
 }

 .hover-theme-color:hover {
     color: #EE802C !important;
 }

 .mega-menu-wrapper {
     cursor: default;
 }

 /* Custom scrollbar for mega menu */
 .mega-menu-scroll::-webkit-scrollbar {
     width: 6px;
 }

 .mega-menu-scroll::-webkit-scrollbar-track {
     background: #f8f9fa;
     border-radius: 4px;
 }

 .mega-menu-scroll::-webkit-scrollbar-thumb {
     background: #d1d5db;
     border-radius: 4px;
 }

 .mega-menu-scroll::-webkit-scrollbar-thumb:hover {
     background: #9ca3af;
 }

 .slider-text-main h1 {
     font-size: 50px;
     color: #000;
     font-weight: 800 !important;
 }

 /* Interactive Animated Slider Bottom Design */
 .slider-interactive-wrapper {
     position: relative;
     width: 90%;
     /* max-width: 1000px; */
     margin: 40px auto 0 auto;
     aspect-ratio: 1000 / 460;
     overflow: visible;
 }

 /* Mobile responsive fallback */
 @media (max-width: 767px) {
     .slider-interactive-wrapper {
         aspect-ratio: auto;
         height: auto;
         display: flex;
         flex-direction: column;
         gap: 30px;
         align-items: center;
         padding: 20px 0;
     }
 }

 .parent-group-wrapper {
     position: absolute;
     left: 4%;
     top: 0;
     width: 40%;
     height: 100%;
     z-index: 2;
 }

 @media (max-width: 767px) {
     .parent-group-wrapper {
         position: relative;
         left: 0;
         top: 0;
         width: 100%;
         height: auto;
         display: flex;
         flex-direction: column;
         align-items: center;
     }
 }

 .doctor-group-wrapper {
     position: absolute;
     right: 4%;
     top: 0;
     width: 50%;
     height: 100%;
     z-index: 2;
 }

 @media (max-width: 767px) {
     .doctor-group-wrapper {
         position: relative;
         right: 0;
         top: 0;
         width: 100%;
         height: auto;
         display: flex;
         flex-direction: column-reverse;
         /* so chat bubble is below circle */
         align-items: center;
     }
 }

 /* Circles */
 .interactive-circle-bg {
     position: absolute;
     background-color: #FFE4D1;
     border-radius: 50%;
     overflow: visible;
     display: flex;
     justify-content: center;
     align-items: flex-end;
     box-shadow: inset 0 0 20px rgba(238, 128, 44, 0.05);
 }

 .parent-circle {
     left: 5%;
     top: 35%;
     width: 220px;
     height: 220px;
 }

 .doctor-circle {
     right: 22%;
     top: 15%;
     width: 240px;
     height: 240px;
     z-index: 2;
 }

 @media (max-width: 767px) {
     .interactive-circle-bg {
         position: relative !important;
         left: auto !important;
         right: auto !important;
         top: auto !important;
         width: 200px !important;
         height: 200px !important;
         margin: 20px 0;
     }
 }

 .circle-image-pop {
     position: absolute;
     bottom: 0;
     width: 90%;
     height: 110%;
     object-fit: cover;
     border-radius: 50% 50% 0 0;
 }

 /* Badges */
 .badge-overlay-card {
     position: absolute;
     background: #ffffff;
     border-radius: 12px;
     box-shadow: 0 8px 24px rgba(149, 157, 165, 0.15);
     border: 1px solid #f0f0f0;
     padding: 8px 16px;
     z-index: 10;
 }

 .parent-badge {
     left: 35%;
     top: 75%;
 }

 .doctor-badge {
     right: -9%;
     top: 10%;
     min-width: 180px;
     padding: 12px;
     z-index: 1;
 }

 @media (max-width: 767px) {
     .badge-overlay-card {
         position: absolute !important;
     }

     .parent-badge {
         left: 50% !important;
         transform: translateX(-50%) !important;
         top: 75% !important;
     }

     .doctor-badge {
         right: -10px !important;
         top: -10px !important;
         z-index: 10 !important;
     }
 }

 /* Chat Bubbles */
 .chat-bubble-styled {
     position: absolute;
     background: #ffffff;
     border-radius: 20px;
     box-shadow: 0 8px 30px rgba(149, 157, 165, 0.12);
     border: 1px solid #f3f3f3;
     padding: 16px 20px;
     display: flex;
     align-items: center;
     gap: 12px;
     z-index: 10;
 }

 .left-bubble {
     left: 45%;
     top: 8%;
     width: 320px;
     border-bottom-left-radius: 4px;
 }

 .right-bubble {
     left: 15%;
     top: 60%;
     width: 360px;
     border-bottom-right-radius: 4px;
 }

 @media (max-width: 767px) {
     .chat-bubble-styled {
         position: relative !important;
         left: auto !important;
         top: auto !important;
         width: 90% !important;
         max-width: 340px !important;
         border-radius: 20px !important;
         margin: 10px 0;
     }
 }

 /* Sparkle Icons */
 .sparkle-icon {
     position: absolute;
     width: 18px;
     height: 18px;
     animation: pulseSparkle 2s infinite ease-in-out;
 }

 @keyframes pulseSparkle {

     0%,
     100% {
         transform: scale(1) rotate(0deg);
         opacity: 0.7;
     }

     50% {
         transform: scale(1.3) rotate(15deg);
         opacity: 1;
     }
 }

 /* SVG Line container */
 .svg-line-container {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     pointer-events: none;
 }

 @media (max-width: 767px) {
     .svg-line-container {
         display: none;
     }
 }

 .animated-dotted-path {
     stroke-dasharray: 6 6;
     stroke-dashoffset: 1000;
 }

 .animated-dotted-path.draw-active {
     animation: drawLineAnim 1.8s linear forwards;
 }

 @keyframes drawLineAnim {
     from {
         stroke-dashoffset: 1000;
     }

     to {
         stroke-dashoffset: 0;
     }
 }

 /* Doctor Section Visibility Reveal */
 .reveal-init {
     opacity: 0;
     transform: scale(0.95);
     transition: opacity 0.6s ease, transform 0.6s ease;
 }

 .reveal-active {
     opacity: 1;
     transform: scale(1);
 }

 .typing-cursor {
     display: inline-block;
     width: 2px;
     background-color: #EE802C;
     margin-left: 2px;
     animation: blinkCursor 0.8s infinite;
 }

 @keyframes blinkCursor {
     50% {
         opacity: 0;
     }
 }

 /* Our USPs Section Styling */
 .usp-section-wrapper {
     margin: 40px auto;
     width: 100%;
 }

 .usp-main-title {
     font-size: 38px !important;
     color: #000000;
     margin-bottom: 40px;
 }

 .usp-grid-layout {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 24px;
     width: 100%;
     box-sizing: border-box;
 }

 .usp-card-item {
     background: #ffffff;
     /* border: 1px solid #f0f0f0; */
     box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
     border-radius: 20px;
     padding: 16px 17px;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s cubic-bezier(0.25, 1, 0.5, 1);
 }

 .usp-card-item:hover {
     transform: translateY(-6px);
     box-shadow: 0 16px 40px rgba(149, 157, 165, 0.12);
 }

 .usp-icon-box {
     background: #EE802C;
     /* Brand orange color */
     color: #ffffff;
     width: 56px;
     height: 56px;
     border-radius: 14px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 14px;
 }

 .usp-card-title {
     font-size: 20px;
     font-weight: 700;
     color: #333333;
     margin-bottom: 12px;
 }

 .usp-card-desc {
     font-size: 13.5px;
     color: #666666;
     line-height: 1.6;
     margin: 0;
 }

 .text-start.mt-auto.pt-1 {
     line-height: 20px;
     font-size: 30px !important;
 }

 .bd-text-content table {
     width: 100% !important;
     max-width: 100%;
     border-collapse: collapse;
     margin: 24px 0;
     border: none;
     border-radius: 8px;
     /* Slightly rounded corners for the wrapper */
 }

 .bd-text-content table th,
 .bd-text-content table td {
     border: none !important;
     border-bottom: 1px solid #eaeaea !important;
     padding: 8px 6px;
     text-align: left;
     vertical-align: top;
     width: auto !important;
     /* Override inline widths */
     font-size: 15px;
     color: #444;
 }

 .bd-text-content table p {
     text-align: left !important;
 }

 .bd-text-content table thead th,
 .bd-text-content table tr:first-child td {
     background-color: #FEF4EB !important;
     /* Light tint of theme color */
     font-weight: 700;
     color: #EE802C;
     /* Theme color */
     border-bottom: none !important;
     border-radius: 0;
 }

 .bd-text-content table thead tr th:first-child,
 .bd-text-content table tr:first-child td:first-child {
     border-top-left-radius: 8px;
     border-bottom-left-radius: 8px;
 }

 .bd-text-content table thead tr th:last-child,
 .bd-text-content table tr:first-child td:last-child {
     border-top-right-radius: 8px;
     border-bottom-right-radius: 8px;
 }

 .bd-text-content table tbody tr:last-child td {
     border-bottom: none !important;
 }

 .bd-text-content table tbody tr:hover {
     background-color: #fdfdfd;
 }

 /* Tablet Layout (2 Columns) */
 @media (max-width: 991px) {
     .popular-search-link {
         font-size: 14px !important;
     }

     .bd-text-content p {
         font-size: 16px !important
     }

     .bird-sign-card {
         text-align: left;
     }

     .stat-divider {
         height: 60px !important;
     }

     .bird-allergy-mobile-text-card {
         padding: 10px !important;
         text-align: left !important;
     }

     .bird-allergy-mobile-title {
         font-size: 16px !important;
     }

     section.dog-allergy-types-section.pb-5 {
         text-align: center !important;
     }

     .sign-card {
         margin-left: 27px !important;
     }

     .allergy-signs-slider-container .slick-slide {
         padding: 0 0px !important;
     }

     h2.related-dog-issues-title.text-black.mb-6 {
         text-align: center;
     }

     .d-block.d-lg-none.related-cat-issues-slider {
         margin-top: 30px;
     }

     .cat-prevent-card {
         text-align: left;
     }

     button.mx-auto.btn.text-white.rounded-pill.px-4.py-2.d-flex.align-items-center.justify-content-center {
         font-size: 17px !important;
         width: 220px !important;
     }

     span.ms-2.bg-white.rounded-circle.d-flex.align-items-center.justify-content-center {
         margin-left: 10px !important;
     }

     .usp-grid-layout {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 /* Mobile Layout (1 Column) */
 @media (max-width: 767px) {
     .usp-grid-layout {
         grid-template-columns: 1fr;
         gap: 20px;
     }

     .usp-card-item {
         padding: 28px 24px;
     }

     .usp-main-title {
         font-size: 32px !important;
         margin-bottom: 30px;
     }
 }

 /* Common Pet Issues Section Styling */
 .pet-issues-section-wrapper {
     margin: 60px auto;
     width: 100%;
 }

 /* Display toggles */
 .desktop-element {
     display: block;
 }

 .pet-tabs-bar.desktop-element {
     display: flex;
 }

 .mobile-element {
     display: none !important;
 }

 .pet-issues-header-container {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 25px;
 }

 .pet-issues-title {
     font-size: 38px !important;
     color: #000000;
     margin-bottom: 25px;
 }

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

 .pet-issues-select {
     /* padding: 10px 20px; */
     /* border-radius: 25px; */
     /* border: 1px solid #e0e0e0; */
     /* background-color: #f9f9f9; */
     font-size: 15px;
     font-weight: 600;
     /* color: #333; */
     /* outline: none; */
     cursor: pointer;
     /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02); */
     appearance: none;
     background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23333333%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
     background-repeat: no-repeat;
     background-position: right 15px top 50%;
     background-size: 12px auto;
     padding-right: 20px;
     border: none;
 }

 .pet-issues-select:focus {
     border-color: #EE802C;
 }

 .pet-tabs-bar {
     display: flex;
     gap: 48px;
     margin-bottom: 40px;
     align-items: center;
     border-bottom: 1px solid #eeeeee;
     padding-bottom: 10px;
 }

 .pet-tab-button {
     background: none;
     border: none !important;
     border-bottom: none !important;
     color: #888888;
     cursor: pointer;
     padding: 10px 16px;
     transition: color 0.3s ease, transform 0.2s ease;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .pet-tab-button:hover {
     color: #EE802C;
     transform: scale(1.05);
 }

 .pet-tab-button.active-tab {
     color: #EE802C;
     border-bottom: none !important;
     font-weight: bold;
 }

 .pet-issues-grid-layout {
     display: block;
     width: 100%;
     box-sizing: border-box;
 }

 .pet-issues-grid-layout .slick-track {
     padding: 10px 0;
 }

 .pet-issue-dots {
     bottom: -35px !important;
 }

 .pet-issue-card-item {
     background: #ffffff;
     border-radius: 20px;
     padding: 28px 24px;
     box-shadow: 0 8px 30px rgba(149, 157, 165, 0.03);
     display: flex;
     flex-direction: column;
     height: 250px;
     justify-content: space-between;
     overflow: hidden;
     transition: box-shadow 0.3s cubic-bezier(0.25, 1, 0.5, 1), transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
     cursor: pointer;
 }

 .pet-issue-card-item:hover {
     box-shadow: 0 16px 40px rgba(149, 157, 165, 0.1);
     transform: translateY(-5px);
 }

 .pet-issue-card-title {
     font-size: 20px;
     font-weight: 700;
     color: #333333;
     margin: 0 0 10px 0;
     align-self: flex-start;
 }

 .pet-issue-image-box {
     width: 100%;
     height: 140px;
     display: flex;
     justify-content: center;
     align-items: flex-end;
     overflow: visible;
 }

 .pet-issue-card-image {
     max-height: 100%;
     max-width: 100%;
     object-fit: contain;
     transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
 }

 .pet-issue-card-item:hover .pet-issue-card-image {
     transform: scale(1.08);
 }

 /* Tablet Layout (2 Columns) */
 @media (max-width: 991px) {
     .pet-issues-grid-layout {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 /* Mobile Layout (1 Column) */
 @media (max-width: 767px) {
     .desktop-element {
         display: none !important;
     }

     .mobile-element {
         display: flex !important;
     }

     .pet-issues-header-container.mobile-element {
         margin-bottom: 25px;
     }

     .mobile-element .pet-issues-title {
         margin-bottom: 0;
     }

     .pet-issues-grid-layout {
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         gap: 10px;
         margin-bottom: 0px;
     }

     .pet-issue-card-item {
         flex-direction: column-reverse;
         padding: 0;
         align-items: center;
         justify-content: flex-end;
         gap: 8px;
         height: auto;
         background: transparent;
         box-shadow: none;
         border-radius: 0px !important;
     }


     .pet-issue-card-item:hover {
         box-shadow: none;
         transform: none;
     }

     .pet-issue-image-box {
         width: 100%;
         aspect-ratio: 1;
         height: auto;
         background-color: #F7F7F7;
         border-radius: 16px;
         display: flex;
         justify-content: center;
         align-items: center;
         padding: 8px;
         box-sizing: border-box;
     }

     .pet-issue-card-title {
         font-size: 11px;
         margin: 0;
         text-align: center;
         align-self: center;
         line-height: 1.2;
     }

     .pet-issues-title {
         font-size: 17px !important;
     }
 }

 /* =============================================
   USP HD Icon
   ============================================= */
 .usp-hd-icon {
     width: 32px;
     height: 32px;
     object-fit: contain;
     image-rendering: crisp-edges;
     filter: brightness(0) invert(1);
 }

 /* =============================================
   Pet Tab Image Icons
   ============================================= */
 .pet-tab-icon {
     width: 34px !important;
     height: 34px !important;
     object-fit: contain;
     image-rendering: crisp-edges;
     transition: filter 0.3s ease;
     filter: grayscale(100%) brightness(0.5);
 }

 .pet-tab-button:hover .pet-tab-icon,
 .pet-tab-button.active-tab .pet-tab-icon {
     filter: none;
     filter: invert(53%) sepia(78%) saturate(500%) hue-rotate(352deg) brightness(97%) contrast(95%);
 }

 /* =============================================
   Download App Section
   ============================================= */
 .download-app-section {
     padding: 80px 0 100px;
     background: #fff;
     overflow: hidden;
 }

 .download-app-inner {

     display: grid;
     grid-template-columns: 50% 50%;
     gap: 0;
     align-items: end;
     width: 100%;
 }

 /* LEFT */
 .download-app-left {
     display: flex;
     flex-direction: column;
     gap: 0;
     width: 100%;
     padding-right: 48px;
     box-sizing: border-box;
 }

 .download-app-left h2 {
     font-size: 37px !important;
 }

 .download-app-tag {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     font-size: 13px;
     font-weight: 600;
     color: #EE802C;
     text-transform: uppercase;
     letter-spacing: 1.5px;
     margin-bottom: 12px;
 }

 .download-app-tag::before {
     content: '';
     display: inline-block;
     width: 24px;
     height: 2px;
     background: #EE802C;
     border-radius: 2px;
 }

 .download-app-heading {
     font-size: 38px;
     font-weight: 800;
     color: #111827;
     line-height: 1.25;
     margin-bottom: 36px;
 }

 .download-app-highlight {
     color: #EE802C;
 }

 /* Accordion */
 .download-accordion {
     display: flex;
     flex-direction: column;
     margin-bottom: 36px;
     border-top: 1px solid #eeeeee;
 }

 .da-accordion-item {
     border-bottom: 1px solid #eeeeee;
     overflow: hidden;
 }

 .da-accordion-header {
     width: 100%;
     display: flex;
     align-items: center;
     gap: 14px;
     padding: 18px 0;
     background: none;
     border: none;
     cursor: pointer;
     text-align: left;
     transition: background 0.2s;
 }

 .da-accordion-header:hover {
     background: none;
 }

 .da-step-number {
     font-size: 13px;
     font-weight: 700;
     color: #EE802C;
     background: #FFF0E5;
     border-radius: 8px;
     padding: 4px 10px;
     min-width: 36px;
     text-align: center;
     flex-shrink: 0;
 }

 .da-accordion-title {
     flex: 1;
     font-size: 17px;
     font-weight: 700;
     color: #111827;
     transition: color 0.2s;
 }

 .da-accordion-item.da-active .da-accordion-title {
     color: #EE802C;
 }

 .da-accordion-chevron {
     color: #aaaaaa;
     flex-shrink: 0;
     transition: color 0.2s;
 }

 .da-accordion-item.da-active .da-accordion-chevron {
     color: #EE802C;
 }

 .da-accordion-body {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s ease;
     padding: 0 0 0 50px;
 }

 .da-accordion-body.da-body-open {
     max-height: 200px;
     padding: 0 0 18px 50px;
 }

 .da-accordion-desc {
     font-size: 14.5px;
     color: #6b7280;
     line-height: 1.7;
     margin: 0;
 }

 /* QR + Buttons row */
 .download-app-cta {
     display: flex;
     align-items: flex-end;
     gap: 28px;
     flex-wrap: wrap;
 }

 .download-qr-wrap {
     display: flex;
     flex-direction: column;
     gap: 10px;
 }

 .download-qr-img {
     width: 100px;
     height: 100px;
     object-fit: contain;
     border-radius: 12px;
     border: 1px solid #f0f0f0;
     padding: 4px;
 }

 .download-qr-label {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     font-size: 15px;
     font-weight: 600;
     color: #fff;
     background: linear-gradient(90deg, #EE802C 0%, #e05d00 100%);
     padding: 7px 14px;
     border-radius: 50px;
     white-space: nowrap;
     width: 60%;
     padding: 10px;
     justify-content: center;
 }

 .download-store-buttons {
     display: flex;
     flex-direction: column;
     gap: 12px;
 }

 .download-store-btn {
     display: inline-block;
     transition: transform 0.2s ease, box-shadow 0.2s ease;
     border-radius: 10px;
     overflow: hidden;
 }

 .download-store-btn:hover {
     transform: translateY(-2px);
     box-shadow: 0 8px 20px rgba(238, 128, 44, 0.2);
 }

 .download-store-img {
     display: block;
     height: 50px;
     width: auto;
     object-fit: contain;
 }

 /* RIGHT SIDE */
 .download-app-right {
     display: flex;
     justify-content: center;
     align-items: flex-end;
     min-height: 480px;
     position: relative;
     overflow: visible;
     width: 100%;
     box-sizing: border-box;
     padding-left: 20px;
 }

 .da-phone-mockup {
     position: absolute;
     left: 50%;
     bottom: 0;
     transform: translateX(-60%);
     height: 550px;
     width: auto;
     object-fit: contain;
     z-index: 2;
     filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.10));
 }

 .da-standing-man {
     position: absolute;
     right: -10px;
     bottom: 0;
     height: 420px;
     width: auto;
     object-fit: contain;
     z-index: 3;
 }

 /* Responsive */
 @media (max-width: 991px) {
     .download-app-inner {
         grid-template-columns: 1fr;
         gap: 0;
     }

     .download-app-left {
         padding-right: 0;
         padding-bottom: 32px;
     }

     .download-app-heading {
         font-size: 30px;
     }

     .download-app-right {
         min-height: 340px;
         padding-left: 0;
     }

     .da-phone-mockup {
         height: 300px;
     }

     .da-standing-man {
         height: 280px;
     }
 }

 @media (max-width: 767px) {
     .download-app-section {
         padding: 60px 0 70px;
     }

     .download-app-heading {
         font-size: 26px;
         margin-bottom: 28px;
     }

     .da-accordion-title {
         font-size: 17px;
     }

     .download-app-cta {
         flex-direction: column;
         align-items: flex-start;
         gap: 20px;
     }

     .download-store-buttons {
         flex-direction: row;
         flex-wrap: initial;
         padding-top: 0px !important;
     }

     .download-app-cta {
         margin-top: 0px !important;
     }

     .download-store-buttons img {
         width: 130px !important;
         height: 39px !important;
     }

     .download-app-right {
         min-height: 280px;
     }

     .da-phone-mockup {
         height: 240px;
         transform: translateX(-55%);
     }

     .da-standing-man {
         height: 220px;
         right: 0;
     }
 }

 /* =============================================
   Personalized Pet Care Cards Section
   ============================================= */
 .pet-care-cards-section {
     padding: 70px 0 90px;
     background: #fff;
 }

 .pet-care-cards-title {
     font-size: 36px;
     font-weight: 800;
     color: #111827;
     text-align: center;
     margin-bottom: 48px;
 }

 .pet-care-cards-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 20px;
 }

 /* Card base */
 .pcc-card {
     background: #ffffff;
     /* border: 1px solid #eeeeee; */
     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
     border-radius: 20px;
     padding: 22px 20px 0 20px;
     display: flex;
     flex-direction: column;
     cursor: pointer;
     transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
     overflow: hidden;
 }

 .pcc-card:hover,
 .pcc-card.pcc-card-active {
     background: #EE802C;
     border-color: #EE802C;
     box-shadow: 0 16px 40px rgba(238, 128, 44, 0.3);
 }

 /* Header row */
 .pcc-card-header {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     gap: 8px;
     margin-bottom: 10px;
 }

 .pcc-card-title {
     font-size: 20px;
     font-weight: 700;
     color: #111827;
     margin: 0;
     line-height: 1.3;
     transition: color 0.3s ease;
 }

 .pcc-card:hover .pcc-card-title,
 .pcc-card.pcc-card-active .pcc-card-title {
     color: #ffffff;
 }

 /* Arrow button */
 .pcc-arrow-btn {
     width: 42px;
     height: 42px;
     min-width: 32px;
     border-radius: 50%;
     background: #fbfbfb;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #333333;
     transition: background 0.3s ease, color 0.3s ease;
     flex-shrink: 0;
 }

 .pcc-card:hover .pcc-arrow-btn,
 .pcc-card.pcc-card-active .pcc-arrow-btn {
     background: #ffffff;
     color: #000 !important;
 }

 /* Description */
 .pcc-card-desc {
     font-size: 13px;
     color: #666666;
     line-height: 1.6;
     margin: 0 0 16px 0;
     transition: color 0.3s ease;
 }

 .pcc-card:hover .pcc-card-desc,
 .pcc-card.pcc-card-active .pcc-card-desc {
     color: rgba(255, 255, 255, 0.88);
 }

 /* Image */
 .pcc-card-img-wrap {
     margin: auto !important;
     width: 100% !important;
     /* margin-left: -20px;
    margin-right: -20px; */
     height: 170px;
     overflow: hidden;
     border-radius: 18px 18px 0px 0px;
     margin-top: auto;
     margin-bottom: 0px !important;
 }

 .pcc-card-img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
     display: block;
 }

 .pcc-card:hover .pcc-card-img {
     transform: scale(1.06);
 }

 /* Tablet: 2 columns */
 @media (max-width: 991px) {
     .pcc-card {
         margin-top: 5px;
     }

     .pet-care-cards-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 16px;
     }

     .pet-care-cards-title {
         font-size: 28px;
         margin-bottom: 36px;
     }
 }

 /* Mobile: Horizontal Slider */
 @media (max-width: 575px) {
     .pet-care-cards-grid {
         display: flex;
         flex-wrap: nowrap;
         overflow-x: auto;
         gap: 16px;
         padding-bottom: 20px;
         scroll-snap-type: x mandatory;
         -webkit-overflow-scrolling: touch;
         /* Hide scrollbar for a cleaner look */
         scrollbar-width: none;
         /* Firefox */
         padding-left: 3px;
     }

     .pet-care-cards-grid::-webkit-scrollbar {
         display: none;
         /* Chrome, Safari */
     }

     .pcc-card {
         flex: 0 0 85%;
         scroll-snap-align: center;
     }

     .pet-care-cards-title {
         font-size: 24px;
         margin-bottom: 28px;
     }

     .pcc-card-img-wrap {
         height: 141px;
     }
 }

 /* =============================================
   FAQ Section
   ============================================= */
 .faq-section {
     background: #ffffff;
 }

 .faq-main-title {
     font-size: 36px;
     font-weight: 800;
     color: #111827;
     margin-bottom: 50px;
 }

 .faq-list-container {
     max-width: 900px;
     margin: 0 auto;
     display: flex;
     flex-direction: column;
     gap: 16px;
 }

 .faq-item-wrapper {
     border-radius: 12px;
     background: transparent;
     transition: background 0.3s ease;
     overflow: hidden;
 }

 .faq-item-wrapper.faq-active {
     background: #fff9f5;
 }

 .faq-question-btn {
     width: 100%;
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 24px 30px;
     background: none;
     border: none;
     cursor: pointer;
     text-align: left;
     transition: padding 0.3s ease;
 }

 .faq-question-text {
     font-size: 18px;
     font-weight: 700;
     color: #111827;
     flex: 1;
     padding-right: 20px;
     transition: color 0.3s ease;
 }

 .faq-icon-wrapper {
     width: 32px;
     height: 32px;
     min-width: 32px;
     border-radius: 50%;
     background: #111827;
     color: #ffffff;
     display: flex;
     justify-content: center;
     align-items: center;
     transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
 }

 .faq-item-wrapper.faq-active .faq-icon-wrapper {
     background: #ffffff;
     color: #111827;
 }

 .faq-answer-wrapper {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .faq-item-wrapper.faq-active .faq-answer-wrapper {
     max-height: 300px;
 }

 .faq-answer-text {
     padding: 0 30px 24px 30px;
     margin: 0;
     font-size: 15px;
     color: #4b5563;
     line-height: 1.6;
 }

 /* Mobile responsive for FAQ */
 @media (max-width: 767px) {
     .faq-main-title {
         font-size: 28px;
         margin-bottom: 30px;
     }

     .faq-question-btn {
         padding: 20px;
     }

     .faq-question-text {
         font-size: 15px;
     }

     .faq-answer-text {
         font-size: 14px;
     }

     .faq-answer-text {
         padding: 0 20px 20px 20px;
         font-size: 14px;
     }
 }

 /* =============================================
   SEO Content Section
   ============================================= */
 .seo-content-section {
     background: #ffffff;
 }

 .seo-content-inner {
     max-width: 100%;
     margin: 0 auto;
     color: #374151;
     font-family: inherit;
 }

 .seo-heading {
     font-size: 26px;
     font-weight: 700;
     color: #111827;
     margin-bottom: 20px;
     line-height: 1.3;
 }

 .text-orange {
     color: #EE802C;
 }

 .text-underline {
     text-decoration: underline;
     text-underline-offset: 4px;
 }

 .seo-subheading {
     font-size: 20px;
     font-weight: 700;
     color: #111827;
     margin-bottom: 16px;
     line-height: 1.4;
 }

 .seo-paragraph {
     font-size: 15px;
     line-height: 1.8;
     margin-bottom: 16px;
     color: #4b5563;
 }

 .seo-list {
     list-style-type: disc;
     padding-left: 24px;
     margin-bottom: 24px;
 }

 .seo-list li {
     font-size: 15px;
     line-height: 1.8;
     margin-bottom: 10px;
     color: #4b5563;
 }

 .seo-list li strong {
     color: #111827;
     font-weight: 600;
 }

 .seo-feature-block {
     margin-bottom: 16px;
 }

 .seo-h4 {
     font-size: 16px;
     font-weight: 600;
     color: #111827;
     margin-bottom: 8px;
 }

 /* Mobile responsive for SEO content */
 @media (max-width: 767px) {
     .seo-heading {
         font-size: 22px;
     }

     .seo-subheading {
         font-size: 18px;
     }

     .seo-paragraph,
     .seo-list li {
         font-size: 14px;
     }
 }

 /* =============================================
   Popular Searches Section
   ============================================= */
 .popular-searches-section {
     background: #ffffff;
 }

 .popular-searches-title {
     font-size: 20px;
     font-weight: 700;
     color: #111827;
 }

 .popular-searches-content {
     line-height: 2.2;
     color: #333333;
     font-size: 13px;
     font-weight: 500;
 }

 .popular-search-item {
     display: inline-block;
 }

 /* Hide the separator for the last item on desktop */
 @media (min-width: 768px) {
     .popular-search-item:last-child .popular-search-separator {
         display: none !important;
     }
 }

 .popular-search-link {
     color: #333333;
     text-decoration: none;
     transition: color 0.2s ease;
     display: inline-block;
     font-size: 14px;
 }

 .popular-search-link:hover {
     color: #EE802C;
 }

 .popular-search-separator {
     color: #6b7280;
     margin: 0 8px;
     display: inline-block;
     font-weight: 400;
 }

 /* Mobile Responsive */
 @media (max-width: 767px) {
     .popular-searches-title {
         font-size: 18px;
     }

     .popular-searches-content {
         font-size: 13px;
     }

     .popular-search-item {
         display: inline-block;
         margin-bottom: 0px;
     }

     .popular-search-item:last-child .popular-search-separator {
         display: none !important;
     }

     .popular-search-link {
         padding-right: 0px;
     }

     .popular-search-separator {
         margin: 0 6px;
     }
 }

 /* =============================================
   New Footer Section
   ============================================= */
 .new-footer-section {
     background: #ffffff;
     font-family: inherit;
     color: #333333;
 }

 .new-footer-grid {
     display: grid;
     grid-template-columns: 2fr 1fr 1fr 2fr;
     gap: 40px;
     align-items: flex-start;
 }

 /* Left Column */
 .nf-logo-wrap {
     display: flex;
     align-items: center;
     gap: 12px;
 }

 .nf-logo-icon {
     flex-shrink: 0;
 }

 .nf-logo-text {
     font-size: 26px;
     font-weight: 800;
     color: #111827;
 }

 .nf-tagline {
     font-size: 16px;
     font-weight: 700;
     color: #4b5563;
     line-height: 1.5;
     margin-bottom: 24px;
     max-width: 250px;
 }

 .nf-divider {
     height: 1px;
     width: 250px;
     background: #e5e7eb;
 }

 /* Middle Columns */
 .nf-heading {
     font-size: 18px;
     font-weight: 700;
     color: #111827;
     margin-bottom: 20px;
 }

 .nf-list {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     flex-direction: column;
     gap: 14px;
 }

 .nf-list li a {
     color: #6b7280;
     font-size: 14px;
     font-weight: 500;
     text-decoration: none;
     transition: color 0.2s ease;
 }

 .nf-list li a:hover {
     color: #EE802C;
 }

 /* Right Column */
 .nf-social-icons {
     display: flex;
     gap: 12px;
 }

 .nf-social-link {
     width: 36px;
     height: 36px;
     border-radius: 8px;
     background: #EE802C;
     color: #ffffff;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: transform 0.2s ease, background 0.2s ease;
 }

 .nf-social-link svg {
     width: 18px;
     height: 18px;
 }

 .nf-social-link:hover {
     background: #d86c1d;
     transform: translateY(-2px);
 }

 .nf-store-buttons {
     display: flex;
     gap: 12px;
 }

 .nf-store-btn {
     display: inline-block;
     transition: transform 0.2s ease;
 }

 .nf-store-btn:hover {
     transform: translateY(-2px);
 }

 /* Mobile Responsive */
 @media (max-width: 991px) {
     .col-lg-6.pr-lg-5.mb-5.mb-lg-0.order-3.order-lg-1 {
         margin-bottom: 0px !important;
     }

     p.story-text {
         margin-bottom: 0px !important;
     }

     section.story-section {
         padding-bottom: 0px;
     }

     section.stats-section {
         padding-bottom: 0px;
     }

     .faq-section h2 {
         font-size: 17px !important;
         margin-bottom: 20px !important;
     }

     .new-footer-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 40px;
     }
 }

 @media (max-width: 575px) {
     .new-footer-grid {
         grid-template-columns: 1fr 1fr;
         gap: 32px 16px;
     }

     .nf-col-left,
     .nf-col-right {
         grid-column: 1 / -1;
     }

     .nf-tagline {
         max-width: 100%;
         font-size: 16px;
     }

     .nf-divider {
         max-width: 100%;
         width: 100%;
     }

     .nf-social-icons {
         gap: 12px;
     }

     .nf-social-link {
         width: 44px;
         height: 44px;
         border-radius: 10px;
     }

     .nf-social-link svg {
         width: 22px;
         height: 22px;
     }

     .nf-store-buttons {
         display: flex;
         gap: 16px;
         justify-content: flex-start;
     }
 }


 /* contact page css */


 .contact-card {
     border: 1px solid #f0f0f0;
     border-radius: 20px !important;
     transition: all 0.3s ease;
     background-color: #ffffff;
     text-decoration: none !important;
     cursor: pointer;
     box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
 }

 .contact-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 12px 24px rgba(0, 0, 0, 0.06) !important;
     border-color: #e0e0e0;
 }

 .icon-circle {
     width: 64px;
     height: 64px;
     background-color: #f7f8fa;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto;
     border-radius: 50%;
     margin-bottom: 1.5rem;
     transition: all 0.3s ease;
 }

 .contact-card:hover .icon-circle {
     background-color: #f0f2f5;
     transform: scale(1.05);
 }

 .whatsapp-icon-circle {
     background-color: #f7f8fa;
 }

 .contact-card:hover .whatsapp-icon-circle {
     background-color: #eaf6ec;
 }

 /* Dog Allergy Hero Section */
 .dog-allergy-hero-section {
     padding: 60px 0;
     background-color: #ffffff;
 }

 .dog-allergy-hero-title {
     font-size: 52px;
     font-weight: 800;
     color: #222222;
     line-height: 1.2;
     margin-bottom: 20px;
 }

 .dog-allergy-hero-desc {
     font-size: 16px;
     color: #555555;
     margin-bottom: 20px;
     line-height: 1.6;
     max-width: 450px;
 }

 .dog-allergy-consult-btn {
     background-color: #EE802C;
     color: #ffffff;
     font-weight: 700;
     font-size: 18px;
     border: none;
     border-radius: 50px;
     padding: 6px 6px 6px 30px;
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     gap: 20px;
     transition: background-color 0.3s ease;
     margin-bottom: 20px;
 }

 .dog-allergy-consult-btn:hover {
     background-color: #d86c1d;
 }

 .dog-allergy-consult-btn .arrow-icon {
     background-color: #ffffff;
     color: #000 !important;
     border-radius: 50%;
     width: 44px;
     height: 44px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     font-size: 20px;
     font-weight: bold;
 }

 .dog-allergy-stats {
     display: flex;
     align-items: center;
     gap: 30px;
     padding-top: 20px;
 }

 .dog-allergy-hero-section h1 {
     font-size: 40px;
 }

 .stat-item {
     display: flex;
     flex-direction: column;
 }

 .stat-label {
     font-size: 12px;
     color: #474747;
 }

 .stat-value {
     font-size: 35px;
     font-weight: 700;
     color: #222222;
 }

 .stat-divider {
     width: 1px;
     height: 80px;
     background-color: #000000;
 }

 .dog-allergy-hero-image {
     max-width: 100%;
     height: auto;
 }

 /* Dog Allergy Types Section */
 .dog-allergy-types-section {
     background-color: #ffffff;
     padding-top: 40px;
 }

 .types-section-title {
     font-size: 36px;
     font-weight: 800;
     color: #222222;
     margin-bottom: 15px;
 }

 .types-section-desc {
     font-size: 16px;
     color: #666666;
     line-height: 1.6;
 }

 .allergy-slider-container {
     margin-top: 30px;
     padding-bottom: 40px;
 }

 /* Force equal heights and spacing for slick slider cards */
 .allergy-slider-container .slick-track {
     display: flex !important;
 }

 .allergy-slider-container .slick-slide {
     height: auto;
     display: flex;
 }

 .allergy-slider-container .slick-slide>div {
     width: 100%;
     display: flex;
     padding: 0 15px;
     /* Space between cards */
 }

 .allergy-slider-container .pb-4 {
     width: 100%;
     display: flex;
     flex-direction: column;
 }

 .allergy-card {
     border-radius: 20px;
     overflow: hidden;
     height: 100%;
     display: flex;
     flex-direction: column;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
     background-color: #ffffff;
     border: 2px solid transparent;
     transition: all 0.3s ease;
     cursor: pointer;
 }

 .allergy-card:hover {
     background-color: #EE802C;
     border-color: #EE802C;
 }

 .allergy-img-box {
     width: 100%;
     height: 230px;
 }

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

 .allergy-card-body {
     padding: 20px;
     flex-grow: 1;
     margin-top: -30px;
     position: relative;
     z-index: 2;
     background-color: #ffffff;
     border-radius: 20px 20px 0 0;
     transition: background-color 0.3s ease;
 }

 .allergy-card:hover .allergy-card-body {
     background-color: #EE802C;
 }

 .allergy-card-title {
     font-size: 22px;
     font-weight: 700;
     margin-bottom: 12px;
     color: #000;
     transition: color 0.3s ease;
 }

 .allergy-card-text {
     font-size: 14.5px;
     line-height: 1.6;
     margin-bottom: 0;
     color: #444;
     transition: color 0.3s ease;
     /* Compress text to keep card heights uniform */
     display: -webkit-box;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .allergy-read-more-btn {
     background: none;
     border: none;
     color: #EE802C;
     cursor: pointer;
     padding: 0;
     font-weight: 500;
     font-size: 14px !important;
     margin-top: 10px;
     transition: color 0.3s ease;
 }

 .allergy-card:hover .allergy-card-title,
 .allergy-card:hover .allergy-card-text,
 .allergy-card:hover .allergy-read-more-btn {
     color: #ffffff;
 }

 /* Custom Slick Dots Centered */
 ul.custom-centered-dots {
     display: flex !important;
     justify-content: center;
     align-items: center;
     list-style: none;
     padding: 0;
     margin-top: 20px !important;
     position: relative !important;
     bottom: auto !important;
     width: 100%;
 }

 ul.custom-centered-dots li {
     margin: 0 6px;
     width: auto !important;
     height: auto !important;
 }

 ul.custom-centered-dots li button {
     font-size: 0;
     line-height: 0;
     display: block;
     width: 16px !important;
     height: 16px !important;
     padding: 0;
     cursor: pointer;
     color: transparent;
     border: 0;
     outline: none;
     background: #dddddd !important;
     border-radius: 50% !important;
     transition: all 0.3s ease;
 }

 ul.custom-centered-dots li button:before {
     display: none !important;
 }

 ul.custom-centered-dots li.slick-active button {
     background: #EE802C !important;
     width: 44px !important;
     border-radius: 20px !important;
 }

 /* Common Signs Section */
 .dog-allergy-signs-section {
     background-color: #ffffff;
 }

 .signs-title {
     font-size: 38px;
     font-weight: 800;
     color: #222222;
     line-height: 1.3;
 }

 .signs-desc {
     font-size: 18px;
     color: #666666;
     line-height: 1.6;
 }

 .signs-vertical-dots {
     position: absolute;
     left: -40px;
     top: 50%;
     transform: translateY(-50%);
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 8px;
 }

 .sign-dot {
     width: 10px;
     height: 10px;
     background-color: #d1d1d1;
     border-radius: 50%;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .sign-dot.active {
     width: 10px;
     height: 24px;
     background-color: #EE802C;
     border-radius: 10px;
 }

 .signs-accordion {
     display: flex;
     flex-direction: column;
     gap: 15px;
 }

 .sign-item {
     border: 1px solid #e0e0e0;
     border-radius: 10px;
     padding: 20px 25px;
     background-color: #ffffff;
     transition: all 0.3s ease;
 }

 .sign-item.active {
     border-color: #EE802C;
     box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
 }

 .sign-item-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     cursor: pointer;
 }

 .sign-item-title {
     font-size: 18px;
     font-weight: 600;
     color: #222222;
     margin: 0;
 }

 .sign-item-icon {
     font-size: 24px;
     color: #222222;
     line-height: 1;
 }

 .sign-item-body {
     margin-top: 15px;
 }

 .sign-item-body p {
     font-size: 14.5px;
     color: #666666;
     line-height: 1.6;
     margin-bottom: 0;
 }

 /* Allergy Severity Section */


 .severity-section-title {
     font-size: 32px;
     font-weight: 700;
     color: #333333;
 }

 .severity-card {
     background-color: #ffffff;
     border-radius: 12px;
     padding: 60px 20px 20px;
     position: relative;
     height: 100%;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
     border: 2px solid #f2f2f2;
     transition: all 0.3s ease;
 }

 .severity-badge {
     position: absolute;
     top: -1px;
     left: 50%;
     transform: translateX(-50%);
     color: #ffffff;
     font-size: 16px;
     font-weight: 600;
     padding: 8px 40px;
     border-radius: 0 0 10px 10px;
     text-align: center;
     min-width: 140px;
 }

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

 .severity-list li {
     display: flex;
     align-items: flex-start;
     margin-bottom: 20px;
     font-size: 13px;
     color: #111111;
     font-weight: 500;
 }

 .severity-icon {
     margin-right: 12px;
     margin-top: 3px;
     display: flex;
 }

 /* Mild Theme */
 .mild-card:hover {
     border-color: #21c965;
     box-shadow: 0 10px 30px rgba(33, 201, 101, 0.1);
 }

 .mild-badge {
     background-color: #21c965;
 }

 .mild-icon {
     color: #21c965;
 }

 /* Moderate Theme */
 .moderate-card:hover {
     border-color: #f5a623;
     box-shadow: 0 10px 30px rgba(245, 166, 35, 0.1);
 }

 .moderate-badge {
     background-color: #f5a623;
 }

 .moderate-icon {
     color: #f5a623;
 }

 /* Emergency Theme */
 .emergency-card:hover {
     border-color: #ef4b4b;
     box-shadow: 0 10px 30px rgba(239, 75, 75, 0.1);
 }

 .emergency-badge {
     background-color: #ef4b4b;
 }

 .emergency-icon {
     color: #ef4b4b;
 }

 /* Related Articles Section */
 .related-articles-section {
     background-color: #ffffff;
 }

 .related-articles-section .article-card {
     background-color: #ffffff;
     border-radius: 24px;
     overflow: hidden;
     height: 100%;
     display: flex;
     flex-direction: column;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
     border: 1px solid #f9f9f9;
     transition: all 0.3s ease;
 }

 .related-articles-section .article-card:hover {
     box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
     transform: translateY(-5px);
 }

 .related-articles-section .article-img-box {
     width: 100%;
     height: 180px;
     overflow: hidden;
     border-top-left-radius: 24px;
     border-top-right-radius: 24px;
 }


 .article-img-box {
     width: 100%;
     height: 180px;
     overflow: hidden;
 }

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

 .article-card-body {
     padding: 20px 25px;
     flex-grow: 1;
 }

 .article-title {
     font-size: 18px;
     font-weight: 700;
     color: #222222;
     margin-bottom: 12px;
 }

 .article-desc {
     font-size: 13.5px;
     color: #666666;
     line-height: 1.6;
     margin-bottom: 0;
 }

 /* Custom Slick Dots Right Aligned */
 ul.custom-right-dots {
     display: flex !important;
     justify-content: flex-end;
     align-items: center;
     list-style: none;
     padding: 0;
     margin-top: 30px !important;
     position: relative !important;
     bottom: auto !important;
     width: 100%;
     padding-right: 15px;
 }

 ul.custom-right-dots li {
     margin: 0 5px;
     width: auto !important;
     height: auto !important;
 }

 ul.custom-right-dots li button {
     font-size: 0;
     line-height: 0;
     display: block;
     width: 10px;
     height: 10px;
     padding: 5px;
     cursor: pointer;
     color: transparent;
     border: 0;
     outline: none;
     background: #d1d1d1 !important;
     border-radius: 50% !important;
     transition: all 0.3s ease;
 }

 ul.custom-right-dots li button:before {
     display: none !important;
 }

 ul.custom-right-dots li.slick-active button {
     background: #EE802C !important;
     width: 30px !important;
     border-radius: 20px !important;
 }

 /* Vet Immediately Section */
 .vet-immediately-section {
     background-color: #ffffff;
 }

 .vet-cards-container {
     position: relative;
     padding-right: 30px;
 }

 .vet-card {
     background-color: #ffffff;
     border: 1px solid #e0e0e0;
     border-radius: 8px;
     padding: 24px;
     margin-bottom: 20px;
     display: flex;
     align-items: flex-start;
     transition: all 0.3s ease;
     cursor: pointer;
 }

 .vet-card.active,
 .vet-card:hover {
     border: 1px solid #EE802C;
     box-shadow: 0 4px 15px rgba(238, 128, 44, 0.1);
 }

 .vet-card-icon {
     background-color: #EE802C;
     color: #ffffff;
     width: 40px;
     height: 40px;
     border-radius: 8px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 20px;
     flex-shrink: 0;
 }

 .vet-card-content {
     flex-grow: 1;
 }

 .vet-card-title {
     font-size: 19px;
     font-weight: 700;
     color: #333333;
     margin-bottom: 8px;
     margin-top: 5px;
 }

 .vet-card-text {
     font-size: 14.5px;
     color: #666666;
     line-height: 1.5;
     margin-bottom: 0;
 }

 /* Vet Vertical Dots on the Right */
 .vet-vertical-dots {
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .vet-dot {
     width: 10px;
     height: 10px;
     background-color: #d1d1d1;
     border-radius: 50%;
     margin: 8px 0;
     transition: all 0.3s ease;
 }

 .vet-dot.active {
     background-color: #EE802C;
     height: 25px;
     border-radius: 10px;
 }



 .prevent-card {
     background: rgba(255, 255, 255, 0.65);
     backdrop-filter: blur(12px);
     -webkit-backdrop-filter: blur(12px);
     border-radius: 16px;
     padding: 30px 20px;
     height: 100%;
     /* Inner shadow on top and left side for glass effect */
     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
     border: 1px solid #fff;
     transition: all 0.3s ease;
 }

 .prevent-card:hover {
     box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
     transform: translateY(-5px);
 }

 .prevent-icon-wrap {
     width: 65px;
     height: 65px;
     border-radius: 50%;
     background-color: #ffffff;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 25px;
     color: #111111;
 }

 .prevent-card-title {
     font-size: 22px;
     font-weight: 700;
     color: #222222;
     margin-bottom: 15px;
 }

 .prevent-card-text {
     font-size: 15px;
     color: #555555;
     line-height: 1.6;
     margin-bottom: 0;
 }

 .cat-prevent-card {
     background-color: #fff;
     border-radius: 40px 0px 16px 0px;
     padding: 30px;
     border: 2px solid transparent;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
     height: 100%;
     display: flex;
     flex-direction: column;
     transition: all 0.3s ease;
 }

 .cat-prevent-card:hover {
     border-color: #EE802C;
 }

 .cat-prevent-icon {
     width: 50px;
     height: 50px;
     background-color: #FFF0E6;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #222;
     margin-bottom: 20px;
     transition: all 0.3s ease;
 }

 .cat-prevent-card:hover .cat-prevent-icon {
     background-color: #EE802C;
     color: white;
 }

 .cat-prevent-card:hover .cat-prevent-icon img {
     filter: brightness(0) invert(1);
 }

 .bird-type-card {
     background-color: #fff;
     border-radius: 12px;
     border: 2px solid transparent;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
     overflow: hidden;
     height: 100%;
     display: flex;
     flex-direction: column;
     transition: all 0.3s ease;
 }

 .bird-type-card:hover {
     border-color: #EE802C;
 }

 .bird-type-img-box {
     width: 100%;
     height: 180px;
     overflow: hidden;
 }

 .bird-type-img-box img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .bird-type-card-body {
     padding: 20px;
     background-color: #fff;
     flex-grow: 1;
     transition: all 0.3s ease;
 }

 .bird-type-card:hover .bird-type-card-body {
     background-color: #EE802C;
 }

 .bird-type-card-title {
     font-size: 18px;
     font-weight: 700;
     color: #222;
     margin-bottom: 10px;
     transition: all 0.3s ease;
 }

 .bird-type-card-text {
     font-size: 13px;
     color: #666;
     line-height: 1.5;
     margin-bottom: 0;
     transition: all 0.3s ease;
 }

 .bird-type-card:hover .bird-type-card-title,
 .bird-type-card:hover .bird-type-card-text {
     color: #fff;
 }

 .bird-sign-card {
     background-color: #fff;
     border-radius: 12px;
     border: 1px solid #eaeaea;
     padding: 30px 20px;
     height: 100%;
     transition: all 0.3s ease;
 }

 .bird-sign-card:hover {
     border-color: #EE802C;
 }

 .bird-sign-icon-box {
     width: 44px;
     height: 44px;
     background-color: #f5f5f5;
     border-radius: 8px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #333;
     margin-bottom: 25px;
     transition: all 0.3s ease;
 }

 .bird-sign-card:hover .bird-sign-icon-box {
     background-color: #EE802C;
     color: #fff;
 }

 .bird-sign-card-title {
     font-size: 16px;
     font-weight: 700;
     color: #222;
     margin-bottom: 12px;
 }

 .bird-sign-card-text {
     font-size: 13px;
     color: #666;
     line-height: 1.6;
     margin-bottom: 0;
 }

 .bird-prevent-slider-card {
     background-color: #fff;
     border-radius: 12px;
     border: 1px solid #eaeaea;
     padding: 45px 25px 30px;
     text-align: center;
     position: relative;
     margin-top: 35px;
     margin-bottom: 30px;
     transition: all 0.3s ease;
     height: 100%;
 }

 .bird-prevent-slider-card:hover {
     border-color: #EE802C;
 }

 .bird-prevent-icon-circle {
     width: 60px;
     height: 60px;
     background-color: #f5f5f5;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     top: -30px;
     left: 50%;
     transform: translateX(-50%);
     transition: all 0.3s ease;
     color: #333;
 }

 .bird-prevent-slider-card:hover .bird-prevent-icon-circle {
     background-color: #EE802C;
     color: #fff;
 }

 .bird-prevent-title {
     font-size: 18px;
     font-weight: 700;
     color: #222;
     margin-bottom: 12px;
 }

 .bird-prevent-text {
     font-size: 13px;
     color: #666;
     line-height: 1.6;
     margin-bottom: 0;
 }

 .rabbit-allergy-text-card {
     background-color: #EE802C;
     border-radius: 12px;
     padding: 40px;
     position: relative;
     overflow: hidden;
     height: 400px;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
 }

 .rabbit-allergy-text-card .bg-number {
     position: absolute;
     top: 30px;
     left: 30px;
     font-size: 110px;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.15);
     line-height: 1;
     margin: 0;
 }

 .rabbit-allergy-text-card h4 {
     color: #fff;
     font-size: 22px;
     font-weight: 600;
     margin-bottom: 12px;
     position: relative;
     z-index: 2;
 }

 .rabbit-allergy-text-card p {
     color: rgba(255, 255, 255, 0.95);
     font-size: 15px;
     line-height: 1.6;
     margin-bottom: 0;
     position: relative;
     z-index: 2;
 }

 .rabbit-allergy-image-card {
     border-radius: 12px;
     overflow: hidden;
     height: 400px;
     width: 100%;
 }

 .rabbit-allergy-image-card img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 /* Ensure equal height in slick slider */
 .rabbit-types-slider-container .slick-track {
     display: flex !important;
     align-items: center;
 }

 .rabbit-signs-card {
     background-color: #fff;
     border-radius: 8px;
     border: 1px solid #eaeaea;
     padding: 30px;
     transition: all 0.3s ease;
     height: 100%;
 }

 .rabbit-signs-card:hover {
     border-color: #EE802C;
 }

 .rabbit-signs-card .icon-circle {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     border: 1px solid #eaeaea;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 0 25px 0;
     transition: all 0.3s ease;
     color: #333;
 }

 .rabbit-signs-card .icon-circle svg {
     width: 28px;
     height: 28px;
     transition: all 0.3s ease;
 }

 .rabbit-signs-card:hover .icon-circle {
     background-color: #EE802C;
     border-color: #EE802C;
     color: #fff;
 }

 .rabbit-signs-card h4 {
     font-size: 20px;
     font-weight: 600;
     color: #333;
     margin-bottom: 15px;
 }

 .rabbit-signs-card p {
     font-size: 14px;
     color: #666;
     line-height: 1.6;
     margin-bottom: 0;
 }

 .prevent-accordion-icon {
     width: 44px;
     height: 44px;
     border-radius: 8px;
     background-color: #f7f8fa;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #333;
     transition: all 0.3s ease;
 }

 .sign-item.active .prevent-accordion-icon {
     background-color: #EE802C;
     color: #fff;
 }

 .rabbit-types-slider-container .slick-slide {
     display: flex !important;
     align-items: center;
     padding: 0 10px;
 }

 /* Fish Expanding Gallery Component */
 .fish-gallery-container {
     height: 380px;
     width: 100%;
 }

 .fish-gallery-card {
     flex: 1;
     position: relative;
     border-radius: 12px;
     overflow: hidden;
     cursor: pointer;
     transition: all 0.4s ease-in-out;
     display: flex;
     align-items: flex-end;
 }

 .fish-gallery-card.active {
     flex: 3;
 }

 .fish-gallery-bg {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     z-index: 1;
 }

 .fish-gallery-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%);
     z-index: 2;
     transition: background 0.4s ease;
 }

 .fish-gallery-card:not(.active) .fish-gallery-overlay {
     background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.3) 100%);
 }

 .fish-gallery-content {
     position: relative;
     z-index: 3;
     padding: 24px;
     color: white;
     width: 100%;
 }

 .fish-gallery-title {
     font-size: 20px;
     font-weight: 600;
     margin-bottom: 0;
     color: white;
     line-height: 1.3;
 }

 .fish-gallery-desc {
     font-size: 14px;
     color: rgba(255, 255, 255, 0.9);
     line-height: 1.5;
     animation: fadeIn 0.5s ease-in forwards;
 }

 /* Fish Signs Cards */
 .fish-signs-card {
     background: #fff;
     border: 1px solid #eaeaea;
     border-radius: 12px;
     padding: 30px;
     height: 100%;
     transition: all 0.3s ease;
     cursor: pointer;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
 }

 .fish-signs-card:hover {
     border: 1px solid #EB7A27 !important;
     box-shadow: 0 8px 25px rgba(235, 122, 39, 0.2) !important;
     transform: translateY(-5px);
 }

 .fish-signs-icon-box {
     width: 50px;
     height: 50px;
     background-color: #EB7A27;
     border-radius: 16px 16px 16px 0;
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
     margin-bottom: 24px;
 }

 .fish-signs-card h4 {
     font-size: 18px;
     font-weight: 600;
     color: #333;
     margin-bottom: 15px;
 }

 .fish-signs-card p {
     font-size: 14px;
     color: #666;
     line-height: 1.6;
     margin-bottom: 0;
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(10px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 /* Prevent Grid Cards */
 .prevent-grid-card {
     background: #fff;
     border: 1px solid #eaeaea;
     border-radius: 12px;
     padding: 30px;
     transition: all 0.3s ease;
     height: 100%;
     cursor: pointer;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
 }

 .prevent-grid-card.active,
 .prevent-grid-card:hover {
     background: #EB7A27;
     border-color: #EB7A27;
     box-shadow: 0 8px 25px rgba(235, 122, 39, 0.2);
     transform: translateY(-5px);
 }

 .prevent-grid-icon-circle {
     width: 48px;
     height: 48px;
     border-radius: 50%;
     background: #EB7A27;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 20px;
     color: white;
     transition: all 0.3s ease;
 }

 .prevent-grid-card.active .prevent-grid-icon-circle,
 .prevent-grid-card:hover .prevent-grid-icon-circle {
     background: #fff;
     color: #EB7A27;
 }

 .prevent-grid-card h4 {
     font-size: 18px;
     font-weight: 600;
     color: #333;
     margin-bottom: 12px;
     transition: color 0.3s ease;
 }

 .prevent-grid-card.active h4,
 .prevent-grid-card:hover h4 {
     color: #fff;
 }

 .prevent-grid-card p {
     font-size: 14px;
     color: #666;
     line-height: 1.6;
     margin-bottom: 0;
     transition: color 0.3s ease;
 }

 .prevent-grid-card.active p,
 .prevent-grid-card:hover p {
     color: rgba(255, 255, 255, 0.9);
 }

 /* Pets We Help Slider */
 .pet-help-card {
     border-radius: 16px;
     overflow: hidden;
     position: relative;
     height: 100%;
     background: #fff;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
     display: flex;
     flex-direction: column;
 }

 .pet-help-card img {
     width: 100%;
     height: 250px;
     object-fit: cover;
 }

 .pet-help-overlay-card {
     padding: 20px;
     background: #fff;
     flex-grow: 1;
     display: flex;
     flex-direction: column;
 }

 .pet-help-overlay-card h4 {
     font-size: 18px;
     font-weight: 700;
     color: #333;
     margin-bottom: 8px;
 }

 .pet-help-overlay-card p {
     font-size: 13px;
     color: #666;
     margin-bottom: 0;
     line-height: 1.5;
 }

 /* Symptoms List Layout */
 .symptom-list-card {
     padding-bottom: 24px;
     border-bottom: 1px solid #eaeaea;
     height: 100%;
 }

 @media (min-width: 992px) {

     /* Remove border from the last two elements in the grid (bottom row) */
     .col-lg-6:nth-last-child(-n+2) .symptom-list-card {
         border-bottom: none;
         padding-bottom: 0;
     }
 }

 @media (max-width: 991px) {

     /* On mobile, only remove border from the very last element */
     .col-lg-6:last-child .symptom-list-card {
         border-bottom: none;
         padding-bottom: 0;
     }
 }

 .symptom-icon-box {
     width: 60px;
     height: 60px;
     background-color: #EB7A27;
     border-radius: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
 }

 .symptom-title {
     font-size: 18px;
     font-weight: 700;
     color: #333;
     margin-bottom: 8px;
 }

 .symptom-desc {
     font-size: 14px;
     line-height: 1.6;
     color: #666;
 }

 @media (max-width: 768px) {
     .fish-gallery-container {
         flex-direction: column;
         height: 600px;
     }

     .fish-gallery-card.active {
         flex: 2;
     }
 }

 /* Why Choose Us Cards */
 .why-choose-card {
     background: #fff;
     border-radius: 12px;
     padding: 30px 24px;
     box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
     height: 100%;
     transition: all 0.3s ease;
 }

 .why-choose-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
 }

 .why-choose-icon-box {
     width: 48px;
     height: 48px;
     background-color: #EB7A27;
     border-radius: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
     margin-bottom: 24px;
 }

 .why-choose-title {
     font-size: 18px;
     font-weight: 700;
     color: #333;
     margin-bottom: 12px;
 }

 .why-choose-desc {
     font-size: 13px;
     color: #666;
     line-height: 1.6;
     margin-bottom: 0;
 }

 /* Helpful Care Tips */
 .care-tip-card {
     background: #fff;
     border: 1px solid #eaeaea;
     border-radius: 16px;
     padding: 24px;
     height: 100%;
     transition: all 0.3s ease;
 }

 .care-tip-card:hover {
     border-color: #EB7A27;
 }

 .care-tip-icon {
     width: 40px;
     height: 40px;
     background-color: #EB7A27;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
     margin-bottom: 20px;
 }

 .care-tip-title {
     font-size: 18px;
     font-weight: 700;
     color: #333;
     margin-bottom: 12px;
 }

 .care-tip-desc {
     font-size: 13px;
     color: #666;
     line-height: 1.6;
     margin-bottom: 0;
 }

 /* Dogs Care Hero Section */
 .dogs-care-hero-section {
     background-image: url('/img/dogs-care-background.png');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     height: 450px;
     position: relative;
     border-bottom-left-radius: 70px;
     border-bottom-right-radius: 70px;
     overflow: hidden;
     margin-bottom: 40px;
 }

 @media (max-width: 768px) {
     .dogs-care-hero-section {
         height: 300px;
         border-bottom-left-radius: 20px;
         border-bottom-right-radius: 20px;
     }
 }

 .dogs-care-hero-section::before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     height: 60%;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);
     pointer-events: none;
 }

 .dogs-care-hero-content {
     position: absolute;
     bottom: 40px;
     left: 0;
     right: 0;
     text-align: center;
     z-index: 1;
 }

 .dogs-care-title {
     font-size: 42px;
     text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
     margin: 0;
     letter-spacing: 0.5px;
 }

 .rabbit-types-slider-container .slick-slide>div {
     width: 100%;
 }

 /* Dogs Categories Section */
 .dog-category-card {
     display: flex;
     flex-direction: column;
     align-items: center;
     cursor: pointer;
     transition: transform 0.3s ease;
 }

 .dog-category-card:hover {
     transform: translateY(-5px);
 }

 .dog-category-img-box {
     width: 180px;
     height: 180px;
     border-radius: 50%;
     overflow: hidden;
     margin: 0 auto;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
     border: 4px solid #fff;
     transition: border-color 0.3s ease;
 }

 .dog-category-card:hover .dog-category-img-box {
     border-color: #EB7A27;
 }

 .dog-category-img-box img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .dog-category-title {
     font-size: 16px;
     font-weight: 600;
     color: #333;
 }

 /* Featured Guide Section */
 .featured-guide-card {
     background: #fff;
     border-radius: 16px;
     border: 1px solid #f0f0f0;
     box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
     padding: 20px;
 }

 .featured-guide-img-wrapper {
     height: 100%;
     border-radius: 12px;
     overflow: hidden;
     min-height: 250px;
 }

 .featured-guide-img-wrapper img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .featured-guide-content {
     padding: 20px 20px 20px 40px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     height: 100%;
 }

 @media (max-width: 991px) {
     .featured-guide-content {
         padding: 30px 10px 10px 10px;
     }
 }

 .featured-badge {
     background-color: #EB7A27;
     color: white;
     padding: 6px 16px;
     border-radius: 20px;
     font-size: 18px;
     font-weight: 600;
     display: inline-flex;
     align-items: center;
 }

 .featured-guide-title {
     font-size: 32px;
     font-weight: 700;
     color: #333;
     margin-bottom: 16px;
 }

 .featured-guide-desc {
     font-size: 16px;
     color: #666;
     line-height: 1.6;
     margin-bottom: 30px;
 }

 .featured-guide-meta {
     display: flex;
     gap: 40px;
     padding-top: 24px;
     border-top: 1px solid #eaeaea;
 }

 .meta-item {
     display: flex;
     flex-direction: column;
 }

 .meta-label {
     font-size: 12px;
     color: #888;
     margin-bottom: 4px;
 }

 .meta-value {
     font-size: 15px;
     font-weight: 700;
     color: #333;
 }

 /* Article Card Section */
 .article-cards-section .section-heading {
     font-size: 28px;
     color: #333;
     margin-bottom: 24px;
 }

 .article-card {
     display: flex;
     flex-direction: column;
     height: 100%;
 }

 .article-card-img {
     border-radius: 12px;
     overflow: hidden;
     aspect-ratio: 4/3;
 }

 .article-card-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.3s ease;
 }

 .article-card:hover .article-card-img img {
     transform: scale(1.05);
 }

 .article-card-title {
     font-size: 22px;
     font-weight: 700;
     color: #222;
     line-height: 1.4;
     margin-bottom: 12px;
 }

 .article-card-desc {
     font-size: 16px;
     line-height: 1.6;
     margin-bottom: 16px;
     flex-grow: 1;
     font-weight: 300
 }

 .article-read-more {
     font-size: 17px;
     font-weight: 700;
     color: #222;
     text-decoration: none;
     display: inline-flex;
     align-items: center;
     transition: color 0.3s ease;
     margin-top: auto;
 }

 .article-read-more:hover {
     color: #EB7A27;
 }

 .read-more-arrow-svg {
     transition: transform 0.3s ease;
 }

 .article-read-more:hover .read-more-arrow-svg {
     transform: translate(2px, -2px);
 }

 /* Explore Pets Section Animations */
 .explore-pet-item {
     cursor: pointer;
     transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }

 .explore-pet-item:hover {
     transform: translateY(-10px);
 }

 .explore-pet-img-box {
     transition: box-shadow 0.3s ease;
 }

 .explore-pet-item:hover .explore-pet-img-box {
     box-shadow: 0 15px 30px rgba(235, 122, 39, 0.2) !important;
 }

 .explore-pet-name {
     transition: color 0.3s ease, font-weight 0.3s ease;
 }

 .explore-pet-item:hover .explore-pet-name {
     color: #EB7A27 !important;
     font-weight: 600 !important;
 }

 /* Food & Nutrition Page CSS */
 .food-nutrition-hero {
     background-image: url('/img/pet-14.jpg');
     background-size: cover;
     background-position: center;
     height: 450px;
     border-bottom-left-radius: 40px;
     border-bottom-right-radius: 40px;
     position: relative;
     display: flex;
     align-items: flex-end;
     justify-content: center;
 }

 .food-nutrition-hero::before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 60%;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
     border-bottom-left-radius: 40px;
     border-bottom-right-radius: 40px;
 }

 .food-nutrition-hero .hero-content {
     position: relative;
     z-index: 1;
 }

 .rabbit-text-slide-wrapper {
     width: 360px !important;
     max-width: 85vw;
 }

 .rabbit-img-slide-wrapper {
     width: 520px !important;
     max-width: 90vw;
     display: flex !important;
     align-items: center;
     height: 400px;
 }

 /* Width Container Class */
 .width-container {
     width: 85%;
     margin: auto;
 }

 @media (max-width: 991px) {
     section.dog-allergy-severity-section.pt-10.pb-5 {
         padding: 30px 0px !important;
     }

     .text-center.mb-12 {
         margin-bottom: 20px !important;
     }

     .d-block.d-lg-none.mt-5.allergy-signs-slider-container {
         margin-top: 0px !important;
     }

     .pt-10 {
         padding-top: 20px !important;
     }

     .sign-card h4 {
         margin-bottom: 0px !important;
     }

     .sign-card {
         text-align: left;
     }

     .dog-allergy-signs-section .slick-slide.slick-active {
         padding: 0px;
     }

     .dog-allergy-signs-section .slick-slide.slick-active.slick-current {
         margin-left: 50px;
         width: 263px !important;
     }

     section.dog-allergy-signs-section.pt-10.pb-5.bg-white {
         padding: 30px 0px !important;
     }

     .allergy-slider-container {
         padding-bottom: 0px !important;
     }

     section.dog-allergy-types-section.pb-5.pt-10 {
         padding: 20px 0px !important;
     }

     .related-pet-issue-card-item.d-flex.flex-column {
         padding-bottom: 0px !important;
     }

     .px-2.pb-4 {
         padding-bottom: 0px !important;
     }

     h3.related-pet-issue-card-title {
         font-size: 15px !important
     }

     h2.related-dog-issues-title.text-black.mb-6 {
         margin-bottom: 7px !important;
     }

     section.vet-immediately-section.pt-10 {
         padding-top: 0px !important;
     }

     .vet-card-icon {
         margin-bottom: 30px;
     }

     .vet-card {
         margin: 5px;
         display: block;
         margin-bottom: 0px !important;

         text-align: left;
     }

     .width-container {
         width: 90% !important;
     }

     /* Dog Allergy Hero Mobile Styles */
     .dog-allergy-hero-section {
         padding: 40px 0 !important;
         text-align: center !important;
     }

     .dog-allergy-hero-section h1 {
         font-size: 28px !important;
         line-height: 1.3 !important;
         text-align: center !important;
         margin-bottom: 15px !important;
     }

     .dog-allergy-hero-desc {
         text-align: center !important;
         margin: 0 auto 20px auto !important;
         font-size: 14.5px !important;
     }

     .dog-allergy-consult-btn {
         margin: 0 auto 20px auto !important;
         display: inline-flex !important;
         font-size: 16px !important;
         padding: 4px 4px 4px 20px !important;
     }

     .dog-allergy-consult-btn .arrow-icon {
         width: 36px !important;
         height: 36px !important;
         font-size: 16px !important;
     }

     .dog-allergy-stats {
         justify-content: center !important;
         gap: 15px !important;
         padding-top: 10px !important;
         margin-bottom: 30px !important;
     }

     .stat-item {
         text-align: center !important;
         flex: 1 !important;
     }

     .stat-label {
         font-size: 11px !important;
     }

     .stat-value {
         font-size: 24px !important;
     }

     .stat-divider {
         height: auto !important;
         align-self: stretch;
     }

     /* Dog Allergy Severity Mobile Styles */
     .mild-card {
         border-color: #21c965 !important;
     }

     .moderate-card {
         border-color: #f5a623 !important;
     }

     .emergency-card {
         border-color: #ef4b4b !important;
     }

     .severity-badge {
         top: -18px !important;
         border-radius: 30px !important;
         padding: 6px 30px !important;
         font-size: 14px !important;
     }

     /* Common Signs Accordion Mobile Styles */
     .sign-item {
         padding: 15px 20px !important;
         margin-bottom: 12px !important;
     }

     .sign-item-title {
         font-size: 16px !important;
     }

     .sign-item-body p {
         font-size: 13.5px !important;
     }

     /* Sliders Spacing on Mobile */
     .vet-slider-container,
     .prevent-slider-container,
     .related-dog-issues-slider,
     .related-slider-container {
         padding: 10px 0 35px 0 !important;
     }

     /* Centering and Mobile Sliders/Mockups Layout */
     .related-dog-issues-section .related-dog-issues-title {
         text-align: center !important;
         font-size: 24px !important;
         margin-bottom: 24px !important;
     }

     .related-articles-section h2 {
         text-align: center !important;
         font-size: 24px !important;
         margin-bottom: 24px !important;
     }

     .related-articles-section {
         overflow: hidden !important;
     }

     .related-articles-section .slick-list {
         overflow: visible !important;
     }

     /* Download App Section Mobile Overrides */
     .download-app-left h2 {
         text-align: center !important;
         font-size: 22px !important;
         margin-bottom: 20px !important;
     }

     section.pet-issues-section-wrapper.pb-10 {
         margin: 0px;
     }

     .download-qr-wrap {
         display: none !important;
     }

     .download-app-cta {
         display: flex !important;
         justify-content: center !important;
         align-items: center !important;
         width: 100% !important;
         margin-top: 0px !important;
     }

     .download-store-buttons {
         flex-direction: row !important;
         justify-content: center !important;
         align-items: center !important;
         width: 100% !important;
         gap: 12px !important;
     }

     .download-store-btn {
         margin-left: 0 !important;
     }

     .download-app-right {
         min-height: 380px !important;
         position: relative !important;
         width: 100% !important;
         display: flex !important;
         justify-content: center !important;
         align-items: flex-end !important;
         margin-top: 0px !important;
     }

     h2.fw-bolder.fs-34.text-center.mb-10 {
         font-size: 17px !important;
         margin-bottom: 19px !important;
     }

     .da-phone-mockup {
         left: 50% !important;
         transform: translateX(-65%) !important;
         height: 340px !important;
         bottom: 0 !important;
         position: absolute !important;
     }

     .da-standing-man {
         left: 50% !important;
         right: auto !important;
         transform: translateX(-15%) !important;
         height: 310px !important;
         bottom: 0 !important;
         position: absolute !important;
     }
 }

 @media (max-width: 480px) {
     .download-app-right {
         min-height: 280px !important;
     }

     .da-phone-mockup {
         height: 250px !important;
     }

     .da-standing-man {
         height: 220px !important;
     }
 }

 /* ==========================================================================
   Blog Page Styles
   ========================================================================== */
 .blog-page {
     font-family: 'Inter', sans-serif;
     padding-top: 40px;
     padding-bottom: 60px;
     color: #333;
 }

 .blog-header {
     text-align: center;
     margin-bottom: 40px;
 }

 .blog-header h1 {
     font-weight: 700;
     margin-bottom: 15px;
 }

 .blog-header p {
     color: #666;
     max-width: 700px;
     margin: 0 auto 25px;
     line-height: 1.5;
 }

 .search-bar {
     display: flex;
     max-width: 600px;
     margin: 0 auto;
     gap: 15px;
 }

 .search-input-wrap {
     flex: 1;
     position: relative;
     display: flex;
     align-items: center;
 }

 .search-input-wrap .search-icon {
     position: absolute;
     left: 15px;
     display: flex;
     align-items: center;
     pointer-events: none;
 }

 .search-bar input {
     width: 100%;
     padding: 12px 20px 12px 55px !important;
     border: none !important;
     border-radius: 8px;
     outline: none !important;
     background: #fff !important;
     box-shadow: 0 2px 15px rgba(0, 0, 0, 0.04);
 }

 .search-bar button {
     background: #ED7F26;
     color: white;
     border: none;
     border-radius: 8px;
     font-weight: 600;
     cursor: pointer;
     padding: 10px 30px !important;
 }

 .section-title {
     font-weight: 700;
     margin-top: 40px;
     margin-bottom: 20px;
     font-size: 1.5rem;
 }

 /* Latest Blog (Featured) */
 .featured-blog {
     padding: 20px;
     display: flex;
     background: #fff;
     /* border: 1px solid #eee; */
     border-radius: 12px;
     overflow: hidden;
     box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
     margin-bottom: 40px;
     cursor: pointer;
     position: relative;
 }

 .featured-img-wrap img {
     height: 330px !important;
 }

 .featured-img-wrap {
     flex: 1;
     min-height: 250px;
     background: #f9f9f9;
 }

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

 .featured-content {
     flex: 1;
     padding: 30px;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .blog-meta {
     font-size: 0.85rem;
     color: #888;
     margin-bottom: 10px;
     display: flex;
     gap: 15px;
 }

 .blog-meta span {
     display: inline-flex;
     align-items: center;
     gap: 5px;
     font-size: 15px;
 }

 .blog-title {
     font-size: 1.4rem;
     font-weight: 700;
     margin-bottom: 15px;
     line-height: 1.3;
     color: #222;
 }

 .blog-excerpt {
     color: #555;
     font-size: 17px;
     margin-bottom: 20px;
     line-height: 1.6;
 }

 .blog-footer-meta strong {
     font-size: 14px;
     color: #474747 !important;

 }

 .blog-footer-meta {
     padding-top: 0px !important;
     color: #000 !important;
 }

 .read-more {
     color: #ED7F26;
     text-decoration: none;
     font-weight: 600;
 }

 .blog-footer-meta {
     display: flex;
     justify-content: space-between;
     /* border-top: 1px solid #eee; */
     padding-top: 15px;
     margin-top: auto;
     font-size: 0.85rem;
     color: #666;
 }

 /* Categories */
 .categories-slider-wrap {
     margin-bottom: 60px;
     padding-bottom: 20px;
 }

 .cat-item {
     display: flex !important;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     gap: 3px;
     cursor: pointer;
     outline: none;
     color: #000 !important;
 }

 .cat-icon {
     width: 36px;
     height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #333;
     margin: 0 auto;
 }

 .cat-icon svg {
     width: 28px;
     height: 28px;
     fill: none;
     stroke: currentColor;
     stroke-width: 1.5;
     stroke-linecap: round;
     stroke-linejoin: round;
 }

 .cat-item span {
     font-size: 16px;
     text-align: center;
     font-weight: 500;
 }

 .cat-item.selected-cat span {
     font-weight: 700;
     color: #E25D24 !important;
 }

 /* Horizontal List Cards */
 .list-card {
     display: flex;
     background: #fff;
     border: 1px solid #eee;
     border-radius: 12px;
     overflow: hidden;
     margin-bottom: 20px;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
     cursor: pointer;
 }

 .list-card .img-wrap {
     width: 400px;
     flex-shrink: 0;
 }

 .list-card .img-wrap img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .list-card .content {
     padding: 14px;
     display: flex;
     flex-direction: column;
     flex: 1;
 }

 .list-card .blog-title {
     font-size: 1.2rem;
 }

 .load-more-wrap {
     text-align: center;
     margin: 30px 0;
 }

 .load-more-btn {
     background: #ED7F26;
     color: white;
     border: none;
     padding: 10px 30px;
     border-radius: 20px;
     font-weight: 600;
     cursor: pointer;
 }

 /* Vertical Grid Cards */
 .grid-row {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 20px;
 }

 .grid-card {
     background: #fff;
     /* border: 1px solid #eee; */
     border-radius: 12px;
     overflow: hidden;
     box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
     display: flex;
     flex-direction: column;
     cursor: pointer;
     padding: 20px;
 }

 .grid-card .img-wrap {
     height: 180px;
 }

 .grid-card .img-wrap img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .grid-card .content {
     padding: 20px;
     display: flex;
     flex-direction: column;
     flex: 1;
 }

 .grid-card .blog-title {
     font-size: 20px;
 }

 .ad-banner img {
     width: 100%;
     border-radius: 12px;
 }

 .bd-text-content a {
     color: rgb(238, 128, 44) !important;
     word-break: break-all;
     overflow-wrap: anywhere;
     white-space: normal;
     display: inline-block;
     max-width: 100%;
 }

 .list-card {
     padding: 15px;
 }

 .blog-excerpt {
     font-size: 16px !important;
 }

 .content {
     padding-bottom: 0px !important;
 }

 .explore-pet-img-box.rounded-circle.mx-auto.mb-3 {
     height: 90px !important;
     width: 90px !important;
 }

 @media (max-width: 991px) {
     .detail-content ul li {
         line-height: 17px !important;
     }

     .detail-content img {
         width: 100% !important;
     }

     .featured-img-wrap img {
         height: 220px !important;
     }


     h1.dogs-care-title.text-white.fw-bold.pb-5 {
         font-size: 35px !important;
     }

     .icon-circle {
         width: 54px !important;
         height: 54px !important;
         margin-bottom: 10px !important;
     }

     h5.mb-0.fw-bold.contact-h5 {
         font-size: 12px !important;
     }

     .content {
         padding-bottom: 10px !important;
     }

     .bd-newsletter-form button {
         padding: 0 29px !important;
     }

     .bd-newsletter-form input {
         padding: 14px 14px !important;
         font-size: 15px !important;
     }

     .bd-title {
         font-size: 24px !important;
     }

     .grid-card {
         padding: 10px !important;
     }

     .bd-meta-label {
         font-size: 13px !important;
     }

     .contact-h5 {
         font-size: 14px !important;
         word-break: break-word;
     }

     .bd-meta-value {
         font-size: 15px !important;
     }

     .featured-blog {
         padding: 10px !important;
     }

     .list-card {
         padding: 10px;
     }

     .cat-item span {
         font-size: 11px !important;
     }

     .blog-footer-meta {
         font-size: 14px !important;
     }

     .featured-content {
         padding: 12px !important;
     }

     .blog-title {
         font-size: 19px !important;
     }

     .search-bar input {
         width: 100% !important;
     }

     .search-bar {
         display: flex !important;
     }

     .da-phone-mockup {
         left: 60% !important;
     }

     .pet-dropdown-container option {
         text-align: center;
     }

     /* .slick-slide {
         width: 250px !important;
     } */



     .featured-blog {
         flex-direction: column;
     }

     .featured-badge-wrapper {
         position: absolute;
         top: 20px;
         right: 20px;
         z-index: 10;
         margin-bottom: 0 !important;
     }

     .featured-img-wrap {
         min-height: 200px;
     }

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

     .list-card .img-wrap {
         width: 100%;
         height: 200px;
     }

     .grid-row {
         grid-template-columns: 1fr;
     }
 }

 /* ==========================================================================
   Blog Detail Page Styles
   ========================================================================== */
 .blog-detail-page {
     font-family: 'Inter', sans-serif;
     padding-top: 40px;
     padding-bottom: 60px;
     color: #333;
 }

 .bd-header-wrap {
     margin-bottom: 30px;
 }

 .bd-title {
     font-size: 34px;
     font-weight: 600;
     line-height: 1.2;
     margin-bottom: 25px;
     color: #222;
 }

 .bd-meta-row {
     display: flex;
     justify-content: space-between;
     align-items: center;
     /* border-top: 1px solid #eee;
    border-bottom: 1px solid #eee; */
     padding: 15px 0;
 }

 .bd-meta-info {
     display: flex;
     gap: 40px;
 }

 .bd-meta-col {
     display: flex;
     flex-direction: column;
 }

 .bd-meta-label {
     font-size: 0.85rem;
     color: #888;
     margin-bottom: 5px;
 }

 .bd-meta-value {
     font-size: 1rem;
     font-weight: 600;
     color: #333;
 }

 .bd-share-wrap {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }

 .bd-share-icons {
     display: flex;
     gap: 10px;
     margin-top: 5px;
 }

 .bd-icon {
     width: 32px;
     height: 32px;
     border-radius: 10px;
     background: #FFF4ED;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     transition: background 0.3s;
 }

 .bd-icon:hover {
     background: #e0e0e0;
 }

 .bd-icon svg {
     width: 16px;
     height: 16px;
     fill: #333;
 }

 .bd-banner {
     margin-bottom: 40px;
 }

 .bd-banner img {
     width: 100%;
     border-radius: 12px;
     object-fit: cover;
 }

 .bd-content-row {
     display: flex;
 }

 .bd-text-content {
     font-size: 1.05rem;
     line-height: 1.8;
     color: #444;
     width: 100%;
     max-width: 100%;
     overflow-x: hidden;
     word-wrap: break-word;
     overflow-wrap: break-word;
 }

 .bd-text-content p {
     margin-bottom: 0px;
     word-wrap: break-word;
     overflow-wrap: anywhere;
     word-break: break-word;
 }

 .bd-toc-box {
     background: #FFF8F3;
     padding: 25px;
     border-radius: 12px;
     margin-bottom: 30px;
 }

 .bd-toc-title {
     font-size: 1.2rem;
     font-weight: 700;
     margin-bottom: 15px;
 }

 .bd-toc-list {
     list-style: none;
     padding: 0;
     margin: 0;
     max-height: 300px;
     overflow-y: auto;
 }

 .bd-toc-list li {
     font-size: 14px;
     color: #555;
     padding: 10px 0;
     border-bottom: 1px solid #f0e6e0;
     cursor: pointer;
 }

 .bd-toc-list li:last-child {
     border-bottom: none;
 }

 .bd-toc-list li.active {
     font-weight: 700;
     color: #ED7F26;
 }

 .bd-author-box {
     background: #FFF8F3;
     padding: 25px;
     border-radius: 12px;
     text-align: left;
 }

 .bd-author-header {
     display: flex;
     align-items: center;
     gap: 15px;
     margin-bottom: 15px;
 }

 .bd-author-avatar {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     object-fit: cover;
 }

 .bd-author-name {
     font-size: 1.2rem;
     font-weight: 700;
     margin: 0;
 }

 .bd-author-bio {
     font-size: 14px;
     line-height: 1.6;
     color: #555;
     margin: 0;
 }

 .bd-related-blogs {
     margin-top: 60px;
     border-top: 1px solid #eee;
     padding-top: 40px;
 }

 .bd-newsletter {
     margin-top: 60px;
     text-align: center;
     padding: 40px 0;
 }

 .bd-newsletter-title {
     font-size: 2.2rem;
     font-weight: 700;
     margin-bottom: 30px;
     color: #2D3748;
 }

 .bd-newsletter-form {
     display: flex;
     max-width: 600px;
     margin: 0 auto;
     background: #FFF4ED;
     border-radius: 30px;
 }

 .bd-newsletter-form input {
     flex: 1;
     padding: 18px 30px;
     border: none;
     background: transparent;
     outline: none;
     font-size: 16px;
 }

 .bd-newsletter-form button {
     background: #ED7F26;
     color: white;
     border: none;
     padding: 0 40px;
     font-weight: 600;
     cursor: pointer;
     border-radius: 30px;
     font-size: 16px;
 }

 /* Mobile Responsive Adjustments */
 @media (max-width: 991px) {
     .bd-meta-row {
         flex-direction: column;
         align-items: flex-start;
         gap: 20px;
         border-bottom: none;
     }

     .bd-meta-info {
         width: 100%;
         justify-content: space-between;
     }

     .bd-share-wrap {
         align-items: flex-start;
     }

     /* Flex ordering for Mobile: TOC -> Text Content -> Author */
     .bd-content-row {
         flex-direction: column;
     }

     .bd-order-toc {
         order: 1;
         margin-bottom: 20px;
     }

     .bd-main-col {
         order: 2;
     }

     .bd-order-author {
         order: 3;
         margin-top: 20px;
     }

     /* Share icons move below banner */
     .bd-header-wrap .bd-share-wrap {
         display: none;
         /* Hide top share on mobile */
     }

     .bd-banner-share-mobile {
         display: flex;
         align-items: center;
         gap: 15px;
         margin-bottom: 20px;
     }
 }

 @media (min-width: 992px) {
     .bd-banner-share-mobile {
         display: none;
         /* Hide on desktop */
     }
 }

 .download-app-cta {
     display: block;
     justify-content: left;
     align-items: left !important;
 }

 .download-store-buttons {
     flex-direction: row;
     padding-top: 30px;
 }

 .prevent-icon-wrap img {
     width: 10px;
     object-fit: scale-down !important;
     height: 30px !important;
     width: 30px !important;
 }

 @keyframes slideIn {
     from {
         transform: translateX(100%);
     }

     to {
         transform: translateX(0);
     }
 }

 .mobile-sidebar .btn-close::before {
     content: none !important;
 }

 .mobile-nav-item.border-bottom.pb-2 {
     border-color: #0000000d !important;
     padding-bottom: 0px !important;
 }

 .p-3.border-top.bg-light.text-center {
     border-color: #0000000a !important;
 }

 /* Curved Hero Design */
 .curved-hero-section {
     position: relative;
     width: 100%;
     height: 480px;
     background-image: url('https://images.unsplash.com/photo-1589924691995-400dc9ecc119?w=1600&auto=format&fit=crop&q=80');
     background-size: cover;
     background-position: center 30%;
     border-bottom-left-radius: 40px !important;
     border-bottom-right-radius: 40px !important;
     overflow: hidden;
     display: flex;
     align-items: flex-end;
     justify-content: center;
     padding-bottom: 45px;
 }

 @media (max-width: 768px) {
     .curved-hero-section {
         height: 260px;
         padding-bottom: 25px;

     }

     .curved-hero-title {
         font-size: 28px !important;
     }

     .overview-heading {
         font-size: 26px !important;
     }

     .overview-text {
         font-size: 15px !important;
         line-height: 1.6 !important;
     }

     .circular-categories-section {
         padding-top: 30px !important;
     }

     .article-slider-section .custom-article-card {
         margin-bottom: 20px !important;
     }
 }

 .curved-hero-section::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.55) 100%);
     z-index: 1;
 }

 .curved-hero-title {
     position: relative;
     z-index: 2;
     color: #ffffff;
     font-size: 42px;
     font-weight: 700;
     margin: 0;
     text-align: center;
     letter-spacing: -0.5px;
     text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
 }

 /* Overview Design */
 .overview-heading {
     font-size: 34px;
     font-weight: 700;
     color: #212529;
     margin-bottom: 18px;
 }

 .overview-text {
     font-size: 17px;
     line-height: 1.8;
     color: #495057;
     margin: 0;
     font-weight: 400;
 }

 /* Article Grid */
 .custom-article-card {
     background: #ffffff;
     border: none;
     border-radius: 0px;
     overflow: hidden;
     transition: transform 0.3s ease;
     margin-bottom: 40px;
 }

 .custom-article-img-wrapper {
     width: 100%;
     aspect-ratio: 4 / 3;
     border-radius: 12px;
     overflow: hidden;
 }

 .custom-article-img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.4s ease;
 }

 .custom-article-card:hover .custom-article-img {
     transform: scale(1.05);
 }

 .custom-article-title {
     font-size: 18px;
     font-weight: 700;
     color: #212529;
     margin-top: 15px;
     margin-bottom: 10px;
     line-height: 1.4;
 }

 .custom-article-desc {
     font-size: 14px;
     color: #6c757d;
     line-height: 1.6;
     margin-bottom: 14px;
 }

 .custom-read-more {
     color: #212529;
     font-weight: 600;
     font-size: 14px;
     text-decoration: none;
     display: inline-flex;
     align-items: center;
     transition: color 0.2s ease;
 }

 .custom-read-more:hover {
     color: #EE802C;
 }

 .custom-read-more-arrow {
     margin-left: 6px;
     font-size: 15px;
     line-height: 1;
     font-weight: bold;
 }

 /* Circular Category Slider */
 .circular-categories-section {
     border-top: 1px solid #f1f3f5;
     padding-top: 60px;
 }

 .circular-category-item {
     display: flex !important;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     text-align: center;
     cursor: pointer;
     padding: 10px 0;
     outline: none;
 }

 .circular-img-box {
     width: 125px;
     height: 125px;
     border-radius: 50%;
     overflow: hidden;
     border: 3px solid transparent;
     transition: all 0.3s ease;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
     display: flex;
     align-items: center;
     justify-content: center;
     background: #ffffff;
 }

 .circular-img-box img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.3s ease;
 }

 .circular-category-item:hover .circular-img-box {
     transform: translateY(-5px);
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
 }

 .circular-category-item.active .circular-img-box {
     border-color: #EE802C;
     box-shadow: 0 8px 20px rgba(238, 128, 44, 0.25);
 }

 .circular-category-title {
     font-size: 15px;
     font-weight: 500;
     color: #495057;
     margin-top: 15px;
     transition: color 0.2s ease;
 }

 .circular-category-item.active .circular-category-title {
     color: #212529;
     font-weight: 600;
 }

 /* Custom Slick Dots */
 .custom-centered-dots {
     display: flex !important;
     justify-content: center;
     align-items: center;
     list-style: none;
     padding: 0;
     margin-top: 30px;
     gap: 8px;
     width: 100%;
 }

 .custom-centered-dots li {
     margin: 0 !important;
     width: auto !important;
     height: auto !important;
     display: inline-block;
 }

 .custom-centered-dots li button {
     border: none;
     background: #dee2e6;
     width: 10px;
     height: 10px;
     border-radius: 50%;
     font-size: 0;
     line-height: 0;
     color: transparent;
     cursor: pointer;
     padding: 0;
     transition: all 0.3s ease;
     display: block;
     outline: none;
 }

 .custom-centered-dots li button::before {
     content: none !important;
 }

 .custom-centered-dots li.slick-active button {
     background: #EE802C;
     width: 24px;
     border-radius: 5px;
 }

 .shadowssssss {
     box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
 }

 .bg-darks-theme {
     background-color: #EE802C !important;
 }

 .col-lg-6.pe-lg-5.paddign-righ-side {
     padding-right: 80px !important;
 }

 .issued-image-resized img {
     height: 490px;
 }

 @media (max-width: 768px) {

     .dog-category-img-box,
     .circular-img-box {
         width: 90px !important;
         height: 90px !important;
     }

     .circular-category-title,
     .dog-category-title {
         font-size: 13px !important;
     }
 }

 .on-mob-space.chat-bubble-styled.right-bubble.reveal-init.reveal-active strong {
     font-weight: 800 !important
 }

 .on-mob-space.chat-bubble-styled.right-bubble.reveal-init.reveal-active p {
     margin-bottom: 0px !important;
 }

 .list-card .blog-title {
     font-size: 18px !important;
 }

 .blog-excerpt-new {
     font-size: 14px !important;
 }

 .new-sized-footer {
     font-size: 14px !important;
 }

 .ad-banner-card ul li {
     margin-bottom: 5px !important;
 }


 .ad-banner-card a i {
     font-size: 18px !important;
 }

 .mb-4.content-text-area.text-muted {
     color: #000 !important;
     font-size: 16px !important;
 }