html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

@keyframes toplink {
  49% {
    transform: translateY(-100%)
  }

  50% {
    opacity: 0;
    transform: translateY(100%)
  }

  51% {
    opacity: 1
  }
}

.wow {
  visibility: hidden;
}

html {
  scroll-behavior: smooth;
}

body {
  line-height: 1;
}

blockquote, q {
  quotes: none;
}

ul, ol {
  list-style: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a:hover {
  text-decoration: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


/* Gandom-font */
@font-face {
  font-family: Gandom;
  src: url('../fonts/gandom/Gandom.eot');
  src: url('../fonts/gandom/Gandom.eot?#iefix') format('embedded-opentype'),
  url('../fonts/gandom/Gandom.woff') format('woff'),
  url('../fonts/gandom/Gandom.ttf') format('truetype');
  font-weight: normal;
}

/* vazir-font */
@font-face {
  font-family: Vazir;
  src: url('../fonts/vazir/Vazir-FD.eot');
  src: url('../fonts/vazir/Vazir-FD.eot?#iefix') format('embedded-opentype'),
  url('../fonts/vazir/Vazir-FD.woff2') format('woff2'),
  url('../fonts/vazir/Vazir-FD.woff') format('woff'),
  url('../fonts/vazir/Vazir-FD.ttf') format('truetype');
  font-weight: normal;
}

@font-face {
  font-family: Vazir;
  src: url('../fonts/vazir/Vazir-Bold-FD.eot');
  src: url('../fonts/vazir/Vazir-Bold-FD.eot?#iefix') format('embedded-opentype'),
  url('../fonts/vazir/Vazir-Bold-FD.woff2') format('woff2'),
  url('../fonts/vazir/Vazir-Bold-FD.woff') format('woff'),
  url('../fonts/vazir/Vazir-Bold-FD.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: Vazir;
  src: url('../fonts/vazir/Vazir-Thin-FD.eot');
  src: url('../fonts/vazir/Vazir-Thin-FD.eot?#iefix') format('embedded-opentype'),
  url('../fonts/vazir/Vazir-Thin-FD.woff2') format('woff2'),
  url('../fonts/vazir/Vazir-Thin-FD.woff') format('woff'),
  url('../fonts/vazir/Vazir-Thin-FD.ttf') format('truetype');
  font-weight: 100;
}

@font-face {
  font-family: Vazir;
  src: url('../fonts/vazir/Vazir-Light-FD.eot');
  src: url('../fonts/vazir/Vazir-Light-FD.eot?#iefix') format('embedded-opentype'),
  url('../fonts/vazir/Vazir-Light-FD.woff2') format('woff2'),
  url('../fonts/vazir/Vazir-Light-FD.woff') format('woff'),
  url('../fonts/vazir/Vazir-Light-FD.ttf') format('truetype');
  font-weight: 300;
}

@font-face {
  font-family: Vazir;
  src: url('../fonts/vazir/Vazir-Medium-FD.eot');
  src: url('../fonts/vazir/Vazir-Medium-FD.eot?#iefix') format('embedded-opentype'),
  url('../fonts/vazir/Vazir-Medium-FD.woff2') format('woff2'),
  url('../fonts/vazir/Vazir-Medium-FD.woff') format('woff'),
  url('../fonts/vazir/Vazir-Medium-FD.ttf') format('truetype');
  font-weight: 500;
}

@font-face {
  font-family: Vazir;
  src: url('../fonts/vazir/Vazir-Black-FD.eot');
  src: url('../fonts/vazir/Vazir-Black-FD.eot?#iefix') format('embedded-opentype'),
  url('../fonts/vazir/Vazir-Black-FD.woff2') format('woff2'),
  url('../fonts/vazir/Vazir-Black-FD.woff') format('woff'),
  url('../fonts/vazir/Vazir-Black-FD.ttf') format('truetype');
  font-weight: 900;
}

/* sahel_font */
@font-face {
  font-family: Sahel;
  src: url('../fonts/sahel/Sahel.eot');
  src: url('../fonts/sahel/Sahel.eot?#iefix') format('embedded-opentype'),
  url('../fonts/sahel/Sahel.woff') format('woff'),
  url('../fonts/sahel/Sahel.ttf') format('truetype');
  font-weight: normal;
}

@font-face {
  font-family: Sahel;
  src: url('../fonts/sahel/Sahel-Bold.eot');
  src: url('../fonts/sahel/Sahel-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/sahel/Sahel-Bold.woff') format('woff'),
  url('../fonts/sahel/Sahel-Bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: Sahel;
  src: url('../fonts/sahel/Sahel-Black.eot');
  src: url('../fonts/sahel/Sahel-Black.eot?#iefix') format('embedded-opentype'),
  url('../fonts/sahel/Sahel-Black.woff') format('woff'),
  url('../fonts/sahel/Sahel-Black.ttf') format('truetype');
  font-weight: 900;
}

/* samim-font */
@font-face {
  font-family: Samim;
  src: url('../fonts/samim/Samim.eot');
  src: url('../fonts/samim/Samim.eot?#iefix') format('embedded-opentype'),
  url('../fonts/samim/Samim.woff') format('woff'),
  url('../fonts/samim/Samim.ttf') format('truetype');
  font-weight: normal;
}

@font-face {
  font-family: Samim;
  src: url('../fonts/samim/Samim-Bold.eot');
  src: url('../fonts/samim/Samim-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/samim/Samim-Bold.woff') format('woff'),
  url('../fonts/samim/Samim-Bold.ttf') format('truetype');
  font-weight: bold;
}

/* Shabnam-font */
@font-face {
  font-family: Shabnam;
  src: url('../fonts/shabnam/Shabnam.eot');
  src: url('../fonts/shabnam/Shabnam.eot?#iefix') format('embedded-opentype'),
  url('../fonts/shabnam/Shabnam.woff2') format('woff2'),
  url('../fonts/shabnam/Shabnam.woff') format('woff'),
  url('../fonts/shabnam/Shabnam.ttf') format('truetype');
  font-weight: normal;
}

@font-face {
  font-family: Shabnam;
  src: url('../fonts/shabnam/Shabnam-Bold.eot');
  src: url('../fonts/shabnam/Shabnam-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/shabnam/Shabnam-Bold.woff2') format('woff2'),
  url('../fonts/shabnam/Shabnam-Bold.woff') format('woff'),
  url('../fonts/shabnam/Shabnam-Bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: Shabnam;
  src: url('../fonts/shabnam/Shabnam-Light.eot');
  src: url('../fonts/shabnam/Shabnam-Light.eot?#iefix') format('embedded-opentype'),
  url('../fonts/shabnam/Shabnam-Light.woff2') format('woff2'),
  url('../fonts/shabnam/Shabnam-Light.woff') format('woff'),
  url('../fonts/shabnam/Shabnam-Light.ttf') format('truetype');
  font-weight: 300;
}

/* tanha-font */
@font-face {
  font-family: Tanha;
  src: url('../fonts/tanha/Tanha.eot');
  src: url('../fonts/tanha/Tanha.eot?#iefix') format('embedded-opentype'),
  url('../fonts/tanha/Tanha.woff') format('woff'),
  url('../fonts/tanha/Tanha.ttf') format('truetype');
  font-weight: normal;
}

/* parastoo-font */
@font-face {
  font-family: Parastoo;
  src: url('../fonts/parastoo/Parastoo.eot');
  src: url('../fonts/parastoo/Parastoo.eot?#iefix') format('embedded-opentype'),
  url('../fonts/parastoo/Parastoo.woff') format('woff'),
  url('../fonts/parastoo/Parastoo.ttf') format('truetype');
  font-weight: normal;
}

@font-face {
  font-family: Parastoo;
  src: url('../fonts/parastoo/Parastoo-Bold.eot');
  src: url('../fonts/parastoo/Parastoo-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/parastoo/Parastoo-Bold.woff') format('woff'),
  url('../fonts/parastoo/Parastoo-Bold.ttf') format('truetype');
  font-weight: bold;
}

/* dirooz-font */
@font-face {
  font-family: Dirooz;
  src: url('../fonts/dirooz/Dirooz.eot');
  src: url('../fonts/dirooz/Dirooz.eot?#iefix') format('embedded-opentype'),
  url('../fonts/dirooz/Dirooz.woff2') format('woff2'),
  url('../fonts/dirooz/Dirooz.woff') format('woff'),
  url('../fonts/dirooz/Dirooz.ttf') format('truetype');
  font-weight: normal;
}

.elementor-slides .slick-slide-bg {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-width: 100%;
  min-height: 100%;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform
}

.elementor-slides .slick-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  height: 400px
}

.elementor-slides .slick-slide>div {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  width: 100%
}

.elementor-slides .slick-slide:focus {
  outline: 0
}

.elementor-slides .slick-slide .animation-bg, .elementor-slides .slick-slide .elementor-slide-heading {
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.elementor-slides .slick-slide .elementor-slide-heading {
  -webkit-animation-duration: 1s;
  animation-duration: 1s
}

.elementor-slides .slick-slide .elementor-slide-description {
  -webkit-animation-duration: 2s;
  animation-duration: 2s
}

.elementor-slides .slick-slide .elementor-slide-button {
  -webkit-animation-duration: 3s;
  animation-duration: 3s
}

.slick-active .elementor-ken-fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

.slick-active .elementor-ken-fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}

.slick-active .elementor-ken-fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}

.slick-active .elementor-ken-fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}

.slick-active .elementor-ken-fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

.slick-active .elementor-ken-zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn
}

.slick-active .elementor-ken-zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown
}

