/********** FONTS **********/
@font-face {
  font-family: IranSans;
  font-style: normal;
  font-weight: normal;
  src: url('fonts/IranSansWeb.eot');
  src: url('fonts/IranSansWebeot?#iefix') format('embedded-opentype'),
    /* IE6-8 */ url('fonts/IranSansWeb.woff2') format('woff2'),
    /* FF39+,Chrome36+, Opera24+*/ url('fonts/IranSansWeb.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/IranSansWeb.ttf') format('truetype');
}

@font-face {
  font-family: IranYekan;
  font-style: normal;
  font-weight: normal;
  src: url('fonts/IranYekan.eot');
  src: url('fonts/IranYekan.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */ url('fonts/IranYekan.woff2') format('woff2'),
    /* FF39+,Chrome36+, Opera24+*/ url('fonts/IranYekan.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/IranYekan.ttf') format('truetype');
}

@font-face {
  font-family: BYekan;
  font-style: normal;
  font-weight: normal;
  src: url('fonts/IranYekan.eot');
  src: url('fonts/IranYekan.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */ url('fonts/IranYekan.woff2') format('woff2'),
    /* FF39+,Chrome36+, Opera24+*/ url('fonts/IranYekan.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/IranYekan.ttf') format('truetype');
}

@font-face {
  font-family: IranNastaliq;
  font-style: normal;
  font-weight: normal;
  src: url('fonts/IranNastaliq.eot');
  src: url('fonts/IranNastaliq.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */ url('font/IranNastaliq.woff2') format('woff2'),
    /* FF39+,Chrome36+, Opera24+*/ url('font/IranNastaliq.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/IranNastaliq.ttf') format('truetype');
}

/********** DOURTAL ICONS **********/
@font-face {
  font-family: dourtal-icons;
  font-weight: normal;
  font-style: normal;
  src: url('fonts/dourtal-icons.eot');
  src: url('fonts/dourtal-icons.eot#iefix') format('embedded-opentype'),
    url('fonts/dourtal-icons.woff2') format('woff2'), url('fonts/dourtal-icons.woff') format('woff'),
    url('fonts/dourtal-icons.ttf') format('truetype'), url('fonts/dourtal-icons.svg#dourtal-icons') format('svg');
}

[class^='di-']:before,
[class*=' di-']:before {
  display: inline-block;
  text-align: center;
  font-family: 'dourtal-icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none;
  line-height: 1em;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.di-cog:before {
  content: '\e812';
}

.di-eye:before {
  content: '\e80f';
}

.di-gap:before {
  content: '\e806';
}

.di-key:before {
  content: '\e822';
}

.di-new:before {
  content: '\e821';
}

.di-rss:before {
  content: '\e81f';
}

.di-bale:before {
  content: '\e802';
}

.di-eita:before {
  content: '\e803';
}

.di-mail:before {
  content: '\e818';
  line-height: 1.7;
}

.di-star:before {
  content: '\e816';
}

.di-find:before {
  content: '\e809';
}

.di-news:before {
  content: '\e80e';
}

.di-user:before {
  content: '\e815';
}

.di-home:before {
  content: '\e804';
}

.di-globe:before {
  content: '\e813';
}

.di-login:before {
  content: '\e808';
}

.di-phone:before {
  content: '\e824';
}

.di-email:before {
  content: '\e820';
}

.di-heart:before {
  content: '\e817';
}

.di-users:before {
  content: '\e80c';
}

.di-aparat:before {
  content: '\e800';
  line-height: 1.2;
}

.di-mobile:before {
  content: '\e81a';
}

.di-search:before {
  content: '\e819';
}

.di-rubica::before {
  content: '\e825';
}

.di-bisphon:before {
  content: '\e805';
}

.di-dourtal:before {
  content: '\e807';
}

.di-refresh:before {
  content: '\e80a';
}

.di-sitemap:before {
  content: '\e80b';
}

.di-chev-up:before {
  content: '\e80d';
}

.di-comment:before {
  content: '\e810';
}

.di-soroush:before {
  content: '\e801';
}

.di-network:before {
  content: '\e823';
}

.di-location:before {
  content: '\e811';
}

.di-calendar:before {
  content: '\e814';
}

.di-question:before {
  content: '\e81e';
}

.di-plus-circle:before {
  content: '\e81b';
}

.di-cross-circle:before {
  content: '\e81d';
}

.di-minus-circle:before {
  content: '\e81c';
}

/*========== BODY ==========*/
:root {
  --color-main: #008281;
  --color-secondary: #003c93;
  --color-primary: #00094d;
}

body {
  direction: rtl;
}

.Normal {
  font-family: IranSans, Tahoma !important;
}

.bg-background {
  background: url('image/bg-body.jpg') repeat;
}

.gap\:5 {
  gap: 5px;
}

.gap\:10 {
  gap: 10px;
}

.gap\:15 {
  gap: 15px;
}

.gap\:20 {
  gap: 20px;
}

.gap\:25 {
  gap: 25px;
}

.gap\:30 {
  gap: 30px;
}

.gap\:35 {
  gap: 35px;
}

.gap\:40 {
  gap: 40px;
}

.gap\:45 {
  gap: 45px;
}

.gap\:50 {
  gap: 50px;
}

.row-gap\:5 {
  row-gap: 5px;
}

.row-gap\:10 {
  row-gap: 10px;
}

.row-gap\:15 {
  row-gap: 15px;
}

.row-gap\:20 {
  row-gap: 20px;
}

.row-gap\:25 {
  row-gap: 25px;
}

.row-gap\:30 {
  row-gap: 30px;
}

.row-gap\:35 {
  row-gap: 35px;
}

.row-gap\:40 {
  row-gap: 40px;
}

.row-gap\:45 {
  row-gap: 45px;
}

.row-gap\:50 {
  row-gap: 50px;
}

.col-gap\:5 {
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
}

.col-gap\:10 {
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.col-gap\:15 {
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.col-gap\:20 {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.col-gap\:25 {
  -webkit-column-gap: 25px;
  -moz-column-gap: 25px;
  column-gap: 25px;
}

.col-gap\:30 {
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.col-gap\:35 {
  -webkit-column-gap: 35px;
  -moz-column-gap: 35px;
  column-gap: 35px;
}

.col-gap\:40 {
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}

.col-gap\:45 {
  -webkit-column-gap: 45px;
  -moz-column-gap: 45px;
  column-gap: 45px;
}

.col-gap\:50 {
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
}

label:has(input) {
  cursor: pointer;
}

/********** PORTAL UI **********/
#eFormDependenciesRadTree input {
  display: inline-block !important;
}

input[type='text'],
select,
textarea {
  min-height: 26px !important;
  font-size: 12px;
  line-height: 2em;
  padding: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}

#LinkErrorMessage,
#NewsTitleErrorMessage {
  display: inline-block;
  color: #d00000;
  padding: 5px;
  margin: 5px;
  border: 1px solid #ffbaba;
  border-radius: 5px;
  background: #ffdcdc;
}

input[type='radio']:not(.uk-input) {
  display: inline-block;
  height: 16px;
  width: 16px;
  margin-top: -4px;
  border-radius: 100px;
  overflow: hidden;
  cursor: pointer;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 2px solid #ccc !important;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  -webkit-transition-property: background-color, border;
  -o-transition-property: background-color, border;
  transition-property: background-color, border;
  outline: none;
}

input[type='radio']:not(.uk-input):checked {
  border: 6px solid #1e87f0 !important;
  outline: 0 none;
}

input[type='checkbox']:not(.uk-input) {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 4px !important;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 1px solid #ccc !important;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-transition-property: background-color, border;
  -o-transition-property: background-color, border;
  transition-property: background-color, border;
  outline: none;
}

.Normal #RdBtnRadio,
.Normal #RdBtnCheck {
  padding: 0 !important;
  margin: 2px;
  border-radius: 99px !important;
  vertical-align: middle;
}

label[for] {
  cursor: pointer;
  vertical-align: middle;
}

input[disabled] + label[for] {
  color: #bbb;
  cursor: default;
}

input[type='checkbox']:not(.uk-input):disabled {
  background: #e8e8e8;
  cursor: not-allowed;
}

input[type='checkbox']:not(.uk-input):checked {
  background-color: #1e87f0;
}

input[type='checkbox']:not(.uk-input):disabled:checked {
  background-color: #cccccc;
}

input[type='checkbox']:not(.uk-input):after {
  content: '';
  display: block;
  width: 4px;
  height: 8px;
  border: 0px solid #fff;
  position: absolute;
  top: 0;
  left: 4px;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

input[type='checkbox']:not(.uk-input):checked:after {
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#btnSubmit,
.commandbutton,
.CommandButton {
  display: inline-block;
  min-width: 100px !important;
  min-height: 35px;
  color: #0080ff !important;
  text-align: center;
  font-size: 14px !important;
  line-height: 1.5em !important;
  padding: 5px 10px !important;
  margin: 5px !important;
  border: 2px solid #1e87f0 !important;
  border-radius: 2px !important;
  background: #fff !important;
  cursor: pointer !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  outline: 0;
}

#btnSubmit:hover,
.commandbutton:hover,
.CommandButton:hover {
  color: #fff !important;
  background: #1e87f0 !important;
  outline: 0;
}

/********** OK & CONTINUE BTN **********/
[id$='_btnOk'],
[id$='_btnSubmit'],
.CommandButton[id$='_SendButton'],
.CommandButton[href*='ctl03'],
.CommandButton[href*='ctl11'],
.CommandButton[href*='ctl70'],
#RelatedNewsSaveButton,
#ImageSaveOrderButton {
  color: #00a500 !important;
  border: 2px solid #00a500 !important;
  background: #fff !important;
  outline: 0;
}

[id$='_btnOk']:hover,
[id$='_btnSubmit']:hover,
.CommandButton[id$='_SendButton']:hover,
.CommandButton[href*='ctl03']:hover,
.CommandButton[href*='ctl11']:hover,
.CommandButton[href*='ctl70']:hover,
#RelatedNewsSaveButton:hover,
#ImageSaveOrderButton:hover {
  color: #fff !important;
  background: #00a500 !important;
}

/********** CANCEL BTN *********/
[id$='_btnCancel'],
.CommandButton[id$='_ClearButton'],
.CommandButton[href*='ctl05'],
.CommandButton[href*='ctl10'],
.CommandButton[href*='ctl12'],
.CommandButton[href*='ctl72'],
.CommandButton[href*='ctl63'],
.CommandButton[id*='cancelButton'],
#RelatedNewsReturnButton,
#ImageReturnButton {
  color: #ff7800 !important;
  border: 2px solid #ff7800 !important;
  background: #fff !important;
  outline: 0;
}

[id$='_btnCancel']:hover,
.CommandButton[id$='_ClearButton']:hover,
.CommandButton[href*='ctl05']:hover,
.CommandButton[href*='ctl10']:hover,
.CommandButton[href*='ctl12']:hover,
.CommandButton[href*='ctl63']:hover,
.CommandButton[href*='ctl72']:hover,
.CommandButton[id*='cancelButton']:hover,
#RelatedNewsReturnButton:hover,
#ImageReturnButton:hover {
  color: #fff !important;
  background: #ff7800 !important;
}

/********** DELETE BTN **********/
[id$='_btnSubmitDel'],
.CommandButton[onclick*='confirmDelete'] {
  color: red !important;
  border: 2px solid red !important;
}

[id$='_btnSubmitDel']:hover,
.CommandButton[onclick*='confirmDelete']:hover {
  color: #fff !important;
  background: red !important;
}

.ui-datepicker-trigger {
  position: relative;
  left: 22px;
  cursor: pointer;
}

#NewsCategoryDropDownItems,
#RNewsCategoryDropDownItems {
  min-width: 126px;
  padding: 5px;
  border: 1px solid #cacaca;
  border-radius: 0px 0px 5px 5px;
  z-index: 999;
}

input[type='file'] {
  min-height: 30px;
  color: #1e87f0 !important;
  font: inherit !important;
  padding: 5px !important;
  border: 1px solid #1e87f0 !important;
  border-radius: 3px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  position: relative;
  cursor: pointer;
}

input[type='file']:after {
  content: 'Choose file';
  width: 96px;
  height: calc(100% - 4px);
  color: #fff;
  font-size: 12px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px;
  margin: 2px;
  background: #1e87f0;
  position: absolute;
  top: 0;
  right: 0;
}

[id*='EditTable'] {
  margin-bottom: 20px !important;
}

.ui-accordion-header,
td.releasenote input {
  font-family: IranSans, Tahoma;
}

.ui-accordion-header-icon {
  margin: 5px;
}

/********** module title edit icon **********/
[id$='paneheader'] ~ * .dp-module-title-text:before {
  content: '\f044';
  width: 11px;
  padding: 0 5px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 16px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  cursor: pointer;
}

[class^='icon-'] *,
[class*=' icon-'] * {
  font-family: douran-font;
}

.sweet-alert.showSweetAlert,
.sweet-alert.showSweetAlert h2,
.sweet-alert .sa-button-container button {
  font-family: inherit;
}

.dp-cp-modules-box > h1 {
  color: #fc0;
  text-align: center;
  font-family: inherit;
  font-size: 16px;
}

.fa.fa-envelope,
.uk-icon-envelope {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

/********** <<<<<<<<<< PORTAL UI <<<<<<<<<< **********/
body,
#tagBody {
  min-height: 100vh;
  background: #fff;
  /* override news collector body styles */
  width: auto;
  height: auto;
  overflow: auto;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

body.invert main[id*='wrap:'] {
  -webkit-filter: invert(1);
  filter: invert(1);
}

.main-form {
  min-height: 100vh;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

#wrap\:,
#wrap\: > .table-class {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

#body-panes {
  flex: 1;
}

#wrap\: .hide-for-user,
[auth='false'] .hide-for-user {
  display: none !important;
}

/********** PANES **********/
[type='pane'] {
  max-width: 100%;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

[type='pane'] > br {
  display: none;
}

[type='pane']:empty {
  display: none;
}

[side-pane] {
  width: 300px;
}

[pane-pad-parent] {
  margin-right: -7px !important;
  margin-left: -7px !important;
}

[pane-pad] {
  padding-right: 7px !important;
  padding-left: 7px !important;
}

[id$='paneheader'] {
  width: 100%;
  color: #333;
  line-height: 24px;
  min-height: 25px;
  background-color: #efefef;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #dbd9d9;
  position: relative;
  z-index: 1;
}

[id$='paneheader'] ~ * [id^='divMinMax_']:first-of-type {
  margin: 0 !important;
}

#footer-box [id$='_divHtmlHolder'] a em,
#footer-box [id$='_divHtmlHolder'] a i {
  color: #50afd9;
}

#footer-box .contact-us div {
  color: #fdfdfd;
  line-height: 2.5em;
  font-size: 14px;
}

#footer-box .contact-us .socialMedia ul {
  margin-top: 10px;
  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;
}

#footer-box .contact-us .socialMedia ul li {
  background: #0000003b;
  border-radius: 5px;
  margin-left: 10px;
  width: 43px;
  height: 43px;
  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;
}

@media (max-width: 768px) {
  [type='pane'] {
    display: block;
    width: 100%;
  }
  .owl-controls {
    display: none;
  }
}

/* ========== portal-css: header ========== */
.bg-header {
  background: url('image/Website-Pattern-04.jpg') repeat;
}

/********** DATE **********/
.dp-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  margin-right: 180px;
}

.dp-date i {
  font-size: 20px;
}

/********** HEADER ICONS **********/
.header-secondarys {
  float: right;
}

.header-secondarys {
  float: left;
}

.header-secondary-icons {
  float: right;
  clear: both;
  list-style: none;
  padding: 5px;
  margin: 0;
}

.header-secondary-icons li {
  display: inline-block;
  vertical-align: top;
}

.header-secondary-icons li a {
  display: block;
  width: 36px;
  height: 36px;
  background: url(image/ar-sprites.png) 0 -120px;
}

.header-secondary-icons .ico-halt1 {
  background-position-x: -72px;
}

.header-secondary-icons .ico-halt2 {
  background-position-x: -36px;
}

.header-secondary-icons .ico-halt3 {
  background-position-x: 0px;
}

.ico-irflag {
  width: 51px;
  height: 28px;
  margin: 4px 0;
  background: url(image/ar-sprites.png) -108px -121px;
}

/********** SEARCH **********/
.dp-search {
  display: block !important;
  visibility: visible !important;
  width: 100%;
  font-size: 0 !important;
  margin: 0;
  vertical-align: middle;
  position: absolute;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  overflow: hidden;
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  z-index: 99;
  top: 100%;
  left: 0;
}

.dp-search .uk-flex {
  border-radius: 16px;
  border: 2px solid #fff;
  background: var(--color-main);
  overflow: hidden;
}

.dp-search.active {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}

.dp-search #imgLoading {
  color: #fff;
  font-size: 20px;
  border-radius: 10px;
  position: absolute;
  visibility: hidden;
  top: 18px;
  left: 90px;
}

.dp-search #SearchLoading {
  position: absolute !important;
}

