/* for industrial page */

.bg-coco-sugar {

    background-image: url("https://www.asiaticagro.com/images/business/ind/coconut-sugar-by-asiatic.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;

    @media (min-width:992px) {
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .35) 20%, rgba(255, 255, 255, .35) 80%, rgba(255, 255, 255, 1) 100%), url("https://www.asiaticagro.com/images/business/ind/coconut-sugar-by-asiatic.jpg");

    }
}

.coco-content {
    padding: 1em;
    font-size: 1em;
    /* background-color: #fdf4ed; */
}

.bg-coconut-sugar {
    background: url(https://www.asiaticagro.com/images/business/ind/coconut_sugar.png) bottom no-repeat;
    background-position: right;
}

.coco-oil-content {
    background: #e8e9db;
    padding: 1em;
    font-size: 1em;
}

.bg-coconut-oil {
    background: url(https://www.asiaticagro.com/images/business/ind/coconut_oil-aai.png) bottom no-repeat;
    background-position: right;
}

.bg-coconut-flour {
    background: url(https://www.asiaticagro.com/images/business/ind/coconut_flour.png) bottom no-repeat;
    background-position: right;
}

.flour-content {
    padding: 1em;
    font-size: 1.3em;
}

.coco-flour-content {
    height: 50vh;
    max-height: 60vh;
}

.coco-center {
    margin: 0 auto;
    text-align: center;
}

#ind-call-to-action {
    overflow: hidden;
    background: url(https://www.asiaticagro.com/images/business/ind/coconut.jpg) rgba(138, 87, 36, 0.5);
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    padding: 80px 0;
    height: 15rem;
    max-height: 15rem;
    width: 100%;
    max-width: 100%;
}

.content-cocoflour-1 {
    /*background:#f0dec6; */
    margin-left: -6px;
}

.content-cocoflour-2 {
    background: #e7e8ea;
    margin-left: -7px;
}

.content-cocoflour-3 {
    background: #e8e9db;
    margin-left: -5px;
}

@media (max-width: 767px) {
    .content-cocoflour-1 {
        margin: 50px auto 10px !important;
    }

    .content-cocoflour-2 {
        margin: 10px auto !important;
    }

    .content-cocoflour-3 {
        margin: 10px auto !important;
    }
}

/* end industrial page*/