/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1749820907
Updated: 2025-06-13 13:21:47

*/

@font-face {
  font-family: 'segoeuithibd';
  src: url('../fonts/segoeuithibd.woff') format('woff');
}

body{font-family: segoeuithibd; }

.container_step h1 {
    font-size: 35px;
    margin-bottom: 30px;
    font-weight: bold;
}
/* login and register page css */
.page-id-205 #user-registration {
    margin: 0 0;
}
.donot p {
    padding: 0;
    margin: 0;
}
button.user-registration-Button.button {
    margin: 0;
}
.page-id-205 div#ur-frontend-form {
    padding-bottom: 0;
}
.page-id-203 .ur-button-container {
    margin-top: 0px !important;
}
.help-serch input.helpful-search {
    border: 0px solid;
    background-color: #fdfaf6;
	    margin: 0px !important;
}
.help-serch input:focus-visible {
    outline: 0px solid crimson;
    border-radius: 3px;
    border: 0px solid;
}
.search-container.help-serch {
    margin-bottom: 5rem;
}
button#load_more_growing_peppers {
    margin-top: 50px;
}
/* End login and register page css */
.container_step  .step-title {
    color: #FA7D0B;
    font-weight: bold;
    font-size: 30px;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 30px;
}

.container_step  .accordion {
  background-color: #fefaf5;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
  border: 1px solid #e3e3e3;
}
.pepper-database ul.pepper-list {
    display: grid;
    grid-template-columns: auto auto auto;
}
.container_step  .trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px;
  cursor: pointer;
}

.container_step  .icon-text {
  display: flex;
  gap: 16px;
  align-items: center;
}
.container_step .icon-text img {
    width: 85px;
    height: 85px;
}

.container_step  .icon-text h3 {
  margin: 0;
  font-size: 25px;
  font-weight: 700;
}

.container_step  .icon-text p {
  margin: 2px 0;
  font-size: 14px;
}

.container_step  .icon-text span {
  font-size: 13px;
  color: #555;
}

.container_step  .arrow {
  font-size: 18px;
  transition: transform 0.3s ease;
}

.container_step  .accordion.active .arrow {
  transform: rotate(180deg);
}

.container_step  .accordion-body {
  max-height: 0;
  overflow: hidden;
  padding: 0 20px;
  transition: max-height 0.4s ease, padding 0.3s ease;
  background:#fefaf5 !important;
  border-top: 1px solid #eee;
}

.container_step  .accordion.active .accordion-body {
  max-height: 800px;
  padding: 16px 20px 20px;
}

.container_step  .accordion-body ol {
  padding-left: 20px;
}

.container_step  .accordion-body li {
  margin-bottom: 12px;
  font-size: 14px;
}

.container_step  .accordion-body a {
  display: block;
  margin-top: 4px;
  color: #007bff;
  font-size: 13px;
}
 .single-article h1 {
    text-align: center;
}



/* Responsive */
@media (max-width: 600px) {
  .container_step  .icon-text {
    flex-direction: column;
    align-items: flex-start;
  }

  .container_step  .accordion-header {
    flex-direction: column;
    align-items: flex-start;
  }

 .container_step  .arrow {
    align-self: flex-end;
    margin-top: 10px;
  }
}
.Articles_img {
    margin-top: 35px;
}
.Pepperss .top-bar button {
    position: absolute;
    left: 0;
}
.Pepperss .top-bar {
    justify-content: center;
}
.Pepperss .header {
    margin: 0px !important;
}
.container_step .arrow::before {
    content: '';
    background-image: url(/wp-content/uploads/2025/06/arrow.png);
    width: 40px !important;
    height: 40px !important;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
}
.container_step .arrow {
    color: transparent;
}



