:root {
  --color1: #195B50;
  --color2: #5D381D;
  --color3: #805A3F;
  --color4: #675D4C;
  --color5: #ece9db;
  --color6: #DFD9CB;
  --color7: #722264;
  --color8: #C62858;
  --color9: #f8f8ec;
  --color10: #b7c9ad;
  --color11: #dbb4c8;
  --color12: #93a48b;
	--color13: #f7f4ed;
}

.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  background-color: var(--color1) !important;
}

.st-logo{
  max-width: 120px;
}

/* .il-background {
  background-color: var(--color6);
} */

.il-a-link{
  text-decoration: none;
}

/* Header Start */
.il-nav-bg {
  background-color: white;
  color: var(--color1);
  box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.16);
  -webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.16);
  -moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.16);
}

.il-nav-bg a {
  color: var(--color1);
  text-decoration: none;
}

.il-nav-bg-img{
  color: var(--color1);
  text-decoration: none;
  background: url(../assets/img/nav-item-1.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.il-nav-bg-img:hover{
  color: var(--color7);
  text-decoration: none;
  background: url(../assets/img/nav-item-2.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* Header End */

.il-titleHolder{
  display: grid;
  justify-items: center;
  align-items: center;  
}

.il-index-title, .il-title-bg, .il-separator{
  grid-area: 1 / 1 ;
}

.il-content-holder .il-headline{
  /* height: 80px; */
}

.il-index-title{
  width: fit-content;
  font-size: 18pt;
}

.il-title-style1 .il-separator{
  border-top: 1px solid var(--color10);
  width: 100%;
}

.il-title-style2 .il-separator{
  border-top: 1px solid var(--color11);
  width: 100%;
}

.il-word-bg1 {
  /* font-size: 30pt;
  color: white;
  width: 200px;
  height: 200px;
  background: var(--color1);
  -moz-border-radius: 70px;
  -webkit-border-radius: 70px;
  border-radius: 70px;
  margin: 5px;
  padding: 5px 8px;
  font-weight: lighter; */
  /* background: var(--color1); */
  border-radius: 10px;
  padding: 5px 20px;
  font-weight: normal;
  color: white;  
}


.il-word-bg2 {
  /* font-size: 30pt;
  color: white;
  width: 200px;
  height: 200px;
  background: var(--color3);
  -moz-border-radius: 70px;
  -webkit-border-radius: 70px;
  border-radius: 70px;
  margin: 5px;
  padding: 5px 8px;
  font-weight: lighter; */
  /* background: var(--color3); */
  border-radius: 10px;
  padding: 5px 20px;
  font-weight: normal;
  color: white;
}

.il-swiper-nav-btn{
  font-size: 20pt;
  color: var(--color6);
}

.il-index-block{
  padding-top: 80px;
  padding-bottom: 80px;
}

.navbar {
  padding: 10px;
}

.navbar-nav {
  text-align: center;
}

.bg-primary {
  background-color: #b2c7ff !important;
}


#footer-holder {
  background-color: #595757;
  font-size: 10pt;
  color: #ffffff;
}

.image-container {
  position: relative;
  left: 0;
  transition: left 0.3s ease-in-out;
}

.il-thumbnail {
  margin-right: 20px;
}

.il-newsHolder {
  text-decoration: none;
  text-align: left;
}

.il-headline h4 {
  font-size: 20px;
  margin-bottom: 10px;
  color: var(--color3);
}

.il-date {
  font-size: 11pt;
  color: #999;
}

.il-des {
  font-size: 16px;
  color: #333;
}

.il-readmore{
  background-color: var(--color3);
  color: white;
  padding: 10px;
  border-radius: 10px;
  font-size: 13pt;
  text-decoration: none;
}

.il-readmore2{
  background-color: var(--color6);
  color: var(--color2);
  padding: 10px;
  border-radius: 10px;
  font-size: 13pt;
  text-decoration: none;
}

#article-detail {
  background-color: var(--color6);
}

#banner-holder {
  margin-top: 60px;
  background-color: var(--color13);

}

#main-nav-holder .nav-link {
  color: #16932376;
}


.swiper {
  width: 100%;
  height: 100%;
}


