/* fonts this used poppins style*/
@font-face {
    font-family: poppins-extralight;
    src: url(../../fonts/Poppins-ExtraLight.ttf);
}
@font-face {
    font-family: poppins-thin;
    src: url(../../fonts/Poppins-Thin.ttf);
}
@font-face {
    font-family: poppins-regular;
    src: url(../../fonts/Poppins-Regular.ttf);
}
@font-face {
    font-family: poppins-light;
    src: url(../../fonts/Poppins-Light.ttf);
}
@font-face {
    font-family: poppins-semibold;
    src: url(../../fonts/Poppins-SemiBold.ttf);
}
@font-face {
    font-family: poppins-bold;
    src: url(../../fonts/Poppins-Bold.ttf);
}

/* ANIMATION */
@keyframes animatepopup {  
    to {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    }
}

@keyframes loading {
    from{
        transform:rotate(0turn);
    }
    to{
        transform: rotate(1turn);
    }
}

/* SETUP BODY */

*, html, body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}
::-webkit-scrollbar{
    width: 9px;
    border-radius: 27px;
}
::-webkit-scrollbar-track{
    background:white;
    border-radius: 20px;
}
::-webkit-scrollbar-thumb{
    background:#194949;
    border-radius: 20px;    
}
::-webkit-scrollbar-thumb:hover{
    background:#3b8d8b;  
}


/* M   E   N   U    S   E   C   T   I   O   N */
.container-menu-wci-ncd{
    width: 100%;
    height: 140px;
    display: flex;
    position: fixed;
    z-index: 999;
    /* background-color: blue; */
}
nav{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    /* background-color: yellow; */
}
.container-menu-wci-ncd.sticky{
    top: -6%;
    /* background-color: darkgoldenrod; */
}
.logo-image-menu-wci-ncd{
    width: 20%;
    height: 100%;
    display: flex;
    padding-left: 2%;
    align-items: end;
    /* background-color:violet; */
}
.logo-image-menu-wci-ncd img{
    width: 40%;
    height: 85%;
    object-fit: fill;
    margin-left: 20%;  
    z-index: 999; 
    /* background-color: tomato; */
}
 .listmenu-drop-wci-ncd{
    width: 50%;
    height: 100vh;
    right: -25%;
    border-radius: 50%;
    position: absolute;
    display: flex;
    flex-direction: column;
    padding: 0% 0 0 5%;
    justify-content: center;
    gap: 5%;
    list-style: none;
    transform: translateX(100%);
    overflow-y: hidden;
    scroll-snap-type:y mandatory;
    transition: all 1s;
    top:0px;
    background-color:#FFCBCB;
}
.listmenu-drop-wci-ncd li{
    width: 40%;   
    text-align: right; 
    /* background-color: yellowgreen; */
}
.listmenu-drop-wci-ncd li a{
    font-size: 27px;
    text-decoration: none;
    color:#194A49;
    font-family: 'poppins-regular', arial, sans-serif;
    /* background-color: #403030; */
}
.listmenu-drop-wci-ncd li img{
    width: 100%;
    height: 100%;
    object-fit: fill;
    /* background-color: #FBB220; */
}
.listmenu-drop-wci-ncd li a:hover{
    color:whitesmoke;
}
nav .listmenu-drop-wci-ncd.slide{
    opacity: 0.95;
    transform: translateY(0);
}
.socmed-icon-menu{
    display: flex;
    height: 36px;
    justify-content: end;
    gap: 10%;
    margin-top: 50px;
    /* background-color: #194949; */
}
.socmed-icon-menu a {
    width: 15%;
    /* background-color: yellow; */
}

.order-menu-toggle{
    width: 60%;
    height: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 5%;
    align-self:self-end ;
    /* background-color: red; */
}
.order-menu-toggle img{
    /* width: 35%; */
    height: 23%;
    /* background-color:black; */
}
.order-menu-toggle a{
    height: 23%;
    display: flex;
    align-items: center;
    font-family: 'poppins-light', arial, sans-serif;
    text-decoration: none;
    color: white;
    font-size: 23px;
    /* background-color: #0070af; */
}
.container-hamburger-icon-wci-ncd{
    width:27%;
    height: 100%;
    display: flex;
    align-items: end;
    gap: 5%;
    /* background-color: aquamarine;   */
}
.hamburger-menu-wci-ncd{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 40px;
    gap: 3%;
    align-items: end;
    /* background-color:#194949; */
}
.hamburger-menu-wci-ncd span{
    background-color: white;
    border-radius: 3px;
    transition: all 0.5s;
}
.top{
    width: 25px;
    height: 5.4px;
}
.middle{
    width: 32px;
    height: 5.4px;
}.buttom{
    width: 20px;
    height: 5.4px;
}
.hamburger-menu-wci-ncd input{
    position: absolute;
    width: 28px;
    height: 25px;
    opacity: 0;
    z-index:2;
    cursor: pointer;
}
.kepoya{
    background-color: #AA70BE;
    width: 100px;
    height: 100px;
    z-index: 0;
    display: none;
}
/* H  M   M  E  N  U   A  N  I  M  A  T  I  O  N */
.hamburger-menu-wci-ncd span:nth-child(2){
    transform-origin: 0 0; 
}
.hamburger-menu-wci-ncd span:nth-child(4){
    transform-origin: 0 0; 
}
.hamburger-menu-wci-ncd input:checked ~ span:nth-child(2){
    transform: rotate(45deg) translate(6px, -4px);
    width: 36px;
}
.hamburger-menu-wci-ncd input:checked ~ span:nth-child(4){
    transform: rotate(-45deg) translate(-3px, 7px);
    width: 36px;
}
.hamburger-menu-wci-ncd input:checked ~ span:nth-child(3){
    transform: scale(0);
}
.order-menu-toggle input:checked{
    transform: scale();
}



/* H   E   A   D   E   R    S   E   C   T   I   O   N */
.header-wci-ncd{
    width: 100%;
    height: 100vh;
    /* background-color:#FBB220; */
    /* display: flex;     */
}

.container-slider-header-wci-ncd{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.container-header-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    /* background-color: aqua; */
}
.container-header-wci-ncd.active{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: 1s;
    padding: 0; 
}


/* --------------------------------------------------------------------- */

.first-slider-content-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10%;
    position: relative;
    background-color:#f7efec;
}
.first-slider-content-wci-ncd img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: flex;
    position: absolute;
}
.cover-background-header-wci-ncd{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: black;
    opacity: 0.5;
}
.content-title-header-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 5%;
    padding-bottom: 5%;
    position: relative;
    /* background-color:#403030; */
}
.content-title-header-wci-ncd h1{
    font-family: 'poppins-regular', arial, sans-serif;
    color: white;
    text-align: center;
    font-size: 63px;
    letter-spacing: 1px;
    line-height: 72px;
    /* background-color:blue; */
}
.content-title-header-wci-ncd p{
    width: 63%;
    font-family: 'poppins-light', arial, sans-serif;
    color: white;
    text-align: center;
    font-size: 36px;
    letter-spacing: 1px;
    line-height: 54px;
    /* background-color:blue; */
}
.menu-header-firstslider-wci-ncd{
    width: 100%;
    height: 13%;
    display: flex;
    justify-content: center;
    gap: 10%;
    position: relative;
    margin-bottom: 10px;
    /* background-color:yellow; */
}
.menu-header-firstslider-wci-ncd button{
    width: 23%;
    height: 100%;
    border-radius: 50px;
    border: none;
    /* color: white; */
    font-size: 23px;
    font-family: 'poppins-light', arial, sans-serif;
}
.mci-ncd-button-one{
    cursor: pointer;
    background-color:#194A49;
    color:whitesmoke;
}
.mci-ncd-button-one:hover{
    background-color:#823205;
    color:#FFCBCB;
}
.mci-ncd-button-two{
    cursor: pointer;
    background-color:#FFCBCB;
    color: #194A49;
}
.mci-ncd-button-two:hover{
    background-color:#823205;
    color:#FFCBCB;
}
/* ------------------------------------------------------- */

.container-content-twocolumns-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
}
.content-second-slider-wci-ncd{
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color:#68a6a5
}
.content-second-slider-wci-ncd p{
    margin-top: 40%;
    text-align: center;
    color:whitesmoke;
    font-size: 27px;
    font-family: 'poppins-regular', arial, sans-serif;
    /* background-color: yellow; */
}
.menu-header-secondslider-wci-ncd{
    width: 100%;
    margin-top: 18%;
    height: 8%;
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 10%;
    /* background-color: aqua; */
}
.menu-header-secondslider-wci-ncd button{
    width: 33%;
    height: 100%;
    border-radius: 50px;
    border: none;
    color: white;
    font-size: 18px;
    background-color:#194949;
    cursor: pointer;
    font-family: 'poppins-light', arial, sans-serif;
}
.menu-header-secondslider-wci-ncd button:hover{
    background-color:#FFCBCB;
    color:#823205;
}
.menu-header-secondslider-wci-ncd button{
    width: 33%;
    height: 100%;
    border-radius: 50px;
    border: none;
    color: white;
    font-size: 18px;
    font-family: 'poppins-light', arial, sans-serif;
}
.image-second-column-wci-ncd{
    width: 50%;
    height: 100%;
    display: flex;
    /* background-color: #594444; */
}
.image-second-column-wci-ncd img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}
.image-second-column-wci-ncd::after{
    content: '';
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    display: none;
    opacity: 0;
    background-color:grey;
    
}

/* ------------------------------------------------------ */
.content-third-slider-wci-ncd{
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 14% 0 0 5%;
    background-color:#f7efec;
}
.content-third-slider-wci-ncd h1{
    text-align: justify;
    color:#194949;
    line-height: 45px;
    font-size: 36px;
    /* letter-spacing: 4.5px; */
    /* margin-bottom: 15%; */
    /* background-color: yellow; */
}
.title-1{
    font-family: 'poppins-thin', arial, sans-serif;
}
.title-2{
    font-family: 'poppins-bold', arial, sans-serif;
    font-weight: 100;
}
.title-3{
    font-family: 'poppins-thin', arial, sans-serif;
}
.content-items-wci-ncd{
    width: 90%;
    font-size: 18px;
    line-height: 27px;
    margin-top: 5%;
    color:#194A49;
    font-family: 'poppins-light', arial, sans-serif;
    /* background-color:yellowgreen; */
}
.menu-header-thirdslider-wci-ncd button{
    width: 50%;
    height: 70%;
    margin-top: 5%;
    border-radius: 50px;
    cursor: pointer;
    border: none;
    color: white;
    font-size: 14px;
    background-color:#194949;
    font-family: 'poppins-light', arial, sans-serif;
}
.menu-header-thirdslider-wci-ncd button:hover{
    background-color:#AA70BE;
    color:#194A49;
}

.image-third-column-wci-ncd{
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:#f7efec;
}

.image-third-column-wci-ncd a{
    width: 50%;
    height: 63%;
    position: relative;
    z-index: 999;
    /* background-color: #194949; */
    
}
.image-third-column-wci-ncd img{
    width: 100%;
    height: 100%;
    object-fit: fill;
    position: relative;
    -webkit-mask-image: url('../../images/header-news-event-frame.svg');
    -webkit-mask-size: 99%;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    background-color: violet;
}
.image-third-column-wci-ncd::after{
    content: '';
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    display: none;
    opacity: 0;
    background-color:black;
}

/* tombol navigasi header section */
.navigation-button-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    opacity: 0;
    transition: opacity 1s ease;   
        /* background-color: #2f3186; */ 
}
.container-slider-header-wci-ncd:hover .navigation-button-ncd{
    opacity: 1;
}
.navigation-button-ncd i{
    /* z-index: 999; */
    font-size: 20em;
    display: flex;
    flex-direction: column;
    height:100px;
    justify-content:center;
    position: relative; 
    cursor: pointer;
    /* background-color: red; */
}

/* P A G I N A T I O N  D O T  D O T */
.pagination-header-wci-ncd{
    width: 100%;
    height: 3%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    gap: 2%;
    bottom: 2%;
    /* background-color: violet; */
}
.pagination-header-wci-ncd span:hover{
    transform: scale(1.2);

}
.pagination-header-wci-ncd span.active{
    width: 45px;
    height: 15px;
    border-radius: 20px;
    border: 1px solid grey;
    background-color: grey;
    transition: 0.5s ease;
    opacity: 1;
}
.pagination-header-wci-ncd .left{
    width: 15px;
    height: 15px;
    border-radius: 100%;
    border: 1px solid grey;
    background-color: grey;
    opacity: 0.5;
    cursor: pointer;
}
.pagination-header-wci-ncd .middle{
    width: 15px;
    height: 15px;
    border-radius: 100%;
    border: 1px solid grey;
    background-color: grey;
    opacity: 0.5;
    cursor: pointer;
}
.pagination-header-wci-ncd .right{
    width: 15px;
    height: 15px;
    border-radius: 100%;
    border: 1px solid grey;
    background-color: grey;
    opacity: 0.5;
    cursor: pointer;
}
/* P A G I N A T I O N  D O T  D O T */

.tombol-sebelumnya-ncd span{
    display: block;
    top: 0;
    width: 28px;
    height: 3px;
    border-radius: 3px;
    transition: all 0.5s;
    background-color: #194A49;
}
.tombol-sebelumnya-ncd span:nth-child(1){
    transform-origin: 0 0;
    transform: rotate(-30deg) translate(0px, 2px); 
}

.tombol-sebelumnya-ncd span:nth-child(2){
    transform-origin: 0 0;
    transform: rotate(30deg) translate(1px, -3px); 
}

.tombol-selanjutnya-ncd span{
    display: block;
    width: 28px;
    height: 3px;
    background-color: #194A49;
    border-radius: 3px;
    transition: all 0.5s;
}
.tombol-selanjutnya-ncd span:nth-child(1){
    transform-origin: 100 100;
    transform: rotate(30deg) translate(-3px, -4px); 
}

.tombol-selanjutnya-ncd span:nth-child(2){
    transform-origin: 100 100;
    transform: rotate(-30deg) translate(-3px, 4px); 
}



/* P   R   O   F   I   L   E    S   E   C   T   I   O   N */
.wow-profile-wci-ncd{
    width: 100%;
    height: 100vh;
    background: linear-gradient(90deg, rgba(25,74,73,1) 52%, rgba(92,90,117,1) 87%, rgba(115,106,88,1) 100%);
}
.container-column-profile-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
}
.container-content-profile-wci-ncd{
    width: 50%;
    height: 100%;
    padding: 3% 0 3% 5%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    position: relative;
    /* background-color: grey; */
}

.container-content-profile-wci-ncd h1{
    width: 100%;
    color: white;
    font-size: 36px;
    font-family:'poppins-regular', arial, sans-serif ;
}
.container-content-profile-wci-ncd p{
    width: 100%;
    color: white;
    font-family:'poppins-thin', arial, sans-serif ;
}
.container-content-profile-wci-ncd a{
    width: 153px;
    height: 30px;
    padding: 5px;
    font-family: 'poppins-light', arial, sans-serif;
    text-decoration: none;
    color:#823205;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    cursor: pointer;
    font-size: 14px;
    background-color:#FFCBCB;

}
.container-content-profile-wci-ncd a:hover{
    background-color:whitesmoke;
    color:#194A49;
}
.container-image-profile-wci-ncd{
    width: 50%;
    height: 100%;
    padding: 3% 10%;
    position: relative;
    display: flex;
}

.container-image-profile-wci-ncd video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
    position: relative;
    /* background-color: #FBB220; */
}
.container-image-profile-wci-ncd::after{
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0;
    display: none;
    position: absolute;
    background:linear-gradient(90deg, rgba(25,74,73,1) 52%, rgba(92,90,117,1) 87%, rgba(115,106,88,1) 100%);
}

/* S  E  C  T  I  O  N   C  O  F  F  E  E   I  N  D  O  N  E  S  I  A */

.container-coffee-indonesia-wci-ncd{
    width: 100%;
    height: 100vh;
    display: flex;
    position: relative;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    /* background-color: #FBB220; */
}
.container-coffee-indonesia-wci-ncd::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.6;
    background-color:#194949;
}

.container-content-coffee-indonesia-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    padding: 5% 6%;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    gap: 5%;
    position: relative;
    z-index: 1;
    /* background-color: #194A49; */
}
.container-content-coffee-indonesia-wci-ncd h1{
    width: 100%;
    color: white;
    font-size:54px;
    text-align: center;
    font-family: 'poppins-light', arial, sans-serif;
    /* background-color: #5B4E4E; */
}
.container-content-coffee-indonesia-wci-ncd p{
    width: 65%;
    text-decoration: solid;
    font-family:'poppins-light', arial, sans-serif ;
    font-size: 16px;
    text-align: center;
    color: white;
    letter-spacing: 1px;
    /* background-color:rgb(0, 0, 0, 0.4); */
}

.container-content-coffee-indonesia-wci-ncd a{
    width: 20%;
    height: 45px;
    padding: 5px;
    font-family: 'poppins-light', arial, sans-serif;
    text-decoration: none;
    color:#194A49;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border:solid 2px #194A49;
    cursor: pointer;
    font-size: 14px;
    background-color:#FFCBCB;

}
.container-content-coffee-indonesia-wci-ncd a:hover{
    background-color:#194949;
    border:solid 2px #FFCBCB;
    color:#FFCBCB;
}
/* F   O   R   M    S   E   C   T   I   O   N */
.container-form-request-wci-ncd{
    width: 100%;
    height: 100vh;
    position: relative;
    background-color:#68a6a5;
    padding: 5%;
}
.container-content-form-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    /* background-color: #AA70BE; */
}
.gambar-kiri-coffee-wci-ncd{
    width: 50%;
    height: 100%;
    padding: 0 5%;
    /* background-color:#194A49; */
}
.gambar-kiri-coffee-wci-ncd::before{
    content: '';
    width: 100%;
    height: 100%;
    background-color: #823205;
    opacity: 0;
    display: none;
    position: absolute;
}
.gambar-kiri-coffee-wci-ncd img{
    width: 100%;
    height: 100%;
    border-radius: 30px;
    object-fit: cover;
    /* background-color: tomato; */
}
.form-input-coffee-wci-ncd{
    width: 50%;
    height: 100%;
    /* background-color: brown; */
}
.form-input-coffee-wci-ncd form{
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 2% 5%;
gap: 4%;
/* background-color: #823205; */
}

.form-input-coffee-wci-ncd form h2{
    width: 100%;
    font-family:'poppins-light', arial, sans-serif;
    font-size: 45px;
    letter-spacing: 2px;
    color: white;
    text-align: center;
    /* background-color:springgreen; */
}
.form-input-coffee-wci-ncd form p{
    font-size: 12px;
    font-family:'poppins-light', arial, sans-serif;
    color: white;
    text-align: center;
    /* background-color: #194949; */
}

.form-input-coffee-wci-ncd form input,
.form-input-coffee-wci-ncd form button{
    border-radius: 30px;
    text-align: center;

}
.option-box{
    width: 100%;
    height: 15%;
    font-size: 18px;
    border-radius: 30px;
    text-align: center;
    color:#FFCBCB;
    border: white solid;
    background: transparent;
    position: relative;
    appearance: none;
}
option{
    position: absolute;
    background-color: #194949;
    text-align: center;
}
label{
    position: absolute;
}
.subject-box{
    width: 100%;
    height: 15%;
    font-size: 18px;
    color: white;
    border: white solid;
    background: transparent;
}

.tampilan,
.tampilan2{
    display: none;
}


.subject-box::placeholder{
    width: 100%;
    color:#FFCBCB;
    font-size: 14px;
    font-family: 'poppins-regular', arial, sans-serif;
}

.name-box{
    width: 48%;
    height: 15%;
    font-size: 18px;
    color: white;
    border: white solid;
    background: transparent;
    font-family: 'poppins-regular', arial, sans-serif;
}

.name-box::placeholder{
    color:#FFCBCB;
    font-family: 'poppins-regular', arial, sans-serif;
}
.phone-box{
    width: 48%;
    height: 15%;
    font-size: 18px;
    color:white;
    border: white solid;
    background: transparent;
    font-family: 'poppins-regular', arial, sans-serif;
}
.phone-box::placeholder{
    color:#FFCBCB;
    font-family: 'poppins-regular', arial, sans-serif;
}
.submit-box{
    width: 100%;
    height: 10%;
    font-size: 18px;
    border: none;
    color:#823205;
    cursor: pointer;
    background-color:#FFCBCB;
}
.submit-box:hover{
    color:#FFCBCB;
    cursor: pointer;
    background-color:#194A49;
}
.submit-loading-box{
    width: 100%;
    height: 10%;
    font-size: 18px;
    border: none;
    color:whitesmoke;
    display: none;
    background-color:#194949;
    cursor: wait;
    align-items: center;
    justify-content: center;
    gap: 5%;
    /* background-color: yellow; */
}


