[data-asw-filter="dark-contrast"] .asw-menu-btn,
[data-asw-filter="dark-contrast"] .asw-menu-btn-mobile, 
[data-asw-filter="dark-contrast"] .fix-msg .link {filter: grayscale(1);}

[data-asw-filter="yellow-contrast"] .asw-menu-btn,
[data-asw-filter="yellow-contrast"] .asw-menu-btn-mobile, 
[data-asw-filter="yellow-contrast"] .fix-msg .link {filter: unset; background: #e6cf01;}
[data-asw-filter="yellow-contrast"] .asw-menu-btn svg path,
[data-asw-filter="yellow-contrast"] .asw-menu-btn-mobile svg path, 
[data-asw-filter="yellow-contrast"] .fix-msg .link svg path {fill: #000;}


.gallery-block {padding-bottom: 70px;}

.detail-body .swiper:not(.gallery-slide .swiper) .swiper-slide {opacity: 0 !important;}
.detail-body .swiper:not(.gallery-slide .swiper) .swiper-slide.swiper-slide-fully-visible {opacity: 1!important;}
.detail-body .swiper:not(.gallery-slide .swiper) .swiper-slide.swiper-slide-active {opacity: 1!important;}

@media (max-width: 1440px) {
  .gallery-block {padding-bottom: 25px;}
  .editor-content {margin: 30px 0 30px 0;}
}

@media (max-width: 991px) {
  .editor-content {margin: 10px 0 30px 0;}
}

@media (max-width: 991px) {
  .gallery-block {padding-bottom: 20px;}
}


@media (max-width: 991px) {
  .gallery-block {padding-bottom: 20px;}
}

/* edit comments by ohm 07-30-2024 */

/* .intro-slider .cover {height: calc(100vh);}
.intro-slider .video-container {padding-top: 100vh;}
.intro-content {z-index: 10;padding: 25px 0;}
.intro-slider .swiper.swiper-default .swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 180px;} */
.intro-content .action {display: flex; gap: 20px;}

@media (max-width: 991px) {
  .intro-slider .cover,
  .intro-slider .video-container {height: auto; padding-top: calc(100dvh - 294px);}
  .intro-content .action {flex-direction: column; gap: 10px;}
}

@media (max-width: 767px)  {
  .intro-slider .swiper.swiper-default .swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 30px;}
  .intro-slider .cover,
  .intro-slider .video-container {height: auto; padding-top: calc(100dvh - 283px);}
}

@media (max-width: 767px) {
  .intro-slider .swiper.swiper-default .swiper-pagination-bullet.swiper-pagination-bullet-active {margin: 0 16px;}
  .intro-slider .swiper.swiper-default .swiper-pagination-bullet {height: 10px; width: 10px;}
  .intro-slider .swiper.swiper-default .swiper-pagination-bullet:after {width: 30px; height: 30px;}
}

/* edit comments by ohm 05-08-2024 */

.org-structure-area .structure-section + .structure-section {margin-top: 50px;}
.org-structure-area .whead {margin: 0 0 30px 0;padding: 0;border: none;}
.org-structure-area .whead .title {font-size: 36px; color: var(--color-secondary);}
.org-structure-area .structure-list {display: grid;grid-template-columns: repeat(3, 1fr);gap:20px;}
.org-structure-area .structure-list .item {filter: drop-shadow(0px 30px 60px rgba(0, 0, 0, 0.1));}
.org-structure-area .structure-list .item .wrapper {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.75em), calc(100% - 1.75em) 100%, 0 100%); 
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.75em), calc(100% - 1.75em) 100%, 0 100%); 
  transition: all 200ms ease;
  background-color: var(--color-light);
}

.org-structure-area .structure-list .cover {
  width: 100%; padding-top: 115%; margin: auto; position: relative; z-index: 1;
  background-image: url('https://webtest.dmsc.moph.go.th/front/template/default/assets/img/uploads/structure/user-back.png');
}
.org-structure-area .structure-list .content {padding: 20px 20px 20px 20px; min-height: 240px; display: flex; flex-direction: column;}
.org-structure-area .structure-list .title {font-size: var(--typo-md);color: var(--color-primary); font-weight: var(--fw-bold);}
.org-structure-area .structure-list .desc {font-size: 20px;}
.org-structure-area .structure-list .contact {font-size: var(--typo-xs);margin-top: auto;}
.org-structure-area .structure-list .contact .txt {}
.org-structure-area .structure-list .contact span {}
.org-structure-area .structure-list .contact .link {color: var(--color-black);}
.org-structure-area .structure-list .contact .link:hover {color: var(--color-primary);}

/* .chart-section.chart-addon .chart-section .chart-box-primary {border: 1px solid var(--color-primary);}
.chart-section.chart-addon .chart-section .chart-box-secondary {border: 1px solid #1b9dd0;} */
.organizational-chart .chart-section.chart-addon ul {display: -webkit-box; display: -ms-flexbox; display: flex;justify-content: end;}
.organizational-chart .chart-section.chart-addon ul::before{position: absolute}

