@charset "UTF-8";
.box_shadow {
  box-shadow: 0px 0px 4px #ccc;
  border-radius: 5px;
  overflow: hidden;
}

.inner_boxshadow, .company_portal main, .landing_row1 {
  box-shadow: inset 0 10px 11px -7px #e6e6e6;
}

@font-face {
  font-family: "lg";
  src: url("../lib/fonts/lg.eot?v=ZWY4ZGVh");
  src: url("../lib/fonts/lg.eot?v=ZWY4ZGVh") format("embedded-opentype"), url("../lib/fonts/lg.woff?v=ZWY4ZGVh") format("woff"), url("../lib/fonts/lg.ttf?v=ZWY4ZGVh") format("truetype"), url("../lib/fonts/lg.svg?v=ZWY4ZGVh") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: VideoJS;
  src: url("../lib/fonts/VideoJS.eot?v=ZWY4ZGVh");
  src: url("../lib/fonts/VideoJS.eot?v=ZWY4ZGVh#iefix") format("embedded-opentype"), url("../lib/fonts/VideoJS.woff?v=ZWY4ZGVh") format("woff"), url("../lib/fonts/VideoJS.ttf?v=ZWY4ZGVh") format("truetype"), url("../lib/fonts/VideoJS.svg?v=ZWY4ZGVh#lg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Peyda";
  src: url("../fonts/PeydaWebFaNum-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-display: swap;
}
@font-face {
  font-family: "Peyda-bold";
  src: url("../fonts/PeydaWebFaNum-Bold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-display: swap;
}
@font-face {
  font-family: "Peyda-medium";
  src: url("../fonts/PeydaWebFaNum-Medium.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-display: swap;
}
*,
::before,
::after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  padding: 0;
  margin: 0;
  scroll-behavior: smooth;
}

html,
body,
input,
option,
select,
textarea,
button {
  font-family: Peyda;
}

button {
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

pre {
  overflow: auto;
}

.container::after {
  content: " ";
  display: block;
  clear: both;
}

.container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.res {
  display: block;
  text-decoration: none;
}
.res > img {
  display: block;
  width: 100%;
  height: auto;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img[loading=lazy] {
  color: transparent;
  background-color: rgba(236, 236, 236, 0);
}

iframe[id^=instagram] {
  margin: 0 auto !important;
}

.none {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
  line-height: 1.8em;
  font-family: Peyda-bold;
  font-weight: normal;
}

p,
h2,
h1,
h3,
h4,
h5,
h6 {
  margin: 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  display: block;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul li {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

svg {
  vertical-align: middle;
  height: auto;
}

.faketabliqholder {
  max-width: 100%;
}

iframe[src*=mcdn] {
  width: 100%;
  aspect-ratio: 16/9;
}

iframe[src*=aasaam] {
  width: 100%;
}

iframe {
  border: none;
}

.lg-icon {
  font-family: lg !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-container {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.lg-next, .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1084;
  outline: 0;
  border: none;
}

.lg-next.disabled, .lg-prev.disabled {
  opacity: 0 !important;
  cursor: default;
}

.lg-next:hover:not(.disabled), .lg-prev:hover:not(.disabled) {
  color: #fff;
}

.lg-single-item .lg-next, .lg-single-item .lg-prev {
  display: none;
}

.lg-next {
  right: 20px;
}

.lg-next:before {
  content: "\e095";
}

.lg-prev {
  left: 20px;
}

.lg-prev:after {
  content: "\e094";
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}

.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.lg-media-overlap .lg-toolbar {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}

.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  will-change: color;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  background: 0 0;
  border: none;
  box-shadow: none;
}

.lg-toolbar .lg-icon.lg-icon-18 {
  font-size: 18px;
}

.lg-toolbar .lg-icon:hover {
  color: #fff;
}

.lg-toolbar .lg-close:after {
  content: "\e070";
}

.lg-toolbar .lg-maximize {
  font-size: 22px;
}

.lg-toolbar .lg-maximize:after {
  content: "\e90a";
}

.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  color: #eee;
  font-size: 16px;
  padding: 10px 40px;
  text-align: center;
  z-index: 1080;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out 0s;
  -o-transition: opacity 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s;
}

.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
}

.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

.lg-sub-html a {
  color: inherit;
}

.lg-sub-html a:hover {
  text-decoration: underline;
}

.lg-media-overlap .lg-sub-html {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}

.lg-item .lg-sub-html {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.lg-error-msg {
  font-size: 14px;
  color: #999;
}

.lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  height: 47px;
  vertical-align: middle;
}

.lg-closing .lg-next, .lg-closing .lg-prev, .lg-closing .lg-sub-html, .lg-closing .lg-toolbar {
  opacity: 0;
  -webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  -moz-transition: -moz-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  -o-transition: -o-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap, body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-media-cont, body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont {
  opacity: 0;
  -moz-transform: scale3d(0.5, 0.5, 0.5);
  -o-transform: scale3d(0.5, 0.5, 0.5);
  -ms-transform: scale3d(0.5, 0.5, 0.5);
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap, body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-media-cont, body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont {
  opacity: 1;
  -moz-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.lg-icon:focus-visible {
  color: #fff;
  border-radius: 3px;
  outline: 1px dashed rgba(255, 255, 255, 0.6);
}

.lg-toolbar .lg-icon:focus-visible {
  border-radius: 8px;
  outline-offset: -5px;
}

.lg-outer .lg-thumb-outer {
  background-color: #0d0a0a;
  width: 100%;
  max-height: 350px;
  overflow: hidden;
  float: left;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.lg-outer .lg-thumb-outer.lg-thumb-align-middle {
  text-align: center;
}

.lg-outer .lg-thumb-outer.lg-thumb-align-left {
  text-align: left;
}

.lg-outer .lg-thumb-outer.lg-thumb-align-right {
  text-align: right;
}

.lg-outer.lg-single-item .lg-thumb-outer {
  display: none;
}

.lg-outer .lg-thumb {
  padding: 5px 0;
  height: 100%;
  margin-bottom: -5px;
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .lg-outer .lg-thumb {
    padding: 10px 0;
  }
}
.lg-outer .lg-thumb-item {
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border-radius: 2px;
  margin-bottom: 5px;
  will-change: border-color;
}

@media (min-width: 768px) {
  .lg-outer .lg-thumb-item {
    border-radius: 4px;
    border: 2px solid #fff;
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}

.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}

.lg-outer .lg-toggle-thumb:after {
  content: "\e1ff";
}

.lg-outer.lg-animate-thumb .lg-thumb {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.lg-outer .lg-video-cont {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.lg-outer .lg-video-cont .lg-object {
  width: 100% !important;
  height: 100% !important;
}

.lg-outer .lg-has-iframe .lg-video-cont {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.lg-outer .lg-video-object {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index: 3;
}

.lg-outer .lg-video-poster {
  z-index: 1;
}

.lg-outer .lg-has-video .lg-video-object {
  opacity: 0;
  will-change: opacity;
  -webkit-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}

.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button, .lg-outer .lg-has-video.lg-video-loaded .lg-video-poster {
  opacity: 0 !important;
}

.lg-outer .lg-has-video.lg-video-loaded .lg-video-object {
  opacity: 1;
}

@keyframes lg-play-stroke {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes lg-play-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.lg-video-play-button {
  width: 18%;
  max-width: 140px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  cursor: pointer;
  transform: translate(-50%, -50%) scale(1);
  will-change: opacity, transform;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
  -o-transition: -o-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
  transition: transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
}

.lg-video-play-button:hover .lg-video-play-icon, .lg-video-play-button:hover .lg-video-play-icon-bg {
  opacity: 1;
}

.lg-video-play-icon-bg {
  fill: none;
  stroke-width: 3%;
  stroke: #fcfcfc;
  opacity: 0.6;
  will-change: opacity;
  -webkit-transition: opacity 0.12s ease-in;
  -o-transition: opacity 0.12s ease-in;
  transition: opacity 0.12s ease-in;
}

.lg-video-play-icon-circle {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  fill: none;
  stroke-width: 3%;
  stroke: rgba(30, 30, 30, 0.9);
  stroke-opacity: 1;
  stroke-linecap: round;
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
}

.lg-video-play-icon {
  position: absolute;
  width: 25%;
  max-width: 120px;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  opacity: 0.6;
  will-change: opacity;
  -webkit-transition: opacity 0.12s ease-in;
  -o-transition: opacity 0.12s ease-in;
  transition: opacity 0.12s ease-in;
}

.lg-video-play-icon .lg-video-play-icon-inner {
  fill: #fcfcfc;
}

.lg-video-loading .lg-video-play-icon-circle {
  animation: lg-play-rotate 2s linear 0.25s infinite, lg-play-stroke 1.5s ease-in-out 0.25s infinite;
}

.lg-video-loaded .lg-video-play-button {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.7);
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  will-change: opacity;
  -webkit-transition: opacity 80ms ease 0s;
  -moz-transition: opacity 80ms ease 0s;
  -o-transition: opacity 80ms ease 0s;
  transition: opacity 80ms ease 0s;
}

.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}

.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}

.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-autoplay-button:after {
  content: "\e01d";
}

.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}

.lg-single-item .lg-autoplay-button {
  opacity: 0.75;
  pointer-events: none;
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  will-change: transform;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
  -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
  transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
}

.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  will-change: transform;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
  transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.no-transition, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.no-transition {
  transition: none !important;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition {
  transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0) !important;
  max-width: none !important;
  max-height: none !important;
  top: 50% !important;
  left: 50% !important;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x {
  transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0) !important;
  top: 0 !important;
  left: 50% !important;
  max-width: none !important;
  max-height: none !important;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y {
  transform: scale3d(1, 1, 1) translate3d(0, -50%, 0) !important;
  top: 50% !important;
  left: 0 !important;
  max-width: none !important;
  max-height: none !important;
}

.lg-icon.lg-zoom-in:after {
  content: "\e311";
}

.lg-actual-size .lg-icon.lg-zoom-in {
  opacity: 1;
  pointer-events: auto;
}

.lg-icon.lg-actual-size {
  font-size: 20px;
}

.lg-icon.lg-actual-size:after {
  content: "\e033";
}

.lg-icon.lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}

.lg-icon.lg-zoom-out:after {
  content: "\e312";
}

.lg-zoomed .lg-icon.lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer.lg-first-slide-loading .lg-actual-size, .lg-outer.lg-first-slide-loading .lg-zoom-in, .lg-outer.lg-first-slide-loading .lg-zoom-out, .lg-outer[data-lg-slide-type=iframe] .lg-actual-size, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-in, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-out, .lg-outer[data-lg-slide-type=video] .lg-actual-size, .lg-outer[data-lg-slide-type=video] .lg-zoom-in, .lg-outer[data-lg-slide-type=video] .lg-zoom-out {
  opacity: 0.75;
  pointer-events: none;
}

.lg-outer .lg-pager-outer {
  text-align: center;
  z-index: 1080;
  height: 10px;
  margin-bottom: 10px;
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}

.lg-outer.lg-single-item .lg-pager-outer {
  display: none;
}

.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px #fff inset;
}

.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #fff;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  will-change: transform, opacity;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}

.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}

.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}

.lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover {
  box-shadow: 0 0 0 8px #fff inset;
}

.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-fullscreen:after {
  content: "\e20c";
}

.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}

.lg-outer .lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  will-change: visibility, opacity;
  -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}

.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active .lg-dropdown-overlay {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible;
}

.lg-outer.lg-dropdown-active .lg-share {
  color: #fff;
}

.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate3d(0, 5px, 0);
  -o-transform: translate3d(0, 5px, 0);
  -ms-transform: translate3d(0, 5px, 0);
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  will-change: visibility, opacity, transform;
  -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}

.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #fff;
  right: 16px;
  top: -16px;
}

.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0;
}

.lg-outer .lg-dropdown > li:hover a {
  color: #333;
}

.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07);
}

.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle;
}

.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto;
}

.lg-outer .lg-share {
  position: relative;
}

.lg-outer .lg-share:after {
  content: "\e80d";
}

.lg-outer .lg-share-facebook .lg-icon {
  color: #3b5998;
}

.lg-outer .lg-share-facebook .lg-icon:after {
  content: "\e904";
}

.lg-outer .lg-share-twitter .lg-icon {
  color: #00aced;
}

.lg-outer .lg-share-twitter .lg-icon:after {
  content: "\e907";
}

.lg-outer .lg-share-pinterest .lg-icon {
  color: #cb2027;
}

.lg-outer .lg-share-pinterest .lg-icon:after {
  content: "\e906";
}

