/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
		@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Romanesco&family=Sanchez:ital@0;1&display=swap');
		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lora:ital,wght@0,400..700;1,400..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Romanesco&family=Sanchez:ital@0;1&display=swap" rel="stylesheet">

		/* Header Container */
		header.dl-header {
		  background-color: #fff;
		  border-bottom: 1px solid #eee;
		}

		header.dl-header .dl-header-container {
		  max-width: 1590px;
		  padding: 20px 15px;
		  margin: 0 auto;
		  display: flex;
		  align-items: center;
		  justify-content: space-between;
		  gap: 20px;
		  flex-wrap: wrap;
		}
		header.dl-header {
		    position: fixed;
		    left: 0;
		    right: 0;
		    top: 0px;
		    background: #fff;
		    z-index: 1000;
		    box-shadow: 1px 1px 14px #0000004a;
		}

		/* Logo */
		header.dl-header .dl-header-logo img {
		  max-height: 60px;
		  margin-left: -5px;
		}

		/* Search */
		header.dl-header .dl-search-form {
		  display: flex;
		  align-items: center;
		  width: 100%;
		  max-width: 635px;
		  border: 1px solid #e0e0e0;
		  border-radius: 30px;
		  overflow: hidden;
		  background-color: #fff;
		}

		header.dl-header .dl-search-input {
		  flex: 1;
		  padding: 8px 20px !important;
		  font-size: 16px;
		  border: none !important;
		  outline: none !important;
		  background-color: transparent;
		  color: #9CA3AF;
		}
		header.dl-header input.dl-search-input::placeholder {
	      color: #9CA3AF;
	      font-family: Raleway;
	      font-weight: 400;
	      font-size: 18px;
	      line-height: 100%;
		}
		header.dl-header .right-ricon-nav {
		    display: flex;
		    gap: 25px;
		}

		header.dl-header .dl-search-btn {
		  background: transparent;
		  border: none;
		  padding: 0 18px;
		  font-size: 18px;
		  color: #1d1d2f;
		  cursor: pointer;
		}

		header.dl-header .dl-search-btn i {
		  pointer-events: none;
		}


		/* Navigation */
		header.dl-header .dl-header-nav .dl-nav-menu {
		  list-style: none;
		  display: flex;
		  padding: 0;
		  margin: 0;
		}
		header.dl-header .dl-header-nav .dl-nav-menu li{
			border-bottom: 2px solid transparent;
			padding-bottom: 10px;
		}
		header.dl-header .dl-header-nav .dl-nav-menu li:hover {
		    border-bottom: 2px solid #70000E;
		    color: #70000E;
		    padding-bottom: 10px;
		}
		header.dl-header .dl-header-nav .dl-nav-menu li:hover a{
			 color: #70000E;
		}

		header.dl-header .dl-header-nav .dl-nav-menu li a {
		    text-decoration: none;
		    font-weight: 600;
		    color: #1d1d2f;
		    font-size: 16px;
		    font-family: Raleway;
		    padding: 10px 20px;
		}

		/* Social Icons */
		header.dl-header .dl-header-social {
		  display: flex;
		  gap: 20px;
		}
		header.dl-header .dl-header-social .social-icon:hover{
		    background: #70000E;
		    transform: scale(1.2);
		    transition: 1s all;
		    color: #fff;
		}

		header.dl-header .dl-header-social .social-icon {
		  background-color: #f5ebec;
		  color: #1d1d2f;
		  font-size: 16px;
		  width: 34px;
		  height: 34px;
		  border-radius: 50%;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  text-decoration: none;
		  transition: 1s all;
		}

		/*make responive*/

		/* Base: hide toggle and close button */
		header .dl-menu-toggle,
		header .dl-menu-close {
		  display: none;
		  background: none;
		  border: none;
		  font-size: 24px;
		  cursor: pointer;
		}

		/* Mobile styles */
		@media (max-width: 1024px) {
		  header .dl-menu-toggle {
		    display: block;
		    order: 3;
		    padding: 16px 0 16px 16px;
		    color: #54000A;
		  }
		  header .dl-header-logo {
			    order: 1;
		   }

		  header .right-ricon-nav {
		    position: fixed;
		    top: 0;
		    right: -100%;
		    width: 75%;
		    height: 100%;
		    background: #fff;
		    z-index: 9999;
		    transition: right 0.3s ease;
		    padding: 20px;
		  }

		  header .right-ricon-nav.active {
		    right: 0;
		    flex-direction: column;
		  }

		  header .dl-menu-close {
		    display: block;
		    position: absolute;
		    top: 15px;
		    right: 15px;
		    color: #54000A;
		  }

		  header .dl-header-nav {
		    margin-top: 60px;
		    display: flex;
		    flex-direction: column;
		    gap: 15px;
		  }

		  header .dl-nav-menu {
		    flex-direction: column;
		  }
		  header.dl-header .dl-search-form {
		  	order: 2;
		  }
		  header.dl-header .dl-header-social {
		    display: flex;
		    gap: 20px;
		    padding: 0 20px;
		 }
		}

		@media (max-width: 660px) {

			header.dl-header .dl-search-form {
		        order: 3;
		        max-width: 100% !important;
		    }
		    header .dl-menu-toggle {
		        order: 2;
		    }
		    header.dl-header .dl-header-container{
		    	gap: 5px;
		    }

		}


		/*footer design*/

		.dl-footer {
		  background-color: #54000A;
		  color: #fff;
		  font-family: 'Arial', sans-serif;
		}

		.dl-footer .dl-footer-grid {
		  display: grid;
		  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
		  gap: 40px;
		  max-width: 1590px;
		  padding: 60px 15px 15px;
		  margin: auto;
		}

		.dl-footer .dl-footer-logo {
		  font-size: 50px;
		  font-weight: bold;
		  margin-bottom: 15px;
		}
		.dl-footer .dl-footer-col h3 {
		    font-size: 24px;
		    font-family: 'Raleway';
		    font-weight: 700;
		}
		.dl-footer .dl-footer-grid .dl-footer-col.dl-footer-about p {
		    font-family: 'Raleway';
		    font-size: 16px;
		    font-weight: 500;
		}

		.dl-footer .dl-footer-col ul {
		  list-style: none;
		  padding: 0;
		  margin: 0;
		}

		.dl-footer .dl-footer-col ul li {
		  margin-bottom: 10px;
		}

		.dl-footer .dl-footer-col ul li a {
		  color: #fff;
		  text-decoration: none;
		  transition: 0.3s;
		}
		.dl-footer .dl-footer-col ul li {
			padding-bottom: 5px;
		    border-bottom: 1px solid transparent;
		}

		.dl-footer .dl-footer-col ul li:hover {
			padding-bottom: 5px;
		   border-bottom: 1px solid #fff;
		}

		.dl-footer .dl-footer-form {
		  display: flex;
		  margin-top: 10px;
		  border: 1px solid #fff;
		  border-radius: 5px;
		  overflow: hidden;
		  
		}

		.dl-footer .dl-footer-form input[type="email"] {
		  flex: 1;
		  padding: 10px;
		  border: none;
		  outline: none;
		  border-radius: 0;
		}

		.dl-footer .dl-footer-form button {
		  background-color: #54000A;
		  color: #fff;
		  border: none;
		  padding: 10px 16px;
		  font-weight: bold;
		  cursor: pointer;
		}

		.dl-footer .dl-footer-social {
		  display: flex;
		  gap: 15px;
		  margin-top: 20px;
		}

		.dl-footer .dl-footer-social a {
		  color: #fff;
		  font-size: 24px;
		}

		.dl-footer .dl-footer-bottom {
		  text-align: center;
		  padding: 30px 15px;
		  border-top: 1px solid #fff;
		  margin-top: 40px;
		  font-size: 14px;
		  max-width: 1590px;
   		  margin: auto;
		}
		.dl-footer .dl-footer-col {
		    margin:0 auto;
		}
		.dl-footer-col.dl-footer-newsletter {
		    width: 100%;
		}


		/*Hero section Home page*/

		.front-category-section .front-category-grid {
		  display: grid;
		  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
		  gap: 30px;
		  max-width: 1590px;
		  margin: auto;
		  padding: 120px 15px 60px;
		}

		.front-category-section .category-card {
		  overflow: hidden;
		  text-align: center;
		  transition: 2s all;
		}
		.front-category-section .category-card:hover {
		    transition: 2s all;
		    transform: translateY(-15px);
		}

		.front-category-section .category-card a {
		  text-decoration: none;
		  color: inherit;
		}

		.front-category-section .category-card-img {
		  height: 475px;
		  background-size: cover;
		  background-position: center;
		}

		.front-category-section .category-card-title {
		  background-color: #77000f;
		  color: #fff;
		  font-weight: 600;
		  padding: 15px 10px;
		  font-size: 18px;
		}
		section.front-category-section {
		    margin-top: 60px;
		}

		/*Explore tehe section*/

		.explore-by-scroll {		
		  background: #fff;
		}
		.explore-by-scroll .container {
		    max-width: 1590px;
		    margin: auto;
		     padding: 0px 15px 60px;
		}
		.explore-by-scroll .container .explore-title, .recent_post h3.common-title , .safefood_post .common-title, .common-ted-section .common-title ,  section.futured_sections .common-title , .common-post .common-title {
		    margin-bottom: 20px;
		    font-family: Raleway;
		    font-weight: 800;
		    font-size: clamp(24px, 4vh, 32px);
		    line-height: 40px;
		    letter-spacing: 1px;
		    text-transform: uppercase;
		    color: #1C2031;
		}
		.explore-by-scroll .explore-marquee-wrapper {
		  overflow: hidden;
		  position: relative;
		}

		.explore-by-scroll .explore-marquee-track {
		  display: flex;
		  gap: 40px;
		  animation: marqueeScroll 30s linear infinite;
		  width: max-content;
		}

		.explore-by-scroll .explore-category-item {
		  text-align: center;
		  min-width: 100px;
		}

		.explore-by-scroll .explore-category-item a {
		  text-decoration: none;
		  color: #111;
		}

		.explore-by-scroll .icon-wrap {
		  width: 150px;
		  height: 150px;
		  background: #70000E;
		  border-radius: 50%;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  margin: 0 auto 10px;
		}

		.explore-by-scroll .icon-wrap img {
		  width: 70px;
		  height: 70px;
		  object-fit: contain;
		}

		.explore-by-scroll .cat-name {
		    font-family: Raleway;
		    font-weight: 800;
		    font-size: clamp(18px, 4vh, 24px);
		    line-height: 40px;
		    letter-spacing: 1px;
		    vertical-align: middle;
		    text-transform: uppercase;
		    color:#1C2031;
		}
		.explore-by-scroll .cat-name:hover{
			color: #70000e;
		}

		@keyframes marqueeScroll {
		  0% {
		    transform: translateX(0);
		  }
		  100% {
		    transform: translateX(-50%);
		  }
		}
		/*Blog section*/
		section.latest-blog-section .container {
		    max-width: 1590px;
		    margin: auto;
		    padding: 60px 15px;
		}
		.latest-blog-section .latest-featured-post {
		  display: flex;
		  flex-wrap: wrap;
		  gap: 0px;
		  margin-bottom: 20px;
		  width: 100%;
		}

		.latest-featured-post .featured-image {
		  max-height: 400px;
		  overflow: hidden;
		  width: 35%;
		}

		.latest-featured-post .featured-image img {
		  width: 100%;
		  height: auto;
		  object-fit: cover;
		}

		.latest-featured-post .featured-content {
		    width: 65%;
		    display: flex;
		    flex-direction: column;
		    justify-content: center;
		    background: #F1E6E7;
		    padding: 15px 50px;
		}
		.latest-featured-post .featured-content .featured-title {
		    margin-bottom: 15px;
		    font-family:'Raleway';
		    font-weight: 700;
		    font-size: clamp(24px, 4vh , 36px);
		    line-height: 1.2em;
		    color: #1C2031;
		}
		.latest-featured-post .featured-content span.category {
		    background: #70000E1A;
		    padding: 7px 12px;
		}
		.latest-featured-post .featured-content span.category a {
		    font-family: Raleway;
		    font-weight: 800;
		    font-size: 9px;
		    line-height: 10.57px;
		    letter-spacing: 1px;
		    text-align: center;
		    text-transform: uppercase;
		    color: #1C2031;
		}
		.latest-featured-post .featured-content .meta-info {
		    font-size: 14px;
		    color: #555;
		    margin-bottom: 15px;
		    display: flex;
		    align-items: center;
		    gap: 24px;
		    flex-wrap: wrap;
		}
		.latest-featured-post .featured-content .meta-info span.date, .latest-featured-post .featured-content .meta-info span.time, .latest-featured-post .featured-content .meta-info span.serving, .recent-recipes-scroll .recipe-card .card-meta .cook-time,  .recent-recipes-scroll .recipe-card .card-meta  span.post-date{
		    display: flex;
		    gap: 6px;
		    font-family: Raleway;
		    font-weight: 500;
		    font-size: 12px;
		    line-height: 16px;
		}
		.latest-featured-post .featured-content .excerpt {
		    margin-bottom: 20px;
		    font-family: Raleway;
		    font-weight: 500;
		    font-size: 16px;
		    line-height: 24px;
		}

		.latest-featured-post .featured-content .read-btn{
		    padding: 10px 18px;
		    background: #7d0a14;
		    color: #fff;
		    border: 1px solid #7d0a14 ;
		    text-decoration: none;
		    border-radius: 25px;
		    display: inline-block;
		    width: fit-content;
		    font-family: Raleway;
		    font-weight: 700;
		    font-size: 12px;
		    line-height: 16px;
		    letter-spacing: 2px;
		    text-transform: uppercase;
		}
	   .latest-featured-post .featured-content .read-btn:hover{
	   		color:#7d0a14 ;
	   		border: 1px solid #7d0a14 ;
	   		background: #F1E6E7;
	   }

		/* Scrollable Cards */
		.recent-recipes-scroll {
		  padding-bottom: 20px;
		}
		.recent-recipes-scroll .recipe-card-container {
		    display: grid;
		    gap: 20px;
		    grid-template-columns: repeat(5, 1fr);
		}

		.recent-recipes-scroll .recipe-card {
		  flex: 0 0 auto;
		  background: #fff;
		  width: 100%;
		}
		.recent-recipes-scroll .recipe-card img {
		    width: 100%;
		    height: 350px;
  			object-fit: cover;
		}

		.recent-recipes-scroll .recipe-card .card-meta {
		  display: flex;
		  justify-content: space-between;
		  font-size: 12px;
		  color: #777;
		  margin: 15px 0;
		  gap: 20px;
		}
		.recent-recipes-scroll .recipe-card .card-meta span.cook-time img, .recent-recipes-scroll .recipe-card .card-meta span.post-date img{
			width: 20px !important;
			height: 20px !important;
		}
		.recent-recipes-scroll .recipe-card  .recipe-title {
		    margin: 10px 0;
		    font-family: 'Raleway';
		    font-weight: 700;
		    font-size: clamp(16px, 4vh, 20px);
		    line-height: 1.2em;
		    color: #1C2031;
		}
	    .recent-recipes-scroll .recipe-card .recipe-title:hover {
		    color: #54000A;
		}
		.recent-recipes-scroll > .view-more-wrap {
		  margin-top: 20px;
		}
		.recent-recipes-scroll > .view-more-wrap  .view-more-btn {
		    background: #7d0a14;
		    color: #fff;
		    padding: 14px 22px;
		    text-decoration: none;
		    border-radius: 20px;
		    font-family: Raleway;
		    font-weight: 700;
		    font-size: 12px;
		    line-height: 24px;
		    letter-spacing: 2px;
		    vertical-align: middle;
		    text-transform: uppercase;
		    border: 1px solid #7d0a14 ;
		}
		.recent-recipes-scroll > .view-more-wrap  .view-more-btn:hover{
			background: #fff;
			color: #7d0a14;
			border: 1px solid #7d0a14 ;
		}


		/*common section*/

		.common-about-subscribe-container {
		  max-width: 1590px;
		  margin: auto;
		  padding: 60px 15px 0;
		}

		.common-about-subscribe-grid {
		  display: flex;
		  flex-wrap: wrap;		 
		  gap: 0px;
		}
		.common-about-subscribe-grid .common-about-image {
		    width: 35%;
		}
		.common-about-subscribe-grid .common-about-image img {
			  width: 100%;
			  height: 550px;
			  object-fit: cover;
		}
		.common-about-subscribe-grid .common-about-content {
		    width: 65%;
		    background: #f1e6e7;
		    display: flex;
		    align-items: center;
		    flex-direction: column;
		    justify-content: center;
		    padding: 0px 70px;
		}
		.common-about-subscribe-grid .common-about-content .common-about-title {
		    font-family: Lora;
		    font-weight: 700;
		    font-size: clamp(24px , 4vh, 36px);
		    line-height: 48px;
		    text-align: center;
		    vertical-align: middle;
		    color: #1C2031;
		}
	    .common-about-subscribe-grid .common-about-content .common-about-description {
		    margin-bottom: 20px;
		    font-family: Raleway;
		    font-weight: 400;
		    font-size: 16px;
		    line-height: 24px;
		    text-align: center;
		}
		.common-about-subscribe-grid .common-about-content .common-about-highlight {
		    color: #9e1b32;
		    margin-bottom: 20px;
		    font-family: Raleway;
		    font-weight: 400;
		    font-size: 16px;
		    line-height: 100%;
		    text-align: center;
		    vertical-align: middle;
		}
		.common-about-subscribe-grid .common-about-content .common-subscribe-form {
		    display: flex;
		    max-width: 489px;
		    background-color: #fff;
		    border-radius: 30px;
		    overflow: hidden;
		    box-shadow: 0 0 0 1px #ccc;
		    width: 100%;
		}

		.common-about-subscribe-grid .common-about-content .common-subscribe-form .common-subscribe-input {
		    padding: 10px 18px !important;
		    border: none !important;
		    font-size: 14px;
		    outline: none;
		    width: 100% !important;
		}
		.common-ted-section .container{
		    max-width: 1590px;
		    margin: auto;
		    padding: 0px 15px;
		}

		.common-about-subscribe-grid .common-about-content .common-subscribe-form .common-subscribe-btn {
		  background-color: #70000E;
		  color: #fff;
		  border: none;
		  padding: 12px 24px;
		  cursor: pointer;
		  transition: background-color 0.3s ease;
		  font-family: Raleway;
		  font-weight: 700;
		  font-size: 12px;
		  line-height: 24px;
		  letter-spacing: 2px;
		  text-align: center;
		  vertical-align: middle;
		  text-transform: uppercase;
		}

		.common-about-subscribe-grid .common-about-content .common-subscribe-form .common-subscribe-btn:hover {
		  background-color: #870000;
		}
		.safefood_post {
		    border-top: 1px solid #66707F33;
		}
		.safefood_post .recipe-card .card-meta{
			display: none;
		}
		section.futured_sections .container.common-ted-wrapper {
		    padding: 0px 15px 60px;
		    max-width: 1590px;
		    margin: auto;
		}


		/*instagra section*/
		.common-ted-section {
		  background-color: #f7ebed;
		  padding: 60px 0;
		}

		.common-ted-wrapper .row {
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  gap: 40px;
		  max-width: 1240px;
		  margin: 0 auto;
		  flex-wrap: wrap;
		}
		.common-ted-wrapper .row .common-ted-left {
		    width: 30%;
		    height: 340px;
		    margin-right: -120px;
		}
		.common-ted-wrapper .row .common-ted-video{
			width: 60%;
		}

		.common-ted-wrapper .row .common-ted-video iframe {
		  width: 100%;
		  max-width: 700px;
		  height: 400px;
		}

		/*futured section*/

		section.futured_sections .grid-images {
		    display: flex;
		    gap: 20px;
		    margin: 50px 0;
		    justify-content: center;
		    flex-wrap:wrap;
		}
		section.futured_sections .grid-images img {
		    width: 14%;
		}

		/*----------------recoipies page---------------------*/

		.banner-recipes-section {
		  background-color: #f5e6e8;
		}

		.banner-recipes-section .container {
		  max-width: 1590px;
		  margin: 0 auto;
		  padding: 140px 15px 60px;
		}
		.banner-recipes-section .container .recipe-section h1 {
		    color: #1C2031;
		    margin-bottom: 10px;
		    font-family: Raleway;
		    font-weight: 800;
		    font-size: clamp(26px, 4vh, 32px);
		    line-height: 40px;
		    letter-spacing: 1px;
		    text-transform: uppercase;
		}
		.banner-recipes-section .container .recipe-section p {
		    color: #3D3D3D;
		    margin-bottom: 15px;
		    font-family: Raleway;
		    font-weight: 500;
		    font-size: 16px;
		    line-height: 24px;
		    vertical-align: middle;
		    margin: 20px 0;
		}
		.banner-recipes-section .container .recipe-section {
		    max-width: 1280px;
		}

		.banner-recipes-section .container .recipe-section form {
		  display: flex;
		  justify-content: center;
		  width: 60%;
		}
		.banner-recipes-section .container .recipe-section select {
		    padding: 10px;
		    border-radius: 30px 0 0 30px;
		    border: 1px solid #ccc;
		    background-color: #d7a8b9;
		    color: #fff;
		    max-width: 200px;
		    outline: none;
		}
		.banner-recipes-section .container .recipe-section input[type="text"] {
		  padding: 5px 10px;
		  flex-grow: 1;
		  border: none;
		  background-color: #fff;
		  outline: none;
		}
		.banner-recipes-section .container .recipe-section button {
		    padding: 5px 36px;
		    border: none;
		    border-radius: 0 30px 30px 0;
		    background-color: #8b0000;
		    color: #fff;
		    cursor: pointer;
			display: flex;
		    align-items: center;
		    gap: 10px;
		}

        /*main  section*/
		section.main-section .container {
		    max-width: 1590px;
		    margin: auto;
		    padding: 60px 15px;
		}
		section.main-section .container .row{
			display: flex;
			justify-content: space-between;
		}
		section.main-section .container .left-side{
			width: 74%;
		}
		.common-post .container {
		    padding: 0px 0px 60px !important;
		}
		.common-post .recipe-card-container {
		    display: grid;
		    gap: 20px;
		    grid-template-columns: repeat(4, 1fr);
		}
		.common-post .recent-recipes-scroll {
		     padding-bottom: 0px; 
		}
		 .view-more-wrap  .view-more-btn {
		    background: #7d0a14;
		    color: #fff;
		    padding: 14px 22px;
		    text-decoration: none;
		    border-radius: 20px;
		    font-family: Raleway;
		    font-weight: 700;
		    font-size: 12px;
		    line-height: 24px;
		    letter-spacing: 2px;
		    vertical-align: middle;
		    text-transform: uppercase;
		    border: 1px solid #7d0a14 ;
		}
		.view-more-wrap  .view-more-btn:hover{
			background: #fff;
			color: #7d0a14;
			border: 1px solid #7d0a14 ;
		}

		/*Recipes right side*/
		section.main-section .container .right-side {
		    width: 24%;
		    margin-top: 20px;
		}
		section.common-about-subscribe-section.second-vinncent {
		    background: #F1E6E7;
		    padding: 30px;
		}
		section.common-about-subscribe-section.second-vinncent .common-about-subscribe-container{
			padding: 0;
		}
		section.common-about-subscribe-section.second-vinncent .common-about-subscribe-grid .common-about-image img {
		    width: 100%;
		    height: 415px;
		    object-fit: cover;
		}
		section.common-about-subscribe-section.second-vinncent .common-about-subscribe-grid{
			flex-direction: column;
		}
		section.common-about-subscribe-section.second-vinncent .common-about-subscribe-grid .common-about-image {
			width: 100%;
		}
		section.common-about-subscribe-section.second-vinncent .common-about-subscribe-grid .common-about-content{
			width: 100%;
			padding: 0px;
		}
		.common-about-subscribe-grid .common-about-content .common-about-highlight{
			line-height: 1.2em;
		}
		section.common-about-subscribe-section.second-vinncent .view-more-wrap {
		    margin-top: 30px;
		    margin-bottom: 10px;
		}

		/*Poppular recipies*/


		section.popular-recipes-section h2.popular-recipes-title {
		    font-family: Raleway;
		    font-weight: 800;
		    font-size: clamp(24px, 4vh, 32px);
		    line-height: 40px;
		    letter-spacing: 1px;
		    text-align: center;
		    vertical-align: middle;
		    text-transform: uppercase;
		    color: #1C2031;
		    padding: 20px 0;
		    border-width: 1px 0px 1px 0px;
		    border-color: #C3C3C3;
		    border-style: solid;
		}
		section.popular-recipes-section .popular-recipes-grid .popular-recipe-card {
		    position: relative;
		    height: 100px;
		    background-repeat: no-repeat;
            background-size: cover;
		}

		section.popular-recipes-section .popular-recipes-grid .popular-recipe-card .overlay {
		    background: #0000007d;
		    height: 100%;
		    width: 100%;
		    position: absolute;
		}

		section.popular-recipes-section .popular-recipes-grid .popular-recipe-card  a img {
		    width: 100%;
		    height: 100px;
		    object-fit: cover;
		}

		section.popular-recipes-section .popular-recipes-grid .popular-recipe-card h3.popular-recipe-title {
		    position: absolute;
		    font-family: Lora;
		    font-weight: 700;
		    font-size: 20px;
		    line-height: 1.2em;
		    vertical-align: middle;
		    padding: 18px;
		    color: #fff;
		    z-index: 15;
		    top: -3px;
		}

		section.popular-recipes-section .popular-recipes-grid {
		    display: flex;
		    flex-direction: column;
		    gap: 20px;
		}

		/*---------------------------About page----------------------------*/

		section.imessonary-image-section .row{
		    display: flex;
		    justify-content: space-between;
		    gap: 30px;
		}
		section.imessonary-image-section .row .left-image , section.imessonary-image-section .row .right-image{
			width: 50%;
		}
		section.imessonary-image-section .row .right-image {
		    display: flex;
		    flex-direction: column;
		    justify-content: space-between;
		    gap: 30px;
		}
		section.imessonary-image-section .row .right-image .two-images {
		    display: flex;
		    justify-content: space-between;
		    gap: 30px;
		}
		section.imessonary-image-section .row .right-image .two-images img {
		    width: 50%;
		}
		section.about-content{
			padding: 60px 0px;
		}
		section.about-content .about-row .content p, section.about-content-youtube .about-row-youtube .content-left p {
		    font-family: Raleway;
		    font-weight: 400;
		    font-size: 16px;
		    line-height: 24px;
		    vertical-align: middle;
		    color: #1C2031;
		}
		section.about-content .about-row .content p a , section.about-content-youtube .about-row-youtube .content-left p a{
			font-weight:700 !important;
			text-decoration: underline;
			color:#70000E ;
		}

		section.about-content-youtube .about-row-youtube {
		    display: flex;
		    justify-content: space-between;
		}
		section.about-content-youtube .about-row-youtube .content-left {
		    width: 34%;
		    background: #F3E4E6;
    		padding: 20px;
    		display: flex;
		    flex-direction: column;
		    gap: 10px;
		}
		section.about-content-youtube .about-row-youtube  .youtube-video {
		    width: 64%;
		}
		section.youtube-section {
		    padding: 60px 0;
		}
		.page-template-about-page section.main-section .container .right-side{
			margin-top: 0px;
		}

		/*----------------shop page--------------------------*/
		section.common-about-subscribe-section.shop-common .common-about-subscribe-container {
		    padding: 0px;
		}
		.shop-common .common-about-subscribe-grid .common-about-image img{
			height: 100%;
		}
		.page-template-shop-page section.main-section .container .right-side{
			margin-top: 0px;
		}

		/*----------Contact page------------------------*/

		
		.contact-information {
		    padding: 20px;
		    background: #F2E4E6;
		    border-bottom: 6px solid #70000E;
		}
		.contact-information h3 {
		    margin-bottom: 20px;
		    font-family: Raleway;
		    font-weight: 800;
		    font-size: clamp(24px, 4vh, 32px);
		    line-height: 1.2em;
		    letter-spacing: 1px;
		    text-transform: uppercase;
		    color: #1C2031;
		}
		.contact-information a{
			font-weight: 700 !important;
		    text-decoration: underline;
		    color: #70000E;
		    font-family: Raleway;
		    font-size: 16px;
		    line-height: 24px;
		    vertical-align: middle;
		    color: #70000e;
		}
		.page-template-contact-page section.main-section .container .right-side{
			margin-top: 0px;
		}



		/*----------------cookie policy-----------------------------*/

		.cookie-policy-information {
		    padding: 20px;
		    background: #F5E6E8;
		}
		.cookie-policy-information p{
			    font-family: Raleway;
			    font-weight: 400;
			    font-size: 16px;
			    line-height: 24px;
			    vertical-align: middle;
			    color: #1C2031;
		}
		.page-template-cookie-policy section.main-section .container .right-side{
			margin-top: 0px;
		}

		/*---------------------Privacy -policy ---------------------*/

		.page-template-privacy-policy .div-information h3 {
		    margin-bottom: 20px;
		    font-family: Raleway;
		    font-weight: 800;
		    font-size: clamp(22px, 4vh, 28px);
		    line-height: 1.2em;
		    letter-spacing: 1px;
		    text-transform: uppercase;
		    color: #1C2031;
		}

		.page-template-privacy-policy .div-information p {
		    font-family: Raleway;
		    font-size: 16px;
		    line-height: 1.2em;
		    vertical-align: middle;
		}

		.page-template-privacy-policy .div-information p a {
		    font-weight: 700 !important;
		    text-decoration: underline;
		    color: #70000E;
		    font-family: Raleway;
		    font-size: 16px;
		    line-height: 1.2em;
		    vertical-align: middle;
		    color: #70000e;
		}

		.page-template-privacy-policy .div-information {
		    margin-top: 30px;
		    margin-bottom: 45px;
		}

		/*-----------archive page------------------------*/

		section.archive-section {
		    background: #F1E6E7;
		}
		section.archive-section .archive-header {
		    max-width: 1590px;
		    margin: auto;
		    padding: 120px 15px 60px;
		}
		section.archive-section .archive-header p#breadcrumbs span {
		    font-family: Raleway;
		    font-weight: 500;
		    font-size: 16px;
		    line-height: 1.2em;
		    letter-spacing: 1px;
		    text-transform: uppercase;
		}
		section.archive-section .archive-header p#breadcrumbs span a{
			color: #54000A;
		}
		.archive-header__inner h1 {
		    color: #1C2030;
		    margin-bottom: 10px;
		    font-family: Raleway;
		    font-weight: 800;
		    font-size: clamp(26px, 4vh, 32px);
		    line-height: 40px;
		    letter-spacing: 1px;
		    text-transform: uppercase;
		}

		.archive-header__inner {
		    display: flex;
		    justify-content: space-between;
		}

		.archive-header__inner h1.archive-title {
		    width: 34%;
		}

		.archive-header__inner div {
		    width: 64%;
		}
		section.archive-section .archive-header p#breadcrumbs {
		    display: flex;
		    gap: 10px;
		}
		.archive  section.main-section .container .right-side , .search section.main-section .container .right-side{
			margin-top: 0px ;
		}


		/* caterogies page */

		.page-template-categories-page .front-category-section {
			margin: 0px;
		}
		.page-template-categories-page .front-category-section .front-category-grid , .page-template-links-page .front-category-section .front-category-grid{
			padding: 0px;
		}
		.page-template-categories-page section.main-section .container .right-side{
			margin-top: 0;
		}
		.page-template-categories-page .front-category-section .category-card-img , .page-template-links-page .front-category-section .category-card-img{
			height: 340px;
		}
		.page-template-categories-page .front-category-section div#ALL,  .page-template-links-page .front-category-section div#ALL {
		    display: none;
		}


		/*Links page*/

		.social-follow-section{
		    text-align: center;
		    padding: 16px 20px;
		    background-color: #F5E6E8;
		    margin-top: 20px;
		    border-bottom: 4px solid #870000;
		}
      
      .social-follow-section .follow-heading {
        font-size: clamp(16px, 2vw, 24px);
        margin-bottom: 20px;
        color: #1C2031;
	    margin-bottom: 10px;
	    font-family: Raleway;
	    font-weight: 800;
	    letter-spacing: 1px;
	    text-transform: uppercase;
      }
      
      .social-follow-section .social-icons {
        display: flex;
        justify-content: center;
        gap: 20px;
        margin-bottom: 30px;
        transition: 1s all;
      }
      
      .social-follow-section .social-icons .icon {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
      }
      
      .social-follow-section .instagram{ background-color:#ff097d; }
      .social-follow-section .tiktok  { background-color: #e62429; }
      .social-follow-section .youtube { background-color: #bd081c; }
      
      .social-follow-section  a.social-icon:hover {
	    transition: 1s all;
	    transform: scale(1.1);
	  }
      .social-follow-section .find-recipe {
        font-size: 22px;
        color: #f5425d;
        text-decoration: none;
      }
      
      .social-follow-section .find-recipe:hover {
        text-decoration: underline;
      }
      .page-template-links-page section.main-section .container {
		    max-width: 1590px;
		    margin: auto;
		    padding: 30px 15px;
	  }
	  .content-section .container > .row p{
	  	color: #3D3D3D;
	    margin-bottom: 15px;
	    font-family: Raleway;
	    font-weight: 500;
	    font-size: 16px;
	    line-height: 24px;
	    vertical-align: middle;
	    margin: 20px 0;
	  }
	  .content-section .container > .row {
	    display: flex;
	    align-items: center;
	    flex-wrap: wrap;
	  }

	  /*------------404 error  page-------------------------*/
	  .common-error-section {
		  padding: 100px 20px;
		  text-align: center;
		  background-color: #fdf1f1;
		}

		.common-error-section .common-error-wrapper {
		  max-width: 600px;
		  margin: 80px auto;
		}

		.common-error-section .common-error-title {
		  font-size: clamp(60px, 4vh, 120px);
		  font-weight: bold;
		  color:#54000A;
		}

		.common-error-section .common-error-message {
		  font-size: 20px;
		  color: #555;
		  margin: 20px 0;
		}

		.common-error-section .common-error-btn {
		  display: inline-block;
		  margin-top: 20px;
		  padding: 12px 30px;
		  background-color: #54000A;
		  color: white;
		  text-decoration: none;
		  border-radius: 6px;
		  transition: 0.3s;
		  border: 1px solid #54000A;
		}

		.common-error-section .common-error-btn:hover {
		  background-color: #fff;
		  color: #54000A;
		  border: 1px solid #54000A;
		}



		/*---------------subscribe page-----------------------*/

		section.subscribe-section > .container > .row > .subscribe h3{
			color: #1C2031;
		    margin-bottom: 10px;
		    font-family: Raleway;
		    font-weight: 800;
		    font-size: clamp(22px, 4vh, 28px);
		    line-height: 40px;
		    letter-spacing: 1px;
		    text-transform: uppercase;
		}
		section.subscribe-section > .container > .row > .subscribe form.common-subscribe-form {
		    display: flex;
		    max-width: 489px;
		    background-color: #fff;
		    border-radius: 30px;
		    overflow: hidden;
		    box-shadow: 0 0 0 1px #ccc;
		    width: 100%;
		    margin-top: 20px;
		}
		section.subscribe-section > .container > .row > .subscribe form.common-subscribe-form input{
		    padding: 10px 18px !important;
		    border: none !important;
		    font-size: 14px;
		    outline: none;
		    width: 100% !important;
		}
		section.subscribe-section > .container > .row > .subscribe .common-subscribe-form .common-subscribe-btn {
		    background-color: #70000E;
		    color: #fff;
		    border: none;
		    padding: 12px 24px;
		    cursor: pointer;
		    transition: background-color 0.3s ease;
		    font-family: Raleway;
		    font-weight: 700;
		    font-size: 12px;
		    line-height: 24px;
		    letter-spacing: 2px;
		    text-align: center;
		    vertical-align: middle;
		    text-transform: uppercase;
		}
		section.subscribe-section > .container {
		    padding: 0;
		}


		/*---------------Blog------------------*/

		.blog .pagination {
		    display: flex;
		    justify-content: center;
		    margin: 20px auto;
		    gap: 20px;
		}


		/*------------------single details page---------------------*/

        .single-post section.main-section {
		    margin-top: 100px;
		}
		.single-header {
		    background: #F1E6E7;
		}
		.single-header .wrap {
		    max-width: 1590px;
		    margin: 60px auto;
		    padding: 60px 15px;
		}
		.single-header .wrap p#breadcrumbs{
			display: flex;
		    gap: 10px;
		}
		.single-header .wrap p#breadcrumbs span{
			font-family: Raleway;
		    font-weight: 500;
		    font-size: 16px;
		    line-height: 1.2em;
		    letter-spacing: 1px;
		    text-transform: uppercase;
		}
		.single-header .wrap p#breadcrumbs span a{
			color: #54000A;
		}
		.single-header .wrap .single-header__inner .single-title {
		    color: #1C2030;
		    margin-bottom: 10px;
		    font-family: Raleway;
		    font-weight: 800;
		    font-size: clamp(26px, 4vh, 32px);
		    line-height: 40px;
		    letter-spacing: 1px;
		    text-transform: uppercase;
		}
		.single-header .wrap .single-header__inner .single-description {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .single-header .wrap .single-header__inner .single-description a {
            word-break: break-word;
            color: #323545;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 500;
        }
		.single-header .wrap .author-info {
		    display: flex;
		    align-items: center;
		    gap: 20px;
		}

		.single-header .wrap .author-info > div {
		    display: contents;
		    align-items: center;
		    gap: 20px;
		    flex-wrap: wrap;
		}

		.single-header .wrap .author-info a img {
		    border-radius: 100px;
		}
		.single-post section.main-section .container{
			padding: 0px 15px 60px; 
		}
		.single-post section.main-section .container .left-side .page-content a.tasty-recipes-jump-link , .single-post section.main-section .container .left-side .page-content a.tasty-recipes-print-link{
		    padding: 10px 20px;
		    background: #870000;
		    color: #fff;
		    text-decoration: none;
		    border-radius: 100px;
		    border: 1px solid #870000;
		}
		.single-post section.main-section .container .left-side .page-content a.tasty-recipes-jump-link:hover ,  .single-post section.main-section .container .left-side .page-content a.tasty-recipes-print-link:hover{
			background: #fff;
			color: #870000;
			border: 1px solid #870000;
		}
		section.single-post-banner-section .section-wrap {
		    max-width: 1590px;
		    margin: auto;
		    padding: 100px 15px 60px;
		    display: none;
		}
		section.single-post-banner-section .section-wrap .single-post-banner {
		    height: 360px;
		    background-repeat: no-repeat;
		    background-size: cover;
		    width: 100%;
		    object-fit: cover;
		    background-position: center;
		}
		.single-post section.main-section .container .left-side h1.post-title {
		    color: #1C2030;
		    margin-bottom: 10px;
		    font-family: Raleway;
		    font-weight: 800;
		    font-size: clamp(26px, 4vh, 32px);
		    line-height: 40px;
		    letter-spacing: 1px;
		    text-transform: uppercase;
		}
		.single-post section.main-section .container .left-side .post-meta-buttons .post-meta {
		    color: #1C2030;
		    font-family: "Raleway";
		    font-weight: 400;
		    font-size: 16px;
		    line-height: 1.5;
		    margin: 15px 0;
		}
		.single-post section.main-section .container .left-side .post-meta-buttons .post-meta a {
		    color: #54000A;
		    text-decoration: underline;
		}
		.single-post section.main-section .container .left-side .tasty-recipes-quick-links {
		    align-items: center;
		    display: flex;
		    gap: 10px;
		    justify-content: flex-start;
		    margin: 22px 0;
		}
		.single-post section.main-section .container .left-side .page-content p strong em {
		    font-size: clamp(16px, 4vh, 20px);
		    color: #1C2030;
		    font-family: Raleway;
		    font-weight: 800;
		}
		.single-post section.main-section .container .left-side .page-content .ez-toc-counter nav ul li a::before {
		    font-size: 18px;
		    font-family: 'Raleway';
		    margin-top: -3px;
		}
		.single-post section.main-section .container .left-side .page-content div#ez-toc-container ul.ez-toc-list a {
		    color: #1C2031 !important;
		    font-family: "Raleway" !important ;
		    font-size: 16px !important ;
		    font-weight: 500  !important;
		    text-decoration: none;
		}
		.single-post section.main-section .container .left-side .page-content div#ez-toc-container ul.ez-toc-list li:hover a{
		    color: #54000A !important;
		}
		.single-post section.main-section .container .left-side .page-content div#ez-toc-container ul li {
		    margin-bottom: 10px !important;
		    border: 0 !important;
		    padding-left: 0 !important;
		}
		.single-post section.main-section .container .left-side .page-content p , .single-post section.main-section .container .left-side .page-content .custom-recipe-intro p {
		    margin: 10px 0 20px;
		    font-family: "Raleway";
		    font-weight: 400;
		    font-size: 16px;
		    line-height: 1.5;
		    color: #1C2030;
		}
		.single-post section.main-section .container .left-side .page-content p strong{
			color:#1C2030;
		}
		 .single-post section.main-section .container .left-side .page-content .custom-recipe-intro p a{
		 	color: #54000A;
		 }

		.single-post section.main-section .container .left-side .page-content h2.wp-block-heading strong , .single-post section.main-section .container .left-side .page-content h2.wp-block-heading , .single-post section.main-section .container .left-side .page-content .custom-recipe-intro h3 {
		    color: #1C2030;
		    margin-bottom: 10px;
		    font-family: Raleway;
		    font-weight: 800;
		    font-size: clamp(20px, 4vh, 30px);
		    line-height: 40px;
		    letter-spacing: 1px;
		    text-transform: uppercase;
		    margin: 30px 0 0;
		}
		.single-post section.main-section .container .left-side .page-content h3.wp-block-heading strong , .single-post section.main-section .container .left-side .page-content h3.wp-block-heading {
		    color: #1C2030;
		    margin-bottom: 10px;
		    font-family: Raleway;
		    font-weight: 800;
		    font-size: clamp(18px, 4vh, 28px);
		    line-height: 40px;
		    letter-spacing: 1px;
		    text-transform: uppercase;
		    margin: 30px 0 0;
		}
		.single-post section.main-section .container .left-side .page-content figure {
		    margin: 30px 0;
		}
		.single-post section.main-section .container .left-side .page-content ul li {
		    color: #1C2031 !important;
		    font-family: "Raleway";
		    font-size: 16px;
		    font-weight: 400;
		    text-decoration: none;
		    list-style: disc;
             margin: 15px 20px;
		}
		.single-post section.main-section .container .left-side .page-content ol li{
			color: #1C2031 !important;
		    font-family: "Raleway";
		    font-size: 16px;
		    font-weight: 400;
		    text-decoration: none;
		    list-style: number;
            margin: 15px 20px;
		}
		.single-post section.main-section .container .left-side .page-content .tasty-recipes header.tasty-recipes-entry-header .tasty-recipes-rating p span.rating-label {
		    display: none;
		}
		.single-post section.main-section .container .left-side .page-content .tasty-recipes header.tasty-recipes-entry-header .tasty-recipes-rating p {
		    margin: 4px 0;
		}
		.single-post section.main-section .container .left-side .page-content .tasty-recipes-instructions ol li::before {
			display: none;
		} 
		 .single-post section.main-section .container .left-side .page-content .tasty-recipes-other-details ul li{
		 	list-style: none;
		 	margin: 5px 20px !important;
		 } 
		 .single-post section.main-section .container .left-side .page-content .tasty-recipes-nutrition ul li {
		    list-style: none !important;
		    margin: 10px 10px !important;
		}
		.common-post nav.navigation.pagination {
		    justify-content: center;
		}
		.single-post section.main-section .container .left-side  .post-tags span.tag-links{
			font-family: "Raleway";
		    text-transform: uppercase;
		    font-weight: 800;
		    font-size: 18px !important;
		    line-height: 1.5;
		    color: #1C2031 !important;
		}
		.single-post section.main-section .container .left-side .post-tags span.tag-links a{
			color: #860000 !important;
		}
		#comments .comment-author, #comments .comment-metadata, #comments .comment-metadata a{
			text-decoration: none;
		}














		@media screen and (max-width: 1370px) {
		
			header.dl-header .dl-search-form{
				max-width: 530px;
			}
			.common-about-subscribe-grid .common-about-content .common-subscribe-form .common-subscribe-btn{
				padding: 12px;
			}
			.page-template-categories-page .front-category-section .category-card-img , .page-template-links-page .front-category-section .category-card-img {
			    height: 270px;
			}
		
		}

		@media screen and (max-width: 1280px) {
		
			header.dl-header .dl-search-form{
				max-width: 380px;
			}
			.front-category-section .category-card-img {
			    height: 375px;
			}
			.common-post .recent-recipes-scroll .recipe-card img{
				height: 250px;
			}
			section.imessonary-image-section .row, section.imessonary-image-section .row .right-image, section.imessonary-image-section .row .right-image .two-images{
			   gap: 20px;
			}

		}

		@media screen and (max-width: 1180px) {

			.recent-recipes-scroll .recipe-card img{
				height: 280px;
			}
			.recent-recipes-scroll {
			    padding-bottom: 0px; 
			}
			header.dl-header .dl-search-form{
				max-width: 280px;
			}
			.dl-footer .dl-footer-logo {
			    font-size: 44px;
			}
			.common-post .recent-recipes-scroll .recipe-card img {
		        height: 215px;
		    }
		}


	    @media screen and (max-width: 1024px) {

			.front-category-section .front-category-grid{
				grid-template-columns: repeat(4, 1fr);
				gap: 20px;
			}
			.recent-recipes-scroll .recipe-card img {
		        height: 242px;
		    }
			.front-category-section .category-card-img {
		        height: 260px;
		    }
		    .latest-featured-post .featured-image img{
		    	height: 100%;
		    }
		    section.latest-blog-section .container, section.futured_sections .container.common-ted-wrapper{
		    	padding: 30px 15px;
		    }
		    .front-category-section .front-category-grid{
		    	padding: 100px 15px 30px;
		    }
		    .explore-by-scroll .container{
		    	padding: 0px 15px 30px;
		    }
		    .common-about-subscribe-container{
		    	padding: 30px 15px 0;
		    }
		    .common-ted-section{
		    	padding: 30px 0;
		    }
		    .dl-footer .dl-footer-grid {
			    display: grid;
			    grid-template-columns: repeat(2, 1fr);
			}
			.dl-footer .dl-footer-col {
			    margin: 0;
			}
			.banner-recipes-section .container {
			    padding: 180px 15px 50px;
			}
			section.main-section .container{
				padding: 30px 15px;
			}
			.common-post .container {
			    padding: 0px 0px 30px !important;
			}
			.common-post .recent-recipes-scroll .recipe-card img {
		        height: 200px;
		    }
		    section.common-about-subscribe-section.second-vinncent .common-about-subscribe-grid .common-about-image img{
		    	height: 100%;
		    }
		    section.common-about-subscribe-section.second-vinncent{
		    	padding: 20px;
		    }
		    section.popular-recipes-section .popular-recipes-grid .popular-recipe-card h3.popular-recipe-title{
		    	font-size: 16px;
		    	padding: 11px
		    }
		    section.about-content ,  section.youtube-section{
		    	padding: 30px 0;
		    }
		    section.about-content-youtube .about-row-youtube{
		    	flex-direction: column;
		    	gap: 20px;
		    }
		    section.about-content-youtube .about-row-youtube .content-left , section.about-content-youtube .about-row-youtube .youtube-video{
		    	width: 100%;
		    }
		    section.about-content-youtube .about-row-youtube .youtube-video iframe {
			    height: 320px;
			}
			.shop-common .common-about-subscribe-grid .common-about-content{
				padding: 20px 30px;
			}
			.shop-common .common-about-subscribe-grid{
				flex-direction: column;
			}
			.shop-common .common-about-subscribe-grid .common-about-image , .shop-common .common-about-subscribe-grid .common-about-content{
				width: 100%;
			}
			.page-template-categories-page .front-category-section .category-card-img , .page-template-links-page .front-category-section .category-card-img {
			    height: 200px;
			}
		    .page-template-categories-page .front-category-section .front-category-grid , .page-template-links-page .front-category-section .front-category-grid {
		        grid-template-columns: repeat(3, 1fr);
		        gap: 20px;
		    }

		}

	    @media screen and (max-width: 992px) {

			.banner-recipes-section .container .recipe-section form{
				width: 80%;
			}
			.common-post .recipe-card-container{
				grid-template-columns: repeat(2, 1fr);
			}
			section.main-section .container .left-side{
				width: 64%;
			}
			section.main-section .container .right-side{
				width: 34%;
			}

	    }

	    @media screen and (max-width: 860px) {

			.recent-recipes-scroll .recipe-card-container{
				grid-template-columns: repeat(3, 1fr);
			}
			.common-post .recent-recipes-scroll .recipe-card-container {
		        grid-template-columns: repeat(2, 1fr);
		    }

	    }

	    @media screen and (max-width: 768px) {

		    .front-category-section .category-card-img {
		        height: 200px;
		    }
		    .explore-by-scroll .icon-wrap img {
			    width: 50px;
			    height: 50px;
			    object-fit: contain;
			}
			.explore-by-scroll .icon-wrap{
				height: 130px;
				width: 130px;
			}
			.latest-blog-section .latest-featured-post{
				flex-direction: column;
			}
			.latest-featured-post .featured-image {
			    max-height: 100%;
			    overflow: hidden;
			    width: 100%;
			    object-fit: cover;
			    height: 350px;
			}
			.latest-featured-post .featured-content{
				width: 100%;
			}
			.common-about-subscribe-grid .common-about-content{
				padding: 0px 30px;
			}
			.banner-recipes-section .container .recipe-section form{
				width: 100%;
			}
			.banner-recipes-section .container .recipe-section button{
				padding: 5px 15px;
			}
			.archive-header__inner{
				flex-direction: column;
			}
			.archive-header__inner h1.archive-title , .archive-header__inner div {
			    width: 100%;
			}
			.page-template-categories-page .front-category-section .front-category-grid , .page-template-links-page .front-category-section .front-category-grid {
		        grid-template-columns: repeat(2, 1fr);
		        gap: 20px;
		    }
	    }
	    @media screen and (max-width: 660px) {

	    	section.archive-section .archive-header{
	    		padding: 170px 15px 40px;
	    	}
	    	.tasty-recipes-other-details {
			    padding: 20px !important;
			}
			.tasty-recipes-entry-content {
			    padding: 0 20px 50px 20px;
			}
			section.futured_sections .grid-images img {
		   		 width: 20%;
			}

	    	.page-template-categories-page .front-category-section .front-category-grid , .page-template-links-page .front-category-section .front-category-grid {
		        grid-template-columns: repeat(2, 1fr);
		        gap: 20px;
		    }
		     .front-category-section .front-category-grid {
		        grid-template-columns: repeat(2, 1fr) ;
		        gap: 20px;
		    }
		    section.main-section .container .row{
		    	flex-direction: column;
		    	gap: 20px;
		    }
		    section.main-section .container .left-side{
		    	width: 100%;
		    }
		    section.main-section .container .right-side{
		    	width: 100%;
		    }
		    section.imessonary-image-section .row{
			    flex-direction: row !important;
			    gap: 10px;
			}
			section.imessonary-image-section .row, section.imessonary-image-section .row .right-image, section.imessonary-image-section .row .right-image .two-images {
		        gap: 10px;
		    }

	    }

	    @media screen and (max-width: 560px) {
	    	.view-more-wrap .view-more-btn{
	    		padding: 10px 15px;
	    	}
	    	 .recent-recipes-scroll .recipe-card-container{
	    	 	grid-template-columns: repeat(2, 1fr);
	    	 }
	    	 .common-about-subscribe-grid{
	    	 	flex-direction: column;
	    	 }
	    	 .common-about-subscribe-grid .common-about-image {
				 width: 100%;
			 }
			 .common-about-subscribe-grid .common-about-content{
			 	width: 100%;
			 	padding: 30px;
			 }
			 section.futured_sections .grid-images{
			 	grid-template-columns: repeat(4, 1fr);
			 }
			 .latest-featured-post .featured-content{
			 	padding: 15px 25px;
			 }
			 .common-ted-wrapper .row{
			 	flex-direction: column-reverse;
			 	gap: 0;
			 }
			 .common-ted-wrapper .row .common-ted-left {
			    width: 40%;
			    height: 287px;
			    margin-right: 0;
			    transform: rotate(-90deg);
			    margin-top: -108px;
			}
			.common-ted-wrapper .row .common-ted-video {
			    width: 100%;
			    z-index: 10;
			}
		    .dl-footer .dl-footer-grid {
			    display: grid;
			    grid-template-columns: repeat(1, 1fr);
			    gap: 10PX;
			}
			.dl-footer .dl-footer-logo {
		        font-size: 36px;
		    }

	    }