@import 'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap';
:root {
 --body-font: 'Roboto',
 sans-serif;
 --heading-font: 'Inter',
 sans-serif;
 --theme-color: #EF1D26;
 --theme-bg-light: #F9F9F9;
 --body-text-color: #757F95;
 --color-white: #ffffff;
 --color-dark: #111111;
 --color-green: #11B76B;
 --color-blue: #0049D0;
 --color-yellow: #FBA707;
 --hero-overlay-color: #01060F;
 --slider-arrow-bg: rgba(255,
 255,
 255,
 0.2);
 --box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
 --box-shadow2: 0 0 15px rgba(0,
 0,
 0,
 0.17);
 --transition: all .5s ease-in-out;
 --transition2: all .3s ease-in-out;
 --border-info-color: rgba(0,
 0,
 0,
 0.08);
 --border-info-color2: rgba(0,
 0,
 0,
 0.05);
 --border-white-color: rgba(255,
 255,
 255,
 0.08);
 --border-white-color2: rgba(255,
 255,
 255,
 0.05);
 --footer-bg: #111111;
 --footer-bg2: #181818;
 --footer-text-color: #F5FAFF
}
*,
*:before,
*:after {
 box-sizing:inherit
}
* {
 scroll-behavior:inherit!important
}
html,
body {
 height:auto;
 width:100%;
 margin:0;
 padding:0;
 overflow-x:hidden;
 box-sizing:border-box
}
body {
 font-family:var(--body-font);
 font-style:normal;
 font-size:16px;
 font-weight:400;
 color:var(--body-text-color);
 line-height:1.8
}
a {
 color:var(--color-dark);
 display:inline-block
}
a,
a:active,
a:focus,
a:hover {
 outline:none;
 -webkit-transition:all .3s ease-out 0s;
 -moz-transition:all .3s ease-out 0s;
 -o-transition:all .3s ease-out 0s;
 -ms-transition:all .3s ease-out 0s;
 transition:all .3s ease-out 0s;
 text-decoration:none
}
a:hover {
 color:var(--color-blue)
}
ul {
 margin:0;
 padding:0
}
li {
 list-style:none
}
h1,
h2,
h3,
h4,
h5,
h6 {
 color:var(--color-dark);
 margin:0;
 font-weight:600;
 font-family:var(--heading-font);
 line-height:1.2
}
h1 {
 font-size:40px
}
h2 {
 font-size:35px
}
h3 {
 font-size:28px
}
h4 {
 font-size:22px
}
h5 {
 font-size:18px
}
h6 {
 font-size:16px
}
p {
 margin:0
}
.img,
img {
 max-width:100%;
 -webkit-transition:all .3s ease-out 0s;
 -moz-transition:all .3s ease-out 0s;
 -ms-transition:all .3s ease-out 0s;
 -o-transition:all .3s ease-out 0s;
 transition:all .3s ease-out 0s;
 height:auto
}
label {
 color:#999;
 cursor:pointer;
 font-weight:400
}
*::-moz-selection {
 background:#d6b161;
 color:var(--color-white);
 text-shadow:none
}
::-moz-selection {
 background:#555;
 color:var(--color-white);
 text-shadow:none
}
::selection {
 background:#555;
 color:var(--color-white);
 text-shadow:none
}
*::-moz-placeholder {
 color:#999;
 font-size:16px;
 opacity:1
}
*::placeholder {
 color:#999;
 font-size:16px;
 opacity:1
}

.fadeIn,
.loading-window {
  -webkit-animation: fadeIn 0.4s both;
  -moz-animation: fadeIn 0.4s both;
  -o-animation: fadeIn 0.4s both;
  animation: fadeIn 0.4s both;
}

.loading-window {
  height: 200px;
  left: 50%;
  margin-left: -150px;
  margin-top: -100px;
  position: fixed;
  top: 50%;
  width: 300px;
  z-index: 99;
}

.car {
  position: absolute;
  width: 117px;
  height: 42px;
  left: 92px;
  top: 70px;
}

.car .strike {
  position: absolute;
  width: 11px;
  height: 1px;
  background: var(--theme-color);
  -webkit-animation: strikes 0.2s linear infinite;
  -moz-animation: strikes 0.2s linear infinite;
  -o-animation: strikes 0.2s linear infinite;
  animation: strikes 0.2s linear infinite;
}

.car .strike2 {
  top: 11px;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  animation-delay: 0.05s;
}