.dp-search .headerSearchTextBox {
  flex: 1;
  height: 55px;
  min-height: 22px !important;
  color: #fff !important;
  font-size: 22px !important;
  padding: 11px;
  border-radius: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0 none;
  background: none;
  position: relative;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.dp-search .headerSearchTextBox:focus {
  color: white;
}

.headerSearchTextBox::-webkit-input-placeholder {
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.headerSearchTextBox::-moz-placeholder {
  color: #ffffff;
  -moz-transition: 0.5s;
  transition: 0.5s;
}

.headerSearchTextBox:-ms-input-placeholder {
  color: #ffffff;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

.headerSearchTextBox::-ms-input-placeholder {
  color: #ffffff;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

.headerSearchTextBox::placeholder {
  color: #ffffff;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.headerSearchTextBox:focus::-webkit-input-placeholder {
  color: #fff;
}

.headerSearchTextBox:focus::-moz-placeholder {
  color: #fff;
}

.headerSearchTextBox:focus:-ms-input-placeholder {
  color: #fff;
}

.headerSearchTextBox:focus::-ms-input-placeholder {
  color: #fff;
}

.headerSearchTextBox:focus::placeholder {
  color: #fff;
}

.dp-search .HeaderSearchButton {
  color: #fff;
  font-size: 16px !important;
  line-height: 8px;
  padding: 15px;
  border: 0;
  align-self: normal;
  background: rgb(0 0 0 / 40%);
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  cursor: pointer;
  outline: 0;
  z-index: 1;
  position: relative;
}

.dp-search .HeaderSearchButton:hover {
  background: rgb(0 0 0 / 20%);
}

.dp-search [id*='SearchEditButton'] {
  order: -1;
}

.dp-search .search-ico {
  display: none;
  color: #d2d3d4;
  font-size: 17px;
  line-height: 24px;
  padding: 3px 7px 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  font-weight: 100;
  z-index: 0;
}

.dp-search .search-ico {
  -webkit-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.search-box .search-ico {
  pointer-events: none;
}

/*---------------sticky menu style----------------*/
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

#header-sticky.uk-active nav ul.dp-navigation-menu {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#header-sticky.uk-active nav .res-nav {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*========= portal-css: Structure - theme ==========*/
.dp_DefaultLayoutdiv,
.dp_defaultLayoutdiv {
  direction: rtl;
  margin: 0 auto;
}

.dp_AlternateLayoutDiv,
.dp_alternateLayoutDiv {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

.dp_DefaultLayoutTable,
.dp_defaultLayoutTable,
.dp_DefaultLayoutTable > tbody,
.dp_defaultLayoutTable > tbody,
.dp_DefaultLayoutTable > tbody > tr,
.dp_defaultLayoutTable > tbody > tr,
.dp_DefaultLayoutTable > tbody > tr > td,
.dp_defaultLayoutTable > tbody > tr > td {
  display: block;
  width: 100%;
  padding: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.dp_DefaultLayoutDiv {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.dp_alternateLayoutTable,
.dp_AlternateLayoutTable {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border-collapse: collapse;
  border-spacing: 0;
}

.dp_alternatePortalHeader,
.dp_AlternatePortalHeader {
  width: 100vw;
  padding: 0;
  margin: 0 auto;
  border-collapse: collapse;
  border-spacing: 0;
}

.dp_DefaultPortalHeader,
.dp_defaultPortalHeader {
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}

.dp_DefaultPortalFooter,
.dp_defaultPortalFooter,
.dp_AlternatePortalFooter,
.dp_alternatePortalFooter {
  position: relative;
}

#footer-box .dp_DefaultPortalFooter,
#footer-box .dp_defaultPortalFooter {
  position: static;
}

.dp_DefaultPortalFooter a,
.dp_defaultPortalFooter a,
.dp_DefaultPortalFooter a:hover,
.dp_defaultPortalFooter a:hover {
  color: var(--color-secondary);
}

.dp-itemViewMode {
  background: #fff;
}

.dp_alternateLayoutTable > tbody,
.dp_AlternateLayoutTable > tbody {
  display: flex !important;
  flex-direction: column;
  min-height: 100vh;
}

.dp_alternateLayoutTable > tbody > tr:not(:first-child):not(:last-child),
.dp_AlternateLayoutTable > tbody > tr:not(:first-child):not(:last-child),
.dp_alternateLayoutTable #bodyArea,
.dp_AlternateLayoutTable #bodyArea {
  flex: 1;
}

.dp_alternateLayoutTable > tbody,
.dp_alternateLayoutTable > tbody > tr,
.dp_alternateLayoutTable > tbody > tr > td,
.dp_AlternateLayoutTable > tbody,
.dp_AlternateLayoutTable > tbody > tr,
.dp_AlternateLayoutTable > tbody > tr > td {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

.dp_AlternateLayoutDiv th:empty {
  display: none;
}

.dp_alternatePortalFooter,
.dp_AlternatePortalFooter {
  width: 1024px;
  margin: 0 auto;
  color: #d2d3d4;
  padding: 0 !important;
}

.dp_alternatePortalFooter a,
.dp_AlternatePortalFooter a,
.dp_alternatePortalFooter a:hover,
.dp_AlternatePortalFooter a:hover {
  color: var(--color-secondary);
}

body .dp_DefaultLayoutTableModule,
body .dp_defaultLayoutTableModule {
  padding: 15px;
  /*width: 1024px !important;
    max-width: 100% !important;*/
  margin: 25px auto !important;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #fff;
}

.dp_alternateLayoutTableModule,
.dp_AlternateLayoutTableModule {
  width: 100%;
  padding: 15px;
  border-right: solid 1px #8f9092;
  border-left: solid 1px #8f9092;
  background: #ddd;
}

.dp-cp-topnav .dp-cp-tools .dp-cp-nav-links > a {
  box-sizing: initial;
}

#NewsEditContainer {
  margin-bottom: 100px !important;
}

#MultiViewAddViewTable > .dp-DeatilsBtn {
  top: auto;
  bottom: 0;
}

@media (max-width: 768px) {
  #footer-box {
    background-color: #003971;
    background-size: auto;
    background-position: top center;
  }

  .dp-footertext {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

/*========== portal-css: admin Control Panel ==========*/
.ControlPanel {
  border: 1px solid;
}

.ControlPanel #Table2 > tbody > tr > td.SubHead {
  background: url('image/Website-Pattern-04.jpg') repeat;
  padding: 5px;
}

.ControlPanel {
  border: #adadad solid;
  border-width: 0 0 2px;
}

.ControlPanel img {
  margin: 10px;
}

.ControlPanel td td td td img {
  margin: 0;
}

.ControlPanel td td td {
  width: auto;
}

.ControlPanel div {
  width: 3px;
  font: normal 11px IranYekan;
}

.ControlPanel td.SubHead {
  background: url('image/Website-Pattern-04.jpg') repeat;
  font: bold 12px tahoma;
  color: #fff;
}

.ControlPanel td.subhead {
  background: url('image/Website-Pattern-04.jpg') repeat;
  font: bold 12px tahoma;
  color: #fff;
}

.ControlPanel td td .SubHead {
  background: transparent;
  border: 0;
  font: normal 11px IranYekan;
  color: #333;
}

.ControlPanel td td td select {
  color: #333;
  cursor: pointer;
  border-radius: 5px;
}

.Head {
  color: #404040;
  letter-spacing: 0;
}

.SubHead {
  color: #404040;
  font: 800 12px IranYekan, regular;
}

.SubSubHead {
  font-weight: bold;
  font: 11px Tahoma;
  color: #000;
}

.TitleHead {
  color: #fff;
  font: 18px IranYekan, regular;
  line-height: 32px;
  padding-right: 8px !important;
  vertical-align: top;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
}

.CommandButton,
a.CommandButton {
  background-color: #74c2e1;
  border: medium none;
  color: #000000;
  display: inline-block;
  font: 8pt IranYekan;
  margin: 3px 5px;
  padding: 1px 5px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.75);
}

.CommandButton,
a.CommandButton:hover {
  background-color: #336699;
  color: #ffffff;
  cursor: pointer;
}

/********** FOOTER MENU **********/
.dp-footer-container {
  width: 100%;
  color: #fff;
  padding: 0;
  position: relative;
  z-index: 1;
  background: #ffffff0f;
  box-shadow: 0px 0px 26px 0px #00000014;
}

.dp-footer-nav table,
.dp-footer-nav tbody,
.dp-footer-nav tr {
  display: block;
}

.dp-footer-nav td {
  display: inline-block;
}

.dp-copyright-text {
  float: right;
  color: #fff;
  text-align: center;
  line-height: 2em;
  padding: 5px 10px;
}

/*........................icons........................*/
.dp_footer_icon {
  height: 35px;
  width: 100%;
}

.dp_footer_icon ul {
  content: '';
  display: inline-block;
  height: 35px;
  padding: 0;
  width: 220px;
}

.dp_footer_icon ul li {
  /*border-left: 1px solid #737373;*/
  display: block;
  float: left;
  margin: 5px 0;
  padding: 0 5px;
}

.Bloger {
  background: url('image/Bloger.png') no-repeat center;
}

.facebook {
  background: url('image/facebook.png') no-repeat center;
}

.googleplus {
  background: url('image/googleplus.png') no-repeat center;
}

.linkdin {
  background: url('image/linkdin.png') no-repeat center;
}

.towitter {
  background: url('image/towitter.png') no-repeat center;
}

.yahoo {
  background: url('image/yahoo.png') no-repeat center;
}

/*========== portal-css: admin - menu ***********/
.top-admin-menu {
  background-color: #0b486b;
}

.SiteLink {
  direction: rtl;
  color: #fff;
  display: block;
  padding: 4px;
  position: relative;
  z-index: 10;
}

.SiteLink a {
  color: #fff;
  padding: 0 5px;
  border-left: 1px solid #000;
  font: normal 13px IranYekan;
}

.SiteLink a:hover {
  color: #336699;
}

/*========== portal-css: ==========*/
input[type='text'].NormalTextBox,
.NormalTextBox input[type='text'],
.NormalTextBox {
  min-height: 25px;
  text-align: right;
}

input.NormalTextBox,
.Normal input,
.Normal select,
select.NormalTextBox,
.NormalTextBox input[type='text'] {
  border-radius: 4px;
  color: #555;
  font-weight: 400;
  margin: 2px 0;
  padding: 0 5px;
  border: 1px solid #bfbdbd;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

select.NormalTextBox {
  padding: 3px 5px !important;
}

.NormalTextBox {
  color: #000;
}

.NormalTextBox:focus {
  -webkit-box-shadow: 0 0 3px #729ce0;
  box-shadow: 0 0 3px #729ce0;
}

.NormalRed {
  color: #fc0;
  font: bold 11px regular;
}

.NormalBold {
  font-weight: bold;
}

.NormalItalic {
  font-style: italic;
}

#EditTable .NormalTextBox {
  font-family: inherit;
}

.CommandButton:hover,
a.CommandButton:hover {
  background-color: #74c2e1;
  color: #000;
}

.Calendar {
  text-decoration: none;
  font: bold 10px Tahoma;
}

.SubModule {
  background: #ccc;
  font-weight: bold;
  line-height: 20px;
  padding: 0 5px;
}

.SubSubModule {
  background: #ddd;
  color: #000;
}

div.edmenuback {
  background: #ccc;
  border: 1px solid #929292;
  width: 100%;
}

td.edmenuStyle {
  width: 75px;
  padding-top: 2px;
  padding-left: 2px;
  text-align: right;
}

td.edmenuHTML {
  text-align: right;
  width: 35px;
}

.MessageTitle {
  font: normal 11px regular;
  color: darkblue;
}

.Messageauthor {
  font: normal 11px regular;
  color: darkgray;
}

.MessageBody {
  font: normal 11px regular;
  color: black;
}

.SurveyQuestion {
  color: darkred;
}

.SurveyPanel {
  color: silver;
  background: silver;
}

.SurveyOption {
  color: black;
}

.SurveyButton {
  color: darkred;
  font-weight: bold;
}

.bc_Row {
  padding-left: 57px;
  border-bottom: solid 2px Black;
  background: #fc0;
}

.bc_Text {
  font-size: 10px;
}

.bc_Link,
.bc_Link:link,
.bc_Link:visited {
  padding-left: 8px;
  font-size: 10px;
  text-decoration: none;
  color: #fff;
}

.bc_Link:hover {
  text-decoration: underline;
  color: #ec872c;
}

.FilterButton {
  border: black thin solid;
  padding: 2px 3px;
  font: 11px Tahoma;
  background: #999;
  overflow: visible;
  color: white;
  line-height: 12px;
  text-align: center;
}

a.FilterButton {
  color: white;
}

a.FilterButton:hover {
  color: white;
}

.alternateRow {
  background: #eee;
}

.Message {
  background: #fc0;
}

.ItemDate,
.ItemTitle {
  font: bold 11px Tahoma;
  color: #000;
}

.dp_Gallery_alternative_ItemTitle,
.dp_Gallery_alternative_ItemValue {
  font-weight: bold;
  background-color: #d7e7f2;
}

.dp_Gallery_Item_Image {
  border: thin;
}

.dp_Gallery_Item_Title {
  color: black;
  background: #83b7de;
  text-align: center;
}

.dp_Gallery_Item_ItemTitle {
  font-weight: bold;
  background: #cadfee;
}

.dp_Gallery_Item_ItemValue {
  background: #cadfee;
}

.GridItemStyle {
  background: #f0f0f0;
}

.GridHeaderStyle {
  font-weight: bold;
  background: url(gridHeader_bg.gif);
  height: 20px;
}

.GridalternatingStyle {
  background: #f4f8fd;
  color: #325190;
}

.GridalternatingStyle a {
  color: #325190;
}

.GridStyle {
  border: 1px solid #eae9e1;
  width: 100%;
}

.Category_treeView_Class {
  border: darkgray thin solid;
  vertical-align: top;
}

.Category_LoadModule_Class {
  border: darkgray thin solid;
  vertical-align: top;
}

.eForm_ControlSelector {
  direction: ltr;
  width: 400px;
}

.eForm_ControlToolBar {
  width: 100px;
  height: 100%;
  direction: ltr;
  vertical-align: top;
  border-left: #7c7c94 1px solid;
  border-right: #7c7c94 1px solid;
}

.eForm_ControlProperties {
  background: #f1f1f1;
  vertical-align: top;
  padding: 0;
  margin: 0;
  height: 0;
}

.eForm_FormToolBar {
  vertical-align: top;
  height: 100%;
  width: 15%;
  min-width: 220px;
  border-left: #7c7c94 1px solid;
  border-right: #7c7c94 1px solid;
  white-space: nowrap;
}

.eForm_ControlContainer {
  background: #d1d1d1;
  vertical-align: top;
  height: 100%;
}

.eForm_Edit {
  width: 100%;
  height: 100%;
  border: solid 0 black;
}

.eForm_DesignerContainer {
  width: 100%;
  height: 100%;
  border: solid 0 black;
  vertical-align: top;
  white-space: nowrap;
}

.eForm_Edit_Links_Left {
  text-align: left;
}

.eForm_Edit_Links_Right {
  text-align: right;
}

.eForm_Edit_Links {
  width: 100%;
  background-color: #e8e8e8;
}

.eForm_Grid_addButton {
  float: right;
}

.ItemDate {
  font-weight: normal;
}

.dp_Directorytree {
  font: 11px Tahoma;
}

.MenuCSS-MenuContainer {
  border-style: none;
  height: 24px;
  background: #6b6b6b;
}

.MenuCSS-MenuBar {
  border-style: none;
  height: 24px;
}

.MenuCSS-MenuItem {
  border-style: none;
  height: 24px;
  color: #fff;
}

.MenuCSS-MenuIcon {
  border-style: none;
  height: 24px;
  background-color: #c0c0c0;
}

.MenuCSS-SubMenu {
  border-style: none;
  height: 24px;
  background-color: #6b6b6b;
}

.MenuCSS-MenuBreak {
  border-style: none;
  height: 24px;
  background-color: white;
}

.MenuCSS-MenuItemSel {
  border-style: none;
  height: 24px;
  color: black;
  background-color: #ccc;
}

.MenuCSS-Menuarrow {
  border-style: none;
  height: 24px;
}

.MenuCSS-MenuScroll {
  border-style: none;
  height: 24px;
}

.MenuCSS-RootMenuarrow {
  border-style: none;
  height: 24px;
}

.dp_Message_Error {
  color: Red;
}

.dp_Message_Confirm {
  color: Black;
  font-weight: bold;
}

.dp_Message_Success {
  color: Green;
}

.dp_Message_Normal {
  color: Black;
}

.MainMenu_MenuContainer {
  background: transparent;
}

.MainMenu_MenuBar {
  cursor: hand;
  height: 16px;
  background: transparent;
}

.MainMenu_MenuItem,
.MainMenu_MenuIcon {
  border: 1px solid #cccccc;
  font: bold normal 9pt Tahoma;
  background: transparent;
  cursor: hand;
  color: black;
}

.MainMenu_SubMenu {
  z-index: 1000;
  cursor: hand;
  background-color: #ccc;
}

.MainMenu_MenuBreak {
  height: 1px;
}

.MainMenu_MenuItemSel {
  font: 9pt Tahoma;
  cursor: hand;
  color: black;
  background: #aaa;
}

.MainMenu_Menuarrow {
  border-right: #ccc 1px solid;
  border-top: #ccc 0 solid;
  font: 10pt webdings;
  cursor: hand;
  border-bottom: #ccc 1px solid;
}

.MainMenu_RootMenuarrow {
  font: 10pt webdings;
  cursor: hand;
}

.treeView,
.TreeView {
  direction: rtl !important;
}

[id$='_MultiContentViewerContainer'] table[id$='_grvTab'] {
  width: 100% !important;
}

.TabStripTopGroup {
  z-index: 99;
  position: relative;
}

.TabStripDefaultTab {
  color: black;
  font: normal 9px regular;
  cursor: default;
}

.TabStripDefaultTabHover {
  color: black;
  font: normal 9px regular;
  cursor: default;
}

.TabStripSelectedTab {
  color: black;
  font: normal 9px regular;
  cursor: default;
}

.TabStripMultiPage {
  background: White;
  border: 1px solid #919b9c;
  width: 650px;
  height: 250px;
  position: relative;
  top: -3px;
  left: 1px;
  z-index: 98;
  padding: 12px;
}

.availableFieldsCssClass {
  background-color: #e0eeff;
  font: normal 11px regular;
  color: Blue;
  direction: ltr;
}

.SelectedFieldsCssClass {
  background-color: #e0eeff;
  font: normal 11px regular;
  color: #00f;
  direction: ltr;
}

.lnkCssClass {
  text-transform: uppercase;
  color: #2f517f;
}

.lnkCssClass:active {
  text-transform: uppercase;
  color: #09f;
}

.lnkCssClass:visited {
  text-transform: uppercase;
  color: #2f517f;
}

.lnkCssClass {
  text-transform: uppercase;
  color: #2f517f;
}

.lnkCssClass:hover {
  text-transform: uppercase;
  color: #09f;
}

.ComarttrvRelationsCssClass {
  background: #fff;
  padding: 4px 0 0 1px;
  cursor: default;
}

.ComarttrvRelationsHoverNodeCssClass,
.ComarttrvRelationsNodeCssClass,
.comarttrvRelationsSelectedNodeCssClass {
  font: 11px tahoma;
  padding: 2px 3px 1px;
  cursor: hand;
  background: #d7e9ff;
}

.MarqueeFont14601 {
  font: normal 14px IranYekan;
  display: table-cell;
  padding-right: 40px;
}

.Error {
  font: bold 11px Tahoma, Helvetica, sans-serif;
  color: red;
}

.HeadBg {
  background-color: #fff;
}

/*-----------SLIDER STYLE------------*/
#sliderpack {
  padding: 0;
}

#sliderpack:has(.dp-module-content) {
  margin-bottom: 50px;
}

#sliderpack iframe {
  display: block !important;
  margin: 0 !important;
  width: 100% !important;
}

/* ==============================================================a=l=a=v=i========
   portal-css: slickNav - css
   ========================================================================== */
.slicknav_menu {
  display: none;
}

@media only screen and (max-width: 768px) {
  #navigation-style {
    display: none !important;
  }

  .slicknav_menu {
    display: block;
  }
}

