.farmer_corner {
    .overviewSec {
        position: relative;
        padding-bottom: 150px;

        &::after {
            content: '';
            position: absolute;
            right: 0;
            bottom: 0;
            background: url(../images/farmer/farmer-bg.png);
            background-repeat: no-repeat;
            background-position: bottom right;
            width: 100%;
            height: 430px;
            z-index: -1;
        }

        .overviewLeft {
            .secH {
                color: #DA0A0A;
            }

            p {
                color: #000;
                font-family: "Zabal DEMO";
                font-size: 30px;
                font-weight: 400;
                line-height: 40px;
                margin-bottom: 0;
            }

            .overviewPhnDiv {
                padding-top: 40px;

                h5 {
                    color: #000;
                    font-family: 'Quicksand';
                    font-size: 22px;
                    font-weight: 700;
                    margin-bottom: 12px;
                }

                .overPhnNum {
                    display: flex;
                    align-items: center;
                    gap: 12px;

                    .overPhnIcon {
                        width: 40px;
                        height: 40px;
                        border-radius: 50%;
                        background-color: #DA0A0A;
                        display: flex;
                        justify-content: center;
                        align-items: center;

                        img {
                            filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7460%) hue-rotate(340deg) brightness(91%) contrast(95%);
                        }
                    }

                    .overPhnNumInn {
                        a {
                            color: #000;
                            font-family: "Zabal DEMO";
                            font-size: 20px;
                            font-style: normal;
                            font-weight: 500;
                            line-height: 14px;
                            position: relative;
                            margin-right: 10px;

                            &:not(:last-child) {
                                &::after {
                                    content: '/';
                                    position: absolute;
                                    right: -10px;
                                    top: 50%;
                                    transform: translateY(-50%);
                                    font-size: 20px;
                                    color: #000;
                                }
                            }
                        }

                    }
                }
            }
        }
    }
}