.lg-comment-box {
  width: 420px;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  background-color: #fff;
  will-change: transform;
  -moz-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-comment-box .lg-comment-title {
  margin: 0;
  color: #fff;
  font-size: 18px;
}

.lg-comment-box .lg-comment-header {
  background-color: #000;
  padding: 12px 20px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.lg-comment-box .lg-comment-body {
  height: 100% !important;
  padding-top: 43px !important;
  width: 100% !important;
}

.lg-comment-box .fb-comments {
  height: 100%;
  width: 100%;
  background: url(../images/loading.gif) no-repeat scroll center center #fff;
  overflow-y: auto;
  display: inline-block;
}

.lg-comment-box .fb-comments[fb-xfbml-state=rendered] {
  background-image: none;
}

.lg-comment-box .fb-comments > span {
  max-width: 100%;
}

.lg-comment-box .lg-comment-close {
  position: absolute;
  right: 5px;
  top: 12px;
  cursor: pointer;
  font-size: 20px;
  color: #999;
  will-change: color;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.lg-comment-box .lg-comment-close:hover {
  color: #fff;
}

.lg-comment-box .lg-comment-close:after {
  content: "\e070";
}

.lg-comment-box iframe {
  max-width: 100% !important;
  width: 100% !important;
}

.lg-comment-box #disqus_thread {
  padding: 0 20px;
}

.lg-outer .lg-comment-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  will-change: visibility, opacity;
  -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}

.lg-outer .lg-comment-toggle:after {
  content: "\e908";
}

.lg-outer.lg-comment-active .lg-comment-overlay {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible;
}

.lg-outer.lg-comment-active .lg-comment-toggle {
  color: #fff;
}

.lg-outer.lg-comment-active .lg-comment-box {
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.lg-outer .lg-img-rotate {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer[data-lg-slide-type=iframe] .lg-flip-hor, .lg-outer[data-lg-slide-type=iframe] .lg-flip-ver, .lg-outer[data-lg-slide-type=iframe] .lg-rotate-left, .lg-outer[data-lg-slide-type=iframe] .lg-rotate-right, .lg-outer[data-lg-slide-type=video] .lg-flip-hor, .lg-outer[data-lg-slide-type=video] .lg-flip-ver, .lg-outer[data-lg-slide-type=video] .lg-rotate-left, .lg-outer[data-lg-slide-type=video] .lg-rotate-right {
  opacity: 0.75;
  pointer-events: none;
}

.lg-outer .lg-img-rotate:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.lg-rotate-left:after {
  content: "\e900";
}

.lg-rotate-right:after {
  content: "\e901";
}

.lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver {
  font-size: 26px;
}

.lg-flip-ver:after {
  content: "\e903";
}

.lg-flip-hor:after {
  content: "\e902";
}

.lg-medium-zoom-item {
  cursor: zoom-in;
}

.lg-medium-zoom .lg-outer {
  cursor: zoom-out;
}

.lg-medium-zoom .lg-outer.lg-grab img.lg-object {
  cursor: zoom-out;
}

.lg-medium-zoom .lg-outer.lg-grabbing img.lg-object {
  cursor: zoom-out;
}

.lg-relative-caption .lg-outer .lg-sub-html {
  white-space: normal;
  bottom: auto;
  padding: 0;
  background-image: none;
}

.lg-relative-caption .lg-outer .lg-relative-caption-item {
  opacity: 0;
  padding: 16px 0;
  transition: 0.5s opacity ease;
}

.lg-relative-caption .lg-outer .lg-show-caption .lg-relative-caption-item {
  opacity: 1;
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-container {
  display: none;
  outline: 0;
}

.lg-container.lg-show {
  display: block;
}

.lg-on {
  scroll-behavior: unset;
}

.lg-overlay-open {
  overflow: hidden;
}

.lg-hide-sub-html .lg-sub-html, .lg-next, .lg-pager-outer, .lg-prev, .lg-toolbar {
  opacity: 0;
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-show-in .lg-next, .lg-show-in .lg-pager-outer, .lg-show-in .lg-prev, .lg-show-in .lg-toolbar {
  opacity: 1;
}

.lg-show-in.lg-hide-sub-html .lg-sub-html {
  opacity: 1;
}

.lg-show-in .lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}

.lg-show-in .lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}

.lg-show-in .lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0.001;
  outline: 0;
  will-change: auto;
  overflow: hidden;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lg-outer.lg-zoom-from-image {
  opacity: 1;
}

.lg-outer.lg-visible {
  opacity: 1;
}

.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.lg-outer .lg-inner {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: opacity 0s;
  -o-transition: opacity 0s;
  transition: opacity 0s;
  white-space: nowrap;
}

.lg-outer .lg-item {
  display: none !important;
}

.lg-outer .lg-item:not(.lg-start-end-progress) {
  background: url(../images/loading.gif) no-repeat scroll center center transparent;
}

.lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide {
  display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}

.lg-outer .lg-img-wrap, .lg-outer .lg-item {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

.lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.lg-outer .lg-img-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  white-space: nowrap;
  font-size: 0;
}

.lg-outer .lg-item.lg-complete {
  background-image: none;
}

.lg-outer .lg-item.lg-current {
  z-index: 1060;
}

.lg-outer .lg-object {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: relative;
}

.lg-outer .lg-empty-html .lg-sub-html, .lg-outer .lg-empty-html.lg-sub-html {
  display: none;
}

.lg-outer.lg-hide-download .lg-download {
  opacity: 0.75;
  pointer-events: none;
}

.lg-outer .lg-first-slide .lg-dummy-img {
  position: absolute;
  top: 50%;
  left: 50%;
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
  opacity: 1;
  transition: opacity 0.2s ease-out 0.15s;
}

.lg-outer .lg-media-cont {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.lg-outer .lg-media-cont .lg-object {
  width: 100% !important;
  height: 100% !important;
}

.lg-outer .lg-has-iframe .lg-media-cont {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  will-change: auto;
  -webkit-transition: opacity 333ms ease-in 0s;
  -o-transition: opacity 333ms ease-in 0s;
  transition: opacity 333ms ease-in 0s;
}

.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
  opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -o-transition: -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}

.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-container {
  display: none;
}

.lg-container.lg-show {
  display: block;
}

.lg-container.lg-dragging-vertical .lg-backdrop {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-inline .lg-backdrop, .lg-inline .lg-outer {
  position: absolute;
}

.lg-inline .lg-backdrop {
  z-index: 1;
}

.lg-inline .lg-outer {
  z-index: 2;
}

.lg-inline .lg-maximize:after {
  content: "\e909";
}

.lg-components {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  will-change: transform;
  -webkit-transition: -webkit-transform 0.35s ease-out 0s;
  -moz-transition: -moz-transform 0.35s ease-out 0s;
  -o-transition: -o-transform 0.35s ease-out 0s;
  transition: transform 0.35s ease-out 0s;
  z-index: 1080;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.main_slider_wrapper {
  height: auto;
  aspect-ratio: 32/30;
  margin-top: 4rem;
}
@media screen and (min-width: 1200px) {
  .main_slider_wrapper {
    margin-top: 0rem;
    height: auto;
  }
}
@media screen and (min-width: 1101px) {
  .main_slider_wrapper {
    position: relative;
    transform: translateY(-88px);
    z-index: 0;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1600px) {
  .main_slider_wrapper {
    aspect-ratio: 36/16;
  }
}
@media screen and (min-width: 1601px) {
  .main_slider_wrapper {
    aspect-ratio: 32/16;
  }
}
.main_slider_wrapper {
  /* STSART OF css patch for prevent CLS of splide slider */
}
.main_slider_wrapper .splide {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 100%;
}
.main_slider_wrapper .splide::before {
  content: "";
  display: block;
  padding-top: 86.8827160494%;
}
.main_slider_wrapper .splide__track {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main_slider_wrapper .splide::before {
  padding-top: 56.25%;
}
.main_slider_wrapper .splide__list img {
  aspect-ratio: 17/16;
  object-fit: cover;
  filter: brightness(0.5);
}
@media screen and (min-width: 1200px) {
  .main_slider_wrapper .splide__list img {
    height: auto;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1600px) {
  .main_slider_wrapper .splide__list img {
    aspect-ratio: 36/16;
  }
}
@media screen and (min-width: 1601px) {
  .main_slider_wrapper .splide__list img {
    aspect-ratio: 32/16;
  }
}
.main_slider_wrapper {
  /* END OF css patch for prevent CLS of splide slider */
}
.main_slider_wrapper .main_slider ul li {
  position: relative;
}
.main_slider_wrapper .main_slider ul li .res::after {
  content: "";
  position: absolute;
  height: 80%;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.main_slider_wrapper .main_slider ul li .detail {
  position: absolute;
  padding: 20px 20px 16px;
  top: 50%;
  left: 50%;
  z-index: 2;
  flex-direction: column;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  text-align: start;
  direction: ltr;
}
@media screen and (min-width: 768px) {
  .main_slider_wrapper .main_slider ul li .detail {
    width: auto;
  }
}
.main_slider_wrapper .main_slider ul li .detail .uptitle {
  font-size: 0.938rem;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  margin-bottom: 8px;
  text-shadow: #0a0a0a 1px 0 10px;
  text-align: start;
  direction: ltr;
}
.main_slider_wrapper .main_slider ul li .detail .title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1rem;
  font-family: Peyda-bold;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .main_slider_wrapper .main_slider ul li .detail .title {
    font-size: 1.625rem;
  }
}
.main_slider_wrapper .main_slider ul li .detail .title a {
  color: #fff;
  --line_limit: 2;
  text-shadow: #0a0a0a 1px 0 10px;
}
.main_slider_wrapper .main_slider ul li .detail .current-date {
  position: relative;
  overflow: hidden;
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  backdrop-filter: blur(31px);
  border-radius: 0.5rem;
  color: #fff;
  z-index: 1;
  overflow: hidden;
}
.main_slider_wrapper .main_slider ul li .detail .current-date::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(to bottom, rgba(242, 255, 0, 0.7), rgba(235, 235, 235, 0));
  z-index: -1;
  pointer-events: none;
  mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
  mask-composite: exclude;
}
.main_slider_wrapper .main_slider ul li .detail .current-date time {
  color: #fff;
  font-size: 0.875rem;
}
.main_slider_wrapper .main_slider ul li .detail .more_news {
  text-align: center;
  margin-top: 3rem;
}
.main_slider_wrapper .main_slider ul li .detail .more_news a {
  background-color: #ecf800;
  border-radius: 0.5rem;
  color: #000;
  padding: 0.5rem 1.5rem;
  transition: 0.3ms;
  font-size: 0.938rem;
}
.main_slider_wrapper .main_slider ul li .detail .more_news a:hover {
  background-color: #cbd600;
}
.main_slider_wrapper {
  /* Pagination Style */
}
.main_slider_wrapper .splide__pagination {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_slider_wrapper .splide__pagination__list {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.main_slider_wrapper .splide__pagination__page {
  position: relative;
  width: 2.5rem;
  height: 0.2rem;
  margin: 0 5px;
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_slider_wrapper .splide__pagination__page .progress-bar {
  position: absolute;
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  background-color: #fff;
  border-radius: 0.5rem;
  transition: width 0.5s ease-out;
}
.main_slider_wrapper .splide__pagination__page.is-active .progress-bar {
  background-color: #fff;
}
.main_slider_wrapper .splide__pagination__page:hover .progress-bar {
  background-color: #fff;
}
.main_slider_wrapper .splide__pagination > li {
  display: none;
}

/* Arrow Style */
.splide__arrows {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
  pointer-events: none;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .splide__arrows {
    padding: 0 4rem;
  }
}
@media screen and (max-width: 768px) {
  .splide__arrows {
    display: none;
  }
}

.splide__arrow {
  background: none;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  border-radius: 0.5rem;
  border: 1px solid #565656;
  pointer-events: auto;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1200px) {
  .splide__arrow {
    width: 40px;
    height: 40px;
  }
}
.splide__arrow.splide__arrow--prev {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 25 25" fill="none"%3E%3Cpath d="M21.6648 12.587L3.16163 12.587" stroke="%23A4A4A4" stroke-width="1.54193" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M11.3853 20.8107L3.16163 12.587L11.3853 4.3634" stroke="%23A4A4A4" stroke-width="1.54193" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: rotate(180deg);
  background-size: 24px;
}
.splide__arrow.splide__arrow--prev > svg {
  display: none;
}
.splide__arrow.splide__arrow--next {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 25 25" fill="none"%3E%3Cpath d="M3.16163 12.587L21.6648 12.587" stroke="%23A4A4A4" stroke-width="1.54193" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M13.4412 4.3634L21.6648 12.587L13.4412 20.8107" stroke="%23A4A4A4" stroke-width="1.54193" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: rotate(180deg);
  background-size: 24px;
}
.splide__arrow.splide__arrow--next > svg {
  display: none;
}
.splide__arrow:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.hot_news {
  margin: 2.5rem 0;
}
@media screen and (min-width: 1101px) {
  .hot_news {
    margin: 0 0 5rem;
  }
}

.tab_content_cnt {
  margin-bottom: 5.5rem;
}
@media screen and (min-width: 1100px) {
  .tab_content_cnt {
    margin-bottom: 10rem;
  }
}

.hot_news_list.visible .hot_news_item {
  position: relative;
}
.hot_news_list.visible .hot_news_item .hot_news_image {
  position: relative;
}
.hot_news_list.visible .hot_news_item .hot_news_image img {
  border-radius: 0.75rem;
  width: 100%;
  height: auto;
  aspect-ratio: 1.8/1;
  object-fit: cover;
}
.hot_news_list.visible .hot_news_item .hot_news_image .categori {
  position: absolute !important;
  top: 1rem;
  right: 1rem;
  display: flex;
  border-radius: 0.5rem;
  backdrop-filter: blur(31px);
  color: #fff;
  z-index: 1;
  overflow: hidden;
}
.hot_news_list.visible .hot_news_item .hot_news_image .categori::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(to top, rgba(242, 255, 0, 0.7), rgba(235, 235, 235, 0));
  z-index: -1;
  pointer-events: none;
  mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
  mask-composite: exclude;
}
.hot_news_list.visible .hot_news_item .hot_news_image .categori a {
  color: #fff;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  position: relative;
  z-index: 1;
}
.hot_news_list.visible .hot_news_item .detail_wrapper {
  display: flex;
  justify-content: center;
}
.hot_news_list.visible .hot_news_item .details {
  position: absolute;
  bottom: -2.5rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border-radius: 0.5rem;
  margin: 0 1.25rem;
  padding: 1rem 2rem;
  background: rgba(29, 29, 24, 0.01);
  backdrop-filter: blur(31px);
  border-radius: 15px;
  border: 1px solid #363636;
  text-align: start;
  direction: ltr;
}
.hot_news_list.visible .hot_news_item .details a {
  color: #fff;
  font-size: 1rem;
  z-index: 1;
  font-family: Peyda-medium;
  --line_limit: 2;
  line-height: 1.7;
  text-align: center;
  direction: ltr;
}
@media screen and (min-width: 768px) {
  .hot_news_list.visible .hot_news_item .details a {
    --line_limit: 1;
  }
}
.hot_news_list.visible .hot_news_item .details a:hover {
  color: #ecf800;
}
.hot_news_list.visible .hot_news_item .details .current-date {
  z-index: 1;
  z-index: 1;
  margin-bottom: 0.75rem;
}
.hot_news_list.visible .hot_news_item .details .current-date time {
  font-size: 0.75rem;
  color: #fff;
}

.video_news_wrapper .splide__arrows {
  top: -3.5rem;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .video_news_wrapper .splide__arrows {
    display: flex;
  }
}
.video_news_wrapper .header_section {
  justify-content: center;
  border: unset;
}
.video_news_wrapper .header_section .text::before {
  content: "";
  width: 32px;
  height: 4px;
  border-bottom: 4px solid #ecf800;
  border-radius: 0.25rem;
}
.video_news_wrapper .splide__slide .video_pooster {
  position: relative;
}
.video_news_wrapper .splide__slide .video_pooster a.res {
  position: relative;
  display: block;
  aspect-ratio: 16/10;
}
.video_news_wrapper .splide__slide .video_pooster a.res::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.06) 30%, #f2ff00 212%);
  border-radius: 0.75rem;
}
.video_news_wrapper .splide__slide .video_pooster a > img {
  border-radius: 0.75rem;
  position: relative;
  filter: brightness(0.8);
  display: block;
  width: 100%;
  aspect-ratio: 1.8/1.1;
  object-fit: cover;
}
.video_news_wrapper .splide__slide .video_pooster .icon_video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
}
.video_news_wrapper .splide__slide .content {
  border-radius: 0.75rem;
  border: 1px solid #363636;
  background: #1c1c1c;
  margin-top: 0.75rem;
  padding: 0.75rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-align: start;
  direction: ltr;
}
.video_news_wrapper .splide__slide .content .title a {
  color: #fff;
  font-family: Peyda-bold;
  font-weight: normal;
  font-size: 1rem;
  --line_limit: 2;
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  .video_news_wrapper .splide__slide .content .title a {
    --line_limit: 1;
  }
}
.video_news_wrapper .splide__slide .content .title a:hover {
  color: #ecf800;
}
.video_news_wrapper .splide__slide .content time {
  color: #fff;
  font-size: 0.75rem;
}

.row_first {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 1199px) {
  .row_first {
    flex-direction: row;
    margin-top: 7rem;
    margin-bottom: 2rem;
  }
}
.row_first .right_col {
  flex: 8;
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
}
.row_first .left_col {
  flex: 4;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.row_first .left_col > div {
  border-radius: 0.75rem;
}
.row_first .left_col > div:last-child {
  max-width: 100% !important;
}

.right_col .new_video_wrapper {
  background: #1c1c1c;
  padding: 2.5rem 1.5rem 0rem;
  border-radius: 0.75rem;
  position: relative;
  margin-bottom: 0;
}
.right_col .new_video_wrapper .header_section {
  margin-bottom: 1.25rem;
}
.right_col .new_video_wrapper .splide__list {
  flex-direction: row-reverse;
}
.right_col .new_video_wrapper .splide-progress {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  height: 2px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  overflow: hidden;
  margin: 1.25rem 0;
}
.right_col .new_video_wrapper .splide-progress-bar {
  height: 100%;
  width: 0%;
  background: #ecf800;
  transition: width 0.3s ease-in-out;
}
.right_col .new_video_wrapper #main_slider {
  aspect-ratio: 16/16;
}
@media screen and (min-width: 991px) {
  .right_col .new_video_wrapper #main_slider {
    aspect-ratio: 100/34;
  }
}
@media screen and (min-width: 768px) and (max-width: 990px) {
  .right_col .new_video_wrapper #main_slider {
    aspect-ratio: 100/36;
  }
}
.right_col .new_video_wrapper #main_slider .splide__slide {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  height: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.right_col .new_video_wrapper #main_slider .splide__track {
  height: auto;
}
.right_col .new_video_wrapper #main_slider .splide {
  height: auto;
}
.right_col .new_video_wrapper #main_slider .splide__slide.is-active {
  opacity: 1;
  visibility: visible;
}
.right_col .new_video_wrapper .splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.right_col .new_video_wrapper .thumbnail-slider .splide__slide {
  cursor: pointer;
  margin-bottom: 2rem;
}
.right_col .new_video_wrapper .thumbnail-slider .splide__slide.is-active {
  border-radius: 5px;
}
.right_col .new_video_wrapper .thumbnail-slider .splide__slide.is-active::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 28.413px 26.453px 0px 0px;
  background: #ecf800;
  top: 9.75rem;
}
.right_col .new_video_wrapper .splidetrack--fade > .splidelist > .splide__slide {
  opacity: 0;
  z-index: 0;
  transition: opacity 0.5s ease-in-out;
}
.right_col .new_video_wrapper .splidetrack--fade > .splidelist > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}
.right_col .new_video_wrapper .video_content {
  display: flex;
  width: 100%;
  gap: 1rem;
  flex-direction: column;
  margin-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .right_col .new_video_wrapper .video_content {
    flex-direction: row-reverse;
    margin-bottom: 0rem;
  }
}
.right_col .new_video_wrapper .video_content .video_pooster {
  flex: 4;
}
.right_col .new_video_wrapper .video_content .video_pooster .res {
  position: relative;
}
.right_col .new_video_wrapper .video_content .video_pooster .res img {
  border-radius: 0.75rem;
  aspect-ratio: 16/10;
}
.right_col .new_video_wrapper .video_content .video_pooster .res .icon_video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
}
.right_col .new_video_wrapper .video_content .details {
  flex: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.9rem;
  padding: auto;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  align-items: flex-end;
  border: 1px solid #363636;
}
.right_col .new_video_wrapper .video_content .details a {
  --line_limit: 2;
  font-size: 1.125rem;
  font-family: Peyda-bold;
  font-weight: normal;
  line-height: 2;
}
.right_col .new_video_wrapper .video_content .details a:hover {
  color: #ecf800;
}
.right_col .new_video_wrapper .video_content .details time {
  font-size: 0.75rem;
}
.right_col .new_video_wrapper .video_content .details .lead {
  font-size: 0.9rem;
  color: #fff;
  line-height: 1.8;
  text-align: start;
  direction: ltr;
}
.right_col .new_video_wrapper .thumbnail-slider .res {
  position: relative;
}
.right_col .new_video_wrapper .thumbnail-slider .res img {
  border-radius: 0.75rem;
  aspect-ratio: 16/10;
  object-fit: cover;
}
.right_col .new_video_wrapper .thumbnail-slider .res .icon_video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
}