.spinner-loading-box{
    /* width: 100%;
    height: 100%; */
    width: 27px;
    height: 27px;
    display:inline-block;
    border: 5px solid whitesmoke;
    border-top-color:#FFCBCB;
    border-radius: 50%;
    animation: loading 0.75s ease infinite;
    /* background-color:red; */
}
.submit-done-box{
    width: 100%;
    height: 10%;
    font-size: 18px;
    border: none;
    color:whitesmoke;
    display:none;
    background-color: green;
    cursor:pointer;
    align-items: center;
    justify-content: center;

}
.checklist-done{
    width: 9%;
    height: 80%;
}
/* F   O   O   T   E   R    S   E   C   T   I   O   N */
.container-footer-wci-ncd{
    width: 100%;
    height: 75vh;
    position: relative;
    display: flex;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.container-footer-wci-ncd::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: aliceblue;
    opacity: 0.8;
}
.container-content-footer-wci-ncd{
    width: 100%;
    height: 100%;
    padding: 3% 5% 3% 5%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    z-index: 1;
    /* background-color: #AA70BE; */
}
.logo-footer-wci-ncd{
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: space-between;
    /* background-color: #FBB220; */
}
.logo-footer-wci-ncd img{
    width: 8%;
    height: 100%;
    object-fit: fill;
    /* background-color:rgba(92,90,117,1); */
}
.content-row-footer-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    padding-top: 10px;
    justify-content: space-between;
    position: relative;
    /* background-color:yellow; */
}
.alamat-kantor-wci-ncd{
    width: 30%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    /* background-color: tomato; */
}
.alamat-kantor-wci-ncd h1{
    color: #5B4E4E;
    font-size: 22px;
    font-family:'poppins-bold', arial, sans-serif;
}
.alamat-kantor-wci-ncd p{
    color: #5B4E4E;
    font-size: 16px;
    line-height: 1.5rem;
    font-family:'poppins-reguler', arial, sans-serif;
}
.alamat-kantor-wci-ncd a{
    display: flex;
    align-items: center;
    text-decoration: none;
    color:#5B4E4E;
    font-size: 16px;
    font-family:'poppins-reguler', arial, sans-serif;
    /* background-color: #194A49; */
}
.alamat-kantor-wci-ncd img{
    width: 27px;
    height: 27px;
    margin-right: 3px;
    filter: #5B4E4E;
    align-items: center;
    /* background-color: #823205; */
}
.social-media-footer-wci-ncd{
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0 0 2% 0;
    /* background-color: royalblue; */
}
.social-media-footer-wci-ncd h4{
    width: 100%;
    color: #823205;
    font-family:'poppins-light', arial, sans-serif;
    /* background-color: aliceblue; */
}
.social-media-footer-wci-ncd a{
    text-decoration: none;
    color: #5B4E4E;
    font-family:'poppins-bold', arial, sans-serif;
}
.icon-socmed-wci-ncd {
    width: 100%;
    /* height: 20px; */
    display: flex;
    gap: 5%;
    /* background-color: aqua; */
}
.icon-socmed-wci-ncd a{
    width: 30px;
    height: 30px;
    /* background-color:violet; */
}
.icon-socmed-wci-ncd img{
    width: 100%;
    object-fit: fill;
    /* background-color: #194A49; */
}
.copyright-wci-ncd{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    /* background-color: aqua; */
}
.copyright-wci-ncd img{
    object-fit: fill;
    width: 15px;
    height: 15px;
    /* background-color: #AA70BE; */
}
.copyright-wci-ncd p{
    display: flex;
    align-items: center;
    color: #383535;
    font-size: 12px;
    font-family:'poppins-regular', arial, sans-serif ;
    /* background-color: yellow; */
}


/* PAGE ABOUT WCI */

/* HEADER ABOUT WCI */
.header-about-wci-ncd{
    width: 100%;
    height: 100vh;
    background-color:#194A49;
}

.container-header-about-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
}
.first-content-about-wci-ncd{
    width: 50%;
    height: 100%;
    padding: 6% 5% 6% 5%;
    display: flex;
    flex-direction: column;
    gap: 5%;
    background-color:#194A49;
}
.first-content-about-wci-ncd h1{
    font-size: 25px;
    font-family: 'poppins-reguler', arial, sans-serif;
    text-align: left;
    line-height: 36px;
    color: #fecdc6;
    width: 90%;
    /* background-color: #194949; */
}
.first-content-about-wci-ncd h2{
    font-size: 18px;
    font-family: 'poppins-reguler', arial, sans-serif;
    text-align: justify;
    line-height: 22px;
    color: #fecdc6;
    /* background-color: violet; */
}
.first-content-about-wci-ncd p{
    font-family: 'poppins-light', arial, sans-serif;
    text-align: justify;
    color: whitesmoke;
    /* background-color: yellowgreen; */
}
.second-content-about-wci-ncd{
    width: 50%;
    height: 100%;
    display: flex;
    position: relative;
    padding: 10% 6% 5% 0;
}
.second-content-about-wci-ncd img{
    width: 100%;
    border-radius: 30px;
    object-fit: cover;
}
.second-content-about-wci-ncd::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    background-color: #5B4E4E;

}

/* T   E   A   M | P   R   O   F   I   L   E | S   E   C   T   I   O   N */
.team-profile-wci-ncd{
    width: 100%;
    height: 100vh;
    background-color: whitesmoke;
}
.container-team-profile-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
}
.container-content-team-profile-wci-ncd{
    width: 27%;
    height: 100%;
    padding: 3% 0 0 5%;
    display: flex;
    /* flex-direction: column; */
    flex-wrap: wrap;
    align-content:flex-start;
    /* background-color: grey; */
}
.container-content-team-profile-wci-ncd h1{
    height: 9%;
    display: flex;
    align-items: center;
    color: #194A49;
    font-family: 'poppins-light', arial, sans-serif;
    font-size: 45px;
    /* background-color: blue; */
}
.bold-team{
    height: 9%;
    display: flex;
    align-items: center;
    color: #FBB220;
    font-family: 'poppins-bold', arial, sans-serif;
    font-size: 45px;
    /* background-color: tomato; */
}
.container-content-team-profile-wci-ncd p{
    width: 100%;
    color: #194A49;
    font-family: 'poppins-regular', arial, sans-serif;
    font-size: 20px;
}
.container-card-profile-wci-ncd{
    width: 73%;
    height: 100%;
    padding: 10% 2% 0 5%;
    gap: 2%;
    flex-wrap: wrap;
    display: flex;
    /* background-color: #AA70BE; */
}
.card-profile-wci-ncd{
    width: 400px;
    height: 25%;
    border-radius: 20px;
    display: flex;
    /* background-color: #5B4E4E; */
}
.card-profile-wci-ncd img{
    width: 30%;
    border-radius: 10px;
    object-fit: cover;
    /* background-color: tomato; */
}
.detail-title-team-wci-ncd{
    width: 80%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 5%;
}
.detail-title-team-wci-ncd h3{
    width: 100%;
    font-family: 'poppins-regular', arial, sans-serif;
    /* background-color: #AA70BE; */
}
.detail-title-team-wci-ncd p{
    width: 100%;
    font-size: 12px;
    font-family: 'poppins-regular', arial, sans-serif;
    /* background-color: yellow; */
}
.detail-title-team-wci-ncd a{
    text-decoration: none;
    width: 100%;
    font-size: 12px;
    color: black;
    font-family: 'poppins-regular', arial, sans-serif;
    /* background-color: tomato; */
}

/* S  E  C  T  I  O  N   C  O  F  F  E  E   M   A   P*/

.container-coffee-map-wci-ncd{
    width: 100%;
    height: 100vh;
    padding-top: 3%;
    padding-left: 5%;
    background-color: #194949;
}
.container-content-coffee-map-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    /* background-color:#F7EFED; */
}
.container-content-coffee-map-wci-ncd img{
    width: 100%;
    height: 70%;
    object-fit: fill;
}
.address-office-wci-ncd{
    width: 100%;
    height: 30%;
    display: flex;
    /* background-color:violet; */
}
.title-areas-wci-ncd{
    width: 40%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* background-color: #823205; */
}
.title-areas-1{
    width: 100%;
    color: whitesmoke;
    font-family:'poppins-light', arial, sans-serif;
    font-size: 27px;
}
.title-areas-2{
    width: 100%;
    color: #fecdc6;
    font-weight: 1000;
    font-family:'poppins-regular', arial, sans-serif;
    font-size: 27px;
}


/* B   R   A   N   D    P   R   O   M   I   S   E    S   E   C   T   I   O   N */
.container-brand-promise-wci-ncd{
    width: 100%;
    height: 100vh;
    position: relative;
    background-color:#68a6a5;
    padding: 5%;
}
.container-content-bp-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    /* background-color: #AA70BE; */
}
.gambar-kanan-coffee-wci-ncd{
    width: 50%;
    height: 100%;
}
.gambar-kanan-coffee-wci-ncd::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color:#594444;
    display: none;
}
.gambar-kanan-coffee-wci-ncd img{
    width: 100%;
    height: 100%;
    border-radius: 0% 100% 100% 0% / 0% 100% 0% 100%;
    object-fit:cover;
    /* background-color: tomato; */
}
.brand-promise-wci-ncd{
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    /* background-color: brown; */
}
.brand-promise-wci-ncd h2{
    width: 100%;
    font-size: 63px;
    letter-spacing: 5px;
    line-height: 70px;
    /* background-color: yellow; */
}
.title-bp-wci-ncd-1{
    font-family:'poppins-thin', arial, sans-serif;
    color: white;
    font-weight: 100;
    /* background-color:springgreen; */
}
.title-bp-wci-ncd-2{
    font-family:'poppins-regular', arial, sans-serif;
    color:#fecdc6;
    /* background-color: slateblue; */
}
.detail-content-promise-wci-ncd-1{
    width: 90%;
    font-size: 27px;
    font-family:'poppins-light', arial, sans-serif;
    color: white;
    /* background-color: tomato; */
}
.detail-content-promise-wci-ncd-2{
    width: 90%;
    font-size: 16px;
    font-family:'poppins-light', arial, sans-serif;
    color: white;
    /* background-color: rosybrown; */
}
/* V   A   L   U   E    S   E   C   T   I   O   N */
.container-uvp-wci-ncd{
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}
.container-uvp-wci-ncd::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #194A49;
    opacity: 0.8;
}
.container-content-uvp-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 5%;
    gap: 10%;
    position: relative;
    z-index: 1;
    /* background-color: #AA70BE; */
}

.container-content-uvp-wci-ncd h2{
    font-family:'poppins-regular', arial, sans-serif;
    color:whitesmoke;
    font-size: 27px;
    letter-spacing: 5px;
    padding-left: 3%;
    line-height: 36px;
    /* background-color: brown; */
}
.card-uvp-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    position: relative;
    /* background-color: yellow; */
}
.card-content-uvp-wci-ncd{
    width: 45%;
    height: 45%;
    display: flex;
    flex-direction: column;
    gap: 5%;
    border-bottom:solid #fecdc6;
    /* background-color:#194949; */
}
.card-content-uvp-wci-ncd h3{
    font-family:'poppins-regular', arial, sans-serif;
    color: #fecdc6;
}
.card-content-uvp-wci-ncd p{
    font-family:'poppins-regular', arial, sans-serif;
    font-size: 14px;
    color: whitesmoke;
}
/* L   I   N   E    P   R   O   D   U   C   T    P   A   G   E */
.header-lp-wci-ncd{
    width: 100%;
    height: 100vh;
    display: flex;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color:#FBB220;
}
.header-lp-wci-ncd::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.5;
}
.container-header-lp-wci-ncd{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.content-title-header-lp-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    padding: 5% 5%;
    /* background-color: aliceblue; */
}
.thin-title-lp-header{
    font-family: 'poppins-thin', arial, sans-serif;
    color: white;
    font-size: 45px;
    letter-spacing: 1px;
    line-height: 54px;
    font-weight: 100;
    /* background-color:blue; */
}
.bold-title-lp-header{
    font-family: 'poppins-bold', arial, sans-serif;
    color: white;
    font-size: 45px;
    letter-spacing: 1px;
    line-height: 54px;
    /* background-color: #194949; */
}
/* LINE PRODUCT ROASTING SECTION */
.wow-roasting-product-wci-ncd{
    width: 100%;
    height: 100vh;
    background-color:#F7EFED;
}
.container-roasting-product-wci-ncd{
    width: 100%;
    height: 100%;
    position: relative;
    /* background-color:#194949; */
}
.container-card-lp-wci-ncd{
    width: 100%;
    height: 100%;
    padding: 6% 5%;
    display: flex;
    position: relative;
    align-items: center;
    flex-wrap: wrap;
    gap: 10%;
    justify-content: space-evenly;
    /* background-color: violet; */
}
.container-card-lp-wci-ncd button{
    display: none;
}
.container-content-roasting-product-wci-ncd{
    width: 18%;
    height: 45%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    gap: 1%;
    border-radius: 30px;
    background-color:white;
}
.link-product-image {
    width: 75%;
    height: 50%;
}
.link-product-image img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}
.link-product-title{
    text-decoration: none;
    width: 60%;
    /* background-color: #823205; */
}
.link-product-title h3{
    font-family: 'poppins-bold', arial, sans-serif;
    text-align: center;
    /* background-color: #FBB220; */
}

/*A   R   A   B   I   C   A    M   A   N    S   E   C   T   I   O   N*/
.arabica-mandailing-coffee-indonesia-wci-ncd{
    width: 100%;
    height: 100vh;
    padding: 3% 5% 0 5%;
    position: relative;
    background-color:#3b8d8b;
}
.container-content-arabica-mandailing-indonesia-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    /* background-color: #194A49; */
}
.container-content-detail-mandailing-wci-ncd{
    width: 60%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 2% 5%;
    /* background-color: brown; */
}
.container-content-detail-mandailing-wci-ncd h1{
    width: 100%;
    color:#f7efec;
    font-size: 45px;
    font-family: 'poppins-regular', arial, sans-serif;
    font-weight: 900;
    /* background-color:springgreen; */
}
.title-mandailing-wci-ncd{
    width: 100%;
    font-family:'poppins-thin', arial, sans-serif ;
    font-size: 18px;
    color:#fecdc6;
    line-height: 25px;
    font-weight: 900;
    letter-spacing: 1px;
    /* background-color: yellowgreen; */
}
.content-mandailing-wci-ncd{
    margin-top: 10%;
    color: #f7efec;
    font-size: 18px;
    font-family: 'poppins-regular', arial, sans-serif;
    font-weight: 500;
    /* background-color: violet; */
}
.container-content-detail-mandailing-wci-ncd ul{
    margin-top: 9%;
    width: 400px;
    /* background-color: tomato; */
}
.container-content-detail-mandailing-wci-ncd ul li{
    font-family:'poppins-regular', arial, sans-serif ;
    font-size: 14px;
    margin-left: 30px;
    color:#f7efec;
    letter-spacing: 1px;
    /* background-color: slateblue; */
}
.gambar-kanan-mandailing-wci-ncd{
    width: 40%;
    height: 100%;
    padding: 2% 0;
    /* background-color:yellowgreen; */
}
.gambar-kanan-mandailing-wci-ncd img{
    width: 100%;
    height: 100%;
    border-radius: 30px;
    object-fit: cover;
    /* background-color: tomato; */
}


/* A   C   E   H    G   A   Y   O    S   E   C   T   I   O   N */
.container-aceh-gayo-wci-ncd{
    width: 100%;
    height: 100vh;
    padding: 3% 5% 0 5%;
    position: relative;
    background-color:#68a6a5;
}
.container-content-aceh-gayo-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    /* background-color: #AA70BE; */
}
.container-content-detail-aceh-gayo-wci-ncd{
    width: 60%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 2% 5%;
    /* background-color: brown; */
}
.container-content-detail-aceh-gayo-wci-ncd h1{
    width: 100%;
    color:#f7efec;
    font-size: 45px;
    font-family: 'poppins-regular', arial, sans-serif;
    font-weight: 900;
    /* background-color:springgreen; */
}
.title-aceh-gayo-wci-ncd{
    width: 100%;
    font-family:'poppins-thin', arial, sans-serif ;
    font-size: 18px;
    color:#fecdc6;
    line-height: 25px;
    font-weight: 900;
    letter-spacing: 1px;
    /* background-color:yellowgreen; */
}
.content-aceh-gayo-wci-ncd{
    margin-top: 10%;
    color: #f7efec;
    font-size: 18px;
    font-family: 'poppins-regular', arial, sans-serif;
    font-weight: 500;
    /* background-color: violet; */
}
.container-content-detail-aceh-gayo-wci-ncd ul{
    margin-top: 9%;
    width: 400px;
    /* background-color: tomato; */
}
.container-content-detail-aceh-gayo-wci-ncd ul li{
    font-family:'poppins-regular', arial, sans-serif ;
    font-size: 14px;
    margin-left: 30px;
    color:#f7efec;
    letter-spacing: 1px;
    /* background-color: steelblue; */
}
.gambar-kanan-aceh-gayo-wci-ncd{
    width: 40%;
    height: 100%;
    padding: 2% 0;
    /* background-color:#194A49; */
}
.gambar-kanan-aceh-gayo-wci-ncd img{
    width: 100%;
    height: 100%;
    border-radius: 30px;
    object-fit: cover;
    /* background-color: tomato; */
}

/* L   I   N   T   O   N   G    S   E   C   T   I   O   N */

.lintong-coffee-indonesia-wci-ncd{
    width: 100%;
    height: 100vh;
    padding: 3% 5% 0 5%;
    position: relative;
    background-color:#3b8d8b;
}
.container-content-lintong-indonesia-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    /* background-color: #194A49; */
}
.container-content-detail-lt-wci-ncd{
    width: 60%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 2% 5%;
    /* background-color: brown; */
}
.container-content-detail-lt-wci-ncd h1{
    width: 100%;
    color:#f7efec;
    font-size: 45px;
    font-family: 'poppins-regular', arial, sans-serif;
    font-weight: 900;
    /* background-color:springgreen; */
}
.title-lintong-wci-ncd{
    width: 100%;
    font-family:'poppins-thin', arial, sans-serif ;
    font-size: 18px;
    color:#fecdc6;
    line-height: 25px;
    font-weight: 900;
    letter-spacing: 1px;
    /* background-color:yellowgreen; */
}
.content-lintong-wci-ncd{
    margin-top: 10%;
    color: #f7efec;
    font-size: 18px;
    font-family: 'poppins-regular', arial, sans-serif;
    font-weight: 500;
    /* background-color:violet; */
}
.container-content-detail-lt-wci-ncd ul{
    margin-top: 9%;
    width: 400px;
    /* background-color: tomato; */
}
.container-content-detail-lt-wci-ncd ul li{
    font-family:'poppins-regular', arial, sans-serif ;
    font-size: 14px;
    margin-left: 30px;
    color:#f7efec;
    letter-spacing: 1px;
    /* background-color:steelblue; */
}
.gambar-kanan-lintong-wci-ncd{
    width: 40%;
    height: 100%;
    padding: 2% 0;
    /* background-color:#194A49; */
}
.gambar-kanan-lintong-wci-ncd img{
    width: 100%;
    height: 100%;
    border-radius: 30px;
    object-fit: cover;
    /* background-color: tomato; */
}
/* S   P   E   C   I   A   L    B   L   E   N   D    S   E   C   T   I   O   N */
.container-specilablend-wci-ncd{
    width: 100%;
    height: 100vh;
    padding: 3% 5% 0 5%;
    position: relative;
    background-color:#68a6a5;
}
.container-content-specilablend-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    /* background-color: #AA70BE; */
}
.container-content-detail-specilablend-wci-ncd{
    width: 60%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 2% 5%;
    /* background-color: brown; */
}
.container-content-detail-specilablend-wci-ncd h1{
    width: 100%;
    color:#f7efec;
    font-size: 45px;
    font-family: 'poppins-regular', arial, sans-serif;
    font-weight: 900;
    /* background-color:springgreen; */
}
.title-specilablend-wci-ncd{
    width: 100%;
    font-family:'poppins-thin', arial, sans-serif ;
    font-size: 18px;
    color:#fecdc6;
    line-height: 25px;
    font-weight: 900;
    letter-spacing: 1px;
    /* background-color: yellowgreen; */
}
.content-specilablend-wci-ncd{
    margin-top: 10%;
    color: #f7efec;
    font-size: 18px;
    font-family: 'poppins-regular', arial, sans-serif;
    font-weight: 500;
    /* background: violet; */
}
.container-content-detail-specilablend-wci-ncd ul{
    margin-top: 9%;
    width: 400px;
    /* background-color: tomato; */
}
.container-content-detail-specilablend-wci-ncd ul li{
    font-family:'poppins-regular', arial, sans-serif ;
    font-size: 14px;
    margin-left: 30px;
    color:#f7efec;
    letter-spacing: 1px;
    /* background-color: steelblue; */
}
.gambar-kanan-specilablend-wci-ncd{
    width: 40%;
    height: 100%;
    padding: 2% 0;
    /* background-color:#194A49; */
}
.gambar-kanan-specilablend-wci-ncd img{
    width: 100%;
    height: 100%;
    border-radius: 30px;
    object-fit:cover;
    /* background-color: tomato; */
}

