@import url(../../Fonts/Anjoman/fontiran.css);

:root {
  --black: #2b2a33;
  --white: #ffffff;
  --Dark-Gray: #4c4c4c;
  --light-Gray: #eeeeee;
}
html {
  scroll-behavior: smooth;
}

body.mori-page-Start {
  direction: rtl;
  margin: 0px;
  background-color: var(--black);
  color: var(--white);
  font-family: AnjomanMax;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

.ss05 {
  -moz-font-feature-settings: 'ss05';
  -webkit-font-feature-settings: 'ss05';
  font-feature-settings: 'ss05';
}

.ss06 {
  -moz-font-feature-settings: 'ss06';
  -webkit-font-feature-settings: 'ss06';
  font-feature-settings: 'ss06';
}

body::-webkit-scrollbar {
  width: 1em;
}
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(177, 177, 177, 0.3);
  background-color: var(--Dark-Gray);
}

body::-webkit-scrollbar-thumb {
  background-color: var(--light-Gray);
  outline: 1px solid var(--light-Gray);
}

body.mori-page-Start p {
  text-align: justify;
  line-height: 2.2rem;
  padding: 5px;
}

article span,
article p {
  font-size: 18px !important;
}

img {
  width: 100%;
  height: auto;
}

.wp-caption {
  width: 100% !important;
  border: 5px solid var(--light-Gray);
  background-color: var(--light-Gray);
}
.wp-caption-text {
  text-align: center !important;
  line-height: 0rem !important;
  color: var(--black);
}

.container {
  display: flex;
  align-items: center;
}
.col-50 {
  width: 50%;
  padding: 5px 15px;
}
.col-75 {
  width: 75%;
  padding: 5px 15px;
}
.col-25 {
  width: 25%;
  padding: 5px 15px;
}
.col-60 {
  width: 60%;
  padding: 5px 15px;
}
.col-40 {
  width: 40%;
  padding: 5px 15px;
}

.col-50-np {
  width: 50%;
}
.flex {
  display: flex;
}

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

body.mori-page-Start a {
  text-decoration: none;
  color: var(--white);
}

body.mori-page-Start article a {
  color: var(--light-Gray);

  border-bottom: 2px solid white;
  padding: 2px;
  transition: 0.5s;
}

a.related-p-mori {
  display: flex;
  align-items: center;
  align-content: center;
  background-color: var(--Dark-Gray);
  padding: 15px !important;
  border-right: 10px solid var(--white);
  border-radius: 2px;
  border-bottom: none !important;
}

body.mori-page-Start article a:hover {
  background: var(--light-Gray);
  color: var(--black);
  padding: 2px 5px;
}

body.mori-page-Start input {
  outline: none;
  border: none;
  margin: 0px 5px;
}

body.mori-page-Start textarea {
  outline: none;
  border: none;
  margin: 0;
}
.Display-bye-bye {
  transition: 1s;
  animation-name: mori-header-popup-1;
  animation-duration: 1s;
}
.hide {
  display: none !important;
}
.show {
  display: flex !important;
  animation-name: mori-header-popup;
  animation-duration: 1s;
}

.show-block {
  display: block !important;
  animation-name: mori-header-popup;
  animation-duration: 1s;
}

.show-menu {
  display: flex !important;
}