.alphabet {
    /*gap: 5px;*/
    margin: auto;
    margin-bottom: 30px;
    /*justify-content: center;*/
    /*display: flex;*/
    /*flex-wrap: wrap;*/
}

   .alphabet div {
    background-color: #E87722;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
    font-size: 27px;
    text-transform: lowercase;
    border-radius: 4px;
    cursor: pointer;
    width: 60px;
    height: 60px;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    border-radius: 50px;
}
.alphabet {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         max-width: 100%; /* adjust as needed */
         margin: 0 auto;
         gap: 10px;
    }
    
    .serch-with-aalphabet {
         /*width: 40px ;*/
         /*height: 40px;*/
         background-color: #ffeed6;
         color: black;
         font-weight: bold;
         display: flex;
         align-items: center;
         justify-content: center;
         border-radius: 4px;
         font-family: sans-serif;
    }
.glossary .definition {
    width: 75%;
}
.glossary li {
    display: flex;
}
.glossary .term {
    width: 170px;
    font-weight: bold;
}

    .glossary {
      max-width: 1000px;
      margin: auto;
      padding: 0 10px;
    }

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

    .glossary li {
      margin-bottom: 25px;
      border-bottom: 1px solid #eee;
      padding-bottom: 15px;
    }

    .alphabet .term {
      font-weight: bold;
      font-size: 16px;
      margin-bottom: 6px;
    }

    .definition {
      font-size: 15px;
      color: #333;
      line-height: 1.5;
    }

  .keybord .header {
      display: flex;
      gap: 20px;
      font-size: 18px;
      font-weight: bold;
      color: #e76f00;
      margin-bottom: 15px;
    }
    
    .growing_peppers .card {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-color: #fffdfa;
      border: 1px solid #e2e2e2;
      border-radius: 12px;
      padding: 15px;
      margin-bottom: 20px;
      box-shadow: 0 0 4px rgba(0,0,0,0.1);
      transition: transform 0.2s ease;
    }

     .growing_peppers .card:hover {
      transform: translateY(-2px);
    }

   .growing_peppers .card-left {
      display: flex;
      align-items: center;
      gap: 15px;
    }

    .growing_peppers .card-left img {
          width: 100px;
    height: 100px;

      object-fit: cover;
      border-radius: 12px;
    }

   .growing_peppers .card-text h3 {
          font-size: 30px;animation-name;
      font-weight: bold;
      color: #1b1b1b;
		    margin-bottom: 6px;
    }

     .growing_peppers .card-text p {
     font-size: 16px;
      color: #555;
    }

   .growing_peppers .card-button {
      width: 36px;
      height: 36px;
      background-color: #f57c00;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 1.2rem;
      cursor: pointer;
      transition: background-color 0.2s ease;
    }

  .growing_peppers .card-button:hover {
      background-color: #e36400;
    }
    
    @media (max-width: 600px) {
     .growing_peppers .card {
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
      }
        .growing_peppers .card-text h3 {
            font-size: 18px;
        }
     .growing_peppers .card-left {
        flex-direction: row;
        width: 100%;
      }

   .growing_peppers .card-button {
        align-self: flex-end;
      }
    }
    


    .tab-container .tabs {    width: 50%;
      display: flex;
      background-color: #fff;
      border-radius: 30px;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      margin-bottom: 45px;
    }
