/* 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);
}
/* setup body */

*, html, body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

/* M   E   N   U    S   E   C   T   I   O   N */
.container-menu-wci-ncd{
    width: 100%;
    height: 170px;
    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: -25px;
    /* background-color: darkgoldenrod; */
}
.logo-image-menu-wci-ncd{
    width: 20%;
    height: 100%;
    display: flex;
    padding-left: 2%;
    align-items: center;
    /* background-color:violet; */
}
.logo-image-menu-wci-ncd img{
    width: 45%;
    height: 80%;
    object-fit: fill;
    margin-left: 20%;  
    z-index: 999; 
    /* background-color: tomato; */
}
 .listmenu-drop-wci-ncd{
    width: 50%;
    height: 100vh;
    right: -20%;
    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; */
}
.socmed-icon-menu{
    display: flex;
    height: 6%;
    justify-content: end;
    gap: 10%;
    margin-top: 50px;
}
.socmed-icon-menu a {
    height: 100%;
    width: 15%;
    /* background-color: yellow; */
}
.listmenu-drop-wci-ncd li a{
    font-size: 27px;
    text-decoration: none;
    color: black;
    font-family: 'poppins-regular', arial, sans-serif;
}
.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);
}
.order-menu-toggle{
    width: 60%;
    height: 65%;
    display: flex;
    justify-content: center;
    gap: 10%;
    align-self:self-end ;
    /* background-color: red; */
}
.order-menu-toggle img{
    /* width: 35%; */
    height: 30%;
    /* background-color:black; */
}
.order-menu-toggle a{
    height: 35%;
    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;
    height: 65%;
    width: 40px;
    gap: 3%;
    align-items: end;
    /* background-color: aliceblue; */
}
.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(4px, -3px);
    width: 36px;
}
.hamburger-menu-wci-ncd input:checked ~ span:nth-child(4){
    transform: rotate(-45deg) translate(-5px, 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: aliceblue; */
}
.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: 72px;
    /* 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: #194A49; */
}
.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;
}
.mci-ncd-button-one:hover{
    background-color:#823205;
    color:#FFCBCB;
}
.mci-ncd-button-two{
    cursor: pointer;
    background-color:#FFCBCB;
}
.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;
}
.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 img{
    width: 100%;
    height: 100%;
    object-fit: fill;
    position: relative;
}
.image-third-column-wci-ncd a{
    width: 50%;
    height: 60%;
    position: relative;
}
.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;
}
.mci-ncd-button-one-secondslider{
    background-color: #FBB220;
}
.mci-ncd-button-one-secondslider:hover{
    background-color: #194A49;
    color: #FBB220;
}

/* ------------------------------------------------------ */
.content-third-slider-wci-ncd{
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 15% 0 0 5%;
    background-color:#f7efec;
}
.content-third-slider-wci-ncd h1{
    text-align: justify;
    color:#194949;
    line-height: 40px;
    /* letter-spacing: 4.5px; */
    /* margin-bottom: 15%; */
    /* background-color: yellow; */
}
.title-1{
    font-size: 36px;
    font-family: 'poppins-thin', arial, sans-serif;
}
.title-2{
    font-size: 36px;
    font-family: 'poppins-bold', arial, sans-serif;
    font-weight: 100;
}
.title-3{
    font-size: 36px;
    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;
}
.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;
    font-family: 'poppins-light', arial, sans-serif;
}
.mci-ncd-button-one-thirdslider{
    background-color:#194949;
}
.mci-ncd-button-one-thirdslider:hover{
    background-color:#AA70BE;
    color:#194A49;
}
.image-second-column-wci-ncd{
    width: 50%;
    height: 100%;
    display: flex;
}
.image-second-column-wci-ncd img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}

/* 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; */
}
.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;
    /* background-color: grey; */
}
.container-content-profile-wci-ncd img{
    width: 30%;
    height: 30%;
    object-fit: cover;
}
.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%;
}

.container-image-profile-wci-ncd video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
    /* background-color: #FBB220; */
}

/* 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;
    /* background-color: #AA70BE; */
}
.gambar-kiri-coffee-wci-ncd{
    width: 50%;
    height: 100%;
    padding: 0 5%;
    /* background-color:#194A49; */
}
.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%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 2% 5%;
    gap: 4%;
    /* background-color: brown; */
}
.form-input-coffee-wci-ncd 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 p{
    font-size: 12px;
    font-family:'poppins-light', arial, sans-serif;
    color: white;
    text-align: center;
}

.form-input-coffee-wci-ncd input{
    height: 15%;
    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;
}