.new_news {
  background: #1c1c1c;
  padding: 2rem 1rem 2.25rem;
}
.new_news .header_section {
  margin-bottom: 1.25rem;
}
.new_news .new_news_list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.new_news .new_news_list .new_news_item {
  display: flex;
  gap: 0.5rem;
}
.new_news .new_news_list .new_news_item .img {
  width: 30%;
}
@media screen and (min-width: 575px) and (max-width: 1200px) {
  .new_news .new_news_list .new_news_item .img {
    width: unset;
  }
}
@media screen and (min-width: 1200px) {
  .new_news .new_news_list .new_news_item .img {
    flex: 4;
  }
}
.new_news .new_news_list .new_news_item .img img {
  border-radius: 0.5rem;
  aspect-ratio: 1/1.25;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .new_news .new_news_list .new_news_item .img img {
    aspect-ratio: 1/0.8;
  }
}
@media screen and (min-width: 375px) and (max-width: 767px) {
  .new_news .new_news_list .new_news_item .img img {
    aspect-ratio: 1/1;
  }
}
.new_news .new_news_list .new_news_item .content {
  flex: 8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  padding: auto;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid #363636;
  width: 70%;
}
.new_news .new_news_list .new_news_item .content a {
  --line_limit: 2;
  font-size: 0.938rem;
}
.new_news .new_news_list .new_news_item .content a:hover {
  color: #ecf800;
}
.new_news .new_news_list .new_news_item .content time {
  font-size: 0.75rem;
}

.row_second {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 1199px) {
  .row_second {
    flex-direction: row;
    margin-bottom: 7rem;
  }
}
.row_second .right_col {
  flex: 8;
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
}
.row_second .left_col {
  flex: 3.7;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.row_second .left_col > div {
  border-radius: 0.75rem;
  max-width: 100%;
  margin: 0 auto;
}

.category_slider {
  background: #1c1c1c;
  padding: 2.5rem 1.5rem 2.5rem;
  border-radius: 0.75rem;
}
.category_slider .splide__arrows {
  padding: 0rem;
}
@media screen and (max-width: 768px) {
  .category_slider .splide__arrows {
    display: flex;
  }
}
.category_slider .splide__arrows .splide__arrow {
  background-color: #ecf800;
}
.category_slider .splide__arrows .splide__arrow--prev {
  opacity: 0;
  transform: rotate(180deg);
}
.category_slider .splide__arrows .splide__arrow--prev.active {
  opacity: 1;
}
.category_slider .category_item {
  background: #222;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-direction: column;
  padding: 1.25rem;
  transition: 0.3s;
}
.category_slider .category_item:hover {
  background-color: #cbd600;
}
.category_slider .category_item:hover a {
  color: #222;
}
.category_slider .category_item:hover img {
  filter: brightness(0.2);
}
.category_slider .category_item a {
  font-family: Peyda-bold;
  font-weight: normal;
  font-size: 0.875rem;
}

.full_adv > div {
  margin: 0 auto;
  border-radius: 0.75rem;
}
@media screen and (max-width: 768px) {
  .full_adv > div {
    max-width: 100%;
  }
}

.row_third {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  margin-top: 2.5rem;
  margin-bottom: 7rem;
}
@media screen and (min-width: 991px) {
  .row_third {
    flex-direction: row;
    margin-top: 7rem;
  }
}
.row_third .right_col {
  flex: 4;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.row_third .right_col > div {
  border-radius: 0.75rem;
  max-width: 100%;
}
.row_third .right_col .zxc {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.row_third .left_col {
  flex: 8;
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
}

.other_news_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}
@media screen and (min-width: 991px) {
  .other_news_list {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }
}
.other_news_list .other_news_item {
  position: relative;
  display: flex;
  flex-direction: column;
}
.other_news_list .other_news_item a > img {
  border-radius: 0.75rem 0.75rem 0 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .other_news_list .other_news_item a > img {
    border-radius: 0.75rem;
  }
}
.other_news_list .other_news_item .categori {
  display: none;
}
@media screen and (min-width: 768px) {
  .other_news_list .other_news_item .categori {
    display: flex;
    position: absolute !important;
    top: 0.75rem;
    left: 0.75rem;
    display: flex;
    border-radius: 0.5rem;
    backdrop-filter: blur(31px);
    color: #fff;
    z-index: 1;
    overflow: hidden;
  }
  .other_news_list .other_news_item .categori::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(to top, rgba(242, 255, 0, 0.7), rgba(235, 235, 235, 0));
    z-index: -1;
    pointer-events: none;
    mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
    mask-composite: exclude;
  }
  .other_news_list .other_news_item .categori a {
    color: #fff;
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
    position: relative;
    z-index: 1;
  }
}
.other_news_list .other_news_item .content {
  width: 100%;
  background: #1c1c1c;
  border: 1px solid #363636;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0 0 0.75rem 0.75rem;
}
@media screen and (min-width: 768px) {
  .other_news_list .other_news_item .content {
    position: absolute;
    bottom: 0%;
    background: rgba(29, 29, 24, 0.6);
    backdrop-filter: blur(32px);
    border: unset;
    padding: 1rem;
  }
}
.other_news_list .other_news_item .content a {
  line-height: 2;
  font-size: 0.938rem;
  font-family: Peyda-medium;
  --line_limit: 2;
  line-height: 1.7;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .other_news_list .other_news_item .content a {
    --line_limit: 1;
    text-align: start;
  }
}
.other_news_list .other_news_item .content a:hover {
  color: #ecf800;
}
.other_news_list .other_news_item .content .current-date {
  display: none;
}
@media screen and (min-width: 768px) {
  .other_news_list .other_news_item .content .current-date {
    display: flex;
  }
}
.other_news_list .other_news_item .content .current-date time {
  font-size: 0.75rem;
}

.other_news_new .new_news_list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.other_news_new .new_news_list .new_news_item {
  display: flex;
  gap: 1rem;
}
@media screen and (min-width: 768px) {
  .other_news_new .new_news_list .new_news_item {
    flex-direction: row;
  }
}
.other_news_new .new_news_list .new_news_item .img {
  position: relative;
  width: 30%;
  order: 2;
}
@media screen and (min-width: 1301px) {
  .other_news_new .new_news_list .new_news_item .img {
    flex: 3;
  }
}
@media screen and (min-width: 768px) {
  .other_news_new .new_news_list .new_news_item .img {
    width: unset;
    order: unset;
  }
}
.other_news_new .new_news_list .new_news_item .img a > img {
  border-radius: 0.75rem;
  margin: 0;
  aspect-ratio: 16/13;
  width: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .other_news_new .new_news_list .new_news_item .img a > img {
    aspect-ratio: 300/217;
  }
}
.other_news_new .new_news_list .new_news_item .img .categori {
  display: none;
}
@media screen and (min-width: 768px) {
  .other_news_new .new_news_list .new_news_item .img .categori {
    position: absolute !important;
    bottom: 0.75rem;
    right: 0.75rem;
    display: flex;
    border-radius: 0.5rem;
    backdrop-filter: blur(31px);
    color: #fff;
    z-index: 1;
    overflow: hidden;
  }
  .other_news_new .new_news_list .new_news_item .img .categori::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(to top, rgba(242, 255, 0, 0.7), rgba(235, 235, 235, 0));
    z-index: -1;
    pointer-events: none;
    mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
    mask-composite: exclude;
  }
  .other_news_new .new_news_list .new_news_item .img .categori a {
    color: #fff;
    font-size: 0.625rem;
    padding: 0.5rem 1rem;
    position: relative;
    z-index: 1;
  }
}
.other_news_new .new_news_list .new_news_item .content {
  flex: 8;
  background: #1c1c1c;
  border: 1px solid #363636;
  padding: 1rem;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  border-radius: 0.75rem;
}
.other_news_new .new_news_list .new_news_item .content .current-date {
  display: none;
}
@media screen and (min-width: 768px) {
  .other_news_new .new_news_list .new_news_item .content .current-date {
    background: rgba(9, 7, 37, 0.23);
    backdrop-filter: blur(37px);
    display: inline-flex;
    width: 7.5rem;
    justify-content: space-evenly;
    padding: 0.5rem;
    border-radius: 0.5rem;
    order: 2;
  }
  .other_news_new .new_news_list .new_news_item .content .current-date time {
    font-size: 0.75rem;
  }
}
.other_news_new .new_news_list .new_news_item .author {
  display: none;
}
@media screen and (min-width: 768px) {
  .other_news_new .new_news_list .new_news_item .author {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    justify-content: flex-start;
  }
  .other_news_new .new_news_list .new_news_item .author img {
    margin: 0;
    border-radius: 100%;
  }
  .other_news_new .new_news_list .new_news_item .author p {
    font-size: 0.75rem;
    color: #fff;
  }
}
.other_news_new .new_news_list .new_news_item a {
  font-family: Peyda-medium;
  --line_limit: 2;
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  .other_news_new .new_news_list .new_news_item a {
    --line_limit: 1;
  }
}
.other_news_new .new_news_list .new_news_item a:hover {
  color: #ecf800;
}

body.multimedia main,
body.landing main {
  margin-top: 6rem;
}
@media screen and (min-width: 1200px) {
  body.multimedia main,
  body.landing main {
    margin-top: 0rem;
  }
}