.card_row{display:flex; gap:1rem;}
   .tab-container .tab {    border-radius: 50px;
      flex: 1;
      text-align: center;
      padding: 15px 0;
      font-weight: bold;
      cursor: pointer;
      transition: all 0.3s ease;
      color: #555;
    }

   .tab-container .tab.active {
      background-color: #f47c24;
      color: white;
    }

   .tab-container .tab-content {
      display: none;
    }

   .tab-container .tab-content.active {
      display: grid;
      /*grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));*/
      gap: 20px;
    }

   .tab-container .card {
      background-color: #fff;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px;
      border-radius: 12px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

  .tab-container  .card-content {
      max-width: 80%;
    }

    .tab-container .card-content h3 {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 8px;
    }

    .tab-container .card-content p {
      font-size: 14px;
      line-height: 1.5;
    }

   .tab-container .card-content p span {
      font-weight: bold;
    }

   .tab-container .card img {
      width: 70px;
      height: 70px;
      border-radius: 12px;
      object-fit: cover;
    }

    @media (max-width: 600px) {
     .tab-container .card {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
      }
    .tab-container  .card img {
        align-self: center;
      }
    }
.tab-container .card-content {    gap: 0px;
    display: flex;
    align-items: baseline;
    justify-content: start;
    flex-direction: column;
}
.card_row .card-content p:nth-child(2) {
    margin-bottom: 5px;
}
.glossary-data {
    margin-top: 60px;
}
.discussion-wrapper {
    max-width: 1140px;
    
}

    /* Top Controls */
    .top-bar_search {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
/*       margin-bottom: 20px; */
    }
.page-id-5155 .top-bar_search {
    margin-bottom: 45px;
}
    .search-group {
      display: flex;
      flex: 1;
      max-width: 600px;
      background: white;
      border: 1px solid #f47c24;
      border-radius: 30px;
      overflow: hidden;
    }

    .search-group input {
      flex: 1;
      border: none;
      padding: 12px 20px;
      font-size: 14px;
      outline: none;
    }

    .search-group button {
      background: #f47c24;
      color: white;
      border: none;
      padding: 12px 24px;
      font-weight: bold;
      cursor: pointer;
		 border-radius: 50px;
    }

    .create-button {
      background-color: #f47c24;
      color: white;
      border: none;
       padding: 14px 24px;
      border-radius: 50px;
      font-size: 14px;
      font-weight: bold;
      cursor: pointer;
      white-space: nowrap;
    }

    /* Post Card */
    .post-card {
      background: white;
      border-radius: 10px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.08);
      padding: 20px;
      margin-top: 10px;
    }

    .post-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .user-info {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .user-info img {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      object-fit: cover;
    }

    .user-info h4 {
      font-size: 15px;
      font-weight: bold;
    }

    .post-content {
      font-size: 14px;
      line-height: 1.5;
      color: #555;
      margin: 15px 0;
    }

    .read-more {
      color: #f47c24;
      font-weight: bold;
      cursor: pointer;
    }

    .post-footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 13px;
      color: #999;
    }

    .actions {
      display: flex;
      gap: 20px;
      margin-top: 10px;
    }

    .actions div {
      display: flex;
      align-items: center;
      gap: 6px;
      cursor: pointer;
      font-size: 14px;
    }

    .actions div:hover {
      color: #f47c24;
    }

    @media (max-width: 600px) {
      .top-bar {
        flex-direction: column;
        align-items: stretch;
      }

      .search-group {
        width: 100%;
      }

      .create-button {
        width: 100%;
      }
    }

#favorites .card_row {
    flex-wrap: wrap;
}
#favorites .card_row .card {
    width: 49%;
}
#favorites .card a {
    display: flex;
    justify-content: space-between !important;
    align-items: center;
    grid-auto-columns: auto;
    width: 100%;
}
.tab-container .card-content {
    color: #000;
}
#discussion .post-card {
      padding: 16px;
      background: #fff;
      border-radius: 10px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      position: relative;
      font-family: Arial, sans-serif;
    }

  #discussion  .dots {
      position: absolute;
      top: 16px;
      right: 16px;
      cursor: pointer;
      font-size: 24px;
    }

 .post-card .dropdown {
      position: absolute;
      top: 40px;
      right: 16px;
      background: white;
      border: 1px solid #ccc;
      border-radius: 8px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      display: none;
      z-index: 10;
    }

   #discussion .dropdown.active {
      display: block;
    }

   #discussion .dropdown ul {
      list-style: none;
      margin: 0;
      padding: 8px 0;
    }

  #discussion  .dropdown ul li {
      padding: 10px 20px;
      cursor: pointer;
    }

    #discussion .dropdown ul li:hover {
      background: #f0f0f0;
    }