/* W   E   S   T    J   A   V   A    S   E   C   T   I   O   N */

.wj-coffee-indonesia-wci-ncd{
    width: 100%;
    height: 100vh;
    padding: 3% 5% 0 5%;
    position: relative;
    background-color:#3b8d8b;
}
.container-content-wj-indonesia-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    /* background-color: #194A49; */
}
.container-content-detail-wj-wci-ncd{
    width: 60%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 2% 5%;
    /* background-color: brown; */
}
.container-content-detail-wj-wci-ncd h1{
    width: 100%;
    color:#f7efec;
    font-size: 45px;
    font-family: 'poppins-regular', arial, sans-serif;
    font-weight: 900;
    /* background-color:springgreen; */
}
.title-wj-wci-ncd{
    width: 100%;
    font-family:'poppins-thin', arial, sans-serif ;
    font-size: 18px;
    color:#fecdc6;
    line-height: 25px;
    font-weight: 900;
    letter-spacing: 1px;
    /* background-color: yellowgreen; */
}
.content-wj-wci-ncd{
    margin-top: 10%;
    color: #f7efec;
    font-size: 18px;
    font-family: 'poppins-regular', arial, sans-serif;
    font-weight: 500;
    /* background-color: violet; */
}
.container-content-detail-wj-wci-ncd ul{
    margin-top: 9%;
    width: 400px;
    /* background-color: tomato; */
}
.container-content-detail-wj-wci-ncd ul li{
    font-family:'poppins-regular', arial, sans-serif ;
    font-size: 14px;
    margin-left: 30px;
    color:#f7efec;
    letter-spacing: 1px;
    /* background-color: steelblue; */
}
.gambar-kanan-wj-wci-ncd{
    width: 40%;
    height: 100%;
    padding: 2% 0;
    /* background-color:#194A49; */
}
.gambar-kanan-wj-wci-ncd img{
    width: 100%;
    height: 100%;
    border-radius: 30px;
    object-fit: cover;
    /* background-color: tomato; */
}
/* T   O   R   A   J   A   S   E   C   T   I   O   N */
.container-toraja-wci-ncd{
    width: 100%;
    height: 100vh;
    position: relative;
    background-color:#68a6a5;
    padding: 3% 5% 0 5%;
}
.container-content-toraja-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    /* background-color: #AA70BE; */
}
.container-content-detail-toraja-wci-ncd{
    width: 60%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 2% 5%;
    /* background-color: brown; */
}
.container-content-detail-toraja-wci-ncd h1{
    width: 100%;
    color:#f7efec;
    font-size: 45px;
    font-family: 'poppins-regular', arial, sans-serif;
    font-weight: 900;
    /* background-color:springgreen; */
}
.title-toraja-wci-ncd{
    width: 100%;
    font-family:'poppins-thin', arial, sans-serif ;
    font-size: 18px;
    color:#fecdc6;
    line-height: 25px;
    font-weight: 900;
    letter-spacing: 1px;
    /* background-color: yellowgreen; */
}
.content-toraja-wci-ncd{
    margin-top: 10%;
    color: #f7efec;
    font-size: 18px;
    font-family: 'poppins-regular', arial, sans-serif;
    font-weight: 500;
    /* background-color: violet; */
}
.container-content-detail-toraja-wci-ncd ul{
    margin-top: 3%;
    width: 400px;
    /* background-color: tomato; */
}
.container-content-detail-toraja-wci-ncd ul li{
    font-family:'poppins-regular', arial, sans-serif ;
    font-size: 14px;
    margin-left: 30px;
    color:#f7efec;
    letter-spacing: 1px;
    /* background-color: steelblue; */
}
.gambar-kanan-toraja-wci-ncd{
    width: 40%;
    height: 100%;
    padding: 2% 0;
    /* background-color:#194A49; */
}
.gambar-kanan-toraja-wci-ncd img{
    width: 100%;
    height: 100%;
    border-radius: 30px;
    object-fit: cover;
    /* background-color: tomato; */
}
/* E   X   P   E   R   I   A   N   C   E    S   E   C   T   I   O   N */

.experience-wci-ncd{
    width: 100%;
    height: 100vh;
    padding: 3% 5% 0 5%;
    position: relative;
    background-color:whitesmoke;
}
.container-content-experience-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    /* background-color: #194A49; */
}
.content-detail-experience-wci-ncd{
    width: 60%;
    height: 100%;
    display: flex;
    padding-left: 2%;
    flex-direction: column;
    justify-content: space-around;
    /* background-color: #AA70BE; */
}
.word-experience-wci-ncd{
    width: 350px;
    color:#3b8d89;
    font-size: 45px;
    font-family: 'poppins-bold', arial, sans-serif;
    font-weight: 900;
    line-height: 55px;
    /* background-color: #5B4E4E; */
}

.detail-experience-wci-ncd{
    width: 100%;
    height: 45%;
    display: flex;
    padding-top: 3%;
    /* background-color: tomato; */
}

.experience-word-wci-ncd{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap:20px;
    /* background-color: yellow; */
}
.experience-word-wci-ncd h2{
    color:#194A49;
    font-size: 22px;
    font-family: 'poppins-bold', arial, sans-serif;
    /* background-color:#403030; */
}
.experience-word-wci-ncd p{
    width: 70%;
    color:#194A49;
    font-size: 18px;
    font-family: 'poppins-regular', arial, sans-serif;
    /* background-color:#5B4E4E; */
}
.gambar-kanan-size-product-wci-ncd{
    width: 40%;
    height: 100%;
    padding: 2% 0;
    /* background-color:#194A49; */
}
.gambar-kanan-size-product-wci-ncd img{
    width: 100%;
    height: 100%;
    border-radius: 30px;
    object-fit: cover;
    /* background-color: tomato; */
}
/* D   R   I   P    S   E   C   T   I   O   N */

.drip-section-wci-ncd{
    width: 100%;
    height: 100vh;
    padding: 3% 5% 0 5%;
    position: relative;
    background-color:#68a6a5;
}
.container-content-drip-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    /* background-color: #194A49; */
}
.title-drip-bold-wci-ncd{
    color:#f7efec;
    font-size: 36px;
    font-family: 'poppins-bold', arial, sans-serif;
    font-weight: 900;
    /* background-color: #5B4E4E; */
}
.title-drip-thin-wci-ncd{
    color:#f7efec;
    font-size: 36px;
    font-family: 'poppins-thin', arial, sans-serif;
    /* background-color: #5B4E4E; */
}

.content-drip-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* background-color: #AA70BE; */
}
.card-drip-wci-ncd{
    width: 20%;
    height: 80%;
    /* background-color: tomato; */
}
.card-drip-wci-ncd img{
    width: 100%;
    height: 60%;
    border-radius: 100%;
    /* background-color: #194949; */
}
.drip-word-wci-ncd{
    width: 100%;
    gap:20px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: yellow; */
}
.drip-word-wci-ncd h2{
    color:#f7efec;
    font-size: 27px;
    text-align: center;
    letter-spacing: 2px;
    font-family: 'poppins-thin', arial, sans-serif;
    /* background-color:#194949; */
}
.back-to-top-wci-ncd{
    position: fixed;
    bottom: 2rem;
    right: 1rem;
    width: 4%;
    height: 8,5%;
    z-index: 9;
    opacity: 0; 
}
.color{
    width: 100%;
    height: 100%;
    border-radius: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #FFCBCB;
    transition: 0.2s ease-out;
    fill:#194A49;
}
.color:hover{
    background-color: #823205;
    /* transform: translateY(4px); */
    fill: white;
}
/* P    A    G    E     S    O    L    U    T    I    O    N */
/* H   E   A   D   E   R    S   E   C   T   I   O   N */
.header-wow-solution{
    width: 100%;
    height: 100vh;
    display: flex;
    position: relative;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #3b8d89;
}
.header-wow-solution::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.3;
    background-color:#403030;
}
.container-header-wow-solution-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 1;
    position: relative;  
}
.content-header-wow-solution-wci-ncd{
    width: 100%;
    height: 100%;
    padding: 5% 5%;
    position: absolute;
    display: flex;
    align-items: center;
    /* background-color: #823205; */
}
.content-header-wow-solution-wci-ncd h1{
    font-family: 'poppins-thin', arial, sans-serif;
    width: 25%;
    line-height: 54px;
    letter-spacing: 1px;
    font-size: 54px;
    color: whitesmoke;
    /* background-color: #AA70BE; */
}

.bold-header-title{
    font-family: 'poppins-light', arial, sans-serif;
    color: #FFCBCB;
}
.bold-header-title2{
    font-family: 'poppins-light', arial, sans-serif;
    color: whitesmoke;
}
.content-sub-title-header-wci-ncd{
    width: 100%;
    height: 100%;
    padding-bottom: 2%;
    padding-left: 5%;
    position: relative;
    display: flex;
    align-items: end;
    /* background-color: #194949; */
}
.content-sub-title-header-wci-ncd p{
    width: 45%;
    font-size: 18px;
    text-align: left;
    font-family: 'poppins-light', arial, sans-serif;
    color: #FFCBCB;
}

/* S   H   I   P   P   I   N   G    S   E   C   T   I   O   N */
.header-delivery-shipping-solution{
    width: 100%;
    height: 100vh;
    display: flex;
    position: relative;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #3b8d89;
}
.header-delivery-shipping-solution::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.7;
    background-color:#594444;
}
.container-delivery-shipping-solution-wci-ncd{
    width: 100%;
    height: 100%;
    z-index: 1;
    position: relative;  
}
.content-delivery-shipping-solution-wci-ncd{
    width: 100%;
    height: 100%;
    padding: 5% 5% 2% 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    /* background-color: #823205; */
}
.content-delivery-shipping-solution-wci-ncd h1{
    font-family: 'poppins-thin', arial, sans-serif;
    width: 700px;
    line-height: 54px;
    letter-spacing: 1px;
    font-size: 45px;
    color: whitesmoke;
    /* background-color: #AA70BE; */
}
.bold-shipping-title{
    font-family: 'poppins-regular', arial, sans-serif;
}
.subtitle-shipping-wci-ncd{
    font-family: 'poppins-light', arial, sans-serif;
    color: whitesmoke;
    font-size: 27px;
    width: 700px;
}
.content-shipping-wci-ncd{
    font-family: 'poppins-light', arial, sans-serif;
    color: whitesmoke;
    font-size: 18px;
    width: 650px;
}

/* C   A   T   A   L   O   G    M   A   C   H   I   N   E    P   A   G   E */
/* H   E   A   D   E   R    C   A   T   A    L   O   G    S   E   C   T   I   O   N */
.header-catalog-wow-solution{
    width: 100%;
    height: 100vh;
    display: flex;
    position: relative;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #3b8d89;
}
.header-catalog-wow-solution::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.2;
    background-color:#403030;
}
.container-catalog-wow-solution-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 1;
    position: relative;  
}
.content-catalog-wow-solution-wci-ncd{
    width: 50%;
    height: 100%;
    padding: 5% 5%;
    /* position: absolute; */
    display: flex;
    align-items: center;
    justify-content: end;
    /* background-color: #823205; */
}
.content-catalog-wow-solution-wci-ncd h1{
    font-family: 'poppins-thin', arial, sans-serif;
    width: 270px;
    line-height: 54px;
    font-size: 54px;
    text-align: right;
    color: whitesmoke;
    /* background-color: #AA70BE; */
}

.bold-catalog-title{
    font-family: 'poppins-light', arial, sans-serif;
    color: white;
}
.content-sub-title-catalog-wci-ncd{
    width: 50%;
    height: 100%;
    padding-bottom: 10%;
    padding-left: 5%;
    position: relative;
    display: flex;
    align-items: end;
    /* background-color: #383535; */
}
.content-sub-title-catalog-wci-ncd p{
    width: 360px;
    font-size: 18px;
    text-align: left;
    font-family: 'poppins-light', arial, sans-serif;
    color: #FFCBCB;
    /* background-color: yellow; */
}
/* C   A   T   A   L   O   G    M   A   C   H   I   N   E    S   E   C   T   I   O   N */
.header-catalog-machine-1{
    width: 100%;
    height: 100vh;
    display: flex;
    position: relative;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color:whitesmoke;
    /* background-color: #383535; */
}

.container-catalog-machine-1-solution-wci-ncd{
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    position: relative;
    /* background-color: #5B4E4E; */
}
.content-catalog-machine-1-left-solution-wci-ncd{
    width: 45%;
    height: 100%;
    padding: 3% 5% 1% 5%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    /* background-color: #823205; */
}
.content-catalog-machine-1-left-solution-wci-ncd h1{
    font-family: 'poppins-light', arial, sans-serif;
    width: 500px;
    line-height: 36px;
    letter-spacing: 1px;
    font-size: 30px;
    color:#194949;
    /* background-color:yellow; */
}
.bold-catalog-machine-1-title{
    font-family: 'poppins-regular', arial, sans-serif;
}
.content-catalog-machine-1-left-solution-wci-ncd img{
    width: 250px;
    height: 250px;
    border-radius: 50%;
    margin-top: 2%;
    /* background-color: tomato; */
    align-self: center;
}
.subtitle-catalog-machine-1-left-wci-ncd{
    font-family: 'poppins-light', arial, sans-serif;
    color:#194949;
    font-size: 27px;
    width: 150px;
    height: 45px;
    border-bottom:#194949 solid 3px;
    /* background-color: #AA70BE; */
}
.content-catalog-machine-1-left-wci-ncd{
    font-family: 'poppins-light', arial, sans-serif;
    color:#194A49;
    font-size: 16px;
    width: 100px;
    /* background-color:#594444; */
}
.content-catalog-machine-1-right-solution-wci-ncd{
    width: 55%;
    height: 100%;
    padding: 8% 6.5% 1% 2%;
    display: flex;
    justify-content: space-between;
    /* background-color:yellowgreen; */
}
.catalog-1-machine-1-right-solution-wci-ncd{
    width: 65%;
    height: 100%;
    display: flex;
    gap: 5%;
    flex-direction: column;
    /* background-color:tomato; */
}
.catalog-1-machine-1-right-solution-wci-ncd img{
    width: 100%;
    height: 45%;
    border-radius: 20px;
    object-fit: cover;
    background-color: #F7EFED;
}
.catalog-1-machine-1-right-solution-wci-ncd h2{
    font-family: 'poppins-light', arial, sans-serif;
    color:#194A49;
    font-size: 18px;
    width: 100px;
}
.catalog-1-machine-1-right-solution-wci-ncd p{
    font-family: 'poppins-light', arial, sans-serif;
    color:#194A49;
    font-size: 14px;
    width: 350px;
    /* background-color: violet; */
}
.catalog-2-machine-1-right-solution-wci-ncd{
    width: 30%;
    height: 100%;
    display: flex;
    gap: 5%;
    flex-direction: column;
    /* background-color: violet; */
}
.catalog-2-machine-1-right-solution-wci-ncd img{
    width: 100%;
    height: 45%;
    border-radius: 20px;
    background-color: #F7EFED;
}
.catalog-2-machine-1-right-solution-wci-ncd h2{
    font-family: 'poppins-light', arial, sans-serif;
    color:#194A49;
    font-size: 18px;
    width: 100px;
    /* background-color: rebeccapurple; */
}
/* ------------------------------------------------------------------------------------------------------------------------------- */
.header-catalog-machine-2{
    width: 100%;
    height: 100vh;
    display: flex;
    position: relative;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color:whitesmoke;
    /* background-color: violet; */
}

.container-catalog-machine-2-solution-wci-ncd{
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    position: relative;
    /* background-color: #5B4E4E; */
}
.content-catalog-machine-2-left-solution-wci-ncd{
    width: 45%;
    height: 100%;
    padding: 3% 5% 1% 5%;
    display: flex;
    flex-direction: column;
    gap: 50px;
    /* background-color: #823205; */
}
.content-catalog-machine-2-left-solution-wci-ncd img{
    width: 300px;
    height: 300px;
    border-radius: 50%;
    margin-top: 2%;
    align-self: center;
    /* background-color: tomato; */
}
.subtitle-catalog-machine-2-left-wci-ncd{
    font-family: 'poppins-light', arial, sans-serif;
    color:#194949;
    font-size: 27px;
    width: 150px;
    height: 45px;
    border-bottom:#194949 solid 3px;
    /* background-color: #AA70BE; */
}
.content-catalog-machine-2-left-wci-ncd{
    font-family: 'poppins-light', arial, sans-serif;
    color:#194A49;
    font-size: 16px;
    width: 100px;
    /* background-color:yellowgreen; */
}
.content-catalog-machine-2-right-solution-wci-ncd{
    width: 55%;
    height: 100%;
    padding: 8% 6.5% 1% 2%;
    display: flex;
    justify-content: space-between;
    /* background-color:yellowgreen; */
}
.catalog-1-machine-2-right-solution-wci-ncd{
    width: 65%;
    height: 100%;
    display: flex;
    gap: 5%;
    flex-direction: column;
    /* background-color: violet; */
}
.catalog-1-machine-2-right-solution-wci-ncd img{
    width: 100%;
    height: 45%;
    border-radius: 20px;
    object-fit: cover;
    background-color: #F7EFED;
}
.catalog-1-machine-2-right-solution-wci-ncd h2{
    font-family: 'poppins-light', arial, sans-serif;
    color:#194A49;
    font-size: 18px;
    width: 100px;
    /* background-color: red; */
}
.catalog-1-machine-2-right-solution-wci-ncd p{
    font-family: 'poppins-light', arial, sans-serif;
    color:#194A49;
    font-size: 14px;
    width: 350px;
    /* background-color: royalblue; */
}
.catalog-2-machine-2-right-solution-wci-ncd{
    width: 30%;
    height: 100%;
    display: flex;
    gap: 5%;
    flex-direction: column;
    /* background-color: violet; */
}
.catalog-2-machine-2-right-solution-wci-ncd img{
    width: 100%;
    height: 45%;
    border-radius: 20px;
    /* background-color: #F7EFED; */
}
.catalog-2-machine-2-right-solution-wci-ncd h2{
    font-family: 'poppins-light', arial, sans-serif;
    color:#194A49;
    font-size: 18px;
    width: 100px;
    /* background-color: #823205; */
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */
.header-catalog-machine-3{
    width: 100%;
    height: 100vh;
    display: flex;
    position: relative;
    background-color:whitesmoke;
}

.container-catalog-machine-3-solution-wci-ncd{
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    position: relative;
    background-color: #5B4E4E;
}
.content-catalog-machine-3-left-solution-wci-ncd{
    width: 45%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    /* background-color: #823205; */
}
.content-catalog-machine-3-left-solution-wci-ncd img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    align-self: center;
    /* background-color: tomato; */
}
.content-catalog-machine-3-right-solution-wci-ncd{
    width: 55%;
    height: 100%;
    padding: 5% 6.5% 1% 2%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    /* background-color:red; */
}
.title-catalog-machine-3-left-wci-ncd{
    width: 100%;
    height: 45px;
    /* background-color: #403030; */
}
.subtitle-catalog-machine-3-right-wci-ncd{
    font-family: 'poppins-light', arial, sans-serif;
    color:whitesmoke;
    font-size: 27px;
    width: 120px;
    height: 45px;
    border-bottom:whitesmoke solid 3px;
    /* background-color: #AA70BE; */
}
.catalog-1-machine-3-right-solution-wci-ncd{
    width: 100%;
    height: 30%;
    display: flex;
    gap: 2%;
    /* background-color: violet; */
}
.catalog-1-machine-3-right-solution-wci-ncd img{
    width: 50%;
    height: 100%;
    border-radius: 20px;
    object-fit: cover;
    background-color: #F7EFED;
}
.catalog-3-machine-3-right-solution-wci-ncd{
    width: 100%;
    height: 40%;
    display: flex;
    gap: 5%;
    flex-direction: column;
    /* background-color:blue; */
}
.catalog-3-machine-3-right-solution-wci-ncd h2{
    font-family: 'poppins-light', arial, sans-serif;
    color:whitesmoke;
    font-size: 18px;
    width: 100px;
    /* background-color: yellowgreen; */
}
.p1-3-machine-3-right-solution-wci-ncd{
    font-family: 'poppins-light', arial, sans-serif;
    color:whitesmoke;
    font-size: 14px;
    width: 350px;
    /* background-color: tomato; */
}
.p2-3-machine-3-right-solution-wci-ncd{
    font-family: 'poppins-light', arial, sans-serif;
    color:#FBB220;
    font-size: 14px;
    width: 350px;
    /* background-color: royalblue; */
}
/* W   O   W    M   O   M   E   N   T   S    S   E   C   T   I   O   N */
.header-wow-moments-wci-ncd{
    width: 100%;
    height: 100vh;
    /* background-color:#FBB220; */
}
.container-header-wow-moments-wci-ncd{
    width: 100%;
    height: 100%;
    /* background-color: aqua; */
}

