/* *------------------------------- meida Slider Start ------------------------------- */

.media__Slider_Item {
  position: relative;
  margin-inline: 0.5rem;
  transform-origin: center;
  transition: var(--transition);
  z-index: 1;
  overflow: hidden;
}

.media__Slider_Wrapper .slick-list {
  margin-inline: -0.5rem;
}

.media__Slider_Title_Wrapper {
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  height: fit-content;
  padding: 0.63rem 0.5rem;
  background-color: hsl(from var(--Gray-00) h s l / 60%);
  transition: var(--transition);
}

.media__Slider_Item:is(.slick-center) {
  box-shadow: 0px 8px 32px 0px #061f2266;
}

.media__Slider_Item:is(:hover, .slick-center) .media__Slider_Title_Wrapper {
  transform: translateY(-100%);
}

:is(.home__Article_Nav, .slick__Nav_Wrapper) {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
}

:is(.home__Article_Nav, .slick__Nav_Wrapper) .slick-dots {
  margin-top: 0;
}

:is(.home__Article_Nav, .slick__Nav_Wrapper) .slick-dots li {
  display: flex;
  align-items: center;
}

:is(.home__Article_Nav, .slick__Nav_Wrapper) .slick-arrow {
  position: static !important;
  transform: unset !important;
  translate: unset !important;
}

:is(.home__Article_Nav, .slick__Nav_Wrapper) .slick-next {
  order: 2;
}

.media__Slider_Wrapper {
  --slick-arrow-back: var(--white);
}

.home__Article_Nav {
  --slick-arrow-back: transparent;
  --slick-arrow-shadow: none;
}

/* !------------------------------- meida Slider End --------------------------------- */

/* *------------------------------- blog Pagination Start ------------------------------- */

.DNNModuleContent:not(.ModDnnForgeLatestArticlesC) {
  .PagingTable {
    display: flex;
    justify-content: center;
    margin-top: var(--bottom-space) !important;
    margin-bottom: 0 !important;
    height: fit-content !important;
  }

  .PagingTable [align="left"] {
    display: none !important;
  }

  .PagingTable [align="right"] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
  }

  .PagingTable td span,
  .PagingTable a {
    color: var(--Gray-30) !important;
    font-size: var(--fz-t4) !important;
    font-weight: var(--fw-600) !important;
    border-radius: var(--border-radius) !important;
    height: 2.5rem !important;
    min-width: 2.5rem !important;
    line-height: normal !important;
    border: none !important;
    box-shadow: none !important;
    display: inline-flex !important;
    padding: 0 !important;
    margin: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    transition: var(--transition);
    background-color: transparent;
  }

  .PagingTable tbody tr td:last-child span.active {
    color: var(--primary-20) !important;
    background-color: var(--primary-95);
  }

  .PagingTable a:hover {
    color: var(--primary-30) !important;
    background-color: var(--primary-99);
  }

  *:is(.PagingTable td span, .PagingTable a):is(
      :nth-child(2),
      :nth-last-child(2)
    ) {
    background-color: unset !important;
    font-size: 0 !important;
    --icon-color: var(--primary-70);
    --icon: 1.5rem;
    --icon-url: url(../assets/icons/chevUp.svg);
    --icon-rotate: calc(90deg * var(--direction-num));
  }

  *:is(.PagingTable td span, .PagingTable a):is(:nth-child(2)) {
    --icon-rotate: calc(-90deg * var(--direction-num));
  }

  *:is(.PagingTable td span, .PagingTable a):is(
      :nth-child(2),
      :nth-last-child(2)
    ):is(span) {
    --icon-color: var(--primary-95);
  }

  *:is(.PagingTable td span, .PagingTable a):is(
      :nth-child(2),
      :nth-last-child(2)
    ):is(a):hover {
    --icon-color: var(--primary-50);
  }

  *:is(.PagingTable td span, .PagingTable a):is(
      :nth-child(2),
      :nth-last-child(2)
    )::after {
    content: "";
    height: var(--icon);
    width: var(--icon);
    min-width: var(--icon);
    min-height: var(--icon);
    display: inline-flex;
    background: var(--icon-color);
    mask: var(--icon-url) no-repeat center / cover;
    -webkit-mask: var(--icon-url) no-repeat center / cover;
    transition: all var(--transition);
    -webkit-transition: all var(--transition);
    rotate: var(--icon-rotate, 0deg);
  }

  :is(.PagingTable td span, .PagingTable a):is(
      :nth-child(1),
      :nth-last-child(1)
    ) {
    display: none !important;
  }
}