.landing_row1 {
  background: #000000;
  padding: 24px 0;
}
.landing_row1 .landing_row1_inner {
  display: grid;
  gap: 16px;
}
.landing_row1 .landing_row1_inner .landing_a ul {
  border-radius: 6px;
  overflow: hidden;
}
@media screen and (min-width: 800px) {
  .landing_row1 .landing_row1_inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 250px);
  }
}
.landing_row1 .landing_row1_inner ul {
  display: grid;
  gap: 8px;
}
.landing_row1 .landing_row1_inner ul li {
  border-radius: 6px;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .landing_row1 .landing_row1_inner ul {
    gap: 16px 0;
  }
  .landing_row1 .landing_row1_inner ul li:not(:first-child) {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 7fr);
    gap: 8px;
  }
  .landing_row1 .landing_row1_inner ul li:not(:first-child) .res {
    box-shadow: 0px 0px 4px #ccc;
    border-radius: 5px;
    overflow: hidden;
  }
  .landing_row1 .landing_row1_inner ul li:not(:first-child) .title {
    font-size: 0.75rem;
  }
  .landing_row1 .landing_row1_inner ul li:not(:first-child) .title a {
    color: #000;
  }
}
.landing_row1 .landing_row1_inner ul li:first-child .detail {
  background-color: #1a1a1a;
  padding: 16px;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.landing_row1 .landing_row1_inner ul li:first-child .title {
  font-size: 0.938rem;
}
.landing_row1 .landing_row1_inner ul li:first-child .title a {
  color: #fff;
}
.landing_row1 .landing_row1_inner ul li:first-child .title a:hover {
  color: #ecf800;
}
.landing_row1 .landing_row1_inner ul li:first-child .title a {
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
}
.landing_row1 .landing_row1_inner ul li:first-child .uptitle {
  color: #b7b7b7;
  font-size: 0.812rem;
  font-family: Peyda;
  margin-bottom: 4px;
  display: block;
}
.landing_row1 .landing_row1_inner ul li:first-child .lead {
  font-size: 0.812rem;
  color: #b7b7b7;
  margin-top: 4px;
}
.landing_row1 .landing_row1_inner ul li:first-child time {
  font-size: 0.75rem;
  color: #fff;
  background-color: #ecf800;
  padding: 2px 8px;
  margin-top: 8px;
  display: inline-block;
}
@media screen and (min-width: 800px) {
  .landing_row1 .landing_row1_inner ul {
    grid-template-columns: repeat(5, 1fr);
    grid-template-areas: "a a a a a" ". . . . .";
  }
  .landing_row1 .landing_row1_inner ul li:first-child {
    grid-area: a;
    display: grid;
    grid-template-columns: minmax(0, 35fr) minmax(0, 65fr);
  }
  .landing_row1 .landing_row1_inner ul li:not(:first-child) {
    position: relative;
  }
  .landing_row1 .landing_row1_inner ul li:not(:first-child) .title {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    padding: 6px;
    font-size: 0.812rem;
  }
  .landing_row1 .landing_row1_inner ul li:not(:first-child) .title a {
    color: #fff;
  }
}

.landing_tabs {
  display: grid;
  gap: 16px;
}
@media screen and (min-width: 600px) {
  .landing_tabs {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 900px) {
  .landing_tabs {
    grid-template-columns: repeat(4, 1fr);
  }
}

.landing_row {
  margin-top: 16px;
}
.landing_row .landing_row_inner {
  display: flex;
  gap: 1.25rem;
  flex-direction: column;
  margin-bottom: 5rem;
}
@media screen and (min-width: 768px) {
  .landing_row .landing_row_inner {
    flex-direction: row;
  }
}

.image_box {
  margin-bottom: 1.5rem;
  flex: 7;
}
.image_box ul {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
.image_box ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  padding: 1rem 1rem 1.5rem;
  border-radius: 0.75rem;
  background-color: #0d0d0d;
}
@media screen and (min-width: 768px) {
  .image_box ul li {
    flex-direction: row;
    padding: 1rem 1rem;
  }
}
.image_box ul li a {
  flex: 3;
}
.image_box ul li a img {
  border-radius: 0.75rem;
}
.image_box ul li .content {
  flex: 9;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: center;
}
.image_box ul li .content time {
  font-size: 0.75rem;
}
.image_box ul li .content h3 {
  font-size: 1rem;
}
.image_box ul li .content h3 a {
  color: #fff;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.image_box ul li .uptitle {
  font-family: Peyda;
  color: #ecf800;
  font-size: 0.812rem;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.image_box ul li .lead {
  color: #fff;
  font-size: 0.812rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.image_box ul li .title {
  font-family: Peyda-bold;
  font-size: 0.812rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.image_box ul li .title a:hover {
  color: #ecf800;
}
.image_box ul li .title a {
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
}
.image_box ul li .title a {
  color: #000;
}

.landing_aside {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 4;
}

.landing_news_list {
  background-color: #0d0d0d;
  border-radius: 0.75rem;
  padding: 1.25rem 1rem 2rem;
}
.landing_news_list .header_section {
  margin-bottom: 1.5rem;
}
.landing_news_list .header_section > .text {
  padding-inline-start: 1rem;
}
.landing_news_list li:not(:last-child) {
  margin-bottom: 0.75rem;
}
.landing_news_list li p {
  position: relative;
}
.landing_news_list li p a {
  margin-inline-start: 1rem;
  line-height: 1.6;
  transition: 300ms;
}
.landing_news_list li p a::before {
  content: "::";
  color: #ecf800;
  position: absolute;
  right: 0;
  left: 0;
}
.landing_news_list li p a:hover {
  color: #ecf800;
}

.landing_slide {
  display: none;
}
@media screen and (min-width: 991px) {
  .landing_slide {
    display: block;
  }
  .landing_slide ul {
    display: grid;
    grid-template-columns: repeat(8, 1fr) 1.75fr repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 1.25rem;
    grid-row-gap: 1rem;
    margin: 2rem 0 3rem;
  }
  .landing_slide ul li:nth-child(1) {
    grid-area: 1/1/3/9;
  }
  .landing_slide ul li:nth-child(2) {
    grid-area: 1/9/2/13;
  }
  .landing_slide ul li:nth-child(3) {
    grid-area: 2/9/3/13;
  }
  .landing_slide ul .landing_slide_item {
    position: relative;
    width: 100%;
    height: 100%;
    transition: 300ms;
  }
  .landing_slide ul .landing_slide_item a {
    width: 100%;
    height: 100%;
  }
  .landing_slide ul .landing_slide_item a img {
    height: 100%;
    border-radius: 0.75rem;
    filter: brightness(0.8);
    object-fit: cover;
    aspect-ratio: 16/8;
  }
  .landing_slide ul .landing_slide_item:hover h2 > a {
    color: #ecf800;
  }
  .landing_slide ul .content {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1.25rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.0606617647) 0%, rgb(0, 0, 0) 100%);
  }
  .landing_slide ul .content h2 {
    font-size: 1.25rem;
  }
}

.landing_slider {
  display: block;
}
@media screen and (min-width: 991px) {
  .landing_slider {
    display: none;
  }
}
.landing_slider .main_slider {
  margin: 2rem 0;
}
.landing_slider .main_slider ul li {
  position: relative;
}
.landing_slider .main_slider ul li .res::after {
  content: "";
  position: absolute;
  height: 80%;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.landing_slider .main_slider ul li img {
  border-radius: 0.75rem;
}
.landing_slider .main_slider ul li .detail {
  position: absolute;
  padding: 20px 20px 16px;
  top: 50%;
  left: 50%;
  z-index: 2;
  flex-direction: column;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
}
@media screen and (min-width: 768px) {
  .landing_slider .main_slider ul li .detail {
    width: auto;
  }
}
.landing_slider .main_slider ul li .detail .uptitle {
  font-size: 0.938rem;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  margin-bottom: 8px;
  text-shadow: #0a0a0a 1px 0 10px;
}
.landing_slider .main_slider ul li .detail .title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1rem;
  font-family: Peyda-bold;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .landing_slider .main_slider ul li .detail .title {
    font-size: 1.625rem;
  }
}
.landing_slider .main_slider ul li .detail .title a {
  color: #fff;
  text-shadow: #0a0a0a 1px 0 10px;
}
.landing_slider .main_slider {
  /* Pagination Style */
}
.landing_slider .main_slider .splide__pagination {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.landing_slider .main_slider .splide__pagination__list {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.landing_slider .main_slider .splide__pagination__page {
  position: relative;
  width: 2.5rem;
  height: 0.2rem;
  margin: 0 5px;
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.landing_slider .main_slider .splide__pagination__page .progress-bar {
  position: absolute;
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  background-color: #fff;
  border-radius: 0.5rem;
  transition: width 0.5s ease-out;
}
.landing_slider .main_slider .splide__pagination__page.is-active .progress-bar {
  background-color: #fff;
}
.landing_slider .main_slider .splide__pagination__page:hover .progress-bar {
  background-color: #fff;
}
.landing_slider .main_slider .splide__pagination > li {
  display: none;
}

.multimedia_inner {
  margin: 2rem 0 5rem;
}
.multimedia_inner .new_video_wrapper {
  background: #1c1c1c;
  padding: 1.5rem 1.5rem 0rem;
  border-radius: 0.75rem;
  position: relative;
  margin-bottom: 3rem;
}
.multimedia_inner .new_video_wrapper .splide__list {
  flex-direction: row-reverse;
}
.multimedia_inner .new_video_wrapper .header_section {
  margin-bottom: 1.25rem;
}
.multimedia_inner .new_video_wrapper .splide-progress {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  height: 2px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  overflow: hidden;
  margin: 1.25rem 0;
}
.multimedia_inner .new_video_wrapper .splide-progress-bar {
  height: 100%;
  width: 0%;
  background: #ecf800;
  transition: width 0.3s ease-in-out;
}
.multimedia_inner .new_video_wrapper .splide_multimedia {
  aspect-ratio: 16/16;
}
@media screen and (min-width: 991px) {
  .multimedia_inner .new_video_wrapper .splide_multimedia {
    aspect-ratio: 100/23;
  }
}
@media screen and (min-width: 768px) and (max-width: 990px) {
  .multimedia_inner .new_video_wrapper .splide_multimedia {
    aspect-ratio: 100/32;
  }
}
.multimedia_inner .new_video_wrapper .splide_multimedia .splide__slide {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  height: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.multimedia_inner .new_video_wrapper .splide_multimedia .splide__track {
  height: auto;
}
.multimedia_inner .new_video_wrapper .splide_multimedia .splide {
  height: auto;
}
.multimedia_inner .new_video_wrapper .splide_multimedia .splide__slide.is-active {
  opacity: 1;
  visibility: visible;
}
.multimedia_inner .new_video_wrapper .splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.multimedia_inner .new_video_wrapper .thumbnail-slider .splide__slide {
  cursor: pointer;
  margin-bottom: 2rem;
}
.multimedia_inner .new_video_wrapper .thumbnail-slider .splide__slide.is-active {
  border-radius: 5px;
}
.multimedia_inner .new_video_wrapper .thumbnail-slider .splide__slide.is-active::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 28.413px 26.453px 0px 0px;
  background: #ecf800;
  top: 9.75rem;
}
.multimedia_inner .new_video_wrapper .splidetrack--fade > .splidelist > .splide__slide {
  opacity: 0;
  z-index: 0;
  transition: opacity 0.5s ease-in-out;
}
.multimedia_inner .new_video_wrapper .splidetrack--fade > .splidelist > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}
.multimedia_inner .new_video_wrapper .video_content {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  margin-bottom: 3rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .multimedia_inner .new_video_wrapper .video_content {
    flex-direction: row-reverse;
    margin-bottom: 0rem;
  }
}
.multimedia_inner .new_video_wrapper .video_content .video_pooster {
  flex: 2;
}
@media screen and (min-width: 768px) and (max-width: 990px) {
  .multimedia_inner .new_video_wrapper .video_content .video_pooster {
    flex: 3;
  }
}
.multimedia_inner .new_video_wrapper .video_content .video_pooster .res {
  position: relative;
}
.multimedia_inner .new_video_wrapper .video_content .video_pooster .res img {
  border-radius: 0.75rem;
  aspect-ratio: 16/10;
}
.multimedia_inner .new_video_wrapper .video_content .video_pooster .res .icon_video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
}
.multimedia_inner .new_video_wrapper .video_content .details {
  flex: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.9rem;
  padding: auto;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid #363636;
  align-items: flex-end;
}
.multimedia_inner .new_video_wrapper .video_content .details a {
  --line_limit: 2;
  font-size: 1.125rem;
  font-family: Peyda-bold;
  font-weight: normal;
  line-height: 2;
  text-align: start;
  direction: ltr;
}
.multimedia_inner .new_video_wrapper .video_content .details a:hover {
  color: #ecf800;
}
.multimedia_inner .new_video_wrapper .video_content .details time {
  font-size: 0.75rem;
}
.multimedia_inner .new_video_wrapper .video_content .details .lead {
  font-size: 0.9rem;
  color: #fff;
  line-height: 1.8;
  text-align: start;
  direction: ltr;
}
.multimedia_inner .new_video_wrapper .thumbnail-slider .res {
  position: relative;
}
.multimedia_inner .new_video_wrapper .thumbnail-slider .res img {
  border-radius: 0.75rem;
  aspect-ratio: 16/10;
}
.multimedia_inner .new_video_wrapper .thumbnail-slider .res .icon_video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
}
.multimedia_inner .multimedia_list ul {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1.5rem;
}
@media screen and (min-width: 768px) {
  .multimedia_inner .multimedia_list ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
.multimedia_inner .multimedia_list li {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.multimedia_inner .multimedia_list li .res img {
  border-radius: 0.75rem;
  aspect-ratio: 16/10;
}
.multimedia_inner .multimedia_list li .content {
  border-radius: 0.75rem;
  border: 1px solid #363636;
  background: #1c1c1c;
  padding: 0.75rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.multimedia_inner .multimedia_list li .content .title a {
  color: #fff;
  font-family: Peyda-bold;
  font-weight: normal;
  font-size: 1rem;
}
.multimedia_inner .multimedia_list li .content .title a:hover {
  color: #ecf800;
}
.multimedia_inner .multimedia_list li .content time {
  color: #fff;
  font-size: 0.75rem;
}

.blank main {
  margin-top: 5rem;
}
@media screen and (min-width: 1200px) {
  .blank main {
    margin-top: 0rem;
  }
}
.blank article {
  margin: 2rem 0 5rem;
}
.blank #category-header {
  margin-top: 24px;
  color: #fff;
}
.blank #category-content p,
.blank #category-content span {
  color: #fff !important;
}
.blank main {
  min-height: calc(100vh - 500px);
}

.archive_inner {
  display: grid;
  gap: 16px;
  margin: 0 0 2rem;
}
@media screen and (min-width: 900px) {
  .archive_inner {
    grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
  }
}
.archive_inner .pagination {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.archive_inner .pagination button {
  background-color: transparent;
  border: none;
  background-color: #464646;
  color: #fff;
  padding: 6px;
  text-align: center;
  border-radius: 7px;
}
.archive_inner .pagination strong {
  background-color: transparent;
  border: none;
  background-color: #ecf800;
  color: #fff;
  padding: 6px;
  text-align: center;
  border-radius: 7px;
}
.archive_inner .tag_footer {
  display: inline-flex;
  gap: 16px;
}
.archive_inner .tag_footer a {
  background-color: #ecf800;
  border-radius: 4px;
  padding: 4px 10px;
  color: black;
  font-weight: bold;
}
.archive_inner .tag_footer strong {
  border-radius: 0.75rem;
  text-align: center;
  font-size: 0.9rem;
  line-height: 37px;
  width: 35px;
  height: 35px;
  background-color: #0d0d0d;
  color: #fff;
}
.archive_inner .tag_footer button {
  border-radius: 0.75rem;
  text-align: center;
  font-size: 0.9rem;
  line-height: 37px;
  width: 35px;
  height: 35px;
  border: 1px solid #363636;
  color: #fff;
}
.archive_inner .archive_advance_search {
  margin: 2rem 0;
}
.archive_inner #archive-page-news {
  margin: 16px 0;
}
.archive_inner .advanced_header {
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.archive_inner .advanced_header span {
  background-color: #ecf800;
  display: block;
  padding: 0.5rem 0.75rem;
  color: #000;
}
.archive_inner .archive_page_header h4 {
  color: #fff;
  border-inline-start: 4px solid #ecf800;
  border-radius: 0.15rem;
  padding-inline-start: 1rem;
  margin: 2rem 0;
}

#archive_search {
  border-radius: 0 0 4px 4px;
  background-color: #fff;
  padding: 16px;
  border: 1px solid #cbcbcb;
}
#archive_search .same_phrase {
  display: block;
  margin-top: 12px;
}
#archive_search .category_filter {
  display: grid;
  grid-template-columns: 90px 1fr;
}
#archive_search > div > label {
  line-height: 30px;
  float: right;
}
#archive_search > div > div,
#archive_search > div > input {
  width: calc(100% - 90px);
  float: left;
}
#archive_search > div > input {
  height: 30px;
  box-shadow: 0px 0px 0px 4px #f0f1f2;
  border: 1px solid #babebf;
  padding: 0 1%;
  font-size: 1rem;
  margin-bottom: 8px;
}
#archive_search label {
  color: #000;
  font-family: inherit;
  font-size: 0.85rem;
}
#archive_search > .start_date {
  padding: 12px 0;
  overflow: auto;
}
#archive_search > .start_date label {
  display: inline-block;
  margin-left: 16px;
}
#archive_search > .start_date > div {
  margin-right: 12px;
}
#archive_search > .end_date {
  padding: 12px 0;
  overflow: auto;
}
#archive_search > .end_date label {
  display: inline-block;
  margin-left: 16px;
}
#archive_search > .end_date > div {
  margin-right: 12px;
}
#archive_search .accordin {
  margin: 10px 0;
}
#archive_search .accordin > label {
  display: inline-block;
}
#archive_search .accordin > div {
  width: 60% !important;
}
@media screen and (min-width: 500px) {
  #archive_search .accordin > div {
    width: 65.3% !important;
  }
}
#archive_search .flip,
#archive_search .flip2 {
  cursor: pointer;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#archive_search .flip svg,