@keyframes mori-header-popup {
  0% {
    transform: translateY(-210px);
    opacity: 0;
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes mori-header-popup-1 {
  0% {
    transform: translateY(0px);
    opacity: 0;
  }

  100% {
    transform: translateY(-210px);
  }
}

.m-b50 {
  margin-bottom: 50px;
}
.m-t50 {
  margin-top: 50px;
}
.p80 {
  padding: 80px;
}

ol li {
  line-height: 2rem;
}

a.btn-style-1 {
  color: var(--white);
  padding: 17px 30px !important;
  background-color: var(--Dark-Gray);
  box-shadow: inset 5px 5px 5px 0px #e7e7e7bd;
  transition: 1.5s;
  border-radius: 2px;
}

a.btn-style-1:hover {
  box-shadow: inset -5px -5px 4px 0px #bfababbd;
}

p.fa-title-mori {
  text-align: right !important;
}

/** Computer **/
header.mori-fw {
  background: var(--Dark-Gray);
}
.top-bar {
  display: flex;
  align-items: center;
}

.Def-DM {
  top: 5px !important;
}

.mori-header-icons {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding-bottom: 20px;
  height: 63px;
}
.col-50.mori-logo-wrapper img {
  width: 200px;
  height: 57.14px;
  margin-right: 20px;
}

.mori-header-icons span {
  font-size: 13px;
  padding: 0px 8px;
}

.mori-menu-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
nav.main-menu {
  display: flex;
  align-items: center;
  padding: 0px 35px;
}

ul.menu-list {
  display: inline-flex;
}

ul.menu-list li.menu-iteme {
  margin: 0px 30px;
  list-style: none;
  cursor: pointer;
}

nav.mori-social {
  display: flex;
  min-width: 210px;
}
.popup-menu {
  transition: 1s !important;
  background-color: var(--white);
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000000000000000000000000000000;
}
p.CTA-PO {
  color: var(--black);
  text-align: center !important;
  font-size: 25px;
  font-weight: 500;
}

.cart-menu-po {
  width: 40%;
  color: var(--black);
  flex-grow: 1;
  direction: ltr;
  border: 2px solid var(--white);
  padding: 20px 10px;
}

.cart-menu-po svg,
.cart-menu-po img {
  width: 60px;
}

.img-po-wrapper-mori {
  background-color: var(--black);
  padding: 0px;
  display: flex;
  justify-content: center;
}

.cart-wrapper-po-se {
  display: flex;
  flex-wrap: wrap;
}

p.en-title-mori {
  font-size: 25px;
  font-weight: 800;
  color: var(--black);
}

p.fa-title-mori {
  text-align: right;
  color: var(--black);
}

.cart-menu-po:hover {
  background-color: var(--light-Gray);
}

div#mori-call-po .col-50.img-po-wrapper-mori {
  background: var(--white);
  display: flex;
  justify-content: center;
}

div#mori-call-po .col-50.img-po-wrapper-mori img {
  position: sticky;
  top: 0px;
  height: min-content;
  border-bottom-right-radius: 5px;
}

.service-menu-mori {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
}

.service-menu-mori div {
  width: 21%;
}

.service-menu-mori li {
  list-style: none;
  padding: 10px 0px;
}

.ul-title-mori {
  font-size: 19px;
  font-weight: bolder;
}

img.Service-menu-Toggle-1,
.edu-menu-Toggle-1 {
  width: 40px;
  margin-right: 25px;
}
.menu-ul-title {
  font-size: 25px;
  font-weight: bolder;
  position: relative;
  top: -15px;
}

.moreIconMori {
  font-size: 25px;
}

.svg-menu svg {
  width: 30px;
  height: auto;
  top: 10px;
  position: relative;
  fill: var(--white);
}

.s0 {
  fill: var(--white);
}
.s1 {
  fill: var(--light-Gray);
}
.s2 {
  fill: var(--black);
}
.s3 {
  fill: none;
  stroke: var(--black);
  stroke-width: 2;
}

img.svg-menu {
  width: 30px;
  position: relative;
  top: 8px;
  margin: 0px 5px;
}
div.svg-menu {
  margin: 0px 5px;
}
.svg-menu-bar {
  width: 30px;
}

.mori-social a {
  margin: 0px 5px;
}

blockquote {
  background: var(--Dark-Gray);
  padding: 10px;
  border-right: 10px solid var(--white);
  border-radius: 3px;
}

button {
  border: none;
}

ul li,
ol li {
  line-height: 3rem;
  list-style: decimal-leading-zero;
  padding-right: 15px;
}

ul li::marker,
ol li::marker {
  font-size: 17px;
  color: var(--light-Gray);
}

svg.s0.DL-Icon {
  margin-left: 15px;
  padding: 10px 15px;
  background: var(--black);
  border-radius: 3px;
  top: 0px;
}

nav.main-menu ul li {
  position: relative;
}

nav.main-menu ul li div.DropDown-menu-mori {
  position: absolute;
  top: 50px;
  background-color: var(--Dark-Gray);
  z-index: 100000;
  width: 350px;
  max-height: 450px;
  overflow-y: scroll;
  border: 3px solid var(--Dark-Gray);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.DropDown-menu-mori::-webkit-scrollbar {
  width: 5px;
}

.DropDown-menu-mori::-webkit-scrollbar-track {
  background-color: var(--Dark-Gray);
}

.DropDown-menu-mori::-webkit-scrollbar-thumb {
  background-color: var(--light-Gray);
  border-radius: 500px;
}

.DropDown-menu-mori ul li ul {
  display: none;
  background: var(--white);
  padding: 5px;
  margin: 0px;
}

.DropDown-menu-mori ul li ul li a {
  color: var(--black);
}

.DropDown-menu-mori ul li.ActiveSubmenuMori ul {
  display: block;
  border-radius: 5px;
}

.menu-item-has-children:after {
  content: '';
  height: 1px;
  transition: 0.3s ease-in-out;
  border: solid var(--white);
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position: absolute;
  left: 10px;
  top: 19px;
}

.DropDown-menu-mori ul li.ActiveSubmenuMori::after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.DropDown-menu-mori ul li {
  list-style: none;
  margin: 0px;
  padding: 3px 7px;
}

.DropDown-menu-mori ul li:hover > a {
  font-weight: 900;
}

.DropDown-menu-mori ul {
  margin: 0px;
  padding: 3px 5px;
}

section#CTA-Mori {
  display: flex;
  align-items: center;
  background-color: var(--Dark-Gray);
  margin: 60px 30px;
  margin-top: 200px;
  border-radius: 2px;
  height: 250px;
}

