/* Mixins Start */
.btn-fixed {
  display: grid;
  place-items: center;
}

/* Mixins End */
body.dark.portal-body-content-v2, body.faragard-dark.portal-body-content-v2 {
  background-color: rgb(var(--rgb-slate-800));
}
body.dark header.portal-header, body.faragard-dark header.portal-header {
  background-color: rgb(var(--rgb-forth-lighter));
}
body.dark header.portal-header-v2, body.faragard-dark header.portal-header-v2 {
  background-color: rgb(var(--rgb-first-lighter)) !important;
}
body.dark header.portal-header-v2 nav, body.faragard-dark header.portal-header-v2 nav {
  background-color: rgb(var(--rgb-first-lighter));
}
body.dark footer, body.faragard-dark footer {
  background-color: rgb(var(--rgb-ninth-lighter)) !important;
}
body.dark .footer-v2, body.faragard-dark .footer-v2 {
  background-color: rgb(var(--rgb-first-lighter)) !important;
}
@media only screen and (max-width: 992px) {
  body.dark header.portal-header nav > ul > li.show > ul li.show::before, body.faragard-dark header.portal-header nav > ul > li.show > ul li.show::before {
    color: rgb(var(--rgb-sixth)) !important;
  }
  body.dark header.portal-header nav > ul > li.show > ul li.show > a, body.faragard-dark header.portal-header nav > ul > li.show > ul li.show > a {
    color: rgb(var(--rgb-sixth)) !important;
  }
  body.dark header.portal-header-v2 nav > ul > li.show > ul li.show::before, body.faragard-dark header.portal-header-v2 nav > ul > li.show > ul li.show::before {
    color: rgb(var(--rgb-third)) !important;
  }
  body.dark header.portal-header-v2 nav > ul > li.show > ul li.show > a, body.faragard-dark header.portal-header-v2 nav > ul > li.show > ul li.show > a {
    color: rgb(var(--rgb-third)) !important;
  }
}
@media only screen and (min-width: 992px) {
  body.dark header nav ul li ul li::before, body.faragard-dark header nav ul li ul li::before {
    color: rgb(var(--rgb-lightest)) !important;
  }
  body.dark header nav ul li ul li a, body.faragard-dark header nav ul li ul li a {
    color: rgb(var(--rgb-lightest)) !important;
  }
}
body.dark ul.news-nav li.active, body.faragard-dark ul.news-nav li.active {
  color: rgb(var(--rgb-first-darker));
  background-color: rgb(var(--rgb-first-darker), 0.1);
}

.portal-body-content {
  background-color: rgb(var(--rgb-tenth-lighter));
  min-height: 100dvh;
  overflow-y: auto;
  overflow-x: hidden;
}
.portal-body-content-v2 {
  min-height: 100dvh;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: rgb(var(--rgb-slate-50));
}

.btn {
  --bs-btn-border-radius: 10px;
}

.bg-forth {
  background-color: rgb(var(--rgb-ninth-lighter)) !important;
}

.top-bar {
  background: rgb(var(--rgb-first-dark));
  color: rgb(var(--rgb-lightest));
  padding: 8px 16px;
  font-size: 12px;
}
body.dark .top-bar {
  background: transparent !important;
}

.top-bar ul li a {
  color: rgb(var(--rgb-lightest));
  padding: 0 8px;
  font-size: 12px;
}
.top-bar-v2 {
  color: rgb(var(--rgb-lightest));
  padding: 2px 16px;
  font-size: 12px;
}
.top-bar-v2 ul li a {
  color: rgb(var(--rgb-third-dark));
  padding: 0 8px;
  font-size: 14px;
}

.form-label {
  display: flex;
  gap: 8px;
  align-items: center;
  color: rgb(var(--rgb-light-dark));
}

.overlay {
  opacity: 0;
  pointer-events: none;
  background-color: rgb(var(--rgb-darkest), 0.3);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2705;
  transition: all 300ms linear;
}
.overlay.show {
  pointer-events: auto;
  opacity: 1;
}

.search-form {
  position: relative;
}

/* Select drop down input Styles Start */
.dropdown .select:focus {
  color: rgb(var(--rgb-darkest)) !important;
  background-color: rgb(var(--rgb-lightest));
  border-color: rgb(var(--rgb-first-darker)) !important;
}
.dropdown .dropdown-menu {
  background-color: rgb(var(--rgb-ninth-lighter)) !important;
}
.dropdown .dropdown-menu li {
  color: rgb(var(--rgb-darkest));
}
.dropdown .dropdown-menu li:not(:nth-last-child(1)) {
  border-bottom-color: rgb(var(--rgb-light));
}
.dropdown .dropdown-menu li[data-selected] {
  background-color: rgb(var(--rgb-darkest), 0.05);
}
.dropdown .dropdown-menu {
  border-color: rgb(var(--rgb-light)) !important;
  box-shadow: 0 3px 4px rgb(var(--rgb-darkest), 0.05);
}
.dropdown .dropdown-menu li:hover {
  background-color: rgb(var(--rgb-darkest), 0.05);
}
.dropdown .dropdown-menu li:active {
  background-color: rgb(var(--rgb-darkest), 0.05);
}

/* Select drop down input Styles End */
header.portal-header {
  background-color: rgb(var(--rgb-forth-dark));
  display: block;
  padding: 4px 16px;
  box-shadow: 0 3px 5px 0 rgba(var(--rgb-darkest), 0.1);
}
header.portal-header.portal-header-v2 {
  padding: 22px 16px;
  background-color: rgb(var(--rgb-forth));
  color: rgb(var(--rgb-lightest));
}
@media only screen and (max-width: 992px) {
  header.portal-header.portal-header-v2 nav {
    background-color: rgb(var(--rgb-forth));
  }
  header.portal-header.portal-header-v2 nav ul li {
    color: rgb(var(--rgb-lightest));
  }
  header.portal-header.portal-header-v2 nav ul li::before {
    color: rgb(var(--rgb-lightest)) !important;
  }
  header.portal-header.portal-header-v2 nav ul li a, header.portal-header.portal-header-v2 nav ul li i {
    color: rgb(var(--rgb-lightest)) !important;
  }
}
header.portal-header.sticky {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2705;
}
header.portal-header img, header.portal-header svg {
  width: 75px;
  max-height: 75px;
  max-width: 100%;
}
header.portal-header nav {
  z-index: 2750;
}
header.portal-header nav ul {
  display: flex;
  width: 100%;
}
header.portal-header nav ul > li {
  position: relative;
  cursor: pointer;
}
> header.portal-header nav ul > li:hover > a {
  box-shadow: inset 0 0 12px 1px rgba(var(--rgb-lightest), 0.15);
}
header.portal-header nav ul > li a {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: rgb(var(--rgb-lightest));
  padding: 8px 14px;
  font-size: 14px;
  transition: box-shadow 200ms;
}
header.portal-header nav ul > li a i {
  font-size: 18px;
}
header.portal-header nav ul > li ul {
  transition: all 200ms;
  display: flex;
  flex-direction: column;
  background: rgb(var(--rgb-lightest));
  box-shadow: -1px 2px 8px 0 rgba(30, 115, 190, 0.2);
  border: 1px solid rgb(var(--rgb-first));
}
header.portal-header nav ul > li ul li {
  position: relative;
}
header.portal-header nav ul > li ul li a {
  overflow: hidden;
  color: rgb(var(--rgb-forth-dark)) !important;
  padding: 12px 12px;
}
header.portal-header nav ul > li ul li:has(ul)::before {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  top: 12px;
  left: 8px;
  font-size: 14px;
  color: rgb(var(--rgb-light-dark));
  transition: transform 300ms;
  cursor: pointer;
}
html[dir=ltr] header.portal-header nav ul > li ul li:has(ul)::before {
  right: 8px;
  left: auto;
}

header.portal-header nav ul > li ul li:nth-of-type(1) > a::before {
  border-radius: 12px 12px 0 0;
}
header.portal-header nav ul > li ul li:nth-last-of-type(1) > a::before {
  border-radius: 0 0 12px 12px;
}

main.main-wrapper {
  min-height: 30vh;
  overflow-x: hidden;
}
main.main-wrapper img, main.main-wrapper svg {
  max-width: 100%;
}
main.main-wrapper .banner-wrapper img, main.main-wrapper .banner-wrapper svg {
  width: 100%;
  height: 30%;
  object-fit: cover;
}

.banner-slider-wrapper .swiper-wrapper {
  height: 132px;
}
@media only screen and (min-width: 767px) {
  .banner-slider-wrapper .swiper-wrapper {
    height: 160px;
  }
}
@media only screen and (min-width: 992px) {
  .banner-slider-wrapper .swiper-wrapper {
    height: 220px;
  }
}
.banner-slider-wrapper .swiper-slide, .banner-slider-wrapper .swiper-slide a {
  display: block;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  object-fit: cover;
  height: 100%;
}

.swiper {
  padding: 2px 6px 4px 6px;
}
.swiper .swiper-button-prev,
.swiper .swiper-button-next {
  background: rgb(var(--rgb-forth-dark));
  border: 1px solid rgb(var(--rgb-darkest), 0.1) !important;
  border-radius: var(--radius-full);
  color: rgb(var(--rgb-lightest)) !important;
  width: 40px;
  height: 40px;
}
.swiper .swiper-button-prev i,
.swiper .swiper-button-next i {
  height: 16px;
}

.gallerySwiper {
  height: 140px;
}
.gallerySwiper img, .gallerySwiper video, .gallerySwiper svg {
  object-fit: cover;
}

#sliderNodes .swiper-wrapper .swiper-slide {
  border-radius: 12px;
  height: 380px;
  color: rgb(var(--rgb-darker));
  position: relative;
  background: rgb(var(--rgb-ninth-lighter));
  box-shadow: 0 1px 6px 0 rgba(var(--rgb-darkest), 0.1);
}
#sliderNodes .swiper-wrapper .swiper-slide .calender-content {
  color: rgb(var(--rgb-sixth));
  font-size: 12px;
}
#sliderNodes .swiper-wrapper .swiper-slide figure {
  width: 100%;
  height: 220px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  margin-bottom: 0;
  position: relative;
  border-radius: 12px 12px 0 0;
}
#sliderNodes .swiper-wrapper .swiper-slide figure img, #sliderNodes .swiper-wrapper .swiper-slide figure svg {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s linear;
}
#sliderNodes .swiper-wrapper .swiper-slide figure img:hover, #sliderNodes .swiper-wrapper .swiper-slide figure svg:hover {
  transform: scale(1.1);
}
#sliderNodes .swiper-wrapper .swiper-slide h5 {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: rgb(var(--rgb-darkest));
}
#sliderNodes .swiper-wrapper .swiper-slide p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: rgb(var(--rgb-darkest));
}

#galleryImages .swiper-wrapper .swiper-slide {
  border-radius: 12px;
  height: 380px;
  color: rgb(var(--rgb-darker));
  position: relative;
  background: rgb(var(--rgb-ninth-lighter));
  box-shadow: 0 1px 6px 0 rgba(var(--rgb-darkest), 0.1);
}
#galleryImages .swiper-wrapper .swiper-slide .calender-content {
  color: rgb(var(--rgb-sixth));
  font-size: 12px;
}
#galleryImages .swiper-wrapper .swiper-slide figure {
  width: 100%;
  height: 220px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  margin-bottom: 0;
  position: relative;
  border-radius: 12px 12px 0 0;
}
#galleryImages .swiper-wrapper .swiper-slide figure img, #galleryImages .swiper-wrapper .swiper-slide figure svg {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s linear;
}
#galleryImages .swiper-wrapper .swiper-slide figure img:hover, #galleryImages .swiper-wrapper .swiper-slide figure svg:hover {
  transform: scale(1.1);
}
#galleryImages .swiper-wrapper .swiper-slide h5 {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: rgb(var(--rgb-darkest));
}
#galleryImages .swiper-wrapper .swiper-slide p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: rgb(var(--rgb-darkest));
}