.profile-container {
      max-width: 800px;
      margin: 35px auto;
      text-align: center;
    }

    .profile-container .profile-image {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      object-fit: cover;
      margin-bottom: 10px;
    }

    .username {    margin-top: 30px;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }

    .settings-list {
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

    .settings-item {font-weight: bold;
      padding: 15px 20px;
      border-bottom: 1px solid #eee;
      display: flex;
      justify-content: space-between;
      align-items: center;
      text-decoration: none;
      color: #333;
      transition: background 0.2s;
    }

    .settings-item:last-child {
      border-bottom: none;
    }

    .settings-item:hover {
      background-color: #f8f8f8;
    }

    .arrow {
      font-size: 18px;
      color: #999;
    }

    @media (max-width: 600px) {
      .settings-item {
        padding: 12px 16px;
      }

      .username {
        font-size: 18px;
      }
    }


.container.profileedit {
      max-width: 800px;
      margin: 30px auto;
      text-align: center;
    }

  .profileedit  .back-button {
      text-align: left;
      margin-bottom: 20px;
    }

  .profileedit .back-button button {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    font-size: 18px;
    cursor: pointer;
    padding: 0;
}

.topbar {    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
   .profileedit h2 {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 20px;
    }

   .profileedit .profile-pic-container {
      position: relative;
      display: inline-block;
      margin-bottom: 30px;
    }

    .profileedit .profile-pic {
      width: 120px;
      height: 120px;
      border-radius: 50%;
      object-fit: cover;
    }

    .profileedit .edit-icon {
      position: absolute;
      bottom: 5px;
      right: 5px;
      background-color: #2196f3;
      color: white;
      border-radius: 50%;
      width: 26px;
      height: 26px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      cursor: pointer;
    }

   .profileedit form {
      display: flex;
      flex-direction: column;
      gap: 15px;
    }

   .profileedit input {
      padding: 12px;
      border: 1px solid #ccc;
      border-radius: 8px;
      font-size: 16px;
    }

    .profileedit .btn-submit {
      background-color: #ec6b14;
      color: white;
      padding: 14px;
      border: none;
      border-radius: 30px;
      font-size: 16px;
      font-weight: bold;
      cursor: pointer;
      margin-top: 20px;
    }

    .profileedit .btn-submit:hover {
      background-color: #d45e11;
    }

    @media (max-width: 600px) {
      .profileedit .profile-pic {
        width: 100px;
        height: 100px;
      }
    }
.containernew{
      
      background: #fff;
      border-radius: 12px;
      padding: 20px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    }

    .containernew .section-title {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 10px;
    }



.dropdown-container {
      position: relative;
    }

    .dropdown-selected,.discussion-post-single input,.discussion-post-single textarea {
      background: #fff;
      border: 1px solid #ccc;
      border-radius: 8px;
      padding: 12px 16px;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 16px;
    }

    .dropdown-arrow {
      transition: transform 0.2s ease;
    }

    .dropdown.open .dropdown-arrow {
      transform: rotate(180deg);
    }

    .dropdown-options {
      border: 1px solid #ccc;
      border-top: none;
      border-radius: 0 0 8px 8px;
      background: #fff;
      position: absolute;
      width: 100%;
      z-index: 10;
      display: none;
    }

    .dropdown.open .dropdown-options {
      display: block;
    }

    .dropdown-option {
      padding: 12px 16px;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      transition: background 0.2s;
    }

    .dropdown-option:hover {
      background: #f0f0f0;
    }

    .radio-circle {
      width: 18px;
      height: 18px;
      border: 2px solid #f57c00;
      border-radius: 50%;
      display: inline-block;
      position: relative;
      margin-left: 10px;
    }

    .radio-circle::after {
      content: "";
      width: 10px;
      height: 10px;
      background: #f57c00;
      border-radius: 50%;
      position: absolute;
      top: 2px;
      left: 2px;
      opacity: 0;
      transition: 0.2s ease;
    }

    .dropdown-option.selected .radio-circle::after {
      opacity: 1;
    }

    @media (max-width: 600px) {
      .dropdown-selected, .dropdown-option {
        font-size: 14px;
      }
    }
   .containernew .result-section {
      margin-top: 30px;
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }

    .containernew .card {
      width:57%;
      border: 1px solid #eee;
      border-radius: 10px;
      padding: 16px;
      background: #fff;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

  .containernew  .card-icon {
      font-size: 24px;
    }

.containernew  .problem {
    color: #000;
    width: 40%;
}

  .containernew .treatment {
    color: #000;
}
    .containernew .card-title {
      font-weight: bold;
      font-size: 16px;
    }
.card-icon img {
    width: 35px;
}

.home .card {
    padding-bottom: 10px;
}
.card div:last-child {
    color: #4A4A4A !important;
}
@media (max-width: 600px) {.containernew .card{width:100%;}
     .containernew .result-section {
        flex-direction: column;
      }
    }

.steps {
    display: none !important;
}
.form-wrapper {
    width: 100%;
    margin: 20px auto;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

    .steps {
      display: flex;
      justify-content: space-between;
      margin-bottom: 30px;
    }

    .steps div {
      flex: 1;
      text-align: center;
      padding: 10px;
      background: #eee;
      border-radius: 5px;
      margin: 0 5px;
    }

    .steps .active {
      background: #ff8c00;
      color: #fff;
      font-weight: bold;
    }

    .form-step {
      display: none;
    }

    .form-step.active {
      display: block;
    }

    label {
      display: block;
      margin: 15px 0 5px;
      font-weight: 600;
    }

    input, select, textarea {
/*       width: 100%; */
/*       padding: 10px;
      margin-bottom: 15px;
      border: 1px solid #ccc;
      border-radius: 5px; */
    }

    .buttons {
      text-align: right;
    }

    .buttons button {
    padding: 12px 50px;
    background: #ff8c00;
    color: white;
    border: none;
    cursor: pointer;
    margin-left: 10px;
    border-radius: 50px;
    font-weight: 600;
}
button.back-button:hover {
    background-color: #e37024;
}
    @media (max-width: 600px) {
      .steps {
        flex-direction: column;
      }

      .steps div {
        margin: 5px 0;
      }
    }




button.swal2-confirm.custom-swal-confirm-button.swal2-styled {
    background-color: #E87722;
    color: #fff;
    border-color: #E87722;
    font-size: 16px;
    border-radius: 8px;
    padding: 10px 30px 10px 30px;
    border: 0px solid;
    box-shadow: none !important;
}

.custom-swal-popup {
  border-radius: 30px !important;
  padding: 40px 30px !important;
  width: 500px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
 
.custom-swal-title {
    font-size: 32px !important;
    font-weight: 700 !important;
    margin-top: 0;
    color: #000;
    padding-top: 0pc;
}
 
.custom-swal-html {
  font-size: 16px !important;
  color: #444;
  margin-bottom: 0px !important;
}
 
.custom-swal-button {
  background-color: #E87722 !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  padding: 14px 30px !important;
  border-radius: 20px !important;
  width: 80%;
  max-width: 300px;
  margin: 0 auto;
  box-shadow: none !important;
  display: inline-block;
}
button.swal2-close {
    border-color: #F1F1F1;
    color: #797979;
    padding: 18px 10px 18px 10px;
    border-radius: 50%;
    background-color: #F1F1F1;
    font-size: 24px;
}
button.swal2-close:hover {
    background-color: #E87722;
}



@media only screen and (min-width: 320px) and (max-width: 767px)  {
.single-pepper .left-margin-class {
    margin-left: 0;
}

.page-id-128 .swiper-container .card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
    max-width: 290px;
    margin: 0 auto;
    display: flex;
    max-height: 355px;
}
	
	.page-id-5155 .top-bar_search {
    display: block;
}
	.page-id-5155 .discussion-scrolbar {
    background-color: #fff;
}
	body #discussion .post-card {
    margin: 40px 0 0 0;
}
	.page-id-5155 .discussion-wrapper .main-sidebars {
    display: block;
}
	.page-id-5155 .search-group {
    margin-bottom: 25px;
}
	
	.page-id-943 .search-form.pepper-database-form.sticky-search {
    margin-bottom: 35px !important;
}
	.glossary-data {
    margin-top: 50px;
}
	
	body #user-registration.horizontal .user-registration-MyAccount-content {
    padding: 1px 25px 25px 25px;
}
	body .card.whtas img {
    width: 100%;
    height: 270px;
}
	body .tab-buttons {
    display: block;
	margin-bottom: 25px;
    margin-top: 25px;
}
body .tab-buttons button {
    margin-bottom: 15px;
}
body .form-wrapper {
    margin: 0px auto;
}
body #qt_links_editor_toolbar {
    display: none;
}
	body .buttons-pepper {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: 20px;
}
	
	.swiper-container .swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,0px) !important;
}
	.swiper-container .swiper-button-prev, .swiper-rtl .swiper-button-next {
 left: var(--swiper-navigation-sides-offset, 0px) !important;
}
	
	.swiper-slide {
    width: 100% !important;
}
	.swiper-container .card img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 30px;
}

	body .article-card .card-left img {
    width: 80px;
    height: 80px;
}
body .article-card .card {
    align-items: flex-start;
    flex-direction: column;
    gap: 0px;
}
body .article-card .card-left {
    flex-direction: row;
    width: 100% ;
}
body .article-card .card-button {
    align-self: flex-end;
}
	
	
	body div#article-section {
    display: block;
}
	body div#article-posts {
    padding: 0 0 0 0;
}
	body .Articles_img img {
            height: auto;
        width: 100%;
}