.slicknav_btn {
  background-color: #d31002 !important;
  margin: 5px !important;
}

.slicknav_nav a {
  color: red !important;
}

.slicknav_nav a:hover,
.slicknav_nav a:hover span {
  color: #fff !important;
  background-color: #006d5c !important;
}

.slicknav_menu {
  background-color: transparent !important;
}

.slicknav_nav {
  background: transparent !important;
}

.slicknav_arrow {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

/* ==============================================================a=l=a=v=i========
   portal-css: registeration-form-style-custom
   ========================================================================== */

.register-uk-container {
  padding: 0 15px;
}

.register-padding-top {
  padding-top: 15px;
}

.register-style.custom-bg {
  background-color: #ffffff;
}

.register-style h3,
.register-style label,
.register-style dt,
.register-style button {
  color: #888;
}

.register-style label {
  color: #666;
}

.register-style input,
.register-style textarea,
.register-style select {
  background-color: #f5f5f5 !important;
  border: 1px solid #ddd !important;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 4px 0 rgba(238, 238, 238, 1);
  box-shadow: inset 0 -1px 4px 0 rgba(238, 238, 238, 1);
}

.register-style textarea {
  color: #aaa;
}

.register-style select {
  color: #444;
}

.register-style input:focus,
.register-style textarea:focus {
  background-color: #fff !important;
  border: 1px solid #aaa !important;
  color: #444;
  -webkit-box-shadow: inset 0 -1px 4px 0 rgba(204, 204, 204, 1);
  box-shadow: inset 0 -1px 4px 0 rgba(204, 204, 204, 1);
}

.register-style .uk-form-row .custom-marginin {
  margin: 4px 40px 4px 0;
}

.register-style .register-accordion-title {
  -webkit-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

.register-style .register-accordion-title.uk-active,
.register-style .register-accordion-title:hover {
  border: 1px solid #444;
  background-color: #444;
  color: #fff;
}

.register-style .uk-alert ul {
  padding-left: 30px;
}

.register-style .uk-alert ul li {
  position: relative;
  margin-top: 5px;
  padding-top: 5px;
}

.register-style span.custom-font-style {
  color: #666;
  padding: 0 25px;
  margin: 0;
}

.register-style i.alert-icon {
  position: absolute;
  right: 0;
  top: 30%;
}

.register-style .uk-form-row .custom-pos {
  position: relative;
  padding: 4px 35px 4px 0;
}

.register-style .uk-form-row span.userpro-field-icon {
  background-color: #f5f5f5;
  border: 1px solid transparent;
  border-radius: 999px;
  color: #999999;
  cursor: default;
  font-size: 18px;
  height: 32px;
  right: 25px;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 32px;
  -webkit-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

.register-style .uk-form-row span.userpro-field-icon:hover {
  background-color: #444;
  color: #fff;
}

.register-style .uk-form-row span.userpro-field-icon-hover {
  background-color: #444;
  color: #fff;
}

.register-style .uk-form-row span.userpro-field-icon-green {
  background-color: #03a678;
  color: #fff;
}

.register-style .uk-button-success {
  background-color: #03a678;
  color: #fff;
  margin: 0;
}

.register-style .uk-button-danger {
  color: #fff;
}

.register-style .uk-form-horizontal .uk-form-label {
  width: 100%;
  font-weight: normal;
}

.register-style .uk-form-row .register-important {
  border-left: 2px solid #e4354f !important;
}

.register-style .uk-form-row .register-position {
  position: relative;
}

.register-style .uk-form-row span.info {
  display: inline-block;
  height: 15px;
  position: absolute;
  left: 10px;
  top: 8px;
  width: 15px;
}

.register-style .uk-form-row span.info::before {
  background-color: #666;
  border-radius: 50%;
  color: #fff;
  content: attr(data-label);
  cursor: help;
  font-size: 12px;
  position: absolute;
  text-align: center;
  height: 15px;
  width: 15px;
}

.register-style .uk-form-file button.register-button-upload {
  color: #8c8c8c;
}

.register-style .uk-form-row .pic-profile {
  border: 1px solid #eee;
  border-radius: 5px;
}

.capture-code-style img {
  width: 180px;
  height: 80px;
  background-color: #ccc;
  display: block;
  border-radius: 4px;
  border: 1px solid #666666 !important;
  -webkit-box-shadow: 0 -1px 4px 0 rgba(204, 204, 204, 1);
  box-shadow: 0 -1px 4px 0 rgba(204, 204, 204, 1);
}

.capture-code-style .insert-code-style {
  height: 26px;
  margin: 3px 2px 0 0;
  width: 75%;
  border: 1px solid #aaa !important;
}

.captcha-padding-bottom {
  padding-bottom: 35px;
}

.pic-profile {
  width: 64px;
  height: 64px;
}

.captcha-refresh-btn {
  width: 22%;
  border: 1px solid #aaa !important;
  margin: 4px 0 0 0 !important;
}

.custom-icon-position {
  font-size: 20px !important;
  left: -30px;
  position: absolute;
  top: 5px;
}

.times-style {
  color: red;
}

.check-style {
  color: green;
}

@media screen and (max-width: 480px) {
  .register-style .uk-form-row span.userpro-field-icon {
    margin: -9px 0;
  }
}

/*--------end--------------register-style----------------------------*/

/*---------- setting buttons styles  -----------------*/
.dp-modules-settings {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.dp-module-title-btn {
  display: inline-block;
  width: 40px;
  height: 30px;
  color: #666 !important;
  text-align: center;
  padding: 5px;
  margin: 2px 0;
  border-radius: 4px;
  border: solid 1px rgba(0, 0, 0, 0.06);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f5f5f5;
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
  position: relative;
}

.dp-module-title .dp-module-title-btn.ui-sortable-handle {
  float: none !important;
  padding-top: 8px;
}

.dp-module-title-btn.uk-open + .dp-modules-title-st-list {
  display: block !important;
}

.sortable-placeholder {
  cursor: -webkit-grab;
  cursor: grab;
}

.dp-modules-title-st {
  display: inline-block;
}

.dp-modules-title-st-list {
  display: none;
  text-align: right;
  font: 13px Tahoma;
  width: 150px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px 0 #333;
  box-shadow: 0 1px 3px 0 #333;
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 99;
}

.dp-modules-title-st-list a {
  display: block;
  color: #666 !important;
  text-align: start;
  padding: 10px 15px !important;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.dp-modules-title-st-list i {
  display: inline-block;
  width: 21px;
  font-size: 16px;
  vertical-align: middle;
}

.dp-modules-title-st-list a:hover {
  color: #fff !important;
  -webkit-border-start: 4px solid #fc0;
  border-inline-start: 4px solid #fc0;
  background-color: #1c2529;
}

/********** ADD MODULE ON PANE **********/
#mdl-modal .uk-modal-close:after {
  margin: 5px;
  font-size: 20px;
  font-weight: 100;
  font-family: 'Font Awesome 5 Pro', FontAwesome;
}

.add-mdl-opt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.add-mdl-opt > * {
  margin: 5px;
}

.add-mdl-opt > :last-child {
  margin-right: auto;
}

#mdl-modal select,
#mdl-modal input[type='text'] {
  height: 30px;
  border-radius: 0;
}

#mdl-modal select {
  padding: 0 10px 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff
    url("data:image/svg+xml,%3Csvg fill='%23bbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,0l5,4.5L10,0V1.5L5,6,0,1.5V0Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 5px 50%;
  background-size: 10px 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

#mdl-modal select:focus {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23f90' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,0l5,4.5L10,0V1.5L5,6,0,1.5V0Z'/%3E%3C/svg%3E");
}

#mdl-modal input:focus,
#mdl-modal select:focus {
  border-color: #fc0;
}

#mdl-modal .uk-button {
  border-radius: 0;
}

.mdl-loading {
  display: none;
  color: #9400e6;
  font-size: 16px;
  padding: 0 10px;
}

.mdl-loading i {
  padding: 0 5px;
  font-size: 160%;
  vertical-align: middle;
}

.added-mdls {
  list-style: none;
  padding: 0;
  margin: 0;
}

.added-mdls .uk-panel-box {
  padding: 10px;
  margin: 10px 0;
  border-radius: 0;
}

.added-mdls li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.added-mdls li > * {
  margin: 0 5px;
}

#mdl-modal .mdl-lst-msg:not(:empty) {
  font-size: 14px;
  padding: 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.3);
}

#mdl-modal .mdl-del-btn,
#mdl-modal .mdl-dup-btn {
  color: #fff !important;
  padding: 2px 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #009dd8;
}

#mdl-modal .mdl-del-btn {
  background: #ee465a;
}

#mdl-modal .mdl-dup-btn {
  margin-right: auto;
  background: #009dd8;
}

.add-module-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
}

.add-module-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  vertical-align: top;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.add-module-list li:not(.active) {
  opacity: 0.3;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  outline: 0;
}

.add-module-list li a {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 250px;
  color: #222d32;
  padding: 5px;
  margin: 5px;
  background: #f8f8f8;
  border: 1px solid #ddd;
  position: relative;
}

.add-module-list li a.clicked {
  -webkit-box-shadow: 0 0 0 1px #999;
  box-shadow: 0 0 0 1px #999;
  -webkit-animation: shadow-up 0.5s;
  animation: shadow-up 0.5s;
}

@-webkit-keyframes shadow-up {
  100% {
    -webkit-box-shadow: 0 -100px 0 -10px transparent;
    box-shadow: 0 -100px 0 -10px transparent;
  }
}

@keyframes shadow-up {
  100% {
    -webkit-box-shadow: 0 -100px 0 -10px transparent;
    box-shadow: 0 -100px 0 -10px transparent;
  }
}

.add-module-list li a span {
  display: block;
  font-size: 8px;
  line-height: 1.5em;
  position: absolute;
  bottom: 0;
  left: 3px;
  opacity: 1;
}

.add-module-list li a:hover:after {
  content: '\f067';
  font: 20px 'Font Awesome 5 Pro', FontAwesome;
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.add-module-list li a:hover {
  border-color: #ffca08;
  background: #ffca08;
}

.add-module-list li a i:before {
  display: inline-block;
  width: 40px;
  font-size: 30px;
}

.add-module-list li a p {
  margin: 0;
  word-break: break-word;
}

.add-module-btn {
  display: inline-block;
  color: #374850 !important;
  text-align: center;
  font-size: 16px;
  padding: 2px 4px;
  margin: 2px 5px;
  border-radius: 3px;
  vertical-align: middle;
  position: relative;
}

.add-module-btn:hover {
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px #a1acc5;
  box-shadow: 0 0 0 1px #a1acc5;
}

#mdl-modal > .uk-modal-dialog:before {
  /* content: ''; */
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}

#mdl-modal > .uk-modal-dialog:after {
  /* content: '\f1ce'; */
  font: 22px 'Font Awesome 5 Pro';
  position: absolute;
  top: 10%;
}

/*******************************************************************/

/********** THEME STYLE - DOURAN GROUP - by Mohammad Ali Abbasi **********/
body {
  direction: rtl !important;
  font-size: 12px;
}

body,
div,
p,
span,
a,
h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
textarea,
select,
option,
label,
table,
tbody,
th,
tr,
td {
  font-family: IranSans, Tahoma;
}

body[id] :where(h1, h2, h3, h4, h5, h6) {
  font-family: inherit;
}

fieldset {
  border: 0;
}

.transall,
.transall:before,
.transall:after,
.transall *,
.transall *:before,
.transall *:after,
.trans,
.transudo,
.transudo:before,
.transudo:after {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

* {
  outline: 0 none;
}

p {
  font-family: 'IranSans';
  font-size: 14px;
  line-height: 27px;
}

td img[src] {
  min-width: 10px;
}

.ws_shadow {
  display: none;
}

tr td {
  white-space: normal !important;
}

.ImportanceRadioButtons {
  display: block;
}

[id$='_galleryItemsPlace'] {
  overflow: hidden;
}

img,
video,
table,
marquee {
  max-width: 100%;
}

#dp-cp-right-canvas {
  z-index: 990 !important;
}

.ComArtTrvRelationsCssClass img {
  min-width: 20px;
}

*,
*:before,
*:after {
  /* outline: 1px solid pink !important; */
}

#eFormDependenciesRadTree input {
  display: inline-block !important;
}

.mod-calss {
  font-family: tahoma;
}

[id*='divHtmlHolder'] {
  clear: both;
}

[id^='divMinMax_']:empty {
  display: none;
}

[id^='divMinMax_'] {
  margin-bottom: 20px;
}

[id^='divMinMax_'] [id^='divMinMax_'] {
  margin: 0;
}

[id^='divMinMax_']:before {
  content: '';
  display: table-cell;
}

[id^='divMinMax_']:after {
  content: '';
  display: table;
  clear: both;
}

[id^='divMinMax_']:before,
[id^='divMinMax_']:after,
[id^='divMinMax_']:empty {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

@media (min-width: 1500px) {
  body .uk-container {
    max-width: 1475px;
  }
}

.uk-container::before,
.uk-container::after {
  border-collapse: collapse;
  border-spacing: 0;
}

hr[gap-fill] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 0;
  padding: 0;
  margin: 0;
}

body em {
  color: inherit;
}

* {
  box-sizing: border-box;
}

a,
a:link,
a:visited,
a:active,
a:hover {
  color: var(--color-main);
  text-decoration: none !important;
}

body [class*='uk-icon-'] {
  font-family: 'Font Awesome 5 Pro', FontAwesome;
}

::-moz-selection {
  background: var(--color-secondary) !important;
  color: #fff !important;
}

::selection {
  background: var(--color-secondary) !important;
  color: #fff !important;
}

/********** SCROLLBAR **********/
::-webkit-scrollbar-track {
  background: #eee;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #eee;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  border: 2px solid #eee;
  background: var(--color-secondary);
}

::-webkit-scrollbar-thumb:hover {
  border-width: 0;
}

:root,
* {
  scrollbar-width: thin;
  scrollbar-color: var(--color-secondary) #eee;
}

/********** HEADER **********/
.site-logo {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transform: translateY(-100%) translateX(-30%);
  z-index: 9;
  position: relative;
}

