.v-main {
  width: 100% !important;
  margin: auto !important;
}

::-webkit-scrollbar {
  width: 12px;
  border-radius: 7px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 7px !important;
}

::-webkit-scrollbar-thumb {
  background: grey;
  border-radius: 1px;
  border-radius: 7px !important;
}
 .custom-back{
    background: linear-gradient(to right, rgba(249, 115, 22, 1)0%, #a855f7 120%) !important;
  }
.overflow-x-clip {
  overflow-x: clip !important;
}

.auth-page {
  max-width: 400px !important;
  margin: auto !important;
}
/* 
body {
  background-color: #002233 !important;
} */
.category-carousel .slick-prev:before {
  color: #602ea6 !important;
  /* border: 1px solid #602EA6;
  border-radius: 50%; */
}
.category-carousel .slick-next {
  display: none !important;
}

/* -------VueSlickCarousel------- */
.sp-carousel .slick-prev:before,
.sp-carousel .slick-next:before {
  color: #602ea6 !important;
  width: 100px;
}
.sp-carousel .slick-next {
  margin-right: 25px;
  z-index: 999;
}
.sp-carousel .slick-prev {
  margin-left: 25px;
  z-index: 999;
}
/* -------VueSlickCarousel------- */

.vpd-column-content::-webkit-scrollbar-thumb {
  background: grey;
  border-radius: 1px;
  border-radius: 7px !important;
}

.vpd-column-content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 7px !important;
}

.overflow_h {
  overflow: hidden;
}

.opacity_input {
  opacity: 80%;
}

.opacity_input > .vpd-input-group {
  opacity: 80%;
}

.ltr-item {
  direction: ltr !important;
}

.rtl-item {
  direction: rtl !important;
}