div#article-sidebar {
    width: 100% !important;
}
div#article-posts {
    width: 100% !important;
	margin: 25px 0 0 0;
}
	body .article-card .card-text h3 {
    font-size: 16px;
}
.page-id-943 ul.pepper-list li {
    display: list-item !important;
    list-style-type: disc !important;
    margin-left: 20px; /* optional: ensures spacing */
  }

  .page-id-943 ul.pepper-list li a {
    display: inline; /* or inline-block if necessary */
  }



	body .left-box, .right-box {
    padding: 10px;
}
	body .info-row {
    align-items: center;
/* 	text-align: center; */
}

.postid-17763 .info-row img, .edit-link img {
    position: relative;
    top: 5px;
}
	.postid-17763 .info-row {
    align-items: center;
    text-align: center;
}
 .page-id-5588 .new-dicussions {
    display: block;
	align-items: center;
    text-align: center;
    width: 100%;
}
.page-id-5588 .top-bar_search {
    display: block;
}
	#favorites .card_row .card {
    width: 100%;
}
	.tab-container .tabs {
    width: 100%;
}
	.top-bar .header {
		margin-left: 0px !important;}
.foralllinks .elementor-element a {
    justify-content: center !important;
    margin: 0px auto;
}
	.foralllinks .elementor-element {
    left: 0px !important;
    right: 0px !important;
}
	.Pepperss .top-bar button {
    position: unset;
}
	.Pepperss .top-bar {
    flex-direction: row;
}
	.Pepperss .top-bar .header {
    font-size: 30px;
}
	.range input[type="text"] {
    width: 24% !important;
}
}


