@font-face {
   font-family: 'Glyphicons Halflings';
   src: url('../fonts/glyphicons-halflings-regular.eot');
   src: url('../fonts/glyphicons-halflings-regulard41d.eot?#iefix') format('embedded-opentype'), 
   url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
    url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
    url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
 }
 
html,
body {
   font-family: 'Arial', 'Open Sans', sans-serif;
   margin: 0;
   padding: 0;
   height: 100%;
   font-size: 14px;
   /* font-size: calc(14px + 7 * ((100vw - 320px) / 2240)); */
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
   display: none !important
}

[hidden],
template {
   display: none
}
img.aligncenter{
   margin:auto;
   display: block;
}
h4{
   font-size: 20px;
    color: #000000;
    text-align: left;
    font-family: 'Tahoma';
font-weight: 700;
}
section h2{
   font-family: 'Tahoma';
font-weight: 700;
    font-size: 20px;
    margin-bottom: 24px;
}
.hidden{
   display: none !important;
}
.video-area{
   border:1px solid black;
}
@media (max-width:767px) {
   .visible-xs {
      display: block !important
   }
}

@media (min-width:768px) and (max-width:991px) {
   .visible-sm {
      display: block !important
   }
}

@media (max-width:767px) {
   .hidden-xs {
      display: none !important
   }
}

@media (min-width:768px) and (max-width:991px) {
   .hidden-sm {
      display: none !important
   }
}

@media (min-width:992px) and (max-width:1199px) {
   .hidden-md {
      display: none !important
   }
}

@media (min-width:1200px) {
   .hidden-lg {
      display: none !important
   }
}

a {
   cursor: pointer;
}

.color-yellow {
   color: #FFBC00;
}

.color-orange {
   color: #FF4F00
}

.color-grey {
   color: #9A989E;
}

.color-blue {
   color: #71B5F5
}

.color-green {
   color: #00A5A1;
}

.color-red {
   color: #A80A0F !important;
}

.color-brown {
   color: #621522;
}

.container,
.container-fluid {
   padding: 0 20px;
}

.section-breadcrumb{
   padding-top:2em;
}
.breadcrumb {
   background: transparent;
   padding: 0;
   font-size: 12px;
   font-family: 'Arial';
   display: block;
}

.breadcrumb>li+li:before {
   content: "\003E";
   color: #A80A0F;
   margin-right: 16px;
}

.breadcrumb > li:last-of-type {
   color: black;
   font-family: 'Arial';
font-weight: 700;
   
    vertical-align: top;
}

@media (min-width:1024px) {
   .breadcrumb {
      background: transparent;
      padding: 0;
      font-size: 14px;
      font-family: 'Arial';
      margin-bottom: 35px;
      display: flex;
   }

   .breadcrumb>li+li:before {
      color: #A80A0F;
      margin:0 16px;
   }

   .container-fluid {
      padding: 0 0px;
   }
}

header #mobile {
   padding: 15px;
   display: flex;
   justify-content: space-between;
}

img.size-full{
   width: auto !important; /* or probably 100% in case of a grid */
   height: auto !important; 
   
}

header #mobile img.logo {
   height: 55px;
}

header #mobile>a {
   font-size: 30px;
   float: right;
   margin-top: -9px;
   display: block;
}

header #dropdown {
   position: fixed;
   top: 0;
   left: 0;
   opacity: 0;
   display: none;
   visibility: hidden;
   z-index: 9999;
   width: 100vw;
   height: 100vh;
   background: rgb(57, 57, 58);
   color: white;
   overflow-y: auto;
   transition: opacity 2s visibility 2s;
   padding: 0px 10px;
}

@keyframes fade {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

header #dropdown.active {
   opacity: 1;
   visibility: visible;
   display: block;
   animation: fade 1s;
}

header #dropdown #close-btn {
   position: absolute;
   top: 20px;
   right: 20px;
   font-size: 20px;
}

header #dropdown .search-block {
   position: absolute;
   top: 20px;
   left: 20px;
   font-size: 14px;
   width: 250px;
}

header #dropdown .search-block input {
   background: rgb(89, 88, 89);
   border: none;
   border-radius: 50px;
   height: 25px;
   color: white;
   text-indent: 25px;
   padding: 15px 10px;
   width: 100%;
}

header #dropdown .search-block input {
   transition: all 0.3s;
}

header #dropdown .search-block input:focus {
   width: 80vw;
   outline: none;
}

header #dropdown .search-block i {
   position: absolute;
   top: 7px;
   left: 12px;
}

header #dropdown ul {
   list-style-type: none;
   padding: 0;
}

header #dropdown ul#menu {
   margin-top: 10vh;
   padding-left: 15px;
   margin-bottom: 10vh;
}

header #dropdown ul#menu>li {
   padding: 10px 0px;
   font-size: 16px;
   font-family: 'Tahoma';
   position: relative;
}
header #dropdown ul#menu>li.bhs{
   text-transform: uppercase;
}

header #dropdown ul#menu>li.bhs > ul > li{
   padding-top:10px;
   padding-left:15px;
}
header #dropdown ul#menu>li.active {
   font-family: 'Tahoma';
font-weight: 700;
}

header #dropdown ul#menu>li ul li {
   padding: 20px 0px;
   font-size: 16px;
   font-family: 'Tahoma';
font-weight: 700;
}

header #dropdown ul#menu>li ul li ul li {
   font-size: 12px;
   font-family: 'Arial';
   margin-left: -10px;
   padding: 10px 0;
}

header #dropdown ul#menu>li ul li ul li:first-child {
   padding-top: 10px;
}

header #dropdown ul#menu>li a {
   position: relative;
}

header #dropdown ul#menu>li  img.chevron {
   transition: all .3s;
    /* width: 14px; */
    position: absolute;
    right: -2px;
    top: 8px;
    padding: 15px;
}

header #dropdown ul#menu>li.active ul {
   max-height: 200vh;
}

header #dropdown ul#menu>li.active  img.chevron {
   transform: rotate(180deg)
}

header #dropdown ul li a {
   display: block;
   max-width: 80%;
}
header #dropdown ul#menu>li ul li  a{
   max-width: none;
}

header #dropdown ul li a img {
   vertical-align: top;
   width: 30px;
   height: 30px;
   display: inline-block;
}

header #dropdown ul li a b {
   display: inline-block;
   word-break: break-word;
   width: 71%;
   margin-left: 10px;
   vertical-align: top;
}

header #dropdown ul li ul {
   overflow: hidden;
   transition: all .3s ease;
   padding-left: 0px;
   max-height: 0;
   /* margin-top: 30px; */
}

header #dropdown ul li ul li ul {
   padding-left: 55px;
   margin-top: 10px;
}

header #dropdown li.separator {
   padding: 1px 0px !important;
   background: white;
   width: 95%;
   margin: 10px 0;
}

header #desktop {
   display: none;
}

header #search-dialog {
   /*display: block;*/
   position: fixed;
   z-index: 9999;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.5);
   width: 100%;
   height: 100%;
   display: none;
   visibility: hidden;
   opacity: 0;
   transition: opacity 1s visibility 0.5s;
}

header #search-dialog.active {
   visibility: visible;
   opacity: 1;
   display: block;
}

header #search-dialog>div {
   position: absolute;
   top: 5vh;
   width: 80vw;
   text-align: center;
   left: 10vw;
}

header #search-dialog>div>i {
   position: absolute;
   left: 13px;
   top: 15px;
   font-size: 20px;
   color: rgb(124, 152, 158);
}

header #search-dialog>div>img {
   position: absolute;
   right: 12px;
   top: 15px;
   cursor: pointer;
}

header #search-dialog>div>input {
   width: 100%;
   height: 42px;
   border-radius: 9px;
   text-indent: 30px;
   padding: 25px 10px;
}
.owl-work-slide .owl-nav{
   display:none;
}
.owl-milestone .owl-item.active{
   transform: scale(1);
}
.owl-milestone .owl-item.active ~ .owl-item.active {
   transform: scale(0.9);
}
.owl-milestone .item{
   padding:10px;
}
@media(min-width:968px) {
   .owl-work-slide{
      position:relative
   }
   .owl-work-slide .owl-nav{
      position: absolute;
      top: -70px;
      right: 0;
      font-size: 24px;
      display: flex;
      justify-content: space-between;
      width: 125px;
      line-height: 42px;
   }
   .owl-work-slide .owl-nav button{
      height: 50px;
      width: 50px;
      background: white;
      border-radius: 50%;
      box-shadow: 0px 3px 17px #b7b7b738;
   }
   .owl-work-slide .owl-nav button:hover {
      background: #A80A0F;
      color:white !important;
   }
   .owl-work-slide .owl-nav button a:hover{
      color:white !important;
   }

   .owl-sus-report{
      position:relative
   }
   .owl-sus-report .owl-nav{
      position: absolute;
      top: -70px;
      right: 0;
      font-size: 24px;
      display: flex;
      justify-content: space-between;
      width: 125px;
      line-height: 42px;
   }
   .owl-sus-report .owl-nav button{
      height: 50px;
      width: 50px;
      background: white;
      border-radius: 50%;
      box-shadow: 0px 3px 17px #b7b7b738;
   }
   .owl-sus-report .owl-nav button:hover {
      background: #A80A0F;
      color:white;
   }


   header #mobile {
      display: none;
   }

   header #desktop {
      display: block;
   }

   header #desktop .top {
      height: 46px;
      width: 100vw;
      background: #A80A0F;
      font-size: 14px;
      font-family: 'Tahoma';
   }

   header #desktop .top ul {
      list-style-type: none;
      padding: 0 10px;
   }

   header #desktop .top>ul {
      text-align: right;
      /* padding: 10px 0px; */
      color: white;
      margin: 0;
   }

   header #desktop .top>ul>li {
      display: inline-block;
      margin: 0px 15px;
      position: relative;
   }

   header #desktop .top>ul>li.bhs {
      position: relative;
      background: transparent;
      padding: 12px;
      text-transform: uppercase;
   }

   header #desktop .top>ul>li.bhs.active {
      background: rgb(57, 57, 58);
   }

   header #desktop .top>ul>li input {
      border-radius: 50px;
      border: none;
      background: rgb(160, 67, 59);
      height: 20px;
      text-indent: 20px;
      color: white;
      padding: 13px 0;
   }

   header #desktop .top>ul>li input:focus {
      outline: none;
   }

   header #desktop .top>ul>li input::placeholder {
      color: white;
   }

   header #desktop .top>ul>li>i {
      position: absolute;
      right: 10px;
      top: 5px;
   }

   header #desktop .top>ul>li>a>i {
      margin-left: 2px;
      margin-right: 5px;
   }

   header #desktop .top>ul>li ul {
      display: none;
   }

   header #desktop .top ul>li>ul {
      max-height: 0;
      display: none;
      background: rgb(57, 57, 58);
      position: absolute;
      padding: 10px;
      transition: all 0.5s;
      z-index: 9999;
      width: 100%;
      left: 0;
   }

   header #desktop .top ul>li>ul li {
      padding: 10px 0px;
   }

   header #desktop .top ul>li>ul li a {
      margin-right: 5px;
   }

   /* header #desktop .top ul>li:last-child.active {
      background: rgb(57, 57, 58);
      padding: 10px;
      margin-top: -10px;
      margin-right: 10px;
   } */

   header #desktop .top ul>li.active>ul {
      max-height: 100vh;
      display: block;
      text-align: left;
      padding: 10px 12px;
   }

   header #desktop img.logo {
      height: 80px;
   }

   header #desktop .bottom {
      position: relative;
      font-size: 14px;
      font-family: 'Tahoma';
      background: #fff;
   }

   header #desktop .bottom ul {
      list-style-type: none;
      padding: 0 20px;
      text-align: right;
      margin: 0;
   }

   header #desktop .bottom>ul>li {
      display: inline-block;
      margin: 0px 10px;
      vertical-align: middle;
      padding: 18px 0px;
      cursor: pointer;
   }
   header #desktop .bottom>ul>li:first-of-type{
      padding:0;
   }

   header #desktop .bottom>ul>li>a {
      display: block;
      line-height: 45px;
      font-size: 13px;
   }

   header #desktop .bottom>ul>li>ul {
      display: none;
      max-height: 0;
      background-color: rgb(57, 57, 58, 0.9);
      color: white;
      position: absolute;
   }

   header #desktop .bottom>ul>li>span {
      width: 0;
      height: 2px;
      background: #A80A0F;
      transition: all 0.5s;
      display: block;
   }

   header #desktop .bottom>ul>li:hover {
      color: #A80A0F;
   }

   header #desktop .bottom>ul>li:hover span {
      width: 100%;
   }

   header #desktop .bottom>ul>li ul.mega {
      top: 100%;
      width: 100%;
      left: 0;
      text-align: center;
      z-index: 9;
      max-height: 0;
      transition: max-height 0s;
      display: block;
      overflow: hidden;
   }

   header #desktop .bottom>ul>li:hover ul.mega {
      
      transition: max-height 1s;
      transition-delay: 0.2s;
      max-height: 200vh;
   }

   header #desktop .bottom>ul>li ul.mega>li {
      padding: 20px 0px;
      display: inline-block;
      vertical-align: top;
      margin: 0px 3vw;
      width: 25vw;
   }

   header #desktop .bottom>ul>li ul.mega>li>ul {
      text-align: left;
   }

   header #desktop .bottom>ul>li ul.mega>li>ul>li {
      padding: 20px 0px;
      font-size: 14px;
      font-family: 'Tahoma';
font-weight: 700;
   }

   header #desktop .bottom>ul>li ul.mega>li>ul>li:hover {
      opacity: 0.9;
   }

   header #desktop .bottom>ul>li ul.mega>li>ul>li:hover>ul {
      opacity: 1;
   }


   header #desktop .bottom>ul>li ul.mega>li>ul>li img {
      margin-right: 10px;
      width: 45px;
   }

   header #desktop .bottom>ul>li ul.mega>li>ul>li>ul {
      padding-left: 60px;
      padding-top: 10px;
      text-align: left;
      font-size: 12px;
      font-family: 'Arial';
      font-weight: 400;
   }
   header #desktop .bottom>ul>li ul.mega>li>ul>li > a > b{
      display: inline-block;
      vertical-align: middle;
      width: 69%;
   }

   header #desktop .bottom>ul>li ul.mega>li>ul>li>ul>li {
      padding: 9px 0px;
   }

   header #desktop .bottom>ul>li ul.mega>li>ul>li>ul>li:hover {
      opacity: 0.9;
   }
}

@media(min-width:1200px) {
   header #desktop .bottom>ul>li {
      display: inline-block;
      margin: 0px 15px;
      vertical-align: middle;
      padding: 18px 0px;
      cursor: pointer;
   }

   header #desktop .bottom>ul>li>a {
      display: block;
      line-height: 45px;
      font-size: 15px;
   }
}

@media(min-width:1368px) {
   header #desktop .bottom>ul>li>a {
      display: block;
      line-height: 45px;
      font-size: 15.5px;
   }

   header #desktop .bottom>ul>li {
      display: inline-block;
      margin: 0px 0px;
      vertical-align: middle;
      padding: 18px 30px;
      cursor: pointer;
   }
}

#page-content {
   min-height: calc(100vh - 128px - 60px);
}

footer {
   width: 100%;
   background: #39393B;
   color: white;
   padding: 5em 30px 1em;
}
footer a:hover{
   color: white;
}
footer ul {
   padding: 0;
   list-style-type: none;
   margin-top: 0;
   /*margin-bottom: 70px;*/
}

footer ul li {
   padding: 15px 0px;
   font-size: 12px;
   font-family: 'Tahoma';
font-weight: 700;
}

footer p.address {
   line-height: 25px;
   font-size: 12px;
   font-family: 'Tahoma';
}

footer .followus {
   font-size: 12px;
   font-family: 'Tahoma';
font-weight: 700;
   margin: 30px 0 0;
}

footer .copyright {
   font-size: 10px;
   font-family: 'Tahoma';
}

footer ul.social li {
   display: inline-block;
   margin-right: 15px;
   font-size: 25px;
}

footer img.logo {
   margin: 15px 0px;
}

@media(min-width:1024px) {
   footer .left {
      float: left;
   }

   footer .right {
      float: right;
   }

   footer img.logo {
      margin-top: 35px;
   }

   footer {
      padding: 5em 0px 1em;
   }

   footer ul {
      margin-bottom: 0px;
   }

   footer ul li {
      font-size: 14px;
   }

   footer p.address {
      font-size: 14px;
   }

   footer .followus {
      font-size: 14px;
      font-family: 'Tahoma';
   }

   footer .copyright {
      font-size: 12px;
   }
}
#gmaps{
   width:100%;
   height:80vh;
}
.tag-pos > span{
   cursor: pointer;
   display: block;
   margin-bottom: 10px;
}
.tag-pos .box{
   width:24px;
   height:24px;
   background: black;
   margin-right:5px;
   display: inline-block;
   color:white;
}
.tag-pos .box i{
   visibility: hidden;
   margin-left:4px;
}
.tag-pos .box.active i{
   visibility: visible;
}
.tag-pos .box.hcs{
   background:#006633;
}
.tag-pos .box.hcv{
   background:  #8600b3;
}
.tag-pos .box.bou{
   background: #333;
}
.faq-wrapp {
   max-width: 350px;
   margin-top:2em;
}
.screen-reader-response{
   display: none;
}
.wpcf7-not-valid-tip{
   font-size:10px;
   
}
/*----- landing page ------ */
#landing {
   background: #FBFBFB 0% 0% no-repeat padding-box;
}

#landing #section1 .owl-carousel .owl-stage-outer {
   width: 100%;
}

#landing #section1 .item {
   width: 100vw;
   height: 100vh;
   background-size: cover !important;
   background-position: center !important;
   background-repeat: no-repeat !important;
   position: relative;
   color: white;
}

#landing #section1 .item>img.bg {
   position: absolute;
   background-size: cover !important;
   background-position: center !important;
   background-repeat: no-repeat !important;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}

#landing #section1 .item .text {
   position: absolute;
   top: 30%;
   left: 0vw;
   padding: 20px;
   /* transform: translateY(-50%);
   max-width: 80vw; */
}

#landing #section1 .item .text .head {
   font-size: 20px;
   font-family: 'Arial';
   margin-bottom: 10px;
   text-shadow: 3px 2px 2px #333;
}

#landing #section1 .item .text .cta {
   margin-top: 20px;
}

#landing #section1 .item .text h2 {
   font-size: 24px;
   font-family: 'Tahoma';
font-weight: 700;
   margin: 0;
   color:white;
   text-shadow: 3px 2px 2px #333;
}

#landing #section1 .item .text h3 {
   font-size: 18px;
   font-family: 'Tahoma';
font-weight: 700;
   margin: 0;
}

#landing #section1 .item .text p {
   font-size: 12px;
   margin-top: 16px;
   line-height: 18px;
   font-family: 'Arial';
}

#landing #section1 .owl-dots {
   position: absolute;
   bottom: 20vh;
   width: 100%;
   z-index: 0;
   text-align: center;
   max-width: 552px;
   right: 0;
}

#landing #section1 .owl-dot {
   width: 20px;
   height: 20px;
   border-radius: 10px;
   margin: 0px 5px;
}

#landing #section1 .owl-dot.active {
   border: 1px solid white;
}

#landing #section1 .owl-dot span {
   width: 4px;
   height: 4px;
   background: white;
   border-radius: 10px;
   margin: auto;
   display: block;
}

#landing #section1 .item .float {
   display: none;
}

#landing #section2 {
   margin: 30px 0px;
}

.heading {
   font-size: 24px;
   font-family: 'Tahoma';
font-weight: 700;
   color: #000000;
   margin: 0 0 24px;
}

.sub-heading {
   font-size: 10px;
   color: #463A35;
}

.desc-text {
   font-size: 12px;
   color: #39393B;
   line-height: 18px;
}

.btn {
   font-family: 'Tahoma';
font-weight: 700;
   font-size: 12px;
   border-radius: 0;
}

.btn-red {
   background: #A80A0F;
   color: white !important;
   padding: 12px 20px;
   padding-right: 50px;
   position: relative;
}

.btn-red span {
   position: absolute;
   right: 2px;
   top: 2px;
   width: 0px;
   height: calc(100% - 4px);
   background: white;
   z-index: 0;
   transition: width 0.5s;
}

.btn-red:hover span {
   width: 32px;
}

.btn-red i {
   position: absolute;
   right: 23px;
   font-size: 23px !important;
   color: white;
   top: 9px;
   z-index: 1;
   transition: all 0.5s ease-in-out;
}

.btn-red:hover i {
   color: #A80A0F;
   right: 13px;
}

.btn-red i {
   margin-left: 5px;
   font-size: 18px;
}

.btn-red-full {
   background: #A80A0F;
   color: white !important;
   padding: 10px 15px;
   width: 100%;
   display: block;
   position: relative;
   text-transform: capitalize;
   text-align: left;
}

.btn-red-full i {
   position: absolute;
   right: 18px;
   color: white;
   top: 10px;
   z-index: 1;
   transition: color 0.5s;
   font-size: 18px;
}

.btn-red-full span {
   position: absolute;
   right: 3px;
   top: 3px;
   width: 0;
   height: calc(100% - 6px);
   background: white;
   z-index: 0;
   transition: width 0.5s;
}

#landing #section3 {
   position: relative;
   padding: 30px 0px;
}
#landing #section3 .owl-carousel{
   position: relative;
}
#landing #section3 .owl-carousel .item {
   padding: 3px;
}

#landing #section3 .owl-carousel .item .products {
   background: #fff;
   /* box-shadow: 0pt 0pt 4pt #00000019; */
   box-shadow: 2pt 7pt 7pt 0px #0000000d;
   padding: 10px;
   border-radius: 5px;
   position: relative;
   margin-bottom: 20px;
}

#landing #section3 .owl-carousel .item .products p {
   margin: 5px 0;
   margin-top: 40px;
   padding: 0;
}

#landing #section3 .owl-carousel .item .products .overlay {
   position: absolute;
   height: 150px;
   width: 100%;
   background: #fff;
   bottom: 0;
   left: 0;
   opacity: 0.05;
   border-radius: 5px;
}

#landing #section3 .owl-carousel .item figure {
   height: 180px;
}

#landing #section3 .owl-carousel .item figure img {
   max-width: 50% !important;
   width: auto;
   margin: auto;
   display: inline-block;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 120px;
   transition: all 0.5s;
}

#landing #section3 .owl-carousel .item figure:hover img {
   transform: rotate(-15deg) scale(1.15);
}

#landing #section3 .owl-carousel .item figure figcaption {
   position: absolute;
   bottom: 60px;
   left: 50%;
   transform: translate(-50%, -50%);
   text-align: center;
   width: 100%;
   font-family: 'Tahoma';
font-weight: 700;
   color: #000000;
   font-size: 14px;
}

#landing #section3 .owl-carousel .item:hover .btn-red-full i {
   color: #A80A0F;
}

#landing #section3 .owl-carousel .item:hover .btn-red-full span {
   width: 35px;
}
#landing #section3 .owl-nav{
   position: absolute;
   top: -72px;
   right: 0;
}
#landing #section3 .arrow-custom.icn-left {
   position: absolute;
   right: 95px;
   font-size: 18px;
   background: #F5F5F5;
    padding: 10px 14.5px;
    margin: 5px;
    border-radius: 50%;
}

#landing #section3 .arrow-custom.icn-next {
   position: absolute;
   right: 20px;
   font-size: 18px;
   background: #F5F5F5;
   padding: 10px 14.5px;
    margin: 5px;
    border-radius: 50%;
}

#landing #section3 .arrow-custom.icn-left i,
#landing #section3 .arrow-custom.icn-next i {
   transition: all 0.5s ease-in-out;
}

#landing #section3 .arrow-custom.icn-left:hover,
#landing #section3 .arrow-custom.icn-next:hover {
   background-color: #b72023;
   border: 1px solid #b72023;
}

#landing #section3 .arrow-custom.icn-left:hover i,
#landing #section3 .arrow-custom.icn-next:hover i {
   color: #fff;
}
#landing #section3 .owl-dots {
   margin-top: 10px;
   width: 100%;
   text-align: center;
}

#landing #section3 .owl-dot,#landing #section6 .owl-dot {
   width: 20px;
   height: 20px;
   border-radius: 10px;
   margin: 0px 5px;
}

#landing #section3 .owl-dot.active,#landing #section6 .owl-dot.active {
   border: 1px solid black;
}

#landing #section3 .owl-dot span, #landing #section6 .owl-dot span {
   width: 4px;
   height: 4px;
   background: black;
   border-radius: 10px;
   margin: auto;
   display: block;
}

#landing #section4 {
   position: relative;
   padding: 30px 0px;
}

#landing #section4 figure {
   background: white;
   box-shadow: 9px 17px 54px 0px rgb(187 187 187 / 20%);

   margin-bottom: 24px;
}
#landing #section4 figure img{
   width:100%;
   height:250px;
   object-fit: cover;
}

#landing #section4 figure figcaption {
   padding: 20px;
}

#landing #section4 figure figcaption .category {
   font-size: 14px;
   font-family: 'Arial';
font-weight: 700;
}

#landing #section4 figure figcaption p {
   font-size: 16px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-top: 8px;
   height: 48px;
   overflow: hidden;
   text-overflow: ellipsis;
}

#landing #section4 figure figcaption .cta .meta-date {
   color: #9A989E;
   font-size: 12px;
}

#landing #section4 figure figcaption .cta a {
   display: flex;
   align-items: center;
   font-size: 12px;
   font-family: 'Tahoma';
font-weight: 700;
}

#landing #section4 figure figcaption .cta {
   transition: all 0.5s ease-in-out;
}

#landing #section4 figure:hover figcaption .cta {
   padding-left: 15px;
   color: #b72023;
}

#landing #section4 figure figcaption i {
   margin-right: 8px;
   font-size: 16px;
}

#landing #section5 {
   position: relative;
   padding: 30px 0px;
}

#landing #section5 h2 {
   margin-top: 6vh
}

#landing #section5 .cta {
   margin-top: 50px;
}

#landing #section5 figure {
   position: relative;
   margin-bottom: 10px;
   overflow: hidden;
   box-shadow: 0pt 0pt 3pt #00000019;
}

a.more:hover {
   color: #A80A0F;
}

#landing #section5 figure .desc {
   position: absolute;
   height: 100%;
   padding: 25px 20px;
   font-size: 14px;
   /* transition: all 1s ease-in-out; */
   opacity: 0;
   top: 0;
   z-index: 2;
}

#landing #section5 figure .white-bg {
   position: absolute;
   width: 0;
   top: 400px;
   height: 100%;
   background: #fff;
   transition: all 1s ease-in-out;
   z-index: 1;
   background: rgba(255,255,255,0.8);
}