.site-logo::before {
  content: '';
  position: absolute;
  top: 5px;
  right: -60%;
  background: url(./image/bg-logo.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  min-width: 190px;
  min-height: 100%;
}

.header-title {
  flex: 1;
}

.login-btn {
  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;
  gap: 6px;
  font-size: 14px;
  text-align: center;
  padding: 8px 12px;
  border-radius: 12px;
  background: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.login-btn:hover {
  color: #fff;
  background: var(--color-secondary);
}

.login-btn i {
  font-size: 18px;
}

.logo-alt img {
  height: 56px;
}

.logo-secondary {
  flex: 1;
  display: flex;
  flex-direction: row-reverse;
  /* margin-right: auto; */
}

.logo-secondary img {
  height: 56px;
  object-fit: contain;
  transition: 0.3s;
}

.site-title {
  display: inline-block;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  vertical-align: middle;
}

.img-managers {
  display: flex;
}

.img-managers li:nth-child(3) {
  transform: translateX(20px);
}
.img-managers li:nth-child(2) {
  transform: translateX(10px);
  margin-top: 10px;
}

.img-managers li img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid var(--color-main);
}

[id$='_PortalTitle'] {
  display: inline-block;
  color: #000;
  font-size: 20px;
  padding: 5px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.portal-image {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
  position: relative;
}

.portal-image img {
  display: inline-block;
  max-width: 86px;
  height: 100px;
  /* max-height: 100px; */
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -o-object-fit: contain;
  object-fit: contain;
  position: relative;
  margin-bottom: -50px;
  border-radius: 50%;
}

@media (max-width: 700px) {
  .site-logo {
    position: absolute;
    transform: translateY(-35%) translateX(-30px);
  }
  .logo-secondary img {
    width: 185px;
  }
  .img-managers {
    display: none;
  }
  .site-logo::before {
    top: -15px;
    right: -90%;
  }
}

/********** QUICK ACCESS **********/
/* start style btn change language */
button.dropbtn,
.dropdown-content a {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  font-size: 15px !important;
  border-radius: unset !important;
}

.dropbtn:after {
  content: '\f0d7';
  display: inline-block;
  font: 14px FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 3px;
  top: 50%;
}

button.dropbtn img,
.dropdown-content a img {
  margin-left: 5px;
  border-radius: 100%;
  width: 31px;
  height: 30px;
}

.dropbtn {
  background-color: transparent;
  color: white;
  padding: 5px 15px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  position: relative;
}

.dropdown {
  position: relative;
  display: inline-block;
  direction: ltr;
}

.dropdown-content {
  opacity: 0;
  position: absolute;
  right: 0;
  background-color: #f9f9f9;
  /* min-width: 160px; */
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.dropdown-content a {
  color: black !important;
  padding: 12px 16px !important;
  text-decoration: none !important;
}

.dropdown-content a:hover {
  background-color: var(--sixth-color);
  color: white !important;
}

.dropdown:hover .dropdown-content {
  display: block;
  opacity: 1;
}

.dropdown:hover .dropbtn {
  background-color: var(--sixth-color);
}

/* end style change language btn */
.quick-access {
  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;
  margin: 0;
  padding: 0;
  gap: 10px;
}

main#wrap\:auth .quick-access {
  left: 70px;
}

.quick-access li {
  display: block;
  padding: 4px;
  overflow-wrap: break-word;
  word-break: break-word;
  word-spacing: normal;
  letter-spacing: normal;
}

.quick-access li a,
.quick-access .temp {
  display: block;
  color: var(--color-secondary);
  text-align: center;
  font-size: 20px;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  border-radius: 50%;
  font-weight: 700;
  word-break: unset;
}

.lang-switch i {
  font-size: 20px;
  vertical-align: middle;
  margin-inline-end: 5px;
}

.quick-access li a:hover,
.quick-access li a:hover i {
  color: #fac53e;
}

.quick-access li a.search-toggle i {
  width: 20px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.quick-access li a.search-toggle i:not(.active) {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  opacity: 0;
  left: 8px;
}

@media (max-width: 400px) {
  .quick-access li:nth-child(3),
  .quick-access li:nth-child(4) {
    display: none;
  }
}

/********** ICONS **********/
.header-info {
  color: #fff;
}

.top-nav {
  color: #fff;
  list-style: none;
  font-size: 14px;
  padding: 0;
  margin: 0 auto 0 0;
}

.top-nav li {
  display: inline-block;
  vertical-align: top;
}

.top-nav li a {
  display: block;
  color: #fff !important;
  font-size: 12px;
  padding: 0 8px;
  margin: 8px 0;
}

.top-nav li:not(:last-child) a {
  border-left: solid 1px #fff;
}

.top-nav li a:hover {
  color: #470200 !important;
}

.dp_header_icon {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
}

.dp_header_icon li {
  display: inline-block;
  vertical-align: middle;
  color: #470200;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.dp_header_icon li a {
  display: block;
  width: 24px;
  height: 24px;
  color: #fff !important;
  text-align: center;
  font-size: 22px;
  line-height: 30px;
  margin: 2px;
  border-radius: 100%;
  vertical-align: middle;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.dp_header_icon li a .fa-stack {
  width: auto;
  height: auto;
  line-height: unset;
  vertical-align: top;
}

.dp_header_icon li a .fa-stack-1x:nth-child(1) {
  font-size: 30%;
  top: -19%;
  left: 18%;
}

.dp_header_icon li a .fa-stack-1x:nth-child(2) {
  font-size: 50%;
  top: -11%;
  left: -7%;
}

.dp_header_icon li a:hover {
  color: #470200 !important;
}

.quick-access .lang-switch {
  white-space: nowrap;
  list-style: none;
  font-size: 0;
  margin: 0;
}

.lang-switch li {
  display: inline-block;
  vertical-align: middle;
}

.lang-switch li a,
.lang-switch li span {
  color: #fff;
  font-size: 12px;
  padding: 1px 5px;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.lang-switch li span,
.lang-switch li a:hover {
  color: #fc0;
}

.lang-switch li:not(:first-child) a:before,
.lang-switch li:not(:first-child) span:before {
  content: '';
  width: 1px;
  height: 16px;
  background: #fff;
  position: absolute;
  top: 50%;
  right: -3px;
  -webkit-transform: translateY(-50%) rotate(20deg);
  -ms-transform: translateY(-50%) rotate(20deg);
  transform: translateY(-50%) rotate(20deg);
}

.lang-switch img {
  display: none;
}

select.LanguageSwitcher {
  color: var(--color-main);
  background: none;
  cursor: pointer;
  border: none;
}

select.LanguageSwitcher option {
  color: var(--color-main);
  cursor: pointer;
}

/********** NAVIGATION **********/
#mainHeader {
  background: #fff;
}

[msh-sticky] {
  transition: 0.5s;
}

[msh-sticky].active.scroll-up {
  animation: slide-bottom 0.5s;
}

[msh-sticky].active.scroll-down {
  transform: translateY(-100%);
  /* opacity: 0; */
}

@keyframes slide-bottom {
  0% {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

/* quick access nav */
.fixed-qa-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  position: fixed;
  transform: translateY(-50%);
  z-index: 999;
  left: 0;
  top: 50%;
}

.fixed-qa-nav li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  font-size: 30px;
  color: #fff;
  border-radius: 50%;
  padding: 8px;
  margin: 15px 12px;
  background: var(--color-main);
  outline: 3px solid transparent;
  outline-offset: 4px;
  position: relative;
  transition: 0.3s;
}

.fixed-qa-nav li a:hover {
  background: var(--color-secondary);
  outline-color: var(--color-secondary);
}

.fixed-qa-nav li a span {
  font-size: 14px;
  white-space: nowrap;
  padding: 5px 10px;
  border-radius: 4px;
  color: #000;
  position: absolute;
  transform-origin: left;
  transform: translateY(-50%) scaleX(0);
  transition: 0.3s;
  left: calc(100% + 10px);
  top: 50%;
}

.fixed-qa-nav li a:hover span {
  transform: translateY(-50%) scaleX(1);
}

.fix-online-chat {
  position: fixed;
  transform: translateY(-50%);
  z-index: 99;
  right: 0;
  top: 50%;
}

.header-bar {
  background: #fff;
  position: relative;
  z-index: 500;
  box-shadow: 0px 4px 11px 0px #0000002e;
}

.header-top {
  display: block;
  padding: 12px 0;
  position: relative;
  z-index: 9;
  background: var(--color-main);
  background-size: cover;
  box-shadow: 0px -14px 4px 0px #0000008a;
}

.header-top::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: inherit;
  position: absolute;
  z-index: -1;
  right: 0;
  top: 0;
  filter: drop-shadow(0px 3px 2px #00000033);
}

@media (max-width: 640px) {
  .dp-date,
  .header-top::before,
  .header-top::after {
    display: none;
  }

  .portal-image img {
    width: 70px;
    height: 60px;
    max-height: 100%;
    margin: 0;
  }

  [id$='_PortalTitle'] {
    font-size: 16px;
  }

  .header-top .uk-flex-item-1.uk-flex-right {
    justify-content: end;
  }
}

.header-bottom {
  border-radius: 0 0 12px 12px;
  position: relative;
}

#menu {
  /* -webkit-box-flex: 1; */
  -ms-flex-positive: 1;
  /* flex-grow: 1; */
  /* width: auto; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* margin: auto; */
  margin-right: 70px;
}

#menu.uk-active {
  -webkit-animation: uk-fade-top 0.5s;
  animation: uk-fade-top 0.5s;
}

#header-sticky.active .nav-tool > * {
  display: inline-block;
}

.megamenu-root,
.megamenu-root ul {
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0;
}

.megamenu-root ul {
  padding: 0 10px 10px 0;
  margin: 0;
}

.megamenu-root a {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.megamenu-root a:hover {
  color: #b2040e;
  padding-right: 10px;
}

.megamenu-root > li > a {
  display: block;
  color: #b2040e;
  font-size: 16px;
  line-height: 1.8em;
  font-weight: bold;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.megamenu-root ul > li > a {
  display: block;
  color: #333;
  font-size: 12px;
  line-height: 1.8em;
  font-weight: bold;
}

.call-action-btn {
  display: inline-block;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 2em;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  background: #881125;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.call-action-btn:hover {
  color: #881125 !important;
  -webkit-box-shadow: inset 0 0 0 2px #881125;
  box-shadow: inset 0 0 0 2px #881125;
  background: #fdb913;
}

@media (max-width: 768px) {
  #menu {
    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;
    margin-right: 110px;
  }
}

/********** MAIN NAV **********/
#main-nav {
  --pad-x: 15px;
  --pad-y: 9px;
}

#main-nav > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  z-index: 99;
}

#header-sticky.uk-active #main-nav > ul {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

#main-nav > ul > li {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

#main-nav ul ul li {
  display: block;
  position: relative;
}

#main-nav ul li a {
  display: block;
  color: var(--color-secondary);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  padding: var(--pad-y) var(--pad-x);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  z-index: 1;
}

#main-nav > ul > li > a {
  text-align: center;
}

#main-nav > ul > li > a:hover {
  color: #fac53e !important;
}

#main-nav > ul > li:first-child > a {
  -webkit-marginin-start: calc(var(--pad-x) * -1);
  margin-inline-start: calc(var(--pad-x) * -1);
}

#main-nav > ul > li:hover > a {
  color: #fff;
}

#main-nav > ul > li:hover > a:before {
  border-width: 5px;
}

#main-nav ul ul {
  display: block;
  /* min-width: 200px; */
  padding: 0;
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.2), 0 -2px var(--color-secondary);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.2), 0 -2px var(--color-secondary);
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 9;
}

#main-nav ul ul ul {
  top: 0;
  right: 100%;
}

#main-nav ul ul li a {
  color: var(--color-main) !important;
  text-align: initial;
  font-size: 14px;
  padding: 4px 10px 4px 5px;
  margin: 0;
  min-width: 200px;
}

#main-nav ul ul li a:hover {
  color: #fff !important;
  padding: 4px 15px 4px 0;
  background: var(--color-main);
}

#main-nav .nav-parent > a:after {
  content: '\f107';
  display: inline-block;
  font: 14px FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 3px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#main-nav ul ul .nav-parent > a:after {
  content: '\f104';
  left: 10px;
}

#main-nav .nav-sub {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: #fff;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.5s, transform 0s 0.5s;
  -webkit-transition: all 0.5s, -webkit-transform 0s 0.5s;
  transition: all 0.5s, -webkit-transform 0s 0.5s;
  -o-transition: all 0.5s, transform 0s 0.5s;
  transition: all 0.5s, transform 0s 0.5s;
  transition: all 0.5s, transform 0s 0.5s, -webkit-transform 0s 0.5s;
}

.nav-sub.megamenu {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.nav-sub.megamenu li.nav-parent,
.nav-sub.megamenu li.nav-parent > ul {
  background: #eee !important;
}

.nav-sub.megamenu li.nav-parent:not(:last-child) {
  border-left: 1px solid #aaa;
}

#main-nav .nav-sub.megamenu .nav-parent a:hover {
  color: var(--color1) !important;
  background: none;
}

#main-nav .nav-sub.megamenu > li ul a {
  font-size: 12px;
}

.nav-sub.megamenu ul {
  display: block !important;
  position: static !important;
  visibility: visible !important;
  -webkit-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  transform: scale(1) !important;
  pointer-events: all !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-animation: none;
  animation: none !important;
  opacity: 1 !important;
}

#main-nav .nav-parent:hover > ul {
  display: block;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-animation: navslide 0.5s;
  animation: navslide 0.5s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

@-webkit-keyframes navslide {
  0% {
    -webkit-transform: translateY(-5px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}

@keyframes navslide {
  0% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

/********* RESPONSIVE NAV **********/
body.uk-offcanvas-page {
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  position: static !important;
}

.menu-btn {
  float: left;
  color: #1e2226 !important;
  font-size: 18px;
  line-height: 15px;
  padding: 6px 10px;
  margin: 5px 0;
  border-radius: 0;
  background: #fff;
  border-radius: 5px;
}

.menu-btn i {
  vertical-align: middle;
}

#res-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#res-nav > div {
  height: 100vh;
  padding: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #fff;
  background: #1e2226;
}

#res-nav ul ul {
  height: 0;
  padding-right: 10px;
  overflow: hidden;
  border-right: 1px solid var(--color-secondary);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#res-nav li {
  position: relative;
}

#res-nav li.nav-parent > a {
  pointer-events: none;
}

#res-nav li:hover > a {
  color: #fff;
  background: var(--color-secondary);
}

#res-nav li:hover > ul {
  height: auto;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}

#res-nav a {
  display: block;
  color: #ebebeb;
  padding: 5px;
}

#res-nav .nav-parent a {
  padding-left: 15px;
}

#res-nav .nav-parent > a {
  pointer-events: none;
}

#res-nav .nav-parent > a:after {
  content: '\f107';
  /* arrow bottom */
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 5px;
  left: 5px;
}

/********** BREADCRUMBS **********/
.breadcrumbs-wrap:has([id*='BreadCrumbs']) {
  color: #1e2226;
  padding: 6px 0;
  margin: 0 0 15px;
  -webkit-box-shadow: 0 4px 10px rgba(119, 119, 119, 0.2);
  box-shadow: 0 4px 10px rgba(119, 119, 119, 0.2);
}

[id$='_BreadCrumbs'] {
  display: block;
  width: 100%;
}

[id$='_BreadCrumbs'] tbody,
[id$='_BreadCrumbs'] tbody tr,
[id$='_BreadCrumbs'] tbody tr td {
  display: block;
}

[id$='_BreadCrumbs'] a.bc-link {
  color: var(--color-main);
  border-bottom: 1px dashed rgba(218, 104, 74, 0.4);
}

[id$='_BreadCrumbs'] a.bc-link:hover {
  border-bottom-style: solid;
}

[id$='_BreadCrumbs'] .bc-text {
  font-size: 0;
}

[id$='_BreadCrumbs'] .bc-text:before {
  content: '/';
  display: inline-block;
  width: 15px;
  text-align: center;
  font-size: 12px;
  vertical-align: middle;
}

/********** MARK: SLIDER **********/
:root #wowslider-container_quiet .ws_bullets {
  padding: clamp(1px, 2vw, 15px) clamp(5px, 2vw, 50px) 3px;
  background: none;
  position: absolute;
  transform: translateX(50%);
  right: 50%;
  bottom: 0;
  top: auto;
}

:root #wowslider-container_quiet .ws_bullets::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0;
  background: #fff;
  position: absolute;
  transform: perspective(100px) rotateX(45deg);
  transform-origin: top center;
  z-index: -1;
  right: 0;
  bottom: -4px;
}

:root #wowslider-container_quiet .ws_bullets > div {
  float: none;
  display: flex;
  gap: 8px;
}

:root #wowslider-container_quiet .ws_bullets div a {
  display: inline-block;
  float: none;
  width: 8px;
  height: 8px;
  font-size: 0;
  text-indent: initial;
  margin: 0;
  background: #c1c1c1;
  transition: 0.3s;
  border-radius: 50%;
}

:root #wowslider-container_quiet .ws_bullets div a.ws_selbull {
  background: var(--color-secondary);
}

.pb-slider #wowslider-container_quiet {
  margin-top: 20px;
  border-radius: 16px;
  overflow: hidden;
}

@media (max-width: 600px) {
  #wowslider-container_quiet .ws_images img {
    height: 200px;
  }
}

/********** SLIDESHOW PLUS **********/
[id$='_fakeDiv'] .owl-box {
  overflow: visible;
  max-width: 100%;
}

[id$='_fakeDiv'] .owl-item .item {
  display: block;
  margin: 0;
  cursor: pointer;
}

[id$='_fakeDiv'] .owl-controls {
  margin: 0 !important;
}

[id$='_fakeDiv'] .owl-box :where(.owl-prev, .owl-next):not([style*='display: none']) {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  font-size: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: #c7d6e5 !important;
  position: absolute;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  box-shadow: 0px 4px 4px 0px #0000001f;
}

[id$='_fakeDiv'] .owl-box :where(.owl-prev, .owl-next) :before {
  font-family: 'Font Awesome 5 Pro', FontAwesome;
  font-weight: 100;
}

[id$='_fakeDiv'] .owl-prev {
  right: -55px;
}

[id$='_fakeDiv'] .owl-next {
  left: -55px;
}