.sm-slider {
  background: rgb(var(--rgb-ninth-lighter));
  padding: 15px;
  border-radius: 12px;
  box-shadow: 0 1px 6px 0 rgba(var(--rgb-darkest), 0.1);
}
.sm-slider .header {
  border-bottom: 1px solid rgba(var(--rgb-darkest), 0.1);
}
.sm-slider .header h4 {
  border-radius: 10px;
  background: rgb(var(--rgb-forth-dark));
  width: fit-content;
  color: rgb(var(--rgb-lightest));
  font-size: 14px;
  padding: 8px 14px;
}
.sm-slider .swiper-wrapper {
  margin-top: 14px;
}
.sm-slider .swiper-wrapper .swiper-slide figure {
  width: 100%;
  height: 180px;
  overflow: hidden;
  margin-bottom: 0;
  position: relative;
  border-radius: 12px;
}
.sm-slider .swiper-wrapper .swiper-slide figure.figure-center {
  height: 294px;
}
.sm-slider .swiper-wrapper .swiper-slide figure.figure-center figcaption {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  display: -webkit-box;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  height: min-content !important;
  margin: 0 !important;
  text-align: center;
}
.sm-slider .swiper-wrapper .swiper-slide figure img, .sm-slider .swiper-wrapper .swiper-slide figure svg {
  filter: brightness(60%);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s linear;
}
.sm-slider .swiper-wrapper .swiper-slide figure img:hover, .sm-slider .swiper-wrapper .swiper-slide figure svg:hover {
  transform: scale(1.1);
}
.sm-slider .swiper-wrapper .swiper-slide figure figcaption {
  position: absolute;
  bottom: 18px;
  right: 18px;
  color: rgb(var(--rgb-lightest));
  font-weight: bold;
  font-size: 14px;
  margin-left: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sm-slider .slider-btn-left,
.sm-slider .slider-btn-right {
  color: rgb(var(--rgb-sixth)) !important;
  position: absolute;
  top: 20px;
}
.sm-slider .slider-btn-left i,
.sm-slider .slider-btn-right i {
  height: 12px;
}
.sm-slider .slider-btn-left.swiper-button-disabled,
.sm-slider .slider-btn-right.swiper-button-disabled {
  opacity: 0.4;
}
.sm-slider .slider-btn-left {
  left: 16px;
}
html[dir=ltr] .sm-slider .slider-btn-left {
  right: 16px;
  left: auto;
}

.sm-slider .slider-btn-right {
  left: 32px;
}
html[dir=ltr] .sm-slider .slider-btn-right {
  right: 32px;
  left: auto;
}

.ads-bar {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  padding: 0;
  margin-bottom: 14px;
}
.ads-bar img, .ads-bar svg {
  width: 100%;
  max-width: 100%;
}

.content-wrapper {
  position: relative;
  width: 100%;
  padding: 12px 16px;
  background: rgb(var(--rgb-ninth-lighter));
  border-radius: 12px;
  box-shadow: 0 1px 6px 0 rgba(var(--rgb-darkest), 0.1);
}
.content-wrapper article.article {
  display: flex;
  padding: 14px 16px;
  gap: 16px;
  border-bottom: 1px solid rgba(var(--rgb-darkest), 0.1);
}
.content-wrapper article.article figure {
  height: 100%;
  width: 190px;
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 15px;
}
.content-wrapper article.article figure img, .content-wrapper article.article figure svg {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s linear;
}
.content-wrapper article.article figure:hover img, .content-wrapper article.article figure:hover svg {
  transform: scale(1.1);
}
.content-wrapper article.article .content {
  display: flex;
  width: 100%;
  gap: 8px;
  color: rgb(var(--rgb-darkest));
}
.content-wrapper article.article .content a {
  display: flex;
  gap: 8px;
  flex-direction: column;
}
.content-wrapper article.article .content small {
  color: rgb(var(--rgb-light-dark));
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.content-wrapper article.article .content h4 {
  color: rgb(var(--rgb-darkest));
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.content-wrapper article.article .content p {
  color: rgb(var(--rgb-darkest));
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.portal-title-bar {
  height: 100px;
  width: 100%;
  text-align: center;
  background-color: rgb(var(--rgb-first-dark));
  color: rgb(var(--rgb-lightest));
  line-height: 100px;
}
.portal-title-bar .title {
  font-weight: 500;
  display: inline;
}
.portal-title-bar .content {
  display: inline;
}

.btn-fixed {
  position: fixed;
  width: 42px;
  height: 42px;
  color: white;
  border-radius: var(--radius-full);
  background-color: rgb(var(--rgb-first));
  box-shadow: -1px 1px 2px 0 rgba(var(--rgb-darkest), 0.2);
  cursor: pointer;
  transition: transform 100ms ease-in-out, opacity 300ms ease-in-out, visibility 300ms ease-in-out;
  z-index: 200;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.btn-fixed:hover {
  background-color: rgb(var(--rgb-first)) !important;
}
.btn-fixed.bigger-hover:hover {
  transform: scale(1.3);
  filter: brightness(140%);
}
.btn-fixed.bottom-left {
  bottom: 60px;
  left: 40px;
}
html[dir=ltr] .btn-fixed.bottom-left {
  right: 40px;
  left: auto;
}

@media only screen and (max-width: 992px) {
  .btn-fixed.bottom-left {
    bottom: 120px;
  }
}
.btn-fixed.bottom-right {
  bottom: 60px;
  right: 40px;
}
html[dir=ltr] .btn-fixed.bottom-right {
  left: 40px;
  right: auto;
}

@media only screen and (max-width: 992px) {
  .btn-fixed.bottom-right {
    bottom: 120px;
  }
}
.btn-fixed.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.btn-fixed-tooltip {
  position: absolute;
  bottom: 110%;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgb(var(--rgb-first));
  padding: 6px 12px;
  width: max-content;
  display: flex;
  border-radius: 6px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: transform 100ms ease-in-out, opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}
.btn-fixed:hover .btn-fixed-tooltip {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.download-apps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 16px;
  place-items: stretch;
}

section.node-records {
  display: block;
  padding: 12px 30px;
}
section.node-records .node-record {
  display: flex;
  gap: 16px;
  height: 175px;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid rgba(var(--rgb-darkest), 0.1);
}
section.node-records .node-record figure {
  height: 100%;
  min-width: 200px;
  width: 200px;
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 8px;
}
section.node-records .node-record figure img, section.node-records .node-record figure svg {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s linear;
}
section.node-records .node-record figure:hover img, section.node-records .node-record figure:hover svg {
  transform: scale(1.1);
}
section.node-records .node-record small {
  color: rgb(var(--rgb-light-dark));
  font-weight: 500;
}
section.node-records .node-record h4 {
  font-size: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: rgb(var(--rgb-darkest));
}
section.node-records .node-record .content {
  color: rgb(var(--rgb-darkest));
  line-height: 24px;
  font-size: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.categories-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}

.news-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}

.shora-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}

.item-box {
  display: flex;
  flex-direction: column;
  padding: 12px 12px;
  gap: 8px;
  border-radius: 12px;
}
.item-box-bg {
  background-color: rgb(var(--rgb-ninth-lighter));
  box-shadow: 0 1px 6px 0 rgba(var(--rgb-darkest), 0.1);
}
.item-box small {
  color: rgb(var(--rgb-light-dark));
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.item-box h4 {
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.item-box-v2 {
  padding: 9px 12px;
  border: none !important;
}
.item-box-v2 figure {
  height: 100% !important;
}
@media only screen and (max-width: 767px) {
  .item-box-v2 {
    padding: 4px 12px;
  }
}
.item-box-v2 .item-box-content {
  background-color: rgb(var(--rgb-ninth-lighter));
}
@media only screen and (max-width: 767px) {
  .item-box-v2 .item-box-content {
    background-color: rgb(var(--rgb-darkest), 0.05);
  }
  .item-box-v2 .item-box-content::after {
    outline: none !important;
  }
}
.item-box-v2:not(:nth-last-child(1)) .item-box-content {
  position: relative;
}
.item-box-v2:not(:nth-last-child(1)) .item-box-content::after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
  outline: 0.5px solid rgb(var(--rgb-third-darker), 0.1);
}
.item-box-v2 h4 {
  line-height: 30px;
}
.item-box figure {
  width: 100%;
  height: 180px;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 0;
}
.item-box figure img, .item-box figure svg {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s linear;
}
.item-box figure:hover img, .item-box figure:hover svg {
  transform: scale(1.1);
}
.item-box .category-details {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  color: rgb(var(--rgb-light));
}

body.dark .item-box-content, body.faragard-dark .item-box-content {
  background-color: rgb(var(--rgb-first-lighter));
}

a.widget-link {
  padding: 8px;
  display: flex;
  width: 100%;
  height: 100%;
}
a.widget-link img, a.widget-link svg {
  max-width: 100%;
  width: 100%;
  box-shadow: 0 2px 16px -26px rgb(var(--rgb-dark));
  transition: all 300ms;
}
a.widget-link:hover img, a.widget-link:hover svg {
  box-shadow: 0 58px 36px -56px rgb(var(--rgb-dark), 0.5);
}
a.widget-link-v2 {
  padding: 0;
  box-shadow: none;
}
a.widget-link-v2 img, a.widget-link-v2 svg {
  height: auto;
  aspect-ratio: 1/1;
}
a.widget-link-v2:hover img, a.widget-link-v2:hover svg {
  box-shadow: none;
}

ul.news-nav {
  margin-bottom: 0 !important;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
ul.news-nav li {
  font-size: 14px;
  cursor: pointer;
  color: rgb(var(--rgb-light-dark), 0.8);
  font-weight: 500;
  padding: 6px 10px;
  border-radius: 8px;
  transition: all 150ms;
  user-select: none;
}
ul.news-nav li:hover {
  background-color: rgb(var(--rgb-darkest), 0.03);
  color: rgb(var(--rgb-light-dark), 1);
}
ul.news-nav li.active {
  color: rgb(var(--rgb-first));
  background-color: rgb(var(--rgb-first), 0.1);
}
ul.news-nav-v2 li {
  border-radius: 0;
  color: rgb(var(--rgb-first-darker), 0.8);
}
ul.news-nav-v2 li.active {
  background-color: rgb(var(--rgb-fifth));
  color: rgb(var(--rgb-lightest), 1);
}

.swiper-button-prev,
.swiper-button-next {
  background: rgb(var(--rgb-lightest));
  border: 1px solid rgb(var(--rgb-light-dark));
  border-radius: var(--radius-full);
  width: 40px;
  height: 40px;
}
.swiper-button-prev i,
.swiper-button-next i {
  height: 16px;
}

footer {
  padding: 16px 12px;
  margin-top: 15px;
  background-color: color-mix(in srgb, rgb(var(--rgb-first-darker)) 70%, black);
  color: white;
}
footer .footer-title {
  font-weight: 600;
  font-size: 16px;
  padding: 12px 0;
  border-bottom: 6px solid rgb(var(--rgb-forth-dark));
  color: rgb(var(--rgb-lightest));
}
footer .footer-title-v2 {
  font-weight: 500;
  border-bottom: 1px solid rgba(var(--rgb-lightest), 0.4);
}
footer p {
  padding: 12px 0;
  line-height: 26px;
  color: rgb(var(--rgb-lightest));
}
footer ul.footer-nav {
  font-size: 13px;
  line-height: 28px;
  margin-right: 20px;
}
footer ul.footer-nav li {
  list-style: disc;
}
footer ul.footer-nav li a {
  color: rgb(var(--rgb-lightest));
}
footer .socials ul {
  display: flex;
  gap: 8px;
}
footer .socials ul li a {
  width: 24px;
  height: 24px;
  background: rgb(var(--rgb-lightest));
  color: rgb(var(--rgb-darkest));
  border-radius: 14px;
  display: grid;
  place-items: center;
  opacity: 0.7;
  transition: all 0.2s linear;
}
footer .socials ul li a img, footer .socials ul li a svg {
  width: 16px;
  height: 16px;
  max-width: 100%;
}
footer .socials ul li:hover a {
  opacity: 1;
  transform: scale(1.1);
}
footer .logo {
  width: 160px;
  height: 160px;
  text-align: center;
}

.footer-v2 {
  background-color: rgb(var(--rgb-third-dark));
}
.footer-v2-menu {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  position: relative;
  background: rgb(var(--rgb-lightest), 0.4);
  row-gap: 1px;
}
.footer-v2-menu li {
  flex-grow: 1;
}
.footer-v2-menu li a, .footer-v2-menu li button, .footer-v2-menu li span {
  background-color: rgb(var(--rgb-third-dark));
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--rgb-lightest));
  padding: 8px 16px;
  font-size: 14px;
}
body.dark .footer-v2-menu li a, body.dark .footer-v2-menu li button, body.dark .footer-v2-menu li span {
  background-color: rgb(var(--rgb-first-lighter)) !important;
}

body.faragard-dark .footer-v2-menu li a, body.faragard-dark .footer-v2-menu li button, body.faragard-dark .footer-v2-menu li span {
  background-color: rgb(var(--rgb-first-lighter)) !important;
}

.footer-v2-menu li a::before, .footer-v2-menu li button::before, .footer-v2-menu li span::before {
  content: "";
  width: 0;
  height: 1px;
  background-color: rgb(var(--rgb-lightest), 0.8);
  transition: all 200ms ease-in-out;
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0;
}
.footer-v2-menu li a:hover::before, .footer-v2-menu li button:hover::before, .footer-v2-menu li span:hover::before {
  width: 100%;
  opacity: 1;
}

.btn-dark {
  background-color: color-mix(in srgb, rgb(var(--rgb-first)) 80%, rgb(var(--rgb-darkest))) !important;
}

.btn-forth-dark {
  background-color: rgb(var(--rgb-forth));
}
.btn-forth-dark:hover {
  color: rgb(var(--rgb-lightest));
  background-color: rgb(var(--rgb-forth), 0.8);
}

.footer-copy {
  background: rgb(var(--rgb-forth));
  color: rgb(var(--rgb-lightest));
  position: relative;
  text-align: center;
  font-size: 11px;
}
.footer-copy .creator-img {
  width: 100px;
  height: 23px;
  object-fit: cover;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}
.footer-copy .logo-img {
  width: auto;
  height: 41px;
}

#newsBannerSwiper .swiper-wrapper {
  height: 180px;
}
#newsBannerSwiper .swiper-wrapper .swiper-slide {
  max-width: 100%;
  background-size: cover;
  background-position: center;
  object-fit: cover;
  height: 100%;
}

.overlay-slider {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 1;
}
.overlay-slider::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(var(--rgb-black), 0.3);
  top: 0;
  left: 0;
  z-index: -1;
  display: flex;
}
.overlay-slider h2 {
  color: rgb(var(--rgb-lightest));
  user-select: none;
}

.gallery-wrapper .gallery-item {
  height: 200px;
  border-radius: 12px;
  box-shadow: 0 1px 6px 0 rgba(var(--rgb-darkest), 0.1);
  transition: all 200ms;
}
.gallery-wrapper .gallery-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 8px 0 rgba(var(--rgb-darkest), 0.2);
}
.gallery-wrapper .gallery-item img, .gallery-wrapper .gallery-item svg {
  width: 100%;
  height: 100%;
  max-height: 100%;
  border-radius: 12px;
  object-fit: cover;
}

.gol-nodes-swiper .swiper-wrapper .swiper-slide {
  border-radius: 12px;
  height: 310px;
  color: rgb(var(--rgb-darker));
  position: relative;
  box-shadow: 0 1px 6px 0 rgba(var(--rgb-darkest), 0.1);
  background: rgb(21, 128, 61) !important;
  background: linear-gradient(0deg, rgba(var(--rgb-first), 1) 0%, rgba(var(--rgb-first), 1) 20%, rgba(var(--rgb-ninth-lighter), 1) 60%) !important;
}
.gol-nodes-swiper .swiper-wrapper .swiper-slide .calender-content {
  color: rgb(var(--rgb-sixth));
  font-size: 12px;
}
.gol-nodes-swiper .swiper-wrapper .swiper-slide figure {
  width: calc(100% - 32px);
  margin: 16px;
  height: 200px;
  overflow: hidden;
  margin-bottom: 0;
  position: relative;
  border-radius: 12px;
}
.gol-nodes-swiper .swiper-wrapper .swiper-slide figure img, .gol-nodes-swiper .swiper-wrapper .swiper-slide figure svg {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s linear;
}
.gol-nodes-swiper .swiper-wrapper .swiper-slide figure img:hover, .gol-nodes-swiper .swiper-wrapper .swiper-slide figure svg:hover {
  transform: scale(1.1);
}
.gol-nodes-swiper .swiper-wrapper .swiper-slide h5 {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: rgb(var(--rgb-lightest));
}
.gol-nodes-swiper .swiper-wrapper .swiper-slide p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: rgb(var(--rgb-lightest));
}

.golzar-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  grid-template-rows: repeat(auto-fill, minmax(160px, 1fr));
  gap: 32px;
}
.golzar-wrapper .golzar-item {
  justify-self: center;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  box-shadow: 0 1px 6px 0 rgba(var(--rgb-darkest), 0.1);
  transition: all 200ms;
  outline: 1px solid rgb(var(--rgb-second));
  outline-offset: 4px;
  position: relative;
  overflow: hidden;
}
.golzar-wrapper .golzar-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 8px 0 rgba(var(--rgb-darkest), 0.2);
  outline-width: 4px;
  outline-offset: 0;
}
.golzar-wrapper .golzar-item img, .golzar-wrapper .golzar-item svg {
  width: 100%;
  height: 100%;
  max-height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.golzar-wrapper .golzar-item .golzar-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(var(--rgb-black), 0.3);
  color: rgb(var(--rgb-lightest));
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 200ms;
}
.golzar-wrapper .golzar-item:hover .golzar-content {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.straight-header {
  position: relative;
  padding: 8px 16px;
  margin-bottom: 8px;
  user-select: none;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 16px;
}
.straight-header h4 {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}
.straight-header::after {
  background: linear-gradient(90deg, rgba(var(--rgb-darkest), 0) 5%, rgba(var(--rgb-darkest), 0.3) 50%, rgba(var(--rgb-darkest), 0) 95%);
  display: block;
  content: "";
  width: 100%;
  top: 50%;
  right: 0;
  height: 0.075rem;
  position: absolute;
  transform: translateY(-50%);
  z-index: 0;
}
.straight-header-v2 {
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .straight-header-v2 h4 {
    font-size: 0.9em;
  }
}
.straight-header-v2::after {
  position: relative;
  text-wrap: nowrap;
  height: 0;
  outline: 1px solid rgb(var(--rgb-first), 0.4);
}

.modern-box {
  display: flex;
  position: relative;
  height: 280px;
  margin-bottom: 54px;
}
.modern-box img, .modern-box svg {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: cover;
}
.modern-box-content {
  position: absolute;
  top: 100%;
  left: 50%;
  width: calc(100% - 48px);
  transform: translate(-50%, -50%);
  background-color: rgb(var(--rgb-ninth-lighter));
  border-radius: 8px;
  box-shadow: 0 0 8px 0 rgba(var(--rgb-darkest), 0.1);
  padding: 12px 16px;
  border: 1px solid transparent;
  transition: all 200ms;
}
.modern-box:hover .modern-box-content {
  box-shadow: 0 2px 8px 0 rgba(var(--rgb-darkest), 0.14);
}

section.fancy-wrapper .fancy-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-template-areas: "a a a a" "a a a a" "b b c c" "d d e e";
  grid-gap: 16px;
  height: auto;
}
section.fancy-wrapper .fancy-grid .figure-link {
  grid-column: span 2;
  height: 100%;
  width: 100%;
}
section.fancy-wrapper .fancy-grid .figure-link figure {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
}
section.fancy-wrapper .fancy-grid .figure-link figure img, section.fancy-wrapper .fancy-grid .figure-link figure svg {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s linear;
}
section.fancy-wrapper .fancy-grid .figure-link figure figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(var(--rgb-black), 0.3);
  padding: 20px;
  color: rgb(var(--rgb-lightest));
  text-shadow: 2px 2px rgb(var(--rgb-lightest), 0.2);
}
section.fancy-wrapper .fancy-grid .figure-link figure figcaption span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
section.fancy-wrapper .fancy-grid .figure-link:hover img, section.fancy-wrapper .fancy-grid .figure-link:hover svg {
  transform: scale(1.1);
}
section.fancy-wrapper .fancy-grid :nth-of-type(1) {
  grid-area: a;
  grid-column: 1/5;
  grid-row: 1/3;
}
section.fancy-wrapper .fancy-grid :nth-of-type(1) figure figcaption {
  line-height: 24px;
  font-size: 18px;
}