.desc-pages a, a.link{
  transition: all .3s ease-in-out;
  color: #8a0609;
}

#landing #section5 .desc2 {
   background: #fff;
   height: 100%;
   padding: 15px;
   font-size: 14px;
   width: 100%;
   margin-top: -20px;
}

#landing #section5 figure figcaption {
   position: relative;
   width: 100%;
   background: white;
   padding: 20px 15px 15px;
   z-index: 4;
   transition: all 1s ease-in-out;
}

#landing #section5 figure img {
   height: 300px;
   object-fit: cover;
   object-position: top;
}

#landing #section5 figure figcaption p {
   margin: 0;
}

#landing #section5 figure figcaption .name {
   color: #A80A0F;
   font-size: 20px;
   font-family: 'Tahoma';
font-weight: 700;
}

#landing #section5 figure figcaption .pos {
   font-style: italic;
   font-family: 'Arial';
}

#landing #section5 figcaption {
   text-align: center;
}

#landing #section5 figcaption .name {
   font-size: 20px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 5px;
}

#landing #section5 figcaption .pos {
   font-size: 16px;
   font-family: 'Arial';
   color: #4C4C4F;
   line-height: 22px;
}

#landing #section5 .owl-carousel {
   margin-top: 32px;
}

#landing #section5 .owl-dots {
   margin-top: 10px;
   width: 100%;
   text-align: center;
}

#landing #section5 .owl-dot,#landing #section6 .owl-dot {
   width: 20px;
   height: 20px;
   border-radius: 10px;
   margin: 0px 5px;
}

#landing #section5 .owl-dot.active,#landing #section6 .owl-dot.active {
   border: 1px solid black;
}

#landing #section5 .owl-dot span, #landing #section6 .owl-dot span {
   width: 4px;
   height: 4px;
   background: black;
   border-radius: 10px;
   margin: auto;
   display: block;
}

#landing #section6 {
   padding: 3em 0 2em;
}

#landing #section6 figure {
   position: relative;
   margin: 50px 0px;
}

#landing #section6 figure figcaption {
   position: absolute;
   top: 0;
   width: 100%;
   text-align: center;
}

#landing #section6 figure figcaption .location {
   color: #000000;
   font-size: 16px;
   font-family: 'Tahoma';
font-weight: 700;
   margin: 30px 0 8px;
}

#landing #section6 figure figcaption .city {
   color: #000000;
   font-size: 14px;
   font-family: 'Arial';
}

#landing #section6 figure figcaption .city i {
   margin-right: 10px;
}

#landing #section6 .owl-carousel .owl-stage {
   padding-left: 0 !important;
}

.desktop {
   display: none !important;
}

.mobile {
   display: block !important;
}

#landing #section2 .left figure img {
   width: 100%;
   height: 320px;
   object-fit: cover;
}

#landing #section4 figure .thumb-main {
   width: 100%;
}
#landing #section6 figure .img-location {
   height: 400px;
   overflow: hidden;
}

#landing #section6 figure .img-location img {
   transition: all 1s ease-in-out;
   height: 100%;
 object-fit: cover;
}

@media (min-width:768px) {
   .tag-pos > span{
      cursor: pointer;
      display: inline-block;
      margin-bottom:0;
   }
   .desktop {
      display: block !important;
   }
   
   .mobile {
      display: none !important;
   }
   #landing #section5 figure:hover .white-bg {
      top: 0;
      width: 100%;
   }
   
   #landing #section5 figure:hover .desc {
      opacity: 1;
      transition: all 1.7s cubic-bezier(1, -0.19, 0.58, 1);
   }
   #landing #section5 figure:hover figcaption {
      padding-bottom: 25px;
   }
   

}

@media (min-width:1024px) {
   #landing #section2 .left figure img {
      height: 450px;
   }#landing #section6 {
      padding: 3em 0 0em;
   }
   #landing #section1 .item .text .head {
      font-size: 24px;
   }

   #landing #section3 .container,
   #landing #section4 .container,
   #landing #section5 .container,
   #landing #section6 .container {
      max-width: 1310px;
   }

   .btn {
      font-family: 'Tahoma';
font-weight: 700;
      font-size: 12px;
   }

   body {
      font-size: 16px;
   }

   .heading {
      font-size: 28px;
   }

   .sub-heading {
      font-size: 16px;
   }

   .desc-text {
      font-size: 16px;
      line-height: 26px;
   }

   #landing #section1 {
      position: relative;
      min-height: 600px !important;
   }

   #landing #section1 .item .text {
      max-width: 35vw;
      position: absolute;
      top: 30%;
      left: 10vw;
      padding: 0;
   }

   #landing #section1 .mouse-icon {
      position: absolute;
      border: 2px solid #FFFFFF;
      border-radius: 14px;
      width: 28px;
      height: 43px;
      left: 50%;
      transform: translateX(-50%);
      bottom: 20vh;
      z-index: 1;
      opacity: 0.7;
   }

   #landing #section1 .mouse-icon .bar {
      background: #FFFFFF 0% 0% no-repeat padding-box;
      border-radius: 10px;
      opacity: 1;
      width: 2px;
      height: 12px;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      z-index: 1;
      animation-duration: 1.5s;
      animation-iteration-count: infinite;
      animation-name: scroll
   }

   @keyframes scroll {
      0% {
         bottom: 20px;
      }

      100% {
         bottom: 5px;
      }
   }

   #landing #section1 .item .text h2 {
      font-size: 30px;
      margin: 0;
   }

   #landing #section1 .item .text h3 {
      font-size: 24px;
      margin: 0;
   }

   #landing #section1 .item .text p {
      font-size: 14px;
      line-height: 22px;
   }

   #landing #section1 .owl-dots {
      text-align: right;
      padding-right: 10vw;
   }

   #landing #section1 .item .float {
      width: 130px;
      height: 130px;
      border: 2px solid white;
      background: #000000f0;
      color: white;
      display: block;
      position: absolute;
      border-radius: 10px;
      text-align: center;
      line-height: 12px;
      padding-top: 10px;
   }

   #landing #section1 .item .float .bar {
      width: 3px;
      height: 287px;
      background: transparent linear-gradient(180deg, var(--unnamed-color-ffffff) 0%, #FFFFFF1D 100%) 0% 0% no-repeat padding-box;
      background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFF1D 100%) 0% 0% no-repeat padding-box;
      position: absolute;
      left: 50%;
      top: 100%;

   }

   #landing #section1 .item .float p {
      margin: 0;
   }

   #landing #section1 .item .float p:nth-child(1) {
      margin: 10px 0px;
   }

   #landing #section1 .item .float p b {
      font-size: 18px;
      margin: 0px 10px;
      font-family: 'Metric';
   }

   #landing #section1 .item .float p {
      font-size: 9px;
   }

   #landing #section1 .item .float p small {
      margin: 0px 10px;
      font-size: 9px;
   }

   #landing #section1 .item .float img {
      width: auto;
      height: 25px;
      display: inline-block;
      margin: 10px;
   }

   #landing #section1 .item .float.float1 {
      transform: translateY(-50%);
      right: calc(10vw - 35px);
      top: calc(50% - 60px);
   }

   #landing #section1 .item .float.float2 {
      right: calc(10vw + 115px);
      top: calc(50% - 80px);
      transform: translateY(-100%);
   }

   #landing #section1 .item .float.float3 {
      right: calc(10vw + 115px);
      top: calc(50% - 60px);
      transform: translateY(0);
   }

   #landing #section1 .item .float.float4 {
      right: calc(10vw + 270px);
      top: calc(50% - 80px);
      transform: translateY(-100%);
   }

   #landing #section1 .item .float.float5 {
      right: calc(10vw + 270px);
      top: calc(50% - 60px);
      transform: translateY(0);
   }

   #landing #section1 .item .float.float6 {
      right: calc(10vw + 420px);
      top: calc(50% - 60px);
      transform: translateY(-50%);
   }

   #landing #section1 .item .float.float7 {
      right: calc(10vw + 195px);
      top: calc(50% - 360px);
   }

   #landing #section1 .item .float.float8 {
      right: calc(10vw + 190px);
      top: calc(50% + 90px);
   }

   #landing #section2 .left {
      float: left;

   }

   #landing #section2 .desc-text {
      width: 90%;
   }

   #landing #section2 .left figure {
      position: absolute;
      margin-top: -10vh;
      z-index: 1;

   }

   #landing #section2 .right {
      float: right;
      margin-top: 60px;
   }

   #landing #section2 .right>* {
      margin-left: 40px;

   }

   #landing #section4 .heading {
      margin-bottom: 50px;
   }

   #landing #section4 a.more {
      margin-top: -75px;
      font-family: 'Tahoma';
font-weight: 700;
   }

   #landing #section3 .col-md-4 {
      align-self: center;
   }

   #landing #section3 .owl-carousel .item figure figcaption {
      font-size: 18px;
   }

   #landing #section3 .owl-carousel .owl-stage {
      padding-left: 0px !important;
   }

   #landing #section3 .owl-carousel .item figure {
      height: 250px;
   }

   #landing #section3 .owl-carousel .item figure img {
      max-width: 50%;
      bottom: 100px;
   }

   #landing #section3 .owl-carousel .item .products p {
      margin: 0;
   }

   #landing #section4 figure .thumb-main {
      height: 672px;
      width: 100%;
      object-fit: cover;
   }
   #landing #section4 figure a:hover{
      color:inherit !important;
   }
   #landing #section5 h2 {
      margin-top: 0vh
   }

   #landing #section5 figure img {
      height: 400px;
      object-fit: cover;
      width: 100%;
   }

   #landing #section5 figure figcaption .name {
      font-size: 16px;
   }

   #landing #section5 figure figcaption {
      width: 70%;
   }

   #landing #section6 .desc-text {
      width: 50%;
   }

   #landing #section6 figure figcaption .location {
      color: #000000;
      font-size: 20px;
   }

   #landing #section6 figure .img-location {
      height: 600px;
      overflow: hidden;
   }

   #landing #section6 figure .img-location img {
      transition: all 1s ease-in-out;
      height: 100%;
    object-fit: cover;
   }

   #landing #section6 figure .img-location img:hover {
      transform: scale(1.1);
   }

   #landing #section3 {
      padding: 9em 0px;
   }

   #landing #section4 {
      padding: 0px 0px 9em;
   }

   #landing #section5 {
      padding: 0 0px 7em;
   }

   #landing #section5 .col-md-4 {
      padding: 65px;
      /* align-self: center; */
      padding-left: 15px;
   }

   #landing #section5 .col-md-8 .row {
      margin: 0 -5px;
   }

   #landing #section5 .col-md-8 .row .col-md-4 {
      padding: 0 5px;
   }
}

@media(min-width:1441px){
   #landing #section1 .item .text h2 {
      font-size: 40px;
      /* font-size: calc( 40px + 18 * ((100vw - 320px) / 2240)); */
      /* font-size: 30px; */
      margin: 0;
   }

   #landing #section1 .item .text h3 {
      /*font-size: 24px;*/
      font-size: calc( 24px + 12 * ((100vw - 320px) / 2240));
      margin: 0;
   }

   #landing #section1 .item .text p {
      /*font-size: 14px;*/
      font-size: calc( 14px + 7 * ((100vw - 320px) / 2240));
      line-height: 22px;
   }

   #landing #section1 .owl-dots {
      text-align: right;
      padding-right: 10vw;
   }
   #landing #section1 .item .cta .btn{
      font-size: calc( 12px + 6 * ((100vw - 320px) / 2240));
   }
}

/*
   product page
*/
#product {
   background: #F7F7F7;
}

#product #section1 {
   position: relative;
}

.banner-gar {
   position: relative;
}

.banner-gar img {
   width: 100%;
   height: 180px;
   object-fit: cover;
}

.banner-gar .overlay {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100px;
   opacity: 0.5;
   background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.8), rgba(255, 0, 0, 0));
}
.banner-gar .remarks{
   position: absolute;
   bottom: 10px;
   right: 10px;
   color: white;
}
.banner-gar h1 {
   position: absolute;
   bottom: 20px;
   left: 20px;
   color: white;
   font-size: 20px;
   font-family: 'Tahoma';
font-weight: 700;
}

.banner-gar .info {
   position: absolute;
   bottom: 20px;
   left: 20px;
   color: white;
}

.banner-gar .info h1 {
   font-size: 20px;
   font-family: 'Tahoma';
font-weight: 700;
   position: relative;
   left: 0;
   bottom: unset;
}

.banner-gar .info p {
   font-size: 16px;
   margin-top: 16px;
   margin-bottom: 0;
}

.banner-gar h1 span {
   font-size: 12px;
   font-family: 'Arial';
   margin-top: 8px;
   display: block;
}

#product #section2 {
   background: #FBFBFB;
   padding: 4em 0 6em;
}

#product #section2 .breadcrumb {
   margin-bottom: 30px;
}

#product #section2 h2 {
   font-size: 24px;
   font-family: 'Tahoma';
font-weight: 700;
   width: 70%;
   line-height: 35px;
}

#product #section2 .desc {
   font-size: 14px;
   font-family: 'Arial';
   margin-top: 20px;
}

#product #section2 .img-desc {
   padding: 3em 0;
}

#product #section2 .desc img {
   width: 25px;
}

.product-wrap {
   padding: 5em 0 0;
}

.product-area {
   position: relative;
   margin-bottom: 30px;
   overflow: hidden;
}

.product-area .img-product {
   width: 100%;
   height: 200px;
   object-fit: cover;
}

.product-area .info {
   position: absolute;
   padding: 0 15px 15px;
   bottom: 0;
   z-index: 2;
   color: #fff;
   transition: all 0.5s ease-in-out;
}

#product #section2 .product-area .info .title {
   font-size: 14px;
   font-family: 'Tahoma';
font-weight: 700;
   width: 100%;
}

.product-area .info .title {
   font-size: 14px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 8px;
   text-transform: capitalize;
   color:white;
}

.product-area .info .isi {
   font-size: 10px;
   font-family: 'Arial';
   transition: all 0.5s ease-in-out;
}

.product-area .bg-blck {
   position: absolute;
   bottom: 0;
   z-index: 1;
   height: 120px;
   width: 100%;
   opacity: 0.6;
   background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5), rgba(255, 0, 0, 0));
   transition: all 0.5s ease-in-out;
}
.product-area .img-area img{
   width: 100% !important;
    height: 260px !important;
    padding: 0;
    object-fit: cover !important;
}

@media(min-width:1024px) {
   .product-area .img-area img{
      width:100% !important;
      height:unset !important;
      padding:unset !important;
   }
   .banner-gar img {
      height: 350px;
   }

   .banner-gar .overlay {
      height: 120px;
      opacity: 0.4;
      background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5), rgba(255, 0, 0, 0));
   }
   .banner-gar .remarks{
      position: absolute;
      bottom: 31px;
      right: 39px;
      color: white;
   }

   .banner-gar h1 span {
      font-size: 16px;
      margin-top: 12px;
   }

   .product-wrap .grid-desk {
      display: grid;
      grid-template-columns: 50% 50%;
   }

   .product-wrap .grid-desk .product-area:first-child {
      margin-right: 10px;
   }

   .product-wrap .grid-desk .product-area:last-child {
      margin-left: 10px;
   }

   .product-area .img-area  img {
      transition: all 0.8s ease-in-out;
      width: 100% !important;
      height: 100% !important;
      object-fit: cover;
      padding:0;
      
   }

   .product-area .img-area {
      height: 500px;
      overflow: hidden;
   }

   .product-area:hover .img-area img {
      transform: scale(1.1);
   }

   .product-area .info {
      padding: 0 29px 35px;
   }

   #product #section2 .product-area .info .title {
      font-size: 25px;
   }

   .product-area .info .title {
      font-size: 25px;
   }

   .product-area .info .isi {
      font-size: 18px;
      font-family: 'Arial';
      width: 80%;
      display: none;
      opacity: 0;
   }

   .product-area:hover .info .isi {
      display: block;
      opacity: 1;
   }

   .product-area:hover .bg-blck {
      height: 160px;
      opacity: 0.8;
   }

   #product-food-service .product-area:hover .bg-blck {
      opacity: 0.4;
   }

   #product-food-service .product-area .bg-blck {
      opacity: 0.3;
   }

   .product-area .bg-blck {
      opacity: 0.5;
      height: 130px
   }

   .banner-gar h1 {
      position: absolute;
      bottom: 35px;
      left: 11vw;
      color: white;
      font-size: 30px;
      font-family: 'Tahoma';
font-weight: 700;
   }

   .banner-gar .info {
      position: absolute;
      bottom: 35px;
      left: 11vw;
   }

   .banner-gar .info h1 {
      font-size: 30px;
      font-family: 'Tahoma';
font-weight: 700;
   }

   .banner-gar .info p {
      font-size: 16px;
      margin-top: 16px;
   }

   #product #section2 .desc {
      font-size: 18px;
      width: 95%;
   }

   #product #section2 h2 {
      width: 50%;
   }

   #product #section2 .img-desc {
      padding: 0 0;
   }
}


/*product consumer */

#product-consumer {
   background: #F7F7F7;
}

#product-consumer #section1 {
   position: relative;
   background: #FBFBFB;
}

#product-consumer #section1 img {
   width: 100%;
}

#product-consumer #section1 figure .bg {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 0;
   background: rgb(0, 0, 0);
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.2987570028011205) 0%, rgba(255, 255, 255, 0.01584383753501406) 54%);
}

#product-consumer #section2 {
   background: #FBFBFB;
   padding: 4em 0 6em;
}

.title-pages {
   font-size: 24px;
   font-family: 'Tahoma';
font-weight: 700;
   width: 100%;
   line-height: 35px;
}

.subtitle {
   font-size: 20px;
   font-family: 'Tahoma';
font-weight: 700;
   line-height: 31px;
}

.desc-pages {
   font-size: 14px;
   font-family: 'Arial';
   color: #39393B;
}

.desc-pages p b {
   font-size: 18px;
   font-family: 'Arial';
font-weight: 700;
   color: #000000;
   margin: 16px 0;
}

b {
   font-family: 'Arial';
font-weight: 700;
}

.desc-pages a,
a.link {
   transition: all 0.3s ease-in-out;
   color: #8A0609;
}


.desc-pages a:hover,
a.link:hover {
   color: #DE0E13;
}
.desc-pages .faq-wrapp  a{
   color:black !important
}
a.red {
   transition: all 0.3s ease-in-out;
   color: #8A0609;
}

a.red:hover {
   color: #DE0E13;
}

.desc-pages .underline img {
   width: 25px;
   transition: all 0.5s ease-in-out;
}

.desc-pages .underline:hover img {
   margin-left: 25px;
}

#product-consumer #section2 h3 {
   font-size: 24px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-top: 22px;
   margin-bottom: 16px;
}

.country-card {
   width: 340px;
   background: #fff;
   padding: 30px;
   box-shadow: 9px 17px 54px 0px rgb(187 187 187 / 20%);
   border-radius: 10px;
}

.country-card .title {
   font-size: 18px;
   font-family: 'Tahoma';
font-weight: 700;
   margin: 15px 0 50px;
}

.country-card .list {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: -15px;
}

.country-card .list .negara {
   display: flex;
   align-items: center;
}

.country-card .list .negara img {
   width: 70px;
   margin-top: 10px;
}

.country-card .list .negara span {
   font-size: 18px;
   font-family: 'Tahoma';
}

#product-consumer #section3 {
   position: relative;
   padding: 6em 0;
}

#product-consumer #section3 h2 {
   font-size: 12px;
   font-family: 'Tahoma';
font-weight: 700;
   text-transform: uppercase;
}

#product-consumer #section3 p {
   font-size: 10px;
   font-family: 'Tahoma';
   color: #39393B;
   margin-bottom: 1em;
}

#product-consumer #section3 .bar {
   width: 529px;
   height: 0px;
   border: 2px solid #8A0609;
   margin: auto;
   display: block;
}

.desc-pages a.test-link {
   color: #A80A0F !important;
}

.desc-pages a.test-link:hover {
   color: #72080b !important;
   text-decoration: none !important;
}

@media(min-width: 768px) {
   .desc-pages {
      font-size: 16px;
      width: 95%;
      /* width: 100%; */
   }
   

   .desc-pages p b {
      font-size: 22px;
   }
   .desc-pages.blog-content{
      font-size: 14px;
   }
   #product-consumer .d-flex p {
      font-size: 16px;
   }
}

@media(min-width:1024px) {

   #news-events .desc-pages {
      width: 100%;
   }

   .detail-blogs .title-pages {
      width: 100%;
      margin: 0px 0 24px;
   }

   .title-pages {
      
      margin: 0px 0 24px;
   }

   #product-consumer #section2 h3 {
      font-size: 28px;
      margin-top: 3em;
      margin-bottom: 1em;
   }

   #product-consumer #section3 h2 {
      font-size: 32px;
      margin-bottom: 16px;
   }

   #product-consumer #section3 p {
      font-size: 20px;
      font-family: 'Tahoma';
      color: #621522;
      margin-bottom: 3em;
   }
}

/* product-consumer-detail page */
#product-consumer-detail {
   background: #F7F7F7;
}

#product-consumer-detail #section1 {
   position: relative;
}

#product-consumer-detail #section2 {
   background: #FBFBFB;
   padding: 4em 0 6em;
}

.product-card {
   position: relative;
   margin-bottom: 80px;
}

.product-card .img-area {
   background: #fff;
   position: absolute;
   top: -50px;
   left: 50%;
   transform: translate(-50%);
   width: 120px;
   height: 120px;
   padding: 10px;
   border-radius: 10px;
   box-shadow: 3px 10px 17px 0px rgb(187 187 187 / 20%);
}

.product-card .img-area img {
   width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.product-card .info {
   background: #fff;
   padding: 25px;
   border-radius: 10px;
   box-shadow: 1px 1px 20px 0px rgb(187 187 187 / 20%);
}

.product-card .info .title {
   margin-top: 5em;
   color: #A80A0F;
   font-size: 16px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 12px;
}

.product-card .info p {
   font-size: 16px;
   color: #39393B
}

#product-consumer-detail #section2 .owl-carousel .item {
   padding-top: 100px;
   padding: 100px 15px 15px;
}

#product-consumer-detail #section2 .owl-dots {
   margin-top: 30px;
   width: 100%;
   text-align: center;
}

#product-consumer-detail #section2 .owl-dot {
   width: 20px;
   height: 20px;
   border-radius: 10px;
   margin: 0px 5px;
}

#product-consumer-detail #section2 .owl-dot.active {
   border: 1px solid black;
}

#product-consumer-detail #section2 .owl-dot span {
   width: 4px;
   height: 4px;
   background: black;
   border-radius: 10px;
   margin: auto;
   display: block;
}

#product-consumer-detail #section2 .product-wrapp {
   padding: 7em 0 0;
}

#product-consumer-detail #section2 .title-pages {
   width: 100% !important;
}

#product-consumer-detail #section3 {
   background: rgba(154, 152, 158, 0.05);
   position: relative;
   padding: 5em 0 3em;
}

#product-consumer-detail #section3 .faq-wrapp .link-faq {
   border-top: 1px solid #000000;
   width: 80%;
   padding: 20px 0;
   margin-bottom: 30px;
}

#product-consumer-detail #section3 .faq-wrapp .link-faq .title {
   font-size: 16px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 10px;
}

@media(min-width:1024px) {
   .product-card{
      margin-bottom: 0;
   }
   .product-card .info {
      padding: 25px 50px;
      min-height: 300px;
   }

   .product-card {
      margin-bottom: 80px;
   }

   .product-card .img-area {
      left: unset;
      transform: unset;
      right: 30px;
   }

   #product-consumer-detail #section2 .desc-pages {
      width: 75%;
   }

   #product-consumer-detail #section3 .faq-wrapp {
      display: flex;
      justify-content: center;
   }

   #product-consumer-detail #section3 .faq-wrapp .link-faq {
      height: 100px;
      border-top: 1px solid #000000;
      width: 100%;
      padding: 20px 0;
      margin: 0 30px;
   }

   #product-consumer-detail #section3 .faq-wrapp .link-faq .title {
      font-size: 18px;
   }

   #product-consumer-detail #section3 {
      background: rgba(154, 152, 158, 0.05);
      position: relative;
      padding: 5em 0 8em;
   }
}

/*product food service*/

#product-food-service {
   background-color: #FBFBFB;
}

#product-food-service #section1 {
   position: relative;
   color: white;
}

#product-food-service #section2 {
   position: relative;
   padding: 4em 0 6em;
}

#product-food-service #section2 figure {
   position: relative;
   margin-bottom: 30px;
}

#product-food-service #section2 figure img {
   width: 100%;
}

#product-food-service #section2 figure figcaption {
   position: absolute;
   bottom: 0;
   left: 30px;
   color: white;
   z-index: 1;
}

#product-food-service #section2 figure figcaption h2 {
   font-size: 20px;
}

#product-food-service #section2 figure .bg {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 0;
   background: rgb(0, 0, 0);
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.2987570028011205) 0%, rgba(255, 255, 255, 0.01584383753501406) 54%);
}


#product-food-service #section3 {
   background: rgba(154, 152, 158, 0.05);
   position: relative;
   padding: 5em 0 3em;
}

.faq-wrapp .link-faq {
   border-top: 1px solid #000000;
   /*width: 80%;*/
   padding: 20px 0;
   
   transition: all 0.6s ease-in-out;
   text-align: left;
   display: block;
   margin-top: 30px;

}
.faq-wrapp .link-faq a{
   color:black;
}

.faq-wrapp .link-faq:hover {
   border-top: 2px solid #000000;
}

.faq-wrapp .link-faq img {
   transition: all 0.6s ease-in-out;
   height:initial;
}

.faq-wrapp .link-faq:hover img {
   margin-left: 20px;
}

.faq-wrapp .link-faq .title {
   font-size: 16px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 10px;
   transition: all 0.6s ease-in-out;
}

.faq-wrapp .link-faq:hover .title {
   margin-top: -5px;
   margin-bottom:14px;
}

/* #product-food-service #section4 {
   background-color: #FBFBFB;
   background-image: url(/assets/img/product/bg_bakery_m.png);
   background-position: bottom;
   background-size: contain;
   background-repeat: no-repeat;
}

#product-food-service #section4 .block {
   margin: 30px 0px;
   border-bottom: 1px solid rgb(198, 198, 198);
}

#product-food-service #section4 .block:last-child {
   border: none;
} */

@media(min-width:1024px) {
   #product-food-service .link-faq {
      width: 230px;
      text-align: left;
      margin: auto;
      display: block;
      margin-top: 30px;
      margin-bottom: 30px;
   }

   #product-food-service .link-faq p:nth-child(2) {
      height: 65px;
   }

   /* #product-food-service #section4 {
      background-image: url(/assets/img/product/bg_bakery.png);
   } */

}

/*product food service*/

