.top_green_gradient{

    position: relative;

}



.top_green_gradient::before{

    content:"";

    position: absolute;

    left: 0px;

    top:0px;

    width: 100%;

    height: 300px;

    background: linear-gradient(0deg, rgba(210,222,210,0) 0%, rgba(210,222,210,1) 100%); 

}





/* ink_bg */



.plain_bg{

    position: absolute;

    left: 0px;

    bottom: 0px;

    width: 100%;

    height: 100%;

    /* background: linear-gradient(0deg, rgba(242,238,238,0) 0%, rgba(242,238,238,1) 30%); 

    z-index: 2; */  

    pointer-events: none;

}



.ink_bg{

    position: absolute;

    left: 0px;

    bottom: 0px;

    width: 100%;

    height: auto;

    mix-blend-mode: darken;

    pointer-events: none;

}





.ink_bg1{

    position: absolute;

    left: auto;

    bottom: auto;

    width: 100%;

    mix-blend-mode: darken;

    pointer-events: none;

}



.ink_bg1 img{

    width: 100%;

    position: absolute;

    left: 0px;

    bottom: 0px;

}



.ink_bg3{

    position: absolute;

    width: auto;

    top:100px;

    right: 0px;

    height: 1100px;

    mix-blend-mode: darken;

    pointer-events: none;

}



.ink_bg4{

    position: absolute;

    top: 0%;

    right: 0px;

    width: 75%;

    height: auto;

    object-fit: contain;

    mix-blend-mode: darken;

    pointer-events: none;

    object-position: center right;

}





.ink_bg5{

    position: absolute;

    top:0%;

    right: 0px;

    width: 100%;

    height: auto;

    object-fit: cover;

    mix-blend-mode: darken;

    pointer-events: none;

}





.ink_bg6{

    position: absolute;

    top:0%;

    right: 0px;

    width: 100%;

    height: auto;

    object-fit: cover;

    mix-blend-mode: darken;

    pointer-events: none;

}



.ink_bg7{

    position: absolute;

    top:0%;

    margin-top: -25%;

    left: 0px;

    width: 100%;

    object-fit: cover;

    object-position: bottom center;

    mix-blend-mode: darken;

    pointer-events: none;

}



.ink_bg8_wrapper{

    padding-bottom: 25%;

    position: relative;

    mix-blend-mode: darken;

}



.ink_bg8{

    position: absolute;

    top:0%;

    right: 0px;

    width: 100%;

    height: auto;

    object-fit: cover;

}



.ink_bg9_wrapper{

    padding-bottom: 25%;

    position: relative;

    mix-blend-mode: darken;

    pointer-events: none;

}



.ink_bg9{

    position: absolute;

    bottom: 0%;

    right: 0px;

    width: 100%;

    height: 100%;

    object-fit: contain;

    top: 0px;

    object-position: left center;

}



.home_promotion_section .ink_bg9_wrapper{

    margin-top: -15%;

}



.ink_bg10_wrapper{

    position: absolute;

    top:100%;

    mix-blend-mode: darken;

    pointer-events: none;

}



.ink_bg10{

    width: 100%;

    height: auto;

}



.ink_bg10_1_wrapper{

    position: absolute;

    top:0%;

    right: 0%;

    width: 35%;

    mix-blend-mode: darken;

    pointer-events: none;

}



.ink_bg10_1{

    width: 100%;

    height: auto;

}



.ink_bg10_2_wrapper{

    position: absolute;

    bottom:0%;

    left: 0%;

    width: 35%;

    mix-blend-mode: darken;

    pointer-events: none;

}



.ink_bg10_2{

    width: 100%;

    height: auto;

}





.ink_bg11_wrapper{

    position: absolute;

    top:0%;

    mix-blend-mode: darken;

    pointer-events: none;

}



.ink_bg11{

    width: 100%;

    height: auto;

}



.ink_bg12_wrapper{

    position: absolute;

    height: auto;

    width: 100%;

    top:0px;

    mix-blend-mode: darken;

    pointer-events: none;

}



.ink_bg12{

    position: absolute;

    top:-20%;

    right: 0px;

    width: 100%;

    height: auto;

    object-fit: cover;

}



.ink_bg13_wrapper{

    position: absolute;

    top:0%;

    mix-blend-mode: darken;

    pointer-events: none;

}



.ink_bg13{

    width: 100%;

    height: auto;

}





.brush_bg{

    position: absolute;

    left: 0px;

    top:0px;

    width: 100%;

    height: 100%;;

    background-image: url(images/ink_bg2.jpg);

    background-size: 100% auto;

    background-repeat: no-repeat;

}





@media screen and (max-width: 1023px) { 





    .home_promotion_section .ink_bg9_wrapper{

    margin-top: 0%;

    }

}



@media screen and (max-width: 800px) { 



    .ink_bg1{

    }



    .ink_bg1 img{

    }





    .loadfinish .scrollinbottom.startani.ink_bg1{

        opacity: 0.5;

    }

    .loadfinish .scrollinbottom.startani.ink_bg3{

        opacity: 0.5;

    }

    .loadfinish .scrollinbottom.startani.ink_bg4{

        opacity: 0.5;

    }

    .loadfinish .scrollinbottom.startani.ink_bg5{

        opacity: 0.5;

    }

    .loadfinish .scrollinbottom.startani.ink_bg6{

        opacity: 0.5;

    }

    .loadfinish .scrollinbottom.startani.ink_bg7{

        opacity: 0.5;

    }

    .loadfinish .scrollinbottom.startani.ink_bg8{

        opacity: 0.5;

    }

    .loadfinish .scrollinbottom.startani.ink_bg9{

        opacity: 0.5;

    }

    .loadfinish .scrollinbottom.startani.ink_bg10{

        opacity: 0.5;

    }

    .loadfinish .scrollinbottom.startani.ink_bg11{

        opacity: 0.5;

    }

    .loadfinish .scrollinbottom.startani.ink_bg12{

        opacity: 0.5;

    }

    .loadfinish .scrollinbottom.startani.ink_bg13{

        opacity: 0.5;

    }

    .loadfinish .scrollinbottom.startani.ink_bg14{

        opacity: 0.5;

    }

    .loadfinish .scrollinbottom.startani.ink_bg15{

        opacity: 0.5;

    }

    .brush_bg{

        opacity: 0.5;

    }

    

    .loadfinish .scrollinbottom.startani.ink_bg12 {

        opacity: 0.5;

        top: 0%;

      }

    

    .loadfinish .scrollinbottom.startani.ink_bg13 {

        opacity: 0.5;

      }





}