/*
@File: Jeel Template Style

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

*******************************************
*******************************************

** - Default CSS
** - Home Demo One CSS
** - Home Demo Two CSS
** - Home Demo Three CSS
** - About Us CSS
** - Services Details CSS
** - Blog Details CSS
** - Shop CSS
** - Cart CSS
** - Checkout CSS
** - Single Product CSS
** - Contact CSS
** - User CSS
** - Team CSS
** - Appointment CSS
** - Error CSS
** - Go Top CSS
** - Preloader CSS
*/
@import url("vazir-font-face.css");

/*----- Default CSS -----*/
body {
  font-family: "vazir", sans-serif;
  color: #4d4c4c;
  background-color: #fff;
  font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: #484848;
  font-family: "vazir", sans-serif;
}

p {
  line-height: 1.7;
}

a {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  text-decoration: none;
}

img {
  max-width: 100%;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  vertical-align: middle;
}

.mtb-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.mt-100 {
  margin-top: 100px;
}

.mb-100 {
  margin-bottom: 100px;
}

.ptb-100 {
  padding-top: 40px;
  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-100 {
  padding-bottom: 100px;
}

button:focus {
  outline: 0;
}

.btn.focus, .btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.common-btn {
  display: inline-block;
  color: #fff;
  background-color: #9176AF;
  padding: 12px 30px;
  font-weight: 600;
  border: 0;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  opacity: 1;
  z-index: 1;
  position: relative;
  border-radius: 20px 0 20px 0;
}

.common-btn:before {
  position: absolute;
  content: '';
  width: 95%;
  height: 85%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid #fff;
  border-radius: 20px 0 20px 0;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.common-btn:hover {
  border-radius: 0 20px 0 20px;
  color: #fff;
}

.common-btn:hover:before {
  border-radius: 0 20px 0 20px;
}

.common-btn.two {
  background-color: #802A8B;
}

.common-btn.three {
  background-color: #335D2D;
}

.section-title {
  margin-bottom: 40px;
  text-align: center;
  position: relative;
  z-index: 1;
  margin-top: -5px;
}

.section-title h2 {
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.4;
}

.section-title p {
  margin-bottom: 0;
  margin-top: 10px;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.section-title.two h2 {
  color: #335D2D;
}

/*----- Home Demo One CSS -----*/
/*-- Header --*/
.header-area {
  background-color: #9176AF;
  padding-top: 15px;
  padding-bottom: 15px;
}

.header-area .container-fluid {
  max-width: 1540px;
}

.header-area .left ul {
  margin: 0;
  padding: 0;
}

.header-area .left ul li {
  list-style-type: none;
  display: inline-block;
margin-left: 5px;
}

.header-area .left ul li a {
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #9176AF;
  background-color: #fff;
  border-radius: 3px;
  font-size: 15px;
}

.header-area .left ul li a i {
  line-height: 20px;
}

.header-area .left ul li a:hover {
  -webkit-transform: translate(0, -5px);
          transform: translate(0, -5px);
}

.header-area .right {
text-align: left;
}

.header-area .right ul {
  margin: 0;
  padding: 0;
}

.header-area .right ul li {
  list-style-type: none;
  display: inline-block;
  font-size: 14px;
margin-left: 15px;
  vertical-align: middle;
}

.header-area .right ul li:last-child {
margin-left: 0;
}

.header-area .right ul li i {
  display: inline-block;
  color: #fff;
  font-size: 20px;
  position: relative;
  top: 4px;
}

.header-area .right ul li span {
  display: inline-block;
margin-left: 3px;
  font-weight: 600;
  color: #fff;
}

.header-area .right ul li a {
  color: #fff;
  position: relative;
}

.header-area .right ul li a:before {
  position: absolute;
  content: '';
  width: 0;
  height: 1px;
right: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.header-area .right ul li a:hover:before {
  width: 100%;
}

.header-area .right ul li .nice-select {
  background-color: transparent;
  border: 0;
padding-right: 0;
  height: 25px;
  line-height: 25px;
}

.header-area .right ul li .nice-select:after {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}

.header-area .right ul li .nice-select ul {
  border-radius: 0;
right: -45px;
}

.header-area .right ul li .nice-select ul li {
  display: block;
margin-left: 0;
}

.header-area .right ul li .dropdown-toggle::after {
  display: none;
}

@-webkit-keyframes world-rotate-ani-one {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes world-rotate-ani-one {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/*-- Navbar --*/
.sticky-top {
  z-index: 7;
}

.main-nav {
  background: #9176AFed;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  z-index: 7;
}

.main-nav.menu-shrink {
  padding-top: 12px;
  padding-bottom: 12px;
  background: #9176AF;
}

.main-nav .container-fluid {
  max-width: 1540px;
}

.main-nav nav {
  padding: 0;
}

.main-nav nav .navbar-nav {
  margin-left: auto;
  margin-right: auto;
}

.main-nav nav .navbar-nav .nav-item:hover a {
  color: #fff;
}

.main-nav nav .navbar-nav .nav-item a {
  text-transform: unset;
  position: relative;
  font-weight: 600;
}

.main-nav nav .navbar-nav .nav-item a:before {
  position: absolute;
  content: '';
  width: 0;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.main-nav nav .navbar-nav .nav-item a i {
  display: inline-block;
  font-size: 16px;
}

.main-nav nav .navbar-nav .nav-item a:hover, .main-nav nav .navbar-nav .nav-item a:focus, .main-nav nav .navbar-nav .nav-item a.active {
  color: #fff;
}

.main-nav nav .navbar-nav .nav-item a:hover i, .main-nav nav .navbar-nav .nav-item a:focus i, .main-nav nav .navbar-nav .nav-item a.active i {
  -webkit-animation: rotate-ani-one 2s infinite alternate;
          animation: rotate-ani-one 2s infinite alternate;
}

.main-nav nav .navbar-nav .nav-item a:hover:before, .main-nav nav .navbar-nav .nav-item a:focus:before, .main-nav nav .navbar-nav .nav-item a.active:before {
  width: 50%;
}

.main-nav nav .navbar-nav .nav-item:hover .dropdown-menu:before {
  height: 100%;
}

.main-nav nav .navbar-nav .nav-item:hover .dropdown-menu:after {
  height: 100%;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu {
  background: #fff;
  padding: 0;
  border-radius: 0;
  border: 0;
  -webkit-transition: .3s;
  transition: .3s;
  width: 270px;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu:before {
  position: absolute;
  content: '';
  width: 2px;
  height: 0;
  top: 0;
  left: 0;
  background-color: #9176AF;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu:after {
  position: absolute;
  content: '';
  width: 2px;
  height: 0;
  bottom: 0;
  right: 0;
  background-color: #9176AF;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li {
  border-bottom: 1px solid #f4f4f4;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child {
  border-bottom: 0;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover a {
  color: #9176AF;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
  top: 0 !important;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
  text-transform: unset;
  padding: 12px 15px;
  color: #484848;
  font-weight: 600;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:before {
  display: none;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #9176AF;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  left: unset;
  right: -100%;
  top: 25px;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #484848;
  text-transform: unset;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
  color: #9176AF;
}

.main-nav .dropdown-toggle::after {
  display: none;
}

@-webkit-keyframes rotate-ani-one {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate-ani-one {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.side-nav .nav-search {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}

.side-nav .nav-search #search-btn {
  color: #fff;
  font-size: 30px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  position: relative;
  top: 3px;
}

.side-nav .nav-search #search-btn:hover {
  -webkit-transform: translate(0, -5px);
          transform: translate(0, -5px);
}

.side-nav .nav-search #close-btn {
  padding: 0;
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1;
  color: #fff;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  font-size: 60px;
  cursor: pointer;
}

.side-nav .nav-search #close-btn:hover {
  color: #9176AF;
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

.side-nav .nav-search #search-overlay {
  display: none;
  z-index: 999999;
}

.side-nav .nav-search .block {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  background-color: #000000eb;
}

.side-nav .nav-search .block:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.side-nav .nav-search .centered {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  padding: 10px 15px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
}

.side-nav .nav-search .centered #search-box {
  position: relative;
}

.side-nav .nav-search .centered #search-box form .form-control {
  height: 50px;
  border: 0;
  border-radius: 5px;
  padding-left: 20px;
}

.side-nav .nav-search .centered #search-box form .form-control:focus {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.side-nav .nav-search .centered #search-box form .btn {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  background-color: #9176AF;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  height: 100%;
  padding: 0;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 18px;
  border-radius: 0 5px 5px 0;
}

.side-nav .nav-search .centered #search-box form .btn:hover {
  color: #fff;
  background-color: #484848;
}

.side-nav .cart {
  display: inline-block;
  margin-right: 20px;
  position: relative;
}

.side-nav .cart i {
  color: #fff;
  font-size: 30px;
  vertical-align: middle;
}

.side-nav .cart span {
  position: absolute;
  top: -2px;
  right: -2px;
  display: inline-block;
  width: 15px;
  height: 15px;
  font-size: 10px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  background-color: #484848;
  border: 1px solid;
}

.side-nav .cart:hover {
  -webkit-transform: translate(0, -5px);
          transform: translate(0, -5px);
}

.side-nav .nav-btn {
  color: #9176AF;
  background-color: #fff;
}

.side-nav .nav-btn:before {
  border: 1px solid #9176AF;
}

/*-- Banner --*/
.banner-img-one {
  background-image: url("../images/banner/banner-bg6.png");
}

.banner-area {
  height: 850px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}

.banner-area .banner-shape img {
  position: absolute;
}

.banner-area .banner-shape img:nth-child(1) {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.banner-area .banner-shape img:nth-child(2) {
  top: 0;
  left: 0;
  max-width: 155px;
  -webkit-animation: banner-ani-one 8s infinite linear;
          animation: banner-ani-one 8s infinite linear;
}

.banner-area .banner-shape img:nth-child(3) {
  top: 0;
  left: 40%;
  max-width: 220px;
  -webkit-animation: banner-ani-two 8s infinite linear;
          animation: banner-ani-two 8s infinite linear;
}

.banner-area .banner-shape img:nth-child(4) {
  bottom: 0;
  left: 0;
  max-width: 155px;
  -webkit-animation: banner-ani-three 8s infinite linear;
          animation: banner-ani-three 8s infinite linear;
}

.banner-area .banner-shape img:nth-child(5) {
  bottom: 0;
  left: 35%;
  max-width: 155px;
  -webkit-animation: banner-ani-four 8s infinite linear;
          animation: banner-ani-four 8s infinite linear;
}

.banner-area .container-fluid {
  max-width: 1540px;
}

.banner-content {
  max-width: 900px;
  position: relative;
  z-index: 1;
  margin-top: 50px;
}

.banner-content h1 {
  font-size: 95px;
  font-weight: 800;
  margin-bottom: 30px;
  color: #9176AF;
}

.banner-content .banner-btn-area .banner-btn {
  margin-left: 15px;
  color: #9176AF;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd75;
          box-shadow: 0px 0px 20px 0px #dddddd75;
}

.banner-content .banner-btn-area .banner-btn:before {
  border: 1px solid #9176AF;
}

@-webkit-keyframes banner-ani-one {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 40px);
            transform: translate(0, 40px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes banner-ani-one {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 40px);
            transform: translate(0, 40px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes banner-ani-two {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(-40px, 0);
            transform: translate(-40px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes banner-ani-two {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(-40px, 0);
            transform: translate(-40px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes banner-ani-three {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(40px, 0);
            transform: translate(40px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes banner-ani-three {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(40px, 0);
            transform: translate(40px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes banner-ani-four {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, -40px);
            transform: translate(0, -40px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes banner-ani-four {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, -40px);
            transform: translate(0, -40px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

/*-- Offer --*/
.offer-area {
  background-color: #FCFCFC;
  position: relative;
}

.offer-area .offer-shape img {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-animation: banner-ani-four 8s infinite linear;
          animation: banner-ani-four 8s infinite linear;
}

.offer-area .owl-prev {
  width: 45px;
  height: 45px;
  line-height: 45px !important;
  font-size: 25px !important;
  color: #fff !important;
  background-color: #9176AF !important;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  border-radius: 0 !important;
  position: absolute;
  top: 35%;
  left: 30px;
}

.offer-area .owl-prev:hover {
  color: #fff !important;
  background-color: #484848 !important;
}

.offer-area .owl-next {
  width: 45px;
  height: 45px;
  line-height: 45px !important;
  font-size: 25px !important;
  color: #fff !important;
  background-color: #9176AF !important;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  border-radius: 0 !important;
  position: absolute;
  top: 35%;
  right: 30px;
}

.offer-area .owl-next:hover {
  color: #fff !important;
  background-color: #484848 !important;
}

.offer-item {
  text-align: center;
  position: relative;
  overflow: hidden;
}

.offer-item img {
  width: 100%;
}

.offer-item:hover .inner {
  opacity: 1;
  top: 50%;
  visibility: visible;
}

.offer-item:hover .inner:before {
  top: 50%;
}

.offer-item .inner {
  position: absolute;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #9176AFd6;
  width: 150px;
  height: 150px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.offer-item .inner:before {
  position: absolute;
  content: '';
  width: 180px;
  height: 180px;
  top: 20%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 2px solid #fff;
  z-index: -1;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.offer-item .inner h4 {
  font-size: 20px;
  margin-bottom: 5px;
  color: #fff;
}

.offer-item .inner a {
  display: inline-block;
  color: #fff;
  border-bottom: 1px solid #fff;
}

.offer-item .inner a:hover {
  color: #fff;
  letter-spacing: 1px;
}

/*-- Best --*/
.best-area {
  position: relative;
}

.best-area .best-shape img {
  position: absolute;
  bottom: 100px;
  right: 0;
  -webkit-animation: banner-ani-two 8s infinite linear;
          animation: banner-ani-two 8s infinite linear;
}

.best-area .best-img {
  position: relative;
  margin-bottom: 30px;
}

.best-area .best-img img {
  width: 100%;
}

.best-area .best-img img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.faq-item {
  margin-bottom: 30px;
  max-width: 650px;
}

.faq-item .section-title {
  text-align: left;
}

.faq-item .section-title p {
  margin-left: 0;
}

.faq-item .accordion {
  margin: 0;
  padding: 0;
}

.faq-item .accordion li {
  position: relative;
  list-style-type: none;
  margin-bottom: 30px;
  display: block;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd75;
          box-shadow: 0px 0px 20px 0px #dddddd75;
}

.faq-item .accordion li .faq-head {
  color: #484848;
  font-size: 18px;
  width: 100%;
  display: block;
  cursor: pointer;
  font-weight: 600;
  padding: 18px 35px 18px 18px;
  margin-bottom: 0;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  background-color: #F9F9F9;
  border: 1px solid transparent;
}

.faq-item .accordion li .faq-head:after {
  position: absolute;
  right: 20px;
  content: "+";
  top: 10px;
  color: #232323;
  font-size: 25px;
  font-weight: 700;
}

.faq-item .accordion li .faq-head.active {
  color: #fff;
  background-color: #9176AF;
  border: 1px solid #9176AF;
}

.faq-item .accordion li .faq-head.active:after {
  content: '-';
  font-size: 25px;
  color: #fff;
}

.faq-item .accordion li .faq-content {
  display: none;
  background-color: #fff;
  padding: 20px 45px 15px 20px;
}

.faq-item .accordion li .faq-content p {
  margin-bottom: 0;
}

.faq-item .accordion li .faq-content p a {
  display: inline-block;
  color: #9176AF;
}

.faq-item .accordion li .faq-content p a:hover {
  color: #484848;
}

.faq-item .accordion li .faq-content a {
  display: inline-block;
  color: #9176AF;
  font-weight: 600;
}

.faq-item .accordion li .faq-content a:hover {
  color: #484848;
}

/*-- Services --*/
.services-item {
  margin-bottom: 30px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd75;
          box-shadow: 0px 0px 20px 0px #dddddd75;
  padding: 30px 15px;
  border-radius: 20px 20px 20px 0;
  background-image: url("../images/services/services-bg.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.services-item:hover {
  -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px);
}

.services-item:hover:before {
  height: 0;
}

.services-item:hover:after {
  height: 100%;
}

.services-item:hover .inner h3 a {
  color: #fff;
}

.services-item:hover .inner span {
  color: #fff;
}

.services-item:hover .inner p {
  color: #fff;
}

.services-item:hover .inner .services-btn {
  color: #fff;
  border-bottom: 1px solid #fff;
}

.services-item:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 20px 20px 20px 0;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.services-item:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 0%;
  bottom: 0;
  left: 0;
  background-color: #9176AF;
  border-radius: 20px 20px 20px 0;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  opacity: .80;
}

.services-item .inner {
  position: relative;
  z-index: 1;
}

.services-item .inner img {
  max-width: 80px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 22px;
  border-radius: 50%;
}

.services-item .inner h3 {
  font-size: 22px;
  margin-bottom: 13px;
}

.services-item .inner h3 a {
  color: #484848;
}

.services-item .inner h3 a:hover {
  color: #484848;
}

.services-item .inner p {
  margin-bottom: 14px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.services-item .inner .services-btn {
  display: inline-block;
  font-weight: 600;
  color: #4d4c4c;
  border-bottom: 1px solid #484848;
}

.services-item .inner .services-btn:hover {
  letter-spacing: 1px;
}

/*-- Reviews --*/
.reviews-area {
  background-color: #FCFCFC;
}

.reviews-area .tab-content {
  position: relative;
  z-index: 2;
}

.reviews-area .tab-content .reviews-shape img {
  position: absolute;
}

.reviews-area .tab-content .reviews-shape img:nth-child(1) {
  bottom: 0;
  left: 0;
  max-width: 140px;
  -webkit-animation: banner-ani-three 8s infinite linear;
          animation: banner-ani-three 8s infinite linear;
}

.reviews-area .tab-content .reviews-shape img:nth-child(2) {
  top: 0;
  right: 0;
  max-width: 150px;
  -webkit-animation: banner-ani-two 8s infinite linear;
          animation: banner-ani-two 8s infinite linear;
}

.reviews-area ::-webkit-scrollbar {
  width: 5px;
}

.reviews-area ::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.reviews-area ::-webkit-scrollbar-thumb {
  background: #484848;
}

.reviews-area ::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.reviews-area .nav-pills {
  background-color: #9176AF;
  padding: 30px 25px 0;
  border-radius: 5px;
  height: 570px;
  overflow-y: scroll;
  text-align: center;
}

.reviews-area .nav-pills .nav-link {
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}

.reviews-area .nav-pills .nav-link.active, .reviews-area .nav-pills .show > .nav-link {
  color: transparent;
  background-color: transparent;
  position: relative;
}

.reviews-area .nav-pills .nav-link.active:before, .reviews-area .nav-pills .show > .nav-link:before {
  position: absolute;
  content: '';
  top: 50px;
  left: -42px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 25px solid #fff;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.reviews-area .review-content {
  text-align: center;
  background-color: #fff;
  padding: 40px 40px 45px;
}

.reviews-area .review-content .icon {
  display: inline-block;
  font-size: 70px;
  color: #9176AF;
  margin-bottom: 10px;
}

.reviews-area .review-content p {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 14px;
}

.reviews-area .review-content h3 {
  font-size: 60px;
  margin-bottom: 5px;
}

.reviews-area .review-content ul {
  margin: 0;
  padding: 0;
}

.reviews-area .review-content ul li {
  list-style-type: none;
  display: inline-block;
  margin-left: 1px;
  margin-right: 1px;
}

.reviews-area .review-content ul li i {
  display: inline-block;
  font-size: 16px;
  color: #4d4c4c;
}

.reviews-area .review-content ul li i.checked {
  color: #FFC107;
}

.reviews-area .reviews-img {
  text-align: center;
  margin-bottom: 30px;
}

.reviews-area .reviews-img img {
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  max-width: 130px;
}

.reviews-area .reviews-img h3 {
  font-size: 22px;
  margin-bottom: 5px;
  color: #fff;
}

.reviews-area .reviews-img span {
  display: block;
  color: #fff;
  font-size: 15px;
}

/*-- Get --*/
.get-area {
  background-image: url("../images/get-bg.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 50px;
  padding-bottom: 50px;
}

.get-area .get-content {
  text-align: center;
  background-color: #9176AFd4;
  padding-top: 75px;
  padding-bottom: 85px;
  position: relative;
  z-index: 1;
}

.get-area .get-content:before {
  position: absolute;
  content: '';
  width: 95%;
  height: 85%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid #fff;
  z-index: -1;
}

.get-area .get-content .get-shape img {
  position: absolute;
  max-width: 200px;
}

.get-area .get-content .get-shape img:nth-child(1) {
  top: 0;
  right: 0;
  -webkit-animation: banner-ani-two 8s infinite linear;
          animation: banner-ani-two 8s infinite linear;
}

.get-area .get-content .get-shape img:nth-child(2) {
  left: 0;
  bottom: 0;
  -webkit-animation: banner-ani-three 8s infinite linear;
          animation: banner-ani-three 8s infinite linear;
}

.get-area .get-content .section-title {
  margin-bottom: 30px;
  max-width: 725px;
  margin-left: auto;
  margin-right: auto;
}

.get-area .get-content .section-title h2 {
  color: #fff;
}

.get-area .get-content .common-btn {
  color: #9176AF;
  background-color: #fff;
}

.get-area .get-content .common-btn:before {
  border: 1px solid #9176AF;
}

/*-- Instagram --*/
.instagram-area {
  background-color: #FCFCFC;
}

.instagram-area .owl-prev {
  width: 45px;
  height: 45px;
  line-height: 45px !important;
  font-size: 25px !important;
  color: #fff !important;
  background-color: #9176AF !important;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  border-radius: 0 !important;
  position: absolute;
  top: 37%;
  left: 10px;
}

.instagram-area .owl-prev:hover {
  color: #fff !important;
  background-color: #484848 !important;
}

.instagram-area .owl-next {
  width: 45px;
  height: 45px;
  line-height: 45px !important;
  font-size: 25px !important;
  color: #fff !important;
  background-color: #9176AF !important;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  border-radius: 0 !important;
  position: absolute;
  top: 37%;
  right: 10px;
}

.instagram-area .owl-next:hover {
  color: #fff !important;
  background-color: #484848 !important;
}

.instagram-area .owl-theme .owl-nav {
  margin-top: 0;
}

.instagram-item {
  text-align: center;
  position: relative;
  overflow: hidden;
}

.instagram-item:hover:before {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.instagram-item:hover:after {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.instagram-item:hover .inner {
  opacity: 1;
  visibility: visible;
}

.instagram-item img {
  width: 100%;
}

.instagram-item:before {
  position: absolute;
  content: '';
  width: 70%;
  height: 70%;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #9176AFe8;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  opacity: 0;
  visibility: hidden;
}

.instagram-item:after {
  position: absolute;
  content: '';
  width: 85%;
  height: 85%;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  border: 2px solid #fff;
  opacity: 0;
  visibility: hidden;
}

.instagram-item .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  opacity: 0;
  visibility: hidden;
}

.instagram-item .inner a {
  display: inline-block;
  color: #fff;
  font-size: 50px;
}

.instagram-item .inner a:hover {
  -webkit-transform: translate(0, -5px);
          transform: translate(0, -5px);
}

/*-- Skin --*/
.skin-area .skin-content {
  margin-bottom: 30px;
  max-width: 635px;
  margin-left: auto;
}

.skin-area .skin-content .section-title {
  margin-bottom: 25px;
  text-align: left;
}

.skin-area .skin-content .section-title h2 {
  font-size: 37px;
}

.skin-area .skin-content .section-title p {
  margin-bottom: 5px;
  margin-left: 0;
}

.skin-area .skin-content .section-title p:last-child {
  margin-bottom: 0;
}

.skin-area .skin-img {
  margin-bottom: 30px;
  position: relative;
}

.skin-area .skin-img img {
  width: 100%;
}

.skin-area .skin-img img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*-- Video --*/
.video-area {
  height: 600px;
  text-align: center;
  position: relative;
  background-image: url("../images/banner/banner-bg2b.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.video-area:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: .50;
}

.video-area .video-shape img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .90;
}

.video-area .video-item h3 {
  color: #fff;
  margin-bottom: 0;
  font-size: 22px;
  position: relative;
  z-index: 1;
}

.video-wrap {
  z-index: 2;
  margin-bottom: 20px;
}

.video-wrap .js-modal-btn {
  z-index: 5;
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: relative;
  font-size: 65px;
  text-align: center;
  color: #9176AF;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.video-wrap .js-modal-btn i {
  line-height: 98px;
}

.video-wrap .js-modal-btn:before {
  content: '';
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100px;
  height: 100px;
  background-color: #fff;
  border-radius: 50%;
  z-index: -1;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
          animation: pulse-border 1500ms ease-out infinite;
}

.video-wrap .js-modal-btn:after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100px;
  height: 100px;
  background-color: #fff;
  border-radius: 50%;
  z-index: -1;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.video-wrap .js-modal-btn:hover {
  color: #fff;
}

.video-wrap .js-modal-btn:hover:before {
  background-color: #9176AF;
}

.video-wrap .js-modal-btn:hover:after {
  background-color: #9176AF;
}

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

/*-- Blog --*/
.blog-area {
  position: relative;
}

.blog-area .blog-shape img {
  position: absolute;
  bottom: 0;
left: 40px;
  max-width: 400px;
  -webkit-animation: banner-ani-two 8s infinite linear;
          animation: banner-ani-two 8s infinite linear;
}

.blog-item {
  margin-bottom: 30px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.blog-item:hover {
  -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px);
}

.blog-item .top {
  position: relative;
  margin-bottom: 18px;
}

.blog-item .top span {
  position: absolute;
  top: 15px;
right: 15px;
  display: inline-block;
  color: #9176AF;
  background-color: #fff;
  border-radius: 15px 0 15px 0;
  width: 55px;
  text-align: center;
  font-weight: 600;
  padding-top: 5px;
  padding-bottom: 6px;
  font-size: 15px;
}

.blog-item .top img {
  width: 100%;
}

.blog-item .bottom h3 {
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 1.4;
}

.blog-item .bottom h3 a {
  color: #484848;
}

.blog-item .bottom h3 a:hover {
  color: #9176AF;
}

.blog-item .bottom p {
  margin-bottom: 10px;
}

.blog-item .bottom .blog-btn {
  display: inline-block;
  color: #9176AF;
  position: relative;
  font-weight: 600;
  float: left;
}

.blog-item .bottom .blog-btn:before {
  position: absolute;
  content: '';
  width: 0;
  height: 1px;
right: 0;
  bottom: 0;
  background-color: #9176AF;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.blog-item .bottom .blog-btn:hover:before {
  width: 100%;
}

/*-- Footer --*/
.footer-area {
  background-image: url("../images/footer-bg.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}

.footer-area:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #9176AF;
  opacity: .90;
}

.footer-area .footer-shape img:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .50;
}

.footer-item {
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

.footer-item h3 {
  font-size: 22px;
  margin-bottom: 30px;
  color: #fff;
}

.footer-item .footer-contact .info {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

.footer-item .footer-contact .info li {
  list-style-type: none;
  display: block;
  margin-bottom: 10px;
}

.footer-item .footer-contact .info li:last-child {
  margin-bottom: 0;
}

.footer-item .footer-contact .info li span {
  display: inline-block;
  font-weight: 600;
  color: #fff;
}

.footer-item .footer-contact .info li a {
  color: #fff;
  display: inline-block;
  position: relative;
}

.footer-item .footer-contact .info li a:before {
  position: absolute;
  content: '';
  width: 0;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.footer-item .footer-contact .info li a:hover {
  color: #fff;
}

.footer-item .footer-contact .info li a:hover:before {
  width: 100%;
}

.footer-item .footer-contact .social {
  margin: 0;
  padding: 0;
}

.footer-item .footer-contact .social li {
  list-style-type: none;
  display: inline-block;
  margin-right: 3px;
}

.footer-item .footer-contact .social li a {
  display: block;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 5px;
  color: #9176AF;
  background-color: #fff;
  font-size: 16px;
}

.footer-item .footer-contact .social li a i {
  line-height: 25px;
}

.footer-item .footer-contact .social li a:hover {
  -webkit-transform: translate(0, -5px);
          transform: translate(0, -5px);
}

.footer-item .footer-img {
  text-align: center;
}

.footer-item .footer-img a {
  display: inline-block;
}

.footer-item .footer-hours {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.footer-item .footer-hours .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  max-width: 45%;
}

.footer-item .footer-hours .left ul {
  margin: 0;
  padding: 0;
}

.footer-item .footer-hours .left ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 10px;
  color: #fff;
}

.footer-item .footer-hours .left ul li:last-child {
  margin-bottom: 0;
}

.footer-item .footer-hours .right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  max-width: 45%;
}

.footer-item .footer-hours .right ul {
  margin: 0;
  padding: 0;
}

.footer-item .footer-hours .right ul li {
  list-style-type: none;
  display: block;
  position: relative;
  color: #fff;
  margin-bottom: 10px;
}

.footer-item .footer-hours .right ul li:before {
  position: absolute;
  content: '';
  width: 5px;
  height: 1px;
  left: 0;
  right: 0;
  top: 12px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
}

.footer-item .footer-hours .right ul li:last-child {
  margin-bottom: 0;
}

.footer-item .footer-hours .right ul li span {
  position: absolute;
  top: 0;
  right: 0;
}

/*-- Copyright --*/
.copyright-area {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  background-color: #9176AF;
}

.copyright-area .copyright-item p {
  margin-bottom: 0;
  color: #fff;
}

.copyright-area .copyright-item p a {
  display: inline-block;
  font-weight: 600;
  border-bottom: 1px solid #fff;
  color: #fff;
}

.copyright-area .copyright-item p a:hover {
  color: #484848;
  border-bottom: 1px solid #484848;
}

/*----- Home Demo Two CSS -----*/
/*-- Header --*/
.header-area.two {
  background-color: #fff;
}

.header-area.two .left ul li a {
  color: #fff;
  background-color: #802A8B;
}

.header-area.two .right ul li i {
  color: #802A8B;
}

.header-area.two .right ul li span {
  color: #802A8B;
}

.header-area.two .right ul li a {
  color: #802A8B;
}

.header-area.two .right ul li a:before {
  background-color: #802A8B;
}

.header-area.two .right ul li .nice-select:after {
  border-bottom: 2px solid #802A8B;
  border-right: 2px solid #802A8B;
}

/*-- Navbar --*/
.main-nav.two {
  background: #802A8Bbf;
}

.main-nav.two.menu-shrink {
  background: #802A8B;
}

.main-nav.two nav .navbar-nav .nav-item .dropdown-menu:before {
  background-color: #802A8B;
}

.main-nav.two nav .navbar-nav .nav-item .dropdown-menu:after {
  background-color: #802A8B;
}

.main-nav.two nav .navbar-nav .nav-item .dropdown-menu li:hover a {
  color: #802A8B;
}

.main-nav.two nav .navbar-nav .nav-item .dropdown-menu li a {
  color: #484848;
}

.main-nav.two nav .navbar-nav .nav-item .dropdown-menu li a:hover, .main-nav.two nav .navbar-nav .nav-item .dropdown-menu li a:focus, .main-nav.two nav .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #802A8B;
}

.main-nav.two nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #484848;
}

.main-nav.two nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .main-nav.two nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .main-nav.two nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
  color: #802A8B;
}

.side-nav.two .cart span {
  background-color: #9176AF;
}

.side-nav.two .common-btn.two {
  color: #802A8B;
}

.side-nav.two .common-btn.two:before {
  border: 1px solid #802A8B;
}

/*-- Banner --*/
.banner-img-two {
  background-image: url("../images/banner/banner-bg2b.webp");
}

.banner-area.two {
  position: relative;
}

.banner-area.two:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: radial-gradient(circle, rgba(0, 0, 0, 0.50798) 0%, rgba(0, 0, 0, 0) 100%);
}

.banner-area.two .banner-shape-two img {
  position: absolute;
}

.banner-area.two .banner-shape-two img:nth-child(1) {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.banner-area.two .banner-shape-two img:nth-child(2) {
  top: 0;
  left: 0;
  max-width: 155px;
  -webkit-animation: banner-ani-one 8s infinite linear;
          animation: banner-ani-one 8s infinite linear;
}

.banner-area.two .banner-shape-two img:nth-child(3) {
  top: 100px;
  left: 215px;
  max-width: 90px;
  -webkit-animation: banner-ani-three 8s infinite linear;
          animation: banner-ani-three 8s infinite linear;
}

.banner-area.two .banner-shape-two img:nth-child(4) {
  top: 180px;
  left: 43%;
  max-width: 150px;
  -webkit-animation: banner-ani-five 15s infinite linear;
          animation: banner-ani-five 15s infinite linear;
}

.banner-area.two .banner-shape-two img:nth-child(5) {
  top: 135px;
  right: 170px;
  max-width: 105px;
  -webkit-animation: banner-ani-four 8s infinite linear;
          animation: banner-ani-four 8s infinite linear;
}

.banner-area.two .banner-shape-two img:nth-child(6) {
  bottom: 50px;
  left: 35%;
  max-width: 85px;
  -webkit-animation: banner-ani-two 8s infinite linear;
          animation: banner-ani-two 8s infinite linear;
}

.banner-area.two .banner-shape-two img:nth-child(7) {
  bottom: 90px;
  right: 125px;
  max-width: 100px;
  -webkit-animation: banner-ani-one 8s infinite linear;
          animation: banner-ani-one 8s infinite linear;
}

.banner-area.two .banner-content {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.banner-area.two .banner-content h1 {
  color: #fff;
}

.banner-area.two .banner-content .banner-btn-area .banner-btn {
  color: #802A8B;
}

.banner-area.two .banner-content .banner-btn-area .banner-btn:before {
  border: 1px solid #802A8B;
}

@-webkit-keyframes banner-ani-five {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(50px, 100px);
            transform: translate(50px, 100px);
  }
  70% {
    -webkit-transform: translate(-100px, 150px);
            transform: translate(-100px, 150px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes banner-ani-five {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(50px, 100px);
            transform: translate(50px, 100px);
  }
  70% {
    -webkit-transform: translate(-100px, 150px);
            transform: translate(-100px, 150px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

/*-- Services --*/
.services-area.two .services-item:after {
  background-color: #802A8B;
}

.services-area.two .services-item:hover .inner h3 a {
  color: #fff;
}

.services-area.two .services-item .inner h3 a {
  color: #484848;
}

.services-area.two .services-item .inner h3 a:hover {
  color: #484848;
}

/*-- Know --*/
.know-area {
  background-color: #f2eff6;
  position: relative;
}

.know-area .know-shape img {
  position: absolute;
  width: 100%;
}

.know-area .know-shape img:nth-child(1) {
  top: 0;
  left: 0;
  display: none;
}

.know-area .know-shape img:nth-child(2) {
  bottom: 0;
  left: 0;
  display: none;
}

.know-area .know-shape img:nth-child(3) {
  top: 0;
  right: 100px;
  max-width: 115px;
  -webkit-animation: banner-ani-two 8s infinite linear;
          animation: banner-ani-two 8s infinite linear;
}

.know-area .know-img {
  position: relative;
  margin-bottom: 30px;
}

.know-area .know-img img:nth-child(1) {
  width: 100%;
}

.know-area .know-img img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.know-area .know-content {
  max-width: 630px;
  margin-bottom: 30px;
}

.know-area .know-content .section-title {
  text-align: left;
  margin-bottom: 25px;
}

.know-area .know-content .section-title p {
  margin-left: 0;
}

.know-area .know-content ul {
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}

.know-area .know-content ul li {
  list-style-type: none;
  display: block;
  position: relative;
  background-color: #fff;
  padding: 25px 25px 25px 110px;
  margin-bottom: 15px;
}

.know-area .know-content ul li:last-child {
  margin-bottom: 0;
}

.know-area .know-content ul li:hover img {
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}

.know-area .know-content ul li img {
  position: absolute;
  top: 25px;
  left: 25px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.know-area .know-content ul li h3 {
  font-size: 22px;
  margin-bottom: 8px;
}

.know-area .know-content ul li p {
  margin-bottom: 0;
}

/*-- Skin --*/
.skin-area.two {
  position: relative;
}

.skin-area.two .skin-shape img {
  position: absolute;
  top: 15px;
  left: 100px;
  max-width: 110px;
  -webkit-animation: banner-ani-three 8s infinite linear;
          animation: banner-ani-three 8s infinite linear;
}

/*-- Get --*/
.get-area.two .get-content {
  background-color: #802A8Bd1;
}

.get-area.two .get-content .common-btn.two {
  color: #802A8B;
}

/*-- Team --*/
.team-item {
  text-align: center;
  margin-bottom: 30px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.team-item:hover {
  -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px);
}

.team-item:hover .top ul li {
  opacity: 1;
  visibility: visible;
}

.team-item:hover .top ul li:nth-child(1) {
  left: 0;
}

.team-item:hover .top ul li:nth-child(2) {
  bottom: 0;
}

.team-item:hover .top ul li:nth-child(3) {
  right: 0;
}

.team-item .top {
  position: relative;
  margin-bottom: 20px;
}

.team-item .top img {
  width: 100%;
}

.team-item .top img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.team-item .top ul {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.team-item .top ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 2px;
  margin-left: 2px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  opacity: 0;
  visibility: hidden;
}

.team-item .top ul li:nth-child(1) {
  position: relative;
  left: -20px;
}

.team-item .top ul li:nth-child(2) {
  position: relative;
  bottom: -20px;
}

.team-item .top ul li:nth-child(3) {
  position: relative;
  right: -20px;
}

.team-item .top ul li a {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 5px;
  color: #802A8B;
  background-color: #fff;
  font-size: 16px;
}

.team-item .top ul li a i {
  line-height: 30px;
}

.team-item .top ul li a:hover {
  color: #fff;
  background-color: #802A8B;
}

.team-item .bottom h3 {
  font-size: 22px;
  margin-bottom: 5px;
}

.team-item .bottom span {
  display: block;
  font-size: 15px;
}

/*-- Review --*/
.reviews-area.two {
  background-color: #f2eff6;
  position: relative;
}

.reviews-area.two .reviews-top-bottom-shape img {
  position: absolute;
  width: 100%;
}

.reviews-area.two .reviews-top-bottom-shape img:nth-child(1) {
  top: 0;
  left: 0;
  display: none;
}

.reviews-area.two .reviews-top-bottom-shape img:nth-child(2) {
  bottom: 0;
  left: 0;
  display: none;
}

.reviews-area.two .review-content {
  max-width: 890px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.reviews-area.two .review-content .icon {
  color: #802A8B;
}

.reviews-area.two .nav-pills {
  height: auto;
  overflow-x: unset;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  background-color: #802A8B;
}

.reviews-area.two .nav-pills .nav-link.active:before, .reviews-area.two .nav-pills .show > .nav-link:before {
  top: -28px;
  left: 0;
  right: 0;
  max-width: 28px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/*-- Shop --*/
.shop-area {
  position: relative;
}

.shop-area .shop-shape img {
  position: absolute;
}

.shop-area .shop-shape img:nth-child(1) {
  top: 10px;
  left: 100px;
  -webkit-animation: banner-ani-three 8s infinite linear;
          animation: banner-ani-three 8s infinite linear;
}

.shop-area .shop-shape img:nth-child(2) {
  bottom: 10px;
  right: 100px;
  max-width: 130px;
  -webkit-animation: banner-ani-two 8s infinite linear;
          animation: banner-ani-two 8s infinite linear;
}

.shop-item {
  text-align: center;
  margin-bottom: 10px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.shop-item:hover {
  -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px);
}

.shop-item:hover .top ul li {
  opacity: 1;
  visibility: visible;
}

.shop-item:hover .top ul li:nth-child(1) {
  top: 0;
}

.shop-item:hover .top ul li:nth-child(2) {
  bottom: 0;
}

.shop-item .top {
  position: relative;
  margin-bottom: 20px;
}

.shop-item .top img {
  border-radius: 10px;
}

.shop-item .top ul {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.shop-item .top ul li {
  list-style-type: none;
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  position: relative;
  opacity: 0;
  visibility: hidden;
}

.shop-item .top ul li:nth-child(1) {
  top: -20px;
}

.shop-item .top ul li:nth-child(2) {
  bottom: -20px;
}

.shop-item .top ul li a {
  display: block;
  width: 60px;
  height: 60px;
  text-align: center;
  color: #802A8B;
  background-color: #fff;
  border-radius: 10px 0 10px 0;
  font-size: 30px;
  position: relative;
}

.shop-item .top ul li a:before {
  position: absolute;
  content: '';
  width: 85%;
  height: 85%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid #802A8B;
  border-radius: 10px 0 10px 0;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.shop-item .top ul li a i {
  line-height: 60px;
}

.shop-item .top ul li a:hover {
  border-radius: 0 10px 0 10px;
}

.shop-item .top ul li a:hover:before {
  border-radius: 0 10px 0 10px;
}

.shop-item .bottom h3 {
  margin-bottom: 5px;
  font-size: 22px;
}

.shop-item .bottom h3 a {
  color: #484848;
}

.shop-item .bottom h3 a:hover {
  color: #802A8B;
}

.shop-item .bottom span {
  display: block;
}

/*-- Video --*/
.video-area.two .video-wrap .js-modal-btn {
  color: #802A8B;
}

.video-area.two .video-wrap .js-modal-btn:hover {
  color: #fff;
}

.video-area.two .video-wrap .js-modal-btn:hover:before {
  background-color: #802A8B;
}

.video-area.two .video-wrap .js-modal-btn:hover:after {
  background-color: #802A8B;
}

/*-- Blog --*/
.blog-area.two .blog-shape img {
left: 0;
}

.blog-area.two .blog-item .top span {
  color: #802A8B;
}

.blog-area.two .blog-item .bottom h3 a:hover {
  color: #802A8B;
}

.blog-area.two .blog-item .bottom .blog-btn {
  color: #802A8B;
}

.blog-area.two .blog-item .bottom .blog-btn:before {
  background-color: #802A8B;
}

.blog-area.two .blog-right-item .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 30px;
}

.blog-area.two .blog-right-item .inner .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  max-width: 30%;
  position: relative;
}

.blog-area.two .blog-right-item .inner .left img {
  width: 100%;
}

.blog-area.two .blog-right-item .inner .left span {
  position: absolute;
  bottom: 15px;
right: 15px;
  display: inline-block;
  color: #802A8B;
  background-color: #fff;
  border-radius: 15px 0 15px 0;
  width: 55px;
  text-align: center;
  font-weight: 600;
  padding-top: 5px;
  padding-bottom: 6px;
  font-size: 15px;
}

.blog-area.two .blog-right-item .inner .right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 65%;
          flex: 0 0 65%;
  max-width: 65%;
margin-right: 10px;
}

.blog-area.two .blog-right-item .inner .right h4 {
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 1.4;
}

.blog-area.two .blog-right-item .inner .right h4 a {
  color: #484848;
}

.blog-area.two .blog-right-item .inner .right h4 a:hover {
  color: #802A8B;
}

.blog-area.two .blog-right-item .inner .right p {
  margin-bottom: 0;
}

/*-- Footer --*/
.footer-area.two:before {
  background-color: #802A8B;
}

.footer-area.two .footer-item .footer-contact .social li a {
  color: #802A8B;
}

/*-- Copyright --*/
.copyright-area.two {
  background-color: #802A8B;
}

/*----- Home Demo Three CSS -----*/
/*-- Header --*/
.header-area.three {
  background-color: #fff;
}

.header-area.three .left ul li a {
  color: #fff;
  background-color: #335D2D;
}

.header-area.three .right ul li i {
  color: #335D2D;
}

.header-area.three .right ul li span {
  color: #335D2D;
}

.header-area.three .right ul li a {
  color: #335D2D;
}

.header-area.three .right ul li a:before {
  background-color: #335D2D;
}

.header-area.three .right ul li .nice-select:after {
  border-bottom: 2px solid #335D2D;
  border-right: 2px solid #335D2D;
}

/*-- Navbar --*/
.main-nav.three {
  background: #335d2dba;
}

.main-nav.three.menu-shrink {
  background: #335D2D;
}

.main-nav.three nav .navbar-nav .nav-item .dropdown-menu:before {
  background-color: #335D2D;
}

.main-nav.three nav .navbar-nav .nav-item .dropdown-menu:after {
  background-color: #335D2D;
}

.main-nav.three nav .navbar-nav .nav-item .dropdown-menu li:hover a {
  color: #335D2D;
}

.main-nav.three nav .navbar-nav .nav-item .dropdown-menu li a {
  color: #484848;
}

.main-nav.three nav .navbar-nav .nav-item .dropdown-menu li a:before {
  background-color: #335D2D;
}

.main-nav.three nav .navbar-nav .nav-item .dropdown-menu li a:after {
  background-color: #335D2D;
}

.main-nav.three nav .navbar-nav .nav-item .dropdown-menu li a:hover, .main-nav.three nav .navbar-nav .nav-item .dropdown-menu li a:focus, .main-nav.three nav .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #335D2D;
}

.main-nav.three nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #484848;
}

.main-nav.three nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .main-nav.three nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .main-nav.three nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
  color: #335D2D;
}

.side-nav.three .cart span {
  border: 1px solid #fff;
  background-color: #335D2D;
}

.side-nav.three .common-btn.three {
  color: #335D2D;
}

.side-nav.three .common-btn.three:before {
  border: 1px solid #335D2D;
}

/*-- Banner --*/
.banner-area-three {
  position: relative;
}

.banner-area-three .banner-shape-three img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
}

.banner-area-three .rev_slider_wrapper .banner-h1 {
  color: #fff;
  font-weight: 800 !important;
  font-family: "vazir", sans-serif;
}

.banner-area-three .rev_slider_wrapper .common-btn {
  -webkit-transition: 0.5s all ease !important;
  transition: 0.5s all ease !important;
}

.banner-area-three .hermes .tp-bullet {
  background-color: #fff !important;
}

.banner-area-three .hermes .tp-bullet:after {
  background-color: #335D2D !important;
}

.owl-slider-area {
  height: 100% !important;
}

.owl-slider-area .banner-shape-three img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
}

.owl-slider-area .owl-item.active .banner-content h1 {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.owl-slider-area .owl-item.active .banner-content .common-btn {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.owl-slider-area .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0;
  position: absolute;
  bottom: 225px;
  left: 0;
  right: 0;
}

.owl-slider-area .owl-theme .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  background: #fff;
  border: 1px solid #fff;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.owl-slider-area .owl-theme .owl-dots .owl-dot.active span {
  background: #335D2D;
}

.banner-img-three {
  background-image: url("../images/banner/banner-bg3.jpg");
}

.banner-img-four {
  background-image: url("../images/banner/banner-bg4.jpg");
}

.banner-img-five {
  background-image: url("../images/banner/banner-bg5.jpg");
}

.banner-slider-item {
  height: 800px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.banner-slider-item .banner-content {
  max-width: 1095px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: -60px;
}

.banner-slider-item .banner-content h1 {
  color: #fff;
  font-size: 90px;
}

/*-- Know --*/
.know-area.two {
  background-color: #fff;
}

.know-area.two .know-shape img:nth-child(1) {
  left: unset;
  width: unset;
  top: 0;
  right: 100px;
  max-width: 115px;
  -webkit-animation: banner-ani-two 8s infinite linear;
          animation: banner-ani-two 8s infinite linear;
}

.know-area.two .know-content ul li {
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd75;
          box-shadow: 0px 0px 20px 0px #dddddd75;
}

/*-- Services --*/
.services-area.three {
  background-image: url("../images/services/services-bg2.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  padding-top: 150px;
}

.services-area.three .services-shape img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.services-area.three:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #335D2D;
  opacity: .60;
}

.services-area.three .section-title h2 {
  color: #fff;
}

.services-area.three .section-title p {
  color: #fff;
}

.services-area.three .services-item:hover:before {
  height: 100%;
}

.services-area.three .services-item:hover .inner h3 a {
  color: #335D2D;
}

.services-area.three .services-item:hover .inner p {
  color: #4d4c4c;
}

.services-area.three .services-item:hover .inner .services-btn {
  color: #4d4c4c;
  border-bottom: 1px solid #4d4c4c;
}

.services-area.three .services-item:after {
  display: none;
}

.services-area.three .services-item .inner h3 a {
  color: #484848;
}

.services-area.three .services-item .inner h3 a:hover {
  color: #484848;
}

/*-- Booking --*/
.booking-item {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.booking-item:hover {
  -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px);
}

.booking-item img {
  width: 100%;
}

.booking-item .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.booking-item .inner h3 {
  font-size: 22px;
  color: #335D2D;
  margin-bottom: 15px;
  line-height: 1.4;
}

/*-- Pricing --*/
.pricing-area .pricing-img {
  margin-bottom: 30px;
}

.pricing-area .pricing-img img {
  width: 100%;
}

.pricing-area .pricing-img.two {
  margin-top: 80px;
}

.pricing-area .pricing-content {
  margin-bottom: 30px;
  position: relative;
  background-color: #335D2D;
  padding: 60px 65px;
  max-width: 705px;
margin-right: -60px;
  margin-top: 25px;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd52;
          box-shadow: 0px 0px 20px 0px #dddddd52;
}

.pricing-area .pricing-content .pricing-shape img {
  position: absolute;
  top: 0;
right: 0;
  width: 100%;
  height: 100%;
}

.pricing-area .pricing-content .top {
  text-align: center;
}

.pricing-area .pricing-content .top h3 {
  font-size: 22px;
  margin-bottom: 30px;
  padding-bottom: 15px;
  color: #fff;
  border-bottom: 1px solid #fff;
}

.pricing-area .pricing-content .bottom {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.pricing-area .pricing-content .bottom ul {
  margin: 0;
  padding: 0;
}

.pricing-area .pricing-content .bottom ul li {
  list-style-type: none;
  display: block;
  position: relative;
  margin-bottom: 12px;
  color: #fff;
  font-weight: 600;
}

.pricing-area .pricing-content .bottom ul li:before {
  position: absolute;
  content: '';
  width: 70px;
  height: 2px;
right: 0;
left: -220px;
  top: 12px;
  margin-left: auto;
  margin-right: auto;
  border-top: 2px dashed #fff;
}

.pricing-area .pricing-content .bottom ul li:last-child {
  margin-bottom: 0;
}

.pricing-area .pricing-content .bottom ul li span {
  position: absolute;
  top: 0;
left: 0;
}

.pricing-area .pricing-content.two {
margin-right: auto;
margin-left: -60px;
  position: relative;
  z-index: 1;
  margin-top: 0;
}

/*-- Get --*/
.get-area.three {
  background-image: url("../images/get-bg2.jpg");
}

.get-area.three .get-content {
  background-color: #335d2de0;
}

.get-area.three .get-content .common-btn {
  color: #335D2D;
  background-color: #fff;
}

.get-area.three .get-content .common-btn:before {
  border: 1px solid #335D2D;
}

/*-- Counter --*/
.counter-item {
  margin-bottom: 30px;
  text-align: center;
  background-color: #335D2D;
  padding-top: 60px;
  padding-bottom: 65px;
  position: relative;
  z-index: 1;
}

.counter-item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.counter-item h3 {
  font-size: 40px;
  margin-bottom: 3px;
  font-weight: 800;
  color: #fff;
}

.counter-item h3 .target {
  margin-left: -7px;
  position: relative;
  top: 2px;
}

.counter-item p {
  margin-bottom: 0;
  color: #fff;
}

/*-- Reviews --*/
.reviews-area.three .review-content .icon {
  color: #335D2D;
}

.reviews-area.three .nav-pills {
  background-color: #335D2D;
}

/*-- Video --*/
.video-area.three .video-wrap .js-modal-btn {
  color: #335D2D;
}

.video-area.three .video-wrap .js-modal-btn:hover {
  color: #fff;
}

.video-area.three .video-wrap .js-modal-btn:hover:before {
  background-color: #335D2D;
}

.video-area.three .video-wrap .js-modal-btn:hover:after {
  background-color: #335D2D;
}

/*-- Blog --*/
.blog-area.three .blog-item .top span {
  color: #335D2D;
}

.blog-area.three .blog-item .bottom h3 a:hover {
  color: #335D2D;
}

.blog-area.three .blog-item .bottom .blog-btn {
  color: #335D2D;
}

.blog-area.three .blog-item .bottom .blog-btn:before {
  background-color: #335D2D;
}

.blog-area.three .blog-right-item .inner .left span {
  color: #335D2D;
}

.blog-area.three .blog-right-item .inner .right h4 a:hover {
  color: #335D2D;
}

.blog-area.three .blog-right-item .inner .right p {
  margin-bottom: 8px;
}

.blog-area.three .blog-right-item .inner .right .blog-right-btn {
  display: inline-block;
  color: #335D2D;
  position: relative;
  font-weight: 600;
}

.blog-area.three .blog-right-item .inner .right .blog-right-btn:before {
  position: absolute;
  content: '';
  width: 0;
  height: 1px;
right: 0;
  bottom: 0;
  background-color: #335D2D;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.blog-area.three .blog-right-item .inner .right .blog-right-btn:hover:before {
  width: 100%;
}

/*-- Footer --*/
.footer-area.three {
  padding-top: 165px;
}

.footer-area.three:before {
  background-color: #335D2D;
}

.footer-area.three .footer-shape img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.footer-area.three .footer-item .footer-contact .social li a {
  color: #335D2D;
}

/*-- Copyright --*/
.copyright-area.three {
  background-color: #335D2D;
}

/*----- About Us CSS -----*/
/*-- Page Title --*/
.page-title-wrap {
  position: relative;
}

.title-img-one {
  background-image: url("../images/title/title1.jpg");
}

.page-title-area {
  height: 285px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  border-bottom: 1px solid #f4f4f4;
}

.page-title-area:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #802A8B;
  opacity: .75;
}

.page-title-area .title-shape img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.page-title-area .title-content {
  position: relative;
  text-align: center;
  z-index: 1;
  margin-top: 40px;
}

.page-title-area .title-content h1 {
  font-weight: 800;
  margin-bottom: 10px;
  color: #fff;
}

.page-title-area .title-content ul {
  margin: 0;
  padding: 0;
}

.page-title-area .title-content ul li {
  list-style-type: none;
  display: inline-block;
  font-weight: 600;
  position: relative;
  margin-left: 8px;
  margin-right: 8px;
}

.page-title-area .title-content ul li:before {
  position: absolute;
  content: '/';
  top: 0;
  right: -14px;
  color: #fff;
}

.page-title-area .title-content ul li:last-child:before {
  display: none;
}

.page-title-area .title-content ul li a {
  display: block;
  color: #fff;
}

.page-title-area .title-content ul li a:hover {
  color: #484848;
}

.page-title-area .title-content ul li span {
  display: block;
  color: #fff;
}

.know-area.four {
  background-color: #fff;
}

.know-area.four .know-shape img:nth-child(1) {
  left: unset;
  width: unset;
  top: 0;
  right: 100px;
  max-width: 115px;
  -webkit-animation: banner-ani-two 8s infinite linear;
          animation: banner-ani-two 8s infinite linear;
}

.know-area.four .know-content ul li {
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd52;
          box-shadow: 0px 0px 20px 0px #dddddd52;
}

.offer-area.two .inner {
  background-color: #802A8Bf0;
  border-radius: 2px;
}

.offer-area.two .owl-prev {
  background-color: #802A8B !important;
}

.offer-area.two .owl-prev:hover {
  background-color: #484848 !important;
}

.offer-area.two .owl-next {
  background-color: #802A8B !important;
}

.offer-area.two .owl-next:hover {
  background-color: #484848 !important;
}

.counter-area.two .counter-item {
  background-color: #802A8B;
}

.offer-area.three {
  background-color: #fff;
}

.title-img-two {
  background-image: url("../images/title/title2.jpg");
}

/*----- Service Details CSS -----*/
.service-details-area .details-img {
  margin-bottom: 30px;
}

.service-details-area .details-img img {
  border-radius: 10px;
}

.service-details-area .details-spa {
  margin-bottom: 30px;
}

.service-details-area .details-spa h3 {
  color: #802A8B;
  font-size: 35px;
  margin-bottom: 12px;
}

.service-details-area .details-spa p {
  margin-bottom: 10px;
}

.service-details-area .details-spa p:last-child {
  margin-bottom: 0;
}

.service-details-area .details-items .left {
  margin-bottom: 30px;
}

.service-details-area .details-items .left p {
  margin-bottom: 15px;
}

.service-details-area .details-items .left ul {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

.service-details-area .details-items .left ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 10px;
  position: relative;
  padding-left: 20px;
}

.service-details-area .details-items .left ul li:before {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  top: 8px;
  left: 0;
  background-color: #802A8B;
  border-radius: 50%;
}

.service-details-area .details-items .left ul li:last-child {
  margin-bottom: 0;
}

.service-details-area .details-items .right {
  position: relative;
  margin-bottom: 30px;
}

.service-details-area .details-items .right img:nth-child(1) {
  width: 100%;
}

.service-details-area .details-items .right img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.preview-page a {
  display: inline-block;
  font-weight: 600;
  color: #4d4c4c;
}

.preview-page a i {
  display: inline-block;
  font-size: 24px;
  position: relative;
  top: 5px;
  margin-right: -5px;
}

.preview-page a:hover {
  color: #802A8B;
}

.title-img-three {
  background-image: url("../images/title/title3.jpg");
}

.blog-area.four .blog-item .top span {
  color: #802A8B;
}

.blog-area.four .blog-item .bottom h3 a:hover {
  color: #802A8B;
}

.blog-area.four .blog-item .bottom .blog-btn {
  color: #802A8B;
}

.blog-area.four .blog-item .bottom .blog-btn:before {
  background-color: #802A8B;
}

/*----- Blog Details CSS -----*/
.blog-details-area .details-head {
  margin-bottom: 30px;
}

.blog-details-area .details-head h1 {
  
  color: #802A8B;
  margin-bottom: 15px;
}

.blog-details-area .details-head .left {
  margin-bottom: 15px;
}

.blog-details-area .details-head .left ul {
  margin: 0;
  padding: 0;
}

.blog-details-area .details-head .left ul li {
  list-style-type: none;
  display: inline-block;
  position: relative;
margin-left: 10px;
}

.blog-details-area .details-head .left ul li:before {
  position: absolute;
  content: '-';
  top: 0;
left: -11px;
  color: #4d4c4c;
}

.blog-details-area .details-head .left ul li:last-child:before {
  display: none;
}

.blog-details-area .details-head .left ul li a {
  display: inline-block;
  font-weight: 600;
  font-style: italic;
  color: #4d4c4c;
}

.blog-details-area .details-head .left ul li a:hover {
  color: #802A8B;
}

.blog-details-area .details-head .left ul li span {
  display: inline-block;
}

.blog-details-area .details-head .right {
text-align: left;
  margin-bottom: 15px;
}

.blog-details-area .details-head .right ul {
  margin: 0;
  padding: 0;
}

.blog-details-area .details-head .right ul li {
  list-style-type: none;
  display: inline-block;
  position: relative;
margin-left: 10px;
}

.blog-details-area .details-head .right ul li:before {
  position: absolute;
  content: '-';
  top: 0;
left: -11px;
  color: #4d4c4c;
}

.blog-details-area .details-head .right ul li:last-child {
margin-left: 0;
}

.blog-details-area .details-head .right ul li:last-child:before {
  display: none;
}

.blog-details-area .details-head .right ul li a {
  display: inline-block;
  color: #4d4c4c;
}

.blog-details-area .details-head .right ul li a:hover {
  color: #802A8B;
}

.blog-details-area .details-head .right ul li span {
  display: inline-block;
}

.blog-details-area .details-head img {
  border-radius: 10px;
}

.blog-details-area .details-text {
  margin-bottom: 30px;
}

.blog-details-area .details-text p {
  margin-bottom: 10px;
}

.blog-details-area .details-text blockquote {
  background-color: #fafafa;
  padding: 46px 50px 50px 50px;
  position: relative;
  font-weight: 600;
  font-size: 22px;
  font-style: italic;
  margin-top: 18px;
  margin-bottom: 0;
  z-index: 1;
  text-align: justify;
}

.blog-details-area .details-text blockquote i {
  position: absolute;
  top: 38px;
right: 47px;
  color: #f4929e26;
  display: inline-block;
  font-size: 65px;
  z-index: -1;
}

.blog-details-area .details-list {
  margin-bottom: 30px;
}

.blog-details-area .details-list ul {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

.blog-details-area .details-list ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 10px;
  position: relative;
padding-right: 20px;
}

.blog-details-area .details-list ul li:before {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  top: 8px;
right: 0;
  background-color: #802A8B;
  border-radius: 50%;
}

.blog-details-area .details-list ul li:last-child {
  margin-bottom: 0;
}

.blog-details-area .details-list p {
  margin-bottom: 30px;
}

.blog-details-area .details-list p:last-child {
  margin-bottom: 0;
}

.blog-details-area .details-list img {
  margin-bottom: 25px;
}

.blog-details-area .details-tag {
  border-bottom: 1px solid #f4f4f4;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.blog-details-area .details-tag .left ul {
  margin: 0;
  padding: 0;
}

.blog-details-area .details-tag .left ul li {
  list-style-type: none;
  display: inline-block;
}

.blog-details-area .details-tag .left ul li span {
  display: inline-block;
  font-weight: 600;
}

.blog-details-area .details-tag .left ul li a {
  display: block;
  width: 25px;
  height: 25px;
  text-align: center;
  color: #fff;
  background-color: #802A8B;
  border-radius: 5px;
}

.blog-details-area .details-tag .left ul li a i {
  line-height: 25px;
}

.blog-details-area .details-tag .left ul li a:hover {
  -webkit-transform: translate(0, -5px);
          transform: translate(0, -5px);
}

.blog-details-area .details-tag .right {
text-align: left;
}

.blog-details-area .details-tag .right ul {
  margin: 0;
  padding: 0;
}

.blog-details-area .details-tag .right ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 3px;
}

.blog-details-area .details-tag .right ul li span {
  display: inline-block;
  font-weight: 600;
}

.blog-details-area .details-tag .right ul li a {
  display: inline-block;
  color: #484848;
  background-color: #fafafa;
  padding: 4px 12px;
  font-size: 15px;
  border-radius: 5px;
}

.blog-details-area .details-tag .right ul li a:hover {
  color: #fff;
  background-color: #802A8B;
}

.blog-details-area .details-related {
  border-bottom: 1px solid #f4f4f4;
  margin-bottom: 30px;
}

.blog-details-area .details-related h2 {
  font-size: 22px;
  margin-bottom: 15px;
}

.blog-details-area .details-related .blog-item .bottom h3 {
  margin-bottom: 12px;
}

.blog-details-area .details-related .blog-item .bottom h3 a:hover {
  color: #802A8B;
}

.blog-details-area .details-related .blog-item .bottom .blog-btn {
  color: #802A8B;
}

.blog-details-area .details-related .blog-item .bottom .blog-btn:before {
  background-color: #802A8B;
}

.blog-details-area .details-comment {
  border-bottom: 1px solid #f4f4f4;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.blog-details-area .details-comment h3 {
  margin-bottom: 15px;
  font-size: 22px;
}

.blog-details-area .details-comment h3 span {
  color: #4d4c4c;
}

.blog-details-area .details-comment ul {
  margin: 0;
  padding: 0;
}

.blog-details-area .details-comment ul li {
  list-style-type: none;
  display: block;
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 40px;
  padding-right: 115px;
  border-bottom: 1px solid #fde0f2;
}

.blog-details-area .details-comment ul li:last-child {
  margin-bottom: 0;
}

.blog-details-area .details-comment ul li img {
  position: absolute;
  top: 0;
right: 0;
  border-radius: 50%;
  max-width: 100px;
}

.blog-details-area .details-comment ul li h4 {
  margin-bottom: 5px;
  font-size: 16px;
}

.blog-details-area .details-comment ul li span {
  display: block;
  margin-bottom: 8px;
  font-size: 15px;
}

.blog-details-area .details-comment ul li p {
  margin-bottom: 0;
}

.blog-details-area .details-comment ul li a {
  display: inline-block;
  color: #484848;
  position: absolute;
  bottom: 5px;
  left: 2px;
  border: 1px dotted #75355f;
  border-radius: 4px;
  padding: 2px;
}

.blog-details-area .details-comment ul li a:hover {
  color: #802A8B;
}

.blog-details-area .details-form h3 {
  font-size: 22px;
  margin-bottom: 15px;
}

.blog-details-area .details-form .form-group {
  margin-bottom: 15px;
}

.blog-details-area .details-form .form-group .form-control {
  height: 50px;
  background-color: #fafafa;
  border-radius: 5px;
  border: 0;
}

.blog-details-area .details-form .form-group .form-control:focus {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.blog-details-area .details-form .form-group textarea {
  padding-top: 13px;
  height: auto !important;
}

.widget-area .widget-item {
  margin-bottom: 30px;
}

.widget-area .widget-item h3 {
  font-size: 22px;
  margin-bottom: 15px;
}

.widget-area .search form {
  position: relative;
}

.widget-area .search form .form-control {
  height: 50px;
  background-color: #fafafa;
  border: 0;
}

.widget-area .search form .form-control:focus {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.widget-area .search form .btn {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 22px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  padding: 0;
}

.widget-area .search form .btn:hover {
  color: #802A8B;
}

.widget-area .articles .inner {
  margin-bottom: 15px;
}

.widget-area .articles .inner ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.widget-area .articles .inner ul li {
  list-style-type: none;
  display: inline-block;
}

.widget-area .articles .inner ul li:nth-child(1) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.widget-area .articles .inner ul li:nth-child(2) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
  max-width: 70%;
  margin-left: 10px;
}

.widget-area .articles .inner ul li img {
  width: 100%;
  border-radius: 5px;
}

.widget-area .articles .inner ul li span {
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}

.widget-area .articles .inner ul li a {
  display: block;
  color: #484848;
  font-weight: 600;
}

.widget-area .articles .inner ul li a:hover {
  color: #802A8B;
}

.widget-area .categories ul {
  margin: 0;
  padding: 0;
}

.widget-area .categories ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 15px;
}

.widget-area .categories ul li:last-child {
  margin-bottom: 0;
}

.widget-area .categories ul li a {
  display: block;
  color: #484848;
  background-color: #fafafa;
  padding: 10px 15px;
  border-radius: 5px;
  position: relative;
}

.widget-area .categories ul li a span {
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
}

.widget-area .categories ul li a:hover {
  color: #fff;
  background-color: #802A8B;
}

.widget-area .tags h3 {
  margin-bottom: 7px;
}

.widget-area .tags ul {
  margin: 0;
  padding: 0;
}

.widget-area .tags ul li {
  list-style-type: none;
  display: inline-block;
  margin-top: 8px;
  margin-right: 4px;
}

.widget-area .tags ul li a {
  display: block;
  color: #484848;
  background-color: #fafafa;
  padding: 5px 12px;
  border-radius: 5px;
  font-size: 15px;
}

.widget-area .tags ul li a:hover {
  color: #fff;
  background-color: #802A8B;
}

/*----- Shop CSS -----*/
.title-img-four {
  background-image: url("../images/title/title4.jpg");
}

.shop-page-area {
  position: relative;
}

.shop-page-area .shop-shape img {
  position: absolute;
  max-width: 120px;
}

.shop-page-area .shop-shape img:nth-child(1) {
  top: 40%;
  right: 50px;
  -webkit-animation: banner-ani-one 8s infinite linear;
          animation: banner-ani-one 8s infinite linear;
}

.shop-page-area .shop-shape img:nth-child(2) {
  bottom: 0;
  left: 50px;
  -webkit-animation: banner-ani-three 8s infinite linear;
          animation: banner-ani-three 8s infinite linear;
}

.shop-page-area .shop-result .result-content {
  margin-bottom: 30px;
}

.shop-page-area .shop-result .result-content h3 {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 600;
}

.shop-page-area .shop-result .form-group {
  position: relative;
  margin-bottom: 30px;
}

.shop-page-area .shop-result .form-group .nice-select {
  height: 50px;
  line-height: 50px;
  display: block;
  width: 100%;
  border-radius: 5px;
  margin-bottom: 30px;
  font-size: 15px;
  background-color: #fafafa;
  border: 0;
}

.shop-page-area .shop-result .form-group .nice-select .list {
  width: 100%;
  display: block;
}

.shop-page-area .shop-result .form-group .form-control {
  height: 50px;
  padding-left: 15px;
  border-radius: 5px;
  font-size: 15px;
  background-color: #fafafa;
  border: 0;
}

.shop-page-area .shop-result .form-group .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
}

.shop-page-area .shop-result .form-group .btn {
  padding: 0;
  position: absolute;
  top: 15px;
  right: 10px;
  font-size: 15px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.shop-page-area .shop-result .form-group .btn:hover {
  color: #802A8B;
}

.shop-page-area .pagination-area {
  text-align: center;
  position: relative;
  z-index: 1;
}

.shop-page-area .pagination-area ul {
  margin: 0;
  padding: 0;
}

.shop-page-area .pagination-area ul li {
  list-style-type: none;
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
  border-radius: 5px;
}

.shop-page-area .pagination-area ul li a {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  background-color: #802A8B;
  font-size: 16px;
  line-height: 30px;
  border-radius: 5px;
}

.shop-page-area .pagination-area ul li a i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  font-size: 15px;
  display: inline-block;
}

.shop-page-area .pagination-area ul li a:hover {
  color: #fff;
  background-color: #484848;
}

.combo-shop-area h2 {
  font-size: 22px;
  margin-bottom: 30px;
}

/*----- Cart CSS -----*/
.cart-area .table-item {
  text-align: center;
}

.cart-area .table-item .table {
  margin-bottom: 30px;
}

.cart-area .table-item .table thead {
  border-bottom: 1px solid #f4f4f4;
}

.cart-area .table-item .table tr {
  border-bottom: 1px solid #f4f4f4;
}

.cart-area .table-item .table-bordered {
  border: 0;
}

.cart-area .table-item .table thead th {
  border-bottom: 0;
  color: #484848;
}

.cart-area .table-item .table-bordered td, .cart-area .table-item .table-bordered th {
  border: 0;
  vertical-align: middle;
}

.cart-area .table-item img {
  border-radius: 5px;
  max-width: 75px;
  margin-left: auto;
  margin-right: auto;
}

.cart-area .table-item a {
  display: inline-block;
  color: #802A8B;
  font-size: 25px;
}

.cart-area .table-item a:hover {
  color: #484848;
}

.cart-area .table-cart ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.cart-area .table-cart ul li {
  list-style-type: none;
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.cart-area .table-cart ul li .left {
  margin-bottom: 30px;
}

.cart-area .table-cart ul li .left form {
  position: relative;
}

.cart-area .table-cart ul li .left form .form-control {
  border: 0;
  border-radius: 0;
  padding-left: 20px;
  font-size: 16px;
  height: 60px;
  border: 1px solid #802A8B;
  border-radius: 20px 0 20px 0;
}

.cart-area .table-cart ul li .left form .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #802A8B;
}

.cart-area .table-cart ul li .left form .btn {
  position: absolute;
  top: 6px;
  right: 5px;
}

.cart-area .table-cart ul li .left form .btn:before {
  display: none;
}

.cart-area .table-cart ul li .left form .btn:hover {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background-color: #484848;
  color: #fff;
}

.cart-area .table-cart ul li .right {
  text-align: right;
  margin-bottom: 30px;
}

.cart-area .cart-total {
  background-color: #802A8B;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px;
  border-radius: 5px;
}

.cart-area .cart-total h2 {
  font-size: 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid #fff;
  margin-bottom: 18px;
  color: #fff;
}

.cart-area .cart-total .inner {
  border-bottom: 1px solid #fff;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.cart-area .cart-total .inner h3 {
  font-family: "vazir", sans-serif;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  margin-bottom: 0;
  color: #fff;
}

.cart-area .cart-total .inner h3 span {
  display: inline-block;
  text-align: right;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 400;
}

.cart-area .cart-total .inner ul {
  margin: 0;
  padding: 0;
  margin-top: 15px;
}

.cart-area .cart-total .inner ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 12px;
  font-weight: 500;
  position: relative;
  padding-left: 18px;
  color: #fff;
}

.cart-area .cart-total .inner ul li:before {
  position: absolute;
  content: '';
  top: 6px;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #fff;
}

.cart-area .cart-total .inner ul li:last-child {
  margin-bottom: 0;
}

.cart-area .cart-total .inner ul li span {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 400;
}

.cart-area .cart-total .inner h4 {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  margin-bottom: 0;
  color: #fff;
}

.cart-area .cart-total .inner h4 span {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 400;
}

.cart-area .cart-total a {
  display: block;
  width: 100%;
  background-color: #fff;
  color: #802A8B;
}

.cart-area .cart-total a:before {
  border: 1px solid #802A8B;
}

.number {
  margin: 0;
  padding: 0;
  max-width: 155px;
  margin-left: auto;
  margin-right: auto;
}

.number li {
  list-style-type: none;
  display: inline-block;
}

.number li .minus, .number li .plus {
  color: #802A8B;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd8f;
          box-shadow: 0px 0px 20px 0px #dddddd8f;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  border: 1px solid #802A8B;
}

.number li .minus:hover, .number li .plus:hover {
  color: #fff;
  background-color: #802A8B;
}

.number li input {
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 5px;
  text-align: center;
  border: 0;
  color: #484848;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  margin-right: 4px;
  background-color: #802A8B;
  color: #fff;
  position: relative;
  top: -2px;
}

.number li input:focus {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*----- Checkout CSS -----*/
.checkout-area .checkout-item h2 {
  font-size: 22px;
  margin-bottom: 30px;
}

.checkout-area .checkout-item .checkout-billing {
  margin-bottom: 30px;
}

.checkout-area .checkout-item .checkout-billing .form-group {
  margin-bottom: 15px;
}

.checkout-area .checkout-item .checkout-billing .form-group .form-control {
  height: 55px;
  border-radius: 5px;
  border: 0;
  background-color: #fafafa;
  padding-left: 20px;
}

.checkout-area .checkout-item .checkout-billing .form-group .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
}

.checkout-area .checkout-item .checkout-billing .form-check {
  margin-bottom: 15px;
}

.checkout-area .checkout-item .checkout-billing .form-check .form-check-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.checkout-area .checkout-item .checkout-billing .common-btn.two {
  width: 100%;
  display: block;
}

.checkout-area .checkout-item .checkout-billing .common-btn.two:before {
  width: 98%;
}

.checkout-area .checkout-item .checkout-total {
  position: relative;
  z-index: 1;
  padding: 50px 45px 50px;
  margin-bottom: 30px;
  background-color: #802A8B;
  border-radius: 5px;
}

.checkout-area .checkout-item .checkout-total h2 {
  color: #fff;
}

.checkout-area .checkout-item .checkout-total ul {
  margin: 0;
  padding: 0;
}

.checkout-area .checkout-item .checkout-total ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #fff;
  color: #484848;
  font-weight: 500;
  position: relative;
  color: #fff;
}

.checkout-area .checkout-item .checkout-total ul li span {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 400;
}

.checkout-area .checkout-item .checkout-total h3 {
  margin-bottom: 0;
  position: relative;
  font-size: 22px;
  color: #fff;
}

.checkout-area .checkout-item .checkout-total h3 span {
  position: absolute;
  top: 0;
  right: 0;
}

.checkout-area .checkout-item .checkout-payment {
  margin-bottom: 30px;
  border: 1px dashed #484848;
  padding: 30px 25px;
}

.checkout-area .checkout-item .checkout-payment ul {
  margin: 0;
  padding: 0;
}

.checkout-area .checkout-item .checkout-payment ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 12px;
}

.checkout-area .checkout-item .checkout-payment ul li:last-child {
  margin-bottom: 0;
}

.checkout-area .checkout-item .checkout-payment ul li .form-check-input {
  margin-top: 5px;
margin-right: -20px;
}

.checkout-area .checkout-item .checkout-payment ul li .form-check-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.checkout-area .checkout-item .checkout-payment ul li .form-check-label {
  font-weight: 600;
  color: #484848;
}

.checkout-area .checkout-item .checkout-payment ul li .form-check-label a {
  display: inline-block;
  color: #802A8B;
}

.checkout-area .checkout-item .checkout-payment ul li .form-check-label a:hover {
  color: #484848;
}

.checkout-area .checkout-item .checkout-payment ul li .form-check-label.default-label {
  font-weight: 400;
}

.wishlist-area .table-item .common-btn.two {
  color: #fff;
  font-size: 16px;
}

.wishlist-area .table-item .common-btn.two i {
  margin-left: 2px;
  display: inline-block;
  font-size: 18px;
  position: relative;
  top: 2px;
}

.wishlist-area .table-item .common-btn.two:hover {
  color: #fff;
}

.wishlist-area .preview-page {
  text-align: right;
}

/*----- Single Product CSS -----*/
.product-details-area .shop-details {
  margin-bottom: 10px;
}

.product-details-area .shop-details h2 {
  font-size: 30px;
  margin-bottom: 15px;
}

.product-details-area .shop-details .reviews {
  margin: 0;
  padding: 0;
  margin-bottom: 8px;
}

.product-details-area .shop-details .reviews li {
  list-style-type: none;
  display: inline-block;
}

.product-details-area .shop-details .reviews li h3 {
  font-size: 25px;
  margin-bottom: 0;
  color: #802A8B;
margin-left: 10px;
}

.product-details-area .shop-details .reviews li i {
  display: block;
  color: #ddd;
  font-size: 18px;
}

.product-details-area .shop-details .reviews li i.checked {
  color: #FFC107;
}

.product-details-area .shop-details .reviews li span {
  display: inline-block;
  font-size: 15px;
margin-right: 10px;
}

.product-details-area .shop-details p {
  margin-bottom: 15px;
}

.product-details-area .shop-details .tag {
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
}

.product-details-area .shop-details .tag li {
  list-style-type: none;
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
}

.product-details-area .shop-details .tag li:last-child {
  margin-bottom: 0;
}

.product-details-area .shop-details .tag li span {
  font-weight: 400;
}

.product-details-area .shop-details .cart {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

.product-details-area .shop-details .cart li {
  list-style-type: none;
  display: block;
  margin-bottom: 15px;
}

.product-details-area .shop-details .cart li .number {
margin-right: 0;
}

.product-details-area .shop-details .cart li .common-btn.two i {
  display: inline-block;
margin-right: 3px;
}

.product-details-area .wishlist-btn {
  display: inline-block;
  color: #4d4c4c;
}

.product-details-area .wishlist-btn i {
  display: inline-block;
margin-left: 3px;
  color: #802A8B;
  position: relative;
  font-size: 20px;
  top: 3px;
}

.product-details-area .wishlist-btn:hover {
  color: #802A8B;
}

.product-details-area .send-review-area .nav-pills {
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}

.product-details-area .send-review-area .nav-pills li {
  list-style-type: none;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}

.product-details-area .send-review-area .nav-pills li a {
  border-radius: 20px 0 20px 0;
  color: #802A8B;
  background-color: #fff;
  width: 180px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd52;
          box-shadow: 0px 0px 20px 0px #dddddd52;
}

.product-details-area .send-review-area .nav-pills li a:before {
  border: 1px solid #802A8B;
}

.product-details-area .send-review-area .nav-pills li a:hover, .product-details-area .send-review-area .nav-pills li a.active {
  border-radius: 0 20px 0 20px;
  color: #fff;
  background-color: #802A8B;
}

.product-details-area .send-review-area .nav-pills li a:hover:before, .product-details-area .send-review-area .nav-pills li a.active:before {
  border-radius: 0 20px 0 20px;
  border: 1px solid #fff;
}

.product-details-area .send-review-area .tab-content .describe-item p {
  margin-bottom: 10px;
}

.product-details-area .send-review-area .tab-content .describe-item ul {
  margin: 0;
  padding: 0;
  margin-top: 15px;
}

.product-details-area .send-review-area .tab-content .describe-item ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 10px;
  position: relative;
padding-right: 20px;
}

.product-details-area .send-review-area .tab-content .describe-item ul li:before {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  top: 8px;
right: 0;
  background-color: #802A8B;
  border-radius: 50%;
}

.product-details-area .send-review-area .tab-content .describe-item ul li:last-child {
  margin-bottom: 0;
}

.product-details-area .send-review-area .tab-content .review-item {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}

.product-details-area .send-review-area .tab-content .review-item li {
  list-style-type: none;
  display: block;
  position: relative;
padding-right: 140px;
}

.product-details-area .send-review-area .tab-content .review-item li img {
  position: absolute;
  top: 0;
right: 0;
  border-radius: 50%;
  max-width: 100px;
}

.product-details-area .send-review-area .tab-content .review-item li h3 {
  font-size: 16px;
  margin-bottom: 5px;
}

.product-details-area .send-review-area .tab-content .review-item li span {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  margin-bottom: 8px;
}

.product-details-area .send-review-area .tab-content .review-item li p {
  margin-bottom: 0;
}

.product-details-area .send-review-area .tab-content .review-item li .reviews {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
left: 0;
}

.product-details-area .send-review-area .tab-content .review-item li .reviews li {
  list-style-type: none;
  display: inline-block;
margin-left: 2px;
  padding: 0;
}

.product-details-area .send-review-area .tab-content .review-item li .reviews li i {
  display: block;
  color: #ddd;
}

.product-details-area .send-review-area .tab-content .review-item li .reviews li i.checked {
  color: #FFC107;
}

.product-details-area .send-review-area .tab-content .review-form {
  margin-top: 30px;
}

.product-details-area .send-review-area .tab-content .review-form h3 {
  font-size: 22px;
  margin-bottom: 15px;
}

.product-details-area .send-review-area .tab-content .review-form .form-group {
  margin-bottom: 15px;
}

.product-details-area .send-review-area .tab-content .review-form .form-group .form-control {
  height: 50px;
  border-radius: 5px;
  border: 0;
  background-color: #fafafa;
}

.product-details-area .send-review-area .tab-content .review-form .form-group .form-control:focus {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.product-details-area .send-review-area .tab-content .review-form .form-group textarea {
  padding-top: 13px;
  height: auto !important;
}

.shop-area.two .section-title {
  margin-bottom: 30px;
  text-align: left;
}

.shop-area.two .section-title h2 {
  font-size: 25px;
  font-weight: 700;
}

/*----- Contact CSS -----*/
.title-img-five {
  background-image: url("../images/title/title5.jpg");
}

.contact-info-area .contact-info-item {
  margin-bottom: 30px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd52;
          box-shadow: 0px 0px 20px 0px #dddddd52;
  border-radius: 10px;
  padding: 30px 65px;
}

.contact-info-area .contact-info-item h3 {
  font-size: 22px;
  margin-bottom: 15px;
  color: #802A8B;
}

.contact-info-area .contact-info-item ul {
  margin: 0;
  padding: 0;
}

.contact-info-area .contact-info-item ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 10px;
}

.contact-info-area .contact-info-item ul li:last-child {
  margin-bottom: 0;
}

.contact-info-area .contact-info-item ul li a {
  display: inline-block;
  color: #4d4c4c;
}

.contact-info-area .contact-info-item ul li a:hover {
  color: #802A8B;
}

.contact-info-area .contact-info-item.active {
  background-color: #802A8B;
}

.contact-info-area .contact-info-item.active h3 {
  color: #fff;
}

.contact-info-area .contact-info-item.active ul li a {
  color: #fff;
}

.contact-info-area .contact-info-item.active ul li a:hover {
  letter-spacing: 1px;
}

.contact-form-area .form-item {
  background-color: #802A8B;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  z-index: 1;
}

.contact-form-area .form-item .contact-shape img {
  position: absolute;
  z-index: -1;
}

.contact-form-area .form-item .contact-shape img:nth-child(1) {
  top: 0;
  right: 0;
  -webkit-animation: banner-ani-two 8s infinite linear;
          animation: banner-ani-two 8s infinite linear;
}

.contact-form-area .form-item .contact-shape img:nth-child(2) {
  bottom: 0;
  left: 0;
  -webkit-animation: banner-ani-three 8s infinite linear;
          animation: banner-ani-three 8s infinite linear;
}

.contact-form-area .form-item:before {
  position: absolute;
  content: '';
  width: 95%;
  height: 92%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid #fff;
  z-index: -1;
}

.contact-form-area .form-item #contactForm {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.contact-form-area .form-item #contactForm .section-title.two {
  margin-bottom: 30px;
}

.contact-form-area .form-item #contactForm .section-title.two h2 {
  color: #fff;
}

.contact-form-area .form-item #contactForm .form-group {
  margin-bottom: 15px;
}

.contact-form-area .form-item #contactForm .form-group .form-control {
  height: 50px;
  border-radius: 5px;
  border: 0;
}

.contact-form-area .form-item #contactForm .form-group .form-control:focus {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.contact-form-area .form-item #contactForm .form-group textarea {
  height: auto !important;
  padding-top: 13px;
}

.contact-form-area .form-item #contactForm .form-check {
  margin-bottom: 15px;
}

.contact-form-area .form-item #contactForm .form-check .form-check-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.contact-form-area .form-item #contactForm .form-check .form-check-label {
  color: #fff;
}

.contact-form-area .form-item #contactForm .form-check .form-check-label a {
  display: inline-block;
  color: #fff;
  font-weight: 600;
}

.contact-form-area .form-item #contactForm .form-check .form-check-label a:hover {
  letter-spacing: 1px;
}

.contact-form-area .form-item #contactForm .common-btn.two {
  opacity: 1;
  color: #802A8B;
  background-color: #fff;
}

.contact-form-area .form-item #contactForm .common-btn.two:before {
  border: 1px solid #802A8B;
}

.contact-form-area .form-item #contactForm .list-unstyled {
  margin-top: 10px;
  color: #fff;
  margin-bottom: 0;
}

.contact-form-area .form-item #contactForm .text-danger {
  margin-top: 10px;
  margin-bottom: 0;
  color: #fff !important;
}

.contact-form-area .form-item #contactForm .text-success {
  margin-top: 10px;
  margin-bottom: 0;
  color: #fff !important;
}

.map-area #map {
  height: 400px;
  width: 100%;
  border: 0;
  display: block;
}

/*----- User CSS -----*/
.title-img-six {
  background-image: url("../images/title/title6.jpg");
}

.user-area .user-item {
  background-color: #802A8B;
  padding-top: 80px;
  padding-bottom: 80px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
  z-index: 1;
}

.user-area .user-item:before {
  position: absolute;
  content: '';
  width: 95%;
  height: 94%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid #fff;
  z-index: -1;
}

.user-area .user-item .user-shape img {
  position: absolute;
  z-index: -1;
  max-width: 120px;
}

.user-area .user-item .user-shape img:nth-child(1) {
  top: 0;
  right: 0;
  -webkit-animation: banner-ani-two 8s infinite linear;
          animation: banner-ani-two 8s infinite linear;
}

.user-area .user-item .user-shape img:nth-child(2) {
  bottom: 0;
  left: 0;
  -webkit-animation: banner-ani-three 8s infinite linear;
          animation: banner-ani-three 8s infinite linear;
}

.user-area .user-item h2 {
  font-size: 35px;
  color: #fff;
  margin-bottom: 30px;
}

.user-area .user-item form {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.user-area .user-item form .form-group {
text-align: right;
  margin-bottom: 15px;
}

.user-area .user-item form .form-group .form-control {
  height: 50px;
  border-radius: 5px;
  border: 0;
}

.user-area .user-item form .form-group .form-control:focus {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.user-area .user-item form .form-group .form-check-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.user-area .user-item form .form-group .form-check-label {
  color: #fff;
}

.user-area .user-item form .form-group .form-check-label a {
  display: inline-block;
  color: #fff;
  font-weight: 600;
}

.user-area .user-item form .form-group .form-check-label a:hover {
  color: #fff;
  letter-spacing: 1px;
}

.user-area .user-item form .common-btn.two {
  width: 100%;
  display: block;
  color: #802A8B;
  background-color: #fff;
  margin-bottom: 15px;
}

.user-area .user-item form .common-btn.two i {
  display: inline-block;
  font-size: 22px;
  position: relative;
  top: 4px;
}

.user-area .user-item form .common-btn.two:before {
  border: 1px solid #802A8B;
}

.user-area .user-item form p {
  margin-bottom: 15px;
  color: #fff;
}

.user-area .user-item form h4 {
  margin-bottom: 0;
  font-size: 16px;
  color: #fff;
text-align: right;
  font-weight: 500;
}

.user-area .user-item form h4 a {
  display: inline-block;
  color: #fff;
  font-weight: 600;
}

.user-area .user-item form h4 a:hover {
  color: #484848;
}

/*----- Team CSS -----*/
.team-area.two .team-item .bottom span {
  margin-bottom: 10px;
}

.team-area.two .team-item .bottom p {
  margin-bottom: 0;
}

/*----- Appointment CSS -----*/
.title-img-seven {
  background-image: url("../images/title/title7.jpg");
}

.appointment-area .appointment-content {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #802A8B;
  position: relative;
  z-index: 1;
}

.appointment-area .appointment-content:before {
  position: absolute;
  content: '';
  width: 95%;
  height: 90%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid #fff;
}

.appointment-area .appointment-content .appointment-shape img {
  position: absolute;
  z-index: -1;
}

.appointment-area .appointment-content .appointment-shape img:nth-child(1) {
  top: 0;
  right: 0;
  -webkit-animation: banner-ani-two 8s infinite linear;
          animation: banner-ani-two 8s infinite linear;
}

.appointment-area .appointment-content .appointment-shape img:nth-child(2) {
  bottom: 0;
  left: 0;
  -webkit-animation: banner-ani-three 8s infinite linear;
          animation: banner-ani-three 8s infinite linear;
}

.appointment-area .appointment-content form {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.appointment-area .appointment-content form .form-group {
  margin-bottom: 30px;
}

.appointment-area .appointment-content form .form-group .form-control {
  height: 50px;
  border-radius: 5px;
  border: 0;
}

.appointment-area .appointment-content form .form-group .form-control:focus {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.appointment-area .appointment-content form .form-group .nice-select {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
}

.appointment-area .appointment-content form .form-group .nice-select .list {
  width: 100%;
  display: block;
}

.appointment-area .appointment-content form .common-btn.two {
  color: #802A8B;
  background-color: #fff;
}

.appointment-area .appointment-content form .common-btn.two:before {
  border: 1px solid #802A8B;
}

.title-img-eight {
  background-image: url("../images/title/title8.jpg");
}

.gift-card-area .services-item .inner span {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.pricing-area.two .pricing-content {
  background-color: #802A8B;
}

.best-area.two .faq-item .accordion li .faq-head.active {
  background-color: #802A8B;
  border: 1px solid #802A8B;
}

.title-img-nine {
  background-image: url("../images/title/title9.jpg");
}

/*----- Error CSS -----*/
.error-area {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  height: 100vh;
  text-align: center;
}

.error-area .error-content i {
  color: #802A8B;
  display: inline-block;
  font-size: 100px;
}

.error-area .error-content h1 {
  font-size: 130px;
  color: #802A8B;
  margin-bottom: 20px;
}

.error-area .error-content h2 {
  font-size: 25px;
  color: #484848;
  margin-bottom: 10px;
}

.error-area .error-content p {
  margin-bottom: 20px;
  font-weight: 500;
}

/*----- Agreement CSS -----*/
.title-img-ten {
  background-image: url("../images/title/title10.jpg");
}

.agreement-area .nav-pills {
  margin-bottom: 30px;
}

.agreement-area .nav-pills a {
  display: block;
  color: #484848;
  background-color: #fafafa;
  border-radius: 5px;
  padding: 12px 20px;
  margin-bottom: 15px;
  font-weight: 600;
}

.agreement-area .nav-pills a:last-child {
  margin-bottom: 0;
}

.agreement-area .nav-pills a.active {
  background-color: #802A8B;
}

.agreement-area .tab-content {
  margin-bottom: 30px;
}

.agreement-area .tab-content h2 {
  font-size: 30px;
  margin-bottom: 30px;
}

.agreement-area .tab-content .inner h3 {
  font-size: 22px;
  margin-bottom: 5px;
}

.agreement-area .tab-content .inner p {
  margin-bottom: 0;
}

/*----- Preloader CSS -----*/
.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  background: #fff;
}

.loader .loading {
  position: absolute;
  left: 50%;
  top: 40%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90px;
  height: 90px;
  overflow: hidden;
  -webkit-animation: preloader-rotate-one 10s infinite linear;
          animation: preloader-rotate-one 10s infinite linear;
}

.loader .loading div {
  position: absolute;
  width: 70px;
  height: 70px;
  -webkit-animation: alpha 2.25s linear infinite forwards;
          animation: alpha 2.25s linear infinite forwards;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.loader .loading div:nth-child(1) {
  top: -50%;
  left: -50%;
}

.loader .loading div:nth-child(2) {
  top: -50%;
  right: -50%;
}

.loader .loading div:nth-child(3) {
  bottom: -50%;
  right: -50%;
}

.loader .loading div:nth-child(4) {
  bottom: -50%;
  left: -50%;
}


.myloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  background: #fff;
}

.myloader .loading {
  position: absolute;
  left: 50%;
  top: 40%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90px;
  height: 90px;
  overflow: hidden;
  -webkit-animation: premyloader-rotate-one 10s infinite linear;
          animation: premyloader-rotate-one 10s infinite linear;
}

.myloader .loading div {
  position: absolute;
  width: 70px;
  height: 70px;
  -webkit-animation: alpha 2.25s linear infinite forwards;
          animation: alpha 2.25s linear infinite forwards;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.myloader .loading div:nth-child(1) {
  top: -50%;
  left: -50%;
}

.myloader .loading div:nth-child(2) {
  top: -50%;
  right: -50%;
}

.myloader .loading div:nth-child(3) {
  bottom: -50%;
  right: -50%;
}

.myloader .loading div:nth-child(4) {
  bottom: -50%;
  left: -50%;
}


@-webkit-keyframes alpha {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    background: #9176AF;
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    background: #9176AF;
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    background: #9176AF;
  }
}

@keyframes alpha {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    background: #9176AF;
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    background: #9176AF;
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    background: #9176AF;
  }
}

@-webkit-keyframes preloader-rotate-one {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes preloader-rotate-one {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/*----- Go Top CSS -----*/
.go-top {
  position: fixed;
  cursor: pointer;
  bottom: 0;
  right: 15px;
  color: #484848;
  z-index: 4;
  width: 45px;
  text-align: center;
  height: 45px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

.go-top i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  font-size: 40px;
  line-height: 45px;
}

.go-top i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
}

.go-top.active {
  bottom: 2%;
  -webkit-transform: translateY(-1%);
          transform: translateY(-1%);
  opacity: 1;
  visibility: visible;
}

.go-top:hover, .go-top:focus {
  color: #484848;
}

.go-top:hover i:first-child, .go-top:focus i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.go-top:hover i:last-child, .go-top:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.subcategory {
  margin-bottom: 14px !important;
  margin-right: 10px !important;
  margin-top: -8px!important;
}
.subcategory li{
  margin: 7px 5px !important;
}
li.parent  {
  
}
/*# sourceMappingURL=style.css.map */

.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.modal-video-body {
  position: relative;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  max-width: 90vw; /* حداکثر عرض بر اساس صفحه */
  max-height: 90vh; /* حداکثر ارتفاع بر اساس صفحه */
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-video-iframe-wrap {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

video {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  border-radius: 5px;
}

.owl-carousel {
  touch-action: pan-y; /* غیرفعال کردن زوم پیش‌فرض */
}

.zoomable-image {
  width: 100%; /* برای اطمینان از اینکه تصاویر به درستی نمایش داده شوند */
  height: auto;
  touch-action: pinch-zoom; /* فعال‌سازی زوم با pinch */
}

.owl-carousel .nav-btn{
height: 47px;
position: absolute;
width: 26px;
cursor: pointer;
top: 100px !important;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled{
pointer-events: none;
opacity: 0.2;
}

.owl-carousel .prev-slide{
background: url(../images/nav-icon.png) no-repeat scroll 0 0;
left: 13px;
}
.owl-carousel .next-slide{
background: url(../images/nav-icon.png) no-repeat scroll -24px 0px;
right: 13px;
}
.owl-carousel .prev-slide:hover{
background-position: 0px -53px;
}
.owl-carousel .next-slide:hover{
background-position: -24px -53px;
}   


.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

/* استایل برای هر آیتم لیست */
.pagination li {
  margin: 0 2px;
}

/* استایل برای لینک‌ها */
.pagination li a {
  display: block;
  width: 40px; /* عرض مربع */
  height: 40px; /* ارتفاع مربع */
  line-height: 40px; /* برای قرار دادن متن در وسط مربع */
  text-align: center;
  text-decoration: none;
  color: #333;
  background-color: #f4f4f4;
  border-radius: 5px; /* گوشه‌های گرد */
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* استایل برای لینک‌ها هنگام هاور */
.pagination li a:hover {
  background-color: #802A8B;
  color: #fff;
}

/* استایل برای صفحه فعال */
.pagination li.active a {
  background-color: #802A8B;
  color: #fff;
  cursor: default;
}

/* استایل برای لینک‌های قبلی و بعدی */
.pagination li a[aria-label="Back"],
.pagination li a[aria-label="Next"] {
  width: auto;
  padding: 0 5px;
}

/* استایل برای لینک‌های قبلی و بعدی هنگام هاور */
.pagination li a[aria-label="Back"]:hover,
.pagination li a[aria-label="Next"]:hover {
  background-color: #802A8B;
  color: #fff;
}

/* استایل برای صفحه‌های غیرفعال (اختیاری) */
.pagination li.disabled a {
  color: #ccc;
  pointer-events: none;
  cursor: not-allowed;
}

.rdivseller {
  background: linear-gradient(0deg,hsla(240,3%,94%,.5),hsla(240,3%,94%,.5)),#fff;
  border: 1px solid #e0e0e6;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(224, 224, 230);
  border-radius: 8px;
  padding: 0px 17px 0px 0px;
    padding-top: 0px;
  margin: 5px;
}

.col-md-5 {
  flex: 0 0 auto;
  width: 41.6666666667%;
}
.disabled {
  background-color: #b7b3b3 !important;
}
.number{
  padding-top:10px;
  padding-bottom:10px;

}


/* page order */
.page-content {
  margin-top: 30px;
}
.page-order ul.step {
  width: 100%;
  clear: both;
  overflow: hidden;
}
.page-order ul.step li {
  display: inline;
  line-height: 30px;
  width: 20%;
  float: right;
  text-align: center;
  border-bottom: 3px solid #ccc;
}
.page-order ul.step li.current-step {
  border-bottom: 3px solid #ff3366;
}
.page-order .heading-counter {
  margin: 30px 0;
  padding: 15px;
  border: 1px solid #eaeaea;
}
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border-bottom-width: 0px;
}
.page-order .cart_navigation a {
  padding: 10px 20px;
  border: 1px solid #eaeaea;
}
.page-order .cart_avail {
  text-align: center;
}
.page-order .cart_avail .label {
  white-space: normal;
  display: inline-block;
  padding: 6px 10px;
  font-size: 14px;
  border-radius: 0px;
}
.page-order .product-name {
  font-size: 16px;
}
.page-order .cart_description {
  font-size: 14px;
}
.page-order .cart_avail .label-success {
  background: #FFF;
  border: 1px solid #55c65e;
  color: #48b151;
  font-weight: normal;
}
.page-order .cart_navigation a {
  margin-bottom: 15px;
}
.page-order .cart_navigation a.next-btn {
  float: left;
  background: #ff3366;
  color: #fff;
  border: 1px solid #ff3366;
}
.page-order .cart_navigation a.next-btn:hover {
  opacity: 0.8;
}
.page-order .cart_navigation a.prev-btn {
  float: right;
}
.page-order .cart_navigation a.prev-btn:before {
  font: normal normal normal 14px/1 ;
  content: "«";
  padding-right: 15px;
}
.page-order .cart_navigation a.next-btn:after {
  font: normal normal normal 14px/1 ;
  content: "»";
  padding-left: 15px;
}
.page-order .cart_navigation a:hover {
  background: #ff3366;
  color: #fff;
}
.cart_summary > thead,
.cart_summary > tfoot {
  background: #f7f7f7;
  font-size: 16px;
}
.cart_summary > thead > th {
  border-bottom-width: 1px;
  padding: 20px;
}
.cart_summary td {
  vertical-align: middle!important;
  padding: 20px;
}
.cart_summary .table > tbody > tr > td,
.table > tbody > tr > th,
.cart_summary .table > tfoot > tr > td,
.table > tfoot > tr > th,
.cart_summary .table > thead > tr > td,
.table > thead > tr > th {
  padding: 15px;
}
.cart_summary img {
  max-width: 100px;
}
.cart_summary td.cart_product {
  width: 120px;
  padding: 15px;
}
.cart_summary .price {
  text-align: right;
}
.cart_summary .qty {
  text-align: center;
  width: 130px;
}
.cart_summary .qty input {
  text-align: center;
  max-width: 64px;
  margin: 0 auto;
  border-radius: 0px;
  border: 1px solid #eaeaea;
}
.cart_summary .qty span {
  padding: 8px 10px 5px 10px;
  border: 1px solid #eaeaea;
  display: inline-block;
  width: auto;
  margin-top: 5px;
  cursor: pointer;
}
.cart_summary .qty span:hover {
  background: #ff3366;
  color: #fff;
}
.cart_summary .action {
  text-align: center;
}
.cart_summary .action a {
  background: url("../images/icon/delete_icon.png") no-repeat center center;
  font-size: 0;
  height: 9px;
  width: 9px;
  display: inline-block;
  line-height: 24px;
}
.cart_summary tfoot {
  text-align: left;
}
.cart_navigation {
  margin-top: 10px;
  float: left;
  width: 100%;
  margin-bottom: 100px;
}
@media (max-width: 480px) {
  .page-heading {
    font-size: 16px;
  }
  .page-heading span {
    padding: 0;
  }
  .page-order ul.step li {
    width: 100%;
    display: block;
    text-align: left;
    border-bottom: none;
    border-left: 3px solid #eee;
    padding-left: 20px;
    margin-top: 10px;
  }
  .page-order ul.step li.current-step {
    border-left: 3px solid #ff3366;
    border-bottom: none;
  }
}
.hidden {
  display: none !important;
}
.datepicker-plot-area .toolbox .pwt-btn-submit {
  float: initial !important;
  background: #d0f0fd !important;
  border-radius: 5px !important;
}

@media only screen and (max-width: 991px) {
  .mean-container .mean-bar {
    background-color: #9176AF !important;
  }
  .page-title-area {
    height: 200px;
  }
}


#popup-container {
  position: fixed;
  left: 40%;
  transform: translateX(-30%);
  bottom: -150px;
  padding: 15px 15px;
  background-color: #802a8b;
  color: rgb(255, 255, 255);
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
  transition: bottom 0.5s ease-in-out;
  z-index: 9999;
  text-align: justify;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

.col-lg-8 td{
  border-style: dashed;
  border-width: 1px;
  padding: 7px;
}




/* ============================================= */
/*           نوار ابزار پایین موبایل             */
/* ============================================= */

/* مخفی کردن نوار ابزار در حالت دسکتاپ */
.mobile-bottom-nav {
  display: none;
}

/* نمایش و استایل‌دهی نوار ابزار فقط در حالت موبایل */
/* ما از max-width: 768px استفاده می کنیم که نقطه شکست رایجی برای تبلت و موبایل است */
@media screen and (max-width: 768px) {
  .mobile-bottom-nav {
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 65px; /* ارتفاع نوار */
    background-color: #f8f7f9; /* یک رنگ روشن برای پس زمینه */
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); /* سایه در بالا برای جدا شدن از محتوا */
    z-index: 1000; /* اطمینان از اینکه نوار همیشه روی محتوا قرار می گیرد */
    border-top: 1px solid #e0e0e0;
  }

  /* استایل هر دکمه */
  .mobile-bottom-nav .nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1; /* باعث می شود همه دکمه ها فضای یکسانی بگیرند */
    text-decoration: none;
    color: #4A235A; /* رنگ بنفش تیره مطابق با تم سایت */
    font-family: 'Vazirmatn', sans-serif; /* فونت سایت شما (در صورت نیاز تغییر دهید) */
    font-size: 12px;
    transition: color 0.3s ease, transform 0.2s ease;
    padding: 5px 0;
  }

  /* استایل آیکون ها */
  .mobile-bottom-nav .nav-item i {
    font-size: 26px; /* اندازه آیکون */
    margin-bottom: 4px;
  }

  /* افکت هاور و فعال بودن دکمه (برای زیبایی بیشتر در موبایل) */
  .mobile-bottom-nav .nav-item:active {
    transform: scale(0.95); /* کمی کوچک شدن هنگام لمس */
    color: #8E44AD; /* رنگ بنفش روشن تر */
  }

  /* ایجاد فضای خالی در پایین صفحه تا محتوا زیر نوار نرود */
  body {
    padding-bottom: 70px; /* کمی بیشتر از ارتفاع نوار */
  }
}



.video-player-9-16 {
    width: 100%; /* ویدئو عرض کامل والد خود را بگیرد */
    max-width: 450px; /* یک عرض بیشینه برای جلوگیری از بزرگ شدن بیش از حد در دسکتاپ (اختیاری) */
    height: auto; /* ارتفاع به صورت خودکار تنظیم شود */
    aspect-ratio: 9 / 16; /* << مهم‌ترین بخش: تعیین نسبت ابعاد */
    object-fit: cover; /* << بخش کلیدی دوم */
    display: block; /* برای اطمینان از رفتار بلاکی عنصر */
    margin: 5px auto; /* برای وسط‌چین کردن در صورتی که max-width داشته باشد (اختیاری) */
}