.industry-bakery-new .customer-marketing .book-image, .industry-bakery .customer-marketing .book-image, .industry-brewery-new .customer-marketing .book-image, .industry-brewery .customer-marketing .book-image, .industry-cafe-new .customer-marketing .book-image, .industry-cafe .customer-marketing .book-image, .industry-casualdining-new .customer-marketing .book-image, .industry-casualdining .customer-marketing .book-image, .industry-desserts .customer-marketing .book-image, .industry-finedining-new .customer-marketing .book-image, .industry-finedining .customer-marketing .book-image, .industry-pizzeria .customer-marketing .book-image, .industry-qsr-new .customer-marketing .book-image, .industry-qsr .customer-marketing .book-image {
        width: 695px;
        height: unset;
        background-image: unset;
        padding: 40px 20px 30px;
        img{
            border-radius:18px;
        }
        @media (max-width: 992px) {
            padding: 10px 20px;
            width: 100%;
        }
    }
    .industry-bakery-new .customer-marketing .text-section, .industry-bakery .customer-marketing .text-section, .industry-brewery-new .customer-marketing .text-section, .industry-brewery .customer-marketing .text-section, .industry-cafe-new .customer-marketing .text-section, .industry-cafe .customer-marketing .text-section, .industry-casualdining-new .customer-marketing .text-section, .industry-casualdining .customer-marketing .text-section, .industry-desserts .customer-marketing .text-section, .industry-finedining-new .customer-marketing .text-section, .industry-finedining .customer-marketing .text-section, .industry-pizzeria .customer-marketing .text-section, .industry-qsr-new .customer-marketing .text-section, .industry-qsr .customer-marketing .text-section{
        width: 450px;
        @media (max-width: 992px) {
            width:100%;
        }
    }

    .industry-bakery-new .customer-marketing .free-download-text, .industry-bakery .customer-marketing .free-download-text, .industry-brewery-new .customer-marketing .free-download-text, .industry-brewery .customer-marketing .free-download-text, .industry-cafe-new .customer-marketing .free-download-text, .industry-cafe .customer-marketing .free-download-text, .industry-casualdining-new .customer-marketing .free-download-text, .industry-casualdining .customer-marketing .free-download-text, .industry-desserts .customer-marketing .free-download-text, .industry-finedining-new .customer-marketing .free-download-text, .industry-finedining .customer-marketing .free-download-text, .industry-pizzeria .customer-marketing .free-download-text, .industry-qsr-new .customer-marketing .free-download-text, .industry-qsr .customer-marketing .free-download-text{
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        text-transform: uppercase;
        color: #0b1011;
        background-color: #63faff;
        padding: 7px 10px 2px;
        border-radius: 24px;
        margin: 0 0 20px;
    }
    
    .founder-card {
        border-radius: 16px;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 40px;
    }

    .founder-content {
        max-width: 520px;
    }

    .founder-content h3 {
        font-size: 26px;
        line-height: 125%;
        font-weight: 800;
        color: #000;
        margin-bottom: 20px;
    }

    .founder-content p {
        font-size: 18px;
        line-height: 125%;
        color: #000;
        font-weight: 600;
        margin-bottom: 30px;
    }

    .founder-image {
        position: relative;
        width: 520px;
        overflow: hidden;
        border-radius: 12px;
    }

    .founder-image img {
        width: 100%;
        display: block;
    }

      .marrowss {
        svg {
          width: 48px;
          height: 48px;

          @media (max-width:992px) {
            width: 32px;
            height: 32px;
          }
        }

        #prodprev {
          position: absolute;
          left: -50px;
        top: 50%;
        transform: translateY(-50%);
          z-index: 2;

          g{
            path{
              fill:#01999f;
              @media (max-width:768px) {
                fill:#000;
              }
            }
          }

          @media (max-width:992px) {
            left: -14px !important;
             top: 50% !important;
             transform: translateY(-50%) !important;
          }
        }

        #prodnext {
          position: absolute;
          right: -50px;
        top: 50%;
        transform: translateY(-50%);
          bottom: -80px;
           z-index: 2;

           g{
            path{
              fill:#01999f;
              @media (max-width:768px) {
                fill:#000;
              }
            }
          }

          @media (max-width:992px) {
            right: -14px !important;
              top: 50% !important;
             transform: translateY(-50%) !important;
          }
        }
      }

      .product-blog-slider{
        padding:40px 0 0;
      }

    /* Responsive */
    @media (max-width: 768px) {
        .industry-bakery-new .customer-marketing .inner-card, .industry-bakery .customer-marketing .inner-card, .industry-brewery-new .customer-marketing .inner-card, .industry-brewery .customer-marketing .inner-card, .industry-cafe-new .customer-marketing .inner-card, .industry-cafe .customer-marketing .inner-card, .industry-casualdining-new .customer-marketing .inner-card, .industry-casualdining .customer-marketing .inner-card, .industry-desserts .customer-marketing .inner-card, .industry-finedining-new .customer-marketing .inner-card, .industry-finedining .customer-marketing .inner-card, .industry-pizzeria .customer-marketing .inner-card, .industry-qsr-new .customer-marketing .inner-card, .industry-qsr .customer-marketing .inner-card {
            padding-top: 0px;
        }
    }
    @media (max-width: 992px) {
        .founder-card {
            flex-direction: column;
            padding: 20px;
        }

        .founder-content,
        .founder-image {
            width: 100%;
            max-width: 100%;
        }

        .founder-content h3 {
            font-size: 20px;
        }
        .founder-content p,.read-more {
            font-size: 16px;
        }
        .loyalty-crm .testimonial .quoteFlex {
            flex-direction: column;
            gap: 30px;
        }
    }
    @media (max-width: 1024px) {
       .industry-bakery-new .customer-marketing .inner-card, .industry-bakery .customer-marketing .inner-card, .industry-brewery-new .customer-marketing .inner-card, .industry-brewery .customer-marketing .inner-card, .industry-cafe-new .customer-marketing .inner-card, .industry-cafe .customer-marketing .inner-card, .industry-casualdining-new .customer-marketing .inner-card, .industry-casualdining .customer-marketing .inner-card, .industry-desserts .customer-marketing .inner-card, .industry-finedining-new .customer-marketing .inner-card, .industry-finedining .customer-marketing .inner-card, .industry-pizzeria .customer-marketing .inner-card, .industry-qsr-new .customer-marketing .inner-card, .industry-qsr .customer-marketing .inner-card{
            height:unset;
        }
    }

    /** Reelo Weekly **/

    .reelo_weekly{
      .weekly_banner{
        background-image: url('../images/reelo_weekly_banner.webp');
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        height:100vh;
        @media (max-width: 992px) {
          background-image: url('../images/reelo_weekly_banner_mob.webp');
        }
        .content_wrapper{
          top: 50%;
          position: absolute;
          transform: translate(-50%, -50%);
          left: 50%;
          width: 100%;
          text-align: center;
          .banner_title{
            color: #272727;
            font-size: 75px;
            font-weight: 600;
            line-height: 100%; /* 75px */
            text-transform: uppercase;
            @media (max-width: 992px) {
              font-size: 30px;
            }
          }
          .strip_border{
            border-top: 0.75px solid #BDB29A;
            border-bottom: 0.75px solid #BDB29A;
            padding: 3px;
            margin: 30px 0 60px;
            .strip_block{
              padding: 20px 0 12px;
              display: flex;
              align-items: flex-start;
              justify-content: center;
              gap: 20px;
              border-top: 3.75px solid #BDB29A;
              border-bottom: 3.75px solid #BDB29A;
              @media (max-width: 992px) {
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 3px;
              }
              .strip{
                font-size: 12px;
                font-weight: 700;
                line-height: 150%; /* 18px */
                letter-spacing: 1.2px;
                color: #00151C;
              }
            }
          }
        }
        .banner_news{
          position: absolute;
          bottom: 0;
          @media (max-width: 992px) {
            width:150px;
          }
        }
        .weekly_left{
          left:0;
        }
        .weekly_right{
          right:0;
        }
      }
      .search_wrapper{
        .search_wrapper{
            display:flex;
            align-items:center;
            gap:20px;
            margin:40px auto;
        }

        .topic_block{
            position:relative;
        }

        .testi_dropdown{
            position:relative;
            width:100%;
            border: radius top left 30px;
        }

        .testi_stickySidebar{
            width:100%;
            height:56px;
            padding:0 50px 0 20px;
            border: 1px solid #BDB29A;
            border-radius:10px;
            background:#fff;
            color: #121212;
            font-size:16px;
            font-weight:500;
            cursor:pointer;
            outline:none;
            appearance:none;
            -webkit-appearance:none;
            -moz-appearance:none;
            transition:all .3s ease;
        }

        .testi_stickySidebar option {
    color: #999;
    background-color: #fff;
    padding: 10px;
}


        /* Custom Arrow */
        .testi_dropdown::after{
            content:"";
            position:absolute;
            right:18px;
            top:50%;
            width:10px;
            height:10px;
            border-right:2px solid #BDB29A;
            border-bottom:2px solid #BDB29A;
            transform:translateY(-60%) rotate(45deg);
            pointer-events:none;
        }

        /* Search Box */

        .search-container form{
            display:flex;
            align-items:center;
            border: 1px solid #BDB29A;
            border-radius:10px;
            overflow:hidden;
            height:56px;
            background:#fff;
        }

        .search-container input{
            flex:1;
            border:none;
            outline:none;
            height:56px;
            padding:0 20px;
            font-size:16px;
            background:transparent;
        }

        .search-container input::placeholder{
            color:#999;
        }

        .search-container button{
            width:60px;
            height:100%;
            border:none;
            background:#fff;
            cursor:pointer;
            display:flex;
            align-items:center;
            justify-content:center;
            transition:.3s;
            opacity: 0.4;
        }

        .search-container button:hover{
            background:#f5f5f5;
        }

        .search-container button img{
            width:20px;
            height:20px;
        }

        /* Responsive */

        @media(max-width:767px){

            .search_wrapper{
                flex-direction:column;
                gap:15px;
            }

            .topic_block,
            .search_block{
                width:100%;
            }
        }
      }
      #all_newsletters{
        background-color:#FBF7EE;
        .banner_title{
          color: #272727;
          font-size: 56px;
          font-style: italic;
          font-weight: 600;
          line-height: 120%; /* 67.2px */
          text-transform: capitalize;
          @media (max-width: 992px) {
            font-size: 28px;
          }
        }
        .search_wrapper{
          display: flex;
          align-items: flex-start;
          justify-content: center;
          gap: 20px;
          @media (max-width: 992px) {
            flex-direction: column-reverse;
          }
        }
        .reelo_newsletter{
          .newsletterBox{
            min-height: 512px;
            padding: 12.5px;
             @media (max-width: 992px) {
              min-height: unset;
              padding: 12.5px 0;
             }
            .newsletter-box-wrapper{
              display: block;
              border-radius: 10px;
              border: 1px solid #BDB29A;
              padding: 12.5px;
              &:hover{
                box-shadow: 1px 6px 12px #80808066;
                .newsletter_Img{
                 img{
                    filter: brightness(100%);
                  }
              }
              }
              .newsletter_Img{
                 img{
                    border-radius: 8px;
                    filter: brightness(60%);
                    transition: filter 0.3s ease;
                  }
              }
              .newsletter-title{
                color: #00151C;
                font-size: 24px;
                font-style: normal;
                font-weight: 700;
                line-height: 140%; /* 33.6px */
                text-transform: capitalize;
                padding: 10px 0;
                @media (max-width: 992px) {
                  font-size: 18px;
                }
              }
            .newsletter-text{
              overflow: hidden;
              color: #00151C;
              font-size: 16px;
              font-style: normal;
              font-weight: 600;
              line-height: 150%; /* 24px */
              padding: 0 0 30px;
              min-height: 110px;
              @media (max-width: 992px) {
                min-height: unset;
              }
            }
            .newletter_details{
              display:flex;
              align-items: center;
              justify-content: space-between;
              .newsletter_number{
                font-size: 16px;
                font-weight: 700;
                line-height: 140%; /* 22.4px */
                border-radius: 978.919px;
                background: #E2FEFF;
                padding:8px 15px 5px;
                @media (max-width: 992px) {
                  font-size: 12px;
                }
              }
              .newsletter_date{
                color: #999;
                font-size: 12px;
                font-weight: 600;
                line-height: 140%; /* 16.8px */
              }
            }
            }
          }
        }
      }
      .lastsection {
        height: 300px;
      }
    }

    /** Single Reelo Weekly Page**/
