*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box; 
    font-family: 'Inter', sans-serif;
}
/*--------Poppin-------- */
.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

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

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

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

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

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

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

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

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}
/* ----------- */
a{
    text-decoration: none!important;
}
ul{
    padding-left: 0px!important;
}
li{
    list-style: none!important;
}

/* ---------------- */
.bg-whiteclr{
    background-color: #ffffff;
}
.bg-lightgreen{
background-color: #F5FFF7;
}
.bg-darkgreen{
    background-color: #046E1B;
}
.text-black{
    color:#000000;
}
.text-darkgreen{
    color:#046E1B;
}
.text-lightgreen{
    color:#F8FAFC;
}
.text-white{
    color: #FFFFFF;
}
button{
    background-color: #046E1B;
    border-radius: 5px!important;
    border: 1px solid;
    color: #FFFFFF;
}
button:hover{
       background-color: #046118;
}
.heading{
    font-size: 2.9rem;
    font-weight: 600;
    font-family:'';
    color: #000000;
}

.sub-heading{
    font-family: 'Inter';
    font-weight: 300;
    color: #7F7D7D;
    font-size: 1.5rem;
}
.gap-28{
    gap:28px;
}
footer .container{
    padding-top: 3rem;
    padding-bottom: 30px;

}
.font-family-inter{
    font-family: 'inter';
}
@media (min-width: 1399px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px!important;
    }
}

/* -------------------------------- */
nav{
    padding: 1.375rem 0rem;
}
nav button{
    padding: 12px 18px;
    font-size: 16px;
    font-family: 'inter';
    font-weight: 600;
}
.menu-left li{
    list-style: none;
}
footer ul {
    list-style: none;
}
footer ul li a {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 18px;
}
.footer-tittl {
    font-size: 14px;
    font-weight: 700;
}
.footer-right p {
    border-bottom: .9px solid #E4E4E7;
    font-size: 12px;
    font-weight: 500;
    padding-bottom: 24px;
    margin-top: 24px;
    margin-bottom: 25px;
}
footer .footer-right li img {
    margin-right: 7px;
}
.footer-right li {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 9px;
    letter-spacing: 0px;
}
.bottom-footer p {
    font-size: 13px;
    font-weight: 400;
}
.bottom-footer img {
    margin-right: 10px;
}
footer input::placeholder{
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
}
footer input {
    height: 44px;
    max-width: 320px;
    width: 100%;
    border-radius: 7px;
    border: 0.5px solid #ba9c6b;
    padding: 10px;
    font-weight: 400;
    font-size: 16px;
    background-color: #3a7b48;
    color: white;
}
.bottom-footer button {
    padding: 10px 18px;
    color: #046E1B;
    font-weight: 500;
    font-size: 16px;
    border-radius: 8px!important;
}
.bottom-footer button:hover{
     color: #ffffff;
      border-color: #ffffff;
}
.menu-left a
 {
    font-size: 16px;
    font-weight: 500;
}
.menu-left a:hover{
    color: #046118;
}
/* .menu-right button:first-child {
    margin-right: 12px;
    background-color: white;
    color: #046E1B;
    border-color: #046E1B;
} */
.menu-right button:first-child:hover{
  
    color: #ffffff;
    background-color: #046E1B;
}