.swiper-button-next {
  color: white;
}

.swiper-button-prev {
  color: white;
}  

@media (max-width: 760px) {
  .swiper-button-next {
    right: 20px;
    transform: rotate(90deg);
  }

  .swiper-button-prev {
    left: 20px;
    transform: rotate(90deg);
  }
}

.il-title-green{
  color: var(--color12);
  font-size: 16pt;
  font-weight: normal;
}

.il-title-purple{
  color: var(--color7);
  font-size: 16pt;
  font-weight: normal;
}

.il-title-size{
  font-size: 20pt;
}

.il-content-txt{
  color: var(--color2)
}

.page-container {
  position: relative;
  /* min-height: 100vh; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.il-round-border{
  border-radius: 10px;
}

.il-thumbnail-ratio{
  aspect-ratio: 16 / 9;
}

.il-h-separator1{
  border-left: 2px solid var(--color10);
}

.il-h-separator2{
  border-left: 2px solid var(--color11);
}

.il-border-left{
  border-left: 2px solid var(--color11);
}

.il-border-right{
  border-right: 2px solid var(--color10);
}

/* Section 1 Start */
#section1{
  background: url("../assets/img/section-bg1.png") top center no-repeat , var(--color9);
  background-size: auto 100%;
}

#section1 h2{
  color: var(--color7);
}

#section1 p{
  color: var(--color4);
}

/* Section 1 end */

/* Ad Start */


.il-ad-style1{
  background: linear-gradient(180deg, var(--color5) 60%, var(--color9) 60%);
}

.il-ad-style2{
  background: linear-gradient(180deg, var(--color9) 60%, var(--color5) 60%);
}

.il-ad-style3{
  background: linear-gradient(180deg, var(--color9) 60%, var(--color5) 60%);
}

.il-ad-style4{
  background: var(--color5);
}

.il-ad-style5{
  background: var(--color9);
}

/* Ad End */

/* Section 2 Start */
#section2 {  
  background: url("../assets/img/section-bg2.png") center center no-repeat , var(--color5);
  background-size: auto 100%;
}


#section2 .il-content-holder {
  background-color: rgba(255, 255, 255, 0.5);
}

#section2 .il-a-link:hover h3{
  color: var(--color7);
}

/* Section 2 End */

/* Section 3 Start */

#section3 {
  background: url("../assets/img/section-bg3.png") center center no-repeat , var(--color9);
  background-size: auto 100%;

}

#section3 .il-card-content{
  background-color: var(--color6);
  
}

#section3 .il-digest{
  color: var(--color2);
}

#section3 .il-content-holder{
  background-color: var(--color6);
}

#section3 .il-a-link:hover h3{
  color: var(--color12);
}


/* Section 3 End */

/* Section 4 Start */

#section4a {  
  background: url("../assets/img/section-bg2.png") center center no-repeat , var(--color5);
  background-size: auto 100%;
}


#section4a .il-card-content{
  background-color: rgba(255, 255, 255, 0.5);
}


#section4a  .il-content-holder {
  background-color: rgba(255, 255, 255, 0.5);
}

#section4a .il-digest{
  color: var(--color2);
}

#section4a a{
  text-decoration: none;
}

#section4a a:hover h3{
  color: var(--color7);
}


#section4a  .il-content-txt {
  text-align: justify;
}

#section4a .il-circle{
  vertical-align: middle;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  margin: auto auto;
}

/* Section 4 End */


/* Section 4 Start */

#section4 {  
  background: url("../assets/img/section-bg3.png") center center no-repeat , var(--color9);
  background-size: auto 100%;
}


#section4 .il-card-content{
  background-color: rgba(255, 255, 255, 0.5);
}


#section4  .il-content-holder {
  background-color: rgba(255, 255, 255, 0.5);
}

#section4 .il-digest{
  color: var(--color2);
}

#section4 a{
  text-decoration: none;
}

#section4 a:hover h3{
  color: var(--color12);
}


#section4  .il-content-txt {
  text-align: justify;
}

#section4 .il-circle{
  vertical-align: middle;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  margin: auto auto;
}

/* Section 4 End */

/* Section 5 Start */