/* --------------------------------------------------------------------- */

.content-wow-moments-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10%;
    position: relative;
    background-color:#f7efec;
}
.content-wow-moments-wci-ncd img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: flex;
    position: absolute;
}
.cover-background-header-wow-moments-wci-ncd{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: black;
    opacity: 0.5;
}
.content-title-header-wow-moments-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    gap: 25%;
    padding-bottom: 5%;
    position: relative;
    /* background-color:tomato; */
}
.content-title-header-wow-moments-wci-ncd h1{
    font-family: 'poppins-light', arial, sans-serif;
    color: white;
    text-align: center;
    font-size: 63px;
    letter-spacing: 1px;
    line-height: 72px;
    /* background-color:blue; */
}
.content-title-header-wow-moments-wci-ncd p{
    width: 63%;
    font-family: 'poppins-light', arial, sans-serif;
    color: white;
    text-align: center;
    font-size: 36px;
    letter-spacing: 1px;
    line-height: 72px;
    /* background-color:blue; */
}
.menu-header-wow-moments-wci-ncd{
    width: 100%;
    height: 10%;
    display: flex;
    justify-content: center;
    gap: 5%;
    margin-bottom: 10px;
    /* background-color: #194A49; */
}
.menu-header-wow-moments-wci-ncd button{
    width: 20%;
    height: 100%;
    border-radius: 50px;
    border: none;
    font-size: 20px;
    font-family: 'poppins-light', arial, sans-serif;
}
.mci-ncd-button-wow-moments-one{
    cursor: pointer;
    color:#823205;
    background-color:#FFCBCB;
}
.mci-ncd-button-wow-moments-one:hover{
    background-color:#823205;
    color:#FFCBCB;
}
.mci-ncd-button-wow-moments-two{
    cursor: pointer;
    color:whitesmoke;
    background-color:#3b8d89;
}
.mci-ncd-button-wow-moments-two:hover{
    background-color:#823205;
    color:#FFCBCB;
}

/* L   A   T   E   S   T    N   E   W   S    S   E   C   T   I   O   N */
.header-latest-news-wci-ncd{
    width: 100%;
    height: 70vh;
    /* background-color:#FBB220; */
}
.container-header-latest-news-wci-ncd{
    width: 100%;
    height: 100%;
    /* background-color: aqua; */
}

/* --------------------------------------------------------------------- */

.content-latest-news-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10%;
    position: relative;
    background-color:#f7efec;
}
.content-latest-news-wci-ncd img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: flex;
    position: absolute;
}
.cover-background-header-latest-news-wci-ncd{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color:whitesmoke;
    opacity: 0.5;
}
.content-title-header-latest-news-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5%;
    position: relative;
    /* background-color:violet */
}
.content-title-header-latest-news-wci-ncd h1{
    font-family: 'poppins-light', arial, sans-serif;
    color:#194A49;
    text-align: center;
    font-size: 63px;
    letter-spacing: 1px;
    line-height: 72px;
    /* background-color:blue; */
}
.content-title-header-latest-news-wci-ncd p{
    width: 63%;
    font-family: 'poppins-regular', arial, sans-serif;
    color:#194A49;
    text-align: center;
    font-size: 27px;
    /* background-color:blue; */
}

/* D   E   T   A   I   L    N   E   W   S    S   E   C   T   I   O   N */
.detail-news-column-wci-ncd{
    width:100%;
    height:100vh;
}
.container-row-news-wci-ncd{
    width: 100%;
    height:100%;
    display: flex;
    padding: 1%;
    position: relative;
    /* background-color:tomato; */
}
.container-list-news-wci-ncd{
    width:50%;
    height: 100%;
    display: flex;
    padding: 0 2% 0 2%;
    align-items: center;
    gap: 2%;
    flex-wrap: wrap;
    /* background-color: #AA70BE; */
}
.container-list-news-wci-ncd::-webkit-scrollbar{
    display: none;
}

.button-list-news-wci-ncd{
    display: flex;
    width: 45%;
    height: 5%;
    gap: 3%;
    align-items: center;
    /* background-color:violet; */
}
.button-list-news-wci-ncd b{
    text-decoration: none;
    color:#3b8d89;
    font-size: 12px;
    cursor: pointer;
    font-family:'poppins-light', arial, sans-serif;
    /* background-color: yellowgreen; */
}
.tombollistkiri,
.tombollistkanan{
    /* order: -1; */
    /* display: none; */
    text-decoration: none;
    color:#3b8d89;
    font-size: 12px;
    cursor: pointer;
    position: relative;
    font-family:'poppins-regular', arial, sans-serif;
    /* background-color: tomato; */
}
.tombollistkiri.active,
.tombollistkanan.active{
    display: flex;
}
.divider-button-news-wci-ncd{
    width: 0.5%;
    height: 54%;
    background-color:#3b8d89;
}
/* .container-list-news-wci-ncd button{    
    height: 3%;
    text-decoration: none;
    color:#3b8d89;
    font-size: 12px;
    cursor: pointer;
    font-family:'poppins-regular', arial, sans-serif;
    background-color: violet;
} */

.content-list-news-wci-ncd{
    width: 100%;
    height: 93%;
    display: flex;
    flex-direction: column;
    /* flex-wrap: wrap; */
    overflow-y:scroll;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    gap: 1%;
    scroll-snap-type: y mandatory;
    /* background-color: yellow; */
}
.content-list-news-wci-ncd::-webkit-scrollbar{
    display: none;
}
.container-box-detail-news-wci-ncd{
    width: 98%;
    height: 40%;
    display: flex;
    padding: 2% 0;
    flex-direction: column;
    scroll-snap-align: center;
    /* justify-content: space-around; */
    /* border-bottom: solid 2px #FFCBCB ; */
    /* background-color: tomato; */
}
.container-box-detail-news-wci-ncd b{
    height: 100%;
    padding-left: 5px;
    text-decoration: none;
    color: #3b8d89;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    text-align: left;
    justify-content: space-between;
    transition: 0.5s ease;
    /* background-color: #FBB220; */
}

.container-box-detail-news-wci-ncd b:hover{
    color:#823205;
    /* background-color: #FBB220; */
}


.container-box-detail-news-wci-ncd b.active{
    color:#823205;
    width: 100%;
    height: 100%;
    /* border-left: 1px solid #823205; */
}

.title-news-wci-ncd{
    width: 90%;
    text-decoration: none;
    font-family:'poppins-regular', arial, sans-serif;
    font-weight: 1000;
    font-size: 20px;
    line-height: 25px;
    /* background-color: blue; */
}
.subtitle-news-wci-ncd{
    width: 90%;
    text-decoration: none;
    font-family:'poppins-light', arial, sans-serif;
    font-size: 16px;
    /* background-color: slateblue; */
}
.list-date-wci-ncd{
    font-family:'poppins-light', arial, sans-serif;
    font-size: 14px; 
    /* background-color: red; */
}

/* -------------------------------------------------------------------------------------------- */
.container-card-news-wci-ncd{
    width: 50%;
    height: 100%;
    padding: 2% 0;
    display: flex;
    /* flex: 1 0 50%; */
    flex-direction: column;
    flex-wrap: wrap;
    overflow-x: scroll;
    /* scroll-snap-type: x mandatory; */
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    /* position: relative; */
    /* background-color: chartreuse; */
}
.container-card-news-wci-ncd::-webkit-scrollbar{
    display: none;
}
.card-news-wci-ncd{
    width: 49%;
    height: 90%;
    display: flex;
    position: absolute;
    justify-content: center;
    /* scroll-snap-align: start; */
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    /* background-color: blue; */

}
.card-news-wci-ncd.active{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: 0.1s;
    padding: 0; 
}
.content-card-news-wci-ncd{
    width: 80%;
    height: 100%;
    display: flex;
    position: absolute;
    flex-direction: column;
    justify-content: space-around;
    background-color:#ffc3c2;
    padding: 0 3%;
    border-radius: 25px;
}
.content-card-news-wci-ncd h3{
    font-family: 'poppins-bold', arial, sans-serif;
    color:#823205;
    /* background-color: coral; */
}
.content-card-news-wci-ncd p{
    font-family: 'poppins-regular', arial, sans-serif;
    color:#823205;
    font-size: 12px;
    text-align: justify;
    /* background-color: cadetblue; */
}
.container-image-slider-news-wci-ncd{
    width: 100%;
    height: 40%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 20px 20px 0 0 ;
    /* background-color: yellow; */
}
.image-content-new-wci-ncd {
    width: 350px;
    height: 180px;
    border-radius: 20px;
    /* display: flex;
    flex-direction: column;
    flex-wrap: wrap; */
    overflow:hidden;
    scroll-behavior: smooth;
    /* scroll-snap-type: x mandatory; */
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: pointer;
    /* background-color: #194A49; */
}
.image-content-new-wci-ncd::-webkit-scrollbar{
    display: none;
}
.image-content-new-wci-ncd:hover{
    opacity: 0.81;
}
.image-incard-news{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 2s ease;
    /* scroll-snap-align: start; */
}

.swiper-navBtn-ncd-1 {
    order: 1;
    align-self: center;
    height: 100px;
    width: 50px;
    /* transform: translateY(-40%); */
}
.swiper-navBtn-ncd-1:before,
.swiper-navBtn-ncd-1:after {
    font-size: 4px;
}
.swiper-navBtn-ncd-2 {
    order: -1;
    align-self: center;
    height: 100px;
    width: 50px;
    /* transform: translateY(-40%); */   
}
.swiper-navBtn-ncd-2:before,
.swiper-navBtn-ncd-2:after {
    font-size: 24px;
}
/* A      R      R      O      W */

.container-image-slider-news-wci-ncd button {
    appearance: none;
    background: transparent;
    border: 0;
    outline:0;
} 
.container-image-slider-news-wci-ncd button {
    cursor: pointer;
    width: 40px;
    height: 100px;
}
.container-card-event-news-wci-ncd button {
    appearance: none;
    background: transparent;
    border: 0;
    outline:0;
}
.container-card-event-news-wci-ncd button {
    cursor: pointer;
    width: 40px;
    height: 100px;
}
.left {
    left: 0%;
}  
.right {
    right: 0%;
}  
.left:hover path,
.left:focus path {
    stroke-width: 1.5;
}
.left:active path {
    stroke-width: 2;
    transition: all 100ms ease-in-out;
} 
.right:hover path,
.right:focus path {
    stroke-width: 1.5;
}  
.right:active path {
    stroke-width: 2;
    transition: all 100ms ease-in-out;
}  
path {
    transition: all 250ms ease-in-out;
}

/* A      R      R      O      W */

/* P  O  P  U  P   I  M  A  G  E   C  A  R  D   N  E  W  S */

.lightbox{
    width: 100%;
    height: 100vh;
    position: fixed;
    display: none;
    background-color: rgba(87, 87, 87, 0.9);
    overflow: auto;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    z-index: 9999;
}
.lightbox-content{
    width: 90%;
    height: 90%;
    justify-content: center;
    position: relative;
    /* background-color:  rgba(177, 33, 33, 0.9); */
}
.container-content-img-wci-ncd{
    width: 85%;
    height: 100%;
    /* background-color: yellow; */
} 

.lightbox-content img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    background-color: transparent;
}

.lightbox-prev,
.lightbox-next{
    height: 20%;
    width: 7%;
    position: absolute;
    color: whitesmoke;
    padding: 4% 0 0 3%;
    top: 40%;
    cursor: pointer;
    /* background-color:#594444 ; */
}
.lightbox-prev{
    left: 0;
}
.lightbox-next{
    right: 0;
}

/* E   V   E   N   T    S   E   C   T   I   O   N */
.container-event-news-wci-ncd{
    width: 100%;
    height: 100vh;
    display: flex;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #3b8d89;
}
.device-non-contet-event-wci-ncd{
    width: 100%;
    height: 100vh;
    display: flex;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.container-event-news-wci-ncd::after{
    content: '';
    width: 100%;
    height:100%;
    position:absolute;
    background-color: #3b8d89;
    opacity: 0.7;
}
.device-non-contet-event-wci-ncd::after{
    content: '';
    width: 100%;
    height:100%;
    position:absolute;
    background-color: #3b8d89;
    opacity: 0.7;
}
.container-card-and-title-event-news-wci-ncd{
    width: 100%;
    height: 100%;
    position: relative;
    padding: 5% 5% 1% 5%;
    display: flex;
    flex-direction: column;
    justify-content:space-between;
    z-index: 1;
    /* background-color: #5B4E4E; */
}
.title-card-event-wci-ncd{
    width: 100%;
    height: 25%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    /* background-color: yellow; */
}
.title-card-event-wci-ncd h1{
    font-size: 40px;
    color: white;
    font-family: 'poppins-regular', Arial, sans-serif;
    /* background-color: #194949; */

}
.title-card-event-wci-ncd p{
    width: 50%;
    text-align: center;
    font-size: 20px;
    color: white;
    font-family: 'poppins-regular', Arial, sans-serif; 
    /* background-color: tomato; */
}
.container-card-event-news-wci-ncd{
    width: 100%;
    height: 70%;
    display: flex;
    padding: 0 5%;
    justify-content: center;
    align-items: center;
    /* background-color:tomato; */
}
.temporary-content{
    /* margin-top: 9%; */
    width: 80%;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 17px;
    color: white;
    font-family: 'poppins-light', Arial, sans-serif;
    /* background-color: #194949; */
}
.container-content-card-wci-ncd{
    width: 100%;
    height: 100%;
    padding: 1% 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    overflow-x:scroll;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    justify-content: center;
    align-items: center;
    /* background-color:#AA70BE; */
}
.container-content-card-wci-ncd::-webkit-scrollbar{
    display: none;
}
.container-two-card-event-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0% 1%;
    scroll-snap-align:center;
    /* background-color: sienna; */
}
/* .container-two-card-event-wci-ncd:hover{
    background-color: #594444;
} */

.detail-event-news-1-wci-ncd{
    width: 100%;
    height: 45%;
    display: flex;
    border-radius: 5px;
    background-color:#68a6a5;
}
.image-card-event-wci-ncd{
    width: 30%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: #194949; */
}
.image-card-event-wci-ncd img{
    width: 75%;
    height: 95%;
    border-radius: 70px;
    /* background-color: turquoise; */
}
.judul-and-subjudul-event-wci-ncd{
    width: 70%;
    /* height: 100%; */
    display: flex;
    padding: 0 2%;
    flex-direction: column;
    justify-content: space-between;
    /* background-color: slategray; */
}
.judul-and-subjudul-event-wci-ncd h2{
    font-family: 'poppins-regular',arial, sans-serif;
    text-align: left;
    color: whitesmoke;
    font-size: 22px;
    width: 70%;
    height: 75px;
    /* background-color:royalblue; */
}
.judul-and-subjudul-event-wci-ncd p{
    font-family: 'poppins-regular',arial, sans-serif;
    text-align: left;
    font-size: 16px;
    width: 100%;
    height: 75px;
    color: whitesmoke;
    /* background-color: #823205; */
}
.detail-event-news-2-wci-ncd{
    width: 100%;
    height: 45%;
    display: flex;
    border-radius: 5px;
    background-color:#68a6a5;
}


.swiper-event-button-ncd-1 {
    order: 1;
    align-self: center;
    height: 100px;
    width: 50px;
    /* transform: translateY(-40%); */
}
.swiper-event-button-ncd-1:before,
.swiper-event-button-ncd-1:after {
    font-size: 4px;
}
.swiper-event-button-ncd-2 {
    order: -1;
    align-self: center;
    height: 100px;
    width: 50px;
    /* transform: translateY(-40%); */   
}
.swiper-event-button-ncd-2:before,
.swiper-event-button-ncd-2:after {
    font-size: 24px;
}
.swiper-event-button-ncd-3 {
    order: 1;
    align-self: center;
    height: 100px;
    width: 50px;
    /* transform: translateY(-40%); */
}
.swiper-event-button-ncd-3:before,
.swiper-event-button-ncd-3:after {
    font-size: 4px;
}
.swiper-event-button-ncd-4 {
    order: -1;
    align-self: center;
    height: 100px;
    width: 50px;
    /* transform: translateY(-40%); */   
}
.swiper-event-button-ncd-4:before,
.swiper-event-button-ncd-4:after {
    font-size: 24px;
}



