/*
Theme Name: Invena
Theme URI: https://reactheme.com/products/wordpress/invena/
Author: reacthemes
Author URI: http://www.reactheme.com
Description: Invena - Business Consulting WordPress Theme
Version: 1.0.7
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: invena
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, portfolio
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Header
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Preloader
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden], template {
  display: none;
}
a {
  background-color: transparent;
  transition: all 0.5s ease 0s;
  text-decoration: none;
}
a:active, a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b, strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
  display: block;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled], html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="password"] {
  border: 1px solid #ddd;
  border-radius: 5px 0 0 5px;
}
.post-password-required input[type="submit"] {
  padding: 19px 20px 17px !important;
  border-radius: 0;
}
.page .comments-area {
  padding: 35px 0 0;
  clear: both;
}
.page .comments-area .comment-list li.comment {
  padding: 0;
  margin: 20px 0 25px;
  border-radius: 3px;
  list-style: none;
}
.page .comment-full {
  padding-top: 30px;
}
.page .comments-area .comment-list li.comment #respond {
  padding-top: 20px;
}
.wp-block-button__link {
  color: #fff !important;
}
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
label {
  font-weight: 600;
}
td, th {
  padding: 5px 10px;
}
.comments-area .comment-list li.comment:last-child .comment-full {
  border-bottom: none;
  padding-bottom: 0;
}
.comment-list .pingback, .comment-list .trackback {
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 5px;
  background: #fdfdfd;
}
/*--------------------------------------------------------------

# Typography

--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
  margin: 0 0 25px;
  line-height: 100%;
}
dfn, cite, em, i {
  font-style: italic;
}
address {
  margin: 0 0 1.5em;
}
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}
code, kbd, tt, var {
  font-size: 15px;
}
abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark, ins {
  text-decoration: none;
}
big {
  font-size: 125%;
}
/*--------------------------------------------------------------

# Elements

--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}
blockquote:after, q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: """";
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
ul, ol, ol ol, ol ul, ul ol, ul ul {
  margin: 0 0 1.5em 3em;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
  padding: 0
}
li > ul, li > ol {
  margin-bottom: 0;
  margin-left: 1.5em
}
dt {
  font-weight: bold;
  padding-bottom: 5px;
}
dd {
  margin: 0 1.5em 1.5em;
}
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}
figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}
table {
  margin: 0 0 1.5em;
  width: 100%;
}
/*--------------------------------------------------------------

# Header

--------------------------------------------------------------*/
html, body {
  overflow-x: hidden;
}
#top-to-bottom {
  position: fixed;
  text-align: center;
  bottom: 0;
  cursor: pointer;
  right: 28px;
  z-index: 10;
  display: none;
  text-align: center;
  transform: translateY(20px);
  transition: all 0.5s ease 0s;
  opacity: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: var(--e-global-color-primary);
  border-radius: 100px;
  color: #fff;
}
.scroll_visible {
  transform: translateY(-25px) !important;
  opacity: 1 !important;
}
.full-blog-content .blog-title a, .reactheme-breadcrumbs .page-title {
  word-break: break-word;
  margin: 0;
}
.breadcrumbs-inner .subtitle.s2 {
  background: rgba(255, 255, 255, .1);
}
/* Small menu. */
.menu-toggle, .main-navigation.toggled ul {
  display: block;
}
@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
/*--------------------------------------------------------------

# Accessibility

--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}
#wp-calendar th, #wp-calendar td {
  padding: 5px;
  text-align: center;
}
.react-sideabr .widget-title a.rsswidget {
  color: #0a0a0a;
}
.react-sideabr .widget_rss ul li:first-child {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}
body.home.blog .blog-img img {
  width: auto !important;
}
/*--------------------------------------------------------------

# Alignments

--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
  clear: right;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*--------------------------------------------------------------

# Clearings

--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}
.clear-fix, .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
  clear: both;
}
/*--------------------------------------------------------------

# Widgets

--------------------------------------------------------------*/
.widget {
  margin: 0 0 3em;
}
/* Make sure select elements fit in widgets. */
.widget select {
  max-width: 100%;
  width: 100%;
  padding: 16px 8px
}
/*--------------------------------------------------------------

## Posts and pages

--------------------------------------------------------------*/
.sticky {
  display: block;
}
.updated:not(.published) {
  display: none;
}
.archive .page-header {
  margin-bottom: 35px;
}
.archive-post {
  margin-bottom: 10px;
  overflow: hidden;
}
.archive-post h3.blog-title {
  margin-bottom: 7px;
  font-size: 22px !important;
}
.archive-post .blog-meta {
  padding-bottom: 15px;
}
.search .entry-header h2 {
  margin-bottom: 10px !important;
  font-size: 22px !important
}
.search .pagination-area {
  padding-top: 0;
}
.sticky_form {
  display: none
}
select {
  width: 100%;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed, iframe, object {
  max-width: 100%;
}
/* Default Logo */
img.default-logo, img.footer-logo-light {
  height: 32px;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
  font-size: 13px;
  font-style: italic;
}
.fowh2 .reactheme-heading .title-inner .title {
  font-weight: 500 !important;
}
.mfp-bottom-bar .mfp-title .gallery-title-wrap {
  display: none;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33333%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66667%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28571%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11111%;
}
.gallery-caption {
  display: block;
}
.top50 {
  position: relative;
  top: -50px;
}
.header-logo .logo-area h1.site-title a {
  line-height: 45px !important
}
.link-clear {
  clear: both;
  display: block;
  padding-top: 15px;
}
li.pingback, li.trackback {
  line-height: 30px;
}
.pingback .comment-body a, .trackback .comment-body a {
  display: block;
  font-weight: bold;
  font-size: 18px;
}
.pingback .comment-body span.edit-link a, .trackback .comment-body span.edit-link a {
  font-weight: normal !important;
  font-size: 14px !important;
}
.wp-block-cover, .wp-block-cover-image {
  margin-bottom: 25px;
}
.wp-block-media-text.alignfull.has-media-on-the-right.is-stacked-on-mobile {
  margin-bottom: 22px;
}
.single-content-full .gallery-item .gallery-caption {
  padding: 8px 15px 0;
}
.wp-block-gallery {
  margin-bottom: 26px;
}
.columns-3.is-cropped.alignfull .blocks-gallery-caption {
  padding-left: 14px;
}
#reactheme-header.menugap-minus .logo-area .site-title a {
  padding-bottom: 5px;
}
.wp-block-archives.wp-block-archives-dropdown:after {
  content: "\f107";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  right: 14px;
  top: 53%;
  font-size: 20px;
  color: #171f32;
  z-index: 0;
  pointer-events: none;
  transform: translate(0px, -50%);
}
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1400px;
  }
}
.de-gradient-edge-bottom {
  z-index: 1;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
#reactheme-header .rts-remove-bg {
  background: none !important;
}
.sticky-header .hfe-site-sticky-logo-img {
  display: block;
}
.sticky-header .hide_logo_desktop {
  display: none;
}
.sticky_search {
  cursor: pointer;
}
/* Dashboard Notice Hide  */
#wpmet-stories, .notice-message, .wpmet-notice {
  display: none;
}
.nav-menu-shortcode {
  display: block;
  margin: 0px;
  padding: 0;
}
.nav-menu-shortcode li {
  list-style: none;
  padding: 0px 0px 0px 0;
  color: #004370;
}
.nav-menu-shortcode li a {
  display: block;
  width: 100%;
  color: #004370;
  line-height: 20px;
}
.nav-menu-shortcode li a:hover, .nav-menu-shortcode li a:active {
  color: #f15b25;
  transition: .3s;
}
.nav-menu-shortcode li.current-menu-item a, .nav-menu-shortcode li li.current-menu-item a {
  color: #f15b25 !important;
}
.current-menu-parent ul li a {
  color: #00396C !important;
}
.current-menu-parent a {
  color: #f15b25 !important;
}
.dm-menu-icon:hover svg, #menu-primary-menu li.active a span.dm-menu-icon svg {
  fill: #f15b25 !important;
}
#menu-primary-menu li.active > a, #menu-primary-menu li.active ul.sub-menu li.active > a {
  color: #f15b25 !important;
}
.nav-menu-shortcode li ul {
  background: none !important;
}
.nav-menu-shortcode li.menu-item-has-children {
  /*border-bottom: 1px solid #8f8f8f;*/
}
.elementor-14245 .elementor-element.elementor-element-b350e37 .rtmega-menu-container .desktop-menu-area .rtmega-megamenu .menu-item ul.sub-menu:not(.rtmegamenu-contents):not(.rtmegamenu-contents) {
  width: 400px !important;
}
header.sticky-header {
  /*background: none!important;*/
}
.nav-menu-shortcode li ul li {
  font-size: 12px !important;
  color: #5f5f5f !important;
  width: 345px;
    margin: 0px!important;
}
.nav-menu-shortcode li ul li li {
    width: 450px!important;
}
.nav-menu-shortcode li ul li a {
  color: #5f5f5f;
  font-size: 15px;
}
.navSide {
  display: block;
  width: 265px;
  position: fixed;
  right: 0;
  top: 30%;
  z-index: 9999;
}
.navSide .nav-menu-shortcode {
  display: block;
  margin: 0px;
  padding: 0;
}
.navSide .nav-menu-shortcode li {
  list-style: none;
  padding: 0;
  border-bottom: none;
  color: #004370;
  margin-bottom: 1px;
}
.navSide .nav-menu-shortcode li a {
  display: block;
  width: 100%;
  color: #004370;
  background: #d1d2d3;
  font-size: 12px;
  padding: 5px 15px;
  font-weight: bold;
  border-bottom: 1px solid #fff;
}
.navSide .nav-menu-shortcode li a:hover {
  color: #f15922;
  background: #fff;
  border-left: 3px solid #d1d2d3;
}
.navSide .nav-menu-shortcode li.current-menu-item a {
  color: #f15922;
  background: #fff;
  border-left: 3px solid #d1d2d3;
}
.navSide .nav-menu-shortcode li ul {
  margin: 0;
  padding: 0;
}
.navSide .nav-menu-shortcode li ul li a {
  padding-left: 35px;
}
.elementor-14245 .elementor-element.elementor-element-0561b6f .rtmega-menu-container .desktop-menu-area .rtmega-megamenu .menu-item.current-menu-item > .menu-link {
  color: #fff;
}
.rtmega-menu-area .desktop-menu-area ul.rtmega-megamenu .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
  position: relative;
  left: 60%;
    top: -20px;
    line-height: 20px;
}
.rtmega-menu-area .desktop-menu-area ul.rtmega-megamenu .menu-item-has-children .sub-menu li ul.sub-menu {
  transform: none !important;
  opacity: 1 !important;
}
.menu-item-24642 {
    position: relative!important;
    margin-top: -40px!important;
    z-index: 99!important;
}
/*=============== Top Page ================*/
.listNews {
  /*background: url("assets/images/bg-listnews.png") repeat;*/
  background: #ffffff;
  padding: 10px 20px;
}
.listNews ul {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}
.listNews ul li {
  list-style: none;
  font-size: 14px;
  border-bottom: 1px solid #a0a0a0;
  padding: 12px 0;
}
.listNews ul li a {
  color: #212121;
}
.listNews ul li span.date {
  display: inline-block;
  width: 12%;
  color: #fc6003;
}
.listNews ul li span.taxonomy {
  display: inline-block;
  margin-right: 15px;
  color: #231f20;
  border: 1px solid #231f20;
  border-radius: 30px;
  padding: 2px 15px;
  font-size: 12px;
  width: 16%;
  text-align: center;
  box-shadow: 1px 1px #888888;
}
.titHeading-menu h2 {
  font-size: 36px;
  color: #07a2c8 !important;
}
.titHeading {
  font-size: 20px;
  color: #07a2c8;
}
.titHeading span {
  display: block;
}
.submenu-parent-icon {
  display: none;
}
.dm-menu-icon {
  display: block;
  text-align: center;
}
.dm-menu-icon img {
  margin: 5px auto 0 !important;
}
.menu-text {
  padding-right: 10px;
  /*border-right: 1px solid #5f5f5f;*/
}
.main-menu-link:hover span.dm-menu-icon {
  color: #dd9933 !important;
}
.search-form {
  width: 20%;
  float: right;
  box-shadow: 2px 2px;
  height: 25px;
  border-radius: 10px;
}
input.search-input {
  height: 25px;
  font-size: 12px;
  background: url("assets/images/bg-header.png") repeat;
  border: none;
  color: #fff;
  padding: 10px !important;
  border-radius: 10px;
}
.bs-search button, .bs-search button:hover {
  padding: 3px 10px 3px 0;
  background: none;
}
.bs-search button::before {
  color: #00adee;
  font-weight: bolder;
}
.txtBlue {
  color: #06a1c7 !important;
  /*font-size: 40px !important;*/
}
.txtBlues {
  color: #06a1c7 !important;
  font-size: 24px !important;
}
/*============ Footer ===================*/
.footer-width-fixer .nav-menu-shortcode {
  display: block;
  margin: 0px;
  padding: 0;
}
.footer-width-fixer .nav-menu-shortcode li {
  list-style: none;
  color: #6b6b6b;
  border: none;
  padding: 0;
}
.footer-width-fixer .nav-menu-shortcode li a {
  display: block;
  width: 100%;
  font-size: 12px;
  color: #6b6b6b;
  background: none;
  padding: 0;
}
.footer-width-fixer .nav-menu-shortcode li ul {
  padding: 0;
  margin: 0 0 0 10px;
}
.footer-width-fixer span.elementor-heading-title {
  /*font-size: 16px!important;*/
}
.elementor-widget-text-editor, .react-heading .title, .menu-item > .menu-link, h1, h2, h3, h4, h5, h6, wp-caption {
  font-family: "Sansation", sans-serif !important;
}
#listnavFooter .sub-menu {
  display: none !important;
}
#listnavFooter .menu-item .sub-menu .menu-item {
  border: none !important;
  list-style: disc;
  margin-left: 25px;
  padding-left: 0;
}
#listnavFooter .menu-item .sub-menu .menu-item .menu-link {
  padding: 2px 0 !important;
  color: #5f5f5f;
  font-style: italic;
  font-size: 10px;
}
.reactheme-breadcrumb .breadcrumb-inner .page-title {
  display: none;
}
.rt-page-title h2 {
  border-bottom: 1px solid #606161;
  padding-bottom: 10px;
}
.titHeading h3, .subHeading h4 {
  /*border-bottom: 1px solid #00396C;*/
}
.subHeading h4 {
  margin: 15px 0 0;
}
.subHeading h5 {
  margin-bottom: 0px;
}
.desCompany p {
  padding: 5px 0;
  line-height: 1.3em;
  margin: 0;
}
.desCompany ol {
  margin: 0 0 0 20px;
}
.noBG {
  background: none !important;
  border: none !important;
}
.tbVision {
  /*border: 2px solid #FFFFFF;*/
  margin: 0 0 30px !important;
}
.tbVision th {
  padding: 0 !important;
}
.tbVision td {
  /*border: 2px solid #105480;*/
  font-size: 16px;
}
.tbVision td:nth-child(1) {
  background: hsl(170, 70%, 50%);
}
.tbVision td:nth-child(2) div {
  border: 1px solid #c0e2fe;
  padding: 15px; /*background: #c0e2fe; border-left: 1px solid #5c8eb1; box-shadow: rgba(17, 12, 46, 0.15) 0px 8px 20px 0px;*/
}
.tbVision td:nth-child(2) div.lineG {
  border: 1px solid #a6f7c7 !important;
  padding: 15px; /*background: #c0e2fe; border-left: 1px solid #5c8eb1; box-shadow: rgba(17, 12, 46, 0.15) 0px 8px 20px 0px;*/
}
.tbVision td:nth-child(3) {
  background: hsl(190, 90%, 50%);
}
.tbVision td:nth-child(4) {
  background: hsl(210, 99%, 50%);
}
.bgHeader {
  background: #c0e2fe;
  color: #00396C;
  font-size: 16px;
  border-right: 5px solid #fff;
  border-bottom: 5px solid #fff;
  /*box-shadow: rgba(17, 12, 46, 0.15) 0px 8px 20px 0px;*/
}
.bgHeader2 {
  background: #a6f7c7;
  color: #038e3c;
  font-size: 16px;
  border-right: 5px solid #fff;
  border-bottom: 5px solid #fff;
  /*box-shadow: rgba(17, 12, 46, 0.15) 0px 8px 20px 0px;*/
}
.txtLeft div {
  text-align: left !important;
}
.bgBlue {
  background: #1a5a84 !important;
  color: #fff !important;
}
.bgOrange {
  /*background: #fef2e4 !important;*/
}
.bgLblue {
  /*background: #d0d9df !important;*/
}
.tbMission {
  /*border: 2px solid #FFFFFF;*/
  margin: 0 0 30px 10px!important;
  border-bottom: 1px solid #c3d1dc !important;
  /*box-shadow: rgba(17, 12, 46, 0.15) 0px 8px 20px 0px;*/
}
.tbMission th {
  padding: 10px 0 !important;
}
.tbMission td {
  /*border: 2px solid #105480;*/
  font-size: 16px;
}
.tbMission td:nth-child(1) {
  background: #ffffff;
}
.tbMission td:nth-child(2) div {
  border: 1px solid #c0e2fe;
  padding: 15px; /*background: #c0e2fe; border-left: 1px solid #5c8eb1; box-shadow: rgba(17, 12, 46, 0.15) 0px 8px 20px 0px;*/
}
.tbMission td:nth-child(2) div.lineG {
  border: 1px solid #a6f7c7 !important;
  padding: 15px; /*background: #c0e2fe; border-left: 1px solid #5c8eb1; box-shadow: rgba(17, 12, 46, 0.15) 0px 8px 20px 0px;*/
}
.tbMission td:nth-child(3) {
  background: #fff;
  box-shadow: rgba(17, 12, 46, 0.15) -10px 0px 20px 0px;
}
.tbMission td:nth-child(4) {
  background: #c0e3ff;
  border-left: 1px solid #c3d1dc !important;
}
.tbMission .hdYear {
  background: #00c0f3;
  color: #fff;
  padding: 10px 0;
}
.tbMission .titMission {
  border-top: 1px solid #c3d1dc !important;
  border-bottom: 1px solid #c3d1dc !important;
  border-right: 1px solid #c3d1dc!important;
}
.tbMission .titMission2 {
  background: #c0e3ff!important;
}
.tbMission .titMission3 {
  background: #004b84!important;
  color: #fbbd76!important;
}
.tbMission .lineR {
  border-right: 1px solid #c3d1dc !important;
    box-shadow: rgba(17, 12, 46, 0.15) -5px 0px 20px 0px;
}
.tbChain {
  /*border: 2px solid #FFFFFF;*/
  margin: 0 0 30px 10px!important;
  border-bottom: 1px solid #c3d1dc !important;
  /*box-shadow: rgba(17, 12, 46, 0.15) 0px 8px 20px 0px;*/
}
.tbChain th {
  padding: 10px 0 !important;
}
.tbChain td {
  /*border: 2px solid #105480;*/
  font-size: 16px;
    border-bottom: 1px solid #c3d1dc !important;
}
.tbChain td:nth-child(1) {
  background: #ffffff;
}
.tbChain td:nth-child(2) div {
  border: 1px solid #c0e2fe;
  padding: 15px; /*background: #c0e2fe; border-left: 1px solid #5c8eb1; box-shadow: rgba(17, 12, 46, 0.15) 0px 8px 20px 0px;*/
}
.tbChain td:nth-child(2) div.lineG {
  border: 1px solid #a6f7c7 !important;
  padding: 15px; /*background: #c0e2fe; border-left: 1px solid #5c8eb1; box-shadow: rgba(17, 12, 46, 0.15) 0px 8px 20px 0px;*/
}
.tbChain td:nth-child(even) {
  background: #fff;
  box-shadow: rgba(17, 12, 46, 0.15) -10px 0px 20px 0px;
}
/*.tbChain td:nth-child(4) {
  background: #c0e3ff;
  border-left: 1px solid #c3d1dc !important;
}*/
.tbChain .hdYear {
  background: #00c0f3;
  color: #fff;
  padding: 10px 0;
}
.tbChain .titMission {
  border-top: 1px solid #c3d1dc !important;
  border-bottom: 1px solid #c3d1dc !important;
  border-right: 1px solid #c3d1dc!important;
}
.tbChain .titMission2 {
  background: #c0e3ff!important;
}
.tbChain .titMission3 {
  background: #004b84!important;
  color: #fbbd76!important;
}
.tbChain .lineR {
  border-right: 1px solid #c3d1dc !important;

}
.tbPA {
  /*border: 2px solid #FFFFFF;*/
  margin: 0 0 30px 10px!important;
  border-bottom: 1px solid #c3d1dc !important;
  /*box-shadow: rgba(17, 12, 46, 0.15) 0px 8px 20px 0px;*/
}
.tbPA th {
  padding: 10px 0 !important;
}
.tbPA td {
  /*border: 2px solid #105480;*/
  font-size: 16px;
    border-bottom: 1px solid #c3d1dc !important;
}
.tbPA td:nth-child(1) {
  background: #ffffff;
}
.tbPA td:nth-child(2) div {
  border: 1px solid #c0e2fe;
  padding: 15px; /*background: #c0e2fe; border-left: 1px solid #5c8eb1; box-shadow: rgba(17, 12, 46, 0.15) 0px 8px 20px 0px;*/
}
.tbPA td:nth-child(2) div.lineG {
  border: 1px solid #a6f7c7 !important;
  padding: 15px; /*background: #c0e2fe; border-left: 1px solid #5c8eb1; box-shadow: rgba(17, 12, 46, 0.15) 0px 8px 20px 0px;*/
}
.tbPA td:nth-child(even) {
  background: #fff;
  box-shadow: rgba(17, 12, 46, 0.15) -10px 0px 20px 0px;
}
/*.tbChain td:nth-child(4) {
  background: #c0e3ff;
  border-left: 1px solid #c3d1dc !important;
}*/
.tbPA .hdYear {
  background: #00c0f3;
  color: #fff;
  padding: 10px 0;
}
.tbPA .titMission {
  border-top: 1px solid #c3d1dc !important;
  border-bottom: 1px solid #c3d1dc !important;
  border-right: 1px solid #c3d1dc!important;
}
.tbPA .titMission2 {
  background: #c0e3ff!important;
}
.tbPA .titMission3 {
  background: #004b84!important;
  color: #fbbd76!important;
}
.tbPA .titMission4 {
  background: #ffffff!important;
  color: #fbbd76!important;
}
.tbPA .lineR {
  border-right: 1px solid #c3d1dc !important;

}
.tbRPT {
  /*border: 2px solid #FFFFFF;*/
  margin: 0 0 30px 10px!important;
  border-bottom: 1px solid #c3d1dc !important;
  /*box-shadow: rgba(17, 12, 46, 0.15) 0px 8px 20px 0px;*/
}
.tbRPT th {
  padding: 10px 0 !important;
    font-size: 18px;
    line-height: 18px;
}
.tbRPT td {
  /*border: 2px solid #105480;*/
  font-size: 16px;
}
.tbRPT td:nth-child(1) {
  background: #ffffff;
}
.tbRPT td:nth-child(2){
    background: #fbbd76;
}
.tbRPT td:nth-child(2) div {
  border: 1px solid #c0e2fe;
  padding: 15px; /*background: #c0e2fe; border-left: 1px solid #5c8eb1; box-shadow: rgba(17, 12, 46, 0.15) 0px 8px 20px 0px;*/
}
.tbRPT td:nth-child(2) div.lineG {
  border: 1px solid #a6f7c7 !important;
  padding: 15px; /*background: #c0e2fe; border-left: 1px solid #5c8eb1; box-shadow: rgba(17, 12, 46, 0.15) 0px 8px 20px 0px;*/
}
.tbRPT td:nth-child(3) {
  background: #e9f4ff;
}
.tbRPT td:nth-child(4) {
  background: #ffffff;
  border-left: 1px solid #c3d1dc !important;
}
.tbRPT .hdYear {
  background: #00c0f3;
  color: #fff;
  padding: 10px 0;
}
.tbRPT .titMission {
  background: #c0e3ff!important;
}
.tbRPT .titMission2 {
  background: #e9f4ff!important;
}
.tbRPT .titMission3 {
  background: #004b84!important;
  color: #fbbd76!important;
}
.tbRPT .titMission4 {
  background: #ffffff!important;
}
.tbRPT .lineR {
  border-right: 1px solid #c3d1dc !important;
    box-shadow: rgba(17, 12, 46, 0.15) -5px 0px 20px 0px;
}