.dirty-boxes {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(2, 286px);
  place-items: stretch;
  gap: 16px;
  margin: 16px 0;
}
.dirty-boxes-slide {
  position: relative;
}
.dirty-boxes-slide:hover .dirty-boxes-slide-description:not(:empty) {
  opacity: 1;
  bottom: 0;
  transition: all 500ms linear;
}
.dirty-boxes-slide:hover .dirty-boxes-slide-description-image {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  right: 0;
}
.dirty-boxes-slide-description {
  opacity: 0;
  text-shadow: 2px 2px rgb(var(--rgb-lightest), 0.2);
  transition: all 500ms linear;
  bottom: -100%;
  left: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: fit-content;
  background: rgb(var(--rgb-lightest));
  font-weight: bold;
  font-size: 16px;
  background: linear-gradient(180deg, rgba(var(--rgb-black), 0) 0%, rgba(var(--rgb-black), 0.6) 100%);
  padding: 32px 16px 16px;
  text-align: center;
  color: rgb(var(--rgb-lightest));
}
.dirty-boxes-slide-description-image {
  position: absolute;
  bottom: 32px;
  right: -100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  max-width: 43%;
  width: 100%;
  transition: all 300ms ease-in-out;
}
.dirty-boxes-slide-description-image img {
  width: 100%;
  max-width: 100%;
}
.dirty-boxes-item {
  position: relative;
  width: 100%;
  grid-column: span 5;
  border-radius: 16px;
}
.dirty-boxes-item img, .dirty-boxes-item svg {
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  border-radius: 16px;
}
.dirty-boxes-item:nth-of-type(4n-2), .dirty-boxes-item:nth-of-type(4n-1) {
  grid-column: span 7;
}
@media only screen and (max-width: 767px) {
  .dirty-boxes-item {
    grid-column: span 12 !important;
  }
}
.dirty-boxes-content {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 24px 32px;
  background: rgba(var(--rgb-black), 0.35);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(var(--rgb-darkest), 0.1);
  backdrop-filter: blur(0.6px);
  -webkit-backdrop-filter: blur(0.6px);
  border: 1px solid rgba(var(--rgb-lightest), 0.5);
}
.dirty-boxes-profile {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dirty-boxes-profile p,
.dirty-boxes-profile h6 {
  color: rgb(var(--rgb-lightest)) !important;
}
.dirty-boxes-profile img, .dirty-boxes-profile svg {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  max-width: 100%;
  object-fit: cover;
}
.dirty-boxes-bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 24px 32px;
  color: rgb(var(--rgb-lightest)) !important;
  letter-spacing: 2px;
}
.dirty-boxes-bottom-left h3 {
  color: rgb(var(--rgb-lightest)) !important;
}

.gol-dirty-boxes {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(2, 200px);
  place-items: stretch;
  gap: 16px;
  padding: 16px 0;
}
.gol-dirty-boxes-item {
  position: relative;
  width: 100%;
  grid-column: span 5;
  border-radius: 16px;
}
.gol-dirty-boxes-item img, .gol-dirty-boxes-item svg {
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  border-radius: 16px;
}
.gol-dirty-boxes-item:nth-of-type(1) {
  grid-column: span 8;
  grid-row: span 2;
}
.gol-dirty-boxes-item:nth-of-type(2), .gol-dirty-boxes-item:nth-of-type(3) {
  grid-column: span 4;
  grid-row: span 1;
}
@media only screen and (max-width: 767px) {
  .gol-dirty-boxes-item {
    grid-column: span 12 !important;
  }
}
.gol-dirty-boxes-content {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 24px 32px;
  background: rgba(var(--rgb-black), 0.35);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(var(--rgb-darkest), 0.1);
  backdrop-filter: blur(0.6px);
  -webkit-backdrop-filter: blur(0.6px);
  border: 1px solid rgba(var(--rgb-lightest), 0.5);
}
.gol-dirty-boxes-profile {
  display: flex;
  align-items: center;
  gap: 8px;
}
.gol-dirty-boxes-profile p,
.gol-dirty-boxes-profile h6 {
  color: rgb(var(--rgb-lightest)) !important;
}
.gol-dirty-boxes-profile img, .gol-dirty-boxes-profile svg {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  max-width: 100%;
  object-fit: cover;
}
.gol-dirty-boxes-bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 24px 32px;
  color: rgb(var(--rgb-lightest)) !important;
  letter-spacing: 2px;
}
.gol-dirty-boxes-bottom-left h3 {
  color: rgb(var(--rgb-lightest)) !important;
}

.hover-shadow-up {
  box-shadow: 0 2px 8px -1px rgba(var(--rgb-darkest), 0.3);
  transition: all 200ms;
}
.hover-shadow-up:hover {
  transform: translateY(-5px);
  box-shadow: 0 7px 12px 0 rgba(var(--rgb-darkest), 0.3);
}

.swiper-button-next,
.swiper-button-prev {
  background: rgb(var(--rgb-forth-dark));
  border: none !important;
  border-radius: var(--radius-full);
  color: rgb(var(--rgb-lightest)) !important;
  width: 40px;
  height: 40px;
}