.float-left {
  float: left !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.w-max {
  width: 100% !important;
}

.w-half {
  width: 50% !important;
}
.w-70{
  width: 70%;
}
.w-85 {
  width: 85% !important;
  max-width: 85% !important;
}

.h-max {
  height: 100% !important;
}
.height-20{
height: 20% !important;
}
.height-100vw{
  height: 100vw !important;
}

.fit {
  padding: 0 !important;
  margin: 0 !important;
}

.px-10p {
  padding-right: 10%;
  padding-left: 10%;
}

.max-width-340 {
  max-width: 340px;
}

.pointer {
  cursor: pointer;
}

.not-allowed {
  cursor: not-allowed;
}

.center-div {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.center-div-align {
  display: flex;
  align-items: center;
}

.center-div-justify {
  display: flex;
  justify-content: center;
}

.end-justify {
  display: flex;
  justify-content: flex-end;
}

.end-align {
  display: flex;
  align-items: flex-end;
}

.v-btn {
  text-transform: none !important;
}

tr {
  white-space: nowrap;
}

.nowrap-space {
  white-space: nowrap;
}

.v-btn__content {
  letter-spacing: 0 !important;
}
.v-tab {
  letter-spacing: 0 !important;
}
.filter-item input {
  font-family: IRANSans !important;
  font-size: 14px;
  color: white;
  /* font-weight: 80; */
  text-align: center;
}

.font-12 {
  font-size: 12px !important;
}

/* .v-input__slot {
  background-color: white !important;
} */

.v-text-field > .v-input__control > .v-input__slot:after {
  display: none !important;
}

.v-text-field .v-input__control .v-input__slot {
  min-height: auto !important;
  /* display: flex !important; */
  /* align-items: center !important; */
}
.v-text-field > .v-input__control > .v-input__slot:before {
  display: none !important;
}
/* .v-label {
  font-size: 18px !important;
  color: #303030 !important;
} */
.center-placeholder input {
  font-size: 17px;
  color: white;
  font-weight: 80;
  text-align: center;
}
.filter-item input::placeholder {
  /* color: white !important; */
  font-weight: 10px;
}

.filter-item .v-input__slot {
  padding: 0 6px !important;
}
.filter-form .v-list-item__icon {
  margin-left: 5px !important;
}
/* #ttt, .v-list-item--link {
  background-color: #602ea6;
} */
.filter-item .v-input__prepend-outer {
  margin-left: 0 !important;
}
.filter-item .v-input__append-outer {
  margin-right: 0 !important;
}

.small-input {
  margin: 0 !important;
  padding: 0 !important;
}

.small-input > .v-input__control {
  padding: 0;
  margin: 0;
}

.small-input > .v-input__control > .v-input__slot {
  padding: 0;
  margin: 0 !important;
}

.v-input__slot.backcolor > fieldset {
  border: 1px solid #dcdfe5 !important;
}

.small-input > .v-input__control > .v-messages {
  display: none;
}

.small-input > .v-input__control > .v-text-field__details {
  display: none;
}

.input-noborder > .v-input__control > .v-input__slot {
  border-radius: 0 !important;
  border-top: none !important;
  border-left: none !important;
  border-bottom: none !important;
}

.input-noborder > .v-input__control > .v-input__slot > fieldset {
  border-radius: 0 !important;
  border-top: none !important;
  border-left: none !important;
  border-bottom: none !important;
}

.small-input-only > .v-input__control > .v-text-field__details {
  display: none !important;
}

.v-text-field.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot {
  align-items: center;
}

.bxr-red {
  box-shadow: 4px 0px 0px 0px #ff0303 !important;
}

.b-primary {
  border: 2px solid #51b34e !important;
  border-radius: 7px;
}

.bb-primary {
  border-bottom: 2px solid #51b34e !important;
}

.b-error {
  border: 1px solid #ff4342 !important;
}

.b-c2 {
  border: 1px solid #c2c2c2;
}

.border-none {
  border: none !important;
}

.box-shadow-none {
  box-shadow: none !important;
}

.position_r {
  position: relative;
}

.position_ab {
  position: absolute;
}

.discount-percent {
  width: 65px;
  height: 26px;
  color: #ff9e27;
  border-radius: 5px;
}
.discount-inline {
  width: 50px;
  border-radius: 5px;
}

.d-none {
  display: none;
}

.leaflet-bottom {
  display: none;
}

.leaflet-control-attribution .leaflet-control {
  display: none;
}

.gray100-border-2 {
  border: 2px solid #e2e2e2 !important;
}

.gray100-border-3 {
  border: 3px solid #e2e2e2 !important;
}

.gray200-border-2 {
  border: 2px solid #d5d5d5 !important;
}
.gray-border-1{
  border: 1px solid #E5E7EB !important;
}
.gray-border-5{
  border: 5px solid #E5E7EB !important;
}

.primary-border-3 {
  border: 3px solid #272f72;
}
.border-3-p{
  border: 3px solid #330573 !important;
}


.greenlight-border-3 {
  border: 3px solid #fbb04c;
}

.primary-border-2 {
  border: 2px solid #272f72 !important;
}
.purpel-border{
  border: 2px solid #6A1B9A !important;
}
.primary-border {
  border: 1px solid #272f72 !important;
}

.primary50-border {
  border: 1px solid #c3c5d8 !important;
}

.special-primary-border {
  border-top: 2px solid #272f72;
  border-left: 2px solid #272f72;
  border-right: 2px solid #272f72;
}

.primary-bottom-border {
  border-bottom: 2px solid #272f72;
}

.gray-border {
  border: 1px solid #bfbfbf !important;
}

.gray2-border {
  border: 1px solid #e0e0e0 !important;
}

.gray100-border {
  border: 2px solid #e2e2e2 !important;
}

.gray100-border-3 {
  border: 3px solid #e2e2e2 !important;
}

.v-expansion-panel-header:before > .test-box {
  content: none !important;
  box-shadow: none !important;
}
button.v-btn[disabled] {
  opacity: 0.6 !important;
}

.p-0 {
  padding: 0px !important;
}

.grey-color {
  color: #1e315b !important;
}
.purpel-color{
  color: #6A1B9A !important;
}

.linediv {
  background-color: #602ea6 !important;
  width: 2px;
  height: 34px;
  margin: 12px;
}
.back-white{
  background-color: white !important;
}

.text-align-justify {
  text-align: justify;
}

.height65{
height: 65% !important;
}
.height14 {
  height: 14px;
}
.height16 {
  height: 16px;
}
.height20 {
  height: 20px;
}
.height22 {
  height: 22px;
}
.height26 {
  height: 26px;
}
.height-30 {
  height: 30px;
}
.height-32 {
  height: 32px;
}
.height-40 {
  height: 40px;
}
.height-49 {
  height: 49px;
}
.height-50 {
  height: 50px;
}
.height-46 {
  height: 46px;
}
.height-55 {
  height: 55px;
}

.height-65 {
  height: 65px;
}

.height-72 {
  height: 72px;
}

.height-85 {
  height: 85px;
}
.height-80 {
  height: 80px;
}

.ld-logomobile {
  position: absolute;
  top: 0;
  right: 40%;
}

.height-160 {
  height: 160px;
}

.display-inline {
  display: inline;
}

.z-index9 {
  z-index: 9;
}

.z-index999 {
  z-index: 999 !important;
}

.yellow-text {
  color: #ff9e27 !important;
}

.mt-20 {
  margin-top: 80px !important;
}

.mt-22 {
  margin-top: 88px !important;
}

.mt-26 {
  margin-top: 104px !important;
}

.mt-30 {
  margin-top: 120px !important;
}

.mt-47 {
  margin-top: 188px !important;
}

.mr-29 {
  margin-right: 116px;
}

.ml-29 {
  margin-left: 116px;
}

.mr-32 {
  margin-right: 128px !important;
}
.mr-18 {
  margin-right: 70px !important;
}

.transform_180 {
  transform: rotate(180deg);
}

.border4 {
  border-radius: 4px !important;
}
.border5 {
  border-radius: 5px !important;
}

.border6 {
  border-radius: 6px !important;
}

.border8 {
  border-radius: 8px !important;
}

.border10 {
  border-radius: 10px !important;
}

.border12 {
  border-radius: 12px !important;
}

.border14 {
  border-radius: 14px !important;
}

.border15 {
  border-radius: 15px !important;
}

.border16 {
  border-radius: 16px !important;
}

.border20 {
  border-radius: 20px !important;
}

.border22 {
  border-radius: 22px !important;
}

.border24 {
  border-radius: 24px !important;
}

.border25 {
  border-radius: 25px !important;
}

.border30 {
  border-radius: 30px !important;
}
.border31 {
  border-radius: 31px !important;
}
.border35 {
  border-radius: 35px !important;
}

.border40 {
  border-radius: 40px !important;
}
.border44 {
  border-radius: 44px !important;
}

.border99 {
  border-radius: 99px !important;
}
.border9999 {
  border-radius: 9999px !important;
}

.border50p {
  border-radius: 50% !important;
}

.special-box-shadow {
  box-shadow: 0px 1px 2px 0px #00000024 !important;
}

.special-box-shadow-2 {
  box-shadow: 0px 1px 4px 0px #00000040 !important;
}

.special-box-shadow-3 {
  box-shadow: 0px 6.67px 4px 0px #272f721a !important;
}

.special-box-shadow-4 {
  box-shadow: 0px 2px 20px 0px #1c1c1c0f !important;
}

.black-dot {
  color: black;
}

.column-gap-3 {
  column-gap: 12px;
}

.column-gap-4 {
  column-gap: 16px;
}

.column-gap-5 {
  column-gap: 20px;
}

.row-gap-3 {
  row-gap: 12px;
}

.row-gap-5 {
  row-gap: 20px;
}
.width-450-px{
  width: 450px;
}
.width-14{
  width: 14px;
}
.width-45{
  width: 45%;
}
.width-60{
  width: 60%;
}
.width-90{
  width: 90%;
}
.width-95{
  width: 95%;
}
.width20 {
  width: 20px;
}
.width24 {
  width: 24px;
}
.width30 {
  width: 30px;
}
.width32 {
  width: 32px;
}
.width40 {
  width: 40px;
}
.width49 {
  width: 49px;
}
.width50 {
  width: 50px;
}
.width60 {
  width: 60px;
}
.width64 {
  width: 64px !important;
}
.width85 {
  width: 85px !important;
}
.width80 {
  width: 80px !important;
}

.width100 {
  width: 100px !important;
}

.width170 {
  width: 170px;
}

.width180 {
  width: 180px;
}

.width160 {
  width: 160px;
}

.width180 {
  width: 180px;
}

.width190 {
  width: 190px;
}

.width200 {
  width: 200px;
}

.width210 {
  width: 210px;
}

.width500 {
  width: 500px;
}

.width54 {
  width: 54px;
}
.min-width90 {
  min-width: 90% !important;
}

.w-fit-content {
  width: fit-content !important;
}

.fixed-namad {
  position: fixed;
  left: 0;
  bottom: 80px;
  z-index: 999;
}

.fixed-logo {
  position: fixed;
  right: 0;
  bottom: 80px;
  z-index: 999;
}

#businessaddress {
  font-size: 14px;
}

#supportphone {
  font-size: 14px;
}