.subject-box{
    width: 100%;
    height: 55%;
    font-size: 18px;
    color: white;
    border: white solid;
    background: transparent;
}
.subject-box::placeholder{
    width: 100%;
    height: 100%;
    color:#FFCBCB;
    font-size: 14px;
    font-family: 'poppins-regular', arial, sans-serif;
}

.name-box{
    width: 48%;
    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%;
    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;
}
/* 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% 0 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: cover;
}
.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{
    text-decoration: none;
    color:#5B4E4E;
    font-size: 16px;
    font-family:'poppins-reguler', arial, sans-serif;
}
.alamat-kantor-wci-ncd img{
    width: 15px;
    height: 15px;
    margin-top: 3px;
    margin-right: 3px;
    filter: #5B4E4E;
    align-items: center;
}
.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-bold', 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;
}
.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: #5B4E4E;
    font-size: 12px;
    font-family:'poppins-light', 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%;
}
.first-content-about-wci-ncd h2{
    font-size: 18px;
    font-family: 'poppins-reguler', arial, sans-serif;
    text-align: justify;
    line-height: 22px;
    color: #fecdc6;
}
.first-content-about-wci-ncd p{
    font-family: 'poppins-light', arial, sans-serif;
    text-align: justify;
    color: whitesmoke;
}
.second-content-about-wci-ncd{
    width: 50%;
    height: 100%;
    border-radius: 30px;
    padding: 10% 6% 5% 0;
}
.second-content-about-wci-ncd img{
    width: 100%;
    height: 100%;
    border-radius: 30px;
    object-fit: cover;
    
}

/* 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;
    /* background-color: grey; */
}
.container-content-team-profile-wci-ncd h1{
    color: #194A49;
    font-family: 'poppins-light', arial, sans-serif;
    font-size: 45px;
}
.bold-team{
    color: #FBB220;
    font-family: 'poppins-bold', arial, sans-serif;
    font-size: 45px;
}
.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: 14% 2% 0 8%;
    /* gap: 1%; */
    flex-wrap: wrap;
    display: flex;
    /* background-color: #AA70BE; */
}
.card-profile-wci-ncd{
    width: 50%;
    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;
}

/* 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-direction: column;
    /* background-color: #194A49; */
}
.container-content-coffee-map-wci-ncd img{
    width: 100%;
    height: 70%;
    object-fit: fill;
}
.address-office-wci-ncd{
    width: 100%;
    height: 30%;
    display: flex;
    justify-content: space-between;
    /* background-color:violet; */
}
.title-areas-wci-ncd{
    width: 40%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.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 img{
    width: 100%;
    height: 100%;
    border-radius: 0% 100% 100% 0% / 0% 100% 0% 100%;
    object-fit:cover;
    /* object-position:  */
    /* background-color: tomato; */
}
.brand-promise-wci-ncd{
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    /* background-color: brown; */
}
.brand-promise-wci-ncd h2{
    width: 100%;
    font-size: 63px;
    letter-spacing: 5px;
    line-height: 70px;
}
.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;
}
.detail-content-promise-wci-ncd-1{
    width: 90%;
    font-size: 27px;
    font-family:'poppins-light', arial, sans-serif;
    color: white;
}
.detail-content-promise-wci-ncd-2{
    width: 90%;
    font-size: 16px;
    font-family:'poppins-light', arial, sans-serif;
    color: white;
}
/* 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; */
}
.uvp-wci-ncd{
    width: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
}
.uvp-wci-ncd h2{
    font-family:'poppins-regular', arial, sans-serif;
    color:whitesmoke;
    width: 100%;
    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;
}
.container-content-header-lp-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    /* background-color: aqua; */
}

.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;
}
/* 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%;
    padding: 6% 5%;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10%;
    justify-content: space-evenly;
    /* background-color: violet; */
}