/* Font Families */
.font-inter {
    font-family: 'Inter', sans-serif;
}
.font-inria-serif {
    font-family: 'Inria Serif', serif;
}
/* Banner Section */
.banner-content{
    max-width: 610px;
}
.banner-section {
        padding: 50px 0 160px;
    background-color: #FAFAFA;
    background-image: url('./images/bg-img.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
.logo{
display:flex;}
header#masthead .bg-lightgreen {
    padding: 11px 0px;
}

.banner-content .banner-title {
            font-size: 4rem;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 1rem;
    margin-top: 1rem;
    color: #000000;
}

.banner-content .banner-text {
      font-size: 1.18rem;
    color: #7F7D7D;
    margin-bottom: 1rem;
}

.banner-content .banner-subtext {
       font-size: 1.1rem;
    color: #7F7D7D;
    margin-bottom: 1rem;
    margin-top:5px;
}

.banner-buttons .btn-demo {
         color: #4CB062;
    font-weight: 600;
    margin-right: 2rem;
    font-size: 16px;
    background-color: #ff000000;
    border-color: transparent;
}

.banner-buttons .btn-demo img {
    height: 40px;
}

.banner-buttons .btn-subscribe {
       background-color: #046E1B;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: 600;
    transition: background-color 0.3s;
    font-size: 1rem;
}

.banner-buttons .btn-subscribe:hover {
    background-color: #133d20;
}

.user-info {
        margin-top: 1.2rem;
    margin-bottom: 1rem;
}

.user-avatars {
    display: flex;
    margin-right: 1rem;
}



.user-avatars .avatar-middle {
    transform: translateX(-15px);
}


.user-text .user-count {
      font-size: 17px;
    font-family: 'Inria Serif';
    color: #000000;
}

.user-text .downloads {
     font-size: 0.88rem;
    color: #828282;
    font-family: 'poppins';
    font-family: 'Poppins';
}

.app-stores a {
      margin-right: 0rem;
    width: 192px;
}

.app-stores img {
    height: 59px;width:100%;
}

.banner-image-container {
    padding-left: 2rem;
}

.testimonial-card {
    background-color: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    position: absolute;
    width: 300px;
}

.testimonial-card p {
    font-size: 0.95rem;
    color: #333;
}

.testimonial-card .testimonial-avatar {
    height: 40px;
    width: 40px;
    border-radius: 50%;
}

.fatima-card {
    top: 5%;
    left: -5%;
}

.vanessa-card {
    bottom: 5%;
    right: -5%;
}

/* Responsive */
@media (max-width: 991.98px) {
    .banner-content {
        text-align: center;
    }
    .banner-buttons, .user-info, .app-stores {
        justify-content: center;
    }
    .banner-image-container {
        padding-left: 0;
        margin-top: 3rem;
    }
    .testimonial-card {
        position: relative;
        margin: 1rem auto;
        left: 0;
        right: 0;
        top: auto;
        bottom: auto;
        width: 90%;
    }
    .fatima-card, .vanessa-card {
        transform: none;
    }
    .banner-content .banner-title {
      font-size: 3rem;
    }
}

@media (max-width: 767.98px) {
    .banner-content .banner-title {
        font-size: 2.5rem;
    }
    .banner-buttons {
        flex-direction: column;
    }
    .banner-buttons .btn-demo {
        margin-right: 0;
        margin-bottom: 1rem;
    }
}

/* -----------app-section -------------- */
section.app-section .app-tittl {
    font-size: 45px;
    color: #046E1B;
    font-family: 'Instrument Sans';
   font-weight: 600;
    text-align: right;
    padding-bottom: 73px;
}

img.img-fluid.app-img {
    bottom: -2px;
    left: 28px;
    position: absolute;
}
.app-section {
      position: relative;
    padding-bottom: 145px;
    padding-top: 230px;
}

.app-section .app-bg-img {
    background-image: url(./images/mobile-appbg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 24px;
       padding: 40px 25px;
    display: flex;
    position: relative;
    justify-content: flex-end;
}

.app-space h2 {
    color: #046E1B;
    font-size: 27px;
    font-family: 'Poppins';
    font-weight: 600;
    margin-bottom: 8px;
    letter-spacing: 0.01px;
}

.app-space span {
    margin-bottom: 9px;
    color: #475467;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Inter';
    line-height: 23px;
}

.app-space {
    max-width: 796px;
}
.app-bg-img-container {
    max-width: 789px;
}
.app-bg-img-container h2 {
    color: #046E1B;
    font-size: 27px;
    font-family: 'Poppins';
    font-weight: 600;
    margin-bottom: 8px;
}
.app-bg-img-container span {
    color: #475467;
    font-size: 18px;
    font-family: 'Inter';
    margin-bottom: 10px;
}
.app-bg-img-container img {
    margin-top: 8px;
    width: 176px;
}
img.img-fluid.appimg {
    position: absolute;
    bottom: 0;
    left: 60px;
}
/* We Know Section */
.we-know-section .we-know-left-col {
       background-color: #046E1B;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem;
}

.we-know-section .we-know-content h2 {
          font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
font-family: 'Instrument Sans' !important;
}

.we-know-section .we-know-right-col {
       /* width: 100%; */
    background-image: url(./images/img02.svg);
    background-size: cover;
    background-position: top;
    /* min-height: 400px; */
    background-repeat: no-repeat;
    object-fit: cover;
}
.we-know-content span.font-inter {
        font-size: 1.5rem;
    font-weight: 300;
    opacity: 0.9;
}
.feature-box {
            position: relative;
    color: white;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    /* min-height: 350px; */
    background-size: cover;
    background-position: center;
    height: 100%;
    padding-left: 45px;
    padding-right: 25px;
    padding-bottom: 18px;
}

.feature-box::before {
        content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

.feature-box-1 {
    background-image: url('images/img05.svg'); /* Placeholder: Replace with actual image */
}
.feature-box-2 {
    background-image: url('images/img04.svg'); /* Placeholder: Replace with actual image */
}
.feature-box-3 {
    background-image: url('images/img03.svg'); /* Placeholder: Replace with actual image */
}
.feature-box-4 {
    background-image: url('images/img06.svg'); /* Placeholder: Replace with actual image */
    background-color: #6E2A5D; /* Fallback color from image */
}
.feature-box-4::before {
    background-color: rgb(0 0 0 / 73%);
}


.feature-box-content {
          position: relative;
    z-index: 1;
    text-align: left;
    padding-top: 4.0rem;
}

.feature-box-content .icon-container {
      margin-bottom: 1rem;
    height: 60px;
    width: 60px;
}

.feature-box-content .icon-container img {
       height: 100%;
    width: 100%;
}

.feature-box-content h3 {
       font-size: 1.7rem;
    margin-bottom: .5rem;
    font-weight: 600;
    font-family: 'Instrument Sans';
}
.feature-box-content span {
    font-size: 14px;
    font-weight: 500;
}
/* Responsive Styles */
@media (max-width: 991.98px) {
    .we-know-section .we-know-left-col {
          padding: 4rem 2rem;
    }
    .we-know-section .we-know-content h2 {
        font-size: 2rem;
    }
    .feature-box {
        min-height: 300px;
    }
}

@media (max-width: 767.98px) {
    .we-know-section .we-know-right-col {
        min-height: 300px;
    }
    .feature-box {
        min-height: 250px;
    }
}

/* ------------------ */

.patent-section {
    background: #fff;
     padding: 130px 0 50px 0;
    position: relative;
  }
  /* .patent-title {
    font-family: 'Instrument Sans', 'Inter', Arial, sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 18px;
    margin-top: 0;
  }
  .patent-subtitle {
    text-align: center;
    color: #888;
    font-size: 1.25rem;
    max-width: 900px;
    margin: 0 auto 48px auto;
    font-family: 'Poppins', Arial, sans-serif;
  } */
  .patent-card {
        border-radius: 13.44px;
    padding: 20px 24px;
    color: #fff;
    /*height: 450px;*/
    width: 383px;
    margin: auto;
  }
  .card-green {
    background: #073F3E;
  }
  .card-orange {
    background: #F0AA4A;
    color: #fff;
  }
  .card-purple {
    background: #812990;
  }
  .patent-card h3 {
       font-size: 1.67rem;
    font-weight: 700;
    margin-bottom: 10px;
    font-family: 'Instrument Sans', 'Inter', Arial, sans-serif;
  }
  .patent-card span {
    font-size: 1.1rem;
    font-family: 'Inter';
    font-weight: 500;
    margin-bottom: 10px;
    display: inline-block;
}
  .patent-card ul {
    padding-left: 18px;
    margin-bottom: 0;
  }
  .patent-card li {
          font-size: 1.069rem;
    margin-bottom: 10px;
    line-height: 1.4;
    list-style: disc!important;
    margin-left: 27px;
    font-weight: 500;
    font-family: 'Inter';
  }
  .patent-card b {
    font-weight: 700;
  }
  .patent-card em {
    font-style: italic;
  }
  
  /* Responsive */
  @media (max-width: 991.98px) {
    .patent-title {
      font-size: 2rem;
    }
    .patent-card {
      min-height: 320px;
      padding: 24px 16px 20px 16px;
    }
  }
  @media (max-width: 767.98px) {
    .patent-section {
      padding: 40px 0 40px 0;
    }
    .patent-title {
      font-size: 1.3rem;
    }
    .patent-card {
      min-height: 0;
      margin-bottom: 18px;
    }
  }

  .accomplishments-section {
    background: #FFE2B3;
  }
  
  .accomplishments-title {
    text-align: center;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 40px;
  }
  
  .accomplishments-cards {
    display: flex;
    justify-content: center;
    align-items: stretch;
    padding: 50px 0px;
  }
  
  .accomplishment-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 420px;
  }
  .accomplishments-cards>div:nth-child(2) {
         border-bottom: 0px;
    border: 2.5px solid #C7A776;
    border-top: 0px;
    border-bottom: 0px;
    width: 545px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
}
  .accomplishment-number {
        color: #046E1B;
    font-size: 5.68rem;
    font-weight: 600;
    font-family: 'Inter', Arial, sans-serif;
    margin-bottom: 12px;
  }
  
  .accomplishment-desc {
       color: #101828;
    font-size: 1.7rem;
    text-align: center;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 500;    white-space: nowrap;
  }
  
  .accomplishment-divider {
    width: 1px;
    background: #d1b07a;
    margin: 0 24px;
    min-height: 80px;
    align-self: center;
    display: block;
  }
  
  @media (max-width: 991.98px) {
    .accomplishments-title {
      font-size: 2rem;
    }
    .accomplishments-cards {
      padding: 32px 8px;
    }
    .accomplishment-number {
      font-size: 2.5rem;
    }
    .accomplishment-desc {
      font-size: 1.1rem;
    }
  }
  


  /* joyfull style */
  .joy-cooking-section {
    padding: 100px 0 0 0;
    background: #fff;
  }
  .joy-title {
    text-align: center;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 2.7rem;
    font-weight: 700;
    margin-bottom: 18px;
  }
  .joy-content {
    margin-bottom: 98px;
}
  .joy-subtitle {
           text-align: center;
    color: #000000;
    font-size: 1.5rem;
    margin-bottom: 96px;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 300;
    margin-top: 22px;
    max-width: 948px;
    margin: 22px auto 96px;
  }
 .joy-video-middle {
    margin-top: 20px;
    margin-bottom: 18px;
}
.joy-video-middle video{
       object-fit: cover;
    border-radius: 20px;
    height: 366px;
    width: 100%;
}
 .joy-video-top span {
    width: 100%;
    display: block;
    color: #221F1E;
    font-family: 'Inter';
    font-weight: 300;
    text-transform: capitalize;
}
.joy-video-bottom span {
    width: 100%;
    display: block;
    color: #ffffff;
    font-family: 'Inter';
    font-weight: 300;
   
}
.joy-video-bottom {
    background-color: #073F3E;
    color: white;
    border-radius: 9px;
    padding: 16px;
    display: inline-block;
    box-shadow: 0px 4px 30px 0px #0000000F;
}
.joy-video-bottom {
    background-color: #073F3E;
    color: white;
    border-radius: 9px;
    padding: 16px;
    display: inline-block;
    box-shadow: 0px 4px 30px 0px #0000000F;
}
.joy-video-top span:first-child , .joy-video-bottom span:first-child{
    font-weight: 700;
    font-size: 20px;
    font-family: Manrope;
    margin-top: 4px;
}
  .joy-feature {
          display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 20px;
  }
  .joy-feature img {
        width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 0px;
    /* flex-shrink: 0; */
  }
  .joy-video-top {
           border-radius: 9px;
    background-color: rgb(164, 227, 72);
    display: inline-block;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 30px 0px;
    padding: 11px 16px;
    float: inline-end;
    margin-bottom: 13px;
    font-weight: 300;
    font-size: 16px;
    font-family: 'Inter';
}
.joy-features {
    padding-top: 70px;
}
  .joy-feature h3 {
    font-size: 1.15rem;
    font-weight: 600;
    margin-bottom: 2px;
    font-family: 'Inter', Arial, sans-serif;
  }
  .joy-feature p {
    font-size: 1rem;
    color: #444;
    margin-bottom: 0;
    font-family: 'Inter', Arial, sans-serif;
  }

  .joy-video iframe {
    width: 100%;
    min-width: 320px;
    max-width: 520px;
    aspect-ratio: 16/9;
    border-radius: 18px;
    border: none;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,0.08);
    background: #000;
  }
  .joy-feature h3 {
    font-size: 1.41rem;
    font-weight: 500;
    margin-bottom: 2px;
    font-family: 'Instrument Sans';
    color: #221F1E;
}
.joy-feature span{
         color: #6D625F;
    font-size: 15px;
    font-family: 'Inter';
    font-weight: 400;
    line-height: 19px;
    display: inline-block;
}
  /* Responsive */
  @media (max-width: 991.98px) {
    .joy-content {
      flex-direction: column;
      align-items: center;
      gap: 32px;
    }
    .joy-video iframe {
      max-width: 100%;
      min-width: 0;
    }
  
  }

  /* --------------- */
  .bg-image {
        right: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    opacity: .36;
}
  .how-it-works-section {
    padding: 0;
    background: #fff;
  }
.how-it-work-section {
        position: relative;
    background-color: #4CB062;
    min-height: 308px;
    padding-top: 34px;
}
  .howit-bg {
      
    padding: 48px 0 0 0;
    position: relative;
  }
  .howit-title {
    color: #fff;
    font-size: 2.7rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 8px;
    font-family: 'Inter', Arial, sans-serif;
  }
  .howit-subtitle {
    color: #fff;
    font-size: 1.25rem;
    text-align: center;
    margin-bottom: 40px;
    font-family: 'Inter', Arial, sans-serif;
  }
  .howit-steps {
          display: flex;
    justify-content: center;
    gap: 43px;
    margin-top: -205px;
    flex-wrap: nowrap;
  }
  .howit-step {
    border-radius: 20px;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,0.07);
    box-shadow: 0px 4px 30px 0px #0000000D;
    text-align: center;
    width: 375px;
    z-index: 1;
  }
  .howit-img img {
       width: 100%;
    height: 257px;
    object-fit: cover;
    border-radius: 24px 24px 0 0;
    display: block;
  }
  .howit-label {
       margin-top: 0px;
    background: #4CB062;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 600;
    border-radius: 20px;
    padding: 5px 15px;
    display: inline-block;
    margin-top:5px;
    font-family: 'Instrument Sans';
  }
  .howit-desc {
          margin-top: 1px;
    font-size: 1.66rem;
    font-weight: 600;
    color: #000000;
    text-align: center;
    font-family: 'Instrument Sans';
    line-height: normal;
    padding: 10px 23px 41px 23px;
  }
  
  /* Responsive */
  @media (max-width: 991.98px) {
    .howit-steps {
      gap: 18px;
    }
    .howit-step {
             width: 90vw;
        max-width: 360px;
        min-height: 0;
        padding-bottom: 18px;
       
    }
   
  }
  @media (max-width: 767.98px) {
    .howit-title {
      font-size: 1.5rem;
    }
    .howit-subtitle {
      font-size: 1rem;
    }
    .howit-steps {
      flex-direction: column;
      align-items: center;
      margin-top: -138px;
      gap: 12px;
      padding-bottom: 24px;
    }
    .howit-step {
       width: 90vw;
        max-width: 360px;
        min-height: 0;
        padding-bottom: 18px;
        border: 1px solid #e9e9e9;
        border-radius: 26px;
    }
    
  }
  /* question section */
  .faq {
    text-align: center;
    padding-top: 55px;
}