@media only screen and (max-width: 360px) {
  .fancy-wrapper .fancy-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    grid-template-rows: repeat(5, 1fr) !important;
    grid-template-areas: "a a a a" "b b b b" "c c c c" "d d d d" "e e e e" !important;
    height: auto !important;
  }
  .fancy-wrapper .fancy-grid .figure-link {
    grid-column: span 4 !important;
  }
  .fancy-wrapper .fancy-grid :nth-of-type(1) {
    grid-area: a !important;
    grid-column: span 4 !important;
    grid-row: span 1 !important;
  }
}
@media only screen and (max-width: 575px) {
  a.widget-link img, a.widget-link svg {
    width: 60% !important;
    margin: auto;
  }
  a.widget-link-v2 img, a.widget-link-v2 svg {
    width: 100% !important;
  }
}
@media only screen and (max-width: 767px) {
  .item-box:not(:nth-last-of-type(1)) {
    border-bottom: 1px solid rgba(var(--rgb-darkest), 0.1);
  }
  .node-record {
    flex-direction: column;
    height: auto !important;
  }
  .node-record figure {
    min-height: 100px;
    height: 180px !important;
    width: 100% !important;
  }
  a.widget-link img, a.widget-link svg {
    width: 70%;
    margin: auto;
  }
  a.widget-link-v2 img, a.widget-link-v2 svg {
    width: 100% !important;
  }
  .footer-copy {
    margin-bottom: 86px;
  }
}
@media only screen and (max-width: 992px) {
  article.article {
    flex-direction: column;
    height: auto !important;
  }
  article.article figure {
    width: auto !important;
  }
}
@media only screen and (min-width: 575px) {
  .shora-wrapper {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media only screen and (min-width: 767px) {
  article.article .content h4 {
    -webkit-line-clamp: 1 !important;
  }
  .categories-wrapper {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .news-wrapper {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .shora-wrapper {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  header.portal-header nav ul li a {
    font-size: 10px !important;
  }
  header.portal-header nav ul li a i {
    font-size: 16px !important;
  }
}
@media only screen and (min-width: 1200px) {
  .search-form {
    flex-basis: 300px;
    flex-shrink: 1;
  }
  .shora-wrapper {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
@media only screen and (min-width: 1400px) {
  .news-wrapper {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media only screen and (min-width: 992px) {
  .search-form {
    display: block !important;
  }
  .categories-wrapper {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  header.portal-header {
    background-color: rgb(var(--rgb-forth-dark));
    display: block;
    padding: 4px 16px;
    box-shadow: 0 3px 5px 0 rgba(var(--rgb-darkest), 0.1);
  }
  header.portal-header img, header.portal-header svg {
    width: 75px;
    max-height: 75px;
    max-width: 100%;
  }
  header.portal-header nav > ul {
    display: flex;
    z-index: 300;
  }
  header.portal-header nav > ul > li {
    position: relative;
  }
  header.portal-header nav > ul > li:hover > a {
    box-shadow: inset 0 0 12px 1px rgba(var(--rgb-lightest), 0.15);
  }
  header.portal-header nav > ul > li > a {
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    color: rgb(var(--rgb-lightest));
    padding: 8px 14px;
    font-size: 14px;
    transition: box-shadow 200ms;
  }
  header.portal-header nav > ul > li > a i {
    font-size: 18px;
  }
  header.portal-header nav > ul > li ul {
    transition: all 200ms;
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 210px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    background: rgb(var(--rgb-ninth-lighter));
    box-shadow: -1px 2px 8px 0 rgba(30, 115, 190, 0.2);
    border: 1px solid rgb(var(--rgb-forth-dark));
  }
  header.portal-header nav > ul > li ul li {
    position: relative;
  }
  header.portal-header nav > ul > li ul li a {
    overflow: hidden;
    color: rgb(var(--rgb-forth-dark)) !important;
    padding: 12px 12px;
  }
  header.portal-header nav > ul > li ul li a::before {
    content: "";
    width: 0;
    height: 100%;
    background: rgb(var(--rgb-first), 0.1);
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 160ms cubic-bezier(0.36, 0, 0.92, 0.54);
    transform-origin: top;
  }
  header.portal-header nav > ul > li ul li a:hover::before {
    width: 99.5%;
    height: 97%;
  }
  header.portal-header nav > ul > li ul li:nth-of-type(1) > a::before {
    border-radius: 12px 12px 0 0;
  }
  header.portal-header nav > ul > li ul li:nth-last-of-type(1) > a::before {
    border-radius: 0 0 12px 12px;
  }
  header.portal-header nav > ul > li ul li:has(ul)::before {
    content: "\f104";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    left: 18px;
    transform: translate(-50%, -50%);
    font-size: 14px;
    color: rgb(var(--rgb-forth-dark));
    transition: transform 300ms;
    cursor: pointer;
  }
  html[dir=ltr] header.portal-header nav > ul > li ul li:has(ul)::before {
    content: "\f105";
    right: 18px;
    left: auto;
  }
  header.portal-header nav > ul > li ul li:has(ul):hover::before {
    transform: translate(-50%, -50%);
  }
  header.portal-header nav > ul > li ul li:hover ul {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
  }
  header.portal-header nav > ul > li ul li ul {
    top: 0 !important;
    right: 100% !important;
  }
  html[dir=ltr] header.portal-header nav > ul > li ul li ul {
    left: 100% !important;
    right: auto !important;
  }
  header.portal-header nav > ul > li:hover > ul {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
  }
  header.portal-header.portal-header-v2 {
    background-color: rgb(var(--rgb-forth));
    padding: 22px 16px;
  }
  header.portal-header.portal-header-v2 nav > ul > li > a {
    flex-direction: row;
    gap: 8px;
  }
  .fancy-wrapper .fancy-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    grid-template-rows: repeat(2, 1fr) !important;
    grid-template-areas: "a a b c" "a a d e" !important;
    height: 540px;
  }
  .fancy-wrapper .fancy-grid .figure-link {
    grid-column: span 1 !important;
  }
  .fancy-wrapper .fancy-grid :nth-of-type(1) {
    grid-area: a !important;
    grid-column: 1/3 !important;
    grid-row: 1/3 !important;
  }
}
@media only screen and (min-width: 1200px) {
  .categories-wrapper {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
@media only screen and (max-width: 992px) {
  .search-form {
    margin: 12px 12px 0 12px;
    display: none;
  }
  header.portal-header nav {
    width: 280px;
    height: 100dvh;
    z-index: 2750;
    top: 0;
    background: rgb(var(--rgb-ninth-lighter));
    position: fixed;
    box-shadow: 0 2px 8px 0 rgba(var(--rgb-darkest), 0.1);
    left: 100%;
    transition: all 300ms cubic-bezier(0.34, -0.04, 0.61, 1.04);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
  }
  html[dir=ltr] header.portal-header nav {
    right: 100%;
    left: auto;
  }
  header.portal-header nav::-webkit-scrollbar {
    width: 8px;
  }
  header.portal-header nav::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb-bg);
    border-radius: var(--radius-full);
    cursor: pointer;
  }
  header.portal-header nav::-webkit-scrollbar-track {
    background: var(--scrollbar-bg);
  }
  header.portal-header nav > ul {
    flex-direction: column;
  }
  header.portal-header nav > ul > li {
    padding: 4px 8px;
  }
  header.portal-header nav > ul > li > a {
    color: rgb(var(--rgb-dark));
    flex-direction: row !important;
    padding: 12px 16px !important;
    cursor: pointer !important;
    font-weight: 500;
    transition: all 150ms;
  }
  header.portal-header nav > ul > li > a i {
    color: rgb(var(--rgb-dark));
  }
  header.portal-header nav > ul > li:hover > a {
    background-color: rgb(var(--rgb-darkest), 0.05);
  }
  header.portal-header nav > ul > li:has(ul)::before {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    font-size: 14px;
    top: 18px;
    left: 24px;
    color: rgb(var(--rgb-dark));
    transition: all 150ms;
    cursor: pointer;
  }
  html[dir=ltr] header.portal-header nav > ul > li:has(ul)::before {
    right: 24px;
    left: auto;
  }
  header.portal-header nav > ul > li ul {
    background-color: transparent;
    padding: 0 26px 0 8px;
    position: relative !important;
    transform: translateY(0) !important;
    overflow: hidden;
    height: 0;
    pointer-events: auto !important;
    visibility: visible !important;
    border-radius: 0 !important;
    width: 100% !important;
    box-shadow: none !important;
    border: none !important;
    transition: all 200ms;
  }
  html[dir=ltr] header.portal-header nav > ul > li ul {
    padding: 0 8px 0 26px;
  }
  header.portal-header nav > ul > li ul li {
    position: relative;
  }
  header.portal-header nav > ul > li ul li:nth-of-type(1) a::before {
    display: none;
  }
  header.portal-header nav > ul > li ul li:nth-last-of-type(1) > a::after {
    display: none;
  }
  header.portal-header nav > ul > li ul li a {
    width: 100%;
    font-size: 0.8em;
    padding: 10px;
    color: rgb(var(--rgb-dark)) !important;
  }
  header.portal-header nav > ul > li ul li a::before, header.portal-header nav > ul > li ul li a::after {
    content: "";
    width: 1px;
    height: 50%;
    position: absolute;
    right: 0;
    background: rgba(var(--rgb-light-dark), 0.1);
  }
  html[dir=ltr] header.portal-header nav > ul > li ul li a::before, html[dir=ltr] header.portal-header nav > ul > li ul li a::after {
    left: 0;
    right: auto;
  }
  header.portal-header nav > ul > li ul li a::before {
    top: 0;
  }
  header.portal-header nav > ul > li ul li a::after {
    bottom: 0;
  }
  header.portal-header nav > ul > li ul li a:hover {
    color: rgb(var(--rgb-darkest)) !important;
  }
  header.portal-header nav > ul > li ul li:nth-last-of-type(1) a::before,
  header.portal-header nav > ul > li ul li:nth-last-of-type(1) a::after, header.portal-header nav > ul > li ul li:nth-last-of-type(1) a::before,
  header.portal-header nav > ul > li ul li:nth-last-of-type(1) a::after {
    content: "";
    width: 1px;
    height: 20px !important;
    position: absolute;
    right: 0;
    background: rgba(var(--rgb-light-dark), 0.1);
  }
  html[dir=ltr] header.portal-header nav > ul > li ul li:nth-last-of-type(1) a::before,
  html[dir=ltr] header.portal-header nav > ul > li ul li:nth-last-of-type(1) a::after, html[dir=ltr] header.portal-header nav > ul > li ul li:nth-last-of-type(1) a::before,
  html[dir=ltr] header.portal-header nav > ul > li ul li:nth-last-of-type(1) a::after {
    left: 0;
    right: auto;
  }
  header.portal-header nav > ul > li ul li::after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: rgb(var(--rgb-light));
    position: absolute;
    top: 20px;
    left: 100%;
    transform: translate(-50%, -50%);
  }
  html[dir=ltr] header.portal-header nav > ul > li ul li::after {
    transform: translate(50%, -50%);
    right: 100%;
    left: auto;
  }
  header.portal-header nav > ul > li.show::before {
    color: rgb(var(--rgb-lightest)) !important;
  }
  header.portal-header nav > ul > li.show > a {
    color: rgb(var(--rgb-lightest)) !important;
    background-color: rgb(var(--rgb-first));
  }
  header.portal-header nav > ul > li.show > a i {
    color: rgb(var(--rgb-lightest)) !important;
  }
  header.portal-header nav > ul > li.show > ul {
    height: 100%;
  }
  header.portal-header nav > ul > li.show > ul li.show::before {
    color: rgb(var(--rgb-first)) !important;
  }
  header.portal-header nav > ul > li.show > ul li.show > a {
    color: rgb(var(--rgb-first)) !important;
  }
  header.portal-header nav > ul > li.show > ul li.show > a i {
    color: rgb(var(--rgb-first)) !important;
  }
  header.portal-header nav > ul > li.show > ul li.show > ul {
    opacity: 1 !important;
    height: fit-content !important;
    right: 0 !important;
    display: block;
  }
  html[dir=ltr] header.portal-header nav > ul > li.show > ul li.show > ul {
    left: 0 !important;
    right: auto !important;
  }
  header.portal-header nav.show {
    transform: translateX(-100%);
  }
  html[dir=ltr] header.portal-header nav.show {
    transform: translateX(100%);
  }
  header.portal-header-v2 nav > ul > li ul li > a {
    color: rgb(var(--rgb-lightest)) !important;
  }
  header.portal-header-v2 nav > ul > li ul li > a:hover {
    color: rgb(var(--rgb-lightest)) !important;
  }
  header.portal-header-v2 nav > ul > li.show > a {
    background-color: rgb(var(--rgb-third));
  }
  header.portal-header-v2 nav > ul > li.show > ul {
    height: 100%;
  }
  header.portal-header-v2 nav > ul > li.show > ul li.show::before {
    color: rgb(var(--rgb-lightest)) !important;
  }
  header.portal-header-v2 nav > ul > li.show > ul li.show:hover {
    color: rgb(var(--rgb-lightest)) !important;
  }
  header.portal-header-v2 nav > ul > li.show > ul li.show > a {
    color: rgb(var(--rgb-lightest)) !important;
  }
  header.portal-header-v2 nav > ul > li.show > ul li.show > a:hover {
    color: rgb(var(--rgb-lightest)) !important;
  }
  header.portal-header-v2 nav > ul > li.show > ul li.show > a i {
    color: rgb(var(--rgb-lightest)) !important;
  }
}
.shora-text-box {
  background-color: rgb(var(--rgb-ninth-lighter));
  width: 100%;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 200ms;
  box-shadow: 0 0 12px -4px rgba(var(--rgb-first), 0.5);
}
.shora-text-box-title {
  font-size: 16px;
  font-weight: bold;
  color: rgb(var(--rgb-first-darker));
}
.shora-text-box img, .shora-text-box svg {
  width: 60px;
  height: 60px;
  object-fit: cover;
  max-width: 100%;
  border-radius: 6px;
}
@media only screen and (max-width: 575px) {
  .shora-text-box img, .shora-text-box svg {
    padding: 0 16px;
  }
}
.shora-text-box:hover {
  transform: scale(1.07);
  box-shadow: 0 0 24px -12px rgba(var(--rgb-first), 0.8);
}

/* Tanian page start */
.big-animated-slider .swiper-slide {
  height: 440px;
  overflow: hidden;
}
.big-animated-slider .swiper-slide-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.big-animated-slider .swiper-slide-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgb(var(--rgb-black), 0.3);
  z-index: 30;
}
.big-animated-slider .swiper-slide-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  color: rgb(var(--rgb-lightest));
  transition: all 1.2s 0.8s cubic-bezier(0.51, 0.29, 0.22, 0.9);
  width: 500px;
  max-width: 100%;
  z-index: 32;
  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  line-height: 30px;
  padding: 16px;
}
.big-animated-slider .swiper-slide-content h2 {
  letter-spacing: 2px;
}
.big-animated-slider .swiper-slide-content * {
  color: rgb(var(--rgb-lightest));
}
@media only screen and (min-width: 767px) {
  .big-animated-slider .swiper-slide-content.to-left {
    left: 35% !important;
  }
  .big-animated-slider .swiper-slide-content.to-right {
    left: 65% !important;
  }
}
@media only screen and (min-width: 992px) {
  .big-animated-slider .swiper-slide-content.to-left {
    left: 25% !important;
  }
  .big-animated-slider .swiper-slide-content.to-right {
    left: 75% !important;
  }
}
.big-animated-slider .swiper-slide:not(.big-animated-slider .swiper-slide-active) .swiper-slide-content {
  top: 100%;
  opacity: 0;
}
.big-animated-slider .swiper-pagination-bullet {
  background-color: rgb(var(--rgb-lightest), 0.8) !important;
  opacity: 1;
  transition: all 200ms;
}
.big-animated-slider .swiper-pagination-bullet-active {
  background-color: rgb(var(--rgb-first-light), 1) !important;
}
.big-animated-slider .swiper-horizontal > .swiper-pagination-bullets,
.big-animated-slider .swiper-pagination-bullets.swiper-pagination-horizontal,
.big-animated-slider .swiper-pagination-custom,
.big-animated-slider .swiper-pagination-fraction {
  bottom: 0;
}

.working-services .swiper-slide {
  height: 300px;
  background-color: rgb(var(--rgb-ninth-lighter));
  box-shadow: 0 0 6px 1px rgba(var(--rgb-darkest), 0.1);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 12px 16px;
  text-align: center;
  align-items: center;
  transition: all 200ms;
}
.working-services .swiper-slide h5 {
  line-height: 30px;
}
.working-services .swiper-slide img, .working-services .swiper-slide svg {
  width: 95px;
  max-width: 100%;
  height: 95px;
  object-fit: cover;
}
.working-services .swiper-slide:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 6px 1px rgba(var(--rgb-darkest), 0.1);
}
.working-services-box {
  height: auto;
  background-color: rgb(var(--rgb-ninth-lighter));
  box-shadow: 0 0 6px 1px rgba(var(--rgb-darkest), 0.1);
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  padding: 12px 16px;
  text-align: center;
  align-items: center;
  transition: all 200ms;
  text-align: start;
  gap: 8px;
}
.working-services-box h6 {
  line-height: 30px;
  text-align: start;
}
.working-services-box img, .working-services-box svg {
  width: 60px;
  max-width: 100%;
  height: 60px;
  object-fit: cover;
}
.working-services-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 3px 6px 1px rgba(var(--rgb-darkest), 0.1);
  background-color: rgb(var(--rgb-first), 0.1);
}

.services-btn {
  padding: 12px 16px;
  color: rgb(var(--rgb-second));
  font-size: 16px;
  border-radius: 14px;
}
.services-btn:hover {
  box-shadow: 0 4px 10px 1px rgba(var(--rgb-darkest), 0.1);
  background-color: rgb(var(--rgb-second));
  color: rgb(var(--rgb-lightest));
}

.side-banner {
  height: 219px;
  max-height: 100%;
  flex-grow: 1;
  flex-shrink: 1;
}
.side-banner img, .side-banner svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 100%;
  border-radius: 16px;
  box-shadow: 0px 2px 6px 0px rgba(var(--rgb-darkest), 0.1);
}

.customers-slider .swiper-slide {
  transition: all 200ms;
  padding: 12px 16px;
}
.customers-slider .swiper-slide img, .customers-slider .swiper-slide svg {
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
}
.customers-slider .swiper-slide:hover {
  background-color: rgb(var(--rgb-ninth-lighter));
  border-radius: 12px;
  box-shadow: 0px 2px 6px 0px rgba(var(--rgb-darkest), 0.1);
}

.intro-wrapper {
  position: relative;
  height: 610px;
}
.intro-wrapper .intro-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
}
.intro-wrapper .intro-bg-wrapper {
  height: 100%;
  width: 100%;
  position: relative;
}
.intro-wrapper .intro-bg-wrapper a::before {
  content: "\f04b";
  font-family: var(--fa-style-family, "Font Awesome 6 Pro");
  font-weight: var(--fa-style, 900);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  font-size: 26px;
  border: 1px solid rgb(var(--rgb-lightest));
  color: rgb(var(--rgb-lightest), 6);
  background-color: rgb(var(--rgb-black), 0.2);
  border-radius: 50%;
  width: 80px;
  height: 80px;
  display: grid;
  place-items: center;
}
@media only screen and (max-width: 767px) {
  .intro-wrapper .intro-bg-wrapper a::before {
    top: 30%;
  }
}
.intro-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10;
  display: flex;
  backdrop-filter: blur(10px);
  padding: 36px 0;
  line-height: 24px;
  background-color: rgb(var(--rgb-black), 0.15);
  color: rgb(var(--rgb-lightest));
}
.intro-content h1,
.intro-content p {
  color: rgb(var(--rgb-lightest));
}
.intro-content h1 {
  letter-spacing: 2px;
}
.intro-content p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.intro-btn {
  background-color: rgb(var(--rgb-lightest), 0.15);
  border: 1px solid rgb(var(--rgb-lightest));
  padding: 14px 26px;
  color: rgb(var(--rgb-lightest));
  border-radius: 8px;
  font-size: 16px;
  display: flex;
}

.sub-companies .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 240px;
  gap: 16px;
  transition: all 200ms;
}
.sub-companies .swiper-slide h3 {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transition: all 200ms;
}
.sub-companies .swiper-slide img, .sub-companies .swiper-slide svg {
  width: 100px;
  height: 100px;
  object-fit: cover;
}
.sub-companies .swiper-slide.swiper-no-swiping {
  filter: grayscale(100%);
  user-select: none;
}
.sub-companies .swiper-slide.swiper-no-swiping h3 {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.sub-companies .swiper-button-prev {
  right: 40% !important;
}
html[dir=ltr] .sub-companies .swiper-button-prev {
  left: 40% !important;
  right: auto !important;
}

.sub-companies .swiper-button-next {
  left: 40% !important;
}
html[dir=ltr] .sub-companies .swiper-button-next {
  right: 40% !important;
  left: auto !important;
}

@media only screen and (max-width: 1200px) {
  .sub-companies .swiper-button-prev {
    right: 34% !important;
  }
  .sub-companies .swiper-button-next {
    left: 34% !important;
  }
}
@media only screen and (max-width: 992px) {
  .sub-companies .swiper-button-prev {
    right: 32% !important;
  }
  .sub-companies .swiper-button-next {
    left: 32% !important;
  }
}
@media only screen and (max-width: 767px) {
  .sub-companies .swiper-button-prev {
    right: 31% !important;
  }
  .sub-companies .swiper-button-next {
    left: 31% !important;
  }
}
@media only screen and (max-width: 575px) {
  .sub-companies .swiper-button-prev {
    right: 10% !important;
  }
  .sub-companies .swiper-button-next {
    left: 10% !important;
  }
}
.sub-companies .swiper-button-prev,
.sub-companies .swiper-button-next {
  background-color: transparent !important;
  border: none !important;
  color: rgb(var(--rgb-light-dark)) !important;
  width: 22px !important;
  height: 22px !important;
}
.sub-companies .swiper-button-prev:hover,
.sub-companies .swiper-button-next:hover {
  color: rgb(var(--rgb-second)) !important;
}
.sub-companies-txt {
  padding: 0 16px;
}
.sub-companies-txt p {
  color: rgb(var(--rgb-dark));
  font-size: 16px;
  line-height: 26px;
}

/* Tanian page end */
/* Tourism page start */
.tour-boxes-swiper {
  padding: 16px 2px 2px 2px;
}
.tour-boxes-swiper .swiper-slide:not(:has(> a)), .tour-boxes-swiper .swiper-slide:has(> a) > a {
  background: rgb(var(--rgb-ninth-lighter));
  color: rgb(var(--rgb-lightest));
  border-radius: 12px;
  border: 1px solid rgb(var(--rgb-first-lighter));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  height: auto;
  transition: all 200ms;
}
.tour-boxes-swiper .swiper-slide:not(:has(> a)):hover, .tour-boxes-swiper .swiper-slide:has(> a) > a:hover {
  box-shadow: 0 4px 12px -6px rgba(var(--rgb-first), 0.4);
}
.tour-boxes-swiper .swiper-slide:not(:has(> a)):hover .tour-item-icon, .tour-boxes-swiper .swiper-slide:has(> a) > a:hover .tour-item-icon {
  box-shadow: 0 4px 12px -6px rgba(var(--rgb-first), 0.4);
  top: -22px;
}
.tour-boxes-swiper .swiper-slide:not(:has(> a)) .tour-item-icon, .tour-boxes-swiper .swiper-slide:has(> a) > a .tour-item-icon {
  background-color: rgb(var(--rgb-first));
  width: 60px;
  height: 60px;
  left: 50%;
  top: -16px;
  transform: translateX(-50%);
  border-radius: 12px;
  position: absolute;
  z-index: 0;
  display: grid;
  place-items: center;
  position: absolute;
  transition: all 200ms;
}
.tour-boxes-swiper .swiper-slide:not(:has(> a)) h6, .tour-boxes-swiper .swiper-slide:has(> a) > a h6 {
  margin: 0;
  padding: 54px 0 12px 0;
  text-align: center;
  color: rgb(var(--rgb-first-darker));
  transition: all 500ms ease-in-out;
}

/* Tourism page end */
.cinema-seat {
  --sidebar-width: 0px;
}

/**
* Home Blog Styles Start 
*/
.hb-archive-btn, .hb-section-1-right .tabs .portal-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  background-color: rgb(var(--rgb-first)) !important;
  color: rgb(var(--rgb-lightest));
  width: fit-content;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 12px;
}
.hb-archive-btn:hover, .hb-section-1-right .tabs .portal-btn:hover {
  box-shadow: 0px 0px 5px 2px rgba(var(--rgb-darkest), 0.2);
}

:root {
  --hue: 223;
  --trans-dur: 0.6s;
  --trans-timing: cubic-bezier(0.65, 0, 0.35, 1);
}

.hb-section-1-right .tabs {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.hb-section-1-right .tabs-responsive {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hb-section-1-right .tabs-responsive #tabBarbtn {
  display: none;
  font-size: 30px;
  color: rgb(var(--rgb-lightest));
  cursor: pointer;
}
.hb-section-1-right .tabs-responsive ul li:hover {
  background-color: rgba(var(--rgb-light), 0.5);
}
@media (max-width: 700px) {
  .hb-section-1-right .tabs-responsive #tabBarbtn {
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(var(--rgb-darkest)) !important;
  }
  .hb-section-1-right .tabs-responsive ul {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    flex-direction: column;
    position: absolute;
    top: 100%;
    right: -4px;
    background-color: rgb(var(--rgb-ninth-lighter));
    box-shadow: 0 2px 5px 0 rgba(var(--rgb-darkest), 0.26);
    width: 40%;
    height: fit-content;
    align-items: start;
    transition: all 0.3s;
    z-index: 5000;
  }
  .hb-section-1-right .tabs-responsive ul li {
    margin: 0;
    width: 100%;
    border-radius: 0px;
  }
  .hb-section-1-right .tabs-responsive .active {
    margin: 0;
    width: 100%;
    border-radius: 0;
  }
  .hb-section-1-right .tabs-responsive ul li:nth-child(1) {
    border-radius: 8px 8px 0 0;
  }
  .hb-section-1-right .tabs-responsive ul li:nth-last-child(1) {
    border-radius: 0 0 8px 8px;
  }
  .hb-section-1-right .tabs-responsive ul li:hover {
    background-color: rgba(var(--rgb-light), 0.5);
  }
  .hb-section-1-right .tabs-responsive ul li a {
    color: rgb(var(--rgb-darkest));
  }
}
.hb-section-1-right .nav {
  display: flex;
  font-size: 14px;
  color: black;
  width: fit-content;
  padding: 0;
  border-radius: 8px;
  gap: 8px;
}
@media only screen and (max-width: 700px) {
  .hb-section-1-right .nav.show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}