.single-reelo-weekly{
  background-color:#FBF7EE;
   .post_banner{
      .post-header{
        .post-title{
            margin:0;
            text-align:center;
            font-size:52px;
            line-height:1.1;
            font-weight:700;
            color:#2b2b2b;
        }
        .post-meta{
           border-top:0.75px solid #00151C;
           border-bottom:0.75px solid #00151C;
           padding:18px;
           background-color:#fff;
          .inner_flex{
            display:flex;
            justify-content:space-between;
            align-items:center;
            gap:20px;
            .meta-left{
              display:flex;
              align-items:center;
              flex-wrap:wrap;
              gap:8px;
              @media(max-width:992px){
                flex-direction: column;
                align-items: flex-start;
              }
              span{
                  color: #000;
                  font-size: 13px;
                  font-weight: 600;
                  line-height: 130%; /* 16.9px */
                  letter-spacing: 0.65px;
                  text-transform: uppercase;
                  @media(max-width:992px){
                    font-size: 10px;
                  }
              }
              .dot{
                  color:#999;
              }
            }
            @media(max-width:992px){
              .share_mob{
                  a{
                    margin: 0 5px;
                    width: 34px;
                    height: 34px;
                    border-radius: 6px;
                    display: inline-block;
                    background-color: #eaf9f9;
                    padding: 7px;
                  }
                }
            }
            .meta-right{
                display:flex;
                align-items:center;
                gap:10px;
                flex-wrap:wrap;
                .share-text{
                    font-size:12px;
                    color:#444;
                    font-weight:600;
                    margin-right:5px;
                }
                .share-btn{
                    width:34px;
                    height:34px;
                    border-radius:6px;
                    display:flex;
                    align-items:center;
                    justify-content:center;
                    text-decoration:none;
                    background:#eaf9f9;
                    color:#0c8b8f;
                    transition:.3s;
                    &:hover{
                      background:#0c8b8f;
                      svg{
                        path{
                          fill:#fff;
                        }
                      }
                    }
                }
                .copy-link{
                    background:#eaf9f9;
                    color:#0c8b8f;
                    border-radius:8px;
                    padding:8px 16px;
                    cursor:pointer;
                    font-size:14px;
                    font-weight:600;
                    display:flex;
                    align-items:center;
                    gap:8px;
                    transition:.3s;
                    &:hover{
                    background:#0c8b8f;
                    color: #fff;
                    svg{
                      path{
                        stroke:#fff;
                      }
                    }
                  }
                }
            }
          }
        }
     }
     @media(max-width:768px){

      .post-header{
          padding:25px 0 0;
          .post-title{
              font-size:22px;
          }
          .post-meta{
              flex-direction:column;
              align-items:flex-start;
              gap:15px;
              padding:18px 0;
              .meta-right{
                  width:100%;
                  .copy-link{
                      margin-top:5px;
                  }
              }
          }
      }
    }
  }
  .main_wrapper{
    border-top: none;
    .demodiv-fixed {
      top:102px;
    }
    .detail_wrapper{
      .stickysidebar{
        .toc{
            border-radius: 12px;
            background: #F1ECE1;
            backdrop-filter: blur(20px);
            padding: 30px;
            margin:0 0 40px;
            .tbl{
              font-size: 18px;
              font-weight: 800;
              line-height: 140%;
            }
            .table_content{
              padding: 15px;
              li{
                padding: 3px 0;
                  a{
                    color: #002835;
                    font-size: 16px;
                    font-weight: 600;
                    line-height: 140%; 
                    &.active{
                      color: #01999f;
                    }
                  }
                }
            }
        }
      }
    }
    .blogdetails_wrapper{
      .entry-content{
        .image-border {
            border-top: 1px solid #d9d9d9;
            border-bottom: 1px solid #d9d9d9;
            padding: 10px 0;
            margin: 10px 0;
            text-align: center;
            /* Images inside blog content */
          img {
              display: block;
              max-width: 450px;      /* Medium size */
              width: 100%;
              height: auto;
              margin: 0px auto;     /* Center image */
              padding: 30px 0;       /* Space between border and image */
              box-shadow:unset;
              @media (max-width: 768px) {
                 max-width: 100%;
                  margin: 30px auto;
                  padding: 20px 0;
              }
          }
        }
        
        .newsletter_number{
          font-size: 16px;
          font-weight: 700;
          line-height: 140%; /* 22.4px */
          border-radius: 978.919px;
          background: #E2FEFF;
          padding:8px 15px 5px;
          display: inline-block;
          margin: 0 0 20px;
          @media (max-width: 992px) {
            font-size: 12px;
          }
        }
        h2{
          color:#01999f;
          font-size: 24px;
          line-height: 140%;
          padding: 10px 0;
        }
        h3{
          color:#01999f;
          font-size: 20px;
          line-height: 140%;
          padding: 10px 0;
        }
        p{
          color:#00151C;
          font-size: 18px;
          line-height: 140%;
          padding: 10px 0;
          text-align: justify;
        }
        ul, ol{
          li{
            color:#00151C;
            font-size: 18px;
            line-height: 140%;
            padding: 10px 0;
            text-align: justify;
            a{
              color:#00151C;
              font-size: 18px;
            }
          }
        }
      }
    }
    .rightSidebar{
      .share_div{
        .schedule_demo_div{
          background-image: url('../images/schedule-bg.webp');
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          height: 400px;
          border-radius: 12px;
          padding: 30px 0;
          .logo_div{
                padding: 0 0 40px 0px;
          }
          .content_div{
            .served{
              font-size: 8.88px;
              font-weight: 800;
              line-height: 120%; /* 10.656px */
              border-radius: 11.417px;
              border: 0.942px solid #63FAFF;
              background: rgba(0, 0, 0, 0.00);
              padding: 8px 20px 5px;
              display: inline-block;
            }
            .expert_title{
              font-size: 20px;
              font-weight: 800;
              line-height: 110%; /* 26.4px */
              text-transform: capitalize;
              padding: 20px 0;
            }
            .book_demo{
              font-size: 16px;
              font-weight: 600;
              line-height: 130%; /* 20.8px */
            }
          }
          .cta_div{
            padding: 40px 0 0;
            a{
              font-size: 16px;
              font-weight: 600;
              line-height: 140%; /* 22.4px */
              border-radius: 5.01px;
              background: #63FAFF;
              padding: 10px 20px;
            }
          }
        }
      }
    }
  }
}