.carousel-img-round .owl-item .item img {
  border-radius: 16px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

/********** ADVANCED MENU **********/
[id$='_dp_Advanced_Menu'] {
  position: relative;
}

[id$='_dp_Advanced_Menu'] .dp-Advanced-Menu {
  min-height: auto;
}

/********** WEATHER **********/
.dp-weather-content {
  text-align: center;
}

.dp-weather-content .temperature {
  padding: 15px 0;
}

.dp-weather-content .temperature-forecasts-btn {
  display: inline-block;
  color: #173953;
  padding: 0 15px;
}

.dp-weather-content .show-states {
  display: inline-block;
  width: auto;
  color: #173953 !important;
  font-size: unset;
  padding: 0 15px;
  border: 0 !important;
}

.dp-weather-states .all-cities .state-item {
  color: #fff !important;
  background: #173953 !important;
}

/********** GALLERY **********/
.gv_galleryWrap .gv_showOverlay {
  display: none;
}

.sr-gall {
  padding: 20px 0 !important;
}

/********** PICTURES GALLERY **********/
[id$='_RepeatColumnsHorizontal'] ul {
  margin: 0;
}

.galleryContainer {
  height: auto !important;
}

.galleryContainer .gv_galleryWrap {
  height: auto !important;
  padding: 0 !important;
  background: none;
}

.galleryContainer .gv_galleryWrap .gv_gallery {
  height: auto !important;
}

.galleryContainer .gv_galleryWrap .gv_panelWrap {
  margin-bottom: 10px;
  position: static;
}

.galleryContainer .gv_galleryWrap .gv_panelWrap .gv_panel {
  position: static;
}

.galleryContainer .gv_galleryWrap .gv_overlay * {
  margin: 0;
}

.galleryContainer .gv_galleryWrap .gv_panel img {
  position: static;
}

.galleryContainer .gv_galleryWrap .gv_filmstripWrap {
  display: none;
}

.galleryContainer .gv_galleryWrap .gv_navWrap {
  width: 100% !important;
  height: auto !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: static;
}

.galleryContainer .gv_galleryWrap .gv_navWrap > * {
  display: inline-block;
  width: auto;
  height: auto;
  background: none;
  vertical-align: middle;
  opacity: 1;
}

.galleryContainer .gv_galleryWrap .gv_navWrap > :before {
  display: inline-block;
  color: #e8921b;
  margin: 5px;
  font: 16px FontAwesome;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: scaleY(1.5);
  -ms-transform: scaleY(1.5);
  transform: scaleY(1.5);
}

.galleryContainer .gv_galleryWrap .gv_navWrap > :hover:before {
  color: #7c0201;
}

.galleryContainer .gv_galleryWrap .gv_navWrap .gv_navPrev:before {
  content: '\f053';
}

.galleryContainer .gv_galleryWrap .gv_navWrap .gv_navNext:before {
  content: '\f054';
}

.galleryContainer .gv_galleryWrap .gv_navWrap .gv_navPlay:before {
  content: '\f04b';
}

.galleryContainer .gv_galleryWrap .gv_navWrap .gv_navPause:before {
  content: '\f04c';
}

.galleryContainer + [id$='_centerDiv'],
.galleryContainer + [id$='_centerDiv'] tbody,
.galleryContainer + [id$='_centerDiv'] tr,
.galleryContainer + [id$='_centerDiv'] td {
  display: block;
  padding: 0;
  border-spacing: 0;
}

/********** VIDEO GALLERY **********/
.video-box[class*='voverlay_'] {
  width: 100%;
}

[id$='_dataContainer'].uk-container {
  max-width: none;
  padding: 0;
}

[side-pane] [id$='_dataContainer'].uk-container > .uk-grid.uk-flex {
  max-width: 250px;
  margin: 0;
}

[side-pane] [id$='_dataContainer'].uk-container > .uk-grid.uk-flex {
  max-width: 250px;
}

[side-pane] [id$='_dataContainer'] .video-box {
  width: 100%;
  padding: 0;
}

.dp-videogallery-deleteAll {
  margin: auto !important;
}

[id$='_videogallerycontainer'].uk-container {
  max-width: none;
  padding: 0;
}

[id$='_videogallerycontainer'] [id^='rpShowVideo'] {
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
}

[id$='_videogallerycontainer'] [id^='rpShowVideo'] .video-caption {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

[id$='_videogallerycontainer'] [id^='rpShowVideo'] .video-box:hover .video-caption {
  pointer-events: none;
  opacity: 0;
}

[id$='_videogallerycontainer'] [id^='rpShowVideo'] > * {
  width: 260px;
  max-width: 100%;
  padding: 0;
  margin: 10px !important;
  position: relative;
}

[id$='_videogallerycontainer'] [id^='rpShowVideo'] .video-caption {
  width: 100%;
  padding: 5px 10px;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  z-index: 1;
}

[id$='_videogallerycontainer'] [id^='rpShowVideo'] .voverlay {
  color: #fff;
  display: inline-block;
}

[id$='_videogallerycontainer'] [id^='rpShowVideo'] .voverlay img {
  height: auto;
  padding: 0;
  border-radius: 0;
}

[id$='_videogallerycontainer'] .video-box > .uk-overlay {
  position: relative;
}

.videogallery[class*='voverlay_'] .voverlay:before,
[id$='_videogallerycontainer'] .video-box > .uk-overlay:before {
  content: '\f01d';
  color: #fff;
  font: 80px FontAwesome;
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  pointer-events: none;
  z-index: 1;
}

[id$='_videogallerycontainer'] .video-box > .uk-overlay .uk-overlay-panel {
  pointer-events: none;
}

#voverlay {
  padding: 0 !important;
}

#voverlay:before {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  right: 0;
  z-index: -2;
}

#voverlay .vcontainer {
  padding: 10px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff !important;
}

#voverlay .close {
  z-index: 1;
}

img[src*='VideoGallery/Images/white.png'] {
  display: none !important;
}

.videogallery[class*='voverlay_'] .voverlay {
  width: 240px;
  max-width: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  opacity: 1;
  position: relative;
}

.videogallery[class*='voverlay_'] .voverlay .description {
  width: 100%;
  color: #fff;
  text-align: center;
  padding: 5px;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  z-index: 1;
}

.videogallery[class*='voverlay_'] .voverlay div {
  min-height: auto !important;
}

/********** NEWS **********/
[id*='NewsCategoryContainer'] {
  margin-bottom: 20px !important;
}

#NewsContent > table,
#NewsContent > table > tbody {
  display: block;
}

#NewsContent table tr td {
  padding: 0;
}

#NewsContent > table > tbody > tr {
  display: flex;
  flex-wrap: wrap;
  --gap: 30px;
  --cols: 1;
  gap: var(--gap);
}

#NewsContent > [id*='NewsContentList'] {
  display: block;
}

#NewsContent > table > tbody > tr > td {
  display: block;
  width: calc((100% / var(--cols)) - ((var(--cols) - 1) * var(--gap) / var(--cols))) !important;
  min-width: 270px;
  margin-bottom: var(--gap);
}

#NewsContent tr:has(> td[style*='width:50%']) {
  --cols: 2;
}

#NewsContent tr:has(> td[style*='width:33%']) {
  --cols: 3;
}

#NewsContent tr:has(> td[style*='width:25%']) {
  --cols: 4;
}

#NewsContent tr:has(> td[style*='width:20%']) {
  --cols: 5;
}

#NewsContent tr:has(> td[style*='width:16%']) {
  --cols: 6;
}

#NewsContent tr:has(> td[style*='width:14%']) {
  --cols: 7;
}

#NewsContent tr:has(> td[style*='width:12%']) {
  --cols: 8;
}

#NewsContent tr:has(> td[style*='width:11%']) {
  --cols: 9;
}

#NewsContent tr:has(> td[style*='width:10%']) {
  --cols: 10;
}

#NewsContent :empty:not(img, input, i),
#NewsContent td:has(> .DPNewsImageLink:empty) {
  display: none !important;
}

#NewsContent [id*='NewsContentPanel'] {
  display: flex;
  height: 100%;
  padding: 24px;
  border-radius: 15px;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0 4px 32px 0 rgba(51, 80, 151, 0.17);
  transition: 0.3s;
}

#NewsContent [id*='NewsContentPanel']:hover {
  box-shadow: 0 4px 32px 0 rgba(51, 80, 151, 30%);
  transform: translateY(-10px);
}

#NewsContent [id*='NewsContentLayout'],
#NewsContent [id*='NewsContentLayout'] > tbody {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#NewsContent [id*='NewsContentLayout'] > tbody > tr {
  display: flex;
  gap: 15px;
}

#NewsContent [id*='NewsContentLayout'] > tbody > tr:last-child {
  flex: 1;
}

#NewsContent [id*='NewsContentLayout'] > tbody > tr > td {
  display: block;
  /* width: 100%; */
}

#NewsContent [id*='NewsContentLayout'] > tbody > tr > td:nth-child(1),
#NewsContent [id*='NewsContentLayout'] > tbody > tr > td:nth-child(1) .DPNewsImageLink,
#NewsContent [id*='NewsContentLayout'] > tbody > tr > td:nth-child(1) .DPNewsImageLink img {
  width: 100%;
}

#NewsContent [id*='NewsContentLayout'] > tbody > tr > td:nth-child(1) .DPNewsImageLink img {
  height: 200px;
}

#NewsContent .DPNewsImageLink {
  display: flex;
  justify-content: center;
  width: 100%;
}

#NewsContent .DPNewsImageLink img {
  display: block;
  max-width: 100%;
  height: revert-layer;
  margin: 0 auto;
  border: 0;
  border-radius: 10px;
}

#NewsContent .DPNewsItemTitle span {
  font-size: 16px;
  color: #2a2a2a;
  font-family: IranSans;
}

#NewsContent [id*='ContentSubTitle'] {
  display: block;
}

/* parent of ContentBox */
:has(> #ContentBox) {
  flex: 1;
}

#NewsContent #ContentBox,
#NewsContent #ContentBox > tbody {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-align: start;
}

#NewsContent [id*='NewsAbstractArea'] {
  flex: 1;
  display: flex;
  flex-direction: column;
}

#NewsContent [id*='NewsAbstractArea'] > td {
  display: block;
  height: 100%;
}

#NewsContent #ContentBox [id*='NewsAbstractPanel'] {
  font-size: 14px;
  color: #414141;
  padding: 0;
  border: 0;
  background: none;
}

#NewsContent #ContentBox [id*='NewsAbstractPanel'] [id*='_NewsAbstract'] {
  color: #2a2a2a;
}

#NewsContent #ContentBox [id*='NewsAbstractPanel'] {
  display: flex;
  flex-direction: column;
  height: 100%;
  line-height: 1.8em;
}

#NewsContent [id*='NewsAbstractMorePanel'] {
  margin-top: auto;
}

#NewsContent #ContentBox .AbstractMoreLink {
  font-size: 12px;
  color: #bfbfbf;
  margin: 5px 0;
}

/********** NEWS ICONS *********/
[id$='DetailsNewsCodeImage'],
[id$='DetailsSubmitDateImage'],
[id$='DetailsVisitImage'],
[id$='DetailsCommentCountImage'],
[id$='DetailsNewsSourceImage'],
[id$='DetailsCreatedByImage'] {
  display: none;
}

[id$='ContentDetailsPanel'] {
  display: block;
  text-align: right;
  margin: 5px 0;
}

[id$='DetailsNewsCodePanel'],
[id$='DetailsSubmitDateCaption'],
[id$='DetailsSubmitTime'],
[id$='DetailsVisitPanel'],
[id$='DetailsCommentCountPanel'],
[id$='DetailsNewsSourcePanel'],
[id$='DetailsCreatedByPanel'] {
  display: inline-block;
  font-size: 10px;
}

[id$='DetailsNewsCodePanel']:before,
[id$='DetailsSubmitDateCaption']:before,
[id$='DetailsSubmitTime']:before,
[id$='DetailsVisitPanel']:before,
[id$='DetailsCommentCountPanel']:before,
[id$='DetailsNewsSourcePanel']:before,
[id$='DetailsCreatedByPanel']:before {
  display: inline-block;
  width: 18px;
  color: var(--color-main);
  text-align: center;
  font: 12px FontAwesome;
  padding: 2px 0;
  vertical-align: top;
}

[id$='DetailsNewsCodePanel']:before {
  content: '\f1ea';
}

/* icon News Code */
[id$='DetailsSubmitDateCaption']:before {
  content: '\f073';
}

/* icon News Date */
[id$='DetailsSubmitTime']:before {
  content: '\f017';
}

/* icon News Time */
[id$='DetailsVisitPanel']:before {
  content: '\f06e';
}

/* icon News Views */
[id$='DetailsCommentCountPanel']:before {
  content: '\f086';
}

/* icon News Comment */
[id$='DetailsNewsSourcePanel']:before {
  content: '\f09e';
}

/* icon News Source */
[id$='DetailsCreatedByPanel']:before {
  content: '\f007';
}

/* icon News User */

/********** NEWS PAGINATION **********/
[id$='_NewsPagingNumbers'] {
  float: right;
}

[id$='_NewsPagingNumbers'] .pgNumbersCurrent {
  display: inline-block;
  min-width: 10px;
  text-align: center;
  color: #fff !important;
  padding: 1px 5px;
  margin: 0 5px;
  border-radius: 5px;
  background: var(--color-main);
}

[id$='_NewsPagingNumbers'] .pgNumbers {
  display: inline-block;
  min-width: 8px;
  text-align: center;
  color: var(--color-main);
  padding: 0 5px;
  margin: 0 5px;
  border-radius: 5px;
  border: 1px solid var(--color-main);
}

[id$='_NewsPagingNumbers'] [id*='NewsPagingNumbers_goToTxt'] {
  height: 26px;
  margin: 0 5px;
  vertical-align: middle;
}

#NewsContent [id$='_NewsPagingNumbers']:where(.pgNext, .pgPrevious, .commandButton, [id*='NewsPagingNumbers_goToBtn']) {
  display: inline-block;
  width: auto;
  height: 26px;
  text-align: center;
  border: 1px solid var(--color-main);
  line-height: 2.3;
  padding: 0 5px;
  margin: 0 5px;
  border-radius: 5px;
}

/********** NEWS ARCHIVE **********/
[id*='NewsFooterArchiveLink'] {
  float: left !important;
  clear: none !important;
  width: auto !important;
  color: var(--color-main);
  font-size: 0 !important;
  padding-left: 30px;
  margin: 0 !important;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

[id*='NewsFooterArchiveLink']:hover {
  letter-spacing: 0.5px;
}

[id*='ArchiveLinkCaption'] {
  display: inline-block;
  vertical-align: top;
  padding: 1px 0;
  font-size: 12px;
}

[id*='NewsFooterArchiveLink']:before {
  content: '\f1ea';
  font: 18px FontAwesome;
  position: absolute;
  top: 1px;
  left: 4px;
  pointer-events: none;
}

[id*='NewsFooterArchiveLink']:after {
  content: '';
  display: table;
  clear: both;
}

[id*='ArchiveLinkImage'] {
  width: 100% !important;
  height: 100% !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
}

/********** NEWS PAGE **********/
#NVContentImageContainer {
  width: 100%;
  max-width: 400px;
  margin: 0 15px 5px 0 !important;
}

#NVContentHeader b,
#NVContentHeader td,
#NVContentHeader span {
  font: 12px IranSans, Tahoma !important;
}

#VisitedCount {
  font-family: IranSans, Tahoma !important;
}

#NVContentDescriptionContainer {
  display: block;
  font-size: 14px;
  line-height: 2em !important;
  margin-top: 10px;
}

[id$='_SliderImageItem'] {
  width: 100%;
}

/********** Services **********/
.sliderpack {
  position: relative;
}
.pb-serv {
  width: 100%;
  position: absolute;
  bottom: 5%;
}
.pb-serv .owl-stage-outer {
  background: #00000066;
  backdrop-filter: blur(13px);
  border-radius: 16px;
}
.pb-serv .owl-stage {
  margin: 19px 0;
}
.pb-serv .owl-item {
  width: 100%;
  border-left: 1px solid #fff;
}
.pb-serv .owl-item .item {
  margin: auto;
  width: fit-content;
  transition: all 0.2s;
  &:hover {
    transform: translateY(-10px);
  }
}
.pb-serv .owl-item:nth-child(1) .item {
  transition: transform 0.3s ease;
  animation: floatItem 1s ease-in-out infinite;
}
@keyframes floatItem {
  0%,
  100% {
    transform: translateY(10px);
  }
  50% {
    transform: translateY(-10px);
  }
}
.pb-serv .owl-item:nth-child(1) .item:hover {
  animation-play-state: paused;
  transform: translateY(-5px);
}
.pb-serv .owl-item:nth-child(6) {
  border-left: none;
}
.pb-serv .owl-carousel .owl-item img {
  width: 80px;
  height: 80px !important;
  border-radius: 8px;
  object-fit: fill;
  margin-inline: auto;
}
.pb-serv .owl-item .item > .owl-image-title {
  font-size: 16px;
  color: #fff;
  margin-block: 16px 10px;
  animation: none;
}
.pb-serv .owl-item .item > .owl-image-title p {
  margin: 0 !important;
}
@media (max-width: 768px) {
  .pb-serv {
    position: static;
  }
}

/********** Services **********/
.bg-center-pane:has(.rc-serv) {
  background: #b3dad8;
  margin-top: 50px;
}
.rc-serv .owl-stage {
  margin: 40px 0 30px;
}
.rc-serv .owl-item {
  display: block;
  position: relative !important;
  transition: 0.3s;
}
.rc-serv .owl-item::before {
  content: '';
  width: 90px;
  height: 80px;
  will-change: border-radius, transform;
  border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
  background: linear-gradient(179.62deg, rgba(0, 60, 147, 0.2) -29.28%, rgba(68, 171, 152, 0.2) 42.66%);
  position: absolute;
  transition: all 0.5s;
  transform: translateX(50%);
  right: 50%;
  top: 23px;
}
.rc-serv .owl-item:hover::before {
  transform: rotate(16deg) translateY(5px) translateX(50%);
}
.rc-serv .owl-item:nth-child(odd)::before {
  border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
}
.rc-serv .owl-item:nth-child(even)::before {
  border-radius: 58% 42% 75% 25%/76% 46% 54% 24%;
}
.rc-serv .owl-item:nth-child(3n)::before {
  border-radius: 50% 50% 33% 67%/55% 27% 73% 45%;
}
.rc-serv .owl-item:nth-child(4n)::before {
  border-radius: 33% 67% 58% 42%/63% 68% 32% 37%;
}
.rc-serv .owl-item::after {
  content: '';
  width: 200px;
  height: 200px;
  background: #fff;
  position: absolute;
  transform: translateX(50%);
  right: 50%;
  top: 0px;
  z-index: -1;
  border-radius: 10px;
}
.rc-serv .owl-item .item {
  display: block;
  position: relative;
  padding: 1px;
  height: 200px;
}
.rc-serv .owl-item img {
  width: 80px !important;
  height: 80px !important;
  margin: 40px auto 30px;
  object-fit: contain;
  transition: 0.3s;
}
.rc-serv .owl-image-title {
  color: var(--color-secondary) !important;
  font-family: inherit;
  font-size: 18px;
  font-weight: 500;
  animation: none;
}

/********** Section Products **********/
[home='true'] .bg-bottom-center-pane {
  background: url(./image/bg-Products.png);
  background-size: 100% 100%;
}

/********** NEWS LIGHTBOX **********/
#jquery-lightbox > table > tbody > tr:not(:nth-child(2)),
#jquery-lightbox > table > tbody > tr > .ml,
#jquery-lightbox > table > tbody > tr > .mr {
  display: none;
}

