@charset "UTF-8";
main {
  position: relative;
  z-index: 0;
  /* Swiper */
}
main .swiper-55 .swiper-slide {
  width: auto !important;
  flex-shrink: 0 !important;
  height: auto !important;
}
main .swiper-55 .swiper-wrapper {
  display: flex !important;
}
main .swiper-container {
  position: relative;
  width: 100%;
  overflow-x: hidden;
  /* Swiper arrows */
  /* Swiper pagination */
}
main .swiper-container .swiper-pagination-bullet {
  background-color: rgba(255, 255, 255, 0.8470588235);
}
main .swiper-container .swiper-pagination-bullet-active {
  background-color: #fff;
}
main .swiper-container .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 50px;
}
main .swiper-container .swiper-button-prev,
main .swiper-container .swiper-button-next {
  color: #151a33;
  background-color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 100px;
}
main .swiper-container .swiper-button-prev::after,
main .swiper-container .swiper-button-next::after {
  font-size: 14px;
}
main .swiper-container .swiper-button-prev {
  left: 10px;
}
main .swiper-container .swiper-button-next {
  right: 10px;
}
main.home .section-one {
  /* Swiper */
}
main.home .section-one .swiper-container {
  background-color: #000;
  /* Swiper slides */
  /* Slide captions */
}
main.home .section-one .swiper-container .swiper-slide {
  position: relative;
  height: 500px;
}
main.home .section-one .swiper-container .swiper-slide.slide-1 {
  background-image: url("../dist/image/banner-1.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
main.home .section-one .swiper-container .slide-captions {
  position: absolute;
  top: 50%;
  left: 0;
  padding: 40px 40px 40px 15%;
  color: #fff;
  z-index: 1;
  transform: translateY(-50%);
  background-color: rgba(21, 80, 149, 0.5098039216);
}
main.home .section-one .swiper-container .slide-captions .current-title {
  margin: 0;
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.3em;
}
main.home .section-one .swiper-container .slide-captions .current-title span {
  display: block;
  color: #f2cd5b;
  border-radius: 10px;
  margin-top: 5px;
}
main.home .section-one .swiper-container .slide-captions .current-detail {
  margin: 10px 0 0 0;
  font-size: 1em;
}
main.home .section-one .swiper-container .slide-captions .current-detail span {
  display: inline-block;
  margin-top: 20px;
  background-color: #2060bb;
  padding: 5px 20px;
  border-radius: 10px;
}
main.home .section-one .swiper-container .swiper-button-prev,
main.home .section-one .swiper-container .swiper-button-next {
  border-radius: 100px;
}
main.home .section-one .swiper-container .swiper-button-prev::after,
main.home .section-one .swiper-container .swiper-button-next::after {
  font-size: 14px;
}
main.home .section-two {
  overflow-x: hidden;
  background-color: #1082c8;
}
main.home .section-two .bg-1 {
  background-color: #02306a;
}
main.home .section-two .bg-2 .swiper-container {
  max-width: 850px;
}
main.home .section-two .bg-2 .swiper-container .swiper-button-prev,
main.home .section-two .bg-2 .swiper-container .swiper-button-next {
  color: #fff;
  background-color: transparent;
  width: 30px;
  height: 30px;
  border-radius: 0px;
  border: 1px solid #fff;
}
main.home .section-two .bg-2 .swiper-container .swiper-button-prev::after,
main.home .section-two .bg-2 .swiper-container .swiper-button-next::after {
  font-size: 14px;
}
main.home .section-two img {
  width: 65px;
}
main.home .section-three img {
  max-width: 160px;
  z-index: 1;
}
main.home .section-three .card {
  margin-top: -80px;
  z-index: -1;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  border: 0px;
}
main.home .section-three .card-body {
  padding-top: 110px;
  padding-bottom: 50px;
  background-image: linear-gradient(#1188d2, #1f62bc);
  height: 337.73px;
}
main.home .section-three .card-body h4 {
  margin: 33px 0;
}
main.home .section-three .bg-1 {
  margin-top: -120px;
  background-image: url("../dist/image/bg-2.jpg");
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 170px;
  padding-bottom: 80px;
}
main.home .section-four .card {
  border: 0;
}
main.home .section-four .card .card-body {
  background-color: #e5edf4;
  box-shadow: 0px 5px 5px 0 #dedede;
  border-radius: 5px;
}
main.home .section-four .card .card-body input, main.home .section-four .card .card-body select {
  border-radius: 100px;
}
main.home .section-four .card .card-body .btn {
  background-color: #00387f;
  border-radius: 100px;
  width: 100%;
  color: #fff;
}
main.home .section-four .card .card-body hr {
  width: 100%;
  max-width: 300px;
  opacity: 0.8;
}
main.home .section-four .card.searchspec {
  display: none;
}
main.home .section-four .card.card-1 input, main.home .section-four .card.card-1 label, main.home .section-four .card.card-2 input, main.home .section-four .card.card-2 label, main.home .section-four .card.card-3 input, main.home .section-four .card.card-3 label {
  cursor: pointer;
}
main.home .section-four .card.card-1 .card-body, main.home .section-four .card.card-2 .card-body, main.home .section-four .card.card-3 .card-body {
  box-shadow: none;
  background-color: #d6e7f7;
}
main.home .section-four .card.card-1.disabled, main.home .section-four .card.card-2.disabled, main.home .section-four .card.card-3.disabled {
  color: #8c8c8c;
}
main.home .section-five {
  background-image: url("../dist/image/bg-3.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  /* Swiper pagination */
}
main.home .section-five h2 {
  text-shadow: 0 0 3px #000;
}
main.home .section-five .grap {
  display: inline;
  background-color: #fff;
  border: 0;
  margin: 0;
  padding: 5px 20px;
  transition: all 0.3s ease-in-out;
}
main.home .section-five .grap:hover {
  background-color: #83b7ff;
  color: #fff;
}
main.home .section-five .grap.active {
  background-color: #2060bb;
  color: #fff;
}
main.home .section-five .grap.active:hover {
  background-color: #2060bb;
}
main.home .section-five .tag {
  font-size: 0.9em;
}
main.home .section-five h3 {
  color: #00387f;
}
main.home .section-five .card {
  max-width: 400px;
  margin: auto;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
main.home .section-five .card img {
  transition: all 0.3s ease-in-out;
}
main.home .section-five .card:hover {
  box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.3607843137) !important;
}
main.home .section-five .card:hover .card-header img {
  transform: scale(1.1);
}
main.home .section-five .card .btn-see-1 {
  background-color: #00387f;
  border-radius: 10px;
  color: #fff;
}
main.home .section-five .card .btn-see-1:hover {
  background-color: #1188d2;
}
main.home .section-five .card .tag-info {
  background-color: #f6e9b6;
  color: #000;
  padding: 2.5px 10px;
}
main.home .section-five .card .tag-motion {
  background-color: #b4eed5;
  color: #000;
  padding: 2.5px 10px;
}
main.home .section-five .card .tag {
  color: #1384cf;
  font-size: 0.9em;
}
main.home .section-five .card img {
  transition: all 0.3s ease-in-out;
}
main.home .section-five .card:hover {
  box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.3607843137) !important;
}
main.home .section-five .card:hover .card-header img {
  transform: scale(1.1);
}
main.home .section-five .card h3 {
  color: #00387f;
  height: 55px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.4em;
}
main.home .section-five .swiper-grap {
  width: 0;
  height: 0;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
main.home .section-five .swiper-grap.show {
  width: auto;
  height: auto;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
main.home .section-five .swiper-pagination {
  bottom: 35px;
}
main.home .section-six {
  background-image: url("../dist/image/bg-4.jpg?v=2");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 500px;
  /* Swiper pagination */
}
main.home .section-six .news {
  display: inline;
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 5px 20px;
  transition: all 0.3s ease-in-out;
}
main.home .section-six .news:hover {
  transform: scale(1.05);
  background-color: rgba(255, 255, 255, 0.8470588235);
}
main.home .section-six .news.active {
  background-color: #f2cd5b;
  border-radius: 10px;
  position: relative;
}
main.home .section-six .news.active::after {
  position: absolute;
  content: "";
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 12px solid #f2cd5b;
  z-index: 1;
}
main.home .section-six .news.active:hover {
  transform: scale(1);
}
main.home .section-six h3 {
  color: #00387f;
}
main.home .section-six .text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4; /* number of lines to show */
  line-clamp: 4;
  -webkit-box-orient: vertical;
  color: #333;
}
main.home .section-six .card {
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  color: #1384cf;
}
main.home .section-six .card img {
  transition: all 0.3s ease-in-out;
}
main.home .section-six .card:hover {
  box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.3607843137) !important;
}
main.home .section-six .card:hover .card-header img {
  transform: scale(1.1);
}
main.home .section-six .swiper-pagination {
  bottom: 60px;
}
main.home .section-six .swiper-news {
  width: 0;
  height: 0;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
main.home .section-six .swiper-news.show {
  width: auto;
  height: auto;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
main.home .section-six .bd {
  background-color: #f5f4f8;
}
main.home .section-six table {
  background-color: #fff;
}
main.home .section-six table a {
  transform: scale(1);
  display: inline-block;
  color: #333;
}
main.home .section-six table a:hover {
  transform: scale(1.15);
}
main.home .section-six table .link:hover {
  padding-left: 10px;
  transform: scale(1);
}
main.home .section-seven {
  background-color: transparent;
  min-height: 500px;
  position: relative;
}
main.home .section-seven ul li {
  list-style: none;
}
main.home .section-seven ul li .day {
  background-color: #f1cd5b;
  border-radius: 10px;
  color: #00387f;
  padding: 5px 10px;
  text-align: center;
}
main.home .section-seven ul li .day span {
  display: block;
}
main.home .section-seven ul li .detail {
  background-color: #fff;
  border-radius: 10px;
  border: 0;
  padding: 5px 10px;
  width: 100%;
  cursor: pointer;
  color: #00387f;
  transition: all 0.5s ease-in-out;
  text-align: start;
}
main.home .section-seven ul li .detail .img-1 {
  width: 18px;
  height: 18px;
  opacity: 1;
  transition: all 0.2s ease-in-out;
  margin-left: auto;
}
main.home .section-seven ul li .detail .img-2 {
  opacity: 0;
  width: 0;
  height: 0;
  transition: all 0.5s ease-in-out;
}
main.home .section-seven ul li .detail:hover {
  padding-left: 20px;
}
main.home .section-seven ul li .detail:hover .img-1 {
  opacity: 0;
  width: 0;
  height: 0;
}
main.home .section-seven ul li .detail:hover .img-2 {
  width: 18px;
  height: 18px;
  opacity: 1;
}
main.home .section-seven .swiper-container {
  background-color: #000;
  /* Swiper slides */
  /* Slide captions */
}
main.home .section-seven .swiper-container .swiper-slide {
  position: relative;
  height: 500px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
main.home .section-seven .swiper-container .slide-captions {
  position: absolute;
  bottom: 20px;
  left: 0;
  padding: 20px 20px 20px 40px;
  color: #fff;
  z-index: 1;
}
main.home .section-seven .swiper-container .slide-captions .current-title {
  margin: 0;
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.3em;
}
main.home .section-seven .swiper-container .slide-captions .current-detail {
  margin-top: 10px;
  font-size: 1em;
}
main.home .section-seven .swiper-container .swiper-button-prev,
main.home .section-seven .swiper-container .swiper-button-next {
  border-radius: 100px;
}
main.home .section-seven .swiper-container .swiper-button-prev::after,
main.home .section-seven .swiper-container .swiper-button-next::after {
  font-size: 14px;
}
main.home .section-seven .right {
  position: relative;
  min-height: 400px;
  right: 0;
  top: 0;
  width: 100%;
}
main.home .link-1, main.home .link-2, main.home .link-3 {
  display: block;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #fff;
  padding: 20px 20px;
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  height: 150px;
  position: relative;
}
main.home .link-1 .see, main.home .link-2 .see, main.home .link-3 .see {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 1;
}
main.home .link-1:hover, main.home .link-2:hover, main.home .link-3:hover {
  transform: scale(1.1);
}
main.home .link-1 {
  background-image: url("../dist/image/bg-link-1.png");
}
main.home .link-2 {
  background-image: url("../dist/image/bg-link-2.png");
}
main.home .link-3 {
  background-image: url("../dist/image/bg-link-3.png");
}
main.home .seemore {
  display: inline-block;
  transform: scale(1);
  transition: all 0.3s ease-in-out;
  margin-bottom: 5px;
}
main.home .seemore:hover {
  transform: scale(1.15);
}
main.home .banner .swiper-button-next, main.home .banner .swiper-button-prev {
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  z-index: 10;
  background-color: #48b0f7;
  border-color: #48b0f7;
  color: #fff;
  border-radius: 100px;
  width: 40px;
  height: 40px;
}
main.home .banner .swiper-button-next::after, main.home .banner .swiper-button-prev::after {
  font-size: 20px;
}
main.vision {
  background-image: url("../dist/image/v-bg.png");
  background-position: bottom center;
  background-size: contain;
  background-repeat: no-repeat;
  padding-bottom: 250px;
}
main.vision .section-one {
  min-height: 150px;
  background-image: url("../dist/image/v-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.vision .h5 {
  color: #0f4494;
}
main.vision .card {
  border-color: #90c9de;
  box-shadow: 10px 10px 0px 0px #90c9de;
  max-width: 300px;
  min-height: 181px;
}
main.vision .bd {
  background-color: #caebe9;
  color: #0f4494;
  padding: 50px 60px;
}
main.vision .bd .btn-read {
  background-color: #4fb2e5;
  color: #fff;
  min-width: 90px;
}
main.vision .bd .btn-read-2 {
  background-color: #0f4494;
  color: #fff;
  min-width: 90px;
}
main.vision .swiper-button-next, main.vision .swiper-button-prev {
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  z-index: 10;
  background-color: #48b0f7;
  border-color: #48b0f7;
  color: #fff;
  border-radius: 100px;
  width: 40px;
  height: 40px;
}
main.vision .swiper-button-next::after, main.vision .swiper-button-prev::after {
  font-size: 20px;
}
main.history {
  position: relative;
  padding-bottom: 250px;
}
main.history .section-one {
  min-height: 150px;
  background-image: url("../dist/image/his-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.history .timeline {
  position: relative;
}
main.history .timeline::after {
  position: absolute;
  content: "";
  background-color: #e4dfd8;
  border-radius: 10px;
  width: 15px;
  left: 10px;
  top: 0;
  bottom: 0;
}
main.history .timeline .bd {
  position: relative;
  z-index: 1;
  left: 0px;
  padding-left: 50px;
}
main.history .timeline .bd img {
  width: 90px;
  margin-left: 85px;
}
main.history .timeline .bd .time {
  position: absolute;
  width: 100px;
  left: 30px;
  top: 50px;
}
main.history .timeline .bd .time hr {
  position: absolute;
  left: 23px;
  margin: 0;
  opacity: 1;
  width: 74px;
  border-top-color: #61c7cc;
}
main.history .timeline .bd .time::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  background-color: #61c7cc;
}
main.history .timeline .bd .time::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -10px;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  background-color: #61c7cc;
}
main.history .menu-tab {
  background-color: #e7eeec;
}
main.history .menu-tab a {
  color: #2876c0;
  font-weight: bold;
  width: 49%;
  display: inline-block;
}
main.history .menu-tab a strong {
  color: #0123a6;
  margin-left: auto;
}
main.history .menu-tab a:hover {
  padding-left: 10px;
}
main.history .menu-tab a.active {
  border-bottom: 2px solid #0123a6;
  color: #000;
}
main.history .menu-tab .position-sticky {
  top: 0px;
}
main.executive {
  padding-bottom: 100px;
}
main.executive .section-one {
  min-height: 150px;
  background-image: url("../dist/image/executive-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.executive .section-one h1 {
  color: #296dbe;
}
main.executive .tab a {
  display: block;
  padding: 25px 0;
  border-top: 4px solid #fff;
  background-color: #c8e2f9;
  color: #296dbe;
  font-size: 1.1em;
}
main.executive .tab a.active {
  border-top: 4px solid #296dbe;
  background-color: #fff;
  box-shadow: 0 -2px 5px 0 #ccc;
}
main.executive h2 {
  color: #296dbe;
}
main.executive h3 {
  display: flex;
  background-image: url("../dist/image/i-33.png");
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 180px;
  height: 40px;
}
main.executive h3 span {
  margin: auto;
  color: #fff;
  padding: 5px 10px;
  font-size: 18px;
}
main.structure {
  padding-bottom: 150px;
}
main.structure .section-one {
  min-height: 150px;
  background-image: url("../dist/image/structure-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.structure .section-one h1 {
  color: #296dbe;
}
main.news, main.news-detail, main.faq, main.info_motion_graphic {
  padding-bottom: 150px;
}
main.news .section-one, main.news-detail .section-one, main.faq .section-one, main.info_motion_graphic .section-one {
  min-height: 150px;
  background-image: url("../dist/image/news-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.news .section-one h1, main.news-detail .section-one h1, main.faq .section-one h1, main.info_motion_graphic .section-one h1 {
  color: #fff;
}
main.news .btn:hover, main.news-detail .btn:hover, main.faq .btn:hover, main.info_motion_graphic .btn:hover {
  background-color: #45c3d2;
  color: #fff;
}
main.news .btn:hover p, main.news-detail .btn:hover p, main.faq .btn:hover p, main.info_motion_graphic .btn:hover p {
  color: #fff;
}
main.news h2, main.news h3, main.news-detail h2, main.news-detail h3, main.faq h2, main.faq h3, main.info_motion_graphic h2, main.info_motion_graphic h3 {
  color: #00387f;
}
main.news .tag, main.news-detail .tag, main.faq .tag, main.info_motion_graphic .tag {
  color: #1384cf;
  font-size: 0.9em;
}
main.news .card, main.news-detail .card, main.faq .card, main.info_motion_graphic .card {
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
main.news .card img, main.news-detail .card img, main.faq .card img, main.info_motion_graphic .card img {
  transition: all 0.3s ease-in-out;
}
main.news .card:hover, main.news-detail .card:hover, main.faq .card:hover, main.info_motion_graphic .card:hover {
  box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.3607843137) !important;
}
main.news .card:hover .card-header img, main.news-detail .card:hover .card-header img, main.faq .card:hover .card-header img, main.info_motion_graphic .card:hover .card-header img {
  transform: scale(1.1);
}
main.news .card h3, main.news-detail .card h3, main.faq .card h3, main.info_motion_graphic .card h3 {
  height: 55px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.4em;
}
main.news .tab-page .active, main.news-detail .tab-page .active, main.faq .tab-page .active, main.info_motion_graphic .tab-page .active {
  background-color: #48b0f7;
  border-color: #48b0f7;
  color: #fff;
}
main.news_statistical_substance .swiper-wrapper {
  padding: 10px 0;
}
main.news_statistical_substance .swiper-button-next {
  right: 0;
}
main.news_statistical_substance .swiper-button-prev {
  left: 0;
}
main.news_statistical_substance .swiper-button-next, main.news_statistical_substance .swiper-button-prev {
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  z-index: 10;
  background-color: #48b0f7;
  border-color: #48b0f7;
  color: #fff;
}
main.news_statistical_substance .swiper-button-disabled {
  opacity: 1;
}
main.news_statistical_substance .swiper-slide {
  text-align: center;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}
main.news_statistical_substance .swiper-slide .btn-page {
  color: #333;
  cursor: pointer;
}
main.news_statistical_substance .swiper-slide .btn-page.active {
  color: #48b0f7;
}
main.news_statistical_substance .swiper-slide::after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #333;
  transform: rotate(20deg);
}
main.news_statistical_substance .card {
  max-width: 250px;
  margin: 0 auto;
}
main.news-detail h3 {
  color: #000;
}
main.news-detail h3 span {
  position: relative;
}
main.news-detail h3 span::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 40%;
  height: 20px;
  background-image: url("../dist/image/i-35.png");
  background-position: bottom center;
  background-size: contain;
  background-repeat: no-repeat;
}
main.info_motion_graphic {
  padding-bottom: 150px;
}
main.info_motion_graphic .section-one {
  min-height: 150px;
  background-image: url("../dist/image/info_motion_graphic-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.info_motion_graphic .section-one h1 {
  color: #fff;
}
main.info_motion_graphic .tag-info {
  background-color: #f6e9b6;
  color: #000;
  padding: 2.5px 10px;
}
main.info_motion_graphic .tag-motion {
  background-color: #b4eed5;
  color: #000;
  padding: 2.5px 10px;
}
main.faq .section-one {
  min-height: 150px;
  background-image: url("../dist/image/faq-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.faq .section-one h1 {
  color: #fff;
}
main.faq .btn {
  font-size: 1.5em;
}
main.faq .btn.active {
  border: 0px;
  color: #0079fc;
}
main.faq ul {
  padding: 0;
}
main.faq ul li {
  list-style: none;
}
main.faq ul li .bg {
  background-color: #d6eef3;
  padding: 15px 30px;
}
main.survey3 .section-one {
  min-height: 150px;
  background-image: url("../dist/image/survey3-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.survey3 .section-one h1 {
  color: #fff;
}
main.survey3 .bd .btn {
  background-color: #0079fc;
  width: 170px;
  min-width: 170px;
  color: #fff;
}
main.survey3 .bg {
  background-color: #f1eff4;
}
main.rules .section-one {
  min-height: 150px;
  background-image: url("../dist/image/rules-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.rules .section-one h1 {
  color: #fff;
}
main.moral {
  padding-bottom: 150px;
}
main.moral .section-one {
  min-height: 150px;
  background-image: url("../dist/image/moral-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.moral .section-one h1 {
  color: #fff;
}
main.hr_management .section-one {
  min-height: 150px;
  background-image: url("../dist/image/hr_management-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.hr_management .section-one h1 {
  color: #fff;
}
main.bureaucratic_development .section-one {
  min-height: 150px;
  background-image: url("../dist/image/bureaucratic_development-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.bureaucratic_development .section-one h1 {
  color: #fff;
}
main.sammano3 .section-one {
  min-height: 150px;
  background-image: url("../dist/image/sammano3-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
main.sammano3 .section-one h1 {
  color: #fff;
}
main.sammano3 .section-two h2 {
  color: #ff5e14;
}
main.sammano3 .section-two h5 {
  padding-left: 30px;
  position: relative;
}
main.sammano3 .section-two h5 i {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #ff5e14;
  font-size: 0.8em;
}
main.sammano3 .section-three {
  background-image: url("../dist/image/sammano3-bg-1.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
main.sammano3 .section-three li {
  list-style: none;
}
main.sammano3 .section-three .cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  transition: opacity 0.2s;
}
main.sammano3 .section-three .cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: "mobile";
  display: none;
}
main.sammano3 .section-three .cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
main.sammano3 .section-three .cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
main.sammano3 .section-three .cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
main.sammano3 .section-three .cd-horizontal-timeline .events-wrapper::after, main.sammano3 .section-three .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}
main.sammano3 .section-three .cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #dfdfdf;
  transition: transform 0.4s;
}
main.sammano3 .section-three .cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  padding-bottom: 15px;
  color: #fff;
  /* fix bug on Safari - text flickering while timeline translates */
  transform: translateZ(0);
}
main.sammano3 .section-three .cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: #fff;
  transition: background-color 0.3s, border-color 0.3s;
}
main.sammano3 .section-three .cd-horizontal-timeline .events a.selected::after {
  border: 3px solid #ff5e14;
}
main.sammano3 .section-three .cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  /* replace text with an icon */
  overflow: hidden;
  color: #fff;
}
main.sammano3 .section-three .cd-timeline-navigation a i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
main.sammano3 .section-three .cd-timeline-navigation a.prev {
  left: 0;
}
main.sammano3 .section-three .cd-timeline-navigation a.next {
  right: 0;
}
main.sammano3 .section-three .no-touch .cd-timeline-navigation a:hover {
  border-color: #7b9d6f;
}
main.sammano3 .section-three .cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
main.sammano3 .section-three .cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
main.sammano3 .section-three .no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}
main.sammano3 .section-three .cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: 2em auto;
  overflow: hidden;
  transition: height 0.4s;
}
main.sammano3 .section-three .cd-horizontal-timeline .events-content ol {
  padding: 0 20px;
}
main.sammano3 .section-three .cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  transform: translateX(-100%);
  opacity: 0;
  animation-duration: 0.4s;
  animation-timing-function: ease-in-out;
  background-color: rgba(0, 57, 126, 0.2588235294);
  box-shadow: 0 0 20px 0 #212121;
}
main.sammano3 .section-three .cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  transform: translateX(0);
}
main.sammano3 .section-three .cd-horizontal-timeline .events-content li.enter-right, main.sammano3 .section-three .cd-horizontal-timeline .events-content li.leave-right {
  animation-name: cd-enter-right;
}
main.sammano3 .section-three .cd-horizontal-timeline .events-content li.enter-left, main.sammano3 .section-three .cd-horizontal-timeline .events-content li.leave-left {
  animation-name: cd-enter-left;
}
main.sammano3 .section-three .cd-horizontal-timeline .events-content li.leave-right, main.sammano3 .section-three .cd-horizontal-timeline .events-content li.leave-left {
  animation-direction: reverse;
}
main.sammano3 .section-three .cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
main.sammano3 .section-three .cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
}
main.sammano3 .section-three .cd-horizontal-timeline .events-content em::before {
  content: "- ";
}
main.sammano3 .section-three .cd-horizontal-timeline .events-content p {
  color: #fff;
}
main.sammano3 .section-three .cd-horizontal-timeline .events-content em, main.sammano3 .section-three .cd-horizontal-timeline .events-content p {
  line-height: 1.6;
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
main.sammano3 .section-four {
  background-image: url("../dist/image/sammano3-bg-3.png?v=1");
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
}
main.sammano3 .section-four li {
  list-style: none;
  padding-left: 20px;
  position: relative;
}
main.sammano3 .section-four li i {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #ff5e14;
  font-size: 0.8em;
}
main.sammano3 .section-four li.active {
  color: #fff;
  background-color: #ff5e14;
}
main.sammano3 .section-four li.active i {
  color: #fff;
}
main.sammano3 .section-four .bg-1 {
  background-color: rgba(255, 218, 206, 0.3882352941);
}
main.sammano3 .section-four .bg-1 h4 {
  color: #2b6cbe;
}
main.sammano3 .section-five {
  background-color: #ffefe7;
}
main.sammano3 .section-five h2 {
  color: #ff5e14;
}
main.sammano3 .section-five .card-body {
  background-color: #ff5e14;
  box-shadow: 0 0 10px 0 rgb(30, 30, 30);
}
main.sammano3 .section-five .card-body .text {
  background-color: #00387f;
  color: #fff;
  box-shadow: 0 0 10px 0 #000;
}
main.sammano3 .section-five .btn {
  background-color: #ff5e14;
  color: #fff;
}
main.sammano3 .section-six {
  background-image: url("../dist/image/sammano3-bg-4.jpg?v=1");
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
}
main.sammano3 .section-six h3 {
  color: #ff5e14;
}
main.sammano3 .section-six h2 {
  color: #2b6cbe;
}
main.sammano3 .section-six label {
  color: #2b6cbe;
}
main.sammano3 .section-six select {
  background-color: #c8e2f9;
  border-color: #c8e2f9;
  color: #00387f;
}
main.sammano3 .section-six .btn {
  background-color: #00387f;
  color: #fff;
}
main.sammano3 .section-six .list .list-1, main.sammano3 .section-six .list .list-2 {
  color: #fff;
}
main.sammano3 .section-six .list .list-1 {
  background-color: #00387f;
}
main.sammano3 .section-six .list .list-2 {
  background-color: #2b6cbe;
}
main.sammano3 .section-six .list h5 {
  background-color: #c8e2f9;
  color: #00387f;
}
main.sammano3 .section-six .list .accordion {
  border: 1px solid #ccc;
}
main.sammano3 .section-six .list .accordion .accordion-item {
  border-bottom: 2px solid #fff;
}
main.sammano3 .section-six .list .accordion .accordion-header {
  background-color: #f6f6f6;
}
main.sammano3 .section-six .list .accordion .accordion-header .accordion-button {
  background-color: #f6f6f6;
  color: #000;
}
main.sammano3 .section-six .list .accordion .accordion-body div {
  position: relative;
  padding-left: 20px;
}
main.sammano3 .section-six .list .accordion .accordion-body div::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #f07822;
}
main.sammano3 .section-seven {
  background-image: url("../dist/image/sammano3-bg-5.png?v=1");
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: rgba(0, 135, 219, 0.1764705882);
}
main.sammano3 .section-seven h2 {
  color: #f07822;
}
main.sammano3 .section-seven .tab .btn {
  width: 200px;
  background-color: #88c8f4;
  color: #00387f;
}
main.sammano3 .section-seven .tab .btn.active {
  background-color: #00387f;
  color: #fff;
}
main.sammano3 .section-seven .swiper-slide .card {
  border-radius: 10px;
  overflow: hidden;
}
main.sammano3 .section-seven .swiper-slide .card .card-header {
  background-color: #f07822;
  padding-top: 10px;
}
main.sammano3 .section-seven .swiper-slide .card h3 {
  color: #00387f;
}
main.sammano3 .section-seven .swiper-slide .card .btn {
  color: #f07822;
  font-size: 1.3em;
}
main.sammano3 .section-seven .swiper-pagination-bullet {
  background-color: #f9f9f9;
  opacity: 1;
  width: 10px;
  height: 10px;
}
main.sammano3 .section-seven .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #f07822;
}
main.sammano3 .section-seven .btn-seemore {
  background-color: #ff5e14;
  color: #fff;
}
main.sammano3 .section-eight .btn-seemore {
  background-color: #ff5e14;
  color: #fff;
}
main.sammano3 .section-eight .accordion .accordion-item {
  border: 1px solid #ff5e14;
}
main.sammano3 .section-eight .accordion .accordion-header {
  background-color: #fff;
}
main.sammano3 .section-eight .accordion .accordion-header .accordion-button {
  background-color: #fff;
  color: #000;
}
main.sammano3 .section-eight .accordion .accordion-header .accordion-button::after {
  background-image: #ff5e14;
}
main.sammano3 .section-eight .accordion .accordion-collapse {
  background-color: #f1f1f1;
}
main.sammano2 {
  padding-bottom: 50px;
}
main.sammano2 .section-one h1 {
  color: #00387e;
}
main.sammano2 .section-one .swiper-button-next {
  height: 40px;
  width: 40px;
}
main.sammano2 .section-one .swiper-button-next::after {
  content: "";
  height: 100%;
  width: 100%;
  background-image: url("../dist/image/i-56.png");
  background-position: center;
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
main.sammano2 .section-one .swiper-button-prev {
  height: 40px;
  width: 40px;
}
main.sammano2 .section-one .swiper-button-prev::after {
  content: "";
  height: 100%;
  width: 100%;
  background-image: url("../dist/image/i-57.png");
  background-position: center;
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
main.sammano2 .section-one .swiper-pagination-bullet {
  background-color: #74b03f;
  opacity: 1;
  width: 10px;
  height: 10px;
}
main.sammano2 .section-one .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #1f695c;
}
main.sammano2 .section-two {
  background-image: url("../dist/image/sammano2-1.jpg");
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
}
main.sammano2 .section-two h2 {
  color: #1f695c;
}
main.sammano2 .section-two .list {
  border-radius: 10px;
  border: 1px solid #1f695c;
  margin-bottom: 10px;
  padding: 10px;
  box-shadow: 0 0 5px 0 rgba(31, 105, 91, 0.3450980392);
  background-color: #fff;
}
main.sammano2 .section-two .list:first-child {
  margin-top: 68px;
}
main.sammano2 .section-two .card {
  border-radius: 10px;
  border: 0px;
  font-weight: 500;
  box-shadow: 0 0 5px 0 rgba(31, 105, 91, 0.3450980392);
}
main.sammano2 .section-two .card .card-header {
  padding: 10px;
  border-bottom: 0px;
  background-color: #fff;
}
main.sammano2 .section-two .card .card-header h3 {
  background-color: #f2cd5b;
  margin-bottom: 0;
  border-radius: 3px;
  font-size: 1em;
  padding: 6px 0;
  color: #1f695c;
}
main.sammano2 .section-two .card .card-body {
  padding: 0 10px;
}
main.sammano2 .section-two .card .card-body p {
  color: #1f695c;
  font-size: 1em;
  padding: 8px 0;
  background-color: #faf0cd;
  border-bottom: 1px solid #f2cd5b;
}
main.sammano2 .section-two .green .card .card-header h3 {
  color: #fff;
  background-color: #74b03f;
}
main.sammano2 .section-two .green .card .card-body p {
  background-color: #edf5dd;
  border-bottom: 1px solid #74b03f;
}
main.sammano2 .section-two .swiper-button-next {
  height: 40px;
  width: 40px;
}
main.sammano2 .section-two .swiper-button-next::after {
  content: "";
  height: 100%;
  width: 100%;
  background-image: url("../dist/image/i-56.png");
  background-position: center;
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
main.sammano2 .section-two .swiper-button-prev {
  height: 40px;
  width: 40px;
}
main.sammano2 .section-two .swiper-button-prev::after {
  content: "";
  height: 100%;
  width: 100%;
  background-image: url("../dist/image/i-57.png");
  background-position: center;
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
main.sammano2 .section-two .swiper-button-next.swiper-button-disabled, main.sammano2 .section-two .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
main.sammano2 .section-two .btn-seemore {
  color: #000;
}
main.sammano2 .section-three h2 {
  color: #1f695c;
}
main.sammano2 .section-three .btn {
  background-color: #74b03f;
  color: #fff;
}
main.sammano2 .section-three .btn.active {
  background-color: #1f695c;
}
main.sammano2 .section-three .link-step {
  color: #1f695c;
}
main.sammano2 .section-three .link-step:hover {
  padding-left: 20px;
}
main.sammano2 .section-three .bg {
  background-color: #e9f3f3;
}
main.sammano2 .section-four {
  background-image: linear-gradient(#e4f3f0, #fdfaf0);
}
main.sammano2 .section-four h2 {
  color: #1f695c;
}
main.sammano2 .section-four .btn {
  border: 0;
}
main.sammano2 .section-four .btn.active {
  color: #74b03f;
  font-weight: bold;
}
main.sammano2 .section-four .btn:hover {
  background-color: rgba(203, 231, 222, 0.6901960784);
}
main.sammano2 .section-four .card {
  border-radius: 10px;
  overflow: hidden;
}
main.sammano2 .section-four .card .card-header, main.sammano2 .section-four .card .card-body {
  background-color: #cbe7de;
}
main.sammano2 .section-four .swiper-pagination-bullet {
  background-color: #74b03f;
  opacity: 1;
}
main.sammano2 .section-four .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #1f695c;
}
main.sammano2 .section-four .swiper-button-next {
  height: 40px;
  width: 40px;
  bottom: 0;
  top: auto;
}
main.sammano2 .section-four .swiper-button-next::after {
  content: "";
  height: 100%;
  width: 100%;
  background-image: url("../dist/image/i-56.png");
  background-position: center;
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
main.sammano2 .section-four .swiper-button-prev {
  height: 40px;
  width: 40px;
  bottom: 0;
  top: auto;
  left: auto;
  right: 60px;
}
main.sammano2 .section-four .swiper-button-prev::after {
  content: "";
  height: 100%;
  width: 100%;
  background-image: url("../dist/image/i-57.png");
  background-position: center;
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
main.sammano2 .section-four .btn-seemore {
  color: #000;
}
main.sammano2 .section-five {
  background-image: url("../dist/image/sammano2-bg-0.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
main.sammano2 .section-five .accordion-item, main.sammano2 .section-five .accordion-button {
  background-color: transparent;
  border: 0px;
  color: #fff;
}
main.sammano2 .section-five .accordion-item::after, main.sammano2 .section-five .accordion-button::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
main.sammano2 .section-five .accordion-item {
  border-bottom: 1px solid #fff;
}
main.sammano2 .section-five .accordion-item .accordion-body {
  background-color: #edf5dd;
  color: #1f695c;
}
main.sammano2 .section-five .accordion-item .accordion-body div {
  position: relative;
  border-bottom: 1px solid #1f695c;
  padding-left: 50px;
}
main.sammano2 .section-five .accordion-item .accordion-body div::after {
  position: absolute;
  content: "";
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  background-color: #f2cd5b;
}
main.sammano2 .section-six {
  background-color: #f2f8f8;
}
main.sammano2 .section-six h2 {
  color: #1f695c;
}
main.sammano2 .section-six .tab-page a {
  color: #000;
}
main.sammano2 .section-six .tab-page a.active {
  color: #74b03f;
  text-decoration: underline;
}
main.sammano2 .section-six .accordion-item, main.sammano2 .section-six .accordion-button {
  background-color: #fff;
  border: 0px;
}
main.sammano2 .section-six .accordion-item .accordion-body, main.sammano2 .section-six .accordion-button .accordion-body {
  background-color: #edf5dd;
  color: #1f695c;
}
main.sammano2 .section-six .accordion-item .accordion-body div, main.sammano2 .section-six .accordion-button .accordion-body div {
  position: relative;
  border-top: 1px solid #1f695c;
  padding-left: 50px;
}
main.sammano2 .section-six .accordion-item .accordion-body div::after, main.sammano2 .section-six .accordion-button .accordion-body div::after {
  position: absolute;
  content: "";
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  background-color: #1f695c;
}
main.sammano2 .section-six .accordion-item {
  border-top: 1px solid #1f695c;
}
main.sammano2 .section-six .accordion-item:first-child {
  border: 0px;
}
main.sammano2 .section-seven {
  background-color: #f5f5f7;
}
main.sammano2 .section-seven h2 {
  color: #1f695c;
}
main.sammano2 .section-seven ul {
  padding: 0;
  margin-bottom: 0;
}
main.sammano2 .section-seven ul li {
  background-color: #cce6e2;
  padding: 15px 30px;
  border-radius: 8px;
  box-shadow: 0 0 5px 0 rgba(153, 153, 153, 0.6470588235);
}
main.sammano2 .section-eight {
  background-image: linear-gradient(#e4f3f0, #fdfaf0);
}
main.sammano2 .section-eight h2 {
  color: #1f695c;
}
main.sammano2 .section-eight .tab-page .active {
  color: #74b03f;
  font-weight: bold;
}
main.sammano2 .section-eight .card {
  overflow: hidden;
  color: #1f695c;
}
main.sammano2 .section-eight .swiper-pagination-bullet {
  background-color: #74b03f;
  opacity: 1;
}
main.sammano2 .section-eight .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #1f695c;
}
main.sammano1 {
  padding-bottom: 50px;
}
main.sammano1 .section-one h1 {
  color: #00387e;
}
main.sammano1 .section-one .swiper-slide {
  min-height: 150px;
  background-image: url("../dist/image/sammano1-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 120px 0;
}
main.sammano1 .section-one .swiper-button-prev {
  height: 40px;
  width: 40px;
}
main.sammano1 .section-one .swiper-button-prev::after {
  content: "";
  height: 100%;
  width: 100%;
  background-image: url("../dist/image/i-54.png");
  background-position: center;
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
main.sammano1 .section-one .swiper-button-next {
  height: 40px;
  width: 40px;
}
main.sammano1 .section-one .swiper-button-next::after {
  content: "";
  height: 100%;
  width: 100%;
  background-image: url("../dist/image/i-55.png");
  background-position: center;
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
main.sammano1 .section-one .swiper-pagination-bullet {
  background-color: #f9f9f9;
  opacity: 1;
  width: 10px;
  height: 10px;
}
main.sammano1 .section-one .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #00387e;
}
main.sammano1 .border-right {
  border-right: 1px solid #ccc;
}
main.sammano1 h2 {
  color: #00387e;
}
main.sammano1 h3 {
  color: #2b6cbe;
}
main.sammano1 .bg-1 {
  background-image: url("../dist/image/sammano1-bg-1.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
main.sammano1 .border-right-1 {
  border-right: 2px solid #00387e;
}
main.sammano1 li {
  position: relative;
  list-style: none;
  padding-left: 40px;
}
main.sammano1 li::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #88c8f4;
  width: 12px;
  height: 12px;
  border-radius: 100%;
}
main.sammano1 .btn-year {
  background-color: #88c8f4;
  color: #00387e;
}
main.sammano1 .btn-year.active {
  color: #fff;
  background-color: #2b6cbe;
}
main.sammano1 .link-step {
  color: #2b6cbe;
}
main.sammano1 .link-step.active {
  color: #88c8f4;
}
main.sammano1 .bg-2 {
  background-image: url("../dist/image/v-bg.png");
  background-position: bottom center;
  background-size: contain;
  background-repeat: no-repeat;
  padding-bottom: 100px;
}
main.sammano1 .bg-3 {
  background-color: rgba(240, 245, 250, 0.6549019608);
}
main.sammano1 .section-2 {
  background-size: cover;
}
main.sammano1 .section-2 .card {
  overflow: hidden;
  border-radius: 10px;
}
main.sammano1 .section-2 .card .card-body {
  background-color: #2b6cbe;
}
main.sammano1 .section-2 .card .card-body a {
  border-bottom: 1px solid #fff;
}
main.sammano1 .section-2 .card .card-body a:last-child {
  border-bottom: none;
}
main.sammano1 .section-2 .card .card-body a:hover {
  padding-left: 10px;
}
main.sammano1 .bg-4 {
  background-image: linear-gradient(#e4f3f0, #fdfaf0);
}
main.sammano1 .bg-4 span.active {
  color: #2b6cbe;
  font-weight: 700;
}
main.sammano1 .btn-seemore {
  background-color: #00387e;
  color: #fff;
}
main.sammano1 .accordion-item {
  border: 0px;
}
main.sammano1 .accordion-item .accordion-button {
  border: 1px solid #c8e2f9;
  border-radius: 100px !important;
  background-color: #c8e2f9;
}
main.sammano1 .section-3 {
  background-color: #f0f4f8;
  background-image: url("../dist/image/sammano1-bg-2.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
main.sammano1 .section-3 .btn {
  color: #fff;
  background-color: #2b6cbe;
}
main.sammano1 .section-3 .btn.active {
  color: #00387e;
  border: 0px;
  background-color: #fff;
  box-shadow: 5px 5px 5px 0 #ccc;
}
main.sammano1 .section-3 .sammano1-lag {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 5px 5px 5px 0 #ccc;
}
main.sammano1 .section-3 .sammano1-lag h3 {
  color: #000;
}
main.sammano1 .section-3 .bg-light {
  box-shadow: 5px 5px 5px 0 #ccc;
}
main.sammano1 .section-3 .bg-light h3 {
  color: #2b6cbe;
}
main.sammano1 .section-3 .bg-light .list {
  padding-left: 20px;
}
main.sammano1 .section-3 .bg-light .list:hover {
  padding-left: 40px;
}
main.sammano_survey {
  background-image: url("../dist/image/v-bg.png");
  background-position: bottom center;
  background-size: contain;
  background-repeat: no-repeat;
}
main.sammano_survey .section-one {
  min-height: 150px;
  background-image: url("../dist/image/sammano_survey-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.sammano_survey .section-one h1 {
  color: #fff;
}
main.sammano_survey h4, main.sammano_survey .h4 {
  color: #00387f;
}
main.sammano_survey .btn-search {
  background-color: #00387f;
  color: #fff;
}
main.sammano_survey .btn-search:hover {
  background-color: #006ab4;
}
main.sammano_survey input, main.sammano_survey select {
  background-color: #c8e2f9;
  color: #00387f;
  border-color: #c8e2f9;
}
main.sammano_survey input::-moz-placeholder, main.sammano_survey select::-moz-placeholder {
  color: #00387f;
}
main.sammano_survey input::placeholder, main.sammano_survey select::placeholder {
  color: #00387f;
}
main.sammano_survey thead {
  background-color: #3d79c4;
  color: #fff;
}
main.sammano_survey .bg {
  background-color: rgba(196, 234, 255, 0.4274509804);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top: 10px solid #3d79c4;
}
main.sammano_survey h4 {
  position: relative;
}
main.sammano_survey h4::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #3d79c4;
}
main.sammano_survey table {
  min-width: 800px;
}
main.sammano_survey ul, main.sammano_survey td {
  list-style: none;
  color: #4abbed;
  font-weight: 400;
  margin-bottom: 0;
}
main.sammano_survey ul a, main.sammano_survey td a {
  color: #000;
}
main.sammano_survey ul a:hover, main.sammano_survey td a:hover {
  padding-left: 10px;
  color: #4abbed;
}
main.sammano_survey tr {
  border-color: #b6dcf5;
}
main.sammano_survey li::before {
  content: "•";
  color: #f2cd5b;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  font-size: 1.1em;
}
main.sammano_survey_detail {
  padding-bottom: 150px;
}
main.sammano_survey_detail .section-one {
  min-height: 150px;
  background-image: url("../dist/image/sammano_survey-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.sammano_survey_detail .section-one h1 {
  color: #fff;
}
main.sammano_survey_detail .btn-download, main.sammano_survey_detail .btn-see {
  border-radius: 100px;
  background-color: #1fb7f3;
  color: #fff;
  font-size: 1.1em;
}
main.sammano_survey_detail .card {
  border-color: #e3f0f8;
  box-shadow: 5px 5px 5px 0 #ccc;
}
main.sammano_survey_detail .card-body {
  background-color: #e3f0f8;
}
main.sammano_survey_detail .border-top-1 {
  border-top: 2px solid #fff !important;
}
main.sammano_survey_detail .border-top-2 {
  border-top: 2px solid #e3f0f8 !important;
}
main.sammano_survey_detail .link-download {
  padding: 3px 10px;
  border-radius: 100px;
  font-size: 0.9em;
  border: 1px solid #1fb7f3;
  background-color: #fff;
  color: #1fb7f3;
}
main.sammano_survey_detail .link-download.active {
  color: #fff;
  background-color: #1fb7f3;
  border-color: #1fb7f3;
}
main.sammano_survey_detail .text {
  min-height: 48px;
}
main.sammano_survey_detail li {
  list-style: none;
}
main.sammano_survey_detail li::before {
  content: "•";
  color: #f07822;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  font-size: 1.15em;
}
main.procurement .section-one, main.foreign_statistical_agency .section-one {
  min-height: 150px;
  background-image: url("../dist/image/procurement-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.procurement .section-one h1, main.foreign_statistical_agency .section-one h1 {
  color: #fff;
}
main.procurement .bd, main.foreign_statistical_agency .bd {
  background-color: #f5f4f8;
}
main.procurement .btn.btn-primary, main.foreign_statistical_agency .btn.btn-primary {
  color: #fff !important;
}
main.procurement .tab-page .btn:hover, main.foreign_statistical_agency .tab-page .btn:hover {
  background-color: #9cd7ff;
  border-color: #9cd7ff;
  color: #fff !important;
}
main.procurement .tab-page .btn.active, main.foreign_statistical_agency .tab-page .btn.active {
  background-color: #48b0f7;
  border-color: #48b0f7;
  color: #fff !important;
}
main.procurement .detail:hover, main.foreign_statistical_agency .detail:hover {
  color: #48b0f7;
}
main.foreign_statistical_agency .section-one {
  min-height: 150px;
  background-image: url("../dist/image/foreign_statistical_agency-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.foreign_statistical_agency .section-one h1 {
  color: #fff;
}
main.foreign_statistical_agency .bg {
  background-color: #e5f1fc;
}
main.request_service_form .section-one {
  min-height: 150px;
  background-image: url("../dist/image/request_service_form-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.request_service_form .section-one h1 {
  color: #fff;
}
main.request_service_form h2 {
  color: #12327b;
}
main.request_service_form textarea {
  min-height: 150px;
}
main.request_service_form .btn {
  background-color: #0086db;
  color: #fff;
  font-size: 1.2em;
}
main.request_service_form .btn:hover {
  background-color: #006ab4;
}
main.interactive .section-one {
  min-height: 150px;
  background-image: url("../dist/image/interactive-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 100px;
}
main.interactive .btn {
  color: #fff;
}
main.interactive .btn.btn-00387f {
  background-color: #00387f;
}
main.interactive .btn:hover {
  background-color: #006ab4;
}
main.interactive .tab-page {
  position: relative;
  color: #000000;
  padding: 0 10px;
}
main.interactive .tab-page::after {
  transition: all 0.3s ease-in-out;
  position: absolute;
  content: "";
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 0%;
  border-bottom: 1px solid #2b6cbe;
}
main.interactive .tab-page:hover::after {
  width: 100%;
}
main.interactive .tab-page.active {
  color: #2b6cbe;
  font-weight: 700;
}
main.interactive .tab-page.active::after {
  width: 100%;
}
main.interactive .page {
  opacity: 0;
  height: 0px;
  padding: 0 !important;
}
main.interactive .page.active {
  opacity: 1;
  height: 100%;
  padding: 3em 0 !important;
  transition: all 0.5s ease-in;
}
main.interactive .card {
  border-color: #2b6cbe;
  box-shadow: 0 0 5px 0 #8c8c8c;
}
main.interactive .card p {
  min-height: 48px;
  margin-bottom: 0;
}
main.interactive .card .btn-see {
  background-color: #2b6cbe;
}
main.interactive .swiper-pagination {
  position: absolute;
  bottom: 0px;
}
main.interactive .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
}
main.interactive .swiper-pagination-bullet-active {
  background-color: #fff;
  border: 2px solid #2b6cbe;
}
main.interactive .swiper-button-next, main.interactive .swiper-button-prev {
  color: #ccc;
}
main.interactive .swiper-button-next::after, main.interactive .swiper-button-prev::after {
  font-size: 30px;
}
main.interactive .text {
  font-size: 1.2em;
}
main.interactive h3 {
  color: #00387f;
}
main.interactive .btn-see-1 {
  background-color: #00387f;
  border-radius: 10px;
}
main.interactive .bg-section {
  background-image: linear-gradient(#4c7fc8, #8bccc1);
}
main.interactive .bg-section .next-page {
  background-color: #f2cd5b;
}
main.interactive .run-page input {
  background-color: transparent;
  border: 1px solid #333;
  border-radius: 10px;
  padding: 2.5px 20px;
  width: 80px;
}
main.interactive .run-page button {
  display: inline-block;
  background-color: #f2cd5b;
  border: none;
}
main.job .section-one {
  min-height: 150px;
  background-image: url("../dist/image/job-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.job .section-one h1 {
  color: #fff;
}
main.training .section-one {
  min-height: 150px;
  background-image: url("../dist/image/training-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.training .section-one h1 {
  color: #fff;
}
main.pension .section-one {
  min-height: 150px;
  background-image: url("../dist/image/pension-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.pension .section-one h1 {
  color: #fff;
}
main.calendar {
  padding-bottom: 100px;
}
main.calendar .section-one {
  min-height: 150px;
  background-image: url("../dist/image/calendar-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.calendar .section-one h1 {
  color: #fff;
}
main.calendar a {
  color: #333;
}
main.calendar .card {
  box-shadow: 0 0 20px 0 rgba(190, 190, 190, 0.6196078431);
}
main.statistical_system {
  padding-bottom: 100px;
}
main.statistical_system .section-one {
  min-height: 150px;
  background-image: url("../dist/image/statistical_system-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.statistical_system .section-one h1 {
  color: #fff;
}
main.statistical_system .btn-outline-primary {
  color: #0079fc !important;
  background-color: #fff;
}
main.statistical_system .btn-outline-primary:hover {
  background-color: #0079fc;
  color: #fff !important;
}
main.statistical_system .search-list span {
  color: #0079fc;
}
main.statistical_system .detail span {
  background-color: #d0f0fa;
}
main.statistical_system .othersearch, main.statistical_system .bdothersearch {
  display: none;
}
main.statistical_system .tab-page .btn:hover {
  background-color: #9cd7ff;
  border-color: #9cd7ff;
  color: #fff !important;
}
main.statistical_system .tab-page .btn.active {
  background-color: #48b0f7;
  border-color: #48b0f7;
  color: #fff !important;
}
main.nsopublic {
  background-image: url("../dist/image/v-bg.png");
  background-position: bottom center;
  background-size: contain;
  background-repeat: no-repeat;
}
main.nsopublic .section-one {
  min-height: 150px;
  background-image: url("../dist/image/nsopublic-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.nsopublic .section-one h1 {
  color: #fff;
}
main.nsopublic h2 {
  border-bottom: 2px solid #45c3d2;
}
main.nsopublic a {
  color: #333;
  margin-bottom: 5px;
  padding: 0 5px;
}
main.nsopublic a:hover {
  padding-left: 15px;
}
main.schedule_calendar {
  padding-bottom: 100px;
}
main.schedule_calendar .section-one {
  min-height: 150px;
  background-image: url("../dist/image/schedule_calendar-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.schedule_calendar .section-one h1 {
  color: #fff;
}
main.schedule_calendar table {
  min-width: 1100px;
}
main.schedule_calendar thead {
  background-color: #3979b0;
  color: #fff;
  vertical-align: middle;
}
main.schedule_calendar .month {
  width: 100px;
  text-align: center;
}
main.schedule_calendar .bg {
  background-color: #e1f3f9;
}
main.schedule_calendar .text {
  color: #3979b0;
}
main.schedule_calendar .border-1 {
  border-bottom: 1px solid #ccc;
}
main.schedule_calendar td {
  border: 0px;
}
main.schedule_calendar .detail {
  width: 600px;
}
main.statistical_in_country .section-one {
  min-height: 150px;
  background-image: url("../dist/image/statistical_in_country-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.statistical_in_country .section-one h1 {
  color: #fff;
}
main.statistical_in_country .btn {
  color: #fff !important;
}
main.statistics_and_indicators {
  padding-bottom: 150px;
}
main.statistics_and_indicators .section-one {
  min-height: 150px;
  background-image: url("../dist/image/statistics_and_indicators-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.statistics_and_indicators .section-one h1 {
  color: #fff;
}
main.statistics_and_indicators .section-2 {
  background-color: #e6ecec;
}
main.statistics_and_indicators .section-2 h3 {
  color: #00387f;
}
main.statistics_and_indicators h4 {
  background-color: #e4ecef;
  color: #00387f;
  padding: 10px 20px;
  border-radius: 8px;
}
main.statistics_and_indicators .link {
  color: #000;
}
main.statistics_and_indicators .link:hover {
  padding-left: 10px;
}
main.statistics_and_indicators .link .tag {
  background-color: #90d7f5;
  border-radius: 100px;
  padding: 0px 10px;
  font-size: 0.8em;
}
main.statistics_and_indicators h2 .total {
  color: #01afee;
}
main.statistics_and_indicators .list h6 {
  color: #00387f;
}
main.statistics_and_indicators .list .small {
  color: #747474;
}
main.statistics_and_indicators .list .tag {
  background-color: #67ad88;
  color: #fff;
  border-radius: 8px;
}
main.statistics_and_indicators select.small {
  font-size: 0.875rem;
}
main.statistics_and_indicators .tab-page .active {
  background-color: #2fa5f6 !important;
  border-color: #2fa5f6 !important;
  color: #fff !important;
}
main.sitemap {
  padding-bottom: 100px !important;
}
main.sitemap .section-one {
  min-height: 150px;
  background-image: url("../dist/image/sitemap-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.sitemap .section-one h1 {
  color: #fff;
}
main.sitemap h3 {
  background-color: #efefef;
  border-top: 2px solid #45964f;
  padding: 10px 20px;
  text-align: center;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
main.sitemap a {
  margin-bottom: 5px;
}
main.sitemap a:hover {
  padding-left: 10px !important;
}
main.sitemap li {
  list-style: disc !important;
  border: 0 !important;
  margin-bottom: 5px;
}
main.sitemap li:hover {
  padding-left: 10px !important;
}
main.estimate {
  padding-bottom: 100px !important;
}
main.estimate .section-one {
  min-height: 150px;
  background-image: url("../dist/image/estimate-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.estimate .section-one h1 {
  color: #fff;
}
main.estimate .card {
  box-shadow: 0 0 10px 0 #ccc;
}
main.estimate .card .card-footer {
  background-color: #e2f3fb;
}
main.estimate .card .card-footer .btn {
  width: 100%;
}
main.estimate .card .card-footer .btn:hover {
  transform: scale(1.05);
}
main.estimate .card .card-footer .btn-1 {
  background-color: #fff;
  color: #01afee;
  border-radius: 100px;
}
main.estimate .card .card-footer .btn-2 {
  background-color: #01afee;
  color: #fff;
  border-radius: 100px;
}
main.gallery {
  padding-bottom: 100px !important;
}
main.gallery .section-one {
  min-height: 150px;
  background-image: url("../dist/image/gallery-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.gallery .section-one h1 {
  color: #fff;
}
main.gallery .bd {
  background-color: #f5f4f9;
}
main.gallery .list {
  color: #000;
}
main.gallery .list:hover img {
  transform: scale(1.05);
}
main.gallery .tab-page .active {
  background-color: #2fa5f6 !important;
  border-color: #2fa5f6 !important;
  color: #fff !important;
}
main.gallery .detail {
  padding-bottom: 50px;
}
main.gallery .detail h2 {
  display: inline-block;
  background-color: #00bde5;
  color: #fff;
  padding: 10px 20px;
  min-width: 240px;
}
main.mainsearch .section-one {
  min-height: 150px;
  background-image: url("../dist/image/search-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.mainsearch .section-one h1 {
  color: #fff;
}
main.mainsearch .btn-1 {
  background-color: #00387e;
  color: #fff !important;
}
main.mainsearch .btn-1:hover {
  background-color: #011e41 !important;
}
main.mainsearch .btn-2 {
  background-color: #6c757d;
  color: #fff !important;
}
main.mainsearch .btn-2:hover {
  background-color: #40464a !important;
}
main.mainsearch .tab-page .active {
  background-color: #2fa5f6 !important;
  border-color: #2fa5f6 !important;
  color: #fff !important;
}
main.contact .section-one {
  min-height: 150px;
  background-image: url("../dist/image/contact-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.contact .section-one h1 {
  color: #fff;
}
main.contact h5 {
  color: #0f4494;
}
main.contact .bg {
  background-color: #d1eff4;
}
main.contact .bg-2 {
  background-color: #f5f6f6;
}
main.contact li {
  list-style: decimal !important;
  border: 0 !important;
}
main.contact li:hover {
  padding-left: 0px !important;
}
main.contact .bdcontact {
  position: relative;
  background-color: #fff;
  max-width: 800px;
  z-index: 999;
  margin: -100px auto 0;
  padding: 20px 50px;
  border: 2px solid #90c9de;
  box-shadow: 10px 10px 0 0 #90c9de;
  border-radius: 10px;
}
main.contact .bdcontact input, main.contact .bdcontact select, main.contact .bdcontact textarea {
  background-color: #ddf4f8;
  border-color: #ddf4f8;
}
main.term_definition {
  font-size: 1.1em;
}
main.term_definition .section-one {
  min-height: 150px;
  background-image: url("../dist/image/term_definition-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.term_definition .section-one h1 {
  color: #fff;
}
main.term_definition h2 {
  color: #296dbe;
}
main.term_definition .hr {
  opacity: 1;
  border-top: 3px solid #000;
  width: 100px;
}
main.term_definition .rounded {
  box-shadow: 0 0 10px 0 rgba(42, 42, 42, 0.6039215686);
}
main.ebook .section-one {
  min-height: 150px;
  background-image: url("../dist/image/ebook-header.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 110px 0 90px;
}
main.ebook .section-one h1 {
  color: #fff;
}
main.ebook .link {
  color: #000 !important;
  background-color: #e6e7e9;
}
main.ebook .link.active {
  color: #fff !important;
  background-color: #1f62bc !important;
}
main.ebook .bg {
  background-color: #f5f4f8;
}
main.ebook .btsearch {
  background-color: #0f4494;
}
main.ebook .btsearch:hover {
  background-color: #012b61 !important;
}
main.ebook .book a {
  color: #333;
}
main.ebook .tab-page .btn:hover {
  background-color: #9cd7ff;
  border-color: #9cd7ff;
  color: #fff !important;
}
main.ebook .tab-page .btn.active {
  background-color: #48b0f7 !important;
  border-color: #48b0f7 !important;
  color: #fff !important;
}
main.rules, main.hr_management, main.bureaucratic_development, main.procurement, main.job, main.training, main.pension, main.nsopublic, main.statistical_in_country, main.contact, main.sitemap, main.mainsearch, main.term_definition, main.ebook, main.foreign_statistical_agency {
  padding-bottom: 150px;
}
main.rules .btn, main.hr_management .btn, main.bureaucratic_development .btn, main.procurement .btn, main.job .btn, main.training .btn, main.pension .btn, main.nsopublic .btn, main.statistical_in_country .btn, main.contact .btn, main.sitemap .btn, main.mainsearch .btn, main.term_definition .btn, main.ebook .btn, main.foreign_statistical_agency .btn {
  color: #006ab4;
}
main.rules .btn:hover, main.hr_management .btn:hover, main.bureaucratic_development .btn:hover, main.procurement .btn:hover, main.job .btn:hover, main.training .btn:hover, main.pension .btn:hover, main.nsopublic .btn:hover, main.statistical_in_country .btn:hover, main.contact .btn:hover, main.sitemap .btn:hover, main.mainsearch .btn:hover, main.term_definition .btn:hover, main.ebook .btn:hover, main.foreign_statistical_agency .btn:hover {
  background-color: #45c3d2;
  color: #fff;
}
main.rules .btn:hover p, main.hr_management .btn:hover p, main.bureaucratic_development .btn:hover p, main.procurement .btn:hover p, main.job .btn:hover p, main.training .btn:hover p, main.pension .btn:hover p, main.nsopublic .btn:hover p, main.statistical_in_country .btn:hover p, main.contact .btn:hover p, main.sitemap .btn:hover p, main.mainsearch .btn:hover p, main.term_definition .btn:hover p, main.ebook .btn:hover p, main.foreign_statistical_agency .btn:hover p {
  color: #fff;
}
main.rules .btn p, main.hr_management .btn p, main.bureaucratic_development .btn p, main.procurement .btn p, main.job .btn p, main.training .btn p, main.pension .btn p, main.nsopublic .btn p, main.statistical_in_country .btn p, main.contact .btn p, main.sitemap .btn p, main.mainsearch .btn p, main.term_definition .btn p, main.ebook .btn p, main.foreign_statistical_agency .btn p {
  color: #00a7de;
  font-weight: 400;
}
main.rules .btn.active, main.hr_management .btn.active, main.bureaucratic_development .btn.active, main.procurement .btn.active, main.job .btn.active, main.training .btn.active, main.pension .btn.active, main.nsopublic .btn.active, main.statistical_in_country .btn.active, main.contact .btn.active, main.sitemap .btn.active, main.mainsearch .btn.active, main.term_definition .btn.active, main.ebook .btn.active, main.foreign_statistical_agency .btn.active {
  color: #000;
  background-color: #45c3d2;
  border-color: #45c3d2;
}
main.rules .btn.active p, main.hr_management .btn.active p, main.bureaucratic_development .btn.active p, main.procurement .btn.active p, main.job .btn.active p, main.training .btn.active p, main.pension .btn.active p, main.nsopublic .btn.active p, main.statistical_in_country .btn.active p, main.contact .btn.active p, main.sitemap .btn.active p, main.mainsearch .btn.active p, main.term_definition .btn.active p, main.ebook .btn.active p, main.foreign_statistical_agency .btn.active p {
  color: #fff;
}
main.rules li, main.hr_management li, main.bureaucratic_development li, main.procurement li, main.job li, main.training li, main.pension li, main.nsopublic li, main.statistical_in_country li, main.contact li, main.sitemap li, main.mainsearch li, main.term_definition li, main.ebook li, main.foreign_statistical_agency li {
  list-style: none;
  border-bottom: 1px solid #ccc;
}
main.rules li a, main.hr_management li a, main.bureaucratic_development li a, main.procurement li a, main.job li a, main.training li a, main.pension li a, main.nsopublic li a, main.statistical_in_country li a, main.contact li a, main.sitemap li a, main.mainsearch li a, main.term_definition li a, main.ebook li a, main.foreign_statistical_agency li a {
  padding: 20px 0;
  color: #000;
}
main.rules li:hover, main.hr_management li:hover, main.bureaucratic_development li:hover, main.procurement li:hover, main.job li:hover, main.training li:hover, main.pension li:hover, main.nsopublic li:hover, main.statistical_in_country li:hover, main.contact li:hover, main.sitemap li:hover, main.mainsearch li:hover, main.term_definition li:hover, main.ebook li:hover, main.foreign_statistical_agency li:hover {
  padding-left: 20px;
}
main #wowslider-container1 {
  margin: 0 auto;
}
main .ws_controls .ws_playpause {
  display: none;
}
main .ws_next {
  position: relative;
  background: transparent !important;
  width: 80px !important;
  height: 80px !important;
}
main .ws_next::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-left: 30px solid #bddded;
  border-bottom: 25px solid transparent;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
main .ws_prev {
  position: relative;
  background: transparent !important;
  width: 80px !important;
  height: 80px !important;
}
main .ws_prev::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-right: 30px solid #bddded;
  border-bottom: 25px solid transparent;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
main .ws_next:hover {
  background-color: rgba(255, 255, 255, 0.2156862745) !important;
}
main .ws_next:hover::after {
  border-left: 30px solid #f2cd5b;
}
main .ws_prev:hover {
  background-color: rgba(255, 255, 255, 0.2156862745) !important;
}
main .ws_prev:hover::after {
  border-right: 30px solid #f2cd5b;
}
main .ws-title {
  bottom: auto !important;
  top: 100px;
  font-family: NotoSans !important;
  left: 150px !important;
}
main .ws-title span {
  background-color: transparent !important;
  opacity: 1 !important;
}
main .ws-title span h1 {
  text-shadow: 0 3px 5px #000;
  font-family: NotoSansBold !important;
  font-weight: 700;
  font-size: 4em;
  margin-bottom: 30px;
}
main .ws-title span hr {
  width: 50px;
  opacity: 1;
  border-top: 5px solid #fff;
}
main .ws-title span p {
  font-size: 2.5em;
  margin-bottom: 30px;
}
main .ws-title span a {
  border-radius: 100px;
  background-color: rgba(255, 255, 255, 0.2156862745);
  color: #000;
  padding: 10px 40px;
  font-size: 1.3em;
}
main .c-primary {
  color: #00387f;
}
main h2 {
  font-size: 3em;
  font-weight: 700;
}
main .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background-color: #ccc;
  opacity: 1;
  z-index: 1;
}
main .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #f2cd5b;
}
main .section-2 {
  position: relative;
  padding: 50px 0;
}
main .section-2::before, main .section-2::after {
  content: "";
  position: absolute;
  left: 0;
  top: -150px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 350px;
  height: 350px;
}
main .section-2::after {
  left: auto;
  right: 0;
  top: auto;
  bottom: -150px;
}
main .section-2 .swiper-1 {
  overflow-x: hidden;
  padding: 30px 0;
}
main .section-2 .card {
  border: 1px solid #e9e9e9;
  min-height: 200px;
}
main .section-2 .card hr {
  width: 50px;
  border-top: 3px solid #fff;
  margin: 0 auto;
  opacity: 1;
}
main .section-2 .card .bd-img {
  width: 100%;
  min-height: 130px;
}
main .section-2 .card .bd-img .img {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 150px;
  height: 150px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100px;
}
main .section-3 {
  position: relative;
  z-index: 5;
  padding: 20px 0;
  background-size: auto 100%;
  background-position: top center;
  background-color: transparent !important; /* 👈 สำคัญมาก */
  background-repeat: no-repeat;
}
main .section-3 .bg {
  margin-top: -2px;
  padding: 50px 0;
}
main .section-3 .tap button {
  font-size: 1.1em;
  background-color: transparent;
  color: #fff;
}
main .section-3 .tap button.active {
  background-color: #f2cd5b;
  color: #00387f;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.6392156863);
}
main .section-3 button, main .section-3 input, main .section-3 select {
  border-radius: 100px;
  padding: 10px 20px;
  border: 0px;
  font-size: 1em;
}
main .section-3 input, main .section-3 select {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.368627451);
  width: 100%;
}
main .section-3 input::-moz-placeholder, main .section-3 select::-moz-placeholder {
  color: #fff;
}
main .section-3 input::placeholder, main .section-3 select::placeholder {
  color: #fff;
}
main .section-3 .button {
  background-color: #f2cd5b;
  color: #00387f;
}
main .section-3 .button.other {
  background-color: #fff;
}
main .section-3 .bdother {
  display: none;
}
main .section-3 .other .button-check {
  position: relative;
  display: inline-block;
}
main .section-3 .other .button-check input {
  margin-right: 100px;
  position: absolute;
  display: none;
}
main .section-3 .other .button-check input:checked + span {
  border: 2px solid #48a593;
  background-color: #48a593;
  color: #fff;
}
main .section-3 .other .button-check input:checked + span::after {
  position: absolute;
  opacity: 1;
  right: 0px;
  top: 0px;
  z-index: 1;
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  content: "\f62a";
  background-color: #fff;
  border-radius: 100px;
  color: #000;
}
main .section-3 .other .button-check span {
  display: block;
  cursor: pointer;
  color: #00967a;
  font-weight: 500;
  padding: 5px 20px;
  background-color: rgba(5, 187, 154, 0.2078431373);
  border: 2px solid rgba(5, 187, 154, 0.2078431373);
  border-radius: 100px;
}
main .section-4 {
  position: relative;
}
main .section-4::before, main .section-4::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -150px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 350px;
  height: 350px;
}
main .section-4::after {
  left: auto;
  right: 0;
  bottom: auto;
  top: -150px;
}
main .section-5 {
  position: relative;
  /* z-index: 1; */
  padding: 100px 0;
}
main .section-5 h2 {
  text-transform: uppercase;
}
main .section-5 .seemore {
  padding: 10px 20px;
  border-radius: 100px;
  background-color: #fff;
  font-size: 1.2em;
  color: #000;
}
main .section-5 .seemore:hover {
  font-size: 1.3em;
}
main .section-5 .card h3 {
  /* overflow: hidden; */
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 21px;
  height: 48px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 30px;
}
main .section-5 .card .read {
  border-radius: 100px;
  border: 1px solid #000;
  color: #000;
  padding: 5px 20px;
}
main .section-6 {
  position: relative;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto; /* ✅ เต็มความกว้าง, ความสูงปรับอัตโนมัติ */
}
main .section-6 .list button {
  font-size: 1.2em;
  display: block;
  color: #00387f;
  padding-left: 30px;
  background-color: transparent;
  border: 0px;
}
main .section-6 .list button img {
  display: none;
}
main .section-6 .list button:hover, main .section-6 .list button.active {
  color: #f2cd5b;
}
main .section-6 .list button:hover img, main .section-6 .list button.active img {
  display: inline-block;
}
main .section-7 {
  position: relative;
  background-size: 100% auto; /* ✅ เต็มความกว้าง, ความสูงปรับอัตโนมัติ */
  background-position: top center;
  background-repeat: no-repeat;
  background-color: transparent !important; /* ✅ พื้นหลังโปร่งใส */
}
main .section-7 .fc-theme-standard .fc-scrollgrid {
  border: 0px;
}
main .section-7 #calendar {
  display: block;
  width: 100%;
  margin: 0 auto;
}
main .section-7 #calendar td, main .section-7 #calendar th {
  border: 5px solid #6fbfb2 !important;
  background-color: #f9f9f9;
}
main .section-7 #calendar td a, main .section-7 #calendar th a {
  color: #000;
}
main .section-7 #calendar .fc-col-header-cell {
  font-size: 1.2em;
}
main .section-7 #calendar .fc-col-header-cell.fc-day-sun {
  background-color: red;
}
main .section-7 #calendar .fc-col-header-cell.fc-day-sun a {
  color: #fff;
}
main .section-7 #calendar .fc-col-header-cell.fc-day-sat {
  background-color: #00387f;
}
main .section-7 #calendar .fc-col-header-cell.fc-day-sat a {
  color: #fff;
}
main .section-7 .fc .fc-button-primary {
  background-color: #00387f;
  color: #fff;
}
main .section-7 .fc-toolbar-title {
  color: #00387f;
}
main .section-7 .seemore {
  padding: 10px 20px;
  border-radius: 100px;
  background-color: #fff;
  font-size: 1.2em;
  color: #000;
}
main .section-7 .seemore:hover {
  font-size: 1.3em;
}
main .section-8 {
  /* background-image: url(../dist/image/theme-3-bg-5-1.png); */
  position: relative;
  z-index: 150 !important;
}
main .section-8 .card {
  background-color: #00387f;
  color: #fff;
  padding-left: 15px;
  padding-right: 15px;
}
main .section-8 .card img {
  height: 50px;
}
main .section-8 .card h5 {
  height: 43px;
}
main .section-8 .card i {
  font-size: 1.4em;
}

main {
  position: relative;
  z-index: 0;
  overflow: visible;
}

main .section-3 {
  position: relative;
  z-index: 20;
}

main .section-6 {
  position: relative;
  z-index: 10;
  padding: 10px 0; /* ระยะห่างด้านบน–ล่าง */
}

@media (min-width: 360px) {
  main {
    /* ข่าว/ประกาศ */
  }
  main .section-3, main .section-5 {
    padding: 100px 0 100px;
  }
  main .section-5 {
    padding: 100px 0 10px;
    z-index: 9;
  }
  main .section-5 .container {
    position: relative;
    top: -180px;
    z-index: 12;
    padding: 0px;
  }
  main .section-6 {
    position: relative;
    z-index: 5;
    /* margin-top: -100px;  ✅ ทับ section-5 พอดี */
    color: #002b5c; /* ✅ สีตัวหนังสือให้อ่านชัดบนพื้นหลังใส */
    padding: 100px 0 20px;
    margin-top: -180px;
  }
  main .section-7 {
    padding: 10px 0;
    margin-bottom: -380px; /* ✅ ซ้อนทับ footer แบบนุ่มนวล */
  }
  main .section-8 {
    position: relative;
    margin-top: 300px;
    margin-bottom: -75px; /* ✅ ซ้อนทับ footer แบบนุ่มนวล */
  }
  main footer {
    position: relative;
    z-index: 50 !important;
  }
}
@media (min-width: 375px) {
  main {
    /* ข่าว/ประกาศ */
  }
  main .section-3, main .section-5 {
    padding: 100px 0 100px;
  }
  main .section-5 {
    padding: 130px 0 10px;
    z-index: 9;
  }
  main .section-5 .container {
    position: relative;
    top: -180px;
    z-index: 12;
    padding: 0px;
  }
  main .section-6 {
    position: relative;
    z-index: 5;
    /* margin-top: -100px;  ✅ ทับ section-5 พอดี */
    color: #002b5c; /* ✅ สีตัวหนังสือให้อ่านชัดบนพื้นหลังใส */
    padding: 90px 0 20px;
    margin-top: -180px;
  }
  main .section-7 {
    padding: 10px 0;
    margin-bottom: -380px; /* ✅ ซ้อนทับ section-5 แบบนุ่มนวล */
  }
  main .section-8 {
    position: relative;
    margin-top: 300px;
    margin-bottom: -75px; /* ✅ ซ้อนทับ section-5 แบบนุ่มนวล */
  }
  main footer {
    position: relative;
    z-index: 50 !important;
  }
}
@media (min-width: 768px) {
  main {
    /* ค้นหา*/
    /* บริการ*/
    /* ข่าว/ประกาศ*/
  }
  main .section-3, main .section-5 {
    padding: 100px 0 100px;
  }
  main .section-5 {
    padding: 10px 0 10px;
  }
  main .section-5 .container {
    position: relative;
    top: -50px;
    padding: 0px;
  }
  main .section-6 {
    position: relative;
    z-index: 5;
    /* margin-top: -100px;  ✅ ทับ section-5 พอดี */
    color: #002b5c; /* ✅ สีตัวหนังสือให้อ่านชัดบนพื้นหลังใส */
    padding: 50px 0 10px;
    margin-top: -10px;
  }
  main .section-7 {
    padding: 50px 0;
    margin-bottom: -380px; /* ✅ ซ้อนทับ section-5 แบบนุ่มนวล */
  }
  main footer {
    position: relative;
    z-index: 50 !important;
  }
}
@media (min-width: 1200px) {
  main {
    /* ค้นหาข้อมูล */
    /* บริการของ สสช */
    /* ข่าว/ประกาศ */
    /* ข่าว/ประกาศ*/
    /* ปฏิทิน */
  }
  main .section-2::before, main .section-2::after {
    left: -50px;
    top: -150px;
    width: 400px;
    height: 400px;
  }
  main .section-2::after {
    left: auto;
    top: auto;
    right: -50px;
    bottom: -250px;
  }
  main .section-3 {
    position: relative;
    z-index: 5;
    background-size: cover;
    background-position: top center;
    padding: 100px 0 150px;
    background-color: transparent !important; /* 👈 สำคัญมาก */
  }
  main .section-5 {
    position: relative;
    padding: 155px 0 50px;
    margin-top: -100px;
    z-index: 6;
  }
  main .section-5 .seemore {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
  }
  main .section-5 .container {
    position: relative;
    top: -150px;
    z-index: 7;
    padding: 0px;
  }
  main .section-6 {
    position: relative;
    z-index: 50;
    color: #002b5c; /* ✅ สีตัวหนังสือให้อ่านชัดบนพื้นหลังใส */
    padding: 190px 0 80px;
    margin-top: -260px;
  }
  main .section-6::before, main .section-6::after {
    bottom: -300px;
    width: 350px;
    height: 350px;
  }
  main .section-6::after {
    left: auto;
    right: 0;
    bottom: auto;
    top: -300px;
  }
  main .section-6 .seemore {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
  }
  main .section-7 {
    margin-top: -85px;
  }
  main footer {
    position: relative;
    z-index: 50 !important;
  }
  main .section-3 .container-xxl {
    position: relative;
    top: -10px;
    /* ✅ เว้นห่างจากขอบบน */
    z-index: 2;
    /* ✅ ให้อยู่เหนือพื้นหลัง */
  }
}
@media (min-width: 1440px) {
  main {
    /* 🔹 SECTION 3 */
    /* 🔹 SECTION 5 */
    /* บริการของ สสข.*/
    /* ข่าว/ประกาศ*/
    /* 🔹 SECTION 7 ปฏิทินกิจกรรม */
  }
  main .section-2::before, main .section-2::after {
    left: -50px;
    top: -150px;
    width: 400px;
    height: 400px;
  }
  main .section-2::after {
    left: auto;
    top: auto;
    right: -50px;
    bottom: -350px;
  }
  main .section-3 {
    position: relative;
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    z-index: 1;
    padding: 100px 0 50px;
    margin-bottom: -240px; /* ✅ ซ้อนทับ section-5 แบบนุ่มนวล */
    background-color: transparent !important;
  }
  main .section-3 .container-xxl {
    position: relative;
    z-index: 6; /* อยู่เหนือพื้นหลัง */
    top: 0;
  }
  main .section-5 {
    position: relative;
    z-index: 19;
    padding: 220px 0 20px;
    background-color: transparent !important;
  }
  main .section-5 .container {
    position: relative;
    z-index: 20 !important;
    top: -280px !important; /* ✅ เอา top เดิมออก */
    padding: 0px;
  }
  main .section-6 {
    position: relative;
    z-index: 16;
    margin-top: -100px; /* ✅ ทับ section-5 พอดี */
    color: #002b5c; /* ✅ สีตัวหนังสือให้อ่านชัดบนพื้นหลังใส */
    padding: 235px 0 80px;
    margin-top: -450px;
  }
  main .section-6 .container {
    margin-top: 5px; /* ✅ ทับ section-5 พอดี */
  }
  main .section-7 {
    /*   top: -10px; */
    margin-top: 10px 0;
    margin-bottom: -180px; /* ✅ ซ้อนทับ section-5 แบบนุ่มนวล */
  }
  main .section-7 .section-seven {
    margin-top: 1px;
  }
  main .section-8 {
    position: relative;
    margin-top: 85px;
    margin-bottom: -75px; /* ✅ ซ้อนทับ section-5 แบบนุ่มนวล */
  }
  main footer {
    position: relative;
    z-index: 50 !important;
  }
}
@media (min-width: 1600px) {
  main {
    /* 🔹 SECTION 3 */
    /* 🔹 SECTION 5 */
    /* 🔹 SECTION 7 */
  }
  main .section-3 {
    position: relative;
    z-index: 1;
    padding: 150px 0 0px;
    /*   margin-bottom: -150px;  ✅ ดึงให้ทับ section-5 */
    background-color: transparent !important;
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: -240px; /* ✅ ซ้อนทับ section-5 แบบนุ่มนวล */
    overflow: visible !important; /* ✅ ไม่ตัดยอดของ section-5 */
  }
  main .section-3::after {
    display: none !important;
  }
  main .section-3 .container-xxl {
    position: relative;
    margin-top: -45px; /* ✅ ไม่ต้องขยับลง */
    z-index: 6; /* อยู่เหนือพื้นหลัง */
  }
  main .section-5 {
    position: relative;
    z-index: 30;
    background-position: center center; /* ✅ ยึดขอบล่าง */
    background-repeat: no-repeat;
    padding: 375px 0 20px;
    background-color: transparent !important;
    overflow: visible;
    margin-top: 0px;
    margin-bottom: -350px;
  }
  main .section-5 .container {
    position: relative;
    z-index: 80 !important;
    margin-top: -140px;
    padding: 0px;
  }
  main .section-6 {
    position: relative;
    z-index: 16;
    color: #002b5c; /* ✅ สีตัวหนังสือให้อ่านชัดบนพื้นหลังใส */
    padding: 150px 0 80px;
  }
  main .section-6 .container {
    margin-top: 90px; /* ✅ ทับ section-5 พอดี */
  }
  main .section-7 {
    margin-top: -95px !important;
    z-index: 25 !important;
    isolation: isolate; /* ป้องกัน blend กับ gradient ล่าง */
    background-color: transparent !important;
    overflow: visible !important;
    margin-bottom: -320px; /* 🔹 ยก section ทับ footer (ปรับค่านี้ตามความสูงของ footer) */
  }
  main .section-7 .section-seven {
    margin-top: 10px;
  }
  main .section-8 {
    position: relative;
    margin-top: 245px;
    margin-bottom: -75px; /* ✅ ซ้อนทับ section-5 แบบนุ่มนวล */
    background: transparent;
  }
  main .section-8 .container-lg {
    background: transparent;
  }
  main footer {
    position: relative;
    z-index: 50 !important;
  }
}
@media (min-width: 1920px) {
  main {
    /* 🔹 SECTION 3 */
    /* 🔹 SECTION 5 */
    /* 🔹 SECTION 7 */
  }
  main .section-3 {
    position: relative;
    z-index: 1;
    padding: 100px 0 0px;
    /*   margin-bottom: -150px;  ✅ ดึงให้ทับ section-5 */
    background-color: transparent !important;
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: -240px; /* ✅ ซ้อนทับ section-5 แบบนุ่มนวล */
    overflow: visible !important; /* ✅ ไม่ตัดยอดของ section-5 */
  }
  main .section-3::after {
    display: none !important;
  }
  main .section-3 .container-xxl {
    position: relative;
    top: 0; /* ✅ ไม่ต้องขยับลง */
    z-index: 6; /* อยู่เหนือพื้นหลัง */
  }
  main .section-5 {
    position: relative;
    z-index: 30;
    background-position: center center; /* ✅ ยึดขอบล่าง */
    background-repeat: no-repeat;
    padding: 400px 0 20px;
    background-color: transparent !important;
    overflow: visible;
    margin-top: -360px;
    margin-bottom: -350px;
  }
  main .section-5 .container {
    position: relative;
    top: -370px !important;
    z-index: 80 !important;
  }
  main .section-6 {
    position: relative;
    z-index: 16;
    color: #002b5c; /* ✅ สีตัวหนังสือให้อ่านชัดบนพื้นหลังใส */
    padding: 100px 0 80px;
  }
  main .section-6 .container {
    margin-top: px; /* ✅ ทับ section-5 พอดี */
  }
  main .section-7 {
    margin-top: -30px !important;
    z-index: 25 !important;
    isolation: isolate; /* ป้องกัน blend กับ gradient ล่าง */
    background-color: transparent !important;
    overflow: visible !important;
    margin-bottom: -320px; /* 🔹 ยก section ทับ footer (ปรับค่านี้ตามความสูงของ footer) */
  }
  main .section-7 .section-seven {
    margin-top: -65px;
  }
  main .section-8 {
    position: relative;
    margin-top: 245px;
    margin-bottom: -75px; /* ✅ ซ้อนทับ section-5 แบบนุ่มนวล */
    background: transparent;
  }
  main .section-8 .container-lg {
    background: transparent;
  }
  main footer {
    position: relative;
    z-index: 50 !important;
  }
}
/* 🔹 SECTION 5 — พื้นหลังหลัก */
.section-5 {
  position: relative;
  z-index: 15 !important;
  background-position: top center;
  background-repeat: no-repeat;
  overflow: visible;
}

/* 🔹 SECTION 6 — ใสทั้งหมด */
.section-6 {
  position: relative;
  z-index: 5;
  margin-top: -90px; /* ✅ ทับ section-5 พอดี */
  color: #002b5c; /* ✅ สีตัวหนังสือให้อ่านชัดบนพื้นหลังใส */
  padding: 220px 0 180px;
}

/* ✅ ข้อความลอยอยู่ด้านหน้าแน่นอน */
.section-6 .container,
.section-6 h2,
.section-6 .row {
  position: relative;
  z-index: 10;
}

/* ✅ container สวยมีกรอบ + เงา */
.section-6 .container {
  position: relative;
  z-index: 10;
  background: #004aad;
  border-radius: 20px;
  background: radial-gradient(circle at top left, #e3f2fd 0%, transparent 60%);
  box-shadow: 0 0 50px 15px rgba(0, 74, 173, 0.3);
  padding: 60px 40px; /* ระยะห่างภายใน */
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px); /* เบลอเล็กน้อยให้ดูพรีเมียม */
}

/* 🩵 เพิ่มเอฟเฟกต์เวลา hover ให้ดูมีมิติ */
/* .section-6 .container:hover {
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
transform: translateY(-3px);
transition: all 0.3s ease-in-out;
} */
/* 🔹 เอฟเฟกต์ขอบล่างของ section-5 (ให้กลืนลงสู่พื้นขาว) */
/* .section-5::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 160px;
background: linear-gradient(
    to bottom,
    rgba(255,255,255,0),
    rgba(255,255,255,1)
);
z-index: 6;
pointer-events: none;
} */
/* 🔹 ป้องกันการเคลื่อนไหวจาก AOS ที่อาจทำให้จมหรือบัง */
.section-6.aos-animate {
  transform: none !important;
}/*# sourceMappingURL=three_1.css.map */