@charset "UTF-8";
.rtl {
  direction: rtl !important;
}

.ltr {
  direction: ltr !important;
}

.space-top {
  margin-top: 200px;
}

:root {
  --clr-white: #f7f7f7;
  --clr-black: #111;
}

@font-face {
  font-display: swap;
  font-family: iranyekanBakh;
  font-weight: 400;
  src: local("?"), url("/assets/font/fonts/ttf/Yekan-Bakh-FaNum-04-Regular.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: iranyekanBakh;
  font-weight: 500;
  src: local("?"), url("/assets/font/fonts/ttf/Yekan-Bakh-FaNum-06-Bold.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: iranyekanBakh;
  font-weight: 600;
  src: local("?"), url("/assets/font/fonts/ttf/Yekan-Bakh-FaNum-06-Bold.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: iranyekanBakh;
  font-weight: 6800;
  src: local("?"), url("/assets/font/fonts/ttf/Yekan-Bakh-FaNum-08-Fat.woff") format("woff");
}
@font-face {
  font-family: LexendMega;
  font-weight: 800;
  src: local("?"), url("/assets/font/fonts/ttf/LexendMega-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Cinema;
  font-weight: 600;
  src: local("?"), url("/assets/font/fonts/ttf/CinemaFont.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: KalamehWeb;
  font-weight: 500;
  src: local("?"), url("/assets/font/fonts/ttf/KalamehWeb_Regular.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Sarbaz;
  font-weight: 600;
  src: local("?"), url("/assets/font/fonts/ttf/سرباز.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: IRANYekan;
  font-weight: 500;
  src: local("?"), url("/assets/font/fonts/ttf/IRANYekanMediumFaNum.ttf") format("truetype");
}
body {
  font-size: 13px;
  color: rgb(35, 35, 35);
  background-color: rgb(247, 247, 247);
  font-weight: 400;
  font-family: iranyekanBakh !important;
  overflow-x: hidden !important;
  z-index: 0;
}

* {
  box-sizing: border-box;
}

.owl-nav {
  display: none;
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-theme .owl-dots,
.owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav {
  margin-top: 10px;
}

.owl-theme .owl-nav [class*=owl-] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  position: absolute;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #fff;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}

.owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 5px 10px;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

.wrapp-deliver-time {
  direction: rtl;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px 0px;
  padding: 5px 0;
  direction: rtl;
  border-top: 1px solid #eee;
}
.wrapp-deliver-time span {
  font-size: 13px;
  margin-right: 4px;
  margin-top: 3px;
}
.wrapp-deliver-time strong {
  font-size: 14px;
}
.wrapp-deliver-time i {
  margin-left: 4px;
  font-size: 18px;
}

/**
  * Owl Carousel v2.3.4
  * Copyright 2013-2018 David Deutsch
  * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
  */
.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: none !important;
  position: relative;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

@media (min-width: 1400px) {
  .main-container {
    max-width: 90vw;
  }
}
@media (min-width: 1600px) {
  .main-container {
    max-width: 80vw;
  }
}
@media (max-width: 1200px) {
  .main-container {
    max-width: 100%;
  }
}
:root {
  --gradient-shadow: linear-gradient(
    45deg,
    #8e00fb,
    #9500ff,
    #000000,
    #1900ff,
    #e600ff,
    #000000,
    #a200ff,
    #6f00ff,
    #7b00ff,
    #9900ff
  );
}

:root {
  --color-primary: #1a2556;
  --color-secondary: #a5b3d4;
  --color-gray: #dde6f3;
  --color-light-gray: #f3f6fb;
  --color-white: white;
  --color-black: #3e3743;
  --color-input-hover: rgba(165, 179, 212, 0.6);
  --color-input-focus: rgba(26, 37, 86, 0.45);
  --color-input-error: rgba(255, 94, 31, 0.6);
  --color-input-warning: rgba(166, 145, 54, 0.6);
  --color-input-success: rgba(23, 125, 23, 0.45);
  --color-input-disabled: #dde6f3;
}

a:hover {
  text-decoration: none;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 30px;
}

.display-flex,
.display-flex-center,
.signup-content,
.signin-content,
.social-login,
.socials {
  display: -webkit-flex;
}

list-type-ulli,
.socials {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.signup {
  margin-top: 0px;
}

.to-the-space {
  height: 90px;
}

a:focus,
a:active {
  text-decoration: none;
  outline: none;
  transition: all 300ms ease 0s;
  color: #754ffe;
}

input,
select,
textarea {
  outline: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0px;
  appearance: none !important;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
  box-shadow: none !important;
}

input[type=checkbox] {
  appearance: checkbox !important;
}

input[type=radio] {
  appearance: radio !important;
}

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

figure {
  margin: 0px;
}

p {
  margin-bottom: 0px;
  font-size: 15px;
  color: rgb(0, 0, 0);
  line-height: 30px;
  cursor: pointer;
}

h2 {
  margin: 0px;
  padding: 0px;
  font-weight: bold;
  color: rgb(34, 34, 34);
  font-size: 36px;
}

.main {
  background: rgb(248, 248, 248);
  padding: 150px 0px;
}

.clear {
  clear: both;
}

.container-box {
  width: 1000px;
  background: rgb(240, 236, 255);
  margin: 0px auto;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 15px 16.83px 0.17px;
  border-radius: 20px;
}

.display-flex {
  justify-content: space-between;
  align-items: center;
}

.display-flex-center {
  justify-content: center;
  align-items: center;
}

.position-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.form-body {
  background: rgb(35, 35, 35);
}

.signup {
  margin-bottom: 150px;
  direction: rtl;
}

.signup-content {
  padding: 55px 0px 55px;
  text-align: right;
}

.signup-form,
.signup-image,
.signin-form,
.signin-image {
  width: 50%;
  overflow: hidden;
}

.signup-image {
  margin: 0px 55px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.form-title {
  font-size: 30px;
}

.form-title h2 {
  font-size: 26px;
  margin-bottom: 20px;
}

.signup-form input {
  background-color: transparent;
}

.signup-form input {
  background-color: rgba(152, 118, 255, 0.1411764706);
  border: 1px solid #9876ff;
}

.signup-image {
  margin-top: 45px;
}

figure {
  margin-bottom: 50px;
  text-align: center;
}

.form-submit {
  display: inline-block;
  background: rgb(59, 31, 158);
  border-bottom: none;
  width: auto;
  padding: 8px 39px;
  border-radius: 24px;
  font-size: 18px;
  margin-top: 5px;
  font-family: "IRANYekanWeb";
  cursor: pointer;
  color: rgb(255, 255, 255) !important;
}

.form-submit:hover {
  background: rgb(31, 1, 116);
}

#signin {
  margin-top: 16px;
}

.signup-image-link {
  font-size: 16px;
  color: rgb(20, 20, 20);
  display: block;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.068);
}

.term-service {
  font-size: 14px;
  margin-right: 10px;
  color: rgb(34, 34, 34);
}

.signup-form {
  margin-right: 35px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.register-form {
  width: 100%;
}

.form-group {
  position: relative;
  margin-bottom: 25px;
  overflow: hidden;
}

.form-group:last-child {
  margin-bottom: 0px;
}

input {
  direction: rtl;
  width: 100%;
  display: block;
  border: 2px solid rgba(102, 29, 202, 0.16);
  padding: 12px 45px;
  box-sizing: border-box;
  border-radius: 24px;
}

input::-webkit-input-placeholder {
  font-family: "IRANYekanWeb";
  font-size: 16px;
}

input::placeholder {
  color: rgb(0, 0, 0) !important;
}

input[type=checkbox]:not(old) {
  width: 2em;
  margin: 0px;
  padding: 0px;
  font-size: 1em;
  display: none;
}

input[type=checkbox]:not(old) + label {
  display: inline-block;
  line-height: 1.5em;
}

label {
  display: block;
  margin-bottom: 5px;
  color: #003794;
  font-weight: 600;
}

textarea {
  color: #fff;
}

input[type=checkbox]:not(old) + label > span {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 15px;
  margin-bottom: 3px;
  border: 1px solid rgb(153, 153, 153);
  border-radius: 2px;
  background: linear-gradient(#ded3ff, #c4c6ff) white;
  vertical-align: bottom;
}

input[type=checkbox]:not(old):checked + label > span {
  background-image: linear-gradient(white, white);
}

input[type=checkbox]:not(old):checked + label > span::before {
  content: "";
  display: block;
  color: rgb(0, 0, 0);
  font-size: 11px;
  line-height: 1.2;
  text-align: center;
  font-family: Material-Design-Iconic-Font;
  font-weight: bold;
}

.agree-term {
  display: inline-block;
  width: auto;
}

.label {
  position: absolute;
  right: 20px;
  top: 24px;
  transform: translateY(-50%);
  color: rgb(34, 34, 34);
}

.label-has-error {
  top: 22%;
}

label.error {
  position: relative;
  background-position-y: 3px;
  padding-left: 20px;
  display: block;
  margin-top: 20px;
}

label.valid {
  display: block;
  position: absolute;
  right: 0px;
  left: auto;
  margin-top: -6px;
  width: 20px;
  height: 20px;
  background: transparent;
}

label.valid::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  font-size: 16px;
  color: green;
}

.label-agree-term {
  position: relative;
  top: 0%;
  transform: translateY(0px);
}

.material-icons-name {
  font-size: 18px;
}

.signin-content {
  padding-top: 67px;
  padding-bottom: 87px;
}

.social-login {
  align-items: center;
  margin-top: 80px;
}

.social-label {
  display: inline-block;
  margin-right: 15px;
}

.socials li {
  padding: 5px;
}

.socials li:last-child {
  margin-right: 0px;
}

.socials li a {
  text-decoration: none;
}

input {
  color: white;
}

/* RESET RULES & HELPER CLASSES
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
:root {
  --purple-1: #3d174f;
  --purple-2: #4b2860;
  --white: #fff;
  --black: #221f1f;
  --red: #ed1849;
  --lightgray: #cfcfcf;
  --overlay: rgba(0, 0, 0, 0.5);
}

html {
  font-size: 62.5%;
}

button {
  background: transparent;
  border: none;
  cursor: pointer;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

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

a,
button {
  color: inherit;
}

.no-transition {
  transition: none !important;
}

/* HEADER
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-header {
  position: relative;
  padding: 1.5rem 3rem;
  background: #fff;
  height: 75px;
}

.page-header nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  direction: rtl;
}

.page-header .horizontal-logo,
.page-header .search span {
  display: none;
}

.page-header .vertical-logo {
  max-width: 9.5rem;
}

.page-header .top-menu-wrapper {
  color: var(--black);
}

.page-header .top-menu-wrapper::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  transition: background 0.5s;
}

.page-header .search {
  color: #000;
}

.page-header .panel,
.page-header .top-menu {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  transform: translate3d(-100%, 0, 0);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.page-header .panel1 {
  width: 100%;
  background: #3700ff;
  transition-delay: 0.3s;
}

.page-header .panel2 {
  width: calc(100% - 10rem);
  background: #18d1ed;
  transition-delay: 0.1s;
}

.page-header .top-menu {
  display: flex;
  flex-direction: column;
  width: calc(100% - 12rem);
  overflow-y: auto;
  padding: 2rem;
  background: var(--white);
}

.page-header .top-menu-wrapper.show-offcanvas::before {
  background: var(--overlay);
  z-index: 1;
}

.page-header .top-menu-wrapper.show-offcanvas .panel,
.page-header .top-menu-wrapper.show-offcanvas .top-menu {
  transform: translate3d(0, 0, 0);
  transition-duration: 0.7s;
}

.page-header .top-menu-wrapper.show-offcanvas .panel1 {
  transition-delay: 0s;
  width: 84%;
}

.page-header .top-menu-wrapper.show-offcanvas .panel2 {
  transition-delay: 0.2s;
}

.page-header .top-menu-wrapper.show-offcanvas .top-menu {
  transition-delay: 0.4s;
  box-shadow: rgba(0, 0, 0, 0.25) 0 0 4rem 0.5rem;
}

/* FORM
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-header .search-form {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  padding: 1rem 0;
  background: var(--purple-2);
  transition: all 0.2s;
}

.page-header .search-form.is-visible {
  visibility: visible;
  opacity: 1;
}

.page-header .search-form div {
  position: relative;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}

.page-header .search-form input {
  width: 100%;
  font-size: 2rem;
  height: 4rem;
  padding: 0 2rem;
}

.page-header .search-form button {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--purple-1);
}

.page-header .top-menu li + li {
  margin-top: 1.5rem;
  text-align: right;
}

.page-header .top-menu > li:last-child {
  margin-top: auto;
}

.page-header ul a {
  display: flex;
  justify-content: space-between;
  font-size: 1.3rem;
  transition: color 0.35s ease-out;
}

.select-lang img {
  height: 20px;
  width: 30px;
}

.page-header ul a:hover {
  color: var(--red);
}

.page-header .has-dropdown i {
  display: none;
}

.page-header .sub-menu {
  padding: 1.5rem 2rem 0;
}

.page-header .top-menu .mob-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3rem;
}

.page-header .top-menu .mob-block i {
  color: var(--lightgray);
}

.page-header .socials {
  display: flex;
  margin-top: 3rem;
  margin-bottom: 1rem;
}

.page-header .socials li + li {
  margin-top: 0;
}

.page-header .socials .fa-stack {
  font-size: 1.7rem;
}

.page-header .socials .fab {
  border-radius: 50%;
  background: #215af0;
  color: #fff;
}

.page-header .socials .facebook-bg {
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  padding: 10px 14px;
}

.page-header .socials .twitter-bg {
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  padding: 11px 11px;
}

.page-header .socials .google-bg {
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  padding: 10px 9px;
  font-size: 14px;
}

/* FOOTER
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-footer {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  font-size: 1.3rem;
  color: var(--black);
}

.page-footer span {
  color: #e31b23;
}

.text {
  max-width: 800px;
  margin: auto;
  line-height: 22px;
}

.full-slider-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: 520px !important;
}

.carousel-caption {
  position: absolute;
  right: 0%;
  bottom: 60px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.car-img {
  height: 650px;
  width: 100%;
  object-fit: cover;
}

.car-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

#full-slider {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 650px;
  overflow: hidden;
}

#full-slider .slide {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.2);
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  transition: all 2000ms ease;
}

#full-slider .slide.active {
  opacity: 1;
  transform: scale(1);
}

#full-slider .slide.slide4 {
  background-position: 0 0;
  background: url(/assets/images/header/2.webp) no-repeat fixed;
  background-size: cover;
}

#full-slider .slide.slide1 {
  background-position: 0 0;
  background: url(/assets/images/header/3.webp) no-repeat fixed;
  background-size: cover;
}

#full-slider .slide.slide2 {
  background-position: 0 0;
  background: url(/assets/images/header/prview-hero-img.webp) no-repeat fixed;
  background-size: cover;
}

#full-slider .slide.slide3 {
  background: url(/assets/images/header/3.webp) no-repeat fixed;
  background-size: cover;
}

#full-slider .slide.slide5 {
  background: url(/assets/images/header/prview-hero-img.webp) no-repeat fixed;
  background-size: cover;
}

/* Waves Animation start*/
.hero_area {
  position: relative;
}

.waves {
  width: 100%;
  height: 130px;
  min-height: 100px;
}

.parallax > use {
  animation: move-forever 40s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 12s;
}

.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 15s;
}

.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 18s;
}

.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 25s;
}

.caption-boxs {
  padding: 0px 100px;
  padding-bottom: 180px;
}

.caption-title {
  direction: rtl;
  text-align: right;
  font-family: "Reyhaneh" !important;
  font-size: 40px;
  color: #fff;
  text-shadow: 4px 4px 8px hsla(0, 0%, 0%, 0.5);
}

.caption-boxs {
  direction: rtl;
  text-align: right;
}

.caption-comment {
  padding: 20px 0px;
  color: #fff;
  font-size: 16px;
  line-height: 35px;
  text-shadow: 4px 4px 8px hsla(0, 0%, 6%, 0.5);
}

.wrapping-capt {
  margin-bottom: 30px;
}

.wrapping-capt p {
  padding: 20px 0px;
  color: #fff;
  text-align: right;
  font-size: 14px;
  line-height: 28px;
  text-shadow: 4px 4px 8px hsla(0, 0%, 6%, 0.5);
}

.read-more {
  padding: 5px 8px;
  background: linear-gradient(100deg, rgba(27, 76, 255, 0.1647058824) 0.64%, rgba(84, 42, 183, 0.1568627451) 98.23%);
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
}

.read-more:hover {
  padding: 5px 8px;
  background: linear-gradient(100deg, rgba(27, 76, 255, 0.7176470588) 0.64%, rgba(84, 42, 183, 0.8509803922) 98.23%);
  border-radius: 5px;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
}

.nice-btn-animated {
  position: absolute;
  top: 100%;
  right: -50px;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  color: #ffffff;
  padding: 15px 30px;
  font-size: 16px;
  letter-spacing: 2px;
  text-decoration: none;
  text-shadow: 4px 4px 8px hsla(0, 0%, 0%, 0.5);
  box-shadow: 0 20px 50px rgba(255, 255, 255, 0.05);
  overflow: hidden;
}

.nice-btn-animated:before {
  position: absolute;
  top: 2px;
  left: 2px;
  bottom: 2px;
  content: "";
  width: 50%;
}

.nice-btn-animated span:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #0c002b, #1779ff);
  animation: animate1 12s linear infinite;
}

@keyframes animate1 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.nice-btn-animated span:nth-child(2) {
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(to bottom, #0c002b, #1779ff);
  animation: animate2 12s linear infinite;
  animation-delay: 10s;
}

@keyframes animate2 {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(100%);
  }
}
.nice-btn-animated span:nth-child(3) {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to top, #0c002b, #1779ff);
  animation: animate3 12s linear infinite;
}

@keyframes animate3 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.nice-btn-animated span:nth-child(4) {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(to top, #0c002b, #1779ff);
  animation: animate4 12s linear infinite;
  animation-delay: 10s;
}

@keyframes animate4 {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
.numbers {
  display: flex;
  font-family: Reyhaneh;
  direction: rtl;
  justify-content: center;
  text-align: right;
  flex-direction: row-reverse;
  height: 140px;
  width: 140px;
  object-fit: contain;
  margin-bottom: 5px;
}
.numbers img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.category-box-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.first-num {
  font-size: 50px;
  font-weight: 600;
  color: #3779ff;
  margin-right: 1px;
}

.sec-num {
  font-size: 50px;
  font-weight: 600;
  color: rgba(92, 145, 250, 0.8235294118);
}

.wrapp-numbric {
  height: 200px;
  border-radius: 10px;
  background-color: white;
  padding: 10px;
  margin: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../images/vectors/category-vec.png);
  background-size: 25px;
  background-position: 185px 12px;
  background-repeat: no-repeat;
}

.button-margin {
  margin-bottom: 30px;
}

.webp-back {
  height: 450px;
  background-position: 0 0;
  background-size: cover;
}

.title-op {
  text-align: center;
  font-size: 14px;
  font-weight: 800;
}

.titles {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.titles p {
  margin-top: 20px;
  font-size: 12px;
  text-align: center;
  line-height: 22px;
  font-weight: 600;
}

.boxes-title {
  font-size: 20px;
  font-family: Sarbaz;
  text-align: center;
  font-weight: normal;
}

.title-design {
  display: flex;
  align-items: center;
  direction: rtl;
  justify-content: space-between;
}
.title-design img {
  height: 35px;
  width: 35px;
  margin-left: 10px;
}
.title-design h2 {
  font-size: 22px;
}
.title-design span {
  background: #E62924;
  color: #fff;
  margin-left: 10px;
  padding: 0px 10px;
}
.title-design .title-line {
  margin-right: 15px;
  width: 70%;
  background-color: rgba(53, 47, 110, 0.11);
  height: 1px;
}

.title-design-2 {
  display: flex;
  align-items: center;
  direction: rtl;
  justify-content: space-between;
}
.title-design-2 img {
  height: 35px;
  width: 35px;
  margin-left: 10px;
}
.title-design-2 h2 {
  font-size: 22px;
}
.title-design-2 span {
  background: #2A2366;
  color: #fff;
  margin-left: 10px;
  padding: 0px 10px;
}
.title-design-2 .title-line {
  margin-right: 15px;
  width: 30%;
  background-color: rgba(53, 47, 110, 0.11);
  height: 1px;
}

.space-bet {
  margin: 40px 0px;
  margin-top: 70px;
  padding-right: 20px;
}

.space-bet-2 {
  margin: 40px 0px;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-right: 20px;
}

.show-more {
  text-align: right;
  padding: 5px 15px;
  border-radius: 8px;
  background-color: #d7e8ff;
  margin-top: 10px;
}

.show-more span {
  font-size: 12px;
}

.show-more i {
  font-size: 10px;
}

.wrapping-img-about {
  height: 430px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.wrapping-img-about img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: -1px 5px 12px 5px rgba(74, 74, 74, 0.19);
}

.direction-history {
  direction: rtl;
}

.wrap-about-photo {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
}
.wrap-about-photo .big-about-photo {
  height: 500px;
  width: 460px;
  padding: 10px 0px;
  object-fit: cover;
  border-radius: 8px;
  position: relative;
}
.wrap-about-photo .big-about-photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.wrap-about-photo .big-about-photo .circle {
  --width: 100px;
  --height: 100px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--width, 100px);
  height: var(--height, 100px);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}
.wrap-about-photo .big-about-photo .text {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: rotateText 10s linear infinite;
  -webkit-animation: rotateText 10s linear infinite;
}
.wrap-about-photo .big-about-photo .text .char {
  position: absolute;
  left: 50%;
  font-size: 1.1em;
  transform-origin: 0 calc(var(--width, 350px) / 2);
}
@media (min-width: 500px) {
  .wrap-about-photo .big-about-photo .text .char {
    font-size: 1em;
  }
}
@keyframes rotateText {
  0% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
}
@media (max-width: 500px) {
  .wrap-about-photo .big-about-photo .circle {
    --width: 100px;
    --height: 100px;
  }
}
@media (max-width: 350px) {
  .wrap-about-photo .big-about-photo .circle {
    --width: 220px;
    --height: 220px;
  }
  .wrap-about-photo .big-about-photo .text .char {
    font-size: 0.7em;
  }
}
@media (max-width: 230px) {
  .wrap-about-photo .big-about-photo .circle {
    --width: 150px;
    --height: 150px;
  }
  .wrap-about-photo .big-about-photo .text .char {
    font-size: 0.4em;
  }
}
.wrap-about-photo .big-about-photo .more-2 {
  position: absolute;
  bottom: -3px;
  left: -41px;
  width: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-radius: 0;
  padding: 7px 18px;
  border-top-right-radius: 20px;
  z-index: 2;
}
.wrap-about-photo .big-about-photo .more-2::before {
  position: absolute;
  content: "";
  top: -33px;
  left: 41px;
  background: transparent;
  width: 33px;
  height: 33px;
  border-bottom-right-radius: 1.5rem;
  box-shadow: 0.313rem 0.313rem 0px 0.313rem #fff;
  transform: rotate(90deg);
}
.wrap-about-photo .big-about-photo .more-2::after {
  position: absolute;
  content: "";
  bottom: 13px;
  right: -32px;
  background: transparent;
  width: 32px;
  height: 32px;
  border-bottom-right-radius: 1.5rem;
  box-shadow: 0.313rem 0.313rem 0px 0.313rem #fff;
  transform: rotate(90deg);
}
.wrap-about-photo .bottom-about-photo {
  height: 150px;
  width: 150px;
  object-fit: cover;
  border-radius: 8px;
  position: relative;
  right: -50px;
  bottom: 220px;
}
.wrap-about-photo .bottom-about-photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
  position: absolute;
  right: -80px;
  bottom: -100px;
  background-color: rgba(255, 255, 255, 0);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.about-us-captions {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  align-content: flex-start;
  height: 100%;
  padding: 0px 0px;
  padding-left: 80px;
}
.about-us-captions h5 {
  color: #ffffff;
  font-size: 16px;
  background: #e62924;
  padding: 4px 10px;
  font-family: "Sarbaz";
  margin-bottom: 15px;
}
.about-us-captions h4 {
  font-size: 24px;
  color: #2A2366;
  font-family: Sarbaz;
}
.about-us-captions p {
  margin-top: 20px;
  font-size: 15px;
  text-align: justify;
  direction: rtl;
}

.intro-box {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  align-content: flex-start;
  height: 100%;
  padding: 0px 0px;
  padding-left: 80px;
}
.intro-box h5 {
  color: #ffffff;
  font-size: 16px;
  padding: 4px 10px;
  font-family: "Sarbaz";
  margin-bottom: 15px;
}
.intro-box h4 {
  font-size: 20px;
  color: #fff;
}
.intro-box p {
  margin-top: 20px;
  font-size: 15px;
  text-align: justify;
  direction: rtl;
  color: #f8f8f8;
}

.address-box {
  background-color: rgba(201, 206, 255, 0.11);
  border: 1px solid rgba(224, 228, 252, 0.2509803922);
  height: 140px;
  display: flex;
  flex-direction: column;
  padding: 20px 20px;
  justify-content: center;
  border-radius: 8px;
  margin-top: 20px;
}
.address-box strong {
  font-size: 16px;
  color: #fff;
}
.address-box p {
  margin-top: 0px;
  margin-bottom: 0px;
}

.team-carousel {
  margin-top: 50px;
}

.pages-header {
  height: 350px;
  background-image: url(../images/banner/header-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pages-header .pages-header-cover {
  height: 100%;
  width: 100%;
  padding: 0;
  background: rgba(0, 0, 0, 0.6039215686);
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
}
.pages-header .pages-header-cover .pages-title {
  text-align: center;
  color: #fff;
  font-size: 48px;
  font-family: Sarbaz;
}
.pages-header .pages-header-cover p {
  text-align: center;
  color: #fff;
  font-size: 20px;
  margin-top: 15px;
}

.produc-banner-img {
  height: 400px;
  width: 100%;
  object-fit: contain;
}
.produc-banner-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.products-container {
  margin-top: 50px;
}

.team-card {
  padding: 15px;
  border-radius: 6px;
}
.team-card .card-img-holder {
  height: 300px;
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
}
.team-card .card-img-holder img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
}
.team-card .team-name {
  font-size: 20px;
  margin: 15px 0;
}
.team-card .t-position {
  font-size: 14px;
  color: #2A2366;
}
.team-card .team-des {
  text-align: justify;
  direction: rtl;
  font-size: 13px;
}

.gallery-slider_wrapper {
  width: 100%;
  max-width: 768px;
  margin: auto;
}

.gallery-slider_wrapper .owl-theme .owl-nav {
  margin: 0;
}

.gallery-slider_wrapper .owl-theme .owl-nav [class*=owl-] {
  width: 30px;
  height: 120px;
  background: #ffb808;
  font-size: 20px;
  color: #000;
  margin: 0;
  padding: 0;
  border-radius: 0;
}

.gallery-slider_wrapper .owl-carousel .owl-nav .owl-prev:before,
.gallery-slider_wrapper .owl-carousel .owl-nav .owl-next:before {
  font-family: "LineAwesome";
  position: absolute;
  line-height: 120px;
  width: 30px;
  text-align: center;
  top: 0;
  left: 0;
}

.gallery-slider_wrapper .owl-carousel .owl-nav .owl-prev:before {
  content: "\f111";
}

.gallery-slider_wrapper .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  top: 0;
  left: -25px;
}

.gallery-slider_wrapper .owl-carousel .owl-nav .owl-next:before {
  content: "\f112";
}

.gallery-slider_wrapper .owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 0;
  right: -24px;
}

.gallery-slider_wrapper .owl-theme .owl-nav [class*=owl-]:hover {
  background: #202020;
  color: #fff;
}

.gallery-slider_wrapper .single-gallery-carousel-thumbnail-box .item {
  position: relative;
  margin: 0 5px;
  height: 120px;
}

.gallery-slider_wrapper .single-gallery-carousel-thumbnail-box .item img {
  height: 100%;
  cursor: pointer;
}

.card.product-card {
  height: 410px !important;
}

.product-card {
  padding: 15px;
  border-radius: 6px;
  display: flex;
  align-items: flex-end;
}
.product-card .card-img-holder {
  height: 260px;
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
  overflow: hidden;
}
.product-card .card-img-holder img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
}
.product-card .product-name {
  font-size: 20px;
  margin: 15px 0;
  width: 100%;
}
.product-card .p-position {
  font-size: 14px;
  width: 100%;
  font-weight: 400;
  text-align: right;
  line-height: 26px;
  display: -webkit-box;
  max-width: 400px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  direction: rtl;
}
.product-card .product-view {
  margin-top: 10px;
  padding: 5px 10px;
  border-radius: 6px;
  background: #E62924;
  color: #fff;
  width: 130px;
  height: 35px;
  display: flex;
  align-items: center;
}
.product-card .product-view span {
  font-weight: 600;
  margin-left: 8px;
}
.product-card .product-view i {
  font-size: 15px;
}
.product-card:hover .product-view {
  background: #2A2366;
  transition: all linear 0.3s;
}
.product-card:hover .card-img-holder img {
  transform: scale(1.05);
  transition: all ease-in-out 0.3s;
}

.team-card {
  position: relative !important;
}
.team-card:before {
  background: rgb(230, 235, 255) !important;
  position: absolute;
  top: 92%;
  left: 19%;
  content: "";
  width: 20%;
  height: 20%;
  border-radius: 50%;
  filter: blur(26px);
  z-index: 0;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.blog-caption .more-text {
  display: none;
  height: 0px;
}

.w-wrapp-blogs {
  background: #ece8f7;
  padding: 30px 10px;
  padding-top: 78px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  direction: rtl;
}
.w-wrapp-blogs .w-blog-block {
  flex-direction: column;
  margin: 10px;
}

.person-in {
  font-size: 16px;
  padding: 2px 10px !important;
  font-weight: 500;
  border-radius: 4px;
  display: flex;
  height: 30px;
  align-items: center;
}

.blog-caption {
  margin-top: 25px;
}

.blog-name {
  font-size: 18px;
  margin-bottom: 0px;
  display: -webkit-box;
  max-width: 400px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  direction: rtl;
}

.cart-wrappering {
  margin-bottom: 35px;
  text-align: right;
  height: 26rem;
  padding: 15px;
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
  border: 1px solid #f2f2f2;
  box-shadow: 0px 1.60568px 61.0158px rgba(0, 0, 0, 0.05);
}
.cart-wrappering .cart-img {
  border-radius: 4px;
  height: 230px;
  width: 100%;
  object-fit: cover;
}
.cart-wrappering .cart-img img {
  border-radius: 4px;
  height: 100%;
  width: 100%;
  object-fit: cover;
  overflow: hidden;
}

.blog-cart-wrapp-big {
  margin-bottom: 35px;
  text-align: right;
  padding: 15px;
  background: rgb(255, 255, 255);
  border-radius: 8px;
  border: 1px solid #f2f2f2;
  box-shadow: 0px 1.60568px 61.0158px rgba(0, 0, 0, 0.05);
}
.blog-cart-wrapp-big .btn-link {
  font-size: 13px;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(201, 206, 255, 0.27);
  border: 1px solid rgba(224, 228, 252, 0.2509803922);
  color: #2a2366;
}
.blog-cart-wrapp-big p {
  font-size: 14px;
  color: #000;
  line-height: 24px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: -webkit-box;
  max-width: 400px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  direction: rtl;
}

.blog-img {
  height: 200px;
  width: 100%;
  object-fit: cover;
  position: relative;
  border-radius: 8px;
}
.blog-img img {
  height: 100%;
  border-radius: 8px;
  width: 100%;
  object-fit: cover;
}

.blog-margins {
  margin-top: 70px;
  margin-bottom: 100px;
}

.blog-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blog-link .blog-date strong {
  font-size: 12px;
}
.blog-link .blog-date span {
  font-weight: 600;
  margin-right: 2px;
  font-size: 12px;
  display: inline-block;
}
.blog-link i {
  margin-right: 5px;
  font-size: 14px;
  display: inline-block;
}

.btn-link {
  background-color: rgba(201, 206, 255, 0.27);
  border: 1px solid rgba(224, 228, 252, 0.2509803922);
  color: #2a2366;
  padding: 2px 10px;
  padding-left: 16px;
  border-radius: 4px;
  font-weight: 600;
  display: flex;
  margin-top: -1px;
  align-items: center;
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  padding-top: 4px;
}
.btn-link i {
  margin-right: 5px;
  font-size: 16px;
  display: inline-block;
}

.intro-box-2 {
  justify-content: flex-end;
}

.wrap-about-box {
  width: 100%;
  margin-top: 50px;
}
.wrap-about-box .about-us-box {
  border-radius: 8px;
  height: 200px;
  display: flex;
  flex-direction: column;
  padding: 20px;
  justify-content: space-between;
  position: relative;
  z-index: 0;
}
.wrap-about-box .about-us-box:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  width: 70%;
  height: 70%;
  border-radius: 50%;
  filter: blur(26px);
  z-index: -1;
  transform: translate(-50%, -50%);
}
.wrap-about-box .about-us-box.bg-1 {
  background-color: rgba(201, 206, 255, 0.11);
  border: 1px solid rgba(224, 228, 252, 0.2509803922);
}
.wrap-about-box .about-us-box.bg-1:after {
  background: rgba(156, 172, 245, 0.39);
}
.wrap-about-box .about-us-box.bg-2 {
  background-color: #fff9f9;
  border: 1px solid rgba(255, 215, 219, 0.2196078431);
}
.wrap-about-box .about-us-box.bg-2:after {
  background: #ffd7db;
}
.wrap-about-box .about-us-box.bg-3 {
  background-color: #fffbf5;
  border: 1px solid rgba(255, 232, 199, 0.3294117647);
}
.wrap-about-box .about-us-box.bg-3:after {
  background: rgb(255, 231, 197);
}
.wrap-about-box .about-us-box strong {
  color: #2A2366;
  font-size: 14px;
  margin-bottom: 10px;
}
.wrap-about-box .about-us-box .bottom-box h4 {
  font-family: LexendMega;
  font-weight: 800;
  font-size: 48px;
  letter-spacing: -7px;
  height: 42px;
  direction: rtl;
}
.wrap-about-box .about-us-box .bottom-box p {
  margin-top: 0 !important;
}

.blog-cart-wrapp-small {
  display: flex;
  margin-bottom: 10px;
  text-align: right;
  align-items: center;
  padding: 15px;
  font-size: 11px;
  background: rgb(255, 255, 255);
  border-radius: 8px;
  border: 1px solid #f2f2f2;
}

.blog-img-small {
  height: 150px;
  width: 260px !important;
  border-radius: 4px;
  object-fit: cover;
}
.blog-img-small img {
  height: 100%;
  width: 100% !important;
  border-radius: 4px;
  object-fit: cover;
}

.small-blog-caption {
  margin-right: 20px;
}
.small-blog-caption h4 {
  font-size: 14px !important;
  margin: 4px 0px;
  margin-top: 5px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 5px;
  position: relative;
  height: 38px;
  font-weight: 600;
  max-width: 400px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  direction: rtl;
}
.small-blog-caption p {
  font-size: 12px;
  color: #000;
  line-height: 24px;
  margin-top: 10px;
  margin-bottom: 0px;
  display: -webkit-box;
  max-width: 400px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  direction: rtl;
}

.blogs-details {
  display: flex;
  flex-direction: column;
}

.information-banner {
  height: 250px;
  object-fit: cover;
  width: 100%;
}
.information-banner img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.tall-blog-banner {
  height: 375px;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.tall-blog-banner img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.blog-link-small {
  padding: 5px 12px;
  padding-left: 10px;
  border-radius: 6px;
  color: #1e1e1e;
  display: flex;
  margin-top: 5px;
  align-items: center;
  text-decoration: none;
  font-size: 10px;
  display: flex;
  justify-content: space-between;
}

.sett-height {
  height: 610px;
  margin-bottom: 55px;
  background: #fff;
  border-radius: 8px;
  direction: rtl;
}

.mini-about-photo {
  position: relative;
}

.rating-box {
  top: 65px;
  width: 150px;
  height: 150px;
  padding: 40px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 1;
  right: 25px;
  border-radius: 8px;
  border: 1px solid rgba(147, 143, 176, 0.2);
}

.rating-box h2 {
  font-size: 48px;
  line-height: 1;
  margin-bottom: 10px;
}

.fw-black {
  font-weight: 900;
}

.rating-box .rating {
  margin: 8px 0 13px;
}

.rating-box p {
  line-height: 24px;
}

.about-section {
  padding: 10px 25px;
}

.wrapping-shadow {
  padding: 0px 0px;
  border-radius: 10px;
}

.about-row {
  display: flex;
  justify-content: flex-end;
  height: 0px;
}

.wrapping-text {
  direction: rtl;
  text-align: right;
  padding: 25px 20px;
  height: 80px;
  background: #fff;
  background-position-x: left;
  background-position-y: bottom;
  background-image: url(/assets/images/vectors/mb-circle-left.webp);
  background-repeat: no-repeat;
  background-size: 60px;
  box-shadow: -1px 5px 12px 5px rgba(74, 74, 74, 0.06);
  display: flex;
  position: relative;
  top: -53px;
  right: 25px;
  border-radius: 10px;
  align-items: center;
}

.contact-us {
  height: 55px;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  width: 100%;
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  cursor: pointer;
}

.see-all-pro:hover {
  color: #fff;
  background: linear-gradient(30deg, #0000f8 0.64%, #1cf2e7 98.23%);
  transition: all linear 0.4s;
}

.contact-us:hover {
  background: linear-gradient(30deg, #0000f8 0.64%, #1cf2e7 98.23%);
  transition: all linear 0.4s;
}

.contact-us a {
  color: #fff;
  font-weight: 600;
}

.name-about {
  font-size: 20px;
  font-family: Reyhaneh;
  font-weight: normal;
  margin-bottom: 15px;
}

.dotti img {
  position: absolute;
  right: 0px;
}

.tg {
  font-size: 14px;
  margin: 10px 0px;
}

.wrapp-abouting {
  padding: 20px 30px;
  text-align: right;
  direction: rtl;
  width: 100%;
}

.logo-about {
  height: 40px;
  width: 40px;
  object-fit: contain;
  margin-left: 20px;
}

.logo-about img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.history-title {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0px;
}

.about-tg {
  font-size: 15px;
  line-height: 28px;
  margin: 20px 0px;
}

.iconic-box {
  width: 100%;
  background-color: #ecf5fd;
  box-shadow: -1px 5px 12px 5px rgba(137, 157, 255, 0.04);
  padding: 10px 20px;
  border-radius: 10px;
  height: 108px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 14px;
  overflow: hidden;
}

.iconic-box:hover {
  width: 100%;
  background-color: #ffffff;
  box-shadow: -1px 5px 12px 5px rgba(137, 157, 255, 0.164);
}

.icon-box img {
  height: 40px;
  margin-left: 0px;
}

.icon-box {
  height: 55px !important;
  width: 55px !important;
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}

.some-padding {
  padding: 5px 20px;
}

.text-boxer {
  font-size: 13px;
  font-weight: 600;
  text-align: right;
}

.blue-circle {
  height: 0px;
}

.blue-circle img {
  position: absolute;
  height: 280px;
  top: -130px;
  left: 0px;
  z-index: -1;
}

.services-section {
  height: 610px;
  margin-bottom: 55px;
  background-color: #fff;
  border-radius: 8px;
  direction: rtl;
  padding: 70px 70px;
  padding-left: 20px;
  margin-top: 40px;
  background-image: url(../assets/images/vectors/12.webp);
  margin-bottom: 50px;
}

.wrapp-services-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.services-title {
  padding: 20px 20px;
  padding-top: 30px;
  margin-top: 20px;
  font-size: 20px;
  font-family: Reyhaneh;
  text-align: center;
}

.services-capt-p {
  font-size: 13px;
}

.row-ser {
  padding: 30px 0px;
  display: flex;
}

.services-box-wrapp {
  display: flex;
  width: 90%;
  direction: rtl;
  background-color: #fff;
  text-align: right;
  height: 200px;
  overflow: hidden;
  border-radius: 10px;
  align-items: center;
  flex-direction: column;
  padding: 20px;
  margin-bottom: 30px;
  position: relative;
  z-index: 0;
  background: linear-gradient(#fcfcff, #ffffff) white;
  border: 1px solid rgba(185, 193, 242, 0.25);
}
.services-box-wrapp:after {
  position: absolute;
  top: 0%;
  left: 100%;
  content: "";
  width: 40%;
  height: 40%;
  border-radius: 50%;
  filter: blur(26px);
  z-index: -1;
  transform: translate(-50%, -50%);
  background: rgba(156, 172, 245, 0.39);
}

.service-wrap-name {
  padding: 0px 20px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  width: 100%;
}

.wave-his {
  height: 0px;
}

.wave-his img {
  position: absolute;
  top: -393px;
  right: -64px;
  height: 145px;
  z-index: 0;
  transform: rotate(90deg);
  opacity: 0.1;
  animation: height 10s ease-in-out infinite;
}

@keyframes height {
  0% {
    height: 145px;
  }
  20% {
    height: 155px;
    opacity: 0.2;
  }
  40% {
    height: 165px;
    opacity: 0.2;
  }
  60% {
    height: 185px;
    opacity: 0.2;
  }
  80% {
    height: 195px;
    opacity: 0.2;
  }
  100% {
    height: 145px;
  }
}
.projects-title {
  font-size: 18px;
  font-family: Reyhaneh;
  font-weight: normal;
  text-align: right;
}

.pp-ro {
  margin-top: 20px;
  font-size: 13px;
  line-height: 25px;
  text-align: right;
}

.display-linear {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-bottom: 30px;
}

.wrapp-first {
  width: 55%;
}

.img-vip-project {
  height: 200px;
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
  overflow: hidden;
}

.img-vip-project img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0px 0px 8px 5px rgba(66, 66, 66, 0.087);
}

.videos-bar {
  padding: 40px 30px;
  height: 600px;
  background-position: 0 0;
  border-radius: 8px;
  background-color: #2A2366;
  background-size: cover;
  margin: 100px 0px;
  margin-top: 100px !important;
  direction: rtl;
}

.video-sample-box {
  height: 480px;
  border-radius: 6px;
  background: #ffe4ef;
  display: flex;
  align-items: center;
  direction: rtl;
}
.video-sample-box .title-design {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 12px 0;
}
.video-sample-box .title-design .rubic {
  height: 8px;
  width: 120px;
  background: #507d77;
}
.video-sample-box .title-design .thin-line {
  width: 94%;
  height: 1px;
  background: #fff;
}
.video-sample-box .title-design .mini-line {
  width: 30%;
  height: 1px;
  background: #f2f4ff;
}
.video-sample-box .title-design .star {
  height: 25px;
  object-fit: contain;
}
.video-sample-box .title-design .star img {
  height: 100%;
  object-fit: contain;
}

.sample-article P {
  direction: rtl;
  text-align: justify;
}

.window-bg {
  background-image: url(../images/vectors/window.svg);
  height: 420px;
  background-repeat: no-repeat;
  width: 400px;
  position: relative;
  background-position: right;
  background-size: contain;
}

.wrapp-patern-1 {
  height: 450px;
  width: 470px;
  position: absolute;
  top: 15px;
  right: 100px;
  padding: 10px;
  padding-left: 20px;
}

.wrapp-patern {
  height: 400px;
  width: 100%;
  object-fit: cover;
  background-image: url(../../assets/images/banner/network-installation-cabling\ services-websys-technology.webp);
  background-size: cover;
  padding: 10px;
}

.video-part {
  padding: 30px 60px;
  padding-left: 25px;
}

.video-play-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 42px;
  height: 44px;
  outline: none;
  border: none;
  border-radius: 50%;
  padding: 18px 21px 18px 21px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.3568627451);
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.1058823529);
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: #fff;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.video-cover {
  height: 100%;
  width: 100%;
  object-fit: cover;
  background-image: url(../../assets/images/banner/about-img-1.jpg);
  border-radius: 14px;
  position: relative;
  background-size: cover;
}
.video-cover span {
  display: flex;
  align-items: center;
  direction: rtl;
  padding: 12px 15px;
  font-size: 16px;
  color: #eee;
  font-family: iranyekanBakh;
  font-weight: 400;
}
.video-cover span img {
  height: 24px;
  width: 26px;
  margin-left: 10px;
}
.video-cover .more-3 {
  position: absolute;
  bottom: -3px;
  left: -41px;
  width: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #2a2366;
  border-radius: 0;
  padding: 7px 18px;
  border-top-right-radius: 20px;
  z-index: 2;
}
.video-cover .more-3::before {
  position: absolute;
  content: "";
  top: -33px;
  left: 41px;
  background: transparent;
  width: 33px;
  height: 33px;
  border-bottom-right-radius: 1.5rem;
  box-shadow: 0.313rem 0.313rem 0px 0.313rem #2a2366;
  transform: rotate(90deg);
}
.video-cover .more-3::after {
  position: absolute;
  content: "";
  bottom: 2px;
  right: -30px;
  background: transparent;
  width: 32px;
  height: 32px;
  border-bottom-right-radius: 1.5rem;
  box-shadow: 0.313rem 0.313rem 0px 0.313rem #2a2366;
  transform: rotate(90deg);
}

.back-header {
  position: absolute;
  top: -45px;
  height: 200px;
  background-image: url(/assets/images/banner/banner-site.webp);
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.default-header {
  position: relative !important;
  top: unset !important;
  height: 200px;
  background-image: url(/assets/images/banner/banner-site.webp);
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-bottom: 30px;
}

.bg-head {
  background-image: url(/assets/images/banner/bg.webp);
  background-position: bottom;
  background-size: cover;
}

.dark-title h2 {
  color: #fff;
}
.dark-title h2 span {
  background: #ffffff;
  color: #2a2366;
}
.dark-title .title-line {
  background: rgba(255, 255, 255, 0.12);
}

.new-dr {
  direction: rtl;
}

.last-gray {
  background-color: #f8f9fa;
  height: 500px;
  background-position-x: left;
  background-position-y: top;
  background-repeat: no-repeat;
  background-image: url(/assets/images/vectors/12.webp);
}

.end {
  display: flex;
  justify-content: start;
}

.vip-title {
  font-size: 20px;
  font-family: Reyhaneh;
  text-align: right;
}

.it-wrapp-img {
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  object-fit: contain;
}

.it-wrapp-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.wrapp-vip-project p {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 22px;
  text-align: right;
  width: 100%;
}

.each-vip {
  width: 100%;
  height: 80px;
  padding: 20px;
  box-shadow: 0px 0px 8px 5px rgba(22, 22, 22, 0.03);
  background-color: #fff;
  text-align: right;
  border-radius: 10px;
  margin: 8px 0px;
  display: flex;
  align-items: center;
}

.vip-text h6 {
  font-size: 13px;
  margin-right: 20px;
}

.setting-padding {
  padding-top: 30px;
  padding-bottom: 30px;
}

.nice {
  font-size: 16px;
  color: #4ff1eb;
  outline: 1px dotted #4ff1eb;
  border-radius: 50%;
  outline-offset: 2px;
}

.nice-2 {
  font-size: 16px;
  color: #4dd2ee;
  outline: 1px dotted #4dd2ee;
  border-radius: 50%;
  outline-offset: 2px;
}

.nice-3 {
  font-size: 16px;
  color: #48b7ed;
  outline: 1px dotted #48b7ed;
  border-radius: 50%;
  outline-offset: 2px;
}

.contact-us-row {
  height: 640px;
  background-position: 0 0;
  background-image: url(/assets/images/header/contact-us.svg);
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  direction: rtl;
}

.tg-contact {
  text-align: right;
  font-size: 30px;
  font-family: Reyhaneh;
  color: #fff;
  padding-right: 80px;
  margin-bottom: 20px;
}

.contact-us-caption {
  color: rgb(236, 236, 236);
  line-height: 28px;
  text-align: right;
  padding-right: 80px;
  font-size: 14px;
}

.wrapp-contact {
  padding: 0 30px 30px 30px;
  margin-bottom: 60px;
  background: #ffffff;
  -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  display: flex;
  flex-direction: column;
  direction: rtl;
  border-radius: 10px;
  text-align: right;
}

.icon-contact {
  position: relative;
  width: 65px;
  height: 65px;
  padding: 10px;
  object-fit: contain;
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  -webkit-box-shadow: 0px 10px 25px rgba(0, 130, 248, 0.6);
  box-shadow: 0px 10px 25px rgba(0, 130, 248, 0.6);
  z-index: 1;
  margin-top: -45px;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.icon-contact img {
  height: 42px;
  width: 90%;
}

.minier {
  height: 30px !important;
}

.address {
  font-family: Reyhaneh;
  color: #606060;
}

.mailing {
  font-family: IRANYekan;
  font-size: 18px;
  font-weight: 600;
}

.calling .mailing {
  margin: 0px !important;
}

.icon-contact {
  font-weight: 900;
  font-size: 26px;
}

.stranger-padding {
  padding: 0px 120px;
  position: relative;
}

.hot-line {
  font-size: 16px;
  font-weight: 600;
}

.call {
  font-size: 20px;
  font-family: Reyhaneh;
  direction: rtl;
  color: #606060;
}

.calling span {
  margin: 0px 10px !important;
}

.calling {
  margin-top: 10px;
  display: flex;
  align-items: center;
}

::-webkit-scrollbar {
  background: #cecece;
  height: 5px;
  width: 10px;
}

::-webkit-scrollbar-thumb {
  background: #3700ff;
  border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
  background: #fffb00;
}

.topper {
  position: relative;
  top: -30px;
}

.sup-topper {
  position: relative;
  top: -60px;
}

.wrapp-right {
  background-color: #fff;
  box-shadow: 0px 0px 8px 5px rgba(22, 22, 22, 0.03);
  padding: 15px;
  border-radius: 10px;
  margin: 10px;
  background-position-x: left;
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-size: 50px;
}

.wrapp-right:hover {
  box-shadow: 0px 0px 8px 5px rgba(22, 22, 22, 0.03);
  background-size: 60px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.wrapp-right:hover .img-vip-project img {
  transform: scale(1.02);
  border-radius: 10px;
}

.other-shape {
  background-position-x: left;
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-image: url(/assets/images/vectors/cpanel-building.webp);
  background-size: 30px;
}

.wrapp-right:hover .day-d {
  background: linear-gradient(95.45deg, #6700f8 0.64%, #9c1cf2 98.23%);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.wrapp-right:hover .month-d {
  background: linear-gradient(95.45deg, #9c1cf2 98.23%, #6700f8 0.64%);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.other-shape:hover {
  box-shadow: 0px 0px 8px 5px rgba(22, 22, 22, 0.03);
  background-size: 40px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.date-time {
  display: flex;
  height: 0px;
  position: relative;
  top: -30px;
  right: 12px;
}

.day-d {
  height: 40px;
  width: 40px;
  padding: 10px;
  background: linear-gradient(95.45deg, #0080f8 0.64%, #1c40f2 98.23%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-left: 4px;
}

.day {
  font-family: Reyhaneh;
  font-size: 20px;
  color: #fff;
}

.month-d {
  height: 40px;
  width: max-content;
  padding: 10px;
  background: linear-gradient(95.45deg, #1c40f2 98.23%, #0080f8 0.64%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-left: 8px;
}

.month {
  font-family: Reyhaneh;
  font-size: 14px;
  color: #fff;
}

.blog-cp .more-text {
  display: none !important;
}

.caption-vip-projects.more-text {
  display: none !important;
}

.blog-cp .more-text {
  display: none !important;
}

.caption-vip-projects.more-text {
  display: none !important;
}

.more-text {
  display: none;
}

.wrapp-texture {
  padding: 20px 0px;
  text-align: right;
  direction: rtl;
}

.vip-titles {
  text-align: right;
  font-size: 13px;
  line-height: 25px;
  font-weight: 600;
  color: #000;
  margin-bottom: 20px;
  margin-bottom: 10px;
  height: 30px;
  overflow: hidden;
}

.caption-vip-projects {
  font-size: 12px;
  line-height: 24px;
}

.shape-bg {
  margin-top: 50px !important;
  padding: 50px 0px;
  padding-bottom: 20px;
}

.see-all-pro {
  display: inline-block;
  /* font-weight: 600; */
  border-radius: 5px;
  padding: 13px 27px;
  color: #ffffff;
  vertical-align: middle;
  overflow: hidden;
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.img-services {
  height: 60px;
  width: 60px;
  padding: 10px;
  border-radius: 8px;
  background: #fff;
  background: linear-gradient(49deg, #f1f3ff 0.64%, #ffffff 98.23%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid rgb(223, 229, 255);
}

.servisec-t {
  font-size: 16px;
  margin-bottom: 5px;
  margin-top: 15px;
  font-weight: 600;
}

.wave-line {
  background-image: url(/assets/images/vectors/bgww.svg);
  height: 700px;
}

.ct-section-title h2 {
  font-size: 16px;
  line-height: 32px;
}

.hm-contact-form .input-field {
  position: relative;
}

.hm-contact-form .input-field input,
.hm-contact-form .input-field textarea {
  width: 100%;
  padding: 20px 30px 18px 20px;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  border: 1px solid rgba(0, 29, 172, 0.1843137255);
  border-radius: 6px;
  background-color: #ffffff;
  margin-bottom: 0px;
  font-family: iranyekanBakh;
}

.guarantee-form .input-field input,
.guarantee-form .input-field textarea {
  font-size: 22px !important;
}

.hm-contact-form .input-field input::placeholder {
  color: #a6a6a6;
  font-size: 14px;
  font-family: iranyekanBakh;
}

.all-products-carts .product-card {
  background-color: rgba(201, 206, 255, 0.11);
  border: 1px solid rgba(224, 228, 252, 0.2509803922);
}
.all-products-carts .product-card:after {
  position: absolute;
  top: 105%;
  left: 15%;
  content: "";
  width: 70%;
  height: 70%;
  border-radius: 50%;
  filter: blur(26px);
  z-index: -1;
  transform: translate(-50%, -50%);
  background: rgba(156, 172, 245, 0.39);
}
.all-products-carts .product-card .product-view {
  margin-top: 10px;
  padding: 5px 10px;
  border-radius: 6px;
  background: #2a2366;
  color: #fff;
  width: 135px;
  height: 45px;
  display: flex;
  align-items: center;
}

.about-us {
  height: 300px;
  background: linear-gradient(278.54deg, #001dac 15.93%, #2A2366 98.7%);
  display: flex;
  justify-content: center;
  align-items: center;
  direction: rtl;
  flex-direction: column;
  margin-bottom: 40px;
}

.some-style {
  padding: 50px 30px;
  background-color: rgba(255, 255, 255, 0.717);
  border-radius: 10px;
  box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
}

.dark-boot .boot {
  color: #fff !important;
}
.dark-boot .boot span {
  color: #fff !important;
}
.dark-boot .boot a {
  color: #fff;
}
.dark-boot .home {
  color: #fff !important;
}

.project-heaher .boot {
  color: #fff !important;
}
.project-heaher .boot span {
  color: #fff !important;
}
.project-heaher .boot a {
  color: #fff;
}
.project-heaher .home {
  color: #fff !important;
}

.about-us-title {
  font-size: 28px;
  font-family: Reyhaneh;
  color: #fff;
  margin-bottom: 20px;
  text-align: center;
}

.about-us a {
  font-size: 14px;
}

.hm2-explore-btn {
  color: #1b41f2;
  font-size: 14px;
  padding-right: 87px;
}

.tg-row {
  direction: rtl;
  padding: 30px 0px;
  padding-bottom: 30px;
}

.circle-about {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 100px;
  display: block;
  text-align: center;
  height: 90px;
  width: 90px;
  border-radius: 90px;
  background: rgb(255, 255, 255);
  box-shadow: 1px 0px 20px 0px rgba(54, 112, 219, 0);
  font-size: 30px;
  font-family: Reyhaneh;
  color: #0e00d7;
}

.boot {
  display: flex;
}

.home {
  color: #000000;
  margin-left: 12px;
  font-size: 16px;
}

.slash {
  color: rgb(58, 58, 58);
  margin-left: 12px;
  font-size: 16px;
}

.aboute-page {
  color: #2A2366;
  font-size: 16px;
  font-weight: 500;
}

.numi {
  font-size: 15px;
  color: #000;
  font-family: "Reyhaneh";
  margin-top: 10px;
  direction: rtl;
}

.products-container {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #eee;
  padding: 30px 25px;
}
.products-container .product-captions {
  margin-top: 20px;
}
.products-container .product-captions .title-design h1 {
  font-size: 24px;
  color: #2a2366;
  font-family: Sarbaz;
  margin: 15px 0;
}
.products-container .product-captions .title-design .title-line {
  width: 60%;
}
.products-container .product-captions .title-design img {
  height: 30px !important;
  width: 30px !important;
}
.products-container .product-captions section p {
  text-align: justify;
  font-size: 17px;
  line-height: 32px;
}
.products-container .product-captions h3 {
  background: #e62924;
  color: #fff;
  margin-left: 10px;
  padding: 0px 25px;
  font-size: 25px;
  font-family: sarbaz;
  margin-bottom: 20px;
  margin-top: 35px;
  width: max-content;
}
.products-container .wrap-protein-brand {
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
}
.products-container .p-brand {
  margin: 10px;
}
.products-container .p-brand a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #eee;
  border-radius: 6px;
  padding: 10px;
  width: 150px;
}
.products-container .p-brand a .brand-img-pr {
  height: 120px;
  width: 120px;
  object-fit: contain;
}
.products-container .p-brand a .brand-img-pr img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.products-container .p-brand a .brand-name {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  margin-top: 15px;
}

.product-captions .product-main-name {
  font-size: 24px;
  font-family: sarbaz;
  margin-bottom: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.pro-preview .tt-pr {
  margin-top: 0px;
}

.pro-preview .totla-price {
  margin-left: 18px;
  font-size: 18px;
}

.title-post img {
  height: 30px;
  width: 30px;
  padding: 5px;
  object-fit: contain;
  margin-left: 2px;
}

.cc-pt {
  border-left: none;
  background: #ffefef;
  padding: 10px;
  align-items: center;
  flex-wrap: wrap;
  font-size: 12px;
  width: 100% !important;
  margin-bottom: 5px;
  border-radius: 6px;
}

.product-main-img {
  height: 400px;
  border-radius: 6px;
  width: 100%;
  object-fit: cover;
  margin-top: 50px;
}
.product-main-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
}

.thumb-img-gallery {
  height: 200px;
  border-radius: 6px;
  width: 100%;
  object-fit: cover;
  margin-top: 10px;
}
.thumb-img-gallery img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
}

.cc-pt ul {
  list-style: disc;
  padding-right: 20px;
}

.wt-pt p {
  font-size: 13px;
  font-weight: 500;
}

.cc-pt p {
  font-size: 13px;
}

.wrapp-console {
  margin: 20px 0px;
  font-weight: normal;
}

.my-tabs .nav-link.active,
.my-tabs .nav-item.show .nav-link {
  color: #fc4e03;
  background-color: transparent;
  border-bottom: 3px solid;
}

.title-property-table {
  padding: 0px;
  display: flex;
}

.wrapp-console {
  margin: 20px 0px;
  font-weight: normal;
}

.wt-pt {
  /* border-bottom: 1px solid #e2e2e2; */
  border-left: none;
  background: #edf3ff;
  padding: 10px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  font-size: 14px;
  padding-right: 20px;
  margin-bottom: 5px;
  border-radius: 6px;
}

.table-header-property {
  width: 100%;
  padding: 8px 10px !important;
  margin: 5px 0px;
  margin-bottom: 0px;
  margin-right: -15px;
  background: #f4f5f7;
  border-bottom: 1px solid rgb(226, 226, 226);
  border-radius: 4px 4px 0px 0px;
  padding-left: 96px !important;
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.row-products-container {
  padding: 30px 15px;
}

.nim-cil {
  height: 0px;
}

.brand-row-title {
  background: #2a2366;
  color: #fff;
  margin-left: 10px;
  padding: 0px 10px;
  width: max-content;
  font-size: 22px;
  font-family: sarbaz;
  margin-right: 20px;
}

.nim-cil img {
  position: absolute;
  right: -20px;
  bottom: -57px;
  height: 90px;
}

.nim-ril {
  height: 0px;
}

.nim-ril img {
  position: absolute;
  top: -130px;
  left: -20px;
}

.padding-about-section {
  margin-bottom: 40px;
  margin-top: 50px;
}

.little-w {
  font-size: 20px;
  font-weight: 800;
  color: #0020c1 !important;
}

.wrapp-about-title {
  padding: 20px 0px;
}

.tg-about-t {
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  -webkit-background-clip: text;
  color: transparent;
  font-size: 28px;
  font-family: Reyhaneh;
  text-align: right;
  margin-bottom: 30px;
}

.wrapping-about-mini p {
  text-align: justify;
  font-size: 16px;
  margin-bottom: 12px;
  margin: 10px 0px;
}

.tg-about {
  text-align: right;
  font-size: 13px;
  line-height: 28px;
}

.hm-contact-form .input-field label {
  position: absolute;
  right: 20px;
  top: -12px;
  color: #001042;
  font-weight: 600;
  border-radius: 5px;
  padding: 0 10px;
  background: #ffffff;
}

.template-btn {
  border-radius: 5px;
  padding: 18px 55px;
  color: #ffffff;
  vertical-align: middle;
  overflow: hidden;
  font-size: 16px;
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.select-lang {
  display: flex;
}

.template-btn:hover {
  color: #fff;
  background: linear-gradient(95.45deg, #3b0072 0.64%, #000f5d 98.23%);
  -webkit-transition: all 0.3s ease-in;
}

.direction-persion {
  direction: rtl;
}

.little-margin {
  margin-bottom: 30px;
}

.capt-ser {
  font-size: 14px;
  line-height: 20px;
  height: 66px;
  overflow: hidden;
  text-align: right;
  margin-top: 5px;
  font-weight: 400;
}

.footer-section {
  position: relative;
  direction: rtl;
  text-align: right;
}

.single-cta i {
  color: #ff5e14;
  font-size: 30px;
  float: left;
  margin-top: 8px;
}

.cta-text {
  padding-left: 15px;
  display: inline-block;
}

.cta-text h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 2px;
}

.cta-text span {
  color: #757575;
  font-size: 15px;
}

.box-video {
  position: relative;
  width: 100%;
  margin: 0 auto 0px auto;
  cursor: pointer;
  overflow: hidden;
  height: 200px;
  width: 300px;
  border-radius: 12px;
}

.box-video .bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 2;
}

.bg-video::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 3;
}

.box-video .bt-play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
  display: inline-block;
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 50%;
  text-indent: -999em;
  cursor: pointer;
  z-index: 2;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border: 1px solid #fff;
}

.box-video .bt-play:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 0;
  width: 0;
  margin: -12px 0 0 -6px;
  border: solid transparent;
  border-left-color: #fff;
  border-radius: 5px;
  border-width: 12px 20px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.box-video:hover .bt-play {
  transform: scale(1.1);
}

.box-video.open .bg-video {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.6s 0.8s;
  transition: all 0.6s 0.8s;
}

.box-video.open .video-container {
  opacity: 1;
  -webkit-transition: all 0.6s 0.8s;
  transition: all 0.6s 0.8s;
}

.video-container {
  position: relative;
  width: 100%;
  height: 0;
  margin: 0;
  z-index: 1;
  height: 200px;
  padding-bottom: 56.27198%;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.footer-content {
  position: relative;
  z-index: 1;
}

.footer-pattern img {
  position: absolute;
  top: 0;
  left: 0;
  height: 330px;
  background-size: cover;
  background-position: 100% 100%;
}

.footer-logo {
  margin-bottom: 6px;
  height: 70px;
  width: 100%;
  display: flex;
  object-fit: contain;
  justify-content: flex-start;
}

.footer-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.footer-text p {
  margin-bottom: 14px;
  font-size: 12px;
  color: #efefef;
  line-height: 26px;
}

.footer-social-icon span {
  color: rgb(255, 255, 255);
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 20px;
}

.footer-design {
  background: #181542;
  margin-top: 80px;
  padding: 70px 50px;
  display: flex;
  justify-content: center;
}

.nav-item {
  border: 1px solid #eee;
  border-radius: 0px 4px 4px 0px;
}

.nav-link {
  padding: 10px 10px;
  direction: rtl;
  text-align: right;
  display: flex;
  align-items: center;
}

.jump-top {
  position: relative;
  top: -40px;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  padding: 10px 10px;
  border-radius: 0px 4px 4px 0px;
  direction: rtl;
  text-align: right;
  display: flex;
  align-items: center;
  background: linear-gradient(27deg, #0064c0 0.64%, #001372 98.23%);
}

.condition-title {
  font-size: 20px;
  margin-bottom: 15px;
  color: #001372;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #eee;
  border-radius: 6px;
}

.condition-box {
  border-radius: 6px;
  padding: 10px 15px;
  background-color: rgba(65, 152, 255, 0.1098039216);
  margin-bottom: 25px;
  direction: rtl;
  text-align: right;
}

.condition-box a {
  color: #001685;
  font-weight: 600;
}

.tab-pane section {
  margin-bottom: 20px;
}

.tab-pane section h3 {
  margin-bottom: 20px;
}

.warranty-center {
  border-radius: 6px;
  text-align: right;
  direction: rtl;
  justify-content: flex-end;
}

.warranty-center:hover {
  color: #fff;
}

.tab-list-item {
  list-style: disc;
  padding: 0px 25px;
  line-height: 30px;
  font-size: 14px;
}

.warranty-center {
  border-radius: 6px;
  text-align: left;
  direction: ltr;
  padding: 12px;
  display: flex;
  align-items: center;
  background: linear-gradient(27deg, #0064c0 0.64%, #001372 98.23%);
  color: #fff;
}

.tab-parent {
  border-radius: 6px;
  padding: 15px;
  border: 1px solid #eee;
}

.tab-title {
  font-size: 16px;
}

.nav-link i {
  font-size: 8px !important;
  color: #fff !important;
  margin: 0px 5px;
}

.warranty-boxes {
  display: flex;
  width: 100%;
}

.warranty-sections address {
  font-size: 16px;
  margin: 15px 0;
}

.info-header-box {
  position: relative;
  top: -30px;
  height: 140px;
  padding: 50px 30px;
  border-radius: 10px;
  box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  background-color: #fff;
  display: flex;
  align-items: center;
  direction: rtl;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.wrapp-address-details {
  height: 50px;
  border-radius: 6px;
  display: flex;
  padding: 10px;
  align-items: center;
  background: #f4f9ff;
  margin: 5px 0px;
}

.wrapp-address-details span {
  display: inline-block;
  margin: 0 5px;
}

.address-frame {
  padding: 10px;
  background: #f4f9ff;
}

.wrapp-address-details i {
  font-size: 14px !important;
  margin-left: 12px;
}

.img-info-header {
  height: 120px;
  width: 230px;
  object-fit: contain;
  position: relative;
  top: -83px;
}

.img-scan {
  height: 180px;
  width: 200px;
  object-fit: contain;
}

.img-scan img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.content-body {
  background-color: #fff;
  padding: 50px 30px;
  border-radius: 10px;
  box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  text-align: right;
  direction: rtl;
}

.info-header-box h2 {
  font-size: 18px;
  font-weight: 600;
  text-align: right;
}

.nav.nav-pills.flex-column {
  padding-right: 0;
}

.content-body h2 {
  text-align: right;
  direction: rtl;
  font-family: serif;
  font-family: Reyhaneh;
  color: #002785;
}

.content-body h3 {
  text-align: right;
  direction: rtl;
  font-family: serif;
  font-family: Reyhaneh;
  color: #002785;
}

.mobile-control {
  padding-right: 0px;
}

.product-serial {
  text-align: right;
  direction: rtl;
  list-style: disc;
  padding: 15px;
}

.warranty-role {
  font-weight: 600;
  color: #002785;
}

.warranty-sections p {
  margin: 12px 0px;
}

.warranty-boxes {
  display: flex;
  width: 100%;
}

.info-header-box {
  position: relative;
  top: -30px;
  height: 140px;
  padding: 50px 30px;
  border-radius: 10px;
  box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  background-color: #fff;
  display: flex;
  align-items: center;
  direction: rtl;
}

.content-body {
  background-color: #fff;
  padding: 50px 30px;
  border-radius: 10px;
  box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  text-align: right;
  direction: rtl;
}

.info-header-box h2 {
  font-size: 18px;
  font-weight: 600;
  text-align: right;
}

.product-serial {
  text-align: right;
  direction: rtl;
  list-style: disc;
  padding: 15px;
}

.content-body i {
  color: #0051ae;
  font-size: 10px;
}

.warranty-role {
  font-weight: 600;
  color: #002785;
}

.warranty-sections p {
  margin: 12px 0px;
}

.each-boxes {
  width: 25%;
  flex-direction: column;
  display: flex;
  align-items: center;
}

.product-holder {
  margin-top: 20px;
  height: 150px;
  display: flex;
  object-fit: contain;
  align-items: center;
  justify-content: space-between;
}

.product-holder img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.bi-wrapper {
  height: 50px;
  width: 50px;
  object-fit: contain;
}

.warranty-title {
  font-size: 10px;
  margin-top: 15px;
}

.bi-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.footer-social-icon a {
  color: #fff;
  font-size: 16px;
  margin-left: 15px;
}

.footer-social-icon a {
  height: 40px;
  width: 40px;
  display: inline-block;
  text-align: center;
  line-height: 38px;
  border-radius: 50%;
  color: #ffffff;
  background: #000821;
}

.footer-widget-heading h3 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 35px;
  position: relative;
}

.footer-widget-heading h3::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -15px;
  height: 2px;
  width: 50px;
  background: #E62924;
}

.footer-widget ul li {
  display: block;
  margin-bottom: 12px;
}

.footer-widget ul li a:hover {
  color: #14ffef;
}

.footer-widget ul li a {
  color: #ededed;
  text-transform: capitalize;
}

.subscribe-form {
  position: relative;
  overflow: hidden;
}

.subscribe-form input::placeholder {
  color: #fff !important;
  font-family: IRANYekan;
}

.subscribe-form input {
  width: 100%;
  padding: 18px 28px;
  background: #293571;
  border: 1px solid #293571;
  color: rgb(159, 159, 159);
  border-radius: 10px;
}

.circle-about {
  display: flex;
  align-items: center;
  line-height: 100px;
  /* display: block; */
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  font-family: sans-serif;
  color: #0e00d7;
  flex-direction: column;
  justify-content: flex-start;
}

.subscribe-form input {
  width: 100%;
  padding: 18px 28px;
  background: #293571;
  border: 1px solid #293571;
  color: rgb(159, 159, 159);
  border-radius: 10px;
}

.sidebar-form button:hover {
  background: linear-gradient(95.45deg, #002950 0.64%, #000e57 98.23%);
}

.footer-social-icon:hover i {
  color: #ff7b00;
}

.ac-hg {
  height: 90px;
  width: 90px;
  border-radius: 90px;
  font-weight: normal;
  font-family: "Reyhaneh";
  background: rgb(255, 255, 255);
  box-shadow: 1px 0px 20px 0px rgba(54, 112, 219, 0);
}

.subscribe-form button {
  position: absolute;
  background: linear-gradient(95.45deg, #181542 0.64%, #181542 98.23%);
  padding: 13px 39px;
  top: 5px;
  height: 46px;
  border-radius: 5px;
  left: 10px;
}

.subscribe-form button i {
  color: #fff;
  font-size: 17px;
  transform: rotate(-6deg);
}

.copyright-area {
  background: #000821;
  padding: 25px 0;
}

.copyright-text p {
  margin: 0;
  font-size: 14px;
  color: #e3e3e3;
}

.copyright-text p a {
  color: #c38bff;
}

.footer-menu li {
  display: inline-block;
  margin-left: 20px;
}

.footer-menu li:hover a {
  color: #ff5e14;
}

.footer-menu li a {
  font-size: 14px;
  color: #878787;
}

footer ul {
  margin: 0px;
  padding: 0px;
}

.wrapp-about-cart {
  -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.1);
  box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.1);
  border-radius: 10px;
  padding: 25px 15px;
  margin-top: 30px;
  direction: rtl;
  background: #fff;
  height: 330px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

.wrapp-about-cart:hover .icon-holder {
  background: linear-gradient(95.45deg, rgba(0, 128, 248, 0.2862745098) 0.64%, rgba(28, 64, 242, 0.2745098039) 98.23%);
  transition: all ease-in-out 0.3s;
}

.wrapp-about-cart:hover .arrow {
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  color: #fff;
  border: 1px solid #1c40f2;
  transition: all ease-in-out 0.3s;
}

.ac-title {
  font-size: 14px;
  text-align: right;
  direction: rtl;
  font-weight: 900;
  margin-bottom: 0px;
}

.ca-caption {
  font-size: 12px;
  text-align: right;
  line-height: 25px;
  margin-bottom: 20px;
  height: 100px;
  overflow: hidden;
}

.gray-bg {
  background-color: rgba(235, 234, 255, 0.6901960784);
  padding-top: 130px;
  padding-bottom: 60px;
  margin-bottom: 80px;
}

.wrapp-right-about {
  direction: rtl;
  text-align: right;
}

.tl-ab {
  font-size: 22px;
  font-family: Reyhaneh;
  line-height: 38px;
  color: rgb(38, 2, 183);
  margin-bottom: 15px;
}

.capt-ra {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 30px;
}

.ticks {
  display: flex;
  align-items: center;
  margin-bottom: 7px;
}

.ticks i {
  color: rgb(38, 2, 183);
  margin-left: 20px;
  font-size: 22px;
}

.ticks p {
  font-size: 14px;
}

.end-arrow {
  display: flex;
  justify-content: flex-end;
}

.about-click {
  display: inline-block;
  position: relative;
  background: linear-gradient(to left, #fff 2.23%, #eff1fd 97.21%), #2A2366;
  padding: 5px 15px;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  color: rgb(38, 2, 183);
  border-radius: 6px;
  margin-bottom: 20px;
}

.tigger-row {
  margin-bottom: 50px;
  direction: rtl;
}

.icon-holder {
  background-color: rgba(28, 64, 242, 0.1);
  border-radius: 50%;
  padding: 10px;
  margin-bottom: 20px;
  height: 60px;
  width: 60px;
  object-fit: contain;
}

.icon-holder img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.wrapp-award {
  display: flex;
  direction: rtl;
  flex-direction: column;
  border-style: solid;
  border-width: 2px;
  border-color: #cdd3ff;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin-bottom: 30px;
  padding: 30px 20px;
  border-radius: 10px;
  margin: 20px 0px;
  text-align: right;
  align-items: center;
}

.time {
  width: 150px;
}

.sett-paddings {
  padding: 0px 10px;
}

.time-line {
  text-align: center;
  padding: 0px 20px;
  font-size: 22px;
  color: #2A2366;
  font-family: Reyhaneh;
}

.caption-award {
  font-size: 13px;
  text-align: right;
  padding: 0px 20px;
  padding-left: 0px;
  line-height: 28px;
}

.wrapp-award:hover {
  background-color: #eff1fe;
  transition: all linear 0.6s;
}

.wrapp-award:hover .time-line {
  color: #c90075;
  transition: all linear 0.6s;
}

.blog-header {
  height: 350px;
  background: linear-gradient(278.54deg, #001dac 15.93%, #2A2366 98.7%);
  margin-bottom: 100px;
}
.blog-header .boot a {
  color: #fff !important;
}
.blog-header .boot span {
  color: #fff !important;
}

.be-end {
  display: flex;
  justify-content: end;
  align-items: flex-end;
}

.be-end img {
  height: 350px;
}

.sidebar-form button i {
  color: #fff;
  font-size: 16px;
  transform: rotate(-6deg);
}

.sidebar-form button {
  position: absolute;
  left: 8px;
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  padding: 13px 15px;
  top: 5px;
  height: 37px;
  border-radius: 5px;
  display: flex;
  align-items: center;
}

.blogger-title {
  color: #fff;
  font-size: 22px;
  font-weight: normal;
	text-align:right;
}

.wrapp-contex {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.padding-r {
  direction: rtl;
  margin-top: 30px;
}

.blog-cp {
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  line-height: 22px;
  color: #414141;
  margin-top: 0px;
}

.i-bc {
  height: 180px;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
  position: relative;
  /* margin-bottom: 15px; */
  bottom: 30px;
  transition: all cubic-bezier(0.75, -0.02, 0.37, 0.99) 0.4s;
}

.blog-cart:hover .i-bc {
  position: relative;
  /* margin-bottom: 15px; */
  bottom: 0px;
  transition: all cubic-bezier(0.75, -0.02, 0.37, 0.99) 0.4s;
}

.i-bc img {
  height: 100%;
  width: 100%;
  border-radius: 5px;
  object-fit: cover;
  transition: all cubic-bezier(0.75, -0.02, 0.37, 0.99) 0.4s;
}

.blog-cart:hover .cate-name {
  background: linear-gradient(100deg, #1b4cff 0.64%, #542ab7 98.23%);
  transition: all cubic-bezier(0.75, -0.02, 0.37, 0.99) 0.4s;
}

.blog-cart:hover {
  -webkit-box-shadow: 0px 10px 10px rgba(151, 151, 151, 0.15);
  box-shadow: 1px 0px 10px 4px rgba(151, 151, 151, 0.221);
}

.blog-padding {
  margin-top: 10px;
  margin-bottom: 40px;
}

.name {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

.blog-cart {
  -webkit-box-shadow: 0px 10px 10px rgba(151, 151, 151, 0.15);
  box-shadow: 1px 0px 10px 4px rgba(151, 151, 151, 0.15);
  border-radius: 5px;
  direction: rtl;
  background-color: #fff;
  padding: 12px;
  cursor: pointer;
}

.bl-nm {
  text-align: right;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  height: 60px;
  overflow: hidden;
}

.wroter-ic {
  height: 40px;
  width: 40px;
  object-fit: cover;
}

.wroter-ic img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.name-wr {
  font-size: 14px;
  margin-left: 12px;
  font-weight: 600;
}

.name-date {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  border-top: 1px solid rgba(63, 53, 255, 0.1);
  padding-top: 10px;
}

.date-pick span {
  text-transform: uppercase;
  background: linear-gradient(to right, #308dd0 0%, #070067 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  font-size: 14px;
}

.category {
  font-size: 14px;
  color: #fff;
  width: max-content;
  height: 0px;
  position: relative;
  top: -46px;
  right: 10px;
  direction: rtl;
  text-align: right;
}

.cate-name {
  font-size: 11px;
  padding: 8px 10px;
  border-radius: 6px;
  background: linear-gradient(304deg, #1b92ff 0.64%, #2a41b7 98.23%);
  text-align: center;
}

.wrapp-blog-carts {
  direction: rtl;
}

.sidebar-form input {
  width: 100%;
  padding: 15px 28px;
  background: #f1f1f1;
  border: none;
  color: rgb(0, 0, 0) !important;
  border-radius: 10px;
  direction: rtl;
  margin-bottom: 10px;
}

.sidebar-form input::placeholder {
  color: #000000 !important;
  font-size: 12px;
}

.cat-header {
  margin-top: 15px;
  padding: 10px;
}

.new-catg {
  text-align: right;
  font-weight: 600;
  text-align: right;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 12px;
}

.bb-blue {
  padding-bottom: 10px;
  font-size: 16px;
  border-bottom: 3px solid #2A2366;
}

.name-of {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  direction: rtl;
  cursor: pointer;
  align-items: center;
}

.name-of:hover .nm-ct strong {
  text-transform: uppercase;
  background: linear-gradient(to right, #ff5722 0%, #ca6bda 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.name-of:hover .cat-ico {
  text-transform: uppercase;
  background: linear-gradient(to right, #ff5722 0%, #ca6bda 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.nm-ct {
  text-align: right;
}

.nm-ct span {
  font-size: 12px;
}

.nm-ct strong {
  font-size: 12px;
  font-weight: 900;
  margin-right: 5px;
  text-transform: uppercase;
  background: linear-gradient(to right, #308dd0 0%, #070067 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cat-ico {
  font-size: 10px;
  text-transform: uppercase;
  background: linear-gradient(to right, #308dd0 0%, #070067 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.name-of {
  margin-top: 8px;
}

.wrapp-new {
  display: flex;
  padding: 10px;
  direction: rtl;
  text-align: right;
  align-items: flex-start;
  transition: all cubic-bezier(0.75, -0.02, 0.37, 0.99) 0.4s;
}

.wrapp-new:hover .img-new-blog img {
  transform: scale(1.1);
  transition: all cubic-bezier(0.75, -0.02, 0.37, 0.99) 0.4s;
}

.wrapp-new:hover .new-head {
  text-transform: uppercase;
  background: linear-gradient(to right, #308dd0 0%, #070067 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.img-new-blog {
  height: 50px;
  width: 52px !important;
  border-radius: 50%;
  object-fit: cover;
  margin-left: 15px;
  -webkit-box-shadow: 0px 10px 10px rgba(151, 151, 151, 0.15);
  box-shadow: 1px 0px 11px 0px rgba(1, 1, 1, 0.29);
  overflow: hidden;
  transition: all cubic-bezier(0.75, -0.02, 0.37, 0.99) 0.4s;
}

.img-new-blog img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
  transition: all cubic-bezier(0.75, -0.02, 0.37, 0.99) 0.4s;
}

.new-head {
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}

.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
  justify-content: center;
}

.caption-wrote {
  font-size: 12px;
  color: rgb(152, 152, 152);
}

.each-arch {
  direction: rtl;
  text-align: right;
  padding: 10px;
}

.arch-date:hover {
  border-bottom: 1px solid rgb(128, 126, 247);
}

.arch-date {
  padding-bottom: 12px;
  border-bottom: 1px solid rgb(241, 241, 241);
}

.wrapp-all-tags {
  display: flex;
  direction: rtl;
  padding: 10px;
  flex-wrap: wrap;
}

.tag {
  padding: 5px 15px;
  font-size: 12px;
  font-weight: 600;
  margin-left: 10px;
  border: 1px solid rgb(230, 230, 230);
  border-radius: 18px;
  transition: all cubic-bezier(0.75, -0.02, 0.37, 0.99) 0.4s;
  margin: 3px 5px;
}

.tag:hover {
  background: linear-gradient(304deg, #1b92ff 0.64%, #2a41b7 98.23%);
  color: #fff;
  transition: all cubic-bezier(0.75, -0.02, 0.37, 0.99) 0.4s;
}

.contacting {
  height: 300px;
  -webkit-box-shadow: 0px 10px 10px rgba(151, 151, 151, 0.15);
  box-shadow: 1px 0px 10px 4px rgba(151, 151, 151, 0.15);
  background-color: rgb(2, 24, 138);
  border-radius: 8px;
  margin-top: 30px;
  background-image: url(/assets/images/vectors/sidebar-bg.webp);
}

.wrapp-imgs {
  height: 160px;
  width: 160px;
  object-fit: contain;
}

.wrapp-imgs img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.wrapp-ct {
  display: flex;
  flex-direction: column;
  direction: rtl;
  align-items: center;
  justify-content: space-evenly;
  height: 100%;
}

.ct-title {
  color: white;
  font-size: 22px;
  text-align: center;
}

.call-us {
  padding: 10px 35px;
  border-radius: 20px;
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  -webkit-box-shadow: 0px 10px 10px rgba(151, 151, 151, 0.15);
  box-shadow: 1px 0px 10px 4px rgba(43, 43, 43, 0.299);
  color: #fff;
  font-size: 14px;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.call-us:hover {
  color: #fff;
  background: linear-gradient(to right, #ff5722 0%, #ca6bda 100%);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.call-now {
  padding: 10px 17px;
  background: rgba(255, 255, 255, 0.2901960784);
  border-radius: 50%;
  -webkit-box-shadow: 0px 10px 10px rgba(151, 151, 151, 0.15);
  box-shadow: 1px 0px 10px 4px rgba(34, 34, 34, 0.15);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.call-now i {
  font-size: 18px;
}

.call-now:hover {
  background: #ffffff;
  color: #001042;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.number {
  text-align: right;
  color: #fff;
}

/*
  */
.show-galley {
  height: 400px !important;
  width: 100% !important;
  object-fit: cover;
  border-radius: 10px;
  position: relative;
  top: -40px;
}

.show-galley img {
  height: 100%;
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
  filter: grayscale(0.5);
  box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.26);
}

.show-galley img:hover {
  height: 100%;
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
  filter: grayscale(0);
}

.show-images i {
  margin-right: 10px;
}

.show-images {
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  position: relative;
  top: -15px;
  padding: 10px 40px;
  right: -10px;
  border-radius: 12px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.26);
}

.flex-animation {
  box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.13);
  background: #fff;
  position: relative;
  top: -40px;
  padding: 20px;
  border-radius: 10px;
  min-height: 402px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 40px;
}

.circle-rr {
  display: flex;
  justify-content: flex-start;
}

.rot-circle {
  height: 140px;
  width: max-content;
  position: absolute;
  object-fit: contain;
  top: 200px;
}

.rot-circle img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  -webkit-animation: rotation 20s infinite linear;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
.dmw-each {
  display: flex;
  align-items: center;
  height: 72px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  justify-content: center;
  text-align: right;
  margin-bottom: 10px;
}

.property-detail h6 {
  margin-bottom: 0px;
  margin-top: 10px;
  font-size: 14px;
  font-size: 14px;
  direction: rtl;
  padding-right: 25px;
}

.name-details {
  direction: rtl;
}

.name-details strong {
  font-size: 16px;
  color: #001893;
}

.name-comp .property-detail h6 {
  margin-bottom: 0px;
  margin: 0px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 24px;
}

.name-comp {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  justify-content: center;
}

.nice-one {
  font-size: 10px;
  color: #00bef8;
  outline: 1px dotted #0082f8;
  outline-offset: 2px;
  border-radius: 50%;
  margin-left: 10px;
}

.content-wrapp {
  background: #fff;
  padding: 15px;
}

.image-ico-services {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: start;
}

.service-name-c h4 span {
  color: rgb(0, 15, 125);
  font-weight: 600;
  font-size: 18px;
  border-bottom: 1px solid rgb(235, 235, 235);
}

.service-name-c {
  margin-bottom: 10px;
  width: 100%;
}

.img-ol {
  height: 100px;
  width: 40%;
  object-fit: contain;
}

.img-ol img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.wrapp-sign-us {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.098);
  border-radius: 10px;
  background-color: #fff;
  padding: 15px;
  background-position: bottom right;
  background: url(/assets/images/vectors/12.webp);
  background-repeat: no-repeat;
  margin-top: 15px;
  margin-bottom: 25px;
}

.forever {
  font-size: 16px;
  font-weight: 600;
}

.capt-v p {
  font-size: 14px;
}

.warranty-checker-header {
  height: 350px;
  background: linear-gradient(27deg, #0064c0 0.64%, #001372 98.23%);
}

#Serial_Number {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
}

.guarantee-icon {
  height: 170px;
  width: 120px;
  object-fit: contain;
  position: absolute;
  top: -108px;
}

.guarantee-icon img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.guarantee-heading {
  direction: rtl;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.text-gurantee h2 {
  font-size: 1.6rem !important;
  text-align: right;
  width: 60%;
  line-height: 34px;
}

.survey-icon {
  height: 170px;
  width: 180px;
  object-fit: contain;
  position: absolute;
  top: -130px;
}

.radio-section {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 100%;
}

.radio-list {
  width: 100%;
}

.radio-item [type=radio] {
  display: none;
}

.radio-item + .radio-item {
  margin-top: 15px;
}

.radio-item label {
  display: block;
  padding: 15px 45px;
  background: #e9f1ff;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  min-width: 250px;
  white-space: nowrap;
  position: relative;
  transition: 0.4s ease-in-out 0s;
  text-align: right;
  color: #001841;
  border: 1px solid;
  border-color: #e9f1ff;
}

.radio-item label:after,
.radio-item label:before {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.radio-item label:after {
  height: 19px;
  width: 19px;
  border: 2px solid #003391;
  right: 18px;
  top: calc(50% - 12px);
}

.radio-item label:before {
  background: #00308e;
  height: 20px;
  width: 20px;
  right: 18px;
  top: 14px;
  transform: scale(5);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease-in-out 0s;
}

.radio-item [type=radio]:checked ~ label {
  border: 1px solid;
  border-color: #bbd4ff;
}

.radio-item [type=radio]:checked ~ label::before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

#message ::placeholder {
  text-align: right !important;
}

.guarantee-form .input-field input,
.guarantee-form .input-field textarea {
  font-size: 14px !important;
  text-align: right;
  direction: rtl;
}

.top-border {
  border-top: 1px solid #eee;
  margin: 20px 0;
  padding: 20px 0;
}

.complaint-text {
  text-align: right;
  margin: 20px 0px;
  padding: 25px;
  background: #f0f6ff;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: flex-start;
}

.complaint-text h2 {
  font-size: 1.6rem !important;
  line-height: 28px;
}

.complaint-text strong {
  color: #000d4e;
  font-weight: 600;
  font-size: 1.8rem;
  display: block;
  margin-bottom: 10px;
  font-family: Reyhaneh;
  font-size: 22px;
}

.survey-title-box {
  text-align: right;
  font-size: 1.6rem;
  margin-bottom: 12px;
  font-weight: 600;
}

.guarantee-heading h2 {
  font-size: 1.8rem;
  margin-bottom: 0;
}

.guarantee-heading a {
  font-weight: 600;
  color: #1b42f2;
  font-size: 14px;
}

.guarantee-caption {
  direction: rtl;
  text-align: right;
}

.guarantee-caption h3 {
  font-size: 1.7rem;
  font-weight: 600;
  margin-bottom: 18px;
  color: #1c40f2;
}

.serial-num-error input {
  border: 1px solid #fd1464 !important;
}

.serial-num-error label {
  color: #fd1464 !important;
}

.error-serial {
  display: inline-block;
  margin-top: 12px;
  direction: rtl;
  text-align: right;
  width: 100%;
  color: #fd1464;
  font-size: 16px;
}

.guarantee-conditions i {
  color: #1c40f2;
  margin: 0 4px;
  font-size: 10px;
}

.guarantee-conditions span {
  color: #1c40f2;
  font-weight: 600;
}

.guarantee-conditions {
  padding: 5px 8px;
  background-color: #e9efff;
  display: inline-block;
  margin-top: 15px;
  border-radius: 4px;
}

.error-serial small {
  font-weight: 600;
}

.btn-process {
  font-size: 1.7rem;
  box-shadow: 0px 15px 27px 2px rgba(37, 110, 255, 0.28);
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 2rem 3rem;
  color: #fff;
  cursor: pointer;
  height: 50px;
  overflow: hidden;
  margin-bottom: 20px;
}

.btn-ring {
  display: none;
}

.btn-ring:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin: 0px 8px;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: ring 1.2s linear infinite;
}

@keyframes ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes pagination-move-prev {
  from, 0% {
    transform: translateX(25px);
  }
  50% {
    transform: translateX(-5px);
  }
  to, 100% {
    transform: translateX(0px);
  }
}
@keyframes pagination-move-prev {
  from, 0% {
    transform: translateX(25px);
  }
  50% {
    transform: translateX(-5px);
  }
  to, 100% {
    transform: translateX(0px);
  }
}
@-webkit-keyframes pagination-move-next {
  from, 0% {
    transform: translateX(-25px);
  }
  50% {
    transform: translateX(5px);
  }
  to, 100% {
    transform: translateX(0px);
  }
}
@keyframes pagination-move-next {
  from, 0% {
    transform: translateX(-25px);
  }
  50% {
    transform: translateX(5px);
  }
  to, 100% {
    transform: translateX(0px);
  }
}
@-webkit-keyframes pagination-move-top {
  from, 0% {
    transform: translateY(-25px);
  }
  50% {
    transform: translateY(10px);
  }
  to, 100% {
    transform: translateY(0px);
  }
}
@keyframes pagination-move-top {
  from, 0% {
    transform: translateY(-25px);
  }
  50% {
    transform: translateY(10px);
  }
  to, 100% {
    transform: translateY(0px);
  }
}
@media (max-width: 768px) {
  .waves {
    height: 40px;
    min-height: 40px;
  }
}
@media screen and (min-width: 550px) {
  .page-header .panel1 {
    width: 60%;
  }
  .page-header .panel2 {
    width: calc(60% - 3rem);
  }
  .page-header .top-menu {
    width: calc(60% - 6rem);
  }
}
@media screen and (min-width: 768px) {
  .page-header .top-menu {
    padding: 4rem;
  }
  .page-header ul a {
    font-size: 1.6rem;
  }
  .page-header .search-form input {
    font-size: 2.4rem;
    height: 5rem;
    line-height: 5rem;
  }
}
@media screen and (min-width: 995px) {
  .page-header {
    padding: 0 3rem;
  }
  .page-header .panel,
  .page-header .open-mobile-menu,
  .page-header .vertical-logo,
  .page-header .top-menu .mob-block,
  .page-header .top-menu > li:last-child,
  .page-header .top-menu-wrapper::before {
    display: none;
  }
  .page-header .horizontal-logo {
    display: block;
    height: 50px;
    margin-left: 50px;
  }
  .page-header .top-menu-wrapper {
    display: flex;
    align-items: center;
    color: var(--white);
  }
  .page-header .top-menu {
    flex-direction: row;
    position: static;
    width: auto;
    background: transparent;
    transform: none;
    padding: 0;
    overflow-y: visible;
    margin-bottom: 0px;
    box-shadow: none !important;
  }
  .page-header .top-menu li + li {
    margin-top: 0;
  }
  .page-header .top-menu > li > a {
    padding: 27px 12px;
    font-size: 13px;
    font-weight: 600;
    color: #000000;
    display: flex;
    align-items: center;
  }
  .page-header ul a {
    font-size: 1.3rem;
  }
  .page-header .has-dropdown i {
    display: inline-block;
    font-size: 10px;
    margin-right: 5px;
  }
  .page-header .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 1.5rem 2rem;
    background: rgba(255, 255, 255, 0.795);
    text-align: right;
  }
  .page-header .sub-menu li + li {
    margin-top: 1.2rem;
  }
  .owl-item > div.videos {
    cursor: pointer;
    margin: 6% 8%;
    transition: margin 0.4s ease;
  }
  .owl-item.center > div {
    cursor: auto;
    margin: 0;
  }
  .owl-item:not(.center) > div:hover {
    opacity: 0.75;
  }
  .wrapp-new-title {
    width: 80%;
  }
  .title-videos {
    text-align: center;
    font-size: 20px;
    font-family: Reyhaneh;
    font-weight: normal;
    margin-bottom: 30px;
    color: #fff;
  }
  .page-header .sub-menu a {
    padding: 0.5rem 1rem;
    white-space: nowrap;
    color: #000;
    font-weight: 600;
  }
  .page-header .has-dropdown {
    position: relative;
  }
  .page-header .has-dropdown:hover .sub-menu {
    display: block;
  }
  .page-header .search {
    display: flex;
    align-items: center;
    margin-left: 3rem;
  }
}
@media screen and (min-width: 1200px) {
  .page-header .search {
    margin-left: 5rem;
  }
  .page-header .search i {
    margin-right: 1.5rem;
  }
  .page-header .search span {
    display: block;
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.btn-shine {
  margin-top: 40px;
  color: rgb(0, 15, 125);
  font-weight: 600;
  font-size: 18px;
  text-decoration: none;
  text-align: right;
}

.ticks-wrapp {
  direction: rtl;
}

.blog {
  width: 100%;
}

.capt-v {
  direction: rtl;
  text-align: right;
}

.blog-main-img {
  height: 400px;
  width: 100% !important;
  border-radius: 10px;
  position: relative;
  object-fit: cover;
  bottom: 30px;
}

.blog-main {
  text-align: right;
}

.blog-main-img img {
  height: 100%;
  width: 100% !important;
  border-radius: 10px;
  position: relative;
  object-fit: cover;
  bottom: 30px;
}

.blog-row {
  -webkit-box-shadow: 0px 10px 10px rgba(151, 151, 151, 0.15);
  box-shadow: 1px 0px 10px 4px rgba(151, 151, 151, 0.15);
  border-radius: 5px;
  background-color: #fff;
  padding: 12px;
  cursor: pointer;
  padding-bottom: 50px;
}

.dd-detail {
  display: flex;
  direction: rtl;
}

.n-wroter {
  display: flex;
  padding-left: 50px;
}

.wrapping {
  display: flex;
  justify-content: flex-start;
  text-align: right;
  flex-direction: column;
  padding-left: 50px;
  border-left: 1px solid #ccc;
}

.date-holder {
  display: flex;
  justify-content: flex-start;
  text-align: right;
  flex-direction: column;
  padding-right: 50px;
}

.category-boxer {
  display: flex;
  justify-content: flex-start;
  text-align: right;
  flex-direction: column;
  padding-left: 50px;
  border-left: 1px solid #ccc;
}

.cat-r {
  font-size: 14px;
}

.nm-main {
  font-size: 14px;
  font-weight: 600;
}

.cat-r {
  font-size: 14px;
  margin-bottom: 12px;
}

.cat-w {
  font-size: 14px;
  font-weight: 600;
}

.hd-date {
  font-size: 14px;
  margin-bottom: 2px;
}

.date-here span {
  font-size: 14px;
  font-weight: 600;
}

.date-here {
  line-height: 18px;
}

.main-wroter {
  margin-left: 18px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  object-fit: contain;
}

.main-wroter img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  object-fit: contain;
}

.blog-row ul {
  padding: 5px 40px;
  list-style: circle;
}

.blog blockquote {
  background: rgba(241, 243, 255, 0.5);
  padding: 45px 30px;
  position: relative;
  direction: rtl;
}

.blog blockquote::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  border-radius: 0px 10 10 0px;
}

.bd-qoute-txt {
  color: #001042;
  font-weight: 700;
  font-size: 16px;
  text-align: right;
  line-height: 28px;
}

.share-it .icons-share a.instagram {
  color: #e4405f;
  background: rgba(255, 73, 143, 0.1);
}

.share-it .icons-share a.whatsapp {
  color: #01351b;
  background: rgba(73, 255, 137, 0.1);
}

.share-it .icons-share a.linkedin-in {
  color: #00001e;
  background: rgba(73, 146, 255, 0.1);
}

.wrapp-blog-main {
  padding: 0px 20px;
  direction: rtl;
}

.team-carts {
  margin-top: 70px;
  margin-bottom: 70px;
}

.icons-share a {
  width: 40px;
  height: 40px;
  font-size: 14px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 6px;
}

.share-it {
  margin-top: 30px;
  text-align: right;
  padding: 10px;
}

.share-title {
  font-weight: 600;
  font-size: 16px;
  text-align: right;
  margin-bottom: 20px;
}

.comment-bar {
  margin-top: 40px;
  text-align: right;
  border-top: 1px solid rgb(233, 233, 233);
}

.comment-title {
  font-weight: 600;
  font-size: 16px;
  text-align: right;
  padding-top: 40px;
}

.comment-image {
  height: 60px;
  width: 60px;
  object-fit: cover;
  border-radius: 50%;
  margin-left: 20px;
}

.comment-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.comment-wrapping {
  display: flex;
  direction: rtl;
  margin-top: 35px;
  justify-content: space-between;
}

.cm-wrapp-1 {
  display: flex;
  align-items: center;
}

.comment-capt {
  font-size: 13px;
}

.user {
  font-weight: 600;
  font-size: 12px;
}

.comment-wrapping-reply {
  display: flex;
  direction: rtl;
  margin-top: 35px;
  width: 92%;
  border-top: 1px solid rgb(229, 229, 229);
  padding-top: 20px;
}

.reply-ico {
  padding: 8px 15px;
  direction: rtl;
  height: 38px;
  background: rgba(184, 201, 255, 0.3294117647);
  border-radius: 6px;
}

.reply-ico:active .add-comments {
  background-color: rgb(77, 57, 57);
}

.reply-ico i {
  font-size: 10px;
  color: #001dac;
}

.comment-image {
  border-right: 1px solid #ccc;
}

.rep {
  font-weight: 600;
}

.add-comments {
  padding-top: 40px;
  margin-top: 40px;
  padding: 40px 10px;
  border-top: 1px solid rgb(233, 233, 233);
}

.div-padding {
  display: flex;
  flex-direction: row-reverse;
}

.cm-input {
  padding: 10px;
  height: 40px;
  border-radius: 6px;
  margin-bottom: 10px;
  font-size: 16px;
  transition: all linear 0.3s;
}

.cm-input:focus,
.cm-input:active,
.cm-input:hover {
  border: 1px solid #001dac;
}

.cm-input::placeholder {
  font-size: 16px;
  text-align: right;
  color: rgb(164, 164, 164) !important;
  font-family: IRANYekan !important;
}

.adding-cm {
  padding: 10px 35px;
  width: 120px;
  border-radius: 8px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
}

.adding-cm:hover {
  transition: all linear 0.4s;
  background-color: #0082f8;
  color: #000;
}

.selectBox {
  border: 1px solid #ccc;
  position: relative;
  padding: 12px 24px;
  cursor: pointer;
}

.selectBox__value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.selectBox:after {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: all 0.2s ease-in-out;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='6' viewBox='0 0 14.001 8.165'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23212121;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M13.861,60.224l-.7-.7a.441.441,0,0,0-.645,0L7,65.036,1.487,59.522a.441.441,0,0,0-.645,0l-.7.7a.441.441,0,0,0,0,.645l6.537,6.538a.441.441,0,0,0,.645,0l6.538-6.538a.442.442,0,0,0,0-.645Z' transform='translate(0 -59.382)'/%3E%3C/svg%3E");
}

.selectBox .dropdown-menu {
  transition: all 0.5s ease-in-out;
  opacity: 0;
  display: block;
  top: 100%;
  width: 100%;
  max-height: 250px;
  z-index: -1;
  overflow-y: auto;
  transform: translateY(-15%);
  visibility: hidden;
}

.selectBox.show {
  background-color: #fff;
}

.selectBox.show:after {
  transform: translateY(-50%) rotate(180deg);
}

.selectBox.show .dropdown-menu {
  transition: all 0.3s ease-in-out;
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0);
  z-index: 10;
}

.fix-withen {
  width: 200px;
}

.select-box-costumiz {
  width: 160px;
  border-radius: 4px;
  height: 44px;
  direction: rtl;
  text-align: right;
  display: flex;
  align-items: center;
  background: #e9e9e9;
  border: 1px solid #dee2e6 !important;
}

.fix-withen .dropdown-item {
  text-align: right;
  font-size: 12px;
}

.fix-withen .dropdown-item:hover {
  background-color: rgba(255, 189, 6, 0.5215686275);
  color: #000;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: rgba(255, 189, 6, 0.5215686275);
  color: #000;
}

.offsett {
  display: flex;
  align-items: center;
}

.all-projects {
  height: 400px;
  background: linear-gradient(10.54deg, #001dac 15.93%, #000d4e 98.7%);
}

.cotext {
  height: 70px;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  position: absolute;
  width: 100%;
  background: rgb(255, 255, 255);
  top: -30px;
  border-radius: 10px;
  box-shadow: -1px -1px 16px 2px rgba(136, 136, 136, 0.37);
}

.call-pr {
  padding: 10px 13px;
  display: flex;
  border-radius: 50%;
  border: 1px solid #e5e7f4;
  background: rgba(0, 24, 144, 0.1019607843);
  align-items: center;
  justify-content: center;
}

.cotext h3 {
  font-weight: 600;
  font-size: 14px;
}

.card {
  position: ralative;
  overflow: hidden;
  height: 100%;
  -webkit-box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
  box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
  border: none;
  margin-bottom: 30px;
}

.card-overlay {
  padding: 20px;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  background-size: cover;
  justify-content: center;
}

.name-company {
  font-family: "Reyhaneh";
  text-align: right;
  font-size: 20px;
}

.subtitle {
  text-transform: uppercase;
  padding-left: 0px;
  position: relative;
  display: inline-block;
  font-size: 17px;
  line-height: 21px;
  margin-bottom: 15px;
  font-weight: 600;
  padding-right: 30px;
  text-align: right;
  width: 100%;
}

.subtitle:before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 2px;
  width: 20px;
  background: #E62924;
}

.card-caption {
  padding-top: 40px;
  padding-bottom: 20px;
  height: 290px;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 70px;
  direction: rtl;
}

.new-card-caption {
  background-image: url(/assets/images/vectors/pricing-circle.webp);
}

.wrapper {
  display: block;
  height: 140px;
  border-radius: 5px;
  background-color: #fff;
  -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-image: url(/assets/images/vectors/wp-about-circle-half.webp);
  background-size: 70px;
}

.line-blue {
  height: 2px;
  background: linear-gradient(10.54deg, #001dac 15.93%, #000d4e 98.7%);
}

.company-info-services {
  font-size: 12px;
  text-align: right;
  margin-top: 8px;
}

.card-body {
  padding: 0px;
}

.card:hover .card-overlay {
  top: 0;
}

.card-overlay.left {
  left: -100%;
  top: 0;
}

.card:hover .card-overlay.left {
  left: 0;
}

.card-overlay.right {
  left: 100%;
  top: 0;
}

.card:hover .card-overlay.right {
  left: 0;
}

.card-overlay.top {
  left: 0;
  top: -100%;
}

.card:hover .card-overlay.top {
  top: 0;
}

.calc-sett {
  margin-top: 0px !important;
}

.services-card {
  direction: rtl;
  text-align: right;
  height: 300px;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid rgba(165, 180, 255, 0.3098039216);
  background-repeat: no-repeat;
  background-image: url(/assets/images/vectors/12.webp);
  background-position: top left;
  background-size: 320px;
}

.overley-icon {
  height: 65px;
  margin-bottom: 30px;
  object-fit: contain;
}

.overley-icon img {
  height: 100%;
  object-fit: contain;
}

.services-over-title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 12px;
}

.card-text {
  font-size: 12px;
  line-height: 22px;
  height: 60px;
  overflow: hidden;
}

.card-link {
  display: flex;
  display: flex;
  justify-content: flex-end;
  margin-top: 25px;
}

.card-link span {
  background-color: rgba(190, 214, 255, 0.69);
  padding: 4px 15px;
  border-radius: 5px;
}

.next-page {
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  padding: 12px 15px;
  padding-bottom: 11px;
  font-size: 16px;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
}

.next-page:hover {
  background: linear-gradient(95.45deg, #ae00f8 0.64%, #5d018f 98.23%);
  outline: 2px solid #fff;
  outline-offset: 4px;
  color: #fff;
}

.top-countup {
  position: relative;
  top: -39px;
}

.counter {
  font-family: "Reyhaneh";
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(to right, #5c95ff 10%, #1100ff 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.count-up-title {
  font-size: 16px;
  font-weight: 600;
}

.bg-services-row {
  margin-top: 40px !important;
  padding-top: 40px !important;
  padding: 40px 10px;
  height: 450px;
  direction: rtl;
  background: #001685;
  background: fixed;
  background-position: 0 0;
  background-image: url(/assets/images/header/prview-hero-img.webp);
  background-size: cover;
  background-repeat: no-repeat;
}

.services-row-title {
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-family: "Reyhaneh";
  margin-bottom: 0px;
}

.bg-light-city {
  height: 300px;
  padding: 10px;
  border-radius: 5px;
}

.wrapp-imges {
  height: 350px;
  width: 350px;
  object-fit: contain;
  border-radius: 10px;
}

.wrapp-imges img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  border-radius: 10px;
}

.each-bb {
  height: 50px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.062745098);
  display: flex;
  padding: 10px;
  align-items: center;
  border-radius: 6px;
  display: flex;
  margin-bottom: 8px;
}

.each-bb h6 {
  color: #fff;
  font-size: 14px;
}

.nice-b1 {
  font-size: 16px;
  color: #4f52f1;
  outline: 1px dotted #4ff1eb;
  border-radius: 50%;
  outline-offset: 2px;
}

.nice-b2 {
  font-size: 16px;
  color: #e14dee;
  outline: 1px dotted #4dd2ee;
  border-radius: 50%;
  outline-offset: 2px;
}

.nice-b3 {
  font-size: 16px;
  color: #48edab;
  outline: 1px dotted #48b7ed;
  border-radius: 50%;
  outline-offset: 2px;
}

.wrapp-nices {
  display: flex;
  height: 350px;
  justify-content: center;
  flex-direction: column;
}

.brand-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.img-brand {
  height: 50px;
  width: 90px;
  object-fit: contain;
}

.img-brand img {
  height: 100%;
  width: 100%;
  opacity: 0.9;
  filter: grayscale(0.5);
  object-fit: contain;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.img-brand img:hover {
  opacity: 1;
  filter: grayscale(0);
}

.brand-row {
  margin-top: 50px;
  padding: 25px 0px;
  padding-right: 20px;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row-reverse;
}

.title-part {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 40px;
}

.brand-title {
  text-align: center;
  color: rgb(0, 0, 58);
  font-size: 24px;
  font-family: "Reyhaneh";
  margin-bottom: 20px;
}

.brand-caption {
  font-size: 14px;
  margin-bottom: 30px;
}

.wrapp-lisence {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  height: 100px;
  background-color: rgb(255, 255, 255);
  margin-bottom: 30px;
  background-position: top left;
  background-size: 30px;
  background-repeat: no-repeat;
  border-radius: 8px;
  -webkit-box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
  box-shadow: 0px 0px 10px 2px rgba(2, 45, 98, 0.06);
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
}

.img-co {
  height: 90px;
  width: 90px;
  border-radius: 50%;
  padding: 10px;
  object-fit: contain;
}

.img-co img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  border-radius: 50%;
}

.wrapp-company-license {
  padding: 10px;
}

.name-cc {
  font-size: 14px;
  font-weight: 600;
}

.wrapp-lisence:hover {
  background-color: rgb(243, 243, 243);
  background-image: url(/assets/images/vectors/wp-hero-dot.webp);
  background-position: top left;
  background-size: 40px;
  background-repeat: no-repeat;
}

.company-list-hero {
  height: 420px;
  background-image: url(/assets/images/header/banner-4.webp);
}

.gett-project {
  text-align: right;
  background-color: #fff;
  display: flex;
  padding: 20px 28px;
  align-items: center;
  justify-content: space-between;
  height: 100px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-image: url(/assets/images/vectors/vps-pricing-line.webp);
  background-size: 70px;
}

.get {
  display: flex;
  align-items: center;
}

.get i {
  margin-right: 15px;
  padding: 14px 14px;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  font-size: 16px;
  color: #0027e8;
  transition: cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}

.gett-project:hover .get i {
  border: 1px solid #2600fd;
  color: #fff;
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
}

.wrapp-one-company {
  display: flex;
  padding: 10px 20px;
  padding-left: 30px;
  border-radius: 8px;
  justify-content: space-between;
  height: 85px;
  -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  box-shadow: 6px -3px 20px 0px rgba(125, 125, 125, 0.2);
  align-items: center;
  margin-bottom: 20px;
}

.wrapp-order-1 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.lc-company {
  height: 60px;
  width: 60px;
  padding: 5px;
  object-fit: contain;
}

.lc-company img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.name-cmp {
  font-weight: 600;
  margin-right: 20px;
}

.see-details strong {
  margin-left: 10px;
}

.see-details i {
  padding: 12px 13px;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
}

.see-details i:hover {
  color: #fff;
  border-color: #1c40f2;
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
}

.header-icon-holder {
  display: flex;
  align-items: flex-start;
  justify-content: end;
}

.header-icon-holder::before {
  content: "";
  position: absolute;
  right: 0px !important;
  bottom: 7px;
  width: 70px;
  height: 2px;
  background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
}

.title-icon {
  height: 50px;
  width: 50px;
  object-fit: contain;
  margin: 0px 10px;
}

.title-icon img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.services-name {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0px;
  color: #1455f3;
}

.space-bottom {
  margin-bottom: 25px;
  padding: 0px 28px;
}

.righti {
  direction: rtl;
}

.righti .header-icon-holder {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.gt-title {
  margin-bottom: 0px;
  font-weight: 600;
}

.tg-title {
  margin-bottom: 0px;
  font-weight: 600;
}

.no-dis {
  display: none;
}

.mobile-show {
  display: none;
}

.change-languages {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background: url(/assets/images/flag/usa.webp);
  background-position: 0 0;
  background-size: cover;
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.26);
}

.dark .change-languages {
  background: url(/assets/images/flag/irn.webp);
  background-position: 0 0;
  background-size: cover;
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.container-select-language {
  display: flex;
  align-items: center;
  position: relative;
  width: max-content;
  background: #ffffff;
  border: 1px solid #98cfff;
  border-radius: 5px;
  padding: 5px 20px;
  transition: all linear 0.5s;
}

.container-select-language .items-top-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  min-width: 60px;
}

.container-select-language .items-top-footer:hover {
  color: gray;
}

.container-select-language .items-top-footer p {
  text-transform: uppercase;
  margin-right: 5px;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  font-weight: 600;
  color: black;
  display: block;
  transition: 0.4s;
  user-select: none;
}

.container-select-language .items-top-footer i {
  font-size: 10px;
  margin-right: 2px;
}

.container-select-language .items-top-footer:hover p {
  color: #215789;
}

.container-select-language .items-top-footer:hover svg {
  fill: #215789;
}

.container-select-language .items-top-footer svg {
  height: 10px;
  width: 10px;
  margin-left: 17px;
  transition: 0.4s;
}

.container-select-language .drop-down-language {
  position: absolute;
  top: 50px;
  right: 0px;
  background: white;
  border-radius: 1px;
  padding: 5px 10px;
  display: none;
  height: fit-content;
  min-width: 103px;
  z-index: 1;
  box-shadow: 2px 2px 9px -2px #111111;
  opacity: 0;
  border-radius: 5px;
}

.btn-drop {
  display: flex;
  align-items: center;
}

.drop-down-language ul {
  padding: 0px;
  margin-bottom: 0px;
}

.container-select-language .drop-down-language.active {
  display: block;
  opacity: 1;
  padding-top: 10px;
}

.container-select-language .drop-down-language ul a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(152, 207, 255, 0.6352941176);
}

.container-select-language .drop-down-language ul a:last-child {
  border-bottom: none;
}

.container-select-language .drop-down-language ul a {
  padding: 8px 2px;
  display: flex;
  align-items: center;
  transition: 0.4s;
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: black;
}

.container-select-language .drop-down-language ul li:hover {
  padding-left: 5px;
}

.container-select-language .drop-down-language ul li img,
.container-select-language .items-top-footer img {
  width: 25px;
  object-fit: cover;
}

.container-select-language .drop-down-language ul li a:hover {
  color: #215789;
  text-decoration: none;
}

@media only screen and (max-width: 480px) {
  .error-404 .error-404-404 {
    height: 122px;
    line-height: 122px;
  }
  .error-404 .error-404-404 h1 {
    font-size: 85px;
  }
  .error-404 h2 {
    font-size: 18px;
  }
  .error-404 p {
    font-size: 14px;
  }
  #error-404 .error-404 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 35px;
  }
}
.project-heaher {
  height: 350px;
  background: linear-gradient(278.54deg, #0024d7 15.93%, #000a3b 98.7%);
}

select {
  width: 100%;
  outline: none;
  border: 1px solid #fff;
  padding: 1rem;
  font-size: 12px;
  border-radius: 0.5rem;
  box-shadow: 0 1px 4px rgba(146, 161, 176, 0.15);
  cursor: pointer;
  width: 100%;
  height: 50px !important;
  color: #ffffff;
  border: 1px solid rgba(0, 29, 172, 0.1843137255);
  border-radius: 6px;
  background-color: #ffffff;
  margin-bottom: 10px;
  padding-right: 20px;
}

.u-customDropdown:after {
  content: "e";
  color: #000;
  left: 20px;
  z-index: 0;
  background: #fff;
  background-size: 50px;
}

select {
  background-color: white;
  /* inline SVG */
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A%23424242%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A");
  background-position: left 15px center;
  background-repeat: no-repeat;
  background-size: auto 40%;
  color: #8d8d8d;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

select:focus,
select:hover {
  outline: none;
  border: 1px solid rgba(0, 4, 255, 0.329);
}

option {
  color: #000;
  font-size: 14px;
  line-height: 28px;
  padding: 20px;
}

.ham-title {
  font-size: 32px;
}

.nim-cil-hm {
  height: 0px;
}

.nim-cil-hm img {
  height: 300px;
  z-index: -1;
  position: absolute;
  top: -220px;
  left: 90px;
}

.bg-style {
  background: #fff !important;
}

.gif {
  height: 0px;
  display: flex;
  justify-content: flex-end;
}

.gif img {
  height: 260px;
  z-index: 1;
  position: absolute;
  top: -150px;
}

.new-state {
  position: relative;
}

.wave-heading {
  position: absolute;
  top: -100px;
}

.wave-heading {
  height: 100px;
  width: 100%;
}

.wave-heading img {
  height: 100%;
  width: 100%;
}

.particle-network-animation {
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  height: 600px;
  top: 76px;
  overflow: hidden;
  background-color: rgba(23, 23, 23, 0);
  opacity: 0.7;
  /* background-color: transparent; */
}

.particle-network-animation::before {
  z-index: -2;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.9;
}

.blur_motion {
  animation: B 8s linear infinite;
  -moz-animation: B 8s linear infinite;
  /* Firefox */
  -webkit-animation: B 8s linear infinite;
  /* Safari and Chrome */
  -o-animation: B 8s linear infinite;
  /* Opera */
}

@keyframes B {
  0% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  16.6666666667% {
    -webkit-filter: blur(4px);
    filter: blur(2px);
  }
  33.3333333334% {
    -webkit-filter: blur(8px);
    filter: blur(2px);
  }
  50% {
    -webkit-filter: blur(0px);
    filter: blur(2px);
  }
  66.6666666668% {
    -webkit-filter: blur(8px);
    filter: blur(2px);
  }
  83.3333333335% {
    -webkit-filter: blur(4px);
    filter: blur(2px);
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
}
.over-page-errpr {
  background: hsl(283, 83%, 86%);
  background: linear-gradient(90deg, hsl(283, 83%, 86%) 0%, hsl(105, 11%, 85%) 100%);
  background: -moz-linear-gradient(90deg, hsl(283, 83%, 86%) 0%, hsl(105, 11%, 85%) 100%);
  background: -webkit-linear-gradient(180deg, hsl(283, 83%, 86%) 0%, rgb(201, 229, 255) 100%);
  height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.email-send {
  min-height: 200px;
  display: flex;
  position: relative;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.box-alert {
  margin-top: 200px;
}

.bg-glass {
  width: 60%;
  -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.1);
  box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.062);
  background-color: rgb(255, 255, 255);
  border-radius: 20px;
  display: flex;
  justify-content: center;
  height: 400px;
  overflow: hidden;
  opacity: 1;
  animation: 1.5s formInAnim cubic-bezier(0.03, 1.08, 0.71, 0.95) forwards;
  animation-delay: 1s;
}

.bg-glass {
  position: relative;
  background: rgba(255, 255, 255, 0.2117647059);
  overflow: hidden;
  width: 70%;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.01), 0 6px 20px rgba(0, 0, 0, 0);
  z-index: 10000000;
  height: 450px;
  background-image: url(/assets/images/vectors/Group\ 15.webp);
  background-size: 300px;
  background-repeat: no-repeat;
  background-position: top right;
}

.num-error {
  height: 200px;
  width: 200px;
  margin-top: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.441);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.01), 0 6px 20px rgba(0, 0, 0, 0);
}

.bg-access {
  display: flex;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
  height: 450px;
  background-image: url(/assets/images/vectors/Group\ 30.webp);
  background-size: 300px;
  background-repeat: no-repeat;
  background-position: bottom left;
  flex-direction: column;
  align-items: center;
}

.text-btn h3 {
  font-size: 30px;
  font-family: "reyhaneh";
  text-align: right;
  direction: rtl;
  margin-top: 20px;
  color: #070168;
}

.come-back {
  padding: 8px 30px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 20px;
  margin-top: 20px;
  background: hsl(283, 83%, 86%);
  background: linear-gradient(90deg, hsl(283, 83%, 86%) 0%, hsl(105, 11%, 85%) 100%);
  background: -moz-linear-gradient(90deg, hsl(283, 83%, 86%) 0%, hsl(105, 11%, 85%) 100%);
  background: -webkit-linear-gradient(180deg, hsl(283, 83%, 86%) 0%, rgb(164, 211, 255) 100%);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.01), 0 6px 20px rgba(0, 0, 0, 0);
}

.num-error h3 {
  font-size: 90px;
  font-weight: 600;
  font-family: "reyhaneh";
  text-transform: uppercase;
  background: linear-gradient(to right, #308dd0 0%, #070067 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.not-top {
  top: 0px !important;
}

.email {
  position: absolute;
  top: -100px;
  height: 120px;
  width: 120px;
  background: linear-gradient(278.54deg, #d6ddff 15.93%, #c8e2ff 98.7%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  outline: 6px solid #c8e2ff;
  outline-offset: 10px;
}

.white-env {
  font-size: 42px;
  color: #1c40f2;
}

.withe-check {
  font-size: 21px;
  position: absolute;
  color: #ffffff;
  top: 42px;
  right: 48px;
}

.text-send {
  margin-top: 70px;
  margin-bottom: 50px;
  text-align: center;
  direction: rtl;
}

.send-txt {
  font-weight: 600;
  margin-bottom: 10px;
}

.bdt-timeline-container {
  display: flow-root;
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
  margin-top: 50px;
  position: relative;
}
.bdt-timeline-container .tag-slider {
  padding-left: 0;
}
.bdt-timeline-container .tag-slider a {
  font-size: 30px;
  font-weight: 800;
  word-spacing: 5px;
  color: rgba(38, 36, 103, 0.1294117647);
}

.more {
  position: absolute;
  top: -0.375rem;
  right: 0;
  width: 82px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--clr-white);
  padding: 0.625rem 0 0.625rem 0.625rem;
  border-bottom-left-radius: 1rem;
  z-index: 2;
}

.more::before {
  position: absolute;
  content: "";
  top: 0.375rem;
  left: -1.188rem;
  background: transparent;
  width: 1.2rem;
  height: 1.2rem;
  border-bottom-right-radius: 2rem;
  box-shadow: 0.313rem 0.313rem 0px 0.313rem var(--clr-white);
  transform: rotate(-90deg);
}

.more::after {
  position: absolute;
  content: "";
  bottom: -1.188rem;
  right: 15px;
  background: transparent;
  width: 1.2rem;
  height: 1.2rem;
  border-bottom-right-radius: 1rem;
  box-shadow: 0.313rem 0.313rem 0px 0.313rem var(--clr-white);
  transform: rotate(-90deg);
}

.more .arrow {
  width: 5.5rem;
  height: 55px;
  border: 0.125rem solid #c8c8c8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease-in-out;
}

.more .arrow:hover {
  background: var(--clr-black);
  border: 0.125rem solid var(--clr-black);
  color: var(--clr-white);
}

.more .arrow:hover svg {
  color: var(--clr-white);
}

.more svg {
  width: 1.063rem;
  color: var(--clr-black);
}

.tag-slider {
  position: absolute;
  bottom: -3px;
  left: 9px;
  width: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--clr-white);
  border-radius: 0;
  padding: 18px 20px;
  border-top-right-radius: 20px;
  z-index: 2;
}

.tag-slider::before {
  position: absolute;
  content: "";
  top: -33px;
  left: 6px;
  background: transparent;
  width: 33px;
  height: 33px;
  border-bottom-right-radius: 1.5rem;
  box-shadow: 0.313rem 0.313rem 0px 0.313rem var(--clr-white);
  transform: rotate(90deg);
}

.tag-slider::after {
  position: absolute;
  content: "";
  bottom: 3px;
  right: -32px;
  background: transparent;
  width: 32px;
  height: 32px;
  border-bottom-right-radius: 1.5rem;
  box-shadow: 0.313rem 0.313rem 0px 0.313rem var(--clr-white);
  transform: rotate(90deg);
}

.upk-salf-slider-wrapper {
  display: flex;
  flex-direction: row;
  background: #fff;
  height: 400px;
  padding: 30px;
  position: relative;
  z-index: 0;
}

.upk-salf-slider-wrapper .upk-salf-item {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
}

.upk-salf-slider-wrapper .upk-salf-item.swiper-slide-active .upk-salf-title,
.upk-salf-slider-wrapper .upk-salf-item.swiper-slide-active .upk-salf-desc,
.upk-salf-slider-wrapper .upk-salf-item.swiper-slide-active .upk-salf-button {
  opacity: 1;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-image-wrap {
  height: 100%;
  width: 100%;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-xanc-img {
  display: block;
  width: 100%;
  height: 800px;
  -o-object-fit: cover;
  object-fit: cover;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-content-wrap {
  position: absolute;
  right: 0;
  bottom: 0;
  top: unset;
  max-width: 460px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.5411764706);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  transition: -webkit-backdrop-filter 0.9s;
  transition: backdrop-filter 0.9s;
  transition: backdrop-filter 0.9s, -webkit-backdrop-filter 0.9s;
  padding: 20px;
  padding-left: 20px;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-title {
  font-size: 23px;
  font-weight: 700;
  line-height: 1.2;
  color: #2b2d42;
  text-transform: capitalize;
  margin-bottom: 20px;
  opacity: 0;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-desc {
  color: #000;
  font-size: 14px;
  line-height: 1.6;
  text-transform: capitalize;
  margin-bottom: 20px;
  opacity: 0;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-desc p {
  font-size: 16px;
}

.team-des {
  z-index: 1;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button {
  opacity: 0;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link {
  color: #2b2d42;
  cursor: pointer;
  font-weight: 500;
  text-decoration: none;
  text-transform: capitalize;
  font-size: 12px;
  transition: all 0.3s ease;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link:hover {
  color: #E62924;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed {
  display: inline-block;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed .arrow-icon {
  position: relative;
  top: 0;
  transition: transform 0.3s ease;
  vertical-align: middle;
  transform: rotate(180deg);
  margin-right: 12px;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed .arrow-icon--circle {
  transition: stroke-dashoffset 0.3s ease;
  stroke-dasharray: 95;
  stroke-dashoffset: 95;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed g {
  stroke: currentColor;
  color: #2b2d42;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed:hover .arrow-icon {
  transform: translate3d(5px, 0, 0);
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed:hover .arrow-icon--circle {
  stroke-dashoffset: 0;
}

.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed:hover g {
  color: #E62924;
}

.upk-salf-slider-wrapper .upk-page-scroll {
  position: absolute;
  bottom: 8%;
  right: 5%;
  transform: rotate(90deg);
  z-index: 1;
  display: none;
}

.upk-salf-slider-wrapper .upk-page-scroll .arrow-up {
  height: 70px;
  width: 70px;
  display: block;
  background: rgba(255, 255, 255, 0.7882352941);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  position: relative;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
  transform: rotate(-90deg);
  overflow: hidden;
}

.upk-salf-slider-wrapper .upk-page-scroll .arrow-slide {
  left: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  background: #E62924;
  position: absolute;
  display: block;
  z-index: 0;
}

.upk-salf-slider-wrapper .upk-page-scroll .long-arrow-left {
  display: block;
  margin: 30px auto;
  width: 16px;
  height: 16px;
  border-top: 2px solid #2b2d42;
  border-left: 2px solid #2b2d42;
}

.upk-salf-slider-wrapper .upk-page-scroll .long-arrow-left {
  transform: rotate(-135deg);
}

.upk-salf-slider-wrapper .upk-page-scroll .long-arrow-left::after {
  content: "";
  display: block;
  width: 2px;
  height: 25px;
  background-color: #2b2d42;
  transform: rotate(-45deg) translate(8px, 3px);
  left: 0;
  top: 0;
}

.upk-salf-slider-wrapper .upk-page-scroll .arrow-up:hover {
  transition: all 0.1s;
}

.upk-salf-slider-wrapper .upk-page-scroll .arrow-up:hover .left-arm:after {
  transform: rotate(-10deg);
}

.upk-salf-slider-wrapper .upk-page-scroll .arrow-up:hover .right-arm:after {
  transform: rotate(10deg);
}

.upk-salf-slider-wrapper .upk-page-scroll .arrow-up:hover .arrow-slide {
  transition: all 0.5s ease-in-out;
  transform: translateY(200%);
}

.upk-salf-slider-wrapper .upk-salf-nav-pag-wrap {
  position: absolute;
  top: 0;
  height: 100%;
  left: 30px;
}

.upk-salf-slider-wrapper .upk-salf-navigation {
  margin-top: 40px;
  margin-right: 2px;
}

.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed {
  display: inline-block;
}

.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed .arrow-icon {
  position: relative;
  top: 0;
  transition: transform 0.3s ease;
  vertical-align: middle;
}

.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed .arrow-icon--circle {
  transition: stroke-dashoffset 0.3s ease;
  stroke-dasharray: 95;
  stroke-dashoffset: 95;
}

.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed g {
  stroke: currentColor;
  color: #2b2d42;
}

.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed:hover .arrow-icon {
  transform: translate3d(5px, 0, 0);
}

.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed:hover .arrow-icon--circle {
  stroke-dashoffset: 0;
}

.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed:hover g {
  color: #E62924;
}

.upk-salf-slider-wrapper .upk-salf-navigation .upk-button-next {
  margin-top: 15px;
  transform: rotate(90deg);
}

.upk-salf-slider-wrapper .upk-salf-navigation .upk-button-prev {
  transform: rotate(-90deg);
}

.upk-salf-slider-wrapper .upk-salf-pagi-wrap {
  position: absolute;
  top: 43%;
  left: 0;
  margin-right: 22px;
}

@-webkit-keyframes progress {
  0% {
    stroke-dashoffset: 75;
    opacity: 1;
  }
  95% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
    stroke-dashoffset: 0;
  }
}
@keyframes progress {
  0% {
    stroke-dashoffset: 75;
    opacity: 1;
  }
  95% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
    stroke-dashoffset: 0;
  }
}
.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet {
  background-color: transparent;
  opacity: 0.8;
}

.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet--svg-animation {
  width: 20px;
  height: 20px;
  margin: 6px -7px;
  display: inline-block;
}

.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet--svg-animation svg {
  transform: rotate(-90deg);
}

.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet--svg-animation .svg__circle-inner {
  stroke: #fff;
  fill: transparent;
  transition: all 0.3s ease;
}

.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet-active .svg__circle {
  stroke: #e62924;
  stroke-dasharray: 75;
  stroke-dashoffset: 0;
  -webkit-animation: progress 4s ease-in-out 1 forwards;
  animation: progress 4s ease-in-out 1 forwards;
}

.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet-active .svg__circle-inner {
  fill: #fff;
  stroke: #e62924;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(239, 241, 253, 0.11), rgba(219, 225, 252, 0.34));
}

.swiper-container {
  width: 100%;
  border-radius: 15px;
}

.some-padding-space {
  padding: 0px 20px;
  display: flex;
  justify-content: center;
}

@media (min-width: 768px) {
  .upk-salf-slider-wrapper {
    height: 550px;
    padding: 60px;
  }
  .upk-salf-slider-wrapper .upk-page-scroll {
    bottom: 4%;
    display: inherit;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-title {
    font-size: 40px;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-content-wrap {
    max-width: 400px;
    padding: 40px;
    padding-left: 0;
    top: 50%;
    transform: translateY(-50%);
    bottom: unset;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-image-wrap {
    width: 100%;
  }
  .upk-salf-slider-wrapper .upk-salf-navigation {
    margin-top: 60px;
    margin-right: 20px;
  }
  .upk-salf-slider-wrapper .upk-salf-pagi-wrap {
    margin-right: 47px;
  }
  .upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet--svg-animation {
    margin: 6px 0;
  }
}
@media (min-width: 1024px) {
  .upk-salf-slider-wrapper {
    height: 650px;
    padding: 70px;
  }
  .upk-salf-slider-wrapper .upk-page-scroll {
    bottom: 9%;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-title {
    font-size: 50px;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-content-wrap {
    max-width: 460px;
    padding: 50px;
    padding-left: 0;
    padding: 50px;
    margin: 0px 70px;
    border-radius: 15px;
    direction: rtl;
    text-align: right;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-desc {
    font-size: 16px;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link {
    font-size: 14px;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-image-wrap {
    width: 100%;
  }
  .upk-salf-slider-wrapper .upk-salf-navigation {
    margin-top: 85px;
    margin-right: 30px;
  }
  .upk-salf-slider-wrapper .upk-salf-pagi-wrap {
    margin-right: 53px;
  }
  .upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet--svg-animation {
    margin: 6px -5px;
  }
}
.sectionWrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.swiper {
  width: 100%;
  height: 100%;
  padding: 0px 20px;
  overflow: hidden;
}

.swiper .parallax-bg {
  position: absolute;
  right: -5%;
  top: -10%;
  width: 200%;
  height: 200%;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

.swiper .swiper-wrapper {
  align-items: center;
}

.swiper .swiper-slide {
  position: relative;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  border-radius: 7px;
  padding: 10px;
  margin: 0;
  cursor: grab;
  user-select: none;
  text-wrap: pretty;
}

.brand-section .swiper-slide-active:before {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 80px;
  height: 80px;
  border-bottom: 2px solid #dce2fb;
  border-right: 2px solid #dce2fb;
  border-radius: 0 0 7px 0;
  content: "";
  transition: all 0.3s ease;
}
.brand-section .swiper-slide-active:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  border-top: 2px solid #dce2fb;
  border-left: 2px solid #dce2fb;
  border-radius: 7px 0 0 0;
  content: "";
  transition: all 0.3s ease;
}
.brand-section .swiper-slide-active figcaption:after {
  background: rgb(255, 230, 233) !important;
}

.swiper .swiper-slide:hover::before,
.swiper .swiper-slide:hover::after {
  width: 170px;
  height: 170px;
  transition: all 0.3s ease;
}

.swiper .swiper-slide .cardPopout {
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
  border-radius: 7px;
  padding: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.workshop-swiper .swiper-slide .cardPopout {
  width: 100%;
  height: 100%;
  background-color: rgba(221, 221, 221, 0) !important;
  border-radius: 7px;
  padding: 0px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.workshop-swiper .swiper-slide .cardPopout .w-absolute {
  height: 212px;
  position: relative;
  top: -5px;
}
.workshop-swiper .swiper-slide .cardPopout .cart-wrappering .cart-img {
  border-radius: 4px;
  height: 205px;
  width: 100%;
  object-fit: cover;
}
.workshop-swiper .swiper-slide .cardPopout .workshop-cart {
  margin-bottom: 35px;
  text-align: right;
  height: 28rem !important;
  padding: 15px;
  background-color: #ffffff !important;
  border-radius: 4px;
  border: 2px solid #efdce1 !important;
  box-shadow: 0px 1.60568px 61.0158px rgba(0, 0, 0, 0.05);
  background-image: url(../images/vectors/flower-box.png) !important;
  background-size: 100px !important;
  background-position: -20px 250px;
  background-repeat: no-repeat;
  width: 275px;
}
.workshop-swiper .swiper-slide .cardPopout .workshop-samples .swiper .swiper-slide.swiper-slide-active::after .swiper .swiper-slide::before {
  position: absolute;
  bottom: 36px;
  right: 2px;
  width: 30px;
  height: 30px;
  border-bottom: 2px solid #f56295;
  border-right: 2px solid #f1739d;
  border-radius: 0 0 7px 0;
  content: "";
  transition: all 0.3s ease;
}

.swiper .swiper-slide img {
  margin-bottom: 25px;
  border-radius: 5px;
}

.swiper .swiper-slide h2 {
  font-size: 20px;
  line-height: 27px;
  font-family: Sarbaz;
  border-bottom: 1px solid rgba(39, 131, 118, 0.1);
  padding: 5px 0;
  padding-bottom: 10px;
  margin: 0 0 7px 0;
  text-align: right;
  width: 100%;
}

.swiper .swiper-slide h4 {
  font-size: 13px;
  line-height: 120%;
  font-weight: 600;
  margin: 0 0 13px 0;
  color: #2A2366;
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(234, 238, 255, 0.33), rgba(0, 0, 0, 0));
}

.swiper .swiper-slide figcaption {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  margin: 0 0 20px 0;
  padding-left: 0px;
  border-left: 2px solid white;
  position: relative;
  z-index: 0;
}
.swiper .swiper-slide figcaption :after {
  background: rgb(231, 235, 253);
  position: absolute;
  top: 105%;
  left: 10%;
  content: "";
  width: 30%;
  height: 30%;
  border-radius: 50%;
  filter: blur(26px);
  z-index: -1;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.swiper .swiper-slide figcaption p {
  color: #2a2a2a;
  margin: 0;
  font-size: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  text-align: justify;
  line-height: 24px;
  -webkit-box-orient: vertical;
  overflow: hidden;
  letter-spacing: 0;
  font-weight: 500;
  text-align: justify;
  direction: rtl;
}

.swiper .swiper-slide a.course-more-btn {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 5px 10px;
  background-color: #2A2366;
  border: 1px solid rgba(224, 228, 252, 0.2509803922);
  color: #FFF;
  border-radius: 3px;
  text-decoration: none;
  overflow: hidden;
  z-index: 1000 !important;
  transition: all 0.6s ease !important;
  flex-direction: row-reverse;
  margin-top: 10px;
  align-items: center;
  padding-top: 8px;
}
.swiper .swiper-slide a.course-more-btn i {
  margin-right: 5px;
}

.swiper .swiper-slide a.course-more-btn:hover {
  color: rgb(255, 255, 255);
  transition: all 0.6s ease;
}

.swiper .swiper-slide a.course-more-btn::after {
  position: absolute;
  right: 100%;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #2a2366;
  color: #fff;
  content: "";
  z-index: -1;
  transition: all 0.6s ease;
}

.swiper .swiper-slide a.course-more-btn:hover::after {
  right: 0;
  transition: all 0.6s ease;
}

.swiper .swiper-slide a.course-more-btn svg {
  width: 23px;
  height: auto;
  fill: white;
  margin-left: 5px;
  transition: all 0.6s ease;
}

.swiper .swiper-slide a.course-more-btn:hover svg {
  margin-left: 10px;
  fill: black;
  transition: all 0.6s ease;
}

.swiper .swiper-scrollbar {
  --swiper-scrollbar-bottom: 0px;
  --swiper-scrollbar-size: 10px;
}

@media (max-height: 550px) {
  .swiper .swiper-slide figcaption p {
    -webkit-line-clamp: 2;
  }
}
@media (max-height: 490px) {
  .swiper .swiper-slide figcaption p {
    -webkit-line-clamp: 1;
  }
}
@media (max-height: 460px) {
  .swiper .swiper-slide figcaption p {
    display: none;
  }
  .swiper .swiper-slide h4 {
    margin: 0;
  }
}
@media (max-height: 430px) {
  .swiper .swiper-wrapper {
    position: relative;
    bottom: 6px;
  }
}
@media (max-width: 750px) {
  .swiper .parallax-bg {
    width: 320%;
  }
}
.sectionWrapper {
  border-radius: 10px;
  margin-top: 0px;
  margin-bottom: 40px;
}

.row-curved {
  height: 70px;
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(213, 222, 255, 0.238), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to left, rgba(213, 222, 255, 0.238), rgba(0, 0, 0, 0));
}

.shop-img {
  height: 220px;
  width: 100%;
  object-fit: cover;
  margin-bottom: 20px;
}
.shop-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.around-padding {
  padding: 0px 10px;
}

.wrapp-half-ads {
  display: inline-block;
  border-radius: 10px;
  height: 170px;
  width: 100%;
  object-fit: cover;
  margin-bottom: 20px;
}
.wrapp-half-ads img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.line-row {
  width: 100%;
  height: 1px;
  background: #f2f4ff;
}

.test-margin {
  margin-bottom: 150px;
}

@media (min-width: 1440px) {
  .upk-salf-slider-wrapper {
    height: 700px;
    padding: 0px 0px;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-title {
    font-size: 30px;
    font-family: Sarbaz;
    font-weight: 600;
    line-height: 45px;
    color: #2A2366;
  }
}
.button {
  background: #f00;
  padding: 18px 20px;
  text-transform: uppercase;
  margin-top: 50px;
  margin-bottom: 50px;
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  color: #fff;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@media only screen and (min-width: 1460px) {
  .max {
    /* max-width: 1600px; */
    margin-top: 0px;
  }
  .social-teams {
    top: 39%;
    z-index: 1;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 8000px) {
  .second-hidden,
  .social-teams {
    display: none;
    background: none !important;
    box-shadow: none !important;
  }
}
@media only screen and (min-width: 1347px) and (max-width: 1366px) {
  .max {
    /* max-width: 1350px;*/
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1346px) {
  .img-slide {
    width: 1300px !important;
    margin-top: 20px;
  }
  .second-hidden {
    display: none;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1025px) {
  .second-hidden {
    display: none;
  }
  .name-blog {
    height: 100px;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1025px) {
  .second-hidden {
    display: none;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1335px) {
  .second-hidden {
    display: none;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1025px) {
  .second-hidden {
    display: none;
  }
}
@media only screen and (min-width: 1347px) and (max-width: 1366px) {
  .max {
    /*     max-width: 1350px;*/
    margin-top: 0px;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1280px) {
  .titles {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 0px;
  }
  .stranger-padding {
    padding: 0px 40px;
  }
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
  .car-img {
    height: 555px;
    width: 100%;
    object-fit: cover;
  }
  .contact-us-row {
    height: 440px;
    background-position: 0 0;
    background-image: url(/assets/images/header/contact-us.svg);
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    direction: rtl;
    padding: 30px;
  }
  .box-video {
    position: relative;
    width: 100%;
    margin: 0 auto 0px auto;
    cursor: pointer;
    overflow: hidden;
    height: 150px;
    width: 200px;
    border-radius: 12px;
  }
  .stranger-padding {
    padding: 0px 25px;
  }
  .wrapp-contact p {
    font-size: 12px;
  }
  .wrapp-contact {
    padding: 0 10px 30px 10px;
    margin-bottom: 60px;
    background: #ffffff;
    -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
    box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
    display: flex;
    flex-direction: column;
    border-radius: 10px;
  }
  .services-box-wrapp {
    box-shadow: 0px 0px 8px 5px rgba(22, 22, 22, 0.03);
    display: flex;
    width: 90%;
    direction: rtl;
    background-color: #fff;
    text-align: right;
    height: 216px;
    border-radius: 10px;
    align-items: center;
    flex-direction: column;
    padding: 10px;
    margin-bottom: 30px;
    z-index: 10;
  }
  .titles {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 0px;
  }
  .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 60px;
    left: 0%;
    width: 100%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: right;
  }
}
/*ipod pro */
@media (max-width: 991px) {
  .products-container .product-captions h3 {
    font-size: 18px;
  }
  .products-container .product-captions ul {
    padding-right: 0;
  }
  .team-carts {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .card {
    position: ralative;
    overflow: hidden;
    height: 100%;
    -webkit-box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
    box-shadow: 0px 1px 3px 1px rgba(2, 45, 98, 0.1);
    border: none;
    margin-bottom: 30px;
  }
  .padding-team-cart {
    margin: 5px;
  }
  .intro-box {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    align-content: flex-start;
    height: 100%;
    padding: 0px 20px;
    padding-left: 20px;
  }
  .wrapp-patern-1 {
    height: 350px;
    width: 370px;
    position: absolute;
    top: 15px;
    right: 45px;
    padding: 10px;
    padding-left: 20px;
  }
  .img-services {
    height: 60px;
    width: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
  }
  .servisec-t {
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 600;
    max-height: 34px;
    overflow: hidden;
  }
  .service-wrap-name {
    padding: 0px 0px;
    width: 100%;
  }
  .services-section {
    height: auto;
    border-radius: 8px;
    direction: rtl;
    padding: 20px 20px;
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .title-design h2 {
    font-size: 16px;
    display: flex;
    flex-direction: column;
  }
  .title-design h2 span {
    margin: 12px 0;
  }
  .about-us-box {
    border-radius: 8px;
    height: 170px !important;
    padding: 10px !important;
    justify-content: center;
    position: relative;
    z-index: 0;
  }
  .about-us-box strong {
    margin-bottom: 0;
  }
  .about-us-box h4 {
    font-size: 30px !important;
    height: 32px;
    margin-bottom: 10px;
    text-align: center;
  }
  .about-us-box p {
    font-size: 14px;
    line-height: 22px;
    text-align: right;
  }
  .wrap-about-photo {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    flex-direction: column;
    position: relative;
  }
  .rating-box {
    top: 304px;
    width: 115px;
    height: 115px;
    padding: 22px;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.22);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 1;
    right: -145px;
    border-radius: 8px;
    border: 1px solid rgba(147, 143, 176, 0.2);
  }
  .wrap-about-photo .big-about-photo {
    height: 450px;
    width: 100%;
    right: 0px;
  }
  .about-us-captions {
    padding-left: 0;
  }
  .title-design img {
    height: 30px;
    width: 30px;
    margin-left: 10px;
  }
  .title-design .title-line {
    margin-right: 15px;
    width: 15%;
  }
  .title-design h2 {
    font-size: 18px;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed .arrow-icon {
    position: relative;
    /* top: 0; */
    transition: transform 0.3s ease;
    vertical-align: middle;
    transform: rotate(181deg);
    margin-right: 12px;
  }
  .upk-salf-slider-wrapper {
    height: 480px;
  }
  .bdt-timeline-container .tag-slider a {
    font-size: 16px;
    font-weight: 500;
    word-spacing: 5px;
    color: #2A2366;
  }
  .upk-salf-slider-wrapper {
    padding: 0px !important;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.8;
    color: #2b2d42;
    margin-bottom: 20px;
    font-family: "Sarbaz";
    text-align: right;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-desc {
    color: #000;
    font-size: 13px;
    line-height: 1.6;
    text-transform: capitalize;
    margin-bottom: 5px;
    text-align: right;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-content-wrap {
    position: absolute;
    right: 52px;
    bottom: 150px;
    top: unset;
    max-width: 240px;
    padding: 8px;
    border-radius: 8px;
  }
  .wrapp-heaader-top strong {
    display: none;
  }
  .nav-links > .logo {
    display: none;
  }
  .wrap-about-photo .big-about-photo .more-2 {
    z-index: 0;
  }
  .owl-carousel {
    z-index: 0;
  }
  .more {
    z-index: 0;
  }
  .tag-slider {
    z-index: 0;
  }
  .product-holder {
    margin-top: 20px;
    height: 120px;
  }
  .car-img {
    height: 555px;
    width: 100%;
    object-fit: cover;
  }
  .topper {
    position: relative;
    top: -30px;
    right: -25px;
  }
  .wrapping-capt p {
    font-size: 12px;
  }
  .warranty-checker-header {
    height: 250px;
  }
  .guarantee-caption p {
    font-size: 12px;
    text-align: justify;
  }
  .wrapp-new-title {
    width: 100%;
  }
  .wrapp-new {
    display: flex;
    padding: 10px;
    direction: rtl;
    text-align: right;
    align-items: flex-start;
    transition: all cubic-bezier(0.75, -0.02, 0.37, 0.99) 0.4s;
    flex-direction: column;
  }
  .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 60px;
    left: 0%;
    width: 100%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: right;
  }
  .wrapp-numbric {
    height: 220px;
    border-radius: 10px;
    padding: 15px;
    margin: 10px;
  }
  .img-services img {
    height: 50px;
    margin: 10px 0px;
  }
  .capt-ser {
    font-size: 13px;
    line-height: 20px;
    text-align: right;
  }
  .services-box-wrapp {
    display: flex;
    direction: rtl;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
  }
}
/* ipod */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-holder {
    margin-top: 20px;
    height: 120px;
  }
  .capt-ser {
    font-size: 13px;
    line-height: 20px;
    text-align: right;
  }
  .blue-up {
    position: relative;
    top: 0px;
  }
  .new-head {
    line-height: 28px;
  }
  .revert-mind {
    padding: 30px;
  }
  .wrapp-sidebar {
    margin-top: 20px;
  }
  .vertical-logo {
    height: 45px;
    margin-right: 20px;
  }
  .first-num {
    font-size: 35px;
    font-weight: 600;
    color: #3779ff;
    margin-right: 1px;
  }
  .sec-num {
    font-size: 35px;
  }
  .title-op {
    text-align: center;
    font-size: 14px;
    height: 30px;
    overflow: hidden;
  }
  .titles p {
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
    height: 50px;
    line-height: 22px;
    overflow: hidden;
  }
  .titles {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 0px;
  }
  .blue-circle img {
    position: absolute;
    height: 280px;
    top: -340px;
    left: -27px;
    z-index: -1;
  }
  .blue-circle img {
    position: absolute;
    height: 280px;
    top: -340px;
    left: -27px;
    z-index: -1;
  }
  .webp-back {
    height: 380px;
    background-position: 0 0;
    background-size: cover;
  }
  .wrapping-img-about {
    height: 300px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 15px;
  }
  .sett-height {
    height: max-content;
    margin-bottom: 0px;
  }
  .iconic-box {
    height: 75px;
  }
  .servisec-t {
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 600;
  }
  .wrapping-text {
    direction: rtl;
    text-align: right;
    padding: 25px 20px;
    height: 80px;
    background: #fff;
    background-position-x: left;
    background-position-y: bottom;
    background-image: url(/assets/images/vectors/mb-circle-left.webp);
    background-repeat: no-repeat;
    background-size: 60px;
    box-shadow: -1px 5px 12px 5px rgba(74, 74, 74, 0.06);
    display: flex;
    position: relative;
    top: -690px;
    right: 0px;
    border-radius: 10px;
    align-items: center;
  }
  .services-sections {
    width: 100%;
    margin: 30px 0px;
    margin-bottom: -1px;
    background-color: #f8f9fa;
    background-position: left bottom;
    background-image: url(/assets/images/vectors/box-shape.webp);
    background-repeat: no-repeat;
    height: max-content;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .services-box-wrapp {
    box-shadow: 0px 0px 8px 5px rgba(22, 22, 22, 0.03);
    display: flex;
    width: 100%;
    direction: rtl;
    background-color: #fff;
    text-align: right;
    height: 216px;
    border-radius: 10px;
    align-items: center;
    flex-direction: column;
    padding: 10px;
    margin-bottom: 30px;
    z-index: 10;
  }
  .img-services img {
    height: 40px;
    margin: 10px 0px;
  }
  .last-gray {
    background-color: #f8f9fa;
    height: max-content;
    background-position-x: left;
    background-position-y: top;
    background-repeat: no-repeat;
    background-image: url(/assets/images/vectors/12.webp);
  }
  .setting-padding {
    padding-top: 0px;
    padding-bottom: 30px;
  }
  .it-wrapp-img {
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    object-fit: contain;
  }
  .end {
    display: flex;
    justify-content: flex-end;
  }
  .title-videos {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
  }
  .videos-bar {
    padding: 40px 0px;
    height: 400px;
    background-position: 0 0;
    background: url(/assets/images/header/wiwi.webp);
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 70px 0px;
    margin-top: 0px;
    justify-content: center;
  }
  .wrapp-first {
    width: 80%;
  }
  .day-d {
    height: 40px;
    width: 40px;
    padding: 10px;
    background: linear-gradient(95.45deg, #0080f8 0.64%, #1c40f2 98.23%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-left: 4px;
  }
  .day {
    font-family: sans-serif;
    font-size: 26px;
    font-weight: 900;
    color: #fff;
  }
  .month-d {
    height: 40px;
    width: max-content;
    padding: 10px;
    background: linear-gradient(95.45deg, #1c40f2 98.23%, #0080f8 0.64%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-left: 8px;
  }
  .wrapp-vip-project p {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    margin-bottom: 20px;
  }
  .logo {
    height: 40px;
  }
  .stranger-padding {
    padding: 0px 60px;
  }
  .calc-sett {
    margin-top: 0px !important;
    padding: 0px 30px;
  }
  .contact-us-row {
    height: 350px;
    background-position: center;
    background-image: url(/assets/images/header/contact-us.svg);
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    direction: rtl;
  }
  .box-video {
    position: relative;
    width: 100%;
    margin: 0 auto 0px auto;
    cursor: pointer;
    overflow: hidden;
    height: 150px;
    width: 200px;
    border-radius: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-holder {
    margin-top: 20px;
    height: 80px;
  }
  .img-scan {
    height: 150px;
    width: 140px;
  }
  .info-header-box h2 {
    font-size: 14px;
  }
  .stranger-padding {
    padding: 0px 60px;
  }
  .box-video {
    position: relative;
    width: 100%;
    margin: 0 auto 0px auto;
    cursor: pointer;
    overflow: hidden;
    height: 150px;
    width: 200px;
    border-radius: 12px;
  }
  .contact-us-row {
    height: 350px;
    background-position: center;
    background-image: url(/assets/images/header/contact-us.svg);
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    direction: rtl;
  }
  .videos-bar {
    padding: 40px 0px;
    height: auto;
    flex-direction: column;
    align-items: center;
    margin: 30px 0px;
    margin-top: 0px;
    justify-content: center;
  }
  .wrapp-first {
    width: 100%;
  }
  .display-linear {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 30px;
    flex-direction: column;
  }
  .shape-bg {
    margin-top: 35px !important;
    padding: 50px 0px;
    padding-bottom: 20px;
  }
  .pp-ro {
    margin-top: 20px;
    font-size: 13px;
    line-height: 25px;
    text-align: right;
    margin-bottom: 20px;
  }
  .see-all-pro {
    display: inline-block;
    font-weight: 600;
    border-radius: 5px;
    padding: 8px 30px;
    color: #ffffff;
    vertical-align: middle;
    overflow: hidden;
    font-size: 12px;
    background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  .footer-design {
    margin-top: 80px;
    padding: 0px 30px;
  }
  .footer-widget-heading h3 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 35px;
    position: relative;
    margin-top: 20px;
  }
  .page-header ul a {
    display: inline-block;
    font-size: 1.3rem;
    transition: color 0.35s ease-out;
    font-weight: 600;
  }
  .title-videos {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
  }
  .blue-circle img {
    position: absolute;
    height: 150px;
    top: -350px;
    left: -25px;
    z-index: -1;
  }
  .name-about {
    font-size: 16px;
  }
  .webp-back {
    height: 350px;
    background-position: 0 0;
    background-size: cover;
  }
  .sett-height {
    height: max-content;
    margin-bottom: 30px;
    padding: 40px 25px;
  }
  .services-sections {
    width: 100%;
    margin: 0px 0px;
    margin-bottom: -1px;
    background-color: #f8f9fa;
    background-position: left bottom;
    background-image: url(/assets/images/vectors/box-shape.webp);
    background-repeat: no-repeat;
    height: max-content;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .title-captions {
    display: flex;
    flex-direction: column;
    width: 90%;
  }
  .services-capt-p {
    font-size: 13px;
  }
  .services-title {
    padding: 10px 20px;
    padding-top: 10px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
  }
  .it-wrapp-img {
    height: 200px;
  }
  .last-gray {
    background-color: #f8f9fa;
    height: max-content;
    background-position-x: left;
    background-position-y: top;
    background-repeat: no-repeat;
    background-image: url(/assets/images/vectors/12.webp);
  }
  .end {
    display: flex;
    justify-content: flex-end;
  }
  .setting-padding {
    padding: 0px 35px;
    padding-bottom: 30px;
  }
  .vip-title {
    font-size: 16px;
    text-align: center;
    color: #001e50;
    font-weight: 600;
  }
  .wrapp-vip-project p {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 22px;
    text-align: right;
  }
  .vip-text h6 {
    font-size: 13px;
    margin-right: 20px;
    height: 40px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .each-vip {
    border-radius: 10px;
    margin: 5px 0px;
    display: flex;
    align-items: center;
  }
  .shape-bg {
    padding: 0px 20px;
  }
  .services-box-wrapp {
    width: 100%;
    margin-bottom: 0px;
    padding: 10px;
    height: 210px;
  }
  .servisec-t {
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 600;
    height: 35px;
    overflow: hidden;
  }
  .no-padding {
    padding: 5px;
  }
  .row-ser {
    padding: 15px 15px;
  }
  .img-services img {
    height: 40px;
    margin: 10px 0px;
  }
  .wrapping-text {
    direction: rtl;
    text-align: right;
    padding: 25px 20px;
    height: 70px;
    background: #fff;
    background-position-x: left;
    background-position-y: bottom;
    background-image: url(/assets/images/vectors/mb-circle-left.webp);
    background-repeat: no-repeat;
    background-size: 60px;
    box-shadow: -1px 5px 12px 5px rgba(74, 74, 74, 0.06);
    display: flex;
    position: relative;
    top: -622px;
    right: 0px;
    border-radius: 10px;
    align-items: center;
  }
  .dotti img {
    position: absolute;
    right: 0px;
    height: 57px;
    top: -67px;
  }
  .iconic-box {
    width: 100%;
    background-color: #ecf5fd;
    box-shadow: -1px 5px 12px 5px rgba(137, 157, 255, 0.04);
    padding: 10px 20px;
    border-radius: 10px;
    height: 80px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 14px;
  }
  .tg {
    font-size: 13px;
    margin: 10px 0px;
    line-height: 22px;
  }
  .wrapping-img-about {
    height: 230px;
    margin-bottom: 15px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
  }
  .boxes-title {
    font-size: 16px;
  }
  .first-num {
    font-size: 30px;
  }
  .sec-num {
    font-size: 30px;
  }
  .title-op {
    text-align: center;
    font-size: 14px;
    height: 25px;
    overflow: hidden;
  }
  .titles p {
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
    height: 50px;
    line-height: 22px;
    overflow: hidden;
  }
  .caption-boxs {
    padding: 0px 40px;
    padding-bottom: 0;
  }
  .caption-title {
    direction: rtl;
    text-align: right;
    font-size: 20px;
    color: #fff;
    text-shadow: 4px 4px 8px hsla(0, 0%, 0%, 0.5);
  }
  .titles p {
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
  }
  .titles {
    padding: 0px;
  }
  .titles p {
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
  }
  .caption-comment {
    padding: 10px 0px;
    color: #fff;
    text-align: right;
    font-size: 12px;
    line-height: 20px;
    text-shadow: 4px 4px 8px hsla(0, 0%, 6%, 0.5);
  }
  .wrapping-capt {
    margin-bottom: 10px;
  }
  .carousel-caption {
    position: absolute;
    right: 8%;
    bottom: 70px;
    left: 3%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
  }
  .vertical-logo {
    height: 40px;
    margin: 0px 10px;
  }
  .logo {
    height: 40px;
  }
  .stranger-padding {
    padding: 0px 30px;
  }
  .car-img {
    height: 300px;
    width: 100%;
    object-fit: cover;
  }
  .full-slider-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 265px !important;
  }
  .be-end img {
    height: 150px;
  }
  .blog-header {
    height: 150px;
    background: linear-gradient(278.54deg, #001dac 15.93%, #2A2366 98.7%);
    margin-bottom: 100px;
  }
  .wrapp-sidebar {
    margin-top: 20px;
  }
  .icon-contact {
    position: relative;
    width: 50px;
    height: 50px;
    background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
    -webkit-box-shadow: 0px 10px 25px rgba(0, 130, 248, 0.6);
    box-shadow: 0px 10px 25px rgba(0, 130, 248, 0.6);
    z-index: 1;
    margin-top: -45px;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
  }
  .icon-contact img {
    height: 25px;
  }
  .wrapp-contact {
    padding: 0 30px 30px 30px;
    margin-bottom: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
    box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
    display: flex;
    flex-direction: column;
    border-radius: 10px;
  }
  .sup-topper {
    position: relative;
    top: 0px;
  }
  .hm2-explore-btn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 112px;
    height: 4px;
    background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  }
  .icon-holder {
    background-color: rgba(28, 64, 242, 0.1);
    border-radius: 50%;
    padding: 10px;
    margin-bottom: 10px;
    height: 60px;
    width: 60px;
    object-fit: contain;
  }
  .wrapp-about-cart {
    -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.1);
    box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.1);
    border-radius: 10px;
    padding: 25px 15px;
    margin-top: 30px;
    direction: rtl;
    background: #fff;
    height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
  }
  .tl-ab {
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    color: rgb(38, 2, 183);
    margin-bottom: 15px;
  }
  .ordering-2 {
    order: 2;
  }
  .ordering-1 {
    order: 1;
  }
  .nim-ril img {
    position: absolute;
    top: -50px;
    left: -20px;
  }
  .gray-bg {
    background-color: #eff1fe;
    padding-top: 50px;
    padding-bottom: 30px;
    margin-bottom: 80px;
  }
  .wrapp-award {
    display: flex;
    direction: rtl;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #eff1fe;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-bottom: 30px;
    padding: 30px 20px;
    border-radius: 10px;
    margin: 20px 0px;
    text-align: right;
    align-items: center;
    flex-direction: column;
  }
  .time-line {
    text-align: center;
    padding: 0px 0px;
    padding-left: 0px;
    font-size: 18px;
    /* font-family: sans-serif; */
  }
  .nim-cil img {
    position: absolute;
    right: -20px;
    bottom: -25px;
    height: 55px;
  }
  .stranger-padding {
    padding: 0px 60px;
  }
  .capt-ra {
    text-align: justify;
  }
  .wrapping-about-mini p {
    text-align: justify;
  }
  .wrapper {
    height: 90px;
    background-size: 40px;
  }
  .counter {
    font-size: 20px;
    font-weight: 600;
  }
  .count-up-title {
    font-size: 12px;
    font-weight: 600;
  }
  .services-card {
    direction: rtl;
    text-align: right;
    height: 265px;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid rgba(165, 180, 255, 0.3098039216);
    background-repeat: no-repeat;
    background-image: url(/assets/images/vectors/12.webp);
    background-position: top left;
    background-size: 320px;
  }
  .subtitle {
    text-transform: uppercase;
    padding-left: 60px;
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 15px;
    font-weight: 600;
    padding-left: 0px;
    text-align: right;
    width: 100%;
  }
  .card-caption {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 200px;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 40px;
    direction: rtl;
  }
  .overley-icon {
    height: 50px;
    margin-bottom: 30px;
    object-fit: contain;
  }
  .img-co {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    padding: 10px;
    object-fit: contain;
  }
  .name-cc {
    font-size: 12px;
    font-weight: 600;
  }
  .brand-caption {
    font-size: 12px;
    margin-bottom: 10px;
    text-align: center;
  }
  .company-list-hero {
    height: 200px;
  }
  .wrapp-contex {
    padding: 20px;
  }
  .hm2-explore-btn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 50px;
    height: 4px;
  }
  .contact-us-row {
    height: 350px;
    background-position: top center;
    background-image: url(/assets/images/header/contact-us.svg);
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    direction: rtl;
    padding: 0px 30px;
    margin-bottom: 30px;
  }
  .tg-contact {
    margin-top: 10px;
    text-align: right;
    font-size: 16px;
    margin-bottom: 30px;
  }
  .contact-us-caption {
    line-height: 24px;
    text-align: right;
    font-size: 12px;
  }
  .call {
    font-size: 18px;
    font-family: sans-serif;
    direction: rtl;
    color: #606060;
  }
  .blue-up {
    position: relative;
    top: 0px;
  }
  .revert-mind {
    padding: 30px;
  }
  .guarantee-heading {
    direction: rtl;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
  }
  .img-info-header {
    height: 80px;
    width: 110px;
    top: -17px;
  }
}
/*
    iphone 6       
    */
@media (max-width: 575px) {
  .capt-ser {
    font-size: 14px;
    line-height: 20px;
    height: 66px;
    overflow: hidden;
    text-align: right;
    margin-top: 5px;
    font-weight: 400;
  }
  .tag-slider::before {
    position: absolute;
    content: "";
    top: -33px;
    left: 6px;
    background: transparent;
    width: 33px;
    height: 33px;
    border-bottom-right-radius: 1.5rem;
    box-shadow: 2rem 2rem 0px 0rem var(--clr-white);
    transform: rotate(90deg);
  }
  .tag-slider::after {
    position: absolute;
    content: "";
    bottom: 3px;
    right: -32px;
    background: transparent;
    width: 32px;
    height: 32px;
    border-bottom-right-radius: 1.5rem;
    box-shadow: 1rem 1rem 0px 0.313rem var(--clr-white);
    transform: rotate(90deg);
  }
  .more::before {
    position: absolute;
    content: "";
    top: 0.375rem;
    left: -1.188rem;
    background: transparent;
    width: 1.2rem;
    height: 1.2rem;
    border-bottom-right-radius: 2rem;
    box-shadow: 0.313rem 0.313rem 0px 0 var(--clr-white);
    transform: rotate(-90deg);
  }
  .more::after {
    position: absolute;
    content: "";
    bottom: -1.188rem;
    right: 15px;
    background: transparent;
    width: 1.2rem;
    height: 1.2rem;
    border-bottom-right-radius: 1rem;
    box-shadow: 0.313rem 0.313rem 0px 0 var(--clr-white);
    transform: rotate(-90deg);
  }
  .wrap-about-box {
    width: unset;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-content-wrap {
    position: absolute;
    right: 52px;
    bottom: 150px;
    top: unset;
    max-width: 240px;
    padding: 10px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-title {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: right;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-desc {
    color: #000;
    font-size: 14px;
    line-height: 1.6;
    text-transform: capitalize;
    margin-bottom: 5px;
    text-align: right;
    direction: rtl;
    display: -webkit-box;
    max-width: 400px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    direction: rtl;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link {
    direction: rtl;
  }
  .upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed .arrow-icon {
    transform: rotate(181deg);
    margin-right: -3px;
    height: 20px;
  }
  .wrap-about-photo .bottom-about-photo {
    height: 100px;
    width: 100px;
    object-fit: cover;
    border-radius: 8px;
    position: absolute !important;
    left: -65px !important;
    top: -125px !important;
    right: unset !important;
    bottom: unset !important;
  }
  .info-header-box h2 {
    font-size: 14px;
  }
  .img-scan {
    height: 100px;
    width: 100px;
  }
  .info-header-box {
    height: 70px;
    padding: 30px 30px;
  }
  .img-info-header {
    height: 80px;
    width: 110px;
    top: -17px;
  }
  .warranty-sections address {
    font-size: 14px;
  }
  .wrapp-abouting {
    padding: 20px 0px;
    text-align: justify;
    direction: rtl;
    width: 100%;
  }
  .title-op {
    height: 18px;
  }
  .guarantee-heading {
    direction: rtl;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
  }
  .show-more span {
    font-size: 12px;
  }
  .wrapp-new-title {
    width: 70%;
  }
  .bg-glass {
    width: 90%;
  }
  .num-error h3 {
    font-size: 60px;
  }
  .num-error {
    height: 150px;
    width: 150px;
    margin-top: 90px;
  }
  .bg-access {
    display: flex;
    justify-content: flex-start;
    height: 100%;
    width: 100%;
    height: 450px;
    background-image: url(/assets/images/vectors/Group\ 30.webp);
    background-size: 200px;
  }
  .bg-glass {
    background-image: url(/assets/images/vectors/Group\ 15.webp);
    background-size: 200px;
  }
  .text-btn h3 {
    font-size: 24px;
    font-family: "reyhaneh";
    text-align: right;
    direction: rtl;
    margin-top: 20px;
    color: #070168;
  }
  .text-send {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .email-send {
    min-height: 200px;
    padding-bottom: 40px;
  }
  .email {
    position: absolute;
    top: -100px;
    height: 80px;
    width: 80px;
    outline: 3px solid #c8e2ff;
    outline-offset: 10px;
  }
  .white-env {
    font-size: 24px;
    color: #1c40f2;
  }
  .box-alert {
    margin-top: 100px;
  }
  .template-btn {
    border-radius: 5px;
    padding: 12px 30px;
  }
  .page-header {
    position: relative;
    padding: 15px 5px;
    background: #fff;
    height: 75px;
  }
  .container-select-language {
    display: flex;
    align-items: center;
    position: relative;
    width: max-content;
    background: #ffffff;
    border: 1px solid #98cfff;
    border-radius: 5px;
    padding: 5px 15px;
    transition: all linear 0.5s;
  }
  .container-select-language .drop-down-language ul li img,
  .container-select-language .items-top-footer img {
    width: 20px;
    object-fit: cover;
  }
  .container-select-language .drop-down-language {
    position: absolute;
    top: 50px;
    right: 0px;
    background: white;
    border-radius: 1px;
    padding: 5px 10px;
    display: none;
    height: fit-content;
    min-width: 94px;
    z-index: 1;
    box-shadow: 2px 2px 9px -2px #111111;
    opacity: 0;
    border-radius: 5px;
  }
  .ham-title {
    font-size: 18px;
  }
  .project-heaher {
    height: 400px;
    background: linear-gradient(278.54deg, #0024d7 15.93%, #000a3b 98.7%);
  }
  .gif img {
    height: 140px;
    z-index: 1;
    position: absolute;
    top: -150px;
  }
  .particle-network-animation {
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    height: 400px;
    top: 76px;
    overflow: hidden;
    background-color: rgba(23, 23, 23, 0);
    opacity: 0.7;
    /* background-color: transparent; */
  }
  .header-icon-holder::before {
    content: "";
    position: absolute;
    right: unset !important;
    bottom: 7px;
    width: 70px;
    height: 2px;
    background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
  }
  .gett-project {
    text-align: right;
    background-color: #fff;
    display: flex;
    padding: 10px 12px;
  }
  .btn-shine {
    margin-top: 40px;
    color: rgb(0, 15, 125);
    font-weight: 600;
    font-size: 14px;
    line-height: 28px;
    text-align: right;
  }
  .wrapp-company-license {
    padding: 0px;
    text-align: right;
  }
  .po-box {
    padding: 5px;
  }
  .brand-title {
    font-size: 16px;
  }
  .see-details strong {
    margin-left: 0px;
    margin-right: 0px;
    font-size: 12px;
    display: none;
  }
  .name-cmp {
    font-weight: 600;
    margin-left: 20px;
  }
  .hot-line {
    font-size: 14px;
    font-weight: 600;
  }
  .call {
    font-size: 16px;
    font-family: sans-serif;
    direction: rtl;
    color: #606060;
  }
  .property-detail h6 {
    font-size: 12px;
  }
  .name-comp .property-detail h6 {
    font-size: 12px;
  }
  .ct-section-title h2 {
    font-size: 13px;
    line-height: 18px;
  }
  .some-style {
    padding: 0px 30px;
    background-color: rgba(255, 255, 255, 0.717);
    border-radius: 10px;
    box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
  }
  .ticks-wrapp {
    direction: rtl;
  }
  .ticks-wrapp p {
    text-align: right;
    font-size: 10px;
  }
  .mobile-show {
    display: block;
  }
  .blue-up {
    position: relative;
    top: 0px;
  }
  .revert-mind {
    padding: 30px;
  }
  .show-galley {
    height: 200px !important;
    width: 100% !important;
    object-fit: cover;
    border-radius: 0px;
    position: relative;
    top: -40px;
  }
  .capt-v p {
    font-size: 12px;
    text-align: justify;
  }
  .some-style {
    box-shadow: none;
    background: transparent;
  }
  .call {
    font-size: 18px;
    font-family: sans-serif;
    direction: rtl;
    color: #606060;
  }
  .contact-us-row {
    height: 350px;
    background-position: top center;
    background-image: url(/assets/images/header/contact-us.svg);
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    direction: rtl;
    padding: 0px 30px;
    margin-bottom: 30px;
  }
  .tg-contact {
    margin-top: 10px;
    text-align: right;
    font-size: 16px;
    margin-bottom: 30px;
  }
  .contact-us-caption {
    line-height: 24px;
    text-align: right;
    font-size: 12px;
  }
  .hm2-explore-btn {
    color: #1b41f2;
    font-size: 14px;
    padding-right: 0px;
  }
  .see-details i {
    padding: 10px 10px;
    font-size: 12px;
    border: 1px solid #a5cfff;
    border-radius: 50%;
    transform: rotate(180deg);
  }
  .company-list-hero {
    height: 200px;
  }
  .wrapp-contex {
    padding: 20px;
  }
  .wrapp-lisence {
    display: flex;
    align-items: center;
    height: 70px;
    background-color: rgb(255, 255, 255);
    margin-bottom: 10px;
    background-position: top left;
    background-size: 30px;
  }
  .brand-caption {
    font-size: 12px;
    margin-bottom: 10px;
    text-align: center;
  }
  .all-projects {
    height: 200px;
    background: linear-gradient(10.54deg, #001dac 15.93%, #000d4e 98.7%);
  }
  .about-us-title {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
  }
  .img-co {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    padding: 10px;
    object-fit: contain;
  }
  .name-cc {
    font-size: 10px;
    font-weight: 600;
  }
  .wrapp-imges {
    height: 200px;
    width: 100%;
    object-fit: contain;
    border-radius: 10px;
  }
  .bg-light-city {
    height: 30px;
  }
  .bg-services-row {
    margin-top: 40px !important;
    padding-top: 30px !important;
    padding: 10px 10px;
    height: 450px;
    direction: rtl;
    background: #001685;
    background: fixed;
    background-position: center;
    background-image: url(/assets/images/header/prview-hero-img.webp);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .wrapp-nices {
    display: flex;
    height: 330px;
    justify-content: flex-end;
    flex-direction: column;
  }
  .services-row-title {
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0px;
  }
  .overley-icon {
    height: 50px;
    margin-bottom: 30px;
    object-fit: contain;
  }
  .subtitle {
    text-transform: uppercase;
    padding-left: 60px;
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 15px;
    font-weight: 600;
    padding-left: 0px;
    text-align: right;
    width: 100%;
  }
  .card-caption {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 200px;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 40px;
    direction: rtl;
  }
  .services-card {
    direction: rtl;
    text-align: right;
    height: 265px;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid rgba(165, 180, 255, 0.3098039216);
    background-repeat: no-repeat;
    background-image: url(/assets/images/vectors/12.webp);
    background-position: top left;
    background-size: 320px;
  }
  .count-up-title {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
  }
  .aboute-page {
    font-size: 14px;
  }
  .no-mp {
    padding: 5px;
  }
  .wrapper {
    height: 90px;
    background-size: 40px;
  }
  .counter {
    font-size: 20px;
    font-weight: 600;
  }
  .wrapping-about-mini p {
    text-align: justify;
  }
  .capt-ra {
    text-align: justify;
  }
  .icon-contact img {
    height: 20px !important;
  }
  .nim-cil img {
    position: absolute;
    right: -20px;
    bottom: -25px;
    height: 55px;
  }
  .wrapp-imgs {
    height: 50px;
    width: 50px;
    object-fit: contain;
  }
  .time-line {
    text-align: center;
    padding: 0px 0px;
    padding-left: 0px;
    font-size: 18px;
  }
  .wrapp-imgs img {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }
  .wrapp-award {
    display: flex;
    direction: rtl;
    margin-bottom: 30px;
    padding: 30px 20px;
    border-radius: 10px;
    margin: 20px 0px;
    text-align: right;
    align-items: center;
    flex-direction: column;
  }
  .gray-bg {
    padding-top: 50px;
    padding-bottom: 30px;
    margin-bottom: 80px;
  }
  .nim-ril img {
    position: absolute;
    top: -50px;
    left: -20px;
  }
  .ordering-2 {
    order: 2;
  }
  .ordering-1 {
    order: 1;
  }
  .tl-ab {
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 15px;
  }
  .wrapp-about-cart {
    border-radius: 10px;
    padding: 25px 15px;
    margin-top: 30px;
    direction: rtl;
    height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
  }
  .icon-holder {
    border-radius: 50%;
    padding: 10px;
    margin-bottom: 10px;
    height: 60px;
    width: 60px;
    object-fit: contain;
  }
  .hm2-explore-btn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 112px;
    height: 4px;
  }
  .tg-about-t {
    -webkit-background-clip: text;
    color: transparent;
    font-size: 20px;
    text-align: right;
    margin-bottom: 30px;
    font-weight: 600;
  }
  .sup-topper {
    position: relative;
    top: 0px;
    right: -15px;
  }
  .wrapp-contact {
    padding: 0 20px 20px 30px;
    margin-bottom: 20px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
  }
  .icon-contact img {
    height: 25px !important;
  }
  .icon-contact {
    font-weight: 900;
    font-size: 20px;
  }
  .comment-titles {
    width: 60%;
  }
  .icon-contact {
    position: relative;
    width: 50px;
    height: 50px;
    z-index: 1;
    margin-top: -45px;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
  }
  .hm2-explore-btn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 50px;
    height: 4px;
  }
  .calc-sett {
    margin-top: 0px !important;
    padding: 0px 30px;
  }
  .name-blog {
    line-height: 27px;
    font-weight: normal;
  }
  .tg-title {
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 16px;
  }
  .gt-title {
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 14px;
  }
  .about-us {
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    direction: rtl;
    flex-direction: column;
    margin-bottom: 40px;
  }
  .wrapp-one-company {
    display: flex;
    padding: 10px 10px;
    padding-left: 10px;
    border-radius: 8px;
    justify-content: space-between;
    height: 85px;
    -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
    box-shadow: 6px -3px 20px 0px rgba(125, 125, 125, 0.2);
    align-items: center;
    margin-bottom: 20px;
  }
  .main-wroter {
    margin-right: 5px;
    margin-left: 0px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    object-fit: contain;
  }
  .wrapping {
    display: flex;
    justify-content: space-between;
    text-align: right;
    flex-direction: column;
    padding-left: 10px;
    padding-right: 5px;
  }
  .hd-date {
    font-size: 12px;
    margin-bottom: 2px;
  }
  .nm-main {
    font-size: 12px;
    font-weight: 600;
  }
  .cat-w {
    font-size: 12px;
    font-weight: 600;
  }
  .date-here span {
    font-size: 12px;
    font-weight: 600;
  }
  .date-here {
    line-height: 10px;
  }
  .category-boxer {
    display: flex;
    justify-content: space-between;
    text-align: right;
    flex-direction: column;
    padding-right: 10px;
    padding-left: 10px;
  }
  .n-wroter {
    display: flex;
    padding-right: 10px;
  }
  .date-holder {
    display: flex;
    justify-content: space-between;
    text-align: right;
    flex-direction: column;
    padding-right: 10px;
    padding-left: 10px;
  }
  .wrapp-blog-main {
    padding: 0px 10px;
  }
  .cat-r {
    font-size: 10px;
    margin-bottom: 12px;
  }
  .hd-date {
    font-size: 12px;
    margin-bottom: 2px;
  }
  .nm-main {
    font-size: 10px;
    font-weight: 600;
  }
  .bd-qoute-txt {
    color: #001042;
    font-weight: 700;
    font-size: 12px;
    text-align: right;
    line-height: 28px;
  }
  .blog blockquote {
    background: rgba(241, 243, 255, 0.5);
    padding: 25px 30px;
    position: relative;
    direction: rtl;
  }
  .comment-wrapping {
    display: flex;
    direction: rtl;
    margin-top: 20px;
    justify-content: space-between;
    flex-direction: column;
  }
  .name-blog {
    line-height: 28px;
  }
  .n-wroter {
    display: flex;
    padding-left: 0px;
  }
  .blogger-title {
    color: #fff;
    font-size: 16px;
    width: 100%;
    text-align: right;
  }
  .padding-r {
    direction: rtl;
    margin-top: 30px;
    width: 100%;
  }
  .wrapp-sidebar {
    margin-top: 20px;
  }
  .stranger-padding {
    padding: 0px 30px;
  }
  .mobile-none {
    display: none;
  }
  .be-end img {
    height: 150px;
  }
  .blog-header {
    height: 150px;
    margin-bottom: 100px;
  }
  .obile-show {
    display: block;
  }
  .videos-bar {
    padding: 40px 0px;
    height: auto;
    flex-direction: column;
    align-items: center;
    margin: 30px 0px;
    margin-top: 0px;
    justify-content: center;
  }
  .wrapp-first {
    width: 100%;
  }
  .display-linear {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 30px;
    flex-direction: column;
  }
  .shape-bg {
    margin-top: 35px !important;
    padding: 50px 0px;
    padding-bottom: 20px;
  }
  .pp-ro {
    margin-top: 20px;
    font-size: 13px;
    line-height: 25px;
    text-align: right;
    margin-bottom: 20px;
  }
  .see-all-pro {
    display: inline-block;
    font-weight: 600;
    border-radius: 5px;
    padding: 8px 30px;
    color: #ffffff;
    vertical-align: middle;
    overflow: hidden;
    font-size: 12px;
    background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  .footer-design {
    margin-top: 80px;
    padding: 0px 30px;
  }
  .footer-widget-heading h3 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 35px;
    position: relative;
    margin-top: 20px;
  }
  .page-header ul a {
    display: inline-block;
    font-size: 1.3rem;
    transition: color 0.35s ease-out;
    font-weight: 600;
  }
  .title-videos {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
  }
  .blue-circle img {
    position: absolute;
    height: 150px;
    top: -350px;
    left: -25px;
    z-index: -1;
  }
  .name-about {
    font-size: 16px;
  }
  .webp-back {
    height: 350px;
    background-position: 0 0;
    background-size: cover;
  }
  .sett-height {
    height: max-content;
    margin-bottom: 30px;
    padding: 40px 25px;
  }
  .services-sections {
    width: 100%;
    margin: 0px 0px;
    margin-bottom: -1px;
    background-color: #f8f9fa;
    background-position: left bottom;
    background-image: url(/assets/images/vectors/box-shape.webp);
    background-repeat: no-repeat;
    height: max-content;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100vw;
    overflow: hidden;
  }
  .title-captions {
    display: flex;
    flex-direction: column;
    width: 90%;
  }
  .services-capt-p {
    font-size: 13px;
  }
  .services-title {
    padding: 10px 20px;
    padding-top: 10px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
  }
  .it-wrapp-img {
    height: 200px;
  }
  .last-gray {
    background-color: #f8f9fa;
    height: max-content;
    background-position-x: left;
    background-position-y: top;
    background-repeat: no-repeat;
    background-image: url(/assets/images/vectors/12.webp);
  }
  .end {
    display: flex;
    justify-content: flex-end;
  }
  .setting-padding {
    padding: 0px 35px;
    padding-bottom: 30px;
  }
  .vip-title {
    font-size: 16px;
    text-align: center;
    color: #001e50;
    font-weight: 600;
  }
  .wrapp-vip-project p {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 22px;
    text-align: right;
  }
  .vip-text h6 {
    font-size: 12px;
    margin-left: 20px;
    line-height: 22px;
  }
  .each-vip {
    border-radius: 10px;
    margin: 5px 0px;
    display: flex;
    align-items: center;
  }
  .shape-bg {
    padding: 0px 20px;
  }
  .services-box-wrapp {
    width: 100%;
    margin-bottom: 0px;
    padding: 10px;
    height: 220px;
  }
  .servisec-t {
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 600;
    max-height: 34px;
    overflow: hidden;
  }
  .no-padding {
    padding: 5px;
  }
  .row-ser {
    padding: 15px 15px;
  }
  .img-services img {
    height: 40px;
    margin: 10px 0px;
  }
  .wrapping-text {
    direction: rtl;
    text-align: right;
    padding: 25px 20px;
    height: 70px;
    background: #fff;
    background-position-x: left;
    background-position-y: bottom;
    background-image: url(/assets/images/vectors/mb-circle-left.webp);
    background-repeat: no-repeat;
    background-size: 60px;
    box-shadow: -1px 5px 12px 5px rgba(74, 74, 74, 0.06);
    display: flex;
    position: relative;
    top: -622px;
    right: 0px;
    border-radius: 10px;
    align-items: center;
  }
  .dotti img {
    position: absolute;
    right: 0px;
    height: 57px;
    top: -67px;
  }
  .iconic-box {
    width: 100%;
    background-color: #ecf5fd;
    box-shadow: -1px 5px 12px 5px rgba(137, 157, 255, 0.04);
    padding: 10px 8px;
    border-radius: 10px;
    height: 80px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 14px;
  }
  .tg {
    font-size: 13px;
    margin: 10px 0px;
    line-height: 22px;
  }
  .wrapping-img-about {
    height: 230px;
    margin-bottom: 15px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
  }
  .boxes-title {
    font-size: 16px;
  }
  .first-num {
    font-size: 30px;
  }
  .sec-num {
    font-size: 30px;
  }
  .title-op {
    text-align: center;
    font-size: 15px;
    height: 22px;
    overflow: hidden;
  }
  .titles p {
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
    height: 40px;
    overflow: hidden;
  }
  .caption-boxs {
    padding: 0px 40px;
    padding-bottom: 0;
  }
  .caption-title {
    direction: rtl;
    text-align: right;
    font-size: 20px;
    color: #fff;
    text-shadow: 4px 4px 8px hsla(0, 0%, 0%, 0.5);
  }
  .titles p {
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
    line-height: 22px;
  }
  .titles {
    padding: 0px;
  }
  .wrapp-numbric {
    height: 220px;
    border-radius: 10px;
    background-color: white;
    padding: 15px;
    border-radius: 10px;
    margin: 10px;
  }
  .titles p {
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
  }
  .caption-comment {
    padding: 0px 0px;
    color: #fff;
    text-align: right;
    font-size: 12px;
    line-height: 20px;
    text-shadow: 4px 4px 8px hsla(0, 0%, 6%, 0.5);
  }
  .wrapping-capt {
    margin-bottom: 30px;
  }
  .nice-btn-animated {
    position: absolute;
    top: 100%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    color: #ffffff;
    padding: 10px 20px;
    font-size: 14px;
    letter-spacing: 2px;
    text-decoration: none;
    text-shadow: 4px 4px 8px hsla(0, 0%, 0%, 0.5);
    box-shadow: 0 20px 50px rgba(255, 255, 255, 0.05);
    overflow: hidden;
    right: -10px;
  }
  .carousel-caption {
    position: absolute;
    right: 8%;
    bottom: 70px;
    left: 3%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
  }
  .vertical-logo {
    height: 40px;
    margin: 0px 10px;
  }
  .logo {
    height: 40px;
  }
  .car-img {
    height: 300px;
    width: 100%;
    object-fit: cover;
  }
  .full-slider-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 265px !important;
  }
  .be-end img {
    height: 120px;
  }
  .cate-name {
    font-size: 10px;
    padding: 8px 5px;
    border-radius: 6px;
    background: linear-gradient(304deg, #1b92ff 0.64%, #2a41b7 98.23%);
    text-align: center;
  }
  .ticks i {
    color: #2A2366;
    margin-left: 5px;
    margin-right: 0px;
    font-size: 16px;
    margin-top: 10px;
  }
  .ticks {
    display: flex;
    align-items: flex-start;
    /* margin-bottom: 7px; */
  }
  .comment-titles {
    width: 78%;
  }
  .name-comp {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    text-align: right;
  }
  .comment-capt {
    font-size: 12px;
    line-height: 20px;
  }
  .blog-main-img {
    height: 200px;
    width: 100% !important;
    border-radius: 10px;
    position: relative;
    object-fit: cover;
    bottom: 30px;
  }
  .n-wroter {
    display: none;
  }
  .comment-image {
    height: 40px;
    width: 40px;
    object-fit: cover;
    border-radius: 50%;
    margin-left: 10px;
  }
}
/*
    iphon
    8,X,XS,11,12
    */
@media only screen and (min-width: 375px) and (max-width: 474px) {
  .ham-title {
    font-size: 18px;
  }
  .project-heaher {
    height: 350px;
    background: linear-gradient(278.54deg, #0024d7 15.93%, #000a3b 98.7%);
  }
  .gif img {
    height: 100px;
    z-index: 1;
    position: absolute;
    top: -100px;
  }
  .wave-heading {
    height: 104px;
    width: 100%;
  }
  .particle-network-animation {
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    height: 350px;
    top: 76px;
    overflow: hidden;
    background-color: rgba(23, 23, 23, 0);
    opacity: 0.7;
    /* background-color: transparent; */
  }
  .name-comp {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    text-align: right;
  }
  .text-boxer {
    font-size: 11px;
    font-weight: 600;
    text-align: right;
  }
  .ticks i {
    color: #2A2366;
    margin-left: 5px;
    margin-right: 0px;
    margin-top: 10px;
    font-size: 16px;
  }
  .ticks {
    display: flex;
    align-items: flex-start;
    /* margin-bottom: 7px; */
  }
  .ac-hg {
    height: 60px;
    width: 60px;
    display: flex;
    font-size: 25px;
    border-radius: 90px;
    background: rgb(255, 255, 255);
    box-shadow: 1px 0px 20px 0px rgba(54, 112, 219, 0);
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 42px;
    font-weight: normal;
    font-family: "Reyhaneh";
  }
  .numi {
    font-size: 14px;
    /* font-weight: 600; */
    font-family: "Reyhaneh";
    maargin-top: 50px;
  }
  .tg {
    font-size: 14px;
    margin: 10px 0px;
    line-height: 24px;
    text-align: justify;
  }
  .services-capt-p {
    font-size: 10px;
    line-height: 22px;
  }
  .video-cover .more-3 {
    position: absolute;
    bottom: -3px;
    left: -10px;
    width: 198px;
    justify-content: space-between;
    align-items: center;
    background: #2a2366;
    border-radius: 0;
    padding: 0px 0px;
    border-top-right-radius: 20px;
    z-index: 2;
  }
  .video-cover .more-3::before {
    position: absolute;
    content: "";
    top: -33px;
    left: 9px;
    background: transparent;
    width: 33px;
    height: 33px;
    border-bottom-right-radius: 1.5rem;
    box-shadow: 0.313rem 0.313rem 0px 2px #2a2366;
    transform: rotate(90deg);
  }
  .address-box {
    border: 1px solid rgba(224, 228, 252, 0.2509803922);
    height: 180px;
    flex-direction: column;
    padding: 20px 20px;
    justify-content: space-between;
    border-radius: 8px;
    margin-top: 20px;
  }
  .address-box p {
    text-align: right;
  }
  .team-card .card-img-holder {
    height: 350px;
    width: 100%;
    object-fit: cover;
    border-radius: 6px;
  }
  .servisec-t {
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 10px;
    font-weight: 600;
    max-height: 40px;
    line-height: 20px;
    overflow: hidden;
  }
  .wrapp-patern-1 {
    height: 380px;
    width: 355px;
    position: absolute;
    top: 15px;
    right: 16px;
    padding: 10px;
    padding-left: 20px;
  }
  .about-us {
    height: 150px;
    background: linear-gradient(278.54deg, #001dac 15.93%, #2A2366 98.7%);
    display: flex;
    justify-content: center;
    align-items: center;
    direction: rtl;
    flex-direction: column;
    margin-bottom: 40px;
  }
  .wrapp-contact p {
    font-size: 12px;
  }
  .wrapp-contact {
    padding: 0 10px 10px 10px;
    margin-bottom: 5px;
    background: #ffffff;
    -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
    box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.2);
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    width: 100%;
  }
  .icon-contact {
    position: relative;
    width: 35px;
    height: 35px;
    background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
    -webkit-box-shadow: 0px 10px 25px rgba(0, 130, 248, 0.6);
    box-shadow: 0px 5px 25px rgba(0, 130, 248, 0.6);
    z-index: 1;
    margin-top: -5px;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    object-fit: contain;
  }
  .icon-contact img {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }
  .icon-holder {
    background-color: rgba(28, 64, 242, 0.1);
    border-radius: 50%;
    padding: 10px;
    margin-bottom: 5px;
    height: 50px;
    width: 50px;
    object-fit: contain;
  }
  .ca-caption {
    font-size: 12px;
    text-align: right;
    line-height: 20px;
    margin-bottom: 0px;
    margin-top: 10px;
  }
  .wrapp-about-cart {
    -webkit-box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.1);
    box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.1);
    border-radius: 10px;
    padding: 15px 15px;
    margin-top: 20px;
    overflow: hidden;
    direction: rtl;
    background: #fff;
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
  }
  .caption-award {
    font-size: 12px;
    text-align: right;
    padding: 0px 0px;
    padding-left: 0px;
    line-height: 23px;
    text-align: justify;
  }
  .wrapp-award {
    display: flex;
    direction: rtl;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #eff1fe;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-bottom: 30px;
    padding: 10px 10px;
    border-radius: 10px;
    margin: 20px 0px;
    text-align: right;
    align-items: center;
    flex-direction: column;
  }
  .gray-bg {
    background-color: #eff1fe;
    padding-top: 50px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    width: 100vw;
  }
  .about-us-title {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
  }
  .wrapping-text {
    padding: 25px 15px;
    top: -780px;
    right: 0px;
    border-radius: 10px;
    align-items: center;
  }
  .history-title {
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 0px;
  }
  .wrapp-abouting {
    padding: 0px;
    text-align: right;
    direction: rtl;
  }
  .name-about {
    margin-top: 20px;
    padding: 20px 20px;
  }
  .capt-ser {
    font-size: 14px;
    line-height: 23px;
    text-align: right;
  }
  .videos-bar {
    margin-top: 50px !important;
  }
  .intro-box p {
    margin-top: 20px;
    font-size: 14px;
    text-align: justify;
    direction: rtl;
    color: #f8f8f8;
  }
  .blog-cart-wrapp-small .btn-link {
    background: none !important;
    border: none;
    font-size: 14px;
  }
  .intro-box h4 {
    font-size: 22px;
    color: #fff;
    line-height: 35px;
  }
  .each-vip {
    width: 100%;
    height: 90px;
    padding: 20px;
    box-shadow: 0px 0px 8px 5px rgba(22, 22, 22, 0.03);
    background-color: #fff;
    text-align: right;
    border-radius: 10px;
    margin: 8px 0px;
    display: flex;
    align-items: center;
  }
  .logo {
    height: 35px;
  }
  .change-languages {
    height: 30px;
    width: 30px;
  }
  .carousel-caption {
    position: absolute;
    right: 8%;
    bottom: 70px;
    left: 0%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
  }
}
@media only screen and (min-width: 1460px) {
  .max {
    /* max-width: 1600px; */
    margin-top: 0px;
  }
  .no-padding {
    padding: 0px;
  }
  /* min     */
}
@media only screen and (min-width: 1536px) {
  .max {
    /* max-width: 1600px; */
    margin-top: 0px;
  }
  .no-padding {
    padding: 0px;
  }
  /* min     */
}
@media only screen and (min-width: 1347px) and (max-width: 1366px) {
  .max {
    /*     max-width: 1350px;*/
    margin-top: 0px;
  }
}
.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.page-link:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-left: -1px;
  line-height: 25px;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.minier-ico {
  font-size: 8px;
}

.pagination > div > div.col {
  padding: 0px 30px;
}

a:hover {
  text-decoration: none;
}

@media (max-width: 575px) {
  .wrapp-address-details span {
    font-size: 12px;
  }
  .warranty-center {
    font-size: 10px;
  }
  .condition-title {
    font-size: 16px;
  }
  .condition-box {
    font-size: 13px;
  }
  .tab-list-item {
    text-align: justify;
    font-size: 13px;
  }
  .tab-parent {
    text-align: justify;
  }
  .mobile-control {
    padding: 0px;
  }
  .warranty-sections p {
    text-align: justify;
    font-size: 13px;
  }
  .product-holder {
    margin-top: 20px;
    height: 90px;
    margin: 18px 0px;
    display: flex;
    object-fit: contain;
    align-items: center;
    justify-content: center;
  }
  .wrapp-numbric {
    height: 220px;
    padding: 10px;
    margin: 10px;
  }
  .show-more {
    display: none;
  }
  .wrapping-capt p {
    font-size: 10px;
  }
  .hm-contact-form .input-field input,
  .hm-contact-form .input-field textarea {
    width: 100%;
    padding: 15px 30px 15px 20px;
    font-size: 14px;
    color: #000000;
    border: 1px solid rgba(0, 29, 172, 0.1843137255);
    border-radius: 6px;
    background-color: #ffffff;
    margin-bottom: 0px;
    font-family: IRANYekan !important;
  }
  .guarantee-heading a {
    font-size: 12px;
  }
  .guarantee-heading h2 {
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
  .guarantee-heading {
    align-content: flex-start;
    margin-top: 15px;
  }
  .wave-his img {
    display: none;
  }
  .box-video {
    position: relative;
    width: 100%;
    margin: 0 auto 0px auto;
    cursor: pointer;
    overflow: hidden;
    height: 125px;
    width: 210px;
    border-radius: 12px;
  }
  .wrapp-new {
    display: flex;
    flex-direction: column !important;
  }
  .wrapp-new-title {
    width: 100%;
  }
  .tg-title {
    display: none;
  }
  .get i {
    margin-right: 15px;
    padding: 11px 11px;
    border: 1px solid #d8d8d8;
    border-radius: 50%;
    font-size: 16px;
    color: #0027e8;
    transition: cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  }
  .services-name {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #1455f3;
  }
  .hm2-explore-btn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 50px;
    height: 1px;
  }
  .gett-project {
    background-size: 55px;
  }
  .see-details strong {
    display: none;
  }
  .topper {
    position: relative;
    top: -50px;
    right: 0px;
  }
  .guarantee-heading h2 {
    font-size: 1.6rem;
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 375px) and (max-width: 474px) {
  .guarantee-icon {
    height: 110px;
    width: 60px;
    object-fit: contain;
    position: absolute;
    top: -60px;
  }
  .hm2-explore-btn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 50px;
    height: 1px;
  }
  .box-video {
    height: 150px;
    width: 290px;
    border-radius: 12px;
  }
  .contact-boxing {
    padding: 0px;
  }
  .blogger-title {
    color: #fff;
    font-size: 14px;
    width: 100%;
    line-height: 25px;
    text-align: right;
  }
  .topper {
    position: relative;
    top: -50px;
    right: -32px;
  }
  .services-name {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #1259f4;
    line-height: 22px;
  }
  .home {
    margin-left: 5px;
  }
  .show-images {
    background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
    position: relative;
    top: -15px;
    padding: 7px 15px;
    right: -10px;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.26);
  }
  .box-video {
    margin-top: 20px;
    height: 125px;
    border-radius: 12px;
  }
  .wrapping-capt span {
    color: #ffffff;
    font-size: 10px;
    line-height: 16px;
  }
}
@media (max-width: 474px) {
  .page-header {
    position: relative;
    padding: 1.5rem 0.5rem;
    background: #fff;
    height: 75px;
  }
  .guarantee-icon {
    height: 110px;
    width: 60px;
    object-fit: contain;
    position: absolute;
    top: -60px;
  }
  .wrapping-text {
    top: -700px;
  }
}
@media only screen and (min-width: 3002px) and (max-width: 4000px) {
  .max {
    max-width: 1600px;
    margin-top: 0px;
  }
}
@media only screen and (min-width: 4001px) and (max-width: 6144px) {
  .max {
    max-width: 1600px;
    margin-top: 0px;
  }
}
.header-design nav {
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  height: 100px;
  z-index: 99;
  direction: rtl;
}
.header-design nav .navbar {
  height: 100%;
  max-width: 1520px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  padding: 0 0px;
  margin-top: 10px;
}
.header-design nav .navbar .logo a {
  width: 100%;
  object-fit: contain;
  padding: 8px 9px;
  margin-top: -25px;
  height: 85px !important;
}
.header-design nav .navbar .nav-links {
  line-height: 70px;
  height: 100%;
  display: flex;
  align-items: center;
}

.header-design nav {
  background: #fff;
}

nav .navbar .links {
  display: flex;
  align-items: center;
  padding: 0px;
  padding-top: 0px;
}

nav .navbar .links li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 0 14px;
  flex-direction: row-reverse;
}

nav .navbar .links li a {
  height: 100%;
  text-decoration: none;
  white-space: nowrap;
  color: #000000;
  font-size: 15px;
  font-weight: 500;
}

.links li:hover .course-arrow,
.links li:hover .blog-arrow {
  transform: rotate(0deg);
}

nav .navbar .links li .arrow {
  /* background: red; */
  height: 100%;
  width: 18px;
  line-height: 70px;
  text-align: center;
  display: inline-block;
  color: #000000;
  transition: all 0.3s ease;
  font-size: 17px;
}

nav .navbar .links li .sub-menu {
  position: absolute;
  top: 70px;
  right: 0;
  min-width: 250px;
  padding: 10px 8px;
  line-height: 40px;
  background: #2A2366;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 4px 4px;
  display: none;
  z-index: 2;
  border-top: 2px solid #ccc;
}

nav .navbar .links li:hover .Course-sub-menu,
nav .navbar .links li:hover .js-sub-menu {
  display: block;
}

.arrow {
  height: 30px;
  margin-right: 0px !important;
  padding: 5px 7px;
  border-radius: 50%;
}

.logo {
  height: 82px !important;
  object-fit: contain;
  padding: 8px 0px;
  display: flex;
  align-items: center;
}
.logo a {
  width: 100%;
  object-fit: contain;
  padding: 8px 0px;
  margin-top: 2px;
  height: 80px !important;
}
.logo a img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.navbar .links li .sub-menu li:hover {
  background: #00071d;
}

.navbar .links li .sub-menu li {
  padding: 0 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.032);
  padding-right: 10px;
}

.navbar .links li .sub-menu a {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  width: 100%;
  text-align: right;
}

.navbar .links li .sub-menu a:hover {
  color: #ffffff;
}

.more-arrow {
  width: 100%;
  text-align: right;
}
.more-arrow .arrow {
  color: #fff;
}

.navbar .links li .htmlCss-more-sub-menu {
  /* line-height: 40px; */
}

.blog-arrow {
  direction: ltr;
  text-align: right;
}

.navbar .links li .sub-menu .more-sub-menu {
  position: absolute;
  top: 0;
  right: 98%;
  border-radius: 0px;
  z-index: 1;
  display: none;
}

.links li .sub-menu .more:hover .more-sub-menu {
  display: block;
}

.navbar .search-box {
  position: relative;
  display: flex;
}

.bx-search {
  color: #494949 !important;
}

.input-group-append .bx-search {
  color: #ffffff !important;
}

.navbar .search-box .input-box {
  position: absolute;
  right: calc(100% - 40px);
  top: 80px;
  height: 60px;
  width: 300px;
  background: #30045a;
  border-radius: 6px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s ease;
}

.navbar.showInput .search-box .input-box {
  top: 65px;
  opacity: 1;
  pointer-events: auto;
  background: #30045a;
}

.search-box .input-box::before {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  background: #30045a;
  right: 10px;
  top: -6px;
  transform: rotate(45deg);
}

.search-box .input-box input {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 4px;
  transform: translate(-50%, -50%);
  height: 35px;
  width: 280px;
  outline: none;
  padding: 0 15px;
  font-size: 16px;
  border: none;
}

.navbar .nav-links .sidebar-logo {
  display: none;
}

.navbar .bx-menu {
  display: none;
}

.course-arrow {
  display: flex;
  align-items: center;
}

@media (max-width: 920px) {
  nav .navbar {
    max-width: 100%;
    padding: 0 0px;
    padding-left: 10px;
  }
  nav .navbar .logo a {
    font-size: 27px;
  }
  nav .navbar .links li {
    padding: 0 10px;
    white-space: nowrap;
    height: 60px;
  }
  nav .navbar .links li a {
    font-size: 13px;
    color: #000000;
  }
  .navbar .links li .sub-menu a {
    font-size: 13px;
    color: #000000;
  }
}
@media (max-width: 1000px) {
  .header-design nav .navbar .nav-links {
    display: block;
  }
  nav .navbar .links li .sub-menu {
    position: absolute;
    top: 70px;
    right: 0;
    min-width: 220px;
    padding: 10px 20px;
    line-height: 40px;
    background: #f0f3fe;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 4px 4px;
    display: none;
    z-index: 2;
    border-top: 2px solid #ccc;
  }
  .blog-arrow {
    direction: rtl;
    text-align: right;
  }
  .logo {
    height: 0px !important;
  }
  .sidebar-logo .logo {
    height: 100px !important;
  }
  nav {
    height: 60px;
  }
  nav .navbar .links li:before {
    right: -13px;
    content: "";
    border-color: transparent #262467;
    border-style: solid;
    border-width: 0.33em 0.33em 0.33em 0em;
    display: block;
    height: 0;
    left: 1.8rem;
    position: relative;
    top: 38px;
    width: 0;
  }
  .bxs-chevron-down:before {
    content: "\ec89";
    border: 1px solid rgba(204, 204, 204, 0.1607843137);
  }
  nav .navbar .links .sub-menu li:before {
    border: none !important;
    content: "•";
    color: #fff;
    font-weight: bold;
    width: 3px;
    font-size: 12px;
    margin-left: 5px;
    height: 0;
    left: 1.8rem;
    position: relative;
    top: 0px;
    width: 0;
  }
  .navbar .links li .sub-menu li {
    padding: 0px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    padding-right: 0px;
  }
  .sub-menu {
    padding: 0px;
  }
  .navbar .links li .sub-menu .more-sub-menu li:before {
    border: none !important;
    content: none;
  }
  nav .navbar .links li .sub-menu {
    border-top: 1px solid rgba(255, 255, 255, 0.6980392157);
  }
  .blog-arrow,
  .course-arrow {
    border-bottom: 1px solid rgba(233, 233, 233, 0);
  }
  nav {
    /* position: relative; */
  }
  .course-links {
    padding-left: 0px !important;
  }
  .navbar .bx-menu {
    display: block;
  }
  nav .navbar .nav-links {
    position: fixed;
    top: 0;
    right: -100%;
    display: block;
    max-width: 270px;
    width: 100%;
    background: #fff;
    line-height: 40px;
    padding: 20px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.5s ease;
    z-index: 9999 !important;
  }
  nav .navbar .nav-links:after {
    position: absolute;
    top: 80%;
    left: 50%;
    content: "";
    width: 75%;
    height: 40%;
    border-radius: 50%;
    filter: blur(26px);
    z-index: -1;
    transform: translate(-50%, -50%);
    background: rgba(156, 172, 245, 0.15);
  }
  .navbar .nav-links .sidebar-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgb(240, 243, 254);
    padding: 10px;
    height: 65px;
  }
  .navbar .nav-links .sidebar-logo .logo a {
    width: 100%;
    object-fit: contain;
    padding: 8px 9px;
    margin-top: -3px;
    height: 65px !important;
  }
  .sidebar-logo .logo-name {
    font-size: 25px;
    color: #fff;
  }
  .sidebar-logo i,
  .navbar .bx-menu {
    font-size: 25px;
    color: #000000;
  }
  .bx-x {
    padding: 5px;
    color: #2A2366 !important;
    border-radius: 6px;
    background-color: rgba(203, 203, 255, 0.698);
    top: -1px !important;
  }
  nav .navbar .links {
    display: block;
    margin-top: 20px;
  }
  nav .navbar .links li .arrow {
    line-height: 40px;
  }
  nav .navbar .links li {
    display: block;
  }
  nav .navbar .links li .sub-menu {
    position: relative;
    top: 0;
    box-shadow: none;
    display: none;
    padding-left: 8px;
  }
  nav .navbar .links li .sub-menu li {
    border-bottom: none;
  }
  .navbar .links li .sub-menu .more-sub-menu {
    display: none;
    position: relative;
    left: 0;
  }
  .navbar .links li .sub-menu .more-sub-menu li {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .links li:hover .course-arrow,
  .links li:hover .blog-arrow {
    transform: rotate(0deg);
  }
  .navbar .links li .sub-menu .more-sub-menu {
    display: none;
  }
  .navbar .links li .sub-menu .more span {
    /* background: red; */
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
  }
  .links li .sub-menu .more:hover .more-sub-menu {
    display: none;
  }
  nav .navbar .links li:hover .Course-sub-menu,
  nav .navbar .links li:hover .js-sub-menu {
    display: none;
  }
  .navbar .nav-links.show1 .links .Course-sub-menu,
  .navbar .nav-links.show3 .links .js-sub-menu,
  .navbar .nav-links.show2 .links .more .more-sub-menu {
    display: block;
  }
  .navbar .nav-links.show1 .links .course-arrow,
  .navbar .nav-links.show3 .links .blog-arrow {
    transform: rotate(0deg);
  }
  .navbar .nav-links.show2 .links .more-arrow {
    transform: rotate(0deg);
  }
  nav .navbar .links li .arrow {
    height: 22px;
    width: 25px;
    line-height: 70px;
    text-align: center;
    display: inline-block;
    color: #2A2366;
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
  }
  .navbar .links li .sub-menu .more-sub-menu {
    top: 0;
    right: -20px;
    z-index: 1;
  }
  .sidebar-logo {
    border-bottom: 1px solid rgba(204, 204, 204, 0.0392156863);
  }
  .sidebar-logo .logo {
    width: 150px;
    object-fit: contain;
    padding: 0px;
    position: relative;
    right: 8px;
  }
  .sidebar-logo .navbar .links li .sub-menu a {
    font-size: 12px;
  }
  .navbar .search-box i {
    font-size: 16px;
  }
  .main-btn {
    margin-right: 2px;
  }
  .more {
    height: unset !important;
  }
  .more-sub-menu.sub-menu li a {
    padding-right: 20px;
  }
  .header-design nav {
    height: 80px;
  }
  .submitting {
    font-size: 14px;
    height: 44px;
    background: #262467 !important;
  }
  .sidebar-logo i, .navbar .bx-menu {
    font-size: 25px;
    color: #000000;
    top: -8px;
    position: relative;
    right: 4px;
  }
}
@media (max-width: 370px) {
  .blog-arrow {
    direction: ltr;
    text-align: right;
  }
  nav .navbar .nav-links {
    max-width: 100%;
  }
  .navbar .links li .sub-menu a {
    font-size: 12px;
  }
}
.bxs-chevron-down.arrow {
  margin-right: 0px;
}

nav .navbar .links li a:hover {
  color: #E62924;
}

header.comments-user {
  box-shadow: none !important;
}

.search-box {
  display: flex;
  justify-content: end;
}

.header-design {
  z-index: 1;
  background: #fff;
  position: relative;
  height: 85px;
}

.menu-bottom-design {
  height: 30px;
  position: relative;
  z-index: 10;
}

.right-top-header {
  display: flex;
  direction: rtl;
  text-align: right;
  align-items: center;
}

.left-top-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.center-top-header {
  display: flex;
  align-items: center;
  justify-content: center;
}

.wrapp-heaader-top {
  padding: 3px 5px;
}
.wrapp-heaader-top a {
  color: white;
  font-size: 13px;
  margin: 0px 4px;
}
.wrapp-heaader-top span {
  color: white;
  font-size: 13px;
}
.wrapp-heaader-top .slash {
  color: rgba(238, 238, 238, 0.9333333333);
}
.wrapp-heaader-top strong {
  color: white;
  font-size: 13px;
}
.wrapp-heaader-top i {
  color: #ffffff;
  font-size: 22px;
  margin-left: 5px;
}
.wrapp-heaader-top .mdi-phone-in-talk {
  font-size: 20px !important;
}

.topper-back {
  background: #262467;
}

.search-btn {
  font-size: 20px;
  display: inline-block;
  margin-bottom: 0px;
  color: #000000;
  display: flex;
  align-items: center;
  background: rgb(251, 228, 236);
  padding: 10px 15px;
  border-radius: 6px;
}
.search-btn span {
  font-size: 12px;
  color: #000000;
  margin-left: 8px;
  border-left: 1px solid #eee;
}
.search-btn i {
  font-size: 23px;
  color: #585556;
}
.search-btn::hover {
  font-size: 16px;
  display: inline-block;
  margin-bottom: 0px;
  position: relative;
  bottom: 0px;
  color: rgb(255, 255, 255) !important;
  background: #e4316c;
}

.search-box-holder {
  z-index: 1;
  margin-left: 4px;
  padding-left: 5px;
  display: flex;
  align-items: center;
}

.submitting {
  padding: 2px 15px;
  text-align: center;
  background: #E62924;
  color: #fff !important;
  font-size: 15px;
  font-weight: 500;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  direction: rtl;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-direction: row-reverse;
  position: relative;
  border-radius: 3px;
  z-index: 1;
  margin-right: 6px;
  margin-left: 2px;
  padding-left: 18px;
  top: -10px;
}

.submitimng-ico i {
  font-size: 24px;
  margin-left: 5px;
  color: #fff;
}

.help-link-mobile {
  display: none;
  flex-direction: row;
  direction: ltr;
  background: #fbe4ec;
  align-items: center;
  border-radius: 4px;
  color: #e4316c;
  font-size: 14px;
  font-weight: 500;
}

.cart-btn {
  background: #E62924;
  padding: 5px 12px;
}
.cart-btn a {
  color: #fff !important;
  font-size: 20px;
}
.cart-btn a i {
  color: #fff !important;
  position: relative;
  top: 3px;
}

.topper-back-img .hello-bar {
  height: 60px;
  width: 100%;
  object-fit: cover;
}
.topper-back-img .hello-bar img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.border-l {
  height: 18px;
  width: 1px;
  margin-right: 4px;
  background-color: rgba(255, 255, 255, 0.4980392157);
}

.box-btnsa {
  position: relative;
  vertical-align: text-top;
}

.submitting {
  font-size: 14px;
  background-size: 300% 100%;
  border-radius: 6px;
  moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.submitting:focus {
  outline: none;
}

.submitting:hover {
  box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.021);
  background-image: linear-gradient(to right, #e4316c, #e4316c, #ff95b8, #c30040);
  color: #fff !important;
  background-position: 100% 0;
  moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.8s linear;
}

.submitting:hover a {
  color: #fff !important;
}

.option-badge {
  font-size: 9px;
  font-weight: 500;
  padding: 0px 4px;
  border-radius: 15px;
  position: absolute;
  transform: translate(-10px, -7px);
}

.option-badge.option-badge-main {
  background: rgb(124, 81, 255);
  color: #fff;
  font-size: 10px;
  line-height: 18px;
  font-weight: normal;
  border: 1px solid rgba(138, 127, 185, 0.4588235294);
  min-width: 20px;
  text-align: center;
}

.credit {
  background: #fff;
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #ddd;
  border-radius: 20px;
}

#whatsapp-chat {
  position: fixed;
  background: #fff;
  width: 350px;
  border-radius: 10px;
  box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
  bottom: 100px;
  z-index: 100000000000000000;
  overflow: hidden;
  z-index: 99;
  animation-name: showchat;
  animation-duration: 1s;
  transform: scale(1);
}

.bamikkalashow-chat {
  background: linear-gradient(to right top, #b7ed78, #19c24f);
  color: #fff;
  position: fixed;
  direction: rtl;
  z-index: 98;
  bottom: 25px;
  z-index: 100000000000000;
  font-size: 15px;
  padding: 1px 12px;
  height: 60px;
  width: 60px;
  border-radius: 50px;
  box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
  display: flex;
  align-items: center;
  justify-content: space-between;
  animation: ripple 2s linear infinite;
  outline: none;
  border: none;
  transition: all 0.3s linear 0s;
}

.wp-header-info {
  display: flex;
  align-items: center;
}

.wp-logo {
  width: 50px;
  height: 50px;
  padding: 5px;
  background-color: #fff;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.06);
  object-fit: contain;
  border-radius: 50%;
}

.wp-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(36, 255, 164, 0.3), 0 0 0 10px rgba(2, 207, 169, 0.113);
  }
  100% {
    box-shadow: 0 0 0 12px rgb(184, 253, 200), 0 0 0 10px rgba(2, 207, 169, 0.057);
  }
}
.bamikkalashow-chat:hover {
  width: 140px;
}

.bamikkalashow-chat:hover .chatwidget-text {
  display: block;
}

.chatwidget-text {
  display: none;
  margin-right: 10px;
  animation-name: showchat;
  animation-duration: 1s;
  transition: all ease-in-out 0.4s;
}

.bamikkalashow-chat i {
  transform: scale(1.2);
  animation-name: showchat;
  animation-duration: 1s;
  transition: all 0.3s linear 0s;
  font-size: 35px;
  top: 3px;
  position: relative;
}

.mdi-whatsapp {
  transition: all 1s ease;
}

.mdi-close {
  transition: all 1s ease;
}

.header-chat {
  background: linear-gradient(80deg, #34af80, #34af57 130%);
  color: #fff;
  padding: 25px 20px;
  direction: rtl;
}

.text-header {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}

.header-chat h3 {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
}

.header-chat p {
  font-size: 12px;
  line-height: 1.7;
  margin: 0;
  color: #fff;
}

.info-avatar {
  position: relative;
  direction: rtl;
  height: 55px;
  width: 55px;
  object-fit: cover;
  border-radius: 100%;
}

.info-avatar img {
  border-radius: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-left: 10px;
}

.info-avatar:before {
  content: "\f5a3";
  z-index: 1;
  font-family: "Material Design Icons";
  background: #34af7c;
  color: #fff;
  width: 24px;
  display: flex;
  border-radius: 100%;
  position: absolute;
  top: 30px;
  font-size: 18px;
  left: -15px;
  height: 24px;
  align-items: center;
  justify-content: center;
}

a.information {
  padding: 10px 20px;
  display: flex;
  overflow: hidden;
  animation-name: showhide;
  direction: rtl;
  margin-bottom: 10px;
  border-right: 2px solid #34af7c;
  animation-duration: 2s;
  text-align: right;
  background-color: #ffffff;
}

a.information:hover {
  background: #f1f1f1;
}

.info-chat span {
  display: block;
  color: #000;
}

.info-chat {
  margin-right: 20px;
}

#get-label,
span.chat-label {
  font-size: 12px;
  color: #888;
}

#get-name,
span.chat-nama {
  margin: 5px 0 0;
  font-size: 15px;
  font-weight: 600;
  color: #222;
}

#get-label,
#get-name {
  color: #fff;
}

span.my-number {
  display: none;
}

.bamikkala-msg {
  color: #444;
  padding: 20px;
  font-size: 12.5px;
  text-align: center;
  border-top: 1px solid #ddd;
  direction: rtl;
  text-align: right;
}

.bamikkala-msg a {
  font-weight: 600;
  color: #34af7c;
}

textarea#chat-input {
  border: none;
  color: #000 !important;
  width: 100%;
  height: 40px;
  outline: none;
  resize: none;
  border-radius: 6px;
  background: #f7f7f7;
  padding: 10px 8px;
  text-align: right;
  direction: rtl;
}

a#send-it {
  color: #ffffff;
  width: 75px;
  font-size: 22px;
  margin-right: 5px;
  font-weight: 600;
  padding: 3px 10px;
  background: linear-gradient(80deg, #34af80, #34af57 130%);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.first-msg {
  background-color: #f5f5f5;
  background-image: url(../../assets/images/vectors/wp.webp);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 30px 15px;
  text-align: center;
}

.first-msg span {
  background: #e2e2e2;
  color: #333;
  font-size: 13px;
  line-height: 1.7;
  border-radius: 7px;
  padding: 12px 12px;
  display: inline-block;
  text-align: right;
  direction: rtl;
}

.start-chat .bamikkala-msg {
  display: flex;
}

#get-number {
  display: none;
}

a.close-chat {
  position: absolute;
  top: 5px;
  left: 15px;
  color: #fff;
  font-size: 20px;
}

@keyframes showhide {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes showchat {
  from {
    transform: scale(0);
    opacity: 0;
  }
}
@media screen and (max-width: 480px) {
  #whatsapp-chat {
    width: auto;
    left: 5%;
    right: 5%;
    font-size: 80%;
  }
}
/* 
 */
.hide {
  display: none;
  animation-name: showhide;
  animation-duration: 1.5s;
  transform: scale(1);
  opacity: 1;
}

article .show {
  display: block;
  animation-name: showhide;
  animation-duration: 1.5s;
  transform: scale(1);
  opacity: 1;
}

.chat-parent {
  padding: 15px;
  background-color: #f5f5f5;
  background-image: url(../../assets/images/vectors/wp.webp);
  background-size: cover;
  background-repeat: no-repeat;
}