[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 20px 0;}
}

@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;}
.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);}
}

.service-list .swiper-default.swiper-grid {
  height: auto;
}

.e-book-head {
  position: relative;
  border-radius: 30px;
  padding: 30px;
  background-color: var(--color-gray);
}
.e-book-head .flipbook-container {
  position: relative;
  height: 70dvh;
}



.detail-body .document-download-list .swiper:not(.gallery-slide .swiper) .swiper-slide-active, 
.detail-body .document-download-list .swiper:not(.gallery-slide .swiper) .swiper-slide-next {opacity: 1 !important;}

.gallery-slide .gallery-swiper-2 .cover .img-cover{object-fit: contain;}
.gallery-slide .gallery-swiper-2 .cover .img-blur{filter: blur(10px); z-index: -1;}