.tbParent  {
  /*border: 2px solid #FFFFFF;*/
  margin: 0 0 30px 10px!important;
  border-top: 1px solid #c3d1dc !important;
  border-left: 1px solid #c3d1dc !important;  
  /*box-shadow: rgba(17, 12, 46, 0.15) 0px 8px 20px 0px;*/
}
.tbParent  th {
  padding: 10px 0 !important;
    font-size: 18px;
    line-height: 18px;
    background: #fbbd76;
}
.tbParent  td {
  border-bottom: 1px solid #c3d1dc !important;
  border-right: 1px solid #c3d1dc !important;  
  font-size: 16px;
}
.elementor-button-icon {
  /*padding: 5px;
  background: #e1e2e3;
  border-radius: 5px;
  box-shadow: 2px 2px;*/
}
.navSide {
  position: fixed;
  top: 30%;
  right: 0px;
  width: 260px;
  height: 100%;
  transition: transform 0.3s ease;
  transform: translateX(100%);
  z-index: 997;
}
.navSide.active {
  transform: translateX(0);
  display: block !important;
}
.navSide.show {
  transform: translateX(0); /* เลื่อนเข้ามา */
}
.toggleNavSide {
  background: #888;
  color: #fff;
  border: none;
  padding: 5px 2px !important;
  border-radius: 0 !important;
  cursor: pointer;
  position: fixed;
  top: 0%;
  left: -30px;
  writing-mode: vertical-rl;
  transform: scale(-1)
}
.toggleNavSide:hover {
  background: #333 !important;
}
.boxProducts {
  display: block;
  padding: 20px 0;
}
.boxProducts:hover {}
.boxProducts:hover h3 {
  color: #f15a25 !important;
}
.boxProducts a.button {
  background: #e0e0e2;
  border-left: 5px solid #01a1c7;
  padding: 5px 15px;
  font-size: 14px;
}
.boxProducts a.button:hover {
  border-left: 5px solid #F15922
}
.listProducts {
  display: block;
  margin: 0 auto 50px;
  width: 1100px;
  padding: 20px;
  overflow: hidden;
}
.listProducts dl {
  display: block;
  width: 100%;
}
/*.listProducts dl:nth-child(even) {
	display: block;
	width: 48%;
	float: right;
	background: #f4f4f6;
	-moz-box-shadow: 0 0 20px #b4b4b4;
  	-webkit-box-shadow: 0 0 20px #b4b4b4;
  	box-shadow: 0 0 15px #b4b4b4;
}*/
.listProducts dl dt {
  background: #e8e7e7;
  text-align: center;
  font-size: 22px;
  color: #606161;
  padding: 20px 0;
}
.listProducts dl dt h5 {
  font-weight: 400;
  margin: 0;
}
.service-grid-1 .icon {
  display: none;
}
.listEquipment ul.bxslider {
  padding: 5%;
}
.listEquipment {
  display: block;
  margin: 0 auto 50px;
  width: 1100px;
  padding: 20px;
  overflow: hidden;
}
.listEquipment .bx-wrapper {
  max-width: 80% !important;
}
.listEquipment .bx-wrapper {
  display: block;
  width: 100%;
  background: #f4f4f6;
  -moz-box-shadow: 0 0 20px #b4b4b4;
  -webkit-box-shadow: 0 0 20px #b4b4b4;
  box-shadow: 0 0 20px #b4b4b4;
  margin: 0 auto 40px;
}
.listEquipment .bx-wrapper li {
  height: 650px;
}
.listEquipment .bx-wrapper img {
  width: auto;
  height: 500px;
}
.listEquipment h5 {
  font-size: 26px;
  color: #004370;
}
.productName {
  display: block;
  background: #e8e7e7;
  text-align: center;
  font-size: 22px;
  color: #606161;
  padding: 10px 0;
  width: 100%;
  margin: 50px 0 0;
}
.imgProduct {
  display: block;
  width: 750px;
  height: 500px;
  margin: auto;
  overflow: hidden;
}
.imgProduct img {
  width: 100%;
  object-fit: cover;
}
.elementor-shortcode iframe .ticker-wrap {
  font-size: 50px !important;
}
.listCat {
  display: block;
  margin: 0px 0 50px;
  padding: 0 0 0 20px;
  overflow: hidden;
}
.listCat li {
  float: left;
  list-style: disc;
  margin-right: 20px;
  font-size: 16px;
  width: 30%;
}
.listCat li a {
  color: #00396C
}
.listCat li a:hover {
  color: #F15922;
  text-decoration: underline;
}
.imgProducts {
  float: left;
  width: 45%;
  background: #bad4da;
}
.imgProducts img {
  width: auto;
  height: 350px;
  object-fit: cover;
}
.desProducts {
  float: right;
  width: 48%;
  font-size: 20px;
  color: #00396C;
  font-weight: bold;
}
.desProducts em {
  display: block;
  font-style: normal;
  font-size: 16px;
  color: #333333;
  font-weight: normal;
  margin-top: 30px;
}
.tab {
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}
.tab button {
  background-color: #f1f1f1;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 16px;
  transition: 0.3s;
  font-size: 16px;
}
.tab button:hover {
  background-color: #ddd;
}
.tab button.active {
  background-color: #ccc;
}
.tabcontent {
  display: none;
  border-top: none;
}
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #e6e7e8;
  cursor: pointer;
  padding: 15px 200px 15px 20px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  font-family: "Sansation", "Prompt", sans-serif !important;
  line-height: 1.3em;
  color: #00396C;
  margin-bottom: 2px;
  position: relative;
  font-size: 20px;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion.active, .accordion:hover {
  background-color: #00aeef;
  color: #ffffff;
}
/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}
.accordion:after {
  content: '\25BC'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  margin-left: 5px;
  position: absolute;
  right: 20px;
  top: 18%;
}
.accordion.active:after {
  content: "\25B2"; /* Unicode character for "minus" sign (-) */
}
.boxCareer {
  display: block;
  width: 1140px;
  margin: 0 auto;
  font-family: "Sansation", "Prompt", sans-serif !important;
}
.tabCareer {
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}
.tabCareer button {
  font-family: "Sansation", "Prompt", sans-serif !important;
  background-color: #e6e7e8;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 35px;
  transition: 0.3s;
  font-size: 28px;
  font-weight: bold;
  border-radius: 0px;
  color: #004370;
}
.tabCareer button span {
    display: block;
    font-size: 14px;
    font-weight: normal;
}
.tabCareer button:hover {
  background-color: #00aeef;
  color: #FFFFFF;
}
.tabCareer button.active {
  background-color: #00aeef;
  color: #FFFFFF;
}
.detailJob {
  display: block;
  margin: 25px 0 0;
  font-family: "Sansation", "Prompt", sans-serif !important;
}
.detailJob h3 {
  font-family: "Sansation", "Prompt", sans-serif !important;
  font-size: 24px;
  color: #00396C;
  padding-bottom: 5px;
}
.detailJob ul {
  margin: 0 0 30px 20px;
  padding: 0;
}
.detailJob ul li {
  clear: both;
  margin-bottom: 5px;
}
.desLeft {
  display: block;
  float: left;
  width: 90%;
}
.desRight {
  display: block;
  width: 10%;
  text-align: right;
  position: absolute;
  right: 6%;
  top: 20%;
  font-size: 16px;
}
.lastUpdate {
  display: block;
  text-align: right;
  margin: -20px 0 40px;
}
.btn-apply {
  display: block;
  width: 15%;
  margin: 50px auto;
  border-radius: 15px;
  background: #00ADEF;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  font-size: 20px;
  line-height: 1em;
}
.boxCareer h5 {
  display: block;
  margin: 35px 0 0;
  color: #00396C;
  font-size: 24px;
  padding-bottom: 10px;
  font-family: "Sansation", "Prompt", sans-serif !important;
}
.listBenefit {
  margin: 0 0 40px 0px;
  padding: 0;
  border-top: 1px solid #bab9b9;
}
.listBenefit li {
  width: 50%;
  float: left;
  padding: 5px 20px 5px 20px;
  border-bottom: 1px solid #bab9b9;
  height: 45px;
  line-height: 2em;
  list-style: inside;
}
.listBenefit li em {
    display: block;
    font-size: 13px;
    margin: -20px 0 0 13px;
}
.tabStock {
  overflow: hidden;
  /*border-bottom: 1px solid #ccc;*/
  margin-bottom: 15px;
}
.tabStock button {
  font-family: "Sansation", "Prompt", sans-serif !important;
  background-color: #e6e7e8;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 40px;
  transition: 0.3s;
  font-size: 18px;
  border-radius: 0px;
  color: #004370;
}
.tabStock button:hover {
  background-color: #ddd;
  color: #00396C;
}
.tabStock button.active {
  background-color: #f9f9f9;
  color: #00396C;
}
.listFile {
  display: block;
  margin: 0 0 0 20px;
  padding: 0;
}
.listFile li {
  margin: 5px 0 25px;
  padding: 5px 40px 5px 0;
  font-size: 16px;
  clear: both;
}
.listFile li a {
  display: block;
  width: 13%;
  float: left;
  color: #00396C;
  font-size: 16px;
  box-shadow: 2px 2px #eee;
  border-radius: 10px;
  padding: 0px 15px;
}
.listFile li a:hover {
    background: #00aeef;
    color: #fff;
}
.listFile li span.elementor-button-icon {
  display: block;
  float: right;
  fill: #00396C;
  margin-top: 2px;
}
.fileName {
  float: left;
  padding-right: 30px;
  width: 75%;
}
.fileSize {
  float: left;
  width: 10%;
  color: #bcbcbc;
  font-size: 14px;
  text-align: center;
}
.boxReport {
  display: block;
  width: 60%;
  margin: 50px auto;
  background: url("assets/images/bg-book.png") no-repeat bottom;
  background-size: 100%;
  overflow: hidden;
  text-align: center;
}
.boxReport li {
  display: inline-block;
  /*float: left;*/
  width: 48%;
  padding: 5px 0px 5px 0;
  font-size: 16px;
  margin: 5px auto;
  text-align: center;
}
.boxReport li a {
  display: block;
  width: 45%;
  float: left;
  color: #00396C;
  font-size: 16px;
  margin-top: 70px;
}
.boxReport li a:hover {
  text-decoration: underline;
  color: #F15922;
}
.boxReport li img {
  margin: auto;
  box-shadow: 0 10px 4px -2px rgba(0, 0, 0, 0.4);
  height: 300px;
}
.boxReport li span.elementor-button-icon {
  display: block;
  float: right;
  fill: #00396C;
  margin-top: 2px;
}
.boxReport .fileName {
  float: none !important;
  width: 100% !important;
  text-align: center;
  padding: 0 !important;
  font-size: 20px;
  color: #00396C;
}
.boxNoti {
  display: block;
  width: 80%;
  margin: 50px auto;
  overflow: hidden;
}
.boxNoti li {
  display: block;
  width: 100%;
  margin: 5px auto;
  padding: 5px 0px 5px 0;
  font-size: 16px;
    overflow: hidden;
}
.boxNoti li.first a {
  display: block;
  width: 50%;
  float: left;
}
.boxNoti .first {
  background-size: 100% !important;
  background: url("assets/images/bg-book.png") no-repeat bottom;
  width: 60%;
  text-align: center;
  margin-bottom: 60px;
  height: 415px;
  overflow: hidden;
}
.boxNoti li a {
  display: block;
  width: 15%;
  float: left;
  color: #00396C;
  font-size: 16px;
  box-shadow: 2px 2px #eee;
  border-radius: 10px;
  padding: 0px 15px;
}
.boxNoti li a:hover {
    background: #00aeef;
    color: #fff;
}
.boxNoti li span.elementor-button-icon {
  display: block;
  float: right;
  fill: #00396C;
  margin-top: 2px;
}
.boxNoti li.first a {
  display: block;
  width: 45%!important;
  float: left;
  color: #00396C;
  font-size: 16px;
  padding: 0px 15px;
  box-shadow: none!important;
  border-radius: 0!important;
  margin-top: 40px;
}
.boxNoti li.first a:hover {
    color: #00aeef!important;
    background: none!important;
}
.boxNoti li img {
  width: 40%;
  margin: auto;
  box-shadow: 0 10px 4px -2px rgba(0, 0, 0, 0.4);
}
.boxNoti li.first span.elementor-button-icon {
  display: block;
  float: none !important;
  fill: #00396C;
  margin-top: 2px;
}
.boxNoti li span.elementor-button-icon {
  display: block;
  float: right;
  fill: #00396C;
  margin-top: 2px;
}
.boxNoti .fileName {
  float: left;
  width: 75%;
  padding: 0 30px 0 0 !important;
  font-size: 20px;
  color: #00396C;
}

