/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"src/app/layout.tsx","import":"Poppins","arguments":[{"subsets":["latin"],"weight":["300","400","500","600","700"],"variable":"--font-poppins","display":"swap","preload":true,"adjustFontFallback":true}],"variableName":"poppins"} ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/6c177e25b87fd9cd-s.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/6c9a125e97d835e1-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/4c285fdca692ea22-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/034d78ad42e9620c-s.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/fe0777f1195381cb-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/eafabf029ad39a43-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/db911767852bc875-s.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/f10b8e9d91f3edcb-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/8888a3826f4a3af4-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/29e7bbdce9332268-s.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/c3bc380753a8436c-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/0484562807a97172-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/29a4aea02fdee119-s.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/a1386beebedccca4-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/b957ea75a84b6ea7-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Poppins Fallback';src: local("Arial");ascent-override: 93.62%;descent-override: 31.21%;line-gap-override: 8.92%;size-adjust: 112.16%
}.__className_51684b {font-family: 'Poppins', 'Poppins Fallback';font-style: normal
}.__variable_51684b {--font-poppins: 'Poppins', 'Poppins Fallback'
}

/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./node_modules/antd/dist/reset.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0;
}
[tabindex='-1']:focus {
  outline: none;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[11].use[5]!./src/styles/index.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
html {
  font-size: 10px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  html {
    font-size: 12px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  html {
    font-size: 14px;
  }
}
@media (min-width: 1440px) {
  html {
    font-size: 16px;
  }
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  max-width: 100vw;
  overflow-x: hidden;
}

body {
  color: #171717;
  background: #ffffff;
  font-family: "Poppins", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 767px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1.25;
  }
}

h1 {
  font-size: 3.6rem;
}

h2 {
  font-size: 3rem;
}

h3 {
  font-size: 2.4rem;
}

h4 {
  font-size: 2rem;
}

h5 {
  font-size: 1.8rem;
}

h6 {
  font-size: 1.6rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
.ant-form-item,
.form-item {
  margin-bottom: 0 !important;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color 0.15s ease;
}
a:hover {
  color: #b4161b;
}
a:focus-visible {
  outline: 2px solid #b4161b;
  outline-offset: 2px;
  border-radius: 2px;
}

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
  transition: all 0.15s ease;
}
button:focus-visible {
  outline: 2px solid #b4161b;
  outline-offset: 2px;
}
button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

ul,
ol {
  list-style: none;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  transition: all 0.15s ease;
}
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid #b4161b;
  outline-offset: 2px;
}