.hb-section-1-right .nav-item {
  border-radius: 6px;
  transition: all 200ms;
}
.hb-section-1-right .nav-item .nav-link.active {
  color: rgb(var(--rgb-first-darker)) !important;
  background-color: rgb(var(--rgb-first-lighter), 0.5) !important;
  margin: 0 !important;
}
@media only screen and (max-width: 700px) {
  .hb-section-1-right .nav-item:nth-child(1) .nav-link {
    border-radius: 8px 8px 0 0;
  }
  .hb-section-1-right .nav-item:nth-last-child(1) .nav-link {
    border-radius: 0 0 8px 8px;
  }
  .hb-section-1-right .nav-item:hover {
    background-color: rgb(var(--rgb-light));
    padding: 0px !important;
  }
}
.hb-section-1-right .nav-link {
  padding: 6px 12px !important;
  margin-inline: 2px !important;
  color: rgb(var(--rgb-light-dark)) !important;
  border-radius: 6px;
  margin: 0 !important;
}
.hb-section-1-right .tab-content .card {
  width: 16rem;
  margin: auto;
  box-shadow: 0 2px 5px 0 rgba(var(--rgb-darkest), 0.14);
  border: none;
  cursor: pointer;
  max-width: 100%;
}
.hb-section-1-right .tab-content .card-title {
  min-height: 50px;
}
.hb-section-1-right .tab-content .card-body {
  background-color: rgb(var(--rgb-ninth-lighter)) !important;
  height: 120px;
  border-radius: 0 0 6px 6px;
  position: relative;
}
.hb-section-1-right .tab-content .card-body h6 {
  color: rgb(var(--rgb-darkest)) !important;
  line-height: 24px;
  transition: ease 0.5s;
  opacity: 1;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.hb-section-1-right .tab-content .card-body p {
  color: rgb(var(--rgb-darkest)) !important;
  line-height: 24px;
  opacity: 0;
  transition: ease 0.5s;
  position: absolute;
  top: 18px;
  width: calc(100% - 38px);
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.hb-section-1-right .tab-content .card-image {
  overflow: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.hb-section-1-right .tab-content .card-image img, .hb-section-1-right .tab-content .card-image svg {
  height: 200px !important;
  object-fit: cover;
  transition: transform 1s, filter 2s ease-in-out;
  transform: scale(1.2);
}
.hb-section-1-right .tab-content .card-image img:hover, .hb-section-1-right .tab-content .card-image svg:hover {
  transform: scale(1);
}
.hb-section-1-right .tab-content .card-details {
  display: flex;
  justify-content: space-between;
  color: rgb(var(--rgb-light-dark)) !important;
  font-size: 12px;
  margin-top: 15px;
}
.hb-section-1-right .tab-content .card:hover .card-body h6 {
  opacity: 0;
  transition: all 0.5s;
}
.hb-section-1-right .tab-content .card:hover .card-body p {
  opacity: 1;
  transition: all 0.5s;
}
.hb-section-1-left .card {
  box-shadow: 0 2px 5px 0 rgba(var(--rgb-darkest), 0.14);
  background-color: rgb(var(--rgb-ninth-lighter));
}
.hb-section-1-left .card-body {
  margin-top: 20px;
  text-align: center;
  justify-content: center;
}
.hb-section-1-left .card-body img, .hb-section-1-left .card-body svg {
  height: 200px;
  object-fit: contain;
}
.hb-section-1-left .card-body p {
  font-size: 13px;
  font-weight: bold;
  padding: 10px;
}
.hb-section-1-left .card-body button, .hb-section-1-left .card-body a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--rgb-lightest));
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  font-size: 17px;
  color: rgb(var(--rgb-lightest));
}
.hb-section-1-left .card-body button i, .hb-section-1-left .card-body a i {
  margin: auto;
}
.hb-section-2 .img-cover {
  background-image: linear-gradient(220deg, rgb(var(--rgb-tenth-darker)) 0%, rgb(var(--rgb-third-darker)) 100%);
  width: 100%;
  height: fit-content;
  padding: 20px;
}
.hb-section-2 .img-cover-title {
  color: rgb(var(--rgb-lightest));
  text-align: center;
  padding: 10px;
}
.hb-section-2 .e-service-box {
  position: relative;
  background-color: rgb(var(--rgb-ninth-lighter));
  margin: 10px auto;
  width: 180px;
  height: auto;
  padding: 10px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  opacity: 1;
  box-shadow: 0 2px 5px 0 rgba(var(--rgb-darkest), 0.14);
}
.hb-section-2 .e-service-box-img {
  text-align: center;
  padding: 10px;
}
.hb-section-2 .e-service-box-img img, .hb-section-2 .e-service-box-img svg {
  text-align: center;
  width: 70px;
  height: 70px;
}
.hb-section-2 .e-service-box-txt {
  font-size: 13px;
  font-weight: bold;
  color: rgb(var(--rgb-light-dark));
  background-color: rgb(var(--rgb-first-lighter));
  border-radius: 6px;
  padding: 5px;
  text-align: center;
  margin-top: auto;
}
.hb-section-2 .e-service-box-cover {
  background-color: rgb(var(--rgb-lightest));
  border-radius: 6px;
  opacity: 0;
  position: absolute;
  width: fit-content;
  height: 150px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transition: all 0.5s;
  cursor: pointer;
}
.hb-section-2 .e-service-box-cover-text {
  font-size: 15px;
  position: absolute;
  background-color: rgb(var(--rgb-ninth-darker));
  width: fit-content;
  color: rgb(var(--rgb-lightest));
  padding: 6px 12px;
  border-radius: 6px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.hb-section-2 .e-service-box:hover .e-service-box-cover {
  opacity: 0.8;
  transition: all 0.5s;
}
.hb-section-2 .e-service-box:hover .e-service-box {
  opacity: 0.3 !important;
}
.hb-section-3 {
  height: fit-content;
}
.hb-section-3 .row {
  display: flex;
  justify-content: space-between;
}
.hb-section-3 .row-item {
  display: grid;
  place-items: center;
  gap: 32px;
  grid-template-columns: 1fr;
}
.hb-section-3 .row-item-type-1 {
  grid-template-rows: repeat(2, 1fr);
}
.hb-section-3 .row-item-type-1 img, .hb-section-3 .row-item-type-1 svg {
  height: 300px;
}
.hb-section-3 .row-item-type-2 {
  grid-template-rows: repeat(1, 1fr);
}
.hb-section-3 .row-item-type-2 img, .hb-section-3 .row-item-type-2 svg {
  height: 632px;
}
.hb-section-3 .row-item-type-3 {
  grid-template-rows: repeat(2, 1fr);
}
@media only screen and (max-width: 992px) {
  .hb-section-3 .row-item-type-3 {
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .hb-section-3 .row-item-type-3 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.hb-section-3 .row-item-type-3 img, .hb-section-3 .row-item-type-3 svg {
  height: 300px;
}
.hb-section-3 .row-item-images {
  position: relative;
  width: fit-content;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}
.hb-section-3 .row-item-images img, .hb-section-3 .row-item-images svg {
  width: 508px;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.hb-section-3 .row-item-images img:hover, .hb-section-3 .row-item-images svg:hover {
  transform: scale(1.2);
}
.hb-section-3 .row-item-images-cover {
  background-color: rgb(var(--rgb-darkest), 0.55);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  opacity: 0.9;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 12px 6px;
  width: 100%;
  height: 47px;
  left: 50%;
  transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transition: all ease 0.5s;
}
.hb-section-3 .row-item-images-cover-text {
  color: rgb(var(--rgb-ninth-lighter));
  margin: auto;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.hb-section-3 .row-item-images-cover:hover, .hb-section-3 .row-item-images-cover:hover {
  height: 100px !important;
  transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transition: all ease 0.5s;
  cursor: pointer;
}
.hb-section-4 .prj-card {
  margin: auto;
  position: relative;
}
.hb-section-4 .prj-card:hover .prj-card-content {
  transition: all 0.5s;
  background-color: rgb(var(--rgb-forth-dark), 0.8);
  cursor: pointer;
}
.hb-section-4 .prj-card:hover .prj-card-content .prj-card-content-h4, .hb-section-4 .prj-card:hover .prj-card-content .prj-card-content-p {
  color: rgb(var(--rgb-lightest)) !important;
}
.hb-section-4 .prj-card:hover .prj-card-content .prj-card-content-btn {
  color: rgb(var(--rgb-forth-dark));
  border: rgb(var(--rgb-darkest));
  background-color: rgb(var(--rgb-lightest), 0.8);
}
.hb-section-4 .prj-card-content {
  color: rgb(var(--rgb-darkest));
  transition: all 0.5s;
  background-color: rgb(var(--rgb-ninth-lighter));
  width: 100%;
  height: 230px;
  padding: 20px;
  padding-top: 10px;
  box-shadow: 0 2px 5px 0 rgba(var(--rgb-darkest), 0.14);
  text-align: right;
  border-bottom-left-radius: 10%;
  border-bottom-right-radius: 10%;
  transition: all 0.5s;
}
.hb-section-4 .prj-card-content h4 {
  margin: 20px 0px;
  color: rgb(var(--rgb-darkest));
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.hb-section-4 .prj-card-content p {
  color: rgb(var(--rgb-darkest));
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.hb-section-4 .prj-card-content button {
  padding: 10px 20px;
  border: 1px solid rgb(var(--rgb-forth));
  background-color: rgb(var(--rgb-forth), 0.1);
  color: rgb(var(--rgb-forth-dark));
  font-weight: bold;
  border-radius: 6px;
}
body.dark .hb-section-4 .prj-card-content button {
  color: rgb(var(--rgb-forth-light));
}

body.faragard-dark .hb-section-4 .prj-card-content button {
  color: rgb(var(--rgb-forth-light));
}

.hb-section-4 .prj-card img, .hb-section-4 .prj-card svg {
  height: 200px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  object-fit: cover;
}
.hb-square-title {
  background-color: rgb(var(--rgb-first-lighter), 0.8);
  padding: 6px 8px;
  color: rgb(var(--rgb-first-darker));
  font-size: 20px !important;
  margin: 0;
}
.hb-navs {
  color: rgb(var(--rgb-lightest));
}
.hb-navs-1 {
  background: rgb(var(--rgb-first-dark));
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  height: 40px;
  padding: 5px 20px;
}
.hb-navs-1-right {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  height: fit-content;
}
.hb-navs-1-right .date, .hb-navs-1-right .time {
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.hb-navs-1-right .date i, .hb-navs-1-right .time i {
  font-size: small;
}
.hb-navs-1-right .date-txt, .hb-navs-1-right .time-txt {
  display: inline;
  font-size: small;
  color: inherit;
}
.hb-navs-1-left {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hb-navs-1-left .toggle {
  display: inline-block !important;
  margin-left: 20px;
}
.hb-navs-1-left .login {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: rgb(var(--rgb-lightest));
}
.hb-navs-1-left .login i {
  font-size: small;
}
.hb-navs-1-left .login-txt {
  display: inline;
  font-size: small;
  color: inherit;
}
.hb-navs-2 {
  background: rgb(var(--rgb-forth-dark));
  position: relative;
  display: flex;
  justify-content: space-between;
  height: 80px;
  padding: 6px 12px;
}
.hb-navs-2 #logoPic {
  width: 80px;
}
.hb-navs-2 #overlay {
  display: none;
  background-color: rgb(var(--rgb-darkest), 0.3);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2705;
  transition: all 300ms linear;
  cursor: pointer;
}
.hb-navs-2 nav {
  color: rgb(var(--rgb-lightest));
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  direction: rtl;
}
.hb-navs-2 ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  transition: ease 0.5s;
}
.hb-navs-2 ul li {
  margin-right: 20px;
  padding: 5px;
  border-radius: 6px;
}
.hb-navs-2 ul li a {
  color: rgb(var(--rgb-lightest));
  text-decoration: none;
  transition: color 0.3s;
  font-size: 15px;
}
.hb-navs-2 ul li:hover {
  background-color: rgb(var(--rgb-first-lighter), 0.2);
}
.hb-navs-2 #headerBarbtn {
  font-size: 25px;
  color: rgb(var(--rgb-lightest));
  cursor: pointer;
  display: none;
}
.hb-navs-2 #headersearchbtn {
  font-size: 25px;
  color: rgb(var(--rgb-lightest));
  cursor: pointer;
  display: none;
}
.hb-navs-2 #for-search {
  margin-left: 0;
  order: 3;
}
.hb-navs-2 .searchInput {
  background-color: rgb(var(--rgb-lightest));
  color: rgb(var(--rgb-darkest));
  width: 300px;
  margin-left: 0;
  margin-top: 5%;
}
.hb-footer-1 {
  background-color: rgb(var(--rgb-first-dark));
  height: fit-content;
  padding: 30px 10px;
  text-align: center;
}
.hb-footer-1-logo {
  width: 200px;
  margin: auto;
}
.hb-footer-1 h3 {
  text-align: center;
  font-size: 18px !important;
  color: rgb(var(--rgb-lightest));
  border-bottom: 1px solid rgb(var(--rgb-lightest));
  padding: 15px;
}
.hb-footer-1 p {
  color: rgb(var(--rgb-lightest));
  text-align: justify;
}
.hb-footer-1-nav {
  color: rgb(var(--rgb-lightest)) !important;
  font-size: 13px;
  line-height: 28px;
  text-align: right;
}
.hb-footer-1-nav li {
  margin-right: 16px;
  list-style-type: disc;
}
.hb-footer-1-nav li a {
  color: rgb(var(--rgb-lightest));
}
.hb-footer-2 {
  position: relative;
  background: rgb(var(--rgb-forth-dark));
  padding: 2px;
}
.hb-footer-2 .logo-img {
  width: 40px;
}
.hb-footer-2 .tanian-logo {
  width: 80px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}
.hb-archive-btn {
  margin: 0;
}
.hb-switch, .hb-switch__input {
  -webkit-tap-highlight-color: transparent;
}
.hb-switch {
  margin: auto;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  justify-content: center;
}
.hb-switch__icon {
  color: rgb(var(--rgb-lightest));
  pointer-events: none;
  position: absolute;
  top: 0.375em;
  left: 0.375em;
  width: 0.75em;
  height: 0.75em;
  transition: color var(--trans-dur), transform var(--trans-dur) var(--trans-timing);
}
.hb-switch__icon:nth-of-type(2) {
  right: 0.375em;
  left: auto;
}
.hb-switch__inner, .hb-switch__inner-icons {
  border-radius: 0.5em;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0.25em;
  left: 0.25em;
  width: 2.25em;
  height: 1em;
}
.hb-switch__inner:before, .hb-switch__inner-icons {
  transition: transform var(--trans-dur) var(--trans-timing);
  transform: translateX(-1.25em);
}
.hb-switch__inner:before {
  background-color: rgb(var(--rgb-first-dark));
  border-radius: inherit;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
.hb-switch__inner-icons {
  pointer-events: none;
}
.hb-switch__inner-icons .hb-switch__icon {
  color: hsl(0, 0%, 100%);
  top: 0.125em;
  left: 0.125em;
  transform: translateX(1.25em);
}
.hb-switch__inner-icons .hb-switch__icon:nth-child(2) {
  right: 0.125em;
  left: auto;
}
.hb-switch__input {
  background-color: rgb(var(--rgb-first));
  border-radius: 0.75em;
  box-shadow: 0 0 0 0.0625em hsla(var(--hue), 90%, 50%, 0), 0 0.125em 0.5em hsla(var(--hue), 10%, 10%, 0.1);
  outline: transparent;
  width: 2.75em;
  height: 1.5em;
  -webkit-appearance: none;
  appearance: none;
  transition: background-color var(--trans-dur), box-shadow var(--trans-dur);
}
.hb-switch__input:checked {
  background-color: rgb(var(--rgb-first-lighter));
}
.hb-switch__input:checked ~ .hb-switch__icon {
  color: var(--bgRightSide);
}
.hb-switch__input:checked ~ .hb-switch__inner:before, .hb-switch__input:checked ~ .hb-switch__inner-icons {
  transform: translateX(1.25em);
}
.hb-switch__input:not(:checked) ~ .hb-switch__icon:first-of-type, .hb-switch__input:checked ~ .hb-switch__icon:nth-of-type(2) {
  transform: rotate(360deg);
}
.hb-switch__input:checked ~ .hb-switch__inner-icons .hb-switch__icon:first-of-type {
  transform: translateX(-1.25em) rotate(-360deg);
}
.hb-switch__input:checked ~ .hb-switch__inner-icons .hb-switch__icon:nth-of-type(2) {
  transform: translateX(-1.25em) rotate(360deg);
}
.hb-switch__input:focus-visible {
  box-shadow: 0 0 0 0.0625em hsla(var(--hue), 90%, 50%, 1), 0 0.125em 0.5em hsla(var(--hue), 10%, 10%, 0.1);
}
.hb-switch__sr {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
}

@media (max-width: 500px) {
  .time,
  .tanian-logo,
  .hb-footer-1-logo,
  .straight-header::before {
    display: none !important;
  }
  .login-txt {
    display: none !important;
  }
  .nav {
    font-size: 12px !important;
  }
}
/* v2 new styles start */
.dirty-boxes-v2 {
  display: grid;
  grid-template-columns: repeat(12, minmax(auto, 1fr));
  column-gap: 28px;
  grid-template-areas: "area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4" "area2 area2 area2 area2 area2 area2 area2 area2 area2 area2 area2 area2";
}
@media only screen and (max-width: 360px) {
  .dirty-boxes-v2 {
    grid-template-areas: "area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4" "area2 area2 area2 area2 area2 area2 area2 area2 area2 area2 area2 area2" !important;
  }
}
@media only screen and (min-width: 575px) {
  .dirty-boxes-v2 {
    grid-template-areas: "area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4" "area2 area2 area2 area2 area2 area2 area2 area2 area3 area3 area3 area3";
  }
}
@media only screen and (min-width: 767px) {
  .dirty-boxes-v2 {
    grid-template-areas: "area2 area2 area2 area2 area2 area2 area2 area2 area3 area3 area3 area3" "area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4";
  }
}
@media only screen and (min-width: 992px) {
  .dirty-boxes-v2 {
    grid-template-areas: "area1 area1 area1 area1 area1 area1 area1 area1 area2 area2 area2 area2" "area1 area1 area1 area1 area1 area1 area1 area1 area2 area2 area2 area2" "area1 area1 area1 area1 area1 area1 area1 area1 area3 area3 area3 area3" "area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4" "area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4" "area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4";
  }
}
@media only screen and (min-width: 1200px) {
  .dirty-boxes-v2 {
    grid-template-areas: "area1 area1 area1 area2 area2 area4 area4 area4 area4 area4 area4 area4" "area1 area1 area1 area2 area2 area4 area4 area4 area4 area4 area4 area4" "area1 area1 area1 area2 area2 area4 area4 area4 area4 area4 area4 area4" "area1 area1 area1 area2 area2 area4 area4 area4 area4 area4 area4 area4" "area1 area1 area1 area2 area2 area4 area4 area4 area4 area4 area4 area4" "area1 area1 area1 area3 area3 area4 area4 area4 area4 area4 area4 area4";
  }
}
.dirty-boxes-v2-bbl {
  grid-template-areas: "area1 area1 area1 area1 area1 area1 area1 area1 area1 area1 area1 area1" "area2 area2 area2 area2 area2 area2 area2 area2 area2 area2 area2 area2";
  grid-template-rows: repeat(2, 400px);
}
@media only screen and (max-width: 360px) {
  .dirty-boxes-v2-bbl {
    grid-template-areas: "area1 area1 area1 area1 area1 area1 area1 area1 area1 area1 area1 area1" "area2 area2 area2 area2 area2 area2 area2 area2 area2 area2 area2 area2";
  }
}
@media only screen and (min-width: 575px) {
  .dirty-boxes-v2-bbl {
    grid-template-areas: "area1 area1 area1 area1 area1 area1 area1 area1 area1 area1 area1 area1" "area2 area2 area2 area2 area2 area2 area2 area2 area2 area2 area2 area2";
  }
}
@media only screen and (min-width: 767px) {
  .dirty-boxes-v2-bbl {
    grid-template-rows: 400px;
    grid-template-areas: "area2 area2 area2 area2 area2 area1 area1 area1 area1 area1 area1 area1";
  }
}
@media only screen and (min-width: 992px) {
  .dirty-boxes-v2-bbl {
    grid-template-areas: "area2 area2 area2 area2 area1 area1 area1 area1 area1 area1 area1 area1";
  }
}
@media only screen and (min-width: 1200px) {
  .dirty-boxes-v2-bbl {
    grid-template-areas: "area2 area2 area2 area1 area1 area1 area1 area1 area1 area1 area1 area1";
  }
}
.dirty-boxes-v2-bbl-v2 {
  grid-template-areas: "area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4" "area3 area3 area3 area3 area3 area3 area3 area3 area3 area3 area3 area3" "area2 area2 area2 area2 area2 area2 area2 area2 area2 area2 area2 area2" "area1 area1 area1 area1 area1 area1 area1 area1 area1 area1 area1 area1";
}
@media only screen and (max-width: 360px) {
  .dirty-boxes-v2-bbl-v2 {
    grid-template-areas: "area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4" "area3 area3 area3 area3 area3 area3 area3 area3 area3 area3 area3 area3" "area2 area2 area2 area2 area2 area2 area2 area2 area2 area2 area2 area2" "area1 area1 area1 area1 area1 area1 area1 area1 area1 area1 area1 area1" !important;
  }
}
@media only screen and (min-width: 575px) {
  .dirty-boxes-v2-bbl-v2 {
    grid-template-areas: "area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4" "area3 area3 area3 area3 area3 area3 area3 area3 area3 area3 area3 area3" "area2 area2 area2 area2 area2 area2 area2 area2 area2 area2 area2 area2" "area1 area1 area1 area1 area1 area1 area1 area1 area1 area1 area1 area1";
  }
}
@media only screen and (min-width: 767px) {
  .dirty-boxes-v2-bbl-v2 {
    grid-template-areas: "area1 area1 area1 area1 area1 area1 area1 area1 area1 area1 area1 area1" "area2 area2 area2 area2 area2 area2 area2 area2 area3 area3 area3 area3" "area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4";
  }
}
@media only screen and (min-width: 992px) {
  .dirty-boxes-v2-bbl-v2 {
    grid-template-areas: "area1 area1 area1 area1 area1 area1 area1 area1 area2 area2 area2 area2" "area1 area1 area1 area1 area1 area1 area1 area1 area2 area2 area2 area2" "area1 area1 area1 area1 area1 area1 area1 area1 area3 area3 area3 area3" "area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4" "area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4" "area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4";
  }
}
@media only screen and (min-width: 1200px) {
  .dirty-boxes-v2-bbl-v2 {
    grid-template-areas: "area1 area1 area1 area2 area2 area4 area4 area4 area4 area4 area4 area4" "area1 area1 area1 area2 area2 area4 area4 area4 area4 area4 area4 area4" "area1 area1 area1 area2 area2 area4 area4 area4 area4 area4 area4 area4" "area1 area1 area1 area2 area2 area4 area4 area4 area4 area4 area4 area4" "area1 area1 area1 area2 area2 area4 area4 area4 area4 area4 area4 area4" "area1 area1 area1 area3 area3 area4 area4 area4 area4 area4 area4 area4";
  }
}
@media only screen and (min-width: 360px) and (max-width: 992px) {
  .dirty-boxes-v2-bbl-v2 .area2 .banner-svg-box {
    flex-direction: column !important;
    text-align: center;
  }
}
@media only screen and (min-width: 992px) {
  .dirty-boxes-v2-bbl-v2 .area2 .banner-svg-box {
    flex-direction: column !important;
  }
}
.dirty-boxes-v2-rounded {
  border-radius: 12px;
  overflow: hidden;
}
.dirty-boxes-v2-rounded > div, .dirty-boxes-v2-rounded > a {
  border-radius: 12px;
  overflow: hidden;
}
.dirty-boxes-v2 .area1 {
  grid-area: area1;
}
.dirty-boxes-v2 .area2 {
  grid-area: area2;
  flex-direction: column;
}
@media only screen and (min-width: 360px) and (max-width: 992px) {
  .dirty-boxes-v2 .area2 .banner-svg-box {
    flex-direction: row !important;
    text-align: start;
  }
}
@media only screen and (min-width: 992px) {
  .dirty-boxes-v2 .area2 .banner-svg-box {
    flex-direction: column !important;
  }
}
.dirty-boxes-v2 .area3 {
  grid-area: area3;
}
.dirty-boxes-v2 .area4 {
  grid-area: area4;
}
@media only screen and (max-width: 767px) {
  .dirty-boxes-v2 .area4 {
    max-height: 148px;
  }
}

.shahrdar-swiper .slider-btn-right,
.shahrdar-swiper .slider-btn-left {
  background-color: rgb(var(--rgb-ninth-lighter), 0.7);
  color: rgb(var(--rgb-darkest)) !important;
  border-radius: 0;
  border: none !important;
  width: 32px;
  height: 32px;
}

.logo-white {
  display: none;
}

body.dark .logo-white, body.faragard-dark .logo-white {
  display: block;
}
body.dark .logo-black, body.faragard-dark .logo-black {
  display: none;
}

.introducer-v2 {
  display: flex;
  flex-direction: row;
  min-height: 320px;
  max-height: 360px;
  overflow: hidden;
  background-color: rgb(var(--rgb-forth));
  padding: 8px;
  gap: 8px;
  height: 100%;
  box-shadow: 0 5px 4px -1px rgb(var(--rgb-darkest), 0.3);
  transition: all 200ms;
  font-size: 0.9em;
}
.introducer-v2:hover {
  box-shadow: none;
  transform: scale(1.01);
}
.introducer-v2 img {
  width: 100%;
  max-width: 40% !important;
  min-height: 160px;
  height: 100%;
  max-height: 320px;
  background: rgb(var(--rgb-ninth-lighter));
  object-fit: cover;
  border: 2px solid rgb(var(--rgb-lightest)) !important;
}
.introducer-v2 h2 {
  font-size: 1.8em;
}
@media only screen and (max-width: 767px) {
  .introducer-v2 {
    min-height: 280px;
    max-height: 280px;
    font-size: 0.8em;
  }
}
@media only screen and (min-width: 767px) {
  .introducer-v2 {
    padding: 20px 18px;
    gap: 16px;
  }
}
@media only screen and (min-width: 575px) {
  .introducer-v2 {
    flex-direction: row;
  }
  .introducer-v2 img {
    max-width: 40% !important;
    width: 220px;
  }
}
@media only screen and (min-width: 992px) {
  .introducer-v2 {
    font-size: 1em;
    gap: 28px;
  }
}
.introducer-v2-map {
  font-size: 14px;
  color: rgb(var(--rgb-darkest));
  text-wrap: nowrap;
}
@media only screen and (min-width: 992px) {
  .introducer-v2-map {
    margin-bottom: -64px;
  }
}
@media only screen and (max-width: 575px) {
  .introducer-v2-map {
    font-size: 0.8em;
  }
}
.introducer-v2-map img, .introducer-v2-map svg {
  height: 80px;
}

section.fancy-wrapper-v2 .fancy-grid-v2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 24px;
  gap: 8px;
  height: auto;
}
section.fancy-wrapper-v2 .fancy-grid-v2-rounded {
  border-radius: 12px !important;
  overflow: hidden !important;
}
@media only screen and (min-width: 992px) {
  section.fancy-wrapper-v2 .fancy-grid-v2 {
    gap: 24px;
  }
}
section.fancy-wrapper-v2 .fancy-grid-v2 .figure-link-v2 {
  height: 160px;
  width: 100%;
  grid-column: span 2;
}
section.fancy-wrapper-v2 .fancy-grid-v2 .figure-link-v2:nth-child(4n), section.fancy-wrapper-v2 .fancy-grid-v2 .figure-link-v2:nth-child(4n-3) {
  grid-column: span 2;
}
@media only screen and (min-width: 992px) {
  section.fancy-wrapper-v2 .fancy-grid-v2 .figure-link-v2 {
    height: 320px;
    grid-column: span 1;
  }
  section.fancy-wrapper-v2 .fancy-grid-v2 .figure-link-v2:nth-child(4n), section.fancy-wrapper-v2 .fancy-grid-v2 .figure-link-v2:nth-child(4n-3) {
    grid-column: span 3;
  }
}
section.fancy-wrapper-v2 .fancy-grid-v2 .figure-link-v2 figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
}
section.fancy-wrapper-v2 .fancy-grid-v2 .figure-link-v2 figure img, section.fancy-wrapper-v2 .fancy-grid-v2 .figure-link-v2 figure svg {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s linear;
}
section.fancy-wrapper-v2 .fancy-grid-v2 .figure-link-v2 figure figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(var(--rgb-first), 0.5);
  padding: 8px 20px;
  line-height: 26px;
  color: rgb(var(--rgb-lightest));
}
section.fancy-wrapper-v2 .fancy-grid-v2 .figure-link-v2 figure figcaption span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
section.fancy-wrapper-v2 .fancy-grid-v2 .figure-link-v2:hover img, section.fancy-wrapper-v2 .fancy-grid-v2 .figure-link-v2:hover svg {
  transform: scale(1.1);
}
section.fancy-wrapper-v2 .fancy-grid-v2.fancy-mode2 {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-gap: 8px;
  gap: 8px;
  grid-template-areas: "area1 area2 area3" "area1 area4 area5";
}
@media only screen and (min-width: 992px) {
  section.fancy-wrapper-v2 .fancy-grid-v2.fancy-mode2 {
    grid-gap: 24px;
    gap: 24px;
  }
}
section.fancy-wrapper-v2 .fancy-grid-v2.fancy-mode2 .figure-link-v2 {
  height: auto;
  min-height: 110px;
  grid-column: auto;
  grid-row: auto;
}
section.fancy-wrapper-v2 .fancy-grid-v2.fancy-mode2 .figure-link-v2:nth-child(1) {
  grid-row: span 2/span 2;
  grid-area: area1;
}
section.fancy-wrapper-v2 .fancy-grid-v2.fancy-mode2 .figure-link-v2:nth-child(2) {
  grid-area: area2;
}
section.fancy-wrapper-v2 .fancy-grid-v2.fancy-mode2 .figure-link-v2:nth-child(3) {
  grid-area: area3;
}
section.fancy-wrapper-v2 .fancy-grid-v2.fancy-mode2 .figure-link-v2:nth-child(4) {
  grid-area: area4;
}
section.fancy-wrapper-v2 .fancy-grid-v2.fancy-mode2 .figure-link-v2:nth-child(5) {
  grid-area: area5;
}

.banner-svg-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  background-color: rgb(var(--rgb-fifth));
  color: rgb(var(--rgb-lightest));
  padding: 14px 24px;
  width: 100%;
  height: 100%;
  flex-grow: 1;
  text-wrap: nowrap;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .banner-svg-box {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
  }
}
.banner-svg-box svg, .banner-svg-box img {
  max-width: 100% !important;
  max-height: 120px !important;
}
@media only screen and (max-width: 767px) {
  .banner-svg-box svg, .banner-svg-box img {
    max-height: 80px !important;
  }
}

