/* template-color */
body{
	--brand-blue: #016E96;
	--brand-light-blue: #67A7C0;
	--brand-yellow: #E8EA75;
	--brand-grey:  #eeece8;
	--brand-gray: #b0b0b1;
	--brand-green: #068918;
	--brand-orange: #FF9D00;
	--brand-light-grey: #F4F4F4;
	--button-shadow: 2px 2px 5px 0 rgba(0,0,0,0.15);
	--brand-pale-red: #F37A7A;
	--brand-light-green: #22CB07;
	--brand-theme-color:#fff;
	--brand-theme-universal-color: #000;
}
.bg-light-green{ background: var(--brand-light-grey); }
.box-round-edge-10px{ border-radius: 10px; }
.box-round-edge-20px{ border-radius: 20px; }
.box-round-edge{ border-radius: 50%; }
.text-green{ color: #6BA804; }
.text-blue{ color: var(--brand-blue); }
.scroll-top{
  color: #fff;
}
.skin-color {background-color: #fff !important;}
.chicken_color{color:#F4ABB8;}
.lamb_color{color:#8985BF;}
.fish_color{color:#94CAEB;}
.egg_color{color: #f6d11e;}
.teal_color{color:#9CD4D1;}
.blue_color{color:#006E96;}
.blue_bcolor{background-color:#006E96 !important;}
.white_color{color:#fff!important;}
.teal_bcolor{background-color:#9CD4D1 !important;}
.grey_color{color:#4c4c4c;}
.grey_bcolor{background-color:#4c4c4c;}
.yellow_bcolor{background-color:#EAEA6C !important;}
.yellow_color{color:#EAEA6C;}
.white_color{color:#fff!important;}
.white_bcolor{background-color: #fff;}
.black_color{color:#000;}
.feista_color{color: #F8485E;}
.puppy_chimken_bcolor{background-color:#DE4F76!important;}
.puppy_chimken_color{color: #DE4F76!important;}
.feista_bcolor{background-color: #F8485E;}

.handle-preloader{
	background: #0b749b;
}

.bg-diwali-skin {
	background-color: #fdebc0;
}

.border-pink {
	border: 1px solid #DE4F76 !important;
}

.item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.1rem 0;
}

.blue_color:hover {
	color: #006E96 !important;
}

.lamb_color_hover {
	background: #9CD4D1 !important;
	color: black !important;
}

.lamb_color_hover:hover {
	background: #9CD4D1 !important;
	color: black !important;
}

.bg-list-theme {
	background-color: #0b749b !important;
}

.bg-list-border-theme {
	border: 1px solid #0b749b !important;
}

.color-same-theme-bg {
	color: #0b749b !important;
}

.color-theme-green {
	color :#0b749b !important;
}

.color-list-theme {
	color: #fff !important;
}

.bg-theme {
	background-color: var(--brand-theme-color) !important;
}

.universal-radius {
	border-radius: 14px !important;
}

.color-theme {
	color: var(--brand-theme-universal-color) !important;
}

.bg-diwali-dark-skin {
	background-color: #f2d4b1;
}

.grey-color{
	color:#b0b0b1 !important;
}

.header-top .info li i{
	color: #f7bf39;
}

.border-blue{
	border: 1px solid var(--brand-blue);
}

.shaded-blue{
	background-color: #006e961e;
}

.fs-7 {
	font-size: 12px !important;
}

.fs-8 {
	font-size: 10px !important;
}

.fs-9 {
	font-size: 8px !important;
}

.text-bg-blue {
	background-color: var(--brand-blue);
	color: #fff;
}

.header-top .info li a:hover{
  color: #f7bf39;
}

.header-top .top-right .social-links li a:hover{
  color: #f7bf39;
}

.header-top .top-right .other-links li a:hover{
  color: #f7bf39;
}

.main-header .menu-right-content .btn-box a{
	background: #f7bf39;
}

.main-header .menu-right-content .support-box .icon{
	color: #fd5634;
}

.header-style-one .menu-right-content .support-box h6 a:hover{
  color: #fd5634;
}

.main-header .search-box-btn:hover{
	color: #fd5634;
}

.main-header .search-box-outer .dropdown-menu{
	background: transparent;
}

.header-style-one .menu-right-content .btn-box a:hover{
  background: #fd5634;
}

.banner-carousel .content-box h3{
	color: #333;
}

.theme-btn.btn-one{
	background: #0b749b;
}

.info-section .single-item .icon-box{
	color: #f7bf39;
}

.info-section .single-item h5 a:hover{
  color: #f7bf39;
}

.image_block_one .image-box .icon-box{
	background: #f7bf39;
}

.sec-title h2:before{
	background: #f7bf39;
}

.content_block_one .content-box .text h4{
	color: #fd5634;
}

.list-style-one li:before{
	color: #f7bf39;
}

.chooseus-section .content-box .content-inner{
	background: #f7bf39;
}

.chooseus-section .content-box .content-inner .theme-btn:before{
	background: #fd5634;
}

.gallery-block-one .inner-box h3 a:hover{
	color: #fd5634;
}

.gallery-block-one .inner-box .link a{
	border: 2px solid #f7bf39;
	color: #f7bf39;
}

.gallery-block-one .inner-box .link a:hover{
  background: #f7bf39;
}

.scroll-top{
	background: #f7bf39;
}

.content_block_two .content-box .single-item .icon-box{
	background: #fd5634;
}

.image_block_two .image-box .video-btn a{
	background: #f7bf39;
}

.testimonil-block-one .inner-box .author-thumb .quote{
	background: #f7bf39;
}

.testimonil-block-one .inner-box .author-info .designation{
	color: #fd5634;
}

.testimonil-block-one .inner-box:before{
	background: #f7bf39;
}

.events-block-one .inner-box .image-box .image{
	background: #fd5634;
}

.events-block-one .inner-box .image-box .post-date{
	background: #f7bf39;
}

.events-block-one .inner-box .info li i{
	color: #fd5634;
}

.events-block-one .inner-box h3 a:hover{
  color: #fd5634;
}

.counter-block-one .inner-box .icon-box{
	background: #f7bf39;
}

.news-block-one .inner-box .image-box .post-date{
	background: #fd5634;
}

.news-block-one .inner-box .lower-content .post-info li a:hover{
  color: #fd5634;
}

.news-block-one .inner-box .lower-content .post-info li i{
	color: #f7bf39;
}

.news-block-one .inner-box .lower-content h3 a:hover{
  color: #fd5634;
}

.news-block-one .inner-box .lower-content .link a{
	background: #f7bf39;
}

.news-block-one .inner-box .lower-content .link a:hover{
  background: #fd5634;
}

.cta-section .bg-layer{
	background: #f7bf39;
}

.footer-top .footer-social li a:hover{
  background: #f7bf39;
}

.footer-top .links-widget .links-list li a:hover{
  color: #f7bf39;
}

.footer-top .contact-widget .info li a:hover{
  color: #f7bf39;
}

.footer-top .contact-widget .info li i{
	color: #f7bf39;
}

.footer-top .gallery-widget .image-list li .image{
	background: #fd5634;
}

.footer-bottom p a:hover{
  color: #f7bf39;
}

.header-style-two .header-lower .main-menu .navigation > li.current > a, 
.header-style-two .header-lower .main-menu .navigation > li:hover > a{
	color: #f7bf39;
}

.header-style-two .header-lower .menu-right-content .other-links li a:hover{
	color: #f7bf39;
}

.header-style-two .header-lower .search-box-btn:hover{
  color: #f7bf39;
}

.banner-style-two .social-links li a:hover{
  color: #f7bf39;
}

.banner-style-two .video-box .video-btn a{
	background: #4ba750;
}

.banner-style-two .video-box .link a:hover{
  background: #f7bf39;
}

.content_block_three .content-box .inner .icon-box{
	color: #fd5634;
}

.image_block_three .image-box:after{
	background: #fd5634;
}

.animals-section .single-item .icon-box{
	color: #f7bf39;
}

.animals-section .single-item:hover,
.animals-section .single-item.active-btn{
  background: #f7bf39;
}

.animals-section .single-item:before,
.animals-section .single-item.active-btn:before{
	background: #f7bf39;
}

.video-section .inner-box .video-btn a{
	background: #f7bf39;
}

.gallery-style-two .sec-title{
	background: #fd5634;
}

.gallery-block-two .inner-box .view-box a{
	color: #f7bf39;
}

.pricing-block-one .pricing-table .table-header .icon-box{
	background: #f7bf39;
}

.pricing-block-one .pricing-table .table-header h2{
	color: #fd5634;
}

.pricing-block-one .pricing-table .table-header .icon-box:before{
	background: #fd5634;
}

.news-style-two .sec-title .theme-btn:before{
	background: #fd5634;
}

.news-block-two .inner-box{
	background: #f7bf39;
}

.news-block-two .inner-box .image-box{
	background: #fd5634;
}

.news-block-three .inner-box .post-info li i{
	color: #f7bf39;
}

.news-block-three .inner-box .post-info li a:hover{
  color: #f7bf39;
}

.news-block-three .inner-box .image-box{
	background: #fd5634;
}

.news-block-three .inner-box h3 a:hover{
  color: #fd5634;
}

.page-title .bread-crumb li{
	color: #f7bf39;
}

.page-title .bread-crumb li a{
	color: #f7bf39;
}

.content_block_three .content-box .text h4{
	color: #fd5634;
}

.about-style-three .content_block_three .content-box .theme-btn{
  background: #f7bf39;
}

.team-block-one .inner-box .lower-content h3 span{
	color: #fd5634;
}

.team-block-one .inner-box .lower-content h3 a:hover{
	color: #fd5634;
}

.team-block-one .inner-box .lower-content .social-links li a:hover{
  background: #fd5634;
}

.gallery-page-section .gallery-block-two .inner-box .image-box{
  background: #fd5634;
}

.error-section .inner-box h1{
	color: #fd5634;
}

.news-block-one .inner-box .lower-content .theme-btn:before{
	background: #fd5634;
}

.news-block-one .inner-box .lower-content h2 a:hover{
  color: #fd5634;
}

.blog-sidebar .search-widget{
	background: #f7bf39;
}

.blog-sidebar .search-widget .form-group input:focus + button,
.blog-sidebar .search-widget .form-group button:hover{
  color: #fd5634;
}

.blog-sidebar .post-widget .post .post-thumb{
	background: #f7bf39;
}

.blog-sidebar .post-widget .post-inner .post .post-date i{
	color: #f7bf39;
}

.blog-sidebar .post-widget .post-inner .post .post-date a:hover{
	color: #f7bf39;
}

.blog-sidebar .post-widget .post-inner .post h6 a:hover{
  color: #f7bf39;
}

.blog-sidebar .category-widget .category-list li a:hover i{
  color: #fd5634;
}

.blog-sidebar .tags-widget .tags-list li a:hover{
  background: #f7bf39;
}

.blog-details-content .post-share-option .tags-list li a{
	background: #f7bf39;
}

.blog-details-content .post-share-option .tags-list li a:hover{
	background: #fd5634;
}

.blog-details-content .post-share-option .social-links li a:hover{
  background: #fd5634;
}

.blog-details-content .comment-box .comment .reply-btn{
	background: #fd5634;
}

.blog-details-content .comment-box .comment .reply-btn:hover{
  background: #f7bf39;
}

.default-form .form-group input:focus,
.default-form .form-group textarea:focus{
	border-color: #fd5634 !important;
}

.google-map-section .map-inner .content-box{
	background: #f7bf39;
}

.google-map-section .content-box .inner .icon-box{
	color: #f7bf39;
}

.teal-color{
	color: #0a6c90 !important;
}

.mobile-menu .menu-backdrop{
	background: #000;
}
.bg-blue-gradient-01{
	background: linear-gradient(to right, #30cef2 0%,#30cef2 35%,#066f96 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.bg-grey{ background: var(--brand-grey) }
.border-blue-bottom{ border-bottom: #4a8795 8px solid; }
.border-black-bottom-thin{ border-bottom: #222222 4px solid; }
.light-grey-text{ color: #b8b8b8;  }
.switch-width{ width:280px; }

.bg-green { background-color: #F37A7A; color: var(--brand-light-grey); width:100vw;}
.slash-pricing { text-decoration: line-through; color:grey !important; }
.slash-pricing-double {
    position: relative;
    color: grey; /* Text color */
	text-decoration: line-through;
    overflow: hidden; /* Ensures the line doesn't overflow */
}

.margin-20 { margin-top: 20px !important; }

.box-bg {
	padding: 5px;
	border-radius: 15px;
	max-width: 280px; /* Set max width */
	width: 100%;
}

.category {
	max-width: 280px; /* Constrain each item */
	width: 100%;
}

@media (max-width: 768px) {
	#featured .d-flex {
		overflow-x: auto; /* Enable horizontal scrolling on small screens */
		white-space: nowrap;
	}
}

.pagination li a {
    position: relative;
    display: inline-block;
    font-size: 9px !important;
    height: 35px !important;
    width: 35px !important;
    font-weight: 400;
    line-height: 24px !important;
    border-radius: 2px;
	padding: 5px;
    border: 1px solid #dddddd;
    text-align: center;
    color: #222;
    background: transparent;
    transition: all 500ms ease;
}

  /* Full-screen container for the snow animation */
  #snow-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* Let users interact with the page beneath */
    z-index: 9999;
  }

  /* Style for each snowflake */
  .snowflake {
    position: absolute;
    background: url('https://cdn.pawfectlymade.com/website_ui/banner/christams-banner/Christmas-11.png') no-repeat center;
    background-size: contain;
    z-index: 99999;
    opacity: 1; /* Slight transparency */
    animation: fall linear infinite, sway ease-in-out infinite;
  }

  /* Falling animation: moves the snowflake down the screen */
  @keyframes fall {
    0% {
      transform: translateY(-50px); /* Start above the screen */
    }
    100% {
      transform: translateY(100vh); /* Fall to the bottom of the screen */
    }
  }

  .fw-bolder {
	font-weight: 900 !important;
  }

  .blue-list {
    list-style: none; /* Remove default bullet points */
    padding-left: 1.5rem; /* Add space for the custom bullets */
  }

  .blue-list li::before {
    content: ""; /* Add custom bullet */
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 10px;
    border: 1px solid #006E96; /* Blue border for the bullet */
    border-radius: 50%; /* Make it circular */
    background-color: transparent; /* Optional: Transparent center */
  }

  .polygon-box {
	clip-path: polygon(0 0%, 100% 0, 45% 100%, 0% 100%) !important; 
	border-radius: 7px 0px 0px 7px !important;
  }

  .offcanvas-backdrop.show {
	opacity: 0.87 !important;
  }

  .driver-popover-title {
	font-size: 12px !important;
	margin-top: 15px;
	font-weight: 900;
	color: #006E96;
	line-height: 1;
	text-transform: capitalize;
  }
  .driver-popover-description {
	font-size: 10px !important;
  }

  .driver-popover-next-btn {
	border-radius: 13px !important;
	padding: 7px !important;
  }

  .driver-popover {
	padding: 10px !important;
	border-radius: 15px !important;
  }

  .toggle-container {
	display: flex;
	border-radius: 26px;
	background: #006E96;
	padding: 4px;
	width: 90%;
}

.toggle-option {
	flex: 1;
	padding: 10px 20px;
	cursor: pointer;
	text-align: center;
	color: white;
	font-weight: bold;
	transition: background 0.1s, color 0.3s;
}

.toggle-option.active {
	background: white;
	color: #006E96;
	border-radius: 26px;
}

.toggle-option input {
	display: none; /* Hide default radio buttons */
}

.modal-backdrop.show{
    z-index: 1002 !important;
    opacity: 0.8 !important;
}

.referral-container {
	border-left: 2px dashed #ddd;
	padding-left: 20px;
	position: relative;
}
.step {
	position: relative;
	margin-bottom: 20px;
}
.step-number {
	position: absolute;
	left: -32px;
	top: 0;
	width: 25px;
	height: 25px;
	background-color: white;
	border: 2px solid #ddd;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}
.highlight {
	background-color: #fdecec;
	color: #d9534f;
	padding: 3px 8px;
	border-radius: 5px;
	font-weight: bold;
}

.heart {
	font-size: 20px; /* Smaller size */
	color: red;
	text-shadow: 0 0 5px red, 0 0 10px red;
	animation: glow 2s infinite alternate, pulse 1s infinite alternate;
	display: inline-block;
}

@keyframes glow {
	0% {
		text-shadow: 0 0 5px red, 0 0 10px red;
	}
	100% {
		text-shadow: 0 0 3px red, 0 0 6px red;
	}
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.4);
	}
}

.dog-zoom:hover {
	scale: 1.1;
}
    .arrow-btn {
      background-color: #0A5E47;
      border: none;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      font-size: 17px;
      color: white;
    }
  
    .highlight {
      color: #004C3F;
      font-weight: bold;
    }
  
    .ingredient-icons img {
      width: 60px;
      height: auto;
    }
  
    .ingredient-meter {
      height: 20px;
      background-color: #004C3F;
      border-radius: 40px;
      position: relative;
      overflow: hidden;
    }
  
    .grain-bar {
      position: absolute;
      height: 100%;
      background-color: #f96838;
      left: 74%;
      width: 3%;
    }
  
    .ingredient-labels {
      display: flex;
      justify-content: space-between;
      font-size: 14px;
    }
  
    .meal-container {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 60px;
      margin-top: 40px;
      flex-wrap: wrap;
    }
  
    .meal-img {
      text-align: center;
    }
  
    .meal-img img {
      max-width: 350px;
      border-radius: 24px;
    }
  
    .meal-content {
      max-width: 500px;
    }
  
    @media (max-width: 768px) {
      .meal-container {
        flex-direction: column;
        gap: 30px;
      }
    }