.slick-active .elementor-ken-zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft
}

.slick-active .elementor-ken-zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight
}

.slick-active .elementor-ken-zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp
}

.slick-active .elementor-ken-bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn
}

.slick-active .elementor-ken-bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown
}

.slick-active .elementor-ken-bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft
}

.slick-active .elementor-ken-bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight
}

.slick-active .elementor-ken-bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp
}

.slick-active .elementor-ken-slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown
}

.slick-active .elementor-ken-slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft
}

.slick-active .elementor-ken-slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight
}

.slick-active .elementor-ken-slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp
}

.slick-active .elementor-ken-rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn
}

.slick-active .elementor-ken-rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft
}

.slick-active .elementor-ken-rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight
}

.slick-active .elementor-ken-rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft
}

.slick-active .elementor-ken-rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight
}

.slick-active .elementor-ken-bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce
}

.slick-active .elementor-ken-flash {
  -webkit-animation-name: flash;
  animation-name: flash
}

.slick-active .elementor-ken-pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse
}

.slick-active .elementor-ken-rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand
}

.slick-active .elementor-ken-shake {
  -webkit-animation-name: shake;
  animation-name: shake
}

.slick-active .elementor-ken-headShake {
  -webkit-animation-name: headShake;
  animation-name: headShake
}