@media (max-width: 1600px) {
  .org-structure-area .whead {margin: 0 0 20px 0;}
  .org-structure-area .whead .title {font-size: 34px;}
  .org-structure-area .structure-list .content {min-height: 220px;}
}

@media (max-width: 1199px) {
  .org-structure-area .structure-section + .structure-section {margin-top: 40px;}
  .org-structure-area .whead .title {font-size: 30px;}
  .org-structure-area .structure-list .content {min-height: 200px;padding: 15px;}
  .org-structure-area .structure-list .title {font-size: 20px;}
  .org-structure-area .structure-list .desc {font-size: 18px;}
  .org-structure-area .structure-list .contact {font-size: 16px;}

  .organizational-chart .chart-section.chart-addon ul {display: block;}
  .organizational-chart .chart-section.chart-addon ul li {width: calc(100% / 3);}
}

@media (max-width: 991px) {
  .org-structure-area .structure-section + .structure-section {margin-top: 30px;}
  .org-structure-area .whead .title {font-size: 26px;}
  .org-structure-area .structure-list {gap: 15px;}

  .organizational-chart .chart-section.chart-addon ul li {width: calc(100%);}
  .organizational-chart .chart-section.chart-addon ul li + li {margin-top: 10px;}
}

@media (max-width: 767px) {
  .org-structure-area .structure-list .content {min-height: 180px;}
  .org-structure-area .structure-list {grid-template-columns: repeat(2, 1fr);}
  .org-structure-area .structure-list .title {font-size: 18px;}
  .org-structure-area .structure-list .desc {font-size: 16px;}
  .org-structure-area .structure-list .contact {font-size: 14px;}
}

@media (max-width: 575px) {
  .org-structure-area .structure-list {grid-template-columns: repeat(1, 1fr);}
}

/* coookie = guide 02/10/2567 */
.cookie-tab .app-width.bg-light{backdrop-filter: blur(15px) brightness(1.2); background-color: rgba(255,255,255,0.5) !important;}
.cookie-tab .wrapper{padding: 15px 0; margin: 0 auto; max-width: 1280px;}
.cookie-tab .h-tap{height: 130px;}
.cookie-tab .h-tap .content{display: flex; align-items: center;}
.cookie-tab .h-tap .icon{width: auto;}
.cookie-tab .h-tap .icon img{min-width: 70px;}
.cookie-tab .h-tap .text{font-size: 16px; line-height: 1.4em; color: #000; padding-left: 30px;}
.cookie-tab .h-tap .text strong{font-size: 20px; display: block; margin-bottom: 5px;}
.cookie-tab .h-tap .text .color{color: #2AB170;}
.cookie-tab .h-tap .text .link{color: #2AB170; text-decoration: underline;}
.cookie-tab .h-tap .action{margin-top: 0px;}
.cookie-tab .h-tap .action .btn{font-size: 20px; font-weight: bold; height: 60px; line-height: 60px; min-width: 150px;}
.cookie-tab .h-tap .action .btn + .btn{margin-left: 15px;}
.cookie-tab .h-tap .action .btn-border-primary{background-color: #fff; color: #2AB170; border-color: #2AB170;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 1em 100%, 0 calc(100% - 1em)); position: relative;
}
.cookie-tab .h-tap .action .btn-border-primary:before {content: ""; position: absolute; inset: 0; background: #2AB170;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 1em 100%, 0 calc(100% - 1em), 0 0, 2px 2px, 2px calc(100% - 1em - 1px), calc(1em + 1px) calc(100% - 2px), calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) 2px, 2px 2px);
}
.cookie-tab .h-tap .action .btn-border-primary:hover{background-color: #2AB170; color: #fff;}

@media (max-width: 1199px) {
  .cookie-tab .wrapper{padding: 15px;}
}
@media (max-width: 991px) {
  .cookie-tab .h-tap .text strong{font-size: 18px;}
  .cookie-tab .h-tap .action{display: flex; flex-direction: column;}
  .cookie-tab .h-tap .action .btn{font-size: 18px;}
  .cookie-tab .h-tap .action .btn + .btn{margin-left: 0px; margin-top: 15px;}
}
@media (max-width: 767px) {
  .cookie-tab .h-tap{height: auto;}
  .cookie-tab .h-tap > div{flex: 0 0 100%; max-width: 100%;}
  .cookie-tab .h-tap .icon img{min-width: 40px;}
  .cookie-tab .h-tap .content{align-items: flex-start;}
  .cookie-tab .h-tap .text{font-size: 14px; padding-left: 15px;}
  .cookie-tab .h-tap .text strong{font-size: 16px;}
  .cookie-tab .h-tap .action{display: flex; flex-direction: row; gap: 10px; margin-top: 10px;}
  .cookie-tab .h-tap .action .btn{font-size: 16px; min-width: 120px; height: 40px; line-height: 40px; width: 100%;}
  .cookie-tab .h-tap .action .btn + .btn{margin-left: 0px; margin-top: 0;}
}