#archive_search .flip2 svg {
  margin-inline-start: 0.5rem;
  transform: rotate(270deg);
  transition: 300ms;
}
#archive_search .flip svg.rotate {
  transform: rotate(90deg);
}
#archive_search .archive-checkbox {
  margin: 10px 0;
}
#archive_search .archive-news-type {
  margin: 10px 0 20px 0;
}
#archive_search .archive-news-type .panel2 {
  width: 90%;
  max-height: 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: all 0.46s ease;
  opacity: 0;
}
#archive_search .archive-news-type .panel2.slide_down {
  opacity: 1;
  max-height: 100vh;
  transform: scaleY(1);
}
#archive_search button {
  display: block;
  margin: 8px auto 0;
  background-color: #666;
  border: none;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
  color: #fff;
  padding: 6px 2px;
  width: 50%;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
#archive_search button:hover {
  background-color: #4e4e4e;
}

.defult-archive-select-box, #archive_search > .start_date select, #archive_search > .end_date select, #archive_search .accordin > div select {
  width: 100%;
  background: none;
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0 0 0 4px;
  margin: 0px;
  position: relative;
  font-size: 0.812rem;
  -webkit-appearance: none;
  direction: ltr;
  text-align: left;
  -moz-appearance: none;
  text-overflow: ellipsis;
}

.all-check-boxes > div, #archive_search .archive-checkbox > div, #archive_search .archive-news-type > div {
  margin: 8px 12px 0 0;
  display: block;
  overflow: auto;
  width: 90%;
}
.all-check-boxes > div > input, #archive_search .archive-checkbox > div > input, #archive_search .archive-news-type > div > input {
  width: 15%;
}
.all-check-boxes > div > label, #archive_search .archive-checkbox > div > label, #archive_search .archive-news-type > div > label {
  float: right;
  width: 80%;
}

.defult-archive-style, #archive_search > .start_date > div, #archive_search > .end_date > div, #archive_search .accordin > div {
  width: 17%;
  position: relative;
  display: inline-block;
  box-shadow: 0px 0px 0px 4px #f0f1f2;
  border: 1px solid #babebf;
  padding: 0 1%;
  border-radius: 2px;
  font-size: 0.938rem;
  direction: ltr;
  text-align: left;
}
.defult-archive-style::before, #archive_search > .start_date > div::before, #archive_search > .end_date > div::before, #archive_search .accordin > div::before {
  content: "";
  position: absolute;
  right: 5px;
  top: 9px;
  border-width: 5px 5px 5px 5px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  z-index: 3;
  pointer-events: none;
}
.defult-archive-style::after, #archive_search > .start_date > div::after, #archive_search > .end_date > div::after, #archive_search .accordin > div::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 20px;
  right: 0px;
  border-left: none;
  background-color: #757575;
  color: #fff;
  pointer-events: none;
}
@media screen and (min-width: 500px) {
  .defult-archive-style, #archive_search > .start_date > div, #archive_search > .end_date > div, #archive_search .accordin > div {
    width: 21%;
  }
}

.archive_main {
  margin-top: 16px;
}

.archive .list {
  display: grid;
  gap: 1rem;
}
.archive .list li {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  background-color: #0d0d0d;
  padding: 1rem;
  border-radius: 0.75rem;
  flex-direction: column;
}
.archive .list li a.res {
  width: 100%;
}
.archive .list li a.res img {
  border-radius: 0.75rem;
}
@media screen and (min-width: 768px) {
  .archive .list li {
    display: grid;
    gap: 16px;
    grid-template-columns: 3fr 12fr;
  }
}
.archive .list .title {
  font-size: 1rem;
}
.archive .list .title a {
  color: #fff;
}
.archive .list .title a:hover {
  color: #ecf800;
}
.archive .list .title a {
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
}
.archive .list .news_time {
  margin-top: 8px;
  color: #616161;
}
.archive .list .lead {
  color: #fff;
  margin-top: 8px;
  font-size: 0.875rem;
}
.archive .list .uptitle {
  color: #ecf800;
}

.blank dl {
  padding: 1rem 0 3rem;
}
.blank dl dt {
  margin-top: 1rem 0;
  color: white;
}
.blank dl dd {
  margin: 4px 0;
  border-radius: 4px;
  border: 1px solid #bbb;
  background-color: #f3f3f3;
}
.blank dl dd a {
  color: #4f4f4f;
  direction: ltr;
  word-wrap: anywhere;
  display: block;
  padding: 2px 4px;
}

.page_404 {
  text-align: center;
}
.page_404 main .main_wrapper {
  padding: 0;
}
.page_404 #mainImage_create {
  max-width: 600px;
  display: block;
  margin: auto;
}
.page_404 .page_404_p {
  font-size: 1.125rem;
  color: #fff;
  margin: 24px 0 16px;
}
.page_404 .page_404_a {
  font-size: 1rem;
  background-color: #ecf800;
  color: #000000;
  display: inline-block;
  padding: 4px 16px;
  margin: 0 0 16px;
}
@media screen and (min-width: 760px) {
  .page_404 .page_404_a {
    font-size: 1.125rem;
  }
  .page_404 .page_404_p {
    font-size: 1.5rem;
  }
}

/*
*************** peyvand ha layout ***************
*************** styles ***************
*/
.peyvand main {
  background-color: #000000;
  padding: 16px 0 48px;
}

.peyvand_wrap {
  display: grid;
  gap: 24px;
}
@media screen and (min-width: 760px) {
  .peyvand_wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 900px) {
  .peyvand_wrap {
    grid-template-columns: repeat(4, 1fr);
  }
}
.peyvand_wrap .peyvand_box {
  background-color: #fff;
  border-radius: 6px;
  border: 2px solid #dee2e6;
}
.peyvand_wrap .peyvand_box .peyvand_title {
  border-bottom: 2px solid #dee2e6;
  text-align: center;
}
.peyvand_wrap .peyvand_box .peyvand_title span {
  padding: 8px 4px;
  border-bottom: 2px solid #a7a7a7;
  font-family: iransans-bold;
  font-size: 0.938rem;
  color: #000;
  display: inline-block;
  margin-bottom: -2px;
}
.peyvand_wrap .peyvand_box ul {
  height: 300px;
  overflow: auto;
}
@-moz-document url-prefix() {
  .peyvand_wrap .peyvand_box ul {
    scrollbar-width: thin;
    scrollbar-color: #aaa #f5f5f5;
  }
}
.peyvand_wrap .peyvand_box ul::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.peyvand_wrap .peyvand_box ul::-webkit-scrollbar-track {
  background: #f5f5f5;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.peyvand_wrap .peyvand_box ul::-webkit-scrollbar-thumb {
  background-color: #aaa;
}
.peyvand_wrap .peyvand_box ul ::-webkit-scrollbar-thumb:hover {
  background: #ecf800;
}
.peyvand_wrap .peyvand_box ul {
  scroll-snap-type: y mandatory;
}
.peyvand_wrap .peyvand_box ul > li {
  scroll-snap-align: start;
}
.peyvand_wrap .peyvand_box ul li {
  padding: 8px;
}
.peyvand_wrap .peyvand_box ul li .title {
  color: #222222;
}
.peyvand_wrap .peyvand_box ul li .title:hover {
  color: #ecf800;
}
.peyvand_wrap .peyvand_box ul li .title {
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
}
.peyvand_wrap .peyvand_box ul li .title {
  font-size: 0.812rem;
}
.peyvand_wrap .peyvand_box ul li:not(:last-child) {
  border-bottom: 1px solid #dee2e6;
}

.blank .contactus {
  width: 100%;
}
.blank .contactus input {
  margin-bottom: 8px;
  padding: 4px 8px;
}
.blank .contactus input[type=submit] {
  padding: 2px 16px;
  background-color: #ecf800;
  border: 2px solid transparent;
  color: #000000;
  float: inline-end;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  cursor: pointer;
  font-size: 1rem;
  border-radius: 0.25rem;
  border: 2px solid #363636;
}
.blank .contactus input[type=submit]:hover {
  border: 2px solid #363636;
  color: #000;
  background-color: #cbd600;
}
.blank .contactus .nameinput,
.blank .contactus .emailinput {
  width: 100%;
}
.blank .contactus .nameinput {
  border: 2px solid #363636;
  background-color: #0d0d0d;
  color: #fff;
  border-radius: 0.25rem;
}
.blank .contactus .emailinput {
  border: 2px solid #363636;
  background-color: #0d0d0d;
  color: #fff;
  border-radius: 0.25rem;
}
@media screen and (min-width: 550px) {
  .blank .contactus .nameinput {
    width: 49.5%;
    margin-left: 0.5%;
  }
  .blank .contactus .emailinput {
    width: 49.5%;
  }
}
.blank .contactus textarea {
  border: 2px solid #363636;
  background-color: #0d0d0d;
  color: #fff;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
  width: 100%;
}

.comment_contact {
  margin: 1.5rem 0 2rem;
  background-color: #1c1c1c;
  border-radius: 0.75rem;
  padding: 1.25rem 1rem 3.25rem;
}
@media screen and (min-width: 768px) {
  .comment_contact {
    padding: 2.5rem 2rem 4rem;
  }
}
.comment_contact .general_box_title5 {
  font-size: 1.25rem;
  font-family: Peyda-bold;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-inline-start: 4px solid #ecf800;
  border-radius: 0.15rem;
  padding-inline-start: 0.5rem;
  margin-bottom: 2rem;
}
.comment_contact .general_box_title5 .title_h {
  font-size: 1rem;
  padding: 0;
}

/*
album layout styles
*/
.album .news_row {
  padding-top: 16px;
}
.album .news_row .album_list figure {
  margin: 0;
}
@media screen and (min-width: 900px) {
  .album .news_row .album_list {
    grid-template-columns: repeat(4, 1fr);
  }
}

.company_portal main {
  background-color: #000000;
  padding: 16px 0 48px;
}

.companies_search_cnt {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  flex-wrap: wrap;
}
.companies_search_cnt .companies_search {
  flex-shrink: 0;
  flex-basis: 100%;
}
.companies_search_cnt .companies_search .companies_search_inner {
  margin: auto;
  position: relative;
  width: 300px;
}
.companies_search_cnt .companies_search input {
  width: 100%;
  border-radius: 46px;
  border: 1px solid #dfe1e5;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  padding: 12px 30px 12px 16px;
}
.companies_search_cnt .companies_search input:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.companies_search_cnt .companies_search input:hover {
  outline: 0;
  box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
  border-color: transparent;
}
.companies_search_cnt .companies_search button {
  position: absolute;
  top: 12px;
  right: 16px;
}
@media screen and (max-width: 700px) {
  .companies_search_cnt .companies_search {
    padding-right: 8px;
  }
  .companies_search_cnt .companies_search button {
    left: 16px;
  }
}
.companies_search_cnt .company_author_list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  width: 100%;
}
.companies_search_cnt li {
  display: flex;
  gap: 8px;
  align-items: center;
  background-color: #fff;
  border-radius: 58px;
  border: 1px solid #d9d9d9;
  padding-right: 8px;
}
.companies_search_cnt li .title {
  font-size: 0.75rem;
  color: #212529;
}
.companies_search_cnt li .image {
  flex-shrink: 0;
}
.companies_search_cnt li img {
  border-radius: 50%;
  aspect-ratio: 1/1;
  object-fit: contain;
  width: 45px;
  height: 45px;
}