.PagingTable {
  background: unset !important;
}

.DNNModuleContent.ModDnnForgeLatestArticlesC {
  .PagingTable {
    width: 100%;

    tr {
      display: flex;
      gap: 0.25rem;
      justify-content: center;
      align-items: center;

      .pagingname {
        padding: 0.25rem;
        background-color: var(--primary-90);
        color: var(--primary-40);
        border-radius: var(--border-radius-sm);
        white-space: nowrap;
        font-weight: var(--fw-600);
      }

      .pagingnumbers :is(span, a) {
        color: var(--Gray-30) !important;
        font-size: var(--fz-t4) !important;
        font-weight: var(--fw-600) !important;
        border-radius: var(--border-radius) !important;
        height: 2.5rem !important;
        min-width: 2.5rem !important;
        line-height: normal !important;
        border: none !important;
        box-shadow: none !important;
        display: inline-flex !important;
        padding: 0 !important;
        margin: 0 !important;
        justify-content: center !important;
        align-items: center !important;
        transition: var(--transition);
        background-color: transparent;
      }

      .pagingnumbers span.active {
        color: var(--primary-20) !important;
        background-color: var(--primary-95);
      }

      .pagingnumbers a:hover {
        color: var(--primary-20) !important;
        background-color: var(--primary-99);
      }

      .pagingnumbers span:is(:first-child, :last-child) {
        color: var(--Gray-60) !important;
        cursor: default;
      }
    }
  }
}

/* !------------------------------- blog Pagination End --------------------------------- */

/* *------------------------------- detail elements Start ------------------------------- */

.Detail__Card_Date {
  --icon: 20px;
  display: flex;
  gap: 0.25rem;
}

.blog__Detail_Body img {
  display: flex;
  height: auto !important;
}

.blog__Detail_Body *:is(h1, h2, h3) {
  margin-bottom: calc(var(--title-space) * 0.7) !important;
  font-weight: var(--fw-800);
}

.blog__Detail_Body h1 {
  font-size: var(--fz-xl);
}

.blog__Detail_Body h2 {
  font-size: 18px;
  font-weight: var(--fw-400);
}

.blog__Detail_Body h3 {
  font-size: var(--fz-lg);
  color: var(--mc1);
  font-weight: var(--fw-400);
}

.blog__Detail_Body p {
  font-size: var(--fz-md);
  font-weight: var(--fw-400);
  line-height: 2rem;
  margin-bottom: var(--title-space);
  color: var(--tc2);
  text-align: justify;
}

.blog__Detail_Body li {
  list-style-position: inside !important;
}

.blog__Detail_Body :is(ul ul, ul ol, ol ol, ol ul) {
  margin-right: 1.5rem;
  margin-block: 0.75rem;
}

.blog__Detail_Body *:not(:is(li)) > *:is(ul, ol):not(.ui-tabs-nav) {
  margin-bottom: calc(var(--main-space) * 0.5);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: var(--fz-md);
  list-style: inside disc;
  line-height: 1.75rem;
}

.blog__Detail_Body a {
  color: var(--mc1);
  align-self: inherit;
}

/* !------------------------------- detail elements End --------------------------------- */
/* news mainPage */
.items__News__Wrapper {
  display: grid;
  --grid-col: 3;
  grid-template-columns: repeat(var(--grid-col), 1fr);
  gap: 1.5rem;
}

@media (max-width: 991px) {
  .items__News__Wrapper {
    --grid-col: 1;
  }
}

.item__News__Wrapper {
  border: 1px solid var(--Gray-95);
  border-radius: 1rem;
  transition: var(--transition);
  background-color: var(--white);
}

.item__News__Wrapper .image__Item__News {
  display: flex;
  overflow: hidden;
  border-radius: 1rem 1rem 0rem 0rem;
}

.item__News__Wrapper:hover {
  box-shadow: 0px 4px 16px 0px #03201c1a;
  border: 1px solid var(--primary-60);
}

.item__News__Wrapper img {
  width: 100%;
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: var(--transition);
}

.item__News__Wrapper:hover img {
  transform: scale(1.05);
}