.mt-14p {
  margin-top: 14%;
}

.z-index-n1 {
  z-index: -1 !important;
}

.z-index1000 {
  z-index: 1000 !important;
}
.z-index200 {
  z-index: 200 !important;
}

.line-height-38 {
  line-height: 38px;
}

.justify-left {
  justify-content: left;
}

.place-center {
  place-content: center;
}
.mt-55-p {
  margin-top: 55%;
}

.v-rating .v-icon {
  padding: 1px !important;
}

/* .theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state)
  > .v-input__control
  > .v-input__slot
  fieldset {
  color: #602ea6;
  color: #602ea6;
} */

/* .theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state)
  > .v-input__control
  > .v-input__slot
  fieldset {
  color: #DFDFDF;
  border-radius: 6px !important;
} */

/* .testt .theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state)
> .v-input__control
> .v-input__slot
fieldset {
color: #38d432 !important;
} */

.v-btn--outlined {
  border: thin solid #9e9e9e !important;
}
/* .custom-input-color .v-input__slot {
  border: 1px solid #c02626 !important;
} */
/* .v-text-field {
  border: 1px solid #c02626 !important;
} */
.v-text-field.v-text-field--solo:not(.v-text-field--solo-flat) > .v-input__control > .v-input__slot {
  box-shadow: none !important;
  border: 1px solid #dfdfdf;
  border-radius: 6px;
}
/* #solofields .v-text-field > .v-input__control > .v-input__slot {
  box-shadow: none !important;
  border: 1px solid #DFDFDF !important;
  border-radius: 6px !important;
} */
.v-text-field--enclosed .v-input__append-inner {
  align-self: center !important;
  margin-top: 0px !important;
}

