@charset "UTF-8";

@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(//friskybuyer.com/wp-content/themes/hcoupon/assets/fonts/Lato/Lato-Light.ttf) format("truetype"); }
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//friskybuyer.com/wp-content/themes/hcoupon/assets/fonts/Lato/Lato-Regular.ttf) format("truetype"); }
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//friskybuyer.com/wp-content/themes/hcoupon/assets/fonts/Lato/Lato-Bold.ttf) format("truetype"); } :root {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --hc-primary-color: #FD3D8A;
--hc-secondary-color: #261681;
--hc-silver-1: #E7E7E7;
--hc-silver-2: #F4F3F9;
--hc-silver-3: #F7F7F7;
--hc-primary-gradient: linear-gradient(90deg, #261681 0%, #FD3D8A 100%);
}
*,
*::before,
*::after {
box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
}
body {
margin: 0;
font-family: var(--bs-font-sans-serif);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
margin: 1rem 0;
color: inherit;
background-color: currentColor;
border: 0;
opacity: 0.25;
}
hr:not([size]) {
height: 1px;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}
h1, .h1 {
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1, .h1 {
font-size: 2.5rem;
}
}
h2, .h2 {
font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2, .h2 {
font-size: 2rem;
}
}
h3, .h3 {
font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3, .h3 {
font-size: 1.75rem;
}
}
h4, .h4 {
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4, .h4 {
font-size: 1.5rem;
}
}
h5, .h5 {
font-size: 1.25rem;
}
h6, .h6 {
font-size: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-bs-original-title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul {
padding-left: 2rem;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small, .small {
font-size: 0.875em;
}
mark, .mark {
padding: 0.2em;
background-color: #fcf8e3;
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: inherit;
text-decoration: none;
}
a:hover {
color: inherit;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
pre,
code,
kbd,
samp {
font-family: var(--bs-font-monospace);
font-size: 1em;
direction: ltr ;
unicode-bidi: bidi-override;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 0.875em;
}
figure {
margin: 0 0 1rem;
}
img,
svg {
vertical-align: middle;
}
table {
caption-side: bottom;
border-collapse: collapse;
}
caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: #6c757d;
text-align: left;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
border-color: inherit;
border-style: solid;
border-width: 0;
}
label {
display: inline-block;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
select {
text-transform: none;
}
[role=button] {
cursor: pointer;
}
select {
word-wrap: normal;
}
select:disabled {
opacity: 1;
}
[list]::-webkit-calendar-picker-indicator {
display: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer;
}
::-moz-focus-inner {
padding: 0;
border-style: none;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: calc(1.275rem + 0.3vw);
line-height: inherit;
}
@media (min-width: 1200px) {
legend {
font-size: 1.5rem;
}
}
legend + * {
clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0;
}
::-webkit-inner-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: textfield;
} ::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
::file-selector-button {
font: inherit;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
iframe {
border: 0;
}
summary {
display: list-item;
cursor: pointer;
}
progress {
vertical-align: baseline;
}
[hidden] {
display: none !important;
}
.lead {
font-size: 1.25rem;
font-weight: 300;
}
.display-1 {
font-size: calc(1.625rem + 4.5vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-1 {
font-size: 5rem;
}
}
.display-2 {
font-size: calc(1.575rem + 3.9vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-2 {
font-size: 4.5rem;
}
}
.display-3 {
font-size: calc(1.525rem + 3.3vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-3 {
font-size: 4rem;
}
}
.display-4 {
font-size: calc(1.475rem + 2.7vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-4 {
font-size: 3.5rem;
}
}
.display-5 {
font-size: calc(1.425rem + 2.1vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-5 {
font-size: 3rem;
}
}
.display-6 {
font-size: calc(1.375rem + 1.5vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-6 {
font-size: 2.5rem;
}
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline-item {
display: inline-block;
}
.list-inline-item:not(:last-child) {
margin-right: 0.5rem;
}
.initialism {
font-size: 0.875em;
text-transform: uppercase;
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem;
}
.blockquote > :last-child {
margin-bottom: 0;
}
.blockquote-footer {
margin-top: -1rem;
margin-bottom: 1rem;
font-size: 0.875em;
color: #6c757d;
}
.blockquote-footer::before {
content: "— ";
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
max-width: 100%;
height: auto;
}
.figure {
display: inline-block;
}
.figure-img {
margin-bottom: 0.5rem;
line-height: 1;
}
.figure-caption {
font-size: 0.875em;
color: #6c757d;
}
.row {
--bs-gutter-x: 30rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x) * -.5);
margin-left: calc(var(--bs-gutter-x) * -.5);
}
.row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-top: var(--bs-gutter-y);
}
.col {
flex: 1 0 0%;
}
.row-cols-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
@media (min-width: 576px) {
.col-sm {
flex: 1 0 0%;
}
.row-cols-sm-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-sm-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
}
@media (min-width: 768px) {
.col-md {
flex: 1 0 0%;
}
.row-cols-md-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-md-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-md-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%;
}
.row-cols-lg-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-lg-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex: 1 0 0%;
}
.row-cols-xl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
}
@media (min-width: 1400px) {
.col-xxl {
flex: 1 0 0%;
}
.row-cols-xxl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xxl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xxl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xxl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xxl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xxl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xxl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
}
.col-auto {
flex: 0 0 auto;
width: auto;
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-3 {
flex: 0 0 auto;
width: 25%;
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-6 {
flex: 0 0 auto;
width: 50%;
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-9 {
flex: 0 0 auto;
width: 75%;
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-1 {
margin-left: 8.33333333%;
}
.offset-2 {
margin-left: 16.66666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333333%;
}
.offset-5 {
margin-left: 41.66666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333333%;
}
.offset-8 {
margin-left: 66.66666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333333%;
}
.offset-11 {
margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
--bs-gutter-x: 0;
}
.g-0,
.gy-0 {
--bs-gutter-y: 0;
}
.g-1,
.gx-1 {
--bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
--bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
--bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
--bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
--bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
--bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
--bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
--bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
--bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
--bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
.col-sm-auto {
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0;
}
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0;
}
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 0.25rem;
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 0.25rem;
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 0.5rem;
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 0.5rem;
}
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 1rem;
}
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 1rem;
}
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 1.5rem;
}
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 1.5rem;
}
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 3rem;
}
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 768px) {
.col-md-auto {
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0;
}
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0;
}
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 0.25rem;
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 0.25rem;
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 0.5rem;
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 0.5rem;
}
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 1rem;
}
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 1rem;
}
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 1.5rem;
}
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 1.5rem;
}
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 3rem;
}
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 992px) {
.col-lg-auto {
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0;
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0;
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 0.25rem;
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 0.25rem;
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 0.5rem;
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 0.5rem;
}
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 1rem;
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 1rem;
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 1.5rem;
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 1.5rem;
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 3rem;
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1200px) {
.col-xl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0;
}
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0;
}
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 1rem;
}
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 1rem;
}
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 1.5rem;
}
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 1.5rem;
}
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 3rem;
}
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1400px) {
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.33333333%;
}
.offset-xxl-2 {
margin-left: 16.66666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.33333333%;
}
.offset-xxl-5 {
margin-left: 41.66666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.33333333%;
}
.offset-xxl-8 {
margin-left: 66.66666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.33333333%;
}
.offset-xxl-11 {
margin-left: 91.66666667%;
}
.g-xxl-0,
.gx-xxl-0 {
--bs-gutter-x: 0;
}
.g-xxl-0,
.gy-xxl-0 {
--bs-gutter-y: 0;
}
.g-xxl-1,
.gx-xxl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xxl-3,
.gx-xxl-3 {
--bs-gutter-x: 1rem;
}
.g-xxl-3,
.gy-xxl-3 {
--bs-gutter-y: 1rem;
}
.g-xxl-4,
.gx-xxl-4 {
--bs-gutter-x: 1.5rem;
}
.g-xxl-4,
.gy-xxl-4 {
--bs-gutter-y: 1.5rem;
}
.g-xxl-5,
.gx-xxl-5 {
--bs-gutter-x: 3rem;
}
.g-xxl-5,
.gy-xxl-5 {
--bs-gutter-y: 3rem;
}
}
.table {
--bs-table-bg: transparent;
--bs-table-accent-bg: transparent;
--bs-table-striped-color: #212529;
--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
--bs-table-active-color: #212529;
--bs-table-active-bg: rgba(0, 0, 0, 0.1);
--bs-table-hover-color: #212529;
--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
width: 100%;
margin-bottom: 1rem;
color: #212529;
vertical-align: top;
border-color: #dee2e6;
}
.table > :not(caption) > * > * {
padding: 0.5rem 0.5rem;
background-color: var(--bs-table-bg);
border-bottom-width: 1px;
box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
vertical-align: inherit;
}
.table > thead {
vertical-align: bottom;
}
.table > :not(:last-child) > :last-child > * {
border-bottom-color: currentColor;
}
.caption-top {
caption-side: top;
}
.table-sm > :not(caption) > * > * {
padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
border-width: 0 1px;
}
.table-borderless > :not(caption) > * > * {
border-bottom-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) {
--bs-table-accent-bg: var(--bs-table-striped-bg);
color: var(--bs-table-striped-color);
}
.table-active {
--bs-table-accent-bg: var(--bs-table-active-bg);
color: var(--bs-table-active-color);
}
.table-hover > tbody > tr:hover {
--bs-table-accent-bg: var(--bs-table-hover-bg);
color: var(--bs-table-hover-color);
}
.table-primary {
--bs-table-bg: #cfe2ff;
--bs-table-striped-bg: #c5d7f2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bacbe6;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfd1ec;
--bs-table-hover-color: #000;
color: #000;
border-color: #bacbe6;
}
.table-secondary {
--bs-table-bg: #e2e3e5;
--bs-table-striped-bg: #d7d8da;
--bs-table-striped-color: #000;
--bs-table-active-bg: #cbccce;
--bs-table-active-color: #000;
--bs-table-hover-bg: #d1d2d4;
--bs-table-hover-color: #000;
color: #000;
border-color: #cbccce;
}
.table-success {
--bs-table-bg: #d1e7dd;
--bs-table-striped-bg: #c7dbd2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bcd0c7;
--bs-table-active-color: #000;
--bs-table-hover-bg: #c1d6cc;
--bs-table-hover-color: #000;
color: #000;
border-color: #bcd0c7;
}
.table-info {
--bs-table-bg: #cff4fc;
--bs-table-striped-bg: #c5e8ef;
--bs-table-striped-color: #000;
--bs-table-active-bg: #badce3;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfe2e9;
--bs-table-hover-color: #000;
color: #000;
border-color: #badce3;
}
.table-warning {
--bs-table-bg: #fff3cd;
--bs-table-striped-bg: #f2e7c3;
--bs-table-striped-color: #000;
--bs-table-active-bg: #e6dbb9;
--bs-table-active-color: #000;
--bs-table-hover-bg: #ece1be;
--bs-table-hover-color: #000;
color: #000;
border-color: #e6dbb9;
}
.table-danger {
--bs-table-bg: #f8d7da;
--bs-table-striped-bg: #eccccf;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfc2c4;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5c7ca;
--bs-table-hover-color: #000;
color: #000;
border-color: #dfc2c4;
}
.table-light {
--bs-table-bg: #f8f9fa;
--bs-table-striped-bg: #ecedee;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfe0e1;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5e6e7;
--bs-table-hover-color: #000;
color: #000;
border-color: #dfe0e1;
}
.table-dark {
--bs-table-bg: #212529;
--bs-table-striped-bg: #2c3034;
--bs-table-striped-color: #fff;
--bs-table-active-bg: #373b3e;
--bs-table-active-color: #fff;
--bs-table-hover-bg: #323539;
--bs-table-hover-color: #fff;
color: #fff;
border-color: #373b3e;
}
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.align-baseline {
vertical-align: baseline !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.float-start {
float: left !important;
}
.float-end {
float: right !important;
}
.float-none {
float: none !important;
}
.overflow-auto {
overflow: auto !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.overflow-visible {
overflow: visible !important;
}
.overflow-scroll {
overflow: scroll !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-grid {
display: grid !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
.d-none {
display: none !important;
}
.shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
box-shadow: none !important;
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: -webkit-sticky !important;
position: sticky !important;
}
.top-0 {
top: 0 !important;
}
.top-50 {
top: 50% !important;
}
.top-100 {
top: 100% !important;
}
.bottom-0 {
bottom: 0 !important;
}
.bottom-50 {
bottom: 50% !important;
}
.bottom-100 {
bottom: 100% !important;
}
.start-0 {
left: 0 !important;
}
.start-50 {
left: 50% !important;
}
.start-100 {
left: 100% !important;
}
.end-0 {
right: 0 !important;
}
.end-50 {
right: 50% !important;
}
.end-100 {
right: 100% !important;
}
.translate-middle {
transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
transform: translateX(-50%) !important;
}
.translate-middle-y {
transform: translateY(-50%) !important;
}
.border {
border: 1px solid #dee2e6 !important;
}
.border-0 {
border: 0 !important;
}
.border-top {
border-top: 1px solid #dee2e6 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-end {
border-right: 1px solid #dee2e6 !important;
}
.border-end-0 {
border-right: 0 !important;
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-start {
border-left: 1px solid #dee2e6 !important;
}
.border-start-0 {
border-left: 0 !important;
}
.border-primary {
border-color: #0d6efd !important;
}
.border-secondary {
border-color: #6c757d !important;
}
.border-success {
border-color: #198754 !important;
}
.border-info {
border-color: #0dcaf0 !important;
}
.border-warning {
border-color: #ffc107 !important;
}
.border-danger {
border-color: #dc3545 !important;
}
.border-light {
border-color: #f8f9fa !important;
}
.border-dark {
border-color: #212529 !important;
}
.border-white {
border-color: #fff !important;
}
.border-1 {
border-width: 1px !important;
}
.border-2 {
border-width: 2px !important;
}
.border-3 {
border-width: 3px !important;
}
.border-4 {
border-width: 4px !important;
}
.border-5 {
border-width: 5px !important;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.vw-100 {
width: 100vw !important;
}
.min-vw-100 {
min-width: 100vw !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.mh-100 {
max-height: 100% !important;
}
.vh-100 {
height: 100vh !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-0 {
gap: 0 !important;
}
.gap-1 {
gap: 0.25rem !important;
}
.gap-2 {
gap: 0.5rem !important;
}
.gap-3 {
gap: 1rem !important;
}
.gap-4 {
gap: 1.5rem !important;
}
.gap-5 {
gap: 3rem !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.justify-content-evenly {
justify-content: space-evenly !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
.order-first {
order: -1 !important;
}
.order-0 {
order: 0 !important;
}
.order-1 {
order: 1 !important;
}
.order-2 {
order: 2 !important;
}
.order-3 {
order: 3 !important;
}
.order-4 {
order: 4 !important;
}
.order-5 {
order: 5 !important;
}
.order-last {
order: 6 !important;
}
.m-0 {
margin: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-1 {
margin-top: 0.25rem !important;
}
.mt-2 {
margin-top: 0.5rem !important;
}
.mt-3 {
margin-top: 1rem !important;
}
.mt-4 {
margin-top: 1.5rem !important;
}
.mt-5 {
margin-top: 3rem !important;
}
.mt-auto {
margin-top: auto !important;
}
.me-0 {
margin-right: 0 !important;
}
.me-1 {
margin-right: 0.25rem !important;
}
.me-2 {
margin-right: 0.5rem !important;
}
.me-3 {
margin-right: 1rem !important;
}
.me-4 {
margin-right: 1.5rem !important;
}
.me-5 {
margin-right: 3rem !important;
}
.me-auto {
margin-right: auto !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-1 {
margin-bottom: 0.25rem !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.mb-3 {
margin-bottom: 1rem !important;
}
.mb-4 {
margin-bottom: 1.5rem !important;
}
.mb-5 {
margin-bottom: 3rem !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.ms-0 {
margin-left: 0 !important;
}
.ms-1 {
margin-left: 0.25rem !important;
}
.ms-2 {
margin-left: 0.5rem !important;
}
.ms-3 {
margin-left: 1rem !important;
}
.ms-4 {
margin-left: 1.5rem !important;
}
.ms-5 {
margin-left: 3rem !important;
}
.ms-auto {
margin-left: auto !important;
}
.p-0 {
padding: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-1 {
padding-top: 0.25rem !important;
}
.pt-2 {
padding-top: 0.5rem !important;
}
.pt-3 {
padding-top: 1rem !important;
}
.pt-4 {
padding-top: 1.5rem !important;
}
.pt-5 {
padding-top: 3rem !important;
}
.pe-0 {
padding-right: 0 !important;
}
.pe-1 {
padding-right: 0.25rem !important;
}
.pe-2 {
padding-right: 0.5rem !important;
}
.pe-3 {
padding-right: 1rem !important;
}
.pe-4 {
padding-right: 1.5rem !important;
}
.pe-5 {
padding-right: 3rem !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-1 {
padding-bottom: 0.25rem !important;
}
.pb-2 {
padding-bottom: 0.5rem !important;
}
.pb-3 {
padding-bottom: 1rem !important;
}
.pb-4 {
padding-bottom: 1.5rem !important;
}
.pb-5 {
padding-bottom: 3rem !important;
}
.ps-0 {
padding-left: 0 !important;
}
.ps-1 {
padding-left: 0.25rem !important;
}
.ps-2 {
padding-left: 0.5rem !important;
}
.ps-3 {
padding-left: 1rem !important;
}
.ps-4 {
padding-left: 1.5rem !important;
}
.ps-5 {
padding-left: 3rem !important;
}
.font-monospace {
font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
font-size: 1.25rem !important;
}
.fs-6 {
font-size: 1rem !important;
}
.fst-italic {
font-style: italic !important;
}
.fst-normal {
font-style: normal !important;
}
.fw-light {
font-weight: 300 !important;
}
.fw-lighter {
font-weight: lighter !important;
}
.fw-normal {
font-weight: 400 !important;
}
.fw-bold {
font-weight: 700 !important;
}
.fw-bolder {
font-weight: bolder !important;
}
.lh-1 {
line-height: 1 !important;
}
.lh-sm {
line-height: 1.25 !important;
}
.lh-base {
line-height: 1.5 !important;
}
.lh-lg {
line-height: 2 !important;
}
.text-start {
text-align: left !important;
}
.text-end {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-decoration-underline {
text-decoration: underline !important;
}
.text-decoration-line-through {
text-decoration: line-through !important;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
} .text-break {
word-wrap: break-word !important;
word-break: break-word !important;
} .text-primary {
color: #0d6efd !important;
}
.text-secondary {
color: #6c757d !important;
}
.text-success {
color: #198754 !important;
}
.text-info {
color: #0dcaf0 !important;
}
.text-warning {
color: #ffc107 !important;
}
.text-danger {
color: #dc3545 !important;
}
.text-light {
color: #f8f9fa !important;
}
.text-dark {
color: #212529 !important;
}
.text-white {
color: #fff !important;
}
.text-body {
color: #212529 !important;
}
.text-muted {
color: #6c757d !important;
}
.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important;
}
.text-reset {
color: inherit !important;
}
.bg-primary {
background-color: #0d6efd !important;
}
.bg-secondary {
background-color: #6c757d !important;
}
.bg-success {
background-color: #198754 !important;
}
.bg-info {
background-color: #0dcaf0 !important;
}
.bg-warning {
background-color: #ffc107 !important;
}
.bg-danger {
background-color: #dc3545 !important;
}
.bg-light {
background-color: #f8f9fa !important;
}
.bg-dark {
background-color: #212529 !important;
}
.bg-body {
background-color: #fff !important;
}
.bg-white {
background-color: #fff !important;
}
.bg-transparent {
background-color: transparent !important;
}
.bg-gradient {
background-image: var(--bs-gradient) !important;
}
.user-select-all {
-webkit-user-select: all !important;
-moz-user-select: all !important;
user-select: all !important;
}
.user-select-auto {
-webkit-user-select: auto !important;
-moz-user-select: auto !important;
user-select: auto !important;
}
.user-select-none {
-webkit-user-select: none !important;
-moz-user-select: none !important;
user-select: none !important;
}
.pe-none {
pointer-events: none !important;
}
.pe-auto {
pointer-events: auto !important;
}
.rounded {
border-radius: 0.25rem !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.rounded-1 {
border-radius: 0.2rem !important;
}
.rounded-2 {
border-radius: 0.25rem !important;
}
.rounded-3 {
border-radius: 0.3rem !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-pill {
border-radius: 50rem !important;
}
.rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
.rounded-end {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-start {
border-bottom-left-radius: 0.25rem !important;
border-top-left-radius: 0.25rem !important;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
@media (min-width: 576px) {
.float-sm-start {
float: left !important;
}
.float-sm-end {
float: right !important;
}
.float-sm-none {
float: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-grid {
display: grid !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
.d-sm-none {
display: none !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-sm-0 {
gap: 0 !important;
}
.gap-sm-1 {
gap: 0.25rem !important;
}
.gap-sm-2 {
gap: 0.5rem !important;
}
.gap-sm-3 {
gap: 1rem !important;
}
.gap-sm-4 {
gap: 1.5rem !important;
}
.gap-sm-5 {
gap: 3rem !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.justify-content-sm-evenly {
justify-content: space-evenly !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
.order-sm-first {
order: -1 !important;
}
.order-sm-0 {
order: 0 !important;
}
.order-sm-1 {
order: 1 !important;
}
.order-sm-2 {
order: 2 !important;
}
.order-sm-3 {
order: 3 !important;
}
.order-sm-4 {
order: 4 !important;
}
.order-sm-5 {
order: 5 !important;
}
.order-sm-last {
order: 6 !important;
}
.m-sm-0 {
margin: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-sm-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-sm-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-sm-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-sm-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-sm-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-sm-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-sm-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-sm-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-sm-0 {
margin-top: 0 !important;
}
.mt-sm-1 {
margin-top: 0.25rem !important;
}
.mt-sm-2 {
margin-top: 0.5rem !important;
}
.mt-sm-3 {
margin-top: 1rem !important;
}
.mt-sm-4 {
margin-top: 1.5rem !important;
}
.mt-sm-5 {
margin-top: 3rem !important;
}
.mt-sm-auto {
margin-top: auto !important;
}
.me-sm-0 {
margin-right: 0 !important;
}
.me-sm-1 {
margin-right: 0.25rem !important;
}
.me-sm-2 {
margin-right: 0.5rem !important;
}
.me-sm-3 {
margin-right: 1rem !important;
}
.me-sm-4 {
margin-right: 1.5rem !important;
}
.me-sm-5 {
margin-right: 3rem !important;
}
.me-sm-auto {
margin-right: auto !important;
}
.mb-sm-0 {
margin-bottom: 0 !important;
}
.mb-sm-1 {
margin-bottom: 0.25rem !important;
}
.mb-sm-2 {
margin-bottom: 0.5rem !important;
}
.mb-sm-3 {
margin-bottom: 1rem !important;
}
.mb-sm-4 {
margin-bottom: 1.5rem !important;
}
.mb-sm-5 {
margin-bottom: 3rem !important;
}
.mb-sm-auto {
margin-bottom: auto !important;
}
.ms-sm-0 {
margin-left: 0 !important;
}
.ms-sm-1 {
margin-left: 0.25rem !important;
}
.ms-sm-2 {
margin-left: 0.5rem !important;
}
.ms-sm-3 {
margin-left: 1rem !important;
}
.ms-sm-4 {
margin-left: 1.5rem !important;
}
.ms-sm-5 {
margin-left: 3rem !important;
}
.ms-sm-auto {
margin-left: auto !important;
}
.p-sm-0 {
padding: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-sm-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-sm-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-sm-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-sm-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-sm-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-sm-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-sm-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-sm-0 {
padding-top: 0 !important;
}
.pt-sm-1 {
padding-top: 0.25rem !important;
}
.pt-sm-2 {
padding-top: 0.5rem !important;
}
.pt-sm-3 {
padding-top: 1rem !important;
}
.pt-sm-4 {
padding-top: 1.5rem !important;
}
.pt-sm-5 {
padding-top: 3rem !important;
}
.pe-sm-0 {
padding-right: 0 !important;
}
.pe-sm-1 {
padding-right: 0.25rem !important;
}
.pe-sm-2 {
padding-right: 0.5rem !important;
}
.pe-sm-3 {
padding-right: 1rem !important;
}
.pe-sm-4 {
padding-right: 1.5rem !important;
}
.pe-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-0 {
padding-bottom: 0 !important;
}
.pb-sm-1 {
padding-bottom: 0.25rem !important;
}
.pb-sm-2 {
padding-bottom: 0.5rem !important;
}
.pb-sm-3 {
padding-bottom: 1rem !important;
}
.pb-sm-4 {
padding-bottom: 1.5rem !important;
}
.pb-sm-5 {
padding-bottom: 3rem !important;
}
.ps-sm-0 {
padding-left: 0 !important;
}
.ps-sm-1 {
padding-left: 0.25rem !important;
}
.ps-sm-2 {
padding-left: 0.5rem !important;
}
.ps-sm-3 {
padding-left: 1rem !important;
}
.ps-sm-4 {
padding-left: 1.5rem !important;
}
.ps-sm-5 {
padding-left: 3rem !important;
}
.text-sm-start {
text-align: left !important;
}
.text-sm-end {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
} @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} .container {
max-width: 2500px;
width: 100%;
padding-right: 70rem;
padding-left: 70rem;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 768px) {
.container {
padding-right: 30rem;
padding-left: 30rem;
}
}
@media (max-width: 575px) {
.container {
padding-right: 15rem;
padding-left: 15rem;
}
}
html {
font-size: calc(100vw / 1440);
scroll-behavior: smooth
}
@media (min-width: 1921px) {
html {
font-size: 1.4px;
}
}
@media (max-width: 1440px) {
html {
font-size: 1px;
}
}
body {
font-size: 14rem;
font-family: "Lato", sans-serif;
}
h1, h2, h3, h4, h5, h6{
margin-bottom: 15rem;
font-weight: 700;
}
h1{
font-size: 40rem;
}
h2{
font-size: 34rem;
}
h3{
font-size: 28rem;
}
h4{
font-size: 24rem;
}
h5{
font-size: 22rem;
}
h6{
font-size: 20rem;
}
p{
margin-bottom: 15rem;
}
p:last-child{
margin-bottom: 0;
}
.top-header{
background: var(--hc-secondary-color);
color: #fff;
padding: 7rem 0;
}
.top-header p,
.top-header ul{
margin-bottom: 0;
}
.top-header p{
font-size: 12rem;
font-weight: 300;
}
.top-header p a{
position: relative;
display: inline;
font-weight: 400;
transition: 0.15s all ease-in-out;
}
.top-header p a:hover{
color: var(--hc-primary-color);
}
.top-header p a:before{
content: '';
position: absolute;
bottom: -2rem;
left: 0;
width: 100%;
background: #fff;
height: 1rem;
opacity: 0.7;
}
.header-social li{
margin-left: 6rem;
}
.header-social li:first-child{
margin-left: 0rem;
}
.header-social li a{
display: flex;
align-items: center;
justify-content: center;
width: 22rem;
height: 22rem;
border-radius: 50%;
background: #fff;
color: var(--hc-primary-color);
font-size: 10rem;
position: relative;
transition: 0.15s all;
}
.header-social li a:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--hc-primary-color);
border-radius: 50%;
transform: scale(0);
transition: 0.2s all ease-in-out;
}
.header-social li a i{
position: relative;
}
.header-social li a:hover:before{
transform: scale(1);
}
.header-social li a:hover{
color: #fff;
}
.bottom-header{
background: var(--hc-primary-color);
}
.main-header{
padding: 15rem 0;
}
.main-header-logo{
display: block;
width: 145rem;
height: auto;
aspect-ratio: 102/23;
}
.main-header-logo img{
width: 100%;
height: 100%;
}
.header-menu{
margin: 0;
}
.header-menu li{
margin: 0 12rem;
color: #fff;
}
.main-header form{
display: flex;
align-items: center;
justify-content: flex-end;
position: relative;
}
.main-header form input{
margin: 0;
padding: 12.5rem 15rem;
border: 1rem solid white;
border-right: none;
line-height: 1;
border-radius: 8rem 0 0 8rem;
font-size: 12rem;
background: transparent;
width: 282rem;
outline: none;
color: #fff;
}
.main-header form input::placeholder{
color: rgba(255,255,255, 0.5);
}
.main-header form button{
width: 42rem;
height: 42rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 16rem;
border: none;
outline: none;
border-radius: 0 8rem 8rem 0;
background: var(--hc-secondary-color);
color: #fff;
}
.main-header form button img{
width: 17rem;
height: 17rem;
object-fit: contain;
}
footer{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 40rem 0 20rem;
}
.foot-newsletter{
padding: 0 80rem;
margin-bottom: 50rem;
}
.foot-newsletter h2{
color: #fff;
text-align: center;
margin-bottom: 25rem;
font-size: 28rem;
}
.foot-newsletter form > p{
display: flex;
align-items: flex-start;
justify-content: center;
}
.foot-newsletter form > p > span{
display: block;
flex: 1;
}
.foot-newsletter form > p > span input{
display: block;
width: 100%;
line-height: 1;
padding: 14rem 20rem;
border-radius: 6rem 0 0 6rem;
border: none;
background: #fff;
outline: none;
font-size: 13rem;
}
.foot-newsletter form > p button{
display: flex;
align-items: center;
justify-content: center;
font-size: 20rem;
color: #fff;
background-color: var(--hc-secondary-color);
background-image: url(//friskybuyer.com/wp-content/themes/hcoupon/assets/img/send.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 48%;
border: none;
outline: none;
width: 44rem;
height: 44rem;
border-radius: 0 6rem 6rem 0;
}
.footer-columns-main{
display: flex;
justify-content: space-between;
flex-flow: wrap;
padding: 0 80rem;
}
.footer-column:first-child{
flex: 0.45;
}
.footer-column:nth-child(2){
flex: 0.3;
}
.footer-column:last-child{
max-width: 25%
}
.footer-column h3{
font-size: 16rem;
color: #fff;
text-transform: uppercase;
font-weight: 500;
padding-bottom: 10rem;
margin-bottom: 20rem;
position: relative;
}
.footer-column h3:before{
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 44rem;
height: 4rem;
background: #fff;
}
.footer-column ul{
list-style: none;
margin: 0;
}
.footer-column:first-child ul{
display: flex;
justify-content: flex-start;
flex-flow: wrap;
margin-left: -15rem;
}
.footer-column:first-child ul li{
flex: 0 0 calc(50% - 15rem);
max-width: calc(50% - 15rem);
margin-left: 15rem;
}
.footer-column ul li{
font-size: 13rem;
color: #fff;
margin-bottom: 10rem;
}
.footer-column ul li a:hover{
text-decoration: underline;
}
.footer-column p{
color: #fff;
opacity: 0.7;
}
.footer-bottom{
margin-top: 40rem;
padding: 0 80rem;
}
.footer-bottom hr{
color: #fff;
margin-bottom: 40rem;
opacity: 1;
}
#menu-footer-menu{
list-style: none;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 45rem;
}
#menu-footer-menu li{
margin: 0 10rem;
color: #fff;
}
#menu-footer-menu li a:hover{
text-decoration: underline;
}
.footer-social li{
margin-left: 8rem;
}
.footer-social li:first-child{
margin-left: 0rem;
}
.footer-social li a{
display: flex;
align-items: center;
justify-content: center;
width: 36rem;
height: 36rem;
border-radius: 50%;
background: var(--hc-secondary-color);
color: #fff;
font-size: 14rem;
position: relative;
transition: 0.15s all;
}
.footer-social li a:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--hc-primary-color);
border-radius: 50%;
transform: scale(0);
transition: 0.2s all ease-in-out;
}
.footer-social li a i{
position: relative;
}
.footer-social li a:hover:before{
transform: scale(1);
}
.footer-social li a:hover{
color: #fff;
}
.copyright-footer{
text-align: center;
margin-top: 40rem;
border-top: 1rem solid #fff;
padding: 20rem 0 0;
color: #fff;
font-size: 12rem;
}
.faqs-section{
padding: 40rem 0;
}
.page-product-reviews .faqs-section{
padding-top: 0;
}
.faq-head{
background: var(--hc-primary-color);
padding: 15rem 0;
border-radius: 16rem 16rem 0 0;
color: #fff;
}
.faq-head h2{
margin: 0 auto;
width: max-content;
position: relative;
line-height: 1;
}
.faq-head h2:before{
content: '';
position: absolute;
bottom: 2rem;
right: calc(100% + 15rem);
width: 40rem;
height: 3rem;
background: #fff;
border-radius: 3rem;
}
.faq-head h2:after{
content: '';
position: absolute;
bottom: 2rem;
left: calc(100% + 15rem);
width: 40rem;
height: 3rem;
background: #fff;
border-radius: 3rem;
}
.faq-items{
list-style: none;
padding: 25rem 80rem;
margin: 0;
background: var(--hc-silver-2);
border-radius: 0 0 16rem 16rem;
}
.faq-item{
border-bottom: 1rem solid var(--hc-silver-1);
}
.faq-ques{
font-size: 18rem;
font-weight: 700;
margin: 0;
position: relative;
padding: 25rem 30% 25rem 0rem;
cursor: pointer;
}
.faq-ques:before{
content: "";
background-color: #fff;
background-image: url(//friskybuyer.com/wp-content/themes/hcoupon/assets/img/plus.svg);
background-size: 50%;
background-repeat: no-repeat;
background-position: center;
width: 32rem;
height: 32rem;
border-radius: 4rem;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 0;
top: 20rem;
}
.faq-ques.show:before{
background-image: url(//friskybuyer.com/wp-content/themes/hcoupon/assets/img/minus.svg);
background-size: 40%;
}
.faq-ans{
padding-bottom: 25rem;
padding-right: 30%;
display: none;
}
.faq-ans ul {
margin-bottom: 15rem;
padding-left: 30rem;
font-weight: 300;
color: #666666;
}
.faq-ans p{
opacity: 0.7;
}
.faq-item:last-child{
border-bottom: none;
}
.values-section{
padding: 40rem 0 25rem;
}
.values-head{
margin-bottom: 50rem;
}
.values-head h2{
width: max-content;
margin: 0 auto;
position: relative;
line-height: 1;
}
.values-head h2:before, .values-head h2:after{
content: '';
position: absolute;
bottom: 2rem;
width: 40rem;
height: 3rem;
background: var(--hc-primary-color);
border-radius: 3rem;
}
.values-head h2:before {
left: calc(100% + 15rem);
}
.values-head h2:after {
right: calc(100% + 15rem);
}
.value-items{
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-flow: wrap;
justify-content: flex-start;
gap: 60rem;
text-align: center;
}
.value-item{
flex: 1;
margin-bottom: 15rem;
}
.value-icon{
width: 70rem;
height: 70rem;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20rem;
background: var(--hc-silver-2);
border-radius: 50%;
}
.value-icon img{
width: 40rem;
height: 40rem;
object-fit: contain;
}
.value-title{
font-size: 18rem;
font-weight: 600;
}
.value-content p{
margin: 10rem 0 0;
font-size: 13rem;
font-weight: 400;
opacity: 0.7;
}
.daily-deals{
padding: 40rem 0 25rem;
}
.daily-deals-head{
margin-bottom: 50rem;
}
.daily-deals-head h2{
width: max-content;
margin: 0 auto;
position: relative;
line-height: 1;
font-weight: 600;
}
.daily-deals-head h2:before, .daily-deals-head h2:after{
content: '';
position: absolute;
bottom: 2rem;
width: 40rem;
height: 3rem;
background: var(--hc-primary-color);
border-radius: 3rem;
}
.daily-deals-head h2:before {
left: calc(100% + 15rem);
}
.daily-deals-head h2:after {
right: calc(100% + 15rem);
}
.daily-deal-items{
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: flex-start;
flex-flow: wrap;
gap: 25rem;
margin-right: -25rem;
}
.daily-deal-item{
flex: 0 0 calc(25% - 25rem);
max-width: calc(25% - 25rem);
}
.daily-deal-link{
display: block;
border: 1rem solid var(--hc-silver-1);
border-radius: 18rem;
transition: 0.15s all ease-in-out;
cursor: pointer;
}
.daily-deal-link:hover{
transform: scale(1.04);
box-shadow: 0rem 5rem 15rem -5rem rgba(0,0,0,0.1);
}
.daily-deal-brand{
position: relative;
aspect-ratio: 1/0.39;
border-radius: 18rem 18rem 0 0;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 2rem solid var(--hc-silver-1);
padding: 10rem;
}
.daily-deal-logo{
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.daily-deal-tag{
position: absolute;
top: 0;
right: 35rem;
background: var(--hc-secondary-color);
padding: 6rem 10rem;
line-height: 1;
color: #fff;
border-radius: 0 0 4rem 4rem;
transition: 0.15s all ease-in-out;
}
.daily-deal-content{
padding: 20rem 25rem;
}
.daily-deal-storename{
text-transform: uppercase;
font-weight: 500;
font-style: italic;
color: var(--hc-secondary-color);
margin-bottom: 20rem;
display: block;
line-height: 1;
font-size: 16rem;
}
.daily-deal-content h3{
font-size: 18rem;
line-height: 1.4;
margin: 0;
height: 56rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: 700;
}
.daily-deal-cta span{
text-transform: uppercase;
font-size: 14rem;
color: var(--hc-primary-color);
display: inline-block;
position: relative;
margin-top: 20rem;
transition: 0.15s all ease-in-out;
font-weight: 600;
}
.daily-deal-cta span:before{
content: '';
position: absolute;
bottom: -2rem;
background: var(--hc-primary-color);
left: 0;
width: 100%;
height: 1rem;
transition: 0.15s all ease-in-out;
}
.daily-deal-cta i{
color: var(--hc-primary-color);
margin-left: 4rem;
font-size: 15rem;
transition: 0.15s all ease-in-out;
}
.daily-deal-cta img{
margin-left: 5rem;
width: 18rem;
position: relative;
top: -2rem;
}
.promo-banner{
position: relative;
z-index: 1;
}
.promo-banner:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, var(--hc-secondary-color) 30%, rgba(255, 255, 255, 0) 100%);
}
.promo-banner img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
}
.promo-content{
padding: 40rem 0;
color: #fff;
max-width: 360rem;
aspect-ratio: 1/0.78;
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
}
.promo-content-cta{
background: var(--hc-primary-color);
display: inline-block;
padding: 12rem 30rem;
border-radius: 6rem;
transition: 0.15s all ease-in-out;
}
.promo-content-cta:hover{
background: #e72a76;
}
.blog-cta-btn{
background: var(--hc-primary-color);
display: inline-block;
padding: 12rem 30rem;
border-radius: 6rem;
transition: 0.15s all ease-in-out;
color: #fff;
margin-top: 30rem;
}
.blog-cta-btn:hover{
color: #fff;
background: #e72a76;
}
.brands{
padding: 80rem 0 65rem;
}
.search-results .brands{
padding: 40rem 0 20rem;
}
.brands-head-main{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 25rem;
}
.brands-head h2{
width: max-content;
position: relative;
line-height: 1;
margin: 0;
}
.brands-head h2:before{
content: '';
position: absolute;
bottom: 2rem;
left: calc(100% + 15rem);
width: 40rem;
height: 3rem;
background: var(--hc-primary-color);
border-radius: 3rem;
}
.brands-arrows{
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10rem;
}
.brands-arrow{
display: flex;
align-items: center;
justify-content: center;
width: 40rem;
height: 40rem;
border-radius: 50%;
border: 2rem solid #000;
font-size: 20rem;
transition: 0.15s all ease-in-out;
}
.brands-arrow.swiper-button-disabled{
color: var(--hc-silver-1);
border-color: var(--hc-silver-1);
}
.brand-item{
display: flex;
flex-direction: column;
border-radius: 12rem;
border: 1rem solid var(--hc-silver-1);
aspect-ratio: 1/1;
overflow: hidden;
transition: 0.15s all ease-in-out;
margin: 15rem 0;
}
.brand-logo{
flex: 1;
aspect-ratio: 1/0.5;
overflow: hidden;
}
.brand-logo img{
width: 100%;
height: 100%;
object-fit: cover;
background: var(--hc-silver-1);
}
.brand-logo .transparent{
object-fit: contain;
padding: 8rem;
}
.brand-content {
flex: 0.7;
line-height: 1.2;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.brand-primary-txt{
font-weight: 700;
font-size: 18rem;
transition: 0.15s all ease-in-out;
}
.brand-secondary-txt{
font-size: 16rem;
}
.brand-item:hover{
box-shadow: 0px 4rem 15rem 0rem rgba(38, 22, 129, 0.10);
}
.brand-item:hover .brand-primary-txt{
color: var(--hc-primary-color);
}
.all-stores-bar{
margin: 0;
}
.stores-bar-main{
background: var(--hc-primary-gradient);
border-radius: 16rem;
display: flex;
align-items: center;
justify-content: space-between;
padding: 15rem 70rem;
}
.stores-items{
list-style: none;
margin: 0;
display: flex;
align-items: center;
justify-content: space-between;
flex: 1;
gap: 15rem;
}
.stores-item-link{
display: flex;
align-items: center;
justify-content: flex-start;
}
.stores-item-icon{
width: 72rem;
height: 72rem;
object-fit: contain;
}
.stores-item-title{
margin-left: 15rem;
text-transform: uppercase;
color: #fff;
font-weight: 600;
font-size: 18rem;
line-height: 1.2;
}
.stores-bar-cta{
background: var(--hc-secondary-color);
display: inline-block;
padding: 10rem 20rem;
border-radius: 6rem;
transition: 0.15s all ease-in-out;
color: #fff;
margin-left: 40rem;
font-weight: 500;
}
.stores-bar-cta:hover{
background: #1d0c78;
color: #fff;
}
.hero-banner{
overflow: hidden;
margin-top: 20rem;
position: relative;
}
.main-slider{
overflow: visible;
margin-bottom: 45rem;
}
.hero-banner-item{
position: relative;
border-radius: 14rem;
overflow: hidden;
aspect-ratio: 1/0.3524;
display: flex;
align-items: center;
justify-content: flex-start;
}
.hero-banner-img{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
background-color: var(--hc-silver-1);
}
.hero-banner-content{
position: relative;
background: #fff;
margin-left: 82rem;
width: 320rem;
max-width: 100%;
aspect-ratio: 1/0.87;
border-radius: 8rem;
padding: 15rem 20rem 15rem 24rem;
display: flex;
flex-direction: column;
justify-content: center;
box-shadow: 0rem 12rem 12rem 0rem rgba(0,0,0,0.4);
}
.hero-banner-tag{
background: var(--hc-secondary-color);
width: max-content;
max-width: 100%;
border-radius: 6rem;
color: #fff;
padding: 5rem 17rem;
display: block;
margin-bottom: 15rem;
font-size: 18rem;
font-weight: 500;
}
.hero-banner-title{
font-size: 27rem;
font-weight: 700;
color: #000;
line-height: 1.2;
}
.hero-banner-cta{
margin-top: 30rem;
text-transform: uppercase;
color: var(--hc-primary-color);
position: relative;
display: inline-block;
max-width: max-content;
font-weight: 600;
}
.hero-banner-cta span{
position: relative;
}
.hero-banner-cta span:before{
content: '';
position: absolute;
bottom: -4rem;
left: 0;
width: 100%;
height: 1rem;
background: var(--hc-primary-color);
}
.hero-banner-cta i{
margin-left: 15rem;
font-size: 16rem;
position: relative;
top: 1rem;
}
.hero-banner-cta img{
margin-left: 10rem;
width: 18rem;
height: auto;
position: relative;
top: -2rem;
}
.banner-breadcrumb {
display: block;
margin: 40px 0 0;
color: #666666;
font-size: 14px;
}
.banner-breadcrumb li {
margin: 0 5px;
color: #fd3d8a;
font-weight: 600;
display: inline;
}
.banner-breadcrumb li:after {
content: '\f105';
font-family: 'FontAwesome';
font-weight: 700;
margin-left: 10px;
color: #000;
}
.banner-breadcrumb li:last-child:after {
display: none;
}
.banner-breadcrumb li a {
color: #666666;
font-weight: 400;
}
.main-slider .swiper-slide{
margin-right: 30px;
}
.main-slider-arrows{
display: flex;
align-items: center;
justify-content: space-between;
gap: 10rem;
margin-top: -30rem;
}
.default-arrow{
display: flex;
align-items: center;
justify-content: center;
width: 40rem;
height: 40rem;
border-radius: 50%;
border: 2rem solid #000;
font-size: 20rem;
transition: 0.15s all ease-in-out;
}
.default-arrow img{
width: 16rem;
height: 16rem;
object-fit: contain;
}
.default-arrow.swiper-button-disabled{
color: var(--hc-silver-1);
border-color: var(--hc-silver-1);
}
.default-arrow.swiper-button-disabled img{
opacity: 0.2;
}
.main-slide-pagination{
position: absolute;
left: 50% !important;
bottom: 5rem !important;
transform: translateX(-50%);
text-align: center;
width: max-content !important;
}
.main-slide-pagination .swiper-pagination-bullet{
width: 15rem;
height: 15rem;
background: var(--hc-silver-1);
opacity: 1;
border: 1rem solid #fff;
margin: 0 6rem !important;
}
.main-slide-pagination .swiper-pagination-bullet-active{
background: var(--hc-primary-color);
border: 2rem solid #fff;
box-shadow: 0rem 0rem 0rem 1rem var(--hc-secondary-color);
}
.affiliate-disclosure{
margin-top: 20rem;
}
.affiliate-disclosure-bar{
background: var(--hc-silver-3);
padding: 12rem 15rem;
text-align: center;
color: rgba(0,0,0,0.7);
border-radius: 8rem;
}
.affiliate-disclosure-bar h1{
font-size: 14rem;
font-weight: 400;
margin: 0;
}
.offerbycats{
padding: 40rem 0 60rem;
position: relative;
z-index: 2;
}
.offerbycats-slider .swiper-slide{
flex: 0 0 calc(100%/4 - 20px);
margin-right: 20px;
}
.offerbycats-head-main{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 25rem;
}
.offerbycats-head-main h2{
width: max-content;
position: relative;
line-height: 1;
margin: 0;
}
.offerbycats-head-main h2:before{
content: '';
position: absolute;
bottom: 2rem;
left: calc(100% + 15rem);
width: 40rem;
height: 3rem;
background: var(--hc-primary-color);
border-radius: 3rem;
}
.offerbycats-arrows{
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10rem;
}
.offerbycats-card-link{
display: block;
border: 1rem solid var(--hc-silver-1);
border-radius: 18rem;
transition: 0.15s all ease-in-out;
cursor: pointer;
margin-bottom: 5rem;
}
.offerbycats-card-link:hover{
box-shadow: 0rem 5rem 15rem -5rem rgba(0, 0, 0, 0.1);
}
.offerbycats-card-brand{
position: relative;
aspect-ratio: 1/0.5;
border-radius: 18rem 18rem 0 0;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1rem solid var(--hc-silver-1);
}
.offerbycats-card-logo {
width: 100%;
height: 100%;
object-fit: cover;
background: var(--hc-silver-1);
}
.offerbycats-card-cta span{
text-transform: uppercase;
color: var(--hc-secondary-color);
display: inline-block;
position: relative;
transition: 0.15s all ease-in-out;
font-size: 15rem;
font-weight: 700;
}
.offerbycats-card-cta span:before{
content: '';
position: absolute;
bottom: -2rem;
background: var(--hc-secondary-color);
left: 0;
width: 100%;
height: 1rem;
transition: 0.15s all ease-in-out;
}
.offerbycats-card-cta img{
margin-left: 6rem;
width: 18rem;
height: auto;
position: relative;
top: -2rem;
transition: 0.15s all ease-in-out;
}
.offerbycats-card-link i{
color: var(--hc-secondary-color);
margin-left: 4rem;
transition: 0.15s all ease-in-out;
font-size: 13rem;
}
.offerbycats-card-link:hover .offerbycats-card-cta span,
.offerbycats-card-link:hover .offerbycats-card-cta i{
color: var(--hc-primary-color);
}
.offerbycats-card-link:hover .offerbycats-card-cta span:before{
background: var(--hc-primary-color);
}
.offerbycats-card-link:hover .offerbycats-card-cta img{
filter: hue-rotate(75deg) brightness(4.5);
}
.offerbycats-card-content{
padding: 15rem 25rem 18rem;
}
.offerbycats-card-content h3{
font-size: 18rem;
color: #000;
font-weight: 900;
height: 46rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 10rem;
}
.blog-section{
padding: 60rem 0 40rem;
}
.blog-main{
background: var(--hc-silver-2);
padding: 60rem 80rem 30rem;
border-radius: 20rem;
}
.blog-head{
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: max-content;
margin: 0 auto 60rem;
z-index: 1;
}
.blog-head h2{
margin-bottom: 0;
color: #fff;
}
.blog-head h2.invert{
color: #000;
}
.blog-head-layer{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
width: 280rem;
height: auto;
}
.blog-bigCard{
display: block
}
.blog-bigCard, .blog-smallCard{
background: #fff;
border-radius: 16rem;
overflow: hidden;
}
.blog-bigCard-img{
max-width: 100%;
width: 100%;
height: auto;
aspect-ratio: 1 / 0.46;
object-fit: cover;
}
.blog-bigCard-content{
padding: 20rem 35rem 25rem;
padding-right: 23%;
}
.blog-bigCard-category{
text-transform: uppercase;
font-weight: 500;
font-style: italic;
color: var(--hc-primary-color);
display: block;
line-height: 1;
margin-bottom: 20rem;
font-size: 18rem;
}
.blog-bigCard-content h3{
font-size: 17rem;
margin-bottom: 15rem;
}
.blog-bigCard-content p{
font-weight: 400;
opacity: 0.7;
}
.blog-smallCard{
display: flex;
justify-content: flex-start;
margin-bottom: 30rem;
}
.blog-smallCard:last-child{
margin-bottom: 0;
}
.blog-smallCard-imgBox{
flex: 0 0 150rem;
max-width: 150rem;
}
.blog-smallCard-img{
aspect-ratio: 1/1.35;
display: block;
width: 100%;
height: auto;
object-fit: cover;
min-height: 100%;
}
.blog-smallCard-content{
padding: 15rem 25rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.blog-smallCard-category{
text-transform: uppercase;
font-weight: 400;
font-style: italic;
color: var(--hc-primary-color);
display: block;
line-height: 1;
font-size: 14rem;
margin-bottom: 15rem;
}
.blog-smallCard-content h3{
font-size: 16rem;
margin-bottom: 10rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blog-smallCard-content p{
font-size: 13rem;
font-weight: 400;
opacity: 0.7;
}
.custom-cards{
background: var(--hc-silver-2);
padding: 50rem 0 35rem;
margin: 80rem 0 0;
}
.custom-cards2{
padding: 50rem 0 35rem;
}
.custom-cards-head-main{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 25rem;
}
.custom-cards-head-main h2{
width: max-content;
position: relative;
line-height: 1;
margin: 0;
}
.custom-cards-head-main h2:before{
content: '';
position: absolute;
bottom: 2rem;
left: calc(100% + 15rem);
width: 40rem;
height: 3rem;
background: var(--hc-primary-color);
border-radius: 3rem;
}
.custom-cards-arrows{
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10rem;
}
.custom-card-box{
display: block;
border-radius: 16rem;
overflow: hidden;
border: 1rem solid var(--hc-silver-1);
transition: 0.15s all ease-in-out;
margin: 10rem 0 20rem;
}
.custom-card-box:hover{
background: #fff;
box-shadow: 0px 4rem 20rem 0rem rgba(38, 22, 129, 0.15);
}
.custom-card-imageBox{
position: relative;
border-bottom: 1rem solid var(--hc-silver-1);
}
.custom-card-img{
max-width: 100%;
width: 100%;
height: auto;
aspect-ratio: 1/0.761;
object-fit: cover;
}
.custom-card-tagline{
position: absolute;
top: 40rem;
right: 0;
background: #fff;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 14rem;
padding: 5rem 10rem 5rem 6rem;
line-height: 1;
font-weight: 600;
border-radius: 2rem 0 0 2rem;
min-height: 26rem;
}
.custom-card-tagImg{
width: 16rem;
height: 16rem;
object-fit: contain;
margin-right: 6rem;
}
.custom-card-content{
padding: 20rem 15rem;
}
.custom-card-content h3{
font-size: 17.5rem;
font-weight: 700;
margin-bottom: 15rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
color: #000;
}
.custom-card-content p {
font-size: 13rem;
}
.custom-card-meta{
display: flex;
align-items: center;
justify-content: space-between;
}
.meta-custom-card{
display: flex;
align-items: center;
justify-content: flex-start;
text-transform: uppercase;
font-size: 12rem;
gap: 15rem;
font-weight: 300;
}
.meta-custom-card-date{
color: var(--hc-primary-color);
}
.custom-card-service{
font-size: 14rem;
font-weight: 300;
}
.custom-card-service-price{
font-size: 16rem;
font-weight: 700;
color: var(--hc-primary-color);
}
.custom-card-retail-sale{
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 14rem;
}
.custom-card-sale, .custom-card-regular{
font-size: 16rem;
color: var(--hc-primary-color);
font-weight: 700;
}
span.custom-card-saleRegular {
margin-left: 4rem;
color: #606060;
text-decoration: line-through;
}
.custom-card-rating {
font-size: 13rem;
color: #FDCD47;
}
.review-cards{
padding: 50rem 0 0;
}
.search-results .review-cards{
padding: 20rem 0 40rem;
}
.review-cards-head-main{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 25rem;
}
.review-cards-head-main h2{
width: max-content;
position: relative;
line-height: 1;
margin: 0;
}
.review-cards-head-main h2:before{
content: '';
position: absolute;
bottom: 2rem;
left: calc(100% + 15rem);
width: 40rem;
height: 3rem;
background: var(--hc-primary-color);
border-radius: 3rem;
}
.review-cards-arrows{
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10rem;
}
.reviews-card-box{
display: block;
border-radius: 16rem;
overflow: hidden;
width: 100%;
height: auto;
aspect-ratio: 1/0.81465;
position: relative;
}
.reviews-card-box:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, #261681, transparent 50%);
transition: 0.15s all ease-in-out;
filter: brightness(0);
}
.reviews-card-img{
width: 100%;
height: 100%;
object-fit: cover;
}
.reviews-card-content{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0 20rem 32rem;
z-index: 1;
}
.reviews-card-content h3{
font-size: 20rem;
font-weight: 600;
color: #fff;
margin-bottom: 0;
}
.reviews-card-cta span{
text-transform: uppercase;
font-size: 15rem;
color: #fff;
display: inline-block;
position: relative;
margin-top: 10rem;
transition: 0.15s all ease-in-out;
font-weight: 500;
}
.reviews-card-cta span:before{
content: '';
position: absolute;
bottom: -2rem;
background: #fff;
left: 0;
width: 100%;
height: 1rem;
transition: 0.15s all ease-in-out;
}
.reviews-card-cta img{
width: 18rem;
height: auto;
margin-left: 5rem;
position: relative;
top: -2rem;
filter: brightness(10);
transition: 0.15s all ease-in-out;
}
.reviews-card-cta i{
color: #fff;
margin-left: 4rem;
font-size: 12rem;
transition: 0.15s all ease-in-out;
}
.reviews-card-box:hover:before{
filter: brightness(1);
}
.reviews-card-box:hover .reviews-card-cta span{
color: var(--hc-primary-color);
}
.reviews-card-box:hover .reviews-card-cta span:before{
background: var(--hc-primary-color);
}
.reviews-card-box:hover .reviews-card-cta i{
color: var(--hc-primary-color);
}
.reviews-card-box:hover .reviews-card-cta img{
filter: brightness(1);
}
.all-stores-sec{
padding: 50rem 0 0;
}
.all-stores-head-main{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 25rem;
}
.all-stores-head-main h2, .all-stores-head-main h1{
width: max-content;
position: relative;
line-height: 1;
margin: 0;
font-size: 34rem;
}
.all-stores-head-main h2:before, .all-stores-head-main h1:before{
content: '';
position: absolute;
bottom: 2rem;
left: calc(100% + 15rem);
width: 42rem;
height: 2rem;
background: var(--hc-primary-color);
}
.all-stores-cat-arrows{
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10rem;
}
.all-stores-cat-slider .swiper-slide{
width: max-content;
}
.all-stores-cat {
display: block;
background: var(--hc-silver-2);
line-height: 1;
padding: 14rem 15rem;
border-radius: 6rem;
color: var(--hc-secondary-color);
font-weight: 700;
font-size: 14rem;
transition: 0.15s all ease-in-out;
}
.all-stores-cat:hover{
background: var(--hc-secondary-color);
color: #fff;
}
.all-stores-cat.all-stores-first{
background: var(--hc-secondary-color);
color: #fff;
}
.all-stores-items-sec{
padding: 40rem 0 0;
}
.all-stores-items{
display: flex;
justify-content: flex-start;
flex-flow: wrap;
gap: 30rem;
list-style: none;
padding: 0;
margin: 0;
}
.all-stores-item{
flex: 0 0 calc(25% - 30rem);
max-width: calc(25% - 30rem);
}
.all-stores-item-link{
display: flex;
align-items: center;
justify-content: flex-start;
}
.all-store-item-logo{
flex: 0 0 80rem;
max-width: 80rem;
border-radius: 12rem;
overflow: hidden;
height: auto;
aspect-ratio: 1/1;
border: 1rem solid var(--hc-silver-1);
margin-right: 15rem;
transition: 0.15s all ease-in-out;
}
.all-stores-item:hover .all-store-item-logo{
box-shadow: 0rem 4rem 20rem 0rem rgba(38, 22, 129, 0.15);
border-color: transparent;
}
.all-store-item-img{
width: 100%;
height: 100%;
object-fit: contain;
padding: 8rem;
border-radius: 4rem;
}
.all-store-item-content{
flex: 1;
}
.all-store-item-content h3{
margin-bottom: 0;
font-weight: 700;
font-size: 16rem;
}
.all-store-item-tag{
margin-top: 5rem;
font-weight: 700;
font-size: 13rem;
}
.all-store-item-tag span{
color: var(--hc-primary-color);
font-size: 15rem;
}
.all-stores-pagination ul{
display: flex;
list-style: none;
align-items: center;
justify-content: center;
padding: 0;
margin: 40rem 0 0;
}
.all-stores-pagination li{
margin: 0 5rem;
}
.all-stores-pagination li a{
width: 32rem;
height: 32rem;
border-radius: 8rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 13rem;
border: 1rem solid var(--hc-silver-1);
line-height: 1;
color: var(--hc-silver-1);
transition: 0.15s all ease-in-out;
}
.all-stores-pagination li a:hover{
color: #000;
border-color: #000;
}
.all-stores-pagination li span{
width: 32rem;
height: 32rem;
border-radius: 8rem;
display: flex;
align-items: center;
justify-content: center;
border: 1rem solid var(--hc-primary-color);
line-height: 1;
color: var(--hc-silver-1);
background: var(--hc-primary-color);
font-size: 16rem;
font-weight: 700;
}
.no-stores-found{
width: 600rem;
max-width: 100%;
height: auto;
margin: 40rem auto 0;
}
.no-stores-found-img{
max-width: 100%;
display: block;
height: auto;
padding: 0 30rem;
}
.not-found-cta{
display: block;
padding: 12rem 18rem;
background: var(--hc-secondary-color);
width: max-content;
margin: 10rem auto 0;
color: #fff;
line-height: 1;
border-radius: 8rem;
transition: 0.15s all ease-in-out;
}
.not-found-cta:hover{
background: #1d0c78;
color: #fff;
}
.no-found-title{
text-align: center;
font-size: 32rem;
font-weight: 700;
margin-top: 30rem;
color: #000;
}
.single-store-sec{
padding: 30rem 0 0;
}
.single-store-banner{
aspect-ratio: 1/0.174;
height: auto;
display: block;
overflow: hidden;
width: 100%;
border-radius: 16rem 16rem 0 0;
margin-bottom: -15rem;
}
.single-store-banner-img{
width: 100%;
height: 100%;
object-fit: cover;
}
.single-store-main{
display: flex;
flex-direction: row-reverse;
justify-content: flex-start;
margin-bottom: 40rem;
}
.single-store-content{
flex: 1;
}
.single-store-detail{
padding-top: 15rem;
color: #000;
}
.single-store-detail h1{
font-size: 24rem;
margin: 15rem 0;
}
.single-store-detail h2{
font-size: 22rem;
font-weight: 600;
color: #000;
margin-bottom: 15rem;
}
.single-store-detail h3{
font-size: 18rem;
font-weight: 600;
color: #000;
margin-bottom: 15rem;
}
.single-store-detail h4{
font-size: 16rem;
font-weight: 600;
color: #000;
margin-bottom: 15rem;
}
.single-store-detail h5{
font-size: 14rem;
font-weight: 600;
color: #000;
margin-bottom: 15rem;
}
.single-store-detail h6{
font-size: 12rem;
font-weight: 600;
color: #000;
margin-bottom: 15rem;
}
.single-store-detail mark, .single-store-detail .mark {
background-color: rgb(253 61 138 / 15%);
}
.single-store-detail ul, .single-store-detail ol{
margin: 0 0 15rem;
padding: 0 0 0 30rem;
color: #000;
line-height: 2;
}
.single-store-detail blockquote{
background: var(--hc-silver-2);
border-radius: 12rem;
padding: 20rem;
color: #000;
border: 1rem solid var(--hc-silver-1);
margin: 0 0 15rem;
}
.single-store-detail img{
max-width: 100%;
height: auto;
min-width: 220rem;
display: block;
margin: 0 0 15rem;
}
.single-store-detail a {
position: relative;
color: #000;
opacity: 1;
font-weight: 700;
display: inline-block;
transition: 0.15s all ease-in-out;
}
.single-store-detail a:before {
content: '';
position: absolute;
bottom: 1rem;
left: 0;
width: 100%;
height: 2rem;
background: var(--hc-primary-color);
z-index: -1;
}
.single-store-detail a:hover{
color: var(--hc-primary-color);
}
.single-store-detail table {
margin: 15rem 0;
width: 100%;
border: none;
height: auto !important;
border-color: #e1e1e1;
}
.single-store-detail table th, .single-store-detail table td {
border: none;
padding: 8rem 6rem;
}
.single-store-sidebar{
flex: 1 1 375rem;
max-width: 375rem;
}
.single-store-head{
background: #fff;
border-radius: 16rem;
box-shadow: 0rem 4rem 20rem 0rem rgba(38, 22, 129, .15);
position: relative;
padding-left: calc(375rem + 40rem);
}
.single-store-head-content{
padding: 15rem 0;
}
.single-store-heading{
margin: 0;
font-size: 28rem;
color: #000;
}
.single-store-subheading {
margin-bottom: 0;
font-size: 22rem;
margin-top: 4rem;
color: #636363;
}
.single-store-sidebar{
flex: 1 1 375rem;
max-width: 375rem;
box-shadow: 0rem 4rem 20rem 0rem rgba(38, 22, 129, .15);
position: relative;
z-index: 1;
border-radius: 16rem 0rem 16rem 16rem;
overflow: hidden;
padding: 30rem;
margin-top: -68rem;
background: #fff;
height: 100%;
}
.single-store-sidebar-top{
text-align: center;
}
.single-store-sidebar-logo img{
width: 160rem;
max-width: 100%;
height: auto;
}
.single-store-sidebar-tag {
font-size: 18rem;
color: var(--hc-secondary-color);
display: block;
margin-top: 10rem;
font-weight: 600;
}
.single-store-sidebar-shop{
background: var(--hc-primary-color);
display: block;
width: max-content;
margin: 10rem auto 0;
line-height: 1;
padding: 14rem 20rem;
border-radius: 8rem;
color: #fff;
}
.single-store-sidebar-about{
border-top: 1rem solid var(--hc-silver-1);
border-bottom: 1rem solid var(--hc-silver-1);
padding: 30rem 0;
margin-top: 40rem;
}
.single-store-sidebar-about a{
color: #fd3d8a;
}
.single-store-sidebar-about h2,
.single-store-sidebar-about h3{
font-size: 18rem;
color: #000;
margin-bottom: 15rem;
}
.single-store-sidebar-about p{
font-size: 14rem;
}
.single-store-sidebar-about ul {
margin-bottom: 15rem;
}
.single-store-content{
flex: 1;
padding: 15rem 0 0 40rem;
}
.single-store-offers{
list-style: none;
padding: 0;
margin: 0;
}
.single-store-offer{
border: 1rem solid var(--hc-silver-1);
border-radius: 16rem;
display: flex;
justify-content: flex-start;
margin-bottom: 15rem;
transition: 0.15s all ease-in-out;
}
.single-store-offer:last-child{
margin-bottom: 0;
}
.single-store-offer:hover{
box-shadow: 0px 4px 20px 0px rgba(38, 22, 129, 0.15);
}
.single-store-offer-tag{
padding: 20rem 15rem;
background: var(--hc-silver-2);
border-radius: 16rem 0 0 16rem;
font-size: 13rem;
text-transform: uppercase;
line-height: 1.2;
flex: 0 0 72rem;
color: var(--hc-secondary-color);
transition: 0.15s all ease-in-out;
}
.single-store-offer:hover .single-store-offer-tag{
background: var(--hc-secondary-color);
color: #fff;
}
.single-store-offer-tag strong {
font-size: 20rem;
font-weight: 900;
}
.single-store-offer-logo{
flex: 0 0 80rem;
padding: 8rem;
border-right: 1rem solid var(--hc-silver-2);
}
.single-store-offer-img {
width: 100%;
height: 100%;
object-fit: contain;
aspect-ratio: 1 / 1.237;
}
.single-store-offer-title{
flex: 1;
align-content: center;
padding: 0 20rem;
}
.single-store-offer-title h3{
font-size: 18rem;
margin: 0;
color: #000;
}
.single-store-offer-expiry {
margin-top: 10rem;
display: inline-flex;
align-items: center;
justify-content: flex-start;
font-size: 13rem;
line-height: 1;
margin-right: 15rem;
}
.single-store-offer-expiry i {
background: var(--hc-primary-color);
border-radius: 6rem;
color: #fff;
padding: 4rem;
margin-right: 10rem;
font-size: 9rem;
}
.single-store-offer-verified {
margin-top: 10rem;
display: inline-flex;
align-items: center;
justify-content: flex-start;
font-size: 13rem;
line-height: 1;
margin-right: 15rem;
}
.single-store-offer-verified i {
background: #198754;
border-radius: 6rem;
color: #fff;
padding: 4rem;
margin-right: 10rem;
font-size: 9rem;
}
.single-store-offer-btn{
background: var(--hc-primary-color);
display: block;
flex: 0 0 100rem;
max-width: 100rem;
margin: 0 36rem 0 0;
line-height: 1;
padding: 14rem 20rem;
border-radius: 8rem;
color: #fff;
align-self: center;
transition: 0.15s all ease-in-out;
cursor: pointer;
text-align: center;
}
.single-store-offer-btn:hover{
color: #fff;
background: var(--hc-secondary-color);
}
.sidebar-related-stores-items{
list-style: none;
padding: 0;
margin: 20rem 0 0;
display: flex;
justify-content: flex-start;
flex-flow: wrap;
gap: 15rem;
}
.sidebar-related-stores{
padding: 30rem 0;
border-bottom: 1rem solid var(--hc-silver-1);
}
.sidebar-related-stores h2,
.sidebar-related-stores h3{
font-size: 24rem;
color: #000;
margin-bottom: 0;
}
.sidebar-related-store{
flex: 1 1 calc(33.33% - 15rem);
max-width: calc(33.33% - 15rem);
}
.sidebar-related-store-link {
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1 / 1;
overflow: hidden;
border: 1rem solid var(--hc-silver-1);
border-radius: 12rem;
transition: 0.15s all ease-in-out;
}
.sidebar-related-store-link img {
width: 100%;
height: 100%;
object-fit: cover;
}
.sidebar-related-store-link img.transparent {
object-fit: contain;
padding: 8rem;
}
.sidebar-related-store-link img.fav{
padding: 10rem;
}
.sidebar-related-store-link:hover{
box-shadow: 0rem 4rem 20rem 0rem rgba(38, 22, 129, 0.15);
border-color: transparent;
}
.single-store .faqs-section{
padding: 30rem 0 40rem;
}
.single-store-offer-counts{
padding: 30rem 0 0;
}
.single-store-offer-counts h2,
.single-store-offer-counts h3{
font-size: 24rem;
color: #000;
margin-bottom: 0;
}
.single-store-offer-count{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 15rem;
font-size: 16rem;
}
.single-store-offer-count span{
color: var(--hc-primary-color);
font-weight: 700;
}
.top-categories{
padding: 40rem 0 25rem;
}
.search-results .top-categories{
padding: 20rem 0 40rem;
}
.top-categories-head{
margin-bottom: 50rem;
}
.top-categories-head h2, .top-categories-head h1{
width: max-content;
margin: 0 auto;
position: relative;
line-height: 1;
font-size: 35rem;
}
.top-categories-head h2:before, .top-categories-head h2:after,
.top-categories-head h1:before, .top-categories-head h1:after{
content: '';
position: absolute;
bottom: 2rem;
width: 40rem;
height: 3rem;
background: var(--hc-primary-color);
border-radius: 3rem;
}
.top-categories-head h2:before, .top-categories-head h1:before {
left: calc(100% + 15rem);
}
.top-categories-head h2:after, .top-categories-head h1:after {
right: calc(100% + 15rem);
}
.search-results .top-categories-head h2, .search-results .top-categories-head h1{
margin: 0;
}
.search-results .top-categories-head h2:after, .search-results .top-categories-head h1:after{
display: none;
}
.top-categories-main {
position: relative;
}
.top-categories-card-link{
display: block;
}
.top-categories-cover{
aspect-ratio: 3/2.6;
border-radius: 12rem;
overflow: hidden;
display: block;
}
.page-product-reviews .top-categories-cover{
width: 80rem;
margin: 0 auto;
border: 2rem solid var(--hc-silver-1);
border-radius: 50%;
aspect-ratio: 1/1;
}
.page-product-reviews .top-categories-cover img{
object-fit: contain;
padding: 8rem;
}
.top-categories-img{
width: 100%;
height: 100%;
object-fit: cover;
}
.top-categories-title {
font-weight: 700;
font-size: 16rem;
text-align: center;
display: block;
margin: 15rem 0 0;
color: #000;
}
.top-categories-prev,
.top-categories-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.top-categories-prev {
left: -55rem;
}
.top-categories-next {
right: -55rem;
}
.search-results .top-categories-head{
display: flex;
align-items: center;
justify-content: space-between;
}
.search-results .top-categories-prev,
.search-results .top-categories-next{
position: static;
transform: translateY(0);
}
.search-results .top-categories-arrows{
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10rem;
}
.all-categories-sec {
background: #fff;
padding: 40rem 0 0;
}
.all-categories-head{
margin-bottom: 50rem;
}
.all-categories-head h2{
width: max-content;
margin: 0 auto;
position: relative;
line-height: 1;
}
.all-categories-head h2:before, .all-categories-head h2:after{
content: '';
position: absolute;
bottom: 2rem;
width: 42rem;
height: 2rem;
background: var(--hc-primary-color);
}
.all-categories-head h2:before {
left: calc(100% + 15rem);
}
.all-categories-head h2:after {
right: calc(100% + 15rem);
}
.all-categories-alphabets {
margin-bottom: 10rem;
}
.all-categories-alphabet {
background: var(--hc-silver-1);
border-radius: 8rem;
padding: 15rem;
line-height: 1;
font-size: 16rem;
font-weight: 600;
color: var(--hc-secondary-color);
margin: 15rem 0;
}
.all-categories-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: flex-start;
flex-flow: wrap;
gap: 30rem;
}
.all-categories-item {
flex: 0 0 calc(33.33% - 30rem);
max-width: calc(33.33% - 30rem);
}
.all-categories-link {
padding: 20rem;
font-size: 16rem;
background: #fff;
border-radius: 12rem;
border: 1rem solid var(--hc-silver-1);
display: flex;
align-items: center;
justify-content: space-between;
min-height: 96rem;
transition: 0.15s all ease-in-out;
}
.all-categories-link:hover{
box-shadow: 0px 4px 20px 0px rgba(38, 22, 129, 0.15);
}
.all-categories-title-main {
display: flex;
align-items: center;
justify-content: flex-start;
}
.all-categories-title {
margin: 0;
font-size: 16rem;
font-weight: 600;
}
.all-categories-link:hover .all-categories-title{
color: var(--hc-primary-color);
}
.all-categories-icon {
display: flex;
align-items: center;
justify-content: center;
margin-right: 15rem;
width: 54rem;
height: 54rem;
background: var(--hc-silver-2);
border-radius: 50%;
}
.all-categories-icon img {
width: 32rem;
height: 32rem;
object-fit: contain;
}
.all-categories-coupon-count {
font-size: 14rem;
color: #000;
opacity: 0.7;
background: var(--hc-silver-2);
border-radius: 8rem;
line-height: 1;
padding: 6rem 10rem;
}
.single-blog-sec{
padding: 40rem 0;
}
.single-blog-cover{
width: 100%;
height: auto;
aspect-ratio: 1/0.59;
border-radius: 16rem;
overflow: hidden;
margin-bottom: 20rem;
}
.single-blog-cover img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.single-blog-content{
padding: 0 15rem;
font-size: 16rem;
color: #4c4c4c;
line-height: 1.6;
}
.single-blog-title{
font-size: 32rem;
font-weight: 600;
color: #000;
margin-bottom: 15rem;
}
.single-blog-content h2{
font-size: 28rem;
font-weight: 600;
color: #000;
margin-bottom: 15rem;
}
.single-blog-content h3{
font-size: 24rem;
font-weight: 600;
color: #000;
margin-bottom: 15rem;
}
.single-blog-content h4{
font-size: 20rem;
font-weight: 600;
color: #000;
margin-bottom: 15rem;
}
.single-blog-content h5{
font-size: 18rem;
font-weight: 600;
color: #000;
margin-bottom: 15rem;
}
.single-blog-content h6{
font-size: 16rem;
font-weight: 600;
color: #000;
margin-bottom: 15rem;
}
.single-blog-content mark, .single-blog-content .mark {
background-color: rgb(253 61 138 / 15%);
}
.single-blog-content ul, .single-blog-content ol{
margin: 0 0 15rem;
padding: 0 0 0 30rem;
color: #000;
line-height: 2;
}
.single-blog-content blockquote{
background: var(--hc-silver-2);
border-radius: 12rem;
padding: 20rem;
color: #000;
border: 1rem solid var(--hc-silver-1);
margin: 0 0 15rem;
}
.single-blog-content img{
max-width: 100%;
height: auto;
min-width: 220rem;
display: block;
margin: 0 0 15rem;
}
.single-blog-content img.aligncenter {
margin: 0 auto;
}
.single-blog-content a {
position: relative;
color: #000;
opacity: 1;
font-weight: 700;
display: inline-block;
transition: 0.15s all ease-in-out;
}
.single-blog-content a:before {
content: '';
position: absolute;
bottom: 1rem;
left: 0;
width: 100%;
height: 2rem;
background: var(--hc-primary-color);
z-index: -1;
}
.single-blog-content a:hover{
color: var(--hc-primary-color);
}
.single-blog-sidebar{
box-shadow: 0px 4px 20px 0px rgba(38, 22, 129, 0.15);
border-radius: 16rem;
padding: 30rem;
}
.single-blog-recent-mainTitle{
font-size: 24rem;
color: #000;
margin-bottom: 20rem;
}
.single-blog-recent-list{
list-style: none;
padding: 0;
margin: 0;
}
.single-blog-recent-list li{
margin-bottom: 15rem;
}
.single-blog-recent-list li:last-child{
margin-bottom: 0;
}
.single-blog-recent-list li a{
display: flex;
align-items: center;
justify-content: flex-start;
}
.single-blog-recent-img{
width: 64rem;
height: 64rem;
border-radius: 10rem;
object-fit: cover;
border: 1rem solid var(--hc-silver-1);
margin-right: 15rem;
transition: 0.15s all ease-in-out;
padding: 12rem;
}
.single-blog-recent-list li a:hover .single-blog-recent-img{
box-shadow: 0rem 4rem 20rem 0rem rgba(38, 22, 129, 0.15);
border-color: transparent;
}
.single-blog-recent-title {
font-size: 14rem;
color: #000;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
transition: 0.15s all ease-in-out;
font-weight: 600;
}
.single-blog-recent-list li a:hover .single-blog-recent-title{
color: var(--hc-primary-color);
}
.sidebar-popular-stores {
margin-top: 30rem;
padding: 30rem 0 0;
border-top: 1rem solid var(--hc-silver-1);
}
.single-blog .faq-head{
margin-top: 30rem;
}
.single-blog .faq-items{
padding: 15rem 30rem;
}
.review-category-sec{
padding: 40rem 0;
}
.review-category-head{
margin-bottom: 50rem;
}
.review-category-head h2, .review-category-head h1{
width: max-content;
margin: 0 auto;
position: relative;
line-height: 1;
font-size: 35rem;
max-width: 100%;
text-align: center;
}
.review-category-head h2:before, .review-category-head h2:after,
.review-category-head h1:before, .review-category-head h1:after{
content: '';
position: absolute;
bottom: 2rem;
width: 40rem;
height: 3rem;
background: var(--hc-primary-color);
border-radius: 3rem;
}
.review-category-head h2:before, .review-category-head h1:before {
left: calc(100% + 15rem);
}
.review-category-head h2:after, .review-category-head h1:after {
right: calc(100% + 15rem);
}
.review-category-list-item{
display: flex;
justify-content: flex-start;
margin-bottom: 30rem;
border-radius: 16rem;
border: 1rem solid var(--hc-silver-1);
position: relative;
transition: 0.15s all ease-in-out;
}
.review-category-list-item:hover{
box-shadow: 0rem 4rem 20rem 0rem rgba(38, 22, 129, 0.15);
border-color: transparent;
}
.review-category-list-label{
position: absolute;
left: -10rem;
top: 15rem;
}
.review-category-list-label img {
width: 165rem;
height: auto;
}
.review-category-list-cover{
flex: 0 0 200rem;
max-width: 200rem;
min-height: 200rem;
max-height: 240rem;
border-radius: 16rem 0 0 16rem;
overflow: hidden;
}
.review-category-list-label span {
position: absolute;
top: calc(50% - 4rem);
left: calc(50% - 10rem);
transform: translate(-50%, -50%);
color: #fff;
text-transform: uppercase;
font-size: 18rem;
width: max-content;
font-weight: 600;
}
.review-category-list-cover img{
width: 100%;
height: 100%;
object-fit: cover;
}
.review-category-list-content{
flex: 1;
align-content: center;
padding: 20rem;
}
.review-category-list-head {
display: flex;
align-items: center;
justify-content: space-between;
}
.review-category-list-rating {
display: flex;
align-items: center;
justify-content: space-between;
line-height: 1;
}
.review-category-list-ratingProgress{
position: relative;
margin-top: 6rem;
}
.review-category-list-ratingProgress ul{
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 11rem;
color: #F8B545;
list-style: none;
padding: 0;
margin: 0;
letter-spacing: 3rem;
}
.review-category-list-ratingProgress .review-category-list-ratingVal{
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.review-category-list-num{
margin-left: 15rem;
}
.review-category-list-num span{
font-size: 42rem;
font-weight: 700;
color: var(--hc-primary-color);
}
.review-category-list-ratingTitle {
font-size: 15rem;
font-weight: 700;
}
.review-category-list-actions{
margin-left: 30rem;
}
.review-category-list-actionBtn{
display: block;
background: var(--hc-secondary-color);
text-align: center;
padding: 13rem 8rem;
line-height: 1;
margin-top: 4rem;
border-radius: 8rem;
color: #fff;
font-size: 14rem;
transition: 0.15s all ease-in-out;
}
.review-category-list-actionBtn:hover{
background: var(--hc-primary-color);
color: #fff;
}
.review-category-list-headPrice {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 15rem;
}
.review-category-list-logo {
display: flex;
align-items: center;
justify-content: center;
border-radius: 8rem;
border: 1rem solid var(--hc-silver-1);
width: 60rem;
height: 60rem;
padding: 5rem;
margin-right: 25rem;
}
.review-category-list-logo img {
width: 100%;
height: 100%;
object-fit: contain;
}
.review-category-list-title {
font-size: 18rem;
font-weight: 600;
margin: 0;
}
.review-category-list-price {
line-height: 1.2;
}
.review-category-list-regularPrice {
font-size: 14rem;
font-weight: 600;
text-decoration: line-through;
}
.review-category-list-valuePrice,
.review-category-list-salePrice{
font-size: 28rem;
font-weight: 600;
color: var(--hc-primary-color);
display: block;
}
.review-category-list-description {
margin-top: 25rem;
}
.review-category-list-descTitle{
font-size: 14rem;
color: var(--hc-secondary-color);
margin-bottom: 10rem;
text-transform: uppercase;
font-weight: 700;
}
.review-category-list-trimContent p {
font-size: 13rem;
color: #636669;
}
.review-category-list-desContent ul, .review-category-list-desContent ol {
margin: 0 0 15rem;
padding: 0 0 0 30rem;
color: #47464a;
font-size: 15rem;
}
.review-category-list-fullContent{
display: none;
}
.review-category-list-fullContent p{
font-size: 13rem;
color: #636669;
}
.review-category-list-desContent a{
color: var(--hc-primary-color);
}
.review-category-list-desContent .view-more,
.review-category-list-desContent .view-less{
text-transform: uppercase;
}
.default-sec{
padding: 40rem 0;
}
.default-head{
margin-bottom: 50rem;
}
.default-head h1{
width: max-content;
max-width: 100%;
margin: 0 auto;
position: relative;
line-height: 1;
}
.default-head h1:before, .default-head h1:after{
content: '';
position: absolute;
bottom: 2rem;
width: 42rem;
height: 2rem;
background: var(--hc-primary-color);
}
.default-head h1:before {
left: calc(100% + 15rem);
}
.default-head h1:after {
right: calc(100% + 15rem);
}
.default-content h2{
font-size: 28rem;
font-weight: 600;
color: #000;
margin-bottom: 15rem;
}
.default-content h3{
font-size: 24rem;
font-weight: 600;
color: #000;
margin-bottom: 15rem;
}
.default-content h4{
font-size: 20rem;
font-weight: 600;
color: #000;
margin-bottom: 15rem;
}
.default-content h5{
font-size: 18rem;
font-weight: 600;
color: #000;
margin-bottom: 15rem;
}
.default-content h6{
font-size: 16rem;
font-weight: 600;
color: #000;
margin-bottom: 15rem;
}
.default-content mark, .default-content .mark {
background-color: rgb(253 61 138 / 15%);
}
.default-content ul, .default-content ol{
margin: 0 0 15rem;
padding: 0 0 0 30rem;
color: #000;
line-height: 2;
}
.default-content blockquote{
background: var(--hc-silver-2);
border-radius: 12rem;
padding: 20rem;
color: #000;
border: 1rem solid var(--hc-silver-1);
margin: 0 0 15rem;
}
.default-content img{
max-width: 100%;
height: auto;
min-width: 220rem;
display: block;
margin: 0 0 15rem;
}
.default-content a {
position: relative;
color: #000;
opacity: 1;
font-weight: 700;
display: inline-block;
transition: 0.15s all ease-in-out;
}
.default-content a:before {
content: '';
position: absolute;
bottom: 1rem;
left: 0;
width: 100%;
height: 2rem;
background: var(--hc-primary-color);
z-index: -1;
}
.default-content a:hover{
color: var(--hc-primary-color);
}
.all-blogs-sec{
padding: 40rem 0 20rem;
}
.all-blogs-head{
margin-bottom: 50rem;
}
.all-blogs-head h2, .all-blogs-head h1{
width: max-content;
margin: 0 auto;
position: relative;
line-height: 1;
font-size: 35rem;
}
.all-blogs-head h2:before, .all-blogs-head h2:after,
.all-blogs-head h1:before, .all-blogs-head h1:after{
content: '';
position: absolute;
bottom: 2rem;
width: 42rem;
height: 2rem;
background: var(--hc-primary-color);
}
.all-blogs-head h2:before, .all-blogs-head h1:before {
left: calc(100% + 15rem);
}
.all-blogs-head h2:after, .all-blogs-head h1:after {
right: calc(100% + 15rem);
}
.blog-card{
display: block;
border: 1rem solid var(--hc-silver-1);
border-radius: 18rem;
transition: 0.15s all ease-in-out;
overflow: hidden;
margin-bottom: 20rem;
}
.blog-card-cover {
aspect-ratio: 1 / 0.42;
overflow: hidden;
width: 100%;
height: auto;
}
.blog-card-img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-card-content{
padding: 15rem 20rem;
}
.blog-card-category{
text-transform: uppercase;
font-weight: 400;
font-style: italic;
color: var(--hc-primary-color);
display: block;
line-height: 1;
margin-bottom: 15rem;
font-size: 14rem;
}
.blog-card-content h3 {
font-size: 20rem;
margin-bottom: 15rem;
height: 50rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blog-card-content p {
font-weight: 300;
height: 62rem;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.default-action {
margin-top: 40rem;
}
.default-action a {
display: block;
width: max-content;
margin: 0 auto;
background: var(--hc-secondary-color);
padding: 12rem 30rem;
border-radius: 6rem;
transition: 0.15s all ease-in-out;
color: #fff;
}
#live-search-results{
position: absolute;
top: calc(100% + 4rem);
left: 0;
width: 100%;
z-index: 2;
background: #fff;
border: 1rem solid var(--hc-silver-1);
border-radius: 16rem;
padding: 6rem 0 0;
display: none;
overflow: overlay;
max-height: 280rem;
}
.search-results-heading{
padding: 5rem 15rem 0;
font-size: 16rem;
font-weight: 700;
color: var(--hc-primary-color);
margin: 0;
}
#live-search-results p {
color: var(--hc-primary-color);
padding: 4rem 15rem 10rem;
}
.search-results-box {
border-bottom: 1rem solid var(--hc-silver-1);
padding: 4rem 8rem;
}
.search-result-item {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 8rem 15rem 8rem 30rem;
line-height: 1;
}
#live-search-results .view-all-btn{
background: #261681;
display: block;
width: 100%;
height: auto;
margin: 0;
color: #fff;
text-align: center;
padding: 10rem 15rem;
line-height: 1;
}
.product-reviews-banner-head {
width: 360rem;
overflow: hidden;
text-align: center;
}
.product-reviews-banner-head.center{
margin: 0 auto;
}
.product-reviews-banner-head h1,
.product-reviews-banner-head h2 {
width: max-content;
margin: 0 auto 20rem;
position: relative;
line-height: 1;
font-size: 32rem;
font-weight: 600;
text-transform: capitalize;
}
.product-reviews-banner-head h1:before, .product-reviews-banner-head h1:after,
.product-reviews-banner-head h2:before, .product-reviews-banner-head h2:after{
content: '';
position: absolute;
bottom: 2rem;
width: 40rem;
height: 3rem;
background: var(--hc-primary-color);
border-radius: 3rem;
}
.product-reviews-banner-head h1:before,
.product-reviews-banner-head h2:before{
left: calc(100% + 15rem);
}
.product-reviews-banner-head h1:after,
.product-reviews-banner-head h2:after{
right: calc(100% + 15rem);
}
.product-reviews-banner-head p{
font-size: 24rem;
line-height: 1.4;
}
.product-reviews-gallery{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 15rem;
flex-flow: wrap;
margin-right: -15rem;
}
.product-reviews-gallery img{
flex: 0 0 calc(33.33% - 15rem);
max-width: calc(33.33% - 15rem);
height: auto;
aspect-ratio: 1/0.87;
object-fit: cover;
border-radius: 16rem;
}
.product-reviews-banner {
padding: 40rem 0;
}
.offer-popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
background: rgba(38, 22, 129, 0.15);
backdrop-filter: blur(1rem);
}
.offer-popup-main{
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: calc(100% - 30rem);
width: 540rem;
max-height: calc(100% - 30rem);
background: #fff;
border-radius: 16rem;
border: 1rem solid var(--hc-silver-1);
}
.offer-popup-head{
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
padding: 15rem;
}
.offer-popup-close{
width: 28rem;
height: 28rem;
background: rgba(0,0,0,0.25);
border-radius: 50%;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 16rem;
align-self: flex-start;
cursor: pointer;
}
.offer-popup-info{
display: flex;
align-items: center;
justify-content: flex-start;
flex: 1;
padding-right: 30rem;
}
.offer-popup-logo {
width: 68rem;
height: 68rem;
border-radius: 8rem;
border: 1rem solid var(--hc-silver-1);
display: flex;
align-items: center;
justify-content: center;
margin-right: 15rem;
}
.offer-popup-logo img{
width: 100%;
height: 100%;
object-fit: cover;
}
.offer-popup-logo img.transparent{
object-fit: contain;
padding: 4rem;
}
.offer-popup-title{
font-size: 18rem;
font-weight: 600;
}
.offer-popup-body{
text-align: center;
padding: 15rem;
border-top: 1rem solid var(--hc-silver-1);
}
.offer-popup-body{
text-align: center;
padding: 15rem;
border-top: 1rem solid var(--hc-silver-1);
}
.offer-popup-body p{
font-size: 16rem;
font-weight: 100;
color: #000;
opacity: 0.7;
}
.offer-popup-coupon{
display: flex;
align-items: center;
justify-content: center;
border: 1rem solid var(--hc-silver-1);
border-radius: 40rem;
padding: 4rem 5rem 4rem 0;
width: max-content;
margin: 0 auto;
min-width: 200rem;
background: var(--hc-silver-3);
}
.offer-popup-coupon span {
display: block;
flex: 1;
font-size: 20rem;
font-weight: 900;
font-family: monospace;
letter-spacing: 1rem;
padding: 0 20rem;
}
.offer-popup-coupon input {
border-radius: 20rem;
border: none;
outline: none;
padding: 8rem 10rem;
background: var(--hc-primary-color);
color: #fff;
font-size: 16rem;
text-align: center;
min-width: 100rem;
transition: 0.15s all ease-in-out;
}
.offer-popup-coupon input:hover{
color: #fff;
background: var(--hc-secondary-color);
}
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper,
.swiper-backface-hidden .swiper-slide{
transform: unset;
}
.mobile-actions{
display: none;
align-items: center;
justify-content: flex-end;
gap: 15rem;
}
.mobile-search-btn{
background: #fff;
border-radius: 8rem;
display: none;
align-items: center;
justify-content: center;
width: 40rem;
height: 40rem;
font-size: 18rem;
color: var(--hc-primary-color);
}
.mobile-menu-btn{
display: flex;
align-items: center;
justify-content: center;
width: 40rem;
height: 40rem;
padding: 6rem;
}
.mobile-menu-btn img{
width: 100%;
height: 100%;
object-fit: contain;
}
.header-form-close{
display: none;
}
.mobile-form-logo{
display: none;
}
.mobile-menu-panel {
position: fixed;
top: 0;
right: -300rem;
width: 300rem;
max-width: 100%;
height: 100%;
overflow: overlay;
background: rgb(38 22 129 / 90%);
backdrop-filter: blur(5rem);
z-index: 5;
transition: 0.25s all ease-in-out;
}
.mobile-menu-panel.active{
right: 0;
}
.mobile-menu-close {
width: 28rem;
height: 28rem;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 20rem;
right: 20rem;
color: #fff;
border-radius: 50%;
background: rgba(255, 255, 255, 0.2);
}
.mobile-header-logo {
display: flex;
align-items: center;
justify-content: flex-start;
margin: 25rem 0 30rem 20rem;
aspect-ratio: 1 / 0.275;
width: 200rem;
max-width: calc(100% - 80rem);
}
.mobile-header-logo img {
width: 100%;
height: 100%;
object-fit: contain;
}
.mobile-menu {
font-size: 16rem;
}
.mobile-menu li {
border-bottom: 1rem solid var(--hc-silver-3);
}
.mobile-menu li a {
color: #fff;
display: block;
padding: 12rem 20rem;
}
.mobile-only{
display: none;
}
.toc-main{
margin-bottom: 15rem;
}
.toc-head{
display: flex;
align-items: center;
justify-content: space-between;
background: var(--hc-silver-3);
border-radius: 8rem;
padding: 10rem 15rem;
border: 1rem solid var(--hc-silver-1);
}
.toc-head-title{
font-size: 18rem;
color: #000;
font-weight: 600;
}
.toc-head > a {
background: var(--hc-primary-color);
border-radius: 6rem;
line-height: 1;
display: block;
font-weight: 500;
font-size: 14rem;
padding: 6rem 15rem;
color: #fff;
text-transform: capitalize;
}
.toc-head > a:before{
display: none;
}
.toc-head > a:hover{
background: var(--hc-secondary-color);
color: #fff;
}
#toc {
padding: 13rem 15rem 13rem;
border: 1rem solid var(--hc-silver-1);
border-radius: 0 0 8rem 8rem;
border-top: none;
margin-top: -5rem;
}
#toc ul {
list-style: none;
padding: 0 0 0 20rem;
margin: 0;
position: relative;
}
#toc ul:before {
content: '';
position: absolute;
left: 0;
top: 16rem;
width: 1rem;
height: calc(100% - 31rem);
background: var(--hc-silver-1);
}
#toc ul li {
position: relative;
}
#toc ul li:before {
content: '';
position: absolute;
top: 16rem;
left: -20rem;
width: 12rem;
height: 1rem;
background: var(--hc-silver-1);
}
#toc ul li a:before{
display: none;
} @media(max-width: 1280px){
.blog-smallCard {
display: block;
}
.blog-smallCard-imgBox {
max-width: 100%;
}
.blog-smallCard-img{
aspect-ratio: 1/0.4;
}
.meta-custom-card{
display: block;
}
.single-store-head{
padding-left: calc(375rem + 25rem);
}
.single-store-content{
padding: 15rem 0 0 25rem;
}
.single-store-heading{
font-size: 28rem;
}
.single-store-subheading{
font-size: 22rem;
}
}
@media(max-width: 1199px){
.offerbycats-card-content{
padding: 10rem 10rem 15rem;
}
.stores-bar-main{
padding: 15rem;
}
.custom-card-content {
padding: 15rem 10rem;
}
.custom-card-rating {
letter-spacing: -0.5rem;
}
.daily-deal-content {
padding: 15rem 10rem;
}
.blog-main{
padding: 60rem 30rem  30rem;
}
.blog-smallCard-content{
padding: 15rem 10rem;
}
.blog-bigCard-content {
padding: 15rem;
}
.value-items {
gap: 30rem;
}
.faq-items {
padding: 15rem 30rem;
}
.foot-newsletter,
.footer-columns-main,
.footer-bottom{
padding: 0;
}
.all-categories-title-main{
flex: 1;
}
.all-categories-coupon-count{
margin-left: 8rem;
}
.single-store-sidebar{
flex: 1 1 300rem;
max-width: 300rem;
padding: 20rem;
}
.single-store-head{
padding-left: calc(300rem + 25rem);
}
}
@media(max-width: 1140px){
.offerbycats {
padding: 30rem 0 40rem;
}
.stores-item-icon {
width: 60rem;
height: 60rem;
}
.stores-bar-cta{
margin-left: 15rem;
}
.stores-item-title {
font-weight: 500;
font-size: 14rem;
}
.custom-cards {
padding: 40rem 0 15rem;
margin: 50rem 0 0;
}
.brands {
padding: 40rem 0 25rem;
}
.blog-section {
padding: 20rem 0 0rem;
}
.custom-card-meta{
display: block;	
}
.all-stores-item {
flex: 0 0 calc(33.33% - 30rem);
max-width: calc(33.33% - 30rem);
}
.all-categories-list{
gap: 15rem;
}
.all-categories-item {
flex: 0 0 calc(33.33% - 15rem);
max-width: calc(33.33% - 15rem);
}
.single-store-heading{
font-size: 24rem;
}
.single-store-subheading{
font-size: 18rem;
}
.single-store-offer-title h3{
font-size: 18rem;
}
.single-store-sidebar-about h2,
.single-store-sidebar-about h3,
.sidebar-related-stores h2,
.sidebar-related-stores h3,
.single-store-offer-counts h2,
.single-store-offer-counts h3{
font-size: 22rem;
}
.single-store-offer-btn{
margin: 0 20rem 0 0;
}
.review-category-list-item{
flex-flow: wrap;
}
.review-category-list-cover {
flex: 0 0 100%;
max-width: 100%;
min-height: 120rem;
border-radius: 16rem 16rem 0 0;
aspect-ratio: 1 / 0.4;
}
.review-category-list-content{
padding: 15rem;
}
.review-category-list-headPrice{
margin-bottom: 10rem;
}
.review-category-list-logo{
margin-right: 15rem;
}
.review-category-sec{
padding-bottom: 0;	
}
}
@media(max-width: 991px){
.main-header{
justify-content: flex-end !important;
}
.header-form-box{
flex: 1;
margin-right: 15rem;
display: flex;
justify-content: flex-end;
}
.mobile-actions{
display: flex;
}
.top-header-main{
display: block !important;
text-align: center;
}
.header-social,
.header-menu{
display: none !important;
}
.hero-banner-item{
aspect-ratio: unset;
min-height: 300rem;	
}
.hero-banner-content {
aspect-ratio: unset;
padding: 40rem 25rem;
}
.stores-bar-main {
position: relative;
}
.stores-bar-cta{
position: absolute;
bottom: -60rem;
left: 50%;
transform: translateX(-50%);
margin: 0;
}
.review-cards {
padding: 80rem 0 0;
}
.reviews-card-content {
padding: 0 10rem 20rem;
}
.daily-deal-items{
gap: 15rem;
}
.daily-deal-item {
flex: 0 0 calc(33.33% - 15rem);
max-width: calc(33.33% - 15rem);
}
.blog-smallCards {
display: flex;
margin-top: 15rem;
gap: 15rem;
}
.blog-smallCard{
margin-bottom: 0;
}
.value-items{
gap: 15rem;
flex-flow: wrap;
justify-content: center;
}
.value-item {
flex: 0 0 calc(33.33% - 15rem);
max-width: calc(33.33% - 15rem);
margin-bottom: 15rem;
}
.faq-items {
padding: 15rem;
}
.faq-ques {
font-size: 16rem;
font-weight: 400;
padding: 15rem 30% 15rem 0rem;
}
.faq-ques:before {
width: 28rem;
height: 28rem;
font-size: 14rem;
top: 10rem;
}
.foot-newsletter{
margin-bottom: 30rem;
}
.footer-bottom{
margin-top: 20rem;
}
.footer-bottom hr{
margin-bottom: 20rem;
}
#menu-footer-menu{
margin-bottom: 15rem;
}
.footer-bottom{
margin-top: 20rem;
}
.copyright-footer{
margin-top: 20rem;
}
.all-store-item-logo{
flex: 0 0 64rem;
max-width: 64rem;
border-radius: 8rem;
}
.all-store-item-content h3{
font-size: 14rem;
}
.all-store-item-tag {
font-weight: 400;
font-size: 12rem;
}
.all-store-item-tag span{
font-size: 14rem;
}
.all-categories-item {
flex: 0 0 calc(50% - 15rem);
max-width: calc(50% - 15rem);
}
.product-reviews-banner-head{
margin: 0 auto 50rem;
max-width: 100%;
}
.product-reviews-gallery{
width: 600rem;
max-width: 100%;
margin: 0 auto 0 auto;
}
.single-blog-content{
padding: 0;
}
.single-blog-sidebar{
margin-top: 30rem;
padding: 0;
border-radius: 0;
border: none;
box-shadow: none;
}
.single-blog-recent-list{
display: flex;
justify-content: flex-start;
flex-flow: wrap;
gap: 15rem;
}
.single-blog-recent-list li{
margin-bottom: 0;
flex: 0 0 calc(50% - 15rem);
max-width: calc(50% - 15rem);
}
.sidebar-related-store{
flex: 1 1 calc(16.66% - 15rem);
max-width: calc(16.66% - 15rem);
}
.single-store-banner{
display: none;
}
.single-store-head{
padding: 0;
border-radius: 0;
margin: 0 0 30rem;
box-shadow: unset;
display: flex;
align-items: center;
justify-content: flex-start;
}
.mobile-only{
display: block;
}
.single-store-head-logo{
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 80rem;
max-width: 80rem;
height: 80rem;
border-radius: 8rem;
overflow: hidden;
margin-right: 15rem;
box-shadow: 0rem 4rem 20rem 0rem rgba(38, 22, 129, .15);
}
.single-store-head-logo img{
width: 100%;
height: 100%;
object-fit: cover;
padding: 15rem;
}
.single-store-head-logo img.transparent{
object-fit: contain;
padding: 4rem;
}
.single-store-main{
flex-direction: row;
flex-flow: wrap;
}
.single-store-content,
.single-store-sidebar{
padding: 0;
flex: 0 0 100%;
max-width: 100%;
}
.single-store-sidebar{
border-radius: 0;
margin: 0;
box-shadow: none;
}
.desktop-only{
display: none;
}
}
@media(max-width: 768px){
h1{
font-size: 32rem;
}
h2{
font-size: 28rem;
}
h3{
font-size: 24rem;
}
h4{
font-size: 20rem;
}
h5{
font-size: 18rem;
}
h6{
font-size: 16rem;
}
p{
font-size: 14rem;
}
.hero-banner-content{
margin-left: 30rem;
}
.offerbycats-card-link{
border-radius: 8rem;
}
.offerbycats-card-brand{
border-radius: 8rem 8rem 0 0;
}
.reviews-card-box,
.custom-card-box,
.brand-item{
border-radius: 8rem;
}
.reviews-card-box:before{
background: linear-gradient(0deg, #261681, transparent 100%);
border-radius: 8rem;
}
.promo-content{
aspect-ratio: 1/0.6;
padding: 20rem 0;
}
.daily-deal-link,
.blog-bigCard,
.blog-smallCard{
border-radius: 8rem;
}
.blog-main {
padding: 40rem 15rem 15rem;
}
.faqs-section {
padding: 0 0 40rem;
}
.faq-head{
border-radius: 8rem 8rem 0 0;
}
.faq-items{
border-radius: 0 0 8rem 8rem;
}
.faq-ques{
padding: 15rem 15% 15rem 0rem;
}
.faq-ans{
padding-right: 15%;
}
footer{
background-size: 100% 100%;
}
.footer-column, .footer-column:nth-child(2) {
flex: 0.6;
}
.footer-column:first-child {
flex: 1;
}
#menu-footer-menu{
flex-flow: wrap;
margin-bottom: 0;
}
#menu-footer-menu li{
margin-bottom: 15rem;
}
.all-stores-sec {
padding: 20rem 0 0;
}
.all-stores-items{
gap: 15rem;
}
.all-stores-item {
flex: 0 0 calc(33.33% - 15rem);
max-width: calc(33.33% - 15rem);
}
.all-stores-cat{
font-weight: 500;
font-size: 14rem;
padding: 10rem 14rem;
}
.no-found-title {
font-size: 28rem;
font-weight: 500;
}
.top-categories-main {
position: relative;
padding: 0 50rem;
}
.top-categories-prev {
left: 0;
}
.top-categories-next {
right: 0;
}
.single-blog-title {
font-size: 28rem;
font-weight: 400;
}
.single-blog-content h2 {
font-size: 24rem;
font-weight: 400;
}
.single-blog-content h3 {
font-size: 22rem;
font-weight: 400;
}
.single-blog-content h4 {
font-size: 20rem;
font-weight: 400;
}
.single-blog-content h5 {
font-size: 18rem;
font-weight: 400;
}
.single-blog-content h6 {
font-size: 16rem;
font-weight: 400;
}
}
@media(max-width: 767px){
.main-header form input{
width: 300rem;
}
.stores-items{
flex-flow: wrap;
}
.stores-item{
flex: 0 0 calc(50% - 15rem);
max-width: calc(50% - 15rem);
}
}
@media(max-width: 640px){
.offerbycats-card-content h3{
font-weight: 500;
}
.all-stores-item {
flex: 0 0 calc(50% - 15rem);
max-width: calc(50% - 15rem);
}
.all-categories-link{
padding: 12rem;
flex-flow: wrap;
}
.all-categories-title-main {
flex: 0 0 100%;
}
.all-categories-coupon-count {
margin-left: 0;
margin-top: 12rem;
}
.all-categories-head{
margin-bottom: 25rem;
}
.all-categories-head h2:before,
.all-categories-head h2:after{
display: none;
}
.sidebar-related-store {
flex: 1 1 calc(20% - 15rem);
max-width: calc(20% - 15rem);
}
.review-category-list-head{
display: block;
}
.review-category-list-headTitle{
margin-bottom: 10rem;
display: flex;
flex-flow: wrap;
flex-direction: column-reverse;
}
.review-category-list-actions{
margin-left: 0;
}
.review-category-list-headPrice{
margin-bottom: 10rem;
}
.review-category-list-title{
font-size: 20rem;
margin: 0 0 15rem;
}
}
@media(max-width: 575px){
.main-header{
padding: 10rem 0;
}
.main-header-logo{
width: 126rem;
}
h1{
font-size: 25rem;
}
h2{
font-size: 22rem;
}
h3{
font-size: 20rem;
}
h4{
font-size: 18rem;
}
h5{
font-size: 16rem;
}
.header-form-box{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(38 22 129 / 90%);
z-index: 5;
backdrop-filter: blur(2rem);
}
.header-form-close{
position: absolute;
top: 30rem;
right: 20rem;
background: rgb(255 255 255 / 30%);
width: 28rem;
height: 28rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 14rem;
color: #fff;
cursor: pointer;
}
.mobile-form-logo {
display: flex;
align-items: center;
justify-content: center;
width: 220rem;
height: auto;
aspect-ratio: 1 / 0.270;
margin: 120rem auto 30rem;
}
.mobile-form-logo img{
width: 100%;
height: 100%;
object-fit: contain;
}
.mobile-actions{
flex: 1;
}
.mobile-search-btn{
display: flex;
background: var(--hc-secondary-color);
}
.mobile-search-btn img{
width: 16rem;
height: 16rem;
}
.main-header form {
display: flex;
position: relative;
margin: 0 15rem;
justify-content: center;
}
.main-header form button{
background: var(--hc-primary-color);
}
#live-search-results{
border-radius: 8rem;
}
.daily-deal-item{
flex: 0 0 calc(50% - 15rem);
max-width: calc(50% - 15rem);
}
.footer-columns-main{
gap: 15rem;
}
.footer-column:first-child {
flex: 0 0 100%;
}
.footer-column, .footer-column:nth-child(2) {
flex: 1;
}
.footer-column:last-child {
max-width: 100%;
}
.daily-deals-head h2:before,
.daily-deals-head h2:after,
.faq-head h2:before,
.faq-head h2:after,
.values-head h2:before,
.values-head h2:after{
width: 30rem;
}
.offerbycats-head-main h2:before,
.review-cards-head-main h2:before,
.custom-cards-head-main h2:before,
.brands-head h2:before,
.top-categories-head h2:before,
.top-categories-head h2:after,
.top-categories-head h1:before,
.top-categories-head h1:after,
.product-reviews-banner-head h1:before,
.product-reviews-banner-head h1:after,
.product-reviews-banner-head h2:before,
.product-reviews-banner-head h2:after{
width: 30rem;
}
.offer-popup-info{
padding-right: 15rem;
}
.offer-popup-logo{
flex: 0 0 68rem;
max-width: 68rem;
}
.offer-popup-title {
font-size: 16rem;
line-height: 1.4;
}
.offer-popup-coupon{
display: block;
min-width: 100%;
padding: 15rem;
border-radius: 12rem;
}
.offer-popup-coupon span{
padding: 0;
margin-bottom: 15rem;
}
.offer-popup-coupon input{
border-radius: 8rem;
padding: 8rem 10rem;
min-width: 100%;
}
.all-stores-items{
gap: 8rem;
}
.all-stores-item {
flex: 0 0 calc(50% - 8rem);
max-width: calc(50% - 8rem);
}
.all-store-item-logo {
flex: 0 0 60rem;
max-width: 60rem;
border-radius: 8rem;
margin-right: 8rem;
}
.all-store-item-content h3 {
font-size: 13rem;
font-weight: 400;
}
.all-store-item-tag {
font-size: 12rem;
margin-top: 2rem;
}
.all-store-item-tag span {
font-size: 14rem;
}
.single-blog-cover{
border-radius: 8rem;
}
.single-blog-recent-list li {
margin-bottom: 0;
flex: 0 0 calc(100% - 0rem);
max-width: calc(100% - 0rem);
}
.offerbycats-slider .swiper-slide{
flex: 0 0 calc(100%/3 - 20px);
}
.review-cards-head-main{
display: block;
}
.review-cards-arrows{
margin-top: 20rem;
justify-content: flex-start;
}
}
@media(max-width: 460px){
.offerbycats-slider .swiper-slide{
flex: 0 0 calc(100%/1.2 - 20px);
}
.hero-banner-item {
min-height: 240rem;
border-radius: 12rem;
}
.hero-banner-content{
padding: 30rem 15rem;
margin-left: 15rem;
}
.hero-banner-tag{
font-size: 12rem;
}
.hero-banner-title{
font-size: 18rem;
}
.hero-banner-cta{
margin-top: 15rem;
}
.daily-deal-items{
margin-right: -15rem;
}
.value-item{
flex: 0 0 calc(50% - 15rem);
max-width: calc(50% - 15rem);
}
.stores-item-icon{
max-width: 54rem;
height: 54rem;
flex: 0 0 54rem;
}
.daily-deal-storename{
font-size: 12rem;
}
.daily-deal-content h3{
font-size: 14rem;
}
.blog-smallCards{
flex-flow: wrap;
}
.blog-smallCard-imgBox{
flex: 0 0 100%;
max-width: 100%;
}
.all-categories-item {
flex: 0 0 calc(100% - 0rem);
max-width: calc(100% - 0rem);
}
.product-reviews-banner{
padding: 40rem 0 0;
}
.product-reviews-banner-head{
margin: 0 auto 20rem;
}
.product-reviews-banner-head h1,
.product-reviews-banner-head h2{
font-size: 28rem;
}
.product-reviews-banner-head p{
font-size: 18rem;
}
.custom-cards-head h2:before,
.offerbycats-head-main h2:before,
.review-cards-head-main h2:before,
.custom-cards-head-main h2:before,
.brands-head h2:before{
display: none
}
.sidebar-related-store {
flex: 1 1 calc(25% - 15rem);
max-width: calc(25% - 15rem);
}
.single-store-heading {
font-size: 20rem;
}
.single-store-offer{
border-radius: 8rem;
flex-flow: wrap;
position: relative
}
.single-store-offer-title{
padding: 0 15rem;
border-bottom: 1rem solid var(--hc-silver-2);
}
.single-store-offer-tag{
border-radius: 8rem 0 0 0;
padding: 15rem 10rem;
font-size: 12rem;
flex: 0 0 64rem;
border-bottom: 1rem solid var(--hc-silver-2);
}
.single-store-offer-logo{
padding: 15rem 10rem;
flex: 0 0 64rem;
border-bottom: 1rem solid var(--hc-silver-2);
}
.single-store-offer-title h3{
font-size: 16rem;
}
.single-store-offer-btn {
padding: 13rem 15rem;
border-radius: 6rem;
flex: 0 0 100%;
text-align: center;
position: absolute;
left: 0;
width: 100%;
height: 100%;
margin: 0;
max-width: 100%;
opacity: 0;
}
}
@media(max-width: 416px){
.daily-deal-brand {
aspect-ratio: 1/0.65;
}
.stores-item-title {
font-size: 12rem;
}
.faq-head h2:before,
.faq-head h2:after{
display: none;
}
}
.affiliate-disclosure-bar-store {
background: #f7f7f7;
padding: 12rem 15rem;
margin-bottom: 10rem;
text-align: center;
color: rgba(0, 0, 0, 0.7);
border-radius: 8rem;
}
.affiliate-disclosure-bar-store span {
font-size: 14rem;
font-weight: 400;
margin: 0;
}