.slick-active .elementor-ken-swing {
  -webkit-animation-name: swing;
  animation-name: swing
}

.slick-active .elementor-ken-tada {
  -webkit-animation-name: tada;
  animation-name: tada
}

.slick-active .elementor-ken-wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble
}

.slick-active .elementor-ken-jello {
  -webkit-animation-name: jello;
  animation-name: jello
}

.slick-active .elementor-ken-rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn
}

.slick-active .elementor-ken-lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn
}

.elementor-slides .slick-slide-inner {
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 50px
}

.elementor-slides .slick-slide-inner, .elementor-slides .slick-slide-inner:hover {
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.elementor-slides .slick-slide-inner .elementor-background-overlay {
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.elementor-slides .slick-slide-inner .elementor-slide-content {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.elementor-slides .slick-slide-inner .elementor-slide-heading {
  font-size: 35px;
  font-weight: 700;
  line-height: 1
}

.elementor-slides .slick-slide-inner .elementor-slide-description {
  font-size: 17px;
  line-height: 1.4
}

.elementor-slides .slick-slide-inner .elementor-slide-heading:not(:last-child), .elementor-slides .slick-slide-inner .elementor-slide-description:not(:last-child) {
  margin-bottom: 30px
}

.elementor-slides .slick-slide-inner .elementor-slide-button {
  border: solid 2px #fff;
  color: #fff;
  background: transparent
}

.elementor-slides .slick-slide-inner .elementor-slide-button, .elementor-slides .slick-slide-inner .elementor-slide-button:hover {
  background: transparent;
  color: inherit;
  text-decoration: none
}

.elementor--v-position-top .slick-slide-inner {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.elementor--v-position-bottom .slick-slide-inner {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}

.elementor--v-position-middle .slick-slide-inner {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.elementor--h-position-left .slick-slide-inner {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.elementor--h-position-right .slick-slide-inner {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.elementor--h-position-center .slick-slide-inner {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.elementor-slides-wrapper div:not(.slick-slide)>.slick-slide-inner {
  display: none
}

@media (max-width: 767px) {
  .elementor-slides .slick-slide-inner {
    padding: 30px
  }

  .elementor-slides .slick-slide-inner .elementor-slide-heading {
    font-size: 23px;
    line-height: 1;
    margin-bottom: 15px
  }

  .elementor-slides .slick-slide-inner .elementor-slide-description {
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 15px
  }
}

.elementor-slick-slider .slick-next, .elementor-slick-slider .slick-prev {
  width: auto !important
}

.elementor-slick-slider .slick-next::before, .elementor-slick-slider .slick-prev::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
}

.elementor-slick-slider .slick-prev::before {
  content: "\f053" !important;
}

[dir="rtl"] .elementor-slick-slider .slick-prev::before {
  content: "\f054" !important;
}

.elementor-slick-slider .slick-next::before {
  content: "\f054" !important;
}

[dir="rtl"] .elementor-slick-slider .slick-next::before {
  content: "\f053" !important;
}

.elementor-slick-slider ul.slick-dots li button::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  content: "\f111" !important;
}

/** === Flip Box === **/
.alkt-flip-box {
  height: 280px;
  position: relative;
  perspective: 1000px;
  transform-style: preserve-3d
}

.alkt-flip-box .elementor-icon {
  color: #fff
}

.alkt-flip-box .elementor-view-framed .elementor-icon {
  color: #fff;
  border-color: #fff
}

.alkt-flip-box .elementor-view-stacked .elementor-icon {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5)
}

.alkt-flip-box .elementor-icon-wrapper {
  margin-bottom: 20px
}

.alkt-flip-box-front {
  background-color: #1e87f0
}

.alkt-flip-box-back {
  background-color: #b7b4b4;
  display: block
}

.alkt-flip-box-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all .6s ease-in-out
}

.alkt-flip-box-layer-overlay {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  text-align: center;
  padding: 35px
}

.alkt-flip-box-layer-title {
  font-size: 21px;
  line-height: 1;
  font-weight: 600;
  color: #fff
}

.alkt-flip-box-layer-title:not(:last-child) {
  margin: 0 0 20px;
  padding: 0
}

.alkt-flip-box-layer-desc {
  font-size: 14px;
  color: #e5e5e5
}

.alkt-flip-box-layer-desc:not(:last-child) {
  margin: 0 0 20px;
  padding: 0
}

.alkt-flip-box-image {
  margin: 0 0 20px;
  display: inline-block;
  width: 100%
}

.alkt-flip-box-image img {
  width: 50%;
  display: inline-block
}

.alkt-flip-box-3d-yes .alkt-flip-box-layer-inner {
  transform: translateZ(90px) scale(.91)
}

.alkt-flip-box-3d-yes .alkt-flip-box-layer-overlay {
  transform-style: preserve-3d;
  transform: translateZ(.1px)
}

.alkt-flip-box-effect-flip .alkt-flip-box {
  perspective: 1000px;
  transform-style: preserve-3d
}

.alkt-flip-box-effect-flip .alkt-flip-box:hover .alkt-flip-box-back {
  transform: none
}

.alkt-flip-box-effect-flip .alkt-flip-box-layer {
  transform-style: preserve-3d;
  backface-visibility: hidden
}

.alkt-flip-box-effect-flip .alkt-flip-box-front {
  transform: none;
  z-index: 1
}

.alkt-flip-box-effect-flip.alkt-flip-box-direction-right .alkt-flip-box-back {
  transform: rotateX(0) rotateY(-180deg)
}

.alkt-flip-box-effect-flip.alkt-flip-box-direction-right .alkt-flip-box:hover .alkt-flip-box-front {
  transform: rotateX(0) rotateY(180deg)
}

.alkt-flip-box-effect-flip.alkt-flip-box-direction-left .alkt-flip-box-back {
  transform: rotateX(0) rotateY(180deg)
}

.alkt-flip-box-effect-flip.alkt-flip-box-direction-left .alkt-flip-box:hover .alkt-flip-box-front {
  transform: rotateX(0) rotateY(-180deg)
}

.alkt-flip-box-effect-flip.alkt-flip-box-direction-up .alkt-flip-box-back {
  transform: rotateX(-180deg) rotateY(0)
}

.alkt-flip-box-effect-flip.alkt-flip-box-direction-up .alkt-flip-box:hover .alkt-flip-box-front {
  transform: rotateX(180deg) rotateY(0)
}

.alkt-flip-box-effect-flip.alkt-flip-box-direction-down .alkt-flip-box-back {
  transform: rotateX(180deg) rotateY(0)
}

.alkt-flip-box-effect-flip.alkt-flip-box-direction-down .alkt-flip-box:hover .alkt-flip-box-front {
  transform: rotateX(-180deg) rotateY(0)
}

.alkt-flip-box-effect-push .alkt-flip-box-front {
  transform: none
}

.alkt-flip-box-effect-push .alkt-flip-box {
  overflow: hidden
}

.alkt-flip-box-effect-push .alkt-flip-box:hover .alkt-flip-box-back {
  transform: none
}

.alkt-flip-box-effect-push.alkt-flip-box-direction-right .alkt-flip-box:hover .alkt-flip-box-front {
  transform: translateX(100%) translateY(0)
}

.alkt-flip-box-effect-push.alkt-flip-box-direction-right .alkt-flip-box-back {
  transform: translateX(-100%) translateY(0)
}

.alkt-flip-box-effect-push.alkt-flip-box-direction-left .alkt-flip-box:hover .alkt-flip-box-front {
  transform: translateX(-100%) translateY(0)
}

.alkt-flip-box-effect-push.alkt-flip-box-direction-left .alkt-flip-box-back {
  transform: translateX(100%) translateY(0)
}

.alkt-flip-box-effect-push.alkt-flip-box-direction-up .alkt-flip-box:hover .alkt-flip-box-front {
  transform: translateX(0) translateY(-100%)
}

.alkt-flip-box-effect-push.alkt-flip-box-direction-up .alkt-flip-box-back {
  transform: translateX(0) translateY(100%)
}

.alkt-flip-box-effect-push.alkt-flip-box-direction-down .alkt-flip-box:hover .alkt-flip-box-front {
  transform: translateX(0) translateY(100%)
}

.alkt-flip-box-effect-push.alkt-flip-box-direction-down .alkt-flip-box-back {
  transform: translateX(0) translateY(-100%)
}

.alkt-flip-box-effect-slide .alkt-flip-box {
  overflow: hidden
}

.alkt-flip-box-effect-slide .alkt-flip-box:hover .alkt-flip-box-back {
  transform: none
}

.alkt-flip-box-effect-slide.alkt-flip-box-direction-right .alkt-flip-box-back {
  transform: translateX(-100%) translateY(0)
}

.alkt-flip-box-effect-slide.alkt-flip-box-direction-left .alkt-flip-box-back {
  transform: translateX(100%) translateY(0)
}

.alkt-flip-box-effect-slide.alkt-flip-box-direction-up .alkt-flip-box-back {
  transform: translateX(0) translateY(100%)
}

.alkt-flip-box-effect-slide.alkt-flip-box-direction-down .alkt-flip-box-back {
  transform: translateX(0) translateY(-100%)
}

.alkt-flip-box-effect-zoom-out .alkt-flip-box .alkt-flip-box-front {
  transition: transform .7s, opacity .35s, width .1ms;
  opacity: 1;
  transform: scale(1);
  z-index: 1;
  width: 100%
}

.alkt-flip-box-effect-zoom-out .alkt-flip-box:hover .alkt-flip-box-front {
  width: 0;
  opacity: 0;
  transform: scale(.7);
  transition: transform .8s, opacity .7s .1s, width .1ms .7s
}

.alkt-flip-box-effect-zoom-in .alkt-flip-box .alkt-flip-box-back {
  transition: transform .7s, opacity .5s .2s;
  opacity: 0;
  transform: scale(.7)
}

.alkt-flip-box-effect-zoom-in .alkt-flip-box:hover .alkt-flip-box-back {
  transition: transform .7s, opacity .5s;
  opacity: 1;
  transform: scale(1)
}

.alkt-flip-box-effect-fade .alkt-flip-box .alkt-flip-box-back {
  opacity: 0
}

.alkt-flip-box-effect-fade .alkt-flip-box:hover .alkt-flip-box-back {
  opacity: 1
}

.elementor-widget-alkt-flip-box.alkt-flip-box-flipped .elementor-widget-container .alkt-flip-box-front {
  display: none
}

.elementor-widget-alkt-flip-box.alkt-flip-box-flipped .elementor-widget-container .alkt-flip-box-back {
  transform: none;
  opacity: 1
}

.elementor-image-gallery .gallery-icon a {
  display: block;
}

.elementor-image-gallery .gallery-icon a {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.elementor-image-gallery .gallery-icon a:hover::before {
  opacity: 1;
}

.elementor-image-gallery .gallery-icon a::before {
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
  background-color: #ffcf0e50;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 55px;
  color: #fff;
  font-weight: 900;
  opacity: 0;
  transition: all 0.4s;
}

.elementor-50 .elementor-element.elementor-element-3d8c567 .elementor-slide-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.elementor-50 .elementor-element.elementor-element-3d8c567 .slick-slide-inner .elementor-slide-heading:not(:last-child) {
  margin-bottom: 0 !important;
  padding: 15px;
  border-radius: 15px 15px 0 0;
  display: inline-block;
}

.elementor-50 .elementor-element.elementor-element-3d8c567 .elementor-slide-description {
  padding: 15px;
  border-radius: 0 0 15px 15px;
  display: inline-block;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1
, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
  max-width: unset !important;
  padding:0 !important;
}

.woocommerce form .form-row {
  display: block !important;
}

.rtl .woocommerce .col2-set .col-1, .rtl .woocommerce-page .col2-set .col-1 {
  float: right;
}

.rtl .woocommerce .col2-set .col-2, .rtl .woocommerce-page .col2-set .col-2 {
  float: left;
}

.woocommerce-billing-fields__field-wrapper input , .checkout_coupon.woocommerce-form-coupon input {
    border: 1px solid #ededed;
    border-radius: 5px;
    height: 35px;
    padding:5px;
    font-size:14px;
    transition:0.3s;
}
.woocommerce-billing-fields__field-wrapper input:focus , .checkout_coupon.woocommerce-form-coupon input:focus {
    border-color:#484848;
}

.woocommerce-additional-fields #order_comments {
    border: 1px solid #ededed;
    border-radius: 5px;
    padding:5px;
    font-size:14px;
    transition:0.3s;
}
.woocommerce-additional-fields #order_comments:focus {
    border-color:#484848;
}

.select2-container--default .select2-selection--single {
    border-radius: 5px;
     border: 1px solid #ededed;
     height:35px;
}
.woocommerce-error li {
    line-height: 25px;
}

.login input[type="checkbox"] {
    width:auto !important;
}

.woocommerce-form-login__submit , .woocommerce-form-register__submit {
 background: #ffcf0e !important;
color: #fff !important;
box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.3) !important;
border-radius: 10px !important;
padding: 12px 20px !important;
display: flex !important;
justify-content: center;
margin-top: 10px !important;
border: none !important;
width: 100% !important;
margin: 0 !important;   
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    margin:10px 0 !important;
}

.register input, .register input[type="text"] {
    color: #0c52b0;
background-color: transparent;
padding: 5px 10px;
border: 1px solid #e3e3e3;
border-radius: 5px;
color: #484848;
width: 100% !important;
margin-bottom: 10px;
transition: all 0.4s;
}

.woocommerce-form-register p {
    line-height: 25px;
    margin-bottom: 10px;
}






.single-product-box {
    padding: 15px;
border-radius: 10px;
border: 1px solid #ddd;
margin-bottom: 15px;
}

.related-products ul {
    border: 1px solid #ededed;
    padding: 15px !important;
    border-radius: 10px;
    margin-top:15px !important;
}

.related-products {
     margin-top:30px !important;
}

ul.products li {
    background-color: #fff;
border-radius: 10px;
padding: 10px !important;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
transition: 0.3s;
text-align:center;
}

.woocommerce ul.products li.product a img {
    border-radius:10px;
}





/* nice-select */


.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 30px;
  padding-right: 15px;
  position: relative;
  text-align: right;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  min-width: 265px;
}

.nice-select:hover {
  border-color: #dbdbdb;
}

.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999;
}