#product-food-service-detail {
   background-color: #FBFBFB;
}

#product-food-service-detail #section2 {
   position: relative;
   padding: 4em 0 3em;
}

#product-food-service-detail #section3 {
   position: relative;
   padding: 0 0 3em;
}

#product-food-service-detail #section3 .container {
   position: relative;
}

 .bg-absolute img {
   width: 100% !important;
   
}

 .bg-absolute {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   z-index:-1;
}

.product-list {
   margin-bottom: 40px;
   border-bottom: 1.2px solid rgb(198, 198, 198);
   padding-bottom: 30px;
}

.product-list:last-child {
   border: none;
   margin-bottom: 0;
}

.product-list .img-area {
   margin: 20px 0;
   text-align: center;
}

.product-list .img-area img {
   transition: all 0.7s ease-in-out;
   padding:0;
}

.product-list .img-area .title {
   font-size: 24px;
   color: #A80A0F;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 30px;
   text-align: left;
}

.product-list .info .title {
   font-size: 24px;
   color: #A80A0F;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 20px;
}

.product-list .info p {
   font-size: 12px;
   font-family: 'Arial';
   line-height: 18px;
}


@media(min-width:1024px) {
   #product-food-service-detail #section3 {
      position: relative;
      padding: 0 0 9em;
   }

   #product-food-service-detail #section2 {
      position: relative;
      padding: 4em 0 6em;
   }

   #product-food-service-detail #section3 .product-wrapp {
      max-width: 800px;
      margin: 0 auto;
   }

   .product-list {
      margin-bottom: 50px;
      border-bottom: 1.2px solid rgb(198, 198, 198);
      padding-bottom: 20px;
      display: grid;
      grid-template-columns: 70% 30%;
      align-items: end;
   }

   .product-list .img-area {
      order: 2;
   }

   .product-list:hover .img-area img {
      transform: scale(1.15);
   }

   .product-list .info {
      order: 1;
      margin-right: 60px;
   }

   .product-list .info .title {
      font-size: 32px;
   }

   .product-list .info p {
      font-size: 18px;
      line-height: 30px;
   }

   .faq-wrapp .link-faq {
      /* width: 230px; */
      text-align: left;
      margin: auto;
      display: block;
      margin-top: 0px;
   }
}



/* PRODUCT SUGAR PAGES -------------------------------------------------------- */
#product-sugar #section2 {
   background: #FBFBFB;
   padding: 4em 0 6em;
}

#product-sugar #section2 .img-desc {
   padding: 3em 0;
}

#product-sugar #section2 .faq-wrapp .link-faq {
   width: 300px;
   text-align: left;
   margin: 0;
   margin-top: 50px;
}

@media (min-width: 768px) {
   #product-sugar #section2 .img-desc {
      padding: 0 0;
      text-align: center;
   }

   .row .padleft {
      padding-left: 40px;
   }

   .row .padright {
      padding-right: 40px;
   }

   .row .padleft60 {
      padding-left: 60px;
   }

   .row .padright60 {
      padding-right: 60px;
   }

}

/* end: PRODUCT SUGAR PAGES -------------------------------------------------------- */
/* PRODUCT OLEOCHEMICALS PAGES -------------------------------------------------------- */
#product-oleochemicals .title-pages {
   width: 100%;
}

#product-oleochemicals #section2,
#product-oleochemicals #section4 {
   background: #ffffff;
   padding: 4em 0 4em;
}

#product-oleochemicals #section3 {
   background: #FBFBFB;
   padding: 4em 0 4em;
}

#product-oleochemicals #section5 {
   background: #F5F5F5;
   padding: 4em 0 4em;
}

#product-oleochemicals #section2 .faq-wrapp .link-faq {
   width: 300px;
   text-align: left;
   margin: 0;
   margin-top: 50px;
}

#product-oleochemicals #section3 .img-area {
   margin-top: 32px;
}

#product-oleochemicals #section3 .bold {
   font-family: 'Arial';
font-weight: 700;
   margin-bottom: 0;
}

#product-oleochemicals #section3 .shipping-list .list {
   display: grid;
   grid-template-columns: 17% 83%;
}

#product-oleochemicals #section4 h2 {
   font-size: 22px;
   color: #000000;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 16px;
}

@media (min-width: 768px) {
   #product-oleochemicals #section3 .img-area {
      margin-top: 0px;
   }

   .accordion .bl {
      border-right: 1px solid #817F85;
   }

   #product-oleochemicals #section4 h2 {
      font-size: 28px;
      color: #000000;
      font-family: 'Tahoma';
font-weight: 700;
      margin-bottom: 60px;
      text-align: center;
   }

   #product-oleochemicals #section3 .shipping-list .list {
      display: grid;
      grid-template-columns: 10% 90%;
   }
}

/* end: PRODUCT OLEOCHEMICALS PAGES -------------------------------------------------------- */
/* PRODUCT SHIPPING PAGES -------------------------------------------------------- */

#product-shipping #section2 {
   background: #FBFBFB;
   padding: 4em 0 6em;
}

#product-shipping #section2 .cta {
   margin-top: 32px;
}

#product-shipping #section2 .faq-wrapp .link-faq {
   text-align: left;
   margin: 0;
   margin-top: 50px;
}

#product-shipping #section2 .img-area {
   margin: 4em 0 3em;
}

#product-shipping #section2 .img-area img {
   width: 100%;
}

.shipping-list {
   position: relative;
   margin-top: 32px;
}

.shipping-list .line-list {
   width: 10px;
   height: calc(100% - 80px);
   position: absolute;
   top: 0;
   left: 15px;
   margin: 40px 0;
   border-left: 2px dotted #39393B;
}
.shipping-list.oleo .line-list {
   
   left: 10px;
}

.shipping-list .list {
   display: flex;
   align-items: center;
   margin-bottom: 60px;
}

.shipping-list .list .point {
   margin-right: 24px;
}

.shipping-list .list .info h6 {
   margin-bottom: 8px;
   font-size: 18px;
   font-family: 'Tahoma';
font-weight: 700;
   color: #000000;
}

.shipping-list .list .info h4 {
   font-size: 26px;
   color: #A80A0F;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 8px;
}

.shipping-list .list .info p {
   font-size: 14px;
}

#product-shipping #section2 .faq-wrapp .link-faq {
   text-align: left;
   margin: 0;
   margin-top: 50px;
}

@media (min-width: 768px) {
   .shipping-list .list .info h6 {
      font-size: 20px;
   }

   .shipping-list .list .info h4 {
      font-size: 28px;
   }

   .shipping-list .list .info p {
      font-size: 16px;
   }

   .shipping-list {
      position: relative;
      margin-top: 0px;
   }

   #product-shipping #section2 .faq-wrapp .link-faq {
      text-align: left;
      margin: 0;
   }
}

/* end: PRODUCT SHIPPING PAGES -------------------------------------------------------- */
/* PRODUCT SEEDS PAGES -------------------------------------------------------- */
#product-seeds #section2 {
   background: #FBFBFB;
   padding: 4em 0;
}

#product-seeds #section2 .img-desc {
   padding: 3em 0;
}

#product-seeds #section2 .faq-wrapp .link-faq {
   width: 300px;
   text-align: left;
   margin: 0;
   margin-top: 50px;
}

#product-seeds #section3 {
   background: #FBFBFB;
   padding: 4em 0 6em;
}

#product-seeds #section3 .img-area {
   margin: 3em 0;
}

#product-seeds #section3 .img-area img {
   width: 100%;
}

#product-seeds #section3 .title-pages {
   margin-top: 32px;
}

@media (min-width: 768px) {
   #product-seeds #section2 .img-desc {
      padding: 0 0;
      text-align: center;
   }
}

/* end: PRODUCT SEEDS PAGES -------------------------------------------------------- */

/* PRODUCT BIOENERGY PAGES -------------------------------------------------------- */

#product-bioenergy #section2 {
   background: #FFFFFF;
   padding: 4em 0;
}

#product-bioenergy #section3 {
   background: #FFFFFF;
   padding: 0em 20px 4em;
}

#product-bioenergy #section3 img {
   width: 100%;
}

#product-bioenergy #section3 .title-pages {
   width: 100%;
}

.content600 {
   max-width: 600px;
   margin: 0 auto;
}

.content400 {
   max-width: 400px;
   margin: 0 auto;
}

.content500 {
   max-width: 500px;
   margin: 0 auto;
}

.content700 {
   max-width: 700px;
   margin: 0 auto;
}

.d-flex {
   margin-top: 32px;
}


.d-flex .number {
   margin-right: 16px;
}

.d-flex p {
   font-size: 16px;
   margin-bottom: 0;
}
.d-inline-block > div{
   display: inline-block;
   vertical-align: top;
   max-width: 80%;
}
.d-inline-block:last-of-type{
   margin-bottom: 30px;
}
.num50 {
   font-size: 13px;
   color: #fff;
   background: #A80A0F;
   border-radius: 50%;
   padding: 4px 10px;
   margin-right: 10px;
}

#product-bioenergy #section4 {
   background: #FFFFFF;
   padding: 4em 0;
}

#product-bioenergy #section5 {
   padding: 4em 0;
}

#product-bioenergy #section4 h2 {
   text-align: center;
   font-size: 16px;
}

#product-bioenergy #section4 .img-area {
   margin: 60px 0 0;
   text-align: center;
}
section h2.sub-title{
   margin-bottom: 0px;
}
@media (min-width: 768px) {
   .d-flex:first-of-type{
      margin-top:0px;
   }
   section h2.sub-title{
      margin-bottom: 24px;
   }
   .d-inline-block:last-of-type{
      margin:0;
   }
   #product-bioenergy #section4 h2 {
      text-align: center;
      font-size: 18px;
   }

   #product-bioenergy #section3 {
      background: #FFFFFF;
      padding: 4em 0px;
   }
}

/* end: PRODUCT BIOENERGY PAGES -------------------------------------------------------- */
/* PRODUCT FOOD NUTRITION PAGES -------------------------------------------------------- */
#product-food .title-pages {
   width: 100%;
}

#product-food #section2 {
   background: #FFFFFF;
   padding: 4em 0;
}

#product-food #section3,
#product-food #section4,
#product-food #section5 {
   background: #FBFBFB;
   padding: 4em 0;
}

#product-food #section4 {
   background: #FBFBFB;
   padding: 0em 0 4em;
}

#product-food #section6 {
   background: #F5F5F5;
   padding: 4em 0;
}

#product-food .img-area img {
   width: 100%;
}

#product-food #section2 .img-area {
   margin-top: 24px;
}

#product-food #section3 .img-area {
   margin-bottom: 24px;
}

.box-flex {
   display: flex;
   overflow-x: scroll;
   flex-direction: row;
   flex-wrap: nowrap;
}

.box-flex::-webkit-scrollbar {
   display: none;
}

.box-flex {
   -ms-overflow-style: none;
   /* IE and Edge */
   scrollbar-width: none;
   /* Firefox */
}

.box-flex .colm {
   flex: none;
   width: 300px;
   background: #FFFFFF 0% 0% no-repeat padding-box;
   box-shadow: 0px 0px 20px #0000000A;
   border-radius: 8px;
   padding: 24px;
   margin-right: 24px;
}


.box-flex .box .head {
   font-size: 38px;
   color: 0;
   padding-bottom: 16px;
   border-bottom: 3px solid #A80A0F;
   font-family: 'Tahoma';
font-weight: 700;
}

.box-flex .box .content {
   font-size: 16px;
   color: #4C4C4F;
   margin-top: 16px;
}

@media (min-width: 768px) {
   .box-flex .box .head {
      font-size: 32px;
   }

   .box-flex .box .content {
      font-size: 14px;
   }

   .box-flex {
      flex-wrap: wrap;
   }

   .box-flex .colm {
      width: 33.3%;
      margin-right: 0;
      background: unset;
      box-shadow: unset;
      border-radius: unset;
      padding: unset;     
      padding: 15px;
   }

   .box-flex .box {
      background: #FFFFFF 0% 0% no-repeat padding-box;
      box-shadow: 0px 0px 20px #0000000A;
      border-radius: 8px;
      padding: 24px;
      margin-right: 0px;
      min-height: 280px;
   }
}

/* end: PRODUCT FOOD NUTRITION PAGES -------------------------------------------------------- */
/* CONTACT PAGES -------------------------------------------------------- */

#contact #section2 {
   position: relative;
   padding: 0 0 9em;
}

.contact-wrap {
   background:white;
}

.contact-wrap .maps-section {
   position: relative;
   margin: 0 -5px;
}

.contact-wrap .maps-section .maps-wrap {
   height: 100%;
}

.contact-wrap .maps-section .maps-wrap img {
   height: 100%;
   object-fit: cover;
   width: 100%;
}

.contact-wrap .maps-section .maps-wrap .location-area {
   padding: 30px 24px;
}

.location-area .detail-loc {
   background: #FFFFFF;
   margin-top: 5px;
   box-shadow: 9px 17px 54px 0px rgb(187 187 187 / 20%);
   padding: 20px 20px 50px;
}

.location-area .detail-loc .name {
   font-size: 14px;
   color: #A80A0F;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 20px;
}

.location-area .detail-loc .info {
   font-size: 14px;
   font-family: 'Tahoma';
   color: #454545;
   margin-bottom: 20px;
}

.location-area .detail-loc .contact {
   font-size: 14px;
   font-family: 'Tahoma';
   color: #454545;
}

.location-area .detail-loc .contact span {
   font-family: 'Tahoma';
font-weight: 700;
}

.select-custom {
   position: relative;
   padding: 13px 20px;
   background: #A80A0F;
   color: #fff;
   border-radius: 5px;
   cursor: pointer;
}

.select-custom span {
   font-size: 14px;
   font-family: 'Tahoma';
font-weight: 700;
}

.select-custom .icn {
   position: absolute;
   right: 20px;
   top: 10px;
   font-size: 20px;
}

.select-custom .select-menu {
   position: absolute;
   background: #fff;
   width: 100%;
   left: 0;
   margin-top: 15px;
   color: #000000;
   padding: 0px 20px;
   font-size: 14px;
   font-family: 'Tahoma';
font-weight: 700;
   display: none;
   height: 300px;
   overflow: auto
}

.select-custom .select-menu.open {
   display: block;
}

.select-custom .select-menu .list {
   padding: 15px 0;
   border-top: 1px solid #DBDBDB;
   transition: all 0.5s ease-in-out;
}

.select-custom .select-menu .list:first-child {
   border: 0;
}

.select-custom .select-menu .list:hover {
   color: #A80A0F;
}

.contact-wrap .form-section {
   position: relative;
   margin: 0 -5px;
   padding: 24px;
}

.contact-wrap .form-section h2 {
   color: #000000;
   font-size: 21px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 16px;
}

.contact-wrap .form-section p {
   font-size: 16px;
   font-family: 'Arial';
   color: #000000;
}

.contact-wrap .form-section form {
   margin-top: 45px;
   padding: 0 5px;
}

.form-group label {
   font-size: 11px;
   font-family: 'Tahoma';
font-weight: 700;
}

.form-control {
   font-size: 13px;
   font-family: 'Arial';
   border: 0;
   box-shadow: none;
   border-bottom: 1px solid #000;
   border-radius: 0;
   padding: .375rem .75rem;
   padding-left: 5px;
   color: #CBCBCB;
}

.form-control::placeholder {
   color: #CBCBCB;
}

.form-control:focus {
   outline: 0 !important;
   border-color: unset;
   box-shadow: unset
}

input:focus,
textarea:focus,
select:focus {
   outline: none;
}

form .submit {
   font-size: 16px;
   font-family: 'Tahoma';
font-weight: 700;   
   padding: 12px;
   border-radius: 0;
   background: #A80A0F;
   border: 0;
   margin-top: 40px;
   color: #fff !important;
}

@media(min-width:1024px) {
   .contact-wrap .form-section {
     
      margin-top: 70px;
   }
   #contact {
      background: #F7F7F7;
   }

   #contact #section2 {
      position: relative;
      padding: 5em 0 9em;
   }

   #contact #section2 .container {
      max-width: 1210px;
   }

   .contact-wrap {
      display: grid;
      grid-template-columns: 35% 65%;
      width: 100%;
   }

   .contact-wrap .maps-section {
      order: 2;
      margin: 0;
      position: relative;
   }

   .contact-wrap .maps-section .maps-wrap .location-area {
      padding: 0;
      position: absolute;
      right: 20px;
      width: 345px;
      top: 50%;
      transform: translateY(-50%);
   }

   .location-area .detail-loc {
      margin-top: 8px;
   }

   .contact-wrap .form-section {
      order: 1;
      margin: 0;
      background: #fff;
      padding: 40px;
      margin-top:30px;
   }


   .contact-wrap .form-section h2 {
      font-size: 24px;
   }

   .contact-wrap .form-section p {
      font-size: 14px;
   }

   .form-group label {
      font-size: 14px;
   }

   .form-control {
      font-size: 16px;
   }
}

/* end: CONTACT PAGES -------------------------------------------------------- */
/* NEWS AND EVENTS PAGES -------------------------------------------------------- */
#news-events {
   background: #FBFBFB;
}

.news-wrapp .heading {
   font-family: 'Tahoma';
font-weight: 700;
   font-size: 18px;
   margin-bottom: 30px;
}

.news-wrapp .latest-news {
   position: relative;
   overflow: hidden;
   color: #fff;
   margin-bottom: 30px;
}

.news-wrapp .latest-news img {
   height: 397px;
   object-fit: cover;
   width: 100%;
   transition: all 1s ease-in-out;
}

.news-wrapp .latest-news .bg-blck {
   position: absolute;
   bottom: 0;
   height: 130px;
   width: 100%;
   opacity: 0.6;
   background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5), rgba(255, 0, 0, 0));
}

.news-wrapp .latest-news .info {
   position: absolute;
   padding: 20px;
   bottom: 0;
   left: 0;
   width: 100%;
}

.news-wrapp .latest-news .kategori {
   font-family: 'Tahoma';
font-weight: 700;
   font-size: 12px;
   margin-bottom: 10px;
}

.news-wrapp .latest-news .title {
   font-family: 'Tahoma';
font-weight: 700;
   font-size: 16px;
   margin-bottom: 10px;
}
.news-wrapp .latest-news .title a:hover{
   color:white;
}

.news-wrapp .latest-news .meta-date {
   font-family: 'Arial';
   font-size: 12px;
}

.news-wrapp .news-card {
   position: relative;
   margin-bottom: 30px;
}
.news-wrapp .news-card a:hover{
   color:white;
}

.news-wrapp .news-card .img-area {
   overflow: hidden;
}

.news-wrapp .news-card .img-area img {
   height: 228px;
   width: 100%;
   object-fit: cover;
   transition: all 1s ease-in-out;
}

.news-wrapp .news-card .info {
   background: #fff;
   padding: 20px;
   box-shadow: 0px 3px 15px #0000000a;
   margin-bottom: 30px;
}

.news-wrapp .news-card .kategori {
   font-family: 'Tahoma';
font-weight: 700;
   font-size: 12px;
   margin-bottom: 10px;
}

.news-wrapp .news-card .categories {
   font-family: 'Tahoma';
   font-size: 12px;
   margin-bottom: 10px;
}

.news-wrapp .news-card .title {
   font-family: 'Tahoma';
font-weight: 700;
   font-size: 16px;
   margin-bottom: 10px;
   height: 100px;
}

.news-wrapp .news-card .meta-date {
   font-family: 'Arial';
   font-size: 12px;
   color: #9A989E;
   margin-bottom: 5px;
}

.news-wrapp .news-card .download {
   font-family: 'Arial';
font-weight: 700;
   font-size: 12px;
   color: #9A989E;
}

.news-wrapp .news-card .link {
   font-family: 'Tahoma';
font-weight: 700;
   font-size: 11px;
}

.category-wrap {
   padding: 30px 25px;
   background: #fff;
   margin-top: 50px;
}
#news-and-events .category-wrap {
   padding: 0px 25px 10px 25px;
    background: #fff;
    margin-top: 0px;
}

.newslatter-wrap {
   margin-top: 50px;
}

.category-wrap .heading,
.newslatter-wrap .heading,
.twitter-wrap .heading {
   font-family: 'Tahoma';
font-weight: 700;
   font-size: 20px;
   margin-bottom: 30px;
}

.list-kategori .list {
   display: flex;
   justify-content: space-between;
   border-bottom: 1px solid #9A989E;
   font-size: 12px;
   font-family: 'Arial';
   padding: 15px 0 5px;
}

.list-kategori .list:hover {
   opacity: 0.7;
}

.newslatter-list .nl-card {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
}

.newslatter-list .nl-card img {
   width: 85px;
   height: 85px;
   object-fit: cover;
   flex-shrink: 0;
}

.newslatter-list .nl-card .info {
   padding: 0 20px;
}

.newslatter-list .nl-card .info h2 {
   font-family: 'Tahoma';
font-weight: 700;
   font-size: 14px;
   text-overflow: ellipsis;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   height: 35px;
   line-height: 18px;
}

.newslatter-list .nl-card .info .date {
   color: #9A989E;
   font-size: 12px;
   font-family: 'Arial';
}

.twitter-wrap {
   margin-top: 50px;
}

.tweet-area .tweet-card {
   padding: 0px 0 15px;
   border-bottom: 1px solid #E2E2E2;
   margin-bottom: 30px;
}

.tweet-area .tweet-card .head {
   font-size: 12px;
   font-family: 'Arial';
   color: #9A989E;
}

.tweet-area .tweet-card .head i {
   color: #03A9F4;
   padding-right: 5px;
   font-size: 20px;
   margin-bottom: 10px;
}

.tweet-area .tweet-card .content {
   font-size: 12px;
   margin-bottom: 12px;
   line-height: 20px;
}

.tweet-area .tweet-card .content a,
.tweet-area .tweet-card .content span {
   color: #A80A0F;
}

.tweet-area .tweet-card .foot {
   font-size: 12px;
   font-family: 'Arial';
   color: #9A989E;
}
.tweet-area .ctf-item{
   padding: 0px 0 15px;
    border-bottom: 1px solid #E2E2E2;
    margin-bottom: 30px;
}
.tweet-area .ctf-item .ctf-corner-logo{
   float:left;
   margin-right: 13px;
}
.tweet-area .ctf-item .ctf-corner-logo svg  {
   color: #03A9F4;
   height: 20px;
}
.tweet-area .ctf-item .ctf-author-box{
   font-size: 12px;
}
.tweet-area .ctf-item .ctf-author-box > div{
   display: inline-block;
}

.tweet-area .ctf-item .ctf-tweet-content{
   clear:both;
   margin-top:10px;
   font-size:12px;
}
.tweet-area .ctf-tweet-actions{
   font-size: 12px;
    font-family: 'Arial';
    color: #9A989E;
}
.tweet-area .ctf-tweet-text a{
   color:#A80A0F !important
}
.twitter-wrap .ctf-screenreader{
   display: none;
}
.pub-heading {
   font-size: 16px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 40px;
}

.faq-wrapp.pub-faq .link-faq {
   margin-bottom: 0;
   margin-top: 0;
}

.paginations {
   text-align: center;
   margin: 2em 0px;
}

.paginations .list {
   cursor: pointer;
   color: #9A989E;
   padding: 10px 15px;
   margin: 0px;
   transition: all 0.5s ease-in-out;
   display: none;
   font-size: 12px;
}
.paginations .list.show{
   display: inline-block;
}

.paginations .list:hover {
   color: #A80A0F;
}

.paginations .list.arrow {
   color: #000000;
   border-radius: 50%;
   border: 1px solid #000000;
   padding: 6px 12px;
   display: inline-block;
}

.paginations .list.arrow:hover {
   color: #fff;
   border: 1px solid #A80A0F;
   background: #A80A0F;
}

.paginations .list.active {
   color: #fff;
   background: #A80A0F;
   border-radius: 50%;
   display: inline-block;
}

.paginations .list.active:hover {
   color: #fff;
}
.pagination .paginate_button.active,.pagination .paginate_button:hover {
   color: #fff;
   border: 1px solid #A80A0F !important;
   background: #A80A0F !important;
   border-radius: 50%;
}
.pagination .paginate_button.active a,.paginate_button a:hover{
   color:white !important;
}
.detail-blogs .shared-area {
   margin-bottom: 24px;
   margin-top:4em;
}

.detail-blogs .shared-area p {
   font-size: 14px;
   font-family: 'Arial';
   color: #707070;
   margin-bottom: 32px;
}

.detail-blogs .shared-area p a {
   color: #A80A0F;
}

.detail-blogs .shared-area .medsos a {
   padding-right: 8px;
}

.detail-blogs .shared-area .medsos a img {
   transition: all 0.3s ease-in-out;
}

.detail-blogs .shared-area .medsos a img:hover {
   margin-top: -10px;
}

.detail-blogs .category {
   font-size: 14px;
   color: #39393B;
   font-family: 'Arial';
   margin-bottom: 8px;
}

.detail-blogs .voice {
   display: block;
   align-items: center;
   margin-bottom: 40px;
   margin-top: 20px;
}

.detail-blogs .voice .fitur {
   margin-right: 24px;
   margin-bottom: 15px;
}

.detail-blogs .voice .meta {
   font-size: 14px;
   color: #9A989E;
}

.detail-blogs .voice .meta span {
   padding: 0 5px
}

.btn-red-reg {
   background: #A80A0F;
   color: white !important;
   padding: 12px 20px;
   text-transform: capitalize;
   position: relative;
   font-family: 'Tahoma';
font-weight: 700;
   font-size: 12px;
   display: inline-block;
   border-radius: 20px;
    top: 20px;
}