/* Dropdown tabs start */
@media only screen and (max-width: 992px) {
  .drop-tab-v2 {
    position: relative !important;
    background-color: transparent;
    border: 1px solid rgba(var(--rgb-darkest), 0.1);
    z-index: 50;
    border-radius: 0;
    transition: all 200ms;
    min-width: auto;
    max-width: auto;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    border: none;
    display: inline;
  }
  .drop-tab-v2 ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px !important;
    width: 100%;
  }
  .drop-tab-v2 ul li {
    border-bottom: none;
    border-radius: 0 !important;
    background-color: rgb(var(--rgb-ninth-darker));
    color: rgb(var(--rgb-lightest));
    font-weight: 400;
    transition: all 200ms ease;
  }
  .drop-tab-v2 ul li:nth-of-type(1), .drop-tab-v2 ul li:nth-last-of-type(1) {
    border-radius: 0 !important;
  }
  .drop-tab-v2 ul li:hover {
    background-color: rgb(var(--rgb-fifth));
    color: rgb(var(--rgb-lightest));
  }
  .drop-tab-group {
    position: relative;
  }
}
/* Dropdown tabs end */
.qoute-slider-v2 {
  background-color: rgb(var(--rgb-forth));
  padding: 22px 24px;
  position: relative;
}
.qoute-slider-v2 .swiper-slide {
  height: initial;
  display: inline;
  background-color: rgb(var(--rgb-forth));
}
.qoute-slider-v2 .shahrdar-swiper {
  max-height: 190px;
  max-width: 60%;
  overflow: visible !important;
}
.qoute-slider-v2 .shahrdar-swiper .swiper-button-next {
  left: -16px;
}
.qoute-slider-v2 .shahrdar-swiper .swiper-button-prev {
  right: -16px;
}
.qoute-slider-v2 .shahrdar-swiper .swiper-wrapper {
  max-height: 190px;
}
.qoute-slider-v2 .shahrdar-swiper .swiper-slide {
  height: auto;
}
.qoute-slider-v2::before {
  content: "";
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-top-color: rgb(var(--rgb-forth));
  position: absolute;
  top: calc(100% + 10px);
  left: 30%;
  transform: translateX(-50%) scaleY(2);
  z-index: 0;
}

@media only screen and (max-width: 767px) {
  .qoute-box-content {
    padding-top: 16px;
    background-color: rgb(var(--rgb-ninth-lighter));
  }
}