#section5{
  background: url("../assets/img/section-bg2.png") center center no-repeat , var(--color5);
  background-size: auto 100%;
}


#section5 .swiper {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}

#section5 .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 500px;
  height: auto;
}

#section5 .swiper-slide img {
  display: block;
  width: 100%;
  border: 6px solid white;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
}

#section5 .il-swiper-nav-btn i{
  font-weight: bold;
  color: var(--color1);
  font-size: 30pt;
}

/* Section 5 End */

/* Article List Start */

.il-list-banner{
  margin-top: 70px;
}

#article-list {
  background: url("../assets/img/section-bg4.png") center center no-repeat , var(--color5);
  background-size: auto 100%;
}

#article-list a{
  text-decoration: none;
}

#article-list .il-content-holder{
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
}

#article-list .il-title-green{
  color: var(--color12);
  font-size: 20pt;
  font-weight: normal;
}

#article-list .il-article-list-item:hover h4{
  color: var(--color7);
}

/* Article List End */


/* Article Content Start */

#article-detail {
  background: url("../assets/img/section-bg4.png") center center no-repeat , var(--color5);
  background-size: auto 100%;
  padding-top: 70px;
}

#article-detailt a{
  text-decoration: none;
}

#article-detail .il-content-holder{
  background-color: rgba(255, 255, 255, 0.5);
}

#article-detail .il-content{
  background-color: rgba(255, 255, 255, 0.5);
}

#article-detail .details-main-title{
  color: var(--color12);
  font-size: 16pt;
  font-weight: normal;
}


#article-detail .il-share{
  margin: 0;
  padding: 0;
}


#article-detail .il-share li{
  display: inline-block;
  font-size: 20pt;
  padding: 2px 6px;
  border-radius: 5px;;
}

#article-detail .il-share li{
  display: inline-block;
  font-size: 15pt;
  padding: 2px 6px;
  border-radius: 5px;;
}

#article-detail .il-share .il-fb{
  background-color: #435fad;
}

#article-detail .il-share .il-tw{
  background-color: black;
}

#article-detail .il-share .il-wb{
  background-color: #d72928;
}

#article-detail .il-share .il-em{
  background-color: #f1c40f;
}

#article-detail .il-share .il-wa{
  background-color: #47c252;
}

#article-detail .il-share li a{
  color: white;
}

#article-detail .img_caption{
  margin-top: -15px;
  padding-bottom: 20px;
}

.il-related-news .thumbnailImg{
  aspect-ratio: 16 / 9;
  background-size: cover;
}

.details-article-info-text{
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
}

.il-bottom-next-prev a{
  text-decoration: none;
  color: var(--color12);
}

#il-pre_div{
  float: left;
}

#il-next_div{
  float: right;
}

.il-headline{
  color: var(--color12);
  font-weight: bold;
  text-decoration: none;
}

#article-detail .il-related-news .il-headline:hover p{
  color: var(--color7);
}

#article-detail #il-pre_div:hover a, #article-detail #il-next_div:hover a{
  color: var(--color7);
}

.print-icon{
  color: black;
  text-decoration: none;
}


/* Article Content End */


/* Gallery Start */

#gallery{
  background: url("../assets/img/section-bg4.png") center center no-repeat , var(--color5);
  background-size: auto 100%;
  padding-top: 20px;  
}

#gallery .il-container{
  min-height: 90vh;
}

#gallery .il-modal{
  position: relative;

}

#gallery .il-lotus{
  position: relative;
}

#gallery .il-title{
  position: absolute;
  bottom: 5px;
  left: 5px;
  color: white;
}

#gallery .il-thumbnail-holder{
  opacity: 0.7;
  height: 100%;
  background-image: linear-gradient(to top, #000000 0%,  #ffffff00 50%);
  }

#gallery .il-modal-holder{
  border: 2px solid var(--color1);
  border-radius: 5px;
  background-color: var(--color1);
  color: white;
}

#gallery .il-modal-holder a{
  color: white;
}

#gallery .il-lotus-title{
  color: var(--color6);
}

#gallery .il-lotus-title h3{
  color: var(--color6);
  font-size: 30pt;
}

