/* Brand */

        .brand-section {
            background-color: #FFF1DF;
            color: black;
            padding: 60px 100px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            margin-top: 112px;
        }

        .brand-text {
            flex: 1;
            min-width: 300px;
            max-width: 600px;
        }

        .brand-text h2 {
            color: #316B2D;
            font-size: 32px;
            margin-bottom: 20px;
        }

        .brand-text p {
            font-size: 18px;
            line-height: 1.6;
        }

        .brand-image {
            position: relative;
            flex: 1;
            min-width: 300px;
            max-width: 500px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .brand-image img{
            width: 50%;
        }

        @media (max-width: 768px) {

            .brand-section {
                flex-direction: column;
                text-align: center;
                padding: 20px 10px;
            }

            .brand-text p {
                font-size: 14px;
            }

            .brand-text h2{
                font-size: 30px;
            }

            .brand-image img {
                width: 40%;
            }

            .brand-image {
                margin-top: 30px;
            }

        }


        /* Brand Logo Section  */


        .logobrand-section {
            text-align: center;
            padding: 60px 20px;
            background-color: #fff;
        }

        .logobrand-section h2 {
            font-size: 32px;
            font-weight: 500;
            letter-spacing: 2px;
            color: #333;
            margin-bottom: 40px;
        }

        .brand-logos {
            display: flex;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: center;
        }

        .brand-logo-item {
            padding: 0 30px;
            /* padding: 0 10px; */
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .brand-logo-item img {
            max-height: 65px;
            width: 100%;
            transition: transform 0.3s;
        }

        img.food-beyond {
            max-height: 100px;
        }

        .brand-logo-item img:hover {
            transform: scale(1.05);
        }

        .brand-logo-item:not(:last-child)::after {
            content: "";
            position: absolute;
            right: 0;
            height: 100px;
            width: 1px;
            background-color: #ccc;
        }

        

        @media (max-width: 768px) {
            .brand-logos {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 20px 10px;
            }

            .brand-logo-item {
                padding: 0;
                border-right: none;
                position: relative;
            }

            .brand-logo-item::after {
                display: none; 
            }

            .logobrand-section {
                padding: 40px 20px;
            }

            .logobrand-section h2 {
                font-size: 25px;
            }

             img.food-beyond {
                max-height: 80px;
            }

        }





        /* Brands Details  */
        .ms-start{
            margin-top: 30px;
        }

        .col-md-6.misson-start-rawfruit{
            background: #F0E1CD;
            height: 310px;
        }

        .col-md-6.misson-start-HF{
            background: #F0E1CD;
            height: 310px;
        }

        .col-md-6.misson-startone-hot{
            background: #f7b4b2;
            height: 310px;
        }

        .col-md-6.misson-start-hmd{
            background: #e7e7e7;
            height: 310px;
        }

        .col-md-6.misson-startone-wc{
            background: #ecddee;
            height: 310px;
        }



        .rawfruit-head{
            margin-top: 12px;
            font-size: 32px;
        }
        

        .rawfruit-para{
            font-size: 18px;
        }

        .HF-para{
            font-size: 18px;
            margin-bottom: 0;
        }

        .rawfruit-subhead{
            font-size: 28px;
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            margin-top: 10px;
        }

        .HF-subhead{
            font-size: 28px;
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            margin-top: 10px;
        }

        .hot-head{
            margin-top: 24px;
            font-size: 32px;
            /* color: white; */
        }

        .hot-subhead{
            font-size: 28px;
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            /* color: white; */
            margin-top: 18px;
        }

        .hot-para{
            font-size: 18px;
            /* color: white; */
        }

        img.rawfruit-logo {
            width: 40%;
            margin-top: 8px;
        }

        img.HF-logo {
            width: 13%;
            margin-top: 14px;
        }

        img.hot-logo {
            width: 40%;
            margin-top: 20px;
            margin-left: -20px;
        }

        img.hmd-logo {
            width: 40%;
            margin-top: 30px;
            margin-left: -10px;
        }

        img.wc-logo {
            width: 40%;
            margin-top: 30px;
            margin-left: -20px;
        }


        .hmd-head{
            margin-top: 50px;
            font-size: 32px;
        }

        .hmd-subhead{
            font-size: 28px;
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            margin-top: 20px;
        }

        .hmd-para{
            font-size: 18px;
        }

        .wc-head{
            margin-top: 50px;
            font-size: 32px;
        }

        .wc-subhead{
            font-size: 28px;
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        }

        .wc-para{
            font-size: 18px;
        }
    

        @media (max-width: 768px){

            .ms-start {
                margin-top: 0px;
            }

            img.img-fluidone {
                width: 100%;
            }

            .col-md-6.misson-start-rawfruit{
                height: auto;
                padding: 16px;
            }

            .col-md-6.misson-start-HF{
                height: auto;
                padding: 16px;
            }

            .col-md-6.misson-startone-hot{
                height: auto;
                padding: 16px;
            }

            .col-md-6.misson-start-hmd{
                height: auto;
                padding: 16px;
            }

            .col-md-6.misson-startone-wc{
                height: auto;
                padding: 16px;
            }

            .rawfruit-head {
                margin-top: 0px;
                font-size: 30px;
            }

            .hot-head {
                font-size: 30px;
                margin-top: 0px;
            }

            .hmd-head {
                margin-top: 0;
                font-size: 30px;
            }

            .wc-head {
                margin-top: 0;
                font-size: 30px;
            }


            img.img-fluidtwo {
                width: 100%;
            }

            img.hmd-logo {
                margin-top: 16px;
            }

            img.wc-logo {
                margin-top: 16px;
            }




        }


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

            .img-fluidone {
                max-width: 100%;
                height: auto;
                left: 124px;
                position: relative;
            }

            .col-md-6.misson-start-rawfruit {
                background: #F0E1CD;
                height: 310px;       
                position: relative;
                max-width: 450px;
                left: 75px;
            }

            .col-md-6.misson-start-HF {
                background: #F0E1CD;
                height: 310px;       
                position: relative;
                max-width: 450px;
                left: 75px;
            }

            .img-fluidtwo {
                max-width: 100%;
                height: auto;
                margin-left: 85px;
            }

            .col-md-6.misson-startone-hot {
                background: #f7b4b2;
                height: 310px;
                position: relative;
                max-width: 450px;
                left: 140px;
            }

            .col-md-6.col-md-6.misson-start-hmd {
                background: #e7e7e7;
                height: 310px;       
                position: relative;
                max-width: 450px;
                left: 75px;
            }

            .col-md-6.misson-startone-wc {
                background: #F0E1CD;
                height: 310px;
                position: relative;
                max-width: 450px;
                left: 140px;
            }

        }


        @media (min-width: 768px) and (max-width: 1024px){
            img.img-fluidone {
                width: 100%; 
            }

            .col-md-6.misson-start-rawfruit{
                background: #F0E1CD;
                height: auto;
            }

            .col-md-6.misson-start-HF{
                background: #F0E1CD;
                height: auto;
            }

            .col-md-6.misson-startone-hot{
                background: #f7b4b2;
                height: auto;
            }

            .col-md-6.col-md-6.misson-start-hmd{
                background: #e7e7e7;
                height: auto;
            }

            .col-md-6.misson-startone-wc{
                background: #F0E1CD;
                height: auto;
            }

            img.img-fluidtwo { 
                width: 100%; 
            }

        }


        /* Shop Now  */

        .btn-custom-raw {
            background-color: #006001;
            color: white;
            border-radius: 20px;
            padding: 8px 20px;
        }

        .btn-custom-raw:hover{
            background: #007700;
            color: white;
        }

        .btn-custom-HF {
            background-color: #006001;
            color: white;
            border-radius: 20px;
            padding: 8px 20px;
        }

        .btn-custom-HF:hover{
            background: #007700;
            color: white;
        }

        @media (max-width: 768px){
            .btn-custom-raw{
                padding: 8px 16px;
            }

            .btn-custom-HF{
                padding: 8px 16px;
            }
        }

        .btn-custom-hot {
            background-color: #9b0b48;
            color: white;
            border-radius: 20px;
            padding: 8px 20px;
        }

        .btn-custom-hot:hover{
            background: #5c0c92;
            color: white;
        }

        @media (max-width: 768px){
            .btn-custom-hot{
                padding: 8px 16px;
            }
        }