.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: '';
  display: block;
  height: 8px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  left: 12px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 8px;
}

.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}

.nice-select.disabled:after {
  border-color: #cccccc;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .list {
  left: auto;
  right: 0;
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}

.nice-select.small:after {
  height: 4px;
  width: 4px;
}

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}

.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  right: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
  width:100%;
}

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 10px;
  padding-right: 10px;
  text-align: right;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #f6f6f6;
}

.nice-select .option.selected {
  font-weight: bold;
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}




.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    font-weight:400 !important;
    font-size:14px !important;
}


.woocommerce .star-rating {
    right: 50%;
transform: translateX(50%);
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    color:#757575;
}

.woocommerce a.added_to_cart {
    display:none !important;
}

.woocommerce ul.products li.product .button {
    margin-top:5px !important;
}

.woocommerce ul.products li.product a img {
    margin: 0 0 10px !important;
}

.rtl.woocommerce .price_label, .rtl.woocommerce .price_label span {
  direction: rtl !important;
  text-align: right;
}

.woocommerce .widget_price_filter .price_slider_amount .button {
  float: none;
  width: 60px;
  height: 30px;
  margin: 0 auto 5px;
  display: block;
}




/*demo2*/
progress {
  width: 100%;
  height: 5px;
  appearance: none;
  background-color: transparent;
  border: none;
  color: yellow;
  position: fixed;
  top: 0;
  right:0;
  z-index: 20;
}