@media screen and (max-width: 1080px){
/* M   E   N   U    S   E   C   T   I   O   N */
.container-menu-wci-ncd{
    height: 100px;
}
.container-menu-wci-ncd.sticky{
    top: -25px;
}
.logo-image-menu-wci-ncd{
    align-items: end;
}
.logo-image-menu-wci-ncd img{
    width: 65px;
    height: 85%;
}
.listmenu-drop-wci-ncd{
    width: 50%;
    gap: 4%;
}
.listmenu-drop-wci-ncd li{
    height: 30px;
}  
.listmenu-drop-wci-ncd li a{
    font-size: 18px;
}

.socmed-icon-menu{
    height: 30px;
    gap: 10px;
}
.hamburger-menu-wci-ncd input:checked ~ span:nth-child(2){
    width: 32px;
}
.hamburger-menu-wci-ncd input:checked ~ span:nth-child(4){
    width: 32px;
}
/* H   E   A   D   E   R    S   E   C   T   I   O   N */
/* --------------------------------------------------------------------- */
.content-title-header-wci-ncd{
    gap: 20px;
}
.content-title-header-wci-ncd h1{
    font-size:36px ;
}
.content-title-header-wci-ncd p{
    font-size: 27px;
    line-height: 45px;
}
.menu-header-firstslider-wci-ncd{
    height: 55px;
}
.menu-header-firstslider-wci-ncd button{
    width: 18%;
}

/* --------------------------------------------------------------------- */
.menu-header-secondslider-wci-ncd{
    margin-top: 50px;
    height: 55px;
    margin-bottom: 20px;
}
/* --------------------------------------------------------------------- */
.content-third-slider-wci-ncd{
    padding-top: 7%;
    justify-content: center;
}
.content-third-slider-wci-ncd h1{
    font-size: 27px;
}
.content-items-wci-ncd{
    font-size: 16px;
    line-height: 20px;
}
.image-third-column-wci-ncd a{
    width: 300px;
    height: 300px;
}
.image-third-column-wci-ncd a{
    z-index: 0;
}
.image-third-column-wci-ncd img{
    -webkit-mask-size: 88%;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
}
/* P   R   O   F   I   L   E    S   E   C   T   I   O   N */
.container-content-profile-wci-ncd{
    padding-right: 0;
    justify-content: center;
    gap: 30px;
}
.container-content-profile-wci-ncd h1{
    font-size: 28px;
}
.container-content-profile-wci-ncd p{
    font-size: 14px;
}
/* S  E  C  T  I  O  N   C  O  F  F  E  E   I  N  D  O  N  E  S  I  A */
.container-content-coffee-indonesia-wci-ncd{
    padding: 5% 2%;
}
.container-content-coffee-indonesia-wci-ncd h1{
    font-size: 36px;
}
.container-content-coffee-indonesia-wci-ncd p{
font-size: 16px;
}


/* F   O   R   M    S   E   C   T   I   O   N */

.form-input-coffee-wci-ncd{
    padding: 1% 5%;
}
.form-input-coffee-wci-ncd form h2{
    font-size: 30px;
}
.form-input-coffee-wci-ncd form input{
    height: 50px;
    font-size: 14px;
}
.form-input-coffee-wci-ncd form select{
    font-size: 14px;
    display: flex;
    justify-content: center;
}
.form-input-coffee-wci-ncd form button{
    font-size: 14px;
}


/* F   O   O   T   E   R    S   E   C   T   I   O   N */
.container-footer-wci-ncd{
    height: 340px;
}
.container-content-footer-wci-ncd{
    padding: 0 5%;
}    
.content-row-footer-wci-ncd{
    height: 100%;
}
.alamat-kantor-wci-ncd{
    gap: 9px;
}
.alamat-kantor-wci-ncd h1{
    font-size: 20px;
}
.alamat-kantor-wci-ncd p{
    font-size: 14px;
}
.social-media-footer-wci-ncd{
    gap: 5px;
}
.social-media-footer-wci-ncd h2{
    font-size: 20px;
}
.icon-socmed-wci-ncd {
    height: 20px;
}
.icon-socmed-wci-ncd a{
    height: 20px;
    width: 20px;
}

/* P   A   G   E    A   B   O   U   T    W   C   I */
/* P   A   G   E    A   B   O   U   T    W   C   I */

.first-content-about-wci-ncd{
    justify-content: center;
}
.first-content-about-wci-ncd p{
    font-size:12px;
    text-align: left;
}
.first-content-about-wci-ncd h2{
    font-size: 14px;
}
/* T   E   A   M | P   R   O   F   I   L   E | S   E   C   T   I   O   N */
.container-content-team-profile-wci-ncd h1{
    font-size: 36px;
}
.bold-team{
    font-size: 36px;
}
.container-card-profile-wci-ncd{
    padding-left: 2%;
    padding-top: 3%;
    gap:6%;
}
.card-profile-wci-ncd{
    width: 45%;
}
.card-profile-wci-ncd img{
    width: 80px;
}
/* S  E  C  T  I  O  N   C  O  F  F  E  E   M   A   P*/
.container-coffee-map-wci-ncd{
    padding-left: 0;
}
.title-areas-wci-ncd{
width: 100%;
padding-left: 5%;
}
/* B   R   A   N   D    P   R   O   M   I   S   E    S   E   C   T   I   O   N */
.brand-promise-wci-ncd{
    width: 55%;
}
.brand-promise-wci-ncd br{
    display: none;
}
.brand-promise-wci-ncd h2{
    font-size: 36px;
    height: 40px;
    display: flex;
    align-items: center;
}
.detail-content-promise-wci-ncd-1{
    font-size: 27px;
    height: 150px;
    margin-top: 10px;
}.detail-content-promise-wci-ncd-2{
    font-size: 14px;
    margin-top: 10px;
}
.gambar-kanan-coffee-wci-ncd{
    width: 40%;
}
/* V   A   L   U   E    S   E   C   T   I   O   N */

.container-content-uvp-wci-ncd{
    padding: 2%;
    gap: 5%;
}
.card-uvp-wci-ncd{
    gap: 18px;
    justify-content: center;
}
.card-content-uvp-wci-ncd{
    width: 500px;
    height: 130px;
}
/* L   I   N   E    P   R   O   D   U   C   T    P   A   G   E */
/* L   I   N   E    P   R   O   D   U   C   T    P   A   G   E */

/*A   R   A   B   I   C   A    M   A   N    S   E   C   T   I   O   N*/
.content-mandailing-wci-ncd{
    margin-top: 10px;
}
.container-content-detail-mandailing-wci-ncd ul{
    margin-top: 10px;
}
/* A   C   E   H    G   A   Y   O    S   E   C   T   I   O   N */
.content-aceh-gayo-wci-ncd{
    margin-top: 10px;
    font-size: 16px;
}
.container-content-detail-aceh-gayo-wci-ncd ul{
    margin-top: 10px;
    width: 100%;
}
/* L   I   N   T   O   N   G    S   E   C   T   I   O   N */
.content-lintong-wci-ncd{
    margin-top: 10px;
}
.container-content-detail-lt-wci-ncd ul{
    margin-top: 10px;
}
/* S   P   E   C   I   A   L    B   L   E   N   D    S   E   C   T   I   O   N */
.content-specilablend-wci-ncd{
    margin-top: 10px;
}
.container-content-detail-specilablend-wci-ncd ul{
    margin-top: 10px;
}
/* W   E   S   T    J   A   V   A    S   E   C   T   I   O   N */
.container-content-detail-wj-wci-ncd{
    padding: 2% 2%;
}
.content-wj-wci-ncd{
    margin-top: 10px;
}
.container-content-detail-wj-wci-ncd ul{
    margin-top: 10px;
    width: 100%;
}
/* T   O   R   A   J   A   S   E   C   T   I   O   N */
.container-content-detail-toraja-wci-ncd{
    padding: 2% 1%;
}
.content-toraja-wci-ncd{
    margin-top: 10px;
    font-size: 16px;
}
.container-content-detail-toraja-wci-ncd ul{
    margin-top: 10px;
    width: 100%;
}
/* E   X   P   E   R   I   A   N   C   E    S   E   C   T   I   O   N */
.word-experience-wci-ncd{
    font-size: 36px;
    width: 250px;
}
/* D   R   I   P    S   E   C   T   I   O   N */
.drip-word-wci-ncd{
    padding-left: 0;
}
.card-drip-wci-ncd{
    width: 200px;
    height: 300px;
}
/* P    A    G    E     S    O    L    U    T    I    O    N */
/* P    A    G    E     S    O    L    U    T    I    O    N */
.subtitle-shipping-wci-ncd{
    font-size: 20px;
}
.content-shipping-wci-ncd{
    font-size: 16px;
}

/* W   O   W    M   O   M   E   N   T   S    S   E   C   T   I   O   N */
/* W   O   W    M   O   M   E   N   T   S    S   E   C   T   I   O   N */

/* D   E   T   A   I   L    N   E   W   S    S   E   C   T   I   O   N */
.detail-news-column-wci-ncd{
    height: 600px;
}
/* E   V   E   N   T    S   E   C   T   I   O   N */
.container-card-and-title-event-news-wci-ncd{
    padding-top: 2%;
}
.judul-and-subjudul-event-wci-ncd{
    padding: 0;
}
.judul-and-subjudul-event-wci-ncd h2{
    font-size: 18px;
}
.judul-and-subjudul-event-wci-ncd p{
    font-size: 14px;
}

/* P  O  P  U  P   I  M  A  G  E   C  A  R  D   N  E  W  S */

.lightbox-content{
    width: 750px;
    height: 350px;
}
.container-content-img-wci-ncd{
    display: flex;
    justify-content: center;
    align-items: center;
}
/* C   A   T   A   L   O   G    M   A   C   H   I   N   E    S   E   C   T   I   O   N */
.header-catalog-machine-1{
    height: 650px;
}
.content-catalog-machine-1-left-solution-wci-ncd h1{
    width: 360px;
}
.catalog-1-machine-1-right-solution-wci-ncd p{
    width: 100%;
}
/* ------------------------------------------------------------------------------------------------ */
.header-catalog-machine-2{
    height: 650px;
}
.catalog-1-machine-2-right-solution-wci-ncd p{  
    width: 100%;
}
/* ------------------------------------------------------------------------------------------------ */
.header-catalog-machine-3{
    height: 650px;
}
.p1-3-machine-3-right-solution-wci-ncd{
    width: 100%;
}
.p2-3-machine-3-right-solution-wci-ncd{
    width: 100%;
}
}

@media screen and (max-width:834px){
/* M   E   N   U    S   E   C   T   I   O   N */
.container-menu-wci-ncd{
    height: 80px;
}
.container-menu-wci-ncd.sticky{
    top: -15px;
}
.logo-image-menu-wci-ncd img{
    width: 55px;
}
.order-menu-toggle a{
    font-size: 16px;
}
.listmenu-drop-wci-ncd{
    width: 50%;
    gap: 3%;
}  
.listmenu-drop-wci-ncd li{
    height: 25px;
    text-align: center;
    width: 45%;
}
.listmenu-drop-wci-ncd li a{
    font-size: 14px;
    margin-right: 5px;
}
.hamburger-menu-wci-ncd input:checked ~ span:nth-child(2){
    width: 30px;
}
.hamburger-menu-wci-ncd input:checked ~ span:nth-child(4){
    width: 30px;
}
/* H   E   A   D   E   R    S   E   C   T   I   O   N */
.header-wci-ncd{
    height: 800px;
}
/* --------------------------------------------------------------------- */
.content-title-header-wci-ncd{
    justify-content: center;
    margin-top: 110px;
    gap: 20px;
}
/* --------------------------------------------------------------------- */
.menu-header-firstslider-wci-ncd{
    height: 45px;
}
.menu-header-firstslider-wci-ncd button{
    width: 20%;
    font-size: 18px;
}
/* --------------------------------------------------------------------- */
.content-second-slider-wci-ncd p{
    font-size: 22px;
}
.menu-header-secondslider-wci-ncd{
    height: 45px;
}
.menu-header-secondslider-wci-ncd button{
    width: 56%;
}
/* --------------------------------------------------------------------- */
.content-third-slider-wci-ncd{
    padding-top: 6%;
}
.content-third-slider-wci-ncd h1{
    font-size: 20px;
    line-height: 25px;
}
.content-items-wci-ncd{
    font-size: 16px;
    line-height: 20px;
}
.image-third-column-wci-ncd a{
    width: 200px;
    height: 200px;
}
/* P   R   O   F   I   L   E    S   E   C   T   I   O   N */
.wow-profile-wci-ncd{
    height: 540px;
}
.container-content-profile-wci-ncd{
    gap: 20px;
}
.container-content-profile-wci-ncd h1{
    font-size: 27px;
}
.container-content-profile-wci-ncd p{
    font-size: 12px;
}
.container-image-profile-wci-ncd{
    padding: 3% 5%;
}
.container-content-profile-wci-ncd a{
    font-size: 12px;
}
/* S  E  C  T  I  O  N   C  O  F  F  E  E   I  N  D  O  N  E  S  I  A */
.container-content-coffee-indonesia-wci-ncd h1{
    font-size: 30px;
}
.container-content-coffee-indonesia-wci-ncd p{
    width: 100%;
}
.container-content-coffee-indonesia-wci-ncd a{
    width: 30%;
    height: 40px;
}
/* F   O   R   M    S   E   C   T   I   O   N */
.container-form-request-wci-ncd{
    height: 500px;
}
.form-input-coffee-wci-ncd form h2{
    font-size: 18px;
}
.form-input-coffee-wci-ncd form input{
    font-size: 16px;
}
.phone-box::placeholder{
    font-size: 12px;
}
.name-box::placeholder{
    font-size: 12px;
}
/* F   O   O   T   E   R    S   E   C   T   I   O   N */

.container-content-footer-wci-ncd{
    padding: 10px 1% 0 1%;
}  
.logo-footer-wci-ncd img{
    width: 80px;
    height: 80px;
}
.alamat-kantor-wci-ncd a{
    font-size: 12px;
}
.alamat-kantor-wci-ncd h1{
    font-size: 18px;
}
.alamat-kantor-wci-ncd p{
    font-size: 12px;
}
/* P   A   G   E    A   B   O   U   T    W   C   I */
/* P   A   G   E    A   B   O   U   T    W   C   I */
.header-about-wci-ncd{
    height: 540px;
}
.first-content-about-wci-ncd{
    padding: 6% 0 6% 5%;
}
.first-content-about-wci-ncd h1{
    width: 100%;
    font-size: 18px;
    line-height: 22px;
}
.second-content-about-wci-ncd{
    padding: 10% 6% 5% 6%;
}
/* T   E   A   M | P   R   O   F   I   L   E | S   E   C   T   I   O   N */
.team-profile-wci-ncd{
    height: 600px;
}
.container-content-team-profile-wci-ncd h1{
    font-size: 27px;
}
.bold-team{
    font-size: 27px;
}
.container-content-team-profile-wci-ncd p{
    font-size: 16px;
}
.container-card-profile-wci-ncd{
    padding-top: 2%;
    padding-bottom: 1px;
    padding-left: 5%;
    /* justify-content: center; */
    /* flex-wrap: nowrap; */
    /* align-items: center; */
    gap: 0;
}
.card-profile-wci-ncd{
    width: 80%;
    height: 80px;
}
/* S  E  C  T  I  O  N   C  O  F  F  E  E   M   A   P*/
.container-coffee-map-wci-ncd{
    height: 450px;
}
.container-content-coffee-map-wci-ncd{
    justify-content: space-between;
    gap: 20px;
}
.title-areas-wci-ncd{
    height: 55%;
}
/* B   R   A   N   D    P   R   O   M   I   S   E    S   E   C   T   I   O   N */
.container-brand-promise-wci-ncd{
    height: 450px;
}
.container-brand-promise-wci-ncd{
    padding-bottom: 2%;
}
.detail-content-promise-wci-ncd-1{
    height: 90px;
}
.brand-promise-wci-ncd{
    width: 60%;
}
/* V   A   L   U   E    S   E   C   T   I   O   N */
.container-uvp-wci-ncd{
        height: 450px;
}
.container-uvp-wci-ncd::after {
        height: 450px;
}
.card-content-uvp-wci-ncd{
        width: 350px;
}

/* L   I   N   E    P   R   O   D   U   C   T    P   A   G   E */
/* L   I   N   E    P   R   O   D   U   C   T    P   A   G   E */
.thin-title-lp-header{
    font-size: 36px;
}
.bold-title-lp-header{
    font-size: 36px;
}

/*A   R   A   B   I   C   A    M   A   N    S   E   C   T   I   O   N*/
.arabica-mandailing-coffee-indonesia-wci-ncd{
    height: 500px;
}
.title-mandailing-wci-ncd{
    margin-top: 10px;
}
.container-content-detail-mandailing-wci-ncd{
    padding-left: 0;
}
.container-content-detail-mandailing-wci-ncd h1{
    width: 250px;
    font-size: 36px;
    line-height: 45px;
}
/* A   C   E   H    G   A   Y   O    S   E   C   T   I   O   N */
.container-aceh-gayo-wci-ncd{
    height: 500px;
}
.container-content-detail-aceh-gayo-wci-ncd{
    padding-left: 0;
}
/* L   I   N   T   O   N   G    S   E   C   T   I   O   N */
.lintong-coffee-indonesia-wci-ncd{
    height: 450px;
}
.container-content-detail-lt-wci-ncd{
    padding-left: 0;
}
/* S   P   E   C   I   A   L    B   L   E   N   D    S   E   C   T   I   O   N */
.container-specilablend-wci-ncd{
    height: 450px;
}
.container-content-detail-specilablend-wci-ncd{
    padding-left: 0;
}
/* W   E   S   T    J   A   V   A    S   E   C   T   I   O   N */
.wj-coffee-indonesia-wci-ncd{
    height: 550px;
}
.container-content-detail-wj-wci-ncd{
    padding-left: 0;
}
/* T   O   R   A   J   A   S   E   C   T   I   O   N */
.container-toraja-wci-ncd{
    height: 540px;
}
.container-content-detail-toraja-wci-ncd{
    padding-left: 0;
}


/* LINE PRODUCT ROASTING SECTION */
.wow-roasting-product-wci-ncd{
    height: 500px;
}
.container-content-roasting-product-wci-ncd{
    width: 150px;
}
.link-product-title{
    width: 100px;
}
.link-product-title h3{
    font-size: 16px;
}
/* E   X   P   E   R   I   A   N   C   E    S   E   C   T   I   O   N */
.experience-wci-ncd{
    height: 400px;
}
.word-experience-wci-ncd{
    width: 350px;
}
.gambar-kanan-size-product-wci-ncd img{
    border-radius: 20px;
}
/* D   R   I   P    S   E   C   T   I   O   N */
.drip-section-wci-ncd{
    height: 450px;
}
.drip-word-wci-ncd h2{
    font-size: 20px;
}
.card-drip-wci-ncd{
    width: 150px;
    height: 250px;
}
/* P    A    G    E     S    O    L    U    T    I    O    N */
/* P    A    G    E     S    O    L    U    T    I    O    N */
.header-wow-solution{
    height: 540px;
    background-attachment:unset;
}
.header-delivery-shipping-solution{
    height: 540px;
}

/* W   O   W    M   O   M   E   N   T   S    S   E   C   T   I   O   N */
/* W   O   W    M   O   M   E   N   T   S    S   E   C   T   I   O   N */

.header-wow-moments-wci-ncd{
    height: 540px;
}
.menu-header-wow-moments-wci-ncd button{
    width: 30%;
}
.content-title-header-wow-moments-wci-ncd{
    justify-content: center;
    gap: 10%;
}

/* D   E   T   A   I   L    N   E   W   S    S   E   C   T   I   O   N */

/* BUTTON LIST */
.button-list-news-wci-ncd{
    width: 100%;
}
/* LIST NEWS */
.container-box-detail-news-wci-ncd{
    height: 180px;
}
.title-news-wci-ncd{
    width: 100%;
    font-size: 16px;
}
.subtitle-news-wci-ncd{
    width: 100%;
    font-size: 14px;
}
.list-date-wci-ncd{
    font-size: 12px;
}
/* CARD NEWS */
.container-card-news-wci-ncd{
    justify-content: center;
    padding: 0;
}
.content-card-news-wci-ncd{
    width: 100%;
    border-radius: 15px;
}
.content-card-news-wci-ncd h3{
    font-size: 16px;
}
.container-image-slider-news-wci-ncd{
    height: 180px;
} 

/* E   V   E   N   T    S   E   C   T   I   O   N */
.device-non-contet-event-wci-ncd{
    height: 350px;
}
.container-event-news-wci-ncd{
    height: 550px;
}

.title-card-event-wci-ncd p{
    width: 100%;
}
.container-card-and-title-event-news-wci-ncd{
    padding: 2%;
}
.container-card-event-news-wci-ncd{
    padding: 0;
}
.container-two-card-event-wci-ncd{
    padding: 0;
}
.judul-and-subjudul-event-wci-ncd h2{
    width: 100%;
    height: 54px;
}
.judul-and-subjudul-event-wci-ncd p{
    height: 90px;
}

/* P  O  P  U  P   I  M  A  G  E   C  A  R  D   N  E  W  S */
.lightbox-content{
    width: 650px;
    height: 320px;
}
/* C   A   T   A   L   O   G    M   A   C   H   I   N   E    S   E   C   T   I   O   N */
.content-catalog-machine-1-left-solution-wci-ncd h1{
    width: 200px;
    font-size: 18px;
    line-height: unset;
}
.catalog-1-machine-1-right-solution-wci-ncd img{
    height: 200px;
}
.catalog-2-machine-1-right-solution-wci-ncd img{
    height: 200px;
}
/* ----------------------------------------------------- */
.catalog-1-machine-2-right-solution-wci-ncd img{
    height: 200px;
}
.catalog-2-machine-2-right-solution-wci-ncd img{
    height: 200px;
}
/* ------------------------------------------------------------------------------------------------ */
.header-catalog-machine-3{
    height: 810px;
}
.content-catalog-machine-3-left-solution-wci-ncd{
    background-attachment: unset;
    background-position: left;
}
}