.v-application--is-rtl .v-input--selection-controls__input {
  margin-left: 4px !important;
}

/* .v-input--radio-group--row .v-input--radio-group__input {
  place-content: space-between;
} */

  

.v-icon .v-icon {
  color: #303030;
}

.sales-absolute-div {
  width: 80px;
  height: 80px;
  border: 1px solid #707070;
  border-radius: 50px !important;
  background-color: #fbb04c;
  position: absolute;
  top: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.col-style {
  background-color: white;
  border: 1px solid #602ea6;
  z-index: 99;
}
.backimgStyle {
  position: fixed;
}
.madarekchips {
  background-color: #f3f3f3 !important;
  border: 1px solid #602ea6;
  border-radius: 6px;
  height: 22px;
  margin-right: 20px;
}
.madarekchipsmobile {
  background-color: #602ea6 !important;
  border-radius: 6px;
  height: 26px;
  margin-right: 16px;
}

.absolute-close-icon {
  position: absolute;
  top: -8px;
  left: -8px;
}

.upload-btn {
  border: 1px solid #bfbfbf !important;
  border-radius: 6px !important;
  display: flex;
  align-items: center;
  padding: 0 12px;
  margin: 4px 0;
}

.info-list-markers li::marker {
  color: #272f72 !important;
}

li::marker {
  color: #fbb04c;
}

.landing-li > li::marker {
  color: #000000 !important;
}

.slick-prev {
  display: none !important;
}

.custom-dashed-border {
  border-bottom: 1px dashed #9a9a9a;
}

.result-card-border {
  border: 1px solid #000 !important;
}
.v-input--selection-controls .v-input__slot > .v-label {
  font-size: 12px !important;
}
.scrollBox {
  visibility: visible !important;
  scroll-behavior: smooth !important;
  max-height: 250px !important;
  behavior: smooth !important;
  top: 0;
  backdrop-filter: blur(1px);
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
  overflow-x: scroll !important;
  overflow-y: scroll !important;
}

.marker {
  background-color: #fbb04c;
  width: 8px;
  height: 8px;
  border-radius: 99px;
}

.primary-marker {
  background-color: #272f72;
  width: 8px;
  height: 8px;
  border-radius: 99px;
}

.gray2-marker {
  background-color: #c1c1c1;
  width: 10px;
  height: 10px;
  border-radius: 99px;
}

.primary-marker-2 {
  background-color: #272f72;
  width: 12px;
  height: 12px;
  border-radius: 99px;
}

#bimec .v-carousel__controls__item {
  margin-right: 3px !important;
  margin-left: 3px !important;
}
#bimec .v-carousel__controls__item.v-btn.v-item--active {
  background-color: #837a7a !important;
}
#bimec .v-btn--icon.v-size--small {
  height: 10px !important;
  width: 10px !important;
  font-size: 8px !important;
}
#bimec .v-btn--icon.v-size--small .v-icon,
.v-btn--fab.v-size--small .v-icon {
  height: 12px !important;
  width: 12px !important;
  font-size: 8px !important;
}
#bimec .v-carousel__controls__item.v-btn.v-btn--icon {
  background-color: #ebece9;
}