.btn-red-reg i {
   padding-right: 5px;
}
.year-tab{
   display: none;
}
.year-tab.active{
   display: block;
}
@media (min-width: 768px) {
   .detail-blogs .voice {
      display: flex;
      align-items: center;
      margin-bottom: 40px;
      margin-top: 20px;
   }

   .detail-blogs .voice .meta {
      font-size: 14px;
      color: #9A989E;
      margin-top: 24px;
   }


   .detail-blogs .shared-area p {
      font-size: 18px;
   }

   .detail-blogs .category {
      font-size: 16px;
   }

   .pub-heading {
      font-size: 20px;
   }

   .paginations .list {
      margin: 0 10px;
   }

   .news-wrapp .heading {
      font-size: 24px;
   }

   .news-wrapp .latest-news .kategori {
      font-size: 14px;
   }

   .news-wrapp .latest-news .categories {
      font-size: 14px;
      margin-bottom: 10px;
   }

   .news-wrapp .latest-news .title {
      font-size: 18px;
      width: 50%;
   }

   .news-wrapp .latest-news:hover img {
      transform: scale(1.2);
   }

   .news-wrapp .news-card {
      position: relative;
      margin-bottom: 30px;
   }

   .news-wrapp .news-card .img-area {
      overflow: hidden;
   }

   .news-wrapp .news-card:hover .img-area img {
      transform: scale(1.2);
   }

   .news-wrapp .news-card:hover .info {
      background: #A80A0F;
      color: #fff;
      transition: all 0.7s ease-in-out;
   }

   .news-wrapp .news-card:hover .download {
      color: #fff;
      transition: all 0.7s ease-in-out;
   }

   .news-wrapp .news-card .link {
      color: #8A0609;
   }

   .news-wrapp .news-card:hover .link {
      color: #fff;
      transition: all 0.7s ease-in-out;
   }

   .news-wrapp .news-card .kategori {
      font-family: 'Tahoma';
font-weight: 700;
      font-size: 14px;
   }

   .news-wrapp .news-card:hover .kategori {
      color: #fff !important;
      transition: all 0.7s ease-in-out;
   }

   .news-wrapp .news-card .title {
      font-family: 'Tahoma';
font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
    height: 92px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    /* height: 35px; */
    line-height: 18px;
   }

   .news-wrapp .news-card .meta-date {
      font-family: 'Arial';
      font-size: 12px;
   }

   .news-wrapp .news-card:hover .meta-date {
      color: #fff;
   }

   .news-wrapp .news-card .link {
      font-family: 'Tahoma';
font-weight: 700;
      font-size: 13px;
   }
}

@media (min-width: 1200px) {

   .category-wrap,
   .newslatter-wrap,
   .twitter-wrap {
      margin-left: 30px;
   }
}


/* end: NEWS AND EVENTS PAGES -------------------------------------------------------- */
/* PRESS RELEASE PAGES -------------------------------------------------------- */
#press-release {
   background: #FAFAFA;
}

#press-release #section2 {
   position: relative;
   padding: 4em 0 6em;
}

.press-release-wrap {
   margin-top: 0px;
}

.sortby {
   /*width: 150px;*/
   width: 100%;
   min-width: 150px;
}

.sortby .form-control {
   color: #000000;
   font-family: 'Tahoma';
font-weight: 700;
   font-size: 16px;
   background: transparent;
   margin-bottom: 50px;
}
#year-filter{
   width:100px;
   text-align-last:center;
}
#gallery-filter-year{
   width:100px;
   text-align-last:center;
   display: inline-block;
   margin:0;
}
#gallery-filter-block{
   width:120px;
   text-align-last:center;
   display: inline-block;
   margin:0;
}
#publication-category-selector{
   text-align-last: left;
    display: inline-block;
    margin: 0;
    width: 290px;
}
#news-events #year-filter{
   display: inline-block;
}

.press-release-wrap .press-card-main,
.press-release-wrap .press-card {
   box-shadow: 0px 3px 15px #79080c12;
   border-radius: 4px;
   padding: 25px;
   margin-bottom: 30px;
}

.press-release-wrap .press-card-main .meta-date,
.press-release-wrap .press-card .meta-date {
   font-size: 14px;
   font-family: 'Arial';
   color: #9A989E;
   margin-bottom: 16px;
}

.press-release-wrap .press-card-main h2,
.press-release-wrap .press-card h2 {
   font-size: 16px;
   font-family: 'Tahoma';
font-weight: 700;
   color: #000000;
   margin-bottom: 10px;
   text-overflow: ellipsis;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   height: 70px;
   line-height: 23px;
}

.press-release-wrap .press-card-main .desc {
   font-size: 16px;
   font-family: 'Arial';
   text-overflow: ellipsis;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 5;
   -webkit-box-orient: vertical;
   height: 140px;
   line-height: 28px;
   margin-bottom: 35px;
}

.press-release-wrap .press-card-main a,
.press-release-wrap .press-card a {
   font-size: 12px;
   font-family: 'Tahoma';
font-weight: 700;
   color: #A80A0F;
   cursor: pointer;
}

#press-release #section3 {
   position: relative;
}

#press-release #section3 .col-12.col-md-4 {
   margin-top: 20px;
}

#press-release #section3 .banner {
   width: 100%;
}

.form-rss .heading {
   font-size: 24px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 55px;
}

.form-rss form {
   display: flex;
   justify-content: space-between;
}

.form-rss form .group {
   position: relative;
   color: #C1C1C1;
   width: 100%;
   margin-right: 20px;
}

.form-rss form .group input {
   background-clip: padding-box;
   background: #fff;
   border: 0;
   padding: 15px 20px;
   width: 100%;
   font-size: 12px;
}

.form-rss form .group i {
   position: absolute;
   right: 15px;
   top: 15px;
}

.form-rss form button {
   border: 0;
   background: #A80A0F;
   color: #fff;
   font-size: 14px;
   font-family: 'Tahoma';
font-weight: 700;
   padding: 0 30px;
}

.form-rss .btn-rss {
   background: #000000;
   color: #fff;
   padding: 13px 30px;
   vertical-align: middle;
   display: inline-block;
}

.form-rss .btn-rss i {
   font-size: 18px;
   margin-right: 10px;
}

.form-rss .btn-rss span {
   font-size: 14px;
   font-family: 'Tahoma';
font-weight: 700;
}

@media (min-width: 768px) {
   .press-release-wrap .press-card-main {
      padding: 35px;
   }

   .press-release-wrap .press-card .meta-date {
      font-size: 13px;
   }

   .press-release-wrap .press-card-main .meta-date {
      font-size: 14px;
   }

   .press-release-wrap .press-card-main h2 {
      font-size: 18px;
      line-height: 30px;
      width: 85%;
      height: 60px;
   }

   .press-release-wrap .press-card-main a {
      font-size: 14px;
   }

   #press-release #section3 .col-12.col-md-4 {
      margin-top: 0px;
   }
   .sortby {
      /*width: 150px;*/
      max-width: 40%;
   }
}

@media (min-width: 1200px) {}

/* end: PRESS RELEASE PAGES -------------------------------------------------------- */
/* MEET OUR EXPERTS PAGES -------------------------------------------------------- */
#meet-experts {
   background: #FBFBFB;
}

#meet-experts #section1 {
   position: relative;
   padding: 4em 0 8em;
}

#meet-experts .experts-wrap {
   margin-top: 80px;
}

.experts-card {
   margin-bottom: 30px;
   cursor: pointer;
}

.experts-card .img-area {
   overflow: hidden;
}

.experts-card .img-area img {
   transition: all 0.8s ease-in-out;
}

.experts-card:hover .img-area img {
   transform: scale(1.1);
}

.experts-card .info {
   padding: 15px 0px;
   text-align: center;
}

.experts-card .info .name {
   font-size: 20px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 10px;
}

.experts-card .info .pos {
   font-size: 16px;
   font-family: 'Arial';
   color: #4C4C4F;
   height: 40px;
   line-height: 22px;
}

/* end: MEET OUR EXPERTS PAGES -------------------------------------------------------- */
/* GALLERY PAGES -------------------------------------------------------- */
#news-gallery {
   background: #FBFBFB;
}

#news-gallery #section1 {
   position: relative;
   padding: 4em 0 6em;
}

.gallery-wrapp {
   margin-top: 50px;
   width:100%;
}

.gallery-container {
   display: flex;
   margin: 0 -8px;
   flex-wrap: wrap;
   width:100%;
}

.gallery-container .column {
   flex: 50%;
   max-width: 50%;
   padding: 0 8px;
}

.gallery-container .gallery-item {
   position: relative;
   margin: 16px;
   cursor: pointer;
}

.gallery-container .gallery-item .image {
   overflow: hidden;
   max-width: 300px;
   position: relative;
}

.gallery-container .gallery-item .image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: all 0.8s ease-in-out;
}

.gallery-container .gallery-item:hover .image img {
   transform: scale(1.1);
}

.gallery-container .gallery-item .bg-blck {
   position: absolute;
   bottom: 0;
   height: 100px;
   width: 100%;
   opacity: 0;
   background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5), rgba(255, 0, 0, 0));
   transition: all 0.5s ease-in-out;
}

.gallery-container .gallery-item:hover .bg-blck {
   opacity: 0.6;
}

.gallery-container .gallery-item .info {
   position: absolute;
   padding: 10px;
   right: 0;
   bottom: 0;
   color: #fff;
   opacity: 0;
   transition: all 0.5s ease-in-out;
}

.gallery-container .gallery-item:hover .info {
   opacity: 1;
}

.gallery-container .gallery-item .info a {
   font-size: 12px;
   font-family: 'Arial';
font-weight: 700;
   padding-right: 10px;
}

.gallery-container .gallery-item .info a i {
   padding-right: 3px;
}

#news-gallery #section2 {
   position: relative;
   padding: 2em 0 8em
}

#news-gallery #section2 .head {
   font-size: 24px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 10px;
}

#news-gallery #section2 .desc {
   color: #39393B;
   font-size: 14px;
}

a:hover {
   color: #A80A0F;
}
header a:hover {
   color: white !important;
}
header .bottom a:hover{
   color: #A80A0F !important;
}
header .bottom .mega a:hover{
   color: white !important;
}
.videos-wrapp {
   margin-top: 50px;
}

.videos-wrapp .video-card {
   position: relative;
   margin-bottom: 30px;
   display: flex;
}
.videos-wrapp .video-card a:hover{
   color:white;
}

.videos-wrapp .video-card .img-area {
   overflow: hidden;
   position: relative;
   display: contents;
}

.videos-wrapp .video-card .img-area .thumbnail {
   height: 107px;
   width: 107px;
   object-fit: cover;
   transition: all 1s ease-in-out;
}

.videos-wrapp .video-card .play {
   position: absolute;
   top: 50%;
   left: 16%;
   transform: translate(-50%, -50%);
}

.videos-wrapp .video-card .info {
   background: #fff;
   padding: 10px 20px;
   box-shadow: 0px 3px 15px #0000000a;
   width:100%;
}

.videos-wrapp .video-card .time {
   font-family: 'Tahoma';
font-weight: 700;
   font-size: 10px;
   margin-bottom: 10px;
   color: #A80A0F;
}

.videos-wrapp .video-card .title {
   font-family: 'Tahoma';
font-weight: 700;
   font-size: 14px;
   margin-bottom: 10px;
   text-overflow: ellipsis;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   height: 35px;
   line-height: 20px;

}

.videos-wrapp .video-card .meta-date {
   font-family: 'Arial';
   font-size: 11px;
   color: #9A989E;
}

.modal-content.gallery {
   text-align: center;
   left: 50%;
   transform: translate(-50%);
   position: relative;
   width: unset;
}

.modal-body .gallery-item {
   position: relative;
}

.modal-body .gallery-item .image {
   overflow: hidden;
   max-width: 60vw;
    max-height: 80vh;
}

.modal-body .gallery-item .image img {
   max-width: 100%;
   max-height: 90%;
   /* object-fit: cover; */
   transition: all 0.8s ease-in-out;
}

.modal-body .gallery-item .bg-blck {
   position: absolute;
   bottom: 0;
   height: 100px;
   width: 100%;
   opacity: 0;
   background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5), rgba(255, 0, 0, 0));
   transition: all 0.5s ease-in-out;
}

.modal-body .gallery-item:hover .bg-blck {
   opacity: 0.6;
}

.modal-body .gallery-item .info {
   position: absolute;
   padding: 20px;
   right: 0;
   bottom: 0;
   color: #fff;
   opacity: 0;
   transition: all 0.5s ease-in-out;
}

.modal-body .gallery-item:hover .info {
   opacity: 1;
}

.modal-body .gallery-item .info a {
   font-size: 20px;
   font-family: 'Arial';
font-weight: 700;
   padding-right: 10px;
}

.modal-body .gallery-item .info a i {
   padding-right: 3px;
}

@media(min-width:768px) {
   .modal-body .gallery-item .info a {
      font-size: 18px;
      font-family: 'Arial';
font-weight: 700;
      padding-right: 10px;
   }

   .gallery-container .column {
      flex: 20%;
   }

   #news-gallery #section2 .head {
      font-size: 28px;
      font-family: 'Tahoma';
font-weight: 700;
   }

   #news-gallery #section2 .desc {
      color: #39393B;
      font-size: 18px;
   }

   .videos-wrapp .video-card {
      position: relative;
      margin-bottom: 30px;
      display: block;
   }

   .videos-wrapp .video-card .img-area {
      display: block;
      padding-top: 56.25%;
   }

   .videos-wrapp .video-card .img-area .thumbnail {
      height: 228px;
      width: 100%;
      object-fit: cover;
      transition: all 1s ease-in-out;
      position: absolute;
      top: 0;
   }

   .videos-wrapp .video-card:hover .img-area .thumbnail {
      transform: scale(1.2);
   }

   .videos-wrapp .video-card .play {
      left: 50%;
   }

   .videos-wrapp .video-card .info {
      padding: 20px;
   }

   .videos-wrapp .video-card:hover .info {
      background: #A80A0F;
      color: #fff;
      transition: all 0.7s ease-in-out;
   }

   .videos-wrapp .video-card .time {
      font-family: 'Tahoma';
font-weight: 700;
      font-size: 14px;
      transition: all 0.7s ease-in-out;
   }

   .videos-wrapp .video-card:hover .time {
      color: #fff;
   }

   .videos-wrapp .video-card .title {
      font-family: 'Tahoma';
font-weight: 700;
      font-size: 18px;
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      height: 65px;
      line-height: 23px;
   }

   .videos-wrapp .video-card .meta-date {
      font-family: 'Arial';
      font-size: 12px;
   }

   .videos-wrapp .video-card:hover .meta-date {
      color: #fff;
   }
}

/* end: GALLERY PAGES -------------------------------------------------------- */
/* Work With US PAGES -------------------------------------------------------- */
#work-with-us {
   background: #FBFBFB;
}

#work-with-us #section2 {
   position: relative;
   padding: 4em 0 0;
}

#work-with-us #section2 .video-area {
   margin-top: 50px;
   position: relative;
   z-index: 1;
}

#work-with-us #section3 {
   position: relative;
   padding: 10em 0 4em;
   background: #EFEFEF;
   margin-top: -7em;
}

#product-consumer .works-box .works-line .menu img {
   margin-top: 0px;
   margin-right: 8px;
   width: 60px;
}

#product-consumer .works-box .works-line .menu {
   margin-bottom: 0px;
}

#product-consumer .works-box .works-line .menu {
   font-size: 16px;
}

.works-box {
   padding: 40px 35px;
   box-shadow: 0px 3px 15px #00000014;
   border-radius: 8px;
   background: #fff;
   display: inline-block;
   width:100%;
   margin-bottom:30px;
}

.works-box .title {
   font-size: 18px;
   font-family: 'Tahoma';
font-weight: 700;
   margin: 15px 0 50px;
}

.works-box .works-line {
   border-left: 3px solid #EFEFEF;
}

.works-box .works-line .menu {
   padding-left: 18px;
   font-size: 14px;
   font-family: 'Arial';
font-weight: 700;
   display: block;
   margin-bottom: 24px;
   border-left: 3px solid #EFEFEF;
   margin-left: -3px;
   transition: all 0.7s ease-in-out;
}

.works-box .works-line .menu:hover {
   border-left: 3px solid #A80A0F;
}

.works-box .works-line .menu:last-child {
   margin-bottom: 0;
}

.works-box .works-line .menu img {
   margin-top: -5px;
   margin-right: 8px;
   width: 30px;
}

.works-box .works-line .menu.active {
   border-left: 3px solid #A80A0F;
   color: #A80A0F;
}

 .head {
   font-size: 24px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 24px;
}

#work-with-us #section3 .text {
   font-size: 16px;
   font-family: 'Arial';
}

@media (min-width: 768px) {
   #work-with-us #section3 {
      position: relative;
      padding: 25em 0 4em;
      background: #EFEFEF;
      margin-top: -18em;
   }

   #work-with-us #section3 .head {
      font-size: 32px;
   }

   #work-with-us #section3 .text {
      font-size: 18px;
      width: 80%;
   }
}

/* end: Work With Us PAGES -------------------------------------------------------- */
/* Work With Us SUB PAGES -------------------------------------------------------- */
#work-with-sub {
   background: #FBFBFB;
}

#work-with-sub #section2 {
   position: relative;
   padding: 4em 0 2em;
   background: #FFFFFF;
}

#work-with-sub #section3 {
   position: relative;
   padding: 4em 0 6em;
   background: #FBFBFB;
}

#work-with-sub #section3 .head {
   font-size: 24px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 30px;
}

#work-with-sub .faq-wrapp {
   margin-top: 80px;
}

#work-with-sub .faq-wrapp a.link-faq {
   margin: 30px 0;
   width: 100%;
}

#work-with-sub .owl-carousel .owl-stage {
   padding-left: 0px !important;
}

.slide-area {
   margin: 0 -20px;
}

.workslide-card .img-area {
   position: relative;
}

.workslide-card .img-area img {
   height: 289px;
   width: 100%;
   object-fit: cover;
}

.workslide-card .img-area .bg-blck {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100px;
   opacity: 0.3;
   background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.7), rgba(255, 0, 0, 0));
}

.workslide-card .img-area .ab-txt {
   position: absolute;
   bottom: 0;
   color: #fff;
   padding: 12px 20px;
   width: 100%;
}

.workslide-card .img-area .ab-txt .name {
   font-size: 16px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 3px;
}

.workslide-card .img-area .ab-txt .pos {
   font-size: 12px;
}

.workslide-card .info {
   background: #fff;
   padding: 30px;
   box-shadow: 0px 3px 17px #6262620a;
}

#work-with-sub .owl-stage {
   display: flex;
}

#work-with-sub .owl-stage .owl-item {
   align-items: stretch;
   background: #fff;
   box-shadow: 0px 3px 17px #6262620a;
}

.owl-carousel .workslide-card .info {
   background: #fff;
   padding: 25px;
   box-shadow: unset;
}

/* #scholarship .workslide-card .info {
   height: 320px;
} */

.workslide-card .info .quote {
   font-size: 14px;
   font-family: 'Arial';
   margin-bottom: 16px;
}

.workslide-card .info p {
   font-size: 14px;
   text-overflow: ellipsis;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 9;
   -webkit-box-orient: vertical;
}

.workslide-card .info p a {
   text-decoration: underline;
   color: #A80A0F;
}

.workslide-card .info .cta {
   font-size: 16px;
   color: #A80A0F;
}

.workslide-card .info .cta:hover {
   opacity: 0.8;
}

#work-with-sub .arrow-custom.icn-next {
   position: absolute;
   right: 20px;
   top: -80px;
   font-size: 22px;
   height: 50px;
   width: 50px;
   box-shadow: 0px 3px 17px #b7b7b738;
   background: #fff;
   border-radius: 50%;
}

#work-with-sub .arrow-custom.icn-left {
   position: absolute;
   top: -80px;
   right: 90px;
   font-size: 22px;
   height: 50px;
   width: 50px;
   box-shadow: 0px 3px 17px #b7b7b738;
   background: #fff;
   border-radius: 50%;
}

#work-with-sub .arrow-custom.icn-left i {
   margin-top: 15px;
   margin-left: -5px;
}

#work-with-sub .arrow-custom.icn-next i {
   margin-top: 15px;
   margin-left: 5px;
}

#work-with-sub .arrow-custom.icn-next:hover,
#work-with-sub .arrow-custom.icn-left:hover {
   background: #A80A0F;
   color: #fff;
}

#work-with-sub .img-scholarship {
   margin-top: 50px;
   width: 100%;
   text-align: center;
}

#work-with-sub #section4 {
   position: relative;
   margin-top: -3em;
}

.faq-internships .banner {
   width: 100%;
   min-height: 90vh;
   object-fit: cover;
}

.faq-internships .form-rss {
   text-align: left;
}

.modal-gar .modal-content {
   border-radius: 0;
}

.modal-gar .modal-body {
   padding: 0;
   text-align: left;
}

.modal-content .close-modal,
.modal-content-gallery .close-modal {
   position: absolute;
   right: 0;
   top: 0;
   z-index: 1;
   padding: 20px;
   cursor: pointer;
}

.modal-body .img-thumb {
   width: 100%;
   height: 100%;
   object-fit: cover;
   max-height:523px;
}

.modal-gar .content-modal {
   padding: 40px 40px 40px 10px;
}

.modal-gar .content-modal .name {
   font-size: 24px;
   font-family: 'Tahoma';
font-weight: 700;
   color: #000000;
}

.modal-gar .content-modal .pos {
   font-size: 16px;
   font-family: 'Tahoma';
   color: #000000;
   padding: 8px 0;
}

.modal-gar .content-modal .country {
   font-size: 16px;
   font-family: 'Tahoma';
font-weight: 700;
   color: #000000;
}

.modal-gar .content-modal .desc {
   font-size: 14px;
   color: #817F85;
   font-family: 'Arial';
   margin-top: 32px;
   white-space: initial;
   height: 270px;
   overflow: auto;

}

.experts-card {
   cursor: pointer;
}

.modal-gar .content-modal {
   max-height: 624px;
   overflow: hidden;
}

.modal-gar .content-modal hr {
   margin: 2em 0
}

.modal-gar .content-modal .desc-list .head {
   font-size: 16px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 16px;
}

.modal-gar .content-modal .desc-list .list {
   list-style-type: "- ";
   font-size: 14px;
   font-family: 'Tahoma';
}

.modal-gar .content-modal .desc-list .list li {
   margin-bottom: 8px;
}

@media (min-width: 768px) {

   #work-with-us .title-pages,
   #work-with-sub .title-pages {
      width: 60%;
   }

   .slide-area {
      margin: 0;
   }

   #work-with-sub .img-scholarship {
      text-align: left;
   }

   .faq-internships .form-rss {
      text-align: center;
   }

   #work-with-sub #section4.faq-internships .faq-wrapp {
      display: flex;
      justify-content: center;
   }

   #work-with-sub #section4.faq-internships .faq-wrapp .link-faq {
      height: 100px;
      border-top: 1px solid #000000;
      width: 100%;
      padding: 20px 0;
      margin: 0 30px;
   }

   .faq-internships .banner {
      width: 100%;
      min-height: unset;
   }
}

/* end: Work With SUB PAGES -------------------------------------------------------- */
/* ABOUT PAGES -------------------------------------------------------- */
#about #section2 {
   background: #FBFBFB;
   padding: 4em 0 6em;
}

#about #section2 .desc-pages p:first-child {
   margin-top: 16px;
}


#about #section2 .about-img {
   white-space: nowrap;
   overflow-x: scroll;
   margin: 60px -20px;
   padding-left: 20px;
}

#about #section2 .about-img .img {
   width: 200%;
}

#about #section2 .cta {
   margin-top: 24px;
}

#about #section3 {
   padding: 3em 0;
}

#about #section3 img {
   width: 100%;
}

@media (min-width: 768px) {
   #about #section2 .cta {
      margin-top: 48px;
   }

   #about #section2 .about-img .img {
      width: 100%;
      text-align: center;
   }
}

#about-shared-values #section2 {
   padding: 0em 0 4em;
   position: relative;
}

#about-shared-values #section2 .imgs {
   width: 100%;
   margin-top: 24px;
}

#about-shared-values #section2 .visi-misi {
   padding: 3em 0 0;
}

#about-shared-values #section2 .visi-misi .area {
   padding-bottom: 32px;
}

#about-shared-values #section2 .visi-misi .area:last-child {
   padding-bottom: 0;
}

#about-shared-values #section2 .visi-misi .area h2 {
   font-size: 24px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 24px;
   color: #000000;
}

#about-shared-values #section2 .visi-misi .area p {
   margin-bottom: 0;
   font-size: 16px;
   font-family: 'Arial';
}

#about-shared-values #section3 {
   background: #FBFBFB;
   padding: 2em 0 2em;
   margin-bottom: 2em;
}

#about-shared-values #section3 h6 {
   font-size: 24px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 16px;
   color: #000000;
}

#about-shared-values #section3 .dsc {
   margin-bottom: 32px;
   font-size: 16px;
   font-family: 'Arial';
}

.our-share-area {
   overflow-x: scroll;
   display: flex;
   margin: 0 -20px;
   padding-left: 15px;
   padding-right: 20px;
}

.our-share-card {
   background: #FFFFFF 0% 0% no-repeat padding-box;
   box-shadow: 0px 0px 20px #0000000A;
   width: 200px;
   min-width: 200px;
   margin: 0 10px;
}

.our-share-card .img-area img {
   width: 100%;
}

.our-share-card .info {
   text-align: left;
   padding: 16px;
}

.our-share-card .info h2 {
   font-size: 14px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 16px;
   color: #000000;
}

.our-share-card .info p {
   margin-bottom: 0;
   font-size: 12px;
   font-family: 'Arial';
}

.shared-value2,
.shared-value {
   color: #000000;
   margin-bottom: 40px;
   display: flex;
   align-items: center;
}

.shared-value2:last-child,
.shared-value:last-child {
   margin-bottom: 0;
}

.shared-value2.active,
.shared-value.active {
   color: #A80A0F;
   transition: all 0.5s ease-in-out;
}

.shared-value2 .play,
.shared-value .play {
   margin-right: 8px;
   width:30px;
}

.shared-value2 img,
.shared-value img {
   margin-right: 24px;
   opacity: 0;
   height: 21px;
}

.shared-value2.active img,
.shared-value.active img {
   opacity: 1;
   transition: all 0.5s ease-in-out;
}

.shared-value2 .info h2,
.shared-value .info h2 {
   font-size: 20px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 8px;
}

.shared-value2 .info p,
.shared-value .info p {
   margin-bottom: 0;
   font-size: 18px;
   line-height: 28px;
}

.img-area-content2 img,
.img-area-content img {
   width: 100%;
   max-height: 550px;
   object-fit: cover;
   opacity: 0;
   transition: all 2s ease-in-out;
   display: none;
}

.img-area-content2 img.active,
.img-area-content img.active {
   opacity: 1;
   display: block;
   /*-webkit-animation-name: fadeIn;
   -webkit-animation-duration: 0.8s;
   animation-name: fadeIn;
   animation-duration: 0.8s;*/
}

@-webkit-keyframes fadeIn {
   from {
      opacity: 0
   }

   to {
      opacity: 1
   }
}

@keyframes fadeIn {
   from {
      opacity: 0
   }

   to {
      opacity: 1
   }
}

@media (min-width: 768px) {
   #about-shared-values #section2 .visi-misi {
      padding: 0;
      padding-left: 40px;
      
      margin-left: 20px;
   }

   #about-shared-values #section2 .visi-misi .area {
      padding-bottom: 60px;
      position: relative;
   }

   #about-shared-values #section2 .visi-misi .area .icon {
      position: absolute;
      left: -52px;
      top: -2px;
   }
   #about-shared-values #section2 .visi-misi .area .icon i{
      padding:7px 9px;
      background:#A80A0F;
      color:white;
      border-radius: 50%;
   }
   #about-shared-values #section2 .visi-misi .area h2 {
      font-size: 28px;
      font-family: 'Tahoma';
