@import "fonts.css";
@import "bootstrap-icons.min.css";


/* Anitm */

.truck {
  --dur: 3s;
  display: block;
  width: 12em;
  height: auto;
  margin: 29px auto;
  color: var(--color-tow);
}
.truck__body, .truck__line, .truck__outside1, .truck__outside2, .truck__outside3, .truck__wheel, .truck__wheel-spin, .truck__window1, .truck__window2 {
  animation: truck-body var(--dur) linear infinite;
}
.truck__body {
  transform-origin: 17px 11px;
}
.truck__line {
  animation-name: truck-line;
}
.truck__outside1 {
  animation-name: truck-outside1;
}
.truck__outside2 {
  animation-name: truck-outside2;
}
.truck__outside3 {
  animation-name: truck-outside3;
}
.truck__wheel {
  animation-name: truck-wheel;
}
.truck__wheel-spin {
  animation-name: truck-wheel-spin;
  transform-origin: 6.5px 17px;
}
.truck__wheel:nth-child(2) {
  animation-delay: calc(var(--dur) * 0.0625);
}
.truck__wheel:nth-child(2) .truck__wheel-spin {
  transform-origin: 27px 17px;
}
.truck__window1 {
  animation-name: truck-window1;
}
.truck__window2 {
  animation-name: truck-window2;
}
/* Animations */
@keyframes truck-body {
  from, 12.5%, 25%, 37.5%, 50%, 62.5%, 75%, 87.5%, to {
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0);
    transform: translate(0, 0) rotate(0);
  }
  6.25%, 18.75%, 31.25%, 43.75%, 56.25%, 68.75%, 81.25%, 93.75% {
    animation-timing-function: cubic-bezier(0.33, 1, 0.67, 1);
    transform: translate(0, 1px) rotate(-0.75deg);
  }
}
@keyframes truck-line {
  from {
    stroke-dashoffset: -18;
  }
  to {
    stroke-dashoffset: 78;
  }
}
@keyframes truck-outside1 {
  from {
    stroke-dashoffset: 105;
  }
  to {
    stroke-dashoffset: -105;
  }
}
@keyframes truck-outside2 {
  from {
    stroke-dashoffset: 168;
  }
  to {
    stroke-dashoffset: -42;
  }
}
@keyframes truck-outside3 {
  from {
    stroke-dashoffset: 192;
  }
  to {
    stroke-dashoffset: -18;
  }
}
@keyframes truck-wheel {
  from, 12.5%, 25%, 37.5%, 50%, 62.5%, 75%, 87.5%, to {
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0);
    transform: translate(0, 0);
  }
  6.25%, 18.75%, 31.25%, 43.75%, 56.25%, 68.75%, 81.25%, 93.75% {
    animation-timing-function: cubic-bezier(0.33, 1, 0.67, 1);
    transform: translate(0, -1px);
  }
}
@keyframes truck-wheel-spin {
  from {
    stroke-dashoffset: -15.71;
    transform: rotate(0);
  }
  to {
    stroke-dashoffset: 15.71;
    transform: rotate(-4turn);
  }
}
@keyframes truck-window1 {
  from {
    stroke-dashoffset: -21;
  }
  to {
    stroke-dashoffset: 189;
  }
}
@keyframes truck-window2 {
  from {
    stroke-dashoffset: -39;
  }
  to {
    stroke-dashoffset: 171;
  }
}

/**/
*{
  margin: 0;
  padding: 0;
}

body{
  font-family: 'IRANYekan';
  text-align: right;
  direction: rtl;
  color: var(--text-main);
  background: #F7F7F7;
}

p {
    margin-bottom: 0;
}