.alphabet_list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}
@media screen and (min-width: 650px) {
  .alphabet_list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
  }
}
@media screen and (min-width: 800px) {
  .alphabet_list {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.alphabet_list li {
  text-align: center;
}
.alphabet_list li .item_flip_link {
  display: block;
  height: 100%;
}
.alphabet_list li .item_front {
  background-color: #fff;
  height: 100%;
  border-radius: 4px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.alphabet_list li .item_front .arrow svg {
  border-radius: 4px;
  width: 30px;
  height: 30px;
  background: #ecf800;
  padding: 3px 8px;
}
.alphabet_list li .item_front .arrow svg path {
  fill: #fff;
}
.alphabet_list li .item_front .name {
  margin: 16px 0;
  color: #212529;
  font-size: 0.812rem;
}
.alphabet_list li .item_front img {
  border-radius: 50%;
  aspect-ratio: 1/1;
  object-fit: contain;
}
.alphabet_list li .item_back {
  background-color: #fff;
  display: flex;
  gap: 24px;
  flex-direction: column;
  justify-content: center;
  padding: 16px;
  height: 100%;
  border-radius: 4px;
  color: #212529;
  font-size: 0.875rem;
}
.alphabet_list li .item_back .email {
  color: #ecf800;
}
.alphabet_list .item_flip {
  position: relative;
}
.alphabet_list .item_flip .item_front,
.alphabet_list .item_flip .item_back {
  backface-visibility: hidden;
  transition: 1s;
  transform-style: preserve-3d;
}
.alphabet_list .item_flip .item_back {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: rotateY(180deg);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
@media screen and (max-width: 768px) {
  .alphabet_list .item_flip .item_back {
    display: none;
  }
}
.alphabet_list .item_flip:hover .item_front {
  transform: rotateY(180deg);
}
.alphabet_list .item_flip:hover .item_back {
  transform: rotateY(0deg);
}

/*
*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*
company profile styles
*/
.company_profile main {
  background-color: #000000;
  padding: 16px 0;
}
@media screen and (min-width: 768px) {
  .company_profile main {
    padding: 28px 0;
  }
}
.company_profile main .main_wrapper {
  max-width: 1000px;
}

.company_profile_view {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  border-radius: 4px;
  overflow: hidden;
  padding-top: 2rem;
}
.company_profile_view .profile_content_display {
  display: grid;
  gap: 32px 0;
  padding: 1.5rem;
  margin: 2rem 0;
  background: #0d0d0d;
  border-radius: 0.75rem;
}
.company_profile_view .profile_content_display > * {
  border: 1px solid #363636;
  border-radius: 0.75rem;
  padding: 1rem;
}
.company_profile_view .details_authors {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 768px) {
  .company_profile_view .details_authors {
    flex-direction: row;
  }
}
.company_profile_view .details_authors .company_profile_social {
  flex-direction: row;
}
@media screen and (min-width: 768px) {
  .company_profile_view .details_authors .company_profile_social {
    flex-direction: column;
  }
}
.company_profile_view .details_authors .company_profile_social .company_email,
.company_profile_view .details_authors .company_profile_social .company_phone {
  display: flex;
  font-size: 0.9rem;
  gap: 0.5rem;
  align-items: center;
}
.company_profile_view .editor_styles table {
  text-align: center;
  max-width: 100%;
  margin: 8px auto;
  border: none;
}
.company_profile_view .editor_styles table caption {
  padding: 4px 0;
  background-color: #ecf800;
  color: #fff;
  font-weight: 700;
}
.company_profile_view .editor_styles table thead tr {
  background-color: #203641;
  color: #fff;
  font-weight: 700;
  font-size: 0.875rem;
}
.company_profile_view .editor_styles table thead tr th {
  padding: 4px 8px;
  border: 2px solid rgba(251, 251, 251, 0.8196078431);
}
.company_profile_view .editor_styles table tbody tr:nth-child(2n) td {
  background-color: #ececec;
}
.company_profile_view .editor_styles table tbody {
  text-align: center;
  background: #fff;
  font-size: 0.875rem;
}
.company_profile_view .editor_styles table tbody td {
  border: 2px solid rgba(198, 198, 198, 0.5098039216);
  padding: 4px 6px;
}
.company_profile_view .editor_styles .table_res {
  overflow-x: auto;
}
.company_profile_view .editor_styles ul {
  list-style-position: inside;
  list-style-type: unset;
  font-size: 0.938rem;
}
.company_profile_view .editor_styles p {
  margin-bottom: 16px;
  font-size: 0.938rem;
}
.company_profile_view .company_profile_header {
  background-color: #0d0d0d;
  display: flex;
  color: #fff;
  gap: 1rem;
  padding: 1.5rem 1.5rem;
  border-radius: 0.75rem;
}
@media screen and (max-width: 700px) {
  .company_profile_view .company_profile_header .company_profile_avatar,
  .company_profile_view .company_profile_header .company_profile_name {
    flex-basis: 100%;
  }
  .company_profile_view .company_profile_header {
    flex-wrap: wrap;
    padding: 1rem;
    justify-content: center;
    text-align: center;
  }
}
.company_profile_view .company_profile_header a {
  color: #fff;
}
.company_profile_view .company_profile_header img {
  border-radius: 0.75rem;
}
.company_profile_view .short_link .short_link_form {
  position: relative;
}
.company_profile_view .short_link .short_link_form input {
  border: none;
  direction: ltr;
  color: #ffffff;
  cursor: pointer;
  font-size: 0.75rem;
  width: 200px;
  background-color: transparent;
}
.company_profile_view .short_link .short_link_form input:focus {
  outline: 0;
}
.company_profile_view .short_link .short_link_form svg path {
  fill: #fff;
}
.company_profile_view .short_link .short_link_form .copied {
  font-size: 0.75rem;
  text-align: center;
  line-height: 1;
  position: absolute;
  top: 2px;
  right: 20px;
  color: #434e5e;
  border-radius: 30px;
  background-color: #fff;
  padding: 4px 6px;
  display: none;
}
.company_profile_view .company_profile_name {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media screen and (min-width: 700px) {
  .company_profile_view .company_profile_name {
    flex-shrink: 0;
    padding-left: 16px;
  }
}
.company_profile_view .company_profile_name .company_activity {
  font-size: 0.875rem;
}
.company_profile_view .company_profile_name .company_activity span:not(:last-child)::after {
  content: "،";
}
.company_profile_view .company_profile_name .company_address,
.company_profile_view .company_profile_name .company_phone {
  font-size: 0.812rem;
}
.company_profile_view .company_profile_name .company_title {
  font-size: 1.25rem;
}
.company_profile_view .company_profile_social {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  font-size: 0.875rem;
  text-align: left;
  direction: ltr;
}
@media screen and (min-width: 700px) {
  .company_profile_view .company_profile_social {
    padding-right: 16px;
    flex-grow: 1;
  }
}

.company_profile_main {
  color: #fff;
}
.company_profile_main .edit_news {
  display: flex;
  color: #ecf800;
  font-size: 0.938rem;
  margin: 2rem 0 0;
}
.company_profile_main .company_profile_main_inner {
  display: grid;
  gap: 24px;
  margin-top: 48px;
}
@media screen and (min-width: 768px) {
  .company_profile_main .company_profile_main_inner {
    gap: 32px;
    grid-template-columns: minmax(0, 9fr) minmax(0, 3fr);
  }
}
.company_profile_main .company_profile_production {
  border-right: 3px solid #aab4c3;
  position: relative;
  padding-left: 20px;
  margin-left: 8px;
}
.company_profile_main .company_profile_production::before {
  position: absolute;
  right: -9px;
  top: 0;
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 4px solid #5e6200;
  background-color: #fff;
  border-radius: 50%;
}
.company_profile_main .company_profile_info_cnt {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.938rem;
  gap: 8px;
}
.company_profile_main .company_profile_info_cnt:not(:last-child) {
  margin-bottom: 16px;
}
.company_profile_main .company_profile_headline {
  font-size: 1.125rem;
  padding-bottom: 12px;
  margin-bottom: 16px;
  color: #fff;
  font-family: Peyda-bold;
  font-weight: normal;
  border-bottom: 1.5px solid #0d0d0d;
}

.company_profile_news {
  border: 1px solid #363636;
  border-radius: 0.75rem;
  padding: 1.5rem;
  margin: 2rem 0 4rem;
}
.company_profile_news .list {
  grid-template-columns: repeat(1, 1fr);
}
@media screen and (min-width: 991px) {
  .company_profile_news .list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.company_profile_news .list li {
  border-bottom: unset;
  gap: 1rem;
}
@media screen and (min-width: 991px) and (max-width: 1200px) {
  .company_profile_news .list li {
    grid-template-columns: 1fr 2.5fr;
  }
}
@media screen and (min-width: 768px) and (max-width: 990px) {
  .company_profile_news .list li {
    grid-template-columns: 1fr 6fr;
  }
}
.company_profile_news .list li .content {
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid #363636;
  width: 100%;
  height: auto;
  background: #0d0d0d;
}
.company_profile_news .list li .content .title {
  font-size: 0.875rem;
}
.company_profile_news .list li .content .time {
  font-size: 0.75rem;
}

.author_portal .alphabet_list_header {
  display: inline-flex;
  gap: 16px;
  flex-wrap: wrap;
}
.author_portal .alphabet_list_header a {
  color: #2c2c2c;
  border: 1px solid #2c2c2c;
  border-radius: 4px;
  font-size: 1rem;
  padding: 4px 12px;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
}
.author_portal .alphabet_list_header a:hover {
  border: 1px solid #ecf800;
  color: #000;
  background-color: #fff;
}
.author_portal main {
  background-color: #000000;
  padding: 16px 0 48px;
}
.author_portal .alphabet_list li {
  background-color: #fff;
  height: 100%;
  border-radius: 4px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
}
.author_portal .alphabet_list li:hover {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
}
.author_portal .alphabet_list li img {
  aspect-ratio: 3/4;
  object-fit: cover;
  border-radius: 4px;
}
.author_portal .alphabet_list li .name {
  margin: 16px 0 8px;
  color: #212529;
  font-size: 0.812rem;
}

/*
author profile styles
*/
.profile main .main_wrapper {
  max-width: 1000px;
}
.profile main {
  background-color: #000000;
  padding: 16px 0 48px;
}
.profile .profile_content_display {
  position: relative;
  max-height: 250px;
  overflow: hidden;
}
.profile .profile_content_display.profile_content_display_show {
  max-height: unset;
  overflow: visible;
}
.profile .profile_content_button {
  bottom: 0;
  position: absolute;
  width: 100%;
  background-color: rgba(246, 246, 246, 0.7803921569);
  z-index: 2;
  padding: 6px;
  color: #434e5e;
  font-family: Peyda-bold;
  font-weight: normal;
  font-size: 16px;
}

@media print {
  .noprint,
  .zxc {
    display: none !important;
  }
}
#newsCommentBoxForm {
  margin: 1.5rem 0 2rem;
  background-color: #1c1c1c;
  border-radius: 0.75rem;
  padding: 1.25rem 1rem;
}
@media screen and (min-width: 768px) {
  #newsCommentBoxForm {
    padding: 2.5rem 2rem;
  }
}
#newsCommentBoxForm .general_box_title5 {
  font-size: 1.25rem;
  font-family: Peyda-bold;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-inline-start: 4px solid #ecf800;
  border-radius: 0.15rem;
  padding-inline-start: 0.5rem;
  margin-bottom: 2rem;
}
#newsCommentBoxForm .general_box_title5 .title_h {
  font-family: Peyda-bold;
  font-weight: normal;
  color: #fff;
  font-size: 1.25rem;
  padding: 0;
}
#newsCommentBoxForm .comment_rule {
  list-style-type: disc;
  list-style-position: inside;
  font-size: 0.812rem;
  margin-bottom: 16px;
}
#newsCommentBoxForm .comment_inner {
  padding: 1rem 1rem 2rem;
  background-color: #222;
  border-radius: 6px;
  border: 1px solid #495057;
}
@media screen and (min-width: 760px) {
  #newsCommentBoxForm .comment_inner {
    padding: 1rem;
  }
}
#newsCommentBoxForm .comment_inner label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 4px;
  color: #fff;
}
@media screen and (min-width: 760px) {
  #newsCommentBoxForm .comment_inner #sendComment {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 16px;
  }
}
#newsCommentBoxForm .comment_inner button {
  background-color: #ecf800;
  color: #000000;
  border: none;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  border-radius: 0.25rem;
  float: left;
  font-size: 0.938rem;
  padding: 0.25rem 1rem;
}
#newsCommentBoxForm .comment_inner .statusBox {
  color: green;
  margin-top: 1rem;
  font-size: 0.875rem;
}
#newsCommentBoxForm .comment_inner input {
  font-size: 0.9em;
  border: 1px solid #495057;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #fff;
  padding: 8px;
  margin-bottom: 16px;
  font-family: Peyda;
  display: block;
  width: 100%;
  background-color: #0d0d0d;
}
#newsCommentBoxForm .comment_inner input:focus {
  background-color: #222;
  border-color: #ecf800;
  outline: 0;
}
#newsCommentBoxForm .comment_inner textarea {
  resize: vertical;
  color: #fff;
  border: 1px solid #495057;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin-bottom: 8px;
  width: 100%;
  height: 120px;
  background-color: #fff;
  padding: 8px;
  font-size: 0.9em;
  font-family: Peyda;
  line-height: 1.7;
  background-color: #0d0d0d;
}
#newsCommentBoxForm .comment_inner textarea:focus-within, #newsCommentBoxForm .comment_inner textarea:focus-visible {
  background-color: #222;
  border-color: #ecf800;
  outline: 0;
}
#newsCommentBoxForm .comment_reply {
  display: flex;
  gap: 0.75rem;
}
#newsCommentBoxForm .comment_reply button {
  background-color: #0d0d0d;
  color: #e5e5e5;
  border: none;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  border-radius: 0.25rem;
  display: flex;
  gap: 0.25rem;
  align-items: center;
  font-size: 0.938rem;
  padding: 0.5rem;
}
@media screen and (max-width: 800px) {
  #newsCommentBoxForm .comment_reply button {
    margin-bottom: 16px;
  }
}
#newsCommentBoxForm .comment_reply button:hover {
  background-color: #b5b5b5;
}
#newsCommentBoxForm .comment_reply button:focus-within {
  color: #fff;
  background-color: #202021;
}

.title_comment_list {
  margin-top: 2rem;
}

.comment_list {
  margin: 16px 0;
  font-size: 0.812rem;
}
.comment_list li {
  background-color: #222;
  color: #fff;
  padding: 1rem 0.5rem;
  border-radius: 0.75rem;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .comment_list li {
    padding: 1.5rem;
    gap: 1rem;
  }
}
.comment_list li:not(:first-child) {
  margin-top: 16px;
}
.comment_list li:has(.matn_comment > ul) {
  padding-bottom: 12px;
}
.comment_list li .matn_comment p {
  line-height: 26px;
  padding: 4px 8px;
  word-wrap: break-word;
  font-size: 1rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .comment_list li .matn_comment p {
    text-align: start;
  }
}
.comment_list li .comment_list_header {
  padding: 4px 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .comment_list li .comment_list_header {
    flex-direction: row;
  }
}
.comment_list li .comment_list_header .comment_list_user {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: #aeaeae;
  font-size: 1rem;
  font-family: Peyda-medium;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .comment_list li .comment_list_header .comment_list_user {
    justify-content: flex-start;
  }
}
.comment_list li .comment_list_header .comment_published {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  font-size: 0.875rem;
  padding: 0 8px;
}
.comment_list li .comment_list_header .comment_published time {
  color: #aeaeae;
}
.comment_list li ul {
  margin: 1rem;
}
.comment_list li ul li {
  background-color: #0d0d0d;
  border: 1px solid #495057;
}
.comment_list li ul li .comment_reply button {
  background-color: #222 !important;
}

#load_more_comment {
  margin: 16px auto;
  color: #ecf800;
  display: block;
  font-size: 1rem;
  padding: 12px 16px;
  cursor: pointer;
  background-color: #fff;
  line-height: 15px;
  border-radius: 20px;
  transition: 0.3s ease-in-out;
  border: 1px solid #ecf800;
}
#load_more_comment:hover {
  background-color: #ecf800;
  color: #fff;
}

.tag_list {
  margin: 5rem 0;
}
@media screen and (min-width: 768px) {
  .tag_list {
    margin: 2rem 0 5rem;
  }
}
.tag_list .tag_list_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  border-bottom: 3px solid #ecf800;
  padding-bottom: 8px;
  padding-top: 1rem;
}
.tag_list .ck_editor {
  padding: 24px;
  margin: 16px 0 16px;
  background-color: #272727;
  border: 2px solid rgba(76, 76, 76, 0.7098039216);
  border-radius: 0.75rem;
}
.tag_list .tag_title {
  display: flex;
  line-height: 1.5;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 1.5rem;
}
@media screen and (min-width: 768px) {
  .tag_list .tag_title {
    font-size: 2rem;
  }
}
.tag_list .tag_title::before {
  content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="36" height="36" viewBox="0 0 20 20"%3E%3Cpath fill="%230d7377" fill-rule="evenodd" d="M9.243 3.03a1 1 0 0 1 .727 1.213L9.53 6h2.94l.56-2.243a1 1 0 1 1 1.94.486L14.53 6H17a1 1 0 1 1 0 2h-2.97l-1 4H15a1 1 0 1 1 0 2h-2.47l-.56 2.242a1 1 0 1 1-1.94-.485L10.47 14H7.53l-.56 2.242a1 1 0 1 1-1.94-.485L5.47 14H3a1 1 0 1 1 0-2h2.97l1-4H5a1 1 0 1 1 0-2h2.47l.56-2.243a1 1 0 0 1 1.213-.727M9.03 8l-1 4h2.938l1-4z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E');
  height: 36px;
}

.tage_page_cnt {
  display: grid;
  gap: 24px;
}
@media screen and (max-width: 600px) {
  .tage_page_cnt .list li .title {
    font-size: 1rem;
  }
  .tage_page_cnt .list li .lead {
    display: none;
  }
}
.tage_page_cnt .tag_header_etc {
  display: inline-flex;
  gap: 12px;
}
@media screen and (min-width: 900px) {
  .tage_page_cnt {
    grid-template-columns: 1fr 300px;
  }
}
.tage_page_cnt .edit_tag {
  color: #ecf800;
}