font-weight: 700;
      margin-bottom: 24px;
      color: #000000;
   }

   #about-shared-values #section2 .visi-misi .area p {
      margin-bottom: 0;
      font-size: 18px;
      font-family: 'Arial';
   }

   #about-shared-values #section2 .cta {
      margin-top: 32px;
      margin-left: 60px;
   }

   #about-shared-values #section3 h6 {
      font-size: 28px;
      font-family: 'Tahoma';
font-weight: 700;
      margin-bottom: 24px;
      color: #000000;
      /* text-align: center; */
   }

   #about-shared-values #section3 .dsc {
      margin-bottom: 40px;
      font-size: 18px;
      font-family: 'Arial';
      /* text-align: center; */
   }

   .our-share-card {
      background: #FFFFFF 0% 0% no-repeat padding-box;
      box-shadow: 0px 0px 20px #0000000A;
      width: 100%;
      min-width: 200px;
      margin: 0 0 24px;
   }

   .our-share-card .info {
      text-align: center;
      padding: 20px;
      min-height: 150px;
   }

   .our-share-card .info h2 {
      font-size: 20px;
      font-family: 'Tahoma';
font-weight: 700;
      margin-bottom: 16px;
      color: #000000;
   }

   .our-share-card .info p {
      margin-bottom: 0;
      font-size: 16px;
      font-family: 'Arial';
   }
}

#about-our-business .accordion{
   padding:2em 0;
}
#about-our-business #section2 {
   
   position: relative;
}

#about-our-business #section2 .bs-img {
   margin: 20px;
}

#about-our-business #section2 .bs-img img {
   width: 100%;
}

#about-our-business #section2 .faq-wrapp .link-faq {
  
   margin: 40px 0 0;
}

#about-our-business #section3 {
   background: #FBFBFB;
   padding: 6em 0 6em;
}

#about-our-business #section3 h2 {
   font-size: 20px;
   color: #A80A0F;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 24px;
}

#about-our-business #section3 .cta {
   margin-bottom: 32px;
}

#about-our-business #section3 a.underline {
   font-size: 16px;
}
.br-accourdion{
   border-right:1px solid #817F85
}
.gar-accourdion {
   background: #FFFFFF 0% 0% no-repeat padding-box;
   box-shadow: 0px 8px 10px #00000005;
   border-radius: 2px;
   margin-bottom: 24px;
}

.gar-accourdion .gar-head .title .link {
   display: inline-block;
   font-size: 14px;
   font-family: 'Arial';
   color: #A80A0F;

}

.gar-accourdion .gar-head {
   position: relative;
   width: 100%;
   padding: 20px;
   background: #fff;
   cursor: pointer;
   transition: all 0.6s ease-in-out;
}

.gar-accourdion .gar-head:hover {
   background: #A80A0F;
}

.gar-accourdion .gar-head:hover .fa {
   color: #fff;
}

.gar-accourdion .gar-head:hover .title a,
.gar-accourdion .gar-head:hover .title .link {
   color: #fff;
}


.gar-accourdion .gar-head .fa {
   color: #A80A0F;
   font-size: 16px;
   position: absolute;
   top: 50%;
   right: 15px;
   transform: translateY(-50%);
   transition: all 0.6s ease-in-out;
}

.gar-accourdion .gar-head .fa.active {
   transform: rotate(-180deg) translateY(50%);
}

.gar-accourdion .gar-head .title a {
   font-size: 12px;
   font-family: 'Tahoma';
font-weight: 700;
   color: #000000;
   transition: all 0.6s ease-in-out;
   display: block;
   max-width: 90%;
}

.gar-accourdion .card-body {
   font-size: 12px;
   padding: 20px 0;
   margin: 0 20px;
   border-top: 1px solid #D6D6D6;
}

@media (min-width:768px) {
   #about-our-business #section2 .bs-img {
      margin: 50px 50px;
   }

   #about-our-business #section3 h2 {
      font-size: 24px;
      color: #A80A0F;
      font-family: 'Tahoma';
font-weight: 700;
      margin-bottom: 24px;
   }

   #about-our-business #section3 a.underline {
      font-size: 16px;
   }

   #about-our-business #section3 a.underline:hover {
      color: #A80A0F;
   }

   .gar-accourdion .gar-head {
      position: relative;
      width: 100%;
      padding: 30px;
   }

   .gar-accourdion .gar-head .fa {
      font-size: 20px;
      right: 30px;
   }

   .gar-accourdion .gar-head .title a {
      font-size: 16px;
      font-family: 'Tahoma';
font-weight: 700;
      color: #000000;
   }

   .gar-accourdion .card-body {
      font-size: 14px;
      padding: 30px 0;
      margin: 0 30px;
   }

   #about-our-business #section3 .cta {
      margin-bottom: 60px;
   }
}

#about-our-gov #section2 {
   padding: 4em 0 0;
}

#about-our-gov #section2 .img-area {
   margin-top: 24px;
}

#about-our-gov #section2 .title-pages {
   width: 100%;
}

#about-our-gov #section2 .cta {
   margin-top: 24px;
}

#about-our-gov #section2 .cta a {
   font-size: 16px;
   /* color: #000000; */
   font-family: 'Arial';
font-weight: 700;
   margin-bottom: 16px;
   display: block;
}

#about-our-gov #section2 .cta a i {
   font-size: 15px;
   margin-left: 8px;
}

#about-our-gov #section2 .row {
   padding-bottom: 6em;
}

#about-our-gov #section3 {
   background: #FBFBFB;
   padding: 4em 0 4em;
}

#about-our-gov #section3 .accordion {
   padding-top: 2em;
}

@media (min-width: 768px) {
   #about-our-gov #section2 .row {
      padding-bottom: 8em;
   }

   #about-our-gov #section2 .cta a {
      font-size: 18px;
   }

   #about-our-gov #section2 .img-area {
      margin-top: 0px;
   }

}

#about-our-achieve #section2 .gar-tabs {
   margin-top: 32px;
}

.gar-tabs {
   
   
   margin-right: -20px;
   border-bottom: 1px solid #E6E6E6;
   padding-bottom: 8px;
   text-align: center;
   width: 100%;
}
.gar-tabs.fire{
   margin-right: -20px;
   border-bottom: 1px solid black !important;
   text-align: left;
   width: 100%;
   padding:0 !important;
}
.gar-tabs.fire .tabs{
   margin-bottom: 0;
}
.gar-tabs > .gar-tabs{
   overflow-x: auto;
   white-space: nowrap;
   padding:4em 0px;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.gar-tabs::-webkit-scrollbar {
   display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.gar-tabs {
   -ms-overflow-style: none;
   /* IE and Edge */
   scrollbar-width: none;
   /* Firefox */
}

.gar-tabs .tabs {
   font-size: 18px;
   color: #817F85;
   font-family: 'Tahoma';
font-weight: 700;
   margin-right: 20px;
   padding-bottom: 3px;
   display: inline-block;
   margin-bottom: 10px;
}

.gar-tabs .tabs.active {
   border-bottom: 3px solid #A80A0F;
   color: #A80A0F;
}

#about-our-achieve #section2 .tab-content {
   margin: 40px 0px;
}

.achieve-card {
   background: #fff;
   box-shadow: 9px 17px 54px 0px rgb(187 187 187 / 20%);
   padding: 20px;
   margin-bottom: 24px;
}

.achieve-card .img-area {
   text-align: center;
   margin-bottom: 16px;
}
.achieve-card .img-area img{
   height:auto;
   width: 100%;
   margin: auto;
   display: block;
   object-fit: contain;
}

.achieve-card h2 {
   font-size: 16px;
   font-family: 'Tahoma';
font-weight: 700;
   color: #000000;
   margin-bottom: 8px;
}

.achieve-card p {
   font-size: 14px;
   font-family: 'Arial';
   margin-bottom: 0;
}

.tab-content {
   display: none;
}

.tab-content.active {
   display: block;
}

@media (min-width:768px) {
   #about-our-achieve #section2 .tab-content {
      margin: 0px;
      margin-top: 48px;
   }

   .gar-tabs .tabs {
      font-size: 20px;
      margin-right: 40px;
   }

   .achieve-card {
      margin-bottom: 32px;
      padding: 25px;
   }
   .achieve-card .text{
      
      height: 150px;
      overflow: auto;
   }

   .achieve-card .img-area {
      text-align: center;
      margin-bottom: 24px;
   }

   .achieve-card h2 {
      font-size: 18px;
      font-family: 'Tahoma';
font-weight: 700;
      color: #000000;
      margin-bottom: 16px;
   }

   .achieve-card p {
      font-size: 16px;
      font-family: 'Arial';
      margin-bottom: 0;
   }
}

#about-our-leadership #section1 {
   padding: 3em 0;
   background: #FBFBFB;
}

#about-our-leadership #section1 .experts-wrap {
   margin: 30px;
   margin-top: 48px;
   position: relative;
   z-index: 1;
}

#about-our-leadership #section1 .experts-card {
   box-shadow: 9px 17px 54px 0px rgb(187 187 187 / 20%);
}

#about-our-leadership #section1 .experts-card .info {
   padding: 15px 10px;
   text-align: center;
   background: #fff;
}

.experts-card .img-area img {
   width: 100%;
   transition: all 0.8s ease-in-out;
   height: 419px;
   object-fit: cover;
   object-position: top;
}

#about-our-leadership #section2 {
   padding: 2em 0 4em;
   background: #FBFBFB;
}

.max-w600 {
   max-width: 600px;
   margin: 0 auto;
}

@media (min-width: 992px) {

   .modal-lg,
   .modal-xl {
      max-width: 1000px;
   }

}

@media (min-width: 768px) {
   #about-our-leadership #section1 .gar-tabs {
      padding-bottom: 0px;
      justify-content: center;
      display: flex;
      margin-top: 48px;
      margin-bottom: 80px;
   }

   #about .experts-wrap {
      margin: 30px 0;
      margin-top: 48px;
   }

   #about-our-leadership #section1 .experts-card .info {
      padding: 25px 0px;
      text-align: center;
      min-height: 145px;
   }

   #about-our-leadership #section1 .experts-card .info .pos {
      height: unset;
      line-height: 22px;
   }

   #about-our-leadership #section2 {
      padding: 22em 0 4em;
      position: relative;
      margin-top: -23em;
      background: #F5F5F5;
   }
}

/* end: ABOUT PAGES -------------------------------------------------------- */
/* INVESTORS PAGES -------------------------------------------------------- */
#investors #section2 {
   padding: 4em 0;
   background: #FBFBFB;
}

 .blok-1 h2,
 .blok-2 h2 {
   font-family: 'Tahoma';
font-weight: 700;
   font-size: 20px;
   color: #000000;
   margin-bottom: 24px;
}

.blok-1 .flx {
   display: flex;
   margin-bottom: 24px;
   align-items: flex-start;
}

.blok-1 .flx p {
   font-size: 16px;
   margin-bottom: 0;
}

 .blok-2 .flx {
   display: flex;
   margin-bottom: 16px;
}

 .blok-1 .flx img {
   margin-top: 4px;
}

 .blok-1 .flx img,
 .blok-2 .flx img {
   margin-right: 16px;
}

 .blok-2 .flx h6 {
   font-size: 16px;
   color: #000000;
   font-family: 'Arial';
font-weight: 700;
}

#investors #section3 {
   background: #fff;
   margin: 20px;
}

#investors #section3 .blok-2 {
   margin-top: 32px;
}

#investors #section3 .blok-2 .content h2 {
   font-family: 'Tahoma';
font-weight: 700;
   font-size: 20px;
   color: #000000;
   margin-bottom: 24px;
}

#investors #section3 .blok-2 .content .desc-pages {
   margin-bottom: 40px;
}

#investors #section4 {
   background: #FBFBFB;
   padding: 4em 0;
}

#investors #section4 h2 {
   font-family: 'Tahoma';
font-weight: 700;
   font-size: 20px;
   color: #000000;
   margin-bottom: 24px;
}

#investors #section4 .img-area {
   text-align: center;
   margin-bottom: 32px;
}

.content h5 {
   font-family: 'Tahoma';
font-weight: 700;
   font-size: 20px;
   color: #000000;
   margin-bottom: 24px;
}

#investors #section4 .content .cta {
   margin-bottom: 40px;
}

#investors #section4 .content .cta a {
   font-size: 16px;
}

#investors #section4 .content .faq-wrapp .link-faq {
   margin-left: 0;
}

.table-area {
   overflow-x: scroll;
}
.table td p{
   margin:0;
}
@media (max-width: 600px) {
   /* .table {
      display: block;
      overflow-x: auto;
      white-space: nowrap;
   } */
}
div.wpDataTables{
   width: 100%;
    overflow: auto;
    margin: 0;
}
.wpDataTable thead{
   text-align: center;
}
.wpDataTable{
   font-size: 16px;
   table-layout: fixed;
}
table.wpDataTable{
   min-width: 100%;
}
.wpDataTables td .block-red{
   padding: 10px 12px;
    background: #A80A0F;
    color: white;
    display: inline;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
table thead tr th,table thead tr td {
   color: #fff !important;
   background-color: #A80A0F !important;
   border-color: #A80A0F !important;
   font-family: 'Arial';
font-weight: 700;
   font-size: 18px;
   padding:20px !important;
}

.wpDataTable tr:nth-child(odd),.table tr:nth-child(odd) {
   background-color: #F2F2F2;
   border-color: #F2F2F2;
}

.wpDataTable tr:nth-child(even),.table tr:nth-child(even) {
   background-color: #FCFCFC;
   border-color: #FCFCFC;
}

.wpDataTable tr:nth-child(odd) th,
.wpDataTable tr:nth-child(odd) td,
.table tr:nth-child(odd) th,
.table tr:nth-child(odd) td  {
   border-color: #F2F2F2;
}

th.border-rl {
   border-left: 2px solid #F2F2F2 !important;
   border-right: 2px solid #F2F2F2 !important;
}
th.border-b {
   border-bottom: 1px solid #F2F2F2 !important;
}

th.border-r {
   border-right: 2px solid #F2F2F2;
}

.wpDataTable tr:nth-child(even) th,
.wpDataTable tr:nth-child(even) td,
.table tr:nth-child(even) th,
.table tr:nth-child(even) td {
   border-color: #FCFCFC;
}

.wpDataTable th,
.wpDataTable td,
.table th,
.table td {
   padding: 20px;
   font-family: 'Arial';
font-weight: 700;
   color: #000000;
}

th.center {
   text-align: center;
}

td.center {
   text-align: center;
}
td.capitalize{
   text-transform: capitalize;
}
.table tbody tr td,.wpDataTable tbody tr td{
   text-align: center;
}
table tbody tr td{
   vertical-align: top;
}
.t-table {
   font-size: 22px;
   color: #000000;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 24px;
}
table.table td a{
   color: #8A0609;
}
table.wpDataTable td a{
   color: #8A0609;
}
#investors #section5,
#investors #section6 {
   background: #FBFBFB;
   padding: 4em 0;
}

.label-table {
   display: block;
   margin-bottom: 24px;
}

.label-table .isi {
   font-family: 'Tahoma';
}

.label-table .isi span {
   font-family: 'Tahoma';
font-weight: 700;
}

.row.align-items-end .sortby {
   float: right;
   text-align: right;
}

.row.align-items-end .sortby .form-control {
   margin-bottom: 24px;
   display: inline-block;
}

@media (min-width: 768px) {
   .row.align-items-end .sortby .form-control {
      margin-bottom: 24px;
      max-width: 200px;
      display: inline-block;
   }
    .blok-1 .flx p {
      font-size: 18px;
      margin-bottom: 0;
    display: flex;
    align-items: flex-start;
   }

    .blok-1 .flx:last-child p {
      font-size: 18px;
      margin-bottom: 0;
   }

    .blok-2 {
      margin-top: 0px;
   }

    .blok-1 h2,
    .blok-2 h2 {
      margin-bottom: 32px;
   }

    .blok-1 .flx img,
    .blok-2 .flx img {
      margin-right: 24px;
   }

   #investors #section3 {
      background: #fff;
      margin: 0px;
   }

   #investors #section3 .blok-2 .content {
      max-width: 350px;
      margin: 0 auto;
   }

   #investors #section3 .blok-2 .content .faq-wrapp .link-faq {
      margin-left: 0;
   }

   #investors #section3 .blok-1 .img-area {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 100px;
      width: 120%;
   }

   #investors #section3 .blok-1 {
      min-height: 100vh;
      position: relative;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url('../../../../../assets/img/investor/investors-bg');
   }

   #investors #section4 {
      background: #FBFBFB;
      padding: 6em 0;
   }

   #investors #section4 h2 {
      text-align: center;
      font-size: 22px;
   }

   #investors #section4 .content {
      max-width: 300px;
   }

   .label-table {
      display: flex;
      justify-content: space-between;
   }
}

#investors-shareholder #section2 {
   padding: 4em 0;
   background: #FBFBFB;
}

#investors-shareholder #section3 {
   padding: 4em 0 8em;
   background: #F7F7F7;
}

#investors-shareholder #section3 .img-area {
   margin-top: 4em;
}

#investors-shareholder #section3 .img-area img {
   width: 100%;
}

#investors-shareholder #section4 {
   padding: 4em 0;
   background: #FBFBFB;
}

#investors-shareholder #section5 {
   padding: 4em 0;
   background: #FBFBFB;
}

.subs-head {
   font-family: 'Tahoma';
font-weight: 700;
   font-size: 20px;
   color: #000000;
   margin-bottom: 24px;
}

.subs-desc {
   font-size: 16px;
   color: #39393B;
}

.table th,
.table td {
   vertical-align: middle !important;
}

.content-modal .desc .table td {
   vertical-align: top !important;
}

.flx-table {
   display: block;
}

.flx-table p {
   margin-bottom: 24px;
}

.contact-area {
   position: relative;
   margin-top: 40px;
}

.contact-area img {
   width: 100%;
}

.contact-area .content {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 100%;
   padding: 20px;
}

.contact-area .content .isi h6 {
   font-size: 18px;
   color: #fff;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 24px;
}

@media (min-width: 768px) {
   .subs-head {
      font-family: 'Tahoma';
font-weight: 700;
      font-size: 22px;
      color: #000000;
   }

   .subs-desc {
      font-size: 18px;
      color: #39393B;
   }

   #investors-shareholder #section3 .subs-desc {
      width: 50%;
   }

   .flx-table {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
   }

   .flx-table p {
      margin-bottom: 24px;
   }

   .contact-area .content {
      padding: 50px;
   }

   .contact-area .content .isi {
      display: flex;
      justify-content: space-between;
      align-items: center;
   }

   .contact-area .content .isi h6 {
      font-size: 24px;
      margin-bottom: 0px;
      line-height: 34px;
   }

   .contact-area {
      margin: 40px;
      margin-top: 6em;
   }
}

#investors-dividend #section2 {
   padding: 4em 0;
   background: #FFFFFF;
}

#investors-dividend #section3 {
   background: #FBFBFB;
   padding: 4em 0 6em;
}

.noted {
   margin-top: 4em;
}

.div-points h6 {
   font-size: 18px;
   margin-bottom: 24px;
   font-family: 'Arial';
font-weight: 700;
   color: #000000;
}

 .div-points .point {
   display: flex;
   margin-bottom: 16px;
}

 .div-points .point .num {
   font-size: 16px;
   color: #fff;
   font-family: 'Arial';
font-weight: 700;
   background: #A80A0F;
   padding: 7px 10px;
   border-radius: 50%;
   margin-right: 16px;
   line-height: 18px;
   height: 30px;
}

 .div-points .point .txt {
   font-size: 16px;
}

@media (min-width: 758px) {
    .div-points .point .txt {
      font-size: 18px;
   }

    .div-points h6 {
      font-size: 20px;
      margin-bottom: 32px;
   }

    .div-points .point .num {
      font-size: 16px;
   }

   .noted {
      margin: 20px;
      margin-top: 6em;
   }
}

#investors-meetings #section2 {
   padding: 4em 0 6em;
   background: #FBFBFB;
}

#investors-meetings .meetings-area {
   margin: 0 -20px;
   padding: 20px;
   background: #F5F5F5;
   border-radius: 8px;
}

#investors-meetings .meetings-area .gar-head {
   border-radius: 5px;
}

#investors-meetings .meetings-area .title a {
   font-family: 'Tahoma';
}

#investors-meetings .meetings-area .title a span {
   font-family: 'Tahoma';
font-weight: 700;
}

#investors-meetings .meetings-area .card-body p b {
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 32px;
}

#investors-meetings .meetings-area .card-body ol {
   padding-left: 16px;
}

#investors-meetings .meetings-area .card-body ol li {
   margin-bottom: 16px;
   font-family: 'Tahoma';
font-weight: 700;
}

#investors-meetings .meetings-area .card-body ol li span {
   font-family: 'Tahoma';
   margin-left: 8px;
}

@media (min-width: 768px) {
   #investors-meetings .meetings-area {
      margin: 0 -50px;
      padding: 50px;
      background: #F5F5F5;
      border-radius: 8px;
   }
}

#investors-sgx .sortby .form-control {
   max-width: 100px;
   float: right;
}

#investors-sgx #section2 {
   background: #FBFBFB;
   padding: 4em 0 6em;
}

#investors-analyst #section2 {
   background: #FBFBFB;
   padding: 4em 0 6em;
}

#investors-analyst #section3 {
   background: #FBFBFB;
   padding: 0 0 6em;
}

#investors-analyst #section2 .email {
   font-family: 'Arial';
}

#investors-analyst #section2 .email span {
   color: #A80A0F;
}

#investors-performance #section2 {
   background: #FBFBFB;
   padding: 4em 0;
}

#investors-performance #section2 .title-pages {
   width: 100%;
}

#investors-performance #section2 .sortby .form-control {
   margin-bottom: 24px;
}

 .chart-head .sortby .form-control {
   margin-bottom: 0;
   color: #fff;
   border-color: #fff;
   max-width: 120px;
}
.chart-head .sortby .form-control option{
   color:black
}

 .chart-head {
   background: #A80A0F;
   padding: 30px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   color: #fff;
   margin-bottom: 16px;
}
.chart-head .sortby{
   width:auto;
}

 .chart-head h4 {
   font-size: 16px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 0;
   margin-left: 16px;
   color:white;
}

#investors-performance #section3 {
   background: #FFFFFF;
   padding: 4em 0;
}

#investors-performance #section4 {
   background: #FBFBFB;
   padding: 4em 0;
}

#investors-performance #section4 .content {
   margin-left: 16px;
}

#investors-performance #section4 .content .cta {
   margin-bottom: 32px;
}

#investors-performance #section4 .content a {
   font-size: 14px;
}

#investors-performance #section4 .row.align-items-end .sortby {
   float: left;
}

a.bold {
   font-family: 'Tahoma';
font-weight: 700;
}

#investors-performance #section5 {
   background: #FFFFFF;
   padding: 4em 0 6em;
}

.chart-area {
   background-color: #fff;
   box-shadow: 0px 10px 20px #0000000A;
   border-radius: 2px;
   
}

@media(min-width: 768px) {
   #investors-performance #section4 .row.align-items-end .sortby {
      float: right;
   }

   .chart-area {
      padding: 50px;
   }

    .chart-head h4 {
      font-size: 18px;
      font-family: 'Tahoma';
font-weight: 700;
   }

    .chart-head {
      margin-bottom: 24px;
   }

}

/* end: INVESTORS PAGES -------------------------------------------------------- */
/* SUPPLIERS PAGES -------------------------------------------------------- */
#suppliers #section2 {
   padding: 4em 0;
}

#suppliers #section3 {
   padding: 4em 0;
}

#suppliers #section4 {
   padding: 4em 0;
   background-color: #FBFBFB;
}

#suppliers #section5 {
   padding: 4em 0 7em;
}

.info-download {
   display: flex;
   margin-top: 40px;
}

.info-download img {
   margin-right: 16px;
   width: 52px;
   height: 52px;
}

.info-download h6 {
   font-size: 16px;
   color: #000000;
   font-family: 'Arial';
font-weight: 700;
   margin-top: 8px;
}

.info-download .download {
   display: flex;
   align-items: center;
}

.info-download .download i {
   margin-right: 8px;
}

.bg-grey {
   background-color: #FBFBFB;
}

#suppliers #section2 .process {
   margin-top: 40px;
}

#suppliers #section2 .process h4 {
   font-size: 20px;
   color: #000000;
   text-align: left;
   font-family: 'Tahoma';
font-weight: 700;
}

#suppliers #section2 .process .img-area {
   white-space: nowrap;
   overflow-x: scroll;
   margin: 32px -20px 0;
   padding-left: 20px;
}

#suppliers #section2 .process .img-area .img {
   width: 200%;
}

 .box-area {
   margin: 50px 50px 0;
}

 .box-area .box {
   text-align: center;
   background: #FFFFFF;
   padding: 16px;
   /*padding: 30px 40px;*/
   margin-bottom: 32px;
   box-shadow: 0 0 20px #0000000F;
   cursor: pointer;
}

 .box-area .box img {
   width: 124px;
   height: 124px;
}
.box-area .box .desc a{
   color: black !important;
}
 .box-area .box:hover .desc a{
   color: #A80A0F !important;
}

 .box-area .box .desc {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 16px;
   font-size: 14px;
   font-family: 'Arial';
font-weight: 700;
   transition: all 0.5s ease-in-out;
}

 .box-area .box .desc i {
   margin-left: 8px;
}

.contact-gar {
   margin-top: 30px;
   text-align: center;
}

.contact-gar.left {
   margin-top: 30px;
   text-align: left;
}

.contact-gar h4 {
   margin-bottom: 24px;
   font-family: 'Tahoma';
font-weight: 700;
   color: #39393B;
   font-size: 22px;
}

#suppliers #section2 .accordion {
   margin-top: 40px;
}

 .kat-faq {
   font-size: 20px;
   color: #000000;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 24px;
   margin-top: 50px;
}

#suppliers #section3 h5 {
   color: #000000;
   font-size: 22px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 24px;
}

.list-sup {
   display: flex;
   margin-bottom: 24px;
}
.list-sup:last-of-type{
   margin-bottom: 0;
}
.blok1 h5{
   color: #000000;
   font-size: 22px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 24px;
}
.list-sup .num {
   font-size: 13px;
   color: #fff;
   background: #A80A0F;
   border-radius: 50%;
   padding: 3px 10px;
   margin-right: 10px;
   height: 26px;
}
.list-sup .num span {
   font-size: 13px;
      color: #fff;
      background: #A80A0F;
      border-radius: 50%;
      padding: 3px 10px;
      margin-right: 10px;
      height: 26px;
}

.list-sup .info {
   margin-left: 8px;
   margin-top: 4px;
}

.list-sup .info h6 {
   font-size: 16px;
   color: #000000;
   font-family: 'Arial';
font-weight: 700;
   margin-bottom: 16px;
}

