:root {
    --primary: #0292AE;
    --primaryHint: #00B1BA;
    --primaryLight: #00CED1;
    --primaryDark: #2A4494;
    --navy: #1A2D59;
    --accent: #005F7C;
    --warning: #DDBB12;
    --text: #7A7A7A;
    --light: #fff;
    --textDark: #3A3A3A;
    --ligthHint: #F4F4F4; 
    --transition: all ease 0.7s;
    --radius : 10px;
}
html,
body{
    display: flow-root;
    width: 100%;
    /* height: 100%; */
    margin: 0;
    padding: 0;
    color: var(--text);
    font-size: 12pt;
}
.wrapper {
    display: flow-root;
    max-width: 1280px;
    padding: 0 16px;
    box-sizing: border-box;
    margin: 0 auto;
    width: 90%;
}
a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
}

/* #region header */
header menu-items {
  margin: 40px 30px 30px 0;
  width: 97.5%;
}

header a.headLogo {
  position: relative;
  right: -10px;
}

header .logo {
  width: 60px;
  display: block;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("View/1014/clientImages/بانوان-(2).png");
  -webkit-mask-size: contain;
  background: var(--light);
  z-index: 8;
  position: relative;
  aspect-ratio: 1 / 1;
}

header .logoSun {
  width: 125px;
  right: -35px;
  top: -34px;
  position: absolute;
  -webkit-animation: spin 20s reverse linear infinite;
  -moz-animation: spin 20s reverse linear infinite;
  animation: spin 20s reverse linear infinite;
  z-index: -10;
}

@-moz-keyframes spin { 
  100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
  100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
  100% { 
      -webkit-transform: rotate(360deg); 
      transform:rotate(360deg); 
  } 
}