.bottom-navbar-v2 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2700;
  width: 100%;
}
.bottom-navbar-v2 ul {
  display: flex;
  width: 100%;
  gap: 0;
}
.bottom-navbar-v2 ul li {
  display: flex;
  flex: 1;
  position: relative;
  padding-top: 8px;
  min-height: 80px;
}
.bottom-navbar-v2 ul li::before {
  content: "";
  background-color: rgb(var(--rgb-lighter));
  width: 4px;
  height: calc(100% - 16px);
  position: absolute;
  top: 14px;
  bottom: 0;
  left: -1px;
  z-index: -1;
}
.bottom-navbar-v2 ul li:not(:nth-last-child(1)):after {
  content: "";
  background: linear-gradient(0deg, rgba(var(--rgb-darkest), 0) 5%, rgba(var(--rgb-darkest), 0.3) 50%, rgba(var(--rgb-darkest), 0) 95%);
  width: 0.8px;
  height: calc(100% - 16px);
  position: absolute;
  top: 58%;
  transform: translateY(-50%);
  left: -0.5px;
}
.bottom-navbar-v2 ul li > svg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 80px;
  min-height: 83px;
  z-index: -1;
}
.bottom-navbar-v2 ul li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 12px 2px 8px 2px;
  font-size: 12px;
  color: rgb(var(--rgb-third-dark));
}
.bottom-navbar-v2 ul li a .svg-bottom-navbar {
  fill: rgb(var(--rgb-third-dark));
}
.bottom-navbar-v2 ul li a > svg {
  width: auto;
  height: 28px;
}
@media only screen and (min-width: 575px) {
  .bottom-navbar-v2 ul li a span {
    display: none;
  }
}
.bottom-navbar-v2 ul li.active a {
  color: rgb(var(--rgb-lightest));
  transform: translateY(10px);
}
@media only screen and (min-width: 575px) {
  .bottom-navbar-v2 ul li.active a {
    transform: translateY(16px);
  }
  .bottom-navbar-v2 ul li.active a span {
    display: none;
  }
}
.bottom-navbar-v2 ul li.active .svg-bottom-navbar {
  fill: rgb(var(--rgb-lightest));
}
.bottom-navbar-v2 ul li.active .svg-rectanglar-shadow {
  fill: rgb(var(--rgb-third-dark));
}
.bottom-navbar-v2 ul li.active .svg-circular-shadow {
  fill: transparent;
}
.bottom-navbar-v2 ul li .svg-rectanglar-shadow {
  fill: rgb(var(--rgb-lighter));
  filter: url(#rectanglar-shadow);
}
.bottom-navbar-v2 ul li .svg-circular-shadow {
  filter: url(#circular-shadow);
  fill: rgb(var(--rgb-lighter));
}

.search-form-v2 {
  display: block !important;
  margin: 0 !important;
}
.search-form-v2 .form-control:focus {
  border-color: rgb(var(--rgb-light)) !important;
}
@media only screen and (max-width: 992px) {
  .search-form-v2 {
    position: absolute;
    background-color: rgb(var(--rgb-ninth-lighter));
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: all 200ms ease-in-out;
  }
  .search-form-v2.show {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
  }
}

/* v2 new styles end */
/* Babol Styles start */
.bbl-circular-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.bbl-circular-box-shape {
  width: 130px;
  height: 130px;
  margin: 24px 16px 12px 16px;
  background: rgb(var(--rgb-seventh-dark));
  border-radius: 12px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: -webkit-transform 0.4s ease, box-shadow 0.4s ease;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  cursor: pointer;
  z-index: 2;
  box-shadow: 0 6px 5px 0 rgba(var(--rgb-first), 0.01);
}
.bbl-circular-box-shape::before, .bbl-circular-box-shape::after {
  content: "";
  position: absolute;
  border-radius: 18px;
  z-index: 0;
  transition: all 0.5s ease;
}
.bbl-circular-box-shape::before {
  width: 145px;
  height: 145px;
  border: 2px solid rgb(var(--rgb-first));
  opacity: 0.3;
}
.bbl-circular-box-shape::after {
  width: 160px;
  height: 160px;
  border: 2px dashed rgb(var(--rgb-first));
  opacity: 0;
}
.bbl-circular-box-shape figure {
  z-index: 1;
  width: 96%;
  height: 96%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bbl-circular-box-shape figure > svg:nth-child(1), .bbl-circular-box-shape figure > img:nth-child(1) {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -150%);
  background: transparent;
  transition: all 300ms;
}
.bbl-circular-box-shape figure > svg:nth-child(2), .bbl-circular-box-shape figure > img:nth-child(2) {
  top: 100%;
  left: 50%;
  transform: translate(50%, 0%);
  background: transparent;
  transition: all 300ms;
}
.bbl-circular-box-shape figure svg {
  width: 82px;
  height: 82px;
  min-width: 82px;
  min-height: 82px;
  fill: rgb(var(--rgb-lightest));
  transition: transform 0.4s ease;
}
@keyframes rotateCircleDashed {
  0% {
    transform: scale(1);
    border: 2px dashed rgb(var(--rgb-first));
  }
  100% {
    transform: scale(1);
    border: 2px dashed rgb(var(--rgb-first));
  }
}
.bbl-circular-box:hover .bbl-circular-box-shape {
  box-shadow: 0 2px 5px 0 rgba(var(--rgb-first), 0.3);
  transform: translateY(-12px);
}
.bbl-circular-box:hover .bbl-circular-box-shape figure > svg:nth-child(1), .bbl-circular-box:hover .bbl-circular-box-shape figure > img:nth-child(1) {
  transform: translate(-50%, 0%) scale(1.1) rotate(-15deg);
}
.bbl-circular-box:hover .bbl-circular-box-shape figure > svg:nth-child(2), .bbl-circular-box:hover .bbl-circular-box-shape figure > img:nth-child(2) {
  transform: translate(50%, 150%) scale(1.1) rotate(-15deg);
}
.bbl-circular-box:hover .bbl-circular-box-shape::before {
  opacity: 0.6;
  transform: scale(0.95);
  border-radius: 18px;
  border: 10px solid rgb(var(--rgb-lightest));
}
.bbl-circular-box:hover .bbl-circular-box-shape::after {
  opacity: 0.4;
  animation: rotateCircleDashed linear infinite 11s;
  border: 2px dashed rgb(var(--rgb-first));
}
.bbl-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: rgb(var(--rgb-ninth-lighter));
  margin: 0 16px;
  border-radius: 16px;
  min-height: 100dvh;
}
.bbl-content .main-wrapper {
  flex-direction: column;
  height: 100%;
  display: flex;
  flex-grow: 1;
  overflow-x: unset;
}
.bbl-nemad-wrapper {
  height: 200px;
}
.bbl-top-header {
  background-color: transparent;
  color: rgb(var(--rgb-first-darker));
}
.bbl-header {
  display: flex;
  width: 100%;
  background-color: rgb(var(--rgb-forth)) !important;
  color: rgb(var(--rgb-darkest));
  box-shadow: 0 3px 6px 0 rgb(var(--rgb-forth-dark), 0.1) !important;
  padding: 12px 16px !important;
  border-radius: 12px;
}
body.dark .bbl-header {
  background-color: rgb(var(--rgb-forth)) !important;
}

.bbl-header.sticky {
  left: 16px !important;
  width: calc(100% - 32px) !important;
}
.bbl-header-custom {
  background-color: #0b468c !important;
}
body.dark .bbl-header-custom {
  background-color: rgb(var(--rgb-forth)) !important;
}

.bbl-footer {
  overflow: hidden;
  border-radius: 12px;
  background-color: color-mix(in srgb, rgb(var(--rgb-forth)) 92%, black) !important;
}
body.dark .bbl-footer {
  background-color: color-mix(in srgb, rgb(var(--rgb-forth)) 90%, black) !important;
}

.bbl-footer-communication {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  margin-bottom: 12px;
}
.bbl-footer-communication::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgb(var(--rgb-darkest), 0.1);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 0;
}
.bbl-footer-communication-glass {
  z-index: 10;
  position: relative;
  box-shadow: 0 2px 6px 0 rgb(var(--rgb-darkest), 0.08), inset 0 2px 10px 999px rgb(var(--rgb-darkest), 0.1) 0 2px 3px 1px rgb(var(--rgb-lightest), 0.1);
  height: 100%;
  background-color: #0b468c;
  cursor: pointer;
  padding: 16px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  transition: all 300ms ease-in-out;
}
body.dark .bbl-footer-communication-glass {
  background-color: rgb(var(--rgb-ninth-lighter), 0.3);
}

.bbl-footer-communication-glass:hover {
  box-shadow: 0 2px 6px 0 rgb(var(--rgb-darkest), 0.08), inset 0 2px 10px 999px rgb(var(--rgb-darkest), 0.1) 0 2px 3px 1px rgb(var(--rgb-lightest), 0.35);
  background-color: rgba(11, 70, 140, 0.9);
  transform: scale(1.03);
}
body.dark .bbl-footer-communication-glass:hover {
  background-color: rgb(var(--rgb-ninth-lighter), 0.6);
}

.bbl-footer-communication-glass-icon {
  font-size: 24px;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgb(var(--rgb-lightest));
}
.bbl-footer-communication-glass-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgb(var(--rgb-lightest));
  text-align: center;
  font-size: 12px;
  line-height: 30px;
}
.bbl-footer-communication-glass-content p {
  padding: 0;
  margin: 0;
  line-height: 30px;
}
.bbl-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  position: relative;
  margin: 12px 16px;
}
.bbl-heading h1, .bbl-heading h2, .bbl-heading h3, .bbl-heading h4, .bbl-heading h5, .bbl-heading h6 {
  margin: 0;
  padding: 12px 0;
}
.bbl-heading h1::before, .bbl-heading h1::after, .bbl-heading h2::before, .bbl-heading h2::after, .bbl-heading h3::before, .bbl-heading h3::after, .bbl-heading h4::before, .bbl-heading h4::after, .bbl-heading h5::before, .bbl-heading h5::after, .bbl-heading h6::before, .bbl-heading h6::after {
  content: "";
  height: 2px;
  position: absolute;
  background-color: rgb(var(--rgb-seventh-light), 0.8);
  border-radius: 16px;
  bottom: 0;
  right: 40px;
  width: 20px;
}
.bbl-heading h1::after, .bbl-heading h2::after, .bbl-heading h3::after, .bbl-heading h4::after, .bbl-heading h5::after, .bbl-heading h6::after {
  width: 32px;
  bottom: 4px;
  right: 40px;
  transition: all 300ms;
  animation: grow-width 3s linear infinite alternate;
}
@keyframes grow-width {
  0% {
    width: 32px;
  }
  100% {
    width: 54px;
  }
}
.bbl-heading::before, .bbl-heading::after {
  content: "";
  width: 24px;
  height: 24px;
  background-color: rgb(var(--rgb-seventh-light), 0.8);
  border-radius: 16px;
  bottom: 0;
}
.bbl-heading::after {
  width: 14px;
  height: 14px;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgb(var(--rgb-ninth-lighter));
}
.bbl-heading-dots {
  width: 3px;
  height: 7px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transform-origin: center;
  transition: all 300ms linear;
  animation: rotate-dots 5s linear infinite;
}
.bbl-heading-dots:nth-of-type(2) {
  animation-delay: 1200ms;
}
@keyframes rotate-dots {
  0% {
    transform: translateY(-50%) rotate(0deg);
  }
  100% {
    transform: translateY(-50%) rotate(360deg);
  }
}
.bbl-heading-dots::before, .bbl-heading-dots::after {
  content: "";
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  background-color: rgb(var(--rgb-seventh-light));
  border-radius: 16px;
  bottom: -18px;
}
.bbl-heading-dots::before {
  top: -18px;
}
.bbl-footer-copy {
  background-color: transparent;
  color: rgb(var(--rgb-first-darker));
}
.bbl-shahrdar-swiper .swiper-slide img {
  aspect-ratio: 1/1.4142 !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}