.farmerTab {
    .listWrap {
        .tabs {
            position: sticky;
            top: 100px;

            li {
                padding: 24px 16px 24px 0px;
                color: #7D7D7D;
                font-family: 'Quicksand';
                font-size: 20px;
                font-weight: 600;
                line-height: 28px;
                cursor: pointer;

                &:not(:last-child) {
                    border-bottom: 1px solid rgba(0, 0, 0, 0.20);
                }

                &.active {
                    color: #DA0A0A;
                }
            }
        }

        .listContBox {
            .tab_content {
                background-color: #fff;
                border-radius: 15px;
                padding: 40px;
                display: none;

                &.active {
                    display: block;
                }

                .farmerTabHead {
                    color: #DA0A0A;
                    font-family: 'Quicksand';
                    font-size: 30px;
                    font-weight: 700;
                    margin-bottom: 12px;
                }

                .FarmerTabCont {
                    .farmerTblWrap {
                        width: 100%;
                        overflow-x: auto;
                        border: 1px solid rgba(0, 0, 0, 0.25);
                        border-radius: 15px;
                        margin-top: 30px;

                        table {
                            width: 100%;

                            tr {
                                border-bottom: 1px solid rgba(0, 0, 0, 0.25);

                                th {
                                    padding: 20px 25px;
                                    text-align: center;
                                    color: #000;
                                    font-family: 'Quicksand';
                                    font-size: 20px;
                                    font-weight: 700;

                                    &:first-child {
                                        text-align: left;
                                    }

                                    &:not(:last-child) {
                                        border-right: 1px solid rgba(0, 0, 0, 0.25);
                                    }
                                }

                                td {
                                    padding: 20px 25px;
                                    color: #000;
                                    font-family: "Zabal DEMO";
                                    font-size: 18px;
                                    font-weight: 400;
                                    line-height: 27px;
                                    text-align: center;

                                    &:first-child {
                                        text-align: left;
                                    }

                                    &:not(:last-child) {
                                        border-right: 1px solid rgba(0, 0, 0, 0.25);
                                    }
                                }

                                td[colspan="3"] {
                                    color: #DA0A0A;
                                    font-family: "Quicksand";
                                    font-size: 20px;
                                    font-weight: 700;
                                    text-align: left;
                                }
                            }
                        }
                    }
                }

                .farmerNotes {
                    padding-top: 20px;

                    .customList {
                        li {
                            position: relative;
                            list-style-type: none;
                            padding-left: 30px;
                            margin-bottom: 15px;

                            &::before {
                                width: 18px;
                                height: 20px;
                                background: url(../images/check-mark.png) no-repeat center center;
                                background-size: 100%;
                                content: "";
                                position: absolute;
                                left: 0;
                                top: 4px;
                            }

                            ul {
                                padding-top: 15px;
                                list-style-position: inside;

                                li {
                                    list-style-type: disc;
                                    padding-left: 10px;

                                    &::before {
                                        content: normal;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.listContBox {
    h4.qsHed {
        font-size: 22px;
    }
}

.listContBox {

    .FarmerTabCont {
        margin: 15px 0;

        &:first-child {
            margin: 0 0 15px;
        }

        &:last-child {
            margin: 15px 0 0;
        }
    }

    .milkNote {
        margin-top: 10px;
    }

    .fmfLst {
        &:not(:last-child) {
            margin: 0 0 15px;
        }
    }

    .fmNLst {
        h5 {
            padding-left: 24px;
            margin: 0 0 8px;
            position: relative;

            &::before {
                content: "";
                position: absolute;
                top: 8px;
                left: 5px;
                width: 10px;
                height: 10px;
                background-color: #000;
            }
        }

        &:not(:last-child) {
            margin: 0 0 22px;
        }

        ul {
            padding-left: 30px;

            li {
                padding-left: 20px !important;

                &::before {
                    width: 15px !important;
                }
            }
        }
    }

    .fmQLst {
        h4 {
            margin: 0 0 10px;
        }

        &:not(:last-child) {
            margin: 0 0 30px;
        }

        ul {
            padding-left: 30px;

            li {
                padding-left: 20px !important;

                &::before {
                    width: 15px !important;
                }
            }
        }
    }
}



/* ================= strat responsive ===============  */

@media(max-width: 1366px) {
    .farmer_corner {
    & .overviewSec {
        & .overviewLeft {
            p {
                font-size: 26px;
            }
        }
    }
}
.farmerTab {
    & .listWrap {
        & .listContBox {
            & .tab_content {
                .customList {
                    li {
                        font-size: 16px;
                    }
                }
                .farmerTabHead {
                    font-size: 26px;
                }
            }
        }
    }
}
.listContBox {
    h4.qsHed {
        font-size: 20px;
    }
}
}

@media(max-width: 1199px) {
    .farmer_corner {
        & .overviewSec {
            & .overviewLeft {
                p {
                    font-size: 26px;
                }
            }
        }
    }
}

@media(max-width: 991px) {
    .farmer_corner {
        & .overviewSec {
            .overviewLeft {
                text-align: left;

                .secH {
                    margin-bottom: 15px;
                }

                p {
                    line-height: 33px;
                }

                .overviewPhnDiv {
                    padding-top: 22px;

                    & .overPhnNum {
                        .overPhnIcon {
                            width: 30px;
                            height: 30px;

                            img {
                                width: 20px;
                            }
                        }

                        & .overPhnNumInn {
                            a {
                                font-size: 18px;
                            }
                        }
                    }
                }
            }
        }
    }

    /* end overview */

    .farmerTab {
        & .listWrap {
            .tabs {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                overflow-x: auto;
                margin: 0 0 20px;

                &::-webkit-scrollbar {
                    width: 4px;
                    height: 4px;
                }

                &::-webkit-scrollbar-track {
                    background-color: #ffffff;
                }

                &::-webkit-scrollbar-thumb {
                    background-color: #ff9696;
                }

                li {
                    white-space: nowrap;
                    padding: 10px 15px;
                    position: relative;
                    margin: 0 0 2px;

                    &:not(:last-child) {
                        border-bottom: none;
                    }

                    &::after {
                        content: "";
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        width: 0;
                        height: 2px;
                        /* background-color: rgb(218 10 10); */
                        transition: .4s;
                    }

                    &.active {
                        &::after {
                            width: 100%;
                        }
                    }
                }
            }

            & .listContBox {
                & .tab_content {
                    .farmerTabHead {
                        font-size: 25px;
                    }

                    & .FarmerTabCont {
                        & .farmerTblWrap {
                            & table {
                                & tr {
                                    td[colspan="3"] {
                                        font-size: 18px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}


@media(max-width: 767px) {
    .farmer_corner {
        & .overviewSec {
            padding-bottom: 80px;

            & .overviewLeft {
                p {
                    font-size: 22px;
                    line-height: 30px;
                }

                & .overviewPhnDiv {
                    h5 {
                        font-size: 20px;
                    }
                }
            }

            &::after {
                content: normal;
            }
        }

        & .listWrap {
            .tabs {
                justify-content: left;

                & li {
                    &.active {
                        &::after {
                            content: normal;
                        }
                    }
                }
            }

            & .listContBox {
                & .tab_content {
                    padding: 20px;

                    & .FarmerTabCont {
                        & .farmerTblWrap {
                            margin-top: 15px;

                            & table {
                                & tr {
                                    th {
                                        padding: 15px;
                                        font-size: 18px;
                                    }

                                    td {
                                        font-size: 16px;
                                        padding: 15px;
                                    }
                                }
                            }
                        }
                    }

                    .farmerNotes {
                        padding-top: 25px;
                    }
                }
            }
        }
    }
}

@media(max-width: 575px) {
    .farmerTab {
        & .overviewSec {
            padding-bottom: 60px;

            & .overviewLeft {
                p {
                    font-size: 20px;
                }
            }
        }

        & .listWrap {
            & .listContBox {
                & .tab_content {
                    .farmerTabHead {
                        font-size: 20px;
                    }

                    & .farmerNotes {
                        padding-top: 10px;
                        & .customList {
                            li {
                                font-size: 16px;
                                margin-bottom: 10px;
                                padding-left: 20px;

                                &::before {
                                    width: 14px;
                                    height: 17px;

                                }

                                ul {
                                    padding-top: 10px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .listContBox {
        h4.qsHed {
            font-size: 18px;
        }

        & .fmQLst {
            ul {
                padding-left: 18px;
            }
        }

        & .fmNLst {
            & h5 {
                font-size: 19px;
                &::before {
                    top: 6px;
                }
            }
        }
    }
}

@media(max-width: 480px) {
    .farmer_corner {
        & .overviewSec {
            & .overviewLeft {
                p {
                    font-size: 18px;
                }

                & .overviewPhnDiv {
                    & .overPhnNum {
                        align-items: flex-start;

                        & .overPhnNumInn {
                            a {
                                font-size: 16px;
                            }
                        }
                    }

                    .overPhnNum {
                        gap: 8px;
                    }
                }
            }
        }

    }
}

@media(max-width: 420px) {
    .farmer_corner {
        & .overviewSec {
            padding-bottom: 50px;
        }
    }

    .farmerTab {
        & .listWrap {
            & .listContBox {
                & .tab_content {
                    .farmerTabHead {
                        font-size: 18px;
                        margin-bottom: 9px;
                    }

                    & .FarmerTabCont {
                        & .farmerTblWrap {
                            & table {
                                & tr {
                                    th {
                                        padding: 5px;
                                        font-size: 16px;
                                    }

                                    td[colspan="3"] {
                                        font-size: 16px;
                                        padding: 5px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

/* ================ end responsive ===================  */