.car .strike3 {
  top: 22px;
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.car .strike4 {
  top: 33px;
  -webkit-animation-delay: 0.15s;
  -moz-animation-delay: 0.15s;
  -o-animation-delay: 0.15s;
  animation-delay: 0.15s;
}

.car .strike5 {
  top: 44px;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.car-detail {
  position: absolute;
  display: block;
  background: var(--theme-color);
  -webkit-animation: speed 0.5s linear infinite;
  -moz-animation: speed 0.5s linear infinite;
  -o-animation: speed 0.5s linear infinite;
  animation: speed 0.5s linear infinite;
}

.car-detail.spoiler {
  width: 0;
  height: 0;
  top: 7px;
  background: none;
  border: 20px solid transparent;
  border-bottom: 8px solid var(--theme-color);
  border-left: 20px solid var(--theme-color);
}

.car-detail.back {
  height: 20px;
  width: 92px;
  top: 15px;
  left: 0px;
}

.car-detail.center {
  height: 35px;
  width: 75px;
  left: 12px;
  -webkit-border-top-left-radius: 30px;
  -moz-border-radius-topleft: 30px;
  border-top-left-radius: 30px;
  -webkit-border-top-right-radius: 45px 40px;
  -moz-border-radius-topright: 45px 40px;
  border-top-right-radius: 45px 40px;
  border: 4px solid var(--theme-color);
  background: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.car-detail.center1 {
  height: 35px;
  width: 35px;
  left: 12px;
  -webkit-border-top-left-radius: 30px;
  -moz-border-radius-topleft: 30px;
  border-top-left-radius: 30px;
}

.car-detail.front {
  height: 20px;
  width: 50px;
  top: 15px;
  left: 67px;
  -webkit-border-top-right-radius: 50px 40px;
  -moz-border-radius-topright: 50px 40px;
  border-top-right-radius: 50px 40px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
}

.car-detail.wheel {
  height: 20px;
  width: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: 20px;
  left: 12px;
  border: 3px solid var(--title-color);
  background: -webkit-linear-gradient(45deg, transparent 45%, #ffe4e1 46%, #ffe4e1 54%, transparent 55%), -webkit-linear-gradient(135deg, transparent 45%, #ffe4e1 46%, #ffe4e1 54%, transparent 55%), -webkit-linear-gradient(left, transparent 45%, #ffe4e1 46%, #ffe4e1 54%, transparent 55%), -webkit-linear-gradient(bottom, transparent 45%, #ffe4e1 46%, #ffe4e1 54%, transparent 55%), -webkit-radial-gradient(#ffe4e1 29%, transparent 30%, transparent 50%, #ffe4e1 51%), var(--title-color);
  background: -moz-linear-gradient(45deg, transparent 45%, #ffe4e1 46%, #ffe4e1 54%, transparent 55%), -moz-linear-gradient(135deg, transparent 45%, #ffe4e1 46%, #ffe4e1 54%, transparent 55%), -moz-linear-gradient(left, transparent 45%, #ffe4e1 46%, #ffe4e1 54%, transparent 55%), -moz-linear-gradient(bottom, transparent 45%, #ffe4e1 46%, #ffe4e1 54%, transparent 55%), -moz-radial-gradient(#ffe4e1 29%, transparent 30%, transparent 50%, #ffe4e1 51%), var(--title-color);
  background: -o-linear-gradient(45deg, transparent 45%, #ffe4e1 46%, #ffe4e1 54%, transparent 55%), -o-linear-gradient(135deg, transparent 45%, #ffe4e1 46%, #ffe4e1 54%, transparent 55%), -o-linear-gradient(left, transparent 45%, #ffe4e1 46%, #ffe4e1 54%, transparent 55%), -o-linear-gradient(bottom, transparent 45%, #ffe4e1 46%, #ffe4e1 54%, transparent 55%), -o-radial-gradient(#ffe4e1 29%, transparent 30%, transparent 50%, #ffe4e1 51%), var(--title-color);
  background: linear-gradient(45deg, transparent 45%, #ffe4e1 46%, #ffe4e1 54%, transparent 55%), linear-gradient(-45deg, transparent 45%, #ffe4e1 46%, #ffe4e1 54%, transparent 55%), linear-gradient(90deg, transparent 45%, #ffe4e1 46%, #ffe4e1 54%, transparent 55%), linear-gradient(0deg, transparent 45%, #ffe4e1 46%, #ffe4e1 54%, transparent 55%), radial-gradient(#ffe4e1 29%, transparent 30%, transparent 50%, #ffe4e1 51%), var(--title-color);
  -webkit-animation-name: spin;
  -moz-animation-name: spin;
  -o-animation-name: spin;
  animation-name: spin;
}

.car-detail.wheel2 {
  left: 82px;
}


.preloader {
 position:fixed;
 width:100%;
 height:100%;
 background:var(--color-white);
 top:0;
 left:0;
 z-index:9999;
 display:flex;
 align-items:center;
 justify-content:center
}
.loader-ripple {
 display:inline-block;
 position:relative;
 width:80px;
 height:80px
}
.loader-ripple div {
 position:absolute;
 border:4px solid var(--theme-color);
 opacity:1;
 border-radius:50%;
 animation:loader-ripple 1s cubic-bezier(0,.2,.8,1) infinite
}
.loader-ripple div:nth-child(2) {
 animation-delay:-.5s
}
@keyframes loader-ripple {
 0% {
  top:36px;
  left:36px;
  width:0;
  height:0;
  opacity:1
 }
 100% {
  top:0;
  left:0;
  width:72px;
  height:72px;
  opacity:0
 }
}
.ovrflow-hidden {
 overflow:hidden
}
.position-relative {
 position:relative;
 z-index:1
}
.text-right {
 text-align:right
}
.space-between {
 display:flex;
 justify-content:space-between;
 align-items:center
}
.c-pd {
 padding:0 7rem
}
.s-pd {
 padding:0 12rem
}
.h-100 {
 height:100%
}
.h-100vh {
 height:100vh
}
.bg {
 background:var(--theme-bg-light)
}
.pb-140 {
 padding-bottom:140px
}
.pd-50 {
 padding:50px 0
}
.py-120 {
 padding:120px 0
}
.pt-120 {
 padding-top:120px
}
.pb-120 {
 padding-bottom:120px
}
.pt-0 {
 padding-top:0
}
.pt-10 {
 padding-top:10px
}
.pt-20 {
 padding-top:20px
}
.pt-30 {
 padding-top:30px
}
.pt-40 {
 padding-top:40px
}
.pt-50 {
 padding-top:50px
}
.pt-60 {
 padding-top:60px
}
.pt-70 {
 padding-top:70px
}
.pt-80 {
 padding-top:80px
}
.pt-90 {
 padding-top:90px
}
.pt-100 {
 padding-top:100px
}
.pb-0 {
 padding-bottom:0
}
.pb-10 {
 padding-bottom:10px
}
.pb-20 {
 padding-bottom:20px
}
.pb-30 {
 padding-bottom:30px
}
.pb-40 {
 padding-bottom:40px
}
.pb-50 {
 padding-bottom:50px
}
.pb-60 {
 padding-bottom:60px
}
.pb-70 {
 padding-bottom:70px;
 direction: rtl;
}
.pb-80 {
 padding-bottom:80px
}
.pb-90 {
 padding-bottom:90px
}
.pb-100 {
 padding-bottom:100px
}
.mt-0 {
 margin-top:0
}
.mt-10 {
 margin-top:10px
}
.mt-20 {
 margin-top:20px
}
.mt-30 {
 margin-top:30px
}
.mt-40 {
 margin-top:40px
}
.mt-50 {
 margin-top:50px
}
.mt-60 {
 margin-top:60px
}
.mt-70 {
 margin-top:70px
}
.mt-80 {
 margin-top:80px
}
.mt-90 {
 margin-top:90px
}
.mt-100 {
 margin-top:100px
}
.mt-120 {
 margin-top:120px
}
.mb-0 {
 margin-bottom:0
}
.mb-10 {
 margin-bottom:10px
}
.mb-20 {
 margin-bottom:20px
}
.mb-30 {
 margin-bottom:30px
}
.mb-40 {
 margin-bottom:40px
}
.mb-50 {
 margin-bottom:50px
}
.mb-60 {
 margin-bottom:60px
}
.mb-70 {
 margin-bottom:70px
}
.mb-80 {
 margin-bottom:80px
}
.mb-90 {
 margin-bottom:90px
}
.mb-100 {
 margin-bottom:100px
}
.mb-120 {
 margin-bottom:120px
}
.mr-300 {
 margin-right:300px
}
.ml-300 {
 margin-left:300px
}
.site-heading {
 margin-bottom:50px;
 position:relative;
 z-index:1
}
.site-title-tagline {
 text-transform:uppercase;
 letter-spacing:4px;
 font-size:17px;
 font-weight:700;
 color:var(--theme-color);
 position:relative;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:5px
}
.site-title-tagline i {
 line-height:0;
 font-size:21px
}
.site-title {
 font-weight:700;
 text-transform:capitalize;
 font-size:45px;
 color:var(--color-dark);
 margin-bottom:0
}
.site-title span {
 color:var(--theme-color)
}
.site-heading p {
 margin-top:15px
}
.heading-divider {
 display:inline-block;
 position:relative;
 border-bottom:4px solid var(--theme-color);
 width:90px;
 height:4px
}
.heading-divider:after {
 content:'';
 position:absolute;
 left:0;
 top:-1px;
 height:6px;
 width:15px;
 border-radius:0;
 background-color:var(--color-white);
 -webkit-animation:heading-move 5s infinite linear;
 animation:heading-move 5s infinite linear
}
@-webkit-keyframes heading-move {
 0% {
  transform:translateX(-1px)
 }
 50% {
  transform:translateX(75px)
 }
 100% {
  transform:translateX(-1px)
 }
}
@keyframes heading-move {
 0% {
  transform:translateX(-1px)
 }
 50% {
  transform:translateX(75px)
 }
 100% {
  transform:translateX(-1px)
 }
}
.theme-btn {
 font-size:16px;
 color:var(--color-white);
 padding:12px 20px;
 transition:all .5s;
 text-transform:capitalize;
 position:relative;
 border-radius:13px;
 font-weight:500;
 cursor:pointer;
 text-align:center;
 overflow:hidden;
 border:none;
 background:#FE0000;
 box-shadow:var(--box-shadow);
 z-index:1
}
.theme-btn::before {
 content:"";
 height:300px;
 width:300px;
 background:var(--color-dark);
 border-radius:50%;
 position:absolute;
 top:50%;
 left:50%;
 transform:translateY(-50%) translateX(-50%) scale(0);
 transition:.5s cubic-bezier(.25,.46,.45,.94);
 z-index:-1
}
.theme-btn:hover {
 color:var(--color-white)
}
.theme-btn:hover::before {
 transform:translateY(-50%) translateX(-50%) scale(1)
}
.theme-btn i {
 margin-left:5px
}
.theme-btn span {
 margin-right:5px
}
.theme-btn2 {
 background:var(--color-white);
 color:var(--theme-color)
}
.theme-btn2::before {
 background:var(--theme-color)
}
.theme-btn2:hover {
 color:var(--color-white)
}
@media(min-width:1200px) {
 .container,
 .container-sm,
 .container-md,
 .container-lg,
 .container-xl {
  max-width:1200px
 }
}
#scroll-top {
 position:fixed;
 bottom:-20px;
 right:30px;
 z-index:99;
 font-size:20px;
 border:none;
 outline:none;
 border-radius:14px;
 color:var(--color-white);
 background-image:url("../img/car.png");
 cursor:pointer;
 width:62px;
 height:120px;
 line-height:50px;
 text-align:center;
 box-shadow:var(--box-shadow2);
 transition:var(--transition);
 opacity:0;
 visibility:hidden;
 z-index:1
}
#scroll-top.active {
 opacity:1;
 visibility:visible;
 bottom:20px
}
@media all and (min-width:768px) and (max-width:1199px) {
 #scroll-top.active {
  bottom:100px
 }
}
.header-top {
 padding:8px 0 10px;
 position:relative;
 background:#550f0f;
 z-index:1;
 direction: rtl;
}
.header-top::before {
 content:"";
 position:absolute;
 background:#FC0000;
 clip-path:polygon(0 0,100% 0,80% 100%,0% 100%);
 width:10%;
 top:0;
 left:0;
 bottom:-1px;
 z-index:-1
}
.header-top::after {
 content:"";
 position:absolute;
 background:var(--theme-color);
 clip-path:polygon(20% 1%,100% 0,100% 100%,0% 100%);
 width:10%;
 top:0;
 right:0;
 bottom:-1px;
 z-index:-1
}
.header-top-wrapper {
 display:flex;
 align-items:center;
 justify-content:space-between
}
.header-top-contact ul {
 display:flex;
 align-items:center;
 gap:25px
}
.header-top-contact a {
 color:var(--color-white);
 font-weight:500
}
.header-top-contact a i {
 color:var(--theme-color)
}
.header-top-right {
 display:flex;
 align-items:center;
 gap:15px
}
.header-top-link a {
 color:var(--color-white);
 margin-right:12px
}
.header-top-link a:hover {
 color:var(--theme-color)
}
.header-top-social span {
 color:var(--color-white)
}
.header-top-social a {
 color:var(--color-white);
 font-size:16px;
 text-align:center;
 margin-left:14px;
 transition:var(--transition)
}
.header-top-social a:hover {
 color:var(--theme-color)
}
@media all and (max-width:1199px) {
 .header-top-contact ul {
  gap:10px
 }
 .header-top-social a {
  width:34px;
  height:34px;
  line-height:37px;
  margin-left:0
 }
 .header-top-left {
  margin-right:5px
 }
}
@media all and (max-width:992px) {
 .header-top {
  display:none
 }
}
.navbar {
 background:#550f0f;
 padding-top:0;
 padding-bottom:0;
 box-shadow:var(--box-shadow);
 z-index:999
}
.navbar.fixed-top {
 background:#4f0f0f;
 box-shadow:var(--box-shadow2);
 animation:slide-down .7s
}
@keyframes slide-down {
 0% {
  transform:translateY(-100%)
 }
 100% {
  transform:translateY(0)
 }
}
.navbar .navbar-brand .logo-display {
 display:block
}
.navbar .navbar-brand .logo-scrolled {
 display:none
}
.navbar.fixed-top .navbar-brand .logo-display {
 display:none
}
.navbar.fixed-top .navbar-brand .logo-scrolled {
 display:block
}
.navbar .navbar-toggler:focus {
 outline:none;
 box-shadow:none
}
.navbar-toggler-mobile-icon {
 display:inline-block;
 width:inherit;
 height:inherit
}
.navbar-brand {
 margin-right:0
}
.navbar-brand img {
 width:200px
}
.navbar .dropdown-toggle::after {
 display:inline-block;
 margin-left:5px;
 vertical-align:baseline;
 font-family:'font awesome 6 pro';
 content:"\f107";
 font-weight:600;
 border:none;
 font-size:14px
}
@media all and (max-width:1199px) {
 .nav-right {
  margin-left:25px!important
 }
 .navbar .nav-item .nav-link {
  margin-right:15px
 }
 .navbar .nav-right-btn {
  display:none
 }
}
@media all and (min-width:992px) {
 .navbar .nav-item .nav-link {
  margin-right:22px;
  padding:30px 0;
  font-size:17px;
  font-weight:600;
  color:#fff;
  text-transform:capitalize
 }
 .navbar .nav-item:last-child .nav-link {
  margin-right:0
 }
 .navbar .nav-item .dropdown-menu {
  display:block;
  opacity:0;
  visibility:hidden;
  transition:.3s;
  margin-top:0;
  border:none;
  left:-15px;
  border-radius:8px;
  background:var(--color-white);
  width:220px;
  box-shadow:var(--box-shadow)
 }
 .navbar .nav-item .dropdown-menu li {
  border-bottom:1px solid var(--border-info-color)
 }
 .navbar .nav-item .dropdown-menu li:last-child {
  margin-bottom:0;
  border-bottom:none
 }
 .navbar .nav-item .dropdown-menu .dropdown-item {
  font-size:16px;
  padding:8px 25px;
  font-weight:500;
  color:var(--color-dark);
  position:relative;
  overflow:hidden;
  text-transform:capitalize;
  transition:all .3s ease-in-out
 }
 .navbar .nav-item .dropdown-menu .dropdown-item:hover {
  background:0 0;
  color:var(--theme-color);
  padding-left:32px
 }
 .navbar .nav-item .dropdown-menu .dropdown-item::before {
  content:"//";
  position:absolute;
  left:15px;
  top:8px;
  color:var(--theme-color);
  opacity:0;
  visibility:hidden;
  transition:var(--transition);
  z-index:-1
 }
 .navbar .nav-item .dropdown-menu .dropdown-item:hover::before {
  opacity:1;
  visibility:visible
 }
 .navbar .nav-item .nav-link {
  position:relative
 }
 .navbar .nav-item .nav-link.active,
 .navbar .nav-item:hover .nav-link {
  color:var(--theme-color)
 }
 .navbar .nav-item:hover .dropdown-menu {
  transition:.3s;
  opacity:1;
  visibility:visible;
  top:100%;
  transform:rotateX(0deg)
 }
 .navbar .dropdown-menu-end {
  right:0;
  left:auto
 }
 .navbar .dropdown-menu.fade-down {
  top:80%;
  transform:rotateX(-75deg);
  transform-origin:0% 0%
 }
 .navbar .dropdown-menu.fade-up {
  top:140%
 }
 .navbar #main_nav {
  justify-content:flex-end
 }
 .nav-right {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  margin-left:45px
 }
 .nav-right-link {
  position:relative;
  font-size:20px;
  color:var(--color-dark);
  transition:var(--transition)
 }
 .nav-right-link:hover {
  color:var(--theme-color)!important
 }
 .nav-right .sidebar-btn .nav-right-link,
 .nav-right .search-btn .nav-right-link {
  border:none;
  background:0 0;
  color:#fffafa;
  font-size:28px;
  padding-right:0
 }
 .nav-right .search-btn .nav-right-link {
  font-size:20px;
  padding:0
 }
 .nav-right .cart-btn .nav-right-link {
  position:relative;
  font-size:20px;
  padding:0;
  margin-right:15px
 }
 .nav-right .cart-btn span {
  position:absolute;
  right:-9px;
  top:-2px;
  width:15px;
  height:15px;
  line-height:15px;
  text-align:center;
  font-size:12px;
  border-radius:50px;
  background:var(--theme-color);
  color:var(--color-white)
 }
}
.mobile-menu-right {
 display:none
}
@media all and (max-width:991px) {
 .navbar {
  top:0;
  right:0;
  left:0;
  position:fixed
 }
 .navbar-brand {
  padding-left:10px
 }
 .navbar-brand img {
  width:130px
 }
 .navbar-collapse {
  max-height:220px;
  overflow:hidden;
  overflow-y:auto;
  padding:0 20px;
  background-color:var(--color-white)
 }
 .dropdown-toggle::after {
  float:right
 }
 .navbar .nav-item .nav-link {
  color:var(--color-dark);
  font-weight:700;
  transition:var(--transition)
 }
 .navbar .nav-item .nav-link:hover {
  color:var(--theme-color)!important
 }
 .navbar-toggler {
  padding:0;
  border:none
 }
 .mobile-menu-right {
  display:flex;
  align-items:center;
  gap:20px
 }
 .mobile-menu-right .nav-right-link {
  background:0 0;
  border:none;
  font-size:20px;
  color:var(--color-dark)
 }
 .mobile-menu-right .nav-right-link:hover {
  color:var(--theme-color)
 }
 .search-area.open {
  top:50px!important
 }
 .navbar-toggler-mobile-icon {
  font-size:25px;
  color:var(--color-dark);
  font-weight:500
 }
 .navbar .dropdown-menu {
  border-radius:8px
 }
 .nav-right {
  display:none
 }
}
.navbar .nav-item .dropdown-submenu {
 position:relative
}
.navbar .nav-item .dropdown-submenu .dropdown-menu::before {
 display:none
}
.navbar .nav-item .dropdown-submenu a::after {
 transform:rotate(-90deg);
 position:absolute;
 right:15px;
 top:10px;
 font-weight:600
}
.navbar .nav-item .dropdown-submenu a:hover {
 background:0 0;
 color:var(--color-white)
}
.navbar .nav-item .dropdown-submenu .dropdown-menu {
 top:120%;
 left:100%;
 opacity:0;
 visibility:hidden
}
.navbar .nav-item .dropdown-submenu:hover .dropdown-menu {
 top:0;
 opacity:1;
 visibility:visible
}
@media all and (max-width:991px) {
 .navbar .nav-item .dropdown-submenu .dropdown-menu {
  margin:0 17px
 }
 .navbar .nav-item .dropdown-submenu .dropdown-menu {
  opacity:unset;
  visibility:unset
 }
 .navbar .nav-item .dropdown-submenu a::after {
  top:4px
 }
 .navbar .nav-item .dropdown-submenu a:hover {
  color:var(--theme-color)
 }
}
.search-area {
 position:absolute;
 top:85px;
 right:0;
 background:var(--color-white);
 padding:15px;
 -webkit-box-shadow:0 5px 15px rgb(0 0 0/10%);
 box-shadow:0 5px 15px rgb(0 0 0/10%);
 width:340px;
 visibility:hidden;
 opacity:0;
 border-radius:10px;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 z-index:1
}
.search-area.open {
 visibility:visible;
 opacity:1;
 top:78px
}
.search-area .form-group {
 position:relative
}
.search-area .form-control {
 padding:12px 45px 12px 20px;
 border-radius:10px;
 box-shadow:none
}
.search-area .form-control:focus {
 border-color:var(--theme-color)
}
.search-area .search-icon-btn {
 position:absolute;
 right:8px;
 top:6px;
 background:0 0;
 border:none;
 font-size:20px
}
.sidebar-popup {
 position:fixed;
 top:0;
 left:0;
 content:"";
 background-color:rgba(0,0,0,.8);
 width:100%;
 height:100%;
 z-index:999;
 visibility:hidden;
 opacity:0;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.sidebar-popup.open {
 visibility:visible;
 opacity:1
}
.sidebar-wrapper {
 position:fixed;
 top:0;
 right:-100%;
 width:450px;
 background:var(--color-white);
 visibility:hidden;
 opacity:0;
 padding:40px;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 z-index:9999
}
.sidebar-wrapper.open {
 right:0;
 visibility:visible;
 opacity:1
}
.sidebar-content {
 position:relative;
 overflow-y:auto;
 height:calc(100vh - 75px)
}
.close-sidebar-popup {
 position:absolute;
 top:1px;
 right:1px;
 width:38px;
 height:38px;
 line-height:36px;
 border-radius:50px;
 text-align:center;
 border:none;
 font-size:20px;
 background:var(--color-dark);
 color:var(--color-white);
 box-shadow:var(--box-shadow);
 transition:var(--transition)
}
.close-sidebar-popup:hover {
 background:var(--theme-color)
}
.sidebar-logo img {
 width:220px
}
.sidebar-about {
 margin-top:40px
}
.sidebar-about h4 {
 margin-bottom:10px
}
.sidebar-contact {
 margin-top:20px
}
.sidebar-contact h4 {
 margin-bottom:15px
}
.sidebar-contact li {
 margin:10px 0
}
.sidebar-contact li i {
 margin-right:5px;
 color:var(--theme-color)
}
.sidebar-contact li a:hover {
 color:var(--theme-color)
}
.sidebar-social {
 margin-top:25px
}
.sidebar-social h4 {
 margin-bottom:20px
}
.sidebar-social a {
 width:40px;
 height:40px;
 line-height:40px;
 text-align:center;
 border-radius:50px;
 margin-right:8px;
 background:var(--color-dark);
 color:var(--color-white);
 box-shadow:var(--box-shadow)
}
.sidebar-social a:hover {
 background:var(--theme-color)
}
.main {
 margin-top:0
}
.hero-section {
 position:relative
}
.hero-single {
 padding-top:150px;
 padding-bottom:180px;
 background-position:center!important;
 background-size:cover!important;
 background-repeat:no-repeat!important;
 display:flex;
 align-items:center;
 justify-content:center;
 position:relative;
 z-index:1
}
.hero-single::before {
 content:"";
 position:absolute;
 width:100%;
 height:100%;
 left:-.5px;
 top:0;
 background:var(--hero-overlay-color);
 opacity:.85;
 z-index:-1
}
.hero-single .hero-content {
 height:100%
}
.hero-single .hero-content .hero-title {
 color:var(--color-white);
 font-size:60px;
 font-weight:800;
 margin:20px 0;
 text-transform:capitalize
}
.hero-single .hero-content .hero-title span {
 color:var(--theme-color)
}
.hero-single .hero-content .hero-sub-title {
 display:inline-block;
 color:var(--theme-color);
 font-size:20px;
 letter-spacing:6px;
 font-weight:800;
 position:relative;
 text-transform:uppercase
}
.hero-single .hero-content p {
 color:var(--color-white);
 line-height:30px;
 font-weight:400;
 margin-bottom:20px
}
.hero-single .hero-content .hero-btn {
 gap:1rem;
 display:flex;
 margin-top:35px;
 justify-content:start
}
.hero-single .hero-img::before {
 content:"";
 position:absolute;
 width:500px;
 height:500px;
 background:var(--theme-color);
 right:100px;
 bottom:0;
 border-radius:50%;
 filter:blur(150px);
 z-index:-1
}
.hero-single .hero-img {
 position:absolute;
 right:100px;
 bottom:120px;
 width:50%;
 z-index:-1
}
.hero-slider.owl-theme .owl-nav {
 margin-top:0
}
.hero-slider.owl-theme .owl-nav [class*=owl-] {
 color:var(--color-white);
 font-size:25px;
 margin:0;
 padding:0;
 background:var(--slider-arrow-bg);
 display:inline-block;
 cursor:pointer;
 height:55px;
 width:55px;
 line-height:55px;
 border-radius:50px;
 text-align:center;
 transition:var(--transition)
}
.hero-slider.owl-theme .owl-nav [class*=owl-]:hover {
 background:var(--color-white);
 color:var(--theme-color)
}
.hero-slider.owl-theme .owl-nav .owl-prev {
 left:40px
}
.hero-slider.owl-theme .owl-nav .owl-next {
 right:40px
}
.hero-slider.owl-theme .owl-nav .owl-prev,
.hero-slider.owl-theme .owl-nav .owl-next {
 position:absolute;
 top:50%;
 transform:translate(0,-50%)
}
@media all and (max-width:1199px) {
 .hero-single .hero-content .hero-title {
  font-size:37px
 }
 .hero-slider.owl-theme .owl-nav .owl-prev,
 .hero-slider.owl-theme .owl-nav .owl-next {
  top:unset;
  bottom:70px!important
 }
 .hero-slider.owl-theme .owl-nav .owl-prev {
  left:unset;
  right:120px
 }
 .hero-slider.owl-theme .owl-nav .owl-next {
  right:40px
 }
}
@media all and (max-width:991px) {
 .hero-single .hero-content .hero-title {
  font-size:50px
 }
 .hero-single .hero-img {
  position:relative;
  width:100%;
  right:unset;
  bottom:unset;
  margin-top:50px
 }
 .hero-single .hero-img::before {
  width:250px;
  height:250px
 }
}
@media all and (max-width:767px) {
 .hero-single .hero-content .hero-sub-title {
  font-size:18px
 }
 .hero-single .hero-content .hero-btn {
  gap:1rem
 }
}
.play-btn {
 display:inline-block;
 padding:0;
 height:75px;
 width:75px;
 line-height:75px;
 font-size:20px;
 text-align:center;
 background:var(--theme-color);
 color:var(--color-white)!important;
 position:absolute;
 border-radius:50%;
 z-index:1
}
.play-btn i::after {
 content:"";
 position:absolute;
 height:100%;
 width:100%;
 top:0;
 left:0;
 z-index:-1;
 background-color:var(--theme-color);
 border-radius:50px;
 animation:ripple-wave 1s linear infinite;
 -webkit-transform:scale(1);
 transform:scale(1);
 transition:all .5s ease-in-out
}
@keyframes ripple-wave {
 0% {
  opacity:.8;
  -webkit-transform:scale(.9);
  transform:scale(.9)
 }
 100% {
  opacity:0;
  -webkit-transform:scale(1.5);
  transform:scale(1.5)
 }
}
.nice-select {
 width:100%;
 height:55px;
 line-height:54px;
 border-radius:10px;
 font-size:16px;
 color:var(--body-text-color)
}
.nice-select::after {
 width:9px;
 height:9px;
 right:20px;
 margin-top:-7px
}
.nice-select:focus {
 border-color:var(--theme-color)
}
.nice-select .list {
 width:100%;
 border:none;
 border-radius:10px;
 padding:10px;
 box-shadow:0 0 40px 5px rgb(0 0 0/5%)
}
.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
 border-radius:8px;
 background:rgba(239,23,33,.05);
 color:var(--theme-color)
}
.find-car {
 position:relative;
 margin-top:-70px;
 z-index:2
}
.find-car-form {
 padding:30px;
 background:var(--color-white);
 border-radius:12px;
 box-shadow:var(--box-shadow);
 direction: rtl;
}
.find-car-title {
 font-size:25px;
 margin-bottom:10px;
 padding-bottom:20px;
 border-bottom:1px solid var(--border-info-color)
}
.find-car-form .form-group {
 margin-top:20px
}
.find-car-form .form-group label {
 margin-bottom:5px;
 color:var(--color-dark)
}
.find-car-form .form-select,
.find-car-form .form-control {
 padding:15px 20px 15px 50px;
 border-radius:12px;
 font-size:18px;
 box-shadow:none;
 color:var(--body-text-color)
}
.find-car-form .form-select:focus,
.find-car-form .form-control:focus {
 border-color:var(--theme-color)
}
.find-car-form .theme-btn {
 width:100%;
 padding:13px;
 border-radius:10px
}
.find-car-form .theme-btn::before {
 width:360px;
 height:360px
}
@media all and (max-width:991px) {
 .find-car-form {
  padding:25px
 }
 .find-car-form .theme-btn {
  margin-top:25px
 }
}
.banner-item {
 width:100%;
 height:Auto;
 border-radius:10px;
 position:relative
}
.banner-item::before {
 content:"";
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 border-radius:10px;
 background:rgba(0,0,0,.3)
}
.banner-item img {
 border-radius:10px;
 width:100%
}
.banner-item-content {
 position:absolute;
 top:20px;
 right:20px
}
.banner-item-content h2 {
 color:var(--color-white)
}
.banner-item-content p {
 color:var(--color-white)
}
.banner-item-content a {
 padding:6px 20px;
 color:var(--color-white);
 background:var(--theme-color);
 margin-top:20px;
 border-radius:50px;
 font-weight:500;
 transition:var(--transition)
}
.banner-item-content a:hover {
 background:var(--theme-color)
}
.banner-item2 .banner-item-content {
 top:unset;
 right:unset;
 left:20px;
 bottom:20px
}
.banner-item3 .banner-item-content {
 top:unset;
 bottom:20px
}
@media all and (max-width:991px) {
 .banner-item {
  margin-bottom:25px
 }
}
.about-left {
 position:relative
}
.about-img img {
 border-radius:15px
}
.about-experience {
 position:absolute;
 display:flex;
 align-items:center;
 gap:10px;
 top:0;
 left:0;
 background:var(--color-dark);
 border-radius:15px;
 padding:10px 20px 10px 10px;
 color:var(--color-white);
 box-shadow:0 0 40px 5px rgb(0 0 0/10%)
}
.about-experience-icon {
 color:var(--color-white);
 font-size:45px;
 width:70px;
 height:70px;
 line-height:68px;
 text-align:center;
 background:var(--theme-color);
 border-radius:15px
}
.about-right {
 position:relative;
 display:block;
 padding-left:30px
}
.about-list-wrapper {
 position:relative;
 display:block;
 margin-top:20px;
 margin-bottom:10px
}
.about-list {
 position:relative;
 display:block
}
.about-list li {
 position:relative;
 padding-right:25px;
 margin-top:10px;
 font-weight:500
}
.about-list li::before {
 content:"\f058";
 position:absolute;
 right:0;
 top:0;
 font-family:"font awesome 6 pro";
 color:var(--theme-color)
}
@media all and (max-width:991px) {
 .about-right {
  margin-top:30px
 }
}
.service-area {
 position:relative;
 display:block;
 overflow:hidden
}
.service-item {
 position:relative;
 padding:20px;
 margin-bottom:25px;
 border-radius:15px;
 background:var(--color-white);
 transition:var(--transition);
 box-shadow:var(--box-shadow);
 z-index:1
}
.service-item:hover {
 transform:translateY(-10px)
}
.service-img img {
 border-radius:10px
}
.service-content {
 position:relative;
 margin-top:5px
}
.service-icon {
 position:absolute;
 width:90px;
 height:90px;
 line-height:90px;
 background:var(--color-white);
 font-size:50px;
 color:var(--theme-color);
 text-align:center;
 border-radius:50%;
 margin-top:-50px;
 right:40px;
 box-shadow:var(--box-shadow);
 z-index:1
}
.service-arrow {
 margin-top:25px
}
.service-title a {
 font-size:20px;
 margin:20px 0;
 font-weight:600;
 margin-bottom:10px;
 color:var(--color-dark)
}
.service-title a:hover {
 color:var(--theme-color)
}
.service-arrow .theme-btn {
 padding:10px 22px
}
.service-area2 .service-item {
 text-align:center
}
.service-area2 .service-icon {
 margin-top:20px;
 margin-left:auto;
 margin-right:auto;
 position:unset
}
.service-area2 .service-title a {
 margin-top:10px
}
.service-single-list i {
 color:var(--theme-color);
 margin-right:10px
}
.service-download a {
 border:2px solid var(--theme-color);
 padding:12px 20px;
 color:var(--color-dark);
 display:block;
 margin-bottom:20px;
 font-weight:600;
 border-radius:15px;
 transition:var(--transition)
}
.service-download a i {
 margin-right:10px
}
.service-download a:hover {
 background-color:var(--theme-color);
 color:var(--color-white)
}
.service-details h3 {
 color:var(--color-dark)
}
.service-details img {
 border-radius:15px
}
.feature-area {
 position:relative;
 z-index:1
}
.feature-item {
 padding:25px 20px;
 text-align:center;
 position:relative;
 background:var(--color-white);
 border-radius:15px;
 margin-bottom:25px;
 overflow:hidden;
 box-shadow:var(--box-shadow);
 transition:var(--transition);
 z-index:1
}
.feature-item:hover {
 transform:translateY(-10px)
}
.feature-icon {
 margin-bottom:20px;
 transition:var(--transition)
}
.feature-icon img {
 width:70px
}
.feature-item:hover .feature-icon {
 transform:rotateY(360deg)
}
.feature-item h4 {
 font-size:24px;
 font-weight:600;
 margin-bottom:15px
}
@media all and (max-width:1199px) {
 .feature-area {
  margin-top:-20px
 }
}
.video-content {
 position:relative;
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover
}
.video-content::before {
 content:"";
 position:absolute;
 background:rgba(3,2,7,.2);
 width:100%;
 height:100%;
 left:0;
 top:0
}
.video-wrapper {
 position:relative;
 display:flex;
 justify-content:center;
 border-radius:5px;
 height:550px;
 z-index:100
}
.video-wrapper img {
 border-radius:12px
}
.video-area .play-btn {
 display:inline-block;
 padding:0;
 height:75px;
 width:75px;
 text-align:center;
 position:absolute;
 border-radius:50%;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%)
}
@media all and (max-width:767px) {
 .video-wrapper {
  height:250px
 }
}
.process-single {
 position:relative
}
.process-single .icon {
 height:120px;
 width:120px;
 line-height:110px;
 display:inline-block;
 position:relative;
 background:var(--theme-color);
 border-radius:50%;
 font-size:65px;
 color:var(--color-white);
 margin-bottom:30px;
 z-index:1
}
.process-single .icon img {
 width:70px
}
.process-single .icon::before {
 content:"";
 position:absolute;
 left:-10px;
 right:-10px;
 top:-10px;
 bottom:-10px;
 border:3px solid var(--theme-color);
 border-radius:50%
}
.process-single .icon::after {
 content:"";
 position:absolute;
 width:100%;
 height:100%;
 left:0;
 top:0;
 background:var(--color-dark);
 transform:scale(0,0);
 border-radius:50%;
 transition:var(--transition);
 z-index:-1
}
.process-single:hover .icon::after {
 transform:scale(1,1)
}
.process-single span {
 position:absolute;
 height:40px;
 width:40px;
 line-height:40px;
 font-size:14px;
 background:var(--theme-color);
 border-radius:15px;
 color:var(--color-white);
 left:-5px;
 top:-31px;
 font-weight:600
}
.process-single h4 {
 margin-bottom:10px;
 font-weight:700
}
.process-single::before {
 content:url(../img/shape/05.html);
 position:absolute;
 right:-70px;
 top:34px
}
@media only screen and (min-width:768px) and (max-width:991px) {
 .process-single::before {
  display:none
 }
}
@media(max-width:767px) {
 .process-single::before {
  display:none
 }
}
.process-area .col-lg-3:last-child .process-single::before {
 display:none
}
.choose-area {
 position:relative;
 background:var(--color-dark)
}
.choose-item {
 position:relative;
 background:var(--color-white);
 border-radius:12px;
 margin-bottom:25px;
 padding:20px;
 box-shadow:var(--box-shadow);
 z-index:1
}
.choose-count {
 position:absolute;
 right:25px;
 top:0;
 font-size:60px;
 font-weight:800;
 -webkit-text-stroke:1px var(--theme-color);
 -webkit-text-fill-color:transparent;
 z-index:-1
}
.choose-item-icon {
 width:80px;
 height:80px;
 line-height:77px;
 background:var(--theme-color);
 color:var(--color-white);
 font-size:45px;
 border-radius:50px;
 margin-bottom:15px;
 text-align:center
}
.choose-item-info h3 {
 margin-bottom:10px;
 font-size:22px
}
@media all and (max-width:991px) {
 .choose-content-wrapper {
  margin-top:40px
 }
}
.testimonial-area {
 position:relative
}
.testimonial-single {
 margin-bottom:20px;
 background:var(--color-white);
 border-radius:15px;
 padding:40px 30px;
 position:relative;
 margin-top:50px
}
.testimonial-quote p {
 color:var(--color-dark)
}
.testimonial-author-info {
 margin:15px 0 10px
}
.testimonial-author-img {
 position:absolute;
 top:-45px;
 left:25px;
 margin-right:20px;
 width:90px;
 padding:5px;
 border-radius:50px;
 border:5px solid var(--theme-color);
 border-top-color:transparent;
 border-bottom-color:transparent
}
.testimonial-author-img img {
 border-radius:50%
}
.testimonial-author-info h4 {
 font-size:20px;
 color:var(--color-dark)
}
.testimonial-author-info p {
 color:var(--theme-color);
 font-weight:500
}
.testimonial-quote-icon {
 position:absolute;
 right:40px;
 top:0;
 font-size:80px;
 opacity:.2
}
.testimonial-area .owl-dots {
 text-align:center;
 margin-top:30px
}
.testimonial-area .owl-dots .owl-dot span {
 background:var(--theme-color);
 margin:5px;
 border-radius:50px;
 width:6px;
 height:6px;
 display:inline-block;
 transition:var(--transition)
}
.testimonial-area .owl-dots .owl-dot.active span {
 background-color:var(--theme-color);
 width:15px
}
.testimonial-rate {
 color:var(--theme-color);
 margin-top:15px
}
.counter-area {
 position:relative;
 background:var(--theme-color);
 z-index:1
}
.counter-area::before {
 content:"";
 position:absolute;
 background-image:url(../img/shape/01.png);
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover;
 left:0;
 top:0;
 width:100%;
 height:100%;
 opacity:.15;
 z-index:-1
}
.counter-box {
 display:flex;
 align-items:center;
 justify-content:center;
 flex-direction:column;
 text-align:center;
 gap:20px;
 position:relative;
 z-index:1
}
.counter-box .icon {
 position:relative;
 text-align:center;
 font-size:60px;
 border-radius:50%;
 width:120px;
 height:120px;
 line-height:110px;
 color:var(--color-white);
 border:5px solid var(--color-white);
 background:var(--color-dark);
 z-index:1
}
.counter-box .counter {
 display:block;
 line-height:1;
 color:var(--color-white);
 font-size:50px;
 font-weight:600
}
.counter-box .title {
 color:var(--color-white);
 margin-top:20px;
 font-size:20px;
 font-weight:600;
 text-transform:capitalize
}
@media all and (max-width:991px) {
 .counter-area .counter-box {
  margin:40px 0
 }
}
.cta-wrapper {
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover;
 position:relative;
 margin-top:-100px;
 padding:40px;
 border-radius:15px;
 z-index:1
}
.cta-wrapper::before {
 content:"";
 position:absolute;
 background:var(--theme-color);
 border-radius:15px;
 width:100%;
 height:100%;
 left:0;
 top:0;
 opacity:.85;
 z-index:-1
}
.cta-text h1 {
 color:var(--color-white);
 font-size:50px;
 text-transform:capitalize;
 margin-bottom:15px
}
.cta-text p {
 color:var(--color-white)
}
.cta-number {
 font-size:32px;
 color:var(--color-white)!important;
 font-weight:700
}
.cta-number i {
 margin-right:15px
}
.cta-btn .theme-btn {
 background:var(--color-white);
 color:var(--theme-color)
}
.cta-btn .theme-btn:hover {
 color:var(--color-white)
}
.cta-divider {
 position:relative
}
.cta-divider::before {
 position:absolute;
 content:close-quote;
 width:2px;
 bottom:0;
 background-color:var(--color-white);
 right:-118px;
 top:0
}
.cta-divider:after {
 width:0;
 position:absolute;
 content:close-quote;
 height:0;
 border-top:7px solid transparent;
 border-bottom:7px solid transparent;
 border-left:7px solid var(--color-white);
 top:50%;
 transform:translateY(-50%);
 right:-124px
}
.location-area {
 position:relative
}
.location-item {
 width:100%;
 margin-bottom:15px;
 border-radius:15px;
 overflow:hidden;
 position:relative
}
.location-item::after {
 content:"";
 position:absolute;
 width:100%;
 height:100%;
 bottom:0;
 left:0;
 border-radius:15px;
 transition:all .3s;
 background:rgba(0,0,0,.4)
}
.location-item img {
 border-radius:15px;
 width:100%;
 transition:all .5s
}
.location-item:hover img {
 -webkit-transform:scale(1.1);
 transform:scale(1.1)
}
.location-info {
 position:absolute;
 bottom:20px;
 left:20px;
 transition:all .3s ease-in-out;
 z-index:1
}
.location-info h4 {
 color:var(--color-white);
 font-size:20px;
 margin-bottom:10px
}
.location-info span {
 display:inline-block;
 color:var(--color-white);
 background:var(--theme-color);
 padding:0 10px;
 border-radius:50px
}
.location-slider .owl-dots {
 text-align:center;
 margin-top:30px
}
.location-slider .owl-dots .owl-dot span {
 background:0 0;
 border:2px solid var(--theme-color);
 margin:5px;
 border-radius:50px;
 width:12px;
 height:12px;
 display:inline-block;
 transition:all .5s ease-in-out
}
.location-slider .owl-dots .owl-dot.active span {
 background:var(--theme-color)
}
@media all and (max-width:1399px) {
 .location-info h4 {
  font-size:23px
 }
 .location-more-info ul li {
  font-size:15px
 }
}
@media all and (max-width:767px) {
 .location-item img {
  height:400px
 }
}
.blog-area {
 position:relative
}
.blog-item {
 padding:20px;
 margin-bottom:25px;
 background:var(--color-white);
 border-radius:12px;
 box-shadow:var(--box-shadow);
 transition:var(--transition)
}
.blog-item-img {
 border-radius:12px;
 overflow:hidden
}
.blog-item-img img {
 border-radius:12px
}
.blog-item:hover .blog-item-img img {
 transform:scale(1.1)
}
.blog-item-info {
 padding:15px 0 0
}
.blog-item-meta ul {
 margin:0;
 padding:0;
 margin-bottom:14px;
 border-bottom:1px solid var(--border-info-color);
 padding-bottom:18px
}
.blog-item-meta ul li {
 display:inline-block;
 margin-right:15px;
 font-weight:500;
 position:relative;
 color:var(--color-dark)
}
.blog-item-meta ul li i {
 margin-right:5px;
 color:var(--theme-color)
}
.blog-item-meta a:hover {
 color:var(--theme-color)
}
.blog-title {
 font-size:22px;
 margin-bottom:15px;
 text-transform:capitalize
}
.blog-item-info p {
 margin-bottom:16px
}
.blog-item-info .theme-btn {
 margin-top:15px
}
.blog-item-info h4 a {
 color:var(--color-dark)
}
.blog-item-info h4 a:hover {
 color:var(--theme-color)
}
.blog-thumb-img {
 margin-bottom:20px
}
.blog-single-content img {
 border-radius:15px
}
.blog-meta {
 display:flex;
 justify-content:space-between;
 align-items:center;
 margin-bottom:20px
}
.blog-meta .blog-meta-left ul {
 display:flex;
 align-items:center;
 gap:20px
}
.blog-meta .blog-meta-left ul li {
 font-weight:500
}
.blog-meta i {
 margin-right:5px;
 color:var(--theme-color)
}
.blog-meta a {
 color:var(--theme-bg-light);
 font-weight:500
}
.blog-meta a:hover {
 color:var(--theme-color)
}
.blog-details-title {
 font-size:34px;
 color:var(--color-dark)
}
.blockqoute {
 background:var(--theme-bg-light);
 border-left:5px solid var(--theme-color);
 padding:30px;
 font-size:17px;
 font-style:italic;
 margin:20px 0;
 border-radius:0
}
.blockqoute-author {
 margin-top:20px;
 padding-left:60px;
 position:relative;
 color:var(--color-dark)
}
.blockqoute-author::before {
 content:"";
 position:absolute;
 height:2px;
 width:40px;
 background:var(--theme-color);
 left:0;
 top:10px
}
.blog-details-tags {
 display:flex;
 align-items:center;
 gap:20px
}
.blog-details-tags h5 {
 color:var(--color-dark)
}
.blog-details-tags ul {
 display:flex;
 align-items:center;
 gap:15px
}
.blog-details-tags ul a {
 background:var(--theme-bg-light);
 color:var(--color-dark);
 padding:6px 18px;
 border-radius:10px;
 transition:var(--transition)
}
.blog-details-tags ul a:hover {
 background:var(--theme-color);
 color:var(--color-white)
}
.blog-author {
 display:flex;
 justify-content:start;
 align-items:center;
 background:var(--color-white);
 border-radius:10px;
 box-shadow:var(--box-shadow);
 margin:50px 0;
 padding:20px
}
.blog-author-img {
 width:320px
}
.blog-author-img img {
 border-radius:15px
}
.author-name {
 font-size:22px;
 color:var(--theme-color);
 margin:8px 0
}
.author-info {
 padding:0 20px
}
.author-social {
 margin-top:10px
}
.author-social a {
 width:35px;
 height:35px;
 line-height:31px;
 text-align:center;
 border:2px solid var(--theme-color);
 border-radius:50px;
 margin-right:5px;
 color:var(--theme-color);
 transition:var(--transition)
}
.author-social a:hover {
 color:var(--color-white);
 background:var(--theme-color)
}
.blog-comments {
 margin-bottom:50px
}
.blog-comments h3 {
 color:var(--color-dark)
}
.blog-comments-wrapper {
 margin:30px 0
}
.blog-comments-single {
 display:flex;
 justify-content:start;
 align-items:flex-start;
 margin-top:50px
}
.blog-comments-single img {
 border-radius:50%
}
.blog-comments-content {
 padding:0 0 0 20px
}
.blog-comments-content span {
 font-size:14px;
 color:var(--theme-color);
 font-weight:500
}
.blog-comments-content a {
 font-weight:500;
 margin-top:5px;
 color:var(--theme-color)
}
.blog-comments-content a:hover {
 color:var(--color-dark)
}
.blog-comments-content h5 {
 color:var(--color-dark)
}
.blog-comments-reply {
 margin-left:50px
}
.blog-comments-form {
 padding:30px;
 margin-top:50px;
 border-radius:10px;
 background:var(--theme-bg-light)
}
.blog-comments-form h3 {
 margin-bottom:20px
}
.blog-comments-form .form-group {
 margin-bottom:20px
}
.blog-comments-form .form-control {
 padding:15px 20px;
 border-radius:12px;
 box-shadow:none;
 transition:var(--transition)
}
.blog-comments-form .form-control:focus {
 border-color:var(--theme-color)
}
@media all and (max-width:767px) {
 .blog-meta {
  flex-direction:column;
  font-size:15px
 }
 .blog-meta .blog-meta-left ul {
  gap:10px
 }
 .blog-details-tags {
  flex-direction:column;
  align-items:flex-start
 }
 .blog-author {
  flex-direction:column;
  text-align:center;
  padding:25px
 }
 .author-info {
  margin-top:25px
 }
 .blog-comments-single {
  flex-direction:column;
  text-align:center;
  padding:30px 0;
  box-shadow:var(--box-shadow);
  margin-bottom:30px;
  border-radius:10px
 }
 .blog-comments-single img {
  margin:0 auto 20px
 }
 .blog-comments-reply {
  margin-left:0
 }
}
.widget {
 background:var(--theme-bg-light);
 padding:30px;
 margin-bottom:30px;
 border-radius:10px
}
.widget .widget-title {
 padding-bottom:10px;
 margin-bottom:30px;
 position:relative;
 font-size:25px;
 color:var(--color-dark)
}
.widget .widget-title::before {
 position:absolute;
 content:'';
 width:15px;
 border-bottom:3px solid var(--theme-color);
 bottom:0;
 left:0
}
.widget .widget-title::after {
 position:absolute;
 content:'';
 width:30px;
 border-bottom:3px solid var(--theme-color);
 bottom:0;
 left:22px
}
.widget .search-form .form-control {
 padding:12px 15px;
 border-radius:12px;
 box-shadow:none
}
.widget .search-form {
 position:relative
}
.widget .search-form .form-control:focus {
 border-color:var(--theme-color)
}
.widget .search-form button {
 position:absolute;
 right:0;
 top:0;
 font-size:18px;
 padding:8px 18px 6px;
 background:0 0;
 border:none;
 color:var(--theme-color)
}
.widget .category-list a {
 display:block;
 padding:10px 0;
 font-weight:500;
 border-bottom:1px solid #ced4da;
 transition:var(--transition)
}
.widget .category-list a:last-child {
 margin-bottom:0;
 border-bottom:none
}
.widget .category-list a:hover {
 padding-left:10px;
 color:var(--theme-color)
}
.widget .category-list a i {
 margin-right:5px;
 color:var(--theme-color)
}
.widget .category-list a span {
 float:right
}
.widget .recent-post-single {
 display:flex;
 justify-content:start;
 align-items:center;
 margin-bottom:20px
}
.widget .recent-post-img {
 margin-right:20px
}
.widget .recent-post-img img {
 width:120px;
 border-radius:8px
}
.widget .recent-post-bio h6 {
 font-size:18px
}
.widget .recent-post-bio span {
 font-size:14px;
 color:var(--theme-color)
}
.widget .recent-post-bio span i {
 margin-right:5px
}
.widget .recent-post-bio h6 a:hover {
 color:var(--theme-color)
}
.widget .social-share-link a {
 width:35px;
 height:35px;
 line-height:31px;
 border:2px solid var(--theme-color);
 color:var(--theme-color);
 text-align:center;
 margin-right:5px;
 border-radius:50px;
 transition:var(--transition)
}
.widget .social-share-link a:hover {
 background:var(--theme-color);
 color:var(--color-white)
}
.widget .tag-list a {
 background:var(--color-white);
 color:var(--color-dark);
 padding:5px 15px;
 margin-bottom:10px;
 margin-right:10px;
 border-radius:10px;
 display:inline-block;
 transition:var(--transition)
}
.widget .tag-list a:hover {
 background-color:var(--theme-color);
 color:var(--color-white)
}
.contact-wrapper {
 background:var(--color-white);
 border-radius:10px;
 padding:20px;
 box-shadow:var(--box-shadow)
}
.contact-img img {
 width:100%;
 border-radius:15px 50% 50% 15px
}
.contact-form {
 padding:20px 0
}
.contact-form-header {
 margin-bottom:30px
}
.contact-form-header h2 {
 font-size:30px;
 font-weight:700;
 margin-bottom:10px;
 color:var(--color-dark)
}
.contact-form .form-group {
 margin-bottom:25px
}
.contact-form .form-group .form-control {
 padding:15px 20px;
 border-radius:12px;
 box-shadow:none;
 transition:var(--transition)
}
.contact-form .form-group .form-control:focus {
 border-color:var(--theme-color)
}
.contact-map {
 margin-bottom:-9px
}
.contact-map iframe {
 width:100%;
 height:450px
}
.contact-content {
 margin-bottom:50px
}
.contact-info {
 display:flex;
 flex-direction:column;
 align-items:center;
 text-align:center;
 gap:15px;
 padding:30px 20px;
 position:relative;
 margin-bottom:25px;
 border-radius:15px;
 background:var(--color-white);
 box-shadow:var(--box-shadow);
 transition:var(--transition)
}
.contact-info:hover {
 transform:translateY(-8px)
}
.contact-info-icon i {
 font-size:35px;
 color:var(--color-white);
 width:70px;
 height:70px;
 line-height:70px;
 text-align:center;
 border-radius:50px;
 background:var(--theme-color)
}
.contact-info h5 {
 font-size:20px;
 font-weight:700;
 margin-bottom:8px;
 color:var(--color-dark)
}
.contact-info p {
 color:var(--color-dark);
 font-weight:500;
 font-size:16px
}
@media all and (max-width:768px) {
 .contact-content {
  margin-top:50px;
  margin-bottom:0
 }
}
.team-area {
 position:relative;
 overflow:hidden
}
.team-item {
 padding:15px;
 margin-bottom:60px;
 text-align:center;
 position:relative;
 background:var(--color-white);
 border-radius:15px;
 box-shadow:var(--box-shadow);
 transition:var(--transition)
}
.team-item:hover {
 transform:translateY(-10px)
}
.team-img img {
 border-radius:15px;
 margin-top:-50px
}
.team-content {
 padding:10px 0 5px
}
.team-bio h5 {
 font-size:20px;
 margin-top:5px;
 margin-bottom:5px;
 text-transform:capitalize
}
.team-bio span {
 font-size:16px;
 font-weight:500;
 color:var(--theme-color);
 text-transform:capitalize
}
.team-bio h5 a:hover {
 color:var(--theme-color)
}
.team-social {
 position:absolute;
 margin-bottom:10px;
 text-align:center;
 top:20px;
 right:0;
 bottom:0;
 opacity:0;
 transition:var(--transition)
}
.team-item:hover .team-social {
 opacity:1;
 right:30px
}
.team-social a {
 display:block;
 color:var(--color-white);
 width:40px;
 height:40px;
 line-height:40px;
 margin-bottom:10px;
 border-radius:50px;
 background:var(--theme-color);
 box-shadow:var(--box-shadow)
}
.team-social a:hover {
 background:var(--color-dark);
 color:var(--color-white)
}
.team-social h6 {
 margin-top:28px;
 color:var(--color-white);
 font-size:18px;
 letter-spacing:1.5px;
 text-transform:uppercase;
 position:relative;
 transform:rotate(-90deg)
}
.team-social h6::before {
 content:"";
 position:absolute;
 width:40px;
 height:3px;
 background:var(--color-white);
 left:-50px;
 top:7px
}
.pricing-item {
 padding:30px;
 position:relative;
 overflow:hidden;
 background:var(--color-white);
 margin-bottom:25px;
 border-radius:10px;
 box-shadow:0 10px 40px rgb(6 22 58/10%);
 transition:all .9s ease-in-out;
 z-index:1
}
.pricing-item::before {
 content:"";
 position:absolute;
 width:220px;
 height:220px;
 background:var(--theme-color);
 right:-40px;
 top:-40px;
 border-radius:80px;
 transform:rotate(45deg);
 opacity:.1;
 transition:var(--transition);
 z-index:-1
}
.pricing-item:hover {
 transform:translateY(-10px)
}
.pricing-icon {
 display:flex;
 justify-content:center;
 align-items:center;
 width:100px;
 height:100px;
 border-radius:50px;
 font-size:56px;
 color:var(--color-white);
 background:var(--theme-color);
 position:relative;
 box-shadow:var(--box-shadow)
}
.pricing-icon::before {
 content:"";
 position:absolute;
 left:-10px;
 right:-10px;
 top:-10px;
 bottom:-10px;
 border:2px dashed var(--theme-color);
 border-radius:50%
}
.pricing-header-content {
 margin:30px 0 20px
}
.pricing-header-content h4 {
 margin-bottom:10px
}
.pricing-amount {
 color:var(--theme-color)
}
.pricing-feature ul {
 margin-bottom:25px
}
.pricing-feature ul li {
 position:relative;
 margin:10px 0;
 padding-left:25px
}
.pricing-feature ul li::before {
 content:"\f560";
 position:absolute;
 font-family:"font awesome 6 pro";
 color:var(--theme-color);
 left:0;
 top:0
}
.car-category {
 position:relative
}
.category-item {
 width:100%;
 text-align:center;
 margin-bottom:25px;
 padding:20px;
 border-radius:20px;
 box-shadow:var(--box-shadow);
 transition:var(--transition)
}
.category-item:hover {
 transform:translateY(-7px)
}
.category-img {
 width:100px;
 margin:0 auto
}
.category-item h5 {
 transition:var(--transition)
}
.category-item:hover h5 {
 color:var(--theme-color)
}
.car-dealer {
 position:relative
}
.dealer-item {
 padding:10px;
 border-radius:10px;
 margin-bottom:25px;
 background:var(--color-white);
 box-shadow:var(--box-shadow);
 transition:var(--transition)
}
.dealer-item:hover {
 transform:translateY(-7px)
}
.dealer-img {
 position:relative;
 background:rgba(239,29,38,.05);
 border-radius:10px;
 padding:10px
}
.dealer-listing {
 position:absolute;
 background:var(--theme-color);
 color:var(--color-white);
 box-shadow:var(--box-shadow2);
 left:-20px;
 top:8px;
 border-radius:7px;
 padding:2px 10px;
 font-weight:500;
 z-index:1
}
.dealer-content {
 padding:15px 10px 5px
}
.dealer-content h4 {
 font-size:20px
}
.dealer-content h4 a:hover {
 color:var(--theme-color)
}
.dealer-content ul {
 margin-top:10px
}
.dealer-content ul li {
 margin-top:5px
}
.dealer-content ul li i {
 color:var(--theme-color);
 margin-right:5px
}
.dealer-content ul li a {
 color:var(--body-text-color)
}
.dealer-content ul li a:hover {
 color:var(--theme-color)
}
.dealer-single {
 position:relative
}
.dealer-banner {
 position:relative
}
.dealer-banner-img img {
 border-radius:20px
}
.dealer-banner-content {
 display:flex;
 align-items:center;
 gap:10px;
 position:absolute;
 bottom:20px;
 left:18px;
 background:#fff;
 padding:5px 30px 5px 5px;
 border-radius:50px;
 box-shadow:0 1px 80px 12px rgb(26 40 68/6%)
}
.dealer-banner-logo {
 width:70px
}
.dealer-banner-logo img {
 border-radius:50%
}
.dealer-banner-info span {
 font-weight:500
}
.dealer-single .car-single-author {
 flex-direction:column;
 align-items:center;
 justify-content:center;
 text-align:center
}
@media all and (max-width:767px) {
 .dealer-banner-img img {
  height:180px
 }
 .dealer-banner-content {
  bottom:-30px
 }
}
.car-brand {
 position:relative
}
.brand-item {
 width:100%;
 text-align:center;
 margin-bottom:25px;
 padding:10px;
 border-radius:12px;
 background:var(--theme-bg-light);
 transition:var(--transition)
}
.brand-item:hover {
 transform:translateY(-7px)
}
.brand-img {
 margin:0 auto
}
.brand-item h5 {
 margin-bottom:20px;
 transition:var(--transition)
}
.brand-item:hover h5 {
 color:var(--theme-color)
}
.calculator-wrapper {
 background:var(--color-white);
 border-radius:10px;
 padding:50px;
 box-shadow:var(--box-shadow)
}
.calculator-wrapper h4 {
 margin-bottom:25px
}
.calculator-form .form-group {
 margin-bottom:30px
}
.calculator-form .form-control {
 padding:14px 20px;
 border-radius:10px;
 box-shadow:none
}
.calculator-form .form-control:focus {
 border-color:var(--theme-color)
}
.calculator-img img {
 border-radius:20px
}
@media all and (max-width:991px) {
 .calculator-form {
  margin-bottom:35px
 }
}
.car-area {
 position:relative
}
.car-item {
 background:var(--color-white);
 border-radius:10px;
 padding:10px;
 margin-bottom:25px;
 box-shadow:var(--box-shadow);
 transition:var(--transition)
}
.car-content {
 padding:10px 10px 6px;
 direction: rtl;
}
.car-img {
 position:relative;
 overflow:hidden;
 border-radius:10px
}
.car-img img {
 border-radius:10px
}
.car-item:hover .car-img img {
 transform:scale(1.2)
}
.car-status {
 position:absolute;
 left:10px;
 top:10px;
 background:var(--theme-color);
 color:var(--color-white);
 padding:2px 8px;
 border-radius:6px;
 box-shadow:var(--box-shadow);
 text-transform:uppercase;
 font-size:12px;
 font-weight:500;
 letter-spacing:.5px;
 z-index:1
}
.car-status.status-1 {
 background:var(--theme-color)
}
.car-status.status-2 {
 background:var(--color-green)
}
.car-btns {
 position:absolute;
 right:-10px;
 top:10px;
 opacity:0;
 visibility:hidden;
 transition:var(--transition);
 z-index:1
}
.car-item:hover .car-btns {
 right:10px;
 opacity:1;
 visibility:visible
}
.car-btns a {
 width:35px;
 height:35px;
 line-height:36px;
 text-align:center;
 background:var(--theme-color);
 color:var(--color-white);
 border-radius:50px;
 box-shadow:var(--box-shadow);
 margin-bottom:8px;
 display:block
}
.car-btns a:hover {
 background:var(--color-dark);
 color:var(--color-white)
}
.car-top h4 {
 font-size:18px;
 margin-bottom:7px
}
.car-top h4 a:hover {
 color:var(--theme-color)
}
.car-rate {
 font-size:14px
}
.car-rate i {
 color:var(--color-yellow)
}
.car-rate span {
 margin-left:2px
}
.car-list {
 margin-top:12px
}
.car-list li {
 display:inline-block;
 margin-right:10px;
 margin-bottom:5px;
 font-size:14px
}
.car-list i {
 color:var(--theme-color);
 margin-left:6px;
}
.car-footer {
 display:flex;
 justify-content:space-between;
 align-items:center;
 margin-top:15px;
 padding-top:15px;
 border-top:1px solid rgba(0,0,0,.1)
}
.car-price {
 font-size:19px;
 font-weight:600;
 color:var(--theme-color)
}
.car-item .theme-btn {
 padding:2px 8px;
 border-radius:10px
}
.car-area.list .car-item {
 display:flex;
 align-items:center;
 gap:10px
}
.car-area.list .car-img {
 width:360px
}
.car-area.list .car-content {
 flex:1
}
.car-area.list .car-content p {
 font-size:15px
}
@media all and (max-width:991px) {
 .car-area.list .car-item {
  flex-direction:column
 }
 .car-area.list .car-img {
  width:100%
 }
}
.car-sidebar {
 margin-bottom:30px
}
.car-widget {
 padding:20px;
 border-radius:10px;
 background:var(--color-white);
 margin-bottom:30px
}
.car-widget-title {
 margin-bottom:25px;
 padding-bottom:10px;
 font-size:20px;
 position:relative;
 color:var(--color-dark)
}
.car-widget-title::before {
 position:absolute;
 content:'';
 width:30px;
 border-bottom:3px solid var(--theme-color);
 bottom:0;
 left:0
}
.car-widget-title::after {
 position:absolute;
 content:'';
 width:5px;
 border-bottom:3px solid var(--theme-color);
 bottom:0;
 left:35px
}
.car-search-form .form-group {
 position:relative
}
.car-search-form .form-control {
 padding:12px 50px 12px 15px;
 border-radius:12px;
 box-shadow:none
}
.car-search-form .form-control:focus {
 border-color:var(--theme-color)
}
.car-search-form button {
 position:absolute;
 right:0;
 top:0;
 padding:10px 18px 6px;
 background:0 0;
 border:none;
 color:var(--theme-color)
}
.car-widget ul li {
 margin-bottom:10px
}
.car-widget .form-check-input {
 box-shadow:none;
 margin-top:7px
}
.car-widget .form-check-input:checked {
 background-color:var(--theme-color);
 border-color:var(--theme-color)
}
.car-widget .form-check-input:focus {
 border-color:var(--theme-color)
}
.car-widget .form-check-label {
 color:var(--color-dark)
}
.car-sort {
 display:flex;
 justify-content:space-between;
 align-items:center;
 background:var(--color-white);
 margin-bottom:25px;
 padding:10px 10px 10px 15px;
 border-radius:10px
}
.car-sort-list-grid a {
 width:35px;
 height:35px;
 line-height:34px;
 border-radius:6px;
 text-align:center;
 border:1px solid var(--border-info-color);
 color:var(--color-dark)
}
.car-sort-list-grid a.active {
 border-color:var(--theme-color);
 color:var(--theme-color)
}
.car-sort .nice-select {
 height:46px;
 line-height:45px;
 border-radius:8px;
 padding-left:20px
}
@media(max-width:767px) {
 .car-sort {
  flex-direction:column;
  gap:25px;
  padding:20px
 }
 .car-sort .nice-select {
  width:250px
 }
}
.car-single-wrapper {
 position:relative
}
.car-single-widget {
 background:var(--color-white);
 border-radius:10px;
 padding:20px;
 margin-bottom:25px
}
.car-single-top {
 margin-bottom:25px
}
.car-single-title {
 margin-top:10px;
 margin-bottom:8px
}
.car-single-top .car-status {
 position:unset;
 font-size:14px;
 padding:5px 15px
}
.car-single-meta li {
 display:inline-block;
 margin-right:15px
}
.car-single-meta li i {
 color:var(--theme-color)
}
.car-single-slider {
 position:relative
}
.car-single-slider img {
 border-radius:10px
}
.car-single-slider .flex-control-thumbs img {
 padding:0
}
.car-single-slider .flex-control-nav {
 margin-top:20px
}
.car-single-slider .flexslider-thumbnails .flex-direction-nav a {
 margin-top:-80px;
 border-radius:50%;
 line-height:40px
}
.car-single-slider .flexslider-thumbnails .flex-direction-nav .flex-prev {
 left:20px
}
.car-single-slider .flexslider-thumbnails .flex-direction-nav .flex-next {
 right:20px
}
.car-key-item {
 display:flex;
 gap:10px;
 margin-bottom:25px
}
.car-key-icon {
 margin-top:5.5px
}
.car-key-icon i {
 font-size:24px;
 line-height:1;
 color:var(--theme-color)
}
.car-single-list li {
 margin:8px 0
}
.car-single-list li i {
 color:var(--theme-color);
 margin-right:5px
}
.car-single-map iframe {
 height:300px;
 border-radius:10px
}
.car-single-price {
 font-weight:700;
 color:var(--theme-color);
 margin-bottom:15px
}
.car-single-author {
 display:flex;
 align-items:center;
 gap:15px
}
.car-single-author img {
 border-radius:50%;
 width:100px
}
.car-single-author-content span {
 color:var(--theme-color);
 font-weight:500
}
.car-single-author-social {
 margin-top:7px;
 padding-top:6px;
 border-top:1px solid var(--border-info-color)
}
.car-single-author-social a {
 margin-right:9px;
 font-size:17px
}
.car-single-author-social a:hover {
 color:var(--theme-color)
}
.car-single-form .form-group {
 margin-top:20px
}
.car-single-form .form-control {
 padding:14px 20px;
 border-radius:10px;
 box-shadow:none
}
.car-single-form .form-control:focus {
 border-color:var(--theme-color)
}
.compare-table {
 background:var(--theme-bg-light);
 white-space:nowrap
}
.compare-table th {
 vertical-align:middle
}
.compare-table tbody tr th,
.compare-table tbody tr td {
 padding:15px
}
.compare-img {
 border-radius:10px
}
.compare-table .badge {
 text-transform:uppercase;
 padding:8px 12px;
 letter-spacing:1px
}
.compare-table .badge.new {
 background:var(--color-green)
}
.compare-table .badge.used {
 background:var(--theme-color)
}
.compare-price {
 color:var(--theme-color);
 font-weight:600
}
.compare-rate i {
 color:var(--color-yellow)
}
.compare-btn {
 padding:8px 15px
}
.shop-sidebar {
 margin-bottom:30px
}
.shop-widget {
 padding:20px;
 border-radius:15px;
 background:var(--color-white);
 margin-bottom:30px
}
.shop-widget-title {
 margin-bottom:25px;
 padding-bottom:10px;
 font-size:20px;
 position:relative;
 color:var(--color-dark)
}
.shop-widget-title::before {
 position:absolute;
 content:'';
 width:30px;
 border-bottom:3px solid var(--theme-color);
 bottom:0;
 left:0
}
.shop-widget-title::after {
 position:absolute;
 content:'';
 width:5px;
 border-bottom:3px solid var(--theme-color);
 bottom:0;
 left:35px
}
.shop-search-form .form-group {
 position:relative
}
.shop-search-form .form-control {
 padding:12px 45px 12px 15px;
 border-radius:10px;
 box-shadow:none
}
.shop-search-form .form-control:focus {
 border-color:var(--theme-color)
}
.shop-search-form button {
 position:absolute;
 right:0;
 top:0;
 padding:10px 18px 6px;
 background:0 0;
 border:none;
 color:var(--theme-color)
}
.shop-widget ul li {
 margin-bottom:10px
}
.shop-widget .form-check-input {
 box-shadow:none;
 margin-top:7px
}
.shop-widget .form-check-input:checked {
 background-color:var(--theme-color);
 border-color:var(--theme-color)
}
.shop-widget .form-check-label {
 color:var(--color-dark)
}
.shop-tags a {
 margin:10px 6px 0 0;
 padding:6px 15px;
 border-radius:10px;
 background:var(--theme-bg-light);
 color:var(--color-dark);
 transition:var(--transition)
}
.shop-tags a:hover {
 background:var(--theme-color);
 color:var(--color-white)
}
.widget-banner {
 background-position:center;
 background-repeat:no-repeat;
 background-size:cover;
 position:relative;
 margin-bottom:0;
 border-radius:15px;
 z-index:1
}
.widget-banner::before {
 content:"";
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 background:var(--hero-overlay-color);
 border-radius:15px;
 opacity:.7;
 z-index:-1
}
.banner-content {
 padding:120px 20px 100px
}
.banner-content h3 {
 color:var(--color-white);
 font-size:25px;
 font-weight:700
}
.banner-content h3 span {
 color:var(--theme-color)
}
.banner-content .theme-btn {
 margin-top:30px
}
.banner-content .theme-btn:hover {
 color:var(--color-dark)
}
.banner-content .theme-btn::before {
 background:var(--color-white)
}
.shop-sort {
 display:flex;
 align-items:center;
 justify-content:space-between;
 margin-bottom:20px
}
.shop-sort h5 {
 color:var(--color-dark)
}
.shop-sort-box {
 width:220px
}
@media all and (max-width:767px) {
 .shop-sort {
  gap:20px;
  flex-direction:column
 }
}
.shop-item {
 margin-bottom:25px;
 background:var(--color-white);
 border-radius:15px
}
.shop-item-info {
 padding-top:10px;
 padding-bottom:20px;
 text-align:center
}
.shop-item-title {
 font-size:20px;
 color:var(--color-dark);
 transition:var(--transition)
}
.shop-item-title:hover {
 color:var(--theme-color)
}
.shop-item-price {
 font-size:18px;
 color:var(--theme-color);
 font-weight:700;
 margin-top:5px
}
.shop-item-price del {
 color:#7a8a9e;
 margin-right:10px;
 font-weight:500
}
.shop-item-img {
 text-align:center;
 position:relative;
 z-index:1
}
.shop-item-img img {
 border-radius:10px
}
.shop-item-img::before {
 content:"";
 top:5px;
 left:5px;
 right:5px;
 bottom:5px;
 position:absolute;
 border-radius:10px;
 background:var(--theme-color);
 transform:scale(.9);
 visibility:hidden;
 opacity:0;
 transition:var(--transition2);
 z-index:2
}
.shop-item:hover .shop-item-img::before {
 transform:scale(1);
 visibility:visible;
 opacity:.5
}
.shop-item-sale {
 position:absolute;
 padding:2px 14px;
 border-radius:10px;
 text-align:center;
 right:10px;
 top:10px;
 font-size:16px;
 color:var(--color-white);
 background:var(--theme-color);
 z-index:2
}
.shop-item-meta {
 position:absolute;
 top:40px;
 left:0;
 visibility:hidden;
 opacity:0;
 z-index:3;
 transition:var(--transition)
}
.shop-item-meta a {
 display:block;
 width:40px;
 height:40px;
 line-height:43px;
 border-radius:10px;
 text-align:center;
 background:var(--color-white);
 color:var(--theme-color);
 margin-bottom:15px;
 font-size:18px
}
.shop-item-meta a:hover {
 background:var(--theme-color);
 color:var(--color-white)
}
.shop-item:hover .shop-item-meta {
 left:20px;
 visibility:visible;
 opacity:1
}
.shop-cart-btn {
 position:absolute;
 bottom:40px;
 left:0;
 right:0;
 text-align:center;
 z-index:3;
 visibility:hidden;
 opacity:0;
 transition:var(--transition2)
}
.shop-item-btn {
 background:var(--theme-color);
 color:var(--color-white);
 padding:10px 25px;
 font-weight:500;
 text-transform:uppercase;
 transition:all .5s ease-in-out
}
.shop-item-btn:hover {
 background:var(--color-white);
 color:var(--theme-color)
}
.shop-item-btn i {
 margin-right:5px
}
.shop-item:hover .shop-cart-btn {
 bottom:60px;
 visibility:visible;
 opacity:1
}
.shop-item-rate {
 color:var(--color-yellow);
 margin-bottom:5px
}
.shop-cart thead tr {
 background:var(--theme-color);
 color:var(--color-white)
}
.shop-cart thead tr th {
 text-transform:uppercase;
 font-weight:500
}
.shop-cart thead tr th,
.shop-cart thead tr td {
 white-space:nowrap
}
.cart-img {
 width:80px
}
.cart-img img {
 width:100%;
 border-radius:8px;
 border:1px solid var(--border-info-color)
}
.shop-cart tr td {
 color:var(--color-dark);
 vertical-align:middle;
 border-bottom:1px solid var(--border-info-color);
 border-top:none;
 position:relative;
 padding:20px 10px;
 font-size:16px
}
.cart-qty {
 width:150px
}
.cart-qty button {
 color:var(--theme-color);
 border:0;
 border-radius:8px;
 padding:4px 13px;
 background:var(--theme-bg-light)
}
.cart-qty button i {
 font-weight:500
}
.cart-qty input {
 width:50px;
 padding:4px 13px;
 border-radius:8px;
 border:none;
 background:var(--theme-bg-light);
 color:var(--theme-color);
 text-align:center
}
.cart-remove:hover {
 color:var(--theme-color)
}
.cart-footer {
 margin-top:40px
}
.cart-coupon {
 margin-bottom:25px
}
.cart-coupon .form-group {
 position:relative
}
.cart-coupon .form-control {
 box-shadow:none;
 padding:15px 110px 15px 14px;
 border-radius:10px
}
.cart-coupon .form-control:focus {
 border-color:var(--theme-color)
}
.coupon-btn {
 position:absolute;
 right:5px;
 top:5px;
 padding:8px 14px;
 font-weight:500;
 color:var(--color-white);
 border:none;
 background:var(--theme-color);
 border-radius:10px;
 transition:var(--transition)
}
.coupon-btn:hover {
 background:var(--color-dark)
}
.cart-summary {
 float:right
}
.cart-summary li {
 margin-bottom:10px;
 width:200px
}
.cart-summary li span {
 float:right
}
.cart-summary li strong {
 color:var(--color-dark)
}
.cart-total {
 padding-top:10px;
 border-top:1px solid var(--border-info-color)
}
.cart-total span {
 font-weight:700;
 color:var(--theme-color)
}
.checkout-widget {
 background:var(--theme-bg-light);
 padding:30px;
 margin-bottom:30px;
 border-radius:15px
}
.checkout-widget-title {
 margin-bottom:20px;
 font-size:25px
}
.checkout-form .form-group {
 margin-bottom:20px
}
.checkout-form .form-group label {
 margin-bottom:5px;
 color:var(--color-dark)
}
.checkout-form .form-group .form-control {
 padding:15px 18px;
 border-radius:12px;
 box-shadow:none
}
.checkout-form .form-group .form-control:focus {
 border-color:var(--theme-color)
}
.checkout.cart-summary {
 float:none;
 background:var(--theme-bg-light);
 padding:30px;
 border-radius:12px;
 margin-bottom:30px
}
.checkout.cart-summary h4 {
 font-size:25px
}
.checkout.cart-summary li {
 width:100%
}
.shop-item-single .flexslider-thumbnails img {
 width:100%;
 border-radius:10px;
 background:#fef6ef
}
.shop-item-single .flex-control-thumbs {
 margin-top:10px
}
.shop-item-single .flex-control-thumbs img {
 padding:0;
 border:none
}
.single-item-title {
 font-size:28px
}
.single-item-rating {
 margin:10px 0
}
.single-item-rating i {
 color:var(--theme-color)
}
.rating-count {
 margin-left:10px;
 display:inline-block
}
.single-item-price {
 margin-top:15px;
 margin-bottom:15px
}
.single-item-price del {
 margin-right:10px
}
.single-item-price span {
 color:var(--theme-color)
}
.single-item-content h5 {
 margin-bottom:15px
}
.single-item-content span {
 font-weight:400;
 margin-left:20px
}
.single-item-action {
 display:flex;
 align-items:center;
 justify-content:start;
 gap:15px;
 margin-bottom:20px
}
.single-item-action .theme-btn {
 padding:10px 15px;
 margin-right:20px
}
.single-item-action .theme-btn span {
 margin-right:5px
}
.single-item-btn {
 width:45px;
 height:45px;
 line-height:43px;
 margin-right:5px;
 font-size:18px;
 border-radius:12px;
 text-align:center;
 border:2px solid var(--theme-color);
 color:var(--theme-color);
 transition:all .5s ease-in-out
}
.single-item-btn:hover {
 background:var(--theme-color);
 color:#fff
}
.single-item-share {
 margin-top:30px
}
.single-item-share span {
 font-weight:700;
 text-transform:uppercase;
 color:#30180d;
 display:inline-block
}
.single-item-share a {
 width:38px;
 height:38px;
 line-height:35px;
 text-align:center;
 border-radius:50px;
 border:2px solid var(--theme-color);
 color:var(--theme-color);
 margin-left:5px
}
.single-item-share a:hover {
 background:var(--theme-color);
 color:#fff
}
.single-item-details {
 margin-top:30px
}
.single-item-desc {
 padding-top:40px
}
.single-additional-info {
 padding-top:40px
}
.single-item-review {
 padding-top:40px
}
.review-rating i {
 color:var(--theme-color)
}
.single-item-details .nav-tabs {
 border-width:2px
}
.single-item-details .nav-tabs .nav-link {
 color:#30180d;
 font-size:20px;
 padding:15px 25px;
 font-weight:500;
 border:none;
 background:0 0;
 border-bottom:2px solid transparent
}
.single-item-details .nav-tabs .nav-link:hover,
.single-item-details .nav-tabs .nav-link.active {
 border-bottom:2px solid var(--theme-color);
 color:var(--theme-color)
}
.related-item {
 margin-top:100px
}
.related-item .site-title {
 font-size:30px
}
@media all and (max-width:767px) {
 .single-item-action {
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start
 }
 .single-item-action .theme-btn {
  margin-left:8px
 }
}
.price-range.ui-widget-content {
 border:none;
 background:#e8e8e8;
 height:5px;
 border-radius:3px
}
.price-range .ui-state-default,
.price-range .ui-widget-content .ui-state-default {
 top:-7px;
 width:18px;
 height:18px;
 border:none;
 border-radius:50%;
 cursor:pointer;
 margin-left:0;
 background:var(--theme-color)
}
.price-range .ui-state-focus {
 outline:none
}
.price-range .ui-widget-header {
 background:var(--theme-color);
 border-radius:0!important
}
.price-range-input input {
 border:none;
 margin-bottom:20px;
 color:var(--theme-color);
 background:0 0;
 font-weight:700;
 outline:none
}
.download-area {
 position:relative
}
.download-wrapper {
 position:relative;
 background:var(--theme-bg-light);
 border-radius:10px;
 padding:40px;
 overflow:hidden;
 z-index:1
}
.download-wrapper::before {
 content:"";
 position:absolute;
 background-image:url(../img/shape/02.png);
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover;
 left:0;
 top:0;
 width:100%;
 height:100%;
 opacity:.05;
 z-index:-1
}
.download-btn {
 display:flex;
 gap:15px
}
.download-btn a {
 display:flex;
 align-items:center;
 gap:10px;
 padding:6px 20px;
 background:var(--theme-color);
 color:var(--color-white);
 border-radius:10px;
 box-shadow:var(--box-shadow)
}
.download-btn a:first-child {
 background:var(--theme-color)
}
.download-btn a:last-child {
 background:var(--color-dark)
}
.download-btn a:hover {
 background:var(--color-dark)
}
.download-btn a:last-child:hover {
 background:var(--theme-color)
}
.download-btn a i {
 font-size:40px
}
.download-btn-content {
 display:flex;
 flex-direction:column
}
.download-btn-content span {
 font-weight:500;
 font-size:14px
}
.download-img {
 position:absolute;
 right:-50px;
 bottom:-120px;
 width:62%
}
@media all and (max-width:991px) {
 .download-img {
  position:relative;
  bottom:-80px;
  right:30px;
  width:150%
 }
}
@media all and (max-width:767px) {
 .download-btn {
  flex-direction:column
 }
 .download-btn a {
  max-width:180px
 }
}
.faq-area .accordion-item {
 border:none;
 margin-bottom:30px;
 background:var(--color-white);
 border-radius:12px!important;
 box-shadow:var(--box-shadow)
}
.faq-img img {
 border-radius:12px
}
.faq-area .accordion-item span {
 width:45px;
 height:45px;
 margin-right:15px
}
.faq-area .accordion-item i {
 width:45px;
 height:45px;
 line-height:45px;
 border-radius:12px;
 background:var(--theme-color);
 text-align:center;
 color:var(--color-white)
}
.faq-area .accordion-button:not(.collapsed) {
 color:var(--theme-color);
 background:0 0;
 box-shadow:inset 0 -1px 0 rgb(0 0 0/13%)
}
.accordion-button {
 border-radius:0!important;
 background:0 0;
 font-weight:700;
 font-size:20px;
 color:var(--color-dark);
 box-shadow:none!important
}
.accordion-button:not(.collapsed) {
 border-bottom:1px solid var(--theme-color)
}
.accordion-button:not(.collapsed)::after {
 background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nIzIxMjUyOSc+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBkPSdNMS42NDYgNC42NDZhLjUuNSAwIDAgMSAuNzA4IDBMOCAxMC4yOTNsNS42NDYtNS42NDdhLjUuNSAwIDAgMSAuNzA4LjcwOGwtNiA2YS41LjUgMCAwIDEtLjcwOCAwbC02LTZhLjUuNSAwIDAgMSAwLS43MDh6Jy8+PC9zdmc+)
}
@media all and (max-width:991px) {
 .faq-right {
  margin-bottom:50px
 }
 .accordion-button {
  font-size:16px
 }
}
.site-breadcrumb {
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 text-align:center;
 background-repeat:no-repeat!important;
 background-position:center!important;
 background-size:cover!important;
 position:relative;
 padding-top:150px;
 padding-bottom:150px;
 z-index:1
}
.site-breadcrumb::before {
 content:"";
 position:absolute;
 height:100%;
 width:100%;
 top:0;
 left:0;
 background:var(--hero-overlay-color);
 opacity:.8;
 z-index:-1
}
.site-breadcrumb .breadcrumb-title {
 font-size:40px;
 color:var(--color-white);
 font-weight:700;
 margin-bottom:10px;
 text-transform:capitalize
}
.site-breadcrumb .breadcrumb-menu {
 position:relative;
 z-index:1
}
.site-breadcrumb .breadcrumb-menu li {
 position:relative;
 display:inline-block;
 margin-left:25px;
 color:var(--color-white);
 font-weight:500;
 text-transform:capitalize
}
.site-breadcrumb .breadcrumb-menu li a {
 color:var(--color-white);
 transition:all .5s ease-in-out
}
.site-breadcrumb .breadcrumb-menu li::before {
 position:absolute;
 content:'\f101';
 font-family:'font awesome 6 pro';
 right:-21px;
 top:1px;
 text-align:center;
 font-size:16px;
 color:var(--color-white)
}
.site-breadcrumb .breadcrumb-menu li:first-child {
 margin-left:0
}
.site-breadcrumb .breadcrumb-menu li:last-child:before {
 display:none
}
.site-breadcrumb .breadcrumb-menu li a:hover {
 color:var(--theme-color)
}
.site-breadcrumb .breadcrumb-menu li.active {
 color:var(--theme-color)
}
@media(max-width:991px) {
 .site-breadcrumb {
  padding-top:200px
 }
}
.pagination {
 display:flex;
 justify-content:center;
 align-items:center;
 margin-top:40px
}
.pagination .page-link {
 border:none;
 background:var(--color-dark);
 color:var(--color-white);
 margin:0 10px;
 border-radius:12px!important;
 width:40px;
 height:40px;
 line-height:28px;
 text-align:center;
 transition:var(--transition)
}
.pagination .page-link:hover,
.pagination .page-item.active .page-link {
 background:var(--theme-color);
 color:var(--color-white)
}
body.rtl-mode {
 direction:rtl
}
body.rtl-mode .item-area {
 direction:ltr
}
body.rtl-mode .price-wrapper {
 direction:rtl
}
@media(min-width:992px) {
 body.rtl-mode .navbar-brand {
  margin-left:3rem
 }
 body.rtl-mode .navbar .nav-item .nav-link {
  margin-left:3rem;
  margin-right:0
 }
}
.login-form {
 padding:40px;
 background:var(--color-white);
 border-radius:10px;
 box-shadow:var(--box-shadow)
}
.login-form .login-header {
 text-align:center;
 margin-bottom:50px
}
.login-form .login-header img {
 width:200px;
 margin-bottom:10px
}
.login-form .login-header h3 {
 color:var(--theme-color);
 margin-bottom:5px;
 font-weight:800
}
.login-form .login-header p {
 font-size:20px
}
.login-form .login-footer {
 margin-top:25px
}
.login-form .login-footer p {
 text-align:center
}
.login-form .login-footer a {
 color:var(--theme-color);
 transition:.5s
}
.login-form .login-footer a:hover {
 color:var(--color-dark)
}
.login-form .form-group {
 margin-bottom:20px
}
.login-form label {
 color:var(--color-dark);
 margin-bottom:5px
}
.login-form .form-group .form-control {
 border:1px solid #e8e8e8;
 border-radius:10px;
 padding:12px 18px;
 box-shadow:none;
 transition:.5s
}
.login-form .form-group .form-control:focus {
 border-color:var(--theme-color)
}
.login-form .form-check-input {
 box-shadow:none;
 border-radius:2
}
.login-form .forgot-pass {
 color:var(--theme-color);
 transition:.5s
}
.login-form .forgot-pass:hover {
 color:var(--color-dark)
}
.login-form .theme-btn {
 width:100%
}
.login-form .theme-btn::before {
 width:420px;
 height:420px
}
.login-form .theme-btn i {
 margin-right:5px
}
.login-form .form-check-input {
 margin-top:6.3px
}
.login-form .form-check-label a {
 color:var(--theme-color);
 transition:.5s
}
.login-form .form-check-label a:hover {
 color:var(--theme-color)
}
.form-check-input:checked {
 background-color:var(--theme-color);
 border-color:var(--theme-color)
}
.social-login {
 border-top:1px solid #f1f1f1;
 margin-top:15px
}
.social-login p {
 margin:10px 0
}
.social-login-list {
 text-align:center
}
.social-login-list a {
 width:40px;
 height:40px;
 line-height:40px;
 background:var(--theme-color);
 border-radius:50px;
 margin:5px
}
.social-login-list a i {
 color:var(--color-white)
}
.social-login-list a:hover {
 background:var(--color-dark)
}
@media only screen and (max-width:991px) {
 .login-form {
  padding:40px 20px
 }
}
.nav-right-account img {
 width:50px;
 border-radius:50%;
 padding:3px;
 border:3px solid var(--theme-color);
 cursor:pointer
}
.nav-right-account .dropdown-menu {
 border:none;
 min-width:200px;
 border-radius:10px;
 box-shadow:var(--box-shadow)
}
.nav-right-account .dropdown-menu li a i {
 margin-right:5px
}
.nav-right-account .dropdown-menu .dropdown-item {
 padding:8px 20px;
 font-weight:500
}
.nav-right-account .dropdown-menu .dropdown-item:hover {
 background:0 0;
 color:var(--theme-color);
 padding-left:25px
}
.mobile-menu-right {
 gap:20px
}
.mobile-menu-right .nav-right-account img {
 width:35px;
 padding:0;
 border:none
}
.user-profile-sidebar {
 background:var(--color-white);
 border-radius:10px;
 margin-bottom:25px;
 padding:20px;
 box-shadow:var(--box-shadow)
}
.user-profile-sidebar-top {
 text-align:center;
 margin-bottom:15px;
 padding-bottom:15px;
 border-bottom:1px solid var(--border-info-color)
}
.user-profile-img {
 position:relative;
 width:100px;
 height:100px;
 margin:0 auto 15px;
 border-radius:50px
}
.user-profile-img img {
 border-radius:50%
}
.profile-img-file {
 display:none
}
.user-profile-img button {
 position:absolute;
 border-radius:50px;
 background:var(--theme-color);
 color:var(--color-white);
 width:30px;
 height:30px;
 line-height:28px;
 text-align:center;
 border:none;
 right:0;
 bottom:0
}
.user-profile-sidebar-list li {
 margin:5px 0
}
.user-profile-sidebar-list li a {
 color:var(--color-dark);
 padding:6px 6px 6px 15px;
 display:block;
 font-weight:500;
 transition:var(--transition)
}
.user-profile-sidebar-list li a:hover {
 padding-left:20px
}
.user-profile-sidebar-list li a i {
 margin-right:5px;
 color:var(--theme-color)
}
.user-profile-sidebar-list .active i {
 color:var(--color-white)
}
.user-profile-sidebar-list .active {
 background:var(--theme-color);
 color:var(--color-white);
 border-radius:8px
}
.user-profile-card {
 background:var(--color-white);
 padding:15px 20px;
 border-radius:10px;
 margin-bottom:25px;
 box-shadow:var(--box-shadow)
}
.user-profile-card-title {
 color:var(--color-dark);
 font-size:20px;
 padding-bottom:15px;
 margin-bottom:20px;
 border-bottom:1px solid var(--border-info-color)
}
.user-profile-card .text-success {
 color:var(--theme-color)!important
}
.user-profile-card-header {
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding-bottom:15px;
 margin-bottom:15px;
 border-bottom:1px solid var(--border-info-color)
}
.user-profile-card-header .user-profile-card-title {
 border-bottom:none;
 margin-bottom:0;
 padding-bottom:0
}
.user-profile-card-header-right {
 display:flex;
 align-items:center;
 gap:20px
}
.user-profile-search .form-group {
 position:relative
}
.user-profile-search .form-control {
 padding:10px 12px 10px 35px;
 box-shadow:none;
 border-radius:10px
}
.user-profile-search .form-control:focus {
 border-color:var(--theme-color)
}
.user-profile-search i {
 position:absolute;
 left:12px;
 top:15px
}
.user-profile-card-header .theme-btn {
 padding:8px 15px
}
.profile-info-list li {
 margin:12px 0;
 font-weight:500
}
.profile-info-list li span {
 float:right;
 font-weight:400
}
.user-profile-form .form-group {
 margin-bottom:20px
}
.user-profile-form .form-group label {
 color:var(--color-dark);
 margin-bottom:5px
}
.user-profile-form .form-control {
 padding:14px 20px;
 border-radius:10px;
 box-shadow:none;
 border-color:#e8e8e8
}
.user-profile-form .form-control:focus {
 border-color:var(--theme-color)
}
.user-profile-form .theme-btn {
 width:unset
}
.user-profile .badge-success {
 background:#dcfce7;
 color:#22c79c
}
.user-profile .badge-info {
 background:#f3e8ff;
 color:#a855f7
}
.user-profile .badge-primary {
 background:#dbf7fd;
 color:#0dcaf0
}
.user-profile .badge-danger {
 background:#fee2e2;
 color:#ef4444
}
.dashboard-widget {
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:30px 20px;
 border-radius:10px;
 margin-bottom:30px;
 box-shadow:0 0 40px 5px rgb(0 0 0/3%)
}
.dashboard-widget-info span {
 font-weight:500
}
.dashboard-widget-info h1 {
 font-size:30px;
 font-weight:700;
 margin-bottom:5px
}
.dashboard-widget-icon {
 width:65px;
 height:65px;
 display:flex;
 align-items:center;
 justify-content:center;
 font-size:32px;
 border-radius:50px
}
.dashboard-widget-color-1 {
 background:rgba(98,89,202,.15);
 color:#6259ca
}
.dashboard-widget-color-1 h1 {
 color:#6259ca
}
.dashboard-widget-color-1 .dashboard-widget-icon {
 background:#6259ca;
 color:#fff
}
.dashboard-widget-color-2 {
 background:rgba(14,198,198,.15);
 color:#29bf6c
}
.dashboard-widget-color-2 h1 {
 color:#29bf6c
}
.dashboard-widget-color-2 .dashboard-widget-icon {
 background:#29bf6c;
 color:#fff
}
.dashboard-widget-color-3 {
 background:rgba(239,29,38,.15);
 color:#ef1d26
}
.dashboard-widget-color-3 h1 {
 color:#ef1d26
}
.dashboard-widget-color-3 .dashboard-widget-icon {
 background:#ef1d26;
 color:#fff
}
.table-list-info a {
 display:flex;
 align-items:center;
 gap:10px
}
.table-list-info h6 {
 transition:all .5s ease-in-out
}
.table-list-info p {
 color:var(--color-dark)
}
.table-list-info:hover h6 {
 color:var(--theme-color)
}
.table-list-info span {
 color:var(--color-dark)
}
.table-list-info img {
 width:80px;
 border-radius:8px
}
.user-profile-card .table>:not(caption)>*>* {
 vertical-align:middle;
 padding:.8rem
}
.profile-store .store-file {
 display:none
}
.profile-store .store-logo-preview {
 margin-bottom:30px
}
.profile-store .store-logo-preview img {
 width:100px;
 border-radius:50px
}
.profile-store .store-banner-preview {
 margin-top:50px;
 margin-bottom:30px
}
.profile-store .store-banner-preview img {
 border-radius:12px
}
.add-listing-form .form-group {
 margin-top:15px
}
.add-listing-form .form-group label {
 margin-bottom:5px;
 color:var(--color-dark)
}
.add-listing-form .form-control {
 border-radius:10px;
 padding:15px 20px;
 box-shadow:none;
 color:#757f95;
 border-color:#e8e8e8
}
.add-listing-form .form-control:focus {
 border-color:var(--theme-color)
}
.add-listing-form .list-img-upload {
 width:100%;
 height:140px;
 border:2px dashed var(--border-info-color);
 border-radius:10px;
 cursor:pointer
}
.add-listing-form .list-img-file {
 display:none
}
.add-listing-form .list-img-upload span {
 display:flex;
 align-items:center;
 justify-content:center;
 height:100%;
 width:100%
}
.add-listing-form .list-img-upload span i {
 margin-right:5px
}
.add-listing-form .form-check {
 margin-bottom:15px
}
.add-listing-form .form-check-input {
 margin-top:6.5px;
 box-shadow:none
}
.add-listing-form .form-check-input:focus {
 border-color:var(--theme-color)
}
.add-listing-form .form-check label {
 color:var(--color-dark)
}
.profile-favorite .car-item {
 box-shadow:none;
 border:2px solid var(--border-info-color)
}
.profile-setting .form-check {
 margin-bottom:10px
}
.profile-setting .form-check-input {
 margin-top:6.5px;
 box-shadow:none
}
.profile-message-wrapper {
 display:flex
}
.profile-message-inbox {
 max-width:340px;
 border:1px solid #edf1f9;
 border-radius:10px
}
.profile-message-inbox {
 overflow:hidden
}
.message-content {
 padding-left:30px;
 position:relative;
 overflow:hidden
}
.message-content-info {
 max-height:750px;
 overflow-y:scroll;
 margin-right:-50px;
 padding-right:50px
}
.profile-message-inbox,
.message-content {
 flex:1
}
.profile-message-inbox ul {
 max-height:950px;
 overflow-y:scroll;
 width:357px;
 list-style:none;
 padding:0;
 margin:0
}
.profile-message-inbox ul li.message-active {
 border-left:3px solid #29bf6c
}
.profile-message-inbox ul li {
 border-bottom:1px solid #edf1f9;
 transition:.2s;
 list-style:none
}
.profile-message-inbox ul li:last-child {
 border-bottom:none
}
.message-by-content h5 {
 margin-bottom:0;
 font-size:14px;
 line-height:1
}
.profile-message-inbox ul li a {
 position:relative;
 display:block;
 padding:30px
}
.profile-message-inbox .message-avatar {
 position:absolute;
 left:16px;
 top:50%;
 transform:translateY(-50%)
}
.message-avatar img {
 display:inline-block;
 width:54px;
 height:54px;
 border-radius:50%
}
.message-avatar img {
 width:50px;
 height:50px
}
.profile-message-inbox .message-by {
 margin-left:50px
}
.message-by-content h5 i {
 background:#f98f14;
 padding:3px 8px;
 border-radius:50px;
 color:#fff;
 font-size:13px
}
.message-by-content span {
 font-size:13px;
 position:absolute;
 top:25.5px;
 right:25px;
 float:right;
 color:#888
}
.profile-message-inbox .message-by p {
 height:26px;
 max-width:205px;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 font-size:14px;
 margin:0;
 padding:0;
 color:#6b747d;
 line-height:27px
}
.message-item {
 display:block;
 position:relative;
 margin-bottom:25px
}
.message-item .message-avatar {
 position:absolute;
 left:0;
 top:0
}
.message-item .message-avatar img {
 width:50px;
 height:50px;
 display:inline-block;
 border-radius:50%
}
.message-item .message-description {
 margin-left:70px;
 background:#f4f5f7;
 border-radius:12px;
 padding:20px;
 position:relative
}
.message-item .message-description::before {
 position:absolute;
 top:0;
 left:-9px;
 content:"\f0d9";
 font-family:"font awesome 6 pro";
 font-weight:700;
 font-size:31px;
 color:#f4f5f7
}
.message-item .message-description p {
 font-size:15px;
 padding:0;
 margin:0;
 line-height:27px
}
.message-item.me .message-avatar {
 left:auto;
 right:0;
 position:absolute;
 top:0
}
.message-item.me .message-description {
 color:#29bf6c;
 background-color:rgba(9,195,152,.1);
 margin-left:0;
 margin-right:70px;
 border-radius:12px;
 padding:20px;
 position:relative
}
.message-item.me .message-description::before {
 content:"\f0da";
 left:auto;
 right:-11px;
 color:#e6f9f4
}
.message-reply {
 margin-top:15px;
 position:absolute;
 bottom:0;
 left:30px;
 right:15px
}
.message-reply .form-control {
 padding:15px 20px;
 box-shadow:none;
 border-radius:10px
}
.message-reply .form-control:focus {
 border-color:#29bf6c
}
.message-reply .theme-btn {
 margin-top:15px
}
.message-status {
 width:12px;
 height:12px;
 background:#252629;
 display:flex;
 border-radius:50%;
 border:3px solid #fff;
 position:absolute;
 right:-5px;
 top:50%
}
.message-status.online {
 background:#29bf6c
}
.message-status.offline {
 background:#dd4b39
}
.message-status.busy {
 background:#f6b500
}
.profile-message .header-account:hover {
 cursor:pointer
}
.profile-message .header-account img {
 width:45px;
 border-radius:50%
}
.profile-message .header-account .dropdown-menu {
 border:none;
 border-radius:10px;
 box-shadow:var(--box-shadow)
}
.profile-message .header-account .dropdown-item:hover {
 background:0 0;
 color:#ef1d26;
 padding-left:20px
}
@media all and (max-width:991px) {
 .message-by-content span {
  right:65px
 }
 .message-reply {
  right:0
 }
}
@media all and (max-width:767px) {
 .table-listing-info a {
  display:block
 }
 .table-listing-info h6 {
  margin-top:10px
 }
 .user-profile-card-header {
  flex-direction:column;
  align-items:flex-start;
  gap:20px
 }
 .user-profile-card-header-right {
  flex-direction:column-reverse;
  align-items:flex-start
 }
 .profile-message .profile-message-wrapper {
  flex-direction:column;
  gap:50px
 }
 .profile-message .user-profile-card-header {
  flex-direction:row;
  align-items:center;
  gap:20px
 }
 .profile-message .message-content {
  padding-left:0;
  padding-bottom:200px
 }
 .message-reply {
  left:0
 }
}
.coming-soon {
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center;
 min-height:100vh;
 width:100%;
 top:0;
 left:0;
 position:relative
}
.coming-soon .container {
 position:relative
}
.coming-soon:before {
 position:absolute;
 content:'';
 background:rgba(0,0,0,.7);
 width:100%;
 height:100%;
 top:0;
 left:0
}
.coming-soon .newsletter-form {
 position:relative;
 margin-top:30px
}
.coming-soon .newsletter-form .input-newsletter {
 height:55px;
 display:block;
 width:100%;
 border:none;
 border-radius:15px;
 font-size:14px;
 padding-top:0;
 padding-right:0;
 padding-bottom:0;
 padding-left:25px
}
.coming-soon .newsletter-form button {
 position:absolute;
 right:4px;
 top:4px;
 bottom:4px;
 height:auto;
 border:none;
 border-radius:12px;
 background:var(--theme-color);
 display:inline-block;
 color:var(--color-white);
 padding-left:30px;
 padding-right:30px;
 font-weight:500;
 transition:.5s
}
.coming-soon .newsletter-form button:hover {
 background-color:var(--theme-color);
 color:var(--color-white)
}
.coming-social {
 margin-top:30px;
 text-align:center
}
.coming-social a {
 color:var(--color-white);
 margin:5px;
 width:40px;
 height:40px;
 line-height:36px;
 text-align:center;
 border-radius:12px;
 border:2px solid var(--color-white);
 display:inline-block;
 transition:.5s
}
.coming-social a:hover {
 background:var(--theme-color);
 border-color:var(--theme-color)
}
.countdown-wrap {
 margin-top:30px
}
.countdown-single {
 background:var(--theme-color);
 padding:20px;
 margin:10px;
 position:relative;
 overflow:hidden;
 border-radius:12px;
 box-shadow:var(--box-shadow)
}
.countdown-single h2 {
 color:var(--color-white)
}
.countdown-single h5 {
 color:var(--color-white)
}
.error-wrapper {
 text-align:center
}
.error-wrapper h1 {
 font-size:250px;
 letter-spacing:5px;
 font-weight:700;
 color:var(--theme-color)
}
.error-wrapper h1 span {
 color:var(--color-dark)
}
.error-wrapper h2 {
 margin-top:30px;
 margin-bottom:10px
}
.error-wrapper img {
 width:100%
}
.error-wrapper .theme-btn {
 margin-top:30px
}
@media all and (max-width:767px) {
 .error-wrapper h1 {
  font-size:160px
 }
}
.terms-content:not(:last-child) {
 margin-bottom:54px
}
.terms-content:first-child {
 margin-top:-3px
}
.terms-content .terms-list {
 margin-top:37px
}
.terms-content h3 {
 margin-bottom:23px;
 position:relative
}
.terms-content p:not(:last-child) {
 margin-bottom:26px
}
.terms-list li:not(:last-child) {
 margin-bottom:16px
}
.footer-area {
 background:var(--color-dark);
 position:relative;
 z-index:1
}
.footer-widget-box {
 margin-bottom:20px
}
.footer-widget {
 position:relative;
 z-index:1
}
.footer-logo img {
 width:250px;
 margin-bottom:35px
}
.copyright {
 position:relative;
 padding:20px 0;
 background:var(--footer-bg2);
 z-index:1
}
.copyright::before {
 content:"";
 position:absolute;
 right:0;
 bottom:0;
 background:#F00;
 width:50%;
 height:100%;
 clip-path:polygon(10% 1%,100% 0,100% 100%,0% 100%);
 z-index:-1
}
.copyright .footer-menu {
 margin:0;
 padding:0;
 text-align:right
}
.copyright .footer-menu li {
 display:inline-block;
 margin-left:25px;
 font-size:16px
}
.copyright .footer-menu li a {
 color:var(--footer-text-color);
 transition:var(--transition)
}
.copyright .footer-menu li a:hover {
 color:var(--theme-color)
}
.copyright .copyright-text {
 color:var(--footer-text-color);
 margin-bottom:0;
 font-size:16px
}
.copyright .copyright-text a {
 color:var(--theme-color);
 font-weight:500
}
.footer-widget-title {
 color:var(--color-white);
 position:relative;
 padding-bottom:20px;
 margin-bottom:30px;
 font-size:21px;
 z-index:1
}
.footer-widget-title::before {
 position:absolute;
 content:'';
 z-index:-1;
 width:90px;
 height:2px;
 background:rgba(255,255,255,.2);
 bottom:0;
 right:0;
}
.footer-widget-title::after {
 position:absolute;
 content:'';
 z-index:-1;
 width:30px;
 height:2px;
 background-color:var(--theme-color);
 bottom:0;
 right:18px;
}
.footer-list {
 display:flex;
 flex-direction:column;
 gap:.65rem
}
.footer-list li a {
 color:var(--color-white);
 transition:var(--transition)
}
.footer-list li a i {
 margin-right:5px;
 color:var(--theme-color)
}
.footer-list li a:hover {
 padding-left:10px;
 color:var(--theme-color)
}
.footer-widget-box p {
 color:var(--color-white);
 padding-right:18px;
 margin-bottom:20px
}
.footer-social {
 display:flex;
 gap:15px;
 justify-content:end
}
.footer-social li a i {
 height:38px;
 width:38px;
 line-height:38px;
 text-align:center;
 border-radius:12px;
 background:var(--color-white);
 color:var(--theme-color);
 transition:var(--transition)
}
.footer-social li a i:hover {
 background:var(--color-dark);
 color:var(--color-white)
}
.footer-contact li {
 position:relative;
 display:flex;
 justify-content:start;
 align-items:center;
 color:var(--footer-text-color);
 font-size:16px;
 margin-bottom:15px
}
.footer-contact li a {
 color:var(--footer-text-color);
 -webkit-transition:.3s;
 transition:.3s
}
.footer-contact li i {
 width:30px;
 height:30px;
 line-height:30px;
 font-size:16px;
 margin-left:15px;
 border-radius:10px;
 background:var(--theme-color);
 text-align:center;
 -webkit-transition:.3s;
 transition:.3s;
 color:var(--color-white)
}
.subscribe-form .form-control {
 padding:16px 20px;
 border-radius:12px;
 box-shadow:none;
 border:none
}
.subscribe-form .theme-btn {
 margin-top:20px;
 width:100%;
 padding:14px
}
.subscribe-form .theme-btn:hover {
 color:var(--theme-color)
}
.subscribe-form .theme-btn::before {
 background:var(--color-white)
}
@media all and (max-width:1199px) {
 .footer-widget-box {
  margin-bottom:50px
 }
}
@media all and (max-width:991px) {
 .footer-widget-wrapper {
  padding-bottom:0
 }
 .copyright .footer-menu {
  float:left;
  margin-top:20px;
  text-align:left
 }
 .copyright .footer-menu li {
  margin-left:0;
  margin-right:15px
 }
}
@media all and (max-width:767px) {
 .footer-widget-wrapper {
  padding-bottom:0
 }
 .footer-social {
  justify-content:flex-start;
  margin-top:20px
 }
 .copyright::before {
  clip-path:polygon(30% 1%,100% 0,100% 100%,0% 100%)
 }
 .copyright .copyright-text a {
  color:var(--theme-color)
 }
}
.home-2 .header-top {
 background:var(--theme-color);
 border-bottom:5px solid var(--color-dark)
}
.home-2 .header-top-contact a i {
 color:var(--color-white)
}
.home-2 .header-top::before {
 clip-path:none;
 background:var(--color-dark);
 border-radius:0 100px 0 0
}
.home-2 .header-top::after {
 clip-path:none;
 background:var(--color-dark);
 border-radius:100px 0 0 0
}
.home-2 .hero-single::before {
 background:linear-gradient(to top left,rgba(0,0,0,0.5) 50%,rgba(0,0,0,1) 100%);
 opacity:1
}
.home-2 .hero-single .hero-title span {
 -webkit-text-stroke:2px var(--theme-color);
 -webkit-text-fill-color:transparent
}
.home-2 .download-area {
 margin-bottom:-150px;
 position:relative;
 z-index:2
}
.home-2 .footer-widget-wrapper {
 padding-top:250px
}
.home-2 .copyright::before {
 display:none
}
.home-3 .header-top::before,
.home-3 .header-top::after {
 bottom:-.5px
}
.home-3 .navbar {
 background:0 0;
 box-shadow:none
}
.home-3 .navbar.fixed-top {
 background:#fff;
 box-shadow:var(--box-shadow)
}
.home-3 .main {
 margin-top:-6rem
}
.home-3 .hero-single {
 padding-top:180px;
 background:rgba(239,29,38,.05)
}
.home-3 .hero-single::before {
 content:"";
 position:absolute;
 width:600px;
 height:600px;
 background:var(--theme-color);
 border-radius:100px;
 opacity:.05;
 left:-150px;
 top:-150px;
 transform:rotate(-45deg)
}
.home-3 .hero-single::after {
 content:"";
 position:absolute;
 width:420px;
 height:100%;
 background:var(--theme-color);
 opacity:.05;
 right:0;
 top:0;
 z-index:-2
}
.home-3 .hero-img::before {
 filter:none;
 bottom:-10px;
 width:470px;
 height:470px
}
.home-3 .hero-single .hero-title,
.home-3 .hero-single p {
 color:var(--color-dark)
}
.home-3 .hero-single .hero-title span {
 -webkit-text-stroke:2px var(--theme-color);
 -webkit-text-fill-color:transparent
}
@media all and (max-width:1199px) {
 .home-3 .hero-single .hero-img::before {
  width:450px;
  height:450px
 }
}
@media all and (max-width:991px) {
 .home-3 .hero-single {
  padding-top:220px
 }
 .home-3 .hero-single .hero-img::before {
  width:450px;
  height:450px;
  top:-40px
 }
}
@media all and (max-width:767px) {
 .home-3 .hero-single .hero-img::before {
  width:250px;
  height:250px;
  top:-10px;
  right:50px
 }
}