.bbl-fancy-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(auto-fill, 1fr);
  gap: 16px;
}
@media only screen and (min-width: 767px) {
  .bbl-fancy-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 992px) {
  .bbl-fancy-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 1200px) {
  .bbl-fancy-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.bbl-fancy-grid .figure-link-v2 {
  height: 160px;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .bbl-fancy-grid .figure-link-v2 {
    height: 320px;
  }
}
.bbl-fancy-grid .figure-link-v2 figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
}
.bbl-fancy-grid .figure-link-v2 figure img, .bbl-fancy-grid .figure-link-v2 figure svg {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s linear;
}
.bbl-fancy-grid .figure-link-v2 figure figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(var(--rgb-first), 0.5);
  padding: 4px 16px;
  line-height: 26px;
  color: rgb(var(--rgb-lightest));
}
.bbl-fancy-grid .figure-link-v2 figure figcaption span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.bbl-fancy-grid .figure-link-v2:hover img, .bbl-fancy-grid .figure-link-v2:hover svg {
  transform: scale(1.1);
}
.bbl-widget-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  margin: 16px 0;
  gap: 24px;
}
.bbl-widget-item:hover {
  animation: shadowing-brightness 400ms linear;
}
@keyframes shadowing-brightness {
  0% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(0.95);
    transform: scale(1.01) translateY(-6px);
  }
  85% {
    filter: brightness(1.01);
  }
}
.bbl-widget-item:hover .bbl-widget-box {
  transform: rotateY(180deg);
  animation: shadowing 400ms linear;
  outline: 1px solid rgb(var(--rgb-seventh));
}
@keyframes shadowing {
  0% {
    box-shadow: none;
  }
  50% {
    box-shadow: -2px 2px 20px 0 rgba(var(--rgb-darkest), 0.2);
  }
  85% {
    box-shadow: none;
  }
}
.bbl-widget-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 24px;
  cursor: pointer;
  background-color: rgb(var(--rgb-seventh-lighter));
  outline: 4px solid rgb(var(--rgb-seventh-light), 0.8);
  padding: 12px 16px;
  transition: all 400ms linear;
  perspective: 1000px;
  transform-style: preserve-3d;
}
.bbl-widget-box-front {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
  text-align: center;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.bbl-widget-box-back {
  padding: 12px 16px;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
  text-align: center;
  transform: rotateX(180deg) rotate(180deg);
  position: absolute;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.bbl-intro-card::before {
  width: 12% !important;
  height: auto !important;
  content: "" !important;
  aspect-ratio: 1.45/1 !important;
  border: none !important;
  border-radius: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  clip-path: none !important;
  background-color: rgb(var(--rgb-first-light));
  -webkit-mask: url("../images/portal/top-frame.svg") no-repeat center;
  mask: url("../images/portal/top-frame.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
@media only screen and (max-width: 767px) {
  .bbl-intro-card::before {
    width: 24% !important;
  }
}
.bbl-intro-card::after {
  width: 12% !important;
  height: auto !important;
  content: "" !important;
  aspect-ratio: 1.45/1 !important;
  border: none !important;
  border-radius: 0 !important;
  position: absolute;
  top: auto !important;
  bottom: 0;
  right: 0;
  background-color: rgb(var(--rgb-first-light));
  -webkit-mask: url("../images/portal/bottom-frame.svg") no-repeat center;
  mask: url("../images/portal/bottom-frame.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
@media only screen and (max-width: 767px) {
  .bbl-intro-card::after {
    width: 24% !important;
  }
}
.bbl-slider-wrapper {
  height: 300px;
}
.bbl-slider-item-main::before {
  content: none !important;
}
.bbl-intro-card {
  display: flex;
  flex-direction: column;
}
.bbl-intro-card-nemad {
  background-color: rgb(var(--rgb-tenth-lighter));
  margin-top: 94px;
}
.bbl-intro-card-profile {
  margin-top: -94px !important;
  width: 300px;
  max-width: 100%;
  margin: auto;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: stretch;
  position: relative;
}
.bbl-intro-card-profile .bbl-nemad-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 42%;
  height: 62%;
  border-radius: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
}
.bbl-intro-card-profile .bbl-nemad-wrapper img {
  border-radius: 50%;
  object-fit: cover;
}
.bbl-video-item {
  display: flex;
  flex-direction: column;
  height: 230px;
  position: relative;
  border-radius: 16px;
  padding: 5px;
  overflow: hidden;
}
.bbl-video-item::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 14px;
  border: 4px dashed rgb(var(--rgb-seventh));
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  clip-path: polygon(0% -9%, 100% 90%, 100% 109%, 0% 10%);
  z-index: 10;
  transition: all 300ms ease-in-out;
}
.bbl-video-item-bg {
  padding: 5px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 18px;
}
.bbl-video-item-content {
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  z-index: 2;
  background-color: rgb(var(--rgb-black), 0.1);
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 300ms linear;
  padding: 12px 16px;
  color: rgb(var(--rgb-lightest));
}
.bbl-video-item:hover::before {
  content: "";
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  border-radius: 10px;
}
.bbl-video-item:hover .bbl-video-item-content {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  background-color: rgb(var(--rgb-black), 0.6);
}
.bbl-btn-first {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right, rgba(var(--rgb-first), 1) 0%, rgba(var(--rgb-seventh), 1) 100%);
  color: rgb(var(--rgb-lightest));
}
.bbl-btn-first:hover, .bbl-btn-first:focus {
  color: rgb(var(--rgb-lightest));
}

/* Babol Styles end */
/* Qom Styles start */
.qm-heading {
  display: flex;
  align-items: center;
  gap: 16px;
  text-wrap: nowrap;
}
@media only screen and (max-width: 575px) {
  .qm-heading {
    flex-wrap: wrap;
  }
}
.qm-heading::after {
  content: "";
  background-color: rgb(var(--rgb-first-light));
  width: 100%;
  height: 2px;
  box-shadow: -29px 4px 25px 1px rgb(var(--rgb-first));
}
.qm-heading-ending {
  order: 9999;
}
.qm-link {
  color: rgb(var(--rgb-first-darker));
  text-decoration: dashed;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  position: relative;
  padding: 8px 12px;
  border-radius: 8px;
  overflow: hidden;
  transition: all 200ms ease-in-out;
  flex-shrink: 0;
  z-index: 10;
}
.qm-link:hover {
  color: rgb(var(--rgb-lightest));
}
.qm-link:hover::after, .qm-link:hover::before {
  height: 100%;
}
.qm-link::after, .qm-link::before {
  content: "";
  background-color: rgb(var(--rgb-first-light));
  width: 100%;
  height: 1.5px;
  transition: all 200ms ease-in-out;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: -2;
  border-radius: 8px;
  box-shadow: -1px 1px 12px 0 rgba(var(--rgb-first-darker), 0.2);
}
.qm-link::after {
  top: auto;
  bottom: 0;
}
.qm-video-item::before {
  border: 4px solid rgb(var(--rgb-seventh)) !important;
}
.qm-blog-wrapper {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(3, 160px);
  gap: 16px;
}
.qm-blog-wrapper-vertical {
  display: flex;
  flex-direction: column;
  max-height: 340px;
  overflow-y: auto;
  scroll-behavior: smooth;
}
.qm-blog-wrapper-vertical .qm-blog-item {
  min-height: 74px;
  flex-shrink: 0;
}
.qm-blog-wrapper-vertical .qm-blog-item:not(:nth-last-child(1)) {
  border-bottom: 1px solid rgb(var(--rgb-light));
  border-radius: 0;
}
.qm-blog-wrapper-vertical .qm-blog-item img {
  width: 64px;
  height: 100%;
  border-radius: 12px;
  aspect-ratio: 1/1;
}
.qm-blog-item {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  padding: 12px 0;
  gap: 16px;
  justify-content: space-between;
}
.qm-blog-item img {
  width: 136px;
  height: 100%;
  border-radius: 12px;
}
.qm-blog-item-badge {
  font-size: 12px;
  border-radius: 12px;
  padding: 2px 12px;
  border: 1px solid rgb(var(--rgb-light));
  color: rgb(var(--rgb-light-dark));
}
.qm-blog-item-link {
  color: rgb(var(--rgb-seventh));
  text-decoration: underline;
  line-height: 30px;
  text-underline-offset: 6px;
}
.qm-blog-item-title {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}
.qm-blog-item-main {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
.qm-blog-item-main::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgb(var(--rgb-black), 0.6);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.qm-blog-item-main-title {
  position: absolute;
  top: 32px;
  right: 32px;
  color: rgb(var(--rgb-lightest));
  line-height: 30px;
  width: 100%;
}
@media only screen and (min-width: 767px) {
  .qm-blog-item-main-title {
    max-width: 50%;
  }
}
.qm-blog-pagination .swiper-pagination-bullet {
  width: 8px;
  border-radius: 10px;
  transition: all 300ms;
}
.qm-blog-pagination .swiper-pagination-bullet-active {
  width: 18px;
  height: 9px;
  border-radius: 10px;
  background-color: rgb(var(--rgb-seventh));
}
.qm-intro-card {
  background-color: rgb(var(--rgb-ninth-lighter));
  border-radius: 16px;
  padding: 12px 16px;
  box-shadow: 4px 1px 16px 0 rgb(var(--rgb-first), 0.2);
  animation: shadow-movement 3s infinite;
  transition: all 1s;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  position: relative;
}
.qm-intro-card::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 16px;
  border: 4px solid rgb(var(--rgb-seventh));
  position: absolute;
  top: 0;
  left: 0;
  clip-path: polygon(0% -9%, 100% 90%, 100% 109%, 0% 10%);
}
@keyframes shadow-movement {
  0% {
    box-shadow: 4px 1px 16px 0 rgb(var(--rgb-first), 0.2);
  }
  25% {
    box-shadow: 1px 4px 16px 0 rgb(var(--rgb-seventh), 0.3);
  }
  75% {
    box-shadow: 4px 4px 16px 0 rgb(var(--rgb-first), 0.2);
  }
  100% {
    box-shadow: 4px 1px 16px 0 rgb(var(--rgb-first), 0.2);
  }
}
.qm-intro-card-profile {
  width: 300px;
  max-width: 100%;
  margin: auto;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: stretch;
  position: relative;
}
.qm-intro-card-profile img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 37%;
  height: 60%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.qm-tourism {
  animation: move-box 5s infinite;
  transition: all 300ms ease;
}
@media only screen and (min-width: 575px) {
  .qm-tourism {
    margin: 28px 0;
  }
}
.qm-tourism:nth-of-type(2n) {
  animation: move-box 5s reverse infinite;
}
@media only screen and (min-width: 575px) {
  .qm-tourism:nth-of-type(2n) {
    transform: translateY(-28px);
  }
}
.qm-tourism-box {
  width: 100%;
  height: 300px;
  position: relative;
  padding: 16px;
  border-radius: 16px;
  display: flex;
}
.qm-tourism-box:hover figure::before {
  transform: translateY(0%);
  opacity: 1;
  transition: all 400ms linear;
}
.qm-tourism-box:hover figure img {
  transition: all 200ms linear;
  transform: scale(1.1);
}
.qm-tourism-box::before {
  content: "";
  width: 80%;
  height: 0;
  border-top: 5px dotted rgb(var(--rgb-first-light));
  box-shadow: 0 -3px 6px 0 rgba(var(--rgb-first-light), 0.2);
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  transition: all 300ms ease-in-out;
}
.qm-tourism-box:hover::before {
  top: calc(100% + 8px);
  width: 80%;
}
.qm-tourism-box:nth-of-type(2n) {
  margin-top: 16px;
}
.qm-tourism-box-badge {
  display: flex;
  gap: 4px;
  align-items: center;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 10px;
  position: absolute;
  top: 12px;
  right: 12px;
  background-color: rgb(var(--rgb-ninth-lighter));
  box-shadow: 0 1px 5px 0 rgba(var(--rgb-darkest), 0.1);
  color: rgb(var(--rgb-darker));
  z-index: 10;
}
.qm-tourism-box figure {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 16px;
  overflow: hidden;
}
.qm-tourism-box figure::before {
  content: "";
  background: rgb(var(--rgb-darkest));
  background: linear-gradient(180deg, rgba(var(--rgb-black), 0.3) 0%, transparent 24%);
  z-index: 9;
  position: absolute;
  transform: translateY(-20px);
  opacity: 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transition: all 400ms linear;
}
.qm-tourism-box figure img {
  transition: all 200ms linear;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.qm-travel-curve {
  display: flex;
  width: 340px;
  max-width: 100%;
  height: 340px;
  max-height: 100%;
  border-radius: 60% 40% 60% 40%/36% 57% 43% 64%;
  background-color: rgb(var(--rgb-first));
  overflow: hidden;
}
.qm-travel-curve figure {
  width: 100%;
  height: 100%;
  border-radius: 60% 40% 60% 40%/36% 57% 43% 64%;
}
.qm-travel-curve figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  user-select: none;
}
.qm-slice {
  height: 140px;
}
.qm-slice-wrapper {
  position: absolute;
  overflow: hidden;
  height: 194px !important;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100% !important;
}
.qm-slice-item {
  position: relative;
  height: 194px;
}
.qm-slice-item:nth-child(5n) .qm-slice-box {
  background-color: rgb(var(--rgb-orange-200));
}
body.dark .qm-slice-item:nth-child(5n) .qm-slice-box {
  background-color: rgb(var(--rgb-orange-600));
}

body.faragard-dark .qm-slice-item:nth-child(5n) .qm-slice-box {
  background-color: rgb(var(--rgb-orange-600));
}

.qm-slice-item:nth-child(5n-1) .qm-slice-box {
  background-color: rgb(var(--rgb-green-200));
}
body.dark .qm-slice-item:nth-child(5n-1) .qm-slice-box {
  background-color: rgb(var(--rgb-green-600));
}

body.faragard-dark .qm-slice-item:nth-child(5n-1) .qm-slice-box {
  background-color: rgb(var(--rgb-green-600));
}

.qm-slice-item:nth-child(5n-2) .qm-slice-box {
  background-color: rgb(var(--rgb-red-200));
}
body.dark .qm-slice-item:nth-child(5n-2) .qm-slice-box {
  background-color: rgb(var(--rgb-red-600));
}

body.faragard-dark .qm-slice-item:nth-child(5n-2) .qm-slice-box {
  background-color: rgb(var(--rgb-red-600));
}

.qm-slice-item:nth-child(5n-3) .qm-slice-box {
  background-color: rgb(var(--rgb-fuchsia-200));
}
body.dark .qm-slice-item:nth-child(5n-3) .qm-slice-box {
  background-color: rgb(var(--rgb-fuchsia-600));
}

body.faragard-dark .qm-slice-item:nth-child(5n-3) .qm-slice-box {
  background-color: rgb(var(--rgb-fuchsia-600));
}

.qm-slice-item:nth-child(5n-4) .qm-slice-box {
  background-color: rgb(var(--rgb-sky-200));
}
body.dark .qm-slice-item:nth-child(5n-4) .qm-slice-box {
  background-color: rgb(var(--rgb-sky-600));
}

body.faragard-dark .qm-slice-item:nth-child(5n-4) .qm-slice-box {
  background-color: rgb(var(--rgb-sky-600));
}

.qm-slice-item:nth-of-type(1) .qm-slice-box:hover {
  border-bottom-right-radius: 16px;
}
.qm-slice-item:nth-last-of-type(1) .qm-slice-box:hover {
  border-bottom-left-radius: 16px;
}
.qm-slice-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  background-color: rgb(var(--rgb-yellow-200));
  padding: 12px 24px;
  color: rgb(var(--rgb-darkest));
  font-weight: 500;
  transition: all 300ms linear;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  height: 100px;
}
.qm-slice-box:hover {
  bottom: 0;
  border-radius: 16px 16px 0 0;
  height: 194px;
}
.qm-slice-box:hover:has(img) {
  padding-bottom: 108px;
}
.qm-slice-box:hover .qm-slice-box-figure {
  margin-bottom: 0;
  height: 86px;
}
.qm-slice-box:hover .qm-slice-box-figure img {
  position: absolute;
}
.qm-slice-box-icon {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  box-shadow: -3px 3px 10px 1px rgba(var(--rgb-darkest), 0.1);
  border-radius: 12px;
  background-color: rgb(var(--rgb-ninth-lighter));
}
.qm-slice-box-figure {
  position: absolute;
  transition: all 300ms linear;
  width: calc(100% - 32px);
  height: 0;
  overflow: hidden;
  border-radius: 16px;
  margin: 0;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
}
.qm-slice-box-figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.qm-vertical {
  padding: 0;
  overflow: hidden;
}
.qm-vertical-box {
  height: 70dvh;
  width: 100%;
  padding: 0;
}
@media only screen and (min-width: 767px) {
  .qm-vertical-box {
    height: 78dvh;
  }
}
.qm-vertical-box .swiper-pagination {
  display: flex;
  flex-direction: column;
  gap: 48px;
  right: 36px;
}
.qm-vertical-box .swiper-pagination-bullet {
  width: 36px;
  height: 36px;
  display: grid !important;
  padding-top: 4px;
  background-color: transparent;
  border: 1px solid rgb(var(--rgb-ninth-lighter));
  color: rgb(var(--rgb-ninth-lighter));
  font-size: 14px;
  place-items: center;
  opacity: 1;
  box-shadow: 0 2px 8px 0 rgba(var(--rgb-darkest), 0.3), inset 0 2px 24px 0 rgba(var(--rgb-darkest), 0.2);
}
.qm-vertical-box .swiper-pagination-bullet:not(:nth-last-of-type(1)) {
  position: relative;
}
.qm-vertical-box .swiper-pagination-bullet:not(:nth-last-of-type(1))::before {
  content: "";
  width: 1.2px;
  height: 60px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  top: 100%;
  background-color: rgb(var(--rgb-ninth-lighter));
}
.qm-vertical-box .swiper-pagination-bullet-active {
  box-shadow: 0 2px 8px 0 rgba(var(--rgb-darkest), 0.3);
  background-color: rgb(var(--rgb-ninth-lighter));
  color: rgb(var(--rgb-darkest));
}
.qm-vertical-box .swiper-slide {
  background-repeat: no-repeat;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  font-size: 18px;
  display: flex;
  width: 100%;
  height: 100%;
  padding-right: 90px;
  position: relative;
}
.qm-vertical-box .swiper-slide::before {
  content: "";
  background: rgb(var(--rgb-darkest));
  background: linear-gradient(270deg, rgba(var(--rgb-ninth-lighter), 0.6) 0%, rgba(var(--rgb-ninth-lighter), 0.5) 40%, transparent 80%);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transition: all 400ms linear;
  z-index: -2;
}
.qm-vertical-box-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  max-width: 80%;
}
@media only screen and (min-width: 575px) {
  .qm-vertical-box-content {
    max-width: 68%;
  }
}
@media only screen and (min-width: 575px) {
  .qm-vertical-box-content {
    max-width: 52%;
  }
}
@media only screen and (min-width: 575px) {
  .qm-vertical-box-content {
    max-width: 48%;
  }
}
@media only screen and (min-width: 992px) {
  .qm-vertical-box-content {
    max-width: 36%;
  }
}
.qm-vertical-box-content h1 {
  line-height: 68px;
  font-size: 48px;
  letter-spacing: 2px;
}

/* Qom Styles end */
/* Dorcheh Styles start */
.dch-portal-header {
  background-color: rgb(var(--rgb-forth-dark)) !important;
}
.dch-portal-header.sticky {
  background-color: rgb(var(--rgb-second-dark)) !important;
}
.dch-portal-header.sticky nav > ul > li ul {
  border-color: rgb(var(--rgb-second-dark)) !important;
}
.dch-portal-header.sticky nav > ul > li ul li a {
  color: rgb(var(--rgb-second-dark)) !important;
}
.dch-portal-header.sticky nav > ul > li ul li a::before {
  background: rgb(var(--rgb-second), 0.1) !important;
}
.dch-portal-header.sticky nav > ul > li ul li:has(ul)::before {
  color: rgb(var(--rgb-second-dark)) !important;
}
.dch-portal-footer {
  background-color: color-mix(in srgb, rgb(var(--rgb-second-darker)) 90%, black) !important;
}
.dch-news-nav li {
  color: rgb(var(--rgb-lightest)) !important;
  background-color: rgb(var(--rgb-forth-darker));
}
.dch-news-nav li:hover, .dch-news-nav li:active {
  background-color: rgb(var(--rgb-forth), 0.6) !important;
}
.dch-news-nav li.active {
  background-color: rgb(var(--rgb-forth), 0.6) !important;
}
.dch-box-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(auto-fill, minmax(1fr, 180px));
  gap: 16px;
}
.dch-box-item {
  display: flex;
  border: 1px solid rgb(var(--rgb-first));
  border-radius: 22px;
  overflow: hidden;
  height: auto;
  max-height: 170px;
}
@media only screen and (min-width: 767px) {
  .dch-news-wrapper {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media only screen and (min-width: 992px) {
  .dch-news-wrapper {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
.dch-slider-wrapper .swiper-wrapper {
  height: auto !important;
}
.dch-banner-slider-wrapper {
  aspect-ratio: 5.5/1;
}
.dch-banner-slider-wrapper .swiper-wrapper {
  height: 100%;
  aspect-ratio: 5.5/1;
}

/* Dorcheh Styles end */
/* Tanian styles start */
.tnn-heading {
  padding-right: 30px;
  position: relative;
  text-shadow: 2px 2px rgb(var(--rgb-seventh-dark), 0.15);
}
.tnn-heading::before {
  content: "";
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  width: 10px;
  border-radius: 6px;
  background-color: rgb(var(--rgb-seventh-dark));
  transform-origin: center;
  transition: all 300ms linear;
  box-shadow: -4px 2px 12px 0 rgba(var(--rgb-seventh-dark), 0.5);
}
.tnn-intro-card {
  position: relative;
}

/* Tanian styles end */

/*# sourceMappingURL=portal-main.css.map */