.tbEnvironmental {
  margin: 20px auto;
  color: #1a5a84;
  font-size: 16px;
  width: 90%;
   box-shadow: rgba(17, 12, 46, 0.15) 0px 8px 20px 0px;
}
.tbEnvironmental .tbBorder {
  border: 1px solid #004876;
  width: 69%;
}
.tbEnvironmental .tbBorder1 {
  border: 1px solid #004876;
  width: 54%;
}
.tbEnvironmental .tbBorder2 {
  border: 1px solid #004876;
  width: 15%;
}
.noBorder {
  width: 1%;
  border: none !important;
}
.tbEnvironmental .tbBlue {
  border: 1px solid #004876;
  width: 10%;
  color: #f15922;
}
.tbEnvironmental .tbBlue2 {
  border: 1px solid #004876;
  background: #e9f4ff;
  width: 10%;
  color: #004370;
}
.tbEnvironmental .tbBlue3 {
  border: 1px solid #004876;
  background: #c0e3ff;
  width: 10%;
  color: #004370;
}
.tbEnvironmental td {
  border: 1px solid #004876;
}
.tbEnvironmental td:nth-child(3) {
  box-shadow: rgba(17, 12, 46, 0.15) 0px 8px 20px 0px;
}
.tbEnvironmental td:nth-child(4) {
  background: #e9f4ff;
}
.tbEnvironmental td:nth-child(5) {
  background: #c0e3ff; 
}
.tbGreenhouse {
  margin: 20px auto;
  color: #1a5a84;
  font-size: 16px;
  width: 90%;
   box-shadow: rgba(17, 12, 46, 0.15) 0px 8px 20px 0px;
}
.tbGreenhouse .tbBorder {
  border: 1px solid #004876;
  width: 69%;
}
.tbGreenhouse .tbBorder1 {
  border: 1px solid #004876;
  width: 54%;
}
.tbGreenhouse .tbBorder2 {
  border: 1px solid #004876;
  width: 15%;
}
.noBorder {
  width: 1%;
  border: none !important;
}
.tbGreenhouse .tbBlue {
  border: 1px solid #004876;
  width: 10%;
  color: #f15922;
}
.tbGreenhouse .tbBlue2 {
  border: 1px solid #004876;
  background: #e9f4ff;
  width: 10%;
  color: #004370;
}
.tbGreenhouse .tbBlue3 {
  border: 1px solid #004876;
  background: #c0e3ff;
  width: 10%;
  color: #004370;
}
.tbGreenhouse td {
  border: 1px solid #004876;
}
.tbGreenhouse td:nth-child(4) {
  box-shadow: rgba(17, 12, 46, 0.15) 0px 8px 20px 0px;
}
.tbGreenhouse td:nth-child(5) {
  background: #e9f4ff;
}
.tbGreenhouse td:nth-child(6) {
  background: #c0e3ff; 
}