@media screen and (max-width: 768px){
/* M   E   N   U    S   E   C   T   I   O   N */
.container-menu-wci-ncd{
    height: 80px;
}
.container-menu-wci-ncd.sticky{
    top: -15px;
}
.logo-image-menu-wci-ncd img{
    width: 55px;
}
.order-menu-toggle a{
    font-size: 16px;
}
.listmenu-drop-wci-ncd{
    width: 50%;
    gap: 3%;
}  
.listmenu-drop-wci-ncd li{
    height: 25px;
    text-align: center;
    width: 45%;
}
.listmenu-drop-wci-ncd li a{
    font-size: 14px;
    margin-right: 5px;
}
.hamburger-menu-wci-ncd input:checked ~ span:nth-child(2){
    width: 30px;
}
.hamburger-menu-wci-ncd input:checked ~ span:nth-child(4){
    width: 30px;
}


/* H   E   A   D   E   R    S   E   C   T   I   O   N */
/* --------------------------------------------------------------------- */
.menu-header-firstslider-wci-ncd{
    height: 45px;
}
.menu-header-firstslider-wci-ncd button{
    width: 20%;
    font-size: 18px;
}
/* --------------------------------------------------------------------- */
.content-second-slider-wci-ncd p{
    font-size: 22px;
}
.menu-header-secondslider-wci-ncd{
    height: 45px;
}
.menu-header-secondslider-wci-ncd button{
    width: 56%;
}
/* --------------------------------------------------------------------- */
.content-third-slider-wci-ncd{
    padding-top: 6%;
}
.content-third-slider-wci-ncd h1{
    font-size: 20px;
    line-height: 25px;
}
.content-items-wci-ncd{
    font-size: 16px;
    line-height: 20px;
}
.image-third-column-wci-ncd a{
    width: 200px;
    height: 200px;
}
/* P   R   O   F   I   L   E    S   E   C   T   I   O   N */

.container-content-profile-wci-ncd{
    gap: 20px;
}
.container-content-profile-wci-ncd h1{
    font-size: 27px;
}
.container-content-profile-wci-ncd p{
    font-size: 12px;
}
.container-image-profile-wci-ncd{
    padding: 3% 5%;
}
.container-content-profile-wci-ncd a{
    font-size: 12px;
}
/* S  E  C  T  I  O  N   C  O  F  F  E  E   I  N  D  O  N  E  S  I  A */
.container-content-coffee-indonesia-wci-ncd h1{
    font-size: 30px;
}
.container-content-coffee-indonesia-wci-ncd p{
    width: 100%;
}
.container-content-coffee-indonesia-wci-ncd a{
    width: 30%;
    height: 40px;
}
/* F   O   R   M    S   E   C   T   I   O   N */

.form-input-coffee-wci-ncd form h2{
    font-size: 18px;
}
.form-input-coffee-wci-ncd form input{
    font-size: 16px;
}
/* F   O   O   T   E   R    S   E   C   T   I   O   N */

.container-content-footer-wci-ncd{
    padding: 10px 1% 0 1%;
}  
.logo-footer-wci-ncd img{
    width: 80px;
    height: 80px;
}
.alamat-kantor-wci-ncd a{
    font-size: 12px;
}
.alamat-kantor-wci-ncd h1{
    font-size: 18px;
}
.alamat-kantor-wci-ncd p{
    font-size: 12px;
}
/* P   A   G   E    A   B   O   U   T    W   C   I */
/* P   A   G   E    A   B   O   U   T    W   C   I */

.first-content-about-wci-ncd{
    padding: 6% 0 6% 5%;
}
.first-content-about-wci-ncd h1{
    width: 100%;
    font-size: 18px;
    line-height: 22px;
}
.second-content-about-wci-ncd{
    padding: 10% 6% 5% 6%;
}
/* T   E   A   M | P   R   O   F   I   L   E | S   E   C   T   I   O   N */
.team-profile-wci-ncd{
    height: 600px;
}
.container-content-team-profile-wci-ncd h1{
    font-size: 27px;
}
.bold-team{
    font-size: 27px;
}
.container-content-team-profile-wci-ncd p{
    font-size: 16px;
}
.container-card-profile-wci-ncd{
    padding-top: 2%;
    padding-bottom: 1px;
    padding-left: 5%;
    /* justify-content: center; */
    /* flex-wrap: nowrap; */
    /* align-items: center; */
    gap: 0;
}
.card-profile-wci-ncd{
    width: 80%;
    height: 80px;
}
/* S  E  C  T  I  O  N   C  O  F  F  E  E   M   A   P*/
.container-coffee-map-wci-ncd{
    height: 450px;
}
.container-content-coffee-map-wci-ncd{
    justify-content: space-between;
    gap: 20px;
}
.title-areas-wci-ncd{
    height: 55%;
}
/* B   R   A   N   D    P   R   O   M   I   S   E    S   E   C   T   I   O   N */
.container-brand-promise-wci-ncd{
    height: 450px;
}
.container-brand-promise-wci-ncd{
    padding-bottom: 2%;
}
.detail-content-promise-wci-ncd-1{
    height: 90px;
}
.brand-promise-wci-ncd{
    width: 60%;
}
/* V   A   L   U   E    S   E   C   T   I   O   N */
.container-uvp-wci-ncd{
        height: 450px;
}
.container-uvp-wci-ncd::after {
        height: 450px;
}
.card-content-uvp-wci-ncd{
        width: 350px;
}

/* L   I   N   E    P   R   O   D   U   C   T    P   A   G   E */
/* L   I   N   E    P   R   O   D   U   C   T    P   A   G   E */
.thin-title-lp-header{
    font-size: 36px;
}
.bold-title-lp-header{
    font-size: 36px;
}

/*A   R   A   B   I   C   A    M   A   N    S   E   C   T   I   O   N*/
.arabica-mandailing-coffee-indonesia-wci-ncd{
    height: 500px;
}
.title-mandailing-wci-ncd{
    margin-top: 10px;
}
.container-content-detail-mandailing-wci-ncd{
    padding-left: 0;
}
.container-content-detail-mandailing-wci-ncd h1{
    width: 250px;
    font-size: 36px;
    line-height: 45px;
}
/* A   C   E   H    G   A   Y   O    S   E   C   T   I   O   N */
.container-aceh-gayo-wci-ncd{
    height: 500px;
}
.container-content-detail-aceh-gayo-wci-ncd{
    padding-left: 0;
}
/* L   I   N   T   O   N   G    S   E   C   T   I   O   N */
.lintong-coffee-indonesia-wci-ncd{
    height: 450px;
}
.container-content-detail-lt-wci-ncd{
    padding-left: 0;
}
/* S   P   E   C   I   A   L    B   L   E   N   D    S   E   C   T   I   O   N */
.container-specilablend-wci-ncd{
    height: 450px;
}
.container-content-detail-specilablend-wci-ncd{
    padding-left: 0;
}
/* W   E   S   T    J   A   V   A    S   E   C   T   I   O   N */
.wj-coffee-indonesia-wci-ncd{
    height: 550px;
}
.container-content-detail-wj-wci-ncd{
    padding-left: 0;
}
/* T   O   R   A   J   A   S   E   C   T   I   O   N */
.container-toraja-wci-ncd{
    height: 540px;
}
.container-content-detail-toraja-wci-ncd{
    padding-left: 0;
}


/* LINE PRODUCT ROASTING SECTION */
.wow-roasting-product-wci-ncd{
    height: 500px;
}
.container-content-roasting-product-wci-ncd{
    width: 150px;
}
.link-product-title{
    width: 100px;
}
.link-product-title h3{
    font-size: 16px;
}
/* E   X   P   E   R   I   A   N   C   E    S   E   C   T   I   O   N */
.experience-wci-ncd{
    height: 400px;
}
.word-experience-wci-ncd{
    width: 350px;
}
.gambar-kanan-size-product-wci-ncd img{
    border-radius: 20px;
}
/* D   R   I   P    S   E   C   T   I   O   N */
.drip-section-wci-ncd{
    height: 450px;
}
.drip-word-wci-ncd h2{
    font-size: 20px;
}
.card-drip-wci-ncd{
    width: 150px;
    height: 250px;
}
/* P    A    G    E     S    O    L    U    T    I    O    N */
/* P    A    G    E     S    O    L    U    T    I    O    N */
.header-wow-solution{
    height: 540px;
    background-attachment:unset;
}
.header-delivery-shipping-solution{
    height: 540px;
}

/* W   O   W    M   O   M   E   N   T   S    S   E   C   T   I   O   N */
/* W   O   W    M   O   M   E   N   T   S    S   E   C   T   I   O   N */

.header-wow-moments-wci-ncd{
    height: 540px;
}
.menu-header-wow-moments-wci-ncd button{
    width: 30%;
}
.content-title-header-wow-moments-wci-ncd{
    justify-content: center;
    gap: 10%;
}

/* D   E   T   A   I   L    N   E   W   S    S   E   C   T   I   O   N */

/* BUTTON LIST */
.button-list-news-wci-ncd{
    width: 100%;
}
/* LIST NEWS */
.container-box-detail-news-wci-ncd{
    height: 180px;
}
.title-news-wci-ncd{
    width: 100%;
    font-size: 16px;
}
.subtitle-news-wci-ncd{
    width: 100%;
    font-size: 14px;
}
.list-date-wci-ncd{
    font-size: 12px;
}
/* CARD NEWS */
.container-card-news-wci-ncd{
    justify-content: center;
    padding: 0;
}
.content-card-news-wci-ncd{
    width: 100%;
    border-radius: 15px;
}
.content-card-news-wci-ncd h3{
    font-size: 16px;
}
.container-image-slider-news-wci-ncd{
    height: 180px;
} 

/* E   V   E   N   T    S   E   C   T   I   O   N */
.device-non-contet-event-wci-ncd{
    height: 350px;
}
.container-event-news-wci-ncd{
    height: 550px;
}

.title-card-event-wci-ncd p{
    width: 100%;
}
.container-card-and-title-event-news-wci-ncd{
    padding: 2%;
}
.container-card-event-news-wci-ncd{
    padding: 0;
}
.container-two-card-event-wci-ncd{
    padding: 0;
}
.judul-and-subjudul-event-wci-ncd h2{
    width: 100%;
    height: 54px;
}
.judul-and-subjudul-event-wci-ncd p{
    height: 90px;
}

/* P  O  P  U  P   I  M  A  G  E   C  A  R  D   N  E  W  S */
.lightbox-content{
    width: 650px;
    height: 320px;
}
/* C   A   T   A   L   O   G    M   A   C   H   I   N   E    S   E   C   T   I   O   N */
.content-catalog-machine-1-left-solution-wci-ncd h1{
    width: 200px;
    font-size: 18px;
    line-height: unset;
}
.catalog-1-machine-1-right-solution-wci-ncd img{
    height: 200px;
}
.catalog-2-machine-1-right-solution-wci-ncd img{
    height: 200px;
}
/* ----------------------------------------------------- */
.catalog-1-machine-2-right-solution-wci-ncd img{
    height: 200px;
}
.catalog-2-machine-2-right-solution-wci-ncd img{
    height: 200px;
}
/* ------------------------------------------------------------------------------------------------ */
.header-catalog-machine-3{
    height: 810px;
}
.content-catalog-machine-3-left-solution-wci-ncd{
    background-attachment: unset;
    background-position: left;
}
}




