footer {
  background-image: linear-gradient(
      to right,
      hsl(from var(--primary-10) h s l / 0.9),
      hsl(from var(--primary-10) h s l / 0.9)
    ),
    url(../assets/images/footerBak.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-block: var(--title-space-2);
}

@media (min-width: 992px) {
  .footer__Top {
    padding-bottom: calc(2 / 3 * var(--main-space));
    border-bottom: solid 2px;
    border-image: linear-gradient(
        270deg,
        transparent 0%,
        hsla(0, 0%, 100%, 0.5) 50%,
        transparent 100%
      )
      1;
    margin-bottom: var(--title-space-2);
  }
}

.footer__Top_Logo img:not(.footer__logo_Text) {
  width: 78px;
}
.footer__Top_Logo {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.footer__Top_Logo img {
  filter: saturate(0) brightness(100);
}

@media (max-width: 991px) {
  .footer__Top_Logo img:not(.footer__logo_Text) {
    width: 48px;
    height: auto;
  }
  .footer__Top_Logo img.footer__logo_Text {
    width: auto;
    height: 20px;
  }
}

/* *------------------------------- footer Menu Start ------------------------------- */

.footer_Menu_List {
  --grid-col: 2;
  display: grid;
  grid-template-columns: repeat(var(--grid-col), 1fr);
  gap: 2.5rem 1.5rem;
  --icon: 1rem;
  --icon-url: url(../assets/icons/chevUp.svg);
  --icon-rotate: 90deg;
  --icon-me: 0.25rem;
}

.footer__Menu_Item::before {
  content: "";
}

.footer__Menu_Item:hover::before {
  transform: translateY(calc(0.25rem * var(--direction-num)));
}

/* !------------------------------- footer Menu End --------------------------------- */

/* *------------------------------- footer contact Start ------------------------------- */

.footer__Contact_Links {
  display: flex;
  flex-direction: column;
  gap: var(--title-space-2);
  --icon: 1.5rem;
  --icon-me: 0.5rem;
  text-align: justify;
}

.footer__Contact_Multi {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

.footer__Contact_Item {
  display: flex;
  line-height: 2rem;
  width: 100%;
}

.footer__Contact_Links .link_Name {
  line-height: var(--icon);
}

/* !------------------------------- footer contact End --------------------------------- */

/* *------------------------------- footer socials Start ------------------------------- */

.footer__Social_Wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.5rem;
  --icon: 2rem;
}

/* !------------------------------- footer socials End --------------------------------- */

@media (max-width: 991px) {
  .footer__Top_Logo {
    margin-bottom: var(--main-space);
  }

  .footer_Menu_Outer {
    margin-bottom: 40px;
  }

  .footer__Contact_Links {
    margin-bottom: var(--title-space-2);
  }

  .footer__Social_Wrapper {
    justify-content: center;
    padding-bottom: var(--title-space);
    border-bottom: solid 2px;
    border-image: linear-gradient(
        270deg,
        transparent 0%,
        hsla(0, 0%, 100%, 0.5) 50%,
        transparent 100%
      )
      1;
    margin-bottom: 1rem;
  }
}

.section__Header_All span,
.more__Item span {
  --icon-rotate: 90deg;
}

footer a:hover {
  color: var(--primary-90);
  --icon-color: var(--primary-90);
  transition: var(--transition);
}

/* Tab MainPage */
.livetabsflatfilledcyan.mright .mright.ui-tabs {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}
:root {
  --nav-col: 1.75;
}

.mright.ui-tabs .mright.ui-tabs-nav {
  width: calc(var(--nav-col) / 12 * 100%) !important;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: unset !important;
}
@media (min-width: 992px) {
  .mright.ui-tabs .mright.ui-tabs-nav {
    justify-content: space-between;
    max-height: 100%;
  }
}

.livetabsflatfilledcyan.mright .mright.ui-tabs .mright.ui-tabs-nav li.mright {
  border: 1px solid var(--Gray-95) !important;
  background: var(--Gray-100);
  margin: 0px !important;
  border-radius: 2rem 0.5rem 0.5rem 2rem !important;
  transition: var(--transition);
}

.livetabsflatfilledcyan.mright
  .mright.ui-tabs
  .mright.ui-tabs-nav
  li.mright:hover {
  border-color: var(--primary-20) !important;
  box-shadow: 0px 4px 16px 0px #03201c1a;
}

.mright.ui-tabs-nav li.mright:not(.ui-state-active) {
  --icon-w: 0;
  border-color: var(--primary-20) !important;
}

.mright.ui-tabs-nav li.mright a {
  --item-accent: var(--primary-20);
  font-size: var(--fz-t6) !important;
  font-weight: var(--fw-600) !important;
  line-height: var(--lh-t6) !important;
  font-family: "IranSans" !important;
  color: var(--item-accent) !important;
  transition: var(--transition);
}
.mright.ui-tabs-nav li.mright.ui-state-active {
  background: var(--primary-20) !important;
}
.mright.ui-tabs-nav li.mright.ui-state-active a {
  --item-accent: var(--white);
}
.rtl .livetabsflatfilledcyan .ui-tabs .ui-tabs-nav li a {
  padding: 0.75rem 0.5rem !important;
}
.livetabsflatfilledcyan.mright
  .mright.ui-tabs
  .mright.ui-tabs-nav
  li.mright
  a::before {
  content: "";
  --icon-url: url(/portals/0/images/icons/icons.arrowUp.svg);
  --icon: 18px;
  --icon-color: var(--item-accent);
  --icon-rotate: 90deg;
  --icon-me: 0.5rem;
}

.livetabsflatfilledcyan .ui-helper-clearfix::after {
  /* content: unset; */
  margin-top: -1rem;
}

/* Tab MainPage panel */
.livetabsflatfilledcyan.mright .mright.ui-tabs .mright.ui-tabs-panel {
  border: unset !important;
  width: calc((12 - var(--nav-col)) / 12 * 100%) !important;
  margin: 0px !important;
  padding: 0px 1.5rem 0px 0px !important;
}

@media (max-width: 992px) {
  .livetabsflatfilledcyan.mright .mright.ui-tabs .mright.ui-tabs-panel {
    padding: 0 !important;
  }
}

.section__Header_Alt {
  --icon-rotate: 90deg;
  --icon: 20px;
}

@media (max-width: 991px) {
  .livetabsflatfilledcyan.mright .mright.ui-tabs .mright.ui-tabs-panel {
    width: 100% !important;
  }
  .mright.ui-tabs .mright.ui-tabs-nav {
    flex-direction: row;
    width: 100% !important;
    overflow: scroll;
    scrollbar-width: none;
    margin-bottom: 2.5rem !important;
    margin-top: 2.5rem !important;
  }
  .livetabsflatfilledcyan.mright .mright.ui-tabs .mright.ui-tabs-nav li.mright {
    height: 100%;
    min-width: 61%;
  }
  .livetabsflatfilledcyan.mright .mright.ui-tabs {
    margin: 0px !important;
  }
}

#dnn_ctr428_View_ctl00_ctl00_ctr432_ContentPane {
  position: relative;
}

body:not(.personabar-visible)
  .footer_Newsletter
  .LiveForm.Default
  ul.page-break-section,
body:not(.personabar-visible) .footer_Newsletter .LiveForm.Default .thank-you {
  display: flex !important;
  flex-wrap: nowrap !important;
}

body:not(.personabar-visible)
  .footer_Newsletter
  .LiveForm.Default
  ul.page-break-section
  .Field:nth-child(1) {
  width: fit-content !important;
  justify-content: center !important;
}

body:not(.personabar-visible)
  .footer_Newsletter
  .LiveForm.Default
  ul.page-break-section
  .Field:nth-child(3) {
  position: absolute !important;
  width: fit-content !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  height: 68px !important;
}

body:not(.personabar-visible,.rtl)
  .footer_Newsletter
  .LiveForm.Default
  ul.page-break-section
  .Field:nth-child(3) {
  left: auto !important;
  right: 0;
}

body#Body:not(.personabar-visible)
  .footer_Newsletter
  .LiveForm.Default
  input[type="submit"],
body#Body:not(.personabar-visible)
  .footer_Newsletter
  .LiveForm.Default
  input[type="button"] {
  height: 68px !important;
  border-radius: 0.75rem 0 0 0.75rem !important;
}

body#Body:not(.personabar-visible,.rtl)
  .footer_Newsletter
  .LiveForm.Default
  input[type="submit"],
body#Body:not(.personabar-visible,.rtl)
  .footer_Newsletter
  .LiveForm.Default
  input[type="button"] {
  height: 68px !important;
  border-radius: 0 0.75rem 0.75rem 0 !important;
}


.footer_Newsletter .LiveForm.Default .Field.Heading .Header {
  color: #fff !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
}

body:not(.personabar-visible) .footer_Newsletter .LiveForm.Default .Field input,
body:not(.personabar-visible)
  .footer_Newsletter
  .LiveForm.Default
  .Field
  .nice-select {
  border-radius: 0.75rem !important;
}