menu-items menu-icon {
  display: none;
}
header menu-items{
  background: linear-gradient(270deg, #1A2D59 -37.74%, #48CCCC 108.18%);
}

menu-items, menu-items .menuList {
  display: flex;
  height: 70px;
  border-radius: 10px;
  padding: 15px;
  box-sizing: border-box;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

menu-items .menuList {
  max-width: calc(100% - 360px);
  padding: 0;
  justify-content: space-between;
  width: fit-content;
  gap: 60px;
}
menu-items a {
  color: var(--light);
}
menu-items a.loginBtn{
  margin-right: auto;
}
menu-items a.loginBtn,menu-items a.regBtn{
  position: relative;
  width: 125px;
}
menu-items a.regBtn{
  color: var(--primaryDark);
}
menu-items a.loginBtn{
  color: var(--light);
}
menu-items a.loginBtn span {
  display: block;
  position: relative;
  z-index: 8;
  left: -50px;
  font-size: 12pt;
}
menu-items a.regBtn span {
  display: block;
  position: relative;
  z-index: 8;
  right: 35px;
  font-size: 12pt;
}

menu-items a.regBtn::before{
  content: "";
  -webkit-mask-image: url(View/1014/clientImages/el-reg.svg);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  background: var(--light);
  width: 125px;
  height: 35px;
  display: block;
  position: absolute;
  z-index: 8;
  text-align: center;
  color: var(--light);
  box-sizing: border-box;
  font-size: 15pt;
  left: 0;
  top: -5px;
}
menu-items a.regBtn::after {
  content: "";
  -webkit-mask-image: url(View/1014/clientImages/عضویت.svg);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background: var(--primaryDark);
  width: 34px;
  height: 34px;
  display: block;
  position: absolute;
  z-index: 8;
  text-align: center;
  box-sizing: border-box;
  font-size: 15pt;
  left: 0;
  top: -7px;
}
menu-items a.loginBtn::before{
  content: "";
  -webkit-mask-image: url(View/1014/clientImages/el-login.svg);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background: var(--light);
  width: 125px;
  height: 35px;
  display: block;
  position: absolute;
  z-index: 8;
  text-align: center;
  color: var(--light);
  box-sizing: border-box;
  font-size: 15pt;
  left: 0;
  top: -5px;
}
menu-items a.loginBtn::after {
  content: "";
  -webkit-mask-image: url(View/1014/clientImages/ورود.svg);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background: var(--light);
  width: 38px;
  height: 38px;
  display: block;
  position: absolute;
  z-index: 8;
  text-align: center;
  box-sizing: border-box;
  font-size: 15pt;
  right: 10px;
  top: -7px;
}

ham-menu{
  display: none;
}

@media screen and (min-width: 0px) and (max-width: 900px) {

  header.wrapper {
    margin-bottom: 20px;
  }

  menu-items {
    display: none;
  }

  ham-menu {
    position: fixed;
    display: flex;
    /* width: 100vw; */
    /* margin-right: 10px; */
    width: 115px;
    right: calc(50% - 145px/2);
    border-radius: 13px;
    height: 34px;
    bottom: 20px;
    background: linear-gradient(270deg, #1A2D59 -37.74%, #48CCCC 108.18%);
    z-index: 10;
    padding: 15px;
    gap: 20px;
    cursor: pointer;
  }
  

  ham-menu span {
    width: calc(25% - 20px);
  }

  ham-menu span.menuHam {
    display: flow-root;
    width: 34px;
    height: 34px;
    -webkit-mask-image: url('View/1014/clientImages/menuIcon.svg');
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    background: var(--ligthHint);

  }

  ham-menu span:last-of-type {
    color: var(--light);
    margin-top: 5px;
    font-size: 14pt;
  }

}

/* #endregion header */

/*#region ham-menu*/

responsive-nav {
  display: block;
  background: linear-gradient(270deg, #1A2D59 -37.74%, #48CCCC 108.18%);
  position: fixed;
  top: 0;
  right: 0;
  max-width: 190px;
  width: 100%;
  height: 100vh;
  transition: var(--transition);
  transform: translateX(100%);
  z-index: 100;
  text-align: center;
  overflow-y: auto;
  padding-bottom: 50px;
  padding-top: 30px;
}

responsive-nav.open {
  transform: translateX(0);
}

responsive-nav a.icon {
  margin-bottom: 20px;
  flex-wrap: wrap;
}

responsive-nav a.icon::before {
  display: none;
}


responsive-nav a.icon span.hamLogo {
  margin-bottom: 20px;
  width: 60px;
  height: 80px;
  top: 10px;
  transform: translateY(50%);
  position: absolute;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url(View/1014/clientImages/لوگو.svg);
  background: var(--light);
}

responsive-nav a.icon span.hamLogoText {
  margin-bottom: 20px;
  width: 150px;
  height: 80px;
  top: 85px;
  transform: translateY(50%);
  position: absolute;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url(View/1014/clientImages/logo-type.svg);
  background: var(--light);
}

responsive-nav a.icon img {
  width: 65%;
  filter: brightness(2);
}

responsive-nav .hamMenu {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  gap: 30px;
  color: var(--light);
  padding: 50px 20px;
}

responsive-nav .hamMenu .item {
  text-align: right;
}

responsive-nav .hamMenu a.txtMenuSlide  {
  font-size: 16px;
  color: var(--light);
}

backward {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #000000b3;
  top: 0;
  left: -100%;
  z-index: 100;
}

backward.open {
  left: 0;
}

.resp-regBtn {
  margin: 0 auto;
  position: relative;
  color: var(--primary);
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 0;
}

.resp-regBtn::before {
  content: "";
  -webkit-mask-image: url("View/1014/clientImages/دکمه ثبت نام.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  width: 134px;
  height: 45px;
  background-color: var(--light);
  color: var(--ligth);
  display: block;
  text-align: center;
  position: absolute;
  right: calc(50% - 67px);
  padding-top: 10px;
  box-sizing: border-box;
  font-size: 13pt;
  transition: var(--transition);
  z-index: -1;
}

responsive-nav .btnUser {
  margin: 0 20px;
  width: auto;
}

responsive-nav .btnUser .prof {
  font-size: 14px;
  position: relative;
  color: var(--primary);
  background-color: var(--light);
  padding: 10px 0;
  /* display: flex; */
  display: grid;
  grid-template-columns: 86% 14%;
  justify-content: center;
  align-items: center;
}

responsive-nav .prof icon {
  width: 12px;
  height: 12px;
  margin: 0 auto;
}

responsive-nav .slideDown {
  width: 100%;
  left: auto;
  right: 0;
  font-size: 14px;
}

/* #endregion hamb-menu*/

/* #region footer */

footer{
  background-color: var(--primaryLight);
  min-height: 100px;
  color: var(--light);
  margin-top: 200px;
}
footer page {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 30px 0;
  gap: 20px;
  /* min-height: 336px; */
}
contact-us {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

copyright {
  background: var(--primaryHint);
  display: flex;
  justify-content: space-around;
  padding: 10px;
}
.copyright {
  display: flex;
  justify-content: space-around;
  padding: 10px;
}
copyright p {
  color: var(--light);
}

bio {
  width: calc(30% - 20px);
}

bio h3 {
  font-size: 18pt;
  border-bottom: 2px solid;
  padding-bottom: 20px;
  margin: 0;
}

bio htmldecode {
  text-align: justify;
  font-size: 14px;
}

/* :is(.address, phones) :is(span){
  display: block;
  font-style: normal;
  margin-bottom: 10px;
} */

.address {
  width: calc(60% - 5px);
}

.address p{
  margin: 0;
}

phones {
  text-align: left;
  width: calc(40% - 5px);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

/* phones span::after{
    content: "";
    -webkit-mask-image: url(View/1014/clientImages/تلفن.svg);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    width: 25px;
    height: 25px;
    background-color: var(--light);
    display: inline-block;
    vertical-align: middle;
} */

phones span,.address span {
  display: flex;
  /* gap: 8px; */
  align-items: center;
}

phones span svg{
  width: 24px;
  margin-left: 5px;
  margin-bottom: 6px;
}
.address span svg {
  width: 16px;
  margin-left: 5px;
  margin-bottom: 6px;
}

phones a{
  color: var(--light);
  display: block;
  text-align: right;
}
map {
  position: relative;
  /* top: -150px; */
  bottom: 0;
  width: calc(40% - 20px);
}

map-box {
  display: block;
    -webkit-mask-image: url('View/1014/clientImages/باکس نقشه 3.svg');
    -webkit-mask-position: right top;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    width: calc(100% - 10px);
    /* top: -14px; */
    top: var(--mapHeight2);
    /* bottom: 3px;
    right: 0;
    background-color: var(--primaryLight);
    position: absolute;
    border-right: 5px solid var(--primaryLight);
    border-left: 5px solid var(--primaryLight);
    border-radius: 45px; */
    bottom: 0;
    right: 0;
    background-color: var(--primaryLight);
    position: absolute;
    border-right: 5px solid var(--primaryLight);
    border-left: 5px solid var(--primaryLight);
    border-radius: 45px;
    transform: translate(0%, 0%);
}

#frame {

  width: 100%;
  height: fit-content;
    /* background-color: var(--primaryLight); */
  position: absolute;
  overflow: hidden;
  right: 0;
    /* top: -142px; */
  bottom: calc(100% + 30px);
  transform: translate(0%, 0%);
  /* -webkit-mask-image: url('View/1014/clientImages/قاب نقشه-2.png');
  -webkit-mask-position: right top;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  width: 100%;
  height: 100%;
  background-color: var(--primaryLight);
  position: absolute;
  overflow: hidden;
  right: 0;
  
  bottom: var(--mapHeight2); */
}

social-namad {
  width: calc(30% - 20px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
namad-box{
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 90%;
  margin: 0 auto 30px;
}
namad-box img{
  width: 100px;
}

social{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

social span{
  display: block;
  margin-bottom: 10px;
  width: 90%;
  text-align: center;
}
social-media a img{
  width: 40px;
  height: 40px;
  object-fit: cover;
  /* filter: invert(0%) sepia(99%) saturate(15%) hue-rotate(101deg) brightness(137%) contrast(102%); */
}

social-media {
  display: flex;
  justify-content:space-evenly;
  width: 80%;
}

@media screen and (min-width: 0px) and (max-width: 900px) {

  footer page {
    gap: 10px;
  }

  map, bio {
    width: calc(50% - 20px);
  }

  social-namad {
    width: 100%;
    justify-content: space-between;
    flex-direction: row;
    gap: 20px;
  }

  namad-box {
    /* width: calc(40% - 10px); */
    margin: unset;
  }

  social {
    /* width: calc(60% - 10px); */
  }

  #pnlMap {
    min-height: unset !important;
  }
}

/* #endregion footer */

/*#region owl-carousel */

.owl-dots {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);    
}

.owl-dot span {
    display: none;
} 

.owl-dot {
    background-color: var(--accent) !important;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    -webkit-mask-image: url(View/1014/clientImages/owl-dot.svg) !important;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    transition: var(--transition);
    transform: rotate(180deg);
}

.owl-dot.active {
    -webkit-mask-image: url(View/1014/clientImages/owl-dot2.svg) !important;
}
/*#endregion owl-carousel */

/*#region modal */

.backward{
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index:9;
  background-color: #3232328a;
  transition:var(--Transition);
}

modal{
  max-width: 95%;
  max-height: calc(100vh - 30px);
  position: fixed;
  right: -100%;
  top: 50%;
  transform: translate(50%,-50%);
  background-color: white;
  border-radius: 10px;
  z-index: 999;
  box-shadow: 0 0 75px -40px black;   
  overflow: auto;
}

modal.show {
  animation: showModal 0.01s forwards; 
}
.Message {
    border-radius: 10px;
}
.MessageTitle {
    background-color: var(--navy);
    color: white;
    border-radius: 10px 10px 0 0;
}
@keyframes showModal {
  from{
    right: -100%;
  }
  to {
    right: 50%;
  }
}

modal.hide {
  animation:  hideModal 0.01s forwards;
}

@keyframes hideModal {
  from {
    right: 50%;
  }
  to {
    right: -100%;
  }
}

modal m-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px;
}

modal m-header icon.icon:before {
  -webkit-mask-image: url(View/1014/icon/Close.svg);
  background: var(--danger);
  cursor: pointer;
  width: 16px;
  height: 16px;
}

modal m-header h1 {
  font-size: 13pt;
}

modal m-content.gridImage , modal m-content.modalImage {
  width: calc(100% - 40px);
  height: calc(90vh - 84px);
  border-radius: var(--radius);
  margin: 20px;
  margin-top: 0;
  display: flex;
}

modal m-content.gridImage img , modal m-content.modalImage img {
  height: 100%;
  object-fit: contain;
} 

modal .container.wrap{
  width: 100%;
  min-width: 300px;
}

modal .column ~ .container .column {
  margin-bottom: 0;
}

@media (min-width: 0) and (max-width: 1024px){

  modal {
    width: calc(100% - 70px);
    max-height: calc(90vh - 25px);
  }

  modal m-content.gridImage {
    height: calc(90vh - 134px);
  }


}

.icon, .iconAfter {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

c m-header icon.icon:before {
  -webkit-mask-image: url(View/1029/icon/Close.svg);
  background: red;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

modal .icon:before, modal .iconAfter:after {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  background: var(--textDark);
  transition: var(--Transition);
}

m-content.infoPriodModal span {
  display: block;
  min-width:500px;
}

m-content.infoPriodModal span > div{
  padding: 15px;
  position: relative;
}
m-content.infoPriodModal span > div:not(:last-of-type) {
  border-bottom: 1px solid var(--shadowColor);
}

m-content.infoPriodModal span div > * {
  display: inline-block;
}

m-content.infoPriodModal span div div {
  color: black;
  position: absolute;
  right: 30%;
  left: 0;
}

/*#endregion Modal*/

/*#region Loading*/

loading {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: var(--light);
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    z-index: 101;
    border-radius: 6px;
    padding: 40px;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    z-index: 99999;
}

loading svg {
    width: 150px;
    height: 150px;
    opacity: 1;
}

loading icon {
  width: 100%;
  height: 100%;
  display: flow-root;
  position: relative;
}

loading icon:before {
  content: '';
  display: flow-root;
  width: 120px;
  height: 120px;
  background: center /contain no-repeat url(View/1014/icon/loading.svg);
}

/*#endregion loading*/





/* prof btn */

.btnUser{
  display: block;
  position: relative;
  height: 50px;
  width: 174px;
}

/* .prof{
  display: flex;
  align-items: center;
  padding: 10px 15px;
  background-color: var(--light);
  color: var(--primaryDark);
  height: 100%;
  gap: 0 5px;
  box-sizing: border-box;
  border-radius: 6px;
  cursor: pointer;
  justify-content: space-between;
} */

.prof {
    display: grid;
    align-items: center;
    padding: 10px 15px;
    background-color: var(--light);
    color: var(--primaryDark);
    height: 100%;
    gap: 0 0px;
    box-sizing: border-box;
    border-radius: 6px;
    cursor: pointer;
    justify-content: space-between;
    grid-template-columns: 15% 63% 12%;
}

.prof img {
  width: 30px;
  border-radius: 50%;
  height: 30px;
  object-fit: cover;
}

.prof span{
  font-size: 10pt;
}

.prof icon{
  background-image: url("View/1014/icon/VectorArrow.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  transition: all ease 0.3s;
}

.slideDown {
  position: absolute;
  left: 0%;
  top: 50px;
  z-index: 2;
  background-color: var(--navy);
  display: flex;
  flex-direction: column;
  width: 173px;
  border-radius: 6px;
  align-items: center;
  gap: 10px 0;
  padding: 10px 0;
  transform: translate(0%, 5%);
}

.slideDown .label {
  color: var(--light);
  border-bottom: 1px solid var(--light);
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
}
.slideDown label.label {
  padding-bottom: 0;
  border-bottom: 0;
}

.btnUser.active .prof icon{
  rotate: 180deg;
}


modal m-header icon.icon::before {
    mask-image: url("View/1014/icon/Close.svg");
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: red;
}

.icon::before, .iconAfter::after {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    background: var(--textDark);
    transition: var(--Transition);
}


.prof span{
    display: flex;
    white-space: nowrap;
    transition: transform 0.3s ease-in-out;
    width: fit-content;
}

.prof span.animate {
    animation: marquee 5s linear infinite;
}

@keyframes marquee {
      0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

.prof > div{
  overflow: hidden;
}

.signup-button-dokhtizhen {
  /* position: fixed;
  bottom: 20px;
  left: 20px; */
  background-color: var(--warning);
  color: #fff;
  padding: 10px 20px;
  border-radius: 8px;
  text-decoration: none;
  font-family: inherit;
  font-size: 16px;
  font-weight: bold;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  z-index: 1000;
  text-align: center;
}
.signup-button-dokhtizhen:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
}

@media screen and (min-width: 601px) and (max-width: 700px) {
  .leaflet-top{
    top: 28px !important;
  }
}
@media screen and (min-width: 701px) and (max-width: 800px) {
  .leaflet-top{
    top: 60px !important;
  }
}
@media screen and (min-width: 801px) and (max-width: 900px) {
  .leaflet-top{
    top: 80px !important;
  }
}
@media screen and (min-width: 901px) and (max-width: 1024px) {
  .leaflet-top{
    top: 60px !important;
  }
}







/* نقشه نشان */


.leaflet-image-layer,
.leaflet-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane,
.leaflet-pane>canvas,
.leaflet-pane>svg,
.leaflet-tile,
.leaflet-tile-container,
.leaflet-zoom-box{left:0;position:absolute;top:0}
.leaflet-container{overflow:hidden}
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.leaflet-tile::selection{background:transparent}
.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}
.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}
.leaflet-marker-icon,
.leaflet-marker-shadow{display:block}
.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}
.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}
.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}
.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}
.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}
.leaflet-container{-webkit-tap-highlight-color:transparent}
.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}
.leaflet-tile{filter:inherit;visibility:hidden}
.leaflet-tile-loaded{visibility:inherit}
.leaflet-zoom-box{-moz-box-sizing:border-box;box-sizing:border-box;height:0;width:0;z-index:800}
.leaflet-overlay-pane svg{-moz-user-select:none}
.leaflet-pane{z-index:400}
.leaflet-tile-pane{z-index:200}
.leaflet-overlay-pane{z-index:400}
.leaflet-shadow-pane{z-index:500}
.leaflet-marker-pane{z-index:600}
.leaflet-tooltip-pane{z-index:650}
.leaflet-popup-pane{z-index:700}
.leaflet-map-pane canvas{z-index:100}
.leaflet-map-pane svg{z-index:200}
.leaflet-vml-shape{height:1px;width:1px}
.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}
.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}
.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}
.leaflet-top{top:0}
.leaflet-right{right:0}
.leaflet-bottom{bottom:0}
.leaflet-left{left:0}
.leaflet-control{clear:both;float:left}
.leaflet-right .leaflet-control{float:right}
.leaflet-top .leaflet-control{margin-top:10px}
.leaflet-bottom .leaflet-control{margin-bottom:10px}
.leaflet-left .leaflet-control{margin-left:10px}
.leaflet-right .leaflet-control{margin-right:10px}
.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}
.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}
svg.leaflet-zoom-animated{will-change:transform}
.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}
.leaflet-pan-anim .leaflet-tile,
.leaflet-zoom-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}
.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}
.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive{cursor:crosshair}
.leaflet-control,
.leaflet-popup-pane{cursor:auto}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.leaflet-image-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane>svg path,
.leaflet-tile-container{pointer-events:none}
.leaflet-image-layer.leaflet-interactive,
.leaflet-marker-icon.leaflet-interactive,
.leaflet-pane>svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}
.leaflet-container{background:#ddd;outline-offset:1px}
.leaflet-container a{color:#0078a8}
.leaflet-zoom-box{background:hsla(0,0%,100%,.5);border:2px dotted #38f}
.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}
.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px rgba(0,0,0,.65)}
.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}
.leaflet-bar a,
.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}
.leaflet-bar a:focus,
.leaflet-bar a:hover{background-color:#f4f4f4}
.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}
.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}
.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}
.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}
.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}
.leaflet-control-zoom-in,
.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out{font-size:22px}
.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px rgba(0,0,0,.4)}
.leaflet-control-layers-toggle{background-image:url(416d91365b44e4b4f477.png);height:36px;width:36px}
.leaflet-retina .leaflet-control-layers-toggle{background-image:url(8f2c4d11474275fbc161.png);background-size:26px 26px}
.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}
.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}
.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}
.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}
.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}
.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}
.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}
.leaflet-default-icon-path{background-image:url(2b3e1faf89f94a483539.png)}
.leaflet-container .leaflet-control-attribution{background:#fff;background:hsla(0,0%,100%,.8);margin:0}
.leaflet-control-attribution,
.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}
.leaflet-control-attribution a{text-decoration:none}
.leaflet-control-attribution a:focus,
.leaflet-control-attribution a:hover{text-decoration:underline}
.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:baseline!important;width:1em}
.leaflet-left .leaflet-control-scale{margin-left:5px}
.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}
.leaflet-control-scale-line{background:hsla(0,0%,100%,.8);border:2px solid #777;border-top:none;-moz-box-sizing:border-box;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}
.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}
.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}
.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers{box-shadow:none}
.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid rgba(0,0,0,.2)}
.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}
.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}
.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px;text-align: center;}
.leaflet-popup-content p{margin:1.3em 0}
.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}
.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:17px}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.4);color:#333}
.leaflet-container a.leaflet-popup-close-button{background:transparent;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}
.leaflet-container a.leaflet-popup-close-button:focus,
.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}
.leaflet-popup-scrolled{overflow:auto}
.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}
.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}
.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}
.leaflet-div-icon{background:#fff;border:1px solid #666}
.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.4);color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}
.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,
.leaflet-tooltip-top:before{background:transparent;border:6px solid transparent;content:"";pointer-events:none;position:absolute}
.leaflet-tooltip-bottom{margin-top:6px}
.leaflet-tooltip-top{margin-top:-6px}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before{left:50%;margin-left:-6px}
.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}
.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}
.leaflet-tooltip-left{margin-left:-6px}
.leaflet-tooltip-right{margin-left:6px}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before{margin-top:-6px;top:50%}
.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}
.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}
@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