.container {
  width: 100%;
  height: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 6.25rem;
}
@media (max-width: 767px) {
  .container {
    padding: 0 2rem;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container {
    padding: 0 4rem;
  }
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-primary {
  color: #b4161b;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #b4161b;
  color: white;
  padding: 8px 16px;
  text-decoration: none;
  z-index: 100;
  border-radius: 0 0 4px 0;
  font-weight: 600;
}
.skip-link:focus {
  top: 0;
  outline: 2px solid white;
  outline-offset: 2px;
}

.primary-btn {
  width: -moz-fit-content;
  width: fit-content;
  height: 2.5rem;
  background: #b4161b;
  color: white;
  padding: 0.375rem 1.25rem;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.15s ease;
}
.primary-btn:hover {
  background: rgba(180, 22, 27, 0.9);
  color: white;
}
.primary-btn:focus {
  outline: 2px solid #b4161b;
  outline-offset: 2px;
}
.primary-btn:disabled {
  border-radius: 10px;
  background: #d3d6dc;
  cursor: not-allowed;
}
@media (max-width: 767px) {
  .primary-btn {
    height: 40px;
    padding: 6px 20px;
  }
}

.secondary-btn-white {
  width: -moz-fit-content;
  width: fit-content;
  height: 2.5rem;
  background: transparent;
  color: white;
  padding: 0.375rem 1.25rem;
  border: 1px solid #ffffff;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
}
.secondary-btn-white:hover {
  background: rgba(255, 255, 255, 0.1);
  color: white;
}
.secondary-btn-white:focus {
  outline: 2px solid white;
  outline-offset: 2px;
}
.secondary-btn-white:disabled {
  opacity: 0.7;
  pointer-events: none;
  cursor: not-allowed;
}
.secondary-btn-white:disabled:hover, .secondary-btn-white:disabled:focus {
  background: transparent !important;
  color: white !important;
  outline: none !important;
}
@media (max-width: 767px) {
  .secondary-btn-white {
    height: 40px;
    padding: 6px 20px;
  }
}

.secondary-btn-red {
  width: -moz-fit-content;
  width: fit-content;
  height: 2.5rem;
  background: transparent;
  color: #b4161b;
  padding: 0.375rem 1.25rem;
  border: 1px solid #b4161b;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .secondary-btn-red {
    height: 40px;
    padding: 6px 20px;
  }
}

.relative {
  position: relative;
}

.web-only {
  display: block;
}
@media (max-width: 767px) {
  .web-only {
    display: none;
  }
}

.mobile-only {
  display: none;
}
@media (max-width: 767px) {
  .mobile-only {
    display: flex;
  }
}

.page-main-content {
  padding-top: 5rem;
  min-height: calc(100vh - 5rem);
}
@media (max-width: 767px) {
  .page-main-content {
    padding-top: 70px;
    min-height: calc(100vh - 70px);
  }
}

.radio-item {
  width: 100%;
}
.radio-item .ant-wave-target {
  height: 100%;
}
.radio-item .ant-wave-target .ant-radio-inner {
  border-color: transparent;
  background-color: transparent;
  outline: 2px solid #a8adba;
  outline-offset: 2px;
  height: 0.75rem;
  width: 0.75rem;
}
.radio-item .ant-wave-target .ant-radio-inner:after {
  background-color: #b4161b;
}
.radio-item .ant-radio-label {
  flex: 1 1;
  padding-left: 1rem !important;
}
.radio-item.ant-radio-wrapper-checked .ant-radio-inner {
  border-color: #b4161b !important;
  background-color: #b4161b !important;
  outline: 2px solid #b4161b !important;
  outline-offset: 2px;
  height: 0.75rem;
  width: 0.75rem;
}
.radio-item.ant-radio-wrapper-checked .ant-radio-inner:after {
  background-color: #b4161b;
}

/* Hide number input spinner/arrows for Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Hide number input spinner/arrows for Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* For appearance consistency across all browsers */
input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

.w-full {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.loader-wrapper {
  padding: 4rem 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.empty-data {
  padding: 4rem 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.value-loading span {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0.15em;
  border-radius: 50%;
  background: #7c8397;
  opacity: 0.8;
  animation: dots-wave 1s infinite both;
}

.value-loading span:nth-child(1) {
  animation-delay: 0s;
}

.value-loading span:nth-child(2) {
  animation-delay: 0.2s;
}

.value-loading span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes dots-wave {
  0%, 80%, 100% {
    transform: translateY(0);
    opacity: 0.8;
  }
  40% {
    transform: translateY(-0.7em);
    opacity: 1;
  }
}
.notify-form-global-wrapper {
  width: 75%;
}
.notify-form-global-wrapper.w-100 {
  width: 100%;
}
@media (max-width: 767px) {
  .notify-form-global-wrapper {
    width: 100%;
  }
}
.notify-form-global-wrapper .notify-form {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.notify-form-global-wrapper .notify-form .email-input {
  flex: 1 1;
}

.coming-soon-global-badge {
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 14px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}

.flex {
  display: flex;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.center {
  justify-content: center;
  align-items: center;
}

.faq-main-container {
  max-width: 58rem;
  margin: 0 auto;
  margin-top: 7.5rem;
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
}
.faq-main-container .faq-heading {
  color: #253152;
  text-align: center;
  font-size: 2rem;
  font-weight: 500;
}
.faq-main-container .faq-collapse-container {
  position: relative;
}
.faq-main-container .faq-collapse-container .faq-collapse {
  background-color: transparent;
  border: none;
  display: flex;
  flex-direction: column;
  gap: 1.625rem;
  position: relative;
}
.faq-main-container .faq-collapse-container .faq-collapse .ant-collapse-item {
  padding-bottom: 1.625rem;
}
.faq-main-container .faq-collapse-container .faq-collapse .ant-collapse-item .ant-collapse-header {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  transition: all 0.3s ease;
  padding: 0;
  gap: 10px;
}
.faq-main-container .faq-collapse-container .faq-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-title {
  flex: 1 1;
}
.faq-main-container .faq-collapse-container .faq-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-title h3 {
  color: #05020b;
  font-size: 1rem;
  font-weight: 300;
  line-height: normal;
  font-family: var(--font-poppins);
}
.faq-main-container .faq-collapse-container .faq-collapse .ant-collapse-item .ant-collapse-header .dropdown-icon {
  width: 24px;
  height: 24px;
}
.faq-main-container .faq-collapse-container .faq-collapse .ant-collapse-item .ant-collapse-header .dropdown-icon.active {
  transform: rotate(180deg);
}
.faq-main-container .faq-collapse-container .faq-collapse .ant-collapse-item .ant-collapse-panel {
  border-top: none;
}
.faq-main-container .faq-collapse-container .faq-collapse .ant-collapse-item .ant-collapse-panel .ant-collapse-body {
  padding: 20px 0 0;
}
.faq-main-container .faq-collapse-container .faq-collapse .ant-collapse-item .ant-collapse-panel .ant-collapse-body p {
  color: #05020b;
  font-size: 0.875rem;
  line-height: normal;
  font-weight: 300;
  font-family: var(--font-poppins);
}

@media (max-width: 767px) {
  .faq-main-container {
    max-width: unset;
    margin: 0 auto;
    margin-top: 60px;
    gap: 3rem;
  }
  .faq-main-container .faq-heading {
    font-size: 28px;
  }
  .faq-main-container .faq-collapse-container {
    position: relative;
  }
  .faq-main-container .faq-collapse-container .faq-collapse {
    background-color: transparent;
    border: none;
    display: flex;
    flex-direction: column;
    gap: 1.625rem;
    position: relative;
  }
  .faq-main-container .faq-collapse-container .faq-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-title h3 {
    font-size: 14px;
  }
  .faq-main-container .faq-collapse-container .faq-collapse .ant-collapse-item .ant-collapse-header .dropdown-icon {
    width: 22px !important;
    height: 22px !important;
  }
  .faq-main-container .faq-collapse-container .faq-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon {
    -webkit-padding-end: 0;
            padding-inline-end: 0;
  }
  .faq-main-container .faq-collapse-container .faq-collapse .ant-collapse-item .ant-collapse-panel .ant-collapse-body {
    padding: 16px 0 0;
  }
  .faq-main-container .faq-collapse-container .faq-collapse .ant-collapse-item .ant-collapse-panel .ant-collapse-body p {
    font-size: 12px;
  }
}
.confirm-box {
  padding: 1.25rem;
  display: inline-flex;
  padding: 1.875rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 1.5rem;
  border-radius: 24px;
  flex-wrap: wrap;
  max-width: 100%;
  height: 17.9375rem;
}
.confirm-box .ant-modal-content {
  padding: 0 !important;
}
.confirm-box .contant {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.875rem;
}
.confirm-box .contant .heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
.confirm-box .contant .heading h2 {
  color: #05020b;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
}
.confirm-box .contant .heading p {
  color: #7c8397;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 21px; /* 150% */
}

@media (max-width: 767px) {
  .confirm-box {
    display: flex;
    width: 407px;
    height: 241px;
    padding: 0px 19px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 20px;
  }
  .confirm-box .ant-modal-content {
    padding: 0 !important;
  }
  .confirm-box .contant {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
  }
  .confirm-box .contant .heading {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .confirm-box .contant .heading h2 {
    font-size: 20px;
    font-weight: 500;
  }
  .confirm-box .contant .heading h2 p {
    text-align: center;
    font-size: 12px;
    font-weight: 300;
    line-height: 21px; /* 175% */
  }
}
.home-navbar {
  position: fixed;
  top: 0;
  z-index: 999;
  background: #ffffff;
  width: 100%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  height: 5rem;
}
.home-navbar .navbar-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4rem;
  height: 100%;
}
.home-navbar .navbar-content .logo-section {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.home-navbar .navbar-content .logo-section .logo-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.home-navbar .navbar-content .logo-section .logo-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.home-navbar .navbar-content .logo-section .logo-text .brand-name {
  font-size: 1rem;
  font-weight: 700;
  color: #05020b;
  line-height: 1.2;
  margin: 0;
}
.home-navbar .navbar-content .logo-section .logo-text .brand-tagline {
  font-size: 0.625rem;
  font-weight: 400;
  color: #7c8397;
  line-height: 1.2;
  margin: 0;
}
.home-navbar .navbar-content .desktop-nav {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex: 1 1;
  justify-content: space-between;
}
.home-navbar .navbar-content .desktop-nav .nav-links {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.home-navbar .navbar-content .desktop-nav .nav-links li a {
  padding: 0.3125rem 1.375rem;
  border-radius: 4.375rem;
  font-size: 0.875rem;
  font-weight: 300;
  color: #171717;
  text-decoration: none;
  transition: all 0.15s ease;
  display: block;
}
.home-navbar .navbar-content .desktop-nav .nav-links li a:hover {
  color: #b4161b;
}
.home-navbar .navbar-content .desktop-nav .nav-links li a.active {
  background: #ffe5e5;
  color: #801013;
  font-weight: 500;
}
.home-navbar .navbar-content .hamburger-btn {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  z-index: 1001;
  min-width: 48px;
  min-height: 48px;
  align-items: center;
  justify-content: center;
}

.navbar-profile {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.navbar-profile .profile-avatar {
  height: 2.75rem;
  width: 2.75rem;
  border-radius: 50%;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.477px;
  border: 1px solid var(--Colors-Primary-100, #f29194);
  background: #ffebeb;
}
.navbar-profile .profile-avatar .user-initial {
  font-size: 1.25rem;
  font-weight: 600;
  color: #b4161b;
  text-transform: uppercase;
}
.navbar-profile .profile-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.navbar-profile .profile-details .user-name {
  color: #05020b;
  font-size: 1rem;
  text-transform: capitalize;
}
.navbar-profile .profile-details .view-profile {
  color: #7c8397;
  font-size: 0.75rem;
  line-height: 1;
}

.mobile-menu-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.mobile-menu-overlay.open {
  opacity: 1;
  visibility: visible;
}
.mobile-menu-overlay .mobile-menu {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
  transform: translateX(100%);
  transition: transform 0.3s ease;
  padding: 10px;
}
.mobile-menu-overlay .mobile-menu.open {
  transform: translateX(0);
}
.mobile-menu-overlay .mobile-menu .mobile-menu-inner {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 100%;
  padding: 16px;
}
.mobile-menu-overlay .mobile-menu .mobile-menu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile-menu-overlay .mobile-menu .mobile-menu-header .logo-section {
  display: flex;
  align-items: center;
}
.mobile-menu-overlay .mobile-menu .mobile-menu-header .logo-section img {
  width: 162px;
  height: 42px;
  object-fit: contain;
}
.mobile-menu-overlay .mobile-menu .mobile-menu-header .close-btn {
  min-width: 48px;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
}
.mobile-menu-overlay .mobile-menu .mobile-nav-links {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mobile-menu-overlay .mobile-menu .mobile-nav-links li a {
  color: #05020b;
  font-size: 32px;
  font-weight: 300;
}
.mobile-menu-overlay .mobile-menu .mobile-menu-footer button {
  width: 124px;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .home-navbar {
    height: 70px;
  }
  .home-navbar .navbar-content .logo-section img {
    width: 162px;
    height: 42px;
    object-fit: contain;
  }
  .home-navbar .navbar-content .desktop-nav {
    display: none;
  }
  .home-navbar .navbar-content .hamburger-btn {
    display: block;
  }
  .mobile-menu-overlay {
    display: block;
  }
  .navbar-profile {
    gap: 12px;
  }
  .navbar-profile .profile-avatar {
    height: 48px;
    width: 48px;
  }
  .navbar-profile .profile-avatar .user-initial {
    font-size: 16px;
    font-weight: 500;
  }
  .navbar-profile .profile-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    flex: 1 1;
  }
  .navbar-profile .profile-details .user-name {
    font-size: 20px;
  }
  .navbar-profile .profile-details .view-profile {
    font-size: 14px;
  }
  .navbar-profile .logout-btn {
    width: 48px;
    height: 48px;
    display: flex;
    padding: 15px;
    justify-content: center;
    align-items: center;
    gap: 15px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: #fff;
  }
  .navbar-profile .logout-btn img {
    height: 20px;
    width: 20px;
    object-fit: contain;
  }
}
@media (max-width: 767px) {
  .home-navbar {
    height: 70px;
  }
  .home-navbar .navbar-content .logo-section img {
    width: 162px;
    height: 42px;
    object-fit: contain;
  }
  .home-navbar .navbar-content .desktop-nav {
    display: none;
  }
  .home-navbar .navbar-content .hamburger-btn {
    display: block;
  }
  .mobile-menu-overlay {
    display: block;
  }
  .navbar-profile {
    gap: 12px;
  }
  .navbar-profile .profile-avatar {
    height: 48px;
    width: 48px;
  }
  .navbar-profile .profile-avatar .user-initial {
    font-size: 16px;
    font-weight: 500;
  }
  .navbar-profile .profile-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    flex: 1 1;
  }
  .navbar-profile .profile-details .user-name {
    font-size: 20px;
  }
  .navbar-profile .profile-details .view-profile {
    font-size: 14px;
  }
  .navbar-profile .logout-btn {
    width: 48px;
    height: 48px;
    display: flex;
    padding: 15px;
    justify-content: center;
    align-items: center;
    gap: 15px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: #fff;
  }
  .navbar-profile .logout-btn img {
    height: 20px;
    width: 20px;
    object-fit: contain;
  }
}
.home-footer {
  background: #ffffff;
  margin-top: 7.5rem;
  box-shadow: 14px -1px 14px 2px rgba(0, 0, 0, 0.1);
}
.home-footer .footer-content {
  padding: 3.75rem 0;
  display: flex;
  flex-direction: column;
}
.home-footer .footer-content .footer-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
  padding-bottom: 3.75rem;
  border-bottom: 1px solid #e5e5e5;
}
.home-footer .footer-content .footer-top .logo-section {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  flex-shrink: 0;
  max-width: 28.125rem;
}
.home-footer .footer-content .footer-top .logo-section .logo {
  width: auto;
  height: auto;
  max-width: 220px;
}
.home-footer .footer-content .footer-top .logo-section .footer-description-text {
  color: #253152;
  font-size: 0.875rem;
  font-weight: 300;
}
.home-footer .footer-content .footer-top .social-nav-section {
  min-width: 16.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.home-footer .footer-content .footer-top .social-nav-section .footer-nav-links {
  display: flex;
  gap: 3.125rem;
  justify-content: flex-end;
}
.home-footer .footer-content .footer-top .social-nav-section .footer-nav-links li {
  color: #05020b;
  font-size: 0.875rem;
  font-weight: 400;
}
.home-footer .footer-content .footer-top .social-nav-section .social-links {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}
.home-footer .footer-content .footer-bottom {
  padding-top: 1.5rem;
  text-align: center;
}
.home-footer .footer-content .footer-bottom .copyright {
  font-size: 0.75rem;
  font-weight: 400;
  color: #7c8397;
  margin: 0;
}

@media (max-width: 767px) {
  .home-footer {
    margin-top: 60px;
  }
  .home-footer .footer-content {
    gap: 1.5rem;
    padding: 20px 0 40px;
  }
  .home-footer .footer-content .footer-top {
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding-bottom: 1.5rem;
    width: 100%;
    padding-bottom: 40px;
    align-items: flex-start;
  }
  .home-footer .footer-content .footer-top .logo-section {
    max-width: 100%;
    gap: 16px;
  }
  .home-footer .footer-content .footer-top .logo-section .logo {
    max-width: 217px;
  }
  .home-footer .footer-content .footer-top .logo-section .footer-description-text {
    font-size: 14px;
  }
  .home-footer .footer-content .footer-top .social-nav-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .home-footer .footer-content .footer-top .social-nav-section .footer-nav-links {
    justify-content: space-between;
  }
  .home-footer .footer-content .footer-top .social-nav-section .footer-nav-links li {
    font-size: 14px;
  }
  .home-footer .footer-content .footer-top .social-nav-section .social-links {
    justify-content: flex-start;
    gap: 16px;
  }
  .home-footer .footer-content .footer-bottom {
    padding-top: 10px;
  }
  .home-footer .footer-content .footer-bottom .copyright {
    font-size: 12px;
  }
  .home-footer.m-fixed-footer {
    padding-bottom: 60px;
  }
}
.close-icon {
  position: absolute !important;
  right: 25px !important;
}

.login-modal .ant-modal-content {
  padding: 2.5rem;
  border-radius: 16px;
}

.login-section {
  display: inline-flex;
  padding: 0rem 0.0625rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  border-radius: 16px;
  background: #fff;
}
.login-section .heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
.login-section .heading .title {
  color: #05020b;
  font-size: 2.5rem;
  font-weight: 500;
}
.login-section .heading .description {
  color: #7c8397;
  font-size: 1rem;
  font-weight: 400;
}
.login-section .confirm-email-box {
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.login-section .confirm-email-box .label-name {
  color: #7c8397;
  font-size: 0.875rem;
  font-weight: 400;
}
.login-section .confirm-email-box .ant-form {
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
  gap: 24px;
  color: #7c8397;
  font-weight: 400;
}
.login-section .confirm-email-box .ant-form-item-required::before {
  display: none !important;
}
.login-section .confirm-email-box .ant-form-item-label label {
  font-family: var(--font-poppins);
  color: #7c8397;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
}
.login-section .confirm-email-box .otp-wrapper {
  width: 100%;
}
.login-section .confirm-email-box .otp-input {
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  background: #fff;
  font-size: 16px;
  text-align: center;
  transition: all 0.3s;
  height: 40px !important;
  width: 40px !important;
}
.login-section .confirm-email-box .otp-input.wrong-otp {
  border-color: #b4161b !important;
}
.login-section .confirm-email-box .otp-input:focus {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(180, 22, 27, 0.1) !important;
}
.login-section .confirm-email-box .resend-otp {
  display: flex;
  justify-content: flex-start;
  margin-top: -16px;
  margin-bottom: 8px;
}
.login-section .confirm-email-box .resend-otp .otp label::before {
  display: none;
}
.login-section .confirm-email-box .resend-otp .resend-timer {
  color: #05020b;
  font-size: 0.875rem;
  font-family: var(--font-poppins);
}
.login-section .confirm-email-box .resend-otp .resend-link {
  background: none;
  border: none;
  color: #1890ff;
  font-size: 0.875rem;
  cursor: pointer;
  padding: 0;
  text-decoration: none;
}
.login-section .confirm-email-box .resend-otp .resend-link:hover {
  color: #40a9ff;
}
.login-section .confirm-email-box .resend-otp .resend-link:disabled {
  color: #7c8397;
  cursor: not-allowed;
}
.login-section .confirm-email-box .ant-input-disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
}

@media (max-width: 767px) {
  .close-icon {
    position: absolute !important;
    right: 25px !important;
  }
  .login-modal .ant-modal-content {
    padding: 20px;
    border-radius: 16px;
  }
  .login-modal .ant-modal-footer {
    display: none;
  }
  .login-section {
    gap: 24px;
    display: flex;
    max-width: 350px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .login-section .heading {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0;
  }
  .login-section .heading .title {
    font-family: var(--font-poppins);
    font-size: 22px;
    font-weight: 500;
  }
  .login-section .heading .description {
    color: #7c8397;
    font-family: var(--font-poppins);
    font-size: 14px;
    font-weight: 400;
  }
  .login-section .confirm-email-box {
    width: 100%;
    gap: 24px;
  }
  .login-section .confirm-email-box .ant-form-item-label label {
    font-size: 14px;
  }
  .login-section .confirm-email-box .otp-verification {
    display: flex;
    height: 40px;
    padding: 12px 16px;
    align-items: center;
    gap: 427px;
  }
  .login-section .confirm-email-box .resend-otp {
    display: flex;
    justify-content: flex-start;
    margin-top: -16px;
    margin-bottom: 8px;
  }
  .login-section .confirm-email-box .resend-otp .resend-timer {
    font-size: 14px;
  }
  .login-section .confirm-email-box .resend-otp .resend-link {
    font-size: 14px;
  }
  .login-section .confirm-email-box .ant-btn {
    background: #b4161b !important;
  }
  .login-section .confirm-email-box .ant-form {
    font-size: 0.875rem;
    display: flex;
    flex-direction: column;
    gap: 22px;
    color: #7c8397;
    font-weight: 400;
  }
  .login-section .confirm-email-box .ant-form-item-required::before {
    visibility: hidden;
  }
}
.address-modal .ant-modal-content {
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 4px 16px -4px rgba(19, 30, 67, 0.12);
  padding: 1.875rem;
}
.address-modal .address-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.address-modal .address-modal-header h3 {
  color: #05020b;
  font-family: var(--font-poppins);
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
}
.address-modal .ant-modal-body {
  padding: 1.5rem 0;
}
.address-modal .address-form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.address-modal .address-form hr {
  margin: 1rem 0;
}
.address-modal .address-form input {
  font-size: 0.875rem;
}
.address-modal .address-form .form-item {
  flex: 1 1;
}
.address-modal .address-form .form-item .ant-form-item-label {
  padding-bottom: 0.5rem;
}
.address-modal .address-form .form-item .ant-form-item-label label {
  color: #7c8397;
  font-family: var(--font-poppins);
  font-size: 0.875rem;
  font-weight: 300;
}
.address-modal .address-form .form-item-group {
  display: flex;
  gap: 1rem;
}
.address-modal .address-form .address-form-actions {
  margin-top: 2rem;
  display: flex;
  gap: 1rem;
}
.address-modal .address-form .address-form-actions button {
  flex: 1 1;
}

.delete-address-modal .ant-modal-content {
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 4px 16px -4px rgba(19, 30, 67, 0.12);
  padding: 1.875rem;
}
.delete-address-modal .delete-address-modal-header h3 {
  color: #05020b;
  font-family: var(--font-poppins);
  font-size: 2.5rem;
  font-weight: 500;
  line-height: normal;
}
.delete-address-modal .delete-address-modal-content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.delete-address-modal .delete-address-modal-content .delete-address-modal-message {
  color: #7c8397;
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  font-family: var(--font-poppins);
}
.delete-address-modal .delete-address-modal-content .delete-address-modal-actions {
  display: flex;
  gap: 1rem;
}
.delete-address-modal .delete-address-modal-content .delete-address-modal-actions button {
  flex: 1 1;
}

@media (max-width: 767px) {
  .address-modal .ant-modal-content {
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 4px 16px -4px rgba(19, 30, 67, 0.12);
    padding: 1.875rem;
  }
  .address-modal .address-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .address-modal .address-modal-header h3 {
    color: #05020b;
    font-family: var(--font-poppins);
    font-size: 2rem;
    font-weight: 500;
    line-height: normal;
  }
  .address-modal .ant-modal-body {
    padding: 1rem 0 1.5rem;
  }
  .address-modal .address-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .address-modal .address-form hr {
    margin: 1rem 0;
  }
  .address-modal .address-form input {
    font-size: 14px;
  }
  .address-modal .address-form .form-item {
    flex: 1 1;
  }
  .address-modal .address-form .form-item .ant-form-item-label {
    padding-bottom: 12px;
  }
  .address-modal .address-form .form-item .ant-form-item-label label {
    font-size: 14px;
  }
  .delete-address-modal .ant-modal-content {
    padding: 20px;
  }
  .delete-address-modal .delete-address-modal-header h3 {
    font-size: 24px;
  }
  .delete-address-modal .delete-address-modal-content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  .delete-address-modal .delete-address-modal-content .delete-address-modal-message {
    font-size: 12px;
  }
}
.order-confirmation-modal .ant-modal-content {
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 4px 16px -4px rgba(19, 30, 67, 0.12);
  padding: 1.875rem;
}
.order-confirmation-modal .ant-modal-body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.order-confirmation-modal .order-confirmation-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  max-height: 75vh;
  overflow-y: auto;
}
.order-confirmation-modal .order-confirmation-graphic img {
  width: 6.25rem;
  height: 6.25rem;
  object-fit: cover;
}
.order-confirmation-modal .header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
}
.order-confirmation-modal .header h2 {
  color: #05020b;
  text-align: center;
  font-family: var(--font-poppins);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: normal;
}
.order-confirmation-modal .header p {
  color: #7c8397;
  font-family: var(--font-poppins);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.5;
  text-align: center;
}
.order-confirmation-modal .order-confirmation-product,
.order-confirmation-modal .order-confirmation-details,
.order-confirmation-modal .order-confirmation-price {
  padding: 1.25rem;
  border-radius: 0.75rem;
  border: 1px solid #e2e2e2;
  background: #fff;
}
.order-confirmation-modal .section-title {
  color: #05020b;
  font-family: var(--font-poppins);
  font-size: 1.25rem;
  font-weight: 500;
}
.order-confirmation-modal .order-confirmation-product {
  display: flex;
  gap: 1.5rem;
  width: 100%;
}
.order-confirmation-modal .order-confirmation-product .product-image-wrapper {
  position: relative;
  width: 7.75rem;
  height: 7.75rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
.order-confirmation-modal .order-confirmation-product .product-image-wrapper .product-image {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.order-confirmation-modal .order-confirmation-product .product-details {
  flex: 1 1;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  justify-content: space-between;
}
.order-confirmation-modal .order-confirmation-product .product-details .text-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.order-confirmation-modal .order-confirmation-product .product-details .text-content h4 {
  color: #05020b;
  font-family: var(--font-poppins);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: normal;
}
.order-confirmation-modal .order-confirmation-product .product-details .text-content .product-price {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.order-confirmation-modal .order-confirmation-product .product-details .text-content .product-price .current-price {
  color: #05020b;
  font-family: var(--font-poppins);
  font-size: 1rem;
  font-weight: 400;
}
.order-confirmation-modal .order-confirmation-product .product-details .text-content .product-price .original-price {
  color: #7c8397;
  font-family: var(--font-poppins);
  font-size: 1rem;
  font-weight: 300;
  text-decoration: line-through;
}
.order-confirmation-modal .order-confirmation-product .product-details .product-quantity {
  padding: 0.375rem 0.875rem;
  border-radius: 0.5rem;
  border: 1px solid #e2e2e2;
  color: #05020b;
  font-family: var(--font-poppins);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: normal;
}
.order-confirmation-modal .order-confirmation-details,
.order-confirmation-modal .order-confirmation-price {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  width: 100%;
}
.order-confirmation-modal .order-confirmation-details p,
.order-confirmation-modal .order-confirmation-price p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4rem;
  color: #7c8397;
  font-family: var(--font-poppins);
  font-size: 0.875rem;
  font-weight: 300;
}
.order-confirmation-modal .order-confirmation-details p span,
.order-confirmation-modal .order-confirmation-price p span {
  color: #05020b;
  font-weight: 400;
  text-align: right;
}
.order-confirmation-modal .back-to-homepage-btn {
  width: 100%;
}

@media (max-width: 767px) {
  .order-confirmation-modal .order-confirmation-graphic img {
    width: 100px;
    height: 100px;
    object-fit: cover;
  }
  .order-confirmation-modal .header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.625rem;
  }
  .order-confirmation-modal .header h2 {
    font-size: 16px;
  }
  .order-confirmation-modal .header p {
    font-size: 12px;
  }
  .order-confirmation-modal .order-confirmation-product,
  .order-confirmation-modal .order-confirmation-details,
  .order-confirmation-modal .order-confirmation-price {
    border-radius: 12px;
    padding: 16px;
  }
  .order-confirmation-modal .section-title {
    font-size: 16px;
  }
  .order-confirmation-modal .order-confirmation-product .product-image-wrapper {
    width: 124px;
    height: 124px;
    border-radius: 10px;
  }
  .order-confirmation-modal .order-confirmation-product .product-details {
    flex-direction: column;
  }
  .order-confirmation-modal .order-confirmation-product .product-details .text-content h4 {
    font-size: 14px;
  }
  .order-confirmation-modal .order-confirmation-product .product-details .text-content .product-price {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
  .order-confirmation-modal .order-confirmation-product .product-details .text-content .product-price .current-price {
    font-size: 12px;
  }
  .order-confirmation-modal .order-confirmation-product .product-details .text-content .product-price .original-price {
    font-size: 12px;
  }
  .order-confirmation-modal .order-confirmation-product .product-details .product-quantity {
    font-size: 12px;
    padding: 6px 12px;
    border-radius: 8px;
  }
  .order-confirmation-modal .order-confirmation-details,
  .order-confirmation-modal .order-confirmation-price {
    gap: 12px;
  }
  .order-confirmation-modal .order-confirmation-details p,
  .order-confirmation-modal .order-confirmation-price p {
    font-size: 12px;
  }
}
.contact-form {
  border-radius: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.contact-form .form-heading {
  color: #05020b;
  font-family: "Poppins", sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
}
.contact-form .form-item {
  color: #05020b;
  font-size: 14px;
  font-weight: 300;
}
.contact-form .form-item .ant-form-item-required::before {
  display: none !important;
}
.contact-form .input-item::placeholder {
  color: #a8adba;
  font-size: 14px;
  font-weight: 400;
}
.contact-form .form-item-submit {
  margin-bottom: 0;
  margin-top: 0.375rem;
}

@media (max-width: 767px) {
  .contact-form .form-heading {
    font-size: 16px;
  }
}
.coming-soon-banner {
  background: url("/assets/images/coming-soon/banner/banner-bg.webp");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.coming-soon-banner .logo-container {
  padding: 0.75rem 2.375rem;
}
.coming-soon-banner .logo-container .logo {
  width: 13.6875rem;
  height: 3.6664rem;
  flex-shrink: 0;
  aspect-ratio: 219/58.66;
  object-fit: contain;
}
.coming-soon-banner .banner-content {
  position: relative;
}
.coming-soon-banner .banner-content .cabinet {
  position: absolute;
  top: 0;
  left: 0;
  width: 58.625rem;
  height: 11.6875rem;
  object-fit: contain;
}
.coming-soon-banner .banner-content .guard {
  position: absolute;
  bottom: 9rem;
  right: 40px;
  width: 45.3125rem;
  height: 10.8125rem;
}
.coming-soon-banner .banner-content .main-content {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  gap: 4rem;
  padding: 5rem 0 15rem;
}
.coming-soon-banner .banner-content .main-content .left-col {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
  justify-content: center;
}
.coming-soon-banner .banner-content .main-content .left-col .head {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.coming-soon-banner .banner-content .main-content .left-col .head .coming-soon-badge {
  width: -moz-fit-content;
  width: fit-content;
  padding: 1.25rem 1.875rem;
  border-radius: 3.125rem;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
}
.coming-soon-banner .banner-content .main-content .left-col .head h1 {
  color: #b4161b;
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 1.2px;
  line-height: 1.3;
}
.coming-soon-banner .banner-content .main-content .left-col .head p b {
  font-weight: 500;
}
.coming-soon-banner .banner-content .main-content .left-col .head p {
  color: #05020b;
  font-size: 0.875rem;
  font-weight: 300;
}
.coming-soon-banner .banner-content .main-content .left-col .notify-form {
  width: 75%;
  display: flex;
  gap: 0.625rem;
}
.coming-soon-banner .banner-content .main-content .left-col .notify-form .email-input {
  flex: 1 1;
  font-size: 0.875rem;
}
.coming-soon-banner .banner-content .main-content .left-col .notify-form button {
  height: 40px;
  text-transform: capitalize;
  font-size: 0.875rem;
  font-weight: 500;
}
.coming-soon-banner .banner-content .main-content .right-col {
  flex: 1 1;
}
.coming-soon-banner .banner-content .main-content .right-col img {
  height: 474px;
  width: auto;
  object-fit: contain;
}
.coming-soon-banner .banner-content .highlight-polygon-container {
  position: absolute;
  right: 0;
  bottom: 0px;
  background: white;
  display: flex;
  justify-content: flex-start;
  padding: 2.125rem 2.125rem 2.125rem 80px;
  min-width: 50%;
  -webkit-clip-path: polygon(40px 0, 100% 0, 100% 100%, 0px 100%);
          clip-path: polygon(40px 0, 100% 0, 100% 100%, 0px 100%);
}
.coming-soon-banner .banner-content .highlight-polygon-container .highlights {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
}
.coming-soon-banner .banner-content .highlight-polygon-container .highlights p {
  margin-bottom: 0;
  color: #515a75;
  font-size: 0.8125rem;
  font-weight: 400;
  text-transform: capitalize;
}
.coming-soon-banner .banner-content .highlight-polygon-container .highlights .separator {
  width: 4px;
  height: 4px;
  background: #515a75;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .coming-soon-banner .logo-container {
    padding: 0.75rem 2rem;
  }
  .coming-soon-banner .logo-container .logo {
    width: 150px;
    height: auto;
    flex-shrink: 0;
    aspect-ratio: 219/58.66;
    object-fit: contain;
  }
  .coming-soon-banner .banner-content .cabinet {
    width: 70%;
    height: auto;
  }
  .coming-soon-banner .banner-content .guard {
    bottom: 100px;
    right: 0;
    width: 70%;
    height: auto;
  }
  .coming-soon-banner .banner-content .main-content {
    padding: 3rem 0 120px;
  }
  .coming-soon-banner .banner-content .main-content .left-col .head {
    align-items: center;
  }
  .coming-soon-banner .banner-content .main-content .left-col .head .coming-soon-badge {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 14px;
  }
  .coming-soon-banner .banner-content .main-content .left-col .head h1 {
    font-size: 32px;
    text-align: center;
  }
  .coming-soon-banner .banner-content .main-content .left-col .head p {
    font-size: 14px;
    text-align: center;
  }
  .coming-soon-banner .banner-content .main-content .left-col .notify-form {
    width: 100%;
    display: flex;
    gap: 10px;
  }
  .coming-soon-banner .banner-content .main-content .left-col .notify-form .email-input {
    flex: 1 1;
    font-size: 10px;
  }
  .coming-soon-banner .banner-content .main-content .left-col .notify-form button {
    width: -moz-fit-content;
    width: fit-content;
    height: 40px;
    text-transform: capitalize;
    font-size: 14px;
  }
  .coming-soon-banner .banner-content .main-content .right-col {
    display: none;
  }
  .coming-soon-banner .banner-content .highlight-polygon-container {
    padding: 18px 20px 18px 60px;
  }
  .coming-soon-banner .banner-content .highlight-polygon-container .highlights {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    max-width: 300px;
  }
  .coming-soon-banner .banner-content .highlight-polygon-container .highlights p {
    margin-bottom: 0;
    color: #515a75;
    font-size: 1.125rem;
    font-weight: 400;
    text-transform: capitalize;
  }
  .coming-soon-banner .banner-content .highlight-polygon-container .highlights .separator {
    aspect-ratio: 1/1;
  }
}
.highlights-section {
  background-image: url("/assets/images/coming-soon/high-lights/background-img.webp");
  padding: 4.625rem 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 7.5rem;
}
.highlights-section .container .content {
  max-width: 60%;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.highlights-section .container .content .text-content {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
.highlights-section .container .content .text-content p {
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 300;
  color: #dcdcdc;
}
.highlights-section .container .content .text-content p b {
  font-weight: 500;
}
.highlights-section .container .content .highlights-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.highlights-section .container .content .highlights-list li {
  padding: 0.625rem 1.375rem;
  border-radius: 3.125rem;
  background: rgba(255, 255, 255, 0.1);
  color: #dcdcdc;
  font-size: 14px;
  text-transform: capitalize;
}

@media (max-width: 767px) {
  .highlights-section {
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 4.5rem;
  }
  .highlights-section .container .content {
    max-width: -moz-fit-content;
    max-width: fit-content;
    gap: 1.875rem;
  }
  .highlights-section .container .content .text-content {
    display: flex;
    gap: 0.5625rem;
  }
  .highlights-section .container .content .text-content p {
    font-size: 14px;
  }
  .highlights-section .container .content .text-content p b {
    font-weight: 500;
  }
  .highlights-section .container .content .highlights-list li {
    font-size: 12px;
  }
}
.Technical-specification-container {
  margin-top: 7.5rem;
}
.Technical-specification-container .container .Technical-section {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
.Technical-specification-container .container .Technical-section .main-contant {
  width: 33.75rem;
  gap: 1.25rem;
}
.Technical-specification-container .container .Technical-section .main-contant .contant {
  width: 33.75rem;
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
}
.Technical-specification-container .container .Technical-section .main-contant .contant h2 {
  font-size: 2rem;
  font-weight: 600;
  color: #253152;
}
.Technical-specification-container .container .Technical-section .main-contant .contant p {
  font-size: 14px;
  color: #515a75;
  font-weight: 300;
}
.Technical-specification-container .container .Technical-section .box-contant {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
.Technical-specification-container .container .Technical-section .box-contant .text-area {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  height: 13.125rem;
  border-radius: 1.25rem;
  padding: 1.25rem;
  box-shadow: 0px 0px 13px 10px rgba(0, 0, 0, 0.0392156863);
}
.Technical-specification-container .container .Technical-section .box-contant .text-area h3 {
  font-size: 1.125rem;
  font-weight: 500;
  text-transform: capitalize;
}
.Technical-specification-container .container .Technical-section .box-contant .text-area p {
  font-size: 0.875rem;
  font-weight: 300;
}
.Technical-specification-container .container .Technical-section .box-contant .highlighted {
  background: linear-gradient(116.82deg, #000000 -2%, #b4161b 82.81%);
  color: #ffffff;
}

@media (max-width: 767px) {
  .Technical-specification-container {
    margin-top: 3.75rem;
  }
  .Technical-specification-container .container .Technical-section {
    flex-direction: column;
    gap: 20px;
  }
  .Technical-specification-container .container .Technical-section .main-contant {
    width: auto;
    display: flex;
    justify-content: center;
  }
  .Technical-specification-container .container .Technical-section .main-contant .contant {
    text-align: center;
  }
  .Technical-specification-container .container .Technical-section .main-contant .contant h2 {
    font-size: 20px;
    font-weight: 500;
  }
  .Technical-specification-container .container .Technical-section .main-contant .contant p {
    font-size: 14px;
    font-weight: 300;
  }
  .Technical-specification-container .container .Technical-section .box-contant .text-area {
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .Technical-specification-container .container .Technical-section .box-contant .text-area h3 {
    font-size: 14px;
    font-weight: 500;
  }
  .Technical-specification-container .container .Technical-section .box-contant .text-area p {
    font-size: 12px;
    font-weight: 300;
  }
}
.check-every-box-section {
  margin-top: 7.5rem;
}
.check-every-box-section .main-content {
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
}
.check-every-box-section .main-content .header-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.check-every-box-section .main-content .header-content h2 {
  font-size: 2rem;
  color: #253152;
  font-weight: 600;
}
.check-every-box-section .main-content .header-content p {
  max-width: 39.125rem;
  font-size: 14px;
  font-weight: 300;
  color: #253152;
}
.check-every-box-section .main-content .feature-highlights {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
.check-every-box-section .main-content .feature-highlights li {
  font-size: 14px;
  color: #253152;
  background-color: #fee;
  border-radius: 1.25rem;
  padding: 1.25rem;
  display: flex;
  gap: 1.25rem;
  align-items: center;
  text-transform: capitalize;
}
.check-every-box-section .main-content .feature-highlights li b {
  font-weight: 600;
}
.check-every-box-section .main-content .img-section {
  position: relative;
  width: 100%;
  height: 31.625rem;
  border-radius: 2.25rem;
  overflow: hidden;
}
.check-every-box-section .main-content .img-section img {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media (max-width: 767px) {
  .check-every-box-section {
    margin-top: 3.75rem;
  }
  .check-every-box-section .main-content {
    display: flex;
    flex-direction: column;
    gap: 2.25rem;
  }
  .check-every-box-section .main-content .header-content {
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 1.25rem;
  }
  .check-every-box-section .main-content .header-content h2 {
    font-size: 20px;
    font-weight: 500;
  }
  .check-every-box-section .main-content .header-content p {
    font-size: 14px;
    font-weight: 300;
    text-align: center;
  }
  .check-every-box-section .main-content .feature-highlights {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.25rem;
    gap: 1.25rem;
  }
  .check-every-box-section .main-content .feature-highlights li {
    font-size: 12px;
  }
  .check-every-box-section .main-content .img-section {
    height: 200px;
  }
}
.roi-fold-section {
  margin-top: 7.5rem;
}
.roi-fold-section .main-section {
  display: flex;
  gap: 3rem;
  justify-content: space-between;
}
.roi-fold-section .main-section .header {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.roi-fold-section .main-section .header h2 {
  color: #253152;
  font-size: 2rem;
  font-weight: 500;
}
.roi-fold-section .main-section .header p {
  color: #515a75;
  font-size: 0.875rem;
  font-weight: 300;
}
.roi-fold-section .main-section .roi-calculator {
  max-width: 750px;
  width: 60%;
}

.roi-calculator-wrapper {
  padding: 1.25rem;
  border-radius: 1.25rem;
  background: #ffe2e3;
}
.roi-calculator-wrapper .calculator {
  border-radius: 1.25rem;
  background: #fbfdff;
  padding: 1.25rem;
  min-height: 27.625rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.roi-calculator-wrapper .calculator .calculator-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.roi-calculator-wrapper .calculator .calculator-header .back-button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.roi-calculator-wrapper .calculator .calculator-header .back-button img {
  rotate: 90deg;
  height: 24px;
  width: 24px;
}
.roi-calculator-wrapper .calculator .calculator-header-title {
  color: #1f2a63;
  font-size: 1.375rem;
  font-weight: 600;
}
.roi-calculator-wrapper .calculator .step-title {
  color: #05020b;
  font-size: 1.125rem;
  font-weight: 500;
}
.roi-calculator-wrapper .calculator .form-section {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  justify-content: space-between;
}
.roi-calculator-wrapper .calculator .form-section .questions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.roi-calculator-wrapper .calculator .form-section .questions .ant-form-item label {
  color: #05020b;
  font-size: 0.875rem;
  font-weight: 300;
  font-family: var(--font-poppins);
}
.roi-calculator-wrapper .calculator .form-section .questions .ant-form-item input {
  background: transparent;
}
.roi-calculator-wrapper .calculator .form-section .questions .ant-form-item .ant-input-affix-wrapper,
.roi-calculator-wrapper .calculator .form-section .questions .ant-form-item .ant-select-selector {
  background: transparent;
}
.roi-calculator-wrapper .calculator .form-section .questions .ant-form-item .ant-radio-checked .ant-radio-inner {
  background: #b4161b;
  border-color: #b4161b;
}
.roi-calculator-wrapper .calculator .form-section .questions .risk-level-description {
  color: #7c8397;
  font-size: 0.75rem;
  font-weight: 300;
  font-family: var(--font-poppins);
}
.roi-calculator-wrapper .calculator .form-section .submit-button {
  width: 100%;
}
.roi-calculator-wrapper .calculator .loader-wrapper {
  flex: 1 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.roi-calculator-wrapper .calculator .results-intro {
  color: #000;
  font-size: 1rem;
}
.roi-calculator-wrapper .calculator .item-brekdown-container {
  margin-top: 0.875rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 0.625rem;
}
.roi-calculator-wrapper .calculator .item-brekdown-container .metric-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #1e285f;
  font-size: 0.875rem;
}
.roi-calculator-wrapper .calculator .item-brekdown-container .metric-row .metric-label {
  font-weight: 300;
}
.roi-calculator-wrapper .calculator .item-brekdown-container .metric-row .metric-value {
  font-weight: 500;
}
.roi-calculator-wrapper .calculator .item-brekdown-container .breakdown-divider {
  border-top: 1px solid lightgray;
  margin: 0.5rem 0;
}
.roi-calculator-wrapper .calculator .item-brekdown-container .summary-section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  color: #05020b;
}
.roi-calculator-wrapper .calculator .item-brekdown-container .summary-section .summary1 {
  font-size: 1rem;
  font-weight: 300;
}
.roi-calculator-wrapper .calculator .item-brekdown-container .summary-section .summary2 {
  font-size: 1.125rem;
  font-weight: 400;
}
.roi-calculator-wrapper .calculator .item-brekdown-container .summary-section .summary2 .roi-percentage .green {
  color: #22c55e;
}
.roi-calculator-wrapper .calculator .item-brekdown-container .summary-section .summary2 .roi-percentage .red {
  color: #ef4444;
}
.roi-calculator-wrapper .calculator .result-wrapper {
  border-radius: 1.25rem;
  background: linear-gradient(to bottom right, black, #801013);
  margin-top: 1rem;
  padding: 0.75rem 1.375rem;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.roi-calculator-wrapper .calculator .result-wrapper .text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.roi-calculator-wrapper .calculator .result-wrapper .text .money-saved {
  color: #fff;
  font-size: 0.75rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
}
.roi-calculator-wrapper .calculator .result-wrapper .text .money-saved-message {
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
}
.roi-calculator-wrapper .calculator .result-wrapper .confetti-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.roi-calculator-wrapper .calculator .result-wrapper .confetti-icon img {
  height: 3.125rem;
}
.roi-calculator-wrapper .results-section {
  height: auto;
}
.roi-calculator-wrapper .results-section .calculator-header {
  justify-content: space-between;
}
.roi-calculator-wrapper .results-section .calculator-header button {
  color: #b4161b;
  font-size: 0.875rem;
  font-weight: 500;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-transform: capitalize;
}

@media (max-width: 767px) {
  .roi-fold-section {
    margin-top: 60px;
  }
  .roi-fold-section .main-section {
    flex-direction: column;
  }
  .roi-fold-section .main-section .header {
    flex: 1 1;
  }
  .roi-fold-section .main-section .header h2 {
    font-size: 20px;
    text-align: center;
  }
  .roi-fold-section .main-section .header p {
    font-size: 14px;
    text-align: center;
  }
  .roi-fold-section .main-section .roi-calculator {
    width: 100%;
  }
  .roi-calculator-wrapper {
    padding: 1.25rem;
    border-radius: 1.25rem;
    background: #ffe2e3;
  }
  .roi-calculator-wrapper .calculator {
    border-radius: 1.25rem;
    background: #fbfdff;
    padding: 1.25rem;
    min-height: 380px;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
  }
  .roi-calculator-wrapper .calculator .calculator-header-title {
    color: #1f2a63;
    font-size: 20px;
    font-weight: 600;
  }
  .roi-calculator-wrapper .calculator .step-title {
    margin-top: 12px;
    color: #05020b;
    font-size: 16px;
    font-weight: 500;
  }
  .roi-calculator-wrapper .calculator .form-section {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: space-between;
  }
  .roi-calculator-wrapper .calculator .form-section .questions {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .roi-calculator-wrapper .calculator .form-section .questions .ant-form-item label {
    color: #05020b;
    font-size: 12px;
    font-weight: 300;
    font-family: var(--font-poppins);
  }
  .roi-calculator-wrapper .calculator .form-section .questions .ant-form-item input {
    background: transparent;
  }
  .roi-calculator-wrapper .calculator .form-section .questions .ant-form-item .ant-input-affix-wrapper,
  .roi-calculator-wrapper .calculator .form-section .questions .ant-form-item .ant-select-selector {
    background: transparent;
  }
  .roi-calculator-wrapper .calculator .form-section .questions .ant-form-item .ant-radio-checked .ant-radio-inner {
    background: #b4161b;
    border-color: #b4161b;
  }
  .roi-calculator-wrapper .calculator .form-section .questions .risk-level-description {
    color: #7c8397;
    font-size: 10px;
    font-weight: 300;
    font-family: var(--font-poppins);
  }
  .roi-calculator-wrapper .calculator .form-section .submit-button {
    width: 100%;
  }
  .roi-calculator-wrapper .calculator .loader-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  .roi-calculator-wrapper .calculator .results-intro {
    color: #000;
    font-size: 12px;
  }
  .roi-calculator-wrapper .calculator .item-brekdown-container {
    margin-top: 0.875rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-radius: 0.625rem;
  }
  .roi-calculator-wrapper .calculator .item-brekdown-container .metric-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #1e285f;
    font-size: 10px;
  }
  .roi-calculator-wrapper .calculator .item-brekdown-container .metric-row .metric-label {
    font-weight: 300;
  }
  .roi-calculator-wrapper .calculator .item-brekdown-container .metric-row .metric-value {
    font-weight: 500;
  }
  .roi-calculator-wrapper .calculator .item-brekdown-container .breakdown-divider {
    border-top: 1px solid lightgray;
    margin: 0.5rem 0;
  }
  .roi-calculator-wrapper .calculator .item-brekdown-container .summary-section {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    color: #05020b;
  }
  .roi-calculator-wrapper .calculator .item-brekdown-container .summary-section .summary1 {
    font-size: 12px;
    font-weight: 300;
  }
  .roi-calculator-wrapper .calculator .item-brekdown-container .summary-section .summary2 {
    font-size: 14px;
    font-weight: 400;
  }
  .roi-calculator-wrapper .calculator .item-brekdown-container .summary-section .summary2 .roi-percentage {
    color: #22c55e;
  }
  .roi-calculator-wrapper .calculator .result-wrapper {
    border-radius: 1.25rem;
    background: linear-gradient(to bottom right, black, #801013);
    margin-top: 1rem;
    padding: 10px 1.375rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
  }
  .roi-calculator-wrapper .calculator .result-wrapper .text {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .roi-calculator-wrapper .calculator .result-wrapper .text .money-saved {
    color: #fff;
    font-size: 8px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .roi-calculator-wrapper .calculator .result-wrapper .text .money-saved img {
    height: 10px;
    width: 10px;
  }
  .roi-calculator-wrapper .calculator .result-wrapper .text .money-saved-message {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
  }
  .roi-calculator-wrapper .calculator .result-wrapper .confetti-icon {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .roi-calculator-wrapper .calculator .result-wrapper .confetti-icon img {
    height: 50px;
  }
  .roi-calculator-wrapper .results-section {
    height: auto;
  }
  .roi-calculator-wrapper .results-section .calculator-header button {
    font-size: 12px;
  }
}
.contact-coming-soon-section {
  margin-top: 7.5rem;
}
.contact-coming-soon-section .contact-main-div {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.contact-coming-soon-section .contact-main-div .header {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.contact-coming-soon-section .contact-main-div .header h2 {
  color: #253152;
  font-size: 2rem;
  font-weight: 600;
  text-transform: capitalize;
}
.contact-coming-soon-section .contact-main-div .header p {
  color: #253152;
  font-size: 0.875rem;
  font-weight: 300;
}
.contact-coming-soon-section .contact-main-div .section-content {
  display: flex;
  justify-content: space-between;
  gap: 2.5rem;
}
.contact-coming-soon-section .contact-main-div .section-content .img-col {
  flex: 1 1;
  border-radius: 1.25rem;
  border: 1px solid #d9d5d5;
  overflow: hidden;
  position: relative;
}
.contact-coming-soon-section .contact-main-div .section-content .img-col img {
  position: static;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.contact-coming-soon-section .contact-main-div .section-content .form-col {
  flex: 1 1;
}

@media (max-width: 767px) {
  .contact-coming-soon-section {
    margin-top: 60px;
  }
  .contact-coming-soon-section .contact-main-div {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
  }
  .contact-coming-soon-section .contact-main-div .header {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
  }
  .contact-coming-soon-section .contact-main-div .header h2 {
    font-size: 20px;
    text-align: center;
  }
  .contact-coming-soon-section .contact-main-div .header p {
    font-size: 14px;
    text-align: center;
  }
  .contact-coming-soon-section .contact-main-div .section-content {
    flex-direction: column;
  }
  .contact-coming-soon-section .contact-main-div .section-content .img-col {
    height: 400px;
  }
  .contact-coming-soon-section .contact-main-div .section-content .form-col {
    flex: 1 1;
  }
}
.coming-soon-footer {
  margin-top: 7.5rem;
  padding: 3.125rem 6.25rem;
  box-shadow: 14px -1px 14px 2px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  gap: 4rem;
}
.coming-soon-footer .logo-links {
  display: flex;
  flex-direction: column;
  gap: 1.625rem;
}
.coming-soon-footer .logo-links .logo {
  width: 13.6875rem;
  height: 3.625rem;
  aspect-ratio: 219/58.66;
}
.coming-soon-footer .logo-links .links {
  display: flex;
  gap: 1rem;
}
.coming-soon-footer .logo-links .links img {
  height: 2.25rem;
  width: 2.25rem;
}
.coming-soon-footer .form-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.125rem;
  width: 32.375rem;
}
.coming-soon-footer .form-col h4 {
  color: #1f1c23;
  font-size: 1.125rem;
  font-weight: 500;
  text-transform: capitalize;
}
.coming-soon-footer .form-col .notify-form {
  display: flex;
  gap: 0.625rem;
}
.coming-soon-footer .form-col .notify-form .email-input {
  flex: 1 1;
  font-size: 0.875rem;
}
.coming-soon-footer .form-col .notify-form button {
  width: 9.375rem;
  text-transform: capitalize;
  font-size: 0.875rem;
  font-weight: 500;
}

@media (max-width: 767px) {
  .coming-soon-footer {
    margin-top: 60px;
    padding: 2rem 2rem;
    flex-direction: column-reverse;
    gap: 2rem;
  }
  .coming-soon-footer .logo-links {
    align-items: center;
  }
  .coming-soon-footer .logo-links .logo {
    width: 200px;
    height: auto;
  }
  .coming-soon-footer .logo-links .links {
    display: flex;
    gap: 1rem;
  }
  .coming-soon-footer .logo-links .links img {
    height: 3rem;
    width: 3rem;
  }
  .coming-soon-footer .form-col {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.125rem;
    width: 100%;
  }
  .coming-soon-footer .form-col h4 {
    font-size: 18px;
  }
  .coming-soon-footer .form-col .notify-form {
    display: flex;
    gap: 0.625rem;
    width: 100%;
  }
  .coming-soon-footer .form-col .notify-form .email-input {
    flex: 1 1;
    font-size: 0.875rem;
    margin-bottom: 0;
  }
  .coming-soon-footer .form-col .notify-form button {
    width: -moz-fit-content;
    width: fit-content;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
  }
}
.qr-verified-page .product-description-fold {
  margin-top: 2rem;
}

.qr-verify-banner {
  background: url("/assets/images/coming-soon/banner/banner-bg.webp");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.qr-verify-banner .logo-container {
  padding: 0.75rem 2.375rem;
}
.qr-verify-banner .logo-container .logo {
  width: 13.6875rem;
  height: 3.6664rem;
  flex-shrink: 0;
  aspect-ratio: 219/58.66;
  object-fit: contain;
}
.qr-verify-banner .banner-content {
  position: relative;
}
.qr-verify-banner .banner-content .cabinet {
  position: absolute;
  top: 0;
  left: -200px;
  width: 58.625rem;
  height: 11.6875rem;
  object-fit: contain;
}
.qr-verify-banner .banner-content .guard {
  position: absolute;
  top: 0;
  right: -160px;
  width: 45.3125rem;
  height: 11.6875rem;
}
.qr-verify-banner .banner-content .main-content {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  padding-bottom: 2.25rem;
}
.qr-verify-banner .banner-content .main-content .safety-guard-image {
  width: 277px;
  height: 277px;
  object-fit: contain;
}
.qr-verify-banner .banner-content .main-content .header {
  display: flex;
  flex-direction: column;
}
.qr-verify-banner .banner-content .main-content .header .title {
  color: #05020b;
  text-align: center;
  font-size: 3.75rem;
  font-weight: 600;
}
.qr-verify-banner .banner-content .main-content .header .description {
  color: #393939;
  text-align: center;
  font-size: 1.25rem;
}
.qr-verify-banner .banner-content .main-content .highlights {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.qr-verify-banner .banner-content .main-content .highlights .highlight-item {
  display: flex;
  padding: 0.625rem 1.25rem;
  align-items: flex-start;
  border-radius: 4.375rem;
  background: rgba(0, 0, 0, 0.1);
  color: #05020b;
  font-size: 1rem;
}

@media (max-width: 767px) {
  .qr-verify-banner .logo-container {
    padding: 0.75rem 2rem;
  }
  .qr-verify-banner .logo-container .logo {
    width: 150px;
    height: auto;
    flex-shrink: 0;
    aspect-ratio: 219/58.66;
    object-fit: contain;
  }
  .qr-verify-banner .banner-content .cabinet {
    width: 70%;
    height: auto;
  }
  .qr-verify-banner .banner-content .guard {
    bottom: 100px;
    right: 0;
    width: 70%;
    height: auto;
  }
  .qr-verify-banner .banner-content .main-content {
    padding: 3rem 0 40px;
  }
  .qr-verify-banner .banner-content .main-content .safety-guard-image {
    width: 200px;
    height: auto;
  }
  .qr-verify-banner .banner-content .main-content .header .title {
    align-items: center;
    font-size: 2.5rem;
    text-align: center;
  }
  .qr-verify-banner .banner-content .main-content .header .description {
    font-size: 1.25rem;
    text-align: center;
  }
  .qr-verify-banner .banner-content .main-content .highlights {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
  }
}
.skill-gaming-section {
  padding: 7.5rem 0 3.75rem 0;
  background: var(--Rad-1, radial-gradient(202.25% 113.77% at 99.78% 99.55%, #9e0b0f 0%, #73080b 16.15%, #4a0507 34.55%, #2a0304 52.55%, #130102 69.8%, #050000 85.98%, #000 100%));
}
.skill-gaming-section .maincontainer {
  color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 4.25rem;
}
.skill-gaming-section .maincontainer .text-box-container {
  max-width: 44.6875rem;
  display: flex;
  margin: 0 auto;
  max-width: 44.6875rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}
.skill-gaming-section .maincontainer .text-box-container .box {
  border-radius: 3.75rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  padding: 0.25rem 1.25rem;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
}
.skill-gaming-section .maincontainer .text-box-container .box p {
  font-size: 0.75rem;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}
.skill-gaming-section .maincontainer .text-box-container h1 {
  text-align: center;
  font-size: 3.75rem;
  line-height: 4.625rem;
  font-weight: 500;
}
.skill-gaming-section .maincontainer .text-box-container .text-box {
  text-align: center;
  font-size: 1rem;
  font-weight: 300;
  line-height: normal;
}
.skill-gaming-section .maincontainer .card-box {
  display: flex;
}
.skill-gaming-section .maincontainer .card-box .cards {
  display: flex;
  align-items: center;
}
.skill-gaming-section .maincontainer .card-box .cards .desktop-cards {
  display: flex;
  gap: 1.5rem;
}
.skill-gaming-section .maincontainer .card-box .cards li {
  list-style: none;
}
.skill-gaming-section .maincontainer .card-box .cards li img {
  height: 442px;
  padding: 1.25rem;
  display: flex;
  object-fit: cover;
  border-radius: 12%;
}
.skill-gaming-section .maincontainer .card-box .mobile-swiper {
  display: none;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .skill-gaming-section .maincontainer .card-box .cards li img {
    height: auto;
  }
}
@media (max-width: 767px) {
  .skill-gaming-section .maincontainer {
    color: #ffffff;
  }
  .skill-gaming-section .maincontainer .text-box-container {
    display: flex;
  }
  .skill-gaming-section .maincontainer .text-box-container .box {
    border-radius: 3.75rem;
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    padding: 0.25rem 1.25rem;
    justify-content: center;
    align-items: center;
    margin-top: 3rem;
    gap: 10px;
  }
  .skill-gaming-section .maincontainer .text-box-container .box p {
    font-size: 1rem;
  }
  .skill-gaming-section .maincontainer .text-box-container h1 {
    text-align: center;
    font-size: 32px;
    line-height: normal;
    line-height: 43px;
    font-weight: 500;
  }
  .skill-gaming-section .maincontainer .text-box-container .text-box {
    text-align: center;
    font-size: 12px;
    font-weight: 300;
    line-height: normal;
  }
  .skill-gaming-section .maincontainer .card-box {
    display: flex;
    align-items: center;
    gap: 1.25rem;
  }
  .skill-gaming-section .maincontainer .card-box .desktop-cards {
    display: none !important;
  }
  .skill-gaming-section .maincontainer .card-box .mobile-swiper {
    display: block;
    width: 100%;
    overflow: hidden;
  }
  .skill-gaming-section .maincontainer .card-box .mobile-swiper .swiper-cards {
    position: static;
    padding-bottom: 1rem;
  }
  .skill-gaming-section .maincontainer .card-box .mobile-swiper .swiper-cards .swiper-wrapper {
    align-items: center;
  }
  .skill-gaming-section .maincontainer .card-box .mobile-swiper .swiper-cards .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease;
  }
  .skill-gaming-section .maincontainer .card-box .mobile-swiper .swiper-cards .swiper-slide .swiper-slide-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.25rem;
  }
  .skill-gaming-section .maincontainer .card-box .mobile-swiper .swiper-cards .swiper-slide .swiper-slide-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
  }
  .skill-gaming-section .maincontainer .card-box .mobile-swiper .swiper-cards .swiper-slide .swiper-slide-wrapper .img1,
  .skill-gaming-section .maincontainer .card-box .mobile-swiper .swiper-cards .swiper-slide .swiper-slide-wrapper .img3 {
    height: 240px;
  }
}
.over-mission-container {
  margin-top: 7.5rem;
}
.over-mission-container .main-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 7.5rem;
}
.over-mission-container .main-container .description-box {
  display: flex;
  flex-direction: column;
  max-width: 62.5rem;
  gap: 6.25rem;
}
.over-mission-container .main-container .description-box .high-lighter-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
.over-mission-container .main-container .description-box .high-lighter-box .highlighter {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: flex-start;
  border-left: 1px solid #d3d6dc;
  padding-left: 0.9375rem;
}
.over-mission-container .main-container .description-box .high-lighter-box .highlighter .title {
  color: #253152;
  font-size: 2.5rem;
  font-weight: 600;
  display: flex;
}
.over-mission-container .main-container .description-box .high-lighter-box .highlighter .title .text-high-light {
  color: #a8adba;
}
.over-mission-container .main-container .description-box .high-lighter-box .highlighter .description {
  color: #05020b;
  font-size: 1rem;
  font-weight: 400;
}
.over-mission-container .main-container .description-box .text-contant {
  color: #05020b;
  font-size: 2rem;
  font-weight: 400;
}
.over-mission-container .main-container .vision-mission-container {
  display: flex;
  gap: 3.75rem;
  flex-direction: column;
}
.over-mission-container .main-container .vision-mission-container h2 {
  color: #05020b;
  font-size: 2.5rem;
  font-weight: 600;
}
.over-mission-container .main-container .vision-mission-container .cards {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}
.over-mission-container .main-container .vision-mission-container .cards .card {
  position: relative;
  flex: 1 1;
  height: 24.375rem;
  overflow: hidden;
  background: #fff;
  border-radius: 1.25rem;
  box-shadow: 0 0 24px -2px rgba(0, 0, 0, 0.1);
}
.over-mission-container .main-container .vision-mission-container .cards .card .card-icon {
  position: absolute;
  top: 1.875rem;
  left: 1.875rem;
  z-index: 20;
  border-radius: 50%;
}
.over-mission-container .main-container .vision-mission-container .cards .card .img-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.over-mission-container .main-container .vision-mission-container .cards .card .card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.over-mission-container .main-container .vision-mission-container .cards .card .overlay-text {
  position: absolute;
  bottom: 1.875rem;
  left: 1.875rem;
  right: 1.875rem;
  z-index: 15;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.over-mission-container .main-container .vision-mission-container .cards .card .overlay-text h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #05020b;
}
.over-mission-container .main-container .vision-mission-container .cards .card .overlay-text p {
  font-size: 0.875rem;
  font-weight: 300;
  color: #515a75;
}

@media (max-width: 767px) {
  .over-mission-container {
    margin-top: 60px;
  }
  .over-mission-container .main-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 3.75rem;
  }
  .over-mission-container .main-container .description-box {
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: relative;
    left: 0;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .over-mission-container .main-container .description-box .high-lighter-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .over-mission-container .main-container .description-box .high-lighter-box .highlighter {
    border-left: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-left: 0;
  }
  .over-mission-container .main-container .description-box .high-lighter-box .highlighter .title {
    font-size: 22px;
  }
  .over-mission-container .main-container .description-box .high-lighter-box .highlighter .description {
    font-size: 14px;
  }
  .over-mission-container .main-container .description-box .text-contant p {
    color: #05020b;
    font-size: 14px;
    font-weight: 300;
  }
  .over-mission-container .main-container .vision-mission-container {
    gap: 20px;
  }
  .over-mission-container .main-container .vision-mission-container h2 {
    font-size: 20px;
    font-weight: 500;
  }
  .over-mission-container .main-container .vision-mission-container .cards {
    gap: 32px;
    flex-direction: column;
  }
  .over-mission-container .main-container .vision-mission-container .cards .card {
    position: relative;
    width: 100%;
    height: 244px;
    border-radius: 20px;
    overflow: hidden;
    list-style: none;
  }
  .over-mission-container .main-container .vision-mission-container .cards .card .card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .over-mission-container .main-container .vision-mission-container .cards .card .card-icon {
    height: 56px;
    width: 56px;
    object-fit: contain;
  }
  .over-mission-container .main-container .vision-mission-container .cards .card .overlay-text {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    z-index: 15;
    gap: 10px;
  }
  .over-mission-container .main-container .vision-mission-container .cards .card .overlay-text h3 {
    font-size: 18px;
    font-weight: 600;
  }
  .over-mission-container .main-container .vision-mission-container .cards .card .overlay-text p {
    font-size: 12px;
    font-weight: 300;
  }
}
.make-us-diffrent-container {
  margin-top: 7.5rem;
}
.make-us-diffrent-container .main-container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.make-us-diffrent-container .main-container .heading-section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.make-us-diffrent-container .main-container .heading-section h2 {
  color: #05020b;
  font-size: 2.5rem;
  font-weight: 600;
}
.make-us-diffrent-container .main-container .heading-section p {
  color: #05020b;
  font-size: 1rem;
  font-weight: 300;
  max-width: 53.125rem;
}
.make-us-diffrent-container .main-container .img-card-section {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
  padding: 80px 0;
}
.make-us-diffrent-container .main-container .img-card-section .hight-light-text {
  color: var(--Colors-Primary-300, #e4232a);
}
.make-us-diffrent-container .main-container .img-card-section .img-card-col {
  position: relative;
}
.make-us-diffrent-container .main-container .img-card-section .img-card-col img {
  width: 48rem;
}
@media screen and (max-width: 1439px) and (min-width: 1024px) {
  .make-us-diffrent-container .main-container .img-card-section .img-card-col img {
    max-width: 800px;
  }
}
.make-us-diffrent-container .main-container .img-card-section .img-card-col .text-box {
  position: absolute;
  padding: 1.25rem;
  border-radius: 0.75rem;
  background: #f7f7f7;
  width: 14rem;
}
.make-us-diffrent-container .main-container .img-card-section .img-card-col .text-box .icon {
  display: none;
}
.make-us-diffrent-container .main-container .img-card-section .img-card-col .text-box h3 {
  color: #05020b;
  text-align: center;
  font-size: 1rem;
  font-weight: 300;
}
.make-us-diffrent-container .main-container .img-card-section .img-card-col .box-1 {
  top: 0;
  transform: translateY(calc(-25% - 11px));
  left: -15rem;
}
.make-us-diffrent-container .main-container .img-card-section .img-card-col .box-2 {
  top: 0;
  transform: translateY(calc(-25% - 11px));
  right: -15rem;
}
.make-us-diffrent-container .main-container .img-card-section .img-card-col .box-3 {
  bottom: 0;
  transform: translateY(calc(25% + 11px));
  left: -15rem;
}
.make-us-diffrent-container .main-container .img-card-section .img-card-col .box-4 {
  bottom: 0;
  transform: translateY(calc(25% + 11px));
  right: -15rem;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .make-us-diffrent-container .main-container .img-card-section {
    padding: 0;
    justify-content: flex-start;
  }
  .make-us-diffrent-container .main-container .img-card-section .img-card-col img {
    display: none;
  }
  .make-us-diffrent-container .main-container .img-card-section .img-card-col {
    position: static;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .make-us-diffrent-container .main-container .img-card-section .img-card-col .text-box {
    position: static;
    width: 100%;
    transform: none;
    background: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .make-us-diffrent-container .main-container .img-card-section .img-card-col .text-box .icon {
    display: block;
    height: 44px;
    width: 44px;
    object-fit: contain;
  }
  .make-us-diffrent-container .main-container .img-card-section .img-card-col .text-box .text-box-container {
    padding: 16px;
    border-radius: 12px;
    background: #f7f7f7;
  }
  .make-us-diffrent-container .main-container .img-card-section .img-card-col .text-box .text-box-container h3 {
    text-align: left;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .make-us-diffrent-container {
    margin-top: 60px;
  }
  .make-us-diffrent-container .main-container {
    gap: 20px;
  }
  .make-us-diffrent-container .main-container .heading-section {
    gap: 12px;
  }
  .make-us-diffrent-container .main-container .heading-section h2 {
    font-size: 20px;
    font-weight: 500;
  }
  .make-us-diffrent-container .main-container .heading-section p {
    font-size: 14px;
    font-weight: 300;
    max-width: 100%;
  }
  .make-us-diffrent-container .main-container .img-card-section {
    padding: 0;
  }
  .make-us-diffrent-container .main-container .img-card-section .img-card-col {
    position: static;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .make-us-diffrent-container .main-container .img-card-section .img-card-col img {
    display: none;
  }
  .make-us-diffrent-container .main-container .img-card-section .img-card-col .text-box {
    position: static;
    width: 100%;
    transform: none;
    background: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .make-us-diffrent-container .main-container .img-card-section .img-card-col .text-box .icon {
    display: block;
    height: 44px;
    width: 44px;
    object-fit: contain;
  }
  .make-us-diffrent-container .main-container .img-card-section .img-card-col .text-box .text-box-container {
    padding: 16px;
    border-radius: 12px;
    background: #f7f7f7;
  }
  .make-us-diffrent-container .main-container .img-card-section .img-card-col .text-box .text-box-container h3 {
    text-align: left;
    font-size: 14px;
  }
}
.contact-us-hero .contact-us-inner {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-top: 6rem;
  padding-bottom: 7.5rem;
}
.contact-us-hero .contact-us-inner .header-content {
  display: flex;
  max-width: 33rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
}
.contact-us-hero .contact-us-inner .header-content h1 {
  color: #292929;
  font-size: 3.75rem;
  font-weight: 500;
}
.contact-us-hero .contact-us-inner .header-content p {
  color: #7c8397;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: normal;
}
.contact-us-hero .contact-us-inner .header-content .details-list {
  margin-top: 0;
  margin-bottom: 1em;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.contact-us-hero .contact-us-inner .header-content .details-list li,
.contact-us-hero .contact-us-inner .header-content .details-list a {
  display: flex;
  gap: 0.625rem;
}
.contact-us-hero .contact-us-inner .header-content .details-list li p,
.contact-us-hero .contact-us-inner .header-content .details-list a p {
  font-size: 0.875rem;
  font-weight: 300;
}
.contact-us-hero .contact-us-inner .contact-form-col {
  display: flex;
  padding: 2.5rem;
  flex-direction: column;
  gap: 2.5rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 38rem;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.11);
}
.contact-us-hero .background-img-row {
  background-image: url("/assets/images/contact-us/bg-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: cover;
  height: 32rem;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .contact-us-hero .contact-us-inner .header-content {
    max-width: 45%;
  }
  .contact-us-hero .contact-us-inner .contact-form-col {
    width: 50%;
  }
  .contact-us-hero .background-img-row {
    height: 40rem;
  }
}
@media (max-width: 767px) {
  .contact-us-hero {
    position: relative;
    padding-bottom: 415px;
  }
  .contact-us-hero .contact-us-inner {
    position: static;
    margin-top: 0;
    padding-bottom: 0;
  }
  .contact-us-hero .contact-us-inner .header-content {
    padding: 20px 0 40px;
    max-width: 100%;
    gap: 16px;
  }
  .contact-us-hero .contact-us-inner .header-content h1 {
    font-size: 20px;
  }
  .contact-us-hero .contact-us-inner .header-content p {
    font-size: 12px;
  }
  .contact-us-hero .contact-us-inner .header-content .details-list {
    gap: 10px;
  }
  .contact-us-hero .contact-us-inner .header-content .details-list li,
  .contact-us-hero .contact-us-inner .header-content .details-list a {
    gap: 10px;
  }
  .contact-us-hero .contact-us-inner .header-content .details-list li p,
  .contact-us-hero .contact-us-inner .header-content .details-list a p {
    font-size: 12px;
  }
  .contact-us-hero .contact-us-inner .contact-form-col {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: absolute;
    top: 300px;
    right: 5%;
    padding: 16px;
    left: 5%;
    width: 90%;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.11);
  }
  .contact-us-hero .background-img-row {
    height: 420px;
  }
}
.returns-warranty-page .returns-warranty-hero {
  padding: 4rem 0 3rem;
  background: #f8f9fa;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
@media (max-width: 767px) {
  .returns-warranty-page .returns-warranty-hero {
    padding: 2.5rem 0 2rem;
  }
}
.returns-warranty-page .returns-warranty-hero .returns-warranty-hero-inner {
  max-width: 52rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.returns-warranty-page .returns-warranty-hero .returns-warranty-hero-inner h1 {
  color: #05020b;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .returns-warranty-page .returns-warranty-hero .returns-warranty-hero-inner h1 {
    font-size: 24px;
  }
}
.returns-warranty-page .returns-warranty-hero .returns-warranty-hero-inner .returns-warranty-lead {
  color: #7c8397;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.55;
  margin: 0;
}
@media (max-width: 767px) {
  .returns-warranty-page .returns-warranty-hero .returns-warranty-hero-inner .returns-warranty-lead {
    font-size: 14px;
    line-height: 1.5;
  }
}
.returns-warranty-page .returns-warranty-article {
  padding: 3.5rem 0 6rem;
}
@media (max-width: 767px) {
  .returns-warranty-page .returns-warranty-article {
    padding: 2.5rem 0 4rem;
  }
}
.returns-warranty-page .returns-warranty-prose .returns-warranty-intro {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.55;
  color: #171717;
  margin: 0 0 2.5rem;
}
@media (max-width: 767px) {
  .returns-warranty-page .returns-warranty-prose .returns-warranty-intro {
    margin-bottom: 2rem;
    font-size: 14px;
  }
}
.returns-warranty-page .returns-warranty-prose section {
  margin: 2.5rem 0;
}
.returns-warranty-page .returns-warranty-prose section:first-of-type {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  padding-bottom: 2.5rem;
}
.returns-warranty-page .returns-warranty-prose section:last-child {
  margin-bottom: 0;
}
.returns-warranty-page .returns-warranty-prose .warranty-section h2 {
  margin-bottom: 1rem !important;
}
.returns-warranty-page .returns-warranty-prose h2 {
  color: #253152;
  font-size: 2rem;
  font-weight: 600;
  margin: 0 0 1rem;
  padding-top: 0.5rem;
}
@media (max-width: 767px) {
  .returns-warranty-page .returns-warranty-prose h2 {
    font-size: 20px;
  }
}
.returns-warranty-page .returns-warranty-prose h3 {
  color: #05020b;
  font-size: 1.5rem;
  font-weight: 600;
  margin: 1.75rem 0 0.75rem;
  margin-bottom: 0.75rem !important;
}
@media (max-width: 767px) {
  .returns-warranty-page .returns-warranty-prose h3 {
    font-size: 16px;
  }
}
.returns-warranty-page .returns-warranty-prose p {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.55;
  color: #171717;
  margin: 0 0 0.75rem;
}
@media (max-width: 767px) {
  .returns-warranty-page .returns-warranty-prose p {
    font-size: 14px;
    line-height: 1.5;
  }
}
.returns-warranty-page .returns-warranty-prose ul {
  margin: 0 0 1rem;
  padding-left: 1.35rem;
  color: #171717;
  list-style: disc;
}
.returns-warranty-page .returns-warranty-prose ul li {
  font-size: 0.9375rem;
  line-height: 1.5;
  margin-bottom: 0.4rem;
}
@media (max-width: 767px) {
  .returns-warranty-page .returns-warranty-prose ul li {
    font-size: 14px;
  }
}
.returns-warranty-page .returns-warranty-prose a {
  color: #b4161b;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 0.15s ease;
}
.returns-warranty-page .returns-warranty-prose a:hover {
  color: #9a1318;
}
.returns-warranty-page .returns-warranty-prose a:focus-visible {
  outline: 2px solid #b4161b;
  outline-offset: 2px;
  border-radius: 2px;
}
.returns-warranty-page .returns-warranty-contact {
  margin-top: 3rem;
  padding: 2rem 2.25rem;
  border-radius: 1.25rem;
  background: #ffffff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.06);
}
@media (max-width: 767px) {
  .returns-warranty-page .returns-warranty-contact {
    padding: 1.5rem 1.25rem;
    margin-top: 2.5rem;
  }
}
.returns-warranty-page .returns-warranty-contact h2 {
  margin-top: 0;
  padding-top: 0;
}
.returns-warranty-page .returns-warranty-contact .returns-warranty-contact-brand {
  font-weight: 600;
  color: #05020b;
  margin-bottom: 0.75rem;
  margin-top: 1rem;
}
.returns-warranty-page .returns-warranty-contact .returns-warranty-contact-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.returns-warranty-page .returns-warranty-contact .returns-warranty-contact-list li {
  margin-bottom: 0.5rem;
}
.returns-warranty-page .returns-warranty-contact .returns-warranty-contact-list li:last-child {
  margin-bottom: 0;
}
.returns-warranty-page .returns-warranty-contact .returns-warranty-contact-list li::marker {
  content: none;
}

.home-banner-section {
  background: linear-gradient(90deg, #000000 0%, #1a0000 40%, #4d0000 70%, #8b0000 100%);
  background-repeat: no-repeat;
  background-size: cover;
  margin: 1.25rem auto 0 auto;
  max-width: 1400px;
  width: 95vw;
  border-radius: 2.5rem;
  overflow: hidden;
  position: relative;
}
.home-banner-section .home-banner-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4rem;
  min-height: 37.5rem;
}
.home-banner-section .home-banner-main .left-col {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  height: 100%;
}
.home-banner-section .home-banner-main .left-col .banner-header {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.home-banner-section .home-banner-main .left-col .banner-header .banner-headline {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 600;
}
.home-banner-section .home-banner-main .left-col .banner-header .banner-headline .italic {
  font-style: italic;
  font-family: "Times New Roman";
  font-size: 3.125rem;
  font-weight: 400;
}
.home-banner-section .home-banner-main .left-col .banner-header .banner-description {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 300;
}
.home-banner-section .home-banner-main .left-col .feature-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.875rem;
}
.home-banner-section .home-banner-main .left-col .feature-pills .pill {
  display: inline-block;
  padding: 0.625rem 1.25rem;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 3.75rem;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 400;
}
.home-banner-section .home-banner-main .left-col .cta-buttons {
  display: flex;
  gap: 1.25rem;
}
.home-banner-section .home-banner-main .right-col {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.home-banner-section .home-banner-main .right-col .product-image-wrapper {
  width: 100%;
  max-width: 525px;
  height: auto;
}
.home-banner-section .home-banner-main .right-col .product-image-wrapper .img-bg {
  position: absolute;
  height: auto;
  width: 50rem;
  top: 0;
  right: 0;
  object-fit: contain;
}
.home-banner-section .home-banner-main .right-col .product-image-wrapper .product-image {
  object-fit: contain;
  filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.5));
  width: 559.991px;
  height: 437.02px;
  aspect-ratio: 559.99/437.02;
}

@media (max-width: 767px) {
  .home-banner-section .home-banner-main {
    flex-direction: column;
    gap: 24px;
    min-height: unset;
    padding: 32px 0;
  }
  .home-banner-section .home-banner-main .left-col {
    flex-direction: column;
    gap: 30px;
  }
  .home-banner-section .home-banner-main .left-col .banner-header {
    gap: 16px;
  }
  .home-banner-section .home-banner-main .left-col .banner-header .banner-headline {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
  }
  .home-banner-section .home-banner-main .left-col .banner-header .banner-headline .italic {
    font-size: 28px;
    font-style: italic;
  }
  .home-banner-section .home-banner-main .left-col .banner-header .banner-description {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
  }
  .home-banner-section .home-banner-main .left-col .feature-pills {
    display: none;
  }
  .home-banner-section .home-banner-main .left-col .cta-buttons {
    display: flex;
    gap: 16px;
  }
  .home-banner-section .home-banner-main .right-col {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
  }
  .home-banner-section .home-banner-main .right-col .product-image-wrapper {
    width: 100%;
    max-width: 525px;
    height: auto;
  }
  .home-banner-section .home-banner-main .right-col .product-image-wrapper .img-bg {
    position: absolute;
    height: auto;
    width: 50rem;
    top: unset;
    right: unset;
    left: -5%;
    bottom: 0;
    object-fit: contain;
  }
  .home-banner-section .home-banner-main .right-col .product-image-wrapper .product-image {
    object-fit: contain;
    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.5));
    width: 284.628px;
    height: 222.126px;
    aspect-ratio: 284.63/222.13;
  }
}
.insights-section {
  margin-top: 7.5rem;
}
.insights-section .main-content {
  border-radius: 1.875rem;
  background: linear-gradient(269deg, rgba(0, 0, 0, 0.7) -7.16%, rgba(0, 0, 0, 0) 90.63%), url("/assets/images/home-page/insights/insights-bg.webp") lightgray -86.261px -19.806px/121.178% 106.406% no-repeat;
  display: flex;
  flex-direction: column;
  padding: 3.125rem 2.5rem 2.5rem;
  gap: 3rem;
  height: 42.75rem;
  justify-content: space-between;
}
.insights-section .main-content .insights-content-container {
  display: flex;
  justify-content: flex-start;
}
.insights-section .main-content .insights-content-container .insights-box {
  width: 36.625rem;
  border-radius: 1.25rem;
  background: rgba(255, 255, 255, 0.3);
  display: flex;
  padding: 2.125rem 1.5625rem;
  flex-direction: column;
  gap: 0.625rem;
}
.insights-section .main-content .insights-content-container .insights-box .insights-box-title {
  color: #ffffff;
  font-size: 1.375rem;
  text-transform: capitalize;
  font-weight: 400;
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.insights-section .main-content .insights-content-container .insights-box .text-content {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
.insights-section .main-content .insights-content-container .insights-box .text-content .insights-sub-title {
  color: #ffffff;
  font-size: 1.75rem;
  font-weight: 500;
  text-transform: capitalize;
}
.insights-section .main-content .insights-content-container .insights-box .text-content p {
  color: #ffffff;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 1rem;
}
.insights-section .main-content .insights-content-container .insights-box .text-content .insights-percentage {
  color: white;
  font-size: 4rem;
  font-weight: 500;
  text-transform: capitalize;
}

@media (max-width: 767px) {
  .insights-section {
    margin-top: 60px;
  }
  .insights-section .main-content {
    border-radius: 20px;
    background-size: cover;
    background-position: center;
    padding: 24px 14px 20px;
    gap: 234px;
    height: auto;
  }
  .insights-section .main-content .insights-list-container .insights-list {
    gap: 10px;
    width: 100%;
  }
  .insights-section .main-content .insights-list-container .insights-list li {
    border-radius: 60px;
    padding: 8px 12px;
    gap: 6px;
  }
  .insights-section .main-content .insights-list-container .insights-list li img {
    height: 12px;
    width: 12px;
    object-fit: contain;
  }
  .insights-section .main-content .insights-list-container .insights-list li p {
    font-size: 12px;
  }
  .insights-section .main-content .insights-content-container .insights-box {
    width: 100%;
    border-radius: 20px;
    padding: 20px;
    gap: 14px;
  }
  .insights-section .main-content .insights-content-container .insights-box .insights-box-title img {
    height: 40px;
    width: 40px;
  }
  .insights-section .main-content .insights-content-container .insights-box .insights-box-title {
    font-size: 20px;
    gap: 12px;
  }
  .insights-section .main-content .insights-content-container .insights-box .text-content {
    gap: 8px;
  }
  .insights-section .main-content .insights-content-container .insights-box .text-content .insights-sub-title {
    font-size: 18px;
  }
  .insights-section .main-content .insights-content-container .insights-box .text-content p {
    font-size: 14px;
    font-weight: 300;
  }
  .insights-section .main-content .insights-content-container .insights-box .text-content .insights-percentage {
    font-size: 40px;
  }
}
.stats-fold {
  margin-top: 7.5rem;
}
.stats-fold .stats-container {
  display: flex;
  justify-content: space-between;
  gap: 5.625rem;
  padding: 3.375rem 8.1875rem;
  background: linear-gradient(117deg, #000 -2%, #b4161b 82.81%);
  -webkit-clip-path: polygon(6% 0, 100% 0, 100% 60%, 94% 100%, 0 100%, 0 50%);
          clip-path: polygon(6% 0, 100% 0, 100% 60%, 94% 100%, 0 100%, 0 50%);
}
.stats-fold .stats-container .stat-box {
  flex: 1 1;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.stats-fold .stats-container .stat-box .stat-box-title {
  font-size: 2.5rem;
  font-weight: 600;
}
.stats-fold .stats-container .stat-box .stat-box-title .highlighted {
  color: #f29194;
}
.stats-fold .stats-container .stat-box .stat-box-description {
  font-size: 1rem;
}

@media (max-width: 767px) {
  .stats-fold {
    margin-top: 60px;
  }
  .stats-fold .stats-container {
    flex-direction: column;
    -webkit-clip-path: none;
            clip-path: none;
    border-radius: 20px;
    gap: 24px;
    padding: 20px;
  }
  .stats-fold .stats-container .stat-box {
    gap: 14px;
  }
  .stats-fold .stats-container .stat-box .stat-box-title {
    font-size: 24px;
  }
  .stats-fold .stats-container .stat-box .stat-box-description {
    font-size: 14px;
  }
}
.engineering-fold {
  margin-top: 7.5rem;
}
.engineering-fold .main-content {
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
}
.engineering-fold .main-content .fold-header {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid rgba(5, 2, 11, 0.1);
}
.engineering-fold .main-content .fold-header h2 {
  color: #1f1c23;
  font-size: 2.5rem;
  font-weight: 500;
}
.engineering-fold .main-content .fold-header h2 .highlit {
  color: #dc3545;
  font-family: "Times New Roman";
  font-size: 2.625rem;
  font-style: italic;
  font-weight: 400;
}
.engineering-fold .main-content .fold-header p {
  color: #7c8397;
  font-size: 1rem;
  font-weight: 400;
  max-width: 43.75rem;
}
.engineering-fold .main-content .fold-content {
  display: flex;
  gap: 1.25rem;
}
.engineering-fold .main-content .fold-content .text-col {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.875rem;
  border-radius: 1.25rem;
  background: linear-gradient(271deg, #fff 36.98%, #ffcaca 168.67%);
  box-shadow: 0 0 24px -2px rgba(0, 0, 0, 0.1);
}
.engineering-fold .main-content .fold-content .text-col .text-content {
  display: flex;
  flex-direction: column;
  gap: 1.625rem;
}
.engineering-fold .main-content .fold-content .text-col .text-content hr {
  background: #d3d6dc;
}
.engineering-fold .main-content .fold-content .text-col .text-content h3 {
  color: #253152;
  font-size: 1.875rem;
  font-weight: 500;
}
.engineering-fold .main-content .fold-content .text-col .text-content .points {
  display: flex;
  flex-direction: column;
  gap: 1.625rem;
}
.engineering-fold .main-content .fold-content .text-col .text-content .points .point-item {
  display: flex;
  align-items: center;
  gap: 18px;
}
.engineering-fold .main-content .fold-content .text-col .text-content .points .point-item .point-content .point-content-title {
  color: #05020b;
  font-size: 1rem;
  font-weight: 300;
}
.engineering-fold .main-content .fold-content .text-col .text-content .points .point-item .point-content .point-content-title .highlight {
  color: #e4232a;
  font-weight: 500;
  font-size: 1rem;
}
.engineering-fold .main-content .fold-content .text-col .shop-now {
  width: 100%;
}
.engineering-fold .main-content .fold-content .img-col {
  position: relative;
  overflow: hidden;
  border-radius: 1.875rem;
  background: linear-gradient(103deg, rgba(0, 0, 0, 0) -2.14%, rgba(228, 62, 37, 0.15) 96.07%);
  width: 47rem;
  height: 40rem;
  padding: 1.25rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  /* flipped background image */
}
.engineering-fold .main-content .fold-content .img-col::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: url("/assets/images/home-page/engineering/cctv-camera.webp") lightgray 20.662px 21.218px/96.075% 94.069% no-repeat;
  background-size: cover;
  background-position: left;
  transform-origin: center;
  z-index: -1;
  /* send behind content */
}
.engineering-fold .main-content .fold-content .img-col .text-box {
  width: 23rem;
  padding: 1.875rem;
  border-radius: 1.25rem;
  background: #e4232a;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 400;
  position: relative;
  z-index: 2;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .engineering-fold .main-content .fold-content .text-col {
    min-width: 50%;
  }
}
@media (max-width: 767px) {
  .engineering-fold {
    margin-top: 60px;
  }
  .engineering-fold .main-content {
    gap: 32px;
  }
  .engineering-fold .main-content .fold-header {
    gap: 12px;
    padding-bottom: 20px;
  }
  .engineering-fold .main-content .fold-header h2 {
    font-size: 20px;
  }
  .engineering-fold .main-content .fold-header h2 .highlit {
    font-size: 20px;
  }
  .engineering-fold .main-content .fold-header p {
    font-size: 12px;
    max-width: 100%;
  }
  .engineering-fold .main-content .fold-content {
    flex-direction: column-reverse;
    gap: 20px;
  }
  .engineering-fold .main-content .fold-content .text-col {
    padding: 16px;
    border-radius: 16px;
    gap: 50px;
  }
  .engineering-fold .main-content .fold-content .text-col .text-content {
    gap: 26 px;
  }
  .engineering-fold .main-content .fold-content .text-col .text-content h3 {
    font-size: 20px;
  }
  .engineering-fold .main-content .fold-content .text-col .text-content .points {
    gap: 26px;
  }
  .engineering-fold .main-content .fold-content .text-col .text-content .points .point-item {
    gap: 18px;
  }
  .engineering-fold .main-content .fold-content .text-col .text-content .points .point-item img {
    height: 18px;
    width: 18px;
  }
  .engineering-fold .main-content .fold-content .text-col .text-content .points .point-item .point-content .point-content-title {
    font-size: 14px;
  }
  .engineering-fold .main-content .fold-content .text-col .text-content .points .point-item .point-content .point-content-title .highlight {
    font-size: 14px;
    font-weight: 600;
  }
  .engineering-fold .main-content .fold-content .text-col .shop-now {
    width: 100%;
  }
  .engineering-fold .main-content .fold-content .img-col {
    width: 100%;
    height: 238px;
    background-size: cover;
    background-position: center;
    border-radius: 1.875rem;
    padding: 1.25rem;
  }
  .engineering-fold .main-content .fold-content .img-col .text-box {
    display: none;
  }
}
.comparison-section {
  margin-top: 7.5rem;
}
.comparison-section .comparison-table .ant-table-thead .ant-table-cell {
  background: none;
  border-bottom: none;
  padding-top: 0;
  padding-bottom: 40px;
}
.comparison-section .comparison-table .ant-table-thead .ant-table-cell:not(:last-child) {
  border-right: 1px solid #d3d6dc;
}
.comparison-section .comparison-table .ant-table-thead .ant-table-cell .main-col,
.comparison-section .comparison-table .ant-table-thead .ant-table-cell .logo-cell,
.comparison-section .comparison-table .ant-table-thead .ant-table-cell .generic-cell {
  height: 178px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.comparison-section .comparison-table .ant-table-thead .ant-table-cell .main-col {
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.625rem;
}
.comparison-section .comparison-table .ant-table-thead .ant-table-cell .main-col h2 {
  color: black;
  font-size: 2.5rem;
  font-weight: 600;
}
.comparison-section .comparison-table .ant-table-thead .ant-table-cell .main-col p {
  color: #7c8397;
  font-size: 1rem;
  font-weight: 400;
}
.comparison-section .comparison-table .ant-table-thead .ant-table-cell .logo-cell img {
  object-fit: contain;
}
.comparison-section .comparison-table .ant-table-thead .ant-table-cell .generic-cell {
  color: #05020b;
  font-size: 1.25rem;
  font-weight: 600;
}
.comparison-section .comparison-table .ant-table-tbody .ant-table-cell {
  border-bottom: none;
}
.comparison-section .comparison-table .ant-table-tbody .ant-table-cell:not(:last-child) {
  border-right: 1px solid #d3d6dc;
}
.comparison-section .comparison-table .ant-table-tbody .ant-table-cell .value,
.comparison-section .comparison-table .ant-table-tbody .ant-table-cell h3 {
  color: #05020b;
  font-size: 16px;
  font-weight: 400;
}
.comparison-section .comparison-table .ant-table-tbody .ant-table-cell .title {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 100%;
  width: 100%;
  border-radius: 12px;
  background: #f8f8f8;
  padding: 14px 20px;
}
.comparison-section .comparison-table .ant-table-tbody .ant-table-cell .value {
  display: flex;
  justify-content: center;
  gap: 0.625rem;
  border-radius: 12px;
  background: #f8f8f8;
  padding: 12px 20px;
}
.comparison-section .comparison-table .ant-table-tbody .ant-table-cell-row-hover {
  background: transparent !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .comparison-section .comparison-table .ant-table-content {
    overflow-x: auto;
  }
  .comparison-section .comparison-table .ant-table-thead .ant-table-cell {
    padding: 12px 8px;
    padding-bottom: 4px;
  }
  .comparison-section .comparison-table .ant-table-thead .ant-table-cell:first-child {
    padding-left: 0;
    width: 160px;
  }
  .comparison-section .comparison-table .ant-table-thead .ant-table-cell:last-child {
    padding-right: 0;
  }
  .comparison-section .comparison-table .ant-table-thead .ant-table-cell:not(:last-child) {
    border-right: transparent;
  }
  .comparison-section .comparison-table .ant-table-thead .ant-table-cell:not(:last-child)::before {
    display: none;
  }
  .comparison-section .comparison-table .ant-table-thead .ant-table-cell .main-col,
  .comparison-section .comparison-table .ant-table-thead .ant-table-cell .logo-cell,
  .comparison-section .comparison-table .ant-table-thead .ant-table-cell .generic-cell {
    height: 80px;
  }
  .comparison-section .comparison-table .ant-table-thead .ant-table-cell .main-col h2 {
    font-size: 16px;
  }
  .comparison-section .comparison-table .ant-table-thead .ant-table-cell .main-col p {
    display: none;
  }
  .comparison-section .comparison-table .ant-table-thead .ant-table-cell .logo-cell img {
    object-fit: contain;
    width: 160px;
    height: 36px;
  }
  .comparison-section .comparison-table .ant-table-thead .ant-table-cell .generic-cell {
    font-size: 16px;
  }
  .comparison-section .comparison-table .ant-table-tbody .ant-table-cell:not(:last-child) {
    border-right: 1px solid transparent;
  }
  .comparison-section .comparison-table .ant-table-tbody .ant-table-cell {
    padding: 14px 8px;
  }
  .comparison-section .comparison-table .ant-table-tbody .ant-table-cell:first-child {
    padding-left: 0;
  }
  .comparison-section .comparison-table .ant-table-tbody .ant-table-cell:last-child {
    padding-right: 0;
  }
  .comparison-section .comparison-table .ant-table-tbody .ant-table-cell .value,
  .comparison-section .comparison-table .ant-table-tbody .ant-table-cell h3 {
    font-size: 12px;
    font-weight: 400;
  }
  .comparison-section .comparison-table .ant-table-tbody .ant-table-cell .value .title,
  .comparison-section .comparison-table .ant-table-tbody .ant-table-cell h3 .title {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 100%;
    width: 100%;
    border-radius: 12px;
    background: #f8f8f8;
    padding: 14px;
    font-size: 12px;
  }
  .comparison-section .comparison-table .ant-table-tbody .ant-table-cell .value {
    justify-content: center;
    border-radius: 12px;
    background: #f8f8f8;
    padding: 14px;
  }
  .comparison-section .comparison-table .ant-table-tbody .ant-table-cell .value img {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 767px) {
  .comparison-section {
    margin-top: 30px;
  }
  .comparison-section .comparison-table .ant-table-content {
    overflow-x: auto;
  }
  .comparison-section .comparison-table .ant-table-thead .ant-table-cell {
    padding: 12px 8px;
    padding-bottom: 4px;
  }
  .comparison-section .comparison-table .ant-table-thead .ant-table-cell:first-child {
    padding-left: 0;
    width: 160px;
  }
  .comparison-section .comparison-table .ant-table-thead .ant-table-cell:last-child {
    padding-right: 0;
  }
  .comparison-section .comparison-table .ant-table-thead .ant-table-cell:not(:last-child) {
    border-right: transparent;
  }
  .comparison-section .comparison-table .ant-table-thead .ant-table-cell:not(:last-child)::before {
    display: none;
  }
  .comparison-section .comparison-table .ant-table-thead .ant-table-cell .main-col,
  .comparison-section .comparison-table .ant-table-thead .ant-table-cell .logo-cell,
  .comparison-section .comparison-table .ant-table-thead .ant-table-cell .generic-cell {
    height: 80px;
  }
  .comparison-section .comparison-table .ant-table-thead .ant-table-cell .main-col h2 {
    font-size: 16px;
  }
  .comparison-section .comparison-table .ant-table-thead .ant-table-cell .main-col p {
    display: none;
  }
  .comparison-section .comparison-table .ant-table-thead .ant-table-cell .logo-cell img {
    object-fit: contain;
    width: 36px;
    height: 46px;
  }
  .comparison-section .comparison-table .ant-table-thead .ant-table-cell .generic-cell {
    font-size: 16px;
  }
  .comparison-section .comparison-table .ant-table-tbody .ant-table-cell:not(:last-child) {
    border-right: 1px solid transparent;
  }
  .comparison-section .comparison-table .ant-table-tbody .ant-table-cell {
    padding: 14px 8px;
  }
  .comparison-section .comparison-table .ant-table-tbody .ant-table-cell:first-child {
    padding-left: 0;
  }
  .comparison-section .comparison-table .ant-table-tbody .ant-table-cell:last-child {
    padding-right: 0;
  }
  .comparison-section .comparison-table .ant-table-tbody .ant-table-cell .value,
  .comparison-section .comparison-table .ant-table-tbody .ant-table-cell h3 {
    font-size: 12px;
    font-weight: 400;
  }
  .comparison-section .comparison-table .ant-table-tbody .ant-table-cell .value .title,
  .comparison-section .comparison-table .ant-table-tbody .ant-table-cell h3 .title {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 100%;
    width: 100%;
    border-radius: 12px;
    background: #f8f8f8;
    padding: 14px;
    font-size: 12px;
  }
  .comparison-section .comparison-table .ant-table-tbody .ant-table-cell .value {
    justify-content: center;
    border-radius: 12px;
    background: #f8f8f8;
    padding: 14px;
  }
  .comparison-section .comparison-table .ant-table-tbody .ant-table-cell .value img {
    width: 16px;
    height: 16px;
  }
}
.product-specifications-fold {
  margin-top: 7.5rem;
}
.product-specifications-fold .main-content {
  display: flex;
  justify-content: space-between;
  gap: 3rem;
}
.product-specifications-fold .main-content .fold-header {
  max-width: 23.75rem;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.product-specifications-fold .main-content .fold-header h2 {
  color: #05020b;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.4375rem;
}
.product-specifications-fold .main-content .fold-header p {
  color: #515a75;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: normal;
}
.product-specifications-fold .main-content .specs-col {
  flex: 1 1;
}
.product-specifications-fold .main-content .specs-col .specifications-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.product-specifications-fold .main-content .specs-col .specifications-list hr {
  background: #e0e0e0;
}
.product-specifications-fold .main-content .specs-col .specifications-list .specification-item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.product-specifications-fold .main-content .specs-col .specifications-list .specification-item h3 {
  color: #05020b;
  font-size: 1.25rem;
  font-weight: 500;
}
.product-specifications-fold .main-content .specs-col .specifications-list .specification-item p {
  color: #05020b;
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

@media (max-width: 767px) {
  .product-specifications-fold {
    margin-top: 60px;
  }
  .product-specifications-fold .main-content {
    flex-direction: column;
    gap: 32px;
  }
  .product-specifications-fold .main-content .fold-header {
    max-width: 100%;
    gap: 20px;
  }
  .product-specifications-fold .main-content .fold-header h2 {
    font-size: 20px;
    line-height: normal;
  }
  .product-specifications-fold .main-content .fold-header p {
    font-size: 12px;
  }
  .product-specifications-fold .main-content .specs-col .specifications-list {
    gap: 16px;
  }
  .product-specifications-fold .main-content .specs-col .specifications-list .specification-item {
    gap: 14px;
  }
  .product-specifications-fold .main-content .specs-col .specifications-list .specification-item h3 {
    font-size: 14px;
  }
  .product-specifications-fold .main-content .specs-col .specifications-list .specification-item p {
    font-size: 12px;
  }
}
.product-description-fold {
  margin-top: 7.5rem;
}
.product-description-fold .main-content {
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
}
.product-description-fold .main-content .fold-header h2 {
  color: #05020b;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: normal;
}
.product-description-fold .main-content .fold-header h2 span {
  color: #b4161b;
  font-size: 2.625rem;
  font-style: italic;
  font-weight: 400;
}
.product-description-fold .main-content .description-images-containers {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
}
.product-description-fold .main-content .description-images-containers .container-1 {
  background: wheat;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.875rem 2.25rem;
  border-radius: 1.25rem;
  background: url("/assets/images/product/description/box-bg1.webp");
  background-size: cover;
  background-repeat: no-repeat;
}
.product-description-fold .main-content .description-images-containers .container-1 .product-title {
  max-width: 244px;
}
.product-description-fold .main-content .description-images-containers .container-1 .product-title h3 {
  color: #b4161b;
  font-size: 2rem;
  font-weight: 400;
}
.product-description-fold .main-content .description-images-containers .container-1 .product-title p {
  color: #7c8397;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
}
.product-description-fold .main-content .description-images-containers .container-1 .img-wrapper {
  position: relative;
}
.product-description-fold .main-content .description-images-containers .container-1 .img-wrapper img {
  margin: 0 auto;
  width: 500px;
  height: 433px;
}
.product-description-fold .main-content .description-images-containers .container-1.no-2 {
  align-items: flex-end;
}
.product-description-fold .main-content .description-images-containers .container-2 {
  grid-column: span 2;
  background: wheat;
  display: flex;
  gap: 1rem;
  padding: 1.875rem 2.25rem;
  border-radius: 1.25rem;
  background: url("/assets/images/product/description/box-bg2.webp");
  background-size: cover;
  background-repeat: no-repeat;
  justify-content: space-between;
}
.product-description-fold .main-content .description-images-containers .container-2 .product-title {
  width: 40%;
  padding: 100px 0 0 50px;
}
.product-description-fold .main-content .description-images-containers .container-2 .product-title h3 {
  color: #b4161b;
  font-size: 2.5rem;
  font-weight: 300;
}
.product-description-fold .main-content .description-images-containers .container-2 .product-title h3 b {
  font-weight: 500;
}
.product-description-fold .main-content .description-images-containers .container-2 .img-wrapper {
  position: relative;
}
.product-description-fold .main-content .description-images-containers .container-2 .img-wrapper img {
  width: 500px;
  height: 600px;
  aspect-ratio: 542.41/674;
}

.annotator .annotator-text {
  position: relative;
  display: inline-flex;
  padding: 5px 20px;
  border-radius: 50px;
  background: rgba(255, 86, 86, 0.1);
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #393939;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.annotator .dot {
  width: 18px;
  height: 18px;
  border: 4px solid lightgrey;
  border-radius: 50%;
  background: white;
}

.annotator.type-2 .annotator-text {
  border-radius: 10px;
  border: 1px solid #ef7373;
  background: transparent;
  font-size: 16px;
  color: #ef7373;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .product-description-fold .main-content .description-images-containers .container-1 .img-wrapper img {
    height: auto;
  }
}
@media (max-width: 767px) {
  .product-description-fold {
    margin-top: 7.5rem;
  }
  .product-description-fold .main-content {
    gap: 32px;
  }
  .product-description-fold .main-content .fold-header h2 {
    font-size: 20px;
  }
  .product-description-fold .main-content .fold-header h2 span {
    font-size: 20px;
  }
  .product-description-fold .main-content .description-images-containers {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem;
    gap: 2rem;
  }
  .product-description-fold .main-content .description-images-containers .container-1 {
    grid-column: span 2;
    padding: 12px;
  }
  .product-description-fold .main-content .description-images-containers .container-1 .product-title {
    max-width: 186px;
  }
  .product-description-fold .main-content .description-images-containers .container-1 .product-title h3 {
    font-size: 18px;
  }
  .product-description-fold .main-content .description-images-containers .container-1 .product-title p {
    font-size: 12px;
  }
  .product-description-fold .main-content .description-images-containers .container-1 .img-wrapper {
    position: relative;
  }
  .product-description-fold .main-content .description-images-containers .container-1 .img-wrapper img {
    width: 292.25px;
    height: 252.875px;
    aspect-ratio: 292.25/252.87;
  }
  .product-description-fold .main-content .description-images-containers .container-1.no-2 {
    align-items: flex-end;
  }
  .product-description-fold .main-content .description-images-containers .container-2 {
    flex-direction: column;
    padding: 12px;
    background-position: right;
  }
  .product-description-fold .main-content .description-images-containers .container-2 .product-title {
    width: 100%;
    padding: 50px 20px;
  }
  .product-description-fold .main-content .description-images-containers .container-2 .product-title h3 {
    font-size: 18px;
  }
  .product-description-fold .main-content .description-images-containers .container-2 .img-wrapper {
    position: relative;
    justify-content: center;
    display: flex;
  }
  .product-description-fold .main-content .description-images-containers .container-2 .img-wrapper img {
    width: 273.62px;
    height: 340.001px;
    aspect-ratio: 273.62/340;
  }
  .annotator .annotator-text {
    font-size: 9px;
  }
  .annotator.type-2 .annotator-text {
    border-radius: 4px;
    font-size: 10px;
    padding: 2px 4px;
  }
}
.product-catalog-section {
  padding-top: 5rem;
}
.product-catalog-section .main-content {
  display: flex;
  gap: 2.5rem;
}
.product-catalog-section .main-content .img-catalog {
  flex: 1 1;
  display: flex;
  gap: 1.5rem;
}
.product-catalog-section .main-content .img-catalog .list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.product-catalog-section .main-content .img-catalog .list button {
  position: relative;
  cursor: pointer;
  display: flex;
  width: 5rem;
  height: 5rem;
  min-width: 5rem;
  min-height: 5rem;
  border-radius: 0.5rem;
  outline: 7px solid transparent;
  border: 1px solid #d3d6dc;
  overflow: hidden;
  background: none;
  transition: outline 0.2s ease, border-color 0.2s ease;
}
.product-catalog-section .main-content .img-catalog .list button:focus-visible {
  outline: 7px solid #ffd6d8;
  border-color: #ffd6d8;
}
.product-catalog-section .main-content .img-catalog .list button img {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.product-catalog-section .main-content .img-catalog .list button.active {
  outline: 7px solid #ffd6d8;
  border: 1px solid #ffd6d8;
}
.product-catalog-section .main-content .img-catalog .display-image-wrapper {
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
  height: 30.9375rem;
  width: 29.6875rem;
  min-height: 30.9375rem;
  aspect-ratio: 475/495;
  border: 1px solid #d3d6dc;
  background-color: #fafafa;
}
.product-catalog-section .main-content .img-catalog .display-image-wrapper img {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.product-catalog-section .main-content .product-details {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  justify-content: space-between;
}
.product-catalog-section .main-content .product-details .details {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
.product-catalog-section .main-content .product-details .details .header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.product-catalog-section .main-content .product-details .details .header h1 {
  color: #05020b;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
.product-catalog-section .main-content .product-details .details .header p {
  color: #05020b;
  font-size: 1rem;
  font-weight: 300;
}
.product-catalog-section .main-content .product-details .details .header .price {
  color: #b4161b;
  font-size: 1.625rem;
  font-weight: 600;
}
.product-catalog-section .main-content .product-details hr {
  background: #d3d6dc;
}
.product-catalog-section .main-content .product-details .bulk-order-info {
  border-left: 4px solid #f8c7cc;
  background: #fff4f5;
  border-radius: 0.625rem;
  padding: 0.75rem 1rem;
}
.product-catalog-section .main-content .product-details .bulk-order-info .bulk-order-info__text {
  margin: 0;
  font-size: 0.875rem;
  color: #05020b;
  font-weight: 400;
  line-height: 1.5;
}
.product-catalog-section .main-content .product-details .bulk-order-info .bulk-order-info__text .bulk-order-info__label {
  color: #8f1418;
  font-weight: 600;
}
.product-catalog-section .main-content .product-details .bulk-order-info .bulk-order-info__text .bulk-order-info__link {
  color: #b4161b;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}
.product-catalog-section .main-content .product-details .bulk-order-info .bulk-order-info__text .bulk-order-info__link:hover {
  color: #8f1418;
}
.product-catalog-section .main-content .product-details .benefits {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.product-catalog-section .main-content .product-details .benefits h2 {
  color: #05020b;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}
.product-catalog-section .main-content .product-details .benefits .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
.product-catalog-section .main-content .product-details .benefits .list .list-item {
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
  border-radius: 1rem;
  box-shadow: 0 0 24px -2px rgba(0, 0, 0, 0.1);
}
.product-catalog-section .main-content .product-details .benefits .list .list-item img {
  height: 2.5rem;
  width: 2.5rem;
  object-fit: contain;
}
.product-catalog-section .main-content .product-details .benefits .list .list-item .content {
  text-align: center;
  line-height: normal;
}
.product-catalog-section .main-content .product-details .benefits .list .list-item .content h3 {
  font-size: 0.875rem;
  color: #b4161b;
  margin: 0;
  font-weight: 500;
}
.product-catalog-section .main-content .product-details .benefits .list .list-item .content p {
  font-size: 0.875rem;
  color: #05020b;
  font-weight: 400;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .product-catalog-section .main-content .img-catalog .display-image-wrapper {
    width: 100%;
    aspect-ratio: unset;
  }
}
@media (max-width: 767px) {
  .product-catalog-section {
    padding-top: 20px;
  }
  .product-catalog-section .main-content {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .product-catalog-section .main-content .img-catalog {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
  }
  .product-catalog-section .main-content .img-catalog .list {
    display: flex;
    flex-direction: row;
    gap: 16px;
  }
  .product-catalog-section .main-content .img-catalog .list button {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 8px;
    outline: 5.25px solid transparent;
    border: 0.5px solid #d3d6dc;
    transition: outline 0.2s ease, border-color 0.2s ease;
  }
  .product-catalog-section .main-content .img-catalog .list button:focus-visible {
    outline: 5.25px solid #ffd6d8;
    border-color: #ffd6d8;
  }
  .product-catalog-section .main-content .img-catalog .list button.active {
    outline: 5.25px solid #ffd6d8;
    border: 0.5px solid #ffd6d8;
  }
  .product-catalog-section .main-content .img-catalog .display-image-wrapper {
    border-radius: 16px;
    height: 336px;
    min-height: 336px;
    width: 100%;
    aspect-ratio: 1/1;
    background-color: #fafafa;
  }
  .product-catalog-section .main-content .product-details {
    gap: 24px;
  }
  .product-catalog-section .main-content .product-details .details .header {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .product-catalog-section .main-content .product-details .details .header h1 {
    font-size: 20px;
  }
  .product-catalog-section .main-content .product-details .details .header p {
    font-size: 12px;
  }
  .product-catalog-section .main-content .product-details .details .header .price {
    font-size: 22px;
    font-weight: 600;
  }
  .product-catalog-section .main-content .product-details .details .shop-now-btn {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px 20px;
    background: #fff;
    box-shadow: 0 -1px 11px 0 rgba(0, 0, 0, 0.15);
    z-index: 100;
  }
  .product-catalog-section .main-content .product-details .details .shop-now-btn button,
  .product-catalog-section .main-content .product-details .details .shop-now-btn a {
    width: 100%;
  }
  .product-catalog-section .main-content .product-details .bulk-order-info {
    border-radius: 8px;
    padding: 10px 12px;
  }
  .product-catalog-section .main-content .product-details .bulk-order-info .bulk-order-info__text {
    font-size: 12px;
  }
  .product-catalog-section .main-content .product-details .benefits {
    gap: 20px;
  }
  .product-catalog-section .main-content .product-details .benefits h2 {
    font-size: 18px;
  }
  .product-catalog-section .main-content .product-details .benefits .list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 11px;
    gap: 11px;
  }
  .product-catalog-section .main-content .product-details .benefits .list .list-item {
    padding: 14px 8px;
    justify-content: space-between;
    gap: 10px;
    border-radius: 16px;
    box-shadow: 0 0 24px -2px rgba(0, 0, 0, 0.1);
  }
  .product-catalog-section .main-content .product-details .benefits .list .list-item img {
    height: 24px;
    width: 24px;
  }
  .product-catalog-section .main-content .product-details .benefits .list .list-item .content h3 {
    font-size: 12px;
  }
  .product-catalog-section .main-content .product-details .benefits .list .list-item .content p {
    font-size: 12px;
  }
}
.checkout-page {
  padding-top: 3rem;
}
.checkout-page .main-content {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.checkout-page .main-content .back-btn button svg {
  font-size: 0.8rem;
}
.checkout-page .main-content .back-btn button {
  display: flex;
  gap: 4px;
  align-items: center;
  color: #05020b;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: normal;
}
.checkout-page .main-content .page-content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.checkout-page .main-content .page-content h2 {
  color: #05020b;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: normal;
}
.checkout-page .main-content .page-content .checkout-container {
  display: flex;
  gap: 1.5rem;
}
.checkout-page .main-content .page-content .checkout-container .counter-address-col {
  flex: 2 1;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.checkout-page .main-content .page-content .checkout-container .pricing-col {
  flex: 1 1;
}
.checkout-page .main-content .page-content .checkout-container .pricing-col .returns-warranty-link {
  margin-top: 1.5rem;
  text-align: center;
}
.checkout-page .main-content .page-content .checkout-container .pricing-col a {
  color: "#c1272d";
  text-decoration: underline;
  font-weight: 500;
  font-size: 1rem;
  text-underline-offset: 2px;
}
@media (max-width: 767px) {
  .checkout-page .main-content .page-content .checkout-container .pricing-col a {
    font-size: 14px;
    color: #b4161b;
  }
}

.quantity-counter {
  display: flex;
  padding: 1.25rem;
  align-items: flex-start;
  gap: 1.5rem;
  border-radius: 0.75rem;
  border: 1px solid #e2e2e2;
  background: #fff;
}
.quantity-counter .img-wrapper {
  height: 7.75rem;
  width: 7.75rem;
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
}
.quantity-counter .img-wrapper img {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.quantity-counter .details-n-counter {
  flex: 1 1;
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}
.quantity-counter .details-n-counter .details h3 {
  color: #05020b;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: normal;
}
.quantity-counter .details-n-counter .details p {
  color: #05020b;
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
}
.quantity-counter .details-n-counter .details p span {
  color: #a8adba;
  font-weight: 300;
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.quantity-counter .details-n-counter .counter-wrapper .counter-comp {
  display: flex;
  gap: 0.625rem;
  padding: 0.375rem 1.25rem;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #dcdcdc;
  color: #05020b;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: normal;
}
.quantity-counter .details-n-counter .counter-wrapper .counter-comp button {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.shipping-address {
  border-radius: 0.75rem;
  border: 1px solid #e2e2e2;
  display: flex;
  padding: 1.25rem;
  flex-direction: column;
  gap: 1.75rem;
}
.shipping-address .shipping-address-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.shipping-address .shipping-address-header h3 {
  color: #05020b;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: normal;
}
.shipping-address .shipping-address-header .add-address-btn {
  color: #b4161b;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
}
.shipping-address .shipping-address-header .add-address-btn span {
  text-decoration: underline;
}
.shipping-address .saved-addresses-radio-group {
  display: flex;
  flex-direction: column;
}
.shipping-address .saved-addresses-radio-group .ant-wave {
  display: none !important;
}
.shipping-address .saved-addresses-radio-group .radio-item {
  padding: 1.5rem 0;
}
.shipping-address .saved-addresses-radio-group .radio-item:not(:last-child) {
  border-bottom: 1px solid #d9d9d9;
}
.shipping-address .saved-addresses-radio-group .radio-item:first-child {
  padding-top: 0;
}
.shipping-address .saved-addresses-radio-group .radio-item:last-child {
  padding-bottom: 0;
}
.shipping-address .saved-addresses-radio-group .address-item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.shipping-address .saved-addresses-radio-group .address-item .address-item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.shipping-address .saved-addresses-radio-group .address-item .address-item-header h4 {
  color: #05020b;
  font-family: var(--font-poppins);
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
}
.shipping-address .saved-addresses-radio-group .address-item .address-item-header .action-buttons {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.shipping-address .saved-addresses-radio-group .address-item .address-item-header .action-buttons button {
  display: flex;
  padding: 0.375rem 0.875rem;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
  border-radius: 0.5rem;
  border: 1px solid #dcdcdc;
  color: #05020b;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: normal;
}
.shipping-address .saved-addresses-radio-group .address-item .address-item-content .address-value {
  display: block;
  font-family: var(--font-poppins);
  color: #7c8397;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: normal;
}

.price-breakdown {
  display: flex;
  padding: 1.25rem;
  flex-direction: column;
  gap: 1.25rem;
  border-radius: 0.75rem;
  border: 1px solid #e5e5e5;
}
.price-breakdown h3 {
  color: #05020b;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: normal;
}
.price-breakdown .price-breakdown-items {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.25rem 0;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
}
.price-breakdown .price-breakdown-items p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #7c8397;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
}
.price-breakdown .price-breakdown-items p span {
  color: #05020b;
}
.price-breakdown .price-total p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #05020b;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
}
.price-breakdown .price-total p span {
  font-weight: 600;
}
.price-breakdown .pay-now-btn button {
  width: 100%;
}

@media (max-width: 767px) {
  .checkout-page {
    padding-top: 20px;
  }
  .checkout-page .main-content {
    gap: 20px;
  }
  .checkout-page .main-content .back-btn button svg {
    font-size: 10px;
  }
  .checkout-page .main-content .back-btn button {
    font-size: 14px;
  }
  .checkout-page .main-content .page-content {
    gap: 16px;
  }
  .checkout-page .main-content .page-content h2 {
    display: none;
  }
  .checkout-page .main-content .page-content .checkout-container {
    flex-direction: column;
    gap: 16px;
  }
  .quantity-counter {
    border-radius: 12px;
    padding: 16px;
    align-items: unset;
  }
  .quantity-counter .img-wrapper {
    height: 124px;
    width: 124px;
    border-radius: 8px;
  }
  .quantity-counter .details-n-counter {
    width: 100%;
    justify-content: space-between;
    flex-direction: column;
  }
  .quantity-counter .details-n-counter .details h3 {
    font-size: 14px;
    font-weight: 600;
  }
  .quantity-counter .details-n-counter .details p {
    margin-top: 4px;
    font-size: 12px;
  }
  .quantity-counter .details-n-counter .counter-wrapper .counter-comp {
    font-size: 12px;
    border-radius: 8px;
    padding: 6px 16px;
    gap: 6px;
    width: -moz-fit-content;
    width: fit-content;
  }
  .shipping-address {
    padding: 20px;
    border-radius: 12px;
    gap: 28px;
  }
  .shipping-address .shipping-address-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .shipping-address .shipping-address-header h3 {
    font-size: 14px;
  }
  .shipping-address .shipping-address-header .add-address-btn {
    font-size: 14px;
  }
  .shipping-address .saved-addresses-radio-group .radio-item {
    padding: 24px 0;
  }
  .shipping-address .saved-addresses-radio-group .radio-item:not(:last-child) {
    border-bottom: 1px solid #d9d9d9;
  }
  .shipping-address .saved-addresses-radio-group .radio-item .ant-wave-target {
    align-self: auto;
  }
  .shipping-address .saved-addresses-radio-group .radio-item .ant-radio-label {
    padding-left: 12px !important;
    padding-right: 0;
  }
  .shipping-address .saved-addresses-radio-group .address-item {
    gap: 8px;
  }
  .shipping-address .saved-addresses-radio-group .address-item .address-item-header h4 {
    font-size: 14px;
  }
  .shipping-address .saved-addresses-radio-group .address-item .address-item-header .action-buttons {
    gap: 12px;
  }
  .shipping-address .saved-addresses-radio-group .address-item .address-item-header .action-buttons button span {
    display: none;
  }
  .shipping-address .saved-addresses-radio-group .address-item .address-item-header .action-buttons button img {
    width: 14px;
    height: 14px;
  }
  .shipping-address .saved-addresses-radio-group .address-item .address-item-content .address-value {
    font-size: 12px;
  }
  .price-breakdown {
    padding: 16px;
    gap: 12px;
    border-radius: 12px;
  }
  .price-breakdown h3 {
    font-size: 16px;
  }
  .price-breakdown .price-breakdown-items {
    gap: 12px;
    padding: 12px 0;
  }
  .price-breakdown .price-breakdown-items p {
    font-size: 12px;
  }
  .price-breakdown .price-total p {
    font-size: 14px;
  }
  .price-breakdown .pay-now-btn {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px 20px;
    background: #fff;
    box-shadow: 0 -1px 11px 0 rgba(0, 0, 0, 0.15);
  }
  .price-breakdown .pay-now-btn button {
    width: 100%;
  }
}
.profile-section .profile-header-section {
  background-image: url("/assets/images/profile/Frame21.webp");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  height: 18rem;
}
.profile-section .profile-header-section .profile-header-inner {
  height: 100%;
  display: flex;
  align-items: flex-end;
}
.profile-section .profile-header-section .profile-header-inner .user-info {
  position: relative;
  bottom: -3.75rem;
  display: flex;
  gap: 1.5rem;
}
.profile-section .profile-header-section .profile-header-inner .user-info .profile-avatar {
  border-radius: 50%;
  background: #ffdddd;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13.625rem;
  height: 13.625rem;
}
.profile-section .profile-header-section .profile-header-inner .user-info .profile-avatar .user-initial {
  color: #e4232a;
  text-align: center;
  font-size: 5rem;
  font-weight: 500;
}
.profile-section .profile-header-section .profile-header-inner .user-info .profile-details {
  padding-top: 3.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.profile-section .profile-header-section .profile-header-inner .user-info .profile-details .user-name {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 500;
}
.profile-section .profile-header-section .profile-header-inner .user-info .profile-details .user-email {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 300;
}
.profile-section .profile-content-section {
  padding-top: 7.5rem;
  width: 100%;
}
.profile-section .profile-content-section .profile-content-inner {
  display: flex;
}
.profile-section .profile-content-section .profile-content-inner .sidebar {
  padding-right: 3.125rem;
  min-width: 11.125rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu.web-only {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu.web-only .logout-btn {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu.web-only .logout-btn .logout-icon {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #f1f1f1;
  align-items: center;
  justify-content: center;
}
.profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu.web-only .logout-btn .logout-icon img {
  width: 1rem;
  height: 1rem;
  object-fit: contain;
}
.profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu.web-only .logout-btn {
  color: #7c8397;
  font-size: 1rem;
  font-weight: 300;
}
.profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu.web-only .menu-list {
  -webkit-border-end: none;
          border-inline-end: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu.web-only .menu-list .ant-menu-item {
  display: flex;
  padding: 24px 20px 24px 4px !important;
  align-items: center;
  gap: 10px;
  border-radius: 40px;
  background: white;
}
.profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu.web-only .menu-list .ant-menu-item .icon-container {
  height: 2rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f1f1f1;
}
.profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu.web-only .menu-list .ant-menu-item .icon-container svg,
.profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu.web-only .menu-list .ant-menu-item .icon-container path {
  stroke: #253152 !important;
}
.profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu.web-only .menu-list .ant-menu-item .ant-menu-title-content {
  color: #7c8397;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  -webkit-margin-start: 0 !important;
          margin-inline-start: 0 !important;
}
.profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu.web-only .menu-list .ant-menu-item-selected {
  background: #ffe5e5;
}
.profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu.web-only .menu-list .ant-menu-item-selected .icon-container {
  background: white;
}
.profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu.web-only .menu-list .ant-menu-item-selected .icon-container svg,
.profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu.web-only .menu-list .ant-menu-item-selected .icon-container path {
  stroke: #b4161b !important;
}
.profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu.web-only .menu-list .ant-menu-item-selected .ant-menu-title-content {
  color: #b4161b !important;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-weight: 400;
}
.profile-section .profile-content-section .profile-content-inner .tab-content {
  border-left: 1px solid #e2e2e2;
  flex: 1 1;
  padding: 0 1rem 1rem 3.125rem;
  height: 80vh;
  overflow-y: auto;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .profile-section .profile-content-section .profile-content-inner .sidebar {
    padding-right: 1rem;
  }
  .profile-section .profile-content-section .profile-content-inner .tab-content {
    padding: 0 1rem 1rem 1rem;
  }
}
@media (max-width: 767px) {
  .profile-section .profile-header-section {
    background: linear-gradient(117deg, #000 -2%, #b4161b 82.81%);
    height: 160px;
  }
  .profile-section .profile-header-section .profile-header-inner {
    color: white;
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
  .profile-section .profile-header-section .profile-header-inner .back-btn {
    margin-top: 20px;
  }
  .profile-section .profile-header-section .profile-header-inner .back-btn button {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .profile-section .profile-header-section .profile-header-inner .user-info {
    position: relative;
    bottom: -40px;
    display: flex;
    gap: 1.5rem;
  }
  .profile-section .profile-header-section .profile-header-inner .user-info .profile-avatar {
    width: 100px;
    height: 100px;
  }
  .profile-section .profile-header-section .profile-header-inner .user-info .profile-avatar .user-initial {
    font-size: 36px;
  }
  .profile-section .profile-header-section .profile-header-inner .user-info .profile-details {
    padding-top: 12px;
  }
  .profile-section .profile-header-section .profile-header-inner .user-info .profile-details .user-name {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
  }
  .profile-section .profile-header-section .profile-header-inner .user-info .profile-details .user-email {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
  }
  .profile-section .profile-content-section {
    padding-top: 60px;
  }
  .profile-section .profile-content-section .profile-content-inner .sidebar {
    padding-right: 0;
  }
  .profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu {
    flex-direction: column;
    gap: 32px;
  }
  .profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu .your-information {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  .profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu .your-information .menu-title {
    color: #05020b;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 400;
  }
  .profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu .your-information .menu-list {
    -webkit-border-end: none;
            border-inline-end: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 8px;
  }
  .profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu .your-information .menu-list .ant-menu-item {
    display: flex;
    padding: 0 !important;
    margin: 0 !important;
    align-items: center;
    gap: 10px;
    background: white;
  }
  .profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu .your-information .menu-list .ant-menu-item .icon-container {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f1f1f1;
  }
  .profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu .your-information .menu-list .ant-menu-item .icon-container svg,
  .profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu .your-information .menu-list .ant-menu-item .icon-container path {
    stroke: #253152 !important;
  }
  .profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu .your-information .menu-list .ant-menu-item .ant-menu-title-content {
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    color: #7c8397;
    margin-left: 0 !important;
  }
  .profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu .other-information {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  .profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu .other-information .menu-title {
    color: #05020b;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 400;
  }
  .profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu .other-information .other-info-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu .other-information .other-info-wrapper .other-info-item {
    display: flex;
    align-items: center;
    gap: 10px;
    background: white;
    padding: 0 !important;
    margin: 0 !important;
  }
  .profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu .other-information .other-info-wrapper .other-info-item .icon-container {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f1f1f1;
  }
  .profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu .other-information .other-info-wrapper .other-info-item .icon-container img {
    width: 32px;
    height: 32px;
    object-fit: contain;
  }
  .profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu .other-information .other-info-wrapper .other-info-item .other-sidebar-item {
    color: #7c8397;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
  }
  .profile-section .profile-content-section .profile-content-inner .sidebar .profile-menu .other-information .logout-btn .logout-icon {
    width: 16px !important;
    height: 16px !important;
    object-fit: contain;
  }
  .profile-section .profile-content-section .profile-content-inner .tab-content {
    overflow: visible;
    height: 100%;
    border-left: none;
    flex: 1 1;
    padding-left: 0;
  }
}
.address-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
.address-section .address-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.address-section .address-header .address-img-section {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.address-section .address-header h2 {
  color: #05020b;
  font-size: 1.25rem;
  font-weight: 500;
}
.address-section .address-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
  gap: 1rem;
}
.address-section .address-grid .address-card {
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  flex: 1 0;
  border-radius: 1.25rem;
  border: 1px solid #e2e2e2;
}
.address-section .address-grid .address-card .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.address-section .address-grid .address-card .card-header h4 {
  color: #05020b;
  font-size: 1rem;
  font-weight: 500;
}
.address-section .address-grid .address-card .card-header .card-actions {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
}
.address-section .address-grid .address-card .card-header .card-actions button {
  display: flex;
  padding: 12px 14px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid #dcdcdc;
}
.address-section .address-grid .address-card .card-header .card-actions button img {
  height: 16px;
  width: 16px;
  object-fit: contain;
}
.address-section .address-grid .address-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.address-section .address-grid .address-content p {
  color: #7c8397;
  font-size: 0.875rem;
  font-weight: 300;
}
.address-section .address-grid .phone-number {
  color: #000;
  font-size: 0.875rem;
  font-weight: 400;
}

@media (max-width: 767px) {
  .address-section {
    gap: 20px;
  }
  .address-section .address-header .address-img-section h2 {
    color: #05020b;
    font-size: 16px;
    font-weight: 400;
  }
  .address-section .address-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .address-section .address-grid .address-card {
    padding: 16px;
    max-width: 100%;
    border-radius: 16px;
  }
  .address-section .address-grid .address-card .card-header h4 {
    font-size: 14px;
  }
  .address-section .address-grid .address-card .card-header .card-actions {
    gap: 12px;
  }
  .address-section .address-grid .address-card .card-header .card-actions button {
    padding: 8px;
    border-radius: 8px;
  }
  .address-section .address-grid .address-card .card-header .card-actions button img {
    height: 14px;
    width: 14px;
  }
  .address-section .address-grid .address-content p {
    font-size: 12px;
  }
  .address-section .address-grid .phone-number {
    font-size: 12px;
  }
}
.orderlist-container .main-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
.orderlist-container .main-container .image-section .order-img {
  display: none;
}
.orderlist-container .main-container .heading {
  font-size: 1.25rem;
  font-weight: 500;
}
.orderlist-container .main-container .order-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.875rem;
  gap: 1.875rem;
}
.orderlist-container .main-container .order-grid .order-card {
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
  gap: 1rem;
  border-radius: 0.75rem;
  background: #fff;
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.12);
}
.orderlist-container .main-container .order-grid .order-card .order-top {
  display: flex;
  justify-content: space-between;
  font-size: 1rem;
  color: #05020b;
  gap: 8.75rem;
  font-weight: 400;
}
.orderlist-container .main-container .order-grid .order-card .order-top .label .price {
  color: #05020b;
  font-size: 1rem;
  font-weight: 400;
}
.orderlist-container .main-container .order-grid .order-card .img-box {
  position: relative;
  height: 11.25rem;
  border-radius: 0.625rem;
  overflow: hidden;
}
.orderlist-container .main-container .order-grid .order-card .img-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.orderlist-container .main-container .order-grid .order-card .order-info {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
.orderlist-container .main-container .order-grid .order-card .order-info .title-price {
  display: flex;
  justify-content: space-between;
}
.orderlist-container .main-container .order-grid .order-card .order-info .title-price h3 {
  color: #05020b;
  font-size: 1rem;
  font-weight: 500;
}
.orderlist-container .main-container .order-grid .order-card .order-info .title-price p {
  color: #05020b;
  font-size: 1rem;
  font-weight: 400;
}
.orderlist-container .main-container .order-grid .order-card .order-info .order-details {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.orderlist-container .main-container .order-grid .order-card .order-info .order-details p {
  display: flex;
  justify-content: space-between;
  color: #515a75;
  font-size: 0.875rem;
  font-weight: 300;
}
.orderlist-container .main-container .order-grid .order-card .order-info .order-details p span {
  flex: 1 1;
}

@media (max-width: 767px) {
  .orderlist-container .main-container .image-section {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .orderlist-container .main-container .image-section .order-img {
    display: inline;
  }
  .orderlist-container .main-container .heading {
    font-size: 16px;
    font-weight: 400;
  }
  .orderlist-container .main-container .order-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 22px;
    gap: 22px;
  }
  .orderlist-container .main-container .order-grid .order-card {
    padding: 16px;
    gap: 14px;
    border-radius: 12px;
  }
  .orderlist-container .main-container .order-grid .order-card .img-box {
    position: relative;
    height: 152px;
  }
  .orderlist-container .main-container .order-grid .order-card .order-top {
    font-size: 14px;
  }
  .orderlist-container .main-container .order-grid .order-card .order-top .label .price {
    color: #05020b;
    font-size: 16px;
    font-weight: 400;
  }
  .orderlist-container .main-container .order-grid .order-card .order-info {
    gap: 8px;
  }
  .orderlist-container .main-container .order-grid .order-card .order-info .title-price {
    display: flex;
    justify-content: space-between;
  }
  .orderlist-container .main-container .order-grid .order-card .order-info .title-price h3 {
    color: #05020b;
    font-size: 14px;
    font-weight: 500;
  }
  .orderlist-container .main-container .order-grid .order-card .order-info .title-price p {
    color: #05020b;
    font-size: 14px;
    font-weight: 400;
  }
  .orderlist-container .main-container .order-grid .order-card .order-info .order-details p {
    color: #515a75;
    font-size: 12px;
    font-weight: 300;
  }
}
.user-info-container .main-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
.user-info-container .main-container .profile-img-section .profile-img {
  display: none;
}
.user-info-container .main-container h2 {
  color: #05020b;
  font-size: 1.25rem;
  font-weight: 500;
}
.user-info-container .main-container .form-section {
  display: flex;
  flex-direction: column;
  gap: 1.25rem 6.125rem;
  flex-wrap: wrap;
  border-radius: 20px;
  border: 1px solid #e2e2e2;
  padding: 20px 30px;
}
.user-info-container .main-container .form-section .heading-section {
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
}
.user-info-container .main-container .form-section .heading-section h3 {
  color: #05020b;
  font-size: 1rem;
  font-weight: 500;
}
.user-info-container .main-container .form-section .heading-section .btn-box {
  display: flex;
  height: 34px;
  padding: 6px 14px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border-radius: 8px;
  border: 1px solid #dcdcdc;
}
.user-info-container .main-container .form-section .heading-section .btn-box:disabled {
  visibility: hidden;
}
.user-info-container .main-container .form-section .heading-section .edit-btn {
  color: #05020b;
  font-size: 0.875rem;
  font-weight: 300;
}
.user-info-container .main-container .form-section .user-info-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.user-info-container .main-container .form-section .input-fields {
  max-width: 80%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 2.125rem;
  row-gap: 2.125rem;
  grid-column-gap: 3.125rem;
  column-gap: 3.125rem;
}
.user-info-container .main-container .form-section .input-fields label {
  color: #7c8397;
  font-size: 0.875rem;
  font-weight: 300;
  font-family: "Poppins", sans-serif;
}
.user-info-container .main-container .form-section .input-fields .input-field {
  color: #05020b;
  font-size: 1rem;
  font-weight: 400;
}
.user-info-container .main-container .form-section .input-fields .ant-input-disabled {
  background: white;
  border: transparent;
}
.user-info-container .main-container .form-section .edit-actions {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .user-info-container .main-container .form-section .input-fields {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .user-info-container .main-container {
    display: flex;
    flex-direction: column;
    gap: 18px;
    justify-content: center;
    align-items: flex-start;
  }
  .user-info-container .main-container .profile-img-section {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .user-info-container .main-container .profile-img-section .profile-img {
    display: flex !important;
  }
  .user-info-container .main-container h2 {
    color: #05020b;
    font-size: 16px;
    font-weight: 400;
  }
  .user-info-container .main-container .form-section {
    display: flex;
    width: 100%;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid #e2e2e2;
  }
  .user-info-container .main-container .form-section .heading-section {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
  }
  .user-info-container .main-container .form-section .heading-section h3 {
    color: #292929;
    font-size: 16px;
    font-weight: 600;
  }
  .user-info-container .main-container .form-section .heading-section .edit-btn {
    display: none;
  }
  .user-info-container .main-container .form-section .input-fields {
    max-width: 100%;
    grid-template-columns: 1fr;
    row-gap: 16px;
  }
  .user-info-container .main-container .form-section .input-fields label {
    font-size: 14px;
  }
  .user-info-container .main-container .form-section .input-fields .input-field {
    font-size: 14px;
  }
  .user-info-container .main-container .form-section .edit-actions {
    display: flex;
    align-items: flex-start;
    gap: 16px !important;
    width: 100%;
  }
  .user-info-container .main-container .form-section .edit-actions button {
    flex: 1 1;
  }
}
.blogs-list-section {
  padding: 5rem 0;
}
.blogs-list-section .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
}
.blogs-list-section .section-header .categories-row {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.blogs-list-section .section-header .categories-row .categories-label,
.blogs-list-section .section-header .categories-row .category-btn {
  color: #7c8397;
  font-size: 0.875rem;
}
.blogs-list-section .section-header .categories-row .category-btn:hover {
  color: #05020b;
}
.blogs-list-section .section-header .categories-row .category-btn.active {
  color: #05020b;
  font-weight: 500;
}
.blogs-list-section .section-header .search-blogs-input .search-blogs-input-field {
  border: transparent;
}
.blogs-list-section .section-header .search-blogs-input .search-blogs-input-field:focus-within {
  box-shadow: none !important;
  border-radius: 0 !important;
}
.blogs-list-section .divider {
  border-width: 2px;
  border-color: #e5e7eb;
  margin-top: 10px;
  margin-bottom: 3.125rem;
}
.blogs-list-section .blogs-list-grid {
  margin: 3.125rem 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.5rem;
  gap: 1.5rem;
  grid-row-gap: 4.375rem;
  row-gap: 4.375rem;
}

.blog-card .blog-card-image {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 20rem;
  border-radius: 1.25rem;
  position: relative;
  overflow: hidden;
}
.blog-card .blog-card-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-card {
  cursor: pointer;
  transition: all 0.5s ease;
}
.blog-card:hover {
  transform: scale(1.03);
}
.blog-card .blog-card-content {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.blog-card .blog-card-content h3 {
  color: #05020b;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  line-clamp: 2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-card .blog-card-content p,
.blog-card .blog-card-content span {
  color: #7c8397;
  font-family: "Poppins", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.blog-card .blog-card-content p {
  line-clamp: 3;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ant-pagination .ant-pagination-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: transparent !important;
}
.ant-pagination .ant-pagination-item a {
  color: #05020b;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  transition: all 0.15s ease;
}
.ant-pagination .ant-pagination-item.ant-pagination-item-active:hover a {
  color: #b4161b;
}
.ant-pagination .ant-pagination-item.ant-pagination-item-active a {
  color: #b4161b;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .blog-card .blog-card-image {
    height: 16rem;
  }
}
@media (max-width: 767px) {
  .blogs-list-section {
    padding: 1.5rem 0;
  }
  .blogs-list-section .section-header .categories-row {
    display: none;
  }
  .blogs-list-section .section-header .search-blogs-input {
    width: 100%;
  }
  .blogs-list-section .blogs-list-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .blog-card .blog-card-image {
    width: 100%;
    height: 214px;
    border-radius: 16px;
  }
  .blog-card .blog-card-content {
    margin-top: 1.5rem;
    gap: 10px;
  }
  .blog-card .blog-card-content h3 {
    font-size: 14px;
  }
  .blog-card .blog-card-content p,
  .blog-card .blog-card-content span {
    font-size: 12px;
  }
  .blog-card .blog-card-content p {
    line-clamp: 3;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ant-pagination .ant-pagination-item a {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .blogs-list-section {
    padding: 3rem 2.5rem;
  }
}
.blogs-page-banner {
  padding: 9.375rem 0;
  background: url("/assets/images/blogs/banner-image.webp");
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
}
.blogs-page-banner .inner-main-content {
  display: flex;
  flex-direction: column;
  max-width: 50%;
  gap: 0.5rem;
}
.blogs-page-banner .inner-main-content .title {
  color: #ffffff;
  font-size: 3.75rem;
  font-weight: 500;
}
.blogs-page-banner .inner-main-content .description {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .blogs-page-banner .inner-main-content {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .blogs-page-banner {
    padding: 56px 0;
    height: 416px;
    background-position: 75%;
  }
  .blogs-page-banner .inner-main-content {
    max-width: 100%;
    height: 100%;
    gap: 8px;
    justify-content: flex-end;
  }
  .blogs-page-banner .inner-main-content .title {
    font-size: 32px;
  }
  .blogs-page-banner .inner-main-content .description {
    font-size: 12px;
  }
}
.blog-detail {
  padding: 5rem 0;
}
.blog-detail .inner-content {
  display: flex;
  flex-direction: column;
  gap: 5.625rem;
}
.blog-detail .inner-content .blog-content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.blog-detail .inner-content .blog-content .blog-image {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 34.375rem;
  border-radius: 1.25rem;
  position: relative;
  overflow: hidden;
}
.blog-detail .inner-content .blog-content .blog-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-detail .inner-content .blog-content .blog-title {
  color: #05020b;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: normal;
}
.blog-detail .inner-content .blog-content .blog-date {
  color: #7c8397;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
}
.blog-detail .inner-content .blog-content .blog-content-text {
  line-height: 1.5;
  color: inherit;
  font-size: inherit;
}
.blog-detail .inner-content .blog-content .blog-content-text,
.blog-detail .inner-content .blog-content .blog-content-text * {
  line-height: inherit !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.blog-detail .inner-content .blog-content .blog-content-text p {
  margin: 0 0 0.5em !important;
  line-height: 1.25 !important;
}
.blog-detail .inner-content .blog-content .blog-content-text p:first-child {
  margin-top: 0 !important;
}
.blog-detail .inner-content .blog-content .blog-content-text ul,
.blog-detail .inner-content .blog-content .blog-content-text ol {
  margin: 0 0 0.5em !important;
  padding-left: 1.5em !important;
}
.blog-detail .inner-content .blog-content .blog-content-text li {
  margin-bottom: 0.25em !important;
  line-height: 1.5 !important;
}
.blog-detail .inner-content .blog-content .blog-content-text li:last-child {
  margin-bottom: 0 !important;
}
.blog-detail .inner-content .blog-content .blog-content-text a,
.blog-detail .inner-content .blog-content .blog-content-text span {
  line-height: inherit !important;
}
.blog-detail .inner-content .blog-content .blog-content-text h1,
.blog-detail .inner-content .blog-content .blog-content-text h2,
.blog-detail .inner-content .blog-content .blog-content-text h3,
.blog-detail .inner-content .blog-content .blog-content-text h4,
.blog-detail .inner-content .blog-content .blog-content-text h5,
.blog-detail .inner-content .blog-content .blog-content-text h6 {
  margin: 1rem 0 0.5rem !important;
  line-height: 1.25 !important;
}
.blog-detail .inner-content .blog-content .blog-content-text h1:first-child,
.blog-detail .inner-content .blog-content .blog-content-text h2:first-child,
.blog-detail .inner-content .blog-content .blog-content-text h3:first-child,
.blog-detail .inner-content .blog-content .blog-content-text h4:first-child,
.blog-detail .inner-content .blog-content .blog-content-text h5:first-child,
.blog-detail .inner-content .blog-content .blog-content-text h6:first-child {
  margin-top: 0 !important;
}
.blog-detail .inner-content .more-blogs {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.blog-detail .inner-content .more-blogs h2 {
  color: #05020b;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: normal;
}
.blog-detail .inner-content .more-blogs .more-blogs-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.5rem;
  gap: 1.5rem;
  grid-row-gap: 4.375rem;
  row-gap: 4.375rem;
}

@media (max-width: 767px) {
  .blog-detail {
    padding: 2rem 0;
  }
  .blog-detail .inner-content .blog-content .blog-title {
    font-size: 20px;
  }
  .blog-detail .inner-content .blog-content .blog-date {
    font-size: 12px;
  }
  .blog-detail .inner-content .more-blogs {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
  }
  .blog-detail .inner-content .more-blogs h2 {
    font-size: 20px;
  }
  .blog-detail .inner-content .more-blogs .more-blogs-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1.5rem;
    gap: 1.5rem;
    grid-row-gap: 4.375rem;
    row-gap: 4.375rem;
  }
}
.download-hero-section {
  padding: 1.25rem 0 0;
}
.download-hero-section .container {
  padding: 0 4.25rem;
}
.download-hero-section .download-hero-main {
  display: flex;
  align-items: stretch;
  gap: 2.5rem;
  min-height: 30rem;
}
.download-hero-section .download-hero-main .left-col {
  flex: 1.6 1;
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.download-hero-section .download-hero-main .left-col .hero-bg {
  z-index: 0;
}
.download-hero-section .download-hero-main .left-col .hero-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 2.75rem;
  padding: 3rem;
  max-width: 34rem;
}
.download-hero-section .download-hero-main .left-col .hero-content .hero-header {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.download-hero-section .download-hero-main .left-col .hero-content .hero-header .hero-subtitle {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 400;
}
.download-hero-section .download-hero-main .left-col .hero-content .hero-header .hero-headline {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.35;
}
.download-hero-section .download-hero-main .left-col .hero-content .hero-description {
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.6;
  max-width: 32.5rem;
}
.download-hero-section .download-hero-main .left-col .hero-content .cta-wrapper {
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 0.75rem;
  padding: 0.375rem;
  width: -moz-fit-content;
  width: fit-content;
}
.download-hero-section .download-hero-main .left-col .hero-content .cta-wrapper .download-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  color: #b4161b;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.75rem 1.25rem;
  border-radius: 0.625rem;
  box-shadow: 0 8px 6px rgba(0, 0, 0, 0.2);
  transition: all 0.15s ease;
  white-space: nowrap;
}
.download-hero-section .download-hero-main .left-col .hero-content .cta-wrapper .download-cta:hover {
  background: #f5f5f5;
  color: #b4161b;
}
.download-hero-section .download-hero-main .right-col {
  flex: 1 1;
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.download-hero-section .download-hero-main .right-col .hero-bg {
  z-index: 0;
}
.download-hero-section .download-hero-main .right-col .product-image {
  position: relative;
  z-index: 1;
  object-fit: contain;
  width: auto;
  height: 100%;
  max-height: 30rem;
}

.download-features-section {
  padding: 4rem 0;
}
.download-features-section .container {
  padding: 0 4.25rem;
}
.download-features-section .features-grid {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
}
.download-features-section .features-grid .feature-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.25rem;
  flex: 1 1;
  max-width: 21rem;
}
.download-features-section .features-grid .feature-card .feature-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  background: #fee;
  border-radius: 0.625rem;
  overflow: hidden;
}
.download-features-section .features-grid .feature-card .feature-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
  text-align: center;
  width: 100%;
}
.download-features-section .features-grid .feature-card .feature-content .feature-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #05020b;
}
.download-features-section .features-grid .feature-card .feature-content .feature-description {
  font-size: 0.875rem;
  font-weight: 300;
  color: #7c8397;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .download-hero-section .container {
    padding: 0 2rem;
  }
  .download-hero-section .download-hero-main {
    flex-direction: column;
    gap: 1.25rem;
    min-height: unset;
  }
  .download-hero-section .download-hero-main .left-col {
    min-height: 22rem;
  }
  .download-hero-section .download-hero-main .left-col .hero-content {
    padding: 2rem 1.5rem;
    gap: 1.5rem;
  }
  .download-hero-section .download-hero-main .left-col .hero-content .hero-header .hero-subtitle {
    font-size: 2rem;
  }
  .download-hero-section .download-hero-main .left-col .hero-content .hero-header .hero-headline {
    font-size: 2rem;
  }
  .download-hero-section .download-hero-main .left-col .hero-content .hero-description {
    font-size: 1rem;
  }
  .download-hero-section .download-hero-main .left-col .hero-content .cta-wrapper .download-cta {
    font-size: 0.875rem;
    padding: 0.625rem 1rem;
  }
  .download-hero-section .download-hero-main .right-col {
    min-height: 35rem;
  }
  .download-hero-section .download-hero-main .right-col .product-image {
    max-height: 14rem;
  }
  .download-features-section {
    padding: 2.5rem 0;
  }
  .download-features-section .features-grid {
    flex-direction: column;
    align-items: center;
    gap: 2.5rem;
  }
  .download-features-section .features-grid .feature-card {
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .download-hero-section .download-hero-main {
    gap: 1.5rem;
    min-height: 24rem;
  }
  .download-hero-section .download-hero-main .left-col .hero-content {
    padding: 2rem;
    gap: 2rem;
  }
  .download-hero-section .download-hero-main .left-col .hero-content .hero-header .hero-subtitle {
    font-size: 2rem;
  }
  .download-hero-section .download-hero-main .left-col .hero-content .hero-header .hero-headline {
    font-size: 2rem;
  }
}