:root{
    --bs-body-font-family : "Noto Sans", sans-serif;
    --bs-body-font-size : 16px;
    --bs-body-line-height : 28px;
    --bs-body-bg : #FAF9F6; 
    --darkest-green-wismilak : #1A4D2E;
    --dark-green-wismilak: #306846;
    --white-web : #FAF9F6;
    --black-text : #343434; 
    --wismilak-gold: #C4A901;    
    --ivory-white: #FAF3E3;
    --pastel-gold: rgba(196,169,1,0.6);
    --soft-gold: rgba(196,169,1,0.3);
    --dark-gold: #C4A901;
    font-size: 16px;
}

*{backface-visibility: hidden;}
html, body{height: 100%; width: 100%; font-family: "Noto Sans", sans-serif; font-optical-sizing: auto; color: #343434; font-weight: 300; line-height:30px; background-color: var(--white-web);  }
body{overflow-x: hidden !important;}
b{font-weight: 600;}
h1{font-family: "Marcellus", serif;}
h2{font-size: 1.75rem; font-family: "Marcellus", serif;}

a{transition: all 0.5s; padding-right: 0px;}
a.btn-goto:after{content:" "; padding-left: 0px; transition: all 0.5s; opacity: 0;}
a.btn-goto:hover:after{content:"➔"; padding-left: 7px; opacity: 1;}
a.btn-goto.btn-big{background-color: var(--darkest-green-wismilak); color: var(--white-web); font-weght:600; font-size: 1.1rem; padding: 12px 40px;}
a.btn-icon img{transition: all 0.5s; padding-right: 5px;}
a.btn-icon:hover img{transform: scale(1.3);}

.mw-1000{max-width: 1000px;}
.mw-800{max-width: 800px;}
.pb-50{padding-bottom: 50px;}
.pt-100{padding-top:100px}
.py-100{padding-top: 100px; padding-bottom: 100px;}
.mt--80{margin-top: -80px;}
.mt-100{margin-top: 100px;}
.radius-20{border-radius: 20px; overflow: hidden;}
.font-white{color: var(--white-web);}
.font-golden{color: var(--wismilak-gold);}
.font-darkgold{color: var(--dark-gold);}
.bg-golden{background-color: var(--wismilak-gold);}
.bg-pastelgold{background-color: var(--pastel-gold);}
.bg-softgold{background-color: var(--soft-gold);}
.bg-darkgold{background-color: var(--dark-gold);}
.bg-black{background-color: #000000;}
.bg-ivory{background-color: var(--ivory-white);}
.bg-dark-green{background-color: var(--dark-green-wismilak);}
.bg-darkest-green{background-color: var(--darkest-green-wismilak) !important;}
.bg-forest{background-image: url(../images/bg-infosaham.jpg); background-size: cover; color: #FFF;}

.semi-round{border-top-right-radius: 30px; border-bottom-left-radius: 30px;}
.section-links{margin-top: 50px; text-align: center;}
.section-links a{border: 1px solid var(--darkest-green-wismilak); padding: 8px 30px; text-decoration: none; color: var(--darkest-green-wismilak); border-radius: 25px;}
.section-links a.pdf:before{content: url('../images/ico-pdf.svg'); margin-right: 10px; top: 3px; position: relative;}
.filter {font-size: 1.1rem; display: flex; align-items: center; margin-bottom: 20px;}
.filter select{display: inline; font-size: 1.15rem;padding: 0.675em 6em 0.675em 1em;background-color: transparent; border: 1px solid #000;border-radius: 0.25rem;;cursor: pointer; background-color: transparent; margin-left: 15px; border-radius: 0px; text-align: left;}
.filter input[type="text"]{margin-top: 30px; background-color: transparent; border:0px; border-bottom: 1px solid #000; color: var(--black-text); min-width: 300px}
.filter input:focus-visible{box-shadow: none; border:0px}
.filter p{margin-bottom: 0px;}

.section{padding-top: 50px; padding-bottom: 50px;}
.half-section{background: linear-gradient(90deg, #1A4D2E 0%, #1A4D2E 50.01%, #306846 50.04%, #306846 50.08%);}
ul.font-big{list-style: none; padding-left: 0px;}
ul.font-big li{font-size: 30px; border-top: 1px solid #000; padding: 25px 0px; margin-right: 30px; line-height: 40px;}
ul.font-big li:last-child{border-bottom: 1px solid #000;}

.pdf-cta{display: flex; }
.pdf-cta a{border: 1px solid #FFF; border-right: 0px; padding: 10px 20px; text-decoration: none; color: #FFF; font-size: 0.9rem;}
.pdf-cta a:last-child{border-right:1px solid #FFF}

.logo-area{position: fixed; left:1vw; z-index: 9; padding: 10px; background-color: rgba(26,77,46,0.7); border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;}
.logo-area img{max-width: 100px; }
nav.navbar{padding: 30px; border-bottom-left-radius: 10px;box-shadow: 0px 0px 8px 0px rgba(50,50,50,0.5);}
.navbar .language-selector.inner{display: none;}
.navbar.bg-dark{background-color: var(--darkest-green-wismilak) !important}
.navbar.fixed-top{left:auto;}
.navbar .navbar-toggler{border: 0px;}
.navbar-toggler:focus{box-shadow: none;}
.navbar-nav .nav-link{font-family: "Marcellus", serif; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 3px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 15px 0px;}
.navbar-nav .nav-link.dropdown-toggle{color: #FFFFFF;}
.navbar .offcanvas-body{padding: 30px ;}
.navbar .dropdown-menu.dropdown-menu-dark{background-color: transparent; border:0px; padding-left: 15px;}
.navbar .dropdown-menu li a{font-family: "Marcellus", serif; text-transform: uppercase; font-size: 1.1rem; color: var(--wismilak-gold); padding: 15px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); letter-spacing: 2px;}
.navbar .dropdown-menu li a:hover{background-color: transparent;}
.navbar span.menu-text{color: var(--white-web); font-size: 14px;}
.navbar .home-link{padding-right: 20px;}
.navbar .home-link img{height: 25px;}
.navbar .language-selector{border:1px solid #FFF; border-radius: 20px; padding: 3px 15px 5px 15px; color: #FFF; margin-right: 15px;}
.navbar .language-selector a{text-decoration: none; font-size: 14px; color: var(--white-web); }
.navbar .language-selector a.selected{color: var(--wismilak-gold);}
.navbar-toggler-icon{background-image: url(../images/ico-menu.svg);}

.banner-container{height: 100vh; position: relative; width: 100%;}
.banner-wrapper{position: relative;}
.banner-wrapper .background{position: absolute; background-size: cover; width: 100%; height: 100%; position: relative; background-repeat: no-repeat; background-position: 48% 50%; left:0px; top:0px; transition: all 5s !important;}
.banner-wrapper.transition{transition: all 3s !important;}
.banner-wrapper.active .background{background-size: cover; transform: scale(1.1);}
.banner-container .caption-wrapper{position: absolute; bottom: 20%; left: -50%; background-color: rgb(26,77,46,0.6); padding: 30px; max-width: 650px; transition: all 0.5s;}
.banner-container .caption-wrapper.show{left:5%}
.banner-container .caption-wrapper .title{font-family: "Marcellus", serif; font-size: 2rem; color: var(--white-web); text-transform: uppercase; line-height: 3rem;}
.banner-container .caption-wrapper .link{margin-top: 20px;}
.banner-container .caption-wrapper .link a{border: 1px solid var(--white-web); border-radius: 25px; padding: 10px 30px; color: var(--white-web); text-decoration: none; font-size: 14px;}
.banner-container .slick-slider, .banner-container .slick-list, .banner-container .slick-track{height: 100%;}

.home-story{padding-top: 150px; padding-bottom:100px; background-color: var(--darkest-green-wismilak); background-image: url(../images/bg-text-homestory.png); background-repeat: no-repeat; background-position: left 50%;}
.home-story .wrapper{margin-bottom: 50px;}
.home-story .wrapper:nth-child(1){margin-bottom: 200px;}
.home-story .wrapper img{; border-radius: 20px;}
.home-story .wrapper .story{display: flex; align-items: center;}
.home-story .wrapper .story .title{color: var(--wismilak-gold); font-size: 2.5rem; font-family: "Marcellus", serif; text-transform: uppercase; padding-bottom: 20px; line-height: 3rem;;}
.home-story .wrapper .story .text{color: var(--white-web); font-size: 18px;}
.home-story .wrapper .story .link{margin-top: 25px;}
.home-story .wrapper .story .link a{text-transform: uppercase; font-family: "Marcellus", serif; border: 1px solid var(--wismilak-gold); border-radius: 30px; padding: 8px 30px; font-size: 1.25rem; text-decoration: none; color: var(--wismilak-gold);}
.home-story .container .wrapper:nth-child(even){display: flex; flex-direction: row-reverse;}
.home-story .img-rotating{left: -100px; bottom:-100px;animation: img-rotation 50s infinite linear;}
@keyframes img-rotation {
    from {transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.home-banner-product{background-size: cover; background-attachment: fixed; padding: 0px;}

.home-sustainability{padding-top: 100px; padding-bottom: 100px;}
.home-sustainability .description{display: flex; align-items: center;}
/* .home-sustainability .description h2{font-size: 3rem; padding-bottom: 30px; font-family: "Marcellus", serif; word-spacing: 100px;} */
.home-sustainability .description h2{font-size: 3rem; padding-bottom: 30px; font-family: "Marcellus", serif; }
.home-sustainability .description p{font-size: 18px; padding-bottom: 30px;}
.home-sustainability .description a{padding: 10px 40px; border: 1px solid var(--black-text); border-radius: 30px; text-decoration: none; color: var(--black-text);}
.home-sustainability .item-list .item{border:1px solid var(--wismilak-gold); padding-top: 100%; position: relative; margin-bottom: 1.5rem; border-radius: 10px;transition: all 1s;}
.home-sustainability .item-list > div:not(:first-child) .item .overlay{position: absolute; top:1rem; left: 1rem; width: 90%; height: 90%; border-radius: 10px; padding: 1.25rem; transition: all 0.5s;}
.home-sustainability .item-list > div:nth-child(2) .item .overlay{background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/bg-environment.jpg"); background-size: cover; transition: all 0.3s;}
.home-sustainability .item-list > div:nth-child(2) .item:hover .overlay{background: linear-gradient(0deg, rgba(26, 77, 46, 0.8), rgba(26, 77, 46, 0.8)), url("../images/bg-environment.jpg"); background-size: cover;}
.home-sustainability .item-list > div:nth-child(3) .item .overlay{background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/bg-social.jpg"); background-size: cover;}
.home-sustainability .item-list > div:nth-child(3) .item:hover .overlay{background: linear-gradient(0deg, rgba(26, 77, 46, 0.8), rgba(26, 77, 46, 0.8)), url("../images/bg-social.jpg"); background-size: cover;}
.home-sustainability .item-list > div:nth-child(4) .item .overlay{background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/bg-governance.jpg"); background-size: cover;}
.home-sustainability .item-list > div:nth-child(4) .item:hover .overlay{background: linear-gradient(0deg, rgba(26, 77, 46, 0.8), rgba(26, 77, 46, 0.8)), url("../images/bg-governance.jpg"); background-size: cover;}
.home-sustainability .item-list .item{transition: all 1s;}
.home-sustainability .item-list .item .overlay:hover{background: linear-gradient(0deg, rgba(26, 77, 46, 0.8), rgba(26, 77, 46, 0.8)), url("../images/bg-environment.jpg"); background-size: cover;}
.home-sustainability .item-list .item .overlay .logo{ margin-top: 30%; margin-left: 38%; transition: all 0.5s; }
.home-sustainability .item-list .item .overlay:hover .logo{margin-left: 0%; margin-top: 20%;}
.home-sustainability .item-list .item .overlay:hover .logo img{width: 50px;}
.home-sustainability .item-list .item .overlay h3{font-family: "Marcellus", serif; color: var(--white-web); text-align: center; margin-top: 10px; transition: all 0.5s;} 
.home-sustainability .item-list .item .overlay:hover h3{opacity: 0; height: 0; padding: 0px; margin: 2px;}
.home-sustainability .item-list .item .overlay .text{color: var(--white-web); opacity: 0; transition: all 0.5s; line-height:25px}
.home-sustainability .item-list .item .overlay:hover .text{opacity: 1;}
.home-sustainability .item-list > div:nth-child(1) .item .overlay{position: absolute; top:0px; left: 0px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;transition: all 1s; background-image: none;}

.home-career{background-color: var(--wismilak-gold);}
.home-career h2{color: var(--white-web); font-family: "Marcellus", serif; font-size: 3rem; padding-bottom: 20px;}
.home-career p{font-size: 18px; color: var(--white-web); margin-bottom: 50px;}
.home-career a{font-family: "Marcellus", serif; color: var(--white-web); border:1px solid var(--white-web); padding: 8px 30px; text-decoration: none; border-radius: 30px; font-size: 1rem;}
.home-career .left-side{padding-left: 8vw; padding-right: 5%; display: flex; align-items: center;}

.home-breakingnews{padding: 15px; text-align: center;}
.home-breakingnews a{color: var(--darkest-green-wismilak); text-decoration: none; font-size: 1.1rem;}
.home-breakingnews a:hover{text-decoration: underline;}

.home-latestnews{background-color: var(--darkest-green-wismilak); padding-top: 40px; padding-bottom:40px;}
.home-latestnews h2{font-size: 3rem; color: var(--white-web); padding-bottom: 30px;}
.home-latestnews .item{height: 100%; padding: 0px 20px;}
.home-latestnews .item a{color: var(--white-web); text-decoration: none; display: flex; flex-direction: column; height: 100%; flex:1}
.home-latestnews .item a .date{font-size: 0.9rem;}
.home-latestnews .item a .title{font-weight: 700; height: 90px;}
.home-latestnews .item a .link{font-size: 0.8rem; padding-top: 15px; color: var(--wismilak-gold); font-weight: 700;}

.page-header{height: 100%; width: 100%; position: relative;background-color: var(--darkest-green-wismilak)}
.page-header.half{height: 65%;}
.page-header.third{height: 50%;}
.page-header .img-wrapper{position: relative; width: 100%; height: 100%;  background-size:cover; background-attachment: fixed; background-position: center center; ;}  
.page-header .overlay{position: absolute; top:0px; left: 0px;  display: flex; justify-content: center; align-items: center; height: 100%; width: 100%;background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.4) 100%)}
.page-header.third .overlay{align-items: flex-end; justify-content: flex-start;}
.page-header .overlay .backstripe{position: absolute; left:0px; bottom: 0px; width: 65%; background: rgba(26, 77, 46, 0.6); height: 140px; border-top-right-radius: 20px;}
.page-header .overlay h1{color: var(--white-web); position:sticky; top:20%; padding-bottom: 50px; text-transform: uppercase; max-width: 900px; text-align: center; font-size: 3.25rem; text-transform: uppercase;}
.page-header.third .overlay h1{padding-bottom: 30px; font-size: 2.5rem; text-align: left;}
.page-header .img-wrapper .overlay .title-block{background:255,255,255); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #FFF; font-size: 3rem; font-family: 'Marcellus', Serif; text-transform: uppercase;}
.page-header .content{color: var(--white-web); font-size: 18px; line-height: 35px;}
.page-header lottie-player{position: absolute; left:50%; bottom:20px; transform: translateX(-50%);}

.page-preword{padding-top: 40px; padding-bottom: 50px; background-color: var(--dark-green-wismilak); color: var(--white-web); font-size: 1.1rem; line-height: 2.4rem;}

.page-intro{padding: 50px 15px;}
.page-intro h2{text-transform: uppercase; font-size: 1.8rem; line-height: 2.5rem;}

.values{height: 800px; background-image: url("../images/bg-values.jpg"); background-size: cover; display: flex; align-items: center; color: var(--white-web);}
.values h3{background-color: var(--darkest-green-wismilak); color: var(--white-web); font-weight: 600; padding: 10px 30px; border-radius: 30px; font-size: 20px; display: inline-block; margin: 50px 0px;}
.values .font-big{font-size: 2rem; line-height: 3rem;}

.behaviour-list{display: flex; flex-direction: column; gap: 10px; padding-left: 5px; margin-bottom: 20px;}
.behaviour-list .item{width: 100%; border: 1px solid var(--darkest-green-wismilak); border-radius: 10px; display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: center; text-align: center;line-height: 25px; overflow: hidden;}
.behaviour-list .item.item-short{height: 150px; display: flex; justify-content: flex-start; position: relative; padding-top: 10px; padding-bottom: 10px; font-size: 0.9em; line-height: 20px;}
.behaviour-list .item.item-short .number{position: absolute; top:0px; left:0px; padding: 3px 7px; background-color: #1A4D2E; color: #FFF;}
.behaviour-list .item.item-long{height: 100%; }
.behaviour-list .item img{padding-bottom: 10px;}

.business-category{}
.business-category .item{ padding-top:100%; cover; position: relative;}
.business-category .item .overlay{position: absolute; top:0px; left:0px; height:100%; display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; color: var(--white-web);}
.business-category .item .overlay .title{font-size: 20px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; }
.business-category .item .overlay .link{margin-top: 30px;}
.business-category .item .overlay .link a{font-size: 0.9rem; color: var(--white-web); border:1px solid #FFF; text-decoration: none; padding: 8px 30px; border-radius: 25px;}

#facilitation .left-side{padding-left: 5vw; padding-bottom: 100px;}
#facilitation .right-side{background-color: #D9D9D9;padding: 0px;}
#facilitation .right-side .tab-content{height: 100%;}
#facilitation .right-side .tab-pane{height: 100%; }
#facilitation .right-side .tab-pane h3{font-weight: bold; border-bottom:2px solid #FFF; padding-bottom: 15px; font-size: 2.5rem; margin-bottom: 30px;}
#facilitation .right-side .tab-pane .list-item{padding: 10px 0px; font-size: 1.5em;}
#facilitation .facilitation-list{}
#facilitation .facilitation-list button{background-image: url("../images/bg-list-facility.png"); background-repeat: no-repeat; background-size: 100%; width: 330px; height: 60px; filter: grayscale(1); color: #306846; text-transform: uppercase; text-align: left; padding-left: 65px; margin: 10px 0px; background-position-y: 1px; font-weight: 500; opacity: 0.7;}
#facilitation .facilitation-list button.nav-link.active{background-color: transparent; filter: grayscale(0); opacity: 1; position: relative;}
#facilitation .facilitation-list button.nav-link.active:after{content: url("../images/ico-arrow-gold.svg"); position: absolute; right: 0px; top:15px}

.business-process{color: var(--white-web);background-image: url("../images/bg-timeline.jpg"); background-size: cover;}
.business-process .header{padding-bottom: 5px; border-bottom: 1px solid #FFF; margin-bottom: 30px;}
.business-process .production-list button{background-image: url("../images/bg-list-facility.png"); background-repeat: no-repeat; background-size: 100%; width: 330px; height: 60px; filter: grayscale(1); color: #306846; text-transform: uppercase; text-align: left; padding-left: 65px; margin: 10px 0px; background-position-y: 1px; font-weight: 500; color: rgb(135,135,135)}
.business-process .production-list button.nav-link.active{background-color: transparent; filter: grayscale(0); opacity: 1; position: relative; color: #306846;}
.business-process .production-list button.nav-link.active:after{content: url("../images/ico-arrow-gold.svg"); position: absolute; right: 20px; top:20px}
.business-process .tab-content{height: 100%;}
.business-process .tab-content > .active{height: 100%;}
.business-process .tab-content > .active img{filter: brightness(100); }

.timeline{background-color: var(--wismilak-gold);}
.timeline h2{margin-bottom: 50px;}
.timeline .link{margin-top: 30px;}
.timeline .link button{color: var(--white-web); font-size: 1rem; padding: 5px 20px; text-decoration: none; font-weight: 600; border:1px solid var(--white-web); border-radius: 40px; background-color: transparent;}
.timeline .link button:hover{background-color: var(--white-web); color: var(--wismilak-gold);} 
#timeline{text-align: center;}
#timeline .year{text-align: center; font-size: 1.75rem; font-weight: 600;}
#timeline .line{text-align: center; padding: 15px 0px; position: relative;}
#timeline .line:after{position: absolute; height: 1px; width: 100%; content: ""; left:0px; top:50%; transform: translateY(-50%); border-top:1px solid #FFF}
#timeline .description{padding-left: 20px; padding-right: 20px; font-weight: 500; font-size: 18px;}

.milestone{background-color: var(--dark-green-wismilak); display: none;}
/* .timeline .wrapper{position: relative; margin-top: 40px; margin-bottom: 40px; overflow-y: scroll; height: 1000px;} */
.milestone .wrapper{position: relative; margin-top: 0px; margin-bottom: 40px; }
.milestone .wrapper:after{content:""; position: absolute; width: 2px; border-right: 2px solid #FFFFFF; height: 100%; left:50%; transform: translateX(-50%); top:0%; bottom:0%; overflow: visible;}
/* .timeline .wrapper .border{position: absolute; width: 5px; background-image: linear-gradient(180deg, #FFC82C 0%, rgba(237, 28, 36, 0.7) 100%) ; height: 3300px; left:50%; transform: translateX(-50%); top:0%; } */
.milestone .wrapper .item{display: flex; flex-wrap: wrap; position: relative; margin-bottom: 10px ; z-index: 9;}
.milestone .wrapper .item:nth-child(odd){flex-direction: row; }
.milestone .wrapper .item:nth-child(odd) .description{text-align: right;}
.milestone .wrapper .item:nth-child(even){flex-direction: row-reverse;}
.milestone .wrapper .item::after{content:""; position: absolute; right: calc(50% - 12px); top:50%; transform: translateY(-50%); width: 25px; height: 25px; background-color: var(--wismilak-gold); z-index: 9; border-radius: 20px;}
.milestone .wrapper .item .left-side{flex: 0 0 auto; width: 50%; display: flex; justify-content: center; position: relative;}
.milestone .wrapper .item .image{display: flex; flex-direction: column; justify-content: center; text-align: center; font-size: 1.2rem; font-weight: 500;}
.milestone .wrapper .item .image img{align-self: center; height: 250px; padding-bottom: 10px; border-radius: 20px; overflow: hidden;}
.milestone .wrapper .item .right-side{flex: 0 0 auto; width: 50%; display: flex; }
.milestone .wrapper .item:nth-child(odd) .right-side{justify-content: flex-end;}
.milestone .wrapper .item:nth-child(even) .right-side{justify-content: flex-start;}
.milestone .wrapper .item .right-side .year{font-size: 2rem; font-weight: 700; padding-bottom: 10px;}
.milestone .wrapper .item .description{ padding: 10px 45px; max-width: 85%; display: flex; flex-direction: column; justify-content: center; color: var(--white-web); font-size: 1.1rem;}
.milestone .wrapper .item .description ul{list-style: none; padding: 0px;}
.milestone .wrapper .item .description ul li{padding-bottom: 10px; padding-top: 10px;border-bottom: 0.25px solid #AAA;}
.milestone .wrapper .item .description ul li:first-child{padding-top: 0px;}
.milestone .wrapper .item .description ul li:last-child{border: 0px;}
.milestone .link{padding-bottom: 50px;}
.milestone .link button{color: var(--white-web); font-size: 1rem; padding: 5px 20px; text-decoration: none; font-weight: 600; border:1px solid var(--white-web); border-radius: 40px; background-color: transparent;}
.milestone .link button:hover{background-color: var(--white-web); color: var(--dark-green-wismilak);} 

.link.bottom{padding-top: 50px; padding-bottom: 50px;}
.link.bottom a{color: var(--white-web); font-size: 1.25rem; padding: 15px 40px; text-decoration: none; font-weight: 600; border:1px solid var(--white-web); border-radius: 40px; background-color: var(--darkest-green-wismilak);}
.link a:hover{background-color: var(--dark-green-wismilak); color: var(--white-web);} 

.directors-wrapper{background-image: url(../images/bg-dewandireksi.jpg) ; padding: 100px 0px;}
.directors-wrapper .nav-tabs{border-bottom: 0px; margin-bottom: 50px;}
.directors-wrapper .nav-tabs .nav-link{ border: 0px; opacity: 0.3; color: #FFF;}
.directors-wrapper .nav-tabs .nav-link h2{text-transform: uppercase;font-family: "Marcellus", serif; font-size: 2rem;}
.directors-wrapper .nav-tabs .nav-link.active{background-color: transparent; color: #FFF; opacity: 1;}
.directors-wrapper .tab-pane .left-side{border-right: 1px solid #FFF;}
.directors-wrapper .tab-pane .left-side .nav-link{text-align: left; opacity: 0.5; color: #FFF; line-height: 1.4rem; padding-bottom: 15px;}
.directors-wrapper .tab-pane .left-side .nav-link.active{background-color: transparent; opacity: 1;}
.directors-wrapper .tab-pane .left-side .nav-link .name{font-weight: 600;}
.directors-wrapper .tab-pane .right-side{color: #FFF; padding-left: 50px;}
.directors-wrapper .tab-pane .right-side .header{padding-bottom: 30px;}
.directors-wrapper .tab-pane .right-side .header .image{padding: 0px;}
.directors-wrapper .tab-pane .right-side .header .image img{border-radius: 50%; overflow: hidden;}
.directors-wrapper .tab-pane .right-side .header .name-wrapper{display: flex; align-items: center; position: relative; padding-left: 0px;}
.directors-wrapper .tab-pane .right-side .header .name-wrapper:before{position: absolute; top:52%; height: 2px; content: ""; border-top: 1px solid #FFF; width: 100%;}
.directors-wrapper .tab-pane .right-side .header .name-wrapper .name{font-family: "Noto Sans Display", sans-serif; font-size: 2rem; padding-left: 15px; padding-bottom: 15px;}
.directors-wrapper .tab-pane .right-side .header .name-wrapper .title{padding-left: 30px; font-size: 1.25rem;}

.organization .division{padding: 15px 40px; margin-bottom: 30px;}
.organization .division h3{background-color: var(--dark-green-wismilak); color: var(--white-web); padding: 10px 15px; font-size: 1rem; text-transform: uppercase; letter-spacing: 2px;}
.organization .division .item{ padding: 10px 15px;}
.organization .division .item .title{color: var(--wismilak-gold); letter-spacing: 2px; text-transform: uppercase; font-weight: 600;}
.organization .division .item .name{font-weight: 600; font-size: 0.9rem;}

.directors-report{padding: 30px 15px; background-color: var(--darkest-green-wismilak);}
.directors-report h2{color: var(--white-web); text-transform: uppercase; margin-bottom: 30px;}
.directors-report .item .image{border-radius: 10px; border:10px solid var(--wismilak-gold);}
.directors-report .item h3{text-align: center; font-size: 1.5rem; color: #FFF; padding-top: 15px;}
.directors-report .item .cta{margin-top: 20px; text-align: center;}
.directors-report .item .cta a{color: #FFF; font-size: 0.8rem; border-radius: 20px; padding: 8px 30px; border: 1px solid #FFF; text-decoration: none;}

.company-structure{padding:0px;}
.company-structure h1{margin-top:0px;}
.company-structure .row-1{margin-bottom:100px;position:relative;}
.company-structure .row-1:after{content:url(../images/company-structure-arrow-1.png);position:absolute;bottom:0px;left:50%;transform:translateX(-50%);margin-bottom:-80px;}
.company-structure .row-2{margin-bottom:30px;}
.company-structure .row-2{margin-bottom:30px;}
.company-structure .row-2 > div:nth-child(1){position:relative;}
.company-structure .row-2 > div:nth-child(1):after{content:url(../images/company-structure-arrow-2.png);right:0%;top:50%;transform:translateY(-50%);position:absolute;}
.company-structure .is-row{padding:20px 0px;}

.awards-archive{padding-top: 80px;}
.awards-archive .item{padding: 5px;}
.awards-archive .item img{transition: all 0.5s;}
.awards-archive .item:hover img{transform: scale(1.25);}
.awards-archive .item .wrapper{position: relative; border-radius: 10px; overflow: hidden; border:6px solid var(--darkest-green-wismilak);}
.awards-archive .item .wrapper .overlay{position: absolute; top:0px; left:0px; background-color: rgba(26,77,46,0.8); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 15px; color: #FFF;}
.awards-archive .item .wrapper .overlay a{text-decoration: none;}
.awards-archive .item .wrapper .overlay a .date{padding-bottom: 15px; color: #FFF; text-decoration: dashed;}
.awards-archive .item .wrapper .overlay a h2{font-size: 1.25rem; font-family: "Noto Sans Display", sans-serif; text-decoration: none; color: #FFF;}
.awards-archive .item .wrapper .overlay a .publisher{color: var(--wismilak-gold); font-weight: 700; letter-spacing: 1px;}

.news-archive{padding-top: 80px;}
.news-archive .item{padding-left: 30px; padding-right: 30px; margin-bottom: 40px;}
.news-archive .item a{text-decoration: none;}
.news-archive .item a .image{padding-top: 100%;background-size: cover; background-position: center; border-radius: 15px; margin-bottom: 10px; transition: all 0.5s; position: relative; overflow: hidden;}
.news-archive .item a .image:after{content: ""; position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: inherit;background-size: cover;transform-origin: center;transition: transform 0.4s ease-in-out;     }
.news-archive .item:hover a .image:after{transform: scale(1.1);}
.news-archive .item a .meta{display: flex; font-size: 0.85rem; color:var(--black-text); font-weight: 700;}
.news-archive .item a .date{font-size: 0.85rem; color:var(--black-text)}
.news-archive .item a .date:after{content: " | "; margin-right: 5px;}
.news-archive .item a .title{color:var(--black-text); font-weight: 600; font-size: 1.15rem;}
.news-archive .item a .cta{font-size: 0.8rem; color: var(--wismilak-gold); font-weight: 700;}
.news-archive .pagination{text-align: center; display:flex; justify-content: center; margin-top: 40px;}
.news-archive .pagination .page-item .page-link{border:0px;border-radius: 30px;width: 42px; height: 42px; color: var(--black-text);}
.news-archive .pagination .page-item:not(:first-child):not(:last-child){border:0px}
.news-archive .pagination .page-item:not(:first-child) .page-link{margin-left: 0px;}
.news-archive .pagination .page-item:not(:first-child):not(:last-child) .page-link{background-color: rgba(266, 77,46, 16%); border-radius: 0px; border: 0px;}
.news-archive .pagination .page-item:first-child .page-link{background-color: #EDEBEB;  margin-right: 10px;}
.news-archive .pagination .page-item:last-child .page-link{background-color: #EDEBEB; margin-left: 10px;}
.news-archive .pagination .page-item.active .page-link{background-color: var(--darkest-green-wismilak)!important; color: #FFF;}
.news-archive .pagination .page-item:nth-last-child(-n+2) .page-link{border-top-right-radius: 30px !important; border-bottom-right-radius: 30px!important;}
.news-archive .pagination .page-item:nth-child(2) .page-link{border-top-left-radius: 30px !important; border-bottom-left-radius: 30px!important;}
.news-archive .filter-selector{margin-bottom: 50px;}
.news-archive .filter-selector .btn-check:checked + .btn{color: #FFF; background-color: var(--darkest-green-wismilak);}
.news-archive .filter-selector .btn-group .btn{margin: 0px 10px; border-radius: 30px; padding: 8px 20px; border: 0px; background-color: rgba( 26,27,46, 0.2); color: rgb(105,131,112);  }

.product-wrapper{padding-top: 0px; padding-bottom: 50px;}
.product-wrapper h2{padding-top: 50px; font-size: 1.5rem;}
.product-wrapper h3{padding-bottom: 50px; font-family: "Marcellus", serif;}
.product-wrapper .item{padding-left: 30px; padding-right:30px; margin-bottom: 80px;}
.product-wrapper .item .image{text-align: center;}
.product-wrapper .item .name{font-size: 1.1rem; font-weight: 600; text-align: center; padding-top: 20px;}
.product-wrapper .item .code{text-align: center; font-size: 0.9rem;}
.product-wrapper .item .cta{text-align: center; margin-top: 10px;}
.product-wrapper .item .cta a{border: 1px solid var(--black-text); color: var(--black-text); padding: 7px 30px; text-decoration: none; border-radius: 30px;}
.product-wrapper .img-list{list-style: none; }
.product-wrapper .img-list li{display: inline; padding-left: 10px; padding-right: 10px;}
.product-wrapper.rods .item{padding-top: 60px; padding-bottom: 60px; margin-bottom:10px}
.product-wrapper.rods .item:nth-child(even){background-color: #FAF3E3}
.product-wrapper.rods .item:nth-child(even) .row{flex-direction: row-reverse;}
.product-wrapper.rods .item h2{padding-bottom: 30px;}
.product-wrapper.rods .item a{text-decoration: none; font-weight: 600; color: var(--black-text);}
.product-wrapper.rods .item a:hover{text-decoration: underline;}

.product-line{padding: 60px 0px;}
.product-line:nth-child(odd){background-color: var(--darkest-green-wismilak); color: var(--white-web);}
.product-description{padding-top: 0px; padding-bottom: 100px;}
.product-description h2{text-transform: uppercase; margin-bottom: 10px; font-size: 16px;}
.product-description .description{padding-top: 10px; padding-bottom:15px;}
.product-description .title{font-size: 2rem; font-family: "Marcellus", serif;;}
.product-description h4{font-size: 2rem; font-family: "Marcellus", serif; text-transform: uppercase; }
.product-description .barcode{display: inline-block;}
.product-description .barcode .code{text-align: center;}
.product-description .product-details{display: flex; margin-top: 30px;}
.product-description .product-details .item{border: 1px solid var(--darkest-green-wismilak); width: 110px; height: 110px; border-radius: 60px; display: flex; justify-content: center; align-items: center; text-align: center; margin-right:15px}
.product-line:nth-child(odd) .product-description .product-details .item{border: 1px solid var(--white-web); background-color: var(--white-web); color: var(--darkest-green-wismilak);}
.product-description .product-details .item > div > div{font-size: 0.8rem;}
.product-description .product-details .item > div > div:nth-child(2){font-size: 2.5rem; font-weight: bold;}
.product-description .product-details{display: none;}
.product-description .cta-back{text-align: center; margin-top: 80px; }
.product-description .cta-back a{color: var(--wismilak-gold); font-size: 1.1rem; text-decoration: none; border: 1px solid var(--wismilak-gold); padding: 15px 40px; border-radius: 30px; vertical-align: sub; font-weight: 700;}
.product-line .product-description{display: flex; flex-direction: column; justify-content: center; padding-bottom: 0px;}
.product-line .product-description .product-details{padding-bottom: 30px;}
.product-line:nth-child(even) .row{flex-direction: row-reverse;}
.product-line .col-sm-5{text-align: center;}
.product-line .product-description p a{color: var(--white-web);}
.product-line:nth-child(even) .product-description p a{color: var(--black-text);}

.product-menu{display: flex;}
.product-menu .item{flex: 0 0 auto; width: 25%; aspect-ratio: 1/1; position: relative;}
.product-menu .item .nav-link{position: absolute; width: 100%; height: 100%; background-color: transparent; display: flex; flex-direction: column; color: var(--white-web); justify-content: center; align-items: center; border:0px; filter: grayscale(100); border-radius: 0px; background: rgba(255,255,255,0.3);}
.product-menu .item .nav-link.active{background-color: rgba(255,255,255,0);}
.product-menu .item .nav-link.active .title{font-size: 1.7rem;}
.product-menu .item .nav-link.active .link{display: none;}
.product-menu .item .nav-link .title{font-size: 1.4rem; font-weight: 700; text-transform: uppercase; margin-bottom: 20px;}
.product-menu .item .nav-link .link{border:1px solid #FFFFFF; border-radius: 30px; padding: 5px 30px; font-size: 0.85rem;}


.governance.structure{background-image:url('../images/bg-struktur-tatakelola.jpg'); background-size: cover;}
.governance.structure h2{color: #FFF;}
.governance.directors-wrapper{margin-bottom: 50px;}
.governance.directors-wrapper .tab-pane .left-side{border-color: var(--black-text);}
.governance.directors-wrapper .tab-pane .description{padding: 15px; margin-bottom: 30px;}
.governance.directors-wrapper{background: none; color: var(--black-text); padding-bottom: 10px; padding-top: 10px;}
.governance.directors-wrapper .nav-tabs{margin-bottom: 0px;}
.governance.directors-wrapper .nav-tabs .nav-link{color: var(--black-text); padding-left: 15px;position: relative;}
.governance.directors-wrapper .nav-tabs .nav-link:first-child{padding-left: 0px; }
.governance.directors-wrapper .nav-tabs .nav-link:after{content: ""; border-right: 1px solid var(--black-text); position: absolute; height: 40px; width: 2px; right: 0px; top:50%; transform: translateY(-60%);}
.governance.directors-wrapper .nav-tabs .nav-link:last-child:after{border: 0px;}
.governance.directors-wrapper .nav-tabs .nav-link.active{color: var(--black-text);}
.governance.directors-wrapper .tab-pane .left-side .nav-link{color: #000;}
.governance.directors-wrapper .tab-pane .right-side .header .name-wrapper::before{border-color: var(--black-text);}
.governance.directors-wrapper .tab-pane .right-side{color: var(--black-text);}

.governance.culture{}
.governance.culture .left-side{background-color: var(--wismilak-gold); padding-top: 100px; padding-bottom: 100px; padding-right: 0px; display: flex; justify-content: flex-end;}
.governance.culture .right-side{background-color: var(--darkest-green-wismilak); color: var(--white-web); display: flex; align-items: center;}
.governance.culture .right-side > div{max-width: 70%; padding-left: 30px;}
.governance.culture .right-side h2{text-transform: uppercase; padding-bottom: 30px;}
.governance.culture .right-side .pdf-cta{margin-top: 30px;}

.governance.whistleblowing{padding-top: 100px; padding-bottom: 100px; background-image: url("../images/bg-whistleblowing.jpg"); background-size: cover; color: var(--white-web);}
.governance.whistleblowing h2{text-transform: uppercase; padding-bottom: 30px;}
.governance.whistleblowing p{max-width: 60%; padding-bottom: 50px;}

.stock.composition{background-image: url("../images/bg-infosaham.jpg"); color: var(--white-web); padding-top: 100px; padding-bottom: 100px;}
.stock.composition .stock-list .item{margin-top: 50px; margin-right: 100px;}
.stock.composition .stock-list .item .number{font-size: 5rem; font-weight: 600; line-height: 5rem; border-bottom: 1px solid #FFF; padding-bottom: 15px; margin-bottom: 10px;}
.stock.composition .stock-list .item .name{font-size: 1.25rem;}

.stock h2{text-transform: uppercase;}
.stock .stock-notes{display: flex; gap: 10px;}
.stock .stock-notes .item{border:1px solid var(--pastel-gold); padding: 0px; text-align: center;}
.stock .stock-notes .item .header{background-color: var(--pastel-gold); padding: 15px; font-weight: 500; line-height: 1.5rem; min-height: 78px; display: flex; align-items: center; justify-content: center;}
.stock .stock-notes .item .body{padding: 15px;}
.stock.stock-graph{background-image: url(../images/bg-text-homestory.png); background-repeat: no-repeat; background-position: left 50%; background-color: var(--dark-green-wismilak); padding-top: 80px; padding-bottom: 80px;}
.stock.stock-graph h2{color: var(--white-web); font-size: 3rem;}
.stock.stock-graph .embed-responsive-9by16{padding: 30px; background-color: #FFFFFF; border-radius: 20px; }
.stock.stock-graph .embed-responsive-9by16 iframe{aspect-ratio: auto 9/16 ;}
/* .stock.vendors{background-image: url("../images/bg-timeline.jpg"); background-size: cover; color: var(--white-web);} */
.stock.vendors{background: url('../images/leaf-long.jpg') no-repeat center 0%, var(--white-web);}
.stock.vendors h2{margin-bottom: 40px; color: var(--white-web);}
.stock.vendors .stock-list .item{padding: 0px 15px; height: 100%;}
.stock.vendors .stock-list .item .header{background-color: #4E8564; color: #FFF; padding: 25px 15px 15px 30px; margin-bottom: 5px;}
.stock.vendors .stock-list .item .header h3{font-family: 'Marcellus', serif; font-size: 1.25rem;}
.stock.vendors .stock-list .item .body{background-color: #EDEBEB; padding: 30px; height: 100%;}
.stock.vendors .stock-list .slick-track{display: flex !important;}
.stock.vendors .stock-list .slick-slide{height: 100%}

.rups{background-color: #343434; color: var(--white-web); padding-top: 80px; padding-bottom: 80px;}
.rups h1{font-size: 1.75rem;}
.rups .filter{margin-top: 40px; display: flex; align-items: center;}
.rups .filter p{margin-bottom: 0px;}
.rups .filter select{border-color: #caced1; color: var(--white-web)}


.rups h2{font-size: 4rem; font-weight: 800; display: inline-block; border-bottom: 1px solid var(--white-web); padding-right: 20px;padding-bottom: 10px; margin-bottom: 30px; margin-top: 40px; font-family: "Noto Sans Display", sans-serif;;}
.rups .rups-list .item{display: flex; margin: auto; flex-wrap: wrap; margin-bottom: 7px; padding: 5px;}
.rups .rups-list .item:hover{background-color: rgba(255,255,255,0.1);}
.rups .rups-list .item .title{padding-left: 0px; display: flex; align-items: center; font-size: 1.1rem;}
.rups .rups-list .item .title a{color: var(--white-web); text-decoration: underline; padding-left: 5px;}
.rups .rups-list .item .pdf-cta{margin-left:auto;}
.rups .rups-list .item .pdf-cta a{padding: 5px 10px;}

.reports.headline-report{background-image: url("../images/bg-infosaham.jpg") ; color: var(--white-web); padding-top: 80px; padding-bottom: 80px; background-size: cover; background-position: top left;}
.reports.headline-report.sustainability{margin-top: 80px; background-position: bottom right;}
.reports.headline-report h1{font-size: 2rem; text-transform: uppercase;}
.reports.headline-report.sustainability h2{font-size: 2rem; text-transform: uppercase;}
.reports.headline-report p{font-size: 1.15rem; margin-bottom: 40px; margin-top: 30px;}
.reports.headline-report .details{display: flex; align-items: center; padding-left: 3rem;}
.reports.headline-report .details .year{font-size: 3rem; font-weight: 300;}
.reports.headline-report .details .title{font-size: 3rem; font-weight: 600; line-height: 3rem; padding-top: 20px; padding-bottom: 15px;}
.reports.headline-report .details .excerpt{margin-bottom: 50px;}
.reports.archive{padding-top: 80px;}
.reports .filter{padding-bottom: 50px;}
.reports.archive .list{padding-left: 15px; padding-right: 15px; }
.reports.archive .list .wrapper{margin-bottom: 25px;}
.reports.archive .list .wrapper .item{border:1px solid #000; display: flex;}
.bg-dark .reports.archive .list .wrapper .item{border-color: #FFF;}
.reports.archive .list .item .image{padding:0px; max-width: 166px; flex: 0 0 40%;}
.reports.archive .list .item .details{padding-left: 25px; display: flex; flex-direction: column; justify-content: space-around; width: 55%;}
.reports.archive .list .item .details .year{ font-size: 1.5rem; font-weight: 600;}
.reports.archive .list .item .details .title{font-weight: 700; line-height: 1.5rem; font-size: 0.9em;}
.reports.archive .list .item .details .excerpt{font-size: 0.9rem;}
.reports.archive .list .item .pdf-cta.vertical{display: flex; flex-direction: column; }
.reports.archive .list .item .pdf-cta.vertical img{fill: black;}
.reports.archive .list .item .pdf-cta.vertical a{color: var(--black-text); border:0px; padding-left: 0px; border-bottom: 1px solid #000; padding: 3px; font-size: 0.9rem;}
.bg-dark .reports.archive .list .item .pdf-cta.vertical a{color: #FFF; border-color: #FFF;}
.bg-dark .reports.archive .list .item .pdf-cta.vertical a img{filter: invert();}
.reports.archive .list .item .pdf-cta.vertical a:last-child{border:0px}
.reports.archive-pdf{margin-top: 100px;}
.reports.archive-pdf .list{display: flex;  gap:20px; flex-wrap: wrap;}
.reports.archive-pdf .list .item{display: flex;  flex: 0 0 30%;}
.reports.archive-pdf .list .item .image{flex: 0 0 20%;}
.reports.archive-pdf .list .item .image img{padding-top: 10px;}
.reports.archive-pdf .list .item .details{padding-left: 10px;}
.reports.archive-pdf .list .item .details .title{font-weight: 500; padding-right: 30px;}
.reports.archive-pdf .list .item .details .title a{color: var(--black-text); text-decoration: none; font-weight: 500;}
.reports.archive-pdf .list .item .details .title a:hover{text-decoration: underline;}
.reports.archive-pdf .list .item .details .date{font-size: 0.85rem;}
.reports.archive-pdf.vertical{margin-top: 100px; padding-top: 40px; padding-bottom: 40px;}
.reports.archive-pdf.vertical .filter{margin-bottom: 40px;}
.reports.archive-pdf.vertical .item{margin-bottom: 50px;}
.reports.archive-pdf.vertical .image{display: flex; justify-content: center; }
.reports.archive-pdf.vertical .details{padding: 20px 35px; display: flex; flex-direction: column; background: rgba(196, 169, 1, 0.6); align-items: center; margin-top: 20px;}
.reports.archive-pdf.vertical .details .title{font-weight: 600; text-align: center; line-height: 1.5rem; }
.reports.archive-pdf.vertical .details .pdf-cta{margin-top: 20px;}
.reports.archive-pdf.vertical .details .pdf-cta a{border-color: var(--black-text); color: var(--black-text);}

.esg{padding-top: 20px; padding-bottom: 40px;}
.esg.esg-box .bg-golden{border-top-right-radius: 20px; border-bottom-left-radius: 30px;}
.esg.esg-box .details{display: flex; flex-direction: column; justify-content: center; }
.esg .column .box{padding: 15px 30px; display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 30px;}
.esg .column .box.no-space{justify-content: flex-start;}
.esg .column .box h3{font-size: 1.1rem; font-weight: 800; padding-bottom: 15px;}
.esg .column .box p{margin-bottom: 0px;}
.esg .column .box .caption{font-size: 0.85rem; padding-top: 30px; color: var(--dark-gold); font-style: italic;}
.esg .column .box .caption a{font-weight: 600; color: var(--dark-gold);}
.esg .column > div:nth-child(odd){border-right: 1px solid #C4A901;}

.rekrutmen .item{position: relative; padding: 0px; text-align: center;}
.rekrutmen .item:after{position: absolute; content: url("../images/ico-arrow-right.svg"); right: -12.5px; top:19%}
.rekrutmen .item:last-child:after{content:""}
.rekrutmen .item .image{ position: relative;}
.rekrutmen .item .image:before{content:""; border-top: 1px solid #C4A901; position: absolute; top:50%; left: 0px; z-index: 1; width: 50%;}
.rekrutmen .item:first-child .image:before{border:0px}
.rekrutmen .item .image:after{content:""; border-top: 1px solid #C4A901; position: absolute; top:50%; right: 0px; z-index: 1; width: 50%;}
.rekrutmen .item:last-child .image:after{border:0px}
.rekrutmen .item .image img{ position: relative; z-index: 99;}
.rekrutmen .item p{padding-top: 10px; font-size: 1.1rem; font-weight: 500; word-spacing: 100px; line-height: 1.5rem;}

.career{}
.career .item{display: flex; margin-bottom: 100px; --bs-gutter-x:50px}
.career .item:nth-child(odd){flex-direction: row-reverse;}
.career .item:last-child{margin-bottom: 50px;}
.career .item img{border-radius: 20px;}
.career .item h3{font-size: 1.2rem; font-weight: 600; padding-bottom: 15px;}
.career .item .cta{margin-top: 30px;}
.career .item .cta a{color: var(--wismilak-gold); border:1px solid var(--wismilak-gold); border-radius: 30px; padding: 10px 40px; text-decoration: none; font-weight: 600;}

.contact .img-contact{width: 100%; padding-top: 100%; background-image: url("../images/img-karir.jpg"); background-size: cover; border-radius: 20px;}
.contact .column .item{padding-left: 30px; padding-right: 30px; display: flex; flex-direction: column; justify-content: center; position: relative;}
.contact .column .item:after{position: absolute; content: ""; border-right: 1px solid #000; width: 1px; height: 55%; right:0px; top:50%; transform: translateY(-50%);}
.contact .column .cta{margin-top: 30px;}
.contact .column .cta a{background-color: var(--dark-gold); color: var(--white-web); padding: 10px 20px; border-radius: 30px; font-size: 0.8rem;}
.contact .column .cta a img{padding-right: 5px; max-width: 25px;}
.contact .form-contact{margin-top: 40px; font-size: 1.1rem;}
.contact .form-contact .form-check-input{margin-top:.40em; width: 1.2em; height: 1.2em;}
.contact .form-contact form button{font-size: 1.5rem; font-weight: bold; background-color: var(--wismilak-gold); color: var(--white-web); text-align: center; margin-top: 30px; border: 0px; box-shadow: none; padding: 10px 60px; border-radius:40px; margin-bottom: 40px;}
.contact .nav-tabs{border-bottom: 0px; margin-bottom: 50px; border-bottom:1px solid #FFF; margin-bottom: 30px; padding-bottom: 20px;}
.contact .nav-tabs .nav-link{ border: 0px; opacity: 0.3; color: #FFF;padding: 15px 30px 0px 0px; font-family: "Marcellus", serif; font-size: 1.5rem;}
.contact .nav-tabs .nav-link h2{text-transform: uppercase;font-family: "Marcellus", serif; font-size: 2rem;}
.contact .nav-tabs .nav-link.active{background-color: transparent; color: #FFF; opacity: 1;}
.contact .tab-content h3{font-size: 1.5rem; margin-bottom: 15px;}

.heritage img{border-radius: 20px;}
.story{}
.story h3{font-size: 1rem; font-weight: bold; padding-top: 30px; padding-bottom: 20px;}
.story img{box-shadow: 0px 0px 5px 0px rgba(50,50,50,0.75);}

.footer{padding-top: 100px; padding-bottom: 30px; }
.footer img{max-width: 70px;margin-right: 15px;}
.footer .subfooter{display: flex;align-items: center;justify-content: center;font-family: "Noto Sans Display", sans-serif;font-size: 13px; text-transform: uppercase; border-top: 0.75px solid var(--darkest-green-wismilak); padding-top: 20px; font-weight: 500; color: var(--darkest-green-wismilak);}

.float-menu{position: fixed; right: 0px; top:30%; width:80px; background-color: rgba(250,249,246,0.8); border-top-left-radius: 20px; border-bottom-left-radius: 20px; box-shadow: 0px 0px 5px 0px rgba(50,50,50,0.5);}
.float-menu .toggler{display: none;}
.float-menu ul{list-style: none; padding: 0px; margin-bottom: 5px;}
.float-menu ul li{text-align: center; padding: 10px;}
.float-menu ul li:first-child{border-bottom: 1px solid #B2B9AD;}
.float-menu ul li:last-child img{max-width: 30px;}

.to-top{background-color: var(--wismilak-gold); position: fixed; right: 20px; bottom:-60px; width:50px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 10px; transition: all 0.5s;box-shadow: 0px 0px 3px 0px rgba(50,50,50,0.5);}
.to-top.show{bottom:75px}
.to-top:hover{cursor: pointer;}
.to-top img{transform: rotate(180deg); max-width: 40%;}

.index{display: flex; flex-wrap: wrap; padding-left: 15px; padding-top: 20px}
.index .item{flex 0 0 auto; width: 50%; font-size: 12px; padding-bottom: 15px; display: flex; align-items: center;}
.index .item p{margin: 0px; margin-left: 8px; font-weight: 700;}
.index .item ul{width: 100%;}
.index .item:last-child{flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.index .item:last-child > div{display: flex; align-items: center;}

.article-content .meta{font-size: 0.9rem; display: flex; border-bottom: 1px solid var(--darkest-green-wismilak); margin-bottom: 10px;}
.article-content .meta .date:after{content: " | "; margin-right: 5px;}
.article-content h1{margin-bottom: 25px;}
.article-content{color: var(--black-text);}
.article-content .main-banner{margin-bottom: 30px;}
.article-content .pdf-cta{margin-top: 50px; justify-content: center;}
.article-content .pdf-cta a{border: 1px solid var(--darkest-green-wismilak); color: var(--darkest-green-wismilak);}
.article-content .pdf-cta a:first-child{border-right: 0px;}
.article-content .link-others{border-top: 1px solid var(--darkest-green-wismilak); margin-top: 80px; padding-top: 25px; text-align: center;}
.article-content .link-others a{color: var(--darkest-green-wismilak); text-decoration: none; border: 1px solid var(--darkest-green-wismilak); padding: 8px 30px; border-radius: 20px; font-weight: 600;}
.article-content .main-content{padding-right: 30px;}
.article-content .right-link{border-top: 1px solid var(--darkest-green-wismilak); margin-top: 30px; padding-top: 20px;}
.article-content .right-link h2{margin-bottom: 30px;}
.article-content .right-link .media-links{list-style: none; margin: 0px; padding: 0px;}
.article-content .right-link .media-links .item{padding-bottom: 25px;}
.article-content .right-link .media-links .item a{color: var(--black-text); text-decoration: none; font-size: 0.9rem; font-weight: 600; line-height: 1.5rem;}
.article-content .right-link .media-links .item .date{font-weight: 500; font-size: 12px; border-bottom: 1px solid var(--wismilak-gold); margin-bottom: 10px;}
.article-content .right-link .media-links .item .wrapper{display: flex;}
.article-content .right-link .media-links .item .wrapper .image{max-width: 80px; margin-right: 10px;}
.article-content .right-link .media-links .item .wrapper .image img{aspect-ratio: 1/1; width: 100%;object-fit: cover; object-position: center;}
.article-content .right-link .media-links .item .wrapper .title{display:flex; align-items:center}

.contact form .option-wrapper{width: 100%; display: flex; justify-content: space-between;}
.contact form .option-wrapper .category-selected{display: flex; gap:10px; flex-wrap: nowrap; align-items: center; font-weight: 600;}
.contact form .option-wrapper .category-selected .prelabel{opacity: 0; white-space: nowrap; width: 0px; color: var(--darkest-green-wismilak);}
.contact form .option-wrapper .category-selected .btn-option{white-space: nowrap;  padding: 15px 20px; font-weight: 600; font-size: 1.1rem; background-color: var(--darkest-green-wismilak);}
.contact form .option-wrapper .category-selected .btn-option.active{background-color: transparent; border-color: transparent; color: var(--darkest-green-wismilak); padding: 15px 0px !important;}
.contact form .back-wrapper button{margin: 0px; padding: 10px 30px; font-size: 1rem; display: none;}
.contact form .form-floating > label{font-size: 0.9rem; display: flex; align-items: center;}
.contact form textarea, .contact form select{font-size: 0.9rem;}
.contact .form-contact fieldset{display: none; background-color: rgba(196,170,1, 0.2); padding:50px 30px; border-radius: 10px;}
.contact .form-contact .form-check-input:checked{background-color: var(--dark-green-wismilak); border-color: var(--dark-green-wismilak);}
.contact .form-contact label{font-size: 0.9rem;}

.staticFooter{position: fixed; bottom: 0px; background-color: var(--dark-gold); color: var(--black-text); text-align: center; width: 100%; padding: 15px 0px; font-weight: 550;}

@media (max-width: 540px) {
    HTML, body {
        width: 100%;
        overflow-x: hidden;
    }
    .pb-50{padding-bottom: 30px;}
    .py-100{padding-top: 30px; padding-bottom: 30px;}
    .top-top{display: none;}
    .logo-area{left: 2vw; }
    .logo-area img{max-width: 45px; }
    .mobile-center{text-align: center; justify-content: center;}
    .img-sm-75{max-width: 75%; align-self: center; margin-bottom: 15px;}
    .section{padding-top: 25px;}
    .section-links a{display: block;}
    .page-intro{padding: 15px 20px;}
    .float-menu{top:12%; right:-22%; transition: all 0.5s;}
    .float-menu .toggler{display: flex; position: absolute; width: 20px; height: 20px; left:-35px; top:0px; align-items:flex-start; }
    .float-menu .toggler:after{content:""; background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="white" class="bi bi-arrow-left-circle-fill" viewBox="0 0 25 25"><path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m3.5 7.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"/></svg>'); background-size: 2rem; width: 25px; height: 25px; top:0px; position: relative;transition: all 1s;}
    .float-menu.show{right:0px}
    .float-menu.show .toggler:after{transform: rotateY(180deg);}
    lottie-player{display: none;}
    .pdf-cta{width: 100%;}
    .pdf-cta a{padding: 10px; flex-grow: 1;}
    .to-top{right:10px; width: 40px; height: 40px;}
    .to-top.show{bottom:10px}
    
    .container h1{padding-top: 20px; font-size: 1.75rem;}
    .container .content{padding-left: 15px; padding-right: 15px; padding-bottom: 30px;}
    .container .content p{line-height: 1.65rem; font-size: 1rem; }

    nav.navbar{padding: 5px 10px 8px 0px;}
    .navbar .home-link{padding-right: 7px;}
    .navbar .home-link img{height: 18px; vertical-align: sub;}
    .navbar .language-selector.outer{display: none;}
    .navbar .language-selector.inner{display: block;}
    .navbar .language-selector{padding: 2px 10px 2px 10px;}
    .navbar .language-selector a{font-size: 0.8em; }
    .navbar span.menu-text{display: none;}
    .navbar.fixed-top{left:auto; right: 0;}

    .banner-wrapper{background-position: top center; background-size: cover !important; text-align: center; }
    .banner-container .caption-wrapper .link{margin-bottom: 10px;}
    .banner-container .caption-wrapper .title{font-size: 1.25rem; line-height: 2rem;}
    .banner-container .caption-wrapper{bottom: -30%; left: 0%; width: 100% ;background-color: rgb(26,77,46,0.6); padding: 30px; transition: all 0.5s;}
    .banner-container .caption-wrapper.show{bottom:5%; left:0%}
    

    .home-story{padding-top: 80px; padding-bottom: 50px;}
    .home-story .img-rotating{bottom:25px}
    .home-story .wrapper:nth-child(1){margin-bottom: 100px;}
    .home-story .wrapper .story .title{font-size: 1.75rem; line-height: 2.2rem; text-align: center; padding-top: 15px; padding-bottom: 15px;}
    .home-story .wrapper .story .text{font-size: 1em;}
    .home-story .wrapper .story .link{text-align: center;}
    .home-story .wrapper .story .link a{font-size: 1.15rem;}

    .home-latestnews h2{font-size: 2rem;}
    .home-latestnews .item{margin-bottom: 20px; line-height: 26px;}
    .home-latestnews .item a .date{font-size: 0.75rem; ;}
    .home-latestnews .item a .title{height: auto; font-size: 0.9rem; font-weight: 500;}
    .home-latestnews .item a .link{padding-top: 0px;}

    .home-sustainability{padding-top: 50px; padding-bottom: 50px;}
    .home-sustainability .description{padding-bottom: 50px; padding: 10px 30px 50px;}
    .home-sustainability .description h2{font-size: 2rem; padding-bottom: 15px;}
    .home-sustainability .description p{font-size: 1em; padding-bottom: 0px;}
    .home-sustainability .description a{display: block; text-align: center;}

    .home-career .left-side{padding-top: 50px; padding-bottom: 50px;}
    .home-career h2{font-size: 2rem; padding-bottom: 5px;}
    .home-career p{font-size: 1em; margin-bottom: 30px;}

    .page-header{padding-bottom: 0px;}
    .page-header .overlay h1{font-size: 2rem; top: 250px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px;}
    .page-header .img-wrapper .overlay{top:20px}
    .page-header .img-wrapper .overlay .title-block{font-size: 1.75rem; text-align: center; padding: 0px 15px;}

    .half-section{background: var(--dark-green-wismilak);text-align: center;}
    .half-section h2{padding-top: 20px;}
    .half-section .content{text-align: left;}

    .values{height: 600px;}
    .values h3{margin: 15px 0px; font-size: 18px; display: block;}
    .values .font-big{font-size: 1.3rem; line-height: 2rem;}
    .w-values{flex-direction: column-reverse;}
    ul.font-big li{font-size: 1.25rem; text-align: center; margin-right: 0px; padding: 10px 0px;}

    .behaviour-list{gap:0px; margin-bottom: 5px;}
    .behaviour-list .item{padding: 10px; margin-bottom: 10px; border-radius: 5px;}
    .behaviour-list .item img{max-width: 50px;}
    .behaviour-list .item.item-short, .behaviour-list .item{display: flex; justify-content: flex-start; flex-direction: row; align-items: center; height: auto; padding:5px 0px 5px 40px; font-size: 1rem;}
    .behaviour-list .item img{padding-right: 10px; padding-bottom: 0px;}
    .behaviour-list .item.item-short .number{height: 100%; display: flex; align-items: center; padding: 0px 8px; font-size: 0.9rem;}
    
    .directors-wrapper{padding: 50px 0px;}
    .directors-wrapper .nav-tabs .nav-link h2{font-size: 1.1rem;}
    .directors-wrapper .tab-pane .left-side{border-right: 0px; column-count: 2;}
    .directors-wrapper .tab-pane .left-side .flex-column{flex-direction: row !important;}
    .directors-wrapper .tab-pane .right-side{padding-left: 15px;}
    .directors-wrapper .tab-pane .right-side .header{padding-bottom: 20px;}
    .directors-wrapper .tab-pane .right-side .header .name-wrapper{text-align: center;}
    .directors-wrapper .tab-pane .right-side .header .name-wrapper > div{text-align: center; width: 100%;}
    .directors-wrapper .tab-pane .right-side .header .image{text-align: center;}
    .directors-wrapper .tab-pane .right-side .header .name-wrapper .name{padding-left: 0px; margin-bottom: 0px; }
    .directors-wrapper .tab-pane .right-side .header .name-wrapper .title{padding-left: 0px;}
    .directors-wrapper .nav-tabs{margin-bottom: 15px;}
    .directors-wrapper .left-side .nav-link{padding-left: 0px;}
    .directors-wrapper .tab-pane .left-side .nav-link{font-size: 0.8rem; padding-right: 0px;}
    .directors-wrapper .tab-pane .left-side .nav-link .name{font-weight: 700;}
    .directors-wrapper .tab-pane .right-side .header .name-wrapper .name{font-size: 1.5rem; padding-top: 20px; padding-bottom: 20px;}
    .directors-wrapper .tab-pane .right-side .header .name-wrapper .title{font-size: 1.25rem;}
    .directors-wrapper .tab-pane .right-side .header .name-wrapper::before {top:62%}
    .directors-wrapper .nav-tabs .nav-link{padding: 10px; padding-bottom: 3px;}
    .directors-wrapper .nav-tabs .nav-link.active{border-bottom: 1px solid rgba(255,255,255,0.5);}
    .directors-wrapper .tab-pane .right-side .header .image img{max-width: 65%; margin-top: 15px;}

    .product-wrapper{padding-top: 50px; padding-bottom: 50px; padding-top: 0px;}

    .esg{padding-bottom: 0px;}
    .esg.esg-box .details h2{padding-top: 20px;}
    .esg.esg-box > div{border-top-right-radius: 30px; border-bottom-left-radius: 30px; padding: 20px;}
    .esg .column .box{margin-bottom: 10px;}
    .esg .column > div:nth-child(2n+1){border-right: 0px;}

    .reports.archive .list .wrapper{padding-bottom: 20px;}
    .reports.archive .list .item .details{padding-left: 10px; width: 56%;}
    .reports.archive .list .item .details .year{font-size: 1rem;}
    .reports.archive .list .item .details .title{font-weight: 500;}
    .reports.archive .list .item .pdf-cta.vertical{flex-direction: row;}
    .reports.archive .list .item .pdf-cta.vertical a{display: flex; flex-direction: column; font-size: 10px; text-align: center; align-items: center;}
    .reports.archive .list .item .pdf-cta.vertical a img{max-width: 15px;}
    .reports.archive .list .item .pdf-cta.vertical a{border-bottom: 0px; border-top:1px solid; padding-top: 10px; width: 50%;}
    .reports.archive .list .item .pdf-cta.vertical a:last-child{border-top:1px solid}

    #facilitation .left-side{padding-left: 15px; padding-top: 25px; padding-bottom: 40px;}
    #facilitation .facilitation-list button{margin: 0px; font-size: 0.9rem;}
    #facilitation .facilitation-list button.nav-link.active::after{top:21px}
    #facilitation .right-side .tab-pane{padding: 15px 15px;}
    #facilitation .right-side .tab-pane h3{font-size: 1.5rem; margin-bottom: 10px;}
    #facilitation .right-side .tab-pane .list-item{font-size: 1.2rem;}
    #facilitation .right-side .tab-pane .list-item:nth-child(3){display: none;}
    
    .business-process .production-list button{margin: 0px; font-size: 0.9rem;}
    .business-process .right-side{padding-top: 30px;}

    .timeline{height: 450px;}
    #timeline button.slick-prev, #timeline button.slick-next{top:60px}

    .governance.directors-wrapper .nav-tabs .nav-link{width: 50%;}
    .governance.culture .left-side{padding-top: 0px; padding-bottom: 0px; padding-left: 0px;}
    .governance.culture .left-side img{width: 100%;}
    .governance.culture .right-side > div{max-width: 100%; padding-top: 30px; padding-left: 15px; padding-bottom: 30px;}
    .governance.whistleblowing{padding: 40px 15px;}
    .governance.whistleblowing p{max-width: 100%;}
    
    .stock h2{font-size: 1.5rem; text-align: center; width: 100%; }
    .stock.composition{margin-top: -30px; padding-top: 60px; padding-bottom: 40px;}
    .stock.composition h2{font-size: 1.3rem;}
    .stock.composition .stock-list .item{margin-top: 8px; margin-right: 0px; margin-bottom: 8px; text-align: center; display: flex;}
    .stock.composition .stock-list .item .name{font-size: 0.9rem; font-weight: 600; display: flex; align-items: center; padding-left: 10px;}
    .stock.composition .stock-list .item .number{font-size: 1.5rem; line-height: 3rem; padding-bottom: 5px; margin-bottom: 5px;flex: 0 0 auto; width: 40%; border-bottom: 0px; border-right: 1px solid #FFF;}
    .stock .stock-notes .item{margin-bottom: 10px; border-radius: 15px; overflow: hidden;}
    .stock .stock-notes .item .header{min-height: 50px; padding: 5px 15px;}
    .stock.vendors{padding-top: 40px;}
    .stock.vendors h2{margin-bottom: 20px;}
    .stock.vendors .slick-prev{left:-10px}
    .stock.vendors .slick-next{right:0px}
    .slick-prev::before, .slick-next::before {font-size: 30px;}

    .reports.headline-report{margin-top: -30px; padding-top: 40px;}    
    .reports.headline-report h1{font-size: 1.5rem;}
    .reports.headline-report p{font-size: 1rem;}
    .reports.headline-report .details{padding-left: 1rem;;}
    .reports.headline-report .details .year{font-size: 1.5rem; margin-top: 15px;}
    .reports.headline-report .details .title{font-size: 2.5rem; padding-top: 0px;}
    .reports.headline-report .details .excerpt{margin-bottom: 25px;}
    .reports .filter{padding-left: 15px;}
    .reports .filter select{margin-left: 0px; margin-top: 10px;}
    .reports.archive{padding-top: 40px;}
    .reports.archive-pdf{margin-top: 40px;}
    .reports.archive-pdf p{padding:15px}
    .reports.archive-pdf .list .item{flex: 0 0 100%;}
    .reports.archive-pdf.vertical .item{margin-bottom: 25px;}
    .reports.archive-pdf.vertical .filter{margin-bottom: 0px;}
    .reports.archive-pdf.vertical .image{position: absolute; top:0px; left:0px}
    .reports.archive-pdf.vertical .image img{width: 40px;}
    .reports.archive-pdf.vertical .details{padding: 15px;}
    .reports.archive-pdf.vertical .details .pdf-cta{margin-top: 10px;}
    .reports.archive-pdf.vertical .details .pdf-cta a{display: flex; flex-direction: column; align-items: center; text-align: center; font-size: 0.8rem; flex-direction: row; align-items: center;}
    .reports.archive-pdf.vertical .details .pdf-cta a img{width: 15px; padding-bottom: 3px;}
    
    .rups{margin-top: -30px; padding-top: 40px;}
    .rups h1{font-size: 1.5rem;}
    .rups .filter select{margin-left: 0px;}
    .rups h2{font-size: 2rem; width: 100%;}
    .rups .rups-list .item{padding: 0px; margin-bottom: 20px;}
    .rups .rups-list .item .title{font-size: 0.9em; margin-bottom: 10px; display: block; font-weight: 600;}
    .rups .rups-list .item .pdf-cta{margin-left: 0px;}
    
    .rekrutmen .item{text-align: left; padding-left: 25px; display: flex; padding-bottom: 50px;}
    .rekrutmen .item p{margin-bottom: 0px; padding-top: 0px; display: flex; align-items: center; padding-left: 20px;word-spacing:0px}
    .rekrutmen .item:after{right: auto; left:50px; top:90px; transform: rotate(90deg);}
    .rekrutmen .item .image::before {border:0px}
    .rekrutmen .item .image::after{border-top:0px; border-left: 1px solid #C4A901; height: 150px;}
    .career h2{font-size: 1.5rem; padding-bottom: 15px;}
    .career .item img{padding-bottom: 15px;}
    .career .item h3{padding-bottom: 0px;}

    .contact h1{text-align: center;}
    .contact .img-contact{margin-bottom: 15px;}
    .contact .column .cta{margin-top: 15px;}
    .contact .column .item{margin-bottom: 30px;}
    .contact .ratio-16x9{aspect-ratio: 1/1 auto;}
    .contact .nav-tabs .nav-link{padding: 0px; width: 50%; font-size: 1em; text-align: left;}

    .product-description{padding:40px 30px;}
    .product-description .cta-back a{font-size: 0.9em;}
    .product-description .barcode{display: block; text-align: center;}
    .product-description .product-details .item{margin-right: 0px;}
    .product-description .product-details .item > div > div:nth-child(2){font-size: 1.5rem;}
    .product-description .logo{text-align: center;}
    .product-wrapper h2{padding-top: 20px;}
    .product-wrapper .img-list li{display: inline; }
    .product-wrapper .img-list li img{max-width: 140px; padding-bottom: 30px;}
    .product-wrapper .item{padding-left: 15px; padding-right: 15px; margin-bottom: 40px; display: flex; flex-direction: column; justify-content: space-between;}
    .product-wrapper .item .cta a{font-size: 10px; padding: 0px; display: block;}
    .product-wrapper .item .name{font-size: 0.9rem; line-height: 1.2rem;}
    .product-menu .item .nav-link{background-color: var(--dark-green-wismilak);}
    .product-menu .item .nav-link.active{background-color: var(--darkest-green-wismilak); border-bottom: 7px solid var(--wismilak-gold); filter: grayscale(0);}
    .tab-content .page-intro h2{margin-top: 25px;}
    #tabProduk li{position: relative;}
    #tabProduk li:after{content:"";position: absolute; right: 0px; top:50%; transform: translateY(-50%); width: 1px; border-right:1px solid #FFF; height: 50%; opacity: 0.5;}
    #tabProduk li:last-child:after{border:0px}

    .business-category > div{background-size: 100%; background-position: center bottom;}
    .business-category .item{padding-top: 50%;}
    .business-process{background-size: 300%; background-position: bottom;}

    .product-menu .item .nav-link .title{font-size: 0.9rem;line-height: 1.25rem; font-weight: 500; margin-bottom: 0px; text-transform: capitalize;}
    .product-menu .item .nav-link.active .title{font-size: 0.85rem; line-height: 1.25rem;}
    .product-menu .item .nav-link .link{display: none;}
    
    .rups .filter p{padding-right: 10px;}

    .footer{padding-top: 50px;}
    .footer h3{font-size: 1em; line-height: 1.5em; margin-bottom: 0px;}
    .footer .image{padding-left: 20px; padding-right: 20px;}
    .footer .heading{display: flex; align-items: center; padding-left: 0px;}
    .footer .links{padding-top: 20px; padding-left: 0px;}
    .footer .links li{padding-top: 0px; text-align: center;}
    .footer .links li a{font-size: 0.9em; line-height: 1em;}
    .footer .row{padding-bottom: 0px;}
    .footer .subfooter{font-size: 0.8rem; padding-bottom: 30px; padding: 20px 0px 30px; text-align: center;}
    .footer .image img{max-width: inherit;}

    .contact form .option-wrapper .category-selected{flex-wrap: wrap; font-size: 13px; width: 80%;}
    .contact form .option-wrapper .category-selected > div{width: 100%;}
    .contact form .option-wrapper .category-selected .btn-option{font-size: 14px;}
    .contact .form-contact form button{font-size: 14px; padding: 5px 15px;}
    .contact .form-contact fieldset{display: none; background-color: rgba(196,170,1, 0.2); padding:15px 0px; border-radius: 10px;}   
    .contact .form-contact fieldset input.form-control{font-size: 0.9rem;}
    .contact form .option-wrapper .category-selected .btn-option.active{}

    .staticFooter{font-size: 14px; line-height: 20px;}
}