span.textMoriCTAFunc {
  font-size: 15px !important;
  background-color: var(--light-Gray);
  color: var(--black);
  padding: 4px 8px;
  border-radius: 2px;
}

#CTA-Mori p {
  font-size: 22px;
  font-weight: 900;
  text-align: center;
}

#CTA-Mori a {
  text-align: center;
  display: block;
  font-size: 40px;
  text-shadow: 4px 4px 10px var(--black);
  border: none;
}

#CTA-Mori a:hover {
  background-color: transparent;
  color: inherit;
}

#CTA-Mori svg {
  width: 45px;
  margin: 0px 3px;
}

#CTA-Mori .Massengers {
  display: flex;
  justify-content: center;
}
section#CTA-Mori img {
  position: relative;
  top: -95px;
  height: 450px;
  width: auto;
}

div#CallBtn-Mori {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px;
}

div#CallBtn-Mori a img {
  width: 50px;
  margin-right: 15px;
  /* background-color: var(--black); */
  padding: 4px;
  border-radius: 500px;
}

div#CallBtn-Mori a {
  align-items: center;
  display: flex;
  background-color: var(--Dark-Gray);
  padding: 5px 30px;
  border-radius: 5px;
  box-shadow: inset 0px 2px 5px white;
}

div#CallBtn-Mori a span:nth-child(1) {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

div#CallBtn-Mori a span small {
  background-color: transparent;
  color: var(--white);
  padding: 0px;
  position: static;
  margin: 0px;
  margin-top: 6px;
  font-size: 13px;
}

@media only screen and (max-width: 878px) {
  .container {
    flex-direction: column;
  }
  .col-75 {
    width: 100%;
    padding: 0px;
  }
  .col-25 {
    width: 100%;
    padding: 0px;
  }
  .d-mob-hide {
    display: none;
  }

  .d-mob-show {
    display: flex !important;
  }

  .d-mob-show-block {
    display: block;
  }

  .top-bar {
    display: block;
  }
  .col-50,
  .col-60,
  .col-40 {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  .col-50.mori-logo-wrapper {
    display: flex;
    justify-content: center;
  }
  .col-50.mori-logo-wrapper img {
    width: 150px;
    height: 42.855px;
    margin-right: 0px;
  }

  .Header-mob-num-txt {
    display: none;
  }
  .main-menu {
    padding: 5px !important;
  }

  a.svg-menu.UserAccountLink span {
    display: none;
  }

  a.svg-menu.UserAccountLink {
    margin-right: 10px;
  }

  ul.menu-list li.menu-iteme {
    margin: 0px;
    list-style: none;
    padding: 10px 5px;
  }
  ul.menu-list {
    display: block;
  }

  nav.main-menu ul li div.DropDown-menu-mori {
    position: absolute;
    width: 95vw;
    right: 2px;
  }

  ul.menu-list {
    padding: 0;
    margin: 0;
  }

  .service-menu-mori {
    flex-direction: column;
  }

  .service-menu-mori div {
    width: 100%;
  }

  .popup-menu .col-50 {
    padding: 0px !important;
  }
  .popup-menu {
    flex-direction: column;
  }
  img.mori-img {
    width: 100%;
    padding: 0px;
    max-height: inherit;
  }

  .col-50-np {
    width: 100%;
  }

  .mori-header-icons {
    padding-bottom: 20px;
    align-items: center;
  }

  .p8 {
    padding: 8px;
  }

  p.en-title-mori {
    text-align: center !important;
  }
  p.fa-title-mori {
    text-align: center !important;
  }
  .cart-wrapper-po-se {
    text-align: center;
  }

  blockquote {
    border-top: 10px solid var(--white);
    border-right: none;
    margin: 0px;
  }

  section#CTA-Mori {
    display: flex;
    flex-direction: column;
    height: auto;
    margin: 10px;
    margin-top: 100px;
    flex-direction: column-reverse;
  }
  section#CTA-Mori img {
    position: static;
    display: block;
    margin: 0 auto;
  }
}