#lightbox-nav,
#lightbox-image,
#lightbox-container-image,
#lightbox-container-image-box,
#lightbox-container-image-data-box {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

#jquery-lightbox > table > tbody > tr > .mc {
  display: block;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

[side-pane] [id$='_NewsList'] [id$='_tblCollectedNews'] > div,
[side-pane] [id$='_NewsList'] [id$='_tblCollectedNews'] > div > div {
  margin: 0 !important;
}

[id$='_NewsList'] div {
  float: none !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

[id$='_NewsList'] > div:last-of-type {
  padding-right: 15px;
}

[id$='_NewsList'] > div:last-of-type a {
  display: inline-block;
  height: auto;
}

[id$='_NewsList'] > div:last-of-type a:hover {
  background: #470200;
}

/********** NEWS ROTATOR **********/
:has(> [id$='_NewsRotator']) {
  padding: 24px;
  margin: 35px 0;
  border-radius: 16px;
  box-shadow: 0 4px 32px 0 rgba(51, 80, 151, 0.17);
  position: relative;
}

[id$='_NewsRotator'] {
  border-bottom: 0;
}

[id$='_NewsRotator'] .uk-clearfix {
  padding: 0;
}

[id$='_NewsRotator'] .rotatorBox[id$='_rotator'] {
  height: auto !important;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-template-areas: 'main';
  position: static;
}

[id$='_NewsRotator'] .rotatorBox > .NewsItemStyle {
  grid-area: main;
  background: none !important;
  height: auto !important;
  padding: 0;
  position: static;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  opacity: 1;
}

[id$='_NewsRotator'] .rotatorBox > :not(:first-child) {
  opacity: 0;
  pointer-events: none;
  top: 0;
}

[id$='_NewsRotator'] .rotatorBox .newsCollectorImages {
  display: block !important;
  width: auto !important;
  height: auto !important;
  padding: 0;
  margin: 0;
  border: 0;
}

[id$='_NewsRotator'] .rotatorBox .newsCollectorImages img {
  display: block !important;
  width: 100% !important;
  border-radius: 16px;
  position: static;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  aspect-ratio: 2/1;
}

[id$='_NewsRotator'] .rotatorBox .dp-rotatorNewsClt[class*='-img'] {
  float: none !important;
}

[id$='_NewsRotator'] .rotatorBox .dp-rotatorNewsClt.content {
  float: none;
  display: block;
  width: 100% !important;
  padding: 16px 0;
}

[id$='_NewsRotator'] .rotatorBox .dp-rotatorNewsClt.pre-title,
[id$='_NewsRotator'] .rotatorBox .dp-rotatorNewsClt.title {
  display: block;
}

[id$='_NewsRotator'] .rotatorBox .dp-rotatorNewsClt.pre-title span {
  margin: 0;
}

[id$='_NewsRotator'] .rotatorBox .dp-rotatorNewsClt.title i {
  display: none;
}

[id$='_NewsRotator'] .rotatorBox .dp-rotatorNewsClt.title a span {
  display: block;
  color: var(--color-main) !important;
  font-size: 17px;
  font-weight: 500 !important;
}

[id$='_NewsRotator'] .rotatorBox [id$='_DateAreaRotate'] {
  padding: 5px 10px 0 !important;
}

[id$='_NewsRotator'] .rotatorBox .dp-rotatorNewsClt.abstract {
  padding: 0 10px;
  background: none !important;
}

[id$='_NewsRotator'] .rotatorBox [id$='_SourceRotatorArea'] {
  display: none;
  padding: 0 10px;
}

[id$='_NewsRotator'] [id*='EventDateAreaRotator'] {
  font-size: 0 !important;
}

[id$='_NewsRotator'] [id*='lblRotatorEventDate'] td {
  color: #bfbfbf;
  font-size: 12px;
  position: absolute;
  bottom: 25px;
  right: 30px;
}

/* pagination */
[id$='_NewsRotator'] ~ [id$='_NewsPager'] {
  border-top: 0;
}

[id$='_NewsPager'] .pager {
  display: flex;
  justify-content: center;
  direction: unset;
  text-align: center;
  font-size: 0;
  padding: 0;
}

[id$='_NewsPager'] .pager > :not(.pagerLinks) {
  display: none !important;
}

[id$='_NewsPager'] .pagerLinks {
  display: block !important;
}

[id$='_NewsPager'] .pagerLinks ul {
  display: inline-block;
  padding: 0 !important;
}

[id$='_NewsPager'] .pic .pagerLinks ul li {
  display: inline-block !important;
  width: auto !important;
  margin: 0 !important;
  vertical-align: middle;
}

[id$='_NewsPager'] .pagerLinks ul li a {
  display: block !important;
  font-size: 0 !important;
  width: 8px;
  height: 8px;
  margin: 4px;
  border-radius: 30px;
  background: #d9d9d9;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

[id$='_NewsPager'] .pagerLinks ul li a:hover {
  background: var(--color-secondary);
}

[id$='_NewsPager'] .pagerLinks ul li a.currentPageClass {
  width: 13px;
  background: var(--color-main) !important;
}

[id$='_NewsPager'] .pagerLinks ul li a:before {
  display: none !important;
}

.archive-link {
  text-align: end;
  margin-block-start: -85px;
  margin-inline-end: 25px;
  pointer-events: none;
}

[id*='divHtmlHolder']:has(.archive-link) {
  pointer-events: none;
}

.archive-link a {
  pointer-events: auto;
}

/********** TOP NEWS **********/
.dp-TNFull.news_thumb .dp-TNFull.title {
  color: #616161;
  font-family: inherit !important;
  font-size: 12px !important;
}

.dp-TNFull.box .main_news img {
  width: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
}

.dp-TNFull.news_thumb div ul {
  margin-left: 10px;
  background: #efefef;
}

.dp-TNFull.news_thumb div ul li.active {
  background: #939393;
}

.dp-TNFull.news_thumb div ul li.active * {
  color: #fff !important;
}

/********** TOP NEWS PICTURE MODE **********/
.TNContainer [id$='_pnlTopNewsContainer'] {
  margin: 0 !important;
}

[id^='divMinMax_'] .TNContainer {
  margin: 0;
  border: 0;
  background: none;
}

.TNContainer .trcontent {
  position: relative;
}

.TNContainer .trcontent .main_news {
  border-radius: 24px;
}

.TNContainer .trcontent .dp-TNPicture.image {
  display: block;
  width: 100%;
}

.TNContainer .trcontent .dp-TNPicture.image img {
  display: block;
  width: 100% !important;
  height: 430px;
  min-height: 430px !important;
  -o-object-fit: cover;
  object-fit: fill;
}

.TNContainer .main_news .desc .block {
  border: none;
}

.TNContainer .dp-TNPicture.toolbar {
  width: auto !important;
  background: none;
  position: absolute;
  top: 0;
  left: 10px;
}

.TNContainer .dp-TNFull.player-btns,
.TNContainer .dp-TNPicture.player-bullets {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  vertical-align: top;
}

.TNContainer .dp-TNPicture.player-bullets ul li.active {
  background: #2bb1f7;
}

.TNContainer .pagerbar {
  height: auto;
  display: block;
  float: right;
  clear: none;
  vertical-align: top;
}

.TNContainer .pagerbar ul {
  display: block !important;
}

@media (max-width: 768px) {
  .TNContainer .trcontent .dp-TNPicture.image img {
    height: 335px;
    min-height: 335px !important;
  }
}

@media (max-width: 700px) {
  .TNContainer .trcontent .dp-TNPicture.image img {
    height: 211px;
    min-height: 211px !important;
  }

  .TNContainer .dp-TNPicture + .desc .dp-TNFull.title a {
    font-size: 14px !important;
  }

  .TNContainer .dp-TNPicture + .desc .block {
    padding: 10px 15px !important;
  }
}

/********** TOP NEWS PICTURE MODE **********/
.TNContainer .dp-TNPicture + .desc .block {
  display: flex;
  justify-content: space-between;
  padding: 15px 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(360deg, rgba(2, 6, 41, 0.37) 0%, rgba(6, 20, 143, 0.185) 100%);
  backdrop-filter: blur(22px);
}

.TNContainer .dp-TNPicture + .desc section,
.TNContainer .dp-TNPicture + .desc .PreTitle,
.TNContainer .dp-TNPicture + .desc .SubTitle {
  display: none !important;
}

.TNContainer .dp-TNPicture + .desc #toggleDescIcon {
  display: none;
}

.TNContainer .dp-TNPicture.toolbar {
  padding: 3px 0 !important;
}

.TNContainer .dp-TNPicture + .desc .block small {
  margin: 5px;
  font-size: 14px;
}

.TNContainer .main_news .main_news {
  background: none !important;
}

.TNContainer .dp-TNPicture + .desc .dp-TNFull.title a {
  color: #fff;
  font-size: 18px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.TNContainer .dp-TNPicture.player-bullets ul li.active {
  background: #f58220;
}

.TNContainer .dp-TNPicture.abstract {
  color: #4d4d4e;
  text-align: center;
}

/********** TOP NEWS TEXT TICKER **********/
.ticker-wrapper,
.ticker-wrapper a,
.ticker-wrapper p,
.ticker-wrapper div {
  display: block !important;
  float: none !important;
  width: 100% !important;
  height: auto !important;
  padding: 0 !important;
  text-align: center !important;
  font-size: 14px !important;
  font-family: inherit !important;
  line-height: 2em;
  color: #fff !important;
  margin: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  background: #002d65 !important;
  position: static !important;
}

.ticker-wrapper {
  padding: 15px 30px !important;
}

/********** TOP NEWS TEXT MODE ***********/
.dp-TNText.news_thumb ul li {
  padding: 10px 0;
  border-bottom: 1px dashed #ccc;
  background: none !important;
}

.dp-TNText.box .dp-TNText.image {
  float: right !important;
  width: auto !important;
}

.dp-TNText.box .dp-TNText.image img {
  width: 114px;
  height: 78px;
  -o-object-fit: cover;
  object-fit: cover;
  border: 1px solid grey !important;
}

.dp-TNText.box:hover .dp-TNText.image img {
  border-color: #ccc !important;
  -webkit-box-shadow: 5px 5px 10px rgba(128, 128, 128, 0.4);
  box-shadow: 5px 5px 10px rgba(128, 128, 128, 0.4);
}

.dp-TNText.box .dp-TNText.detail {
  float: right !important;
  width: calc(100% - 120px);
  padding-right: 10px;
}

.dp-TNText.box .dp-TNText.abstract p {
  color: #6c6c6c;
  margin: 0;
}

.dp-TNText.box .dp-TNText.abstract span {
  display: none;
}

.dp-TNText.box .dp-TNText.title {
  color: #575757;
  font-family: inherit;
  font-size: 14px;
}

.dp-TNText.box .dp-TNText.date .main_news {
  color: #cc2229;
  background: none;
}

.dp-TNText.bottom-bar:before {
  display: none !important;
}

.dp-TNText.bottom-bar .dp-TNText.pagerbar {
  background: transparent;
}

.dp-TNText.pagerbar span {
  display: inline-block;
  color: #464646 !important;
  vertical-align: middle;
}

.dp-TNText.pagerbar ul li {
  color: #464646;
  background: #d9d9da;
}

.dp-TNText.pagerbar ul li.active {
  color: #fff;
  background: #cc2229;
}

/********** POPULAR NEWS **********/
[id^='divMinMax_'] .MPNContainer,
.MPNContainer .MPNBulletContainer,
.MPNContainer .MPNListNumbersContainer {
  padding: 0 !important;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.MPNContainer br {
  display: none;
}

.MPNContainer #categories.MPNListContainerContainer {
  border: 0;
  background: none;
}

.MPNContainer #categories .MPNListTextContainer a {
  display: inline-block;
  color: #3c3c3c;
}

.MPNContainer #categories .MPNListTextContainer a:hover {
  color: #ba0000;
}

.MPNContainer #categories .MPNListTextContainer a:before {
  content: '\f04d';
  display: inline-block;
  width: 10px;
  color: #ba0000;
  font: 6px FontAwesome;
  vertical-align: middle;
}

.MPNContainer .MPNListContainerContainer .MPNFooter {
  text-align: left;
  padding: 0;
  border: 0;
}

.MPNContainer .MPNListContainerContainer .MPNFooter img {
  display: none;
}

.MPNContainer .MPNListContainerContainer .MPNFooter a {
  color: #fff;
  padding: 5px 10px;
  background: #ba0000;
}

/********* POPULAR NEWS MODAL **********/
.ui-widget-overlay.ui-front {
  background: #000;
}

.mpnDialog > [role='dialog'] {
  max-width: 100%;
  height: auto !important;
  padding: 10px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.mpnDialog > [role='dialog'] > [id$='_dialog'] {
  width: auto !important;
  height: auto !important;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.3);
}

.MPNWindowTable,
.MPNWindowTable tbody,
.MPNWindowTable tbody tr,
.MPNWindowTable tbody tr td {
  display: block;
  width: 100%;
}

.MPNWindowTable .MPNWtl,
.MPNWindowTable .MPNWtc,
.MPNWindowTable .MPNWtr,
.MPNWindowTable .MPNWml,
.MPNWindowTable .MPNWmr,
.MPNWindowTable .MPNWbl,
.MPNWindowTable .MPNWbc,
.MPNWindowTable .MPNWbr {
  display: none;
}

.MPNWindowTable .MPNWmc > iframe {
  height: 300px !important;
}

/********** DOCUMENT **********/
.dp-documents.box .dp-documents.title {
  font-size: 14px;
  font-family: inherit;
}

.dp-documents.box .dp-documents.details {
  padding: 0;
}

/********** SIMPLE MENU **********/
[id^='simple_menu_'].menu-v {
  display: block;
  width: 100% !important;
  max-width: 260px;
  background: #fff !important;
}

[id^='simple_menu_'].menu-v li {
  position: relative;
  background: none !important;
}

[id^='simple_menu_'].menu-v a {
  color: #1e2226 !important;
  font-family: inherit !important;
  padding: 10px !important;
  -webkit-transition: 0.5s !important;
  -o-transition: 0.5s !important;
  transition: 0.5s !important;
}

[id^='simple_menu_'].menu-v a:hover {
  -webkit-box-shadow: inset -6px 0 var(--color-secondary);
  box-shadow: inset -6px 0 var(--color-secondary);
  background-color: #fff !important;
}

[id^='simple_menu_'].menu-v li ul {
  top: 0 !important;
  right: 100% !important;
  background: #fff;
}

/********** STATS **********/
[id$='_DataListGeneral'] fieldset {
  padding: 0;
  border: none;
}

[id$='_DataListGeneral'] * {
  font-family: IranSans, Tahoma;
  padding: 0;
}

/********** FOOTER LINKS **********/
[id$='_myDataList'],
[id$='_myDataList'] tbody,
[id$='_myDataList'] tr,
[id$='_myDataList'] td {
  display: block;
}

[id$='_myDataList'] [id$='_editLink']:not([href]),
[id$='_myDataList'] br {
  display: none;
}

[id$='_myDataList'] [id$='_editLink'] img {
  display: none;
}

[id$='_myDataList'] [id$='_editLink']:before {
  content: '\f14b';
  color: #0077e1;
  font: 20px FontAwesome;
  vertical-align: middle;
}

[id$='_myDataList'] td {
  padding: 0;
}

[id$='_myDataList'] [id$='_HyperLink1'] {
  line-height: 2.5em;
  color: #454545 !important;
  padding: 3px 0 3px 5px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
}

[id$='_myDataList'] [id$='_HyperLink1']:hover {
  color: #fff !important;
  padding: 3px 5px 3px 0;
}

[id$='_myDataList'] [id$='_HyperLink1']:before {
  content: '';
  display: inline-block;
  border: 0 solid transparent;
  border-right-color: #fff;
  vertical-align: middle;
  transform-origin: center right 3px;
  transition: 0.3s;
}

[id$='_myDataList'] [id$='_HyperLink1']:hover:before {
  border: 6px solid transparent;
  border-width: 6px 9px;
  border-right-color: #fff;
  transform: translateY(2px) rotate(120deg);
}

#footer-box [id$='_myDataList'] [id$='_HyperLink1'] {
  color: #fdfdfd !important;
  font-size: 14px;
}

#footer-box [id$='_myDataList'] [id$='_editLink']:before {
  color: #fdfdfd;
}

.links-col2 [id$='_myDataList'] tbody {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
}

.links-col3 [id$='_myDataList'] tbody {
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3;
}

.links-col4 [id$='_myDataList'] tbody {
  -webkit-columns: 4;
  -moz-columns: 4;
  columns: 4;
}

.links-col5 [id$='_myDataList'] tbody {
  -webkit-columns: 5;
  -moz-columns: 5;
  columns: 5;
}

.links-col6 [id$='_myDataList'] tbody {
  -webkit-columns: 6;
  -moz-columns: 6;
  columns: 6;
}

/********** FOOTER **********/
[auth='false'] .pb-footer-shape {
  margin: -33px 0 30px;
}

.footer-contact {
  line-height: 2.54;
  padding: 0;
  margin: 0;
  list-style: none;
}

#footer-box {
  background: linear-gradient(180deg, #008281 0%, #004d4c 129.36%);
}

#footer-box,
#footerArea,
#trFooter {
  color: #fff;
  font-size: 14px;
  line-height: 1.65em;
  position: relative;
}

[home='true'] #footer-box .pane-box:has(.footer1pane, .footer2pane, .footer3pane):has(.dp-module-content) {
  margin-block: 70px 30px;
}

.footer-content {
  position: relative;
  z-index: 1;
}

.footer-content [type='pane']:has(.Item-footer),
.footer-content [type='pane']:has(.dp-module-content) {
  height: 100%;
  padding: 20px 24px !important;
  max-width: 270px;
  margin: auto;
}