.faq h2,.pricing-section h2 {
        color: #101828;
    font-size: 2.75rem;
    font-family: 'Instrument Sans';
    font-weight: 600;
    margin-bottom: 14px;
}
.faq  .accordion-header{
    margin-bottom: 0px;
}
/* .faq h6,.pricing-header h6 {
    margin: auto;
    color: #7F7D7D;
    font-size: 1.5rem;
    font-weight: 300;
    font-family: 'Inter';
    max-width: 938px;
} */
 .community-section h2.tittle-black {
    margin-bottom: 20px;
}
 .faq h6 {
    margin: auto;
    color: #7F7D7D;
    font-size: 1.5rem;
    font-weight: 300;
    font-family: 'Inter';
    max-width: 943px;
 }
.faq  #accordionPanelsStayOpenExample {
    max-width: 768px;
    margin: auto;
    margin-top: 3.3rem;
}
.faq .accordion-button::after{
      background-image: url('./images/minus-circle.svg')!important;
}
.faq .accordion-button:not(.collapsed),.faq .accordion-button{
    color: #101828;
    background-color: #e7f1ff00;
    box-shadow: none;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Inter';
    padding-bottom: 0rem;
    padding-top: 1.5rem;
    border-bottom: 0px solid #EAECF0;
    border-radius: 0px!important;
    padding-left: 0px;
    padding-right: 0px;
}
.faq .accordion-item:last-of-type{
    border-bottom: 0px;
}
.faq .accordion-item {
    background-color: #fff;
    border: 0px solid rgba(0, 0, 0, .125);
    text-align: left;
    border-bottom: 1px solid #EAECF0;
    padding-bottom: 32px;
}
.faq .accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none;
}
.faq .accordion-body {
    padding: 0rem 1.25rem;
    color: #7F7D7D;
    font-weight: 400;
    font-family: 'Inter';
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0px;
    padding-top: 8px;
    padding-left: 0;
    padding-right: 22px;
}
  .contact-question-section {
    padding: 40px 0;
    background: #fff;
    display: flex;
    justify-content: center;
    padding-top: 0px;
  }
  
  .contact-question-box {
    background: #f5f5f5;
    border-radius: 16px;
    margin: 0 auto;
    padding:2rem;
    text-align: center;
  }

  .contact-question-title {
       font-size: 1.3rem;
    font-weight: 500;
    color: #101828;
    margin-bottom: 6px;
    font-family: 'Instrument Sans', Arial, sans-serif;
    margin-top: 2rem;
  }
  
  .contact-question-subtitle {
        color: #7F7D7D;
    font-size: 1rem;
    font-family: 'Inter', Arial, sans-serif;
    margin-bottom: 32px;
  }
  .contact-avatars img {
    margin-top: 10px;
}
  .contact-whatsapp-btn {
       display: inline-flex;
    align-items: center;
    color: #fff;
    font-size: 1.0rem;
    font-weight: 600;
    border-radius: 5px;
    padding: 10px 14px;
    text-decoration: none;
    margin-top: 8px;
    font-family: 'Inter';
  }
  .contact-whatsapp-btn:hover {
    background: #106915;
  }
  .whatsapp-icon {
    width: 28px;
    height: 28px;
    margin-right: 10px;
  }
  
  @media (max-width: 600px) {
    .contact-question-box {
      padding: 28px 6vw 24px 6vw;
    }
    .contact-question-title {
      font-size: 1.1rem;
    }
    .contact-question-subtitle {
      font-size: 0.95rem;
    }
    .contact-avatars img {
      width: 40px;
      height: 40px;
    }
    .contact-whatsapp-btn {
      font-size: 1rem;
      padding: 10px 18px;
    }
  }
  .family-approved-section {
    width: 100%;
    background: #fff;
    padding: 0;position:relative;
  }
  
  .family-approved-content {
    display: flex;
    flex-wrap: wrap;
    min-height: 200px;
  }
  
  .family-approved-text {
       color: #A4E348;
    flex: 1 1 320px;
    min-width: 280px;
    padding: 102px 32px 102px 90px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* max-width: 554px; */
  }
  
  .family-approved-text h2 {
        font-size: 2.9rem;
    font-weight: 600;
    margin-bottom: 32px;
    color: #A4E348;
    font-family: 'Instrument Sans';
    line-height: 1.1;
  }
  
  .family-approved-text p {
        color: #fff;
    font-size: 1.5rem;
    font-family: 'Inter', Arial, sans-serif;
    margin-bottom: 0;
    font-weight: 400;
  }
  
  .family-circles {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 80px;
    pointer-events: none;
    background: none;
  }
  .family-circles::before,
  .family-circles::after {
    content: '';
    position: absolute;
    border: 2px solid #ffffff;
    border-radius: 50%;
  }
  .family-circles::before {
       width: 217px;
    height: 217px;
    left: -31px;
    bottom: -129px;
  }
  .family-circles::after {
       width: 113px;
    height: 124px;
    left: -82px;
    bottom: 292px;
  }
  
  .family-approved-image {
      flex: 1 1 375px;
    min-width: 200px;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    overflow: hidden;
  }
  img.side-line {
    position: absolute;
    right: 0;
    top: 0;
}
  .family-approved-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 200px;
    display: block;
  }
  img.flower-icon {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.2;
}
  /* Responsive */
  @media (max-width: 900px) {
    .family-approved-content {
      flex-direction: column;
    }
    .family-approved-text, .family-approved-image {
      min-width: 0;
      width: 100%;
      padding: 24px 16px 24px 16px;
    }
    .family-approved-text {
      padding-bottom: 48px;
    }
    .family-circles {
      left: 10px;
      bottom: 10px;
    }
  }
  @media (max-width: 600px) {
 
    .family-circles {
      width: 40px;
      height: 40px;
    }
    .family-circles::before {
      width: 30px;
      height: 30px;
    }
    .family-circles::after {
      width: 15px;
      height: 15px;
      left: 20px;
      bottom: 10px;
    }
  }
  /* --------------community section------------- */
  .community-section {
     padding-top: 30px;
    padding-bottom: 160px;
    position: relative;
    overflow: hidden;
}
.community-section .wrapper {
    padding-top: 121px;
}
.community-section i {
    font-weight: 500;
}
  /*-----------------------------features-section---------------------*/
  .features-section {
    width: 100%;
    background: #fff;
    padding: 4.4rem 0 6.3rem 0;
  }
  .pricing-header h2 {
    margin-bottom: 1px;
}
  .features-container {
        display: flex;
    justify-content: center;
    /* align-items: flex-start; */
    gap: 50px;
    flex-wrap: nowrap;
    /* max-width: 1200px; */
    /* margin: 0 auto; */
  }
  
  .feature-item {
 width: 293px;
     text-align: center;
    margin-bottom: 24px;
  }
  
  .feature-icon {
        background: #F8F8F8;
    border-radius: 50%;
    width: 170px;
    height: 170px;
    margin: 0 auto 24px auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .feature-icon img {
       width: 72px;
    height: 72px;
    object-fit: contain;
  }
  
  .feature-title {
        font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 8px;
    color: #000000;
    font-family: 'Inter', Arial, sans-serif;
  }
  
  .feature-desc {
       font-weight: 500;
    color: #6D625F;
    font-size: 1rem;
    font-family: 'Inter', Arial, sans-serif;
    line-height: 1.3;
    text-align: center;
    max-width: 201px;
    margin: auto;
  }
  
  @media (max-width: 900px) {
    .features-container {
      gap: 18px;
    }
    .feature-item {
      min-width: 160px;
      max-width: 48vw;
    }
  }
  
  @media (max-width: 600px) {
    .features-container {
      flex-direction: column;
      align-items: center;
      gap: 0;
    }
    .feature-item {
      max-width: 95vw;
      min-width: 0;
      margin-bottom: 32px;
    }
    .feature-icon {
 
      margin-bottom: 12px;
    }
    .feature-icon img {
      width: 32px;
      height: 32px;
    }
    .feature-title {
      font-size: 1rem;
    }
    .feature-desc {
      font-size: 0.95rem;
    }
  }
  
/* ---------------pricing-section---------- */
.pricing-card-white.pricing-card-green span.price-old,.pricing-card-white.pricing-card-green  span.price-period {
    color: #4B5768;
}

  .pricing-section {

    padding: 40px 0 60px 0;
  }
  
  .pricing-header {
    text-align: center;
    margin-bottom: 115px;
  }
 
  .pricing-header p {
    color: #888;
    font-size: 1.15rem;
    font-family: 'Inter', Arial, sans-serif;
  }
  
  .pricing-cards {
    display: flex;
    gap: 32px;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  
  .pricing-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 16px 0 rgba(0,0,0,0.04);
    padding: 40px 24px 40px 24px;
    /* flex: 1 1 340px; */
       max-width: 580px;
        height: 885px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 16px;
    border: 1.5px solid #e0e0e0;
  }
  
  .pricing-card-green {
       background: #046E1B;
    color: #fff;
    border: none;
    box-shadow: 0 2px 16px 0 rgba(21,130,27,0.08);
  }
  .pricing-card-green h3,
  .pricing-card-green .pricing-subtitle,
  .pricing-card-green .pricing-desc,
  .pricing-card-green .pricing-price,
  .pricing-card-green .pricing-features li {
    color: #fff;
  }
  .pricing-card-green .pricing-btn {
       background: #FFFFFF;
    color: #15821b;
    margin-bottom: 40px;
    border: none;
    margin-top: 10px;
  }
  .pricing-card-green .pricing-btn:hover {
    background: #e6f7ea;
  }
  
  .pricing-card-white {
      background: #fff;
    color: #222;
    border: 1.5px solid #046E1B45;
  }
  .pricing-card-white h3,
  .pricing-card-white .pricing-desc,
  .pricing-card-white .pricing-price,
  .pricing-card-white .pricing-features li {
    color: #222;
  }
  .pricing-card-white .pricing-btn {
    background: #fff;
    color: #15821b;
    border: 2px solid #15821b;
  }
  .pricing-card-white .pricing-btn:hover {
    background: #e6f7ea;
  }
  
  .pricing-card h3 {
        font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 6px;
    font-family: 'Inter', Arial, sans-serif;
    margin-bottom: 12px;
  }
  .pricing-subtitle {
       font-size: 1rem;
    margin-bottom: 4px;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 400;
    color: #F7F8F9!important;
    margin-bottom: 5px;
    opacity: 0.9;
  }
  .pricing-desc {
    font-size: 1rem;
    margin-bottom: 5px;
    font-family: 'Inter', Arial, sans-serif;
  }
  .pricing-price {
         line-height: normal;
    font-size: 2.1rem;
    font-weight: 700;
    margin-bottom: 12px;
    display: flex;
    align-items: baseline;
    gap: 8px;
    font-family: 'Inter', Arial, sans-serif;
    margin-top: 20px;
  }
  .pricing-card.pricing-card-white.pricing-card-green p.pricing-desc {
    color: #64748B;
}
  .price-main {
        font-size: 3.5rem;
    font-family: 'Instrument Sans';
  }
  .price-old {
        font-size: 1.8rem;
    color: #FFFFFF;
    text-decoration: line-through;
    margin-left: 4px;
    OPACITY: .6;
    font-weight: 500;
    font-family: 'Instrument Sans';
  }
  .price-period {
      font-size: 1rem;
    font-weight: 400;
    margin-left: 0px;
    color: #F7F8F9;
    font-family: 'Instrument Sans';
  }
  .price-period sup{
        opacity: .9;
    top: -1.2em;
    font-size: 1rem;
    font-family: 'Instrument Sans';
    left: -6px;
    font-weight: 400;
  }
  .pricing-btn {
       width: 100%;
    padding: 10px 0;
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 18px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    font-family: 'Inter', Arial, sans-serif;
    border-radius: 4px!important;
  }
  .pricing-btn-outline {
    background: #fff;
    color: #15821b;
    border: 2px solid #15821b;
  }
  .pricing-features {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .pricing-card.pricing-card-white.pricing-card-green {
       max-width: 580px;
    width: 100%;
   
}
  .pricing-features li {
               font-size: 1rem;
    margin-bottom: 20px;
    padding-left: 28px;
    position: relative;
    line-height: 1.3;
    font-weight: 500;
    font-family: 'Inter';
    letter-spacing: 0px;
    /* display: flex; */
    padding-left: 50px;
    /* align-items: center; */
  }
  .pricing-features li::before {
            content: '✔';
    position: absolute;
    left: 0;
    color: #15821b;
    font-size: 1.0rem;
    top: -5px;
    background-color: #E8EDFB;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pricing-card-green .pricing-features li::before {
    color: #15821b;
    /* color: #fff; */
  }
  
  @media (max-width: 900px) {
  .pricing-card.pricing-card-white.pricing-card-green {
    
    width: 65%;
}
    
    .pricing-cards {
      flex-direction: column;
      align-items: center;
      gap: 18px;
    }
    .pricing-card {
      max-width: 98vw;
      min-width: 0;
            width: 100%;
    }
    .pricing-card.pricing-card-white.pricing-card-green{
    width:100%;
    max-width: 100%;
    }
    .pricing-card.pricing-card-white.pricing-card-green{
      height: auto;
    }
  .pricing-card-green{
      height: auto;
    }
  }


  /* --------------------------------------------- */
  .tittle-black{
      color: #000000;
    font-size: 2.88rem;
    font-family: 'Instrument Sans';
    font-weight: 600;
    margin-bottom: 6px;
    line-height: 55px;
    margin: auto;
    text-align: center;
}
.grey-subtittle {
      margin: auto;
    color: #7F7D7D;
    font-size: 1.5rem;
    font-weight: 300;
    font-family: 'Inter';
    /* max-width: 821px; */
    line-height: 33.6px;
    text-align: center;
  max-width: 1193px;
    display: block;
    margin-bottom: 10px;
}
.how-it-work-section .grey-subtittle , .how-it-work-section  .tittle-black{
  color:#ffffff;
  margin: inherit;
  text-align: left;
  width: auto;

}
.bg-yellow{
  background-color: #FFF3DF;
  
}
section.patent-section .bg-yellow{
position: relative;
padding-bottom: 80px;
}
.patent-section .grey-subtittle {
    padding-bottom: 30px;

}
.patent-card {
    margin-top: -150px;
}
.pleasure-section {
    padding-top: 50px;
    padding-bottom: 27px;
}
/* slider */
/* .member-image {
    background-color: #E2E8F0;
    width: 287px;
    height: 276px;
    padding: 10px;
} */
.member-image img {
    background-color: #0a3a7800;
    /* width: 287px; */
    /* width: 287px;
    background-image: url(./images/half-circle.svg); */
        background-color: #0a3a7800;
    /* width: 287px; */
    padding: 12px 0px;
    padding-bottom: 0px;
    /* padding-top: 2px; */
        object-fit: cover;
}
.member-image {
    background-image: url(./images/half-circle.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.member-image .slick-slide{
  width: auto;
}
.memberSlider .slick-slide {
  transition: all 1.5s ease-in-out;
}
/* video slider */
.video-slider{
  padding: 160px 0px;
      max-width: 1048px;
    margin: auto;
}
.video-img video {
    border-radius: 20px;
}
.video-slider h6.grey-subtittle {
      max-width: 850px;
    margin-top: 15px;
}
.video-img {
    position: relative;
}
img.play-icon {
    position: absolute;
    bottom: 30px;
    left: 131px;
    cursor: pointer;
    cursor: pointer;
}
.video-img {
  position: relative;
  display: inline-block;
}

.play-icon {
  position: absolute;
  /* top: 50%;
  left: 50%; */
  width: 50px;
  height: 50px;
  /* transform: translate(-50%, -50%); */
  cursor: pointer;
  z-index: 2;
}
/* .video-slider .slick-dots li button#slick-slide-control00{
    background-image: url(./images/Slider-Button-2.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 1;
    height: 55px;
    width:55px
    
}
.video-slider .slick-dots li button#slick-slide-control01 {
    background-image: url(./images/Slider-Button-1.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 1;
    height: 55px;
    width:55px
    
} */
  /* .video-slider  .slick-slide{
  width:316px!important;
 } */
  .video-slider .slick-prev:before, .video-slider  .slick-next:before{
    opacity: 0;display: none;
  }
 .video-slider button.slick-prev.slick-arrow ,.video-slider button.slick-next.slick-arrow {
   top: inherit;
    bottom: -107px;
    z-index: 1;

  }
  .video-slider  button.slick-next.slick-arrow{
     width: 73px;
    background-image: url(./images/Slider-Button-2.svg);
    height: 73px;
    background-size: cover;
    right: 43%;
    background-repeat: no-repeat;
    bottom: -126px;
  }
  
  .video-slider button.slick-next.slick-arrow {
       width: 52px;
    background-image: url(./images/Slider-Button-1.svg);
    height: 52px;
       background-size: inherit;
    right: 43%;
    background-repeat: no-repeat;
    bottom: -79px;
    transform: rotate(
180deg);
}

  
  

.member-image{
   transition: transform 0.4s ease, background 0.4s ease;
  overflow: visible;
  background-size: cover;
  background-position: center;
      transform: scale3d(1.1, 1.1, 1.1);
}
.member-image:hover {
           transform: scaleY(1.5);
    transform: scale3d(1.5, 1.5, 1.5);
    overflow: visible;
    background-image: url('./images/bg-yellow.svg');
    z-index: 100000!important;
}
.community-section .container-fluid {
    padding: 0px;
}

/* center slider */
/* Default slide */
.community-section .center-slider .slick-slide {
    /* background-color: #D9D9D9; */
    color: #FFF;
    height: 295px;
    margin: 0 0px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(1.2);
    transition: all 0.4s ease-in-out;
      background-image: url(./images/grey-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.center-slider .slick-slide,
.center-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
  transform: scale(0.8, 0.8);
  transition: all 0.4s ease-in-out;
}

/* Active center slide (You can change anything here for cenetr slide)*/
.center-slider .slick-center,
.center-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
  transform: scale(1.1);
  /* background-color: #FFE2B3; */
}
.center-slider .slick-current.slick-active{
    transform: scale(1.2);
    background-image: url(./images/bg-yellow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1;
    overflow: visible;
    width: 314px!important;
}

.community-section .slick-next, .community-section .slick-prev{
  z-index: 5;
}
.community-section .slick-next{
  right: 15px;
}
.community-section .slick-prev{
  left: 15px;
}
.community-section .slick-next:before, .community-section .slick-prev:before{
  color: #000;
  font-size: 26px;
}
.community-section  .slick-track
{
    display: flex !important;
}

.community-section  .slick-slide
{
    height: inherit !important;
}

/* ------------------ */

.community-section .slick-list.draggable {
    overflow: visible;
}
.center-slider-img {
    vertical-align: text-top;
    object-fit: cover;
}

.tool {
              position: absolute;
    left: 31%;
    top: -78px;
    color: #000000;
       box-shadow: -1px 8px 9px 7px #ecececcc;
    padding: 9px 10px;
    border-radius: 14px;
    text-align: center;
    width: 112px;
    opacity: 0;
}
.tool h3 {
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Inter';
}
.tool h5 {
      margin-bottom: 0px;
    font-size: 11px;
    font-weight: 400;
    font-family: 'Inter';
    color: #7F7D7D;
    position: relative;
    margin-top: 5px;
}
.tool h5::after {
        content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
        border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 22px solid #fff;
    z-index: 1;
    /* box-shadow: 1px 1px 1px 1px grey; */
}
.menu-right button {
    margin-right: 12px;
    background-color: #046E1B;
    color: #ffffff;
    border-color: #046E1B;
    padding: 12px;
}
img.small-flower {
    top: 12px;
    right: 107px;
    position: absolute;
}
.slick-slide.slick-current.slick-active.slick-center .tool {
    opacity: 1;
}


.everest-form {
    display: flex;
}
.everest-form {
    width: 100%;
}.everest-form {
    width: 100%;
    display: flex
;
}
.everest-forms {
    width: 100%;
}
.everest-forms .evf-container.default {
    margin-bottom: 0px;
}
.evf-field-container {
    width: 100%;
}
.evf-frontend-row input {
    max-width: inherit;
}
.evf-frontend-row input {
       margin-bottom: 0px!important;
    height: 44px!important;
    border-color: #FFC567!important;
    border-radius: 7px!important;
    font-size: 16px!important;
    color: white!important;
    font-family: 'Inter'!important;
    }
    .evf-submit-container button {
    width: 144px;
    height: 44px !important;
    color: #046E1B !important;
    font-weight: 500 !important;
    font-family: 'Inter';
    font-size: 16px !important;
    border-radius: 8px !important;
}
.evf-submit-container {
    padding-left: 0px !important;

}
.evf-frontend-row input::placeholder{color:white!important;  font-family: 'Inter';
    font-size: 16px !important;font-weight:400}
    .footer-tittl {
    font-size: 14.5px;
    font-weight: 700;
    font-family: 'Inter';
    letter-spacing: .6px;
    margin-bottom: 22px;
}
ul#menu-footer-product li {
    font-size: 13px;
    font-weight: 400;
    font-family: 'Inter';
    margin-bottom: 10px;
}
ul#menu-footer-product li {
    font-size: 13px;
    font-weight: 400;
    font-family: 'Inter';
    margin-bottom: 10px;
}
.evf-submit-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.banner-buttons .btn-demo:focus {
    box-shadow: none;
}
div#myModal video {
    width: 100%;
    height: 410px;
    border-radius:8px;
}
.modal-content {
      background-color: #046e1b00;
    border-radius: 12px;
    border: 0px;
    padding: 0px;
}
.modal-header{

     width: auto;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 7px;
    width: 24px;
    height: 24px;
    z-index:1;
    border:0px;
}
.modal-header .btn-close {
    padding: 3px;
    margin: 0px;
}
.btn-close:hover {

    background-color: transparent;
}
.btn-close:focus{
box-shadow:none;
}
.modal.show .modal-dialog
 {
    margin-top: 65px;
    transform: none;
}
.modal-body{

    padding: 0px;
}

.btn-close {
    background: transparent url(./images/icons8-close-50.png);
    width: 10px;
    background-size: contain;
    opacity: 1;
    /* padding: 12px !important; */
        background-repeat: no-repeat;
}

.modal-header {
    width: auto;
    display: inline-block;
    position: absolute;
    right: 21px;
    top: 11px;
}
div#priceModal .modal-header{
    width: auto;
    display: inline-block;
    position: absolute;
    right: -1px;
    top: -10px;
}
div#priceModal .modal-content {
    background: #046E1B;
    padding: 28px 0px;
    }
    div#priceModal .everest-forms-submit-button.button.evf-submit {
    width: 100%;    border-radius: 4px !important;
}
    max-width: 478px;
   
}
div#priceModal .everest-form {
    flex-direction: column;
}
div#priceModal .everest-forms-submit-button.button.evf-submit {
    width: 100%;
}