@media only screen and (min-width: 768px) and (max-width: 996px)  {
	
body .card.whtas img {
    width: 100%;
    height: 275px;
}
	body .card.whtas h3 {
    font-size: 22px;
}
	.swiper-container .swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,0px) !important;
}
	.swiper-container .swiper-button-prev, .swiper-rtl .swiper-button-next {
 left: var(--swiper-navigation-sides-offset, 0px) !important;
}	

body .swiper-container.custom-contaner .swiper-wrapper .swiper-slide {
    width: 49%;
    margin-right: 20px;
}
.my-discussion-wrapper .new-dicussions {
    gap: 175px;
}
body .thumbs {
    gap: 3px;
}
.my-discussion-wrapper .profileedit h2 {
    font-size: 16px;
}
}

@media (min-width: 320px) and (max-width: 560px)
{
	.pepper-database ul.pepper-list {
    grid-template-columns: auto auto !important;
    gap: 1rem;
    padding-left: 0px !important;
}
}


/* Start New register and sign up login from css */

#custom-register-form {
    width: 100%;
    max-width: 100%;
    background: #fffaf5;
    padding: 30px;
    box-sizing: border-box;
    text-align: center;
}
#custom-register-form h2 {
    color: #f26522;
    margin-bottom: 10px;
}
#custom-register-form p {
    color: #666;
    margin-bottom: 20px;
}
#custom-register-form input[type="text"],
#custom-register-form input[type="email"],
#custom-register-form input[type="password"] {
    width: 100%;
    padding: 14px 20px;
    border: 1px solid #ccc;
    border-radius: 40px;
    margin: 10px 0;
    font-size: 15px;
    box-sizing: border-box;
}
#custom-register-form input[type="checkbox"] {
    margin-right: 8px;
    vertical-align: middle;
}
#custom-register-form label {
    font-size: 14px;
    text-align: left;
    display: block;
    margin: 10px 0;
}
#custom-register-form label a {
    color: #f26522;
    font-weight: bold;
    text-decoration: none;
}
#custom-register-form button {
    width: 100%;
    padding: 14px;
    background-color: #f26522;
    color: #fff;
    border: none;
    border-radius: 40px;
    font-size: 16px;
    cursor: pointer;
    margin-top: 15px;
}
#custom-register-form button:hover {
    background-color: #d8541a;
}
#otp-message {
    margin-top: 10px;
    color: red;
    font-size: 14px;
}
.already-account {
    margin-top: 20px;
    font-size: 14px;
}
.already-account a {
    color: #f26522;
    font-weight: bold;
    text-decoration: none;
}