.footer-content [type='pane']:has(.Item-footer) {
  border-radius: 16px;
  background: #ffffff0d;
  border: 1px solid #ffffff0a;
}

.footer-content .pane-box:has(.dp-module-content) {
  margin-block: 75px;
}

.footer-content [type='pane'] > .dp-module-box {
  flex: 1;
}

#footer-box [id^='divMinMax_'] {
  color: #fff;
}

#footer-box .contact-us li {
  border: 1px solid transparent;
}

#footer-box .contact-us li:hover {
  -webkit-animation: border-pulsate 2s infinite;
  animation: border-pulsate 2s infinite;
}

#LastUpdatePortalCtrl {
  display: inline-block;
}

#HitCounter i {
  color: var(--color-secondary);
}

#LastUpdatePortal i {
  display: inline-block;
  color: var(--color-secondary);
  vertical-align: middle;
}

.dp-footertext {
  font-size: 14px;
  padding: 10px 20px;
  margin-inline-end: 30px;
  display: flex;
  justify-content: space-between;
}

.dp-footertext span > span {
  color: #ffb800;
}

.dp-footertext strong {
  color: #ffc700;
}

@media (min-width: 640px) {
  .middle-footer {
    padding-right: 50px;
    border-right: 1px solid #8f9193;
  }
}

.footer-title {
  color: var(--color-secondary);
  margin: 0 0 5px;
}

.footer-phone {
  margin: -20px auto 0 0;
}

.logo-footer {
  margin-top: -10px;
}

.footer-text {
  text-align: justify;
  font-size: 11px;
  padding: 0 10px 0 15px;
  margin: 0;
}

@media (max-width: 768px) {
  .footer-content .pane-box:has(.dp-module-content) {
    margin-block: 20px;
  }
}

/********** about_us **********/
.about_us {
  text-align: center;
}

.about_us img {
  width: 100px;
  height: 120px;
}

.about_us p {
  font-size: 14px;
  line-height: 28px;
  text-align: right;
  font-weight: 400;
}

/********** contact_us **********/
.contact_us {
  list-style: none;
}

.contact_us li {
  display: flex;
  gap: 10px;
  align-items: baseline;
}

.contact_us li span:nth-child(1) {
  font-size: 18px;
}

.contact_us li span:nth-child(2) {
  font-size: 15px;
  line-height: 30px;
  font-weight: 500;
}

/********** SOCIAL MEDIA **********/
.social-network {
  list-style: none;
  padding: 0;
  margin: 24px 0 0;
}

.social-network li {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}

.social-network li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  color: #fff !important;
  font-size: 20px;
  padding: 5px;
  border-radius: 8px;
  background: rgb(255 255 255 / 33%);
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.social-network li a:hover {
  box-shadow: 1px -1.9px 0px #ffffff;
  transform: skew(0deg, 6deg);
}

/********** FOOTER ICONS **********/
.dp-footerlink {
  display: inline-block;
}

.dp-footerlink table,
.dp-footerlink table tbody {
  display: block;
}

.dp-footerlink table tbody tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 220px;
}

.dp-footerlink table tbody tr td {
  width: 50%;
  padding: 0;
  margin: 0;
}

.dp-footerlink table tbody tr td:empty {
  display: none;
}

.dp-footerlink a {
  display: block;
  color: #fff !important;
  text-align: center;
  padding: 5px 10px;
  margin: 5px;
  background: #a1a1a1;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.dp-footerlink a:before {
  content: '';
  width: 100%;
  height: 100%;
  background: var(--color-secondary);
  -webkit-transform: translate(100%, 60px) rotate(-30deg);
  -ms-transform: translate(100%, 60px) rotate(-30deg);
  transform: translate(100%, 60px) rotate(-30deg);
  position: absolute;
  z-index: -1;
  right: 0;
  top: 0;
}

.dp-footerlink a:hover:before {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.footer-logo {
  margin-top: 10%;
}

.footer-icons {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 25px 0 0;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 13px;
}

.footer-icons li {
  display: inline-block;
}

.footer-icons li a {
  display: block;
  width: 33px;
  height: 31px;
  color: #ffffff;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background: #ffffff45;
  border-radius: 8px;
  z-index: 1;
}

.footer-icons li a span {
  display: inline-block;
  font-size: 20px;
  padding: 5px 6px 6px;
}

.footer-hr {
  margin: 0;
  border-color: #f58220;
}

/********** TOTOP BTN **********/
.totop-wrap {
  display: flex;
  justify-content: center;
  position: fixed;
  z-index: 500;
  bottom: 5px;
  right: 5px;
}

#totop-btn {
  display: block;
  width: 40px;
  height: 40px;
  color: #fff !important;
  text-align: center;
  font-size: 26px;
  line-height: 32px;
  padding: 4px;
  border-radius: 100%;
  background: #fff;
  background: var(--color-main);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#totop-btn:hover {
  transform: translateY(-5px);
}

/********** DOURAN COPYRIGHT **********/
.powered-by a {
  color: #ffd600 !important;
}

.dp-poweredby,
.dp-poweredby *,
.dp-poweredby :before,
.dp-poweredby :after {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.dp-poweredby {
  display: none;
  position: relative;
  z-index: 99;
}

#poweredbylink img {
  height: 24px;
  font-size: 0;
  opacity: 0;
}

#poweredbylink {
  width: 20px;
  height: 20px;
  text-align: center;
  position: absolute;
  bottom: 8px;
  right: 8px;
  z-index: 2;
}

#poweredbylink:hover {
  width: 62px;
}

#poweredbylink:before {
  content: '';
  width: 20px;
  height: 20px;
  padding: 2px;
  background: #777;
  position: absolute;
  top: 0;
  left: 0;
}

#poweredbylink:after {
  content: '';
  width: 15px;
  height: 15px;
  margin: 4px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13px' viewBox='0 0 49.5 63'%3E %3Cpath d='M2.6 47H28a2.5 2.5 0 1 0 0-5H2.6a2.5 2.5 0 1 0 0 5zm0 8H28a2.5 2.5 0 1 0 0-5H2.6a2.5 2.5 0 1 0 0 5zm0 8H28a2.5 2.5 0 1 0 0-5H2.6a2.5 2.5 0 1 0 0 5z' fill='%23fc0'/%3E%3Cpath d='M2.6 39.5h3.8v-.4q0-9 5.5-14.8a18.5 18.5 0 0 1 14-5.8 19.9 19.9 0 0 1 8.8 1.9 24.3 24.3 0 0 1 7.5 6v-5.5a25.6 25.6 0 0 0-7.7-4.7 23.4 23.4 0 0 0-8.6-1.6 24.3 24.3 0 0 0-9.4 1.8 22.4 22.4 0 0 0-7.7 5.3 24.6 24.6 0 0 0-5 8A25.8 25.8 0 0 0 2 39v.5h.5z' fill='%23fff' /%3E %3Cpath d='M45.4 0v36.7q0 10.6-5.3 16.9a17 17 0 0 1-7.3 5 4.7 4.7 0 0 1 .4 1.9 4.8 4.8 0 0 1-.5 2 23 23 0 0 0 4.7-2 24.5 24.5 0 0 0 8.8-8.7 21 21 0 0 0 2.5-6.5 44.5 44.5 0 0 0 .8-9V0z' fill='%23fff' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
}

.dp-poweredby .version {
  width: 50px;
  color: #fff;
  padding: 2px 0;
  text-align: center;
  background: #777;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 4px;
  right: 0;
  pointer-events: none;
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  z-index: 1;
}

#poweredbylink:hover + .version {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