.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%;
}
.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;
}
.content-mandailing-wci-ncd{
    margin-top: 10%;
    color: #f7efec;
    font-size: 18px;
    font-family: 'poppins-regular', arial, sans-serif;
    font-weight: 500;
}
.container-content-detail-mandailing-wci-ncd ul{
    margin-top: 9%;
    width: 400px;
}
.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;
}
.gambar-kanan-mandailing-wci-ncd{
    width: 40%;
    height: 100%;
    padding: 2% 0;
    /* background-color:#194A49; */
}
.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;
}
.content-aceh-gayo-wci-ncd{
    margin-top: 10%;
    color: #f7efec;
    font-size: 18px;
    font-family: 'poppins-regular', arial, sans-serif;
    font-weight: 500;
}
.container-content-detail-aceh-gayo-wci-ncd ul{
    margin-top: 9%;
    width: 400px;
}
.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;
}
.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;
}
.content-lintong-wci-ncd{
    margin-top: 10%;
    color: #f7efec;
    font-size: 18px;
    font-family: 'poppins-regular', arial, sans-serif;
    font-weight: 500;
}
.container-content-detail-lt-wci-ncd ul{
    margin-top: 9%;
    width: 400px;
}
.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;
}
.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;
}
.content-specilablend-wci-ncd{
    margin-top: 10%;
    color: #f7efec;
    font-size: 18px;
    font-family: 'poppins-regular', arial, sans-serif;
    font-weight: 500;
}
.container-content-detail-specilablend-wci-ncd ul{
    margin-top: 9%;
    width: 400px;
}
.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;
}
.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;
}
.content-wj-wci-ncd{
    margin-top: 10%;
    color: #f7efec;
    font-size: 18px;
    font-family: 'poppins-regular', arial, sans-serif;
    font-weight: 500;
}
.container-content-detail-wj-wci-ncd ul{
    margin-top: 9%;
    width: 400px;
}
.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;
}
.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;
}
.content-toraja-wci-ncd{
    margin-top: 10%;
    color: #f7efec;
    font-size: 18px;
    font-family: 'poppins-regular', arial, sans-serif;
    font-weight: 500;
}
.container-content-detail-toraja-wci-ncd ul{
    margin-top: 3%;
    width: 400px;
}
.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;
}
.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;
    /* gap: 1%; */
    /* 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: 55%;
    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;
}
.experience-word-wci-ncd h2{
    color:#194A49;
    font-size: 22px;
    font-family: 'poppins-bold', arial, sans-serif;
    /* background-color: whitesmoke; */
}
.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%;
}
.drip-word-wci-ncd{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-left: 5%;
    gap:20px;
    justify-content: center;
}
.drip-word-wci-ncd h2{
    color:#f7efec;
    font-size: 27px;
    text-align: center;
    margin-top: 2%;
    letter-spacing: 2px;
    font-family: 'poppins-thin', arial, sans-serif;
    /* background-color: whitesmoke; */
}
.back-to-top-wci-ncd{
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 4%;
    height: 8,5%;
    z-index: 99;
    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: 20%;
    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%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: end;
}
.content-sub-title-header-wci-ncd p{
    width: 40%;
    font-size: 18px;
    text-align: center;
    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: 100%;
    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: 20%;
    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: 100%;
    height: 100%;
    padding-bottom: 10%;
    padding-left: 5%;
    position: relative;
    display: flex;
    align-items: end;
}
.content-sub-title-catalog-wci-ncd p{
    width: 30%;
    font-size: 18px;
    text-align: left;
    font-family: 'poppins-light', arial, sans-serif;
    color: #FFCBCB;
}
/* 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;
}

.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: #AA70BE; */
}
.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: violet; */
}
.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;
}
.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;
}
/* ------------------------------------------------------------------------------------------------------------------------------- */
.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;
}

.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%;
    background-color: tomato;
    align-self: center;
}
.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:#594444; */
}
.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;
}
.catalog-1-machine-2-right-solution-wci-ncd p{
    font-family: 'poppins-light', arial, sans-serif;
    color:#194A49;
    font-size: 14px;
    width: 350px;
}
.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;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */
.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;
    background-color: tomato;
    align-self: center;
}
.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:#5B4E4E;
}
.title-catalog-machine-3-left-wci-ncd{
    width: 100%;
    height: 8%;
    /* 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;
}
.p1-3-machine-3-right-solution-wci-ncd{
    font-family: 'poppins-light', arial, sans-serif;
    color:whitesmoke;
    font-size: 14px;
    width: 350px;
}
.p2-3-machine-3-right-solution-wci-ncd{
    font-family: 'poppins-light', arial, sans-serif;
    color:#FBB220;
    font-size: 14px;
    width: 350px;
}
/* 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: flex-end;
    align-items: center;
    gap: 25%;
    padding-bottom: 5%;
    position: relative;
    /* background-color: aliceblue; */
}
.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: aliceblue; */
}
.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:whitesmoke;
}
.container-list-news-wci-ncd{
    width:50%;
    height: 100%;
    display: flex;
    padding: 0 2%;
    flex-direction: column;
    justify-content: space-between;
    /* background-color: #AA70BE; */
}
.container-list-news-wci-ncd::-webkit-scrollbar{
    display: none;
}

.button-list-news-wci-ncd{
    display: flex;
    width: 100%;
    height: 5%;
    gap: 1%;
    align-items: center;
    /* background-color: yellow; */
}
.button-list-news-wci-ncd button{
    text-decoration: none;
    color:#3b8d89;
    font-size: 12px;
    cursor: pointer;
    font-family:'poppins-regular', arial, sans-serif;
}
.divider-button-news-wci-ncd{
    width: 0.2%;
    height: 60%;
    background-color:#3b8d89;
}