a {
  text-decoration: none;
  color: var(--text-main);
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: var(--color-main);
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

input{
  outline: none;
}

.information{
  background-color: var(--color-main);
  color: #fff;
}
header .information{
  font-size: 13px;
}
header .information .site-message,
header .information .site-message i {
    display: flex;
    align-items: center;
}
header .information .site-message i{
  margin-left: 5px;
}
header .information .communication {
  font-family: 'faNum' ,Arial,sans-serif;
  font-size: 14px;
}
header .information .communication .box-info {
    margin-left: 20px;
}
header .information .communication .box-info i{
  margin-left: 5px;
}
header .information .communication .box-info:last-child{
  margin-left: 0;
}

header .nav-header .logo img{
  width: 80px;
  height: auto;
}
header .nav-header .title{
  margin-right: 8px;
}
header .nav-header .title h1 {
  font-size: 20px;
  font-family: Rokh;
  margin-bottom: 3px;
}
header .nav-header .title h2{
  font-size: 14px;
  margin-bottom: 0;
}
header .menu ul {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
header .menu ul li a{
  text-decoration: none;
  padding: 5px;
  transition: all 0.3s ease-in-out;
}
header .menu ul li a:hover{
  color: var(--color-main);
  border-bottom: 1px solid var(--color-main);
}
header .btn-login {
  display: flex;
  justify-content: center;
}
header .btn-login a {
  border: 1px solid var(--color-main);
  border-radius: 15px;
  text-decoration: none;
  font-size: 14px;
}
header .btn-login a:hover{
  background-color: var(--color-main);
  transition: all 0.3s ease-in-out;
  color: #fff;
}
header .menu ul li.menu-item-has-children a{
  border: hidden;
}
header .menu ul li.menu-item-has-children:hover ul{
  display: block;
  transition: all 0.3s;
}
header .menu ul ul {
  display: block;
  position: absolute;
  margin-top: 5px;
  box-shadow: 0px 0px 13px 6px #f2f2f2;
  list-style: none;
  border-radius: 10px;
  display: none;
  z-index: 999;
}
header .menu ul ul li{
  padding: 8px 10px;
}
header .menu ul ul li a{
  font-size: 14px;
}
.m-btn-login{
  display: none;
}
.packer{
  margin-top: 60px;
}
.packer .text h2{
  font-family: Rokh;
  margin-bottom: 15px;
}
.packer .submit-order a {
  background: var(--color-main);
  border-radius: 20px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
.packer img {
  width: 95%;
}
.differences{
  margin-top: 35px;
}
.differences .box-difference {
  box-shadow: 0px 0px 13px 6px #faf8f8;
  height: 125px;
  display: flex;
  align-items: center;
}
.differences .box-difference .icon i {
  font-size: 35px;
  display: flex;
  align-items: center;
  color: #ff7178;
}
.differences .box-difference .text p {
  font-size: 13px;
  line-height: 22px;
  margin-top: 10px;
}
.differences .box-difference .icon {
  margin-left: 15px;
}
.tracking .box-tracking {
  box-shadow: 0px 0px 13px 6px #ebebeb;
  overflow: hidden;
  background-image: url(../images/tracking-bg-shape.webp);
  background-repeat: no-repeat;
  background-position: right bottom;
  padding: 90px 60px;
  background-color: var(--color-main);
  color: #fff;
}
.tracking .box-tracking .image{
  top: -80px;
  right: 0;
}
.tracking .box-tracking h2 {
  font-size: 25px;
  font-weight: 600;
  font-family: 'Rokh';
  margin-bottom: 20px;
}
.tracking .box-tracking #tracking-home #tracking-code {
  padding: 10px;
  border: 2px solid var(--bs-secondary-bg-subtle);
  font-size: 16px;
  background: none;
  color: 1px solid var(--bs-secondary-bg-subtle);
  border-radius: 25px;
  font-weight: 600;
  font-family: 'faNum';
  width: 80%;
}
.tracking .box-tracking #tracking-home button {
  padding: 10px;
  border: 2px solid var(--bs-secondary-bg-subtle);
  background-color: var(--bs-secondary-bg-subtle);
  color: var(--color-main);
  border-radius: 25px;
  width: 18%;
  font-size: 20px;
}
.tracking .box-tracking #tracking-home {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tracking {
  background-image: url(../images/tracking-shape.png);
  background-position: top left;
  background-repeat: no-repeat;
  padding-top: 50px;
  padding-bottom: 50px;
}
.tracking .loading svg path,
.tracking .loading svg rect{
  fill: #fff;
}
.tracking .loading {
  text-align: center;
  margin: 5px auto;
  display: none;
}
#tracking_result ul {
  list-style: none;
  line-height: 2;
}
#tracking_result ul li {
  padding: 5px;
  border: 1px solid #523d78;
  border-radius: 10px;
  margin: 7px auto;
  font-size: 13px;
}
.covered .box-covered .image img {
  top: -50px;
  left: 40px;
}
.covered .box-covered .text-box {
  background: var(--color-main);
  color: #fff;
  padding: 35px;
}
.covered .box-covered .text-box h2 {
  font-family: 'Rokh';
}
.covered .box-covered .text-box a.user-panel{
  border: 2px solid var(--bs-secondary-bg-subtle);
  background-color: var(--bs-secondary-bg-subtle);
  color: var(--color-main);
  border-radius: 20px;
  text-decoration: none;
  display: inline-block;
}
.covered {
  background-image: url(../images/covered-shape.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 350px;
}
.covered .box-covered {
  padding-top: 50px;
  padding-bottom: 50px;
  margin: 95px auto;
}
.opinion .title h2{
  font-family: Rokh;
}
.opinion .comments{
  width: 100%;
  overflow: hidden;
}
.opinion .comments .comment{
  box-shadow: 0px 0px 13px 6px #faf8f8;
  margin: 10px auto;
  padding: 15px;
  border-radius: 20px;
}
.opinion .comments .comment .avatar img{
  width: 60px;
  height: 60px;
  border-radius: 80px;
  border: 2px solid #ddd;
  margin-bottom: 10px;
}
.opinion .comments .comment .avatar{
  text-align: center;
}
.opinion .comments .comment .avatar .stars{
  color: #ffa400;
}
.opinion .comments .comment p{
  font-size: 15px;
  font-family: 'FaNum';
}
.opinion .comments .comment .avatar strong{
  font-family: Rokh;
  display: block;
}
.opinion .comments .owl-item {
  float: right;
}
.opinion .comments .owl-nav.disabled {
  display: none;
}
.opinion .comments .owl-dots {
  text-align: center;
}
.opinion .comments .owl-dots button {
  border: 2px solid #d5d5d5;
  background: #fff;
  width: 15px;
  height: 15px;
  margin: 3px;
  border-radius: 30px;
}
.opinion .comments .owl-dots button.owl-dot.active{
  background: var(--color-main);
}
.teammate .text h2{
  font-family: Rokh;
  font-size: 26px;
}
.teammate .text p{
  font-family: FaNum;
  line-height: 25px;
}
.teammate .teammates{
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px
}
.teammate .teammates .item{
  width: 100%;
  padding: 8px;
  box-shadow: 0px 0px 13px 6px #faf8f8;
  text-align: center;
  display: inline-block;
  margin-left: 6px;
  border-radius: 10px;
}
.teammate .teammates .item:last-child{
  margin-left: 0;
}
.teammate .teammates .item img{
  width: 95px;
  border-radius: 8px;
}
.teammate .teammates .item span{
  display: block;
  font-family: Rokh;
  font-size: 12px;
  margin-top: 5px;
}
.teammate .teammates .owl-item{
  float: right;
}
.teammate .teammates .owl-nav,
.teammate .teammates .owl-dots{
  display: none;
}
.teammate{
  margin: 50px auto;
}
.registration{
  background-image: url(../images/covered-shape.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  padding-top: 30px;
  padding-bottom: 80px;
  background-size: 250px;
}
.registration a.btn-registration {
  border: 2px solid var(--bs-secondary-bg-subtle);
  background-color: var(--bs-secondary-bg-subtle);
  color: var(--color-main);
  border-radius: 20px;
  text-decoration: none;
  display: inline-block;
}
.registration .box-registration a{
  margin-bottom: 0;
}
.registration .box-registration {
  background-color: var(--color-main);
  color: #fff;
  padding: 35px;
  background-image: url(../images/shape_13.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 500px;
}
.registration .box-registration .text h2{
  font-family: Rokh;
}
.registration .box-registration .text p{
  color: #fff;
}
footer{
  background-color: var(--text-main);
  color: #fff;
  background-image: url(../images/foo.png);
  background-position: top center;
  background-repeat: no-repeat;
}
footer .footer-boxs h4{
  font-family: Rokh;
  font-size: 20px;
  margin-bottom: 10px;
}
footer .footer-boxs ul{
  list-style: none;
  padding-right: 10px;
  line-height: 2;
  margin-right: 10px;
}
footer .footer-boxs ul li{
  position: relative;
  font-size: 15px;
}
footer .footer-boxs ul li a::before {
  content: "";
  width: 5px;
  height: 10px;
  background-color: var(--color-tow);
  border-radius: 30px;
  position: absolute;
  top: 11px;
  right: -15px;
}
footer .footer-boxs ul li a{
  color: var(--bs-secondary-bg-subtle);
  font-weight: 200;
}
footer .footer-boxs ul li a:hover{
  color: var(--color-tow);
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}
footer .about{
  background-color: #fff;
  padding: 10px;
}
footer .about ul{
  list-style: none;
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
footer .about ul li{
  margin-left: 10px;
}
footer .about ul li:last-child{
  margin-left: 0;
}
footer .about ul li a{
  color: #cecece;
}
footer .about ul li a:hover{
  color: var(--color-tow);
  transition: all 0.3s ease-in-out;
}
footer .about ul li a i{
  font-size: 20px;
}
footer .about p{
  font-size: 15px;
  font-family: FaNum;
}
.title-page .title ul {
  display: flex;
  list-style: none;
}
.title-page .title ul li {
  font-size: 14px;
  font-family: 'faNum';
  margin-left: 10px;
}
.title-page .title ul li a {
  color: var(--color-tow);
  text-decoration: none;
  margin-left: 10px;
}
.title-page .title ul li:last-child{
  margin-left: 0;
}
.title-page .title h1{
  font-size: 22px;
  font-weight: bold;
}
.title-page .title {
  background-image: url(../images/bg-titlepage.webp);
  background-position: left center;
  background-repeat: no-repeat;
  border-radius: 15px;
  background-size: contain;
  padding-top: 50px;
  padding-bottom: 50px;
}
.main-page .wiget-box {
    box-shadow: 0 0 20px rgb(0 0 0 / 6%);
    border-radius: 15px;
    margin-top: 20px;
    border: 1px solid #d4d8dd;
}
.main-page .wiget-box:first-child{
  margin-top: 0;
}
.main-page .wiget-box .title {
  margin-bottom: 15px;
  background: #f4f4f4;
  position: relative;
  padding: 5px;
  border-radius: 8px;
}
.main-page .wiget-box .title strong::before {
    content: '';
    display: block;
    width: 5px;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 100px;
    background-color: var(--text-main);
}
.main-page .wiget-box .title strong {
    margin-right: 10px;
}
.main-page div.main {
    border-radius: 15px;
    border: 1px solid #d4d8dd;
    box-shadow: 0 0 20px rgb(0 0 0 / 6%);
}
.main-page .main .meta-post ul {
  display: flex;
  list-style: none;
  font-size: 14px;
  position: absolute;
  bottom: 0px;
  font-family: 'faNum';
}
.main-page .main .meta-post {
  padding-bottom: 35px;
  margin-top: 15px;
  border-top: 1px solid #eee;
}
.main-page .main .meta-post ul li {
  margin-left: 10px;
  color: #999;
}
.main-page .main .meta-post ul li i {
  margin-left: 5px;
  color: var(--color-tow);
}
.main-page .main .thumbnail img{
  width: 100%;
  border-radius: 10px;
}
.main-page div.post-content h2,
.main-page div.post-content h3,
.main-page div.post-content h4,
.main-page div.post-content h5,
.main-page div.post-content h6 {
  border: hidden;
  font-weight: bold;
  margin: 10px auto;
}
.main-page div.post-content h2{
  font-size: 24px;
}
.main-page div.post-content h3{
  font-size: 22px;
}
.main-page div.post-content h4{
  font-size: 20px;
}
.main-page div.post-content h5{
  font-size: 18px;
}
.main-page div.post-content h6{
  font-size: 16px;
}
.main-page .posts .post:first-child{
  margin-top: 0;
}
.main-page .posts .post {
  margin-top: 20px;
}
.blog .posts{
  align-items: stretch;
}
.blog .posts .post .thumbnail img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.blog .posts .post .main h3 a {
  font-size: 16px;
  font-weight: bold;
}
.blog .posts .post .main p {
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 10px;
}
.blog .posts .post .main h3 a:hover {
  color: var(--color-tow);
  transition: all 0.3s;
  text-decoration: none;
}
.blog .posts .post .main .d-flex {
  justify-content: flex-end;
  margin-top: 20px;
}
.blog .posts .post .main .d-flex a {
  font-size: 13px;
  text-decoration: none;
  padding: 5px;
  background: var(--bs-secondary-bg-subtle);
  border-radius: 5px;
  display: flex;
  align-items: center;
}
.blog .posts .post .main .d-flex a:hover {
  transition: all 0.3s ease-in-out !important;
  padding: 5px 15px;
}
.blog .posts .post .main .d-flex a i {
  display: flex;
  margin-left: 5px;
  font-size: 15px;
}
.blog .posts .post {
  padding: 10px;
  border-radius: 20px;
  box-shadow: 0px 0px 13px 6px #faf8f8;
  height: 100%;
}
.blog .posts .title {
    display: flex;
    justify-content: space-between;
    margin: 10px auto;
    align-items: center;
}
.blog .posts .title h2 {
  font-size: 22px;
  font-weight: bold;
}
.blog .posts .title a{
  font-size: 14px;
}
.main-page div.main .single-thumbnail img {
  margin: 0 auto;
  display: block;
  border-radius: 10px;
  margin-bottom: 10px;
  width: 100%;
  height: auto;
}
.main-page div.main .single-post-title{
  font-size: 22px;
  border-bottom: 2px solid var(--color-main);
  padding-bottom: 10px;
  font-weight: bold;
  margin-bottom: 10px;
}
#commentform .comment-form-comment{
  display: none;
}
#commentform .posttop-cm .comment-form-comment{
  display: block;
}
#commentform .posttop-cm {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-content: flex-start;
}
.posttop-cm label {
  display: block;
}
#commentform p.comment-form-cookies-consent {
  display: none !important;
}
.posttop-cm input, .posttop-cm textarea, #commentform .comment-form-comment textarea#comment {
  background: #eee;
  border: hidden;
  border-radius: 5px;
  margin-bottom: 10px;
  outline: none;
  padding: 3px 10px;
}
#commentform .comment-form-comment textarea#comment {
  margin-top: 10px;
  width: 100%;
  height: 150px;
}
#commentform .comment-form-comment label{
  display: block;
}
#commentform .form-submit input {
  border-radius: 10px;
  border: hidden;
  border: 1px solid var(--color-main);
  padding: 5px 15px;
  margin-top: 10px;
  background: var(--color-main);
  color: #fff;
  transition: all 0.3s;
}
#commentform p.form-submit input:hover{
  color: var(--color-main);
  border: 1px solid var(--color-main);
  background: none;
  transition: all 0.3s;
}
.post-comments h3#reply-title {
  font-size: 20px;
  font-weight: bold;
  margin: 10px auto;
}
.logged-in-comment-form p.comment-form-comment {
  display: block !important;
}
.logged-in-server-posttop #commentform .comment-form-comment {
  display: block !important;
}
#comments h2.comments-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
#comments .comment-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
#comments .comment-list li.comment {
  background: #fff;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0px 0px 13px 6px #faf8f8;
  margin: 20px auto;
}
#comments .comment-list li.comment .comment-author.vcard {
  padding: 5px;
  border: 1px solid #eee;
  border-radius: 5px;
  margin-bottom: 12px;
}
#comments .comment-list li.comment .commentmetadata {
  font-size: 12px;
  color: #999;
  width: max-content;
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
#comments .comment-list li.comment .reply {
  display: flex;
  justify-content: flex-end;
}
#comments .comment-list li.comment .reply a {
  background: var(--bs-secondary-bg-subtle);
  color: #8a8a8a;
  border-radius: 5px;
  font-size: 13px;
  padding: 5px 15px;
}
#comments .comment-list li.comment .comment-author.vcard img {
  border-radius: 50px;
}
#comments .comment-list .children {
  list-style: none;
  position: relative;
  padding-left: 0;
}
#comments .comment-list .children li {
  box-shadow: none;
  border: 1px solid #eee;
  margin-right: 25px;
}
#comments .comment-list .children::after {
  width: 60px;
  height: 60px;
  content: "\f131";
  font-family: 'bootstrap-icons';
  position: absolute;
  top: 10px;
  font-size: 19px;
  color: #999;
}
.page-main{
  padding: 20px;
}
.page-main h2 {
  border-bottom: none !important;
  margin: 10px auto;
}
.main-page .wiget-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.main-page .wiget-box ul li a {
  text-decoration: none;
  transition: all 0.3s;
}
.main-page .wiget-box ul li a:hover{
  color: var(--color-tow);
  transition: all 0.3s;
}
.main-page .wiget-box ul li a {
  text-decoration: none;
  transition: all 0.3s;
  font-size: 14px;
}
.copy-right {
  background: #282828;
  margin-top: 30px;
  padding: 5px;
}
.copy-right p {
  color: #fff;
  font-size: 13px;
}
.copy-right p a {
  background: #fff;
  padding: 0px 5px;
  border-radius: 3px;
  text-decoration: none;
}
.copy-right p a:hover {
  color: var(--color-tow);
  transition: all 0.3s;
}
.copy-right p i{
  color: var(--color-tow);
}
.post-lists .post-div {
  margin-bottom: 25px;
}
.post-lists .post-div:last-child{
  margin-bottom: 0;
}
.post-lists .post-div .permalink a {
  padding: 5px 10px;
  border-radius: 5px;
  background: var(--color-main);
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}
.post-lists .post-div .permalink a:hover{
  background: #c1c1c1;
  transition: all 0.3s ease-in-out;
}
.pagination .nav-links a,
.pagination .nav-links span{
  margin: 0 5px;
  background: var(--color-main);
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 15px;
  color: #fff;
}
.pagination .nav-links span{
  background: #c1c1c1;
  color: var(--color-main);
}
.pagination .nav-links a:hover{
  background: var(--color-tow);
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.pagination {
  display: flex;
  justify-content: center;
}
.title-page .pagelist-title h1{
  font-size: 22px;
  font-weight: bold;
}
.title-page .pagelist-title {
  background-image: url(../images/search-box.webp);
  background-position: left center;
  background-repeat: no-repeat;
  border-radius: 15px;
  background-size: contain;
  padding-top: 50px;
  padding-bottom: 50px;
}
.cat-search input {
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 5px;
  font-size: 13px;
  width: 30%;
}
.cat-search button {
  border: hidden;
  background: var(--color-tow);
  padding: 5px 10px;
  margin-right: -2px;
  border-radius: 5px 0 0 5px;
  color: #fff;
  display: flex;
  align-items: center;
}
.cat-search {
  display: flex;
  align-items: stretch;
}
.form-calculation label {
  display: block;
  margin: 10px auto;
  font-weight: bold;
}
.form-calculation input{
  display: block;
  width: 100%;
  padding: 10px !important;
  border-radius: 5px;
  outline: none;
  border: 1px solid #eee;
}
.form-calculation select {
  width: 100%;
  padding: 10px !important;
  border-radius: 5px;
  outline: none;
  border: 1px solid #eee;
}
.form-calculation .select2-container--default .select2-selection--single{
  border: hidden;
}
.form-calculation .select2-container--default .select2-selection--single .select2-selection__arrow {
  left: 5px;
  top: 10px;
  outline: none;
}
.form-calculation .select2-container{
  padding: 10px !important;
  border-radius: 5px;
  border: 1px solid #eee;
}
.form-calculation button {
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  border: hidden;
  margin: 20px auto;
  background: var(--color-main);
  color: #fff;
}
.form-calculation .loader {
  text-align: center;
  display: none;
}
div#price-service {
  color: var(--color-tow);
  text-align: center;
  font-weight: bold;
}
.contactus span.elementor-message {
  font-family: 'IRANYekan' !important;
  font-size: 13px;
}
.box-related-post .related-posts{
	margin-top: 20px;
}
.box-related-post .related-posts article img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.box-related-post .related-posts article a {
    text-decoration: none;
}
.box-related-post .related-posts article h3 {
    font-size: 15px;
    text-align: right;
    font-weight: 500;
    margin-top: 11px;
    color: #35495c;
    line-height: 25px;
}
.box-related-post .related-posts article {
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgb(0 0 0 / 6%);
	border: 1px solid #d4d8dd;
}
.box-related-post h2 {
    margin-top: 30px;
    border-bottom: 2px solid var(--color-main);
    padding-bottom: 6px;
    color: #0e2334;
    font-size: 20px;
	font-weight: 600;
}