/********** TABS PLUS **********/
[id$='_MultiContentViewerContainer'] [class*='accoardion_Default'] .title.accordion-header {
  color: #023c50 !important;
  font: 14px/30px YekanNum, Yekan, Tahoma;
  padding: 5px 10px;
  border-radius: 10px 0 0;
  background-image: none !important;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

[id$='_MultiContentViewerContainer'] [class*='accoardion_Default'] .active .title.accordion-header {
  color: #fff !important;
}

[id$='_MultiContentViewerContainer'] [class*='accoardion_Default'] .title.accordion-header:before {
  content: '';
  width: 5px;
  height: 100%;
  background: #093e53;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

[id$='_MultiContentViewerContainer'] [class*='accoardion_Default'] .active .title.accordion-header:before {
  content: '';
  width: 100%;
  height: 100%;
}

[id$='_MultiContentViewerContainer'] [class*='accoardion_Default'] .title.accordion-header:after {
  content: '\f067';
  display: inline-block;
  font: 22px FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 10px;
  left: 13px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

[id$='_MultiContentViewerContainer'] [class*='accoardion_Default'] .active .title.accordion-header:after {
  -webkit-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

/********** CONTACT FORM **********/
.dp_Message_Normal[id$='_Title'] {
  color: #01374c;
  font: normal 24px iranyekan !important;
}

[id$='_DetailsPanel'] table {
  width: 100%;
  margin-bottom: 15px;
}

[id$='_DetailsPanel'] td {
  padding-top: 10px;
}

[id$='_DetailsPanel'] td.SubHead:not([nowrap]) {
  padding-top: 25px;
}

[id$='_DetailsPanel'] td.SubHead[nowrap] {
  color: #01374c;
}

[id$='_DetailsPanel'] textarea,
[id$='_DetailsPanel'] [type='text'] {
  width: 100% !important;
  min-height: 40px !important;
  caret-color: #f99d1b;
  background: #fff;
  border: 1px solid #f7f7fd !important;
  outline: none;
  padding: 5px 7px;
  font-size: 16px;
  border-radius: 4px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

[id$='_DetailsPanel'] textarea:hover,
[id$='_DetailsPanel'] textarea:focus,
[id$='_DetailsPanel'] [type='text']:hover,
[id$='_DetailsPanel'] [type='text']:focus {
  border-bottom: 1px solid #f99d1b !important;
  -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
}

[id$='_DetailsPanel'] .CommandButton {
  color: #093e53 !important;
  border-color: #01374c !important;
}

[id$='_DetailsPanel'] .CommandButton:hover {
  color: #fff !important;
  background: #01374c !important;
}

/* MARK: ARTICLE */
[id$='_ArticleSimple'].dp-setColumns {
  padding: 0;
}

.dp-setColumns .dp-listArtcSmp.box {
  --pad: 24px;
  padding: var(--pad) var(--pad) 55px var(--pad);
  border-radius: 24px;
  border: 0 !important;
  background: #fff;
  -webkit-box-shadow: 0px 4px 26px 12px rgb(3 83 162 / 11%);
  box-shadow: 0px 4px 26px 12px rgb(3 83 162 / 11%);
}

[id$='_ArticleSimple'].dp-setColumns .dp-listArtcSmp.box::before {
  width: calc(100% - var(--pad) * 2);
  height: calc((100% - var(--pad) * 2) - 25px);
  border-radius: 16px;
  background: none;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
  -webkit-box-shadow: 0px 4px 26px 12px rgb(3 83 162 / 11%);
  box-shadow: 0px 4px 26px 12px rgb(3 83 162 / 11%);
  pointer-events: none;
  opacity: 1;
  z-index: 0;
  right: 50%;
  top: 32px;
}

.dp-setColumns .dp-listArtcSmp.box > * {
  padding: 20px;
}

.dp-listArtcSmp.box .dp-listArct.label {
  display: none;
}

.dp-listArtcSmp.title {
  padding: 0;
}

.dp-setColumns .dp-listArtcSmp img[src='/images/edit.gif'] {
  width: 20px;
  height: 20px;
}

.dp-listArtcSmp.box .dp-listArtcSmp.title a {
  display: block;
  width: 100%;
  color: #0353a2;
  font-size: 18px;
  font-weight: 500;
}

.dp-listArtcSmp.dp-imgHolder {
  display: none;
}

.dp-listArtcSmp.box .dp-listArtcSmp.title i {
  display: none;
}

.dp-listArtcSmp.box .dp-listArtcSmp.date {
  right: 32px;
  bottom: 15px !important;
  top: auto;
  opacity: 1;
}

.dp-listArtcSmp.date [id$='_StartDate'] {
  color: #7a7a7a;
}

.dp-listArtcSmp.box .dp-listArtcSmp.description {
  color: #414141;
  font-size: 14px;
  font-weight: 400;
  text-align: start;
  padding: 0 20px;
  background: none;
}

/* MARK: TABS */
[id*='MultiContentViewerContainer'] {
  margin: 35px 0;
}

[id*='MultiContentViewerContainer'] > .test {
  display: none;
}

.RadTabStrip_Default_RTL > .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 25px;
  padding: 0 !important;
  background: #ffffff00 !important;
  border-bottom: 1px solid #85a1ca;
  margin-bottom: 20px !important;
}

@media (max-width: 480px) {
  .RadTabStrip_Default_RTL > .tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.RadTabStrip_Default_RTL > .tabs::after {
  display: none;
}

.RadTabStrip_Default_RTL > .tabs > .tab {
  float: none;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
  white-space: nowrap;
  padding: 0;
  transition: 0.3s;
}

body .RadTabStrip_Default_RTL > .tabs > .tab a {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.65;
  color: var(--color-secondary);
  padding: 10px;
  margin: 0;
  transition: 0.3s;
  background: none;
  font-family: 'IranSans';
}

body .RadTabStrip_Default_RTL > .tabs > .tab:nth-child(1) a:before {
  background: url(image/picture.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

body .RadTabStrip_Default_RTL > .tabs > .tab:nth-child(2) a:before {
  background: url(image/video.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

body .RadTabStrip_Default_RTL > .tabs > .tab a:before {
  content: '';
  width: 26px;
  height: 26px;
}

body .RadTabStrip_Default_RTL > .tabs > .tab:has(.defaultTab):after {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background: var(--color-secondary);
  transform: translateY(2px);
  box-shadow: 0px 1px 36px 0px #00000029;
}

body .RadTabStrip_Default_RTL > .tabs > .tab a {
  display: flex;
  align-items: center;
  gap: 10px;
}

.RadTabStrip_Default_RTL > .panel-container {
  padding: 20px 0 !important;
  border: 0 !important;
  background: none !important;
}

.arch-tab {
  margin-inline: auto 15px;
}

/* MARK: TABS - DifferentTabs theme */
[id*='MultiContentViewerContainer']:has([class*='RadTabStrip_DifferentTabs']) {
  padding: 90px 0;
  margin: 0;
  position: relative;
}

[id*='MultiContentViewerContainer']:has([class*='RadTabStrip_DifferentTabs'])::before {
  content: '';
  width: 100dvw;
  height: 100%;
  background: var(--color-main);
  background-image: url('./image/tabs-bg.svg');
  transform: translateX(50%);
  position: absolute;
  z-index: -1;
  right: 50%;
  top: 0;
}

[class*='RadTabStrip_DifferentTabs'].tabstrip {
  --margin: 30px;
  display: flex;
  font-family: inherit;
  background: var(--color-main);
}

[class*='RadTabStrip_DifferentTabs'].tabstrip::after {
  content: '';
  flex: 1;
  border-radius: 12px 0 0 12px;
  background: rgba(255, 255, 255, 0.18);
}

[class*='RadTabStrip_DifferentTabs'] > .tabs {
  flex: 1;
  display: flex;
  min-width: 270px;
  flex-direction: column;
  padding: 0 !important;
  border-radius: 0 12px 12px 0;
  background: rgba(255, 255, 255, 0.18) !important;
  position: relative;
}

[class*='RadTabStrip_DifferentTabs'] > .tabs::before,
[class*='RadTabStrip_DifferentTabs'] > .tabs::after {
  content: '';
  display: block !important;
  border: calc(var(--margin) / 2) solid rgba(34, 34, 34, 0.5);
  position: absolute;
  visibility: visible;
  z-index: 1;
  left: 0;
}

[class*='RadTabStrip_DifferentTabs'] > .tabs::before {
  border-top-color: transparent;
  border-right-color: transparent;
  bottom: 100%;
}

[class*='RadTabStrip_DifferentTabs'] > .tabs::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
  top: 100%;
}

[class*='RadTabStrip_DifferentTabs'] > .tabs > .tab {
  float: none;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: auto;
  white-space: nowrap;
  padding: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

[class*='RadTabStrip_DifferentTabs'] > .tabs > .tab:not(:first-child) {
  box-shadow: 0 -1px rgba(255, 255, 255, 0.2);
}

[class*='RadTabStrip_DifferentTabs'] > .tabs > .tab > a {
  display: block;
  height: auto;
  min-width: 150px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  padding: 20px 30px;
  background: none !important;
}

[class*='RadTabStrip_DifferentTabs'] > .tabs > .tab > a {
  display: block;
  height: auto;
  min-width: 150px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  padding: 20px 30px;
  background: none !important;
  white-space: nowrap;
}

[class*='RadTabStrip_DifferentTabs'] > .tabs > .tab.defaultTab {
  background: rgba(255, 255, 255, 0.2);
}

[class*='RadTabStrip_DifferentTabs'] > .tabs > .tab:first-child {
  border-radius: 0 8px 0 0;
}

[class*='RadTabStrip_DifferentTabs'] > .tabs > .tab:last-child {
  border-radius: 0 0 8px 0;
}

[class*='RadTabStrip_DifferentTabs'] > .tabs > .tab.defaultTab > a {
  color: #000;
  font-weight: 700;
}

[class*='RadTabStrip_DifferentTabs'] > .panel-container {
  width: 566px;
  height: auto !important;
  font-size: 14px;
  padding: 40px !important;
  margin: calc(var(--margin) * -1) 0;
  border: 0 !important;
  background: #fff !important;
  position: relative;
}

[class*='RadTabStrip_DifferentTabs'] > .panel-container > .panel-content {
  height: 100% !important;
}

[class*='RadTabStrip_DifferentTabs'] > .panel-container::before,
[class*='RadTabStrip_DifferentTabs'] > .panel-container::after {
  content: '';
  border: calc(var(--margin) / 2) solid rgba(34, 34, 34, 0.5);
  position: absolute;
  right: 100%;
}

[class*='RadTabStrip_DifferentTabs'] > .panel-container::before {
  border-top-color: transparent;
  border-left-color: transparent;
  top: 0;
}

[class*='RadTabStrip_DifferentTabs'] > .panel-container::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
  bottom: 0;
}

@media (max-width: 767px) {
  [class*='RadTabStrip_DifferentTabs'].tabstrip {
    flex-direction: column;
  }

  [class*='RadTabStrip_DifferentTabs'].tabstrip > .tabs {
    border-radius: 16px 16px 0 0;
  }

  [class*='RadTabStrip_DifferentTabs'] > .panel-container {
    width: 100%;
    padding: 20px !important;
    margin: 0;
    border-radius: 0 0 16px 16px;
  }

  [class*='RadTabStrip_DifferentTabs'].tabstrip > .tabs::before,
  [class*='RadTabStrip_DifferentTabs'].tabstrip > .tabs::after,
  [class*='RadTabStrip_DifferentTabs'] > .panel-container::before,
  [class*='RadTabStrip_DifferentTabs'] > .panel-container::after {
    display: none !important;
  }
}

[class*='RadTabStrip_DifferentTabs'] > .panel-container li {
  height: auto;
}

[class*='RadTabStrip_DifferentTabs'] > .panel-container li a {
  color: #000;
  height: auto;
}

/* MARK: TABS - Cool theme */
[class*='RadTabStrip_Cool'].tabstrip {
  font-family: inherit;
}

[class*='RadTabStrip_Cool'] > .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0 18px;
  padding: 0 !important;
  border-bottom: 1px solid var(--color-main);
}

@media (max-width: 480px) {
  [class*='RadTabStrip_Cool'] > .tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

[class*='RadTabStrip_Cool'] > .tabs::after {
  display: none;
}

[class*='RadTabStrip_Cool'] > .tabs > .tab {
  float: none;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
  white-space: nowrap;
  padding: 0;
  margin-bottom: -3px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

[class*='RadTabStrip_Cool'] > .tabs > .tab > a {
  display: block;
  min-width: 150px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--color-main);
  padding: 15px 15px;
  background: none !important;
  white-space: nowrap;
}

[class*='RadTabStrip_Cool'] > .tabs > .tab.defaultTab {
  box-shadow: inset 0 -3px 0 var(--color-main);
}

[class*='RadTabStrip_Cool'] > .tabs > .tab.defaultTab > a {
  font-weight: 700;
}

[class*='RadTabStrip_Cool'] > .panel-container {
  padding: 30px 0 !important;
  border: 0 !important;
  background: none !important;
}

/* NEWS COLLECTOR */
[type='pane']:has(.bg-wave) {
  padding: 20px 0;
  margin: 20px 0;
  position: relative;
}

[type='pane']:has(.bg-wave)::before,
[type='pane']:has(.bg-wave)::after {
  content: '';
  display: block;
  width: 100dvw;
  height: 100%;
  position: absolute;
  transform: translateX(50%);
  z-index: -1;
  right: 50%;
  top: 0;
}

[type='pane']:has(.bg-wave)::before {
  background: url(./image/bg-wave.png);
  background-size: 95% auto;
  background-repeat: no-repeat;
  background-position: bottom -50px center;
  z-index: -2;
}

[type='pane']:has(.bg-wave)::after {
  background: rgb(212 222 241 / 50%);
  backdrop-filter: blur(30px);
  z-index: -1;
}

.advancedlistmode[id*='NewsListAdvanced'] {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

[id*='NewsListAdvanced'] .newitem :empty:not(img, input, i),
[id*='NewsListAdvanced'] .newitem :has(> :empty:not(img, input, i)) {
  display: none !important;
}

[id].advancedlistmode[id*='NewsListAdvanced'] .newitem {
  height: auto !important;
  margin: 0 0 20px;
}

[id].advancedlistmode[id*='NewsListAdvanced'] .newitem .newitembox {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
  border-radius: 24px;
  background-color: #fff !important;
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.07);
  transition: 0.3s;
  /* overflow: hidden; */
}

[id].advancedlistmode[id*='NewsListAdvanced'] .newitem:hover .newitembox::before {
  opacity: 1;
}

.advancedlistmode .newitembox .imgbox {
  height: auto !important;
  background: none !important;
}

.advancedlistmode .newitembox .newsCollectorImages {
  display: block !important;
  width: 190px !important;
  height: 125px !important;
  max-width: none !important;
  max-height: none !important;
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
  box-sizing: content-box;
}

.advancedlistmode .newitembox .newsCollectorImages img {
  width: 100%;
  height: 100%;
  max-width: 100% !important;
  max-height: 100% !important;
  border-radius: 16px;
  transition: 0.3s;
  aspect-ratio: 10 / 6;
  transform: translateY(-48%);
  margin: auto;
}

.advancedlistmode .newitembox:hover .newsCollectorImages img {
  filter: brightness(65%);
  -webkit-filter: brightness(65%);
  -moz-filter: brightness(65%);
  -o-filter: brightness(65%);
  -ms-filter: brightness(65%);
}

.advancedlistmode .newitembox .uk-clearfix::before,
.advancedlistmode .newitembox .uk-clearfix::after {
  display: none !important;
}

.advancedlistmode .newitembox .dp-normNewsClt.content {
  display: flex !important;
  padding-block: 10px 0;
  padding-inline: 20px 40px;
  transition: 0.3s;
}

.advancedlistmode .newitembox:hover .dp-normNewsClt.content {
  box-shadow: none;
}

.advancedlistmode .newitembox :has(> .dp-normNewsClt.content) {
  display: block;
  padding: 0;
}

.advancedlistmode .newitembox .dp-listNewsClt.title i,
.advancedlistmode .newitembox .affiliation i {
  display: none;
}

.advancedlistmode .dp-normNewsClt.content .dp-listNewsClt.pre-title,
.advancedlistmode .dp-normNewsClt.content .dp-listNewsClt.pre-title [id*='lblPreTitle'] {
  margin: 0;
}

.advancedlistmode .newitembox .dp-listNewsClt.title :where([id*='lnkTitle'], [id*='lblTitle']) {
  font-family: inherit;
  font-weight: 500;
  color: var(--color-main);
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: all 0.2s;
  &:hover {
    color: var(--color-secondary);
  }
}

.advancedlistmode .newitembox [id*='NewsAbstract'] {
  height: auto;
  padding: 5px 0;
}

.advancedlistmode .newitembox [id*='NewsAbstract'] [id*='lblAbstract'] {
  color: #5f5f5f;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.advancedlistmode .newitembox [is*='lblAbstract'] {
  font-size: 14px;
  font-weight: 400;
}

.advancedlistmode .newitembox .bottombox {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin: 0;
  position: static;
}

.advancedlistmode .newitembox .NewsDateAreaBox {
  flex: 1;
  background: none;
}

.advancedlistmode .newitembox .detailbox {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 10px;
}

.advancedlistmode[id*='NewsListAdvanced'] .newitembox .detailbox .detailboxitem {
  width: auto !important;
  padding: 0;
  font-size: 12px;
  background: none;
}

.advancedlistmode .newitembox .NewsDateAreaBox:not(:has(.detailboxitem)) {
  display: none;
}

.advancedlistmode .newitembox .detailbox .detailboxitem[id*='NewsEventTimeArea'],
.advancedlistmode .newitembox [id*='NewsPreTitle'],
.advancedlistmode .newitembox [id*='lblSubTitle'] {
  display: none !important;
}

[id*='lnkNCListItemContentEdit'] img {
  display: inline-block !important;
  width: 20px !important;
}

.advancedlistmode[id*='NewsListAdvanced'] .newitembox .detailbox .detailboxitem * {
  font-size: inherit;
}

.advancedlistmode[id*='NewsListAdvanced'] .newitembox .detailbox .detailboxitem i {
  color: var(--color-main);
}

.advancedlistmode .newitembox .source.linkbox {
  float: none;
  text-align: end;
  padding: 0;
  margin: 0;
  background: none;
  position: absolute;
  inset-inline-end: 40px;
  inset-block-end: 15px;
}

.advancedlistmode .newitembox .source.linkbox [id*='lnkContinueKey'] {
  color: #bfbfbf !important;
  transition: all 0.3s;
}

.advancedlistmode .newitembox .source.linkbox:hover [id*='lnkContinueKey'] {
  color: var(--color-main) !important;
  font-weight: bold;
}

.advancedlistmode .newitembox [id*='NewsEventDateArea'] {
  font-size: 0 !important;
}

.advancedlistmode [id*='NewsEventDateArea'] [id*='lblEventDate'] {
  font-size: 12px !important;
  color: #bfbfbf !important;
  position: absolute;
  bottom: 10px;
  right: 30%;
}

.advancedlistmode > :not(:has(*)) {
  display: none !important;
}

.news-slide .owl-stage-outer {
  width: calc(100% + 30px);
  padding: 15px;
  margin: 0 -15px;
}

.news-slide .owl-stage {
  display: flex;
  left: -2px;
}

.news-slide .advancedlistmode .owl-stage .newitem {
  height: 100% !important;
}

.news-slide .advancedlistmode .owl-stage .owl-item:not(.active) .newitembox {
  box-shadow: none;
}

.news-slide :where(.owl-prev, .owl-next) {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  color: #fff !important;
  font-size: 20px !important;
  border-radius: 50% !important;
  background: var(--color-main) !important;
  position: absolute;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.18);
  bottom: 50%;
}

.news-slide .owl-prev {
  right: -55px;
}
.news-slide .owl-next {
  left: -55px;
}

.rc-more-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  color: #fff !important;
  margin-inline: auto 10px;
}

.dp-module-default .rc-more-btn {
  color: var(--color-main) !important;
  padding-right: 13px;
  font-size: 15px;
}

.dp-module-default .rc-more-btn i {
  color: var(--color-secondary) !important;
}

@media (max-width: 768px) {
  .advancedlistmode .newitembox .newsCollectorImages img {
    transform: translateY(5%);
  }

  .advancedlistmode .newitembox .newsCollectorImages {
    margin-inline: auto;
    width: 178px !important;
    height: 122px !important;
  }

  .advancedlistmode .newitembox [id*='NewsAbstract'] {
    margin-bottom: 27px;
  }

  .advancedlistmode [id*='NewsEventDateArea'] [id*='lblEventDate'] {
    right: 28%;
  }

  .advancedlistmode .newitembox .source.linkbox {
    inset-inline-end: 20px;
  }

  .advancedlistmode .newitembox :has(> .dp-normNewsClt.content) {
    display: flex;
  }
  .advancedlistmode .newitembox:hover .newsCollectorImages img {
    transform: scale(1) translateY(0);
  }

  .advancedlistmode .newitembox .dp-normNewsClt.content {
    padding-inline: 12px;
  }

  .advancedlistmode .newitembox .dp-listNewsClt.title :where([id*='lnkTitle'], [id*='lblTitle']) {
    font-size: 13px;
  }

  .advancedlistmode .newitembox [id*='NewsAbstract'] [id*='lblAbstract'] {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
}

@media (max-width: 700px) {
  .advancedlistmode .newitembox .newsCollectorImages img {
    transform: translateY(5%);
  }

  .advancedlistmode .newitembox .newsCollectorImages {
    margin-inline: auto;
    width: 117px !important;
    height: 92px !important;
  }

  .advancedlistmode .newitembox [id*='NewsAbstract'] {
    margin-bottom: 27px;
  }

  .advancedlistmode [id*='NewsEventDateArea'] [id*='lblEventDate'] {
    right: 38%;
  }

  .advancedlistmode .newitembox .source.linkbox {
    inset-inline-end: 20px;
  }

  .advancedlistmode .newitembox :has(> .dp-normNewsClt.content) {
    display: flex;
  }
  .advancedlistmode .newitembox:hover .newsCollectorImages img {
    transform: scale(1) translateY(0);
  }

  .advancedlistmode .newitembox .dp-normNewsClt.content {
    padding-inline: 12px;
  }
  .advancedlistmode .newitembox [id*='NewsAbstract'] [id*='lblAbstract'] {
    display: none;
  }

  .advancedlistmode .newitembox .dp-listNewsClt.title :where([id*='lnkTitle'], [id*='lblTitle']) {
    font-size: 13px;
  }
}

/* quick access */
.fixed-qa {
  list-style: none;
  padding: 0;
  margin: 0;
  position: fixed;
  left: 0;
  top: 50%;
  z-index: 100;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

main#wrap\:auth\:admin .fixed-qa {
  left: 60px;
}

.fixed-qa li {
  display: block;
}

.fixed-qa li a {
  display: block;
  margin: 5px 0;
  position: relative;
}

.fixed-qa li a svg {
  width: 45px;
  height: 45px;
  padding: 10px;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #0ea4df;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.fixed-qa li a:hover svg {
  width: 45px;
  height: 45px;
  padding: 10px;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f7941d;
}

.fixed-qa li a span {
  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;
  height: 100%;
  padding: 2px 10px;
  white-space: nowrap;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 100%;
  top: 0;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: -1;
}

.fixed-qa li a:hover span {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}

.qa-offnavs .uk-offcanvas {
  background: rgb(0 0 0 / 26%);
}

.qa-offnavs .uk-offcanvas-bar {
  padding: 10px;
  background: #fff;
  -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 52%);
  box-shadow: 0 0 15px rgb(0 0 0 / 52%);
}

main#wrap\:auth .qa-offnavs .uk-offcanvas-bar {
  margin-left: 60px;
}

.qa-offnavs .uk-offcanvas-bar:after {
  display: none;
}

.qa-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.qa-links li a {
  display: block;
  color: #212121;
  text-align: center;
  font-size: 15px;
  padding: 15px 6px;
  margin: 10px;
  border: 1px solid #6f6f6f;
}

.qa-links li a:hover {
  color: #0ea4df;
  background: #eee;
}

.uk-accordion-title.uk-active {
  border: 1px solid rgba(30, 34, 38, 0.5);
}

.uk-accordion-title > i {
  vertical-align: -3px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.uk-accordion-title.uk-active > i {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

/********** MEDIA QUERY **********/
@media (max-width: 1024px) {
  .undernavpane {
    margin: 0 !important;
  }

  .fix-page-nav,
  .fix-quick-access {
    display: none;
  }
}

@media (max-width: 768px) {
  .display-block\@sm {
    display: block !important;
  }
}

@media (max-width: 480px) {
  #NewsContent .NewsItemStyle > tbody > tr:nth-child(2) {
    display: block;
  }

  #NewsContent .NewsItemStyle > tbody > tr:nth-child(2) > td {
    display: block;
    width: 100%;
  }

  [id*='pnlPagerContainer'] .pager {
    display: none;
  }

  .dp-date {
    display: none;
  }
}

/* ===== itemView mode panes - n.ghelichkhani ===== */
.dp-itemViewMode {
  flex: 1;
  padding: 0 25px !important;
}

.dp-itemViewMode .leftpane,
.dp-itemViewMode .rightpane {
  min-width: 280px;
}

.dp-itemViewMode .leftpane:empty,
.dp-itemViewMode .rightpane:empty {
  min-width: 0;
  padding: 0;
}

@media only screen and (max-width: 768px) {
  .dp-itemViewMode div[type='pane'] {
    display: block !important;
  }
}

@media only screen and (max-width: 480px) {
  .dp-itemViewMode .leftpane,
  .dp-itemViewMode .rightpane {
    min-width: 100% !important;
  }
}

/*====== responsive modules layout ======*/
.dp_res_DesktopLayout {
  width: 100% !important;
  max-width: 100% !important;
  padding: 15px;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.dp_tableCls,
.dp-tableCls {
  text-align: right;
  display: table;
}

.dp_tableRowCls,
.dp-tableRowCls {
  text-align: right;
  display: table-row;
}

.dp_tableCellCls,
.dp-tableCellCls {
  display: table-cell;
  width: auto;
  vertical-align: top;
}

.dp_tableCls,
.dp_tableRowCls,
.dp-tableCls,
.dp-tableRowCls {
  width: 100%;
}

.dp_tableCls,
.dp_tableRowCls,
.dp_tableCellCls,
.dp-tableCls,
.dp-tableRowCls,
.dp-tableCellCls {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.dp-dInlineBlock {
  display: inline-block;
}

.dp-m-0 {
  margin: 0;
}

.dp-p-0 {
  padding: 0;
}

.dp-clearfix::before,
.dp-clearfix::after {
  /* content: ''; */
  display: block;
  width: 100%;
  float: none;
  clear: both;
}

/************** introduction **************/
.introduction {
  margin-block: 130px;
}

.introduction h3 {
  text-align: center;
  color: var(--color-secondary);
  font-size: 60px;
  line-height: 90px;
  font-weight: 400;
  font-family: 'IranNastaliq';
  margin-block: 60px;
}

.introduction .member {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.introduction .member > :nth-child(1) {
  position: relative;
  border-radius: 50%;
  background: linear-gradient(178.33deg, #44ab98 33.78%, #003c93 102.1%);
  &:hover > span {
    opacity: 1;
  }
  &:hover > img {
    filter: brightness(0.5) blur(1px);
  }
}

.introduction .member > :nth-child(2) {
  color: #000;
  font-size: 17px;
  font-weight: 600;
  margin-top: 16px;
  font-family: 'IranSans';
}

.introduction .member > :nth-child(1) > img {
  border-radius: 50%;
  margin: 3px;
  border: 4px solid #ffffff;
  transition: all 0.5s;
  width: 160px;
  height: 160px;
}

.introduction .member > :nth-child(1) > span {
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translate(50%);
  opacity: 0;
  transition: all 1s;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
}

@media (max-width: 768px) {
  .introduction h3 {
    font-size: 35px;
  }
}

@media (max-width: 400px) {
  .introduction h3 {
    font-size: 20px;
  }
  .introduction {
    margin-block: 10px;
  }
  .introduction .member {
    margin-bottom: 30px !important;
  }
}

/* END */