.body {
    font: Barlow;
    font-family: Barlow;
    font-size: 14px;
    line-height:21px;
    font-weight:400;
    
}

.FloatingImage1 {
    background-image: url('../../img/HowMadeCashewLeaves_1.png');
    background-repeat: no-repeat;
    margin-left: 75%;
    z-index: 10;
    position: absolute;
    width: 200px;
    height: 245px;
    margin-top: -90px;
}

.FloatingImage2 {
    background-image: url('../../img/HowMadeCashewLeaves_2.png');
    background-repeat: no-repeat;
    margin-left: 15%;
    z-index: 10;
    position: absolute;
    width: 107px;
    height: 40px;
    margin-top: -90px;
}

.FloatingImage3 {
    background-image: url('../../img/HowMadeCashewLeaves_3.png');
    background-repeat: no-repeat;
    right: 35%;
    z-index: 10;
    position: absolute;
    width: 60px;
    height: 57px;
    margin-top: -30px;
}

.FloatingImage4 {
    background-image: url('../../img/HowMadeCashewFruit_1.png');
    margin-left: -5%;
    background-repeat: no-repeat;
    z-index: 10;
    position: absolute;
    width: 192px;
    height: 357px;
    margin-top: -280px;
}

.FloatingImage5 {
    background-image: url('../../img/HowMadeCashewLeaves_4.png');
    background-repeat: no-repeat;
    z-index: 10;
    position: absolute;
    width: 160px;
    height: 67px;
    right: 0;
    float:right;
}
.FloatingImage6 {
    background-image: url('../../img/HowMadeCashewLeaves_5.png');
    background-repeat: no-repeat;
    float: left;
    z-index: 1;
    position: absolute;
    width: 142px;
    height: 201px;
    margin-bottom: 40px;
    left: 0;
}

.HowMadeJuice{
    width:100%;
    height:2150px;
}
.HowMadeJuiceM {
    visibility: collapse;
    display: none;
    width: 100%;
}

.HowMadeJucieTitle {
    margin-top: 106px;
    font-weight: 800;
    font-size: 64px;
    line-height: 64px;
    text-transform: uppercase;
    text-align: center;
}

.HowMadeJuiceDetail {
    width:100%;
}

.VerticalLine {
    width: 4px;
    height: 2058px;
    background-image: url('../../img/verticalLineColor.png');
    background-repeat:repeat-y;
    /*linear-gradient(#D9D9D9,#a6a6a6,#D9D9D9);*/
    left: 50%;
    transform: translateX(50%);
    position: relative;
    z-index: 1;
    float: inline-start;
    margin-top: 60px;
}

.HowMadeDetailTextLeft {
    width: 540px;
    height: 200px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #09101D;
    text-align: right;
    float:right;
    margin-right:80px;
}

.HowMadeDetailTextRight {
    width: 540px;
    height: 200px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #09101D;
    margin-left: 60px;
}

.HowMadeJuiceDetail {
    margin-top: 60px;
    height: 600px;
    width:100%;
    display:block;
    margin:auto;
}

.HowMadeDetailText {
    justify-content:space-evenly;
    width:320px;
    height: 320px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #09101D;
    text-align:center;
    margin-top:30px;
    margin-bottom:30px;
    float:left;
}