.list-sup .info p {
   font-size: 14px;
   margin-bottom: 0;
}

.list-sup .info p a {
   color: #A80A0F;
}

.list-sup .info p a:hover {
   color: #8A0609;
}

#suppliers #section3 .blok1 {
   padding-bottom: 4em;
}

#suppliers #section3 .blok1 .padleft {
   padding-left: 0px;
}

#suppliers #section3 .blok2 {
   padding: 4em 0;
}

#suppliers #section5 .table-area b {
   margin-bottom: 24px;
}

@media (min-width: 768px) {
   .table-area{
      overflow-x: auto;
   }
   #suppliers #section2 .process h4 {
      text-align: center;
   }

   #suppliers #section2 .process .img-area {
      white-space: nowrap;
      overflow-x: scroll;
      margin: 32px 0px 0;
      padding-left: 0px;
   }

   #suppliers #section2 .process .img-area {
      text-align: center;
   }

   #suppliers #section2 .process .img-area .img {
      width: 90%;
      margin: 0 auto;
   }

    .box-area .box {
      min-height: 240px;
   }

    .box-area {
      margin: 50px 100px;
   }

   .list-sup .info h6 {
      font-size: 18px;
   }

   .list-sup .info p {
      font-size: 16px;
   }
   .list-sup .num {
      font-size: 13px;
      color: #fff;
      background: #A80A0F;
      border-radius: 50%;
      padding: 3px 10px;
      margin-right: 10px;
      height: 26px;
   }
   .blok1 h5{
      color: #000000;
      font-size: 22px;
      font-family: 'Tahoma';
font-weight: 700;
      margin-bottom: 24px;
   }
   #suppliers #section3 .blok1 .padleft,
   #suppliers #section3 .blok2 .padleft,
   #suppliers #section3 .blok3 .padleft {
      padding-left: 40px;
      /* padding-right: 30px; */
   }

   #suppliers #section3 .blok1 .padright,
   #suppliers #section3 .blok2 .padright,
   #suppliers #section3 .blok3 .padright,
   #suppliers #section4 .padright {
      padding-right: 40px;
   }

   #suppliers #section4 .row-faq {
      margin-top: 50px;
      margin-left: -45px;
      margin-right: -45px;
   }

   #suppliers #section4 .title-pages {
      width: 100%;
   }
}

@media (min-width: 1200px) {
    .box-area {
      margin: 50px 150px;
   }
}
.mt-15{
   margin-top:15px;
}
.mt-24 {
   margin-top: 24px;
}

.mt-32 {
   margin-top: 32px;
}

.mt-40 {
   margin-top: 40px;
}
.mt-50{
   margin-top:50px
}
.mt-70{
   margin-top: 70px
}
.mt-80{
   margin-top: 80px
}
.mr-10{
   margin-right:10px;
}
.mb-50{
   margin-bottom:50px
}
.pb-0{
   padding-bottom:0px
}

.fs-13{
   font-size:13px;
}
.progress-container{
   position:relative;
   left:-20px;
}
.w-30pc{
   width:30%;
}
.mw-80w{
   max-width: 80vw;
}
.pt-2em{
   padding-top:2em
}
.mt-4em{
   margin-top:4em;
}
.w-150{
   width:150px;
}
.w-50{
   width:50px;
}
.w-60{
   width:60px;
}
.w-350{
   width:350px;
}
.w-100pc{
   width:100%;
}
.mb-4em{
   margin-bottom:4em;
}
.mb-32{
   margin-bottom: 32px;
}
.d-inline-block{
   display:inline-block;
}
.ta-right{
   text-align:right;
}
.pt-4em{
   padding-top:4em;
}
.p-relative{
   position:relative;
}
.ptb-4em{
   padding:4em 0px;
}
section.post-content{
   padding-bottom: 2em;
}
section.post-content > section{
   padding:2em 0px;
}
section.post-content > section:first-of-type{
   padding:0 0px;
}
section.post-content > section:last-of-type{
   padding-bottom:0 !important;
}
/* end: SUPPLIERS PAGES -------------------------------------------------------- */
/* SUSTAINABILITY PAGES -------------------------------------------------------- */
#sustainability .d-flex {
   margin-top: 16px;
}

#sustainability .d-flex p {
   font-size: 14px !important;
}

#sustainability #section2 {
   padding: 4em 0;
}

#sustainability #section2 .img-area img {
   width: 100%;
}

 .box-wrap {
   background: #FBFBFB;
   padding: 2em 0px;
   text-align: center;
   margin:2em 0px;
}

 .box-wrap .box {
   background: #FFFFFF 0% 0% no-repeat padding-box;
   box-shadow: 0px 10px 20px #0000000A;
   border-radius: 4px;
   padding: 12px;
   text-align: center;
   min-height: 300px;
   margin:12px 0px;
}

 .box-wrap .box h4 {
   font-size: 14px;
   font-family: 'Tahoma';
font-weight: 700;
   color: #000000;
   margin-top: 16px;
   text-align: center;
}

.download-cta {
   margin-top: 0px;
}

.download-cta a {
   font-size: 16px;
   font-family: 'Arial';
font-weight: 700;
   margin-bottom: 16px;
   display: block;
}

#sustainability #section3 {
   padding: 4em 0 6em;
}

#sustainability #section3 h2 {
   margin-bottom: 60px;
   width: 100%;
}


.milestone {
   background: #FFFFFF 0% 0% no-repeat padding-box;
   box-shadow: 6px 14px 13px #8080803b;
   padding: 24px;
   min-height: 370px;
   width: 250px;
}

.milestone .date {
   font-size: 14px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 8px;
   color: #A80A0F;
}

.milestone h2 {
   font-size: 16px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 8px !important;
   color: #000000;
}

.milestone p {
   font-size: 12px;
}

.milestone .img-area {
   text-align: right;
}

.milestone .img-area img {
   width: 150px;
   display: initial;
}

.slide-1 .item {
   width: 300px;
}

.slide-1 .owl-carousel .owl-stage-outer {
   overflow: unset;
}

.owl-milestone .owl-carousel{
   display: block;
   height: 400px;
   white-space: nowrap;
   overflow: auto;
   
}
.owl-milestone .owl-carousel .item{
   display: inline-block;
   vertical-align: top;
   white-space: normal;
   margin-left:-15px;
}
.owl-milestone .owl-carousel .item .milestone{
   padding:15px;
}


.owl-milestone .owl-dots {
   margin-top: 30px;
   width: 100%;
   text-align: center;
}

.owl-milestone .owl-dot {
   width: 20px;
   height: 20px;
   border-radius: 10px;
   margin: 0px 5px;
}

.owl-milestone .owl-dot.active {
   border: 1px solid black;
}

.owl-milestone .owl-dot span {
   width: 4px;
   height: 4px;
   background: black;
   border-radius: 10px;
   margin: auto;
   display: block;
}

.owl-carousel.m .owl-dots {
   width: 100%;
   text-align: center;
}

.owl-carousel.m .owl-dot {
   width: 20px;
   height: 20px;
   border-radius: 10px;
   margin: 0px 5px;
}

.owl-carousel.m .owl-dot.active {
   border: 1px solid black;
}

.owl-carousel.m .owl-dot span {
   width: 4px;
   height: 4px;
   background: black;
   border-radius: 10px;
   margin: auto;
   display: block;
}


.owl-work-slide .owl-dots {
   width: 100%;
   text-align: center;
}

.owl-work-slide .owl-dot {
   width: 20px;
   height: 20px;
   border-radius: 10px;
   margin: 0px 5px;
}

.owl-work-slide .owl-dot.active {
   border: 1px solid black;
}

.owl-work-slide .owl-dot span {
   width: 4px;
   height: 4px;
   background: black;
   border-radius: 10px;
   margin: auto;
   display: block;
}


#other-news .owl-dots {
   width: 100%;
   text-align: center;
}

#other-news  .owl-dot {
   width: 20px;
   height: 20px;
   border-radius: 10px;
   margin: 0px 5px;
}

#other-news  .owl-dot.active {
   border: 1px solid black;
}

#other-news  .owl-dot span {
   width: 4px;
   height: 4px;
   background: black;
   border-radius: 10px;
   margin: auto;
   display: block;
}

@media (min-width: 768px) {
   .download-cta a {
      font-size: 18px;
   }
   .owl-milestone .owl-carousel{
      overflow: unset;
   }
   #sustainability .d-flex p {
      font-size: 16px !important;
   }
   .mt-desktop-neg60{
      margin-top:-60px;
   }
   .mt-desktop-30{
      margin-top: 30px;
   }
   .mt-desktop-71{
      margin-top: 71px;
   }
   .mt-desktop-62{
      margin-top: 71px;
   }

   #sustainability #section2 .box-wrap {
      background: #FBFBFB;
      padding: 24px;
   }

   #sustainability #section2 .box-wrap .box {
      min-height: 275px;
   }

   #sustainability #section2 .box-wrap .box h4 {
      font-size: 18px;
   }

   .slide-1 .item {
      padding: 20px;
      width: 466px;
   }

   .slide-1 .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.scale {
      transform: scale(1.15);
      margin-right: 50px !important;
   }

   .slide-1 .owl-carousel .owl-stage-outer .owl-item.active {
      transform: scale(1);
   }

   .milestone {
      padding: 40px;
      width:350px;
   }

   .slide-1 {
      position: relative;
   }
   .owl-milestone{
      max-height: 400px;
   }
   .owl-milestone .owl-nav {
      position: absolute;
      top: -30px;
      right: 100px;
   }

   .owl-milestone .owl-nav .icn-left,
   .owl-milestone .owl-nav .icn-next {
      background: #F5F5F5;
      padding: 10px;
      margin: 5px;
      border-radius: 50%;
   }

   .owl-milestone .owl-nav .icn-left i,
   .owl-milestone .owl-nav .icn-next i {
      font-size: 18px;
   }
  
}

/* end: SUSTAINABILITY PAGES -------------------------------------------------------- */
/* SUSTAINABILITY CONSERVATION PAGES -------------------------------------------------------- */
#sus-conservation #section1 {
   padding: 0;
}

#sus-conservation section {
   padding: 4em 0;
}

.grey {
   background: #FBFBFB;
}

#sus-conservation .title-pages {
   width: 100%;
}

#sus-conservation .img-desc {
   padding: 3em 0;
}

#sus-conservation .faq-wrapp .link-faq {
   width: 300px;
   text-align: left;
   margin: 0;
   margin-top: 50px;
}

.text-center {
   text-align: center !important;
}

.sub-title {
   font-family: 'Tahoma';
font-weight: 700;
   color: #000000;
   font-size: 16px;
}
.mt-80 {
   margin-top: 80px;
}
.mt-60 {
   margin-top: 60px;
}
.mt-30 {
   margin-top: 30px;
}

.mt-50 {
   margin-top: 50px !important;
}


#sus-conservation .d-flex p {
   font-size: 14px;
}

.d-flex h6,.d-inline-block h6 {
   font-family: 'Arial';
font-weight: 700;
   font-size: 16px;
   margin-bottom: 8px;
   color: #000;
}

.square {
   width: 20px;
   height: 20px;
   margin-right: 10px;
}

.square.red {
   background: #A80A0F;
}

.square.black {
   background: #4C4C4F;
}

.square.yellow {
   background: #FFBE00;
}

.tag {
   font-size: 14px;
   margin-right: 30px;
   color: #707070;
}

.conservation-maps {
   max-width: 1200px;
   margin: 0 auto 0;
}

.flex {
   display: flex;
}

.mt-16 {
   margin-top: 16px;
}

.tag-pos {
   margin-bottom: 24px;
   display: block;
}

#sus-conservation .sortby {
   width: 250px;
}

#sus-conservation .sortby.w100 {
   width: 100%;
}

.title-img {
   font-size: 16px;
   color: #000000;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 32px;
}

#sus-conservation .img-area img {
   width: 100%;
   margin-bottom: 32px;
}

#sus-conservation .faq-wrapp .link-faq.mts-50 {
   margin-top: 50px;
}

#sus-conservation #section2 .fire-info {
   padding: 24px 0;
   border-bottom: 1px solid #C6C6C6;
}

#sus-conservation #section2 .fire-info:last-child {
   border-bottom: none;
}

#sus-conservation #section2 .fire-info .info {
   margin-bottom: 24px;
}

#sus-conservation #section2 .fire-info .info h4 {
   font-size: 20px;
   font-family: 'Tahoma';
font-weight: 700;
   color: #000000;
   margin-bottom: 8px;
}

#sus-conservation #section2 .fire-info .info p {
   font-size: 16px;
   margin-bottom: 0;
}

#sus-conservation #section4 .t-list-gar {
   width: 100%;
   font-size: 20px;
   font-family: 'Tahoma';
font-weight: 700;
   color: #000000;
   margin-bottom: 32px;
}

.list-gar {
   display: grid;
   grid-template-columns: 1fr;
}

.list-gar .list {
   margin-bottom: 32px;
}

.list-gar .list h4 {
   font-size: 18px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 16px;
}


.list-gar .list .point {
   display: flex;
   margin-left: 16px;
   margin-bottom: 15px;
}

.list-gar .list .point p {
   font-size: 16px;
   margin-left: 8px;
   margin-bottom: 0;
}

.list-gar .list .point p .num50 {
   font-size: 11px;
   color: #fff;
   background: #A80A0F;
   border-radius: 50%;
   padding: 4px 8px 4px 10px;
   margin-right: 10px;

}

#sus-conservation .table .thead-red th {
   font-size: 16px;
}

#sus-conservation .table th,
#sus-conservation .table td {
   font-size: 14px;
}

#sus-conservation .table-fire .gar-tabs {
   margin-bottom: 32px;
}

#sus-conservation .news-wrapp .img-area img {
   margin-bottom: 0;
}

#other-news.news-wrapp.owl-carousel .owl-stage {
   padding-left: 0 !important;
}

.grey2 {
   background: #F5F5F5;
}

.mt-50-m {
   margin-top: 50px;
}

@media (min-width: 768px) {

   #sus-conservation .table-fire .sortby .form-control {
      margin-bottom: 0;
   }

   #sus-conservation #section2 .fire-info {
      padding: 32px 0;
      margin: 0 32px;
   }

   #sus-conservation #section2 .fire-info .info {
      margin-bottom: 0px;
   }

   #sus-conservation #section2 .fire-info .info h4 {
      font-size: 22px;
      font-family: 'Tahoma';
font-weight: 700;
      color: #000000;
      margin-bottom: 8px;
   }

   #sus-conservation #section2 .fire-info .info p {
      font-size: 18px;
      margin-bottom: 0;
   }

   #sus-conservation .faq-wrapp .link-faq.mts-50 {
      margin-top: 0px;
   }

   .mt-50-m {
      margin-top: 0px;
   }

   .title-img {
      font-size: 18px;
      text-align: center;
   }

   #sus-conservation .img-desc {
      padding: 0 0;
      text-align: center;
   }

   .sub-title {
      font-size: 16px;
   }

   #sus-conservation .d-flex p {
      font-size: 16px;
   }

   .d-flex h6 {
      font-size: 18px;
   }

   .tag-pos {
      margin-bottom: 0;
      display: flex;
      justify-content: flex-end;
   }

   #sus-conservation #section4 .t-list-gar {
      width: 50%;
      font-size: 22px;
      font-family: 'Tahoma';
font-weight: 700;
      color: #000000;
      margin-bottom: 60px;
   }

   .list-gar {
      display: grid;
      grid-template-columns: 1fr 1fr;
   }

   .list-gar .list {
      margin-bottom: 32px;
   }

   .list-gar .list h4 {
      font-size: 20px;
      font-family: 'Tahoma';
font-weight: 700;
      margin-bottom: 24px;
   }


   .list-gar .list .point {
      display: flex;
      margin-left: 16px;
   }

   .list-gar .list .point p {
      font-size: 18px;
      margin-left: 8px;
   }

   .t-center-d {
      text-align: center;
      margin-bottom: 32px;
   }
}

/* end: SUSTAINABILITY CONSERVATION PAGES -------------------------------------------------------- */
/* SUSTAINABILITY CLIMATE CHANGE PAGES -------------------------------------------------------- */
#sus-subpages #section1 {
   padding: 0;
}

#sus-subpages section {
   padding: 2em 0
}

#sus-subpages .title-pages {
   width: 100%;
}

#sus-subpages .img-desc {
   padding: 3em 0;
}

#product-consumer .faq-wrapp .link-faq,
#sus-subpages .faq-wrapp .link-faq {
   width: 300px;
   text-align: left;
   margin: 0;
   margin-top: 50px;
}

#sus-subpages .com-row .faq-wrapp .link-faq {
   width: 100% !important;
}

#sus-subpages .faq-wrapp .link-faq.mts-50 {
   margin-top: 50px;
}

#sus-subpages .sortby {
   width: 250px;
}

#sus-subpages .sortby.w100 {
   width: 100%;
}

#sus-subpages .img-area img {
   width: 100%;
   margin-bottom: 32px;
}

#sus-subpages .d-flex p {
   font-size: 14px;
}

.climate-info .list {
   padding: 24px 0;
   border-bottom: 1px solid #9A989E;
}

.climate-info .list:last-child {
   border-bottom: none;
}

.climate-info .list h6 {
   font-size: 18px;
   margin-bottom: 8px;
   color: #000000;
   font-family: 'Tahoma';
font-weight: 700;
}

.climate-info .list p {
   font-size: 16px;
   color: #39393B;
}

.content1000 {
   max-width: 1000px;
   margin: 0 auto;
}

.content1200 {
   max-width: 1200px;
   margin: 0 auto;
}

.pd35 {
   padding: 35px;
}

.content900 {
   max-width: 900px;
   margin: 0 auto;
}

.content800 {
   max-width: 800px;
   margin: 0 auto;
}

.community-card {
   text-align: left;
}

.community-card img {
   margin-bottom: 24px;
   height: 120px;
}

.community-card h6 {
   font-size: 20px;
   font-family: 'Tahoma';
font-weight: 700;
}

.community-card p {
   font-size: 16px;
   margin-bottom: 0;
   height: 25px;
}
.community-card .faq-wrapp .link-faq{
   margin-bottom: 0 !important;
}
.br-card {
   border-top: 1px solid #9A989E;
   border-bottom: 1px solid #9A989E;
}

.com-row .col-12 {
   padding: 30px 30px 0px 30px;
}

#sus-subpages .news-wrapp .img-area img {
   margin-bottom: 0;
}

.b-rightdown {
   border-bottom: 1px solid #9A989E;
}
.maps-area {
   max-width: 1200px;
   margin: 0 auto 0;
   position: relative;
   margin-bottom: 30px;
}

.maps-area .maps-info.active {
   display: block;
}

.maps-area .maps-info {
   position: relative;
   margin-top: -70px;
   left: 0;
   width: 100%;
   padding: 20px;
   background: #fff;
   display: none;
   -webkit-animation-name: fadeIn;
   -webkit-animation-duration: 0.4s;
   animation-name: fadeIn;
   animation-duration: 0.4s;
}

.maps-area .maps-info .close-info {
   width: 26px;
   cursor: pointer;
   position: absolute;
   top: 15px;
   right: 20px;
}

.maps-area .maps-info .info-head {
   
   border-bottom: 1px solid #000;
}

.maps-area .maps-info .info-head .title {
   color: #000000;
   font-family: 'Tahoma';
font-weight: 700;
   font-size: 20px;
   margin-bottom: 8px;
}

.maps-area .maps-info .info-head .desc {
   color: #000000;
   font-family: 'Tahoma';
   font-size: 18px;
}

.maps-area .maps-info .info-head .item {
   display: grid;
   grid-template-columns: 45% 55%;
   align-items: center;
   margin-bottom: 16px;
}

.maps-area .maps-info .info-head .item h2 {
   font-size: 16px;
   color: #000000;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 0;
}

.maps-area .maps-info .info-head .item p {
   font-size: 16px;
   color: #000000;
   margin-bottom: 0;
}

.maps-area .maps-info .info-body {
   padding-top: 32px;
}

.maps-area .maps-info .info-body .desc {
   color: #39393B;
   font-family: 'Arial';
   font-size: 16px;
}
.maps-area .maps-info .info-body a{
   color:#A80A0F
}

.maps-area .maps-info .info-body h2 {
   font-size: 14px;
   color: #000000;
   font-family: 'Tahoma';
font-weight: 700;
}

.maps-area .maps-info .info-body .item {
   padding-top: 8px;
}

.maps-area .maps-info .info-body .item p {
   font-size: 12px;
   font-family: 'Arial';
   color: #000;
   display: block;
   margin-bottom: 5px;
}

.maps-area .maps-info .info-body .logo {
   margin-top: 40px;
}

.maps-area .maps-info .info-body .logo img {
   width: 53px;
   display: inline-block;
   margin-right: 24px;
}

.maps-area .maps-info .info-body .logo-area {
   margin-top: 40px;
   display: flex;
   align-items: flex-start;
   flex-wrap: wrap;
}

.maps-area .maps-info .info-body .logo-area .list {
   margin-right: 32px;
   text-align: center;
   margin-bottom: 16px;
   width: 70px;
   display: inline-block;
   vertical-align: top;
}

.maps-area .maps-info .info-body .logo-area .list img {
   width: 100%;   
}

.maps-area .maps-info .info-body .logo-area .list h4 {
   font-size: 12px;
   color: #000;
   font-family: 'Tahoma';
font-weight: 700;
   text-align: center;
}

@media (min-width: 768px) {
   .maps-area {
      overflow: hidden;
   }

   .maps-area .maps-info {
      position: absolute;
      margin-top: 0;
      left: 0;
      top: 0;
      height: 100%;
      overflow-y: scroll;
      width: 440px;
      padding: 48px;
      background: rgb(255, 255, 255, 0.95);
      -webkit-animation-name: slideInLeft;
      -webkit-animation-duration: 0.4s;
      animation-name: slideInLeft;
      animation-duration: 0.4s;
   }

   .maps-area .maps-info .close-info {
      width: 40px;
      cursor: pointer;
      position: absolute;
      top: 40px;
      right: unset;
   }

   .maps-area .maps-info .info-head {
      padding-top: 50px;
      border-bottom: 1px solid #000;
   }

   .maps-area .maps-info .info-body {
      padding-top: 40px;
   }
}

.col-6 .sortby {
   width: 100% !important;
   max-width: none;
}

.mt-mobile {
   margin-top: 24px;
}

.supply-chain-progress {
   background: #F8F8F8;
   padding: 16px;
   margin-top: 60px;
   white-space: nowrap;
   overflow-x: auto;
}

.supply-chain-progress .grid-prog {
   padding: 16px 0px;
    background: #fff;
    font-size: 14px;
    font-family: 'Tahoma';
font-weight: 700;
    margin-bottom: 24px;
    color: #000000;
    display: grid;
    grid-template-columns: 100%;
    text-align: center;
    align-items: center;
    white-space: nowrap;
    width: 100%;
}
.supply-chain-progress .grid-prog > div{
   white-space: initial;
   margin-bottom: 15px;
}

.supply-chain-progress .grid-prog .list {
   padding: 0 24px;
}

.supply-chain-progress .grid-prog:last-child {
   margin-bottom: 0;
}

.supply-chain-progress .grid-prog .status {
   padding: 10px 16px;
   border-radius: 35px;
   color: #fff;
   margin: 0 24px;
   display: inline-block;
}

.supply-chain-progress .grid-prog .status.achieved {
   background: #79A64E;
}

.supply-chain-progress .grid-prog .status.track {
   background: #FFBE00
}

.complaint-area h2 {
   font-size: 16px;
   color: #000000;
   font-family: 'Arial';
font-weight: 700;
   margin-bottom: 16px;
}

.complaint-area ul li {
   font-size: 14px;
   margin-bottom: 8px;
}

.contact-list {
   font-size: 14px;
   display: block;
   margin-bottom: 8px;
}

.contact-list .title {
   font-family: 'Tahoma';
font-weight: 700;
   margin-right: 16px;
}

.contact-list .ctn {
   font-family: 'Tahoma';
   line-height: 26px;
}

.blok-ctn {
   margin-bottom: 24px;
   background: #FFFFFF;
   padding: 16px 10px;
   font-size: 16px;
   font-family: 'Arial';
font-weight: 700;
   transition: all 0.5s ease-in-out;
   display: flex;
   min-height: 80px;
   align-items: center;
}

.blok-ctn:hover {
   background: #A80A0F;
   color: #fff;
}
.blok-ctn a:hover{
   color:white;
}

#sus-subpages .table th,
#sus-subpages .table td {
   font-size: 14px;
}

.grievance-list .table td {
   font-size: 13px;
   font-family: 'Arial';
   vertical-align: initial !important;
}

#sus-subpages .table td .date {
   margin-bottom: 40px;
}

#sus-subpages .table td .date h6 {
   font-family: 'Arial';
font-weight: 700;
}

 .table td .btn.status {
   font-family: 'Arial';
font-weight: 700;
   display: block;
   border-radius: 35px;
   margin-bottom: 40px;
   width: 100%;
}

 .table td .btn.status.yellow {
   background: #FFBE00;
   color: #000;
}

.table td .btn.status.blue {
   color: #fff;
   background: #83AED3;
}

.table td .btn.status.red {
   background: #DE0E13;
   color: #fff;
}

.info-pages {
   font-size: 16px;
   font-family: 'Tahoma';
font-weight: 700;
   text-align: center;
   margin-top: 120px;
}

.search-area {
   margin-bottom: 32px;
   position: relative;
}

.search-area input {
   border: none;
   border-bottom: 1px solid;
   color: #000000;
   padding: 8px;
   padding-left: 30px;
   width: 100%;
}

.search-area input::placeholder {
   color: #000000;
}

.search-area input::-moz-placeholder {
   color: #000000;
}

.search-area input::-moz-placeholder {
   color: #000000;
}

.search-area i {
   position: absolute;
   top: 10px;
   left: 5px;
}

.assessment {
   margin-top: 24px;
}

.assessment .list {
   margin-bottom: 32px;
}

.assessment .list h6 {
   font-size: 18px;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 16px;
}

.assessment .list p {
   font-size: 14px;
}

.txt-initial {
   text-transform: initial !important;
}

.certi-wrap {
   margin: 40px 0px;
}

.certi-wrap .col-12 {
   padding: 0 30px;
}

.certi-card {
   background: white;
   box-shadow: 9px 17px 54px 0px rgb(187 187 187 / 20%);
   padding: 40px;
   position: relative;
   text-align: center;
   margin-bottom: 30px;
}

.certi-card .see-more {
   background: rgba(0, 0, 0, 0.6);
   opacity: 0;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   transition: all 0.7s ease-in-out;
}

.certi-card:hover .see-more {
   opacity: 1;
}