#bimec .v-carousel__controls__item.v-btn.v-btn--icon:hover {
  background-color: #b9b9b9;
}

#bimec .v-carousel__controls > .v-item-group {
  margin-top: -32px;
}

/* .v-expansion-panel--active > .v-expansion-panel-header {
  background-color: #51b34e;
} */

#final-list .v-application--is-rtl .v-list-group--no-action > .v-list-group__items > .v-list-item {
  padding-right: 0px !important;
}

.final-chips .v-slide-item--active {
  background-color: #606060 !important;
  color: #fff !important;
}


.insurance-stepper {
  border-radius: 30px !important;
  margin-bottom: 44px 0px !important;
}

.insurance-stepper-2 {
  background-color: #f5f5f5 !important;
  box-shadow: none !important;
  border-radius: 30px !important;
  margin-bottom: 44px 0px !important;
}

.compelete-step .v-stepper__step__step i {
  color: white !important;
}

.linear-circle-back {
  background-image: radial-gradient(circle, #737373 1px, #b84f4f00 0);
  background-position: bottom;
  background-size: 1ex 18.5px;
  background-repeat: space no-repeat;
}

.gray-back {
  background-color: #f5f5f5 !important;
}

.back-transparent {
  background-color: transparent !important;
}
.border-green-1{
  border: 1px solid #BBF7D0 !important;
}
.custom-border-1{
  border: 2px solid #F6721F !important;
}
.border-top-left-12{
  border-top-left-radius: 12px !important;
}
.border-buttom-left-12{
  border-bottom-left-radius: 12px !important;
}
.border-top-left-0{
  border-top-left-radius: 0px !important;
}
.border-buttom-left-0{
  border-bottom-left-radius: 0px;
}
.border-top-right-0{
  border-top-right-radius: 0px !important;
}
.border-top-right-0{
  border-bottom-right-radius: 0px !important;
}
.border-top-right-12{
  border-top-right-radius: 12px !important;
}
.border-top-right-12{
  border-bottom-right-radius: 12px !important;
}
.border-top-
.rotate-270 {
  transform: rotate(270deg);
}
.hide-scroll {
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  behavior: smooth;
}
/* @media only screen and (max-width: 959px) {
  .v-stepper:not(.v-stepper--vertical) .v-stepper__label {
    display: flex !important;
  }
} */
@media only screen and (max-width: 780px) {
  .v-stepper:not(.v-stepper--vertical) .v-stepper__label {
    display: flex !important
    ;
    width: 70px;
    text-align: center;
    font-size: 12px;
    justify-content: center;
  }
  .v-stepper--alt-labels .v-stepper__header .v-divider {
    margin: 35px -32px 0 !important;
  }
  .v-stepper--alt-labels .v-stepper__step {
    flex-basis: 0px !important;
  }
  .v-stepper__step {
    padding: 24px 16px !important;
  }
}

.v-window-item .v-window-item--active {
  max-height: 70vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.ml-28 {
  margin-left: 112px !important;
}
.main-back-gradiant {
  background-image: radial-gradient(circle at 0px 0px, #FF4602 0px, #FF900FF2 95%);
}
.max-height-20{
  max-height: 20% !important ;
}
.border-3-purpel{
  border: 3px solid #D8B4FE !important;
}
.custom-back{
  background: linear-gradient(to right, rgba(249, 115, 22, 1)0%, rgba(168, 85, 247, 1) 120%) !important;
}
.custom-style-shadow{
  box-shadow: 0 15px 10px 0 rgba(0, 0, 0, 0.1) !important;
}
.camera-style-shop{
  position: absolute;
  top: 18%;
  right: 12%;
}
.custom-shadow{
  box-shadow: 0 15px 10px 0 rgba(0, 0, 0, 0.1);
}