.riskFactor strong {
  color: #00396C;
  font-size: 18px;
}
.pdpp h3 {
  margin: 25px 0 0 !important;
}
.menu-sustainability-menu-container li {
  line-height: 18px;
}
.menu-sustainability-menu-container .sub-menu, .menu-sustainability-container .sub-menu, .menu-business-container .sub-menu, .menu-company-container .sub-menu, .menu-invertor-container .sub-menu {
  top: -20px !important;
}
.listBusiness {
  display: block;
  margin: 0 auto 50px;
  width: 1100px;
  padding: 20px;
  overflow: hidden;
}
.titProduct {
  font-size: 20px;
  margin: 0 0 10px !important;
}
.boxOurproduct {
  display: block;
  margin: 0 0 30px;
  overflow: hidden;
}
.boxOurproduct dl {
  display: block;
  float: left;
  width: 300px !important;
  margin-right: 40px;
  /*border: 1px solid #c2bebd!important*/
}
.boxOurproduct dl dt {
  display: table-cell;
  margin: auto;
  height: 250px;
  /*background: #f2f2f2;*/
  vertical-align: middle;
}
.boxOurproduct dl dt img {
  width: 90%;
  height: auto;
  object-fit: cover;
  margin: auto;
}
.boxOurproduct dl dd {
  display: block;
  /*background: #d9d9d9;*/
  padding: 8px 0;
  color: #333;
  text-align: center;
  margin: -40px 0 0;
  font-size: 14px;
}
.boxEquipment2 {
  display: block;

}
.boxEquipment2 dl {
  display: block;
  float: left;
  width: 300px !important;
  margin-right: 40px;
  /*border: 1px solid #c2bebd!important*/
}
.boxEquipment2 dl dt {
  display: table-cell;
  margin: auto;
  height: 224px;
  /*background: #f2f2f2;*/
  vertical-align: middle;
  padding-bottom: 0;
}
.boxEquipment2 dl dt img {
  width: 100%;
  height: auto;
  object-fit: cover;
  margin: auto;
}
.boxEquipment2 dl dd {
  display: block;
  /*background: #d9d9d9;*/
  padding: 8px 0;
  color: #333;
  text-align: center;
  margin: 0;
  font-size: 14px;
}
.equipment-name {
    padding: 10px 0;
}
.navSide1 {
  position: fixed;
  right: 0;
  top: 0;
  width: 260px;
  height: 100%;
  background: #f4f4f4;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
  padding: 15px;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  overflow-y: auto;
  z-index: 9999;
}
.navSide1.active {
  transform: translateX(0);
}
.navSide1 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.navSide1 li {
  border-bottom: 1px solid #ddd;
}
.navSide1 li a {
  display: block;
  padding: 10px;
  color: #333;
  text-decoration: none;
}
.navSide1 li a:hover {
  background: #e2e2e2;
}
/* Accordion submenu */
.navSide .menu-item-has-children > a::after {
  content: "▸";
  float: right;
  transition: transform 0.3s;
}
.navSide .menu-item-has-children.open > a::after {
  transform: rotate(90deg);
}
.navSide .sub-menu {
  display: none;
  padding-left: 15px;
}
.navSide .menu-item-has-children.open > .sub-menu {
  display: block;
}
@media (hover: hover) {
  .navSide .menu-item-has-children:hover > .sub-menu {
    display: block !important;
  }
  .navSide .menu-item-has-children:hover > a::after {
    transform: rotate(90deg);
  }
}
.display-posts-listing {
  padding: 0;
}
.display-posts-listing li a {
  font-size: 16px;
  color: #333333;
  padding: 0 0 10px;
  line-height: 1.8em;
}
.display-posts-listing li a:hover {
  text-decoration: underline;
}
.metco-stock-wrapper {
  font-family: "Prompt", sans-serif;
  background: #fff;
  border-radius: 10px;
  padding: 15px 20px;
  /*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);*/
  display: inline-block;
  width: 100%;
}
.metco-stock-wrapper .stock-header {
  font-size: 1.2em;
  color: #ff6600;
  font-weight: 600;
}
.metco-stock-wrapper .symbol {
  /*color: #00a3d9;
  font-weight: bold;*/
}
.metco-stock-wrapper .stock-updated {
  font-size: 0.9em;
  color: #555;
}
.metco-stock-wrapper .stock-price {
  font-size: 3em;
  font-weight: bold;
  color: #003366;
  margin: 10px 0;
}
.metco-stock-wrapper .stock-stats {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  text-align: center;
}
.metco-stock-wrapper .stock-stats div {
  flex: 1;
  font-size: 0.9em;
  color: #333;
}
.metco-stock-wrapper .stock-stats span {
  display: block;
  font-size: 1em;
  color: #e55b00;
  font-weight: 600;
}
.metco-stock-wrapper .stock-link {
  display: inline-block;
  margin-top: 10px;
  color: #007bff;
  font-weight: 500;
  text-decoration: none;
}
.metco-stock-wrapper .stock-link:hover {
  text-decoration: underline;
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  padding-top: 0; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 800px;
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
  z-index: 9999;
}
/* Modal Content */
.modal-content {
  margin: auto;
  padding: 10px;
  width: 80%;
  height: 640px;
  margin-top: 20px;
}
/* The Close Button */
.close {
  color: #ffffff;
  float: right;
  font-size: 28px;
  line-height: 22px;
  font-weight: bold;
}
.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.listDocument {
  display: block;
  width: 1140px;
  margin: 0 auto;
  font-family: "Sansation", sans-serif !important;
}
.listDocument ul {
  margin: 0;
  padding: 0;
}
.listDocument li {
  display: block;
  float: left;
  width: 45%;
  margin: 0 15px 50px;
  list-style: none;
}
.listDocument li h3.title {
  color: #00396C;
  font-size: 20px;
  margin-bottom: 5px;
  position: relative;
  padding-left: 30px;
}
.listDocument li h3.title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f1c1";
  font-weight: 900;
  position: absolute;
  left: 0; /*左端からのアイコンまでの距離*/
  color: #f20;
}
.listDocument li .elementor-button-content-wrapper {
  line-height: 25px;
  fill: #00436F;
  color: #00436F;
}
.listDocument li a {
  float: left;
  margin: 5px 0 0 30px;
}
@media print {
  /* ซ่อนปุ่ม Save PDF */
  .btn-save-pdf, header, footer, .site-header, .site-footer, .elementor-location-header, .elementor-location-footer {
    display: none !important;
  }
  /* ตั้งค่าหน้ากระดาษให้ดูดี */
  body {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    font-size: 14px;
  }
  /* กำหนดขนาดกระดาษ */
  @page {
    size: A4;
    margin: 15mm;
  }
}
.boxCSR {
  display: flex;
  flex-wrap: wrap;
  width: 1140px;
  margin: auto;
}
.contentCSR {
  display: flex;
  flex-wrap: wrap;
  width: 1140px;
  margin: 15px auto;
}
.boxDesCSR {
  display: block;
  float: right;
  width: 70%;
}
.boxCSR .reactheme-breadcrumb, .boxCSR .elementor-widget-slider_revolution, .boxCSR h2.title {
  display: none !important;
}
.contentCSR .reactheme-breadcrumb {
  display: none !important;
}
.tabCSR {
  flex: 0 0 200px;
  display: flex;
  flex-direction: column;
  border-right: 2px solid #ddd;
  background-color: #f8f8f8;
}
.tabCSR button {
  background-color: inherit;
  color: #333;
  padding: 12px 16px;
  width: 100%;
  border: none;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.3s;
  font-weight: 500;
}
.tabCSR button:hover {
  background-color: #e0e0e0;
}
.tabStock button.active {
  background-color: #005bac;
  color: #fff;
}
.tabcontentCSR {
  flex: 1;
  display: none;
  padding: 20px;
  animation: fadeEffect 0.5s;
}
@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.boxlistCSR {
  list-style: none;
  padding: 0;
}
.boxlistCSR li {
  padding: 8px 0;
  border-bottom: 1px solid #ddd;
}
.boxlistCSR li a {
  color: #333;
  text-decoration: none;
  transition: color 0.2s;
}
.boxlistCSR li a:hover {
  color: #005bac;
}
/* Responsive */
@media (max-width: 768px) {
  .boxCSR {
    flex-direction: column;
  }
  .tabCSR {
    flex-direction: row;
    overflow-x: auto;
    border-right: none;
    border-bottom: 2px solid #ddd;
  }
  .tabCSR button {
    flex: 1;
    text-align: center;
  }
}
.csr-year-list {
  display: block;
  width: 25%;
  margin-bottom: 40px;
  padding: 0px;
}
.csr-year-item {
  margin-bottom: 20px;
}
.csr-year-title {
  display: block;
  font-size: 14px;
  color: #00396C;
  margin: 0 0 15px;
}
.csr-post-list {
  margin: 0 0 0 15px;
  padding-left: 0px;
  width: 85%;
}
.csr-post-list li {
  margin: 3px 0;
  line-height: 1em;
}
.csr-post-list a {
  text-decoration: none;
  color: #00396C;
  font-size: 13px;
}
.csr-post-list a:hover { color: #F15922;}
.csr-post-list .active a { color: #F15922;}
.contentCSR .csr-year-list {
  margin-top: 10px;
}
.metform-form-main-wrapper h4, .metform-form-main-wrapper h5, .metform-form-main-wrapper .elementor-widget-text-editor {
  font-family: "Sansation", "Prompt", sans-serif !important;
}
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}
#myImg:hover {
  opacity: 0.7;
}
/* The Modal (background) */
.modal2 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.9); /* Black w/ opacity */
}
/* Modal Content (image) */
.modal-content2 {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 500px;
}
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(0)
  }
  to {
    -webkit-transform: scale(1)
  }
}
@keyframes zoom {
  from {
    transform: scale(0)
  }
  to {
    transform: scale(1)
  }
}
/* The Close Button */
.modal2 .close {
  position: absolute;
  top: 35%;
  right: 30%;
  color: #000;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
  background: #fff;
  padding: 10px 15px;
  height: 50px;
  border-radius: 50%;
}
.modal2 .close:hover, .modal2 .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
  .modal-content2 {
    width: 100%;
  }
}
.titLocation {
  background: #fbbc77;
  margin: 0 !important;
  padding: 10px;
}
.titLocation h5 {
  margin: 0 !important;
  padding: 10px !important;
}
.multi-post-list li {
    list-style: none;
    margin-bottom: 15px;
    color: #333;
}
.multi-post-list li a {
    color: #333;
}
.multi-post-list li a:hover {
    text-decoration: underline;
}
.multi-post-list span.post-date {
    display: block;
    color: #F15922;
}
.post-pagination {
    text-align: center;
}
.csr-gallery {
  display: flex;
  gap: 20px;
  max-width: 1200px;
  margin: auto;
  padding: 30px 40px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  border-radius: 30px;
  position: relative;
  margin-top: 30px;
}