div#priceModal .evf-frontend-row input {
    margin-bottom: 10px !important;
    height: 46px !important;
    border-color: #ffffff !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    color: white !important;
    background-color: #046e1b;
    font-family: 'Inter' !important;
}
div#priceModal .everest-form {
   
    flex-direction: column;
}

.center-slider-img img {
    height: 205px;
    padding-top: 16px;
}
b.bold-txt {
        font-size: 20px;
    font-weight: 700;
}
section.family-approved-section::after {
    width: 113px;
    height: 124px;
    left: -82px;
    top: 0px;
    content: '';
    position: absolute;
    border: 2px solid #ffffff;border-radius:50%;
    }
    .family-approved-section::before {
       content: '';
    position: absolute;
    border: 2px solid #ffffff;
    border-radius: 50%;
    width: 217px;
    height: 217px;
    left: -74px;
    bottom: 0px;
    border-radius: 50%;
    z-index: 1;
    left: -31px;
    bottom: -129px;
}
    .family-circles::after,.family-circles::before{
    display:none;
    }
    
    .video-img video{

width:100%}
.video-img {
    position: relative;
    display: inline-block;
    padding: 0px 10px;
}
 
section#patentsec .banner-buttons .btn-subscribe,section#community .banner-buttons .btn-subscribe{
    padding: 14px 25px;
    font-size: 1.1rem;
}

