.banner-lp {background-color: #4CAAE8;padding: 125px 0;height: 90vh;min-height: 450px;max-height: 600px;background-size:cover !important;background-repeat:no-repeat !important;}.banner-lp h2 {color: #0F4D9A;font-weight: bold;font-size: 50px;font-family: Brevia-SemiBold, Arial;line-height: 52px;margin:0;}.banner-lp .container {height: 100%;display: table;position: relative;width: 100%;padding: 0;}.banner-lp .banner-panel {display: table-cell;vertical-align: middle;}.banner-description {width: 50%;background: rgb(255 255 255 / 0.7);padding: 75px 50px 75px 150px;}.sustainability-pages .box {padding: 45px 15px;border: 0;border-radius: 18px;text-align: center;color: #fff;cursor: pointer;position:relative;}.sustainability-pages .box h3 {font-weight: bold;text-transform: uppercase;font-family: Brevia-SemiBold, Arial;color: #fff !important;margin:25px 0 20px;}.sustainability-pages .box.homepg h3 {text-transform: uppercase !important;font-size:24px !important;}.sustainability-pages .box p {font-size: 16px;margin-bottom: 25px;font-family:Brevia-SemiBold, Arial;color: #fff !important;}.cta-lanjut {font-size: 17px;border-radius: 15px;border: 1px solid #fff;padding: 10px 25px;background-color: #fff;text-transform: uppercase;font-weight: bold;display: inline-block;font-family:Brevia-SemiBold, Arial;}.box.sehat .cta-lanjut {color: #FF6C72;}.box.sejahtera .cta-lanjut {color: #F5A200;}.box.selara .cta-lanjut {color: #3B9A8C;}.box.sehat {background-color: #FF6C72;}.box.sejahtera {background-color: #F5A200;}.box.selara {background-color: #3B9A8C;}@media only screen and (min-width: 768px) {.sustainability-pages .col-sm-4 {padding: 0 16px;}.sustainability-pages .col-sm-4:first-child {padding-left: 8px;padding-right: 24px;}.sustainability-pages .col-sm-4:nth-child(3n) {padding-right: 8px;padding-left: 24px;}}.box-title {background-color: #ff717edb;position: absolute;bottom: -85px;left: 0;right: 0;margin: 0 auto;width: 80%;height: 160px;padding-top: 15px;border-radius: 50%;}.sustainability-pages .box.sehat, .sustainability-pages .box.sejahtera, .sustainability-pages .box.selaras{padding: 45px 15px;border: 0;border-radius: 26px;text-align: center;color: #fff;background-size: cover !important;min-height: 360px;position: relative;overflow: hidden;margin-bottom:45px;}.sustainability-pages .box.homepg{padding: 0px;overflow:hidden;}.box-desc{padding: 0 15px 45px;}.sustainability-pages .box.sehat h3, .sustainability-pages .box.sejahtera h3, .sustainability-pages .box.selaras h3 {font-weight: bold;font-family: Brevia-SemiBold, Arial;font-size: 17px;text-transform:inherit;}.box-article{position:relative;}.article-description{width:100%;position:absolute;left:0px;top:0;bottom:0;margin:auto;overflow:hidden;padding:50px 75px;display:table;height:100%;}.valign-middle{display:table-cell;vertical-align:middle;}.article-description.right-half{width:50%;right:0;left:auto;padding-right:50px;}.article-description h3{font-family: Brevia-SemiBold, Arial;color:#0F4D9A;font-size:calc(1em + 2vw);text-transform:uppercase;margin-bottom:6%;position:relative;z-index:5;}.gb-overlay{position:absolute;width:75%;height:100%;top:0;left:0;background:linear-gradient(to right, rgb(0 159 227), rgb(255 255 255 / 0));opacity:0.5;}.box-hd{width:50%;}.article-description .button{text-transform:capitalize;font-size:calc(1em + 0.5vw);height:auto;padding:6px 45px;background-color: #124a9d;}.article-description .button.p-absolute{position:absolute;right: 8%;bottom: 15%;}.box-product h3{font-family: Brevia-SemiBold, Arial;color:#0F4D9A;font-size:calc(0.8em + 1vw);text-transform:uppercase;position:absolute;top:45px;left:0;right:0;margin:auto;text-align:center;}.box-product .button{position:absolute;font-size:calc(0.7em + 0.5vw);bottom:45px;height:auto;padding:4px;background-color: #124a9d;left:0;right:0;text-align:center;text-transform:capitalize;width:35%;margin:auto;}.tab-title{color:#0F4D9A;font-family:Brevia-Black,Helvetica,Arial,sans-serif;text-align:center;margin-bottom:45px;}.grid-box img,.box-article img {width:100%;}@media only screen and (min-width: 768px) {.pr-md-2{padding-right:2vw;}.pl-md-2{padding-left:2vw;}}.card_product .card__thumbnail {height: auto;border-color: #757575;padding-bottom: 0;border-radius: 20px;}.card_product .card__image{width:100%;height:300px !important;background-position:center center !important;background-size:80% !important;background-repeat:no-repeat !important;margin-bottom:20px;}.card_product{margin-bottom:35px;}.card__head{padding:25px 25px 0;margin:0;}.card__head h3{margin:0 !important;}.card__meta{text-align:right;}.card__meta .button{background-color: #124a9d !important;text-transform:capitalize !important;font-size:16px;}.border-line{border:1px solid #757575;padding:25px;}.border-line p{padding-right:25px;padding-left:25px;font-size:20px;color:#444;}@media only screen and (min-width: 768px) {.card_product_list .col-sm-6:first-child{padding-right:20px;}.card_product_list .col-sm-6:last-child{padding-left:20px;}}.nav-pills li{padding:0 20px;}.nav-pills li a{border-radius:16px;padding:20px 15px;font-size:16px;text-transform:uppercase;font-weight:bold;background-color:#E5E5E5;font-family:Brevia-SemiBold, Arial;}.nav-pills li:first-child{padding-left:0;}.nav-pills li:last-child{padding-right:0;}.nav-pills li.active a{background-color:#326CBE }.sejahtera .box-title{background-color: #f2ac00db !important;}.btn-bottom{background: #23527c;position: absolute;bottom: 12%;left: 0;right: 0;margin: auto;text-align: center;width: 80%;max-width: 300px;font-size: 18px;height: auto;padding: 5px 25px;}.selaras .box-title{background-color: #478d7ce3 !important;}.grid-box {overflow: hidden;position: relative;border-radius: 20px;width: 100%;margin-bottom: 4vw;}.grid-box img {width: 100%;}.sustainability-pages {padding: 75px 0 50px;}.sustainability-pages p.description {font-size: 24px;margin-bottom: 75px;color: #444;}.sustainability-pages ul p.description {font-size: 24px;margin-bottom: 15px;color: #444;}.mb-2{margin-bottom:20px !important;}.tab-links{overflow:hidden;}.tab-links a{width:48%;display:inline-block;float:left;padding:20px 15px;border-top-left-radius:30px;border-top-right-radius:30px;text-align:center;background-color:#BCE1FB;color:#FFF;font-size:24px;font-weight:bold;font-family:Brevia-SemiBold, Arial;margin:50px 0;}.tab-links a.active{background-color:#7AC3F8;}.tab-links a:last-child{float:right;}.wm .tab-links a{width:32%;font-size:16px;margin:30px 0;margin-right:1.5% }.wm .tab-links a:last-child{float:none;margin-right:0;}@media only screen and (max-width: 767px) {.banner-description {width: 50%;background: rgb(255 255 255 / 0.7);padding: 50px;}}@media only screen and (min-width: 768px) {}