@media screen and (max-width: 576px){
/* M   E   N   U    S   E   C   T   I   O   N */    
.container-menu-wci-ncd{
    height: 65px;
}
.container-menu-wci-ncd.sticky{
    top: 0;
}
.logo-image-menu-wci-ncd{
    align-items: end;
}
.logo-image-menu-wci-ncd img{
    width: 45px;
    height: 90%;
}
.order-menu-toggle{
    gap: 5%;
}
.order-menu-toggle a{
    font-size: 14px;
}
.order-menu-toggle img{
    width: 15px;
    height: 15px;
}
.container-hamburger-icon-wci-ncd{
    width:30%;
    justify-content: center;
    gap: 5%;
}
.hamburger-menu-wci-ncd{
    width: 30px;
    gap: 5%;
}
.top{
    width: 20px;
    height: 3.4px;
}
.middle{
    width: 27px;
    height: 3.4px;
}.buttom{
    width: 15px;
    height: 3.4px;
}
.hamburger-menu-wci-ncd input:checked ~ span:nth-child(2){
    transform: rotate(45deg) translate(6px, -4px);
}
.hamburger-menu-wci-ncd input:checked ~ span:nth-child(4){
    transform: rotate(-45deg) translate(-3px, 10px);
}
.listmenu-drop-wci-ncd{
    width: 100%;
    gap: 30px;
    right: unset;
    border-radius: unset;
    padding: 0;
    justify-content: center;
    transform: translateY(-100%);
    background-color: #3b8d8b;
}  
.listmenu-drop-wci-ncd li{
    width: 100%;
    height: 35px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.listmenu-drop-wci-ncd li a{
    font-size: 20px;
    color: #FFCBCB;
}
.listmenu-drop-wci-ncd li a:hover{
    color:#194949
}
nav .listmenu-drop-wci-ncd.slide{
    opacity: unset;
}
.socmed-icon-menu{
    height: 50px;
    margin-top: 0px;
    justify-content: center;
}
.socmed-icon-menu a {
    height: 30px;
    width: 30px;
}
/* H   E   A   D   E   R    S   E   C   T   I   O   N */
/* --------------------------------------------------------------------- */
.header-wci-ncd{
    height: 550px;
}
.content-title-header-wci-ncd{
    justify-content: center;
    margin-top: 110px;
    gap: 20px;
}
.content-title-header-wci-ncd h1{
    font-size: 27px;
    line-height: 20px;
}
.content-title-header-wci-ncd p{
    width: 90%;
    font-size: 18px;
    line-height: 27px;
}
.menu-header-firstslider-wci-ncd{
    flex-direction: column;
    align-items: center;
    gap: 20px;
    height: 150px;
}
.menu-header-firstslider-wci-ncd button{
    width: 220px;
    height: 45px;
    font-size: 16px;
}
/* --------------------------------------------------------------------- */
.content-second-slider-wci-ncd{
    background-color: unset;
    position: relative;
    z-index: 999;
    width: 100%;
}
.image-second-column-wci-ncd{
    position: absolute;
    width: 100%;
}
.image-second-column-wci-ncd::after{
    display: inline;
    opacity: 0.8;
}
.content-second-slider-wci-ncd p{
    margin-top: 90px;
    font-size: 27px;
}
.menu-header-secondslider-wci-ncd button{
    width: 180px;
    font-size: 16px;
}
/* --------------------------------------------------------------------- */
.menu-header-thirdslider-wci-ncd button{
    width: 200px;
}
/* P   R   O   F   I   L   E    S   E   C   T   I   O   N */
.wow-profile-wci-ncd{
    height: 500px;
}
.container-content-profile-wci-ncd{
    gap: 10px;
}
.container-content-profile-wci-ncd h1{
    font-size: 18px;
}
.container-image-profile-wci-ncd video{
    border-radius:18px;
}
/* S  E  C  T  I  O  N   C  O  F  F  E  E   I  N  D  O  N  E  S  I  A */
.container-coffee-indonesia-wci-ncd{
    height: 500px;
}
.container-content-coffee-indonesia-wci-ncd h1{
    font-size: 27px;
}
.container-content-coffee-indonesia-wci-ncd p{
    font-size: 16px;
}
.container-content-coffee-indonesia-wci-ncd a{
    width: 36%;
    height: 40px;
}
/* F   O   R   M    S   E   C   T   I   O   N */
.container-form-request-wci-ncd{
    padding: 0;
}
.gambar-kiri-coffee-wci-ncd{
    position: absolute;
    width: 100%;
    padding: 0;
}
.gambar-kiri-coffee-wci-ncd img{
    border-radius: 0;
}
.gambar-kiri-coffee-wci-ncd::before{
    display: inline;
    opacity: 0.5;
}
.form-input-coffee-wci-ncd{
    width: 100%;
    z-index: 9;
}
.form-input-coffee-wci-ncd form{
    gap: 10px;
}
.form-input-coffee-wci-ncd form input{
    font-size: 16px;
}
.option-box{
    background-color: #194949;
}
.subject-box{
    background-color: #194949;
}
.name-box{
    background-color: #194949;
}
.phone-box{
    background-color: #194949;
}

/* F   O   O   T   E   R    S   E   C   T   I   O   N */
.container-footer-wci-ncd{
    height: 600px;
}
.logo-footer-wci-ncd img{
    width: 90px;
    height: 90px;
}
.content-row-footer-wci-ncd{
    flex-wrap: wrap;
}
.alamat-kantor-wci-ncd{
    width: 100%;
    align-items: center;
}
.alamat-kantor-wci-ncd p{
    text-align: center;
}
.social-media-footer-wci-ncd{
    width: 100%;
    height: unset;
    flex-direction: row;
    justify-content: center;
    padding: 0;
}
.social-media-footer-wci-ncd h4{
    width: 35%;
    height: 20px;
    font-size: 12px;
}
.icon-socmed-wci-ncd {
    width: 35%;
}
.copyright-wci-ncd{
    justify-content: center;
}
/* P   A   G   E    A   B   O   U   T    W   C   I */
/* P   A   G   E    A   B   O   U   T    W   C   I */
.header-about-wci-ncd{
    height: 450px;
}
.first-content-about-wci-ncd{
    padding: 10% 5% 0 5%;
    gap: 1%;
    z-index: 9;
    width: 100%;
    gap: 36px;
    justify-content: center;
    align-items: center;
    background-color: unset;
}
.first-content-about-wci-ncd h1{
    font-size: 25px;    
    line-height: 36px;
}
.first-content-about-wci-ncd h2{
    text-align: left;
}
.second-content-about-wci-ncd{
    width: 100%;
    position: absolute;
    padding: 0; 
}
.second-content-about-wci-ncd::after{
    height: 450px;
    display: block;
    opacity: 0.7;
}
.second-content-about-wci-ncd img{
    height: 450px;
    border-radius: 0;
}
/* T   E   A   M | P   R   O   F   I   L   E | S   E   C   T   I   O   N */
.container-content-team-profile-wci-ncd{
    justify-content: center;
}
.bold-team{
    margin-left: 5px;
}
.team-profile-wci-ncd{
    height: 500px;
}
.container-content-team-profile-wci-ncd p{
    margin-top: 10px;
    font-size: 14px;
}
.container-card-profile-wci-ncd{
    justify-content: start;
}
/* S  E  C  T  I  O  N   C  O  F  F  E  E   M   A   P*/
.container-coffee-map-wci-ncd{
    height: 360px;
}
/* B   R   A   N   D    P   R   O   M   I   S   E    S   E   C   T   I   O   N */
.container-brand-promise-wci-ncd{
padding: 0;
height: 370px;
}
.container-content-bp-wci-ncd{
    flex-wrap: wrap;
    background-image: url('../../images/machinery-roasts-coffee-wci.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.gambar-kanan-coffee-wci-ncd{
    width: 100%;
    position: absolute;
    display: flex;
}
.gambar-kanan-coffee-wci-ncd::after{
    display: flex;
    opacity: 0.6;
}
.gambar-kanan-coffee-wci-ncd img{
    /* border-radius:unset; */
    display: none;
}
.brand-promise-wci-ncd{
    width: 100%;
    padding: 20px;
    position: relative;
    z-index: 1;
}
.brand-promise-wci-ncd h2{
    justify-content: center;
}
.detail-content-promise-wci-ncd-1{
    width: 100%;
    text-align: center;
}
.detail-content-promise-wci-ncd-2{
    width: 100%;
    text-align: center;
}
/* V   A   L   U   E    S   E   C   T   I   O   N */
.container-uvp-wci-ncd{
    height: 700px;
}
.container-uvp-wci-ncd::after {
    height: 700px;
}
.container-content-uvp-wci-ncd br{
    display: none;
}
.container-content-uvp-wci-ncd h2{
    text-align: center;
}
.card-content-uvp-wci-ncd{
    width: 500px;
    height: 110px;
}
/* L   I   N   E    P   R   O   D   U   C   T    P   A   G   E */
/* L   I   N   E    P   R   O   D   U   C   T    P   A   G   E */
.header-lp-wci-ncd{
    background-attachment: unset;
}
.header-lp-wci-ncd{
    height: 500px;
}
.header-lp-wci-ncd::after{
    height: 500px;
}
.thin-title-lp-header{
    font-size: 36px;
}
.bold-title-lp-header{
    font-size: 36px;
}

/* LINE PRODUCT ROASTING SECTION */
.wow-roasting-product-wci-ncd{
    height: 640px;
    padding: 4% 15%;
    position: relative;
    align-items: center;
    justify-content: center;
}
.container-roasting-product-wci-ncd{
    overflow: hidden;
}
.container-card-lp-wci-ncd{
    width: 100%;
    height: 90%;
    padding: 0;
    gap: 0;
    flex-direction: column;
    justify-content: center;
    transition: transform 0.3s ease-in-out;
    scroll-snap-type: x mandatory;
}
.container-card-lp-wci-ncd::-webkit-scrollbar{
    display: none;
}
.container-content-roasting-product-wci-ncd{
    width: 100%;
    height: 100%;
    scroll-snap-align: start;
}

.paginationdotdot-wci-ncd{
    width: 70%;
    height: 18px;
    border-radius: 20px;
    position: absolute;
    display: flex;
    justify-content: center;
    bottom: 36px;
    gap: 2em;
    /* background-color: yellow; */
}
.paginationdotdot-wci-ncd span{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #3b8d8b;
    cursor: pointer;
}
.paginationdotdot-wci-ncd .active{
    width: 18px;
    height: 18px;
    border-radius: 50px;
    background-color: #3b8d8b;
}
.link-product-image {
    width: 300px;
    height: 270px;
    position: relative;
}
.link-product-title {
    width: 400px;
}
.link-product-title h3{
    font-size: 30px;
}

/*A   R   A   B   I   C   A    M   A   N    S   E   C   T   I   O   N*/
.arabica-mandailing-coffee-indonesia-wci-ncd{
    height: 750px;
}
.container-content-arabica-mandailing-indonesia-wci-ncd{
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
}
.container-content-detail-mandailing-wci-ncd{
    width: 100%;
    padding-right: 0;
}
.gambar-kanan-mandailing-wci-ncd{
    width: 100%;
    height: 45%;
}
.container-content-detail-mandailing-wci-ncd h1{
    width: 100%;
    text-align: center;
}
.title-mandailing-wci-ncd{
    text-align: center;
}
.content-mandailing-wci-ncd{
    text-align: center;
}
/* A   C   E   H    G   A   Y   O    S   E   C   T   I   O   N */
.container-aceh-gayo-wci-ncd{
    height: 800px;
}
.container-content-aceh-gayo-wci-ncd{
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
}
.container-content-detail-aceh-gayo-wci-ncd{
    width: 100%;
    padding-right: 0;
}
.gambar-kanan-aceh-gayo-wci-ncd{
    width: 100%;
    height: 45%;
}
.container-content-detail-aceh-gayo-wci-ncd h1{
    text-align: center;
}
.title-aceh-gayo-wci-ncd{
    text-align: center;
}
.content-aceh-gayo-wci-ncd{
    text-align: center;
}
/* L   I   N   T   O   N   G    S   E   C   T   I   O   N */
.lintong-coffee-indonesia-wci-ncd{
    height: 750px;
}
.container-content-lintong-indonesia-wci-ncd{
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
}
.container-content-detail-lt-wci-ncd{
    width: 100%;
    padding-right: 0;
}
.gambar-kanan-lintong-wci-ncd{
    width: 100%;
    height: 45%;
}
.container-content-detail-lt-wci-ncd h1{
    text-align: center;
}
.title-lintong-wci-ncd{
    text-align: center;
}
.content-lintong-wci-ncd{
    text-align: center;
}
/* S   P   E   C   I   A   L    B   L   E   N   D    S   E   C   T   I   O   N */
.container-specilablend-wci-ncd{
    height: 800px;
}
.container-content-specilablend-wci-ncd{
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
}
.container-content-detail-specilablend-wci-ncd{
    width: 100%;
    padding-right: 0;
}
.gambar-kanan-specilablend-wci-ncd{
    width: 100%;
    height: 60%;
}
.container-content-detail-specilablend-wci-ncd h1{
    text-align: center;
}
.title-specilablend-wci-ncd{
    text-align: center;
}
.content-specilablend-wci-ncd{
    text-align: center;
}
/* W   E   S   T    J   A   V   A    S   E   C   T   I   O   N */
.wj-coffee-indonesia-wci-ncd{
    height: 850px;
}
.container-content-wj-indonesia-wci-ncd{
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
}
.container-content-detail-wj-wci-ncd{
    width: 100%;
    padding-right: 0;
}
.gambar-kanan-wj-wci-ncd{
    width: 100%;
    height: 45%;
}
.container-content-detail-wj-wci-ncd h1{
    text-align: center;
}
.title-wj-wci-ncd{
    text-align: center;
}
.content-wj-wci-ncd{
    text-align: center;
}
/* T   O   R   A   J   A   S   E   C   T   I   O   N */
.container-toraja-wci-ncd{
    height: 800px;
}
.container-content-toraja-wci-ncd{
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
}
.container-content-detail-toraja-wci-ncd{
    width: 100%;
    padding-right: 0;
}
.gambar-kanan-toraja-wci-ncd{
    width: 100%;
    height: 45%;
}
.container-content-detail-toraja-wci-ncd h1{
    text-align: center;
}
.title-toraja-wci-ncd{
    text-align: center;
}
.content-toraja-wci-ncd{
    text-align: center;
}

/* E   X   P   E   R   I   A   N   C   E    S   E   C   T   I   O   N */
.experience-wci-ncd{
    height: 300px;
}
.content-detail-experience-wci-ncd{
    justify-content: unset;
    gap: 2px;
}
.word-experience-wci-ncd{
    width: 250px;
    font-size: 27px;
    line-height: 36px;
}
.experience-word-wci-ncd p{
    width: 120px;
    font-size: 16px;
}

/* D   R   I   P    S   E   C   T   I   O   N */
.drip-section-wci-ncd{
    height: 720px;
}
.drip-word-wci-ncd{
    height: 30px;
}
.drip-word-wci-ncd h2{
    font-size: 20px;
    font-family: 'poppins-light', arial, sans-serif;
}
.content-drip-wci-ncd{
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.card-drip-wci-ncd{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    width: 200px;
    height: 200px;
    border-radius: 20px;
}
.card-drip-wci-ncd img{
    width: 130px;
}
.back-to-top-wci-ncd{
    width: 45px;
}

/* P    A    G    E     S    O    L    U    T    I    O    N */
/* P    A    G    E     S    O    L    U    T    I    O    N */
/* H   E   A   D   E   R    S   E   C   T   I   O   N */
.content-sub-title-header-wci-ncd p{
        font-size: 16px;
        width: 360px;
}
/* S   H   I   P   P   I   N   G    S   E   C   T   I   O   N */
.header-delivery-shipping-solution{
    height: 500px;
}
.content-delivery-shipping-solution-wci-ncd{
    padding: 2% 2%;
}
.content-delivery-shipping-solution-wci-ncd h1{
    width: 100%;
    font-size: 36px;
}
.content-header-wow-solution-wci-ncd h1{
    width: 50%;
}
.subtitle-shipping-wci-ncd{
    font-size: 18px;
    width: 100%;
}
.content-shipping-wci-ncd{
    font-size: 16px;
    width: 100%;
}
/* W   O   W    M   O   M   E   N   T   S    S   E   C   T   I   O   N */
/* W   O   W    M   O   M   E   N   T   S    S   E   C   T   I   O   N */

.menu-header-wow-moments-wci-ncd button{
    width: 200px;
}


/* L   A   T   E   S   T    N   E   W   S    S   E   C   T   I   O   N */
.content-title-header-latest-news-wci-ncd h1{
    font-size: 54px;
}
.content-title-header-latest-news-wci-ncd p{
    font-size: 18px;
}

/* D   E   T   A   I   L    N   E   W   S    S   E   C   T   I   O   N */
.detail-news-column-wci-ncd{
    height: 810px;
}
.container-row-news-wci-ncd{
    flex-direction: column-reverse;
}
/* BUTTON LIST */
.button-list-news-wci-ncd{
    display: none;
}
/* LIST NEWS */
.container-list-news-wci-ncd{
    width: 100%;
    height: 50%;
}
.container-box-detail-news-wci-ncd{
    height: 150px;
}
/* CARD NEWS */
 .container-card-news-wci-ncd{
    width: 100%;
    height: 50%;
}
.card-news-wci-ncd{
    width: 98%;
    height: 49%;
}
/* E   V   E   N   T    S   E   C   T   I   O   N */

.container-event-news-wci-ncd{
        height: 1000px;
}
.title-card-event-wci-ncd{
        height: unset;
}
.title-card-event-wci-ncd p{
        font-size: 16px;
}
.container-card-and-title-event-news-wci-ncd{
        justify-content: unset;
        padding-bottom: 1%;
        gap: 20px;
}
.detail-event-news-1-wci-ncd{
        flex-direction: column;
        justify-content: center;
        align-items: center;
}
.detail-event-news-2-wci-ncd{
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
}
.judul-and-subjudul-event-wci-ncd{
        width: 100%;
}
.image-card-event-wci-ncd{
        width: 300px;
        height: 250px;
}
.container-card-event-news-wci-ncd{
        height: 810px;
}
.container-two-card-event-wci-ncd{
        justify-content: space-around;
}
.judul-and-subjudul-event-wci-ncd h2{
        height:54px ;
        font-size: 16px;
}
.judul-and-subjudul-event-wci-ncd p{
        height: 100px;
        font-size: 14px;
}
.temporary-content{
    width: 100%;
    height: 150px;
}

/* P  O  P  U  P   I  M  A  G  E   C  A  R  D   N  E  W  S */
.lightbox-content{
    width: 550px;
    height: 250px;
}
.lightbox-content img{
    height: 100%;
    object-position: center;
}
/* C   A   T   A   L   O   G    M   A   C   H   I   N   E    P   A   G   E */
/* H   E   A   D   E   R    C   A   T   A    L   O   G    S   E   C   T   I   O   N */
.content-catalog-wow-solution-wci-ncd h1{
    font-size: 37px;
}
.content-sub-title-catalog-wci-ncd p{
    font-size: 16px;
}
/* C   A   T   A   L   O   G    M   A   C   H   I   N   E    S   E   C   T   I   O   N */
.content-catalog-machine-1-left-solution-wci-ncd img{
    width: 180px;
    height: 180px;
}
.content-catalog-machine-1-right-solution-wci-ncd{
    padding-right: 1%;
}
.catalog-1-machine-1-right-solution-wci-ncd img{
    height: 150px;
}
.catalog-1-machine-1-right-solution-wci-ncd h2{
    font-size: 16px;
}
.catalog-2-machine-1-right-solution-wci-ncd img{
    height: 150px;
}
.catalog-2-machine-1-right-solution-wci-ncd h2{
    width: 100%;
    font-size: 16px;
}
/* ------------------------------------------------------------ */
.content-catalog-machine-2-left-solution-wci-ncd img{
    width: 180px;
    height: 180px;
}
.content-catalog-machine-2-right-solution-wci-ncd{
    padding-right: 1%;
}
.catalog-1-machine-2-right-solution-wci-ncd img{
    height: 150px;
}
.catalog-1-machine-2-right-solution-wci-ncd h2{
    font-size: 16px;
}
.catalog-2-machine-2-right-solution-wci-ncd img{
    height: 150px;
}
.catalog-2-machine-2-right-solution-wci-ncd h2{
    width: 100%;
    font-size: 16px;
}
/* ------------------------------------------------------------------------------------------------ */
.header-catalog-machine-3{
    height: 900px;
}
.container-catalog-machine-3-solution-wci-ncd{
    flex-direction: column;
}
.content-catalog-machine-3-left-solution-wci-ncd{
    width: 100%;
}
.content-catalog-machine-3-right-solution-wci-ncd{
    width: 100%;
}
}


@media screen and (max-width: 426px){
/* M   E   N   U    S   E   C   T   I   O   N */
.container-menu-wci-ncd.sticky{
    top: 0;
}
.container-hamburger-icon-wci-ncd{
    width: 40%;
}
.logo-image-menu-wci-ncd img{
    margin-left: 0;
}
.container-hamburger-icon-wci-ncd{
    justify-content: end;
    padding-right: 5px;
}
.order-menu-toggle{
    width: 75%;
}
/* H   E   A   D   E   R    S   E   C   T   I   O   N */
/* --------------------------------------------------------------------- */
.header-wci-ncd{
    height: 720px;
}
.menu-header-firstslider-wci-ncd{
    gap: 30px;
}
.content-title-header-wci-ncd h1{
    font-size: 20px;
}
.content-title-header-wci-ncd p{
    line-height: 25px;
}
/* --------------------------------------------------------------------- */
.content-second-slider-wci-ncd p{
    font-size: 20px;
}
.menu-header-secondslider-wci-ncd{
    height: 36px;
}
/* --------------------------------------------------------------------- */
.content-third-slider-wci-ncd{
    position: relative;
    width: 100%;
    z-index: 999;
    padding: 0;
    align-items: center;
    justify-content: center;
    background-color: unset;
}
.content-third-slider-wci-ncd h1{
    color: whitesmoke;
}
.content-items-wci-ncd{
    width: 300px;
    text-align: center;
    color: whitesmoke;
}
.image-third-column-wci-ncd{
    position: absolute;
    width: 100%;
}
.image-third-column-wci-ncd a{
    width: 100%;
    height: 100%;
}
.image-third-column-wci-ncd img{
    -webkit-mask-image: unset;
    -webkit-mask-size: unset;
    -webkit-mask-position: unset;
    -webkit-mask-repeat: unset;
}
.image-third-column-wci-ncd::after{
    display: inline;
    opacity: 0.5;
}
/* P   R   O   F   I   L   E    S   E   C   T   I   O   N */
.wow-profile-wci-ncd{
    height: 450px;
}
.container-content-profile-wci-ncd{
    gap: 10px;
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 0 1%;
    align-items: center;
}
.container-content-profile-wci-ncd h1{
    font-size: 18px;
    text-align: center;
}
.container-content-profile-wci-ncd p{
    text-align: center;
}
.container-image-profile-wci-ncd{
    width: 100%;
    padding: 0;
    position: absolute;
}
.container-image-profile-wci-ncd::after{
    display: flex;
    opacity: 0.7;
}
.container-image-profile-wci-ncd video{
    border-radius:18px;
    border-radius: 0;
}
/* S  E  C  T  I  O  N   C  O  F  F  E  E   I  N  D  O  N  E  S  I  A */
.container-coffee-indonesia-wci-ncd{
    height: 700px;
}
.container-content-coffee-indonesia-wci-ncd h1{
    font-size: 20px;
}

.container-content-coffee-indonesia-wci-ncd a{
    width: 200px;
    height: 40px;
}
/* F   O   R   M    S   E   C   T   I   O   N */
.container-form-request-wci-ncd{
    height: 360px;
}

.form-input-coffee-wci-ncd form input,
.form-input-coffee-wci-ncd form button,
.form-input-coffee-wci-ncd form select{
    font-size: 12px;
}

/* F   O   O   T   E   R    S   E   C   T   I   O   N */
.container-footer-wci-ncd{
    height: 650px;
}
.social-media-footer-wci-ncd{
    height: 180px;
}
/* P   A   G   E    A   B   O   U   T    W   C   I */
/* P   A   G   E    A   B   O   U   T    W   C   I */
.header-about-wci-ncd{
    height: 480px;
}
.second-content-about-wci-ncd::after{
    height: 480px;
}
.second-content-about-wci-ncd img{
    height: 480px;
}
.first-content-about-wci-ncd{
    gap: 0px;
}
.first-content-about-wci-ncd h1{
    font-size: 18px;    
    line-height: 27px;
}

/* T   E   A   M | P   R   O   F   I   L   E | S   E   C   T   I   O   N */
.team-profile-wci-ncd{
    height: 1000px;
}
.container-team-profile-wci-ncd{
    flex-direction: column;
}
.container-card-profile-wci-ncd{
    padding-top: 10px;
    width: 100%;
    justify-content: center;
}
.container-content-team-profile-wci-ncd{
    width: 100%;
    height: auto;
    padding-right: 5%;
}
.container-content-team-profile-wci-ncd h1{
    font-size: 16px;
    text-align: center;
}
.bold-team{
    font-size: 16px;
    text-align: center;
}
.container-content-team-profile-wci-ncd p{
    font-size: 12px;
    text-align: center;
}
.card-profile-wci-ncd{
    flex-direction: column;
    width: 280px;
    height: 160px;
    /* align-items: center; */
    gap: 10px;
}
.card-profile-wci-ncd img{
    align-self: center;
}
.detail-title-team-wci-ncd{
    justify-content: start;
    padding-left: 0;
}
.detail-title-team-wci-ncd h3{
    text-align: center;
    width: 280px;
}
.detail-title-team-wci-ncd p{
    text-align: center;
    width: 280px;
}
.detail-title-team-wci-ncd a{
    text-align: center;
    width: 280px;
}
/* S  E  C  T  I  O  N   C  O  F  F  E  E   M   A   P*/
.container-coffee-map-wci-ncd{
    height: 260px;
}
.title-areas-1{
    font-size: 18px;
}
.title-areas-2{
    font-size: 18px;
}
/* B   R   A   N   D    P   R   O   M   I   S   E    S   E   C   T   I   O   N */
.container-brand-promise-wci-ncd{
    height: 470px;
}
.brand-promise-wci-ncd{
    justify-content: center;
}
.detail-content-promise-wci-ncd-1{
    height: 78px;
    font-size: 24px;
}

/* V   A   L   U   E    S   E   C   T   I   O   N */
.container-uvp-wci-ncd{
    height: 680px;
}
.container-uvp-wci-ncd::after {
    height: 680px;
}
.card-uvp-wci-ncd{
    align-content: flex-start;
}
.card-content-uvp-wci-ncd{
    height: 130px;
}
.container-content-uvp-wci-ncd{
    gap: 10px;
}
.container-content-uvp-wci-ncd h2{
    font-size: 18px;
    line-height: 27px;
}
.card-content-uvp-wci-ncd h3{
    font-size: 18px;
}
/* L   I   N   E    P   R   O   D   U   C   T    P   A   G   E */
/* L   I   N   E    P   R   O   D   U   C   T    P   A   G   E */
.header-lp-wci-ncd{
    height: 400px;
}
.header-lp-wci-ncd::after{
    height: 400px;
}
.thin-title-lp-header{
    font-size: 27px;
    line-height: 36px;
}
.bold-title-lp-header{
    font-size: 27px;
    line-height: 36px;
}
/* LINE PRODUCT ROASTING SECTION */
.wow-roasting-product-wci-ncd{
    height: 450px;
}
.container-card-lp-wci-ncd{
    height: 85%;
}
.link-product-image {
    width: 220px;
    height: 220px;
}
.link-product-title {
    width: 300px;
}
.link-product-title h3{
    font-size: 18px;
}

/*A   R   A   B   I   C   A    M   A   N    S   E   C   T   I   O   N*/
.arabica-mandailing-coffee-indonesia-wci-ncd{
    height: 800px;
}
.container-content-detail-mandailing-wci-ncd{
    /* justify-content: center; */
    align-items: center;
}
.title-mandailing-wci-ncd{
    font-size: 16px;
}
.content-mandailing-wci-ncd{
    font-size: 15px;
}
.container-content-detail-mandailing-wci-ncd ul{
    width: 100%;
}

/* A   C   E   H    G   A   Y   O    S   E   C   T   I   O   N */
.container-aceh-gayo-wci-ncd{
    height: 850px;
}
.container-content-detail-aceh-gayo-wci-ncd h1{
    font-size: 36px;
}
.title-aceh-gayo-wci-ncd{
    font-size: 16px;
}
.content-aceh-gayo-wci-ncd{
    font-size: 15px;
}
.container-content-detail-aceh-gayo-wci-ncd ul{
    width: 100%;
}
/* L   I   N   T   O   N   G    S   E   C   T   I   O   N */
.lintong-coffee-indonesia-wci-ncd{
    height: 700px;
}
.container-content-detail-lt-wci-ncd{
    gap: 0px;
}
.container-content-detail-lt-wci-ncd h1{
    line-height: 50px;
    font-size: 36px;
}
.title-lintong-wci-ncd{
    font-size:16px
}
.content-lintong-wci-ncd{
    font-size: 15px
}
.container-content-detail-lt-wci-ncd ul{
    width: 100%;
}
/* S   P   E   C   I   A   L    B   L   E   N   D    S   E   C   T   I   O   N */
.container-specilablend-wci-ncd{
    height: 680px;
}
.container-content-detail-specilablend-wci-ncd h1{
    font-size: 36px;
}
.title-specilablend-wci-ncd{
    font-size:16px
}
.content-specilablend-wci-ncd{
    font-size:15px
}
.container-content-detail-specilablend-wci-ncd ul{
    width: 100%;
}
/* W   E   S   T    J   A   V   A    S   E   C   T   I   O   N */
.wj-coffee-indonesia-wci-ncd{
    height: 900px;
}
.container-content-detail-wj-wci-ncd h1{
    font-size: 36px;
}
.title-wj-wci-ncd{
    font-size:16px
}
.content-wj-wci-ncd{
    font-size:15px
}

/* T   O   R   A   J   A   S   E   C   T   I   O   N */
.container-toraja-wci-ncd{
    height: 900px;
}
.container-content-detail-toraja-wci-ncd h1{
    font-size: 36px;
}
.title-toraja-wci-ncd{
    font-size: 16px;
}
.content-toraja-wci-ncd{
    font-size: 15px;
}
/* E   X   P   E   R   I   A   N   C   E    S   E   C   T   I   O   N */
.experience-wci-ncd{
    height: 270px;
}
.content-detail-experience-wci-ncd{
    justify-content: space-evenly;
}
.word-experience-wci-ncd{
    width: 180px;
    font-size: 16px;
    line-height: 21px;
}
.detail-experience-wci-ncd{
    height: 162px;
}
.experience-word-wci-ncd{
    gap: 0px;
}
.experience-word-wci-ncd h2{
    font-size: 16px;
}
.experience-word-wci-ncd p{
    width: 90px;
    font-size: 12px;
}
.gambar-kanan-size-product-wci-ncd img{
    border-radius: 10px;
}
/* D   R   I   P    S   E   C   T   I   O   N */
.drip-section-wci-ncd{
    height: 1350px;
}
.drip-word-wci-ncd h2{
    font-size: 18px;
}
.content-drip-wci-ncd{
    justify-content: center;
}
.card-drip-wci-ncd{
    width: 250px;
    height: 250px;
}
.card-drip-wci-ncd img{
    padding: 0 0px;
    height: 200px;
    width: 200px;
}
.title-drip-bold-wci-ncd{
    font-size: 25px;
    text-align: center;
}
.title-drip-thin-wci-ncd{
    font-size: 22px;
}
.back-to-top-wci-ncd{
    width: 36px;
}
/* P    A    G    E     S    O    L    U    T    I    O    N */
/* P    A    G    E     S    O    L    U    T    I    O    N */
/* S   H   I   P   P   I   N   G    S   E   C   T   I   O   N */
.header-delivery-shipping-solution{
    height: 850px;
}
.content-header-wow-solution-wci-ncd h1{
    width: 75%;
    font-size: 45px;
}
/* W   O   W    M   O   M   E   N   T   S    S   E   C   T   I   O   N */
/* W   O   W    M   O   M   E   N   T   S    S   E   C   T   I   O   N */
.header-wow-moments-wci-ncd{
    height: 450px;
}
.content-title-header-wow-moments-wci-ncd h1{
    font-size: 45px;
}
.menu-header-wow-moments-wci-ncd button{
    font-size: 15px;
    width: 150px;
}
/* L   A   T   E   S   T    N   E   W   S    S   E   C   T   I   O   N */
.header-latest-news-wci-ncd{
    height: 360px;
}
.content-title-header-latest-news-wci-ncd h1{
    font-size: 45px;
}

/* D   E   T   A   I   L    N   E   W   S    S   E   C   T   I   O   N */
.detail-news-column-wci-ncd{
    height: 1180px;
}
/* LIST NEWS */
.title-news-wci-ncd{
    font-size: 14px;
}
 .container-box-detail-news-wci-ncd{
    height: 180px;
} 
/* CARD NEWS */
.content-card-news-wci-ncd{
    padding: 0 2%;
}
.container-image-slider-news-wci-ncd{
    justify-content: space-between;
}
.image-content-new-wci-ncd {
    width: 290px;
    height: 170px;
}
.container-image-slider-news-wci-ncd .arrow {
    width: 30px;
    height: 90px;
}

/* E   V   E   N   T    S   E   C   T   I   O   N */
.device-non-contet-event-wci-ncd{
    height: 550px;
}
.device-non-contet-event-wci-ncd::after{
    height: 550px;
}
.image-card-event-wci-ncd{
    width: 100%;
}
.temporary-content{
    height: 200px;
}
/* -------------- */
.container-event-news-wci-ncd{
    height: 1080px;
}
.container-card-and-title-event-news-wci-ncd{
    padding: 5% 1% 1% 1%;
}
.container-card-event-news-wci-ncd{
    width: 100%;
    height: 900px;
    gap: 5%;
}
.container-content-card-wci-ncd{
    width: 90%;
}
.image-card-event-wci-ncd{
    height: 180px;
}
/* P  O  P  U  P   I  M  A  G  E   C  A  R  D   N  E  W  S */
.lightbox-content{
    width: 400px;
    height: 200px;
}
/* C   A   T   A   L   O   G    M   A   C   H   I   N   E    P   A   G   E */
/* H   E   A   D   E   R    C   A   T   A    L   O   G    S   E   C   T   I   O   N */
.container-catalog-wow-solution-wci-ncd{
    flex-direction: column-reverse;
}
.content-catalog-wow-solution-wci-ncd{
    width: 100%;
    justify-content: center;
}
.content-catalog-wow-solution-wci-ncd h1{
    text-align: center;
}
.content-sub-title-catalog-wci-ncd{
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 1%;
}
.content-sub-title-catalog-wci-ncd p{
    text-align: center;
}
/* C   A   T   A   L   O   G    M   A   C   H   I   N   E    S   E   C   T   I   O   N */
.header-catalog-machine-1{
    height: 1000px;
}
.container-catalog-machine-1-solution-wci-ncd{
    flex-direction: column;
}
.content-catalog-machine-1-left-solution-wci-ncd{
    width: 100%;
}
.content-catalog-machine-1-left-solution-wci-ncd h1{
    width: 100%;
    text-align: center;
}
.content-catalog-machine-1-right-solution-wci-ncd{
    width: 100%;
}
/* --------------------------------------------------------------- */
.header-catalog-machine-2{
    height: 1000px;
}
.container-catalog-machine-2-solution-wci-ncd{
    flex-direction: column;
}
.content-catalog-machine-2-left-solution-wci-ncd{
    width: 100%;
}
.content-catalog-machine-2-right-solution-wci-ncd{
    width: 100%;
}
/* ------------------------------------------------------------------------------------------------ */
.header-catalog-machine-3{
    height: 1100px;
}
.content-catalog-machine-3-left-solution-wci-ncd{
    height: 540px;
}
}
/* @media screen and (max-width: 362px - 383px) (IPHONE 7 aja) */
/* @media screen and (max-width: 394px - 401px) (IPHONE 12 aja) */
@media screen and (max-width: 376px){
/* M   E   N   U    S   E   C   T   I   O   N */
.order-menu-toggle{
width: 70%;
}
/* H   E   A   D   E   R    S   E   C   T   I   O   N */
.content-items-wci-ncd{
    width: 270px;
}
/* S  E  C  T  I  O  N   C  O  F  F  E  E   I  N  D  O  N  E  S  I  A */
.container-coffee-indonesia-wci-ncd{
    height: 600px;
}
.container-content-coffee-indonesia-wci-ncd h1{
    font-size: 20px;
}

.container-content-coffee-indonesia-wci-ncd a{
    width: 200px;
    height: 40px;
}
/* F   O   O   T   E   R    S   E   C   T   I   O   N */
.container-footer-wci-ncd{
    height: 600px;
}
.logo-footer-wci-ncd img{
    width: 81px;
    height: 81px;
}
.social-media-footer-wci-ncd h4{
    font-size: 10px;
}
.copyright-wci-ncd p{
    font-size: 9px;
}
.social-media-footer-wci-ncd{
    height: 150px;
}
/* P   A   G   E    A   B   O   U   T    W   C   I */
/* P   A   G   E    A   B   O   U   T    W   C   I */
.header-about-wci-ncd{
    height: 550px;
}
.second-content-about-wci-ncd img{
    height: 550px;
}
.second-content-about-wci-ncd::after{
    height: 550px;
}
/* S  E  C  T  I  O  N   C  O  F  F  E  E   M   A   P*/
.container-coffee-map-wci-ncd{
    height: 240px;
}
.title-areas-1{
    font-size: 16px;
}
.title-areas-2{
    font-size: 16px;
}
/* B   R   A   N   D    P   R   O   M   I   S   E    S   E   C   T   I   O   N */
.detail-content-promise-wci-ncd-1{
    height: 54px;
    font-size: 16px;
}
/* V   A   L   U   E    S   E   C   T   I   O   N */
.container-uvp-wci-ncd{
    height: 550px;
}
.container-uvp-wci-ncd::after {
    height: 550px;
}
.container-content-uvp-wci-ncd{
    gap: 10px;
}
.container-content-uvp-wci-ncd h2{
    font-size: 18px;
    line-height: 27px;
}
.card-content-uvp-wci-ncd{
    height: 100px;
}
.card-content-uvp-wci-ncd h3{
    font-size: 18px;
}
.card-content-uvp-wci-ncd p{
        font-size: 12px;
}
/* L   I   N   E    P   R   O   D   U   C   T    P   A   G   E */
/* L   I   N   E    P   R   O   D   U   C   T    P   A   G   E */
.thin-title-lp-header{
    font-size: 18px;
    line-height: 27px;
}
.bold-title-lp-header{
    font-size: 18px;
    line-height: 27px;
}
/* LINE PRODUCT ROASTING SECTION */

.link-product-title {
    width: 270px;
}
.link-product-image {
    width: 200px;
}
/*A   R   A   B   I   C   A    M   A   N    S   E   C   T   I   O   N*/
.arabica-mandailing-coffee-indonesia-wci-ncd{
    height: 780px;
}
.container-content-detail-mandailing-wci-ncd{
    justify-content: unset;
}
.container-content-detail-mandailing-wci-ncd h1{
    font-size: 27px;
}
.title-mandailing-wci-ncd{
    font-size: 16px;
}
.content-mandailing-wci-ncd{
    font-size: 16px;
}


/* A   C   E   H    G   A   Y   O    S   E   C   T   I   O   N */
.container-aceh-gayo-wci-ncd{
    height: 890px;
}
.container-content-detail-aceh-gayo-wci-ncd{
    justify-content: unset;
}
.container-content-detail-aceh-gayo-wci-ncd h1{
    font-size: 27px;
}
.title-aceh-gayo-wci-ncd{
    font-size: 16px;
}
.content-aceh-gayo-wci-ncd{
    font-size: 16px;
}

/* L   I   N   T   O   N   G    S   E   C   T   I   O   N */
.lintong-coffee-indonesia-wci-ncd{
    height: 800px;
}
.container-content-detail-lt-wci-ncd h1{
    font-size: 27px;
}
.title-lintong-wci-ncd{
    font-size: 16px;
}
.content-lintong-wci-ncd{
    font-size: 16px;
}
/* S   P   E   C   I   A   L    B   L   E   N   D    S   E   C   T   I   O   N */
.container-specilablend-wci-ncd{
    height: 660px;
}
.container-content-detail-specilablend-wci-ncd h1{
    font-size: 27px;
}
.title-specilablend-wci-ncd{
    font-size: 16px;
}
.content-specilablend-wci-ncd{
    font-size: 16px;
}
/* W   E   S   T    J   A   V   A    S   E   C   T   I   O   N */
.wj-coffee-indonesia-wci-ncd{
    height: 890px;
}
.container-content-detail-wj-wci-ncd h1{
    font-size: 27px;
}
.title-wj-wci-ncd{
    font-size: 16px;
}
.content-wj-wci-ncd{
    font-size: 16px;
}
/* T   O   R   A   J   A   S   E   C   T   I   O   N */
.container-toraja-wci-ncd{
    height: 890px;
}
.container-content-detail-toraja-wci-ncd h1{
    font-size: 27px;
}
.title-toraja-wci-ncd{
    font-size: 16px;
}
.content-toraja-wci-ncd{
    font-size: 16px;
}
/* E   X   P   E   R   I   A   N   C   E    S   E   C   T   I   O   N */

.experience-word-wci-ncd p{
    width: 80px;
}
/* P    A    G    E     S    O    L    U    T    I    O    N */
/* P    A    G    E     S    O    L    U    T    I    O    N */
/* S   H   I   P   P   I   N   G    S   E   C   T   I   O   N */
.content-delivery-shipping-solution-wci-ncd h1{
    font-size: 27px;
    line-height: 36px;
}

/* W   O   W    M   O   M   E   N   T   S    S   E   C   T   I   O   N */
/* W   O   W    M   O   M   E   N   T   S    S   E   C   T   I   O   N */
.menu-header-wow-moments-wci-ncd button{
    font-size: 14px;
}

/* L   A   T   E   S   T    N   E   W   S    S   E   C   T   I   O   N */
.content-title-header-latest-news-wci-ncd h1{
    font-size: 36px;
}
.content-title-header-latest-news-wci-ncd p{
    width: 80%;
}
/* D   E   T   A   I   L    N   E   W   S    S   E   C   T   I   O   N */
.image-incard-news{
    object-position: left;
}
.container-box-detail-news-wci-ncd{
    height: 220px;
} 
/* E   V   E   N   T    S   E   C   T   I   O   N */
.title-card-event-wci-ncd h1{
    font-size: 27px;
}
.judul-and-subjudul-event-wci-ncd{
    justify-content: space-evenly;
}
.detail-event-news-1-wci-ncd{
    height: 48%;
}
.detail-event-news-2-wci-ncd{
    height: 48%;
}
.image-card-event-wci-ncd img{
    width: 100%;
}
.judul-and-subjudul-event-wci-ncd h2{
    font-size: 14px;
}
.judul-and-subjudul-event-wci-ncd p{
    font-size: 12px;
}
/* P  O  P  U  P   I  M  A  G  E   C  A  R  D   N  E  W  S */
.lightbox-content img{
    object-position: left;
}
/* C   A   T   A   L   O   G    M   A   C   H   I   N   E    S   E   C   T   I   O   N */
.header-catalog-machine-1{
    height: 1200px;
}
/* -------------------------------------------------------- */
.header-catalog-machine-2{
    height: 1200px;
}
}



@media screen and (max-width: 352px){
/* M   E   N   U    S   E   C   T   I   O   N */
.order-menu-toggle a{
    font-size: 12px;
}
/* H   E   A   D   E   R    S   E   C   T   I   O   N */
.content-items-wci-ncd{
    width: 240px;
} 
/* B   R   A   N   D    P   R   O   M   I   S   E    S   E   C   T   I   O   N */
.detail-content-promise-wci-ncd-1{
    font-size: 14px;
}
/* B   R   A   N   D    P   R   O   M   I   S   E    S   E   C   T   I   O   N */
.detail-content-promise-wci-ncd-1{
    font-size: 16px;
}
/* V   A   L   U   E    S   E   C   T   I   O   N */
.container-uvp-wci-ncd{
    height: 580px;
}
.container-uvp-wci-ncd::after {
    height: 580px;
}

.card-content-uvp-wci-ncd{
    height: 110px;
}
/* LINE PRODUCT ROASTING SECTION */
.wow-roasting-product-wci-ncd{
    height: 360px;
}

.link-product-image {
    width: 200px;
    height: 200px;
}
.paginationdotdot-wci-ncd{
    bottom: 18px;
    align-items: center;
}
.paginationdotdot-wci-ncd span{
    height: 14px;
}
.paginationdotdot-wci-ncd .active{
    height: 14px;
}
/*A   R   A   B   I   C   A    M   A   N    S   E   C   T   I   O   N*/
.arabica-mandailing-coffee-indonesia-wci-ncd{
    height: 750px;
}
/* A   C   E   H    G   A   Y   O    S   E   C   T   I   O   N */
.container-aceh-gayo-wci-ncd{
    height: 870px;
}

 /* L   I   N   T   O   N   G    S   E   C   T   I   O   N */
 .lintong-coffee-indonesia-wci-ncd{
    height: 800px;
}
/* S   P   E   C   I   A   L    B   L   E   N   D    S   E   C   T   I   O   N */
.container-specilablend-wci-ncd{
    height: 650px;
}
/* T   O   R   A   J   A   S   E   C   T   I   O   N */
.container-toraja-wci-ncd{
    height: 900px;
}
/* E   X   P   E   R   I   A   N   C   E    S   E   C   T   I   O   N */
.experience-word-wci-ncd h2{
    font-size: 14px;
}
.experience-word-wci-ncd p{
    width: 70px;
}

/* W   O   W    M   O   M   E   N   T   S    S   E   C   T   I   O   N */
/* W   O   W    M   O   M   E   N   T   S    S   E   C   T   I   O   N */

/* D   E   T   A   I   L    N   E   W   S    S   E   C   T   I   O   N */
.detail-news-column-wci-ncd{
    height: 1180px;
}

/* LIST NEWS */

/* CARD NEWS */
.container-card-news-wci-ncd{
    justify-content: unset;
    height: 50%;
}.card-news-wci-ncd{
    height: 49%;
}
/* E   V   E   N   T    S   E   C   T   I   O   N */

.title-card-event-wci-ncd h1{
    font-size: 27px;
}

}


@media screen and (max-width: 320px){
 /* S  E  C  T  I  O  N   C  O  F  F  E  E   I  N  D  O  N  E  S  I  A */
.container-coffee-indonesia-wci-ncd{
    height: 600px;
}
.container-content-coffee-indonesia-wci-ncd h1{
    font-size: 18px;
}
.container-content-coffee-indonesia-wci-ncd p{
    font-size: 16px;   
    letter-spacing: 0px;
}
.container-content-coffee-indonesia-wci-ncd a{
    width: 200px;
    height: 40px;
}
/* F   O   R   M    S   E   C   T   I   O   N */
.form-input-coffee-wci-ncd form p{
    font-size: 9px;
}
/* F   O   O   T   E   R    S   E   C   T   I   O   N */
.social-media-footer-wci-ncd h4{
    font-size: 8px;
}
.social-media-footer-wci-ncd{
    height: 120px;
}
/* P   A   G   E    A   B   O   U   T    W   C   I */
/* P   A   G   E    A   B   O   U   T    W   C   I */
.first-content-about-wci-ncd h2{
    font-size: 12px;
}
/* S  E  C  T  I  O  N   C  O  F  F  E  E   M   A   P*/
.container-coffee-map-wci-ncd{
    height: 200px;
}
.title-areas-1{
    font-size: 14px;
}
.title-areas-2{
    font-size: 14px;
}
/* B   R   A   N   D    P   R   O   M   I   S   E    S   E   C   T   I   O   N */
.container-brand-promise-wci-ncd{
    height: 450px;
}
/* LINE PRODUCT ROASTING SECTION */

.link-product-title {
    width: 200px;
}
.link-product-title h3{
   font-size: 18px;
}
.link-product-image {
    width: 180px;
}
.paginationdotdot-wci-ncd{
    bottom: 27px;
}
.paginationdotdot-wci-ncd span{
    height: 10px;
}
.paginationdotdot-wci-ncd .active{
    height: 10px;
}
/* E   X   P   E   R   I   A   N   C   E    S   E   C   T   I   O   N */
.experience-wci-ncd{
    padding-left: 2%;
}
.content-detail-experience-wci-ncd{
        padding-left: 0;
}
/*A   R   A   B   I   C   A    M   A   N    S   E   C   T   I   O   N*/
.container-content-detail-mandailing-wci-ncd ul{
    width: 280px;
}
/* A   C   E   H    G   A   Y   O    S   E   C   T   I   O   N */
.container-aceh-gayo-wci-ncd{
    height: 870px;
}
.container-content-detail-aceh-gayo-wci-ncd ul{
    width: 280px;
}

 /* L   I   N   T   O   N   G    S   E   C   T   I   O   N */
 .lintong-coffee-indonesia-wci-ncd{
    height: 720px;
}
 /* W   E   S   T    J   A   V   A    S   E   C   T   I   O   N */
 .wj-coffee-indonesia-wci-ncd{
    height: 880px;
 }
/* E   V   E   N   T    S   E   C   T   I   O   N */
.device-non-contet-event-wci-ncd{
    height: 500px;
}
.device-non-contet-event-wci-ncd::after{
    height: 500px;
}
.temporary-content{
    font-size: 12px;
}

}