@import 'var.colors';
@import 'var.typo';
@import 'vue-select/src/scss/vue-select.scss';

@import 'base.globals';

@import 'plugin.icomoon';
@import 'plugin.vue-select';

@import 'mod.button';
@import 'mod.checkbox-item';
@import 'mod.form-item';
@import 'mod.input';
@import 'mod.overlay';
@import 'mod.radiobox';
@import 'mod.accessibility-tab-handler';

@import 'utils.fontscale';
@import 'utils.spacing';
@import 'utils.text';
@import 'utils.flex';
@import 'utils.grid';
@import 'utils.animations';

@import 'comp.hero';
@import 'comp.section';
@import 'comp.scrollbar';
@import 'comp.header';
@import 'oil-wine';
@import 'plugin.swiper';
@import 'comp.gdpr';
@import 'input';
@import 'mix';
@import 'comp.select';
@import 'mod.checkbox-item';
@import 'profile';
@import 'package-details';
@import 'modals';
@import 'legalDocuments';

.wine-width {
  width: 130px;
}

.oil-width {
  width: 200px;
}

.custom-height {
  max-height: 264px;
  object-fit: cover;
}

@media (max-width: 1550px) {
  .custom-height {
    max-height: 211px;
    object-fit: cover;
  }
}
// @media (max-width: 153px) {
//   .custom-height {
//     max-height: 211px;
//     object-fit: cover;
//   }
// }

p {
  line-height: 1.7;
}

.section-white {
  background-color: white !important;
}

.wine-details {
  background-image: url('@/assets/img/bg-pattern.jpg');
  background-repeat: repeat !important;
}

//hooper{
.hooper-track {
  display: flex;
  align-items: baseline;
}

//input
input,
input::-webkit-input-placeholder {
  font-size: 16px;

  font-family: 'Raleway', sans-serif;
}

.txt-a-c {
  text-align: center;
}

.pos-a {
  position: absolute;
}

.pos-r {
  position: relative;
}
.cursor-pointer {
  cursor: pointer;
}

.offer__imgText__titleParagraph__specificParagarph {
  p {
    span {
      font-size: 16px !important;
    }
  }
}

.offer__imgText__titleParagraph__specificParagarph {
  span {
    font-size: 16px !important;
  }
}

.txt-transform-initial {
  text-transform: initial;
}

.w-88 {
  width: 88px;
}

.txt-italic {
  font-style: italic;
}

.w-44 {
  width: 44px;
}
.w-55 {
  width: 55px;
}

.pointer-none {
  pointer-events: none;
}

.cursor-pointer {
  cursor: pointer;
}