/*Demo 1*/
.namad-boxs .elementor-slides-wrapper {
    background: #fff;
    border-radius: 10px;
}
.namad-boxs .swiper-pagination-bullet{
	background: #1d68e8ba;
    border-radius: 5px !important;
    height: 10px;
	width: 13px;
}
.namad-boxs .swiper-pagination-bullet-active {
    background: #1D68E8 !important;
    width: 22px;
    border-radius: 5px !important;
    height: 10px;
}
.slidersho-home1 .swiper-slide-inner .elementor-button {
    border-radius: 20px;
}
.slidersho-home1 .swiper-slide-bg{
	background-size: 300px !important;
    background-position-x: 75px !important;
}
.slidersho-home1 .swiper-slide-contents{
	width: 50% !important;
}
.slidersho-home1{
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}
.slidersho-home1 .swiper-pagination-bullet {
    background: #1d68e8ba;
    border-radius: 5px !important;
    height: 10px;
    width: 13px;
}
.slidersho-home1 .swiper-pagination-bullets.swiper-pagination-horizontal {
    background: #f7f7f7;
    width: max-content;
    border-radius: 15px 15px 0 0;
    bottom: 0px !important;
    height: 31px;
    display: flex;
    align-items: center;
    padding: 0px 25px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.namad-boxs .swiper-pagination-bullet-active {
    background: #1D68E8 !important;
    width: 22px;
    border-radius: 5px !important;
    height: 10px;
}
.text-slider-home1 .faliat {
    position: absolute;
    top: -100px;
    z-index: 999;
    background: #f7f7f7;
    padding: 17px;
    border-radius: 30px 0;
    right: -10px;
    text-align: center;
}
.text-slider-home1 .project-movafagh {
    position: absolute;
    top: -435px;
    z-index: 999;
    background: #f7f7f7;
    left: 0;
    padding: 20px;
    border-radius: 10px 15px 30px 0px;
    text-align: center;
}
.text-slider-home1 .project-movafagh h3,
.text-slider-home1 .faliat h3 {
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    background-image: linear-gradient(50deg, #1D68E8, #889DFF);
	font-weight: 900;
}
.accordion-home1 .elementor-accordion .elementor-accordion-item {
    margin: 10px auto;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.accordion-home1 .elementor-accordion .elementor-tab-title a::before {
    display: none;
}
.accordion-home1 .elementor-accordion .elementor-tab-title.elementor-active a::before {
    background-color: #2367e4;
    right: 0;
    width: 4px;
    content: '';
    position: absolute;
    height: 30px;
    border-radius: 4px 0 0 4px;
    top: 10px;
	display: block;
}
.home1-mov video {
    border-radius: 10px;
}
.home1-portfolio .swiper-pagination-bullet {
    background: #1d68e8ba !important;
    border-radius: 5px !important;
    height: 10px !important;
    width: 13px !important;
}
.home1-portfolio .swiper-pagination-bullet-active {
    background: #1D68E8 !important;
    width: 22px !important;
    border-radius: 5px !important;
    height: 10px;
}
.home1-portfolio .swiper-pagination {
    margin-top: 12px;
}
.home1-offer-img img {
    position: absolute;
    top: -230px;
    left: 80px;
    width: 450px;
}
.home1-blog .elementor-post__meta-data {
    background: #1D68E812;
    padding: 10px;
    border-radius: 5px;
}
.home1-blog a.elementor-post__read-more {
    width: 100%;
    display: block;
    text-align: left;
    margin-top: 15px;
}

/**/
/*Responsive Mobile*/
@media only screen and (max-width: 768px) {
	.home1-offer-img img {
		top: -160px;
		left: 0;
		width: 250px;
	}
	.slidersho-home1 .swiper-slide-bg{
		background-size: 200px !important;
		background-position-x: 20px !important;
	}
	.slidersho-home1 .swiper-pagination-bullets.swiper-pagination-horizontal{
		height: 20px;
	}
	.text-slider-home1 .project-movafagh {
		top: -430px;
		padding: 10px;
	}
	.text-slider-home1 .faliat {
		top: -70px;
		padding: 7px;
		right: 0;
	}
  .form-calculation .select2-container{
    width: 100% !important;
  }
  .main-page div.main .single-thumbnail img{
    width: 100%;
  }
  .cat-search input{
    width: 50%;
  }
  .main-page div.main .single-post-title{
    font-size: 17px;
  }
  .footer-boxs {
      text-align: center;
  }
  footer .footer-boxs ul li a::before{
    display: none;
  }
  footer .footer-boxs h4 {
      padding-bottom: 10px;
      border-bottom: 2px solid var(--color-tow);
      width: max-content;
      margin: 5px auto;
  }
  .main-page .sidebar {
      margin-top: 25px;
  }
  .teammate .position-absolute {
      top: 220px;
  }
  h2{
    line-height: 1.5;
  }
  header .information .site-message {
      justify-content: center;
      font-size: 14px;
      margin-bottom: 10px;
  }
  .covered .box-covered .image img {
      top: -180px;
      left: 40px;
      width: 180px;
  }
  .covered .box-covered {
      margin: 90px auto;
  }
  .tracking{
    padding-bottom: 100px;
  }
  .tracking .box-tracking .image{
    display: none;
  }
  .covered{
    background-position: bottom center;
  }
  .covered .box-covered .text-box h2{
    font-size: 21px;
  }
  .covered .box-covered .text-box p {
      font-size: 14px;
      line-height: 30px;
  }
  .tracking .box-tracking #tracking-home #tracking-code{
    background: #fff;
    color: #999;
  }
  .tracking .box-tracking{
    padding: 35px 20px;
  }
  .differences .box-difference{
    margin-bottom: 25px;
  }
  .packer img {
    width: 100%;
  }
  .packer .text h2,
  .packer .text p{
    text-align: right;
  }
  .submit-order {
      text-align: center;
  }
  .communication .d-flex {
      justify-content: center;
  }
  .m-btn-login{
    display: block;
  }
  .login-nav, .menu-nav{
    display: none;
  }
  .logo-nav {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  .logo-nav .m-btn-login {
      font-size: 25px;
  }
}