progress::-webkit-progress-bar {
  background-color: var(--primaryd2);
}

progress::-webkit-progress-value {
  background-image: var(--pgranientd2);
}

progress::-moz-progress-bar {
  background-image: var(--pgranientd2);
}

.readingbar {
  height: 5px;
  background-image: var(--pgranientd2);
width: 100%;
}

#header2 {
}

.top-header {
  background-color: var(--primaryd2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
  padding: 0 50px;

}

.top-header .header2-contact {
  display: flex;
  align-items: center;
}

.top-header .header2-contact span {
color: #fff;
  font-size: 14px;
  transition: 0.3s;
}

.top-header .header2-contact i {
  color: #fff;
  font-size: 20px;
  transition: 0.3s;
}

.top-header .header2-contact > div {
  display: flex;
  align-items: center;
}

.top-header .header2-contact > div:hover i {
  transform: scale(1.15);
  color: var(--secondryd2);
}

.top-header .header2-contact .tel a {
  color: #fff;
  font-size: 14px;
  margin: 3px 10px 0;
  transition: 0.3s;
}
.top-header .header2-contact .tel:hover a {
  padding-inline-start: 5px;
  margin-inline-end: 5px;
}

.top-header .header2-contact .address:hover span {
  padding-inline-start: 5px;
}


.top-header .header2-contact .vline {
  width: 1px;
  height: 20px;
  background-color: #fff;
  margin: 0 10px;
  display: inline-block;
}

.top-header .header2-contact .address i {
  margin: 0 10px;
}


.header2-social {
  display: flex;
  align-items: center;
}

.header2-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-start: 20px;
  color: #fff;
  transition: 0.3s;
}