.HowMadeDetailTextHeader {
    font-size: 48px;
    font-weight: 800;
    color: #FFB202;
    line-height: 48px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.HowMadeDetailTextTitle {
    font-size: 24px;
    line-height:24px;
    font-weight: 800;
    margin-bottom: 10px;
}

.HowMadeJuiceDetail_01 {
    float: inline-end;
    position: relative;
    height: 389px;
    width: 100%;
    z-index: 1;
    margin-top: 60px;
}



.HowMadeJuiceDetail_02 {
    float: inline-end;
    position: relative;
    height: 373px;
    width: 100%;
    z-index: 1;
    margin-top: 60px;
}

.HowMadeJuiceDetail_03 {
    float: inline-end;
    position: relative;
    height: 278px;
    width: 100%;
    z-index: 1;
    margin-top: 60px;
}

.HowMadeJuiceDetail_04 {
    float: inline-end;
    position: relative;
    height: 276px;
    width: 100%;
    z-index: 1;
    margin-top: 150px;
}

.HowMadeJuiceDetail_05 {
    float: inline-end;
    position: relative;
    height: 300px;
    width: 100%;
    z-index: 1;
    margin-top: 200px;
}

.HowMadeJuiceDetail_Img_1 {
    background-image: url('../../img/WashingCashew.png');
    background-repeat:no-repeat;
    left: 0;
    width: 398px;
    height: 389px;
    z-index: 1;
    position: relative;
}

.HowMadeJuiceDetail_Img_2 {
    background-image: url('../../img/ExtractingCashew.png');
    background-repeat: no-repeat;
    float: right;
    width: 389px;
    height: 373px;
    z-index: 1;
}

.HowMadeJuiceDetail_Img_3 {
    background-image: url('../../img/FilterCashew.png');
    background-repeat: no-repeat;
    float: left;
    width: 297px;
    height: 278px;
    z-index: 1;
    position: relative;
}

.HowMadeJuiceDetail_Img_4 {
    background-image: url('../../img/BottleCashew.png');
    background-repeat: no-repeat;
    float: right;
    width: 300px;
    height: 276px;
    z-index: 1;
    position: relative;
}

.HowMadeJuiceDetail_Img_5 {
    background-image: url('../../img/PasteuriseCashew.png');
    background-repeat: no-repeat;
    width: 265px;
    height: 300px;
    z-index: 1;
    position: relative;
}

.YellowCircle {
    background-color: #FFB202;
    width: 30px;
    height: 30px;
    border-radius: 30px 30px;
    top: 50%;
    transform: translateY(-50%);
}

.HorizontalLine {
    background-color: #D9D9D9;
    width: 480px;
    height: 4px;
    position: relative;
    z-index: -1;
}

.HowStorage{
    margin-top: 200px;
    height:540px;
    font-size:24px;
    font-weight:800;
    color:#09101D;
    line-height:24px;
    text-align:center;
    width:100%;
}

.HowStorageRight{
    margin-top:120px;
    border-right:2px solid #D9D9D9;
    height:430px;
}

.HowStorageWrong {
    margin-top: 120px;
    border-left: 2px solid #D9D9D9;
    height: 430px;
}

.HowStorageRightImg_1 {
    width: 580px;
    height: 300px;
    background-image: url('../../img/HowCashewStorageRight_1.png');
   background-repeat:no-repeat;
   margin:auto;
}

.HowStorageRightImg_2 {
    top: -50px;
    position:relative;
    width: 100px;
    height: 100px;
    background-image: url('../../img/HowCashewStorageRight_2.png');
    background-repeat: no-repeat;
    margin: auto;
}

.HowStorageWrongImg_1 {
    width: 580px;
    height: 300px;
    background-image: url('../../img/HowCashewStorageWrong_1.png');
    background-repeat: no-repeat;
    margin: auto;
}

.HowStorageWrongImg_2 {
    top: -50px;
    position: relative;
    width: 100px;
    height: 100px;
    background-image: url('../../img/HowCashewStorageWrong_2.png');
    background-repeat: no-repeat;
    margin: auto;
}

.BestWayEnjoying {
    width:100%;
    margin-top: 200px;
    font-size: 24px;
    font-weight: 800;
    color: #09101D;
    line-height: 24px;
    text-align: center;
    padding-top:40px;
}

.BestWayEnjoyingOption{
    margin-top:150px;
    width:410px;
    height:310px;
    display:block;
}

.BestWayEnjoyingOptionImg1_1 {
    width: 171px;
    height: 200px;
    background-image: url('../../img/HowBestJuiceImg_1.png');
    background-repeat: no-repeat;
    float: left;
    margin-top: 40px;
}
.BestWayEnjoyingOptionImg1_2 {
    position:relative;
    width: 125px;
    height: 300px;
    background-image: url('../../img/HowBestJuiceImg_1_1.png');
    background-repeat: no-repeat;
    float:left;
    margin-left:-70px;
}

.BestWayEnjoyingOptionImg2_1 {
    width: 158px;
    height: 300px;
    background-image: url('../../img/HowBestJuiceImg_2.png');
    background-repeat: no-repeat;
    float: left;
}

.BestWayEnjoyingOptionImg2_2 {
    position: relative;
    width: 301px;
    height: 302px;
    background-image: url('../../img/HowBestJuiceImg_2_1.png');
    background-repeat: no-repeat;
}

.BestWayEnjoyingOptionImg3_1 {
    position:absolute;
    width: 250px;
    height: 255px;
    background-image: url('../../img/HowBestJuiceImg_3.png');
    background-repeat: no-repeat;
    margin-top:90px;
    z-index:30;

}

.BestWayEnjoyingOptionImg3_2 {
    position: relative;
    width: 125px;
    height: 300px;
    background-image: url('../../img/HowBestJuiceImg_3_1.png');
    background-repeat: no-repeat;
    margin-left:160px;
}

.BestWayEnjoyingOptionText{
    margin-top:20px;
}

.FooterLine {
    color: #D9D9D9;
    height: 1px;
    margin-top: 100px;
}



@media screen and (max-width: 767px) {
    .FloatingImage1 {
        background-image: url('../../img/HowMadeCashewLeaves_1_1.png');
        background-repeat: no-repeat;
        margin-left: 55%;
        z-index: 10;
        position: absolute;
        width: 127px;
        height: 129px;
        margin-top: -20px;
    }

    .FloatingImage2 {
        visibility:collapse;
        display:none;
    }

    .FloatingImage3 {
        visibility: collapse;
        display: none;
    }

    .FloatingImage4 {
        background-image: url('../../img/HowMadeCashewFruit_1_1.png');
        margin-left: -3%;
        background-repeat: no-repeat;
        z-index: 10;
        position: absolute;
        width: 98px;
        height: 186px;
        margin-top: -160px;
    }

    .FloatingImage5 {
        background-image: url('../../img/HowMadeCashewLeaves_4_1.png');
        background-repeat: no-repeat;
        z-index: 1;
        position: absolute;
        width: 89px;
        height: 39px;
        margin-top: -30px;
        right: 0;
        float:right;
        margin-right:-8%;
    }

    .FloatingImage6 {
        background-image: url('../../img/HowMadeCashewLeaves_5_1.png');
        background-repeat: no-repeat;
        float: left;
        z-index: 1;
        position: absolute;
        width: 57px;
        height: 105px;
        left: 0;
    }

    .HowMadeJuice {
        visibility:collapse;
        width: 100%;
        display:none;
    }

    .HowMadeJuiceM {
        margin-top:60px;
        height:2900px;
        visibility: visible;
        display:block;
    }

    .HowMadeJuiceDetail_Img_1 {
        background-image: url('../../img/WashingCashew_1.png');
        width: 335px;
        height: 328px;
    }

    .HowMadeJuiceDetail_Img_2 {
        background-image: url('../../img/ExtractingCashew_1.png');
        width: 335px;
        height: 322px;
        float: unset;
    }

    .HowMadeJuiceDetail_Img_3 {
        background-image: url('../../img/FilterCashew_1.png');
        width: 250px;
        height: 234px;
        left: unset;
        float: unset;
        position: unset;
    }

    .HowMadeJuiceDetail_Img_4 {
        background-image: url('../../img/BottleCashew_1.png');
        width: 250px;
        height: 230px;
        float: unset;
        left: unset;
        background-position: center;
    }

    .HowMadeJuiceDetail_Img_5 {
        background-image: url('../../img/PastueriseCashew_1.png');
        width: 200px;
        height: 227px;
        background-position: center;
        float: unset;
        left: unset;
    }

   
    .HowMadeJucieTitle {
        font-size: 40px;
        line-height: 60px;
    }

    
    .VerticalLine {
        visibility: collapse;
    }

    .YellowCircle {
        visibility: collapse;
    }

    .HorizontalLine {
        visibility: collapse;
    }

    .HowMadeDetailText {
        width: 335px;
        height: 120px;
        font-size: 14px;
        line-height: 21px;
        margin:auto;
    }

    .HowStorage {
        margin-top: 60px;
        height: 920px;
        font-size: 24px;
        font-weight: 800;
        color: #09101D;
        line-height: 24px;
        text-align: center;
    }

    .HowStorageRight {
        margin-top: 60px;
        border-right:none;
        height: 430px;
    }

    .HowStorageWrong {
        margin-top: 60px;
        border-left: none;
        height: 430px;
    }

    .HowStorageRightImg_1 {
        width: 335px;
        height: 300px;
        background-image: url('../../img/HowCashewStorageRight_1_1.png');
        background-repeat: no-repeat;
        margin: auto;
    }

    .HowStorageRightImg_2 {
        top: -40px;
        position: relative;
        width: 80px;
        height: 80px;
        background-image: url('../../img/HowCashewStorageRight_1_2.png');
        background-repeat: no-repeat;
        margin: auto;
    }

    .HowStorageWrongImg_1 {
        width: 335px;
        height: 300px;
        background-image: url('../../img/HowCashewStorageWrong_1_2.png');
        background-repeat: no-repeat;
        margin: auto;
    }

    .HowStorageWrongImg_2 {
        top: -40px;
        position: relative;
        width: 80px;
        height: 80px;
        background-image: url('../../img/HowCashewStorageWrong_2_2.png');
        background-position: center;
        margin: auto;
    }

    .BestWayEnjoying {
        margin-top: 200px;
    }

    .BestWayEnjoyingOption {
        margin-top: 80px;
        height: 220px;
    }

    .BestWayEnjoyingOptionImg1_1 {
        width: 114px;
        height: 134px;
        background-image: url('../../img/HowBestJuiceImg_1_S.png');
        background-repeat: no-repeat;
        margin-top: 60px;
    }

    .BestWayEnjoyingOptionImg1_2 {
        position: relative;
        width: 83px;
        height: 200px;
        background-image: url('../../img/HowBestJuiceImg_1_1_S.png');
        background-repeat: no-repeat;
        margin-left: -30px;
        margin-top:30px;
    }

    .BestWayEnjoyingOptionImg2_1 {
        width: 200px;
        height: 200px;
        background-image: url('../../img/HowBestJuiceImg_2_S.png');
        background-repeat: no-repeat;
        margin-top: 20px;
    }

    .BestWayEnjoyingOptionImg2_2 {
        visibility: collapse;
        display: none;
    }

    .BestWayEnjoyingOptionImg3_1 {
        width: 179px;
        height: 216px;
        background-image: url('../../img/HowBestJuiceImg_3_S.png');
        background-repeat: no-repeat;
        margin-top: 10px;
    }

    .BestWayEnjoyingOptionImg3_2 {
        visibility: collapse;
        display: none;
    }
}

@media screen and (max-width: 1024px) and (min-width:768px) {

    .YellowCircle {
        background-color: #FFB202;
        width: 30px;
        height: 30px;
        border-radius: 30px 30px;
        top: 50%;
        transform: translateY(-50%);
    }

    .HorizontalLine {
        background-color: #D9D9D9;
        width: 60%;
        height: 4px;
        position: relative;
        z-index: -1;
    }

    .FloatingImage1 {
        background-image: url('../../img/HowMadeCashewLeaves_1_1.png');
        background-repeat: no-repeat;
       margin-left:80%;
        z-index: 10;
        position: absolute;
        width: 127px;
        height: 129px;
        margin-top: -50px;
    }

    .FloatingImage2 {
        background-image: url('../../img/HowMadeCashewLeaves_2.png');
        background-repeat: no-repeat;
        margin-left: 15%;
        z-index: 10;
        position: absolute;
        width: 107px;
        height: 40px;
        margin-top: -90px;
    }

    .FloatingImage3 {
        background-image: url('../../img/HowMadeCashewLeaves_3.png');
        background-repeat: no-repeat;
        right: 35%;
        z-index: 10;
        position: absolute;
        width: 60px;
        height: 57px;
        margin-top: -30px;
    }

    .FloatingImage4 {
        background-image: url('../../img/HowMadeCashewFruit_1_1.png');
        margin-left:-5%;
        background-repeat: no-repeat;
        z-index: 10;
        position: absolute;
        width: 98px;
        height: 186px;
        margin-top: -150px;
    }

    .FloatingImage5 {
        background-image: url('../../img/HowMadeCashewLeaves_4_1.png');
        background-repeat: no-repeat;
        z-index: 1;
        position: absolute;
        width: 89px;
        height: 39px;
        right: 0;
        float: right;
    }

    .FloatingImage6 {
        background-image: url('../../img/HowMadeCashewLeaves_5_1.png');
        background-repeat: no-repeat;
        float: left;
        z-index: 1;
        position: absolute;
        width: 74px;
        height: 105px;
        margin-bottom: 40px;
        left: 0;
    }

    .HowMadeJuiceDetail_Img_1 {
        background-image: url('../../img/WashingCashew_1.png');
        background-repeat: no-repeat;
        left: 0;
        width: 335px;
        height: 328px;
        z-index: 1;
        position: relative;
    }

    .HowMadeJuiceDetail_Img_2 {
        background-image: url('../../img/ExtractingCashew_1.png');
        background-repeat: no-repeat;
        float: right;
        width: 335px;
        height: 322px;
        z-index: 1;
    }

    .HowMadeJuiceDetail_Img_3 {
        background-image: url('../../img/FilterCashew_1.png');
        background-repeat: no-repeat;
        float: left;
       top: 10px;
        width: 250px;
        height: 234px;
        z-index: 1;
        position: relative;
    }

    .HowMadeJuiceDetail_Img_4 {
        background-image: url('../../img/BottleCashew_1.png');
        background-repeat: no-repeat;
        float: right;
        width: 250px;
        height: 230px;
        z-index: 1;
        position: relative;
    }

    .HowMadeJuiceDetail_Img_5 {
        background-image: url('../../img/PastueriseCashew_1.png');
        background-repeat: no-repeat;
        margin-left:50px;
        top:-40px;
        width: 200px;
        height: 227px;
        z-index: 1;
        position: relative;
    }

    .HowMadeJucieTitle {
        font-size: 40px;
        line-height: 40px;
    }

    .HowMadeDetailTextLeft {
        width: 335px;
        height: 251px;
        font-size: 14px;
        line-height: 21px;
        padding-right: unset;
        text-align: center;
    }

    .HowMadeDetailTextRight {
        width: 335px;
        height: 251px;
        font-size: 14px;
        line-height: 21px;
        margin-left: unset;
        text-align: center;
    }

    .HowStorageRightImg_1 {
        width: 335px;
        height: 300px;
        background-image: url('../../img/HowCashewStorageRight_1_1.png');
        background-repeat: no-repeat;
        margin: auto;
    }

    .HowStorageRightImg_2 {
        top: -40px;
        position: relative;
        width: 80px;
        height: 80px;
        background-image: url('../../img/HowCashewStorageRight_1_2.png');
        background-repeat: no-repeat;
        margin: auto;
    }

    .HowStorageWrongImg_1 {
        width: 335px;
        height: 300px;
        background-image: url('../../img/HowCashewStorageWrong_1_2.png');
        background-repeat: no-repeat;
        margin: auto;
    }

    .HowStorageWrongImg_2 {
        top: -40px;
        position: relative;
        width: 80px;
        height: 80px;
        background-image: url('../../img/HowCashewStorageWrong_2_2.png');
        background-repeat: no-repeat;
    }

    .BestWayEnjoyingOption {
        margin-top: 150px;
        max-width: 335px;
        width:33%;
        height: 220px;
        display: block;
    }

    .BestWayEnjoyingOptionImg1_1 {
        width: 114px;
        height: 134px;
        background-image: url('../../img/HowBestJuiceImg_1_S.png');
        background-repeat: no-repeat;
    }

    .BestWayEnjoyingOptionImg1_2 {
        position: relative;
        width: 83px;
        height: 200px;
        background-image: url('../../img/HowBestJuiceImg_1_1_S.png');
        background-repeat: no-repeat;
        margin-left: -40px;
    }

    .BestWayEnjoyingOptionImg2_1 {
        width: 200px;
        height: 200px;
        background-image: url('../../img/HowBestJuiceImg_2_S.png');
        background-repeat: no-repeat;
    }

    .BestWayEnjoyingOptionImg2_2 {
        visibility: collapse;
        display: none
    }

    .BestWayEnjoyingOptionImg3_1 {
        width: 179px;
        height: 216px;
        background-image: url('../../img/HowBestJuiceImg_3_S.png');
        background-repeat: no-repeat;
        margin-top: 10px;
    }

    .BestWayEnjoyingOptionImg3_2 {
        visibility: collapse;
        display: none
    }
}