#gallery .il-lotus-content, #gallery .il-lotus-from, #gallery .il-lotus-summary{
  color: #ffffff99;
}

#gallery .il-lotus-content b, #gallery .il-lotus-from b, #gallery .il-lotus-summary b{
  color: #ffffff;
}

#gallery .swiper {
  width: 100%;
  height: 100%;
}

#gallery .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

#gallery .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#gallery .swiper {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

#gallery .swiper-slide {
  background-size: cover;
  background-position: center;
}

#gallery .gallerySwiper {
  height: 80%;
  width: 100%;
}

#gallery .mySwiper {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

#gallery .mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

#gallery .mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}

#gallery .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#gallery .il-gallery-thumbnail{
  border: 5px solid white;
  /* border-image: linear-gradient(142deg, rgba(129, 90, 64, 0.6) 8%, rgba(103, 93, 76, 0.5) 60%) 1;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(163,163,163,1);
  -moz-box-shadow: 5px 5px 5px 0px rgba(163,163,163,1);*/
  box-shadow: 5px 5px 5px 0px rgba(163,163,163,1); 
  border-radius: 5px;
}

#gallery .il-modal:hover{
  cursor: pointer;
}

#gallery .modal-content{
  background: var(--color6);
  border: 6px solid var(--color5);
}

.modal-header{
  border-bottom: none;
}

.il-lotus-prev{
  float: left;
  cursor: pointer;
}

.il-lotus-next{
  float: right;
  cursor: pointer;
}

/* Gallery End */


/* .swiper-slide:nth-of-type(1n) {
  background-color: rgb(206, 17, 17);
}

.swiper-slide:nth-of-type(2n) {
  background-color: rgb(0, 140, 255);
}

.swiper-slide:nth-of-type(3n) {
  background-color: rgb(10, 184, 111);
}

.swiper-slide:nth-of-type(4n) {
  background-color: rgb(211, 122, 7);
}

.swiper-slide:nth-of-type(5n) {
  background-color: rgb(118, 163, 12);
}

.swiper-slide:nth-of-type(6n) {
  background-color: rgb(180, 10, 47);
}

.swiper-slide:nth-of-type(7n) {
  background-color: rgb(35, 99, 19);
}

.swiper-slide:nth-of-type(8n) {
  background-color: rgb(0, 68, 255);
}

.swiper-slide:nth-of-type(9n) {
  background-color: rgb(218, 12, 218);
}

.swiper-slide:nth-of-type(10n) {
  background-color: rgb(54, 94, 77);
} */


.swiper-carousel {
  padding-bottom: 32px;
  max-width: 1200px;
}
.swiper-carousel .swiper-slide {
  width: 520px;
  height: 380px;
  border-radius: 8px;
  background: #18212b;
  max-width: calc(100% - 48px);
}
.swiper-carousel .swiper-carousel-animate-opacity {
  height: 100%;
}
.swiper-carousel .swiper-pagination-bullets {
  bottom: 0;
}
.swiper-carousel img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  /* border-radius: 8px; */
}
.swiper-carousel .slide-content {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  padding: 88px 16px 24px;
  box-sizing: border-box;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
  border-radius: 0 0 8px 8px;
}
.swiper-carousel .slide-content h2 {
  margin: 0;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.1;
}
.swiper-carousel .slide-content p {
  margin: 8px 0 0;
  opacity: 0.65;
  font-size: 14px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media (max-width: 640px) {
  .swiper-carousel .swiper-button-next,
.swiper-carousel .swiper-button-prev {
    display: none !important;
  }

  .il-title-size{
    font-size: 17pt;
  }

  #section4 .il-circle{
    vertical-align: middle;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    margin: auto auto;
  }

	#section4a .il-circle{
    vertical-align: middle;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    margin: auto auto;
  }

}

@media (max-width: 760px) {
  .swiper-button-prev {
      transform: rotate(0deg);
  }
}

@media (max-width: 760px) {
  .swiper-button-next {
      transform: rotate(0deg);
  }
}

@keyframes a1 {
  0% {
    color:var(--color12);
  }
  50% {
    color:var(--color3);
  }
  100%{
    color:var(--color7);
  }
}