.certi-card .see-more a {
   opacity: 0;
   font-size: 22px;
   color: #fff;
   font-family: 'Tahoma';
font-weight: 700;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   transition: all 0.7s ease-in-out;
}

.certi-card:hover .see-more a {
   opacity: 1;
}

.d-block {
   display: block;
}

.certi-item {
   text-align: center;
   flex: 0 0 50%;
   max-width: 50%;
   padding: 20px;
}

.certi-item img {
   height: 66px;
   margin-bottom: 24px;
}

.certi-item h6 {
   font-size: 20px;
   color: #000000;
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 8px;
}

.certi-item p {
   font-size: 16px;
   font-family: 'Tahoma';
}

.certi-info {
   font-size: 18px;
   font-family: 'Arial';
font-weight: 700;
   text-align: center;
   max-width: 900px;
   margin: 0 auto;
   margin-top: 60px;
   line-height: 28px;
}

.cdp-area {
   margin-top: 20px;
}

.cdp-area h6 {
   font-size: 18px;
   font-family: 'Tahoma';
font-weight: 700;
   display: block;
   margin-bottom: 16px;
   color: #000000;
}

.cdp-area a {
   font-size: 16px;
   font-family: 'Tahoma';
font-weight: 700;
   display: block;
   margin-bottom: 16px;
}

.owl-sus-report .item .info {
   width:240px;
   padding: 16px 10px;
   text-align: center
}

.owl-sus-report .item .info h6 {
   font-size: 16px;
   font-family: 'Arial';
font-weight: 700;
   margin-bottom: 16px;
   color: #000000
}

.owl-sus-report .item .info a {
   font-size: 16px;
   font-family: 'Arial';
   color: #000000
}

.owl-sus-report .item .info a:hover {
   color: #A80A0F;
}

.owl-sus-report .owl-dots {
   margin-top: 30px;
   width: 100%;
   text-align: center;
}

.owl-sus-report .owl-dot {
   width: 20px;
   height: 20px;
   border-radius: 10px;
   margin: 0px 5px;
}

.owl-sus-report .owl-dot.active {
   border: 1px solid black;
}

.owl-sus-report .owl-dot span {
   width: 4px;
   height: 4px;
   background: black;
   border-radius: 10px;
   margin: auto;
   display: block;
}

#sus-subpages .box-wrap {
   padding: 0px;
}

#sus-subpages .box-wrap .box {
   background: #FFFFFF 0% 0% no-repeat padding-box;
   box-shadow: 0px 10px 20px #0000000A;
   border-radius: 4px;
   padding: 24px;
   text-align: center;
   min-height: 240px;
   margin-bottom: 24px;
}

#sus-subpages .box-wrap .box h4 {
   font-size: 14px;
   font-family: 'Tahoma';
font-weight: 700;
   color: #000000;
   margin-top: 16px;
}

.gar-accourdion .card-body .subhead {
   font-family: 'Tahoma';
font-weight: 700;
   font-size: 18px;
   color: #000000;
   margin-bottom: 24px;
}
.gar-accourdion .card-body a{
   color:#A80A0F !important;
}

.member-list {
   padding: 30px 0;
   border-bottom: 1px solid #9c9c9c;
}

.member-list:last-child {
   border-bottom: unset;
}

.member-list h6 {
   font-size: 20px;
   font-family: 'Arial';
font-weight: 700;
   margin-bottom: 24px;
}
.member-list .img-desc img{
   padding:15px 0px;
}


.box-wrap .box {
   position: relative;   
}

.box-wrap .box .see-more {
   background: rgba(0, 0, 0, 0.6);
   opacity: 0;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   transition: all 0.7s ease-in-out;
}
.box-wrap .box .see-more a {
   
   font-size: 22px;
   color: #fff;
   font-family: 'Tahoma';
font-weight: 700;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   transition: all 0.7s ease-in-out;
}
.box-wrap .box:hover .see-more {
   opacity: 1;
}

.box-wrap .box .see-more span {
   opacity: 0;
   font-size: 22px;
   color: #fff;
   font-family: 'Tahoma';
font-weight: 700;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   transition: all 0.7s ease-in-out;
}

.box-wrap .box:hover .see-more span {
   opacity: 1;
}
.box-wrap .box:hover .see-more span a{
   color:white;
}
.box-wrap .box img{
   height: 100% !important;
    width: 100% !important;
    object-fit: scale-down;
}


@media (min-width: 768px) {
   .member-list h6 {
      font-size: 22px;
      font-family: 'Arial';
font-weight: 700;
   }

   .member-list {
      padding: 20px 0;
   }
   .member-list .img-desc img{
      padding:0;
      width:200px  !important;
      height:auto  !important;
      transition: all 0.7s ease-in-out;
   }
   .member-list:hover .img-desc img{
      transform:scale(1.2);
   }
   

   #sus-subpages .box-wrap {
      padding: 24px;
      padding-top: 0;
   }

   #sus-subpages .box-wrap .box {
      min-height: 275px;
   }

   #sus-subpages .box-wrap .box h4 {
      font-size: 18px;
   }

   .cdp-area h6 {
      font-size: 20px;
   }

   .certi-item {
      text-align: center;
      flex: unset;
      max-width: unset;
      padding: 35px;
   }

   .certi-wrap {
      margin: 4em 20px;
   }

   .certi-card {
      margin-bottom: 0px;
      padding: 60px;
   }

   #sus-subpages section {
      padding: 4em 0
   }

   .assessment .list h6 {
      font-size: 20px;
      font-family: 'Tahoma';
font-weight: 700;
      margin-bottom: 16px;
   }

   .assessment .list p {
      font-size: 16px;
   }

   #sus-subpages .search-area input {
      width: 30%;
   }

   .info-pages {
      font-size: 20px;
   }

   .contact-list {
      font-size: 15px;
      display: grid;
      grid-template-columns: 100px 1fr;
   }

   .complaint-area h2 {
      font-size: 18px;
      color: #000000;
      font-family: 'Arial';
font-weight: 700;
      line-height: 28px;
   }

   .complaint-area ul li {
      font-size: 16px;
   }

   .supply-chain-progress {
      background: #F8F8F8;
      padding: 32px;
      margin-top: 60px;
      white-space: initial;
      overflow-x: scroll;
      text-align: center;
   }

   .supply-chain-progress .grid-prog {
      display: inline-block;
      width: 45%;
      vertical-align: top;
      height: 200px;
      margin: 0px 10px;
   }
   .supply-chain-progress .grid-prog .br-r{

         height: 40px;
   }
   
   


   .mt-mobile {
      margin-top: 0px;
   }

   .mts-60 {
      margin-top: 60px;
   }

   .b-rightdown {
      border-bottom: unset;
      border-right: 1px solid #9A989E;
   }

   .b-rightnone {
      border-right: 1px solid #9A989E;
   }

   .br-card {
      border-top: none;
      border-bottom: none;
      border-left: 1px solid #9A989E;
      border-right: 1px solid #9A989E;
   }

   #sus-pages .table-fire .sortby .form-control {
      margin-bottom: 0;
   }

   #sus-subpages .faq-wrapp .link-faq.mts-50 {
      margin-top: 0px;
   }

   #sus-subpages .img-desc {
      padding: 0 0;
      text-align: center;
   }

   #sus-subpages .d-flex p {
      font-size: 16px;
   }

   .climate-info .list h6 {
      font-size: 22px;
      margin-bottom: 8px;
      color: #000000;
   }

   .climate-info .list p {
      font-size: 18px;
      color: #39393B;
   }
}

.table-lg {
   padding: 0 20px;
   margin: 0 auto;
}

@media (min-width: 576px) {

   .table-lg {
      max-width: 540px;
   }
}

@media (min-width: 768px) {

   .table-lg {
      max-width: 720px;
   }
}

@media (min-width: 992px) {

   .table-lg {
      max-width: 960px;
   }
}

@media (min-width: 1200px) {

   .table-lg {
      max-width: 1240px;
   }
}

/* end: SUSTAINABILITY CLIMATE CHANGE PAGES -------------------------------------------------------- */
.wpforms-field{
   margin-bottom: 10px;;
}
.wpcf7-form label{
   font-family: 'Tahoma';
font-weight: 700;
   font-size: 14px;
}
.wpcf7-form-control{
   font-family: 'Arial';    
    box-shadow: none;
    border: none !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0 !important;
    padding-left: 5px;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.wpcf7-submit {
   font-size: 16px;
    font-family: 'Tahoma';
font-weight: 700;
    padding: 12px;
    border-radius: 0;
    background: #A80A0F;
    border: 0;
    margin-top: 40px;
    color: #fff !important;
}

#paneltable .btn{
   font-family: 'Arial';
font-weight: 700;
    display: block;
    border-radius: 35px;
    width: 100%;
}
#paneltable .btn-primary{
   color: #fff;
    background: #83AED3;
    border:none;
}
#paneltable .btn-success{
   background: #4cae4c;
   color: #fff;
   border:none;
}
#paneltable .btn-danger{
   background: #d9534f;
   color: #fff;
   border:none;
}
#paneltable tbody td{
   font-size: 13px;
    font-family: 'Arial';
    vertical-align: initial !important;
    font-weight: normal;
}
#paneltable thead th{
   font-size:14px !important;
}
#paneltable tbody .btn{
   font-size:10px;
}
#paneltable thead th:nth-child(3){
   min-width: 80px;
}
.aligncenter{
   max-width: 100%;
   clear: both;
    display: block;
    margin: 0 auto 1.75em;
}
img.alignleft{
   float:left;
   margin-right:10px;
   margin-bottom: 10px;
}
.desc a{
   color:#A80A0F !important;
}
.wp-caption-text{
   font-size: 12px;
   text-align: center;
}

#wpdtSimpleTable-1 thead tr:last-of-type td{
   border-top:2px solid white !important;
   border-right:2px solid white !important;
}
#wpdtSimpleTable-2 thead tr:last-of-type td{
   border-top:2px solid white !important;
   border-right:2px solid white !important;
}
#wpdtSimpleTable-1 td,#wpdtSimpleTable-2 td{
   font-size: 14px;
}
#wpdtSimpleTable-3 thead tr:nth-child(2) td{
   border-top:2px solid white !important;
   border-right:2px solid white !important;
}
#wpdtSimpleTable-3 thead tr:last-of-type td{
   border-top:2px solid white !important;
   border-right:2px solid white !important;
}

select{
   -webkit-appearance: menulist;
   border-radius: 0;

}
.br {
   border-right: 1px solid #817F85;
}
#wpdtSimpleTable-8 thead tr:last-of-type td{
   border-top:2px solid white !important;
   border-right:2px solid white !important;
}
#wpdtSimpleTable-8 thead tr:last-of-type td:nth-child(4){
   border-right: none !important;
}
#wpdtSimpleTable-14 thead tr:last-of-type td{
   border-top:2px solid white !important;
   border-right:2px solid white !important;
}
#wpdtSimpleTable-14 thead tr:last-of-type td:last-of-type{
   border-right: none !important;
}
canvas.chartjs{
   max-height: 50vh;
}
table.table td a[data-play-audio]:hover{
   color:#8A0609 !important
}
a[data-play-audio] i{
   font-size:25px;
}
.checkbox-351 .wpcf7-list-item-label{
   margin-left:10px
}
.checkbox-351 .wpcf7-checkbox{
   border :unset !important;
}
.alignright {
   float: right;
   margin: 0.375em 0 1.75em 1.75em;
}
blockquote {
   border-left: 2px solid #ff1920;
   color: #483f2f;
   margin: 0;
   padding: 15px 0 10px 20px;
}

#paneltable_info{
   float: unset;
   display: inline-block;
   font-size: 16px;
    font-family: 'Tahoma';
font-weight: 700;
    text-align: center;
    margin-top: 60px;
}
#paneltable_paginate{
   float: unset;
   display: inline-block;
}
.small-circle {
   height: 25px;
   width: 25px;
   margin: 3px;
   border-radius: 50%;
   display: inline-block;
}
.blue {
   background-color: #59B6CA;
}

.small-circle.red{
   background-color: #F00;
}
.fancybox-custom-layout .fancybox-caption{
   font-family: 'Arial', 'Open Sans', sans-serif;
   color: #39393B;
    font-size: 16px;
}
.fancybox-custom-layout .fancybox-caption h2{
   font-family: 'Tahoma';
font-weight: 700;
   margin-bottom: 25px;
   font-size: 1.5rem;;
}
@media all and (max-width: 799px) {
	
   .fancybox-custom-layout .fancybox-caption {
     position:absolute;
     z-index:9999;
     bottom:0;
     left:0;
     width:100%;
     height:250px;
     background-color:#FFF;
     overflow-y:scroll !important;
     padding: 10px 15px !important;
   }
   
   .fancybox-custom-layout .fancybox-caption-wrap {
     height:250px !important;
      pointer-events: all !important; /* Make text selectable */
     overflow-x:hidden;
     visibility: visible;
     color: black;
     opacity:1;
    }
    .fancybox-custom-layout .fancybox-caption-wrap .fancybox-caption{
      color:black;
    }
    
    .fancybox-caption-wrap h3, .fancybox-caption-wrap b {
       color:#666 !important;
    }
    
     .fancybox-caption-wrap a {
       color:#F00 !important;
       text-decoration:none !important;
    }
    
    .fancybox-custom-layout .fancybox-stage {
      bottom: 200px;
    }
}
@media all and (min-width: 800px) {

   /* Give space around main area */
   .fancybox-custom-layout .fancybox-outer {
     top: 50px;
     left: 50px;
     bottom: 50px;
     right: 50px;
     margin: auto;
     max-width: 1180px;
     max-height: 495px;
     overflow: visible;
     background: #fff;
     box-shadow: 10px 10px 15px rgba(0,0,0,0.3);
     transition: opacity .3s;
   }
 
   /* Make it to fade-out while closing */
   .fancybox-custom-layout.fancybox-is-closing .fancybox-outer {
     opacity: 0;
   }
 
   /* Set color for background element */
   .fancybox-custom-layout .fancybox-bg {
     background: #000;
   }
 
   .fancybox-custom-layout.fancybox-is-open .fancybox-bg {
     opacity: 0.9;
   }
 
   /* Move caption area to the right side */
   .fancybox-custom-layout .fancybox-caption-wrap {
     top: 0;
     right: 44px;
     bottom: 0;
     left: auto;
     width: 356px;
     padding: 0;
     background: #FFF;
     pointer-events: all; /* Make text selectable */
    overflow-x:hidden;
     border-right: 1px solid rgba(255,255,255,.08);
    color:#666 !important;
    visibility: visible;
    opacity: 1;
   }
   
   .fancybox-caption-wrap h3, .fancybox-caption-wrap b {
      color:#666 !important;
   }
   
    .fancybox-caption-wrap a {
      color:#F00 !important;
      text-decoration:none !important;
   }
   /* Adjust content area position */
  .fancybox-custom-layout .fancybox-stage {
   right: 400px;
 }

 /* Remove top border from the caption */
 .fancybox-custom-layout .fancybox-caption {
   padding: 30px 15px;
   border: 0;
 }

 /* Align buttons at the right side  */
 .fancybox-custom-layout .fancybox-toolbar {
   top: 0;
   right: 0;
   bottom: 0;
   left: auto;
   width: 44px;
   background: #333;
   border-left: 1px solid #222;
 }

 /* Remove background from all buttons */
 .fancybox-custom-layout .fancybox-button,
 .fancybox-custom-layout .fancybox-navigation button:before {
   background: transparent;
 }

 /* Change arrow color */
 .fancybox-custom-layout .fancybox-navigation button {
   color: #333 !important;
   padding: 10px;
 }

 /* Reposition arrows */
 .fancybox-custom-layout .fancybox-button--arrow_left {
   left: -60px;
 }

 .fancybox-custom-layout .fancybox-button--arrow_right {
   right: -60px;
 }

 .fancybox-custom-layout.fancybox-show-thumbs .fancybox-button--arrow_right {
   right: -272px;
 }
    
}
[data-role=pagination]{
   margin:auto;
   display: block;
}

#wpdtSimpleTable-3 thead tr td {
  font-size:15px !important;
}

#wpdtSimpleTable-3 tr td {
  font-size:14px !important;
}

#wpdtSimpleTable-4 thead tr td {
  font-size:14px !important;
}

#wpdtSimpleTable-4 tr td {
  font-size:13px !important;
}

#wpdtSimpleTable-5 thead tr td {
  font-size:14px !important;
}

#wpdtSimpleTable-5 tr td {
  font-size:13px !important;
}

#wpdtSimpleTable-6 thead tr td {
  font-size:14px !important;
}

#wpdtSimpleTable-6 tr td {
  font-size:13px !important;
}

/*IPAD Specific style*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
   /* For portrait layouts only */
   #landing #section1 .item {
      width: 100vw;
      height: 40vh;
      background-position: center !important;
      position: relative;
   }

   #landing #section1 {
      min-height: 400px !important;
   }

   #landing #section1 .owl-dots {
      text-align: right;
      padding-right: 10vw;
      bottom: 5vh;
   }

 }
 
 @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
   /* For landscape layouts only */
   #landing #section1 .item {
      width: 100vw;
      height: 60vh;
      background-position: center !important;
      position: relative;
   }

   #landing #section1 {
      min-height: 450px !important;
   }

   #landing #section1 .item .float {
      display: none !important;
   }

   #landing #section1 .owl-dots {
      text-align: right;
      padding-right: 10vw;
      bottom: 5vh;
   }

   #landing #section1 .item .text h2 {
      /*font-size: 40px;*/
      font-size: calc( 30px + 15 * ((100vw - 740px) / 2240));
      margin: 0;
   }

   #landing #section1 .item .text h3 {
      /*font-size: 24px;*/
      font-size: calc( 20px + 10 * ((100vw - 320px) / 2240));
      margin: 0;
   }

   #landing #section1 .item .text p {
      /*font-size: 14px;*/
      font-size: calc( 10px + 5 * ((100vw - 320px) / 2240));
      line-height: 22px;
   }

 }

 @media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .btn-red-reg{
      top:0;
    }
}

.hidethis{
   display:none!important;
   
}

.vague{
   color:#f7f6f2;
   font-size:14px;
}

.crs-item-border{
   border:solid 1px #333 !important;
   box-shadow: 3px 4px #DBDBDB;
   padding:5px 3px;
   min-height: 200px !important;
}

.crs-item-title b{
   font-size:13px !important;
   height: auto;
   min-height: 80px !important;
}

.crs-item-content {
   font-size:11px !important;

}

#wpdtSimpleTable-3{
   margin-bottom: 60px !important;
}

.tf-style th, .tf-style td {
	font-size: 14px !important;
}

.red-sticky{
   margin: 0;
   position: fixed;
   right: -42px;
   top: 230px;
   width:auto;
   min-width: 100px;
   padding:5px 10px;  
   z-index: 1100;
   background-color: #DE0E13;
   color:#FFF;
   transform: rotate(-90deg);
}

.wp-caption{
      width: 100% !important;
      text-align:center !important;
 }

 .ir-icons-wrap{
    margin:8px 10px;
 }

 .ir-items{
    display: flex;
    align-items: center;
 }

 .ir-items h6{
    font-size: 16px !important;
    color: #000000;
    font-family: 'Arial';
font-weight: 700;
 }

 .ir-icon-row{
    margin: 8px 0;
 }

span.wpcf7-form-control-wrap {
    font-size: 16px !important;
}

input.wpcf7-form-control.wpcf7-mathcaptcha {
    width: 50px !important;
    display: inline-block;
}

.post-subheading{
   font-size: 18px !important; 
   font-family: 'Tahoma';
   font-weight: 700; 
   margin-top: 24px;
}

.btn-open-answer{
   border: none;
   padding: 10px;
   border-radius: 10px;
   font-size: 20px;
   width: 50%;
}

.btn-answer-myth{
   background-color: #ffffff;
   color: #c00000;
   outline: 5px auto #c00000;
}

.btn-answer-myth:hover{
   background-color: #c00000;
   color: #ffffff;
   outline: 5px auto #c00000;
}

.btn-answer-myth:focus{
   background-color: #c00000;
   color: #ffffff;
   outline: 5px auto #c00000;
}

.btn-answer-fact{
   background-color: #ffffff;
   color: #008000;
   outline: 5px auto #008000;
}

.btn-answer-fact:hover{
   background-color: #008000;
   color: #ffffff;
   outline: 5px auto #008000;
}

.btn-answer-fact:focus{
   background-color: #008000;
   color: #ffffff;
   outline: 5px auto #008000;
}

.btn-oleo {
   display: flex; 
   width: 100%; 
   padding: 5px
}

.gar-accourdion .card-body .btn-oleo {
   color: #000 !important;
}

.gar-accourdion .card-body .btn-oleo:hover {
   color: #fff !important;
}

.btn-oleo-tosca {
   border: 1px solid #00a5a1;
}

.btn-oleo-mustard {
   border: 1px solid #ebad0c;
}

.btn-oleo-tosca:hover {
   background-color: #00a5a1;
   color: white;
}

.btn-oleo-mustard:hover {
   background-color: #ebad0c;
   color: white;
}

.btn-oleo-icon {
   display: flex; 
   align-items: center;
}

.btn-oleo-icon-container {
   width: 40px; 
   height: 40px;
   padding: 5px;
}

.btn-oleo-icon-container-tosca {
   background-color: #00a5a1;
}

.btn-oleo-icon-container-mustard {
   background-color: #ebad0c;
}

.btn-oleo-icon-container img {
   width:100%; 
   height: auto;
}

.btn-oleo-text {
   padding-left: 5px;
   display: flex;
   align-items: center;
}

.custom-subtitle-banner {
   width: 50vw;
   display: block;
}

.custom-subtitle-banner-2 {
   width: 50vw;
   display: block;
}

.custom-subtitle-banner-3 {
   width: 65vw;
   display: block;
}

.custom-subtitle-banner-4 {
   display: block;
}

.custom-subtitle-banner-5 {
   width: 50vw;
   display: block;
}

.custom-subtitle-banner-6 {
   width: 65vw;
   display: block;
}

@media (min-width: 1024px) {
   .custom-subtitle-banner {
      width: 42vw;
      display: block;
   }

   .custom-subtitle-banner-2 {
      width: 391px;
   }

   .custom-subtitle-banner-3 {
      width: 42vw;
      display: block;
   }

   .custom-subtitle-banner-4 {
      width: 400px;
   }

   .custom-subtitle-banner-5 {
      width: 400px;
   }

   .custom-subtitle-banner-6 {
      width: 100%;
   }
}

@media (min-width: 1441px) {
   .custom-subtitle-banner-2 {
      /* width: initial; */
      width: 391px;
   }
}

.trivia-box {
   border-radius: 15px; 
   background-color: #a80a0f; 
   color: #fff;
   margin: 0 auto;
}

.trivia-box a {
   color: #fff!important; 
   font-weight: bold; 
   text-decoration: underline;
}

/*
.trivia-box-fact {
   border-radius: 15px; 
   background-color: #a80a0f; 
   color: #fff;
   padding: 10px 10px;
   margin: 0 auto;
}

.trivia-box-fact a {
   color: #fff!important; 
   font-weight: bold; 
   text-decoration: underline;
}
*/

.story-ellipsis {
   border-bottom: 1px dashed black; 
   width: 150px;
}

.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.dyk-v2-btn {
   border: none;
   padding: 1rem;
   width: 100%;
   background-color: #fff;
   color: #c00000;
   border-radius: 10px;
   font-size: inherit;
   height: 100%;
   font-weight: bold;
   border: 1px solid #c00000;
}

.dyk-v2-btn:hover {
   background-color: #c00000;
   color: #fff;
}

.dyk-v2-btn:focus {
   outline: 1px solid red;
}

.dyk-v2-answer {
   border: 1px solid;
}

.dyk-v2-answer-status {
   font-size: 1.25rem;
}

.dyk-v2-status-correct {
   color: green;
}

.dyk-v2-status-incorrect {
   color: red;
}

.trivia-flip-statement {
   font-size: 17px;
   font-weight: bold;
   font-style: italic;
   text-align: center;
}

.trivia-flip-statement i {
   font-style: initial;
}

.trivia-filp-row {
   max-width: 500px;
   margin: auto;
}

.trivia-flip-col {
   padding: 0;
}

@media (min-width: 768px) {
   .trivia-flip-col {
      padding-left: 15px;
      padding-right: 15px;
   }
}

.trivia-flip-container {
   perspective: 1000px;
   width: 100%;
   height: 300px;
   padding: 0 10px 0;
   margin-top: -1.5rem;
   margin-bottom: 1rem;
   display: inline-block;
}

.trivia-flip {
   width: 100%;
   height: 100%;
   position: relative;
   transform-style: preserve-3d;
   transition: transform 1s;
}

.trivia-flip-inner {
   position: absolute;
   width: 100%;
   height: 100%;
   transform-style: preserve-3d;
   transition: transform 1s;
}

.trivia-flip-front,
.trivia-flip-back {
   position: absolute;
   width: 100%;
   height: 100%;
   backface-visibility: hidden;
   border-radius: 5px;
}

.trivia-flip-front {
   background: #A80A0F;
   color: #fff;
   border: 1px solid #A80A0F;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
}

.trivia-flip-front:hover {
   /* background: #fff;
   color: #A80A0F;
   border: 1px solid #A80A0F; */
   filter: brightness(0.9);
}

.trivia-flip-back {
   background: #A80A0F;
   color: #fff;
   transform: rotateY(180deg);
   display: flex;
   justify-content: center;
   align-items: center;
}

.trivia-flip-inner.flipped {
   transform: rotateY(180deg);
}

.trivia-flip-expanation {
   text-align: center;
   padding: 5px;
}

.trivia-flip-expanation a {
   color: white;
   font-weight: bold;
}

.trivia-flip-expanation a:hover {
   color: white;
   text-decoration: underline;
}

@media (min-width: 768px) {
   .trivia-flip-expanation {
      padding: 20px;
   }
}

.storyfaq {
   padding: 2rem 2rem 0;
   border: 1px solid #A80A0F;
   border-radius: 10px
}

.storyfaq-container {
   display: flex;
   flex-direction: column;
   gap: 0;
}

.storyfaq-item {
   display: flex;
   align-items: flex-start;
   gap: 0;
}

.storyfaq-number {
   font-weight: bold;
   font-size: 1em;
   width: 30px;
}

.storyfaq-content {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-basis: 0;
}

.storyfaq-question {
   font-size: 1em;
   font-weight: bold;
}

.storyfaq-answer {
   font-size: 1em;
   margin-top: 5px;
}

.story-tab .nav-tabs .nav-link.active,
.story-tab .nav-tabs .nav-item.show .nav-link,
.story-htab .nav-tabs .nav-link.active,
.story-htab .nav-tabs .nav-item.show .nav-link {
   color: #fff;
   background-color: #8A0609;
}