.subtitle {
    text-align: center;
    color: #555;
    font-size: 14px;
    margin-bottom: 25px;
}

#custom-login-form {
    width: 80%;
    padding: 0 20px;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
}
form#custom-register-form {
    border-radius: 15px;
}
#custom-login-form input[type="email"],
#custom-login-form input[type="password"] {
    width: 100%;
    padding: 14px 20px;
    border: 1px solid #ccc;
    border-radius: 40px;
    margin: 10px 0;
    font-size: 15px;
    box-sizing: border-box;
}

#custom-login-form input::placeholder {
    color: #ccc;
}

.remember-label {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin: 10px 0 20px;
    color: #333;
}

.remember-label input {
    margin-right: 8px;
}

#custom-login-form button {
    width: 100%;
    padding: 14px;
    background-color: #f26522;
    color: #fff;
    border: none;
    border-radius: 40px;
    font-size: 16px;
    cursor: pointer;
}

#custom-login-form button:hover {
    background-color: #d8541a;
}

#login-message {
    margin-top: 10px;
    color: red;
    font-size: 14px;
}

.bottom-text {
    margin-top: 20px;
    font-size: 14px;
    color: #555;
}

.bottom-text a {
    color: #f26522;
    font-weight: bold;
    text-decoration: none;
}

.forgot-password {
    margin-top: 15px;
    font-size: 14px;
}
.forgot-password a {
    color: #f26522;
    font-weight: bold;
    text-decoration: none;
}
button#verify-otp {
    background-color: #E87722;
    border-color: #E87722;
    color: #fff;
    font-weight: 600;
    border-radius: 50px;
    padding: 10px 30px;
}
input#otp-input {
    border: 1px solid rgb(192.1952686567, 195.8151709634, 212.1047313433);
    border-radius: 25px !important;
    padding: 10px 15px;
}
#otp-popup h3 {
    font-size: 18px;
    color: #7a7a7a;
}
 .password-wrapper {
        position: relative;
    }
    .password-wrapper input {
        width: 100%;
        padding-right: 40px;
        border-radius: 25px;
        background-color: #eaf1ff;
        border: none;
        padding: 10px 15px;
    }
    .toggle-password {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        cursor: pointer;
        color: #d28f6c;
    }