.csrMain {
  
  width: 75%;
  overflow: hidden;
  background: #fff;
}

.csrMain img {
  width: 100%;
  height: 460px;
  object-fit: cover;
  border-radius: 22px;  
}

.csrThumb {
  width: 25%;
  height: 460px;
}

.csrThumb .swiper-slide {
  height: 140px;
  opacity: 0.5;
  cursor: pointer;
}

.csrThumb .swiper-slide-thumb-active {
  opacity: 1;
}

.csrThumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
}

/* mobile */
@media (max-width: 768px) {
  .csr-gallery {
    flex-direction: column;
  }

  .csrMain, .csrThumb {
    width: 100%;
  }

  .csrThumb {
    height: auto;
  }
}
.equi-gallery {
  display: flex;
  gap: 50px;
  max-width: 1200px;
  margin: 30px auto 50px;
  padding: 30px 50px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  border-radius: 30px;
  position: relative;
}
.equiMain {
  width: 75%;
  overflow: hidden;
  background: #fff;
}

.equiMain img {
  width: 100%;
  height: 460px;
  object-fit: cover;
}

.equiThumb {
  width: 25%;
  height: 460px;
}

.equiThumb .swiper-slide {
  height: 140px;
  opacity: 0.5;
  cursor: pointer;
}