.leaflet-popup-content {
  font-family: IranSansX;
}

.box-quick-link{
  display: flex;
    position: fixed;
    bottom: 20px;
    left: 20px;
    flex-direction: column;
    gap: 8px;
    z-index: 1000;
}@media screen and (min-width: 600px) and (max-width: 1024px) {
menu-items .menuList {
    width: calc(100% - 250px);
    gap: unset;
}}@media screen and (min-width: 0) and (max-width: 600px) {
footer page {
    grid-template-columns: 100%;
}
/* map-box {
    position: static;
    width: 100%;
    height: 100%;
} */

map-box {
    position: relative;
    /* width: 100%; */
    /* height: 400px; */
    top: var(--mapHeight2);
    /* top: -28px; */
}

bio {
    width: 100%;
    order: 2;
    /* margin-top: var(--mapHeight2); */
    margin-top: 0;
    margin-bottom: 20px;
}

map {
    width: 100%;
    order: 1;
    margin-bottom: 0;
}

social-namad {
    order: 3;
    flex-direction: column;
    align-items: center;
}

social {
    width: 100%;
}

.copyright {
    text-align: center;
    flex-direction: column;
    height: 150px;
    justify-content: unset;
}

copyright p {
    width: 100%;
    font-size: 12px;
}

        
#pnlMap{
    height: var(--mapHeight) !important;
}