.content-list-news-wci-ncd{
    width: 100%;
    height: 93%;
    /* display: flex;
    flex-direction: column; */
    /* flex-wrap: wrap; */
    gap: 4%;
    overflow-y:scroll;
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    
}
.content-list-news-wci-ncd::-webkit-scrollbar{
    display: none;
}

.container-box-detail-news-wci-ncd{
    width: 100%;
    height: 40%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    scroll-snap-align: start;
    border-bottom:solid 2px #FFCBCB;
    /* background-color: tomato; */
}
.container-box-detail-news-wci-ncd a{
    height: 100%;
    text-decoration: none;
    color: #3b8d89;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* background-color: #FBB220; */
}
.container-box-detail-news-wci-ncd a:hover, 
.container-box-detail-news-wci-ncd a.mulai{
    color:#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;
}
.subtitle-news-wci-ncd{
    width: 90%;
    text-decoration: none;
    font-family:'poppins-regular', arial, sans-serif;
    font-size: 16px;
}
.list-date-wci-ncd{
    font-family:'poppins-regular', arial, sans-serif;
    font-size: 14px; 
}

/* -------------------------------------------------------------------------------------------- */
.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;
    /* background-color: chartreuse; */
}
.container-card-news-wci-ncd::-webkit-scrollbar{
    display: none;
}
.card-news-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    /* scroll-snap-align: start; */
    /* background-color: blue; */

}
.content-card-news-wci-ncd{
    width: 80%;
    height: 100%;
    display: flex;
    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;
}
.content-card-news-wci-ncd p{
    font-family: 'poppins-regular', arial, sans-serif;
    color:#823205;
    font-size: 12px;
    text-align: justify;
}
.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-x:scroll;
    scroll-behavior: smooth;
    /* scroll-snap-type: x mandatory; */
    scrollbar-width: none;
    -ms-overflow-style: none;
    background-color: #194A49;
}
.image-content-new-wci-ncd::-webkit-scrollbar{
    display: none;
}
.image-inews-glider{
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 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 */

button {
    appearance: none;
    background: transparent;
    border: 0;
    outline:0;
  } 

.arrow {
    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 */

/* E   V   E   N   T    S   E   C   T   I   O   N */
.container-event-news-wci-ncd{
    width: 100%;
    height: 100vh;
    display: flex;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-color: #3b8d89; */
}
.container-event-news-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;

}
.title-card-event-wci-ncd p{
    width: 50%;
    text-align: center;
    font-size: 20px;
    color: white;
    font-family: 'poppins-regular', Arial, sans-serif; 
}
.container-card-event-news-wci-ncd{
    /* width: 100%; */
    height: 70%;
    display: flex;
    padding: 0 5%;
    justify-content: center;
    /* background-color:tomato; */
}
.temporary-content{
    margin-top: 9%;
    width: 80%;
    text-align: center;
    font-size: 17px;
    color: white;
    font-family: 'poppins-light', Arial, sans-serif;
}
.container-content-card-wci-ncd{
    width: 100%;
    height: 100%;
    display: flex;
    gap: 7%;
    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:start; */
    /* 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 */
.listmenu-drop-wci-ncd{
    gap: 5%;
}  
/* H   E   A   D   E   R    S   E   C   T   I   O   N */
.title-header-wci-ncd h1{
    font-size: 54px;
}
/* P   R   O   F   I   L   E    S   E   C   T   I   O   N */
.container-content-profile-wci-ncd{
    padding-right: 0;
}
.container-content-profile-wci-ncd img{
width: 100px;
}
/* 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 p{
font-size: 23px;
}
/* F   O   R   M    S   E   C   T   I   O   N */
.form-input-coffee-wci-ncd h2{
    font-size: 36px;
}
/* F   O   O   T   E   R    S   E   C   T   I   O   N */
.logo-footer-wci-ncd{
    width: 100px;
    height: 100px;
}
.alamat-kantor-wci-ncd{
    gap: 20px;
}
.alamat-kantor-wci-ncd h1{
    font-size: 20px;
}
.alamat-kantor-wci-ncd p{
    font-size: 14px;
}
.page-group-footer-wci-ncd{
    gap: 5%;
}
.page-group-footer-wci-ncd h1 a{
    font-size: 20px;
}
.social-media-footer-wci-ncd h2{
    font-size: 20px;
}
.icon-socmed-wci-ncd img{
    width: 20px;
    height: 25px;
}
.copyright-wci-ncd{
    height: 5%;
}
.copyright-wci-ncd img{
    width: 15px;
    height: 15px;
}
.copyright-wci-ncd p{
    font-size: 14px;
}
}

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

}