/* End New register and sign up login from css */

.sticky-search {
    position: sticky;
    top: 0;
    z-index: 999;
    background: #fff;
    padding: 15px 0;
}

ul.article-category-list {
    padding: 0;
}
#article-section .img-box img {
    width: 70px;
    height: 70px;
    border-radius: 6px;
    object-fit: cover;
}



/* .article-card .card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 5px;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    transition: transform 0.2s ease;
    background-color: #f0dfc94d;
    border: 1px solid #0000004d;
} */
.page-id-829 .article-card .card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 6px;
    padding: 0px;
    margin-bottom: 5px;
    box-shadow: 0 0 0px rgba(0,0,0,0.1);
    transition: transform 0.2s ease;
    background-color: #f0dfc91c;
    border: 0px solid #0000004d;
    box-shadow: none;
}
     .article-card .card:hover {
      transform: translateY(-2px);
    }
   .article-card .card-left {
      display: flex;
      align-items: center;
      gap: 15px;
}
    .article-card .card-left img {
     width: 100px;
    height: 100px;
      object-fit: cover;
      border-radius: 12px;
    }
  .article-card .card-text h3 {font-size: 18px;animation-name;font-weight: bold;color: #1b1b1b;margin-bottom: 6px;}

   .article-card .card-text p {
     font-size: 16px;
     color: #555;
}
 .article-card .card-button {
      width: 36px;
      height: 36px;
      background-color: #f57c00;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 1.2rem;
      cursor: pointer;
      transition: background-color 0.2s ease;
}
.article-card .card-button:hover {
      background-color: #e36400;
    }

.article-scrolbar {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 9999;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 100%;
    padding: 15px 30px 15px 30px;
    border-radius: 8px;
    background-color: #f0dfc94d;
}
.new-article-views {
    background-color: #E87722;
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px 50px 50px 50px;
    padding: 15px 30px 15px 30px;
    color: #fff;
    border-color: #E87722;
}
.new-article-views:hover {
    background-color: #e87722e0;
}
.article-scrolbar h2 {
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    margin: 15px 0 15px 0;
}
ul.article-category-list a {
    color: #e87722;
    font-size: 16px;
    font-weight: 600;
}
ul.article-category-list li {
    padding: 5px 0 5px 0;
}
div#article-section {
    display: flex;
    gap: 35px;
}
div#article-posts {
    border-left: 1px solid #ddd;
    padding: 0 0 0 25px;
}


/* Start discussion page new feature css */
 .discussion-wrapper .main-sidebars {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}
.discussion-post-data {
    width: 100%;
}
.discussion-scrolbar {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 9999;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 10px 40px 10px 40px;
    border-radius: 8px;
    background-color: #f0dfc94d;
}
.discussion-scrolbar h2 {
    font-size: 20px;
    font-weight: 600;
    padding: 0 0 0 0;
}
span.category-badge {
    font-size: 12px;
    font-weight: bold;
    color: white;
    background: #ff6600;
    padding: 4px 10px;
    border-radius: 12px;
    margin-bottom: 10px;
}
.post-categories {
    padding: 8px 0 0 0;
}
.discussion-scrolbar a.category-link {
    font-size: 16px;
}
.discussion-scrolbar a.category-link.active {
    color: #000;
}
.card.whtas img {
    width: 100%;
    height: 368px;
    border-radius: 50px;
}
.card.whtas h3 {
    font-size: 24px;
/*     font-weight: 600; */
    text-transform: capitalize;
    color: #000000;
    text-align: center;
}
.card.whtas {
    border: 1px solid #ededed;
}
/* End discussion page new feature css */