.webhomepopup .modal-header {
    top: 28px;
    right: -4px;
    opacity: 1;
}
.patent-card{
    min-height: 212px;
}

#community .banner-buttons.bt-sec {
    margin-top: 30px;
}
.faq .accordion-body ul li{

    list-style: disc !important;
    }
  .faq  ul li::marker {
    font-size: 26px;
    color: #7d7d7d;
}
.faq .accordion-button.collapsed::after {
    background-image: url(./images/Plus-circle.png) !important;
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 600px!important;
        margin: 0rem auto;
    }
}

@media (max-width: 1000px) {

.banner-content {
    max-width: 100%;
}
.pricing-features li::before{
height: 20px;
    width: 20px;
    border-radius: 50%;
    top: 0px;
}
.pricing-subtitle,span.pricing-desc {
    font-size: 1.2rem;
}
.pricing-features li{
    padding-left: 40px;
}
#pricesec .pricing-header {
    margin-bottom: 20px;
}
.pricing-section {
    padding: 0px 0 60px 0;
}
}
section#howit span.grey-subtittle.text-start {
    max-width: 100%;
}

  .video-slider button.slick-prev.slick-arrow {
        opacity: 1;
        top: inherit;
       z-index: 1;
       left: 42%;
        width: 52px;
    background-image: url(./images/Slider-Button-1.svg);
    height: 52px;
    background-size: inherit;
    right: 43%;
    background-repeat: no-repeat;
    bottom: -79px;
    transform: rotate(0deg);
    
}

   .video-slider button.slick-prev.slick-arrow:hover {
    background-image: url(https://cookup.ma/wp-content/uploads/2025/09/Slider-Button-2-1.png);
     transform: rotate(180deg);
         bottom: -81px;
}
button.slick-next.slick-arrow:hover {
    background-image: url(https://cookup.ma/wp-content/uploads/2025/09/Slider-Button-2-1.png);
    transform: rotate(0deg);
}