.list {
  display: grid;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .list li:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .list li img {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
}
.list li .detail {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.list li .res {
  border-radius: 0.75rem;
}
@media screen and (min-width: 768px) {
  .list li .res {
    overflow: hidden;
  }
}
.list li .res img {
  object-fit: contain;
}
.list li {
  display: grid;
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: 2px solid #363636;
  align-items: flex-start;
}
.list li:last-child {
  padding-bottom: 1rem;
}
.list li .uptitle {
  font-size: 0.875rem;
  font-family: Peyda;
  color: #464646;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list li .title {
  font-size: 0.938rem;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 900px) {
  .list li .title {
    font-size: 1.125rem;
  }
}
.list li .title a {
  color: #fff;
}
.list li .title a:hover {
  color: #ecf800;
}
.list li .title a {
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
}
.list li .news_time svg {
  width: 15px;
  height: auto;
}
.list li .news_time time {
  color: #565656;
  margin-bottom: 8px;
  display: inline-block;
}
.list li .lead {
  font-size: 1rem;
  color: #222;
  margin-top: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list li {
  grid-template-columns: 1fr 2fr;
}
@media screen and (min-width: 550px) {
  .list li {
    align-items: flex-start;
    gap: 24px;
    grid-template-columns: 1fr 2.9fr;
  }
}

.main_wrapper {
  max-width: 1300px;
  margin: 0 auto;
}
@media screen and (max-width: 1300px) {
  .main_wrapper {
    padding: 0 12px;
  }
}

.outer_wrapper {
  max-width: 1920px;
  margin: 0 auto;
}

.zxc > .type-resource-image,
.faketabliqholder {
  margin: 0 auto 12px;
  max-width: 100%;
}

@-moz-document url-prefix() {
  html {
    scrollbar-width: thin;
    scrollbar-color: #aaa #f5f5f5;
  }
}
html::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
html::-webkit-scrollbar-track {
  background: #f5f5f5;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
html::-webkit-scrollbar-thumb {
  background-color: #aaa;
}
html ::-webkit-scrollbar-thumb:hover {
  background: #ecf800;
}

.title_section .title_h {
  color: #fff;
  font-size: 1rem;
  background-color: #ecf800;
  padding: 4px 16px;
  margin: 16px 0;
  display: inline-block;
}
@media screen and (min-width: 900px) {
  .title_section .title_h {
    margin: 26px 0;
  }
}

.lg-outer {
  direction: ltr;
}

.aasaam-embed-container iframe {
  aspect-ratio: 16/9;
}

iframe[src*=mcdn] {
  width: 100%;
  aspect-ratio: 16/9;
  border: none;
  margin-bottom: 16px;
}

.aasaam-embed-container {
  text-align: center;
}

.main_containar {
  display: grid;
  gap: 24px;
  margin-top: 16px;
  grid-template-columns: minmax(0, 1fr);
}
@media screen and (min-width: 900px) {
  .main_containar {
    grid-template-columns: minmax(0, 71%) minmax(0, 29%);
    gap: 36px;
    align-items: flex-start;
    margin-top: 36px;
  }
}

iframe[src*=mcdn] {
  width: 100%;
  aspect-ratio: 16/9;
  border: none;
  margin: 8px 0;
}

.general_box_title5 {
  display: flex;
  gap: 8px;
  align-items: center;
}
.general_box_title5 .title_h {
  padding: 8px 4px;
  font-family: Peyda-bold;
  font-weight: normal;
  font-size: 0.938rem;
  color: #212121;
  display: inline-block;
}

body {
  background-color: #000000;
}

.line_limit {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: var(--line_limit, 1);
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

a,
time {
  color: #fff;
}

.tabs_title li {
  cursor: pointer;
  border-radius: 0.25rem;
  border: 1px solid #2a2847;
  display: flex;
  justify-content: center;
}

.tab_content {
  display: none;
  animation: fade-in 0.4s ease-in-out;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.tab_content.visible {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 4rem;
}
@media screen and (min-width: 991px) {
  .tab_content.visible {
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
  }
}

.spacial-blockquote {
  color: #b3b3b3 !important;
}

.primary_multi_tab {
  margin-bottom: 16px;
  border-radius: 5px;
}
.primary_multi_tab .tab_content li {
  padding: 8px 0;
}
.primary_multi_tab .tab_content .title:hover {
  color: #ecf800;
}
.primary_multi_tab .tab_content .title {
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
}
.primary_multi_tab .tabs_title {
  display: flex;
  text-align: center;
  gap: 1rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}
.primary_multi_tab .tabs_title li.active {
  background-color: #ecf800;
  border-radius: 0.25rem;
}
.primary_multi_tab .tabs_title li.active button {
  color: black;
}
.primary_multi_tab .tabs_title button {
  font-size: 1rem;
  line-height: 2rem;
  padding: 0.5rem 1rem;
  color: #fff;
  font-family: Peyda-medium;
}

.current-date {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.new_video_wrapper .current-date {
  flex-direction: row-reverse;
}
.new_video_wrapper .current-date time {
  text-align: start;
  direction: ltr;
}

.list_box {
  padding: 16px;
  margin-top: 16px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0px 0px 4px #ccc;
}
.list_box ul {
  scroll-snap-type: y mandatory;
}
.list_box ul > li {
  scroll-snap-align: start;
}
.list_box ul {
  max-height: 400px;
  overflow: auto;
}
@-moz-document url-prefix() {
  .list_box ul {
    scrollbar-width: thin;
    scrollbar-color: #aaa #f5f5f5;
  }
}
.list_box ul::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.list_box ul::-webkit-scrollbar-track {
  background: #f5f5f5;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.list_box ul::-webkit-scrollbar-thumb {
  background-color: #aaa;
}
.list_box ul ::-webkit-scrollbar-thumb:hover {
  background: #ecf800;
}
.list_box ul li {
  padding: 8px 0;
}
.list_box ul li .circle_icon {
  float: left;
  margin-right: 8px;
  margin-top: 8px;
}
.list_box ul li svg:not(.circle_icon) {
  width: 16px;
}
.list_box ul li svg:not(.circle_icon) path {
  fill: #ecf800;
}
.list_box ul li .title {
  color: #515151;
}
.list_box ul li .title:hover {
  color: #ecf800;
}
.list_box ul li .title {
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
}
.list_box ul li .title {
  font-size: 0.812rem;
}

.important_news {
  margin-top: 16px;
  background-color: #fff;
  border-radius: 6px;
  border: 2px solid #dee2e6;
}
.important_news ul {
  max-height: 400px;
  overflow: auto;
}
@-moz-document url-prefix() {
  .important_news ul {
    scrollbar-width: thin;
    scrollbar-color: #aaa #f5f5f5;
  }
}
.important_news ul::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.important_news ul::-webkit-scrollbar-track {
  background: #f5f5f5;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.important_news ul::-webkit-scrollbar-thumb {
  background-color: #aaa;
}
.important_news ul ::-webkit-scrollbar-thumb:hover {
  background: #ecf800;
}
.important_news ul {
  scroll-snap-type: y mandatory;
}
.important_news ul > li {
  scroll-snap-align: start;
}
.important_news ul li {
  padding: 8px;
}
.important_news ul li:not(:last-child) {
  border-bottom: 1px solid #dee2e6;
}
.important_news ul li svg {
  width: 16px;
}
.important_news ul li svg path {
  fill: #ecf800;
}
.important_news ul li .title {
  color: #353535;
}
.important_news ul li .title:hover {
  color: #ecf800;
}
.important_news ul li .title {
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
}
.important_news ul li .title {
  font-family: Peyda-bold;
  font-weight: normal;
  font-size: 0.812rem;
}

.last_news {
  margin-top: 16px;
  background-color: #fff;
  border-radius: 6px;
  border: 2px solid #dee2e6;
}
.last_news ul {
  max-height: 420px;
  overflow: auto;
}
@-moz-document url-prefix() {
  .last_news ul {
    scrollbar-width: thin;
    scrollbar-color: #aaa #f5f5f5;
  }
}
.last_news ul::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.last_news ul::-webkit-scrollbar-track {
  background: #f5f5f5;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.last_news ul::-webkit-scrollbar-thumb {
  background-color: #aaa;
}
.last_news ul ::-webkit-scrollbar-thumb:hover {
  background: #ecf800;
}
.last_news ul {
  scroll-snap-type: y mandatory;
}
.last_news ul > li {
  scroll-snap-align: start;
}
.last_news ul li {
  padding: 8px;
}
.last_news ul li:not(:last-child) {
  border-bottom: 1px solid #dee2e6;
}
.last_news ul li svg {
  width: 16px;
}
.last_news ul li svg path {
  fill: #ecf800;
}
.last_news ul li .clock path {
  fill: #565656;
}
.last_news ul li .title {
  color: #353535;
}
.last_news ul li .title:hover {
  color: #ecf800;
}
.last_news ul li .title {
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
}
.last_news ul li .title {
  font-family: Peyda-bold;
  font-weight: normal;
  font-size: 0.812rem;
}

.ck_editor .table_res {
  overflow-x: auto;
}
.ck_editor video {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 8px auto;
  border-radius: 0.75rem;
}
.ck_editor audio {
  width: 80%;
  display: block;
  margin: 8px auto;
  max-width: 100%;
}
.ck_editor figure {
  margin: 8px 0;
  position: relative;
}
.ck_editor figure img {
  margin: auto;
  width: 100%;
}
.ck_editor figure figcaption {
  width: max-content;
  position: absolute;
  bottom: 0;
  right: 50%;
  color: #212121;
  transform: translate(50%, 0);
  padding: 0px 16px;
  font-size: 0.9rem;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 8px 8px 0 0;
  backdrop-filter: blur(11.7px);
  -webkit-backdrop-filter: blur(7.7px);
  max-width: 100%;
}
.ck_editor img {
  max-width: 100%;
  height: auto;
}
.ck_editor .start_news_message {
  line-height: 1.8em;
  font-size: 1rem;
  float: left;
  color: #ecf800;
  margin-right: 8px;
}
.ck_editor .start_news_message svg {
  width: 6px;
  fill: #ecf800;
}
.ck_editor .table_res {
  overflow-x: auto;
}
.ck_editor table {
  text-align: center;
  max-width: 100%;
  margin: 8px auto;
  border: none;
  width: 100%;
}
.ck_editor table caption {
  padding: 4px 0;
  background-color: #950900;
  color: #fff;
  font-weight: 700;
}
.ck_editor table thead tr {
  background-color: #203641;
  color: #fff;
  font-weight: 700;
  font-size: 0.875rem;
}
.ck_editor table thead tr th {
  padding: 4px 8px;
  border: 2px solid rgba(251, 251, 251, 0.8196078431);
}
.ck_editor table tbody tr:nth-child(2n) td {
  background-color: #ececec;
}
.ck_editor table tbody {
  text-align: center;
  background: #adadad;
  font-size: 0.875rem;
}
.ck_editor table tbody td {
  border: 2px solid rgba(198, 198, 198, 0.5098039216);
  padding: 4px 6px;
}
.ck_editor ol {
  list-style-position: inside;
  padding: 0;
}
.ck_editor ul {
  padding: 8px 0;
  line-height: 2em;
  list-style-position: inside;
  list-style-type: unset;
  color: #fff;
}
.ck_editor ul li {
  list-style-type: unset;
}
.ck_editor ul li p {
  display: inline;
}
.ck_editor ul.album_list {
  line-height: unset;
  list-style-type: none;
  clear: both;
  background: #272727;
  padding: 1.25rem 1rem;
  border-radius: 1.25rem;
}
@media screen and (min-width: 768px) {
  .ck_editor ul.album_list {
    padding: 1.25rem;
  }
}
.ck_editor ul.album_list li {
  list-style-type: none;
}
.ck_editor h1,
.ck_editor h2,
.ck_editor h3,
.ck_editor h4,
.ck_editor h5,
.ck_editor h6 {
  margin-top: 24px;
  margin-bottom: 8px;
  color: #fff;
  font-family: Peyda-bold;
  font-weight: normal;
}
.ck_editor h2 a,
.ck_editor h3 a,
.ck_editor h4 a,
.ck_editor h5 a,
.ck_editor h6 a {
  color: #ecf800;
}
.ck_editor p {
  margin: 1rem 0;
  line-height: 1.8em;
  color: #fff;
  text-align: justify;
  word-wrap: break-word;
  font-size: 1rem;
}
.ck_editor p a {
  color: #ecf800;
}
.ck_editor p img {
  border-radius: 1.25rem;
}
.ck_editor blockquote {
  margin: 16px 0;
  border-right: 5px solid #7f7f7f;
  border-radius: 10px;
  padding: 8px 16px;
  background-color: #0d0d0d;
}
.ck_editor blockquote h1,
.ck_editor blockquote h2,
.ck_editor blockquote h3,
.ck_editor blockquote h4,
.ck_editor blockquote h5,
.ck_editor blockquote h6 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.ck_editor blockquote p {
  color: #fff;
}
.ck_editor blockquote > * {
  position: relative;
  z-index: 1;
}
.ck_editor blockquote a {
  display: inline;
}
.ck_editor em[data-class=right-blockquote] {
  padding: 8px 16px;
  font-style: normal;
  background-color: #363636;
  border: 1px solid #363636;
  color: #fff !important;
  border-right: 3px solid white;
  border-radius: 10px;
  display: block;
  clear: both;
}
.ck_editor em[data-class=left-blockquote] {
  padding: 8px 16px;
  font-style: normal;
  background-color: #363636;
  border: 1px solid #363636;
  color: #fff !important;
  border-right: 3px solid white;
  border-radius: 10px;
  display: block;
  clear: both;
}

.pollform {
  background-color: #0d0d0d;
  border-radius: 0.75rem;
  border: 1px solid #363636;
}
.pollform #copiedText_poll {
  display: none;
  position: absolute;
  top: -100%;
  background-color: #000000;
  font-size: 0.875rem;
  text-align: center;
  padding: 2px 8px;
  border-radius: 8px;
  left: 0;
}
.pollform .main_title {
  font-size: 0.875rem;
  font-family: Peyda-bold;
  font-weight: normal;
  margin-bottom: 12px;
  color: #fff;
}
.pollform #pollStatus {
  font-size: 0.938rem;
}
.pollform #pollStatus.red-text {
  background-color: rgba(219, 80, 94, 0.2117647059);
  color: #fff;
  padding: 5px;
  border-radius: 4px;
  border: 1px solid #dc3545;
}
.pollform #pollStatus.green-text {
  background-color: rgba(40, 167, 69, 0.2117647059);
  color: #009b23;
  padding: 5px;
  border-radius: 4px;
  border: 1px solid #28a745;
}
.pollform #main_pollForm {
  display: none;
  animation: fade-in 0.4s ease-in-out;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.pollform #main_pollForm.visible {
  display: block;
}
.pollform #poll-output {
  display: none;
  animation: fade-in 0.4s ease-in-out;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.pollform #poll-output.visible {
  display: block;
}
.pollform .poll_option_bar {
  display: flex;
  gap: 16px;
  align-items: center;
}
.pollform .poll_sum {
  display: flex;
  gap: 8px;
  color: #fff;
  font-size: 0.938rem;
}
.pollform #pollSubmit {
  background-color: #ecf800;
  border-radius: 4px;
  padding: 4px 10px;
  border: none;
  color: #000;
  flex-grow: 3;
  cursor: pointer;
  width: 50%;
  font-family: Peyda-bold;
  font-weight: normal;
}
.pollform #response_poll {
  background-color: #e9e9e9;
  border-radius: 4px;
  padding: 4px 10px;
  border: none;
  color: #000;
  flex-grow: 2;
  cursor: pointer;
  width: 50%;
  font-family: Peyda-bold;
  font-weight: normal;
}
.pollform {
  /* All Progress Bars */
}
.pollform progress {
  /* Reset the default appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.pollform {
  /* Determinate */
}
.pollform progress[value] {
  /* Reset the default appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.pollform {
  /* Indeterminate */
}
.pollform progress:not([value]) {
  /* Reset the default appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.pollform progress::-webkit-progress-bar {
  background: #eee;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
  border-radius: 3px;
}
.pollform progress::-webkit-progress-value {
  background-color: #ecf800;
  border-radius: 4px;
}
.pollform progress {
  width: 100%;
  height: 6px;
  background: #eee;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
  border-radius: 4px;
}
.pollform progress::-moz-progress-bar {
  background-color: #ecf800;
  border-radius: 4px;
}
.pollform #back_button_poll {
  background-color: #e9e9e9;
  border-radius: 4px;
  text-align: center;
  margin-top: 8px;
  margin-left: auto;
  margin-right: auto;
  padding: 4px 10px;
  max-width: 100px;
  font-size: 0.875rem;
  color: #000;
  cursor: pointer;
  display: none;
  animation: fade-in 0.4s ease-in-out;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.pollform #back_button_poll.visible {
  display: block;
}
.pollform .poll_button {
  position: relative;
  margin-top: 16px;
  margin-bottom: 16px;
  display: flex;
  gap: 16px;
}
.pollform form,
.pollform .poll-statistics {
  padding: 16px;
}
.pollform ul li {
  color: #fff;
  font-size: 0.875rem;
  margin-bottom: 12px;
}
.pollform ul li:not(:last-child) {
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 12px;
}
.pollform .pollform_title {
  background-color: #222;
  border-bottom: 1px solid #363636;
  border-radius: 0.75rem 0.75rem 0 0;
}
.pollform .pollform_title .title_h {
  color: #fff;
  padding: 10px 0;
  font-family: Peyda-bold;
  font-weight: normal;
  text-align: start;
  padding: 1rem;
}
.pollform .pollform_title .title_h svg {
  padding-inline-end: 0.25rem;
}

.paginate {
  margin-top: 1.75rem;
}
.paginate .paginate_inner {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.paginate a {
  border: 1px solid #363636;
  color: #fff;
}
.paginate .paginate_arrow {
  border: none;
}
.paginate span {
  background-color: #0d0d0d;
  color: #fff;
}
.paginate a,
.paginate span {
  border-radius: 0.75rem;
  text-align: center;
  font-size: 0.9rem;
  line-height: 37px;
  width: 35px;
  height: 35px;
}

.header_section {
  display: flex;
  border-inline-start: 4px solid #ecf800;
  margin-bottom: 2.5rem;
  border-radius: 0.15rem;
}
.header_section > .text {
  display: inline-flex;
  gap: 0.5rem;
  padding-inline-start: 0.5rem;
  align-items: center;
}
.header_section > .text span {
  color: #fff;
  font-size: 1.25rem;
  font-family: Peyda-bold;
  font-weight: normal;
}
@media screen and (min-width: 1100px) {
  .header_section > .text span {
    font-size: 1.5rem;
  }
}

main {
  min-height: calc(100vh - 500px);
}

.landing .landing_slide .header_section {
  margin-top: 2rem;
}

.page_title {
  color: #fff;
  font-family: Peyda-bold;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 1.5;
  padding-inline-start: 1rem;
}

.emergency_news_wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 2;
  background: rgba(39, 39, 39, 0.9294117647);
  padding: 0.75rem;
  transform: translateY(0);
  transition: transform 0.5s ease;
}
.emergency_news_wrapper.deactive {
  transform: translateY(100%);
}
.emergency_news_wrapper .emergency_news li {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  align-items: center;
  flex-direction: row-reverse;
}
.emergency_news_wrapper .emergency_news li .static_content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-direction: row-reverse;
}
.emergency_news_wrapper .emergency_news li .static_content span {
  cursor: pointer;
}
.emergency_news_wrapper .emergency_news li p {
  color: #ecf800;
  font-family: Peyda-bold;
  font-weight: normal;
  font-size: 1.25rem;
  white-space: nowrap;
  direction: ltr;
}
.emergency_news_wrapper .emergency_news li h3 {
  font-size: 1rem;
}

.main_header_inner {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 0.5rem;
}
@media screen and (max-width: 1200px) {
  .main_header_inner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: black;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    border-bottom: 1px solid rgba(242, 255, 0, 0.06);
  }
}
@media screen and (max-width: 600px) {
  .main_header_inner {
    gap: 0.75rem;
  }
}
@media screen and (min-width: 1100px) {
  .main_header_inner {
    padding: 1.25rem 0.5rem;
  }
}
@media screen and (max-width: 1100px) {
  .main_header_inner.fixed-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: black;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
  }
}

.header_top {
  border-bottom: 1px solid rgba(242, 255, 0, 0.06);
}
@media screen and (min-width: 1100px) {
  .header_top .header_zxc img {
    max-width: 600px;
  }
}
@media screen and (max-width: 1100px) {
  .header_top .header_zxc {
    display: none;
  }
}
.header_top .main_wrapper {
  padding: 0;
}

.header_menu {
  border-bottom: 1px solid rgba(242, 255, 0, 0.05);
  backdrop-filter: blur(25px);
  background: rgba(24, 24, 19, 0.01);
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1100px) {
  .header_menu {
    position: relative;
  }
  .header_menu .top_nav.slide_down {
    z-index: 100;
    background-color: #1c1c1c;
    overflow-y: auto;
  }
}

.header_zxc > div {
  height: 100%;
  display: flex;
  align-items: center;
}

.fixed-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  backdrop-filter: blur(25px);
  background: rgba(24, 24, 19, 0.01);
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

#get_view_today {
  font-size: 0.812rem;
  padding: 2px 4px;
  border-radius: 0 0 5px 5px;
  border: 2px solid #ecf800;
  border-top: none;
  padding: 2px 4px;
  color: #464646;
}
@media screen and (min-width: 700px) {
  #get_view_today {
    padding: 2px 10px;
    font-size: 1rem;
  }
}

.header_logo_search {
  display: flex;
  gap: 1rem;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
@media screen and (min-width: 767px) {
  .header_logo_search {
    gap: 3.5rem;
    flex: 4;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 767px) {
  .header_logo_search .search {
    width: 50%;
  }
}
.header_logo_search .search form.search_container {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 4rem;
}
@media screen and (min-width: 767px) {
  .header_logo_search .search form.search_container {
    position: relative;
    top: unset;
    left: unset;
  }
}
.header_logo_search .search .mobile_search {
  display: block;
  text-align: end;
}
@media screen and (min-width: 767px) {
  .header_logo_search .search .mobile_search {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .search_container {
    display: none;
  }
  .search_container.active {
    display: block;
  }
  .search_icon {
    display: none;
  }
  .search_icon.active {
    display: block;
  }
  .close_icon {
    display: none;
  }
  .close_icon.active {
    display: block;
  }
}
.search_container {
  position: relative;
}
.search_container input {
  width: 100%;
  color: #8b8b8b;
  padding: 1rem 1.5rem 1rem 3rem;
  background: #1e201e;
  border: unset;
  border-radius: 0.75rem;
}
.search_container input:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(251, 255, 0, 0.25);
}
.search_container button {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
@media screen and (max-width: 700px) {
  .search_container {
    margin-right: 8px;
  }
  .search_container button {
    right: 16px;
  }
}

.logo > a {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.logo > a p.name_site {
  color: #ecf800;
  line-height: 1.5em;
  font-family: Peyda-bold;
  font-weight: normal;
  font-size: 1rem;
}
.logo a,
.logo span {
  color: #ecf800;
}
.logo .headerLogo {
  font-family: Peyda-bold;
  font-size: 1.6rem;
  display: block;
  line-height: 1.5rem;
}
.logo .headerTitle {
  font-size: 0.75rem;
  display: block;
}
@media screen and (min-width: 760px) {
  .logo .headerLogo {
    font-size: 2.6rem;
    line-height: 2.5rem;
  }
  .logo .headerTitle {
    font-size: 0.812rem;
  }
}

.header_tools {
  display: none;
}
@media screen and (min-width: 1200px) {
  .header_tools {
    display: flex;
    flex: 2;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
  }
}
.header_tools .header_tools_top {
  display: flex;
}
.header_tools .header_tools_top time {
  padding: 0rem 0.5rem;
  border-inline-end: 1px solid gray;
  font-size: 0.9rem;
}
.header_tools .header_tools_top .date {
  color: #fff;
}
.header_tools .socials {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.header_tools .socials svg {
  height: auto;
}
.header_tools .socials svg:hover path {
  stroke: #ecf800;
}
.header_tools .socials svg.fill-color:hover path {
  fill: #ecf800;
}

.top_nav .sub_menu_btn {
  fill: #fff;
}
@media screen and (max-width: 1100px) {
  .top_nav .sub_menu_btn {
    color: #ecf800;
  }
}
@media screen and (max-width: 1200px) {
  .top_nav {
    max-height: 0;
    display: none;
    transform-origin: top;
    transition: all 0.46s ease;
    opacity: 0;
    position: absolute;
    width: 100%;
    right: 0;
    z-index: 6;
    top: 100%;
  }
  .top_nav.slide_down {
    opacity: 1;
    max-height: 100vh;
    transform: scaleY(1);
    width: 100%;
    background: black;
    display: block;
  }
  .top_nav.slide_down ul {
    display: grid;
    gap: 0.5rem;
    padding: 0.75rem 1rem 1rem;
    background: black;
    border-top: 1px solid rgba(246, 255, 65, 0.2117647059);
  }
  .top_nav.slide_down ul li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
    flex-wrap: wrap;
  }
  .top_nav.slide_down ul li:not(:last-child()) {
    border-bottom: 1px solid rgba(53, 54, 19, 0.431372549);
  }
}
.top_nav .nav_toggle li.active a {
  color: #ecf800;
}
.top_nav .nav_toggle a {
  color: #fff;
  font-size: 0.938rem;
  transition: 300ms;
}
.top_nav .nav_toggle a:hover {
  color: #ecf800;
}
@media screen and (max-width: 1100px) {
  .top_nav .nav_toggle li ul {
    max-height: 0;
    display: block;
    transform-origin: top;
    transition: all 0.46s ease;
    opacity: 0;
    width: 100%;
    transform: translateY(0);
    display: none;
  }
  .top_nav .nav_toggle li ul.slide_down {
    opacity: 1;
    max-height: 100vh;
    display: block;
    width: 100%;
    background-color: black;
    padding-bottom: 0;
  }
  .top_nav .nav_toggle a {
    font-size: 0.938rem;
    font-weight: bold;
    padding: 6px;
    display: inline-block;
  }
  .top_nav .nav_toggle svg {
    width: 22px;
    border-radius: 5px;
    fill: white;
    position: absolute;
    top: 0.5rem;
    transition: 300ms;
    right: 16px;
  }
  .top_nav .nav_toggle ul {
    background-color: #4b4b4b;
    padding-inline-start: 16px;
  }
  .top_nav .nav_toggle ul > li::before {
    content: "";
  }
  .top_nav .nav_toggle ul.slide_down_sub {
    opacity: 1;
    max-height: unset;
    transform: scaleY(1);
  }
  .top_nav .nav_toggle ul a {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1200px) {
  .top_nav .nav_toggle {
    display: flex;
    gap: 1rem;
  }
  .top_nav .nav_toggle > li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 2rem 0;
  }
  .top_nav .nav_toggle > li.ostani > ul {
    grid-template-columns: repeat(3, 1fr);
    min-width: 400px;
    text-align: center;
  }
  .top_nav .nav_toggle > li > ul {
    display: grid;
    height: unset;
    position: absolute;
    top: 180%;
    visibility: hidden;
    opacity: 0;
    transition: all ease-in-out 0.3s;
    transition-delay: 0s;
    min-width: 196px;
    background-color: #fff;
    z-index: 1;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0 0 4px 4px;
    overflow: hidden;
    left: 0;
  }
  .top_nav .nav_toggle > li > ul li {
    padding: 0;
    border-top: 0;
  }
  .top_nav .nav_toggle > li > ul li:hover {
    border-top: none !important;
    background-color: #1c1c1c;
  }
  .top_nav .nav_toggle > li > ul li:hover a {
    color: #fff;
  }
  .top_nav .nav_toggle > li > ul li a {
    font-size: 0.812rem;
    padding: 6px;
    width: 100%;
    display: block;
    color: #313a3f;
    text-align: center;
  }
  .top_nav .nav_toggle > li:hover > ul {
    transition: all ease-in-out 0.3s;
    opacity: 1;
    visibility: visible;
    top: 100%;
    border-radius: 4px;
  }
}

.menu_btn_cnt {
  display: flex;
  align-items: center;
  padding: 12px 0px;
  gap: 8px;
  color: #fff;
}
.menu_btn_cnt .menu_btn {
  height: 1.25rem;
  width: 1.25rem;
  font-size: 0;
  content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cg fill="none"%3E%3Cpath d="M24 0v24H0V0h24ZM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01l-.184-.092Z"%2F%3E%3Cpath fill="white" d="M20 18a1 1 0 0 1 .117 1.993L20 20H4a1 1 0 0 1-.117-1.993L4 18h16Zm0-7a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2h16Zm0-7a1 1 0 1 1 0 2H4a1 1 0 0 1 0-2h16Z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
@media screen and (min-width: 1200px) {
  .menu_btn_cnt {
    display: none;
  }
}
.menu_btn_cnt.close_open .menu_btn {
  content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="18" height="18" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"%3E%3Cpath fill="white" d="m3.219 2.154l6.778 6.773l6.706-6.705c.457-.407.93-.164 1.119.04a.777.777 0 0 1-.044 1.035l-6.707 6.704l6.707 6.702c.298.25.298.74.059 1.014c-.24.273-.68.431-1.095.107l-6.745-6.749l-6.753 6.752c-.296.265-.784.211-1.025-.052c-.242-.264-.334-.72-.025-1.042l6.729-6.732l-6.701-6.704c-.245-.27-.33-.764 0-1.075c.33-.311.822-.268.997-.068Z"%2F%3E%3C%2Fsvg%3E');
  height: 1rem;
  width: 1rem;
}
.menu_btn_cnt .menu_btn_title:after {
  width: 34px;
  display: block;
}
.menu_btn_cnt.close_open .menu_btn_title:after {
  width: 64px;
}
.menu_btn_cnt .menu_btn_title {
  font-weight: bold;
  font-size: 0.938rem;
}

.sub_menu_btn {
  transition: 0.3ms;
}

.sub_menu_btn.top {
  transform: rotate(180deg);
}

.footer {
  background-color: #1c1c1c;
  color: #fff;
  font-size: 0.75rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .footer {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.footer .botton_up {
  display: inline;
  background: #f6ff41;
  padding: 0.5rem 0.75rem;
  position: absolute;
  top: -8%;
  left: 10%;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .footer .botton_up {
    top: -10%;
  }
}
.footer .aasaam {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  font-size: 0.75rem;
}
@media screen and (max-width: 600px) {
  .footer .aasaam {
    margin: auto;
  }
}
.footer a {
  color: #fff;
}
.footer .social_footer {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .footer .social_footer {
    flex-direction: row;
  }
}
.footer .social_footer p {
  font-size: 0.875rem;
}
.footer .social_footer svg {
  height: auto;
}
.footer .social_footer svg:hover path {
  stroke: #ecf800;
}
.footer .footer_content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}
@media screen and (min-width: 768px) {
  .footer .footer_content {
    justify-content: space-between;
    gap: 0;
  }
}
.footer .copyright {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.footer_top {
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #302f3b;
  margin-bottom: 2.5rem;
}
.footer_top .footer_about {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .footer_top .footer_about {
    flex-direction: row;
  }
}
@media screen and (min-width: 1200px) {
  .footer_top .footer_about {
    gap: 3rem;
  }
}
.footer_top .footer_about .logo a {
  gap: 0.5rem;
}
.footer_top .footer_about .logo a span {
  font-size: 1.5rem;
  color: #fff;
  font-family: Peyda-bold;
  font-weight: normal;
  white-space: nowrap;
}
.footer_top .footer_about p {
  color: #a7a7a7;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .footer_top .footer_about p {
    text-align: start;
  }
}

.socials {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.socials svg {
  height: auto;
}
.socials svg:hover path {
  stroke: #ecf800;
}
.socials svg.fill-color:hover path {
  fill: #ecf800;
}