.story-tab .nav-tabs .nav-link,
.story-htab .nav-tabs .nav-link {
   border: 1px solid #dee2e6;
   font-weight: bolder;
}

.story-tab .tab-content,
.story-htab .tab-content {
   border: 1px solid #dee2e6;
}

.story-htab .tab-content {
   border-left: 1px solid #dee2e6;
}

@media (min-width: 768px) {
   .story-htab .tab-content {
      border-left: none;
   }
}

.story-htab.hv1 {
   height: 1022px;
}

@media (min-width: 768px) {
   .story-htab.hv1 {
      height: 537px;
   }

   .story-htab.hv2 {
      height: 659px;
   }

   .story-htab.hv3 {
      height: 743px;
   }

   .story-htab.hv4 {
      height: 780px;
   }

   .story-htab.hv5 {
      height: 880px;
   }
}

.story-htab .nav-tabs {
   height: 100%;
}

.story-htab .nav-tabs .nav-item {
   flex: 1 1 auto;
}

.story-htab .nav-tabs .nav-link {
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.story-htab .nav-tabs.wrap-2-col-sm {
   flex-wrap: wrap;
}

.story-htab .nav-tabs.wrap-2-col-sm .nav-item  {
   flex: 0 0 50%;
}

@media (min-width: 768px) {
   .story-htab .nav-tabs.wrap-2-col-sm .nav-item  {
      flex: 1 1 auto;
   }
   
   .story-htab .nav-tabs .nav-link {
      justify-content: start;
   }
}

.story-htab.tab-border-red .nav-tabs .nav-link.active {
   background-color: #fff;
   border: 1px solid red;
}

.story-htab.bg-platinum .nav-tabs .nav-link.active {
   color: #fff;
   background-color: #e8e8e8;
}

.story-htab.tab-border-red .nav-tabs .nav-link img, .story-htab.bg-platinum .nav-tabs .nav-link img {
   margin: auto;
}

.story-htab.tab-border-red .nav-tabs .nav-link:not(.active) img {
   opacity: 0.2;
}

.story-htab.tab-border-red .nav-tabs.three-items .nav-link, .story-htab.bg-platinum .nav-tabs.three-items .nav-link {
   padding: 0;
}

.story-htab.tab-border-red .nav-tabs.three-items .nav-link img, .story-htab.bg-platinum .nav-tabs.three-items .nav-link img {
   width: 90px !important;
}

@media (min-width: 768px) {
   .story-htab.tab-border-red .nav-tabs.three-items .nav-link, .story-htab.bg-platinum .nav-tabs.three-items .nav-link {
      padding: 0.5rem 1rem;
   }
   .story-htab.tab-border-red .nav-tabs.three-items .nav-link img, .story-htab.bg-platinum .nav-tabs.three-items .nav-link img {
      width: auto !important;
   }
}

.font-tahoma {
   font-family: 'Tahoma';
}

.font-tahoma-bold {
   font-family: 'Tahoma';
font-weight: 700;
}

.bg-red-color-white {
   background-color: #A80A0F;
   color: #fff !important;
}

.table.story-table-nobold td {
   font-family: 'Arial';
   color: #39393B;
}

.fancybox-slide .fancybox-image-wrap {
   background-color: #fff;
}

.modal-body .table td {
   font-weight: 400;
}

.story-arrow-container {
   position: relative;
   margin: 75px auto;
   transition: all 0.3s ease;
}

.story-arrow-container.responsive {
   width: 100%;
   height: 10px;
   background-repeat: repeat-x;
   background-position: center;
   background-size: 10px 2px;
   background-image: linear-gradient(to right, red 50%, transparent 50%);
}

.story-arrow-container.responsive::after {
   content: "";
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
   border-top: 5px solid transparent;
   border-bottom: 5px solid transparent;
   border-left: 8px solid red;
}

.story-arrow-container.left {
   width: 100%;
   height: 10px;
   background-repeat: repeat-x;
   background-position: center;
   background-size: 10px 2px;
   background-image: linear-gradient(to left, red 50%, transparent 50%);
}

.story-arrow-container.left::after {
   content: "";
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   border-top: 5px solid transparent;
   border-bottom: 5px solid transparent;
   border-right: 8px solid red;
}

@media (max-width: 768px) {
   .story-arrow-container {
      margin: 0px auto;
   }

   .story-arrow-container.responsive,
   .story-arrow-container.left {
      width: 10px;
      height: 100px;
      background-repeat: repeat-y;
      background-size: 2px 10px;
      background-image: linear-gradient(to bottom, red 50%, transparent 50%);
   }

   .story-arrow-container.responsive::after,
   .story-arrow-container.left::after {
      top: auto;
      right: auto;
      left: 50%;
      bottom: 0;
      transform: translateX(-50%);
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 8px solid red;
      border-bottom: none;
   }
}

.story-arrow-container.vertical {
   width: 10px;
   height: 100px;
   background-repeat: repeat-y;
   background-position: center;
   background-size: 2px 10px;
   background-image: linear-gradient(to bottom, red 50%, transparent 50%);
   margin: 0 auto;
}

.story-arrow-container.vertical::after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-top: 8px solid red;
}

/*START OF SR STYLE*/
.sr-desc a {
    transition: all 0.3s ease-in-out;
    color: #8A0609 !important;
}

.sr-desc a:hover {
    color: #DE0E13;
}

@font-face {
   font-family: 'PoppinsReg';
   src: url('../fonts/Poppins-Regular.ttf') format('truetype');
   font-display: swap;
}

@font-face {
   font-family: 'PoppinsMed';
   src: url('../fonts/Poppins-Medium.ttf') format('truetype');
   font-display: swap;
}

@font-face {
   font-family: 'PoppinsSemBold';
   src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
   font-display: swap;
}

@font-face {
   font-family: 'PoppinsLight';
   src: url('../fonts/Poppins-Light.ttf') format('truetype');
   font-display: swap;
}

.sr-container {
   font-family: 'PoppinsReg', Arial, Helvetica, sans-serif;
   font-size: 15px;
}

.sr-h2 {
   font-family: 'PoppinsReg', Arial, Helvetica, sans-serif;
   font-size: 24px
}

.sr-h2 .sr-h2-bold {
   font-family: 'PoppinsSemBold', Arial, Helvetica, sans-serif;
}

.sr-h3 {
   font-family: 'PoppinsSemBold', Arial, Helvetica, sans-serif;
   font-size: 15px;
   min-height:50px;
}

.bg-gray95 {
   background-color: #f2f2f2;
}

.sr-quote {
   font-family: 'PoppinsReg', Arial, Helvetica, sans-serif;
   padding: 20px;
   font-size: 21px;
   color: gray;
   border-left: 2px solid #A80A0F;
   padding-right: 0;
}

.sr-quote strong {
    font-size: 21px !important;
    font-weight: bold;
}

.sr-quote-name {
   font-family: 'PoppinsLight', Arial, Helvetica, sans-serif;
   font-size: 1rem;
   padding-left: 27px;
}

.sr-number-text {
   padding: 0;
   padding-top: 1rem;
}

.sr-number-value {
   font-size: 60px;
   margin-bottom: 0;
   line-height: 1;
}

.sr-number-label {
   font-size: 15px;
   margin-bottom: 0;
}

.sr-wrapsection{
   padding: 8px 12px;
   border-radius: 10px;
   box-shadow: #ddd 1px 1px 5px;
   height: auto;
   min-height: 200px;
}

.sr-chapter-group {
   padding: 0.8rem;
}

.sr-checkbox-group {
   display: flex;
   align-items: top;
   font-size: 14px;
   gap: 6px;
}

.sr-checkbox-input {
   width: 15px !important;
   height: 15px !important;
   accent-color: #A80A0F;
   cursor: pointer;
}

.sr-checkbox-label {
   cursor: pointer;
   line-height: 1.3 !important;
}

.btn-slide-container {
   display: inline-block;
   /* Change to inline-block to fit content */
   min-width: 180px;
   /* Use min-width instead of fixed width */
   max-width: none;
   /* Remove max-width restriction */
}

.btn-slide-container button{
   border: none !important;
   background-color:transparent;
   padding: 0;
}

.btn-slide-container button:focus,
.btn-slide-container button:active,
.btn-slide-container button:focus-visible {
  border: none !important;
  outline: none !important;
}

.btn-slide-container button::after{
   border: none !important;
}

.btn-download-slide {
   display: inline-block;
   /* Change to inline-block to fit content */
   position: relative;
   overflow: hidden;
   height: 35px;
   box-shadow: #9c9c9c 3px 1px 6px;
   background-color: #FFF;
   margin-bottom:10px;
}

a.btn-download-slide {
   font-family: 'PoppinsReg';
   font-size: 14px !important;
   display: inline-block;
   /* Ensure the link behaves like a block element */
}

.btn-slide-text {
   position:relative;
   top:-22px;
   left: -12px;
   margin: 0 12px;
   transition: 0.5s;
}

.btn-slide-text:hover {
   color: #fff !important;
}

.btn-slide-text-standalone {
   position:relative;
   left: -12px;
   margin: 0 12px;
   transition: 0.5s;
}

.btn-slide-text-standalone:hover {
   color: #fff !important;
}

.btn-download-slide:hover {
   color: #fff !important;
}

.btn-download-slide::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100lh;
   height: 100vh;
   background-color: #A80A0F;
   transform: translate(-100%, 0);
   transition: 0.5s;
}

.btn-download-slide:hover::before {
   transform: translate(-50%, 0);
   width: 100lh;
   transition: 1.2s;
}

.btn-slide-text i {
   font-size: 15px;  
   color: #fff !important;
   text-align: center !important;
   width: 40px;
   height: 100vh;
   background-color: #A80A0F;
   padding-top: 10px;
   margin-right: 5px;
}

.btn-slide-text-standalone i {
   font-size: 15px;  
   color: #fff !important;
   text-align: center !important;
   width: 40px;
   height: 100vh;
   background-color: #A80A0F;
   padding-top: 10px;
   margin-right: 5px;
}

.slide-sr .item {
   width: 100% !important;
   min-height: 310px;
   padding: 15px !important;
}

.slide-sr .owl-nav {
   position: absolute;
   top: -20px;
   right: 0;
   font-size: 20px;
   display: flex;
   justify-content: space-between;
   width: 105px;
   line-height: 22px;
   top: 50%;
   width: 100%;
   transform: translateY(-50%);
   pointer-events: none;
}

.slide-sr .owl-nav button {
   height: 40px;
   width: 40px;
   background: #A80A0F;
   border-radius: 50%;
   box-shadow: 0px 3px 17px #b7b7b738;
}

.slide-sr .owl-nav button:hover {
   background: #FFF !important;
   color: #A80A0F;
}

.slide-sr .owl-nav button.owl-prev {
   left: -50px;
   position: relative;
   pointer-events: initial;
}

.slide-sr .owl-nav button.owl-next {
   right: -65px;
   position: relative;
   pointer-events: initial;
}

.slide-sr .owl-dots {
   text-align: center;
   margin-top: 10px;
}

.slide-sr .owl-dot {
   display: inline-block;
   margin: 0 5px;
   width: 10px;
   height: 10px;
   background-color: #afabab !important;
   border: solid 1px #666 !important;
   border-radius: 50%;
}

.slide-sr .owl-dots .active {
   background-color: #A80A0F !important;
   width: 10px;
   height: 10px;
   color: #A80A0F;
}

.slide-sr .owl-dots button {
   border: none;
   outline: none;
}

.slide-sr .owl-dots button:focus {
   border: none;
   outline: none;
}

.slide-sr .owl-dots .active button {
   border: 1px solid #A80A0F;
   outline: 1px solid #A80A0F;
}

.slide-sr .owl-dots .active button:focus {
   border: 1px solid #A80A0F;
   outline: 1px solid #A80A0F;
}

.sr-dse-box {
   border: 2px solid white;
   border-radius: 15px;
   padding: 0 !important;
   box-shadow: 3px 6px 6px #DDD;
}

.sr-dse-img{
   border-radius: 15px;
   overflow: hidden;
}

.sr-dse-img img{
   width: 100%;
   border-radius: 15px;
   min-height: 265px;
   object-fit:cover;
   transition: all 1s ease-in-out;
}

.sr-dse-img:hover img{
   transform: scale(1.2);
}

@media (max-width:767px) {
   .sr-dse-box{
      margin: 0 auto;
      margin-top: 15px;
   }

   .sr-dse-img{
      width: 100% !important;
      margin: 8px 8px;
   }

   .slide-sr .item {
      padding: 0 !important;
   }

}
/*END of DMA style*/

/*Slide hl*/
.slide-hl .item {
   width: 100% !important;
   min-height: 180px;
   padding: 15px !important;
}

.slide-hl .owl-nav {
   position: absolute;
   top: -20px;
   right: 0;
   font-size: 20px;
   display: flex;
   justify-content: space-between;
   width: 105px;
   line-height: 22px;
   top: 50%;
   width: 100%;
   transform: translateY(-50%);
   pointer-events: none;
}

.slide-hl .owl-nav button {
   height: 40px;
   width: 40px;
   background: #A80A0F;
   border-radius: 50%;
   box-shadow: 0px 3px 17px #b7b7b738;
}

.slide-hl .owl-nav button:hover {
   background: #FFF !important;
   color: #A80A0F;
}

.slide-hl .owl-nav button.owl-prev {
   left: -50px;
   position: relative;
   pointer-events: initial;
}

.slide-hl .owl-nav button.owl-next {
   right: -65px;
   position: relative;
   pointer-events: initial;
}

.slide-hl .owl-dots {
   text-align: center;
   margin-top: 10px;
}

.slide-hl .owl-dot {
   display: inline-block;
   margin: 0 5px;
   width: 10px;
   height: 10px;
   background-color: #afabab !important;
   border: solid 1px #666 !important;
   border-radius: 50%;
}

.slide-hl .owl-dots .active {
   background-color: #A80A0F !important;
   width: 10px;
   height: 10px;
   color: #A80A0F;
}

.slide-hl .owl-dots button {
   border: none;
   outline: none;
}

.slide-hl .owl-dots button:focus {
   border: none;
   outline: none;
}

.slide-hl .owl-dots .active button {
   border: 1px solid #A80A0F;
   outline: 1px solid #A80A0F;
}

.slide-hl .owl-dots .active button:focus {
   border: 1px solid #A80A0F;
   outline: 1px solid #A80A0F;
}
/*end of slide sl*/

/*Slide kh*/
.slide-kh .item {
   width: 100% !important;
   min-height: 280px;
   padding: 15px !important;
}

.slide-kh .owl-nav {
   position: absolute;
   top: -20px;
   right: 0;
   font-size: 20px;
   display: flex;
   justify-content: space-between;
   width: 105px;
   line-height: 22px;
   top: 50%;
   width: 100%;
   transform: translateY(-50%);
   pointer-events: none;
}

.slide-kh .owl-nav button {
   height: 40px;
   width: 40px;
   background: #A80A0F;
   border-radius: 50%;
   box-shadow: 0px 3px 17px #b7b7b738;
}

.slide-kh .owl-nav button:hover {
   background: #FFF !important;
   color: #A80A0F;
}

.slide-kh .owl-nav button.owl-prev {
   left: -50px;
   position: relative;
   pointer-events: initial;
}

.slide-kh .owl-nav button.owl-next {
   right: -65px;
   position: relative;
   pointer-events: initial;
}

.slide-kh .owl-dots {
   text-align: center;
   margin-top: 10px;
}

.slide-kh .owl-dot {
   display: inline-block;
   margin: 0 5px;
   width: 10px;
   height: 10px;
   background-color: #afabab !important;
   border: solid 1px #666 !important;
   border-radius: 50%;
}

.slide-kh .owl-dots .active {
   background-color: #A80A0F !important;
   width: 10px;
   height: 10px;
   color: #A80A0F;
}

.slide-kh .owl-dots button {
   border: none;
   outline: none;
}

.slide-kh .owl-dots button:focus {
   border: none;
   outline: none;
}

.slide-kh .owl-dots .active button {
   border: 1px solid #A80A0F;
   outline: 1px solid #A80A0F;
}

.slide-kh .owl-dots .active button:focus {
   border: 1px solid #A80A0F;
   outline: 1px solid #A80A0F;
}
/*end of slide kh*/
.sr-cover-rounded {
   width: 100%;
   border-radius: 15px;
   box-shadow: 3px 6px 6px #666;
}

.sr-cover-rounded img{
   width: 100%;
   border-radius: 15px;
   min-height: 250px;
   object-fit:cover;
}

.owl-sr-report-new{
   position:relative
}

.owl-sr-report-new .srinfo{
   text-align: center !important;
   padding:4px 5px;
   margin: 8px 0;
}

.owl-sr-report-new .srinfo h6{
   font-size: 18px !important;
   margin: 12px 0;
}

.owl-sr-report-new .owl-nav {
   position: absolute;
   top: -20px;
   right: 0;
   font-size: 20px;
   display: flex;
   justify-content: space-between;
   width: 105px;
   line-height: 22px;
   top: 50%;
   width: 100%;
   transform: translateY(-50%);
   pointer-events: none;
}

.owl-sr-report-new .owl-nav button {
   height: 40px;
   width: 40px;
   background: #A80A0F;
   border-radius: 50%;
   box-shadow: 0px 3px 17px #b7b7b738;
}

.owl-sr-report-new .owl-nav button:hover {
   background: #FFF !important;
   color: #A80A0F;
}

.owl-sr-report-new .owl-nav button.owl-prev {
   left: -50px;
   position: relative;
   pointer-events: initial;
}

.owl-sr-report-new .owl-nav button.owl-next {
   right: -65px;
   position: relative;
   pointer-events: initial;
}

.owl-sr-report-new .owl-dots {
   text-align: center;
   margin-top: 10px;
}

.owl-sr-report-new .owl-dot {
   display: inline-block;
   margin: 0 5px;
   width: 10px;
   height: 10px;
   background-color: #afabab !important;
   border: solid 1px #666 !important;
   border-radius: 50%;
}

.owl-sr-report-new .owl-dots .active {
   background-color: #A80A0F !important;
   width: 10px;
   height: 10px;
   color: #A80A0F;
}

.owl-sr-report-new .owl-dots button {
   border: none;
   outline: none;
}

.owl-sr-report-new .owl-dots button:focus {
   border: none;
   outline: none;
}

.owl-sr-report-new .owl-dots .active button {
   border: 1px solid #A80A0F;
   outline: 1px solid #A80A0F;
}

.owl-sr-report-new .owl-dots .active button:focus {
   border: 1px solid #A80A0F;
   outline: 1px solid #A80A0F;
}

/*SR highlights block*/
.srnews-wrapp .srnews-card {
   position: relative;
   border: solid 2px #FFF;
   border-radius: 20px !important;
   padding: 15px 15px;
   box-shadow: 4px 3px 12px #DDD;
}

.srnews-wrapp .srnews-card:hover {
   background: #A80A0F;
   transition: all 0.7s ease-in-out;
}

.srnews-wrapp .srnews-card .srinfo {
   padding: 5px;
}

.srnews-wrapp .srnews-card .srimg-area img {
   border-radius: 10px !important;
   height: 228px;
   width: 100%;
   object-fit: cover;
   transition: all 1s ease-in-out;
}

.srnews-wrapp .srnews-card .srimg-area {
   overflow: hidden;
   border-radius: 10px !important;
}

.srnews-wrapp .srnews-card:hover .srimg-area img {
   transform: scale(1.2);
}

.srnews-wrapp .srnews-card:hover .srinfo {  
   color: #fff;
   transition: all 0.7s ease-in-out;
}

.srnews-wrapp .srnews-card:hover .srdownload {
   color: #fff;
   transition: all 0.7s ease-in-out;
}

.srnews-wrapp .srnews-card .link {
   color: #8A0609;
}

.srnews-wrapp .srnews-card:hover .link {
   color: #fff;
   transition: all 0.7s ease-in-out;
}

.srnews-wrapp .srnews-card .srkategori {
   font-family: 'Tahoma';
   font-size: 11px;
   margin-top: 10px;
   margin-bottom: 10px;
}

.srnews-wrapp .srnews-card:hover .srkategori {
   color: #fff !important;
   transition: all 0.7s ease-in-out;
}

.srnews-wrapp .srnews-card .srcategories {
   font-family: 'Tahoma';
   font-size: 12px;
   margin-top: 10px;
   margin-bottom: 10px;
}

.srnews-wrapp .srnews-card .srtitle {
    font-family: 'Tahoma';
font-weight: 700;
    font-size: 15px;
    margin-bottom: 10px;
    min-height: 52px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    line-height: 16px;
}

.srnews-wrapp .srnews-card:hover .srtitle {
   color: #fff;
}

.srnews-wrapp .srnews-card .srmeta-date {
   font-family: 'Arial';
   font-size: 12px;
}

.srnews-wrapp .srnews-card:hover .srmeta-date {
   color: #fff;
}

.srnews-wrapp .srnews-card .srdownload {
   font-family: 'Arial';
font-weight: 700;
   font-size: 12px;
   color: #9A989E;
}

.srnews-wrapp .srnews-card .srlink {
   font-family: 'Tahoma';
font-weight: 700;
   font-size: 13px;
}

.srcategory-wrap {
   padding: 30px 25px;
   background: #fff;
   margin-top: 50px;
}
/*END OF SR STYLE*/

@media (max-width:767px) {
   .sf-3pillars-mobile {
      width: calc(100% + 8rem);
      margin-left: -4rem;
   }
}

@media (min-width: 768px) {
    .product-filter-banner img {
        height: 550px;
    }
}

.new-font-style,
.new-font-style .breadcrumb,
.new-font-style .desc-pages {
   font-family: 'PoppinsReg', Arial, Helvetica, sans-serif;
}

.new-font-style .banner-gar .info h1,
.new-font-style .breadcrumb>li:last-of-type,
.new-font-style .title-pages,
.new-font-style .gar-accourdion .gar-head .title a,
.new-font-style .contact-gar h4,
.new-font-style .btn {
   font-family: 'PoppinsSemBold', Arial, Helvetica, sans-serif;
   font-weight: 400;
}

.new-font-style h1,
.new-font-style h2,
.new-font-style h3,
.new-font-style h4 {
   font-family: 'PoppinsSemBold', Arial, Helvetica, sans-serif;
   font-weight: 400;
}

.faq-cat {
   font-size: 20px;
   color: #000000;
   font-family: 'PoppinsSemBold', Arial, Helvetica, sans-serif;
   margin-bottom: 24px;
   margin-top: 50px;
}

.new-font-style .gar-accourdion {
   border-radius: 8px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.new-font-style .gar-accourdion .gar-head {
   padding: 10px 30px;
}

.new-font-style .gar-accourdion .gar-heads.show {
   background: #A80A0F;
}

.new-font-style .gar-accourdion .gar-head.show .title a, .new-font-style .gar-accourdion .gar-head.show .title .link {
   color: #fff;
}

.new-font-style .contact-gar {
   margin-top: 30px;
   text-align: left;
}

.new-font-style .faq-head.selected {
   background: #A80A0F;
   color: #fff;
}

.new-font-style .gar-accourdion .gar-head.selected .title a {
   color: #fff;
}

.element-search-input {
   width:100%;
   padding:8px;
   margin-bottom:10px;
   border:1px solid #ccc;
   border-radius:4px;
}

.sdp-button {
   padding:10px 20px;
   border-radius:5px;
}

@media (min-width: 768px) {
   .new-font-style .section-h1 {
      font-size: 4.5rem;
      font-family: 'PoppinsSemBold', Arial, Helvetica, sans-serif;
      font-weight: 400;
   }
}

.new-font-style .section-title {
   font-family: 'PoppinsLight', Arial, Helvetica, sans-serif;
   font-size: 29px;
   line-height: 1.2;
}

@media (min-width: 768px) {
   .new-font-style .section-title {
      font-size: 47px;
   }
}

@media (min-width: 1400px) {
   .new-font-style .section-title {
      font-size: 50px;
   }
}

.new-font-style .section-desc {
   font-family: 'PoppinsReg', Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 1.2;
}

@media (min-width: 768px) {
   .new-font-style .section-desc {
      font-size: 18px;
   }
}

.mwtn-1 {
   max-width: 930px;
}

.lfu-wrapp .news-card {
   box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

.lfuc-featured {
   display: flex;
   flex-wrap: wrap;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   border: none;
   border-radius: 8px;
   overflow: hidden;
   background: #fff;
   margin-bottom: 50px;
}

.lfuc-featured img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.lfuc-featured .img-col {
   flex: 1 1 70%;
   min-height: 250px;
}

.lfuc-featured .content-col {
   flex: 1 1 30%;
   padding: 30px;
}

.meta {
   color: #999;
   font-size: 0.9rem;
}

.lfuc-featured h4 {
   font-weight: 700;
   margin-top: 10px;
   margin-bottom: 15px;
}

.lfuc-featured p {
   margin-bottom: 0;
   color: #333;
}

.lfup-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  border: none;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  background: #fff;
  transition: transform 0.2s ease;
}

.lfup-card:hover {
  transform: translateY(-3px);
}

.lfup-card img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

.lfup-card .card-body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
  padding: 15px 20px;
}

.lfup-card small {
  color: #999;
  font-size: 0.85rem;
}

.lfup-card h6 {
  font-weight: 700;
  margin-top: 5px;
  margin-bottom: 0;
  line-height: 1.4;
}

.lfup-card a {
  text-decoration: none;
  color: #000;
}

.story-tag-list {
   font-size: 14px;
}

.btn-filter-pagination:disabled, .btn-filter-pagination.disabled {
   color: #c8c8c8 !important;
   box-shadow: none;
}

.btn-filter-pagination:not(:disabled):not(.disabled):hover {
   color: #A80A0F !important;
}

.new-font-style .btn-filter-pagination {
    font-size: 14px !important;
}

@media (min-width: 768px) {
   .new-font-style .btn-filter-pagination {
      font-size: 16px !important;
   }
}

.new-font-style .pagination {
    justify-content: center;
}

.custom-buttons.hoverable .icon-whatsapp {
   background-image: url('https://www.goldenagri.com.sg/wp-content/uploads/2025/07/gpi_icon_whatsapp.svg');
}

.custom-buttons.hoverable:hover .icon-whatsapp {
   background-image: url('https://www.goldenagri.com.sg/wp-content/uploads/2025/12/gpi_icon_whatsapp_white.svg');
}

.custom-buttons.hoverable .icon-envelope {
   background-image: url('https://www.goldenagri.com.sg/wp-content/uploads/2025/07/gpi_icon_envelope.svg');
}

.custom-buttons.hoverable:hover .icon-envelope {
   background-image: url('https://www.goldenagri.com.sg/wp-content/uploads/2025/12/gpi_icon_envelope_white.svg');
}

#landing #section1 .item>img.bg.visible-xs {
   object-position: right;
}