.map{
    margin-top: -90px;
}

.mapImage {
    height: 320px;
}
.eventRegister{
    bottom: 10px;
    left: 10px;
}

phones a {
    display: inline-block;
    width: 30%;
}

phones,.address{
    width:unset;
    text-align: unset;
    align-items: flex-start;
}
contact-us{
    flex-direction: column;
}

.hamMenuBtn {
    display: flex!important;
}

.signup-button-dokhtizhen {
    padding: 10px 16px;
    font-size: 12px;
}}
.currentPage {
    display: block;
    margin-left: auto;
    font-size: 13pt;
    margin-bottom: 25px;
}

.left .owl-stage-outer{
    padding-top: 32px;
}

.social-media-last{
    width: auto !important;
    display: flex;
    align-items: center;
    gap: 1ch;
    cursor: default !important;
}

/* top main section style */

.main-sec{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.top-sec{
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 24px;
}

.top-sec .right, .top-sec .center, .top-sec .left{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.top-sec .right{
    align-items: center;
}

.top-sec .left{
    margin-right: 8px;
}

.top-sec .right img{
    width: 250px;
    height: 300px;
    border-radius: 15px;
    object-fit: cover;
    overflow: hidden;
}

/* top main section style end */

/* titles */

club-name{
    position: relative;
    color: var(--primaryLight);
    font-size: 22pt;
    font-weight: bold;
    margin-bottom: 12px;
}

.persons-club{
    display: flex;
    flex-direction: row;
    gap: 12px;
}

htmldecode p:first-child{
    margin: 0;
}

.breakTitle{
    position: relative;
    margin: 50px 0 0;
    text-align: center;
    color: var(--primaryLight);
    font-size: 22pt;
    font-weight: bold;
}

.breakImg{
    max-width: 580px;
    display: block;
    margin: 0 auto;
}

/* titles end */

/* btn sections */
.prim-btn {
    background-color: var(--primaryHint);
    width: 196px;
    margin: 0 auto;
    padding: 8px;
    color: white;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.prim-btn::before {
    position: absolute;
    content: '';
    right: -20px;
    top: 0;
    width: 21px;
    height: 40px;
    transform: rotate(180deg);
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-image: url("View/1014/clientImages/تاج جزئیات جلسه.svg");
    background-color: var(--primaryHint);
}

.prim-btn::after {
    position: absolute;
    content: '';
    left: -20px;
    top: 0;
    width: 21px;
    height: 40px;
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-image: url("View/1014/clientImages/تاج جزئیات جلسه.svg");
    background-color: var(--primaryHint);
}

.prim-btn.warning {
    background-color: var(--warning);
}

.prim-btn.warning::before {
    background-color: var(--warning);
}

.prim-btn.warning::after {
    background-color: var(--warning);
}
/* btn section end */

/* carousel */

.top-clubs{
    max-width: 300px;
}

.top-clubs .grope{
    width: auto !important;
    border-color: var(--primaryHint) !important;
}

.top-clubs .grope .name-box{
    background: url(View/1014/clientImages/firoozeh.svg) no-repeat center center !important;
    padding-top: 20px !important;
    width: 100% !important;
}

.top-clubs  .inner-row .info-title, .top-clubs .grope name{
    color: var(--primaryHint) !important;
}

.top-clubs .owl-prev, .acticvity-clubs .owl-prev {
    position: absolute;
    right: -32px;
    top: 50%;
}


.top-clubs .owl-next, .acticvity-clubs .owl-next {
    position: absolute;
    left: -28px;
    top: 50%;
}

.top-clubs .owl-prev span::after, .acticvity-clubs .owl-prev span::after {
    content: "";
    background-image: url(View/1014/clientImages/owl-dot.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    display: block;
    background-position: center center;
}

.top-clubs .owl-next span::after, .acticvity-clubs .owl-next span::after {
    content: "";
    background-image: url(View/1014/clientImages/owl-dot.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    display: block;
    rotate: 180deg;
    background-position: center center;
}

.acticvity-clubs .owl-item{
    display: flex;
    align-items: center;
    justify-content: center;
}

/* carousel end */

/* bottom cards */

.designs {
    display: flex;
    column-gap: 15px;
    justify-content: center;
    row-gap: 20px;
    flex-wrap: wrap;
}

.card {
    width: 295px;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    row-gap: 12px;
    position: relative;
    padding-block: 36px;
}

.card .background {
    width: 285px;
    height: 430px;
    position: absolute;
    background-image: url(View/1014/clientImages/lists-back.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.card img {
    position: relative;
    width: 140px !important;
    height: 165px !important;
    object-fit: cover;
    box-shadow: rgb(136, 136, 136) 1px 1px 11px;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    border-image: initial;
    border-radius: 5px;
    padding: 3px;
}

.textContainer {
    max-width: 135px;
    position: relative;
    font-size: 15pt;
    color: var(--navy);
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
}

.moreInfo {
    margin-bottom: 100px;
    display: flex;
    justify-content: space-between;
    position: relative;
    flex-direction: column;
    gap: 16px 0px;
}

.moreInfo .designMembers {
    color: var(--navy);
    font-weight: 700;
    background-color: white;
    position: relative;
    text-align: center;
    padding: 12px 30px 8px 25px;
    border-radius: 10px;
    border: 2px solid var(--navy);
}

.card a {
    color: white;
    background-color: var(--navy);
    text-align: center;
    padding: 14px 25px 10px;
    border-radius: 10px;
}

.card .link-card{
    position: absolute;
    inset: 0;
    z-index: 9;
    background: transparent;
}

/* bottom cards end */


.icon.arrow.open::before{
    transform: rotate(90deg);
    transition: all ease 0.3s;
}
.headerPeriod{
    background: linear-gradient(270deg, #00B1BA -67.74%, #00d9ff 108.18%);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
    width: 95%;
    padding: 16px 16px 16px 8px;
    position: relative;
    border-radius: 0 8px 8px 0;
}
.headerPeriod:after{
    position: absolute;
    content: '';
    left: -31px;
    top: 0;
    width: 3%;
    height: 100%;
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-image: url("View/1014/clientImages/تاج جزئیات جلسه.svg");
    background-color: #00d9ff;
}

.headerPeriod .arrow {
    cursor: pointer;
}

.title-period{
    /* flex: 2; */
    color: #fff;
    font-size: 16pt;
    margin: 0;
}

.box-data{
    flex: 3;
    display: flex;
    align-items: flex-end;
    gap: 33px;
    flex-direction: row;
}
.box-data span{
    color: #fff;
}

/* .box-setting{
    width: 65px;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    border-right: 2px solid #fff;
    padding-right: 16px;
} */

.box-period{
    margin-bottom: 16px;
}

.bodyData{
    padding: 20px 50px;
    /* display: flex; */
    gap: 40px;
}

.bodyData .title-data-period{
    display: block;
    margin-bottom: 16px;
    color: #1A2D59;
    flex: 1;
}
.bodyData p{
    text-align: justify;
}

.parent-title-data{
    display: flex;
    gap: 32px;
    margin-right: 16px;
    justify-content: space-between;
}
.box-icon-transmission .icon::before{
    background-color: #7A7A7A;
    margin-left: 4px;
    width: 22px;
}
.box-icon-transmission span{
    font-size: 10pt;
}

.box-icon-transmission{
    display: flex;
    gap: 16px;
    align-items: flex-start;
}
.parent-video{
    position: relative;
    width: 310px;
    height: 180px;
}

.icon::before{
    content: "";
    width: 25px;
    height: 30px;
    display: inline-block;
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    vertical-align: middle;
    transition: all ease 0.3s;
}
.icon.education::before{
    -webkit-mask-image: url(View/1014/design/آموزش-04.svg);
    margin-left: 6px;
}

.icon.setting::before{
    -webkit-mask-image: url(View/1014/design/تنظیمات.svg);
    cursor: pointer;
}
.icon.userTicket::before{
    -webkit-mask-image: url("View/1014/design/حضور غیاب.svg");
    cursor: pointer;
    background-color: #1A2D59;
    width: 22px;
    height: 22px;
}
.icon.play::before{
    -webkit-mask-image: url(View/1014/design/گزینه.svg);
        width: 25px;
}
.icon.loginPeriod::before{
    -webkit-mask-image: url(View/1014/design/لاگین.svg);
}
.icon.time::before{
    -webkit-mask-image: url(View/1014/icon/Time.svg);
    width: 19px!important;
}

.icon.warning::before{
    -webkit-mask-image: url(View/1014/design/ضروری.svg);
}
.icon.scorePeriod::before{
    -webkit-mask-image: url(View/1014/design/امتیاز.svg);
}
.icon.arrow::before{
    -webkit-mask-image: url(View/1014/icon/VectorArrow.svg);
    width: 22px;
}
.icon.onlinePeriod::before{
    -webkit-mask-image: url(View/1014/design/آنلاین.svg);
    margin-left: 6px;
}
.icon.playVideo::before{
    -webkit-mask-image: url(View/1014/design/پلی-03.svg);
}
.icon.startDate::before{
    -webkit-mask-image: url("View/1014/design/زمان شروع.svg");
}
.icon.endDate::before{
    -webkit-mask-image: url("View/1014/design/زمان پایان.svg");
}
.icon.location::before{
    -webkit-mask-image: url("View/1014/icon/place_marker.svg");
    width: 18px!important;
}
.icon.title-data-period::before{
    -webkit-mask-image: url(View/1014/design/گزینه.svg);
    background-color: #1A2D59;
        margin-left: 8px;
}
.icon.userTicket{
    cursor: pointer;
    background-color: #fff;
    /* display: flex; */
    padding: 4px 8px;
    color: #1A2D59;
    border-radius: 8px;
}


.parent-meeting-box{
    display: flex;
    gap: 32px;
    border-bottom: 2px dashed;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.parent-meeting-box:last-of-type{
    border-bottom: unset;
}


.linkMeeting , .parent-video , .location , .startExam , .dwnFile {
    background-color: var(--primaryHint);
    width: 100px;
    height: 40px;
    /* margin: 0 auto; */
    /* padding: 8px; */
    color: white;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 17px;
    cursor: pointer;
}

.linkMeeting::before , .parent-video::before , .location::before , .startExam::before , .dwnFile::before{
    position: absolute;
    content: '';
    right: -20px;
    top: 0;
    width: 21px;
    height: 40px;
    transform: rotate(180deg);
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-image: url("View/1014/clientImages/تاج جزئیات جلسه.svg");
    background-color: var(--primaryHint);
}

.linkMeeting::after , .parent-video::after , .location::after , .startExam::after, .dwnFile::after{
    position: absolute;
    content: '';
    left: -20px;
    top: 0;
    width: 21px;
    height: 40px;
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-image: url("View/1014/clientImages/تاج جزئیات جلسه.svg");
    background-color: var(--primaryHint);
}

.viewMap{
  position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    padding: 16px;
    /* background-color: var(--ligthHint); */
    border-radius: 16px;
}

#pnlMap1 {
    display: block;
    width: 368px;
    height: 300px !important;
    border-radius: var(--radius);
}


.lodingExam{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #3a3a3ac4;
    z-index: 1;
}

.lodingBox{
    display: flex;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    align-items: center;
    flex-direction: column;
}

.lodingBox img{
    width: 100px;
    filter: brightness(0);
}

.lodingBox span{
    font-size: 12pt;
    color: var(--light);
}

/* loading{
    background-color: unset!important;
} */


.mapContainer {
    display: block;
    width: 368px;
    height: 300px !important;
    border-radius: var(--radius);
}@media screen and (min-width: 600px) and (max-width: 1024px) {
.top-sec{
    grid-template-columns: 1fr;
}

.top-sec .left{
    align-items: center;
}}@media screen and (min-width: 0) and (max-width: 600px) {
.top-sec{
    grid-template-columns: 1fr;
}

.top-sec .left{
    align-items: center;
}

.icon.arrow::before {
    width: 11px;
}
.headerPeriod {
    background: linear-gradient(270deg, var(--primaryHint) -67.74%, #00d9ff 108.18%);
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    gap: 9px;
    width: 90%;
    padding: 8px;
    position: relative;
    border-radius: 0 8px 8px 0;
}
.title-period {
    font-size: 9pt;
}
.box-setting {
    /* gap: unset;
    padding-right: 0; */
    padding-right: 0;
    position: absolute;
    left: 3px;
}

.box-data{
    display: none;
}

.bodyData {
    padding: 8px;
    flex-direction: column;
    gap: 16px;
}

.parent-title-data{
    flex-direction: column-reverse;
    margin-right: 0;
    gap: 10px;
    position: relative;
}
.startDate,.endDate,.title-period,.icon.location{
    font-size: 9pt;
}

.title-data-period{
    font-size: 12pt;
}
.headerPeriod:after{
   left: -21px;
   width: 14%;
}

.box-icon-transmission .icon::before{
    width: 20px;
}

.parent-meeting-box{
    flex-direction: column;
}

.linkMeeting{
    /* position: absolute; */
    font-size: 10pt;
    left: 0;
    top: 0;
    width: 80px;
}
.leftPanel{
    width: unset;
}

.txtErrorState{
    font-size: 5pt;
}
.box-icon-transmission{
    flex-wrap: wrap;
    gap: 3px;
}

.sliderArea .owl-next,
.sliderArea .owl-prev {
    position: absolute;
    right: 92%;
    top: 96%;
    transform: translateY(50%); 
    background-color: var(--warning) !important;
    width: 30px;
    height: 30px;
    -webkit-mask-image: url(View/1014/clientImages/owl-nav.svg) !important;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    transition: var(--transition);
}

.sliderArea .owl-prev {
  transform: translateY(50%) rotate(180deg);
    left: unset;
    /* right: -90px; */
    right: 0px;
}

.owl-prev:hover , .owl-next:hover {
  -webkit-mask-image: url(View/1014/clientImages/owl-nav-2.svg) !important;
}

.boxDesign{
    flex-direction: column;
    gap: 8px;
}



.checkInformation{
    width: 94px;
    font-size: 10pt;
}

.linkMeeting , .parent-video , .location, .startExam {
    width: 85px;
    font-size: 10pt;
    right: 20px;
}

.prim-btn{
    font-size: x-small;
}}


.list3 .grope:hover,.list3 .grope:active,.list3 .grope{color: var(--textDark);}.list3 .grope {display: flex;flex-direction: column;align-items: center;width: 100%;border: 3px solid #8501a5;border-radius: 12px;position: relative;}.list3 .grope * {box-sizing: border-box;}.list3 .grope img {border-radius: 12px;width: 100% !important;height: 220px;object-fit: cover;margin: 15px auto;}.list3 .grope-content {width: 100%;padding: 0 15px;}.list3 .grope .name-box {background: url(View/1014/clientImages/violet.svg) no-repeat center center;background-size: contain;padding: 15px;margin-top: -30px;width: 85%;box-sizing: border-box;text-align: center;overflow: hidden;}.list3 .grope name {color: #8501a5;text-align: center;white-space: nowrap;display: block;width: 100%;}.list3 .infoGrop {display: flex;flex-direction: column;gap: 8px;padding: 10px 0;}.list3 .inner-row {display: flex;align-items: center;justify-content: space-between;width: 100%;}.list3 .inner-row span {font-size: 14px;color: #1E1E1E;}.list3 .inner-row .info-title {font-weight: bold;color: #8501a5;}.list3 .scrollableText.animateScroll {display: inline-block;animation: scrollLeft 5s linear infinite;}@keyframes scrollLeft {0% {transform: translateX(-100%);}100% {transform: translateX(100%);}}








.module12 #pnlMap,.module12 #footerMap {display: block;width: 100%;height: var(--mapHeight);border-radius: var(--radius);min-height: 543px;}.module12 .leaflet-marker-icon {filter: none;}.module12 #eNamad {width: 134px;margin-top: 280px;background-color: white;border-radius: 4px;margin-left: 0;}.module12 .pointerIcon {gap: 0 5px;}.module12 .leaflet-tooltip-pane {margin-left: 73px;}.module12 .leaflet-control-container {position: absolute;top: 125px;left: 5px;}.module12 .mapLoading {display: flex;align-items: center;justify-content: center;position: absolute;width: 100%;height: 100%;z-index: 1;}.module12 .mapLoading svg {width: 100px;height: 100px;}@media screen and (min-width: 600px) and (max-width: 1024px) {.module12 #pnlMap{height: 424px;}.module12 .map {margin-top: -32%;}.module12 #frame{display: block;}.module12 .mapLoading {align-items: flex-end;}}@media screen and (min-width: 0) and (max-width: 600px) {.module12 .map {margin-top: -32%;}}