/*view screen for dekstop*/
@media (min-width: 1200px) {
    .space-mobile {
      display: none;
    }
    .container-terluar{
      padding-left: 6%;
      padding-right: 6%;
    }
    /*---------------------------------------------
    /*Start Main Style
    /*---------------------------------------------
        /*start header*/
    /*Margin Content for Dekstop*/

    /*language*/
    .dropdown {
      text-align: right;
    }
    .btn-lang {
      width: 86px;
    }
    #dropdown-show li a {
      text-align: center;
      width: 72px !important;
    }
    .dropdown-lang {
      position: relative;
      display: inline-block;
    }
    .dropbtn-lang {
      background-color: rgb(255, 255, 255);
      color: rgb(102, 102, 102);
      font-size: 24px;
      font-family: Futura Md BT;
      border: none;
      padding: 0px 12px 0px 12px;
    }
    .dropdown-content-lang {
      display: none;
      position: absolute;
      background-color: rgb(255, 255, 255);
      z-index: 6;
      color: rgb(255, 255, 255);
    }
    .dropdown-content-lang a {
      font-size: 24px;
      font-family: Futura Md BT;
      color: rgb(102, 102, 102);
      padding: 12px 12px;
      text-decoration: none;
      display: block;
    }
    .dropdown-lang:hover .dropdown-content-lang {
      display: block;
    }
    .dropdown-lang:hover .dropbtn-lang {
      background-color: rgb(255, 255, 255);
    }
    #opt-lang {
      border-bottom: 1px solid;
      border-bottom-color: rgb(254, 215, 0);
    }
    /*grid dekstop*/
    .grid-container {
      display: grid;
      grid-template-columns: auto auto auto auto auto 30%;
      grid-gap: 1px;
      border-top: 6px solid rgb(237, 32, 36);
      padding-left: 2%;
      padding-right: 2%;
    }
    .grid-container > div {
      background-color: rgb(255, 255, 255);
      padding: 15px 0;
      font-size: 24px;
      height: 77.76px;
    }
    .item1 {
      grid-column: 1/5;
    }
    .item3 {
      width: 100%;
    }
    div .item2 {
      text-align: right;
      padding-right: 15px;
      width: 100%;
    }
    /*navbar menu*/
    .sticky {
      position: fixed;
      z-index: 5;
      top: 0px;
      width: 100%;
    }
    .container-fluid-navbar {
      height: 77.76px;
      padding-left: 2% !important;
      padding-right: 2% !important;
      background-color: rgb(255, 255, 255) !important;
      z-index: 5 !important;
    }
    .width-logo-header{
      width: 12%;
    }
    .width-tittle-header{
      width: 68%;
    }
    .width-lang-header{
      width: 20%;
    }
    .nav-contact {
      background-color: rgb(254, 215, 0);
    }
    .navbar-nav-id {
      height: 78px;
      width: 100%;
    }
    .nav-item {
      padding-top: 15px;
      padding-bottom: 15px;
      width: 25%;
      height: 100%;
    }
    .nav-item:hover {
      border-bottom: 7.3322834646px solid rgb(237, 32, 36);
      padding-bottom: 14px !important;
    }
    .nav-link {
      text-align: center;
      padding-top: 0px !important;
    }
    .active-style {
      border-bottom: 7.3322834646px solid rgb(237, 32, 36);
      padding-bottom: 14px !important;
    }
    .menu-icon {
      padding-right: 3%;
    }
    #nav-logo {
      display: none !important;
    }
    /*font title shell menu*/
    .shell-title {
      font-family: Futura Md BT;
      font-weight: 500;
      font-size: 24pt;
      color: rgb(88, 88, 91);
    }
    .shell-nav-item {
      font-family: Futura Md BT;
      font-weight: bold;
      font-size: 16.1pt;
      color: rgb(25, 95, 153) !important;
    }
    /*font menu*/
    .shell-nav {
      font-family: Futura Md BT;
      font-weight: bold;
      font-size: 14pt;
      color: rgb(88, 89, 91) !important;
      text-transform: uppercase;
    }
    /*search*/
    .custom-search {
      width: 100%;
      height: 37.247244094px !important;
      font-size: 14px;
      border: 1px solid rgb(197, 196, 195);
      border-radius: 20px 20px !important;
    }
    .search-form {
      padding-top: 5px;
    }
    /*banner*/
    .banner-home {
      padding-bottom: 1%;
    }
    .carousel-content {
      position: relative;
      width: 100%;
    }
    .carousel-content .img-banner-home {
      width: 100%;
      height: auto;
    }
    /*banner*/

    
    .carousel-content .content-banner {
      position: absolute;
      top: 25%;
      left: 50%;
      width: 50%;
      text-align: left;
    }
    .title-banner {
      font-family: Futura Hv BT;
      font-size: 66.6666666667px;
      font-weight: 900;
      font-style: italic;
      color: rgb(89, 89, 92);
      display: block;
      line-height: 1;
    }
    .desc-banner {
      font-family: Futura Lt BT;
      font-size: 26.6666666667px;
      font-weight: 300;
      font-style: italic;
      color: rgb(35, 31, 32);
    }
    .carousel-indicators {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 2;
      height: 60px !important;
      display: flex;
      justify-content: center;
      padding: 0;
      margin-right: 15%;
      margin-bottom: 0px !important;
      margin-left: 15%;
      list-style: none;
  
      
    }
    /*end header*/
    /*---------------------------------------------
    /*End Main Style
    /*---------------------------------------------
  
    /*---------------------------------------------
    /*Start Home Style
    /*---------------------------------------------
        /*start hotline*/
    .main-content-hotline-mobile {
      display: none !important;
    }
    .container-hotline {
      text-align: right;
      line-height: 0.1;
      width: 100%;
      margin-left: 0px;
      margin-right: 180px;
    }
    .shell-hotline {
      vertical-align: middle !important;
      /* margin-left: -190px;
      margin-right: auto; */
    }
    .shell-phone-number {
      margin-right: auto;
      margin-left: 48px;
    }
    .shell-col-sm-1 {
      vertical-align: middle !important;
      padding: 0px;
    }
    .shell-col-sm-2 {
      vertical-align: middle !important;
      padding: 0px;
      text-align: left;
    }
    .hotline-title {
      font-family: Futura Md BT;
      font-size: 43.48pt;
      font-weight: bold;
      font-style: italic;
      color: rgb(237, 28, 36);
    }
    .hotline-phone {
      font-family: Futura Md BT;
      font-size: 32.64pt;
      font-weight: bold;
      color: rgb(237, 28, 36);
      text-decoration: none;
    }
    .hotline-phone:hover {
      color: #6D6E70;
    }
    .shell-wa {
      width: 1.5102cm;
      height: 1.5102cm;
      background-color: rgb(167, 169, 171);
      color: #FFFFFF;
      border-radius: 50%;
      text-align: center;
      font-size: 40px;
      z-index: 2;
      padding-left: 13px;
      padding-right: 13px;
      padding-top: 1px;
      padding-bottom: 3px;
      vertical-align: middle;
    }
    .shell-wa:hover {
      color: rgb(89, 89, 91);
    }
    /*end hotline*/
    /*title product pelumas*/
    .row-home-produk {
      padding-top: 24px !important;
    }
    .title-home-produk {
      font-family: Futura Md BT;
      font-size: 22pt;
      color: rgb(91, 94, 91);
      font-weight: bold !important;
      margin-bottom: 0px !important;
      padding-bottom: 24px;
      text-align: center;
    }
    /*end title product pelumas*/
    /*start card product*/
    .shell-container {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0px;
    }
    .shell-col {
      margin-left: 5px;
      margin-right: 5px;
      width: 12.2884cm !important;
      padding: 0px;
    }
    .shell-card-body-top {
      width: 10.842cm;
      height: 2.2931cm;
      background-color: #FFFFFF;
      margin-left: auto;
      margin-right: auto;
      margin-top: -9%;
      border-bottom: 4.002519685px solid rgb(237, 28, 36);
      padding: 15px 10px 15px 10px !important;
    }
    .shell-card-text-top {
      font-family: Futura Md BT;
      font-size: 22pt;
      color: rgb(91, 94, 91);
      text-align: center;
      font-weight: 500;
      line-height: 1;
      vertical-align: middle;
      /*line clamp title article*/
      overflow: hidden;
      text-overflow: clip;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    .shell-card-img-top {
      width: 12.2884cm !important;
      height: 6.938cm !important;
    }
    /*end card product*/
    /*start testimoni*/
    .main-content-hotline {
      background-color: rgb(241, 242, 242) !important;
    }
    .carousel-item-bottom-banner {
      padding-right: 10%;
    }
    .prev-bottom-icon {
      width: 18px;
      height: 40px;
    }
    .next-bottom-icon {
      width: 18px;
      height: 40px;
    }
    .banner-bottom-img {
      padding-left: 15%;
      width: auto;
      height: 25rem;
    }
    .content-banner-bottom {
      padding-left: 250px;
      padding-bottom: 130px;
      padding-top: 130px;
      width: 65%;
      text-align: left;
    }
    .desc-banner-bottom {
      font-family: Futura Lt BT;
      font-weight: 300;
      font-size: 24pt;
      color: rgb(89, 89, 91);
      display: block;
      line-height: 1.5;
    }
    .name-banner-bottom {
      font-family: Futura Md BT;
      font-size: 18pt;
      font-weight: bold;
      color: rgb(231, 184, 9);
    }
    /*start testimoni*/
    /*---------------------------------------------
    /*End Home Style
    /*---------------------------------------------
    /**/
    /*---------------------------------------------
    /*Start Footer Style
    /*---------------------------------------------
    /**/
    /*Start float wa*/
    
    .my-float {
      margin-top: 12px;
    }
    .my-float:hover {
     color: rgb(255, 255, 255);
    }
    .float:hover {
     color: rgb(255, 255, 255);
    }
    /*end float wa*/
    /*Start Live Chat CSS*/
    /* Button used to open the chat form - fixed at the bottom of the page */
    .open-button {
      font-family: tahoma;
      font-size: 18px;
      color: rgb(89, 89, 91);
      background-color: rgb(254, 215, 0);
      padding: 16px 20px;
      border: none;
      cursor: pointer;
      position: fixed;
      bottom: 0px;
      width: 8.3121cm;
      height: 1.5cm;
      border-radius: 10px 10px 0px 0px !important;
      right: 17%;
    }
    /* The popup chat - hidden by default */
    .chat-popup {
      display: none;
      position: fixed;
      bottom: 0;
      right: 15px;
      border: 3px solid #f1f1f1;
      z-index: 9;
    }
    /* Add styles to the form container */
    .form-container {
      max-width: 300px;
      padding: 10px;
      background-color: white;
    }
    /* Full-width textarea */
    .form-container textarea {
      width: 100%;
      padding: 15px;
      margin: 5px 0 22px 0;
      border: none;
      background: #f1f1f1;
      resize: none;
      min-height: 200px;
    }
    /* When the textarea gets focus, do something */
    .form-container textarea:focus {
      background-color: #ddd;
      outline: none;
    }
    /* Set a style for the submit/send button */
    .form-container .btn {
      background-color: #04AA6D;
      color: rgb(255, 255, 255);
      padding: 16px 20px;
      border: none;
      cursor: pointer;
      width: 100%;
      margin-bottom: 10px;
      opacity: 0.8;
    }
    /* Add a red background color to the cancel button */
    .form-container .cancel {
      background-color: red;
    }
    /* Add some hover effects to buttons */
    .form-container .btn:hover, .open-button:hover {
      background-color: rgb(147, 149, 151);
      color: rgb(255, 255, 255);
    }
    .livechat-icon {
      padding-right: 3%;
    }
    /*End Live Chat CSS*/
    /*Footer text down*/
    .footer-text {
      font-family: Futura Lt BT;
      font-size: 18pt;
      font-weight: 300;
      color: rgb(255, 255, 255);
      text-align: center;
      padding-top: 5%;
      padding-bottom: 3%;
      height: 100%;
    }
    .text-footer {
      margin-bottom: 0px;
      padding-bottom: 1%;
    }
    .footer-up {
      height: 100%;
      background-color: rgb(147, 149, 151);
      padding-left: 9%;
      padding-right: 9%;
    }
    .footer-down {
      height: 100%;
      background-color: rgb(102, 102, 102);
    }
    .footer-link {
      font-family: Futura Lt BT;
      font-size: 18pt;
      font-weight: 300;
      text-align: center;
      color: rgb(255, 255, 255);
      text-decoration: none;
    }
    .footer-link:hover {
      color: rgb(147, 149, 151);
    }
    .text-mb-1 {
      font-family: Futura Md BT;
      font-size: 25pt;
      color: rgb(255, 255, 255);
      font-weight: bold;
      padding-bottom: 2%;
    }
    .text-mb-0 {
      font-family: Futura Lt BT;
      font-size: 18pt;
      font-weight: 300;
      color: rgb(255, 255, 255);
      line-height: 1.5;
    }
    .form-control-footer {
      font-family: Futura Lt BT;
      font-size: 18pt;
      font-weight: 300;
      color: rgb(147, 149, 151);
      width: 8.2251cm !important;
      height: 1.3406cm !important;
      border-radius: 0px 0px 0px 0px;
    }
    .btn-primary-footer {
      font-family: tahoma;
      font-size: 18pt;
      font-weight: normal;
      color: rgb(89, 89, 91);
      background-color: #FED700;
      border: none;
      width: 100% !important;
      height: 1.3406cm !important;
      border-radius: 0px 0px 0px 0px;
    }
    .btn-primary-footer:hover {
      background-color: rgb(102, 102, 102);
      color: rgb(255, 255, 255);
    }
    .row-up {
      padding-top: 7%;
      padding-bottom: 7%;
    }
    /*---------------------------------------------
    /*End Footer Style
    /*---------------------------------------------
    /**/
    /*---------------------------------------------
    /*Start About Style
    /*---------------------------------------------
    /**/
    /*count on us*/
    .shell-main-content-about-1 {
      background-color: rgb(254, 215, 0);
      padding-top: 24px;
      padding-bottom: 24px;
      text-align: center;
      height: 8.7906cm;
    }
    .shell-div-about-1 {
      padding-bottom: 24px;
    }
    .shell-span-about-1 {
      font-family: Futura Md BT;
      font-weight: bold;
      font-size: 22pt;
      color: rgb(91, 94, 91);
    }
    .shell-span-about-2 {
      font-family: Futura Md BT;
      font-weight: 500;
      font-size: 22pt;
      color: rgb(91, 94, 91);
      text-align: left;
      padding-left: 2px;
      word-break: break-all;
      line-height: 1;
    }
    .shell-span-about-3 {
      font-family: Futura Md BT;
      font-weight: 500;
      font-size: 22pt;
      color: rgb(91, 94, 91);
      text-align: left;
      word-break: break-all;
      line-height: 1;
    }
    .shell-row {
      margin: 0px !important;
    }
    .shell-sm {
      margin-left: auto;
      margin-right: auto;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .shell-card-about-1 {
      background-color: rgb(255, 255, 255) !important;
      height: 4.3984cm;
      width: 80%;
      border-radius: 15px;
    }
    .shell-icon-about-1 {
      padding-bottom: 24px;
      padding-top: 24px;
      padding-left: 24px;
      padding-right: 0px;
    }
    .shell-icon-about-2 {
      padding: 24px;
    }
    .container-find-us {
      padding-top: 40px;
      padding-bottom: 40px;
      text-align: center;
    }
    /*logo company bottom*/
    .main-content-about-us {
      background-color: #F1F2F2;
      padding-top: 3%;
      text-align: center;
    }
    .img-company-1 {
      width: 197.73pt;
      height: 98.471pt;
    }
    .img-company-2 {
      width: 236.156pt;
      height: 92.931pt;
    }
    .shell-logo-company {
      width: 33.501pt;
      height: 30.783pt;
    }
    .shell-class-1 {
      font-family: Futura Md BT;
      font-weight: bold;
      font-size: 14.46pt;
      color: rgb(0, 85, 156);
      padding-top: 24px;
      padding-bottom: 24px;
    }
    .shell-class-2 {
      font-family: Futura Md BT;
      font-weight: bold;
      font-size: 14.46pt;
      color: rgb(0, 85, 156);
      padding-top: 31px;
      padding-bottom: 24px;
    }
    .shell-container-network {
      padding-top: 24px;
      padding-bottom: 24px;
      text-align: center;
    }
    /*---------------------------------------------
    /*End About Style
    /*---------------------------------------------
    /**/
    /*---------------------------------------------
    /*Start Contact Style
    /*---------------------------------------------
        /*form contact*/
    .container-form-contact {
      padding-top: 0px;
      padding-bottom: 0px;

    }
    .col-img-us {
      height: 21.5cm;
    }
    .shell-img-call-us {
      width: 100%;
      height: 704px;
    }
    .col-sm-left {
      background-color: #D6D6D5;
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 35px;
      height: 100% !important;
    }
    .row-left-top {
      padding-top: 20px;
    }
    .shell-mb-3 {
      margin-bottom: 0px !important;
    }
    .shell-col-sm-right-div {
      margin-top: 30px;
    }
    .desc-sm-left-1 {
      font-family: Futura Md BT;
      font-size: 14pt;
      color: rgb(89, 89, 91);
      font-weight: 500;
      margin-left: auto;
      margin-right: auto;
      padding-left: 40px;
    }
    .desc-sm-left-2 {
      font-family: Futura Md BT;
      font-size: 14pt;
      color: rgb(89, 89, 91);
      font-weight: 500;
      margin-left: auto;
      margin-right: auto;
      padding-right: 40px;
    }
    .desc-col-sm-left {
      font-family: FuturaBT;
      font-size: 14px;
      color: #58595B;
      text-decoration: none;
    }
    .desc-col-sm-left:hover {
      color: #FFFFFF;
    }
    .col-sm-right {
      background-color: #ECEDEE;
      padding-left: 0px;
      padding-right: 0px;
      height: 25.84cm !important;
    }
    .row-sm-right {
      text-align: left;
    }
    .container-lets-talk {
      text-align: center;
      background-color: #FED700;
      height: 3.0641cm;
      padding-top: 35px;
      padding-bottom: 24px;
      vertical-align: middle;
      justify-content: center;
    }
    .title-sm-right-top {
      font-family: Futura Md BT;
      font-weight: bold;
      font-size: 25pt;
      color: rgb(88, 89, 91);
      vertical-align: middle;
    }
    .col-sm-right-div {
      padding-top: 24px;
      padding-left: 5%;
      padding-right: 5%;
    }
    .desc-sm-right {
      font-family: Futura Md BT;
      font-weight: 500;
      font-size: 16pt;
      color: rgb(88, 88, 91);
    }
    .form-right {
      font-family: Futura Md BT;
      font-size: 16pt;
      color: rgb(88, 88, 91);
      font-weight: 500;
      border-radius: 0px 0px 0px 0px;
      border: none;
    }
    .desc-sm-right-file {
      font-family: Futura Md BT;
      font-size: 10pt;
      color: rgb(88, 88, 91);
      font-weight: 500;
    }
    .btn-lets-talk {
      font-family: Futura Md BT;
      font-weight: bold;
      font-size: 25pt;
      color: rgb(88, 89, 91);
      width: 100%;
      background-color: #FED700;
      border-radius: 0px 0px 0px 0px;
      border: none;
    }
    /*let us serve you better*/
    .title-find-us {
      font-family: Futura Md BT;
      color: rgb(88, 89, 91);
      font-weight: bold;
      font-size: 25pt;
    }
    .desc-find-us {
      font-family: Futura Md BT;
      font-weight: 500;
      font-size: 14pt;
      color: rgb(89, 89, 91);
    }
    .loc-find-us {
      padding-top: 40px;
      padding-bottom: 100px;
    }
    .map-find-us {
      height: 30rem;
    }
    .container-btn-lets-talk {
      position: relative;
    }
    .form-message {
      height: 74px;
    }
    /*---------------------------------------------
    /*End Contact Style
    /*---------------------------------------------
    /**/
    /*---------------------------------------------
    /*Start Detail Featured Content Style
    /*---------------------------------------------
        /*breadcrumb*/
    .arrow::before {
      order: 1;
      padding: 0px 24px 0px 0px !important;
      font-family: Futura Lt BT !important;
      vertical-align: middle !important;
      font-weight: 300 !important;
      font-size: 10pt !important;
      content: "❯" !important;
      display: inline-block !important;
      color: rgb(88, 88, 91) !important;
    }
    .shell-breadcrumb {
      font-family: Futura Lt BT;
      color: rgb(88, 88, 91);
      font-size: 10pt;
      font-weight: 300;
      font-style: italic;
    }
    .shell-breadcrumb:hover {
      color: rgb(231, 184, 9);
    }
    /*title*/
    .shell-title-1 {
      font-family: Futura Md BT;
      font-weight: bold;
      font-size: 25pt;
      color: rgb(91, 94, 91);
      text-align: left;
      padding-bottom: 24px;
      border-bottom: 4px solid rgb(254, 215, 0);
    }
    /*date*/
    .shell-date {
      font-family: Futura Lt BT;
      font-weight: 300;
      font-style: italic;
      font-size: 14pt;
      color: rgb(88, 88, 91);
      padding: 24px 0px 24px 0px;
    }
    /*image top*/
    .shell-image-content {
      padding: 24px 0px 24px 0px;
    }
    .shell-image {
      width: 21.2169cm;
      height: 13.3932cm;
    }
    .image-sources {
      font-family: Futura Lt BT;
      font-weight: 300;
      font-style: italic;
      font-size: 10pt;
      color: rgb(88, 88, 91);
      padding: 0px 0px 0px 24px;
    }
    /*text content*/
    .shell-text-content-1 {
      text-align: justify;
      width: 100%;

    }
    .shell-text-top {
      font-family: Futura Lt BT;
      font-weight: 300;
      font-size: 15pt;
      color: rgb(88, 88, 91);
    }
    /*text content related article*/
    .shell-text-content-2 {
      padding: 24px 0px 0px 0px;
    }
    .shell-related {
      font-family: Futura Md BT;
      font-weight: bold;
      font-size: 14pt;
      color: rgb(0, 85, 156);
      text-decoration: none;
    }
    .shell-text-top-1 {
      font-family: Futura Lt BT;
      font-weight: 300;
      font-size: 14pt;
      color: rgb(88, 88, 91);
    }
    .shell-text-top-2 {
      font-family: Futura Lt BT;
      font-weight: 300;
      font-size: 14pt;
      color: rgb(88, 88, 91);
      text-decoration: none;
    }
    .shell-text-top-2:hover {
      color: rgb(231, 184, 9);
    }
    /*comment article*/
    .shell-button-content {
      padding: 24px 0px 24px 0px;
      text-align: right;
    }
    .btn-like {
      background-color: transparent;
      border: none;
    }
    .btn-comment {
      background-color: transparent;
      border: none;
    }
    .shell-count {
      font-family: Futura Lt BT;
      font-weight: 300;
      font-size: 15pt;
      color: rgb(88, 88, 91);
      padding: 0px 24px 0px 0px;
    }
    .shell-count-1 {
      font-family: Futura Lt BT;
      font-weight: 300;
      font-size: 15pt;
      color: rgb(88, 88, 91);
    }
    .form-comment {
      height: 2.3283cm;
      font-family: Futura Lt BT;
      font-weight: 300;
      font-size: 12pt;
      color: rgb(147, 149, 151);
    }
    .textarea-comment {
      resize: none;
      border-radius: 15px;
      border: 1px solid rgb(88, 88, 91);
    }
    .btn-send {
      width: 2.7291cm;
      height: 1.0514cm;
      font-family: Futura Md BT;
      font-weight: 500;
      font-size: 14pt;
      color: rgb(88, 88, 91);
      background-color: rgb(254, 215, 0);
      border: none;
      border-radius: 7px;
    }
    /*more content right*/
    .shell-card-img-more {

      margin-left: auto;
      margin-right: auto;
    }
    .card-style {
      padding: 0px 0px 24px 0px;
    }
    .shell-card-body-1 {
      width: 7.8081cm;
      background-color: #FFFFFF;
      margin-left: auto;
      margin-right: auto;
      margin-top: -12%;
      border-bottom: 4.002519685px solid #fed700;
      padding: 10px 5px 10px 5px !important;
      text-align: center;
    }
    .btn-show-all {
      font-family: Futura Md BT;
      font-size: 16pt;
      color: rgb(89, 89, 91);
      background-color: rgb(254, 215, 0);
      border: none;
      border-radius: 0px;
      height: 1.3406cm;
      width: 100%;
    }
    /*---------------------------------------------
    /*End Detail Featured Content Style
    /*---------------------------------------------
  
    /*---------------------------------------------
    /*Start Featured Content Page Style
    /*---------------------------------------------
        /*title featured content*/
    .shell-title-2 {
      font-family: Futura Md BT;
      font-weight: bold;
      font-size: 22pt;
      color: rgb(91, 94, 91);
      text-align: center;
      padding: 24px 0px 24px 0px;
      border-bottom: 4px solid #fed700;
      width: 8.0863cm;
      margin-left: auto;
      margin-right: auto;
    }
    .shell-title-3 {
      font-family: Futura Lt BT;
      font-weight: 300;
      font-style: italic;
      font-size: 14pt;
      color: rgb(88, 88, 91);
      text-align: center;
      padding: 24px 0px 0px 0px;
    }
    .shell-image-content-1 {
      padding: 24px 0px 24px 0px;
    }
    .shell-text-content-3 {
      /*line clamp title article*/
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
    }
    /*list article*/
    .article-row {
      padding: 24px 0px 24px 0px;
    }
    .shell-card-img-1 {
      width: 9.1017cm !important;
      height: 6.0678cm !important;
      margin-left: auto;
      margin-right: auto;
      padding: 0px;
    }
    .shell-title-4 {
      font-family: Futura Md BT;
      font-weight: bold;
      font-size: 20pt;
      color: rgb(91, 94, 91);
      padding: 0px 0px 24px 0px;
    }
    .shell-date-1 {
      font-family: Futura Lt BT;
      font-weight: 300;
      font-style: italic;
      font-size: 12pt;
      color: rgb(88, 88, 91);
      padding: 0px 0px 24px 0px;
    }
    .shell-text-content-3 {
      text-align: left;
      font-family: Futura Bk BT;
      font-size: 15pt;
      color: rgb(88, 88, 91);
    }
    .shell-text-content-4 {
      padding: 0px 0px 0px 90px;
    }
    .article-link {
      font-family: Futura Md BT;
      font-weight: bold;
      font-size: 20pt;
      color: rgb(91, 94, 91);
      padding: 0px 0px 24px 0px;
      text-decoration: none;
    }
    .article-link:hover {
      color: rgb(35, 31, 32);
    }
    /*---------------------------------------------
    /*End Featured Content Page Style
    /*---------------------------------------------
    /**/
    /*---------------------------------------------
    /*Start Product Style
    /*---------------------------------------------
        /*menu produk*/
    .shell-ul {
      width: 100%;
      height: 6.8544cm;
      padding: 0px;
      border: none;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
      box-shadow: 5px 5px 10px 0px #8d8a8a;
    }
    .shell-li {
      height: 2.2892cm;
    }
    .shell-li-bottom {
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
    }
    .shell-li:hover, .shell-li-bottom:hover {
      background-color: #EAEBEC;
    }
    .shell-li:hover .shell-li-bottom, .shell-li-bottom:hover .shell-li-bottom {
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
      background-color: #EAEBEC;
    }
    .shell-li:hover .shell-item, .shell-li-bottom:hover .shell-item {
      color: rgb(247, 147, 29);
    }
    .shell-li:hover .shell-icon-1, .shell-li-bottom:hover .shell-icon-1 {
      background-image: url("../images/icon/passenger-car2.png");
      width: 57px;
      height: 22px;
      position: absolute;
      top: 26px;
    }
    .shell-li:hover .shell-icon-2, .shell-li-bottom:hover .shell-icon-2 {
      background-image: url("../images/icon/industri2.png");
      width: 48px;
      height: 40px;
      position: absolute;
      top: 110px;
    }
    .shell-li:hover .shell-icon-3, .shell-li-bottom:hover .shell-icon-3 {
      background-image: url("../images/icon/marine2.png");
      width: 50px;
      height: 33px;
      position: absolute;
      top: 188px;
    }
    .shell-li:hover .pd-2, .shell-li-bottom:hover .pd-2 {
      padding: 10px 16px 10px 24px;
      border-bottom: none;
    }
    .shell-li:hover .pd-1, .shell-li-bottom:hover .pd-1 {
      padding: 25px 16px 25px 24px;
      border-bottom: none;
    }
    .pd-1 {
      padding: 25px 16px 25px 24px;
      border-bottom: 2px solid #EAEBEC;
    }
    .pd-2 {
      padding: 10px 16px 10px 24px;
      border-bottom: 2px solid #EAEBEC;
    }
    .pd-3 {
      padding: 25px 16px 25px 24px;
    }
    .shell-item {
      font-family: Futura Bk BT;
      font-size: 14pt;
      color: rgb(88, 89, 91);
      height: 2.2892cm;
      width: 90%;
      margin: 0px 17px 0px 17px;
    }
    .shell-item:active {
      background-color: transparent;
    }
    .shell-icon-1 {
      background-image: url("../images/icon/passenger-car.png");
      width: 57px;
      height: 22px;
      position: absolute;
      top: 26px;
    }
    .shell-icon-2 {
      background-image: url("../images/icon/industri.png");
      width: 48px;
      height: 40px;
      position: absolute;
      top: 110px;
    }
    .shell-icon-3 {
      background-image: url("../images/icon/marine.png");
      width: 50px;
      height: 33px;
      position: absolute;
      top: 188px;
    }
    .lab-1 {
      padding-left: 80px;
    }
    .shell-li-active {
      background-color: #EAEBEC;
    }
    .shell-li-active .shell-li-bottom {
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
      background-color: #EAEBEC;
    }
    .shell-li-active .shell-item {
      color: rgb(247, 147, 29);
    }
    .shell-li-active .shell-icon-1 {
      background-image: url("../images/icon/passenger-car2.png");
      width: 57px;
      height: 22px;
      position: absolute;
      top: 26px;
    }
    .shell-li-active .shell-icon-2 {
      background-image: url("../images/icon/industri2.png");
      width: 48px;
      height: 40px;
      position: absolute;
      top: 110px;
    }
    .shell-li-active .shell-icon-3 {
      background-image: url("../images/icon/marine2.png");
      width: 50px;
      height: 33px;
      position: absolute;
      top: 188px;
    }
    .shell-li-active .pd-2 {
      padding: 10px 16px 10px 24px;
      border-bottom: none;
    }
    .shell-li-active .pd-1 {
      padding: 25px 16px 25px 24px;
      border-bottom: none;
    }
    /*list menu product passenger car*/
    .shell-main-title {
      font-family: Futura Bk BT;
      font-size: 30pt;
      color: rgb(88, 89, 91);
    }
    .shell-menu-content {
      padding: 12px 0px 12px 0px;
    }
    .shell-list-menu {
      height: 2.0826cm;
      padding: 20px 48px 0px 48px;
    }
    .shell-list-menu-icon-1 {
      background-image: url("../images/icon/passenger-car/engine-oil2.png");
      width: 38pt;
      height: 29.185pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .pd-4 {
      padding: 0px 0px 0px 80px;
    }
    .shell-list-menu-icon-2 {
      background-image: url("../images/icon/passenger-car/gear2.png");
      width: 39pt;
      height: 17.208pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 10px 0px 0px 0px;
    }
    .pd-5 {
      padding: 0px 0px 0px 80px;
    }
    .shell-list-menu-icon-3 {
      background-image: url("../images/icon/passenger-car/greases2.png");
      width: 26.112pt;
      height: 34.6pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 0px 0px 0px 0px;
    }
    .pd-6 {
      padding: 0px 0px 0px 80px;
    }
    .shell-list-menu-icon-4 {
      background-image: url("../images/icon/passenger-car/hydraulics2.png");
      width: 33.96pt;
      height: 34.224pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 0px 0px 0px 0px;
    }
    .pd-7 {
      padding: 0px 0px 0px 80px;
    }
    .shell-list-menu-icon-5 {
      background-image: url("../images/icon/passenger-car/transmission2.png");
      width: 32.084pt;
      height: 28pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 0px 0px 0px 0px;
    }
    .pd-8 {
      padding: 0px 0px 0px 80px;
    }
    .shell-menu-items {
      font-family: Roboto;
      font-weight: 400;
      font-size: 21.39pt;
      color: rgb(128, 130, 132);
    }
    /*list product passenger*/
    .shell-box-content {
      padding: 48px 72px 48px 72px;
    }
    .shell-heading {
      padding: 24px 0px 24px 0px;
    }
    .shell-merk-img {
      width: 380.449pt;
      height: 100%;
    }
    .bord {
      width: 100%;
      border-bottom: 2px #181818;
      border-bottom-style: dashed;
    }
    .shell-name-product {
      font-family: Century Gothic;
      font-weight: bold;
      font-size: 16pt;
      color: rgb(88, 88, 91);
    }
    .shell-desc-product {
      font-family: Century Gothic;
      font-weight: 400;
      font-size: 14pt;
      color: rgb(88, 88, 91);
    }
    /*industry & heavy vehicle*/
    .shell-list-menu-icon-6 {
      background-image: url("../images/icon/industry/compressors2.png");
      width: 42.378pt;
      height: 34pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .shell-list-menu-icon-7 {
      background-image: url("../images/icon/industry/cutting2.png");
      width: 33pt;
      height: 30pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .shell-list-menu-icon-8 {
      background-image: url("../images/icon/industry/electric2.png");
      width: 30pt;
      height: 39pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .shell-list-menu-icon-9 {
      background-image: url("../images/icon/industry/gas2.png");
      width: 32pt;
      height: 33pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .shell-list-menu-icon-10 {
      background-image: url("../images/icon/industry/gearbox2.png");
      width: 44.243pt;
      height: 41.035pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .shell-list-menu-icon-11 {
      background-image: url("../images/icon/industry/heat2.png");
      width: 33.684pt;
      height: 41.198pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .shell-list-menu-icon-12 {
      background-image: url("../images/icon/industry/refrigerator2.png");
      width: 26.606pt;
      height: 35.948pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    /*Shell Marine Products*/
    .shell-list-menu-icon-13 {
      background-image: url("../images/icon/marine/turbine2.png");
      width: 43pt;
      height: 35pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .shell-content-product:hover .shell-name-product, .shell-content-product:hover .shell-desc-product {
      color: rgb(35, 31, 32);
    }
    .shell-main-content-1 {
      background-image: url("../images/icon/product-passenger-car2.png");
      width: 1500px;
      height: 107px;
      padding: 24px 0px 24px 0px;
      text-align: center;
    }
    .icon-pin-angle-1 {
      background-image: url("../images/icon/angle-up.png");
      width: 49px;
      height: 25px;
      position: absolute;
      margin: 17px 0px 0px 400px;
    }
    .icon-pin-angle-1:hover {
      background-image: url("../images/icon/angle-down.png");
      width: 49px;
      height: 25px;
      position: absolute;
      margin: 17px 0px 0px 400px;
    }
    .shell-main-content-1:hover {
      background-image: url("../images/icon/product-passenger-car.png");
      width: 1500px;
      height: 107px;
      padding: 24px 0px 24px 0px;
      text-align: center;
    }
    .shell-main-content-1a {
      background-image: url("../images/icon/product-passenger-car.png");
      width: 1500px;
      height: 107px;
      padding: 24px 0px 24px 0px;
      text-align: center;
    }
    .icon-pin-angle-1a {
      background-image: url("../images/icon/angle-down.png");
      width: 49px;
      height: 25px;
      position: absolute;
      margin: 17px 0px 0px 400px;
    }
    .shell-main-content-2 {
      background-image: url("../images/icon/product-industry-vehicle2.png");
      width: 1500px;
      height: 107px;
      padding: 24px 0px 24px 0px;
      text-align: center;
    }
    .icon-pin-angle-2 {
      background-image: url("../images/icon/angle-up.png");
      width: 49px;
      height: 25px;
      position: absolute;
      margin: 17px 0px 0px 358px;
    }
    .shell-main-content-2a {
      background-image: url("../images/icon/product-industry-vehicle.png");
      width: 1500px;
      height: 107px;
      padding: 24px 0px 24px 0px;
      text-align: center;
    }
    .icon-pin-angle-2a {
      background-image: url("../images/icon/angle-down.png");
      width: 49px;
      height: 25px;
      position: absolute;
      margin: 17px 0px 0px 358px;
    }
    .shell-main-content-2:hover {
      background-image: url("../images/icon/product-industry-vehicle.png");
      width: 1500px;
      height: 107px;
      padding: 24px 0px 24px 0px;
      text-align: center;
    }
    .icon-pin-angle-2:hover {
      background-image: url("../images/icon/angle-down.png");
      width: 49px;
      height: 25px;
      position: absolute;
      margin: 17px 0px 0px 358px;
    }
    .shell-main-content-3 {
      background-image: url("../images/icon/product-marine2.png");
      width: 1500px;
      height: 107px;
      padding: 24px 0px 24px 0px;
      text-align: center;
    }
    .icon-pin-angle-3 {
      background-image: url("../images/icon/angle-up.png");
      width: 49px;
      height: 25px;
      position: absolute;
      margin: 17px 0px 0px 450px;
    }
    .shell-main-content-3:hover {
      background-image: url("../images/icon/product-marine.png");
      width: 1500px;
      height: 107px;
      padding: 24px 0px 24px 0px;
      text-align: center;
    }
    .icon-pin-angle-3:hover {
      background-image: url("../images/icon/angle-down.png");
      width: 49px;
      height: 25px;
      position: absolute;
      margin: 17px 0px 0px 450px;
    }
    .shell-main-content-3a {
      background-image: url("../images/icon/product-marine.png");
      width: 1500px;
      height: 107px;
      padding: 24px 0px 24px 0px;
      text-align: center;
    }
    .icon-pin-angle-3a {
      background-image: url("../images/icon/angle-down.png");
      width: 49px;
      height: 25px;
      position: absolute;
      margin: 17px 0px 0px 450px;
    }
    .container-product-primary {
      background-color: #F1F2F2;
      margin-bottom: 24px;
      overflow: hidden;
      transition: all 0.5s ease-in-out;
      transform-origin: left top;
      transform: scaleY(0);
      height: 0;
    }
    .container-product-primary .shell-list-menu-icon-1, .container-product-primary .shell-list-menu-icon-2, .container-product-primary .shell-list-menu-icon-3, .container-product-primary .shell-list-menu-icon-4,
  .container-product-primary .shell-list-menu-icon-5, .container-product-primary .shell-list-menu-icon-6, .container-product-primary .shell-list-menu-icon-7, .container-product-primary .shell-list-menu-icon-8,
  .container-product-primary .shell-list-menu-icon-9, .container-product-primary .shell-list-menu-icon-10, .container-product-primary .shell-list-menu-icon-11, .container-product-primary .shell-list-menu-icon-12,
  .container-product-primary .shell-list-menu-icon-13 {
      background-image: none;
    }
    .active-subsubmenu-img {
      visibility: hidden;
    }
    .container-product-primary:target {
      height: 100%;
      transform: scaleY(1);
    }
    .container-product-primary:target .shell-list-menu:hover {
      height: 2.0826cm;
      padding: 20px 48px 0px 48px;
      background-color: #E8E9EA;
      /*industry list menu hover*/
      /*marine list menu hover*/
    }
    .container-product-primary:target .shell-list-menu:hover .default-subsubmenu-img {
      display: none;
    }
    .container-product-primary:target .shell-list-menu:hover .active-subsubmenu-img {
      visibility: visible;
    }
    .container-product-primary:target .shell-list-menu:hover .shell-list-menu-icon-1 {
      background-image: url("../images/icon/passenger-car/engine-oil.png");
      width: 38pt;
      height: 29.185pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .shell-list-menu:hover .shell-list-menu-icon-2 {
      background-image: url("../images/icon/passenger-car/gear.png");
      width: 39pt;
      height: 17.208pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 10px 0px 0px 0px;
    }
    .container-product-primary:target .shell-list-menu:hover .shell-list-menu-icon-3 {
      background-image: url("../images/icon/passenger-car/greases.png");
      width: 26.112pt;
      height: 34.6pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 0px 0px 0px 0px;
    }
    .container-product-primary:target .shell-list-menu:hover .shell-list-menu-icon-4 {
      background-image: url("../images/icon/passenger-car/hydraulics.png");
      width: 33.96pt;
      height: 34.224pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 0px 0px 0px 0px;
    }
    .container-product-primary:target .shell-list-menu:hover .shell-list-menu-icon-5 {
      background-image: url("../images/icon/passenger-car/transmission.png");
      width: 32.084pt;
      height: 28pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 0px 0px 0px 0px;
    }
    .container-product-primary:target .shell-list-menu:hover .shell-menu-items {
      font-family: Roboto;
      font-weight: 400;
      font-size: 21.39pt;
      color: rgb(247, 147, 29);
    }
    .container-product-primary:target .shell-list-menu:hover .shell-menu-items-en {
      font-family: Futura Hv BT;
      font-weight: 900;
      font-size: 15pt;
      color: rgb(247, 148, 30);
      position: absolute;
      margin: 10px 0 0 0;
    }
    .container-product-primary:target .shell-list-menu:hover .shell-list-menu-icon-6 {
      background-image: url("../images/icon/industry/compressors.png");
      width: 42.378pt;
      height: 34pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .shell-list-menu:hover .shell-list-menu-icon-7 {
      background-image: url("../images/icon/industry/cutting.png");
      width: 33pt;
      height: 30pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .shell-list-menu:hover .shell-list-menu-icon-8 {
      background-image: url("../images/icon/industry/electric.png");
      width: 30pt;
      height: 39pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .shell-list-menu:hover .shell-list-menu-icon-9 {
      background-image: url("../images/icon/industry/gas.png");
      width: 32pt;
      height: 33pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .shell-list-menu:hover .shell-list-menu-icon-10 {
      background-image: url("../images/icon/industry/gearbox.png");
      width: 44.243pt;
      height: 41.035pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .shell-list-menu:hover .shell-list-menu-icon-11 {
      background-image: url("../images/icon/industry/heat.png");
      width: 33.684pt;
      height: 41.198pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .shell-list-menu:hover .shell-list-menu-icon-12 {
      background-image: url("../images/icon/industry/refrigerator.png");
      width: 26.606pt;
      height: 35.948pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .shell-list-menu:hover .shell-list-menu-icon-13 {
      background-image: url("../images/icon/marine/turbine.png");
      width: 43pt;
      height: 35pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .active-product-1, .container-product-primary:target .active-product-1en, .container-product-primary:target .active-product-2, .container-product-primary:target .active-product-3 {
      height: 2.0826cm;
      padding: 20px 48px 0px 48px;
      background-color: #E8E9EA;
    }
    .container-product-primary:target .active-product-1 .default-subsubmenu-img, .container-product-primary:target .active-product-1en .default-subsubmenu-img, .container-product-primary:target .active-product-2 .default-subsubmenu-img, .container-product-primary:target .active-product-3 .default-subsubmenu-img {
      display: none;
    }
    .container-product-primary:target .active-product-1 .active-subsubmenu-img, .container-product-primary:target .active-product-1en .active-subsubmenu-img, .container-product-primary:target .active-product-2 .active-subsubmenu-img, .container-product-primary:target .active-product-3 .active-subsubmenu-img {
      visibility: visible;
    }
    .container-product-primary:target .active-product-1 .shell-list-menu-icon-1, .container-product-primary:target .active-product-1en .shell-list-menu-icon-1, .container-product-primary:target .active-product-2 .shell-list-menu-icon-1, .container-product-primary:target .active-product-3 .shell-list-menu-icon-1 {
      background-image: url("../images/icon/passenger-car/engine-oil.png");
      width: 38pt;
      height: 29.185pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .active-product-1 .shell-list-menu-icon-2, .container-product-primary:target .active-product-1en .shell-list-menu-icon-2, .container-product-primary:target .active-product-2 .shell-list-menu-icon-2, .container-product-primary:target .active-product-3 .shell-list-menu-icon-2 {
      background-image: url("../images/icon/passenger-car/gear.png");
      width: 39pt;
      height: 17.208pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 10px 0px 0px 0px;
    }
    .container-product-primary:target .active-product-1 .shell-list-menu-icon-3, .container-product-primary:target .active-product-1en .shell-list-menu-icon-3, .container-product-primary:target .active-product-2 .shell-list-menu-icon-3, .container-product-primary:target .active-product-3 .shell-list-menu-icon-3 {
      background-image: url("../images/icon/passenger-car/greases.png");
      width: 26.112pt;
      height: 34.6pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 0px 0px 0px 0px;
    }
    .container-product-primary:target .active-product-1 .shell-list-menu-icon-4, .container-product-primary:target .active-product-1en .shell-list-menu-icon-4, .container-product-primary:target .active-product-2 .shell-list-menu-icon-4, .container-product-primary:target .active-product-3 .shell-list-menu-icon-4 {
      background-image: url("../images/icon/passenger-car/hydraulics.png");
      width: 33.96pt;
      height: 34.224pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 0px 0px 0px 0px;
    }
    .container-product-primary:target .active-product-1 .shell-list-menu-icon-5, .container-product-primary:target .active-product-1en .shell-list-menu-icon-5, .container-product-primary:target .active-product-2 .shell-list-menu-icon-5, .container-product-primary:target .active-product-3 .shell-list-menu-icon-5 {
      background-image: url("../images/icon/passenger-car/transmission.png");
      width: 32.084pt;
      height: 28pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 0px 0px 0px 0px;
    }
    .container-product-primary:target .active-product-1 .shell-menu-items, .container-product-primary:target .active-product-1en .shell-menu-items, .container-product-primary:target .active-product-2 .shell-menu-items, .container-product-primary:target .active-product-3 .shell-menu-items {
      font-family: Roboto;
      font-weight: 400;
      font-size: 21.39pt;
      color: rgb(247, 147, 29);
    }
    .container-product-primary:target .active-product-1 .shell-menu-items-en, .container-product-primary:target .active-product-1en .shell-menu-items-en, .container-product-primary:target .active-product-2 .shell-menu-items-en, .container-product-primary:target .active-product-3 .shell-menu-items-en {
      font-family: Futura Hv BT;
      font-weight: 900;
      font-size: 15pt;
      color: rgb(247, 148, 30);
      position: absolute;
      margin: 10px 0 0 0;
    }
    .container-product-primary:target .active-product-2 {
      height: 2.0826cm;
      padding: 20px 48px 0px 48px;
      background-color: #E8E9EA;
    }
    .container-product-primary:target .active-product-2 .shell-list-menu-icon-3 {
      background-image: url("../images/icon/passenger-car/greases.png");
      width: 26.112pt;
      height: 34.6pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 0px 0px 0px 0px;
    }
    .container-product-primary:target .active-product-2 .shell-list-menu-icon-4 {
      background-image: url("../images/icon/passenger-car/hydraulics.png");
      width: 33.96pt;
      height: 34.224pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 0px 0px 0px 0px;
    }
    .container-product-primary:target .active-product-2 .shell-list-menu-icon-6 {
      background-image: url("../images/icon/industry/compressors.png");
      width: 42.378pt;
      height: 34pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .active-product-2 .shell-list-menu-icon-7 {
      background-image: url("../images/icon/industry/cutting.png");
      width: 33pt;
      height: 30pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .active-product-2 .shell-list-menu-icon-8 {
      background-image: url("../images/icon/industry/electric.png");
      width: 30pt;
      height: 39pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .active-product-2 .shell-list-menu-icon-9 {
      background-image: url("../images/icon/industry/gas.png");
      width: 32pt;
      height: 33pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .active-product-2 .shell-list-menu-icon-10 {
      background-image: url("../images/icon/industry/gearbox.png");
      width: 44.243pt;
      height: 41.035pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .active-product-2 .shell-list-menu-icon-11 {
      background-image: url("../images/icon/industry/heat.png");
      width: 33.684pt;
      height: 41.198pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .active-product-2 .shell-list-menu-icon-12 {
      background-image: url("../images/icon/industry/refrigerator.png");
      width: 26.606pt;
      height: 35.948pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .active-product-2 .shell-menu-items {
      font-family: Roboto;
      font-weight: 400;
      font-size: 21.39pt;
      color: rgb(247, 147, 29);
    }
    .container-product-primary:target .active-product-2 .shell-menu-items-en {
      font-family: Futura Hv BT;
      font-weight: 900;
      font-size: 15pt;
      color: rgb(247, 148, 30);
      position: absolute;
      margin: 10px 0 0 0;
    }
    .container-product-primary:target .active-product-3 {
      height: 2.0826cm;
      padding: 20px 48px 0px 48px;
      background-color: #E8E9EA;
    }
    .container-product-primary:target .active-product-3 .shell-list-menu-icon-1 {
      background-image: url("../images/icon/passenger-car/engine-oil.png");
      width: 38pt;
      height: 29.185pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .active-product-3 .shell-list-menu-icon-2 {
      background-image: url("../images/icon/passenger-car/gear.png");
      width: 39pt;
      height: 17.208pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 10px 0px 0px 0px;
    }
    .container-product-primary:target .active-product-3 .shell-list-menu-icon-3 {
      background-image: url("../images/icon/passenger-car/greases.png");
      width: 26.112pt;
      height: 34.6pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 0px 0px 0px 0px;
    }
    .container-product-primary:target .active-product-3 .shell-list-menu-icon-4 {
      background-image: url("../images/icon/passenger-car/hydraulics.png");
      width: 33.96pt;
      height: 34.224pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 0px 0px 0px 0px;
    }
    .container-product-primary:target .active-product-3 .shell-list-menu-icon-5 {
      background-image: url("../images/icon/passenger-car/transmission.png");
      width: 32.084pt;
      height: 28pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 0px 0px 0px 0px;
    }
    .container-product-primary:target .active-product-3 .shell-list-menu-icon-6 {
      background-image: url("../images/icon/industry/compressors.png");
      width: 42.378pt;
      height: 34pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .active-product-3 .shell-list-menu-icon-7 {
      background-image: url("../images/icon/industry/cutting.png");
      width: 33pt;
      height: 30pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .active-product-3 .shell-list-menu-icon-8 {
      background-image: url("../images/icon/industry/electric.png");
      width: 30pt;
      height: 39pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .active-product-3 .shell-list-menu-icon-9 {
      background-image: url("../images/icon/industry/gas.png");
      width: 32pt;
      height: 33pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .active-product-3 .shell-list-menu-icon-10 {
      background-image: url("../images/icon/industry/gearbox.png");
      width: 44.243pt;
      height: 41.035pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .active-product-3 .shell-list-menu-icon-11 {
      background-image: url("../images/icon/industry/heat.png");
      width: 33.684pt;
      height: 41.198pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .active-product-3 .shell-list-menu-icon-12 {
      background-image: url("../images/icon/industry/refrigerator.png");
      width: 26.606pt;
      height: 35.948pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .active-product-3 .shell-list-menu-icon-13 {
      background-image: url("../images/icon/marine/turbine.png");
      width: 43pt;
      height: 35pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .active-product-3 .shell-menu-items {
      font-family: Roboto;
      font-weight: 400;
      font-size: 21.39pt;
      color: rgb(247, 147, 29);
    }
    .container-product-primary:target .active-product-3 .shell-menu-items-en {
      font-family: Futura Hv BT;
      font-weight: 900;
      font-size: 15pt;
      color: rgb(247, 148, 30);
      position: absolute;
      margin: 10px 0 0 0;
    }
    .container-product-primary:target .shell-list-menu-icon-1 {
      background-image: url("../images/icon/passenger-car/engine-oil2.png");
      width: 38pt;
      height: 29.185pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .shell-list-menu-icon-2 {
      background-image: url("../images/icon/passenger-car/gear2.png");
      width: 39pt;
      height: 17.208pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 10px 0px 0px 0px;
    }
    .container-product-primary:target .shell-list-menu-icon-3 {
      background-image: url("../images/icon/passenger-car/greases2.png");
      width: 26.112pt;
      height: 34.6pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 0px 0px 0px 0px;
    }
    .container-product-primary:target .shell-list-menu-icon-4 {
      background-image: url("../images/icon/passenger-car/hydraulics2.png");
      width: 33.96pt;
      height: 34.224pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 0px 0px 0px 0px;
    }
    .container-product-primary:target .shell-list-menu-icon-5 {
      background-image: url("../images/icon/passenger-car/transmission2.png");
      width: 32.084pt;
      height: 28pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 0px 0px 0px 0px;
    }
    .container-product-primary:target .shell-list-menu-icon-6 {
      background-image: url("../images/icon/industry/compressors2.png");
      width: 42.378pt;
      height: 34pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .shell-list-menu-icon-7 {
      background-image: url("../images/icon/industry/cutting2.png");
      width: 33pt;
      height: 30pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .shell-list-menu-icon-8 {
      background-image: url("../images/icon/industry/electric2.png");
      width: 30pt;
      height: 39pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .shell-list-menu-icon-9 {
      background-image: url("../images/icon/industry/gas2.png");
      width: 32pt;
      height: 33pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .shell-list-menu-icon-10 {
      background-image: url("../images/icon/industry/gearbox2.png");
      width: 44.243pt;
      height: 41.035pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .shell-list-menu-icon-11 {
      background-image: url("../images/icon/industry/heat2.png");
      width: 33.684pt;
      height: 41.198pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .shell-list-menu-icon-12 {
      background-image: url("../images/icon/industry/refrigerator2.png");
      width: 26.606pt;
      height: 35.948pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .container-product-primary:target .shell-list-menu-icon-13 {
      background-image: url("../images/icon/marine/turbine2.png");
      width: 43pt;
      height: 35pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .col-main-product-dekstop-top {
      padding-right: 0px;
    }
    .col-second-product {
      background-color: #FFFFFF;
      padding-left: 0px;
      padding-right: 0px;
    }
    /*scrollbar list product*/
    .ScrollStyle {
      max-height: 570px !important;
      overflow-y: scroll;
    }
    .ScrollStyle-2 {
      max-height: 732.33px !important;
      overflow-y: scroll;
    }
    .ScrollStyle-3 {
      max-height: 574.92px !important;
      overflow-y: scroll;
    }
    #style-6::-webkit-scrollbar-track {
      background-color: #E0E0DF;
    }
    #style-6::-webkit-scrollbar {
      width: 15px;
    }
    #style-6::-webkit-scrollbar-thumb {
      background-color: #FBB040;
    }
    /*detail product*/
    #close {
      font-family: Futura Bk BT;
      font-size: 20pt;
      color: rgb(88, 88, 91);
      float: right;
      padding-right: 10px;
      cursor: pointer;
    }
    .shell-modal-container {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1055;
      width: 100%;
      height: 100%;
      overflow-x: hidden;
      overflow-y: hidden;
      outline: 0;
      visibility: hidden;
    }
    .shell-modal-container-active {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1055;
      width: 100%;
      height: 100%;
      overflow-x: hidden;
      overflow-y: hidden;
      outline: 0;
      visibility: visible;
    }
    .shell-modal-content {
      margin: 80px auto 0px auto;
      width: 70%;
      height: 80%;
      background-color: rgb(255, 255, 255);
      border-radius: 20px;
      box-shadow: 10px 10px 15px 0px #666666;
    }
    .shell-row-content {
      padding: 50px 20px 50px 50px;
    }
    .shell-image-product {
      width: 100%;
      height: auto;
      border-radius: 20px;
    }
    .shell-available {
      padding: 27px 0px 24px 10px;
    }
    .shell-available-text {
      font-family: Futura Bk BT;
      font-size: 14pt;
      color: rgb(88, 88, 91);
    }
    .shell-icon-available {
      display: flex;
      padding: 24px 0px 24px 0px;
    }
    .icon-available-1 {
      background-image: url("../images/product/available/available-1.png");
      width: 29.767pt;
      height: 42.334pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .texticon {
      font-family: Futura Bk BT;
      font-size: 14pt;
      color: rgb(88, 88, 91);
    }
    .texticon-1 {
      font-family: Futura Bk BT;
      font-size: 14pt;
      color: rgb(88, 88, 91);
      margin: 70px 0px 0px 0px;
    }
    .icon-available-2 {
      background-image: url("../images/product/available/available-2.png");
      width: 47.966pt;
      height: 45.748pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 0px 0px 0px 100px;
    }
    .texticon-2 {
      font-family: Futura Bk BT;
      font-size: 14pt;
      color: rgb(88, 88, 91);
      margin: 70px 0px 0px 60px;
    }
    .icon-available-3 {
      background-image: url("../images/product/available/available-3.png");
      width: 41.312pt;
      height: 50.477pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 0px 0px 0px 210px;
    }
    .texticon-3 {
      font-family: Futura Bk BT;
      font-size: 14pt;
      color: rgb(88, 88, 91);
      margin: 70px 0px 0px 60px;
    }
    .shell-col-sm-8-content {
      padding: 0px 12px 0px 100px;
    }
    .shell-main-app-1 {
      padding: 0px 0px 12px 0px;
    }
    .shell-main-icon {
      padding: 0px 10px 0px 0px;
    }
    .shell-main-app-2 {
      padding: 0px 0px 24px 0px;
    }
    .shell-name-product-2 {
      font-family: Futura Md BT;
      font-weight: bold;
      font-size: 20pt;
      color: rgb(51, 51, 51);
    }
    .shell-name-product-3 {
      font-family: Futura Bk BT;
      font-size: 17pt;
      color: rgb(51, 51, 51);
    }
    .shell-description {
      font-family: Futura Bk BT;
      font-size: 14pt;
      color: rgb(51, 51, 51);
      text-align: justify;
      margin-top: 20px;
      margin-bottom: 15px;
    }
    .tds-icon {
      background-image: url("../images/product/download/tds.png");
      width: 38.103pt;
      height: 33.059pt;
      background-repeat: no-repeat;
      margin-left: 18px;
      position: absolute;
      background-size: contain;
    }
    .tds-icon:hover {
      background-image: url("../images/product/download/tds-1.png");
      width: 38.103pt;
      height: 33.059pt;
      background-repeat: no-repeat;
      margin-left: 18px;
      position: absolute;
      background-size: contain;
    }
    .msds-icon {
      background-image: url("../images/product/download/msds.png");
      width: 38.103pt;
      height: 33.059pt;
      background-repeat: no-repeat;
      position: absolute;
      background-size: contain;
    }
    .msds {
      margin: 0px 0px 0px 100px;
    }
    .msds-icon:hover {
      background-image: url("../images/product/download/msds-1.png");
      width: 38.103pt;
      height: 33.059pt;
      background-repeat: no-repeat;
      position: absolute;
      background-size: contain;
    }
    .shell-table-icon {
      width: 100%;
    }
    /*---------------------------------------------
    /*End Product Style
    /*---------------------------------------------*/
    /*---------------------------------------------
    // Start Share Button Style 
    /*---------------------------------------------*/
    .shell-share-container {
      position: fixed;
      z-index: 92;
      top: calc(30% + 3.25rem);
      bottom: 15%;
      left: 0;
      padding: 0;
      background-color: initial;
    }
    .shell-icon-share {
      display: flex;
      width: 3.25rem;
      height: 3.25rem;
      align-items: center;
      justify-content: center;
      transition: background-color 0.3s;
      text-decoration: none;
    }
    .shell-icon-main {
      background-image: url("../images/icon/article-close.png");
      width: 18.264pt;
      height: 18.264pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .collapsed .shell-icon-main {
      background-image: url("../images/icon/share.png");
      width: 23pt;
      height: 25pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .collapsed:hover .shell-icon-main {
      background-image: url("../images/icon/share.png");
      width: 23pt;
      height: 25pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .shell-icon-share-1, .shell-icon-share-1:hover {
      background-color: #FED700;
    }
    .shell-icon-facebook {
      background-image: url("../images/icon/facebook2.png");
      width: 14.607pt;
      height: 27.018pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .shell-icon-share-2:hover {
      background-color: #395494;
    }
    .shell-icon-share-2:hover .shell-icon-facebook {
      background-image: url("../images/icon/facebook.png");
      width: 14.607pt;
      height: 27.018pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .shell-icon-twitter {
      background-image: url("../images/icon/twitter2.png");
      width: 24.856pt;
      height: 20.194pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .shell-icon-share-3:hover {
      background-color: #1DA3DD;
    }
    .shell-icon-share-3:hover .shell-icon-twitter {
      background-image: url("../images/icon/twitter.png");
      width: 24.856pt;
      height: 20.194pt;
      position: absolute;
      background-repeat: no-repeat;
    }
    .shell-icon-linkedin {
      background-image: url("../images/icon/linkedin2.png");
      width: 27px;
      height: 27px;
      position: absolute;
      background-repeat: no-repeat;
    }
    .shell-icon-share-4:hover {
      background-color: #0577B7;
    }
    .shell-icon-share-4:hover .shell-icon-linkedin {
      background-image: url("../images/icon/linkedin.png");
      width: 27px;
      height: 27px;
      position: absolute;
      background-repeat: no-repeat;
    }
    .shell-icon-copy {
      background-image: url("../images/icon/link2.png");
      width: 32px;
      height: 32px;
      position: absolute;
      background-repeat: no-repeat;
    }
    .shell-icon-share-5 {
      border-bottom: 1px solid #939597;
    }
    .shell-icon-share-5:hover {
      background-color: #009444;
    }
    .shell-icon-share-5:hover .shell-icon-copy {
      background-image: url("../images/icon/link.png");
      width: 32px;
      height: 32px;
      position: absolute;
      background-repeat: no-repeat;
    }
    /*---------------------------------------------
    // End Share Button Style 
    /*---------------------------------------------*/

    /* .shell-col-logo-en {
      width: 100%;
      align-items: center;
      display: flex;
      justify-content: center;
      padding: 24px 24px 4px 24px;
    } */

    .shell-col-title-en {
      justify-content: left;
      display: flex;
      align-items: center;
      text-align: left;
      border-bottom: 1px solid #BCBEC0;
    }
    .shell-col-language-en {
      display: flex;
      padding: 24px 24px 4px 2px;
      align-items: center;
      justify-content: right;
  
      border-bottom: 1px solid #BCBEC0;
  
    }
    #opt_lang_en {
      border-bottom: 1px solid;
      border-bottom: 1px solid #BCBEC0;
    }
    .shell-title-en {
      font-family: Futura Md BT;
      font-weight: bold;
      font-size: 14.01pt;
      color: rgb(2, 87, 158);
    }
    .shell-container-fluid-en {
      border-bottom: 1px solid #BCBEC0;
    }
    .navbar-nav-en {
      height: 50px;
      width: 100%;
    }
    .nav-item-en {
      justify-content: center;
      display: flex;
      padding: 8px 2px 4px 2px;
      align-items: center;
      width: 10.5%;
      height: 100%;
    }

    .nav-item-en-tittle {
      justify-content: center;
      display: flex;
      padding: 8px 2px 4px 2px;
      align-items: center;
      
      height: 100%;
    }
    .shell-nav-item-en {
      font-family: Futura Hv BT;
      font-size: 10pt;
      color: rgb(89, 90, 92);
      text-align: right;
    }
    .active-style-en {
      border-bottom: 3px solid #FED12A;
    }
    .nav-item-en:hover {
      border-bottom: 3px solid #FED12A;
    }
    .search-form-en {
      padding: 0 24px 0 0;
      width: 30%;
    }
    .icon-search-en {
      background-image: url(../images/icon/en/search.png);
      background-repeat: no-repeat;
      background-position: 375px 7px;
    }
    .icon-search-en:focus {
      background-image: none;
    }
    .shell-ul-en {
      left: 0;
      top: 50px;
      width: 310px;
      height: 6.8544cm;
      padding: 0px;
      border: none;
      border-radius: 0;
      box-shadow: 5px 5px 10px 0px #8d8a8a;
    }
    .shell-item-en {
      font-family: Futura Bk BT;
      font-size: 12pt;
      color: rgb(89, 90, 92);
      height: 2.2892cm;
      width: 90%;
      margin: 0px 17px 0px 17px;
    }
    .pd-1-en {
      padding: 16px 16px 25px 16px;
      border-bottom: 2px solid #EAEBEC;
    }
    .pd-2-en {
      padding: 18px 16px 10px 24px;
      border-bottom: 2px solid #EAEBEC;
    }
    .shell-icon-1-en {
      background-image: url("../images/icon/en/passenger-car.png");
      background-repeat: no-repeat;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 30px;
    }
    .lab-1-en {
      padding-left: 88px;
    }
    .shell-icon-2-en {
      background-image: url("../images/icon/en/industri.png");
      background-repeat: no-repeat;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 109px;
    }
    .shell-icon-3-en {
      background-image: url("../images/icon/en/marine.png");
      background-repeat: no-repeat;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 195px;
    }
    .shell-li-en:hover, .shell-li-active-en {
      background-color: #FFD700;
    }
    .shell-li-en:hover .shell-item-en, .shell-li-active-en .shell-item-en {
      font-family: Futura Bk BT;
      font-size: 12pt;
      color: rgb(255, 255, 255);
      height: 2.2892cm;
      width: 90%;
      margin: 0px 17px 0px 17px;
      background-color: #FFD700;
    }
    .shell-li-en:hover .pd-1-en, .shell-li-active-en .pd-1-en {
      padding: 16px 16px 25px 16px;
      border-bottom: 2px solid #FFD700;
    }
    .shell-li-en:hover .pd-2-en, .shell-li-active-en .pd-2-en {
      padding: 18px 16px 10px 24px;
      border-bottom: 2px solid #FFD700;
    }
    .shell-li-en:hover .shell-icon-1-en, .shell-li-active-en .shell-icon-1-en {
      background-image: url("../images/icon/en/passenger-car2.png");
      background-repeat: no-repeat;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 30px;
    }
    .shell-li-en:hover .shell-icon-2-en, .shell-li-active-en .shell-icon-2-en {
      background-image: url("../images/icon/en/industri2.png");
      background-repeat: no-repeat;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 109px;
    }
    .shell-li-en:hover .shell-icon-3-en, .shell-li-active-en .shell-icon-3-en {
      background-image: url("../images/icon/en/marine2.png");
      background-repeat: no-repeat;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 195px;
    }
    .img-banner-home-en {
      height: 100% !important;
    }
    .title-banner-en {
      font-family: Futura Hv BT;
      font-weight: 900;
      font-style: italic;
      font-size: 32pt;
      color: rgb(88, 89, 91);
      line-height: 1;
    }
    .desc-banner-en {
      font-family: Futura Bk BT;
      font-size: 13.5pt;
      color: rgb(88, 89, 91);
    }
    .carousel-content .content-banner-en {
      position: absolute;
      top: 25%;
      left: 50%;
      width: 38%;
      text-align: left;
    }
    .shell-main-hotline-en {
      width: 100%;
    }
    .shell-container-hotline-en {
      background-image: url("../images/banner/en/hotline.png");
      background-repeat: no-repeat;
      background-size: 100% 63.5pt;
      height: 63.5pt;
    }
    .shell-col-sm-1-en {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
    }
    /* .hotline-img-en {
      margin-right: auto;
      margin-left: 200px;
    } */
    .shell-col-sm-2-en {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 12px;
    }
    .hotline-title-en {
      font-family: Futura Md BT;
      font-size: 25.11pt;
      font-weight: bold;
      font-style: italic;
      color: rgb(255, 255, 255);
    }
    .hotline-phone-en, .hotline-phone-en:hover {
      font-family: Futura Md BT;
      font-size: 23.46pt;
      font-weight: bold;
      font-style: italic;
      color: rgb(255, 255, 255);
      text-decoration: none;
      margin-right: 50px;
      margin-left: 50px;
    }
    .shell-wa-en, .shell-wa-en:hover {
      width: 30.268pt;
      height: 30.268pt;
      background-color: #ffffff;
      color: #FFD700;
      border-radius: 50%;
      text-align: center;
      font-size: 22px;
      z-index: 2;
      padding: 3px 13px 3px 11px;
      vertical-align: middle;
      /* margin-right: 49px;
      margin-left: auto; */
    }
    .row-en {
      margin-left: 0px !important;
      margin-right: 0px !important;
      padding: 7px;
      height: 100%;
    }
    .title-home-produk-en {
      font-family: Futura Md BT;
      font-size: 13pt;
      color: rgb(91, 94, 91);
      font-weight: bold !important;
      margin-bottom: 0px !important;
      padding-bottom: 24px;
      text-align: center;
    }
    .shell-col-en {
      margin-left: 25px;
      margin-right: 25px;
      width: 304.334pt !important;
      padding: 0;
    }
    .shell-card-img-top-en {
      width: 304.334pt !important;
      height: 156.667pt !important;
    }
    .shell-card-body-top-en {
      width: 90%;
      height: 55px;
      background-color: #FFFFFF;
      margin-left: auto;
      margin-right: auto;
      margin-top: -8%;
      border-bottom: 4.002519685px solid #ed1c24;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0px !important;
    }
    .shell-card-text-top-en {
      font-family: Futura Md BT;
      font-size: 15pt;
      color: rgb(91, 94, 91);
      text-align: center;
      font-weight: 500;
      line-height: 1;
      vertical-align: middle;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      margin-right: 5px;
      margin-left: 5px;
    }
    .desc-banner-bottom-en {
      font-family: Futura Md BT;
      font-weight: 500;
      font-size: 20px;
      color: rgb(91, 94, 91);
     /* display: block; */
      /* line-height: 1.5; */
    }
    .img-banner{
      width: 100%;
      height: auto;
    }
    .name-banner-bottom-en {
      font-family: Futura Md BT;
      font-weight: bold;
      color: rgb(232, 185, 9);
    }
    .banner-bottom-img-en {
      padding-left: 15%;
    }
    .arrow-bottom-icon-en {
      width: 13.957px;
      height: 30.539px;
    }
    .content-banner-bottom-en {
      padding: 20px 0 40px 500px;
      width: 62%;
      text-align: left;
    }
    .shell-featured-content-en {
      background-color: #ffffff;
      margin: 0px 0px 0px 0px;
      text-align: center;
    }
    .shell-link-title-en, .shell-link-title-en:hover {
      text-decoration: none;
      font-family: Futura Md BT;
      font-size: 13pt;
      font-weight: bold;
      color: rgb(91, 94, 91);
      text-transform: uppercase;
    }
    .text-mb-1-en {
      font-family: Futura Md BT;
      font-size: 16pt;
      color: rgb(235, 235, 236);
      font-weight: bold;
      padding-bottom: 2%;
    }
    .text-mb-0-en {
      font-family: Futura Bk BT;
      font-size: 13.5pt;
      font-weight: 300;
      color: rgb(255, 255, 255);
      line-height: 1.5;
      width: 300px;
    }
    .form-control-footer-en {
      font-family: Futura Lt BT;
      font-size: 13.5pt;
      font-weight: 300;
      color: rgb(147, 149, 152);
      width: 8.2251cm !important;
      height: 1.3406cm !important;
      border-radius: 0px 0px 0px 0px;
    }
    .btn-primary-footer-en {
      font-family: Futura Hv BT;
      font-size: 13.5pt;
      font-weight: 900;
      color: rgb(89, 90, 92);
      background-color: #FED700;
      border: none;
      width: 100% !important;
      height: 1.3406cm !important;
      border-radius: 0px 0px 0px 0px;
    }
    .footer-link-en, .footer-link-en:hover, .text-footer-en {
      font-family: Futura Lt BT;
      font-size: 12pt;
      font-weight: 300;
      text-align: center;
      color: rgb(255, 255, 255);
      text-decoration: none;
    }
    .open-button-en {
      font-family: tahoma;
      font-size: 13px;
      font-weight: 400;
      color: #59595b;
      background-color: #fed700;
      padding: 16px 20px;
      border: none;
      cursor: pointer;
      position: fixed;
      bottom: 0px;
      width: 170.07px;
      height: 68.995px;
      border-radius: 10px 10px 0px 0px !important;
      right: 21%;
    }
    .col-sm-left-en {
      background-color: #D6D6D6;
      padding-left: 0px;
      padding-right: 0px;
      height: 925px !important;
    }
    .shell-container-left {
      background-color: #FAA519;
      height: 80px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .contact-hotline-img-en {
      padding-right: 24px;
      padding-left: 40px;
    }
    .contact-hotline-phone-en, .contact-hotline-phone-en:hover {
      font-family: Futura Md BT;
      font-size: 15pt;
      font-weight: bold;
      color: rgb(255, 255, 255);
      text-decoration: none;

    }
    .contact-shell-wa-en, .contact-shell-wa-en:hover {
      font-family: Futura Md BT;
      font-size: 26pt !important;
      font-weight: bold;
      color: rgb(255, 255, 255);
      vertical-align: middle;
      padding-right: 40px;
    }
    .contact-shell-hotline {
      vertical-align: middle !important;
      margin-left: 55px;
      margin-right: auto;
    }
    .icon-contact-1 {
      background-image: url("../images/icon/en/phone.png");
      background-repeat: no-repeat;
      background-size: 17.498pt 16.82pt;
    }
    .icon-contact-2 {
      background-image: url("../images/icon/en/fax.png");
      background-repeat: no-repeat;
      background-size: 18.906pt 17.078pt;
    }
    .icon-contact-3 {
      background-image: url("../images/icon/en/email.png");
      background-repeat: no-repeat;
      background-size: 18.07pt 16pt;
    }
    .shell-col-sm-3-en {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .desc-sm-left-1-en {
      font-family: Futura Md BT;
      font-weight: bold;
      font-style: italic;
      font-size: 13.5pt;
      color: rgb(88, 89, 91);
      margin-left: 50px;
      margin-right: auto;
      padding-left: 40px;
    }
    .desc-sm-left-2-en {
      font-family: Futura Md BT;
      font-size: 13.5pt;
      color: rgb(88, 89, 91);
      font-weight: 500;
      font-style: italic;
      margin-right: auto;
    }
    .container-lets-talk-en {
      text-align: center;
      background-color: #FED700;
      height: 80px;
      vertical-align: middle;
      justify-content: center;
      align-items: center;
      display: flex;
    }
    .col-img-us-en {
      height: 734px;
    }
    .col-sm-right-en {
      background-color: #EDEDEE;
      padding-left: 0px;
      padding-right: 0px;
      height: 925px;
    }
    .title-sm-right-top-en {
      font-family: Futura Md BT;
      font-weight: bold;
      font-size: 13pt;
      color: rgb(91, 94, 91);
      vertical-align: middle;
    }
    .desc-sm-right-en {
      font-family: Futura Bk BT;
      font-size: 13.5pt;
      color: rgb(88, 89, 91);
    }
    .desc-sm-right-file-en {
      font-family: Futura Bk BT;
      font-size: 8pt;
      color: rgb(88, 89, 91);
    }
    .form-right-en {
      font-family: Futura Bk BT;
      font-size: 13.5pt;
      color: rgb(88, 89, 91);
      border-radius: 0px 0px 0px 0px;
      border: 1px solid #d3d3d3;
    }
    .right-c {
      padding-left: 57px;
    }
    textarea {
      resize: none;
    }
    .form-message-en {
      height: 110px;
    }
    .shell-main-content-about-1-en {
      background-color: #fed700;
      padding-top: 24px;
      padding-bottom: 24px;
      text-align: center;
      height: 186.057px;
    }
    .shell-div-about-1-en {
      padding-bottom: 24px;
    }
    .shell-icon-about-1-en {
      padding: 12px 24px 0 0;
    }

    .milestone {
      padding-left: 13%;
      padding-right: 13%;
    }

    .shell-span-about-1-en {
      font-family: Futura Md BT;
      font-weight: bold;
      font-size: 13pt;
      color: rgb(91, 94, 91);
      text-align: left;
      padding-left: 2px;
      word-break: break-all;
      line-height: 1;
      vertical-align: -webkit-baseline-middle;
    }
    .shell-span-about-2-en {
      font-family: Futura Bk BT;
      font-size: 13.5pt;
      color: rgb(88, 89, 91);
      text-align: left;
      padding-left: 2px;
      word-break: break-all;
      line-height: 1;
      vertical-align: -webkit-baseline-middle;
    }
    .shell-sm-en-1 {
      margin-left: auto;
      margin-right: auto;
      display: flex;
      justify-content: right;
      align-items: center;
      padding: 0 30px 0 80px;
    }
    .shell-sm-en-2 {
      margin-left: auto;
      margin-right: auto;
      display: flex;
      justify-content: left;
      align-items: center;
      padding: 0 80px 0 30px;
    }
    .shell-card-about-1-en {
      background-color: #fff !important;
      height: 77.173px;
      width: 70%;
      border-radius: 15px;
    }
    .shell-container-network-en {
      padding-top: 24px;
      padding-bottom: 48px;
      text-align: center;
    }

    .main-content-about-us-en {
      background-color: #F2F2F3;
      padding-top: 3%;
      text-align: center;
    }
    .shell-class-1-en {
      font-family: Futura Md BT;
      font-weight: bold;
      font-size: 12.71pt;
      color: rgb(2, 87, 158);
      padding-top: 24px;
      padding-bottom: 24px;
    }
    .shell-class-2-en {
      font-family: Futura Md BT;
      font-weight: bold;
      font-size: 12.71pt;
      color: rgb(2, 87, 158);
      padding-top: 31px;
      padding-bottom: 24px;
    }
    .shell-image-content-1-en {
      padding: 24px 0px 24px 0px;
    }
    .img-article {
      width: 100%;
      height: 100%;
    }
    .shell-title-2-en {
      font-family: Futura Md BT;
      font-weight: bold;
      font-size: 24pt;
      color: rgb(91, 94, 91);
      text-align: center;
      padding: 24px 0px 24px 0px;
      border-bottom: 4px solid #fed700;
      width: 8.0863cm;
      margin-left: auto;
      margin-right: auto;
    }
    .shell-title-3-en {
      font-family: Futura Bk BT;
      font-size: 13.5pt;
      color: rgb(88, 89, 91);
      text-align: center;
      padding: 24px 0px 0px 0px;
    }
    .article-link-en, .article-link-en:hover {
      font-family: Futura Md BT;
      font-weight: bold;
      font-size: 17pt;
      color: rgb(91, 94, 91);
      padding: 0px 0px 24px 0px;
      text-decoration: none;
    }
    .shell-date-1-en {
      font-family: Futura Bk BT;
      font-size: 11pt;
      color: rgb(88, 89, 91);
      padding: 0px 0px 24px 0px;
    }
    .shell-text-content-3-en {
      text-align: justify;
      font-family: Futura Lt BT;
      font-weight: 300;
      font-size: 13.5pt;
      color: rgb(88, 89, 91);
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
    }
    .article-row-en {
      padding: 24px 0px 24px 0px;
    }
    .btn-lets-talk-en {
      font-family: Futura Md BT;
      font-weight: bold;
      font-size: 13pt;
      color: rgb(91, 94, 91);
      width: 100%;
      background-color: #FED700;
      border-radius: 0px 0px 0px 0px;
      border: none;
      height: 62px;
    }
    .title-find-us-en {
      font-family: Futura Md BT;
      color: rgb(91, 94, 91);
      font-weight: bold;
      font-size: 15pt;
    }
    /*---------------------------------------------
    // Start Product Style English Version
    /*---------------------------------------------*/
    .shell-main-title-en {
      font-family: Futura Hv BT;
      font-weight: 900;
      font-size: 15pt;
      color: rgb(88, 89, 91);
      text-align: center;
      width: 90%;
    }
    .shell-menu-items-en {
      font-family: Futura Hv BT;
      font-weight: 900;
      font-size: 15pt;
      color: rgb(88, 89, 91);
      position: absolute;
      margin: 10px 0 0 0;
    }
    .shell-heading-en {
      padding: 0 0 48px 0;
    }
    .shell-merk-img-en {
      width: 278.581pt;
      height: 100%;
    }
    .shell-name-product-en {
      font-family: Futura Hv BT;
      font-weight: 900;
      font-size: 13.5pt;
      color: rgb(88, 89, 91);
    }
    .shell-desc-product-en {
      font-family: Futura Bk BT;
      font-size: 13.5pt;
      color: rgb(88, 89, 91);
    }
    .shell-main-content-1-en {
      background-image: url("../images/icon/en/product-passenger-car2.png");
      height: 81px;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .shell-main-content-1-en:hover {
      background-image: url("../images/icon/en/product-passenger-car.png");
      height: 81px;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .icon-pin-angle-1en {
      background-image: url("../images/icon/en/angle-up.png");
      background-repeat: no-repeat;
      text-align: right;
      background-position: right;
    }
    .icon-pin-angle-1en:hover {
      background-image: url("../images/icon/en/angle-down.png");
      background-repeat: no-repeat;
      text-align: right;
      background-position: right;
    }
    .shell-main-content-1a-en {
      background-image: url("../images/icon/en/product-passenger-car.png");
      width: 100%;
      height: 80px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .icon-pin-angle-1a-en {
      background-image: url("../images/icon/en/angle-down.png");
      background-repeat: no-repeat;
      text-align: right;
      background-position: right;
      }
    .shell-main-content-2-en {
      background-image: url("../images/icon/en/product-industry-vehicle2.png");
     
      height: 81px;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .shell-main-content-2-en:hover {
      background-image: url("../images/icon/en/product-industry-vehicle.png");
     
      height: 81px;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .icon-pin-angle-2en {
      background-image: url("../images/icon/en/angle-up.png");
      background-repeat: no-repeat;
      text-align: right;
      background-position: right;
    }
    .icon-pin-angle-2en:hover {
      background-image: url("../images/icon/en/angle-down.png");
      background-repeat: no-repeat;
      text-align: right;
      background-position: right;
    }
    .shell-main-content-2a-en {
      background-image: url("../images/icon/en/product-industry-vehicle.png");
     
      height: 81px;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .icon-pin-angle-2a-en {
      background-image: url("../images/icon/en/angle-down.png");
      background-repeat: no-repeat;
      text-align: right;
      background-position: right;
    }
    .shell-table-icon-en {
      width: 100%;
      height: 100%;
    }
    .shell-main-content-3-en {
      background-image: url("../images/icon/en/product-marine2.png");
    
      height: 81px;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .shell-main-content-3-en:hover {
      background-image: url("../images/icon/en/product-marine.png");
      height: 81px;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .icon-pin-angle-3en {
      background-image: url("../images/icon/en/angle-up.png");
      background-repeat: no-repeat;
      text-align: right;
      background-position: right;
    }
    .icon-pin-angle-3en:hover {
      background-image: url("../images/icon/en/angle-down.png");
      background-repeat: no-repeat;
      text-align: right;
      background-position: right;
    }
    .shell-main-content-3a-en {
      background-image: url("../images/icon/en/product-marine.png");
     
      height: 81px;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .icon-pin-angle-3a-en {
      background-image: url("../images/icon/en/angle-down.png");
      background-repeat: no-repeat;
      text-align: right;
      background-position: right;
    }
    .shell-table-icon-en {
      width: 100%;
      height: 100%;
    }
    .shell-icon-available-en {
      display: flex;
      justify-content: left;
      align-items: center;
      padding: 0 0 0 10px;
    }
    .icon-available-3-en {
      background-image: url("../images/product/available/available-3.png");
      width: 41.312pt;
      height: 50.477pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 0 24px 0 24px;
    }
    .icon-available-2-en {
      background-image: url("../images/product/available/available-2.png");
      width: 47.966pt;
      height: 45.748pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 0 24px 0 24px;
    }
    .icon-available-1-en {
      background-image: url("../images/product/available/available-1.png");
      width: 29.767pt;
      height: 42.334pt;
      position: absolute;
      background-repeat: no-repeat;
      margin: 0 24px 0 24px;
    }
    .texticon-3-en, .texticon-2-en, .texticon-1-en {
      font-family: Futura Bk BT;
      font-size: 12pt;
      color: rgb(88, 89, 91);
      display: flex;
      justify-content: left;
      align-items: center;
    }
    .col-icon-available {
      display: flex;
      justify-content: left;
      align-items: center;
    }

    .kontak-banner{
      width: 80%;
    }
    /*---------------------------------------------
    // End Product Style English Version
    /*---------------------------------------------*/
  }