.equiThumb .swiper-slide-thumb-active {
  opacity: 1;
}

.equiThumb img {
  width: 100%;
  height: 80%;
  object-fit: cover;
}
.equi-gallery .equipment-name {
    font-size: 18px!important;
    line-height: 1em;
    color: #004370!important;
    text-align: center!important
}
/* mobile */
@media (max-width: 768px) {
  .equi-gallery {
    flex-direction: column;
  }

  .equiMain, .equiThumb {
    width: 100%;
  }

  .equiThumb {
    height: auto;
  }
}
.boxSubcommittee .e-con-inner {
    position: relative;
}
.lnavi {
  list-style: none;
  padding: 0;
  margin: 5% 0 0;
  max-width: 235px;
}

.lnavi li {
  margin-bottom: 5px;
  width: 235px;
  
}

.lnavi a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;

  background: url("assets/images/ic-ar.png") no-repeat 7px #e6e7e8;
  color: #0b2a4a;
  padding: 10px 7px 10px 35px;

  text-decoration: none;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 12px;
    line-height: 1.2em;
  transition: 0!important;
}



/* hover */
.lnavi li:hover a {
  background: url("assets/images/ic-ar_o.png") no-repeat  7px #00aeef ;
  transition: none!important;
  color: #fff!important;
}