.header2-social a i:not(.aparat) {
  font-size: 22px;
  transition: 0.3s;
}
.header2-social a i.aparat {
  transition: 0.3s;

}
.header2-social a i.aparat::before {
  font-size: 26px !important;
  margin: 0;
}

.header2-social a:hover i {
  transform: scale(1.15);
}

.header2-social a:hover {
  color: var(--secondryd2);
}

.main-header  {
  background-color: #fff;
}

.main-header {
  padding: 10px 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.main-header .main-menu > ul {
  display: flex;
  align-items: center;
}

.main-header .main-menu > ul li {
  margin: 0 15px;
  position: relative;
  transition: 0.3s;
}

.main-header .main-menu > ul li ul {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 100%;
  background-color: #fff;
  min-width: 250px;
  height: auto;
  border-top: 3px solid var(--secondryd2);
  padding: 10px 0;
  opacity: 0;
  transition: 0.3s;
  visibility: hidden;
}

.main-header .main-menu > ul li:hover > ul {
  opacity: 1;
  visibility: visible;

}

.main-header .main-menu > ul li ul li::before {
  content: '';
  position: absolute;
  right: -15px;
  width: 10px;
  height: 3px;
  background: var(--secondryd2);
  z-index: 2;
  top: 50%;
  transition: 0.3s;
  opacity: 0;
}

.main-header .main-menu > ul li ul li {
  margin: 0 20px;
}

.main-header .main-menu > ul li ul li:hover {
  margin-inline-start: 35px;
}

.main-header .main-menu > ul li ul li:hover::before {
  opacity: 1;
}

.main-header .main-menu > ul li ul li a {
  font-size: 16px;
  color:var(--textd2);
  transition: 0.3s;
}

.main-header .main-menu > ul > li::before {
  content: '';
  right: 0;
  position: absolute;
  bottom: 0;
  z-index: 2;
  height: 2px;
  width: 0;
  transition: 0.3s;
  opacity: 0;
  background-color: var(--secondryd2);
}

.main-header .main-menu > ul > li::after {
  content: '';
  left: 0;
  position: absolute;
  bottom: 0;
  z-index: 2;
  height: 2px;
  width: 0;
  transition: 0.3s;
  opacity: 0;
  background-color: var(--secondryd2);
}

.main-header .main-menu > ul > li:hover::before,
.main-header .main-menu > ul > li:hover::after,
.main-header .main-menu > ul > li.current-menu-item::before,
.main-header .main-menu > ul > li.current-menu-item::after {
  width: 50%;
  opacity: 1;
}

.main-header .main-menu ul li a {
  font-size: 16px;
  font-weight: 500;
  color: var(--primaryd2);
  padding: 10px 0;
  display: inline-flex;
  align-items: center;
  transition: 0.3s;
}

.main-header .main-menu ul li a:Hover,
.main-header .main-menu ul li.current-menu-item a{
  color: var(--secondryd2);
}
.main-header .main-menu > ul > li.menu-item-has-children > a::after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  margin-inline-start: 7px;
  font-weight: 900;
  margin-top: 3px;
}

.main-header-icons {
  display: flex;
  align-items: center;
}

.main-header-icons i {
width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-color: #FAFAFA;
  color: var(--primaryd2);
  font-size: 20px;
  transition: 0.3s;
  cursor: pointer;
}

#header2 .main-header-icons i.cart-icon {
  position: relative;
  margin-inline-start: 15px;
}
#header2 .main-header-icons i.search-icon {
  margin-inline-start: 15px;

}

#header2 .change-lang img {
  margin: 0 !important;
}


#header2 .main-header-icons i.cart-icon span {
  position: absolute;
  right: -5px;
  bottom: -5px !important;
  display: flex;
  top: unset;
  align-items: center;
  justify-content: center;
  z-index: 2;
  width: 18px;
  height: 18px;
  font-size: 12px;
  color: #fff;
  background-color: var(--secondryd2);
  border-radius: 50%;
}

.main-header-icons i:hover {
  color: var(--secondryd2);
}

#header2 .main-header-icons .user-avatar {
  border-radius: 50%;
  overflow: hidden;
  margin-inline-start: 15px;
}

#header2 .main-header-icons .login {
  margin-inline-start: 15px;
}