.title__Item__News {
  --line-limit: 2;
  margin-bottom: 1rem;
}

.item__News__Des {
  padding: 0.5rem 1rem 1rem;
}

.date__Item,
.more__Item a {
  font-size: 12px;
}

.date__Item span {
  --icon: 20px;
}

.more__Item span {
  width: 20px;
  height: 20px;
  min-height: 20px;
  min-width: 20px;
}

.more__Item a {
  color: var(--primary-50);
}

@media (max-width: 767px) {
  .section__Header_All {
    top: -15% !important;
  }

  .section__Header_News {
    top: -24% !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .section__Header_All {
    top: -12% !important;
  }

  .section__Header_News {
    top: -31% !important;
  }
}

.section__Header_All > a {
  font-weight: 600;
}

.section__Header_All {
  position: absolute;
  top: -24%;
  left: 0%;
}

.items__News__List {
  display: grid;
  grid-template-columns: 5fr 7fr;
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 1.5rem;
  grid-row-gap: 0.5rem;
}

.items__News__List .item__News__Wrapper {
  grid-area: 1 / 1 / 4 / 2;
}

.items__News__List .item__News__List:nth-child(1) {
  grid-area: 1 / 2 / 2 / 3;
}

.items__News__List .item__News__List:nth-child(2) {
  grid-area: 2 / 2 / 3 / 3;
}

.items__News__List .item__News__List:nth-child(3) {
  grid-area: 3 / 2 / 4 / 3;
}

.item__News__List .item__News__Des {
  border: 1px solid var(--Gray-95);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: unset;
  padding: 0.5rem;
  transition: var(--transition);
  border-radius: var(--border-radius);
  --line-limit: 2;
}

.item__News__List .item__News__Des .more__Item {
  color: var(--primary-40);
}

.item__News__List .item__News__Des:hover {
  border-color: var(--primary-30);
}

.item__News__List:hover .title__Item__News p {
  color: var(--primary-20);
}

@media (max-width: 991px) {
  .items__News__List {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
}

/* *------------------------------- tourist Attractions Detail Start ------------------------------- */

.attraction__Banner {
  --banner-color-fade: 0.5;
  --banner-height: 366px;
}

.Attraction__Detail_Wrapper {
  border-radius: 1.5rem;
  border: solid 1px var(--mc1);
  padding: var(--title-space-2);
  box-shadow: 0px 16px 32px 4px #05342e1a;
  background-color: var(--white);
  --shape-width: 112px;
}

@media (max-width: 991px) {
  .Attraction__Detail_Wrapper {
    padding: 15px;
  }
}

.Attraction__Detail_Wrapper .blog__Detail_Body ul {
  gap: 0.5rem;
  columns: 400px;
}

.Attraction__Detail_Wrapper .blog__Detail_Body ul li {
  list-style: disc;
  list-style-position: inside;
}
.Attraction__Detail_Wrapper .blog__Detail_Body ul li::marker {
  color: var(--primary-40);
}
.Attraction__Detail_Wrapper .blog__Detail_Body a {
  text-decoration: underline !important;
  color: var(--primary-60) !important;
}
.Attraction__Detail_Wrapper .blog__Detail_Body iframe {
  width: 100%;
  aspect-ratio: 2;

  border-radius: var(--border-radius-lg);
}
.Attraction__Detail_Wrapper .blog__Detail_Body .iframe_Outer {
  border-radius: var(--border-radius-lg);
  box-shadow: var(--box-shadow-1);
  height: fit-content !important;
}

/* !------------------------------- tourist Attractions Detail End --------------------------------- */

/* *------------------------------- blog Inner Media Slider Start ------------------------------- */
.media__Pictures {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.image__Gallery-inner .display__Wrapper .img__Display_Item {
  border-radius: var(--border-radius-lg);
  overflow: hidden;
}

.image__Gallery-inner .display__Wrapper .img__Display_Item :is(a, img),
.media__Pictures .thumbItem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.image__Gallery-inner .display__Wrapper .img__Display_Item {
  height: 180px;
  margin-inline: 0.5rem;
}

.slick-list:has(.img__Display_Item) {
  margin-inline: -0.5rem;
}

.media__Pictures .thumbItem {
  border-radius: var(--border-radius);
  overflow: hidden;
  margin-inline: 0.75rem;
  transition: var(--transition);
  opacity: 0.5 !important;
  aspect-ratio: 3/2;
}

.thumbItem.slick-current {
  opacity: 1 !important;
}

.media__Pictures .slick-list:has(.thumbItem) {
  margin-inline: -0.75rem;
}

@media (min-width: 992px) {
  .image__Gallery-inner .display__Wrapper .img__Display_Item {
    height: 500px;
  }
}

/* !------------------------------- blog Inner Media Slider End --------------------------------- */

/* *------------------------------- blog side Start ------------------------------- */

.blog__Side_Container {
  border-radius: var(--border-radius-lg);
  background-color: var(--primary-99);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.blog__Side_Header {
  border-bottom: solid 1px var(--primary-90);
}

body:not(.rtl) .blog__Side_Header,
body:not(.rtl) .news__Detail {
  text-align: left;
}

.blog__Side_Container .slick-list {
  margin-inline: -0.5rem;
}

.blog__Side_Container .item__News__Wrapper {
  margin-inline: 0.5rem;
}

/* !------------------------------- blog side End --------------------------------- */

/* *------------------------------- page content Start ------------------------------- */

.page__Content :is(img),
.ModDnnForgeNewsArticlesC iframe {
  border-radius: var(--border-radius-lg);
  max-width: 100% !important;
  margin-inline: auto;
  margin-block: 1rem;
}

.page__Content *:is(h1, h2, h3) {
  margin-block: 2rem 1rem !important;
  font-weight: var(--fw-600);
  color: var(--Gray-10) !important;
}

.page__Content h1 {
  font-size: var(--fz-t4);
}

.page__Content h2 {
  font-size: var(--fz-t5);
}

.page__Content h3 {
  font-size: var(--fz-t5);
}

.page__Content p {
  font-weight: var(--fw-400);
  line-height: 2rem;
  margin-block: 1rem;
  color: var(--Gray-20);
  text-align: justify;
}

.page__Content :is(ul ul, ul ol, ol ol, ol ul) {
  margin-right: 1.5rem;
  margin-block: 0.75rem;
}

.page__Content *:not(:is(li)) > *:is(ul, ol):not(.ui-tabs-nav) {
  margin-block: 1rem;
  width: 100%;
  display: grid;
  gap: 0.5rem;
  list-style: inside disc;
  line-height: 1.75rem;
}

.page__Content ul:not(.ui-tabs-nav) > li {
  margin-inline: 0;
  margin-bottom: 0 !important;
  line-height: 2rem;
}

.page__Content > ol {
  list-style: disc;
}

.page__Content > ol {
  list-style: decimal;
}

.page__Content ol > li {
  margin-right: 0;
  margin-bottom: 0 !important;
  counter-increment: subpage-counter;
  display: list-item;
  align-items: baseline;
  line-height: 2rem;
}

.page__Content a {
  color: var(--mc1);
  align-self: inherit;
}

/* !------------------------------- page content End --------------------------------- */

/* *------------------------------- attraction List Start ------------------------------- */

.attractions__List {
  display: grid;
  grid-template-columns: repeat(var(--attraction-col, 4), 1fr);
  gap: 1.5rem;
}

@media (max-width: 991px) {
  .attractions__List {
    --attraction-col: 2;
  }
}
@media (max-width: 575px) {
  .attractions__List {
    --attraction-col: 1;
  }
}

body:has(.attractions__List_Wrapper .attractions__List) {
  background-color: var(--primary-100);
}

.blog__Category_Wrapper {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}

@media (max-width: 991px) {
  .blog__Category_Wrapper {
    overflow-x: scroll;
    flex-wrap: nowrap;
  }
}

.cat__Title {
  padding-inline-end: 0.5rem;
}

.blog__Cat_Item {
  padding: 0.5rem 1rem;
  transition: var(--transition);
  border-radius: var(--border-radius-sm);
  color: var(--cat-accent, var(--Gray-40)) !important;
  border: solid 1px transparent;
  background-color: var(--cat-bak, var(--Gray-100));
}

.blog__Cat_Item:hover {
  --cat-accent: var(--primary-30);
  --cat-bak: var(--white);
  box-shadow: 0px 2px 8px 0px #03201c26;
  border-color: var(--primary-30);
}

.blog__Cat_Item.active {
  --cat-bak: var(--primary-20);
  --cat-accent: var(--white);
}

/* !------------------------------- attraction List End --------------------------------- */