/* ACTIVE */
.lnavi li.active a, .lnavi li.current-menu-item a {
  background: url("assets/images/ic-ar_o.png") no-repeat 7px #00aeef ;
  color: #fff!important;
  transition: none;
}

.lnavi li.active a::before {
  background: #fff;
  border-color: #fff;
  color: #00a3e0;
}
.boxContactUs {
    display: block;
    width: 1100px;
    margin: 0 auto;
}
.boxForm {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.boxForm label {
    width: 20%;
    float: left;
}
.boxForm .mf-input-required-indicator{
    color: #f00;
}
/* ปกปิดทุก tab ยกเว้น .active */
.tab-container { margin-top: 16px; }
.tab-pane { display: none;}
.tab-pane.active { display: block; }

/* เล็กน้อยให้ select ดูดี */
.tab-select {
  float: left;
  width: 79.4%;
  padding: 12px;
  font-size: 16px;
  border: none;
  background: #ececec;
}
.listForm {
    margin: 0 0 17px;
    padding: 0;
    overflow: hidden;
}
.listForm label {
    float: left;
    width: 20%;
    
}
.listForm span select {
    width: 6%;
    float: left;
    padding: 12px;
  font-size: 16px;
  border: none;
  background: #ececec;
}
.listForm span input, .listForm span textarea {
    float: left;
  width: 79.4%;
  padding: 12px;
  font-size: 16px;
  border: none;
  background: #ececec;
}
.listForm span input.boxName {
    float: left;
  width: 73%!important;
  padding: 12px;
  font-size: 16px;
  border: none;
  background: #ececec;
  margin-left: 5px;
}
.wpcf7-submit {
    display: block;
    width: 16%;
    background: #fff!important;
    box-shadow: 2px 2px #333!important;
    color: #004370!important;
    padding: 10px 30px!important;
    font-size: 16px!important;
    border: none!important;
    margin: 0 auto
}
.wpcf7-not-valid-tip {
    margin-left: 20%;
    font-size: 12px!important;
}
/* base slide */
.bxslider li {
  transform: scale(1);
  transition: all 0.35s ease;
  opacity: 0.5;
}

/* slide ที่ active */
.bxslider li.active {
  opacity: 0.7;
}

/* ✅ slide ตรงกลาง (active ตัวที่ 2 จาก 3) */
.bxslider li.active:nth-child(2) {
  transform: scale(1.4); /* ใหญ่ขึ้น 40% */
  opacity: 1;
  z-index: 10;
}

/* ✅ อนุญาตให้ slide ขยาย */
.productSwiper .swiper {
  overflow: visible;
}

.productSwiper .swiper-slide {
  overflow: visible;
  transition: all 0.4s ease;
  opacity: 0.5;
  transform: scale(1);
  background: #f5f5f7;
  border-radius: 30px;
}

/* รูป */
.productSwiper .swiper-slide img {
  width: 70%;
  transition: transform 0.4s ease;
  display: block;
  margin: auto;
}

/* slide ข้าง */
.productSwiper .swiper-slide-prev,
.productSwiper .swiper-slide-next {
  opacity: 0.7;
}
.productSwiper .swiper-button-prev {
    left: 0px!important;
    background: #f5f5f7;
    padding: 5px 10px!important;
    height: 30px!important;
    
}
.productSwiper .swiper-button-next {
    right: 0px!important;
    background: #f5f5f7;
    padding: 5px 10px!important;
    height: 30px!important;
    
}
.swiper-button-next::after, .swiper-button-prev::after {
    font-size: 20px!important;
    color: #5c5858!important;
}
/* ✅ slide ตรงกลาง – ขยายที่รูป */
.productSwiper .swiper-slide-active {
  opacity: 1;
  z-index: 20;
  transform: scale(1.2)!important;
}

.productSwiper .swiper-slide-active img {
  transform: scale(1.3); /* ✅ ใหญ่ขึ้น 40% */
}

/* กัน layout กระโดด */
.productSwiper {
  padding: 80px 40px!important;
}
.product-static-grid {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 80px 20px;
}

.product-static-grid .product-item {
  text-align: center;
    background: #f5f5f7;
  border-radius: 30px;
}

.product-static-grid.cols-1 .product-item { width: 35%; }
.product-static-grid.cols-2 .product-item { width: 35%; }
.product-static-grid.cols-3 .product-item { width: 35%; }

.product-static-grid img {
  width: 80%;
  display: block;
  margin: auto;
}
.product-name {
    font-size: 14px;
    line-height: 16px;
    padding: 10px 20px;
    text-align: center;
}
.boxEquipment {
    display: block;
    border-radius: 40px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.boxEquipment h3 span {
    display: block!important;
    font-size: 20px!important;
    font-weight: normal!important;
}
.boxEquipment .box-footer {
    text-align: right;
}
.boxEquipment .image-box-img-left {
    height: 400px;
}
.boxEquipment .image-box-img-left img {
    height: 100%!important;
    object-fit: cover;
}
.elementskit-box-content {
    display: block!important;
    height: 170px!important;
}

@media (max-width: 1024px) {
    .rtmega-menu-area.enabled-mobile-menu.rtmega-menu-mobile-button-wrapper {
        position: absolute;
        right: 5%;
        top: 5%;
    }
    .listNews ul li span.date {
        width: 25%;
    }
    .listNews ul li span.taxonomy {
        width: 30%;
    }
    .listNews ul li a {
        display: block;
    }
    .deInvest {
        display: block;
        width: 100%;
        position: relative;
    }
    .boxInvest {
        display: block;
        width: 100%;
    }
    .boxCompany1 {
        display: block;
        width: 100%;
    }
    .bannerChairman, .bannerHistory, .bannerDocument  {
        display: block;
        float: left;
        width: 50%!important;
    }
    .bannerVision, .bannerTop, .bannerSite {
        display: block;
        float: right;
        width: 50%!important;
    }
    .bannerTop img, .bannerSite img {
        width: 96%;
    }
    .working-process-one {
        display: block!important;
    }
    .working-process-one .left {
        width: 10%;
        float: left;
    }
    .working-process-one .inner-content {
        float: right;
        width: 85%;
        padding: 0px 10px!important
    }
}
@media print {
  header,
  footer,
  nav,
  .btn-print {
    display: none !important;
  }

  body {
    font-size: 14px;
    color: #000;
  }
    .e-con-inner {
        max-width: 100%;
        margin: 0;
    }
  .career-form-wrapper {
    width: 100%;
  }
}