/* [project]/ui/assets/fonts/index.css [client] (css) */
@font-face {
  font-family: InstrumentSans-Regular;
  src: url("/fonts/InstrumentSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: InstrumentSans-Medium;
  src: url("/fonts/InstrumentSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: InstrumentSans-SemiBold;
  src: url("/fonts/InstrumentSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: InstrumentSans-Bold;
  src: url("/fonts/InstrumentSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: InstrumentSans-Italic;
  src: url("/fonts/InstrumentSans-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: InstrumentSans-MediumItalic;
  src: url("/fonts/InstrumentSans-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: InstrumentSans-SemiBoldItalic;
  src: url("/fonts/InstrumentSans-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: InstrumentSans-BoldItalic;
  src: url("/fonts/InstrumentSans-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: DroidSerif;
  src: url("/fonts/DroidSerif.ttf") format("truetype");
  font-weight: normal;
}

@font-face {
  font-family: DroidSerif-Bold;
  src: url("/fonts/DroidSerif-Bold.ttf") format("truetype");
  font-weight: bold;
}

@font-face {
  font-family: Poppins-Light;
  src: url("/fonts/Poppins-Light.ttf") format("truetype");
  font-weight: 300;
}

@font-face {
  font-family: Poppins-Regular;
  src: url("/fonts/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: DancingScript-Regular;
  src: url("/fonts/DancingScript-Regular.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: Poppins-Medium;
  src: url("/fonts/Poppins-Medium.ttf") format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: Poppins-SemiBold;
  src: url("/fonts/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
}

@font-face {
  font-family: Poppins-Bold;
  src: url("/fonts/Poppins-Bold.ttf") format("truetype");
  font-weight: 700;
}

/* [project]/ui/assets/global.css [client] (css) */
.my-masonry-grid {
  width: auto;
  margin-left: -30px;
  display: flex;
}

.my-masonry-grid_column {
  background-clip: padding-box;
  padding-left: 30px;
}

.my-masonry-grid_column > div {
  background: gray;
  margin-bottom: 30px;
}

input {
  outline: none !important;
}

.swiper.my-swiper {
  width: 100%;
}

.swiper.my-swiper.slides-per-view-auto .swiper-slide {
  width: auto !important;
}

.swiper.my-swiper .swiper-button-disabled {
  display: none;
}

.swiper.my-swiper .swiper-button-next, .swiper.my-swiper .swiper-button-prev {
  color: #fff;
  pointer-events: none;
  width: 45px;
  height: 100%;
  top: 22px;
  bottom: 0;
}

.swiper.my-swiper .swiper-button-next:after, .swiper.my-swiper .swiper-button-prev:after {
  pointer-events: all;
}

.swiper.my-swiper.arrows-background .swiper-button-next, .swiper.my-swiper.arrows-background .swiper-button-prev {
  pointer-events: all;
  background: #c4c4c480;
}

.swiper.my-swiper .swiper-button-prev {
  left: 0;
}

.swiper.my-swiper .swiper-button-next {
  right: 0;
}

.swiper.my-swiper .swiper-pagination-bullet {
  background: #d6d6d6;
}

.swiper.my-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #0c2936;
}

.landing-background {
  background-color: #c4c4c4;
  width: 100%;
  min-width: 700px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.landing-background .ellipse {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  position: absolute;
}

.landing-background .ellipse1 {
  background-image: url("/landing-bg/Ellipse36.png");
  animation-name: ellipse1;
}

.landing-background .ellipse2 {
  background-image: url("/landing-bg/Ellipse32.png");
  animation-name: ellipse2;
}

.landing-background .ellipse3 {
  background-image: url("/landing-bg/Ellipse33.png");
  animation-name: ellipse3;
}

.landing-background .ellipse4 {
  background-image: url("/landing-bg/Ellipse34.png");
  animation-name: ellipse4;
}

.landing-background .ellipse5 {
  background-image: url("/landing-bg/Ellipse35.png");
  animation-name: ellipse5;
}

.landing-background .ellipse6 {
  background-image: url("/landing-bg/Ellipse37.png");
  animation-name: ellipse6;
}

.landing-background .ellipse7 {
  background-image: url("/landing-bg/Ellipse38.png");
  animation-name: ellipse7;
}

.landing-background .ellipse8 {
  background-image: url("/landing-bg/Ellipse38-1.png");
  animation-name: ellipse8;
}

.landing-background .ellipse9 {
  background-image: url("/landing-bg/Ellipse39.png");
  animation-name: ellipse9;
}

.landing-background .ellipse10 {
  background-image: url("/landing-bg/Ellipse40.png");
  animation-name: ellipse10;
}

.landing-background .ellipse11 {
  background-image: url("/landing-bg/Ellipse40-1.png");
  animation-name: ellipse11;
}

.landing-background .ellipse12 {
  background-image: url("/landing-bg/Ellipse32.png");
  animation-name: ellipse12;
}

.landing-background .ellipse13 {
  background-image: url("/landing-bg/Ellipse33-1.png");
  animation-name: ellipse13;
}

@keyframes ellipse1 {
  from {
    width: 56.84%;
    height: 89.76%;
    top: 28.01%;
    left: -20.95%;
  }

  to {
    width: 88.32%;
    height: 93.01%;
    top: 60.24%;
    left: -8.57%;
  }
}

@keyframes ellipse2 {
  from {
    width: 56.84%;
    height: 71.04%;
    top: -21.56%;
    left: -20.95%;
  }

  to {
    width: 56.84%;
    height: 71.04%;
    top: -21.56%;
    left: -20.95%;
  }
}

@keyframes ellipse3 {
  from {
    width: 56.84%;
    height: 71.04%;
    top: -18.64%;
    left: 59.37%;
  }

  to {
    width: 56.84%;
    height: 71.04%;
    top: -18.1%;
    left: 59.37%;
  }
}

@keyframes ellipse4 {
  from {
    width: 56.84%;
    height: 71.04%;
    top: -18.64%;
    left: 29.14%;
  }

  to {
    width: 66.48%;
    height: 109.78%;
    top: -18.1%;
    left: 29.14%;
  }
}

@keyframes ellipse5 {
  from {
    width: 56.84%;
    height: 71.04%;
    top: -8.46%;
    left: 5.71%;
  }

  to {
    width: 49.2%;
    height: 57.4%;
    top: -14.42%;
    left: -8.57%;
  }
}

@keyframes ellipse6 {
  from {
    width: 53.85%;
    height: 67.14%;
    top: 17.51%;
    left: 23.16%;
  }

  to {
    width: 74.53%;
    height: 107.94%;
    top: -52.4%;
    left: 11.03%;
  }
}

@keyframes ellipse7 {
  from {
    opacity: 1;
    width: 53.85%;
    height: 67.14%;
    top: 52.58%;
    left: 25.9%;
  }

  to {
    opacity: 0;
    width: 53.85%;
    height: 67.14%;
    top: 22.92%;
    left: 63.69%;
  }
}

@keyframes ellipse8 {
  from {
    opacity: 0;
    width: 53.85%;
    height: 67.14%;
    top: 52.58%;
    left: 25.9%;
  }

  to {
    opacity: 1;
    width: 53.85%;
    height: 67.14%;
    top: 22.92%;
    left: 63.69%;
  }
}

@keyframes ellipse9 {
  from {
    width: 53.85%;
    height: 67.14%;
    top: 28.01%;
    left: 67.01%;
  }

  to {
    width: 53.85%;
    height: 67.14%;
    top: 28.55%;
    left: 67.01%;
  }
}

@keyframes ellipse10 {
  from {
    opacity: 1;
    width: 53.85%;
    height: 67.14%;
    top: 50.63%;
    left: 54.05%;
  }

  to {
    opacity: 0;
    width: 53.85%;
    height: 67.14%;
    top: 50.63%;
    left: 54.05%;
  }
}

@keyframes ellipse11 {
  from {
    opacity: 0;
    width: 64.9%;
    height: 116.49%;
    top: -41.15%;
    left: -15.13%;
  }

  to {
    opacity: 1;
    width: 64.9%;
    height: 116.49%;
    top: -41.15%;
    left: -15.13%;
  }
}

@keyframes ellipse12 {
  from {
    opacity: 0;
    width: 56.84%;
    height: 71.04%;
    top: 78.98%;
    left: 40.27%;
  }

  to {
    opacity: 1;
    width: 56.84%;
    height: 71.04%;
    top: 48.57%;
    left: 52.06%;
  }
}

@keyframes ellipse13 {
  from {
    opacity: 0;
    width: 56.84%;
    height: 71.04%;
    top: 92.08%;
    left: 66.93%;
  }

  to {
    opacity: 1;
    width: 56.84%;
    height: 71.04%;
    top: 61.67%;
    left: 78.72%;
  }
}

#hubspot-conversations-inline-parent {
  width: 100%;
  height: 100%;
}

#hubspot-conversations-inline-iframe {
  border: none;
  width: 100%;
  height: 100%;
}

.dixa-messenger-wrapper {
  bottom: 100px !important;
}

@media (max-width: 767px) {
  .intercom-lightweight-app, .intercom-launcher-frame {
    bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

.wwx-intercom-launcher {
  display: none !important;
}

@media (max-width: 767px) {
  .wwx-intercom-launcher {
    display: flex !important;
  }
}

/* [project]/node_modules/node-snackbar/dist/snackbar.css [client] (css) */
.snackbar-container {
  color: #fff;
  opacity: 0;
  z-index: 9999;
  background-color: #070b0e;
  justify-content: space-between;
  align-items: center;
  min-height: 14px;
  padding: 18px 24px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 22px;
  transition: top .5s, right .5s, bottom .5s, left .5s, opacity .5s;
  display: flex;
  position: fixed;
  top: -100px;
  bottom: -100px;
}

.snackbar-container .action {
  background: inherit;
  font-size: inherit;
  text-transform: uppercase;
  color: #4caf50;
  cursor: pointer;
  border: none;
  min-width: min-content;
  margin: 0 0 0 24px;
  padding: 0;
  display: inline-block;
}

@media (min-width: 640px) {
  .snackbar-container {
    border-radius: 2px;
    min-width: 288px;
    max-width: 568px;
    margin: 24px;
    display: inline-flex;
  }
}

@media (max-width: 640px) {
  .snackbar-container {
    width: 100%;
    left: 0;
    right: 0;
  }
}

.snackbar-pos.bottom-center {
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  top: auto !important;
}

.snackbar-pos.bottom-left {
  bottom: 0;
  left: 0;
  top: auto !important;
}

.snackbar-pos.bottom-right {
  bottom: 0;
  right: 0;
  top: auto !important;
}

.snackbar-pos.top-left {
  top: 0;
  left: 0;
  bottom: auto !important;
}

.snackbar-pos.top-center {
  top: 0;
  left: 50%;
  transform: translate(-50%);
  bottom: auto !important;
}

.snackbar-pos.top-right {
  top: 0;
  right: 0;
  bottom: auto !important;
}

@media (max-width: 640px) {
  .snackbar-pos.bottom-center, .snackbar-pos.top-center {
    left: 0;
    transform: none;
  }
}

/* [project]/node_modules/react-image-crop/dist/ReactCrop.css [client] (css) */
.ReactCrop {
  cursor: crosshair;
  max-width: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.ReactCrop *, .ReactCrop :before, .ReactCrop :after {
  box-sizing: border-box;
}

.ReactCrop--disabled, .ReactCrop--locked {
  cursor: inherit;
}

.ReactCrop__child-wrapper {
  max-height: inherit;
}

.ReactCrop__child-wrapper > img, .ReactCrop__child-wrapper > video {
  max-width: 100%;
  max-height: inherit;
  display: block;
}

.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper > img, .ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper > video, .ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection {
  touch-action: none;
}

.ReactCrop__crop-selection {
  cursor: move;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateZ(0);
  box-shadow: 0 0 0 9999em #00000080;
}

.ReactCrop--disabled .ReactCrop__crop-selection {
  cursor: inherit;
}

.ReactCrop--circular-crop .ReactCrop__crop-selection {
  border-radius: 50%;
}

.ReactCrop--no-animate .ReactCrop__crop-selection {
  outline: 1px dashed #fff;
}

.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection) {
  color: #fff;
  background-image: linear-gradient(to right, #fff 50%, #444 50%), linear-gradient(to right, #fff 50%, #444 50%), linear-gradient(#fff 50%, #444 50%), linear-gradient(#fff 50%, #444 50%);
  background-position: 0 0, 0 100%, 0 0, 100% 0;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 10px 1px, 10px 1px, 1px 10px, 1px 10px;
  animation: 1s linear infinite marching-ants;
}

@keyframes marching-ants {
  0% {
    background-position: 0 0, 0 100%, 0 0, 100% 0;
  }

  to {
    background-position: 20px 0, -20px 100%, 0 -20px, 100% 20px;
  }
}

.ReactCrop__crop-selection:focus {
  border-style: solid;
  border-color: #00f;
  outline: none;
}

.ReactCrop--invisible-crop .ReactCrop__crop-selection {
  display: none;
}

.ReactCrop__rule-of-thirds-vt:before, .ReactCrop__rule-of-thirds-vt:after, .ReactCrop__rule-of-thirds-hz:before, .ReactCrop__rule-of-thirds-hz:after {
  content: "";
  background-color: #fff6;
  display: block;
  position: absolute;
}

.ReactCrop__rule-of-thirds-vt:before, .ReactCrop__rule-of-thirds-vt:after {
  width: 1px;
  height: 100%;
}

.ReactCrop__rule-of-thirds-vt:before {
  left: 33.3333%;
}

.ReactCrop__rule-of-thirds-vt:after {
  left: 66.6667%;
}

.ReactCrop__rule-of-thirds-hz:before, .ReactCrop__rule-of-thirds-hz:after {
  width: 100%;
  height: 1px;
}

.ReactCrop__rule-of-thirds-hz:before {
  top: 33.3333%;
}

.ReactCrop__rule-of-thirds-hz:after {
  top: 66.6667%;
}

.ReactCrop__drag-handle {
  position: absolute;
}

.ReactCrop__drag-handle:after {
  content: "";
  background-color: #0003;
  border: 1px solid #ffffffb3;
  outline: 1px solid #0000;
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
}

.ReactCrop__drag-handle:focus:after {
  background: #2dbfff;
  border-color: #00f;
}

.ReactCrop .ord-nw {
  cursor: nw-resize;
  margin-top: -5px;
  margin-left: -5px;
  top: 0;
  left: 0;
}

.ReactCrop .ord-nw:after {
  top: 0;
  left: 0;
}

.ReactCrop .ord-n {
  cursor: n-resize;
  margin-top: -5px;
  margin-left: -5px;
  top: 0;
  left: 50%;
}

.ReactCrop .ord-n:after {
  top: 0;
}

.ReactCrop .ord-ne {
  cursor: ne-resize;
  margin-top: -5px;
  margin-right: -5px;
  top: 0;
  right: 0;
}

.ReactCrop .ord-ne:after {
  top: 0;
  right: 0;
}

.ReactCrop .ord-e {
  cursor: e-resize;
  margin-top: -5px;
  margin-right: -5px;
  top: 50%;
  right: 0;
}

.ReactCrop .ord-e:after {
  right: 0;
}

.ReactCrop .ord-se {
  cursor: se-resize;
  margin-bottom: -5px;
  margin-right: -5px;
  bottom: 0;
  right: 0;
}

.ReactCrop .ord-se:after {
  bottom: 0;
  right: 0;
}

.ReactCrop .ord-s {
  cursor: s-resize;
  margin-bottom: -5px;
  margin-left: -5px;
  bottom: 0;
  left: 50%;
}

.ReactCrop .ord-s:after {
  bottom: 0;
}

.ReactCrop .ord-sw {
  cursor: sw-resize;
  margin-bottom: -5px;
  margin-left: -5px;
  bottom: 0;
  left: 0;
}

.ReactCrop .ord-sw:after {
  bottom: 0;
  left: 0;
}

.ReactCrop .ord-w {
  cursor: w-resize;
  margin-top: -5px;
  margin-left: -5px;
  top: 50%;
  left: 0;
}

.ReactCrop .ord-w:after {
  left: 0;
}

.ReactCrop__disabled .ReactCrop__drag-handle {
  cursor: inherit;
}

.ReactCrop__drag-bar {
  position: absolute;
}

.ReactCrop__drag-bar.ord-n {
  width: 100%;
  height: 6px;
  margin-top: -3px;
  top: 0;
  left: 0;
}

.ReactCrop__drag-bar.ord-e {
  width: 6px;
  height: 100%;
  margin-right: -3px;
  top: 0;
  right: 0;
}

.ReactCrop__drag-bar.ord-s {
  width: 100%;
  height: 6px;
  margin-bottom: -3px;
  bottom: 0;
  left: 0;
}

.ReactCrop__drag-bar.ord-w {
  width: 6px;
  height: 100%;
  margin-left: -3px;
  top: 0;
  left: 0;
}

.ReactCrop--new-crop .ReactCrop__drag-bar, .ReactCrop--new-crop .ReactCrop__drag-handle, .ReactCrop--fixed-aspect .ReactCrop__drag-bar, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
  display: none;
}

@media (pointer: coarse) {
  .ReactCrop .ord-n, .ReactCrop .ord-e, .ReactCrop .ord-s, .ReactCrop .ord-w {
    display: none;
  }

  .ReactCrop__drag-handle {
    width: 24px;
    height: 24px;
  }
}

/* [project]/node_modules/bootstrap/dist/css/bootstrap.min.css [client] (css) */
:root, [data-bs-theme="light"] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13,110,253;
  --bs-secondary-rgb: 108,117,125;
  --bs-success-rgb: 25,135,84;
  --bs-info-rgb: 13,202,240;
  --bs-warning-rgb: 255,193,7;
  --bs-danger-rgb: 220,53,69;
  --bs-light-rgb: 248,249,250;
  --bs-dark-rgb: 33,37,41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255,255,255;
  --bs-black-rgb: 0,0,0;
  --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --bs-gradient: linear-gradient(180deg, #ffffff26, #fff0);
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33,37,41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255,255,255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0,0,0;
  --bs-secondary-color: #212529bf;
  --bs-secondary-color-rgb: 33,37,41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233,236,239;
  --bs-tertiary-color: #21252980;
  --bs-tertiary-color-rgb: 33,37,41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248,249,250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13,110,253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10,88,202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: #0000002d;
  --bs-border-radius: .375rem;
  --bs-border-radius-sm: .25rem;
  --bs-border-radius-lg: .5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 .5rem 1rem #00000026;
  --bs-box-shadow-sm: 0 .125rem .25rem #00000013;
  --bs-box-shadow-lg: 0 1rem 3rem #0000002d;
  --bs-box-shadow-inset: inset 0 1px 2px #00000013;
  --bs-focus-ring-width: .25rem;
  --bs-focus-ring-opacity: .25;
  --bs-focus-ring-color: #0d6efd40;
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222,226,230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33,37,41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255,255,255;
  --bs-secondary-color: #dee2e6bf;
  --bs-secondary-color-rgb: 222,226,230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52,58,64;
  --bs-tertiary-color: #dee2e680;
  --bs-tertiary-color-rgb: 222,226,230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43,48,53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110,168,254;
  --bs-link-hover-color-rgb: 139,185,254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: #ffffff26;
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}

*, :after, :before {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  margin: 0;
}

hr {
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: .25;
  margin: 1rem 0;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: var(--bs-heading-color);
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
}

.h1, h1 {
  font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
  .h1, h1 {
    font-size: 2.5rem;
  }
}

.h2, h2 {
  font-size: calc(1.325rem + .9vw);
}

@media (min-width: 1200px) {
  .h2, h2 {
    font-size: 2rem;
  }
}

.h3, h3 {
  font-size: calc(1.3rem + .6vw);
}

@media (min-width: 1200px) {
  .h3, h3 {
    font-size: 1.75rem;
  }
}

.h4, h4 {
  font-size: calc(1.275rem + .3vw);
}

@media (min-width: 1200px) {
  .h4, h4 {
    font-size: 1.5rem;
  }
}

.h5, h5 {
  font-size: 1.25rem;
}

.h6, h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  cursor: help;
  text-decoration-skip-ink: none;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

address {
  font-style: normal;
  line-height: inherit;
  margin-bottom: 1rem;
}

ol, ul {
  padding-left: 2rem;
}

dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol, ol ul, ul ol, ul ul {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b, strong {
  font-weight: bolder;
}

.small, small {
  font-size: .875em;
}

.mark, mark {
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
  padding: .1875em;
}

sub, sup {
  vertical-align: baseline;
  font-size: .75em;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, 1));
  text-decoration: underline;
}

a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

code, kbd, pre, samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: .875em;
  display: block;
  overflow: auto;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  color: var(--bs-code-color);
  word-wrap: break-word;
  font-size: .875em;
}

a > code {
  color: inherit;
}

kbd {
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: .25rem;
  padding: .1875rem .375rem;
  font-size: .875em;
}

kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img, svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  color: var(--bs-secondary-color);
  text-align: left;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

tbody, td, tfoot, th, thead, tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

button, select {
  text-transform: none;
}

[role="button"] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

select:disabled {
  opacity: 1;
}

[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator {
  display: none !important;
}

[type="button"], [type="reset"], [type="submit"], button {
  -webkit-appearance: button;
}

[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

textarea {
  resize: vertical;
}

fieldset {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

legend {
  float: left;
  width: 100%;
  line-height: inherit;
  margin-bottom: .5rem;
  padding: 0;
  font-size: calc(1.275rem + .3vw);
}

@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}

legend + * {
  clear: left;
}

::-webkit-datetime-edit-day-field {
  padding: 0;
}

::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

::-webkit-datetime-edit-hour-field {
  padding: 0;
}

::-webkit-datetime-edit-minute {
  padding: 0;
}

::-webkit-datetime-edit-month-field {
  padding: 0;
}

::-webkit-datetime-edit-text {
  padding: 0;
}

::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale();
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  cursor: pointer;
  display: list-item;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.list-unstyled, .list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: .5rem;
}

.initialism {
  text-transform: uppercase;
  font-size: .875em;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  color: #6c757d;
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: .875em;
}

.blockquote-footer:before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
  padding: .25rem;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: .5rem;
  line-height: 1;
}

.figure-caption {
  color: var(--bs-secondary-color);
  font-size: .875em;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container, .container-md, .container-sm {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
  }
}

:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
  flex-wrap: wrap;
  display: flex;
}

.row > * {
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
  flex-shrink: 0;
}

.col {
  flex: 1 0 0;
}

.row-cols-auto > * {
  flex: none;
  width: auto;
}

.row-cols-1 > * {
  flex: none;
  width: 100%;
}

.row-cols-2 > * {
  flex: none;
  width: 50%;
}

.row-cols-3 > * {
  flex: none;
  width: 33.3333%;
}

.row-cols-4 > * {
  flex: none;
  width: 25%;
}

.row-cols-5 > * {
  flex: none;
  width: 20%;
}

.row-cols-6 > * {
  flex: none;
  width: 16.6667%;
}

.col-auto {
  flex: none;
  width: auto;
}

.col-1 {
  flex: none;
  width: 8.33333%;
}

.col-2 {
  flex: none;
  width: 16.6667%;
}

.col-3 {
  flex: none;
  width: 25%;
}

.col-4 {
  flex: none;
  width: 33.3333%;
}

.col-5 {
  flex: none;
  width: 41.6667%;
}

.col-6 {
  flex: none;
  width: 50%;
}

.col-7 {
  flex: none;
  width: 58.3333%;
}

.col-8 {
  flex: none;
  width: 66.6667%;
}

.col-9 {
  flex: none;
  width: 75%;
}

.col-10 {
  flex: none;
  width: 83.3333%;
}

.col-11 {
  flex: none;
  width: 91.6667%;
}

.col-12 {
  flex: none;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333%;
}

.offset-2 {
  margin-left: 16.6667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333%;
}

.offset-5 {
  margin-left: 41.6667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333%;
}

.offset-8 {
  margin-left: 66.6667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333%;
}

.offset-11 {
  margin-left: 91.6667%;
}

.g-0, .gx-0 {
  --bs-gutter-x: 0;
}

.g-0, .gy-0 {
  --bs-gutter-y: 0;
}

.g-1, .gx-1 {
  --bs-gutter-x: .25rem;
}

.g-1, .gy-1 {
  --bs-gutter-y: .25rem;
}

.g-2, .gx-2 {
  --bs-gutter-x: .5rem;
}

.g-2, .gy-2 {
  --bs-gutter-y: .5rem;
}

.g-3, .gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3, .gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4, .gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4, .gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5, .gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5, .gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }

  .row-cols-sm-auto > * {
    flex: none;
    width: auto;
  }

  .row-cols-sm-1 > * {
    flex: none;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: none;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: none;
    width: 33.3333%;
  }

  .row-cols-sm-4 > * {
    flex: none;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: none;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: none;
    width: 16.6667%;
  }

  .col-sm-auto {
    flex: none;
    width: auto;
  }

  .col-sm-1 {
    flex: none;
    width: 8.33333%;
  }

  .col-sm-2 {
    flex: none;
    width: 16.6667%;
  }

  .col-sm-3 {
    flex: none;
    width: 25%;
  }

  .col-sm-4 {
    flex: none;
    width: 33.3333%;
  }

  .col-sm-5 {
    flex: none;
    width: 41.6667%;
  }

  .col-sm-6 {
    flex: none;
    width: 50%;
  }

  .col-sm-7 {
    flex: none;
    width: 58.3333%;
  }

  .col-sm-8 {
    flex: none;
    width: 66.6667%;
  }

  .col-sm-9 {
    flex: none;
    width: 75%;
  }

  .col-sm-10 {
    flex: none;
    width: 83.3333%;
  }

  .col-sm-11 {
    flex: none;
    width: 91.6667%;
  }

  .col-sm-12 {
    flex: none;
    width: 100%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333%;
  }

  .offset-sm-2 {
    margin-left: 16.6667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.3333%;
  }

  .offset-sm-5 {
    margin-left: 41.6667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.3333%;
  }

  .offset-sm-8 {
    margin-left: 66.6667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.3333%;
  }

  .offset-sm-11 {
    margin-left: 91.6667%;
  }

  .g-sm-0, .gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0, .gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1, .gx-sm-1 {
    --bs-gutter-x: .25rem;
  }

  .g-sm-1, .gy-sm-1 {
    --bs-gutter-y: .25rem;
  }

  .g-sm-2, .gx-sm-2 {
    --bs-gutter-x: .5rem;
  }

  .g-sm-2, .gy-sm-2 {
    --bs-gutter-y: .5rem;
  }

  .g-sm-3, .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3, .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4, .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4, .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5, .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5, .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0;
  }

  .row-cols-md-auto > * {
    flex: none;
    width: auto;
  }

  .row-cols-md-1 > * {
    flex: none;
    width: 100%;
  }

  .row-cols-md-2 > * {
    flex: none;
    width: 50%;
  }

  .row-cols-md-3 > * {
    flex: none;
    width: 33.3333%;
  }

  .row-cols-md-4 > * {
    flex: none;
    width: 25%;
  }

  .row-cols-md-5 > * {
    flex: none;
    width: 20%;
  }

  .row-cols-md-6 > * {
    flex: none;
    width: 16.6667%;
  }

  .col-md-auto {
    flex: none;
    width: auto;
  }

  .col-md-1 {
    flex: none;
    width: 8.33333%;
  }

  .col-md-2 {
    flex: none;
    width: 16.6667%;
  }

  .col-md-3 {
    flex: none;
    width: 25%;
  }

  .col-md-4 {
    flex: none;
    width: 33.3333%;
  }

  .col-md-5 {
    flex: none;
    width: 41.6667%;
  }

  .col-md-6 {
    flex: none;
    width: 50%;
  }

  .col-md-7 {
    flex: none;
    width: 58.3333%;
  }

  .col-md-8 {
    flex: none;
    width: 66.6667%;
  }

  .col-md-9 {
    flex: none;
    width: 75%;
  }

  .col-md-10 {
    flex: none;
    width: 83.3333%;
  }

  .col-md-11 {
    flex: none;
    width: 91.6667%;
  }

  .col-md-12 {
    flex: none;
    width: 100%;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333%;
  }

  .offset-md-2 {
    margin-left: 16.6667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.3333%;
  }

  .offset-md-5 {
    margin-left: 41.6667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.3333%;
  }

  .offset-md-8 {
    margin-left: 66.6667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.3333%;
  }

  .offset-md-11 {
    margin-left: 91.6667%;
  }

  .g-md-0, .gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0, .gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1, .gx-md-1 {
    --bs-gutter-x: .25rem;
  }

  .g-md-1, .gy-md-1 {
    --bs-gutter-y: .25rem;
  }

  .g-md-2, .gx-md-2 {
    --bs-gutter-x: .5rem;
  }

  .g-md-2, .gy-md-2 {
    --bs-gutter-y: .5rem;
  }

  .g-md-3, .gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3, .gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4, .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4, .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5, .gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5, .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0;
  }

  .row-cols-lg-auto > * {
    flex: none;
    width: auto;
  }

  .row-cols-lg-1 > * {
    flex: none;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: none;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: none;
    width: 33.3333%;
  }

  .row-cols-lg-4 > * {
    flex: none;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: none;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: none;
    width: 16.6667%;
  }

  .col-lg-auto {
    flex: none;
    width: auto;
  }

  .col-lg-1 {
    flex: none;
    width: 8.33333%;
  }

  .col-lg-2 {
    flex: none;
    width: 16.6667%;
  }

  .col-lg-3 {
    flex: none;
    width: 25%;
  }

  .col-lg-4 {
    flex: none;
    width: 33.3333%;
  }

  .col-lg-5 {
    flex: none;
    width: 41.6667%;
  }

  .col-lg-6 {
    flex: none;
    width: 50%;
  }

  .col-lg-7 {
    flex: none;
    width: 58.3333%;
  }

  .col-lg-8 {
    flex: none;
    width: 66.6667%;
  }

  .col-lg-9 {
    flex: none;
    width: 75%;
  }

  .col-lg-10 {
    flex: none;
    width: 83.3333%;
  }

  .col-lg-11 {
    flex: none;
    width: 91.6667%;
  }

  .col-lg-12 {
    flex: none;
    width: 100%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333%;
  }

  .offset-lg-2 {
    margin-left: 16.6667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.3333%;
  }

  .offset-lg-5 {
    margin-left: 41.6667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.3333%;
  }

  .offset-lg-8 {
    margin-left: 66.6667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.3333%;
  }

  .offset-lg-11 {
    margin-left: 91.6667%;
  }

  .g-lg-0, .gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0, .gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1, .gx-lg-1 {
    --bs-gutter-x: .25rem;
  }

  .g-lg-1, .gy-lg-1 {
    --bs-gutter-y: .25rem;
  }

  .g-lg-2, .gx-lg-2 {
    --bs-gutter-x: .5rem;
  }

  .g-lg-2, .gy-lg-2 {
    --bs-gutter-y: .5rem;
  }

  .g-lg-3, .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3, .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4, .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4, .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5, .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5, .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }

  .row-cols-xl-auto > * {
    flex: none;
    width: auto;
  }

  .row-cols-xl-1 > * {
    flex: none;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: none;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: none;
    width: 33.3333%;
  }

  .row-cols-xl-4 > * {
    flex: none;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: none;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: none;
    width: 16.6667%;
  }

  .col-xl-auto {
    flex: none;
    width: auto;
  }

  .col-xl-1 {
    flex: none;
    width: 8.33333%;
  }

  .col-xl-2 {
    flex: none;
    width: 16.6667%;
  }

  .col-xl-3 {
    flex: none;
    width: 25%;
  }

  .col-xl-4 {
    flex: none;
    width: 33.3333%;
  }

  .col-xl-5 {
    flex: none;
    width: 41.6667%;
  }

  .col-xl-6 {
    flex: none;
    width: 50%;
  }

  .col-xl-7 {
    flex: none;
    width: 58.3333%;
  }

  .col-xl-8 {
    flex: none;
    width: 66.6667%;
  }

  .col-xl-9 {
    flex: none;
    width: 75%;
  }

  .col-xl-10 {
    flex: none;
    width: 83.3333%;
  }

  .col-xl-11 {
    flex: none;
    width: 91.6667%;
  }

  .col-xl-12 {
    flex: none;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333%;
  }

  .offset-xl-2 {
    margin-left: 16.6667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.3333%;
  }

  .offset-xl-5 {
    margin-left: 41.6667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.3333%;
  }

  .offset-xl-8 {
    margin-left: 66.6667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.3333%;
  }

  .offset-xl-11 {
    margin-left: 91.6667%;
  }

  .g-xl-0, .gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0, .gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1, .gx-xl-1 {
    --bs-gutter-x: .25rem;
  }

  .g-xl-1, .gy-xl-1 {
    --bs-gutter-y: .25rem;
  }

  .g-xl-2, .gx-xl-2 {
    --bs-gutter-x: .5rem;
  }

  .g-xl-2, .gy-xl-2 {
    --bs-gutter-y: .5rem;
  }

  .g-xl-3, .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3, .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4, .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4, .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5, .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5, .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0;
  }

  .row-cols-xxl-auto > * {
    flex: none;
    width: auto;
  }

  .row-cols-xxl-1 > * {
    flex: none;
    width: 100%;
  }

  .row-cols-xxl-2 > * {
    flex: none;
    width: 50%;
  }

  .row-cols-xxl-3 > * {
    flex: none;
    width: 33.3333%;
  }

  .row-cols-xxl-4 > * {
    flex: none;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    flex: none;
    width: 20%;
  }

  .row-cols-xxl-6 > * {
    flex: none;
    width: 16.6667%;
  }

  .col-xxl-auto {
    flex: none;
    width: auto;
  }

  .col-xxl-1 {
    flex: none;
    width: 8.33333%;
  }

  .col-xxl-2 {
    flex: none;
    width: 16.6667%;
  }

  .col-xxl-3 {
    flex: none;
    width: 25%;
  }

  .col-xxl-4 {
    flex: none;
    width: 33.3333%;
  }

  .col-xxl-5 {
    flex: none;
    width: 41.6667%;
  }

  .col-xxl-6 {
    flex: none;
    width: 50%;
  }

  .col-xxl-7 {
    flex: none;
    width: 58.3333%;
  }

  .col-xxl-8 {
    flex: none;
    width: 66.6667%;
  }

  .col-xxl-9 {
    flex: none;
    width: 75%;
  }

  .col-xxl-10 {
    flex: none;
    width: 83.3333%;
  }

  .col-xxl-11 {
    flex: none;
    width: 91.6667%;
  }

  .col-xxl-12 {
    flex: none;
    width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333%;
  }

  .offset-xxl-2 {
    margin-left: 16.6667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.3333%;
  }

  .offset-xxl-5 {
    margin-left: 41.6667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.3333%;
  }

  .offset-xxl-8 {
    margin-left: 66.6667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.3333%;
  }

  .offset-xxl-11 {
    margin-left: 91.6667%;
  }

  .g-xxl-0, .gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0, .gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1, .gx-xxl-1 {
    --bs-gutter-x: .25rem;
  }

  .g-xxl-1, .gy-xxl-1 {
    --bs-gutter-y: .25rem;
  }

  .g-xxl-2, .gx-xxl-2 {
    --bs-gutter-x: .5rem;
  }

  .g-xxl-2, .gy-xxl-2 {
    --bs-gutter-y: .5rem;
  }

  .g-xxl-3, .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3, .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4, .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4, .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5, .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5, .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}

.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), .05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), .1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), .075);
  vertical-align: top;
  border-color: var(--bs-table-border-color);
  width: 100%;
  margin-bottom: 1rem;
}

.table > :not(caption) > * > * {
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
  padding: .5rem;
}

.table > tbody {
  vertical-align: inherit;
}

.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: .25rem;
}

.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}

.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}

.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > *, .table-striped-columns > :not(caption) > tr > :nth-child(2n) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #a6b5cc;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #b5b6b7;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #a7b9b1;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #a6c3ca;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #ccc2a4;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #c6acae;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #c6c7c8;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #4d5154;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-responsive {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }
}

@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }
}

.form-label {
  margin-bottom: .5rem;
}

.col-form-label {
  padding-top: calc(.375rem + var(--bs-border-width));
  padding-bottom: calc(.375rem + var(--bs-border-width));
  font-size: inherit;
  margin-bottom: 0;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(.5rem + var(--bs-border-width));
  padding-bottom: calc(.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(.25rem + var(--bs-border-width));
  padding-bottom: calc(.25rem + var(--bs-border-width));
  font-size: .875rem;
}

.form-text {
  color: var(--bs-secondary-color);
  margin-top: .25rem;
  font-size: .875em;
}

.form-control {
  width: 100%;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background-clip: padding-box;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}

.form-control[type="file"] {
  overflow: hidden;
}

.form-control[type="file"]:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem #0d6efd40;
}

.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}

.form-control::-webkit-datetime-edit {
  padding: 0;
  display: block;
}

.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}

.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}

.form-control::-webkit-file-upload-button {
  -webkit-margin-end: .75rem;
  margin: -.375rem -.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  margin-inline-end: .75rem;
  padding: .375rem .75rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control::file-selector-button {
  -webkit-margin-end: .75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  margin: -.375rem -.75rem;
  margin-inline-end: .75rem;
  padding: .375rem .75rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: var(--bs-secondary-bg);
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}

.form-control-plaintext {
  width: 100%;
  color: var(--bs-body-color);
  border: solid #0000;
  border-width: var(--bs-border-width) 0;
  background-color: #0000;
  margin-bottom: 0;
  padding: .375rem 0;
  line-height: 1.5;
  display: block;
}

.form-control-plaintext:focus {
  outline: 0;
}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
  padding-left: 0;
  padding-right: 0;
}

.form-control-sm {
  min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
  border-radius: var(--bs-border-radius-sm);
  padding: .25rem .5rem;
  font-size: .875rem;
}

.form-control-sm::file-selector-button {
  -webkit-margin-end: .5rem;
  margin: -.25rem -.5rem;
  margin-inline-end: .5rem;
  padding: .25rem .5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  border-radius: var(--bs-border-radius-lg);
  padding: .5rem 1rem;
  font-size: 1.25rem;
}

.form-control-lg::file-selector-button {
  -webkit-margin-end: 1rem;
  margin: -.5rem -1rem;
  margin-inline-end: 1rem;
  padding: .5rem 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
}

textarea.form-control-sm {
  min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
}

textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
  padding: .375rem;
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control-color::-moz-color-swatch {
  border-radius: var(--bs-border-radius);
  border: 0 !important;
}

.form-control-color::-webkit-color-swatch {
  border-radius: var(--bs-border-radius);
  border: 0 !important;
}

.form-control-color.form-control-sm {
  height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
}

.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  width: 100%;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon, none);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background-position: right .75rem center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
  padding: .375rem 2.25rem .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}

.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem #0d6efd40;
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
  background-image: none;
  padding-right: .75rem;
}

.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}

.form-select:-moz-focusring {
  color: #0000;
  text-shadow: 0 0 0 var(--bs-body-color);
}

.form-select-sm {
  border-radius: var(--bs-border-radius-sm);
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  font-size: .875rem;
}

.form-select-lg {
  border-radius: var(--bs-border-radius-lg);
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

[data-bs-theme="dark"] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-check {
  min-height: 1.5rem;
  margin-bottom: .125rem;
  padding-left: 1.5em;
  display: block;
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  text-align: right;
  padding-left: 0;
  padding-right: 1.5em;
}

.form-check-reverse .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: -1.5em;
}

.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  vertical-align: top;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  color-adjust: exact;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: .25em;
}

.form-check-input[type="checkbox"] {
  border-radius: .25em;
}

.form-check-input[type="radio"] {
  border-radius: 50%;
}

.form-check-input:active {
  filter: brightness(90%);
}

.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem #0d6efd40;
}

.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-check-input:checked[type="checkbox"] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type="radio"] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input[type="checkbox"]:indeterminate {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: .5;
}

.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
  cursor: default;
  opacity: .5;
}

.form-switch {
  padding-left: 2.5em;
}

.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-image: var(--bs-form-switch-bg);
  background-position: 0;
  border-radius: 2em;
  width: 2em;
  margin-left: -2.5em;
  transition: background-position .15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}

.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  background-position: 100%;
}

.form-switch.form-check-reverse {
  padding-left: 0;
  padding-right: 2.5em;
}

.form-switch.form-check-reverse .form-check-input {
  margin-left: 0;
  margin-right: -2.5em;
}

.form-check-inline {
  margin-right: 1rem;
  display: inline-block;
}

.btn-check {
  clip: rect(0,0,0,0);
  pointer-events: none;
  position: absolute;
}

.btn-check:disabled + .btn, .btn-check[disabled] + .btn {
  pointer-events: none;
  filter: none;
  opacity: .65;
}

[data-bs-theme="dark"] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}

.form-range {
  appearance: none;
  background-color: #0000;
  width: 100%;
  height: 1.5rem;
  padding: 0;
}

.form-range:focus {
  outline: 0;
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem #0d6efd40;
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem #0d6efd40;
}

.form-range::-moz-focus-outer {
  border: 0;
}

.form-range::-webkit-slider-thumb {
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  width: 1rem;
  height: 1rem;
  margin-top: -.25rem;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}

.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}

.form-range::-webkit-slider-runnable-track {
  color: #0000;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: #0000;
  border-radius: 1rem;
  width: 100%;
  height: .5rem;
}

.form-range::-moz-range-thumb {
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  width: 1rem;
  height: 1rem;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}

.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}

.form-range::-moz-range-track {
  color: #0000;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: #0000;
  border-radius: 1rem;
  width: 100%;
  height: .5rem;
}

.form-range:disabled {
  pointer-events: none;
}

.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}

.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}

.form-floating {
  position: relative;
}

.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}

.form-floating > label {
  z-index: 2;
  max-width: 100%;
  height: 100%;
  color: rgba(var(--bs-body-color-rgb),.65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  padding: 1rem .75rem;
  transition: opacity .1s ease-in-out, transform .1s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}

.form-floating > .form-control, .form-floating > .form-control-plaintext {
  padding: 1rem .75rem;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: #0000;
}

.form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), :-webkit-any(.form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill) {
  padding-top: 1.625rem;
  padding-bottom: .625rem;
}

.form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), :is(.form-floating > .form-control-plaintext:autofill, .form-floating > .form-control:autofill) {
  padding-top: 1.625rem;
  padding-bottom: .625rem;
}

.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: .625rem;
  padding-left: .75rem;
}

.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
  transform: scale(.85)translateY(-.5rem)translateX(.15rem);
}

.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(.85)translateY(-.5rem)translateX(.15rem);
}

.form-floating > textarea:focus ~ label:after, .form-floating > textarea:not(:placeholder-shown) ~ label:after {
  z-index: -1;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
  height: 1.5em;
  position: absolute;
  inset: 1rem .375rem;
}

.form-floating > textarea:disabled ~ label:after {
  background-color: var(--bs-secondary-bg);
}

.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}

.form-floating > .form-control:disabled ~ label, .form-floating > :disabled ~ label {
  color: #6c757d;
}

.input-group {
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.input-group > .form-control, .input-group > .form-floating, .input-group > .form-select {
  flex: auto;
  width: 1%;
  min-width: 0;
  position: relative;
}

.input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus {
  z-index: 5;
}

.input-group .btn {
  z-index: 2;
  position: relative;
}

.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  align-items: center;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
  border-radius: var(--bs-border-radius-lg);
  padding: .5rem 1rem;
  font-size: 1.25rem;
}

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {
  border-radius: var(--bs-border-radius-sm);
  padding: .25rem .5rem;
  font-size: .875rem;
}

.input-group-lg > .form-select, .input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select, .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * var(--bs-border-width));
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  width: 100%;
  color: var(--bs-form-valid-color);
  margin-top: .25rem;
  font-size: .875em;
  display: none;
}

.valid-tooltip {
  z-index: 5;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  margin-top: .1rem;
  padding: .25rem .5rem;
  font-size: .875rem;
  display: none;
  position: absolute;
  top: 100%;
}

.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip {
  display: block;
}

.form-control.is-valid, .was-validated .form-control:valid {
  border-color: var(--bs-form-valid-border-color);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  background-position: right calc(.375em + .1875rem) center;
  background-repeat: no-repeat;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
  padding-right: calc(1.5em + .75rem);
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  background-position: right calc(.375em + .1875rem) top calc(.375em + .1875rem);
  padding-right: calc(1.5em + .75rem);
}

.form-select.is-valid, .was-validated .form-select:valid {
  border-color: var(--bs-form-valid-border-color);
}

.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  background-position: right .75rem center, right 2.25rem center;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
  padding-right: 4.125rem;
}

.form-select.is-valid:focus, .was-validated .form-select:valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25);
}

.form-control-color.is-valid, .was-validated .form-control-color:valid {
  width: calc(1.5em + 3.75rem);
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
  border-color: var(--bs-form-valid-border-color);
}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
  background-color: var(--bs-form-valid-color);
}

.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25);
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: .5em;
}

.input-group > .form-control:not(:focus).is-valid, .input-group > .form-floating:not(:focus-within).is-valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .was-validated .input-group > .form-select:not(:focus):valid {
  z-index: 3;
}

.invalid-feedback {
  width: 100%;
  color: var(--bs-form-invalid-color);
  margin-top: .25rem;
  font-size: .875em;
  display: none;
}

.invalid-tooltip {
  z-index: 5;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  margin-top: .1rem;
  padding: .25rem .5rem;
  font-size: .875rem;
  display: none;
  position: absolute;
  top: 100%;
}

.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
  display: block;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
  border-color: var(--bs-form-invalid-border-color);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right calc(.375em + .1875rem) center;
  background-repeat: no-repeat;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
  padding-right: calc(1.5em + .75rem);
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  background-position: right calc(.375em + .1875rem) top calc(.375em + .1875rem);
  padding-right: calc(1.5em + .75rem);
}

.form-select.is-invalid, .was-validated .form-select:invalid {
  border-color: var(--bs-form-invalid-border-color);
}

.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right .75rem center, right 2.25rem center;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
  padding-right: 4.125rem;
}

.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25);
}

.form-control-color.is-invalid, .was-validated .form-control-color:invalid {
  width: calc(1.5em + 3.75rem);
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
  border-color: var(--bs-form-invalid-border-color);
}

.form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {
  background-color: var(--bs-form-invalid-color);
}

.form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus {
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25);
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: .5em;
}

.input-group > .form-control:not(:focus).is-invalid, .input-group > .form-floating:not(:focus-within).is-invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .was-validated .input-group > .form-select:not(:focus):invalid {
  z-index: 4;
}

.btn {
  --bs-btn-padding-x: .75rem;
  --bs-btn-padding-y: .375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 #ffffff26,0 1px 1px #00000013;
  --bs-btn-disabled-opacity: .65;
  --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  display: inline-block;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}

.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}

.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  box-shadow: var(--bs-btn-focus-box-shadow);
  outline: 0;
}

.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  box-shadow: var(--bs-btn-focus-box-shadow);
  outline: 0;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}

.btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130,138,145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60,153,110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11,172,204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217,164,6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225,83,97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211,212,213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66,70,73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13,110,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108,117,125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25,135,84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13,202,240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255,193,7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220,53,69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248,249,250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33,37,41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  text-decoration: underline;
}

.btn-link:focus-visible {
  color: var(--bs-btn-color);
}

.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-group-lg > .btn, .btn-lg {
  --bs-btn-padding-y: .5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}

.btn-group-sm > .btn, .btn-sm {
  --bs-btn-padding-y: .25rem;
  --bs-btn-padding-x: .5rem;
  --bs-btn-font-size: .875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.fade {
  transition: opacity .15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  transition: height .35s;
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width .35s;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle:after {
  vertical-align: .255em;
  content: "";
  border: .3em solid #0000;
  border-top-color: currentColor;
  border-bottom: 0;
  margin-left: .255em;
  display: inline-block;
}

.dropdown-toggle:empty:after {
  margin-left: 0;
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: .5rem;
  --bs-dropdown-spacer: .125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: .5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: .25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: .5rem;
  z-index: var(--bs-dropdown-zindex);
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  background-color: var(--bs-dropdown-bg);
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
  background-clip: padding-box;
  margin: 0;
  list-style: none;
  display: none;
  position: absolute;
}

.dropdown-menu[data-bs-popper] {
  margin-top: var(--bs-dropdown-spacer);
  top: 100%;
  left: 0;
}

.dropdown-menu-start {
  --bs-position: start;
}

.dropdown-menu-start[data-bs-popper] {
  left: 0;
  right: auto;
}

.dropdown-menu-end {
  --bs-position: end;
}

.dropdown-menu-end[data-bs-popper] {
  left: auto;
  right: 0;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }

  .dropdown-menu-sm-start[data-bs-popper] {
    left: 0;
    right: auto;
  }

  .dropdown-menu-sm-end {
    --bs-position: end;
  }

  .dropdown-menu-sm-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }

  .dropdown-menu-md-start[data-bs-popper] {
    left: 0;
    right: auto;
  }

  .dropdown-menu-md-end {
    --bs-position: end;
  }

  .dropdown-menu-md-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }

  .dropdown-menu-lg-start[data-bs-popper] {
    left: 0;
    right: auto;
  }

  .dropdown-menu-lg-end {
    --bs-position: end;
  }

  .dropdown-menu-lg-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }

  .dropdown-menu-xl-start[data-bs-popper] {
    left: 0;
    right: auto;
  }

  .dropdown-menu-xl-end {
    --bs-position: end;
  }

  .dropdown-menu-xl-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}

@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }

  .dropdown-menu-xxl-start[data-bs-popper] {
    left: 0;
    right: auto;
  }

  .dropdown-menu-xxl-end {
    --bs-position: end;
  }

  .dropdown-menu-xxl-end[data-bs-popper] {
    left: auto;
    right: 0;
  }
}

.dropup .dropdown-menu[data-bs-popper] {
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
  top: auto;
  bottom: 100%;
}

.dropup .dropdown-toggle:after {
  vertical-align: .255em;
  content: "";
  border: .3em solid #0000;
  border-top: 0;
  border-bottom-color: currentColor;
  margin-left: .255em;
  display: inline-block;
}

.dropup .dropdown-toggle:empty:after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
  top: 0;
  left: 100%;
  right: auto;
}

.dropend .dropdown-toggle:after {
  vertical-align: .255em;
  content: "";
  border: .3em solid #0000;
  border-left-color: currentColor;
  border-right: 0;
  margin-left: .255em;
  display: inline-block;
}

.dropend .dropdown-toggle:empty:after {
  margin-left: 0;
}

.dropend .dropdown-toggle:after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
  top: 0;
  left: auto;
  right: 100%;
}

.dropstart .dropdown-toggle:after {
  vertical-align: .255em;
  content: "";
  margin-left: .255em;
  display: none;
}

.dropstart .dropdown-toggle:before {
  vertical-align: .255em;
  content: "";
  border-top: .3em solid #0000;
  border-bottom: .3em solid #0000;
  border-right: .3em solid;
  margin-right: .255em;
  display: inline-block;
}

.dropstart .dropdown-toggle:empty:after {
  margin-left: 0;
}

.dropstart .dropdown-toggle:before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
  overflow: hidden;
}

.dropdown-item {
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  white-space: nowrap;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
  background-color: #0000;
  border: 0;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.dropdown-item:focus, .dropdown-item:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}

.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  background-color: var(--bs-dropdown-link-active-bg);
  text-decoration: none;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: #0000;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
  margin-bottom: 0;
  font-size: .875rem;
  display: block;
}

.dropdown-item-text {
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
  display: block;
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: #ffffff26;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

.btn-group, .btn-group-vertical {
  vertical-align: middle;
  display: inline-flex;
  position: relative;
}

.btn-group-vertical > .btn, .btn-group > .btn {
  flex: auto;
  position: relative;
}

.btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
  z-index: 1;
}

.btn-toolbar {
  flex-wrap: wrap;
  justify-content: flex-start;
  display: flex;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: var(--bs-border-radius);
}

.btn-group > .btn-group:not(:first-child), .btn-group > :not(.btn-check:first-child) + .btn {
  margin-left: calc(-1 * var(--bs-border-width));
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-left: .5625rem;
  padding-right: .5625rem;
}

.dropdown-toggle-split:after, .dropend .dropdown-toggle-split:after, .dropup .dropdown-toggle-split:after {
  margin-left: 0;
}

.dropstart .dropdown-toggle-split:before {
  margin-right: 0;
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
  padding-left: .375rem;
  padding-right: .375rem;
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
  padding-left: .75rem;
  padding-right: .75rem;
}

.btn-group-vertical {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {
  margin-top: calc(-1 * var(--bs-border-width));
}

.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:nth-child(n+3), .btn-group-vertical > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: .5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  flex-wrap: wrap;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
}

.nav-link {
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  background: none;
  border: 0;
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}

.nav-link:focus, .nav-link:hover {
  color: var(--bs-nav-link-hover-color);
}

.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 .25rem #0d6efd40;
}

.nav-link.disabled, .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}

.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}

.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}

.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: .125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}

.nav-underline .nav-link {
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
  padding-left: 0;
  padding-right: 0;
}

.nav-underline .nav-link:focus, .nav-underline .nav-link:hover {
  border-bottom-color: currentColor;
}

.nav-underline .nav-link.active, .nav-underline .show > .nav-link {
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentColor;
  font-weight: 700;
}

.nav-fill .nav-item, .nav-fill > .nav-link {
  text-align: center;
  flex: auto;
}

.nav-justified .nav-item, .nav-justified > .nav-link {
  text-align: center;
  flex-grow: 1;
  flex-basis: 0;
}

.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: .5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), .65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), .8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), .3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: .3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: .5rem;
  --bs-navbar-toggler-padding-y: .25rem;
  --bs-navbar-toggler-padding-x: .75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), .15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: .25rem;
  --bs-navbar-toggler-transition: box-shadow .15s ease-in-out;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
  flex-wrap: inherit;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  white-space: nowrap;
  text-decoration: none;
}

.navbar-brand:focus, .navbar-brand:hover {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: .5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}

.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  color: var(--bs-navbar-color);
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.navbar-text a, .navbar-text a:focus, .navbar-text a:hover {
  color: var(--bs-navbar-active-color);
}

.navbar-collapse {
  flex-grow: 1;
  flex-basis: 100%;
  align-items: center;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  color: var(--bs-navbar-color);
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
  background-color: #0000;
  line-height: 1;
}

@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}

.navbar-toggler:hover {
  text-decoration: none;
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
  outline: 0;
  text-decoration: none;
}

.navbar-toggler-icon {
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }

  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-sm .navbar-collapse {
    flex-basis: auto;
    display: flex !important;
  }

  .navbar-expand-sm .navbar-toggler {
    display: none;
  }

  .navbar-expand-sm .offcanvas {
    z-index: auto;
    flex-grow: 1;
    transition: none;
    position: static;
    visibility: visible !important;
    background-color: #0000 !important;
    border: 0 !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
  }

  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-sm .offcanvas .offcanvas-body {
    flex-grow: 0;
    padding: 0;
    display: flex;
    overflow-y: visible;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }

  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-md .navbar-collapse {
    flex-basis: auto;
    display: flex !important;
  }

  .navbar-expand-md .navbar-toggler {
    display: none;
  }

  .navbar-expand-md .offcanvas {
    z-index: auto;
    flex-grow: 1;
    transition: none;
    position: static;
    visibility: visible !important;
    background-color: #0000 !important;
    border: 0 !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
  }

  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-md .offcanvas .offcanvas-body {
    flex-grow: 0;
    padding: 0;
    display: flex;
    overflow-y: visible;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }

  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-lg .navbar-collapse {
    flex-basis: auto;
    display: flex !important;
  }

  .navbar-expand-lg .navbar-toggler {
    display: none;
  }

  .navbar-expand-lg .offcanvas {
    z-index: auto;
    flex-grow: 1;
    transition: none;
    position: static;
    visibility: visible !important;
    background-color: #0000 !important;
    border: 0 !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
  }

  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-lg .offcanvas .offcanvas-body {
    flex-grow: 0;
    padding: 0;
    display: flex;
    overflow-y: visible;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }

  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-xl .navbar-collapse {
    flex-basis: auto;
    display: flex !important;
  }

  .navbar-expand-xl .navbar-toggler {
    display: none;
  }

  .navbar-expand-xl .offcanvas {
    z-index: auto;
    flex-grow: 1;
    transition: none;
    position: static;
    visibility: visible !important;
    background-color: #0000 !important;
    border: 0 !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
  }

  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-xl .offcanvas .offcanvas-body {
    flex-grow: 0;
    padding: 0;
    display: flex;
    overflow-y: visible;
  }
}

@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }

  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-xxl .navbar-collapse {
    flex-basis: auto;
    display: flex !important;
  }

  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }

  .navbar-expand-xxl .offcanvas {
    z-index: auto;
    flex-grow: 1;
    transition: none;
    position: static;
    visibility: visible !important;
    background-color: #0000 !important;
    border: 0 !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
  }

  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-xxl .offcanvas .offcanvas-body {
    flex-grow: 0;
    padding: 0;
    display: flex;
    overflow-y: visible;
  }
}

.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.navbar-expand .navbar-nav {
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}

.navbar-expand .navbar-collapse {
  flex-basis: auto;
  display: flex !important;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-expand .offcanvas {
  z-index: auto;
  flex-grow: 1;
  transition: none;
  position: static;
  visibility: visible !important;
  background-color: #0000 !important;
  border: 0 !important;
  width: auto !important;
  height: auto !important;
  transform: none !important;
}

.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}

.navbar-expand .offcanvas .offcanvas-body {
  flex-grow: 0;
  padding: 0;
  display: flex;
  overflow-y: visible;
}

.navbar-dark, .navbar[data-bs-theme="dark"] {
  --bs-navbar-color: #ffffff8c;
  --bs-navbar-hover-color: #ffffffbf;
  --bs-navbar-disabled-color: #ffffff40;
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: #ffffff1a;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-bs-theme="dark"] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: .5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: .5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), .03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: .75rem;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
  background-clip: border-box;
  flex-direction: column;
  display: flex;
  position: relative;
}

.card > hr {
  margin-left: 0;
  margin-right: 0;
}

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card > .list-group:first-child {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
  border-top-width: 0;
}

.card > .list-group:last-child {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
  border-bottom-width: 0;
}

.card > .card-header + .list-group, .card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
  flex: auto;
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}

.card-subtitle {
  margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
  color: var(--bs-card-subtitle-color);
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
  margin-bottom: 0;
}

.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}

.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
  position: absolute;
  inset: 0;
}

.card-img, .card-img-bottom, .card-img-top {
  width: 100%;
}

.card-img, .card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img, .card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}

@media (min-width: 576px) {
  .card-group {
    flex-flow: wrap;
    display: flex;
  }

  .card-group > .card {
    flex: 1 0 0;
    margin-bottom: 0;
  }

  .card-group > .card + .card {
    border-left: 0;
    margin-left: 0;
  }

  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .card-group > .card:not(:last-child) > .card-header, .card-group > .card:not(:last-child) > .card-img-top {
    border-top-right-radius: 0;
  }

  .card-group > .card:not(:last-child) > .card-footer, .card-group > .card:not(:last-child) > .card-img-bottom {
    border-bottom-right-radius: 0;
  }

  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .card-group > .card:not(:first-child) > .card-header, .card-group > .card:not(:first-child) > .card-img-top {
    border-top-left-radius: 0;
  }

  .card-group > .card:not(:first-child) > .card-footer, .card-group > .card:not(:first-child) > .card-img-bottom {
    border-bottom-left-radius: 0;
  }
}

.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform .2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem #0d6efd40;
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-button {
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
  border: 0;
  border-radius: 0;
  align-items: center;
  font-size: 1rem;
  display: flex;
  position: relative;
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}

.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button:not(.collapsed):after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}

.accordion-button:after {
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
  flex-shrink: 0;
  margin-left: auto;
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button:after {
    transition: none;
  }
}

.accordion-button:hover {
  z-index: 2;
}

.accordion-button:focus {
  z-index: 3;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
  outline: 0;
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}

.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-item:not(:first-of-type) {
  border-top: 0;
}

.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush > .accordion-item {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}

.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}

.accordion-flush > .accordion-item > .accordion-collapse, .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}

[data-bs-theme="dark"] .accordion-button:after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: .5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
  flex-wrap: wrap;
  list-style: none;
  display: flex;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}

.breadcrumb-item + .breadcrumb-item:before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/");
}

.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
  --bs-pagination-padding-x: .75rem;
  --bs-pagination-padding-y: .375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 .25rem #0d6efd40;
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  padding-left: 0;
  list-style: none;
  display: flex;
}

.page-link {
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  display: block;
  position: relative;
}

@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}

.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}

.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  box-shadow: var(--bs-pagination-focus-box-shadow);
  outline: 0;
}

.active > .page-link, .page-link.active {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}

.disabled > .page-link, .page-link.disabled {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
  margin-left: calc(-1 * var(--bs-border-width));
}

.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}

.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: .75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}

.pagination-sm {
  --bs-pagination-padding-x: .5rem;
  --bs-pagination-padding-y: .25rem;
  --bs-pagination-font-size: .875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}

.badge {
  --bs-badge-padding-x: .65em;
  --bs-badge-padding-y: .35em;
  --bs-badge-font-size: .75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
  line-height: 1;
  display: inline-block;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
  position: relative;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  color: var(--bs-alert-link-color);
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 3rem;
}

.alert-dismissible .btn-close {
  z-index: 2;
  padding: 1.25rem 1rem;
  position: absolute;
  top: 0;
  right: 0;
}

.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}

.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}

.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--bs-progress-height);
  }
}

.progress, .progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: .75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width .6s ease;
  height: var(--bs-progress-height);
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
  display: flex;
  overflow: hidden;
}

.progress-bar {
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
  flex-direction: column;
  justify-content: center;
  display: flex;
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, #ffffff26 25%, #0000 25% 50%, #ffffff26 50% 75%, #0000 75%, #0000);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-stacked > .progress {
  overflow: visible;
}

.progress-stacked > .progress > .progress-bar {
  width: 100%;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: .5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  border-radius: var(--bs-list-group-border-radius);
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.list-group-numbered {
  counter-reset: section;
  list-style-type: none;
}

.list-group-numbered > .list-group-item:before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item {
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
  text-decoration: none;
  display: block;
  position: relative;
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}

.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}

.list-group-item + .list-group-item {
  border-top-width: 0;
}

.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}

.list-group-item-action:not(.active):focus, .list-group-item-action:not(.active):hover {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  background-color: var(--bs-list-group-action-hover-bg);
  text-decoration: none;
}

.list-group-item-action:not(.active):active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}

.list-group-horizontal {
  flex-direction: row;
}

.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}

.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}

.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }

  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }

  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }

  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}

@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }

  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }

  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }

  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }

  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }

  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }

  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }

  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }

  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }

  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}

@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }

  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }

  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }

  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}

.list-group-flush {
  border-radius: 0;
}

.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}

.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}

.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}

.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}

.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}

.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}

.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}

.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}

.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}

.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: .5;
  --bs-btn-close-hover-opacity: .75;
  --bs-btn-close-focus-shadow: 0 0 0 .25rem #0d6efd40;
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: .25;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  filter: var(--bs-btn-close-filter);
  opacity: var(--bs-btn-close-opacity);
  border: 0;
  border-radius: .375rem;
  padding: .25em;
}

.btn-close:hover {
  color: var(--bs-btn-close-color);
  opacity: var(--bs-btn-close-hover-opacity);
  text-decoration: none;
}

.btn-close:focus {
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
  outline: 0;
}

.btn-close.disabled, .btn-close:disabled {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}

.btn-close-white {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}

:root, [data-bs-theme="light"] {
  --bs-btn-close-filter: ;
}

[data-bs-theme="dark"] {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: .75rem;
  --bs-toast-padding-y: .5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: .875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), .85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), .85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
  background-clip: padding-box;
}

.toast.showing {
  opacity: 0;
}

.toast:not(.show) {
  display: none;
}

.toast-container {
  --bs-toast-zindex: 1090;
  z-index: var(--bs-toast-zindex);
  pointer-events: none;
  width: max-content;
  max-width: 100%;
  position: absolute;
}

.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  background-clip: padding-box;
  align-items: center;
  display: flex;
}

.toast-header .btn-close {
  margin-right: calc(-.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: .5rem;
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: .5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  z-index: var(--bs-modal-zindex);
  outline: 0;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden auto;
}

.modal-dialog {
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
  position: relative;
}

.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  transform: none;
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  min-height: calc(100% - var(--bs-modal-margin) * 2);
  align-items: center;
  display: flex;
}

.modal-content {
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  background-clip: padding-box;
  outline: 0;
  flex-direction: column;
  display: flex;
  position: relative;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: .5;
  z-index: var(--bs-backdrop-zindex);
  background-color: var(--bs-backdrop-bg);
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
  margin-top: calc(-.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}

.modal-title {
  line-height: var(--bs-modal-title-line-height);
  margin-bottom: 0;
}

.modal-body {
  padding: var(--bs-modal-padding);
  flex: auto;
  position: relative;
}

.modal-footer {
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
  flex-wrap: wrap;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * .5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }

  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-left: auto;
    margin-right: auto;
  }

  .modal-sm {
    --bs-modal-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg, .modal-xl {
    --bs-modal-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}

.modal-fullscreen .modal-content {
  border: 0;
  border-radius: 0;
  height: 100%;
}

.modal-fullscreen .modal-footer, .modal-fullscreen .modal-header {
  border-radius: 0;
}

.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-sm-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }

  .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }

  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-md-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }

  .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }

  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-lg-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }

  .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }

  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-xl-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }

  .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }

  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-xxl-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
  }

  .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }

  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}

.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: .5rem;
  --bs-tooltip-padding-y: .25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: .875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: .9;
  --bs-tooltip-arrow-width: .8rem;
  --bs-tooltip-arrow-height: .4rem;
  z-index: var(--bs-tooltip-zindex);
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  text-align: left;
  text-align: start;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
  text-decoration: none;
  display: block;
}

.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}

.tooltip .tooltip-arrow {
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
  display: block;
}

.tooltip .tooltip-arrow:before {
  content: "";
  border-style: solid;
  border-color: #0000;
  position: absolute;
}

.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}

.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow:before, .bs-tooltip-top .tooltip-arrow:before {
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
  border-top-color: var(--bs-tooltip-bg);
  top: -1px;
}

.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}

.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow:before, .bs-tooltip-end .tooltip-arrow:before {
  border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
  border-right-color: var(--bs-tooltip-bg);
  right: -1px;
}

.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}

.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow:before, .bs-tooltip-bottom .tooltip-arrow:before {
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
  bottom: -1px;
}

.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}

.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow:before, .bs-tooltip-start .tooltip-arrow:before {
  border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
  left: -1px;
}

.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: .875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: .5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: .5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  text-align: left;
  text-align: start;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
  background-clip: padding-box;
  text-decoration: none;
  display: block;
}

.popover .popover-arrow {
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
  display: block;
}

.popover .popover-arrow:after, .popover .popover-arrow:before {
  content: "";
  border: 0 solid #0000;
  display: block;
  position: absolute;
}

.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow, .bs-popover-top > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}

.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:before, .bs-popover-top > .popover-arrow:after, .bs-popover-top > .popover-arrow:before {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0;
}

.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:before, .bs-popover-top > .popover-arrow:before {
  border-top-color: var(--bs-popover-arrow-border);
  bottom: 0;
}

.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:after, .bs-popover-top > .popover-arrow:after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow, .bs-popover-end > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}

.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:before, .bs-popover-end > .popover-arrow:after, .bs-popover-end > .popover-arrow:before {
  border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0;
}

.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:before, .bs-popover-end > .popover-arrow:before {
  border-right-color: var(--bs-popover-arrow-border);
  left: 0;
}

.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:after, .bs-popover-end > .popover-arrow:after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow, .bs-popover-bottom > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}

.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:before, .bs-popover-bottom > .popover-arrow:after, .bs-popover-bottom > .popover-arrow:before {
  border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height);
}

.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:before, .bs-popover-bottom > .popover-arrow:before {
  border-bottom-color: var(--bs-popover-arrow-border);
  top: 0;
}

.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:after, .bs-popover-bottom > .popover-arrow:after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}

.bs-popover-auto[data-popper-placement^="bottom"] .popover-header:before, .bs-popover-bottom .popover-header:before {
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
}

.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow, .bs-popover-start > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}

.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:before, .bs-popover-start > .popover-arrow:after, .bs-popover-start > .popover-arrow:before {
  border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height);
}

.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:before, .bs-popover-start > .popover-arrow:before {
  border-left-color: var(--bs-popover-arrow-border);
  right: 0;
}

.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:after, .bs-popover-start > .popover-arrow:after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
  margin-bottom: 0;
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.carousel-inner:after {
  clear: both;
  content: "";
  display: block;
}

.carousel-item {
  float: left;
  backface-visibility: hidden;
  width: 100%;
  margin-right: -100%;
  transition: transform .6s ease-in-out;
  display: none;
  position: relative;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
  display: block;
}

.active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) {
  transform: translateX(100%);
}

.active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

.carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s .6s;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
    transition: none;
  }
}

.carousel-control-next, .carousel-control-prev {
  z-index: 1;
  color: #fff;
  text-align: center;
  width: 15%;
  filter: var(--bs-carousel-control-icon-filter);
  opacity: .5;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: opacity .15s;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-next, .carousel-control-prev {
    transition: none;
  }
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
  color: #fff;
  opacity: .9;
  outline: 0;
  text-decoration: none;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2rem;
  height: 2rem;
  display: inline-block;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}

.carousel-indicators {
  z-index: 2;
  justify-content: center;
  margin-bottom: 1rem;
  margin-left: 15%;
  margin-right: 15%;
  padding: 0;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--bs-carousel-indicator-active-bg);
  opacity: .5;
  background-clip: padding-box;
  border: 10px solid #0000;
  border-left: 0;
  border-right: 0;
  flex: 0 auto;
  width: 30px;
  height: 3px;
  margin-left: 3px;
  margin-right: 3px;
  padding: 0;
  transition: opacity .6s;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  color: var(--bs-carousel-caption-color);
  text-align: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  position: absolute;
  bottom: 1.25rem;
  left: 15%;
  right: 15%;
}

.carousel-dark {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}

:root, [data-bs-theme="light"] {
  --bs-carousel-indicator-active-bg: #fff;
  --bs-carousel-caption-color: #fff;
  --bs-carousel-control-icon-filter: ;
}

[data-bs-theme="dark"] {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}

.spinner-border, .spinner-grow {
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
  border-radius: 50%;
  flex-shrink: 0;
  display: inline-block;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}

.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -.125em;
  --bs-spinner-border-width: .25em;
  --bs-spinner-animation-speed: .75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: #0000;
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: .2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }

  50% {
    opacity: 1;
    transform: none;
  }
}

.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -.125em;
  --bs-spinner-animation-speed: .75s;
  --bs-spinner-animation-name: spinner-grow;
  opacity: 0;
  background-color: currentColor;
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border, .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform .3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    z-index: var(--bs-offcanvas-zindex);
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    transition: var(--bs-offcanvas-transition);
    background-clip: padding-box;
    outline: 0;
    flex-direction: column;
    display: flex;
    position: fixed;
    bottom: 0;
  }
}

@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}

@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    top: 0;
    left: 0;
    transform: translateX(-100%);
  }

  .offcanvas-sm.offcanvas-end {
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    top: 0;
    right: 0;
    transform: translateX(100%);
  }

  .offcanvas-sm.offcanvas-top {
    height: var(--bs-offcanvas-height);
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    max-height: 100%;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(-100%);
  }

  .offcanvas-sm.offcanvas-bottom {
    height: var(--bs-offcanvas-height);
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    max-height: 100%;
    left: 0;
    right: 0;
    transform: translateY(100%);
  }

  .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing {
    transform: none;
  }

  .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing {
    visibility: visible;
  }
}

@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: #0000 !important;
  }

  .offcanvas-sm .offcanvas-header {
    display: none;
  }

  .offcanvas-sm .offcanvas-body {
    flex-grow: 0;
    padding: 0;
    display: flex;
    overflow-y: visible;
    background-color: #0000 !important;
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md {
    z-index: var(--bs-offcanvas-zindex);
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    transition: var(--bs-offcanvas-transition);
    background-clip: padding-box;
    outline: 0;
    flex-direction: column;
    display: flex;
    position: fixed;
    bottom: 0;
  }
}

@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    top: 0;
    left: 0;
    transform: translateX(-100%);
  }

  .offcanvas-md.offcanvas-end {
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    top: 0;
    right: 0;
    transform: translateX(100%);
  }

  .offcanvas-md.offcanvas-top {
    height: var(--bs-offcanvas-height);
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    max-height: 100%;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(-100%);
  }

  .offcanvas-md.offcanvas-bottom {
    height: var(--bs-offcanvas-height);
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    max-height: 100%;
    left: 0;
    right: 0;
    transform: translateY(100%);
  }

  .offcanvas-md.show:not(.hiding), .offcanvas-md.showing {
    transform: none;
  }

  .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing {
    visibility: visible;
  }
}

@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: #0000 !important;
  }

  .offcanvas-md .offcanvas-header {
    display: none;
  }

  .offcanvas-md .offcanvas-body {
    flex-grow: 0;
    padding: 0;
    display: flex;
    overflow-y: visible;
    background-color: #0000 !important;
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg {
    z-index: var(--bs-offcanvas-zindex);
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    transition: var(--bs-offcanvas-transition);
    background-clip: padding-box;
    outline: 0;
    flex-direction: column;
    display: flex;
    position: fixed;
    bottom: 0;
  }
}

@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    top: 0;
    left: 0;
    transform: translateX(-100%);
  }

  .offcanvas-lg.offcanvas-end {
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    top: 0;
    right: 0;
    transform: translateX(100%);
  }

  .offcanvas-lg.offcanvas-top {
    height: var(--bs-offcanvas-height);
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    max-height: 100%;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(-100%);
  }

  .offcanvas-lg.offcanvas-bottom {
    height: var(--bs-offcanvas-height);
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    max-height: 100%;
    left: 0;
    right: 0;
    transform: translateY(100%);
  }

  .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing {
    transform: none;
  }

  .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing {
    visibility: visible;
  }
}

@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: #0000 !important;
  }

  .offcanvas-lg .offcanvas-header {
    display: none;
  }

  .offcanvas-lg .offcanvas-body {
    flex-grow: 0;
    padding: 0;
    display: flex;
    overflow-y: visible;
    background-color: #0000 !important;
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl {
    z-index: var(--bs-offcanvas-zindex);
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    transition: var(--bs-offcanvas-transition);
    background-clip: padding-box;
    outline: 0;
    flex-direction: column;
    display: flex;
    position: fixed;
    bottom: 0;
  }
}

@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    top: 0;
    left: 0;
    transform: translateX(-100%);
  }

  .offcanvas-xl.offcanvas-end {
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    top: 0;
    right: 0;
    transform: translateX(100%);
  }

  .offcanvas-xl.offcanvas-top {
    height: var(--bs-offcanvas-height);
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    max-height: 100%;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(-100%);
  }

  .offcanvas-xl.offcanvas-bottom {
    height: var(--bs-offcanvas-height);
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    max-height: 100%;
    left: 0;
    right: 0;
    transform: translateY(100%);
  }

  .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing {
    transform: none;
  }

  .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing {
    visibility: visible;
  }
}

@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: #0000 !important;
  }

  .offcanvas-xl .offcanvas-header {
    display: none;
  }

  .offcanvas-xl .offcanvas-body {
    flex-grow: 0;
    padding: 0;
    display: flex;
    overflow-y: visible;
    background-color: #0000 !important;
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    z-index: var(--bs-offcanvas-zindex);
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    transition: var(--bs-offcanvas-transition);
    background-clip: padding-box;
    outline: 0;
    flex-direction: column;
    display: flex;
    position: fixed;
    bottom: 0;
  }
}

@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    top: 0;
    left: 0;
    transform: translateX(-100%);
  }

  .offcanvas-xxl.offcanvas-end {
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    top: 0;
    right: 0;
    transform: translateX(100%);
  }

  .offcanvas-xxl.offcanvas-top {
    height: var(--bs-offcanvas-height);
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    max-height: 100%;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(-100%);
  }

  .offcanvas-xxl.offcanvas-bottom {
    height: var(--bs-offcanvas-height);
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    max-height: 100%;
    left: 0;
    right: 0;
    transform: translateY(100%);
  }

  .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing {
    transform: none;
  }

  .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing {
    visibility: visible;
  }
}

@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: #0000 !important;
  }

  .offcanvas-xxl .offcanvas-header {
    display: none;
  }

  .offcanvas-xxl .offcanvas-body {
    flex-grow: 0;
    padding: 0;
    display: flex;
    overflow-y: visible;
    background-color: #0000 !important;
  }
}

.offcanvas {
  z-index: var(--bs-offcanvas-zindex);
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  transition: var(--bs-offcanvas-transition);
  background-clip: padding-box;
  outline: 0;
  flex-direction: column;
  display: flex;
  position: fixed;
  bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}

.offcanvas.offcanvas-start {
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  top: 0;
  left: 0;
  transform: translateX(-100%);
}

.offcanvas.offcanvas-end {
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  top: 0;
  right: 0;
  transform: translateX(100%);
}

.offcanvas.offcanvas-top {
  height: var(--bs-offcanvas-height);
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  max-height: 100%;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-100%);
}

.offcanvas.offcanvas-bottom {
  height: var(--bs-offcanvas-height);
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  max-height: 100%;
  left: 0;
  right: 0;
  transform: translateY(100%);
}

.offcanvas.show:not(.hiding), .offcanvas.showing {
  transform: none;
}

.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
  visibility: visible;
}

.offcanvas-backdrop {
  z-index: 1040;
  background-color: #000;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.offcanvas-backdrop.fade {
  opacity: 0;
}

.offcanvas-backdrop.show {
  opacity: .5;
}

.offcanvas-header {
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  align-items: center;
  display: flex;
}

.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
  margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y));
  margin-left: auto;
}

.offcanvas-title {
  line-height: var(--bs-offcanvas-title-line-height);
  margin-bottom: 0;
}

.offcanvas-body {
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  flex-grow: 1;
  overflow-y: auto;
}

.placeholder {
  vertical-align: middle;
  cursor: wait;
  opacity: .5;
  background-color: currentColor;
  min-height: 1em;
  display: inline-block;
}

.placeholder.btn:before {
  content: "";
  display: inline-block;
}

.placeholder-xs {
  min-height: .6em;
}

.placeholder-sm {
  min-height: .8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: 2s ease-in-out infinite placeholder-glow;
}

@keyframes placeholder-glow {
  50% {
    opacity: .2;
  }
}

.placeholder-wave {
  animation: 2s linear infinite placeholder-wave;
  -webkit-mask-image: linear-gradient(130deg, #000 55%, #000c 75%, #000 95%);
  mask-image: linear-gradient(130deg, #000 55%, #000c 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0;
    mask-position: -200% 0;
  }
}

.clearfix:after {
  clear: both;
  content: "";
  display: block;
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb),var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb),var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb),var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb),var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity, 1)) !important;
}

.link-primary:focus, .link-primary:hover {
  color: RGBA(10,88,202,var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(10,88,202,var(--bs-link-underline-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(10,88,202,var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(10,88,202,var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary:focus, .link-secondary:hover {
  color: RGBA(86,94,100,var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(86,94,100,var(--bs-link-underline-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(86,94,100,var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(86,94,100,var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb),var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity, 1)) !important;
}

.link-success:focus, .link-success:hover {
  color: RGBA(20,108,67,var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(20,108,67,var(--bs-link-underline-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(20,108,67,var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(20,108,67,var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb),var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity, 1)) !important;
}

.link-info:focus, .link-info:hover {
  color: RGBA(61,213,243,var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(61,213,243,var(--bs-link-underline-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(61,213,243,var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(61,213,243,var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb),var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning:focus, .link-warning:hover {
  color: RGBA(255,205,57,var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(255,205,57,var(--bs-link-underline-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(255,205,57,var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(255,205,57,var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb),var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger:focus, .link-danger:hover {
  color: RGBA(176,42,55,var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(176,42,55,var(--bs-link-underline-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(176,42,55,var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(176,42,55,var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb),var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity, 1)) !important;
}

.link-light:focus, .link-light:hover {
  color: RGBA(249,250,251,var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(249,250,251,var(--bs-link-underline-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(249,250,251,var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(249,250,251,var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb),var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark:focus, .link-dark:hover {
  color: RGBA(26,30,33,var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(26,30,33,var(--bs-link-underline-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(26,30,33,var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(26,30,33,var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis:focus, .link-body-emphasis:hover {
  color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity, .75)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity, .75)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity, .75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity, .75)) !important;
}

.focus-ring:focus {
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
  outline: 0;
}

.icon-link {
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, .5));
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, .5));
  text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, .5));
  text-underline-offset: .25em;
  backface-visibility: hidden;
  align-items: center;
  gap: .375rem;
  display: inline-flex;
}

.icon-link > .bi {
  fill: currentColor;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  transition: transform .2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}

.icon-link-hover:focus-visible > .bi, .icon-link-hover:hover > .bi {
  transform: var(--bs-icon-link-transform, translate3d(.25em,0,0));
}

.ratio {
  width: 100%;
  position: relative;
}

.ratio:before {
  padding-top: var(--bs-aspect-ratio);
  content: "";
  display: block;
}

.ratio > * {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571%;
}

.fixed-top {
  z-index: 1030;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.fixed-bottom {
  z-index: 1030;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.sticky-top {
  z-index: 1020;
  position: sticky;
  top: 0;
}

.sticky-bottom {
  z-index: 1020;
  position: sticky;
  bottom: 0;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    z-index: 1020;
    position: sticky;
    top: 0;
  }

  .sticky-sm-bottom {
    z-index: 1020;
    position: sticky;
    bottom: 0;
  }
}

@media (min-width: 768px) {
  .sticky-md-top {
    z-index: 1020;
    position: sticky;
    top: 0;
  }

  .sticky-md-bottom {
    z-index: 1020;
    position: sticky;
    bottom: 0;
  }
}

@media (min-width: 992px) {
  .sticky-lg-top {
    z-index: 1020;
    position: sticky;
    top: 0;
  }

  .sticky-lg-bottom {
    z-index: 1020;
    position: sticky;
    bottom: 0;
  }
}

@media (min-width: 1200px) {
  .sticky-xl-top {
    z-index: 1020;
    position: sticky;
    top: 0;
  }

  .sticky-xl-bottom {
    z-index: 1020;
    position: sticky;
    bottom: 0;
  }
}

@media (min-width: 1400px) {
  .sticky-xxl-top {
    z-index: 1020;
    position: sticky;
    top: 0;
  }

  .sticky-xxl-bottom {
    z-index: 1020;
    position: sticky;
    bottom: 0;
  }
}

.hstack {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.vstack {
  flex-direction: column;
  flex: auto;
  align-self: stretch;
  display: flex;
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) {
  position: absolute !important;
}

.visually-hidden *, .visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}

.stretched-link:after {
  z-index: 1;
  content: "";
  position: absolute;
  inset: 0;
}

.text-truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.vr {
  width: var(--bs-border-width);
  opacity: .25;
  background-color: currentColor;
  align-self: stretch;
  min-height: 1em;
  display: inline-block;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.object-fit-contain {
  -o-object-fit: contain !important;
  object-fit: contain !important;
}

.object-fit-cover {
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

.object-fit-fill {
  -o-object-fit: fill !important;
  object-fit: fill !important;
}

.object-fit-scale {
  -o-object-fit: scale-down !important;
  object-fit: scale-down !important;
}

.object-fit-none {
  -o-object-fit: none !important;
  object-fit: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: .25 !important;
}

.opacity-50 {
  opacity: .5 !important;
}

.opacity-75 {
  opacity: .75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}

.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb),var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb),var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb),var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity)) !important;
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb),var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-opacity-10 {
  --bs-border-opacity: .1;
}

.border-opacity-25 {
  --bs-border-opacity: .25;
}

.border-opacity-50 {
  --bs-border-opacity: .5;
}

.border-opacity-75 {
  --bs-border-opacity: .75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: .25rem !important;
}

.m-2 {
  margin: .5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mx-1 {
  margin-left: .25rem !important;
  margin-right: .25rem !important;
}

.mx-2 {
  margin-left: .5rem !important;
  margin-right: .5rem !important;
}

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: .25rem !important;
  margin-bottom: .25rem !important;
}

.my-2 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: .25rem !important;
}

.mt-2 {
  margin-top: .5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: .25rem !important;
}

.me-2 {
  margin-right: .5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: .25rem !important;
}

.mb-2 {
  margin-bottom: .5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: .25rem !important;
}

.ms-2 {
  margin-left: .5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: .25rem !important;
}

.p-2 {
  padding: .5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.px-1 {
  padding-left: .25rem !important;
  padding-right: .25rem !important;
}

.px-2 {
  padding-left: .5rem !important;
  padding-right: .5rem !important;
}

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important;
}

.py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: .25rem !important;
}

.pt-2 {
  padding-top: .5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: .25rem !important;
}

.pe-2 {
  padding-right: .5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: .25rem !important;
}

.pb-2 {
  padding-bottom: .5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: .25rem !important;
}

.ps-2 {
  padding-left: .5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: .25rem !important;
}

.gap-2 {
  gap: .5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: .25rem !important;
}

.row-gap-2 {
  row-gap: .5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-0 {
  -moz-column-gap: 0 !important;
  column-gap: 0 !important;
}

.column-gap-1 {
  -moz-column-gap: .25rem !important;
  column-gap: .25rem !important;
}

.column-gap-2 {
  -moz-column-gap: .5rem !important;
  column-gap: .5rem !important;
}

.column-gap-3 {
  -moz-column-gap: 1rem !important;
  column-gap: 1rem !important;
}

.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
  column-gap: 1.5rem !important;
}

.column-gap-5 {
  -moz-column-gap: 3rem !important;
  column-gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + .9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + .6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + .3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

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

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb),var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb),var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb),var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb),var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: #00000080 !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: #ffffff80 !important;
}

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: .25;
}

.text-opacity-50 {
  --bs-text-opacity: .5;
}

.text-opacity-75 {
  --bs-text-opacity: .75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}

.link-opacity-10, .link-opacity-10-hover:hover {
  --bs-link-opacity: .1;
}

.link-opacity-25, .link-opacity-25-hover:hover {
  --bs-link-opacity: .25;
}

.link-opacity-50, .link-opacity-50-hover:hover {
  --bs-link-opacity: .5;
}

.link-opacity-75, .link-opacity-75-hover:hover {
  --bs-link-opacity: .75;
}

.link-opacity-100, .link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}

.link-offset-1, .link-offset-1-hover:hover {
  text-underline-offset: .125em !important;
}

.link-offset-2, .link-offset-2-hover:hover {
  text-underline-offset: .25em !important;
}

.link-offset-3, .link-offset-3-hover:hover {
  text-underline-offset: .375em !important;
}

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity)) !important;
  -webkit-text-decoration-color: rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity)) !important;
}

.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity)) !important;
  -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity)) !important;
}

.link-underline-success {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity)) !important;
  -webkit-text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity)) !important;
}

.link-underline-info {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity)) !important;
  -webkit-text-decoration-color: rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity)) !important;
  -webkit-text-decoration-color: rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity)) !important;
  -webkit-text-decoration-color: rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity)) !important;
}

.link-underline-light {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity)) !important;
  -webkit-text-decoration-color: rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity)) !important;
  -webkit-text-decoration-color: rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity)) !important;
}

.link-underline {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity, 1)) !important;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity, 1)) !important;
}

.link-underline-opacity-0, .link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-10, .link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: .1;
}

.link-underline-opacity-25, .link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: .25;
}

.link-underline-opacity-50, .link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: .5;
}

.link-underline-opacity-75, .link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: .75;
}

.link-underline-opacity-100, .link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: #0000 !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: .1;
}

.bg-opacity-25 {
  --bs-bg-opacity: .25;
}

.bg-opacity-50 {
  --bs-bg-opacity: .5;
}

.bg-opacity-75 {
  --bs-bg-opacity: .75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-top-left-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }

  .float-sm-end {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }

  .object-fit-sm-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }

  .object-fit-sm-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }

  .object-fit-sm-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }

  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }

  .object-fit-sm-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-grid {
    display: grid !important;
  }

  .d-sm-inline-grid {
    display: inline-grid !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }

  .d-sm-none {
    display: none !important;
  }

  .flex-sm-fill {
    flex: auto !important;
  }

  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }

  .order-sm-first {
    order: -1 !important;
  }

  .order-sm-0 {
    order: 0 !important;
  }

  .order-sm-1 {
    order: 1 !important;
  }

  .order-sm-2 {
    order: 2 !important;
  }

  .order-sm-3 {
    order: 3 !important;
  }

  .order-sm-4 {
    order: 4 !important;
  }

  .order-sm-5 {
    order: 5 !important;
  }

  .order-sm-last {
    order: 6 !important;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .m-sm-1 {
    margin: .25rem !important;
  }

  .m-sm-2 {
    margin: .5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mx-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-sm-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important;
  }

  .mx-sm-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
  }

  .mx-sm-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .mx-sm-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .mx-sm-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-sm-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }

  .my-sm-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-sm-0 {
    margin-top: 0 !important;
  }

  .mt-sm-1 {
    margin-top: .25rem !important;
  }

  .mt-sm-2 {
    margin-top: .5rem !important;
  }

  .mt-sm-3 {
    margin-top: 1rem !important;
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mt-sm-5 {
    margin-top: 3rem !important;
  }

  .mt-sm-auto {
    margin-top: auto !important;
  }

  .me-sm-0 {
    margin-right: 0 !important;
  }

  .me-sm-1 {
    margin-right: .25rem !important;
  }

  .me-sm-2 {
    margin-right: .5rem !important;
  }

  .me-sm-3 {
    margin-right: 1rem !important;
  }

  .me-sm-4 {
    margin-right: 1.5rem !important;
  }

  .me-sm-5 {
    margin-right: 3rem !important;
  }

  .me-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .mb-sm-1 {
    margin-bottom: .25rem !important;
  }

  .mb-sm-2 {
    margin-bottom: .5rem !important;
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }

  .mb-sm-auto {
    margin-bottom: auto !important;
  }

  .ms-sm-0 {
    margin-left: 0 !important;
  }

  .ms-sm-1 {
    margin-left: .25rem !important;
  }

  .ms-sm-2 {
    margin-left: .5rem !important;
  }

  .ms-sm-3 {
    margin-left: 1rem !important;
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }

  .ms-sm-5 {
    margin-left: 3rem !important;
  }

  .ms-sm-auto {
    margin-left: auto !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .p-sm-1 {
    padding: .25rem !important;
  }

  .p-sm-2 {
    padding: .5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-sm-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
  }

  .px-sm-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }

  .px-sm-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .px-sm-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .px-sm-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }

  .py-sm-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

  .pt-sm-1 {
    padding-top: .25rem !important;
  }

  .pt-sm-2 {
    padding-top: .5rem !important;
  }

  .pt-sm-3 {
    padding-top: 1rem !important;
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pt-sm-5 {
    padding-top: 3rem !important;
  }

  .pe-sm-0 {
    padding-right: 0 !important;
  }

  .pe-sm-1 {
    padding-right: .25rem !important;
  }

  .pe-sm-2 {
    padding-right: .5rem !important;
  }

  .pe-sm-3 {
    padding-right: 1rem !important;
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pe-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .pb-sm-1 {
    padding-bottom: .25rem !important;
  }

  .pb-sm-2 {
    padding-bottom: .5rem !important;
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }

  .ps-sm-0 {
    padding-left: 0 !important;
  }

  .ps-sm-1 {
    padding-left: .25rem !important;
  }

  .ps-sm-2 {
    padding-left: .5rem !important;
  }

  .ps-sm-3 {
    padding-left: 1rem !important;
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }

  .ps-sm-5 {
    padding-left: 3rem !important;
  }

  .gap-sm-0 {
    gap: 0 !important;
  }

  .gap-sm-1 {
    gap: .25rem !important;
  }

  .gap-sm-2 {
    gap: .5rem !important;
  }

  .gap-sm-3 {
    gap: 1rem !important;
  }

  .gap-sm-4 {
    gap: 1.5rem !important;
  }

  .gap-sm-5 {
    gap: 3rem !important;
  }

  .row-gap-sm-0 {
    row-gap: 0 !important;
  }

  .row-gap-sm-1 {
    row-gap: .25rem !important;
  }

  .row-gap-sm-2 {
    row-gap: .5rem !important;
  }

  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }

  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }

  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }

  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }

  .column-gap-sm-1 {
    -moz-column-gap: .25rem !important;
    column-gap: .25rem !important;
  }

  .column-gap-sm-2 {
    -moz-column-gap: .5rem !important;
    column-gap: .5rem !important;
  }

  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }

  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }

  .column-gap-sm-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }

  .text-sm-start {
    text-align: left !important;
  }

  .text-sm-end {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }

  .float-md-end {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }

  .object-fit-md-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }

  .object-fit-md-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }

  .object-fit-md-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }

  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }

  .object-fit-md-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-grid {
    display: grid !important;
  }

  .d-md-inline-grid {
    display: inline-grid !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }

  .d-md-none {
    display: none !important;
  }

  .flex-md-fill {
    flex: auto !important;
  }

  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }

  .order-md-first {
    order: -1 !important;
  }

  .order-md-0 {
    order: 0 !important;
  }

  .order-md-1 {
    order: 1 !important;
  }

  .order-md-2 {
    order: 2 !important;
  }

  .order-md-3 {
    order: 3 !important;
  }

  .order-md-4 {
    order: 4 !important;
  }

  .order-md-5 {
    order: 5 !important;
  }

  .order-md-last {
    order: 6 !important;
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-1 {
    margin: .25rem !important;
  }

  .m-md-2 {
    margin: .5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-md-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important;
  }

  .mx-md-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
  }

  .mx-md-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .mx-md-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .mx-md-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }

  .my-md-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mt-md-1 {
    margin-top: .25rem !important;
  }

  .mt-md-2 {
    margin-top: .5rem !important;
  }

  .mt-md-3 {
    margin-top: 1rem !important;
  }

  .mt-md-4 {
    margin-top: 1.5rem !important;
  }

  .mt-md-5 {
    margin-top: 3rem !important;
  }

  .mt-md-auto {
    margin-top: auto !important;
  }

  .me-md-0 {
    margin-right: 0 !important;
  }

  .me-md-1 {
    margin-right: .25rem !important;
  }

  .me-md-2 {
    margin-right: .5rem !important;
  }

  .me-md-3 {
    margin-right: 1rem !important;
  }

  .me-md-4 {
    margin-right: 1.5rem !important;
  }

  .me-md-5 {
    margin-right: 3rem !important;
  }

  .me-md-auto {
    margin-right: auto !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .mb-md-1 {
    margin-bottom: .25rem !important;
  }

  .mb-md-2 {
    margin-bottom: .5rem !important;
  }

  .mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-md-5 {
    margin-bottom: 3rem !important;
  }

  .mb-md-auto {
    margin-bottom: auto !important;
  }

  .ms-md-0 {
    margin-left: 0 !important;
  }

  .ms-md-1 {
    margin-left: .25rem !important;
  }

  .ms-md-2 {
    margin-left: .5rem !important;
  }

  .ms-md-3 {
    margin-left: 1rem !important;
  }

  .ms-md-4 {
    margin-left: 1.5rem !important;
  }

  .ms-md-5 {
    margin-left: 3rem !important;
  }

  .ms-md-auto {
    margin-left: auto !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .p-md-1 {
    padding: .25rem !important;
  }

  .p-md-2 {
    padding: .5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-md-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
  }

  .px-md-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }

  .px-md-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .px-md-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .px-md-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }

  .py-md-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pt-md-1 {
    padding-top: .25rem !important;
  }

  .pt-md-2 {
    padding-top: .5rem !important;
  }

  .pt-md-3 {
    padding-top: 1rem !important;
  }

  .pt-md-4 {
    padding-top: 1.5rem !important;
  }

  .pt-md-5 {
    padding-top: 3rem !important;
  }

  .pe-md-0 {
    padding-right: 0 !important;
  }

  .pe-md-1 {
    padding-right: .25rem !important;
  }

  .pe-md-2 {
    padding-right: .5rem !important;
  }

  .pe-md-3 {
    padding-right: 1rem !important;
  }

  .pe-md-4 {
    padding-right: 1.5rem !important;
  }

  .pe-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }

  .pb-md-1 {
    padding-bottom: .25rem !important;
  }

  .pb-md-2 {
    padding-bottom: .5rem !important;
  }

  .pb-md-3 {
    padding-bottom: 1rem !important;
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-md-5 {
    padding-bottom: 3rem !important;
  }

  .ps-md-0 {
    padding-left: 0 !important;
  }

  .ps-md-1 {
    padding-left: .25rem !important;
  }

  .ps-md-2 {
    padding-left: .5rem !important;
  }

  .ps-md-3 {
    padding-left: 1rem !important;
  }

  .ps-md-4 {
    padding-left: 1.5rem !important;
  }

  .ps-md-5 {
    padding-left: 3rem !important;
  }

  .gap-md-0 {
    gap: 0 !important;
  }

  .gap-md-1 {
    gap: .25rem !important;
  }

  .gap-md-2 {
    gap: .5rem !important;
  }

  .gap-md-3 {
    gap: 1rem !important;
  }

  .gap-md-4 {
    gap: 1.5rem !important;
  }

  .gap-md-5 {
    gap: 3rem !important;
  }

  .row-gap-md-0 {
    row-gap: 0 !important;
  }

  .row-gap-md-1 {
    row-gap: .25rem !important;
  }

  .row-gap-md-2 {
    row-gap: .5rem !important;
  }

  .row-gap-md-3 {
    row-gap: 1rem !important;
  }

  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }

  .row-gap-md-5 {
    row-gap: 3rem !important;
  }

  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }

  .column-gap-md-1 {
    -moz-column-gap: .25rem !important;
    column-gap: .25rem !important;
  }

  .column-gap-md-2 {
    -moz-column-gap: .5rem !important;
    column-gap: .5rem !important;
  }

  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }

  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }

  .column-gap-md-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }

  .text-md-start {
    text-align: left !important;
  }

  .text-md-end {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }

  .float-lg-end {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }

  .object-fit-lg-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }

  .object-fit-lg-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }

  .object-fit-lg-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }

  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }

  .object-fit-lg-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-grid {
    display: grid !important;
  }

  .d-lg-inline-grid {
    display: inline-grid !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .flex-lg-fill {
    flex: auto !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }

  .order-lg-first {
    order: -1 !important;
  }

  .order-lg-0 {
    order: 0 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5 !important;
  }

  .order-lg-last {
    order: 6 !important;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .m-lg-1 {
    margin: .25rem !important;
  }

  .m-lg-2 {
    margin: .5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-lg-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important;
  }

  .mx-lg-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
  }

  .mx-lg-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .mx-lg-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .mx-lg-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-lg-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }

  .my-lg-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-lg-0 {
    margin-top: 0 !important;
  }

  .mt-lg-1 {
    margin-top: .25rem !important;
  }

  .mt-lg-2 {
    margin-top: .5rem !important;
  }

  .mt-lg-3 {
    margin-top: 1rem !important;
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mt-lg-5 {
    margin-top: 3rem !important;
  }

  .mt-lg-auto {
    margin-top: auto !important;
  }

  .me-lg-0 {
    margin-right: 0 !important;
  }

  .me-lg-1 {
    margin-right: .25rem !important;
  }

  .me-lg-2 {
    margin-right: .5rem !important;
  }

  .me-lg-3 {
    margin-right: 1rem !important;
  }

  .me-lg-4 {
    margin-right: 1.5rem !important;
  }

  .me-lg-5 {
    margin-right: 3rem !important;
  }

  .me-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .mb-lg-1 {
    margin-bottom: .25rem !important;
  }

  .mb-lg-2 {
    margin-bottom: .5rem !important;
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-0 {
    margin-left: 0 !important;
  }

  .ms-lg-1 {
    margin-left: .25rem !important;
  }

  .ms-lg-2 {
    margin-left: .5rem !important;
  }

  .ms-lg-3 {
    margin-left: 1rem !important;
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }

  .ms-lg-5 {
    margin-left: 3rem !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .p-lg-1 {
    padding: .25rem !important;
  }

  .p-lg-2 {
    padding: .5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-lg-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
  }

  .px-lg-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }

  .px-lg-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .px-lg-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .px-lg-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-lg-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }

  .py-lg-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-lg-0 {
    padding-top: 0 !important;
  }

  .pt-lg-1 {
    padding-top: .25rem !important;
  }

  .pt-lg-2 {
    padding-top: .5rem !important;
  }

  .pt-lg-3 {
    padding-top: 1rem !important;
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pt-lg-5 {
    padding-top: 3rem !important;
  }

  .pe-lg-0 {
    padding-right: 0 !important;
  }

  .pe-lg-1 {
    padding-right: .25rem !important;
  }

  .pe-lg-2 {
    padding-right: .5rem !important;
  }

  .pe-lg-3 {
    padding-right: 1rem !important;
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pe-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .pb-lg-1 {
    padding-bottom: .25rem !important;
  }

  .pb-lg-2 {
    padding-bottom: .5rem !important;
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }

  .ps-lg-0 {
    padding-left: 0 !important;
  }

  .ps-lg-1 {
    padding-left: .25rem !important;
  }

  .ps-lg-2 {
    padding-left: .5rem !important;
  }

  .ps-lg-3 {
    padding-left: 1rem !important;
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }

  .ps-lg-5 {
    padding-left: 3rem !important;
  }

  .gap-lg-0 {
    gap: 0 !important;
  }

  .gap-lg-1 {
    gap: .25rem !important;
  }

  .gap-lg-2 {
    gap: .5rem !important;
  }

  .gap-lg-3 {
    gap: 1rem !important;
  }

  .gap-lg-4 {
    gap: 1.5rem !important;
  }

  .gap-lg-5 {
    gap: 3rem !important;
  }

  .row-gap-lg-0 {
    row-gap: 0 !important;
  }

  .row-gap-lg-1 {
    row-gap: .25rem !important;
  }

  .row-gap-lg-2 {
    row-gap: .5rem !important;
  }

  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }

  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }

  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }

  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }

  .column-gap-lg-1 {
    -moz-column-gap: .25rem !important;
    column-gap: .25rem !important;
  }

  .column-gap-lg-2 {
    -moz-column-gap: .5rem !important;
    column-gap: .5rem !important;
  }

  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }

  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }

  .column-gap-lg-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }

  .text-lg-start {
    text-align: left !important;
  }

  .text-lg-end {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }

  .float-xl-end {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }

  .object-fit-xl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }

  .object-fit-xl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }

  .object-fit-xl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }

  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }

  .object-fit-xl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-grid {
    display: grid !important;
  }

  .d-xl-inline-grid {
    display: inline-grid !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }

  .d-xl-none {
    display: none !important;
  }

  .flex-xl-fill {
    flex: auto !important;
  }

  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }

  .order-xl-first {
    order: -1 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-last {
    order: 6 !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .m-xl-1 {
    margin: .25rem !important;
  }

  .m-xl-2 {
    margin: .5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-xl-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important;
  }

  .mx-xl-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
  }

  .mx-xl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .mx-xl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .mx-xl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }

  .my-xl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl-0 {
    margin-top: 0 !important;
  }

  .mt-xl-1 {
    margin-top: .25rem !important;
  }

  .mt-xl-2 {
    margin-top: .5rem !important;
  }

  .mt-xl-3 {
    margin-top: 1rem !important;
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xl-5 {
    margin-top: 3rem !important;
  }

  .mt-xl-auto {
    margin-top: auto !important;
  }

  .me-xl-0 {
    margin-right: 0 !important;
  }

  .me-xl-1 {
    margin-right: .25rem !important;
  }

  .me-xl-2 {
    margin-right: .5rem !important;
  }

  .me-xl-3 {
    margin-right: 1rem !important;
  }

  .me-xl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xl-5 {
    margin-right: 3rem !important;
  }

  .me-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xl-1 {
    margin-bottom: .25rem !important;
  }

  .mb-xl-2 {
    margin-bottom: .5rem !important;
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-0 {
    margin-left: 0 !important;
  }

  .ms-xl-1 {
    margin-left: .25rem !important;
  }

  .ms-xl-2 {
    margin-left: .5rem !important;
  }

  .ms-xl-3 {
    margin-left: 1rem !important;
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xl-5 {
    margin-left: 3rem !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .p-xl-1 {
    padding: .25rem !important;
  }

  .p-xl-2 {
    padding: .5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-xl-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
  }

  .px-xl-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }

  .px-xl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .px-xl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .px-xl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }

  .py-xl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xl-0 {
    padding-top: 0 !important;
  }

  .pt-xl-1 {
    padding-top: .25rem !important;
  }

  .pt-xl-2 {
    padding-top: .5rem !important;
  }

  .pt-xl-3 {
    padding-top: 1rem !important;
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xl-5 {
    padding-top: 3rem !important;
  }

  .pe-xl-0 {
    padding-right: 0 !important;
  }

  .pe-xl-1 {
    padding-right: .25rem !important;
  }

  .pe-xl-2 {
    padding-right: .5rem !important;
  }

  .pe-xl-3 {
    padding-right: 1rem !important;
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xl-1 {
    padding-bottom: .25rem !important;
  }

  .pb-xl-2 {
    padding-bottom: .5rem !important;
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xl-0 {
    padding-left: 0 !important;
  }

  .ps-xl-1 {
    padding-left: .25rem !important;
  }

  .ps-xl-2 {
    padding-left: .5rem !important;
  }

  .ps-xl-3 {
    padding-left: 1rem !important;
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xl-5 {
    padding-left: 3rem !important;
  }

  .gap-xl-0 {
    gap: 0 !important;
  }

  .gap-xl-1 {
    gap: .25rem !important;
  }

  .gap-xl-2 {
    gap: .5rem !important;
  }

  .gap-xl-3 {
    gap: 1rem !important;
  }

  .gap-xl-4 {
    gap: 1.5rem !important;
  }

  .gap-xl-5 {
    gap: 3rem !important;
  }

  .row-gap-xl-0 {
    row-gap: 0 !important;
  }

  .row-gap-xl-1 {
    row-gap: .25rem !important;
  }

  .row-gap-xl-2 {
    row-gap: .5rem !important;
  }

  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }

  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }

  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }

  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }

  .column-gap-xl-1 {
    -moz-column-gap: .25rem !important;
    column-gap: .25rem !important;
  }

  .column-gap-xl-2 {
    -moz-column-gap: .5rem !important;
    column-gap: .5rem !important;
  }

  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }

  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }

  .column-gap-xl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }

  .text-xl-start {
    text-align: left !important;
  }

  .text-xl-end {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}

@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }

  .float-xxl-end {
    float: right !important;
  }

  .float-xxl-none {
    float: none !important;
  }

  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }

  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }

  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }

  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }

  .object-fit-xxl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-grid {
    display: grid !important;
  }

  .d-xxl-inline-grid {
    display: inline-grid !important;
  }

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: inline-flex !important;
  }

  .d-xxl-none {
    display: none !important;
  }

  .flex-xxl-fill {
    flex: auto !important;
  }

  .flex-xxl-row {
    flex-direction: row !important;
  }

  .flex-xxl-column {
    flex-direction: column !important;
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xxl-center {
    justify-content: center !important;
  }

  .justify-content-xxl-between {
    justify-content: space-between !important;
  }

  .justify-content-xxl-around {
    justify-content: space-around !important;
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xxl-start {
    align-items: flex-start !important;
  }

  .align-items-xxl-end {
    align-items: flex-end !important;
  }

  .align-items-xxl-center {
    align-items: center !important;
  }

  .align-items-xxl-baseline {
    align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    align-items: stretch !important;
  }

  .align-content-xxl-start {
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    align-content: center !important;
  }

  .align-content-xxl-between {
    align-content: space-between !important;
  }

  .align-content-xxl-around {
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    align-content: stretch !important;
  }

  .align-self-xxl-auto {
    align-self: auto !important;
  }

  .align-self-xxl-start {
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    align-self: center !important;
  }

  .align-self-xxl-baseline {
    align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    align-self: stretch !important;
  }

  .order-xxl-first {
    order: -1 !important;
  }

  .order-xxl-0 {
    order: 0 !important;
  }

  .order-xxl-1 {
    order: 1 !important;
  }

  .order-xxl-2 {
    order: 2 !important;
  }

  .order-xxl-3 {
    order: 3 !important;
  }

  .order-xxl-4 {
    order: 4 !important;
  }

  .order-xxl-5 {
    order: 5 !important;
  }

  .order-xxl-last {
    order: 6 !important;
  }

  .m-xxl-0 {
    margin: 0 !important;
  }

  .m-xxl-1 {
    margin: .25rem !important;
  }

  .m-xxl-2 {
    margin: .5rem !important;
  }

  .m-xxl-3 {
    margin: 1rem !important;
  }

  .m-xxl-4 {
    margin: 1.5rem !important;
  }

  .m-xxl-5 {
    margin: 3rem !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mx-xxl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-xxl-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important;
  }

  .mx-xxl-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
  }

  .mx-xxl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .mx-xxl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .mx-xxl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .mx-xxl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }

  .my-xxl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xxl-0 {
    margin-top: 0 !important;
  }

  .mt-xxl-1 {
    margin-top: .25rem !important;
  }

  .mt-xxl-2 {
    margin-top: .5rem !important;
  }

  .mt-xxl-3 {
    margin-top: 1rem !important;
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xxl-5 {
    margin-top: 3rem !important;
  }

  .mt-xxl-auto {
    margin-top: auto !important;
  }

  .me-xxl-0 {
    margin-right: 0 !important;
  }

  .me-xxl-1 {
    margin-right: .25rem !important;
  }

  .me-xxl-2 {
    margin-right: .5rem !important;
  }

  .me-xxl-3 {
    margin-right: 1rem !important;
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xxl-5 {
    margin-right: 3rem !important;
  }

  .me-xxl-auto {
    margin-right: auto !important;
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xxl-1 {
    margin-bottom: .25rem !important;
  }

  .mb-xxl-2 {
    margin-bottom: .5rem !important;
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xxl-auto {
    margin-bottom: auto !important;
  }

  .ms-xxl-0 {
    margin-left: 0 !important;
  }

  .ms-xxl-1 {
    margin-left: .25rem !important;
  }

  .ms-xxl-2 {
    margin-left: .5rem !important;
  }

  .ms-xxl-3 {
    margin-left: 1rem !important;
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xxl-5 {
    margin-left: 3rem !important;
  }

  .ms-xxl-auto {
    margin-left: auto !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

  .p-xxl-1 {
    padding: .25rem !important;
  }

  .p-xxl-2 {
    padding: .5rem !important;
  }

  .p-xxl-3 {
    padding: 1rem !important;
  }

  .p-xxl-4 {
    padding: 1.5rem !important;
  }

  .p-xxl-5 {
    padding: 3rem !important;
  }

  .px-xxl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-xxl-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
  }

  .px-xxl-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }

  .px-xxl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .px-xxl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .px-xxl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }

  .py-xxl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xxl-0 {
    padding-top: 0 !important;
  }

  .pt-xxl-1 {
    padding-top: .25rem !important;
  }

  .pt-xxl-2 {
    padding-top: .5rem !important;
  }

  .pt-xxl-3 {
    padding-top: 1rem !important;
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xxl-5 {
    padding-top: 3rem !important;
  }

  .pe-xxl-0 {
    padding-right: 0 !important;
  }

  .pe-xxl-1 {
    padding-right: .25rem !important;
  }

  .pe-xxl-2 {
    padding-right: .5rem !important;
  }

  .pe-xxl-3 {
    padding-right: 1rem !important;
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xxl-5 {
    padding-right: 3rem !important;
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xxl-1 {
    padding-bottom: .25rem !important;
  }

  .pb-xxl-2 {
    padding-bottom: .5rem !important;
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xxl-0 {
    padding-left: 0 !important;
  }

  .ps-xxl-1 {
    padding-left: .25rem !important;
  }

  .ps-xxl-2 {
    padding-left: .5rem !important;
  }

  .ps-xxl-3 {
    padding-left: 1rem !important;
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xxl-5 {
    padding-left: 3rem !important;
  }

  .gap-xxl-0 {
    gap: 0 !important;
  }

  .gap-xxl-1 {
    gap: .25rem !important;
  }

  .gap-xxl-2 {
    gap: .5rem !important;
  }

  .gap-xxl-3 {
    gap: 1rem !important;
  }

  .gap-xxl-4 {
    gap: 1.5rem !important;
  }

  .gap-xxl-5 {
    gap: 3rem !important;
  }

  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }

  .row-gap-xxl-1 {
    row-gap: .25rem !important;
  }

  .row-gap-xxl-2 {
    row-gap: .5rem !important;
  }

  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }

  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }

  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }

  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }

  .column-gap-xxl-1 {
    -moz-column-gap: .25rem !important;
    column-gap: .25rem !important;
  }

  .column-gap-xxl-2 {
    -moz-column-gap: .5rem !important;
    column-gap: .5rem !important;
  }

  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }

  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }

  .column-gap-xxl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }

  .text-xxl-start {
    text-align: left !important;
  }

  .text-xxl-end {
    text-align: right !important;
  }

  .text-xxl-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }

  .fs-2 {
    font-size: 2rem !important;
  }

  .fs-3 {
    font-size: 1.75rem !important;
  }

  .fs-4 {
    font-size: 1.5rem !important;
  }
}

@media print {
  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-grid {
    display: grid !important;
  }

  .d-print-inline-grid {
    display: inline-grid !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }

  .d-print-none {
    display: none !important;
  }
}

/* [project]/node_modules/slick-carousel/slick/slick.css [client] (css) */
.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  display: block;
  position: relative;
}

.slick-list {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 0;
  left: 0;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  border: 1px solid #0000;
  height: auto;
  display: block;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* [project]/node_modules/slick-carousel/slick/slick-theme.css [client] (css) */
.slick-loading .slick-list {
  background: #fff url("../media/ajax-loader.2df4ohj-z-7_l.gif") center no-repeat;
}

@font-face {
  font-family: slick;
  font-weight: normal;
  font-style: normal;
  src: url("../media/slick.2mbnnj2ldqw9v.eot");
  src: url("../media/slick.2mbnnj2ldqw9v.eot") format("embedded-opentype"), url("../media/slick.1vsdartgie2p6.woff") format("woff"), url("./fonts/slick.ttf") format("truetype");
}

.slick-prev, .slick-next {
  cursor: pointer;
  color: #0000;
  background: none;
  border: none;
  outline: none;
  width: 20px;
  height: 20px;
  padding: 0;
  font-size: 0;
  line-height: 0;
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  color: #0000;
  background: none;
  outline: none;
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: .25;
}

.slick-prev:before, .slick-next:before {
  opacity: .75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: slick;
  font-size: 20px;
  line-height: 1;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  position: absolute;
  bottom: -25px;
}

.slick-dots li {
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  display: inline-block;
  position: relative;
}

.slick-dots li button {
  cursor: pointer;
  color: #0000;
  background: none;
  border: 0;
  outline: none;
  width: 20px;
  height: 20px;
  padding: 5px;
  font-size: 0;
  line-height: 0;
  display: block;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  content: "•";
  text-align: center;
  opacity: .25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 20px;
  height: 20px;
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #000;
}

/* [project]/node_modules/react-phone-input-2/lib/style.css [client] (css) */
.react-tel-input {
  width: 100%;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  position: relative;
}

.react-tel-input :disabled {
  cursor: not-allowed;
}

.react-tel-input .flag {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAACmCAMAAAACnqETAAADAFBMVEUAAAD30gQCKn0GJJ4MP4kMlD43WGf9/f329vcBAQHhAADx8vHvAwL8AQL7UlL4RUUzqDP2MjLp6un2Jyj0Ghn2PTr9fHvi5OJYuln7Xl75+UPpNzXUAQH29jH6cXC+AAIAJwBNtE/23Ff5aGdDr0TJAQHsZV3qR0IAOQB3x3fdRD/Z2NvuWFLkcG7fVlH4kI4AAlXO0M8BATsdS6MCagIBfQEASgPoKSc4VKL442q4xeQAigD46eetAABYd9jvf3nZMiwAAoD30zz55X5ng9tPbKZnwGXz8x77+lY7OTjzzikABGsenh72pKNPldEAWgHgGBgAACH88/Gqt95JR0OWAwP3uLd/qdr53kMBBJJ3d3XMPTpWer8NnAwABKPH1O1VVFIuLSz13NtZnlf2kEh9keLn7vfZ4vNkZGHzvwJIXZRfZLuDwfv4y8tvk79LlUblzsxorGcCBusFKuYCCcdmfq5jqvlxt/tzktEABLb8/HL2tlTAw8SLlMFpj/ZlpNhBZ81BYbQcGxuToN9SYdjXY2Lz7lD0dCQ6S9Dm0EUCYPdDlvWWvd2AnviXqc11eMZTqPc3cPMCRev16ZrRUE0Hf/tNT7HIJyTptDVTffSsTkvhtgQ0T4jigoFUx/g+hsX9/QUHzQY1dbJ7sHV02Pduvd0leiK1XmaTrfpCQPgELrrdsrY1NamgyPrh03iPxosvX92ysbCgoZzk5kP1YD7t6AILnu+45LykNS40qvXDdHnR6tBennz6u3TSxU1Or9Swz6wqzCsPZKzglJbIqEY8hDhyAgFzbJxuOC+Li4d9sJLFsnhwbvH2d1A3kzAqPZQITsN76nq2dzaZdKJf4F6RJkb078YFiM+tnWZGh2F+dDibykYoMcsnekdI1UhCAwWb25qVkEq43km9yBrclQMGwfyZ3/zZ2QK9gJxsJWCBUk32QwqOSYKRxh6Xdm3B4oMW22EPZzawnR72kgZltCqPxrdH1dkBkqDdWwwMwMO9O2sqKXHvipPGJkzlRVLhJjVIs9KrAAAAB3RSTlMA/v3+/Pn9Fk05qAAAUU9JREFUeNp0nAlYVNcVxzHazoroGBkXhAgCCjMsroDoKIgKdFABBwQUnSAoCqLRFBfcCBIM4kbqShO1hlSrCJqQQmNssVFqjBarsdjFJWlMTOLXJDZt8/X7+j/n3pk3vNq/bb8+3nbP79137/+dd954qTVt8uTJL73OMhqNer03ady4cWOhWbNmjV+0FfKGjMb36Y9/1fXUst9cb2y8/lpb797z5k2dOjXVD9Ljn59fcHBwQEDAgGch3l9on6feeeedn0r9kvT222+/sErRgvcDArwV8f5tN/rcvPnMZ22pqVFRSVGjR38k9Rsp9fLql/MXLj20VGjt2rVeak2Og/auI/kHBQ3We/tCo0ZNhwYNGj58/NaWlpbOyMhIX1//2/jTrICvckhXruQsWbJw4cL3tzhPORynSk5lZWVtglL9IkmdDQ05NqvVGhLwbKSUL+Tvb9yH/2sj+eN0IZZ3fvq3Hnp71ZtCOyofdnTYSzq9xX7UtsF9+/Y1FpeZT54sc2aUlq6Jy89YM/qj2oZaoeOkMR8dV/Tee++NWb04rrA5MRYKDAyc/NKCpwDIyKhE9LEzZ/r4DLQAAE6EyEeM6AcNH7m1pTMnB+fHX7tG9Bs0Xt+GwM/frqm5tz950aKDk6rsiA0xbUrbRAii/BDeV9bGhQsPRlyOCAuZ9GykZwT++n2RHPnVYQU+oaFDPQD8jEQAPiDdaLPaHGVXbn/O7YHQuIH9B/gYgzts1iqrtSopKWlNRkzS6I8arFaOFvTfew8AfiYil/rN6sWTKwtbArOzExISUl7+vwCuQNt8Bg71AQCcTwNpWeFbW3IIQEmJr08XgIzX2xDcvZrs7Jru5EWXwwKSwh2RkQ77w7Q0bXp6YRoDaKO+kZl8MCwsYpJ3pEf8liAAoPhDhqUMQ/wAkF+oqKiosJYA7HxotdnTtVe6Pr/S0h+AI90QffU3T9obGuwdD5PqkmJiMtbM+ajWI/60TX0COhoarAAE1dfXV80FgMmLi1oSKP7/B6ASAGyBV4YM7D/Bx8/bF7g5fgmgEwCCSiJtJQRgxEi9zZqVdYUu9pW0tLCIgOvxdR0dpxx5aWl7EzV7CYDV+tXnCzMzkzMvE4AFlTuhZaSf/OQny1L32RC+JcHikzJ06NAJoe+YNKRbsbG3xPlWZTxssNmdOP/J27ffudLJ60V7DAaT1lxRVvfwYe3Jlrq4uJiKjAwAcIWP+BkAhV/i7HA0uAG8BAIUf8qfzvwvgJcQf+XMK4GWi8OGTpgQ6uftzwC0LIM2WgcASwaXOBwlA7v6/YgAhFRt2pRGeu0/UyImbal77eHDo2kVAJAeKwE0fl6P63/5nSlTAKBCiR8AovbZEL9lf8I5AMD5booAE7OzY8X5fhGJi0/nTzTcMh+80iIBaF0APqvIu3EjqfRGcV3S4aSKYk8AaW4ADU4gOFlfn8sAXnoJBDpTCMDL87zU2kwATl+x1Nw+P2HChKHBBMDHFT8DwGjX11FSYu/f/aMf9XtOjwAacf2hmxRg7ywXDrr30kb7NVhDquo/z0y+nJs7ZUoYA5DxM4BFmcnJyV93PzjbvQhK3urqAYF7xflWVT5ssDaU4Ox7T9+6Ei4BaN0AUkvXJEExMTGHD9cdFgA2yfgZQAP1f0dJw0lrfS4BmIb4z5yZBgL/H8DibbehGROenQ0AQRhvZPwQAGDQ8wlqsFkmdP9ofr/n/OgK2ml1xxQECAAy/tdee++91wCA1mfWJy/KXUTr536T+O67764X2r9//T+3JkPdDx50f7qItDXfff+zeAxY1lYV0VCmPV1Ts5fGAGUYDbHpo0qT6vKTignAtWvXiuf0StwGZZPQybMPAYC8/xF/bj0AUPwvvzytKCdl6dMAvJxRuXjxkCHnL86YMXs2A8B4m4yWQTrdIp0uByMajcATJrwzXwCIiIjAFSrbJwGI+FlH00YH8/rQy5enQPsYgBK/BLCI1c0Afonhn/XjH8MNLP9o1Y4Pfg795N9hYQ23bt1q4fb07z+A/ITR2J8AFJnqOP7iuj7Fc35TK+9/bkPaM+NGiSnsB6wRIwGA4n/5T5Pzc5aeeAqAP1VCM4niWRqVgr1p1sEYlskNJQC4BQZbLJi0MAgCgBUKqYo3VEVEhIWFTZqXtYmVxiIAtB4QeDUAvMuSFBgAJCkwAKHlLAKw4wMIFG5URVgdLdwedEq6BuCgj1qzpi4uiVScYa6I0fWKJQVC2aRDY0eNWrlyECwMMIDDc2vZ6UF0F7z8tB5w4kTvtZ+ygklGkk4lvZ6sne45SDg8aJIQ2z+4Mmg0qcfauXPnfvPNN9XV/1S0VSWyf1Ls4FZ5aIHu/blGKb2UOM0ckq4PmsZ2b8yYMb2l4FbhX8ePHwmhuSPXkhaQ5q0tXzBvntdUUq9eSyFu9njXxpA74Leg198yktRWVI4OkAkymw2Q3WO90+nnN3u2H0QkHI6JpHHj2GvTYdsupd68GfVZ4yTJqJeUaNKhQ+rzCUvOMXEr//4vD3333XdLe+rRJx4iqumDnT2O5zW1HII1hPLy8pJGjz9GWgk9D61Al4fWkWay9VRbUa1GEVCYDRoonu0dr++n0ZQ0dMCNdDRYHVrtuImjWHQ80lvfl4WfhJetw1CFm6h+rkazd28iJHvyIe/IHt7ZOBY7o4GPH4smPqf7nRwz/sH6bmmi2HtvYiBUYPxEcZakt701PdsPAIhb3DBbYmIIAOK+F9HXJ6z7t799AwDI48+cOQRi66m2ogoAYVwIQEkQb8DrJza1azRWq9NpjUjXtg+aNXHU9EEQHW/YsGFD3toHMFZbgzUsDNPkPgAgpScG1vA4TgB8PZATAAoc6IasWPHhhwCQkyNCdwMIJCVqDabA8+cAAJFLYVD92dvpjvQe7ZcA7p0/350dEzNmy+iRAHBPrO9+AwB41Of4h2HoFdZYhsfL7ej7QmbSBdED/GkDXv+ju9Pv4i9mM+g09Rs1duKoQSQR/4whb7msbFhufHy8M2xup6AZ3sHzWOChaveIWQCtn00A7s/84MDuD4bd+fBDcYEukrVna5fwMQPAsqnQZOqqLtBzezysvHd6z/YLANndUELMGAmgXqzPfeON3+IE8PHbuL2YegYCAO+/fz/io2VMM+5HpR/BGXIPGCzix3oAaBo13aApK9Mahg8fNAo9ANsPGi7iB4BLZRUPH9advJGb6zx+3Jk7FwFtCNekNzQUabW3cAv0Ek9uUA0U+PGsY4NmzrxQVBS3e82wGQDA7bvI8SsAsgNP7y26HV4GALyeJzGaY5J18fZ4GT+3DwBK8/K2ZF/s7v46ZYwEsMJHrJ/gApBJ8QPAs9gh2BYBnT077OwUnvcBwB0/nCEAQPFBdADefv5dPEu3p2u18e39Bg2aPou2h9wNmP3wi7bGL9qsuVOcizoBgM/X0BBtamggK2wGABn+WSLw8awm9P4Du3ecys+aMWPGt6J9medF/EsBIBbxJxSFm4vM5moJAOGL+AHAO90jfglgy5bshO7uFAIQM2fkyhUr6sX6fW+MJQDYX1wvWI/+uOIc79mziJec4ESxDPGy6AF9RfzYHgBw02s7yswNhf1GDJ8+lvcfPgKrxfoAa0S9uP9HTV95LHdur8TzuF7W5OSqDdEGAFiaiIjk9U8hAMdw+1Ts3r37VPOMGR/K9l3k+CUA9P9b4c6y8LKC6upqAiDj3wpxD1Dix/m9Uku3KAD6xMx5DgC6xfrLYwnAEuw/jOJnAMHjpnvECwA8aK5YseK3EA2aogf0pQNIAIOaXI8S0/sBAPaHaLUEIOJHPmjUsWACACN7/qLVmoz2Zjabv3x8X+oBdP/DWeih94d9sHv3BzO+fOOND6l9C93xL00BgOy97dHo/ZHm6EcAwM8OHlZ+YLpFtF9eQAGA9+81pg8DQCzdU3D9Ef/YN3AC8OP4Z5D1DBg7XYmfAKitqYl7AA8AvDxxVLtGW1VVVhYRZjC0jhg/Tuzv3j6gCuEjfghGYd/cXrFk5BNqai4K633k938h/Zp15C8Tx68E7X7Dtm2b8QZEAH743j8gYQQwC8TGlp08Z7ZWC+k/4eFf6pc//Sje3+TZ/pFeqXkQ7hoIhhoAnve8ogRgCQZBMQsgTgBgXykpAoDKmpoIuJP/wMvzwaOKHkisVfUnDYZZ2J/k3n4ST/94UiHt2/d+Lx7yttFAXnP+60W6+X9ggQFzGDdeOJT791fQNAgAv/qHFFMAAJou7AWQBCAkKXzknW71bD96APnWQ4c+hthRsv1Ty2WNA4InwYYpzhJSW1MT+lmkxx9awyfNhQVmvf9+c9M4kVt1by8tsmuLub3I/in6er7URGkh1SZ1znfk/xR9o2oP7F8Pax1vbO8RgJcwhYp8BvpMcD1t+0GffPJ7xUo+CA54Yc+DPXv2vGA0vkBavfqIW+xeH3kr8iJ9QxJegQNpu/TMzZupnzXOkQ7+OkumeCCOU+Si2Sr7kR6RkQZ/iA0y62PWVKlUiLy8fsz1MSd6s+YhLz1vu0t7ILS4T1Rqn2cU9fF6YQdpMZIAG6dNmzZ5bX+7PZKGsXi0CM9xwZ+0DmuVnejxsHMDJu3Zu24vkrT+QTtYq4/8nvWHPzyeCa2HUySRbzMKAO9CGhZ15Pku67uGlaS7frzoeFat26uY2CpzijiIrbKfLdH2buy7eKLkR8oAaXWhQNLH8+qEKirKy0tLS6O8bXVZQpvg8dPmbV/O+jH0IvRClLY06hkPAcBGqLa19ckBzC0HVg+0R9rQFpqFtWER1oBPhr3+eutPocevPzIaBwTseTORAu/rQ7sd2AgA4g69T1PlfmGVsX9fn8ESALk4ER5Gsb/Mny2tbzGkPQwASH1s2iTDBwC2yhYeVdgq+yXODAwpCCzAozT7Dml12fqR8VGcOMtk9A0pkUvsI7YvR+DQrl2vQLtWpdbFPAVAq8lgMrcygKEEoKQsJKTMYQgLDQn4ZN3r60T43ngSrH5g1rBcWaINAoCMX1plXq8GoBUAXNYX4RcfPqzVXa8tqk3bpATAVtnCVpytsp8tsCBifcJVil8BoFhfu7OE5RCyGn0HWxweQLYvf/HF2tp1T568IgD0Gf2MJilKBSCrPf5Cc3h76e4zuwmAv8ZqQ5cLMwwNA4DWn+IfwoeqX3/8kQvAQC2rGQCU+NkqywuiAqAVACa6rO/hYsR/uBi3wKZd7wGA1gPAcEvfhAQAmEEA4DwLEgo4/tmzwyYdYqurWF+9zWKxhCKlTjnV2WEBxkhHX5/G8jSZEZoKALWJWbuyYgWBVRgA6vqk9hgDNh54YtI2t2jbn5wBgAl2m1XTYAmxhFoNU5DG/uRnHuG/d/yjEa0X7kID+99tgu6OxTytxK8A0KoAaCGexz+rWHPpUtKaG4e1hwnAhhNZlLtMhwyG+HhDGVvl0PXZ2fv7w3oMe8vPijuf4of2AQCyutDmzWdI1zcv0Psr8SOFF2As0Th8Qr84CiEzcjSKni09b4l5C+al4r9uAcCBA1nthuYKc3spA4i0hWgNdFazgbK8n3iEjzct380S1rd/f+mkAECJH87O21/2v76eALQM4MiRX0+MKqXsFXSYAei8/d3WXLHaoQNTUga4AYSGiesPTSEASvwEwCrin4D4GYAv4m9MS5M5yalGX1uixccntCDwKqf5n5FSboGNBw4caG03m1tbz5zZs3v1bAAAKvtJDAuzAeD1c0r4DEBY4f4DKH4C8AclfgYQxFl0etRWAAj+RwjA6DUyfuoC3xt02F6JnwDQ8UNpeQAB+DTY6op/HxJLU+au3jj5JYRPwvR5ZoFN3v12oVxjkE+oXbG+4o71WH5dJa9VALD7wBPMArvP7AEAfaTVgm3NZkzcszHoBCvhM4BvhTcfMOCB8OZH/sDxp0hrCwA8PvKjNqkaAPaL80sAyvU3fF+sU1tptspDaRkA3gKAEIoforwaAPhZ3f2de4RWeUvAARqDKH65ZDKE7/nxriexm17ZtO0JxvhXX1n1Q5UAYCMQTCsvn7ybEuYL9JE2q9jfZJoSBgADEP5xt757MJM0xMcHUUOfzr9Pywlua+vtThhJAOvdPYDc/LjRayC+CxiDTm2l2SpbeJmPHywzyhLDXH1ICI96wEAcAlIr4ABKSThuXt4c75ByyJ2Zj9qDWbD2SSJmAdaqBSp5CdPoB5frx9LDdEVDG6C5cKnB/xz1kdB3rAcP2Bb7+X0q9GtOXirWU7HGEgBSwI/CoehosrIT2f7pFKmtNFvlYF4W/jvAI6kMoX2y1kBIZKBHu1PDwfNI7A1ZbP+UIgPMAn08hFnAIOROal3P6pnlzSQlK8pHf4F2s+AwjSRNvDsCadl76bQif9tbqDBdNvzPfxcy8+nCw1OULDDrOukEi7PXnngo+IDLY8UZZMmGOmsMn09yPTI8VwjhWEUkXIY4mYVu2/7qq9tJXuqsLoxJj+XMZqEWUmdnskabf8olWOI9Rl9Ik07vqeh1id/EpqZRUGKOhksqxveuZGm0Idx3g//+BPrd734n793wXnuFEoUOXc+ClJcrC4wiI8rv0On4GNUbbh8TBRtwDOPVWerxv2P9SuiPukKcBwd0xRPusuLSH+/xUmd1r9dm5XsuZzZ35kBLxCt+ANBoihA5CY6YAODEmnS8KRpIr7cBgJp2uyDkahcmi+EAUE7SpvPQFRrw9yfcvk5nPHUyApDokQWPBQCOXN7DafPo+ABH1RN8fL0t6OrVq1X3eC7C8dVZ6vHu2P/4xz//WQDAQ44rnmhXFlrYYxeAW+mJ6bcSEyUAEFCyqJdPfkX6HLp8+fJXBEBTyAR2uAD0tWjSfbh9BGAUxX/1zi8HVXcpAHZq03m9BNBptXY4ET8DUOKXANJk/AxAFETYbO/ayJ3aACAwcH3gep/Qru4PUZ8w/nW8X9gWOMSdZR7bRG81jkOU1XjeDUArFOey4i++WFW1vr4NAMTLaFjLvekuAJvylYKIXIcvFcQItzLB9o5G44CzylcA+Pe1+GjS+fojwGDO4hbcOfuXX35bnZ0deIgB7Nyp1QqrygB+1Wb9lbOBAUQTAOV1XuwhdRZXI7Q3UVplfSKS45aEc0MH9p/yTveKkQCw7WrIXneWmYDMrD3++Mnx47x8Iqt8GiTs4+bJ8y6V3Xj4sOLkjV27qjA9AYCBvGJsQkLgXraKBAAEOsCdZPfLdbjjRwQAUOJvxy7t/BK+NKuPhqVYTX6PEHJ101+qq8MWLcrUqdf/ne5Pa+OvMLPRPB3dBw+ychaDSkers7gaFiAliv31sSHr14euv0o8n322XoeAHXhwOyuydsMYwJDax0+ePD5OywCA8NM4fAIwdWfdtIqKvKyMXbuKDPWFRS8wAG3r3lvtF0RBAveANuqv7K2Dc+3K9Z/g7gGtlKRja9sjPjSQF6/eqc7+9ttztKz3Z6uarl22BcqL+jvdo1URvyqzGbSUpOTX6XlkW0mvpaqzuBLA6dOxOD4DKMA7koRzaMyUf3+xczUCvlVgic+m+CWAIUNqjz95vEkBwJdfAniVhj6+/xuRjGyTAO42XRjVxJMfACjxE4CuveRlC2SO7d13NJD59yJFSQD0QRj+tPHu7flhpqv6y+pv/9lF7wn0QexZ4g1bBIBZBCAnIsJaEm+QAJT4f/Naqrmndd2wCFMPhuHTp3OWQDk6vS1hfcL+6v6I/iU8vgPAkAs1+5vPIn62zt6+56AsdNChjx49OqcvwsEQPx2OjwcAIv5d+YW5hfkSgNZ814wNGADHP0HEo58Q8PXe2Fjx/JkCxd7T8uXn+CUA3P4AILcPFu8NuqrDziF+lND4hfCjigAQsywKozQN0Esc8eJ89LTHLk8+7ZmV+LnBnJX2KNAA8KvVQ//9xWTYkDNnJq9VW2m5XF8vl2lSx/X3AMDhU35kee7yXS94mfh8St78RNZDOetAEwBAmaRjoS6t4a7M0TKFcWxNtfE+cvvgsWKCjs3U8jwFAGxd0w150DIAkHO0QSjaSPM3Pa6BI+RnVtojAPAErBRo6AeHtN1YDP8uRra1aiutXgYALTZ1H287pn+SxAAA0pFB0aQT7wuzKbOQwV93kfC/Qt13j/TI0k5kg2Yqox1YY0VBwlKdWXgx6VvLzKlRrPEjRU53Q7QQdpenE/bW7G7JBpZOpUmfLVi9arXQWkhtpdXLZP8WzFsQFx3Hh2vm/CjrBZaX9UbvmzenotZWWmpZ3AOJUgvCtkq/2u2Vy0lmbiOfZhxLqSWuyC/FpS5qbCyiW/6LUm/om2rv6mrvR9VGyCRkNErs6uOprS2bcpaZ91Bbd0CTmsTiPd/i8gtuzxGVPpoIebTY61qJ+aT9pJOytEnQ6NfiSBlxcbWsMTRG7LBtdFvJ8nxI9FAyKEhgkJRa4jqHpigjQxMZqamry/fV1Hk3eWRx198zmjTpmEZovSbe7tRGq4+ntraGnlY9nJfT47Wu5YAGVIKSZIEF7y8KOrg9R5C++r2iI6/W9myvF2p3/YNwyqQYcl/Fc14TkcNAk+r60AkPhBzg0wkA4GNi2fyDCMAg5VURKkfz4uwOzWJN0GBNuR0Qrnk3jTrrqlh68O1wvDlyNCBp6R+k0Tqq7ACgOp7K2koA6b7xSgFGeuTgvkElWBYAEDgidxVY8P5c0DGMrbLTgx908tVTPdo73uumw+4baW94WByTlp+fFuMCkJGhBqD1ACCeFP2pTg/WVzkgTpiXUV6GtCCeD4Li82N29vYGoDs1/Lrvy379ngcADaWtg0JwMAe8ufp46gIM+brdYnEKL4/lSF5fItqjFE6ms6/g/UVBB18Qb1xgeno4x7qqf/XUKdr81i2ZIfJaU1LR0YEsbUxMWmnFUQEgP5/sYFxceXlWn1XIGR6w0JzDWosGZ2SIBgeFwJvDeBBvtxWVz5Ior2Xle486i4KIO1fP3aEXkiv0QQ47pa9CQoTTnP304227d08ejwMsszRaylwAZIGDvwCw/RQ8ObRRaBUXcIiCDpwPAN6NvQoN5vgHngOA5XT7NDVJa+31WUXSjRsxa27EXEuLawGAo3HU/+OysnBjlpdmPeNnExkYV16+HO3NEKMQJjgrGizjl1a0MTLI4xL2vek9KrBg+IiuhBRUFhMAfrojiae74Kcf715m8j0+ngDgj/vBR9QOAyArUmj2njc5cJmkOLCKa5u5PTO4YMM7cR0REPELAMtxxA0bpDX3SsXYFwNdu5bWmZN0bc7RjNraOMSPHpBRCgCrKWcYKq//njNrp4kGmyCQCQlGg5X40WDZA3z6u3vAnUEjRtw5d+5LAJi/Qm9xcOstFht9JxHp9/TjDeteKJyd7AFhuVPKhFX39vcXXd4hssjbuQO4IGxkAD6iPZy1Rg9Yj/g5/IGPAGD58kJ42Q0bwnE8AUDG39mZl5eToyMAiL62Fok2AkD34O7QM26jlIcG14oui6sYEjymrpxeyuUJlaZuqViWnz5Y0x8AQpt7J6V6Hxs+4k4N2chD386f/6EeRseB9lso89oBY6I+3lhVAQYDSHfud5qEkUEWGftj574ii2xWUqJyPTqfKOjg/WlQ5P7v4wJwSguhoJEV7hW1huOHKO1xDQD45aJWWyoAUAPOhBEAgwtAbZ2YhC2haDA/bbkfNvKmxmRobJF5mgEDNL/Q2EPKU72nD7rPPhq5rwf9CIDdageAUK2hod4GAKrj/U8BRiQ/ju8/R/7UJ4Ssbl9HutbpL63uUws2RH/k5bKe1vrKq8td1nsflDsXAES5OXQY9da639SS6uQswAC0ByyTlR6QAQkbEgIBQNbicggY8qCpdRpb3M6dNAguS4rTWC4ZjwVCXIABCitgdZ2RGNBDMAs4bSUAoDre/xRgsCFYvx5hkbkVVjfIv6/L6j61YIMLOs7ysuvttdSRV+vcnqEecycAiFpbFtUbiEpbzpiy6NKsDlhL/pS1ZQuq6TZwkjCYJOtuSVNJpZ8nIQeaf/NmPlKyz9R+b4T++cj46JF+9iM9JK2un5+0uurjkX2T5Qsso5Df/7O6smCj5/a93oI+5eUjKu0JVpLMJK/r18PDZRaWq4i3k0ykcHbLKmcqaoVlCvcQtGjEjyZ6emF1Fre3CpDa6vKZhbHn8wdLueytnqU8n7CTFSllugeMik0WaJd6CrUZDTfmwep/cY3S5M/hmqjP73V9Mj0uKjnA7ZQtFebiRWiVt8x/yrHW6GE1SYf8Hraa2psUa2m0QWRlQ0QWd8FiUrkrL5XK+ytm13iiUog3mzZtQbANsrpL7CfpySCz+G8BXEChYRVAxj1vSsmCDVUBxTfFTq3zpDO+Li5/Q9OFlrg6tdX2MovZCn6MtXM7PS8LAPQ+HQA48IcPeardqFesJtf6HvL2bby97tat9unCCQIAz/ORkWKeBwB3PgafKWxOFVYXCYvjwuqe4NAlnpcIgIhcFkQAAAfOfwwNIwAALR4IkKEpMJp6ZrWj1QUUgx2Yde32G/hIB+VVx6LUVlsCcF2Dyt4MQBzvFQgAKP62pvA2CUBaTZmF/RjLEV+dn7nuVvuo4fQRFQBYoHRH31DKAgdX5EMSb0ZGXIy0uiU+JcLqEoBprvgZgBK/BKDEHxYBAIMEAG16NQDoJYAdO7QCQAKnL043N5+mbpB4qNEZ77CXlFRk5FMJfFOd/OyOxJ/deZ1A99+8Weue5gjALphFLL+yezcB2AhZmy5Y2Wnh9feSCGE1ET8DAM2D3WeHDKFuMGi80R/hl+CjqvgSBsBlc5V0vMpCqigRF4viN7AVXV252B3+S8jaKtdTZoH5q7IIaUUjJnEBhYHWxysA3ty4482Nb2r5+KyMuvw64fQqnBknT2aU7aQe0PX8MqoXaKUsaCvivWvQmiQA7qHQ5t7bkSt5RctWYzcD2MEAwsNDJICvFi7sewf6knRnIltPn8vdxGNYvGkcAPj42OPt9hJfTqpyAws1GRnaImRBXQAQf4mBG7i2snwnaxlp51R1FjnEYRfqgBo69nHO0YD1ngAKNxbiP7S9BFAXV1EhnN7D8KLw5riiirq4lXUHK47VIf6mC63tTU3trU3T78IJilJSpQcAwK5XeLlQAXCg6oMbVYife8DCep8RSqkpACD+e0hL70UPGD5S70/pLXQ6pyhY4BzfYi20uNDgBoD4Bxi4gQyQZnVZPK3OMquXOecIdgQA0vMGuPwbD+yg9RIA4o8T20+tAFvxlV59Te6y0Vh5wWQytLYaTOgBAFCp3KNiEPzxrldUADD8VV06/wUWfw4AZDUVqzoSy2GXHwyZiTGgHwGhLHGoj7Mk0jmUAVS4D54BxcVcr90E5fUfkJTGb36ox4gSDwg9hkthP4RQCDtu3Ic6dYEDF1CYPAHweowBwgqPbVoJyXJXfFCxrCgjDv8Jr4urO51bk1GBLDOUQ+IssxesKKlSqveeH7+iBnAAqo/YTTogsq49rOfB7m23brUOp2UGQNH4DJ1gEVnledP47pKvfLdEqd/9occo8TMAJX4CoFXilwBg+lQA5HoFAIcvviiZWsHXH4q5nVDzk9HqLLNXUaFLJlORqahuz4uQOCDPAkblUYvkx1bTw3oGt3Xi4ivLsoDBnVWeygNc3mYSsoQA4PnyFwDIMCglD8EjXc3/kAQAPbPE4Wx9PW6BF6RDkW1ci2+K+JsngQE9AB2QOwEudGNdRoU6y+zl/ohMmjWyf6uiyfduWEVSnJ0wZLw4UvkMTaebCCuqLOtVFQxKGasQdwSYZdcZPWweSykFFuKwlZxoOBdQXIiGmvUkVxJ5g5TaSivnHs3SqeQ1UZUl7Q1p9Bp3kQWvFicXNvvQfGX7cR8fmqs6oPozOp1KAqgClSyw1AKSnqVA/PbTXj3E7RWnn/81jrcb4loHme7+n/Pz5krWuu3GM5+hVnmOfAICAFVWtzdVE9g05VApHvNTPawnW8fLiYmPeXvofmCNztv2lRxRuG/p1AUXOl6rrDd6WFGyyqsXQ4oXnKe3sRIT2f5YAsY2PV4nNJPUS2nv/a9wQJ3yewPiW2OcP3wDN8LQvIHP3zO+7/kXJ8IvrYGuJBUDgEhqyruaAJSXa0I0eaSjRwGA1otw2DrqOs8HBt6hzb+tSbi4RAdn17jE/UI7UwJw+Po6xLOFjmsroj//fEMmr+eCCovl6lUfeqHu47d2scsG0WA5eSqMj1AovM/QiAB8JXZnnRvBul6u9k4/v9Ccmbzwn8ZIgROwwDPET6sxdeaEa5xOTfiSnHA+//OeWetce0cDVAzl5BwGgNb29lb570L73fZ+AFCqsWg4fgCIYuspLidbVxzwNgggzZOQ0o2AyNpG2JWHKQZgJ6sdycvR3CGdDbYyE6kFABD/+uyEgoFcUBHQEAHVV1XxZyNhcwUAy/r1FP+UiIBZo0zmY+2etcQc//3uzE5T54P1evSokvj4SB/w7I/jAUB4Z3N6ZF8f3/TmJRsYwMILraQLUOvwz8ocHR2ODlSo5V65sg8ANKx0B7IsJGGtLaraXXF+Nir0/r77fPb58wkXM1HAAACUpbZjvQJAfJY00EnLRt8gdPXPIyIuiwoRLqi4mlBQkFI9gQFQUWpDhNNZbwWAXADg+AMD9w8dOmVKaMAsg2FQ+3BYFs/2TL+/EIN4Z8qjgXqjf4kdpoP7kwCgMWkdMGNDI03hOD+11+xhrWWt8uHiwyfbGk+6AdjtjkhhPV3Fx2F0/tnyszixP9cCy8/UshP2y8/Q7Brg9sHeImvLX42JlLADy+E4HrxxZlhY8gSuEGGrjOrnagAg4wMA9RH4lCu+w5lLADpQ+mlxxm8LvFUytKTEcnCWofV5fOVzzAmVlDk7yAneP4/4M79GcSoBcJb4l8SHIH4+Hj8oNoeGLtv8kNojASjWGlnwS5eK16BMM6eidMlhFwBtpK/Bw3qGqqyn2J+SkASAPtM6fz7l62QG4O8RvwQQL95qOGnZDeCyLGaGVeYesL8ayxKANl6Lt125+/DV2CVTZZGzcrHZPDmvbPLm8O/RA4a39+uux+WQF2T6/ZZMxJ/yDbcHPcBGPYDjFwBM2lPL8jafyTCF4/zUXrOHlY7iStXDEDlUAPCNdzgdeHqz8z9Hwzx8SQoAR4/S6/yYo1FsPbUKADipewnZeMvxZcrS7q2LuNY3TMYPAQAUSfHbeDma/1xmtdIYYMYYQE5yYEFKyjdoLwMIC4sHAPzHSQAqKovi8L5w2uT8yrz8uPLiWStN7Su60COnkADg8fkWU2dmZkr/ZwWAoCCMAUEU/7M4np9BE57TrM3avLm8sHnhBkM0ffbX4S4mdoSNXiPiv3b7ypIlt2/rvNjaYnwXFQb99QRAO5QB4Fvio6PZeor4OAury7mYXfMtWeFvD/X6OpNqfbtkXpYLIkTBhX1w30gDA6D9Mfp2d/cTn6kZg7gQoLpaFlQsKH/J9Sj6p1/8Yktq76LFIDAtP39yXn5dXv4zs5DFqFB06Us8jYZn7v/GVRCBW4qrC4aKMQA9wJyzJFqbn2+IXrgkmgHkDqRV8nwE4DDU53DO7dt0C6gLCqZi+tdatHlyGhjN1lPL4vVbAwPvu2aVOyn7dd4h92ReVhREqAsuxk6XqyFplT0LMILXyklQUpiaVJlfWRkXt7g8P6M8I2Na1KyVpTt2vPjiRgjO/MAq3RKopsDd3lNFbuVDWTj/hmYTj3ctzQYCEIFRVzkfirUheRdcAwB1lpXsnyHAFOVyj2w9hdPk9UsPjVM+Oxv/9cdzx49VliF1wcVY1S84eBg9JavMLlyqeOrhw6mpl4qjooqfiSruM+sErLmHYP7++sijvduVYgfa7gX1+XV6Y48TzoF6WOFPDilfxZHUWWB1VlY+Fe12qTe0wCOIQKkE+SaAQcp6E1JvlZRSYaH+AyCPn1sTnxMqmq2SOsurXl5L6vUWnYFb4KXWJ3v39viFBXXWVFpT/EFY0wOiSjg//03Wmd5ZdRcSL9SJdyN4MRK4cuX69bHvtjWyLn4claHNqFCssfN/ACSSlF+MGKC8+fSFjHPbWOJ4Bw/+1VsldXvVy2sXQ+ug2Fgy108DwIHXPr4gfmHhs4fQDegL0g2dPhI20/2ISwA4B52fv5EeQncAwGk0/HReHj/u5qUGrny+oCBWNPhg48GuKK3GcMkKcR2DddI8IfQYIffvA8hfjEDBBklG4A8AHDj0DnTwr656mAApdZZXvcxWe+bM27e3bQujn/J6CoDH/FFkQs1dBnCiklL4izERbebSUmEMTE3HzOIzOQaw42+dnX/bCBGAFjS/heNXADQ27u+6eLHrIABkGOouKVmdsgyhiooMoU/58/ga1vnzNV/j9beUqB94v02JnwDopFxPzOqCCvUyAZi8rQa/d5f9fwAkcg/APXteApgGFWq0hZM9ANx9fkWTJ4CizOQiAWDBYnR8cf1BYHNq4PMAEAgACfsPgkBXVMWlS+gBso6lapJGqKVFI6T+BQpTz6ywuSzeKVVG6tCxtrZsdQPgeLu65C9W8LLyCxEAgFlm2+2IiHsAMOWpAKgHXKAe8AQE3j5BxMrp/NO4tJQBtFOKpp2sJAPYsTwuOTnuRQbwfcWNG5eEMLdc0kkABxMu7t+f0nWzK75nlrdMxpe8SAGgxA8fYVJlhf+nFpkVvUSn6RQAOCtd39WVi3gJQKS4f0R9bxAATAaAewUFADDlqQD+W9y1hkVRRmGyy+6ygrYleMVCM4sQoRvQKiFSBlG56CZiYYigEIgFlcJWhIJ0YUuUCLMbT1mhS4ClaRJPEQRElhbhpRD1qSyhInvq6f6e832zMzta/arebm4zOzvnnW9n3j3fOe9H8f/gev6HH57vpPZyMAbK0pESpAfz/YKA5YuWvb9skdnMBGCq6PO2lpbMz6l19pWhUZdg8h1ljvLHSOCiZUxASxyw/eM9F7Cbn1LHNGWugYHyv3pJgIcDhSRAla5B/zQCZNvdnj2y7U73/lAiYFVJ3/33980jJXkqAsDA84e+aaorq5MEYCaLlBjiVwgw73z//eadZgAEIAV3O6YB9qN4CASQ1t/KMkP82BEE4Mu/5+ieoyDA6pnVzd3G6Ni3r0P8aVqwNA94nJDcetfnWyRuB7Z80rqDvv8MPA+36y1M9W13escIEACVNW9eX9+8vyIghr0Fnq/r/IEdFnq/xP1fwbHjprFqZyYCvHDaYzRXGBkHJAoCArby5qtJa4KAGctAwIzqTR9/vP3j7Xu20whQ69gwAs7UgbPIfGyRRUYxs1LMCzy6tnWTGj8R8CkDnUfyDyc5WOiyxCtmQmTOGxcXd20cm7mdTIALI4DwvHBYGOopjceO9czaggDcA0TBA+4BIGCSsp1mr8YIAgKrqqs/BrbvOWr1lMa5egJ0WWQQAIhqXgAEqE9BQu+3OuilvL7W+FZKOAmHvYuBkwl4rV81WCB4CmNtgncag+XfKyr0bWyiq7kK2MDQdb2dPALUtzPWywznWolWoFcD/fv1Ul6pE1DKjVmkiloGPgMvPTh/qpGOWjsGoPeZUlF9+ypv//pVTspyLe5S3n/paR5YynvfweDt+qzzEAn5CWhkdySGR2NKMD4+1oH/c5WAsv9lO9qSqJZ5k5LbNgukKuerrxUmKrSXzyTQ2moSuJEgiiouIKBfAPBTpWO0IzJS9rAsWNAWPLR0ZQw9VyIisH1UQcnXnJVdSYjg/U/Twcdvl5/fewzejv0ZSlZ2SDmhsLs7t5w+I2yIozwjwwGxjFcZkflh+iz1L7VBtW+jzc3pzM8CwoyGUM7hBcjz5YIKqTSBaWrWWbTxcVZ6IHhgYNMAZ6Vv7ADEk4J9jgUBE1TpiConQzls5WJji2IHStN+8vErCEzzpSqlEVtnVG0dylnZEioQmMf7y7jnzXMTEDjBF/aHAG/n/YHD54us8xDE7WjurLVXuPDDlAjIiUzPyTcY8ImRKSBAZH0PHJAFF4+/jfDwd2wl5c5jw8xB9cSAzVeeL0tleZ8gpYik6yRlQp0KMSkrXb3uq2EXvpv8LmWluWNFEIAqBDcBqnSMTiQCEH7R/D2lu1ItkJZdBWm+aWkj0qq2YjtnZbkKawbvf4TQ39/d3d/Pf/TZFVjg+xID22l/jv6aiyYOP4DECBNQX9HgKMx3VRAB0Q5k9nNiiYCUICaA4p84ejTCp/25zQ21zCCgvHxmJUZAoYEJkOcLLzQMDE5fsRcaLDQ+BA5to8IwImCA4qcn7cePX6cSAG8zI0nj8WJ6fJQqHeMdiZH5dPk3IXyjOf/rkC5fhF9QUFp69jkoNOSsLBdIzOD9ScGcf+gio/GiQ+dfjxcYMV2SAN6O/YGJzcaJQuoSARXfFDkiwztiYjPzw8opNZcSaTBGRpYnwhwT+59/WEijfux/heI4URk+8+aamZWzzTKNPUyebxKZwRURwskLbSqatCj+nTsPCQJ8/Dyn35kAY27nV7VaAiZdDAjT03gUfdLl79rVbcxw5M+mvjykMEePSyutikPpKkvXEtkxzwQA2wzANv6jT0RBYJcggLfT/ofroKK2NSOi4ZOHOEBAaE650VEUkwkC+LGNf5SkJRFwzWiaGm08QbW+xxxZe/dWOvdmhs901EzP1BAgpO9UR74U4sBZbSYm4KNtOz8iIAlLSlGVSgoB/vUDQWb+bSAIGMnnTlL0ivgcXP62Tbu6zZE54bDW+toPI6CrNC6utPQcGgEsXRE/CGDlxe1Tt8Ay8NAtz9KffWBmtpXCv/NO1RFip9G80+hfh+MTAfmFFbGO0AUdMZnhsbPLUzLSMQjQ05kY5J8YGUv7L2scfaB/XOMLtH+8MysWU9tAT0tfX7gkwGgdIaWvvlZZEPAhj4DPQIDOoYIJ2GdsQFkiDDLcBJyvFjzE5+Dmtys7qDwW1ZIgAFJza0HaCIRf+v3XisMD1+IKAoRIsaRmp2/nP/pEzPAkgM3TcAecOFwc35Gf73C5CuubY9rDQQCMkVPgCms04kVkfvhs3v/9/nHj+hE/E1CE+LmYt69vtyQAOWSY1UkCZPyybQ7KkupCP9yG+ImAG2vUyXYyiLyCCfBvaPDXEGA8Xy14iM9v67Tj4u++dPduJiCgYF7p2WdXVZ177tenfT9CODzw58Wx9OQMlq/9ppvsvufSn/EVmAECKEGnOkIMP7TN/9A1fHwiIL+jor4+ph7FuUxAeUo+EwBvcBDA+7//Pp8PEyDiZ4AAPl8iQErfE4cPc8GSBNr4hDK/Wrb9ieOp8YGAffvEF078NmDpeI1a4DC1vjYxJ5YQDuArMCuwC4MItjaY7Kq6lmtz5VOApScr2DE3QcvjP4APPZ9fYpyyljdetMkWFnJ2lghIsVgc+UYjnoL+QeGz9ftP5cd/bCxYIJhk1tn6F7XC+qzzeP32K94ABAEXAyCApOONkwGRtT1rSLxaPQzAP4qwdKk34wvOEn/xKnDUmzBGB9477w4gj7frfX01hg8MvMbfYRZLmHAX4/35DfyOydjbo5pZJn1zvSXUUmEBVb4L6D+f/yMKQKYRvPKSBgeTUKp7gdT0c3XSNSlaZqzjo4upse0DAVFcDHytgmt3rwDqLNQXbekwAaLAwky1x3w8ofRVua/P4iImwwcGNQ198OBBLy2mMlQSnQGLF/vOnD5scyCjTPEpVnZhFjRtdkrbHX8U4JVUUVFfUeF4z2wjWHN9NtZ5SNFop8PBZXzF6dmjID0/ePjh4vLyYsXn4davd0mI/uKh8CWm2Wwz5uN2ki8xS1tRsMDHQy2ytnfzTn3tMLLQhocNAcETpOPEwaHeBz0IQLM5Q5ixzX4iIzVjZUZ2yr0ls8gQvEw6RNCdZm8+vmLjbXZjsGfbnTGdunBEgYa31/6KehdKS9dMkVlfH79JfdousCSnK7ANPviRlgBIz4TmDx7+xlUyq6T+vpkzUeM0EwSkKSil2l2y2AQBNTWoxiSLTZa2ggA+HipRAf65DxABOBN3HpMImGS42cClc+w4sXmoNfVlDwI4cDm7Ezt7UmpMQkRIRMLqEkYZHCJYOmeGH99xfDcISDWkTvHwPU7npplhskADBDhcaE5fY7EycimrmqvxCU5yBoIAZ0YqbEKH5W678VgFcsz7R4/u3MsIy7ZZFaQCtZMFAYsWGY3bXmACRgoCjGaWtg8h06Ma3N3+4Dlau/xRAd6CAJmCIQJsqanW0zUE5GjihxvdsOyYkEC/iLensB98SZl0iNiLG+bx3cczZ4832g1TZPxyBKRsYTM04XiBr0CM0+VyrrmYSwKmjB+6o2CS77qFC5WSl2hnW1tloiUE99yQoIuoDW3WrP19eAYMGwY16uuN2IDsXbtkSQwREGrYtuydDiLgHZNa22tmKawYQsRUiIIFs2cWOMgA3Ky+tuy2W63eY4d4jgCKX5qxPZFhD5oVaX9xeiPiBwGKQ0T4pszdxzcdnz0+WG2rpPoD5fMofiYgz4HLDygjYKhrfqDvsGTFwQEEVGbh8o84e5h950RuQ5vVtx8MjEP8RIA4YEJX6S7hQEG+xKGGmnfeWW5sJgLU2l4LZX0VApo3SkcIszZ+aeCw+D5gJq8Qcesv3t6bdyN9oBCwocKloKmpyTW4KmHx4mGLnVOyED9QdmxvZlvbk20gYNPu3cfDmQAZPxOwfosYfTTbRZ4kXhdQ/z6AEUfCYLz3QGDwsGS+/A8IAootCfh2+gUdIqlMI2B0H+KfQfFTZ6c6AjgLS77Eoc3L33lnUUcz+RKrtb0Wer86AmKE9jfrsrj06j5NQcMvYzdu5OsvQStKuGd3z8g0Bc7CzY/RyASobYAQckPCTdK3mJukqP6A70G4Aymf52W1EZRvsTWXtHM20hUSndEZVrQt4vKPFFJ58jdNfXPm9I07wZnJfaZt8maxU6D5PCKgbhkufkcz+RKTtJUE8PvlPeD55/kxcPfa0++RM/EA2d9ByRnuY8cV4RU2NSo1dcpULQHlhoxYEf4ZggAZ/jyE31g1NV+N/9iQ3aZp5Fs8nCDOn9sBRDl0SBSyxl5jgy/RZnWnQfunwdWcgPRG3NEgKviZkNs8XErJyW8coJo4jh+pWZNH29pVw88jX2I00eBGENRMvsQsRQUB/H4qxmasB2BuFp0jg+dmrefCxk4iAjhLTO5x08JgTD9pWpibAHiRWSIRvyDgSRDA8SN8ip8IcMdfXX0MBJBvscZHGN5iiJ8IyL5wTDYISLUB6n28FtpftrkxC0d98JCy+9e5peR57FEk8SkI0ElN8iVGaVxNjdFcCF9isV0QwNvXqklvgAjIkUOAAQImGW82KlVaIOACOKmOBwMqATnKUwA8yBEgKWACshQdn3kcbYDsW6w5v7UYeQSaqU6lEUBunLUCbxOGfr90A5qtjiqAYuqsu0yVkqjj9YBeatLmGmRlC4NCF7m3hwbR/zmPtq8FtPZm0bpaXsg/88sWNcuJ/81QGFCW01DA8k+iCsD+HrtwOhonqIh9pZgCYpghfIXF1RcNegLu1rVeb0+p2pDkmTcmWenO4QI2BXJIXRYVdUWS5h1508aqWXZAX2sszNDUz1uvgvXzKZf40MwX6R0puCXvVeC009T0uSZGL5aimlrgsbq2NdPARqFSAgp4++juYqdmsawwesRrpbPNs1Y4NcpiycbuLqcLv7OzKqfe8d6XG0UWF4Djg77WGFIaULPU6kQJpm0efXTtqZf4GFD8vkx6RwquRdYsEeI9aRSyppw2JYwHATiQphZ4rK5tDVnV6kt8gbQZcVuxHQEmInBgMyAIuIZqd6Ujg00bPhPgb8/KaiqrbGrLbNkNApAvp/dI5OprjSGllx9oKiiQWV8QgMB/+OabH14ngIBTLfGB0IXXGQjQOVLk0WSvcJTg/b1HjRmT3NWVfDWDCcDxNLXAcqkrV0y3UGKUVv4KS06k4a5IvsFGg82W4pTxny4IQPzI+E1sngil5yZABvhCtr2msrKsrL2sJbNpSWwYCHjpvQx1u77WGAQ0lXVtLaiSWV8i4BCmYcYJBtby8ckugn1ozf5iBHD8TIDekSKPJns1S4SMRU3pxStXagkAnZpaYNGuHjElLcIqCVhY2DCnetjWrajuRUbI2L1ypc3s3Mzxn75ZElDnP3L4yJ3NUHoKAcoVDsKZVFa2tcMvP65lScvUOx5JwdpRe1ezozwmS30CRslaY5WArtTcLrmEBxMw7hmgkVYgen2tCDg1JCRVU5w9wPEzAXpHCnah1SwRMgQP3ITkZDseusBz8V6cNVVrgQUBFYGrdwRWSHO0woVz6ue8m3z2OaVLUZxs6541q9uwsuH4McJxk5l+506sI9P+kcNJKofILyjPWI7CXB0IaI/tmUEE7G8JuyPSkIFs0XEpTVuJAG2tsSAgI7iKs54gAN/9ZwjjBAHpQnnWObOF9BZKEvFLAvSOFAoBSOLheIIAFDFnX6olQK4mp86vm8v37i2HYwET0DBnznx8P7efc24ptmMEVNhsIe4sKxFw/sSLzIdkgYM+CxtKBLS0NM3vw11uMBNfgUhaNkuugLYaI0CNX0rpAy1dUWVx4v0g4NFHrxUj4DUQcKcgIDUqCgSYFQIGZPyt75r0jhRUIHF/ibpECBEA45mNl3KPPAgQq8npCDBmwARItKlRre2cBvpl0Ps4B2zrtmVPkPFJApBTbTbX1TWPBAH6goWhWI+wMhMFUC0tRwaXbAYBuP4Z6nS5rtaYf0scaKqqKsX7FQLoHnBtx2uCAGVPbvNKZwKMRhl+77smvSPFipmo9OD4BQFGIDk7N5mPgQssaoU1tcB6H18QUN9O8QNzh3LACcPUggQmgB4AdTv9rxl+1clLbnh3pq3bvHl+S8sgsGTzbBCwyuJu6zHX6muNJ9MSH+/jAPx+IgC3vh8OH0b8TADf1QFaLg1marcyAQNMQG8rCNA7UqygUieO/1U+Ht+YduzINQv4i1phtRYYBEzx8PFFbW77EqXN7N2rva/tDtEvqWH+uyU3QMDqrErG5vDNRMBe7ZoarfpaY7HEh/r+9fT4B15nEAGA6LYGmACcungMAia9IwXXInMWex4fz6wWTwgChhJyGd6EC7QqDTB5ojVNV5BAVN+od3AANJP0c8NUeTo7r3U8jqsuqaGrNZZaW33/ep37WR5B02amb03TO1LQXis2cIGEPF8mxw0vo4TSO6lRngycm8f6c3mL895Tz2D7IGRuUvQR8i6Tvr46qXoGgAINLomYCgz19qw/GeMMv2l8uPNxxQhZ3/ZmtCkwQ1pbLM+6cQvDKODuHLuccBrjlFL6KkDbR6f3Fc5YzwVaAi7X3WshTRmyE9NUbFxsSHwPwJewweXaHw2dW78SSBPS9Ko6T6l6BrLHqATOEXg6zDvbZseyvAEy6zu2MiElISTFnuh0kt1g1lSeKFXPx6Jvw4MpitYW5Rb9+bO5GytfIX3VeISPsFqwIXyJ9b7C/kgZKVnrzrIyFwhwNyPj7rTMlFecQrGvATrLmpYhY5SV5YLUTGNpSgURNVqpCgJycvCDTVr0gQCbPcAOF6ULpZMUChsnTAAdYoa/CATgt4Z6PhabgWtm+bUgQLPuDlas0J0/CEBgmtXx1HiEj7BnBsq80+slt0cwrW35yB14g7L/fU1N5SBgUd225prmZvzT8QIIWJyBq4/w9zaVHXiBCWgX8Z+tFEQs12QYckHADcgv5CN+SUDqJVi2WcQPAi5IwHjxi9pRVNQCFE2FoUIGtxKuIkxPeiUxalSq36jixYziFZ9tOwQoo+DDZyUBLpdRIQAXViN9RTx3bdnyKKUh7lrrE8J1pAUFUqh54bHEEBO6L92xXsaP3ekNdxIBzc11zXUdy5mANcZVxmJx+V9A3osIcLnjv8SeS1ng5WrbSOhS/ZIYdlsCHtDSIv/C8UUJiVEbEzc6isKZgLAVM+1m+xrCQWBNdN4jAci8+zqJEJTu3qp+PTRSuK4C+dHl/BoE0Fp2Bw4I6QsCEM2WlIwMUPDoQyCACyZm4IRYamsJoCzFS3dgvh1QZpxLvkCWt3lnc0dH3aLlNcsQcF7kquJVuPxNB16QBLTL+M+eYIew4CzwIqVSDwREqPETAUNxBTTl9xfMjSzescNZviM8fMCR4ggHAZhtUOJ/GQQsDh6VGuI7cxURsMZNgHL8IL5gD3f+8ENPA7JMd93Jnz8aNSaHxep44oLiB3IK4gcBomAibdy4UsSvJ+AOEKAvOJisLqbGAa/A+HfSt5/iv4wIcHH8IwKy3W12y/3l+TEBFL+6GpzNMwucixHEX38QMLBsERGAG4wHAaHOmc7a6Rw/E6B9vyRgeWddTc+yh4gAWcDR3y+lr/ARvj09/faHeLuQ3jNQyS1Xm5u28WfCbwI/t+oLDkiaNjMKmwUBaxo6cfk5fiKggeIfRj/OcEtpvhxZ4EWaR23hkJynn0b80qP0uTAmQOMHEO1E/JVU4VS0bFlReNjcL38W+Jjwc+/4jW/nTg/FuuF8fuvmHpSOQwC7zrBP8H03d7bcdwNPtbEZm0b6Ch9h3Ai2KFNxbqXGaX0vvXRFAB7L0REBYt21ukV0xfPqcfkXyfiR9Y12pQ3zTbCiBubQRcOx/+XXLJqjdWgAAc/h+iN+JmC2TY2fgBGgVHjtxlK54WGn8AkOsEepr1es4tEB5AEHo0Wef0ts7O0iQM5Sq6vjgQB1KpK2mw3ysy2M0JPa5k7K8roNKd4hmOZ0lnVqV6ML2+Vn99/ZXDdyotj/suWeDg1UEIG7AB4CjNlmXe1wvJPL3ABRkPFPPsG3riIo3xEQIGcZRZhEgPoUoP312y93t/HJ1eZOMifTFRwAJi2ODr7g8frdd9+/6jLs7y5AMHmC5B+yzO4SB5Jz0gwil0ACkHPCEv/kE6zvslOFsgCXVyAHitU5dFJabscO2iy211kmT4zXFUioApyxoiF4UrCKKVfrs7TwRvFwJt7Rdvqxj4cc26Skvrm0gl0hNrAWlu+9SpGm+uONB7T11nkEFvj4B2jV7T958uPT5k4+7zvluumPZxZQzdSefEVncRHlKRXvhLXMI8WPKHeeFfWpU66+2I2bxuuztDeopjkPA2+dIWt9xSIwsWFsniYW1SA5PFYWSLg/T18wofcN5l+D5JPlqidtkGTq3OXx+ZM7MLkB++7QDp7BMZ3sU5zqB6td5TUIeH29RyelT9QkjfEuCPDw+gIBWEYZi2lLPL5dn6X9vkK7uvqun0St78bg2KL89vZYIgB5e9EoCCFABCRkB4waFSgelWVy9ThVCut9gykfkJ7TiQVPmnqK1tyfZJrfE9ilfj4I2LFxdce+jn3+b/ASG3x+2Zj/svtJn+JRtByesj8IwK+kyFSLgoU+fl1pJcDoRrqTNvanpKutuUBxvXVXdwgYUAjQL2xMxcvrqhcutNqruc3tmFzSIraoKbCqpWg2ETBTNEqyEPLB9Ugd5et2f6tkSyMH4AQc0eK5H1NREWHj43OOL316J9DUfpAIWNJXUqDWOk/uwFjZV7gv1PLGp5IAX7vdzzfAHjJB+BRnj4Kxsbrw8hkPbXvo0ewQBe9CKnaljR5dMoj4B68dfcTgqbUt9fVL2g3Z5yhfKzYsMDaT+dghiyQgrQWPgVBrbkvuu9W9+bLWt6ioottNADu9BUIOEwF2q93X94QEapI4feLOOhs5/u6KCmuMQkBDw/T0+9e0d7b3HLw/2tQQtHB/ybw0WTsMAlZvWr3vDf+gjn1MAElfu1+C1c8vdQJtlxdMXXj5jIefKXxw/c8+Er1QSl1bYex73eC4/bcNjpMEpNTUpIiChvr65x21BssxBXRArK6N+M+/iKRv647OzoUNDXMKl7TX7tmDEeBYwKvLhYe3NLWAAG7MdHG36BgmIISywr7utrloJ8evpt0pfuSpkaN2kfSFUnQ1dC5Ys6aop70FvxVMFqyEg4qVNFkLfB4TsG/fGxQ/pu9J+dl9rX7D7NZRtF1XOwwCHq149MEv8UoABPAIaBwcd+2rg9cyAXyNm2XBQkPnlztiUqBZBIbwCGCLjzp/MxPgKK+GCij0r9/elrO9N56qLlnptBw4MBg+m5e8cFH8IECt5j7BGH7iininev1PT9osa4PxiypGSGsQ0NlQ1g4CsEY6pDKPgMZ5aUoW+rw3Vg+sw7y1nL4XBASEWBP8Un1puz5r7XXWaw8+mNJtVbDQZ8LWNEUJv/pqY3+k+v0X94DumApHtLpiob5NjdvcPr7utsJaavOSBIQTAZktLWeFzz6dZmpcFH8ZF0EtjaCeYVmQgIWTk4o1M4+VWVPNuuODgPbOpibcAfct20cEzJ+zv0TMoigEVK/m+CUByDonJEwYAWfJS2i7LmsNAh5c/60GV/gEY4EkjVsc33SgvbDEHdTXqlvxFFgQPUSF3pzse9z+GVWEgp9AgIj/0ieBcNPp90xfsMDF/cJXEgEbIsoA8l0mxA3qzdN4Ieh3VOmNLG9WT1N7T0/PvmUvEwFL+maUqtIZBLy9eqMIXxKAeO2pVmvCKN6ul9pev6z/9lktAd471BwtcF6e6vIEHkBAyu54TfzxenMyOFMzygWGTOXHP0HU+t56j3ITdF0IoJbX8/N88MiWE0sEb/1C0LfiPJwNrsCypvY3yHHC1FMwSiOVQQAeg7J8AzD9g7TGCPiOcYWCabqCB9XxVqAt3mPR1l9MOkD+aZ2Jz9CW+tL205OAQV43mBPQemmql776haClFI6Pjxbo1e1vMs31qDn4J2ntpZeKVgzkB6y+7tetEr2M7b0vM2B6JrerWdbLTxzBB+qzynqCshT4BfAMvX7JjPjElKypUxMdiZI3xV3CIrPEdDlOkyDmXj1yhMsfFOxou/XYx0mQ3sBUQH98fbxeeql4jq1h/vwGm1153bpDwaZO16ae3pdp4QG4aSvb3W1uFzWW9KHAAQUNgFrQYFINHAmmLMMW+sv4ovimN5htFVjj62HCzcDp8UYkiOm2K+6Cs3k1OpRVKlnhvPe43oHTvlSQ8X7UykPyNWFpkpDexe4CjgqrrbvCUIG/u7u7K1z6eEWBREKC6sBgt7UvXDjfliBf66XpyzcXw4UX5dlyu2JudrgR1lq37R+k6WwOXRY0cIpN9SF+NWuLdCDBrDD8xqZYUHpbwfe8dEJkfEa6IyMyIzIofDM1SIAAIRttstY3773pq5TjkTna+4unf6M5/lLZZrfaXcBRERGD6CNKbLaIwLLGTindu7oUKcxS0Wq1qw4MCWBgznxriHgNy1as2vQmgMLNuI4hgoDp0y9Us8Bk7tXYuB/3wMHGfhCgncpae5pYKFlK3XlHs7YYHzM+Zn5sPY3LWeZCEFCyEi1jW7bwyh5vtX6ptAF+DFSblMXYbObuzs5uKwhYtQrF2qNJqpOP8WlEsOpzvEFI7417Kzcvwn0QBEBDlJQsdux9zzXuSFl3EMULFMxQpDCEiJ/Nb1jACOswxYEhwTZ/DjHAr/F+Q4qM/+mON0EA1ieFR+aFQkoyAbj8TXPQlHek8dAHTMBTMn5MZgqhk91gtIv9s7Y8Rlj/li8oP8dvndkaE2M1SpdReIzqsr6FICCCYMzo6Ww6UiEIOHzg8OETh6+l2uM8nqVIxwDiLHJSFknv4tq9mzfvq2letjnMaQx1BZY4sVNZo6sisZDPZ96M0aPj4s5mKQxlZLdhPCOppUhFMICCgCXWEHptaG7GIBDxPx3XEX36zewRugBnL9vi6PL34RnY19j45utrP3n4ecKbEpdCGAHGhiVGaoDfjnsALr/lQf8P+L6UXm+hiSCcvkShrna4cKkwWcFPIXNPj9koCDgwsbFxeP+1JJ3xGvEXrzlYnIEs2ZqkY85KVHdnEQF1ze+AgIxIgyHCFpy7uqy5OAMEsI0vjZcROH8mAPEGQCj5ZZ/rlooh1iW33bbEGoXXMRUx3Rkcf08cLWV98kLJB+jyX4fLX0fT16d5ZpVp/UASxsaL68XqcTwCHnzrg5eZQb/qG1J4+Ct4K10bv4YAY4WrtrY+NHSFGAEnTvQfuZZylnjN8R8EA5QjjHZL6X3LQMDs4sgUw7JAIqAx0uEPAvj8S5EWl1KYpKEd9Xw0Ia9KRTDwwAMLU6PO9jZ0d3P4lOmJewME6KTkVa6SPmigvsbDb74mCFDjJwIGXU3AEQX70Umi+qQGpba/fLNqsksE97KUdsO0IUa47GCuqbbWbAmlgFHwcWI4jk6lt71uvwdRshOfpfyU6Ozra9rMXWaNByqaWppccUGQ0uL8x20dgaSxJIDiDaH4tVIxxLrwgQfmpIZ466WpXkp+4VooLj8qWCQBavyvjtvwjOfrL/yy/ahVW3yDfAKqM/j+z4Crr6VQ5yvMBAQCZloMGgFQVrgEXYX9OBoRoD8fECB/SvUAggBzs6UszlVcaGYCeK0KavbD/kzAqaUixsB1ty1J9e5Vbsp7qvYgw3GStCQp3NdY8vzrDBCgPvUIG3y6BLYKeAepbFrS/f27XlZshm9gRF/h6SsMAuRTgN7DBOArII7feKqCjHihH+QwYAL487qRpmMC9FL4r6Virgmo7WVAYP7Ue0ppif+1/4sTH7izrm5jsA0C+v2nELhEpJrhr1teTilEUCCOcvRortxpxYqkJOXopyrI0LflWdxrTwicJIUf2GCaq5WGSTC4nzZtndvyIgzgo2G7B2SNw1VXjQw9R/N+/epzQZM1OWZgnhszGJfq8MckTbGtbdIfXv82TD0xAzs00jDJiaxncIIsY1s3Nyy/PMgRCTsouR0ODVF+qpPt2P66ukOWBPX9l9cp6CkoaEk7z2io+YaADlfCVaNHqEBKqErGHa4QkD3l92xeZZWqAX+fku31b8M0vy8QpbCKFGYCVq97e906tvYhAiLb2spRmy+2gwBEfoni4njJ2MGYi5ZftDNhgnw/CLhIunuPXJ6WVjMZN9FOrRSeN8LdIgkwAUVFOQtynAvuKSrCC4Ph1z9+tRm6ugw2/MFg8Pq3QVnVsq+q3VlSImAdCEhel2tMTU5uRYNCZnkbehPk9pBsuwLy6LzQ1BlxzfKROy3yfweDAMR/jSwrWT7ZuDLBMCBvgj/9tHU8CKDoq6q8CRczAU6MAAyBBQvwgi/879lRUfRvw39BgCuwqa9MWeh4jkkSkJycm1yLv0BAZmI59WZI6asvUKC8PFWLi6zGyCtAgDR3H3PObQ+keUfFzAqJql5XnZzMbnCt80Yg/LRzq6puSsPEEAgQGOjJFH8wEH4dExx8MS7/f0JA55KyOftlv8WGsj3JYi2L5GRj7eNvm0FAW2Ybxf+LlL46qUq+vX2B15xPFilw9Zl43uV1irm9IMAeMmuW3Sj5hRIUBFS99VZV2lg3AZkopJQMSJ/jm25KMPxHBPS0NO0vk+eHE5wWLK29UpPffhwjQC999W1uuIeU1cD1REwlnT8ZBMjhf+W5D4AAc8isAnM1H5L79ogA79KqHxdV/aQSgPjBQLgkgG8D+Ps/ImAJrv+c990LKU9bLU82udZci2puvfRtL9Sux19/namzERUFO/3FdGBklljiYqRKAHyWv8Is4k8//cQNGCDAG6iqajmGphVJQHgPCBhQRkAqf/v/s3vAEjV+QQDHT0DG7vFWvdTEkFduGDxiBiOoXWLxGqVgQV3i4qZzHzCVggBzzziNFJ43huMvrfqpCk07IICR2TMwHwNAfQoA/9VToM+15HzNQspz8fgHkiUNraeQvu48MGDqp6fgYnfFQrS6xMWFY667rdTbaK45wBBGF5fNGKN1uU0GAYz5bh1wCS484T/TAUdNk7ULKSuFvK0SJ0lfHS677MzyFZrV1NQlLi6Aj9dYb3+T55IXM9CxogAcV/3vSvC/Bj1utPD6n/EnnaQbrf6BCX0AAAAASUVORK5CYII=");
  width: 16px;
  height: 11px;
}

.react-tel-input .ad {
  background-position: -16px 0;
}

.react-tel-input .ae {
  background-position: -32px 0;
}

.react-tel-input .af {
  background-position: -48px 0;
}

.react-tel-input .ag {
  background-position: -64px 0;
}

.react-tel-input .ai {
  background-position: -80px 0;
}

.react-tel-input .al {
  background-position: -96px 0;
}

.react-tel-input .am {
  background-position: -112px 0;
}

.react-tel-input .ao {
  background-position: -128px 0;
}

.react-tel-input .ar {
  background-position: -144px 0;
}

.react-tel-input .as {
  background-position: -160px 0;
}

.react-tel-input .at {
  background-position: -176px 0;
}

.react-tel-input .au {
  background-position: -192px 0;
}

.react-tel-input .aw {
  background-position: -208px 0;
}

.react-tel-input .az {
  background-position: -224px 0;
}

.react-tel-input .ba {
  background-position: -240px 0;
}

.react-tel-input .bb {
  background-position: 0 -11px;
}

.react-tel-input .bd {
  background-position: -16px -11px;
}

.react-tel-input .be {
  background-position: -32px -11px;
}

.react-tel-input .bf {
  background-position: -48px -11px;
}

.react-tel-input .bg {
  background-position: -64px -11px;
}

.react-tel-input .bh {
  background-position: -80px -11px;
}

.react-tel-input .bi {
  background-position: -96px -11px;
}

.react-tel-input .bj {
  background-position: -112px -11px;
}

.react-tel-input .bm {
  background-position: -128px -11px;
}

.react-tel-input .bn {
  background-position: -144px -11px;
}

.react-tel-input .bo {
  background-position: -160px -11px;
}

.react-tel-input .br {
  background-position: -176px -11px;
}

.react-tel-input .bs {
  background-position: -192px -11px;
}

.react-tel-input .bt {
  background-position: -208px -11px;
}

.react-tel-input .bw {
  background-position: -224px -11px;
}

.react-tel-input .by {
  background-position: -240px -11px;
}

.react-tel-input .bz {
  background-position: 0 -22px;
}

.react-tel-input .ca {
  background-position: -16px -22px;
}

.react-tel-input .cd {
  background-position: -32px -22px;
}

.react-tel-input .cf {
  background-position: -48px -22px;
}

.react-tel-input .cg {
  background-position: -64px -22px;
}

.react-tel-input .ch {
  background-position: -80px -22px;
}

.react-tel-input .ci {
  background-position: -96px -22px;
}

.react-tel-input .ck {
  background-position: -112px -22px;
}

.react-tel-input .cl {
  background-position: -128px -22px;
}

.react-tel-input .cm {
  background-position: -144px -22px;
}

.react-tel-input .cn {
  background-position: -160px -22px;
}

.react-tel-input .co {
  background-position: -176px -22px;
}

.react-tel-input .cr {
  background-position: -192px -22px;
}

.react-tel-input .cu {
  background-position: -208px -22px;
}

.react-tel-input .cv {
  background-position: -224px -22px;
}

.react-tel-input .cw {
  background-position: -240px -22px;
}

.react-tel-input .cy {
  background-position: 0 -33px;
}

.react-tel-input .cz {
  background-position: -16px -33px;
}

.react-tel-input .de {
  background-position: -32px -33px;
}

.react-tel-input .dj {
  background-position: -48px -33px;
}

.react-tel-input .dk {
  background-position: -64px -33px;
}

.react-tel-input .dm {
  background-position: -80px -33px;
}

.react-tel-input .do {
  background-position: -96px -33px;
}

.react-tel-input .dz {
  background-position: -112px -33px;
}

.react-tel-input .ec {
  background-position: -128px -33px;
}

.react-tel-input .ee {
  background-position: -144px -33px;
}

.react-tel-input .eg {
  background-position: -160px -33px;
}

.react-tel-input .er {
  background-position: -176px -33px;
}

.react-tel-input .es {
  background-position: -192px -33px;
}

.react-tel-input .et {
  background-position: -208px -33px;
}

.react-tel-input .fi {
  background-position: -224px -33px;
}

.react-tel-input .fj {
  background-position: -240px -33px;
}

.react-tel-input .fk {
  background-position: 0 -44px;
}

.react-tel-input .fm {
  background-position: -16px -44px;
}

.react-tel-input .fo {
  background-position: -32px -44px;
}

.react-tel-input .fr, .react-tel-input .bl, .react-tel-input .mf {
  background-position: -48px -44px;
}

.react-tel-input .ga {
  background-position: -64px -44px;
}

.react-tel-input .gb {
  background-position: -80px -44px;
}

.react-tel-input .gd {
  background-position: -96px -44px;
}

.react-tel-input .ge {
  background-position: -112px -44px;
}

.react-tel-input .gf {
  background-position: -128px -44px;
}

.react-tel-input .gh {
  background-position: -144px -44px;
}

.react-tel-input .gi {
  background-position: -160px -44px;
}

.react-tel-input .gl {
  background-position: -176px -44px;
}

.react-tel-input .gm {
  background-position: -192px -44px;
}

.react-tel-input .gn {
  background-position: -208px -44px;
}

.react-tel-input .gp {
  background-position: -224px -44px;
}

.react-tel-input .gq {
  background-position: -240px -44px;
}

.react-tel-input .gr {
  background-position: 0 -55px;
}

.react-tel-input .gt {
  background-position: -16px -55px;
}

.react-tel-input .gu {
  background-position: -32px -55px;
}

.react-tel-input .gw {
  background-position: -48px -55px;
}

.react-tel-input .gy {
  background-position: -64px -55px;
}

.react-tel-input .hk {
  background-position: -80px -55px;
}

.react-tel-input .hn {
  background-position: -96px -55px;
}

.react-tel-input .hr {
  background-position: -112px -55px;
}

.react-tel-input .ht {
  background-position: -128px -55px;
}

.react-tel-input .hu {
  background-position: -144px -55px;
}

.react-tel-input .id {
  background-position: -160px -55px;
}

.react-tel-input .ie {
  background-position: -176px -55px;
}

.react-tel-input .il {
  background-position: -192px -55px;
}

.react-tel-input .in {
  background-position: -208px -55px;
}

.react-tel-input .io {
  background-position: -224px -55px;
}

.react-tel-input .iq {
  background-position: -240px -55px;
}

.react-tel-input .ir {
  background-position: 0 -66px;
}

.react-tel-input .is {
  background-position: -16px -66px;
}

.react-tel-input .it {
  background-position: -32px -66px;
}

.react-tel-input .je {
  background-position: -144px -154px;
}

.react-tel-input .jm {
  background-position: -48px -66px;
}

.react-tel-input .jo {
  background-position: -64px -66px;
}

.react-tel-input .jp {
  background-position: -80px -66px;
}

.react-tel-input .ke {
  background-position: -96px -66px;
}

.react-tel-input .kg {
  background-position: -112px -66px;
}

.react-tel-input .kh {
  background-position: -128px -66px;
}

.react-tel-input .ki {
  background-position: -144px -66px;
}

.react-tel-input .xk {
  background-position: -128px -154px;
}

.react-tel-input .km {
  background-position: -160px -66px;
}

.react-tel-input .kn {
  background-position: -176px -66px;
}

.react-tel-input .kp {
  background-position: -192px -66px;
}

.react-tel-input .kr {
  background-position: -208px -66px;
}

.react-tel-input .kw {
  background-position: -224px -66px;
}

.react-tel-input .ky {
  background-position: -240px -66px;
}

.react-tel-input .kz {
  background-position: 0 -77px;
}

.react-tel-input .la {
  background-position: -16px -77px;
}

.react-tel-input .lb {
  background-position: -32px -77px;
}

.react-tel-input .lc {
  background-position: -48px -77px;
}

.react-tel-input .li {
  background-position: -64px -77px;
}

.react-tel-input .lk {
  background-position: -80px -77px;
}

.react-tel-input .lr {
  background-position: -96px -77px;
}

.react-tel-input .ls {
  background-position: -112px -77px;
}

.react-tel-input .lt {
  background-position: -128px -77px;
}

.react-tel-input .lu {
  background-position: -144px -77px;
}

.react-tel-input .lv {
  background-position: -160px -77px;
}

.react-tel-input .ly {
  background-position: -176px -77px;
}

.react-tel-input .ma {
  background-position: -192px -77px;
}

.react-tel-input .mc {
  background-position: -208px -77px;
}

.react-tel-input .md {
  background-position: -224px -77px;
}

.react-tel-input .me {
  background-position: -112px -154px;
  height: 12px;
}

.react-tel-input .mg {
  background-position: 0 -88px;
}

.react-tel-input .mh {
  background-position: -16px -88px;
}

.react-tel-input .mk {
  background-position: -32px -88px;
}

.react-tel-input .ml {
  background-position: -48px -88px;
}

.react-tel-input .mm {
  background-position: -64px -88px;
}

.react-tel-input .mn {
  background-position: -80px -88px;
}

.react-tel-input .mo {
  background-position: -96px -88px;
}

.react-tel-input .mp {
  background-position: -112px -88px;
}

.react-tel-input .mq {
  background-position: -128px -88px;
}

.react-tel-input .mr {
  background-position: -144px -88px;
}

.react-tel-input .ms {
  background-position: -160px -88px;
}

.react-tel-input .mt {
  background-position: -176px -88px;
}

.react-tel-input .mu {
  background-position: -192px -88px;
}

.react-tel-input .mv {
  background-position: -208px -88px;
}

.react-tel-input .mw {
  background-position: -224px -88px;
}

.react-tel-input .mx {
  background-position: -240px -88px;
}

.react-tel-input .my {
  background-position: 0 -99px;
}

.react-tel-input .mz {
  background-position: -16px -99px;
}

.react-tel-input .na {
  background-position: -32px -99px;
}

.react-tel-input .nc {
  background-position: -48px -99px;
}

.react-tel-input .ne {
  background-position: -64px -99px;
}

.react-tel-input .nf {
  background-position: -80px -99px;
}

.react-tel-input .ng {
  background-position: -96px -99px;
}

.react-tel-input .ni {
  background-position: -112px -99px;
}

.react-tel-input .nl, .react-tel-input .bq {
  background-position: -128px -99px;
}

.react-tel-input .no {
  background-position: -144px -99px;
}

.react-tel-input .np {
  background-position: -160px -99px;
}

.react-tel-input .nr {
  background-position: -176px -99px;
}

.react-tel-input .nu {
  background-position: -192px -99px;
}

.react-tel-input .nz {
  background-position: -208px -99px;
}

.react-tel-input .om {
  background-position: -224px -99px;
}

.react-tel-input .pa {
  background-position: -240px -99px;
}

.react-tel-input .pe {
  background-position: 0 -110px;
}

.react-tel-input .pf {
  background-position: -16px -110px;
}

.react-tel-input .pg {
  background-position: -32px -110px;
}

.react-tel-input .ph {
  background-position: -48px -110px;
}

.react-tel-input .pk {
  background-position: -64px -110px;
}

.react-tel-input .pl {
  background-position: -80px -110px;
}

.react-tel-input .pm {
  background-position: -96px -110px;
}

.react-tel-input .pr {
  background-position: -112px -110px;
}

.react-tel-input .ps {
  background-position: -128px -110px;
}

.react-tel-input .pt {
  background-position: -144px -110px;
}

.react-tel-input .pw {
  background-position: -160px -110px;
}

.react-tel-input .py {
  background-position: -176px -110px;
}

.react-tel-input .qa {
  background-position: -192px -110px;
}

.react-tel-input .re {
  background-position: -208px -110px;
}

.react-tel-input .ro {
  background-position: -224px -110px;
}

.react-tel-input .rs {
  background-position: -240px -110px;
}

.react-tel-input .ru {
  background-position: 0 -121px;
}

.react-tel-input .rw {
  background-position: -16px -121px;
}

.react-tel-input .sa {
  background-position: -32px -121px;
}

.react-tel-input .sb {
  background-position: -48px -121px;
}

.react-tel-input .sc {
  background-position: -64px -121px;
}

.react-tel-input .sd {
  background-position: -80px -121px;
}

.react-tel-input .se {
  background-position: -96px -121px;
}

.react-tel-input .sg {
  background-position: -112px -121px;
}

.react-tel-input .sh {
  background-position: -128px -121px;
}

.react-tel-input .si {
  background-position: -144px -121px;
}

.react-tel-input .sk {
  background-position: -160px -121px;
}

.react-tel-input .sl {
  background-position: -176px -121px;
}

.react-tel-input .sm {
  background-position: -192px -121px;
}

.react-tel-input .sn {
  background-position: -208px -121px;
}

.react-tel-input .so {
  background-position: -224px -121px;
}

.react-tel-input .sr {
  background-position: -240px -121px;
}

.react-tel-input .ss {
  background-position: 0 -132px;
}

.react-tel-input .st {
  background-position: -16px -132px;
}

.react-tel-input .sv {
  background-position: -32px -132px;
}

.react-tel-input .sx {
  background-position: -48px -132px;
}

.react-tel-input .sy {
  background-position: -64px -132px;
}

.react-tel-input .sz {
  background-position: -80px -132px;
}

.react-tel-input .tc {
  background-position: -96px -132px;
}

.react-tel-input .td {
  background-position: -112px -132px;
}

.react-tel-input .tg {
  background-position: -128px -132px;
}

.react-tel-input .th {
  background-position: -144px -132px;
}

.react-tel-input .tj {
  background-position: -160px -132px;
}

.react-tel-input .tk {
  background-position: -176px -132px;
}

.react-tel-input .tl {
  background-position: -192px -132px;
}

.react-tel-input .tm {
  background-position: -208px -132px;
}

.react-tel-input .tn {
  background-position: -224px -132px;
}

.react-tel-input .to {
  background-position: -240px -132px;
}

.react-tel-input .tr {
  background-position: 0 -143px;
}

.react-tel-input .tt {
  background-position: -16px -143px;
}

.react-tel-input .tv {
  background-position: -32px -143px;
}

.react-tel-input .tw {
  background-position: -48px -143px;
}

.react-tel-input .tz {
  background-position: -64px -143px;
}

.react-tel-input .ua {
  background-position: -80px -143px;
}

.react-tel-input .ug {
  background-position: -96px -143px;
}

.react-tel-input .us {
  background-position: -112px -143px;
}

.react-tel-input .uy {
  background-position: -128px -143px;
}

.react-tel-input .uz {
  background-position: -144px -143px;
}

.react-tel-input .va {
  background-position: -160px -143px;
}

.react-tel-input .vc {
  background-position: -176px -143px;
}

.react-tel-input .ve {
  background-position: -192px -143px;
}

.react-tel-input .vg {
  background-position: -208px -143px;
}

.react-tel-input .vi {
  background-position: -224px -143px;
}

.react-tel-input .vn {
  background-position: -240px -143px;
}

.react-tel-input .vu {
  background-position: 0 -154px;
}

.react-tel-input .wf {
  background-position: -16px -154px;
}

.react-tel-input .ws {
  background-position: -32px -154px;
}

.react-tel-input .ye {
  background-position: -48px -154px;
}

.react-tel-input .za {
  background-position: -64px -154px;
}

.react-tel-input .zm {
  background-position: -80px -154px;
}

.react-tel-input .zw {
  background-position: -96px -154px;
}

.react-tel-input * {
  box-sizing: border-box;
}

.react-tel-input .hide {
  display: none;
}

.react-tel-input .v-hide {
  visibility: hidden;
}

.react-tel-input .form-control {
  letter-spacing: .01rem;
  background: #fff;
  border: 1px solid #cacaca;
  border-radius: 5px;
  outline: none;
  width: 300px;
  height: 35px;
  margin-left: 0;
  padding-left: 48px;
  font-size: 14px;
  line-height: 25px;
  position: relative;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.react-tel-input .form-control.invalid-number, .react-tel-input .form-control.invalid-number:focus {
  background-color: #faf0f0;
  border: 1px solid #d79f9f;
  border-left-color: #cacaca;
}

.react-tel-input .flag-dropdown {
  background-color: #f5f5f5;
  border: 1px solid #cacaca;
  border-radius: 3px 0 0 3px;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
}

.react-tel-input .flag-dropdown:hover, .react-tel-input .flag-dropdown:focus {
  cursor: pointer;
}

.react-tel-input .flag-dropdown.invalid-number {
  border-color: #d79f9f;
}

.react-tel-input .flag-dropdown.open {
  z-index: 2;
  background: #fff;
  border-radius: 3px 0 0;
}

.react-tel-input .flag-dropdown.open .selected-flag {
  background: #fff;
  border-radius: 3px 0 0;
}

.react-tel-input input[disabled] + .flag-dropdown:hover {
  cursor: default;
}

.react-tel-input input[disabled] + .flag-dropdown:hover .selected-flag {
  background-color: #0000;
}

.react-tel-input .selected-flag {
  border-radius: 3px 0 0 3px;
  outline: none;
  width: 38px;
  height: 100%;
  padding: 0 0 0 8px;
  position: relative;
}

.react-tel-input .selected-flag:hover, .react-tel-input .selected-flag:focus {
  background-color: #fff;
}

.react-tel-input .selected-flag .flag {
  margin-top: -5px;
  position: absolute;
  top: 50%;
}

.react-tel-input .selected-flag .arrow {
  border-top: 4px solid #555;
  border-left: 3px solid #0000;
  border-right: 3px solid #0000;
  width: 0;
  height: 0;
  margin-top: -2px;
  position: relative;
  top: 50%;
  left: 20px;
}

.react-tel-input .selected-flag .arrow.up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.react-tel-input .country-list {
  z-index: 1;
  background-color: #fff;
  border-radius: 0 0 3px 3px;
  outline: none;
  width: 300px;
  max-height: 200px;
  margin: 10px 0 10px -1px;
  padding: 0;
  list-style: none;
  position: absolute;
  overflow-y: scroll;
  box-shadow: 1px 2px 10px #00000059;
}

.react-tel-input .country-list .flag {
  display: inline-block;
}

.react-tel-input .country-list .divider {
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.react-tel-input .country-list .country {
  padding: 7px 9px;
}

.react-tel-input .country-list .country .dial-code {
  color: #6b6b6b;
}

.react-tel-input .country-list .country:hover, .react-tel-input .country-list .country.highlight {
  background-color: #f1f1f1;
}

.react-tel-input .country-list .flag {
  margin-top: 2px;
  margin-right: 7px;
}

.react-tel-input .country-list .country-name {
  margin-right: 6px;
}

.react-tel-input .country-list .search {
  background-color: #fff;
  padding: 10px 0 6px 10px;
  position: sticky;
  top: 0;
}

.react-tel-input .country-list .search-emoji {
  font-size: 15px;
}

.react-tel-input .country-list .search-box {
  border: 1px solid #cacaca;
  border-radius: 3px;
  outline: none;
  margin-left: 6px;
  padding: 3px 8px 5px;
  font-size: 15px;
  line-height: 15px;
}

.react-tel-input .country-list .no-entries-message {
  opacity: .7;
  padding: 7px 10px 11px;
}

.react-tel-input .invalid-number-message {
  z-index: 1;
  color: #de0000;
  background: #fff;
  padding: 0 2px;
  font-size: 13px;
  position: absolute;
  top: -8px;
  left: 46px;
}

.react-tel-input .special-label {
  z-index: 1;
  white-space: nowrap;
  background: #fff;
  padding: 0 2px;
  font-size: 13px;
  display: none;
  position: absolute;
  top: -8px;
  left: 46px;
}

/* [project]/ui/styles/css/react-datepicker.css [client] (css) */
.react-datepicker__navigation-icon:before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
  content: "";
  border: 3px solid #ccc;
  border-width: 3px 3px 0 0;
  width: 9px;
  height: 9px;
  display: block;
  position: absolute;
  top: 6px;
}

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

.react-datepicker-wrapper {
  border: 0;
  padding: 0;
  display: inline-block;
}

.react-datepicker {
  color: #000;
  font-family: Helvetica Neue, helvetica, arial, sans-serif;
  font-size: .8rem;
  line-height: initial;
  background-color: #fff;
  border: 1px solid #aeaeae;
  border-radius: .3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-right-radius: .3rem;
  border-bottom-left-radius: .3rem;
}

.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}

.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: .3rem;
  padding: 8px 0;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: .3rem;
}

.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll {
  margin: 0 15px;
  display: inline-block;
}

.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
  color: #000;
  margin-top: 0;
  font-size: .944rem;
  font-weight: bold;
}

h2.react-datepicker__current-month {
  margin: 0;
  padding: 0;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  text-align: center;
  cursor: pointer;
  z-index: 1;
  text-indent: -999em;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 2px;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 2px;
}

.react-datepicker__navigation--next {
  right: 2px;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}

.react-datepicker__navigation--years {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 0;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
}

.react-datepicker__navigation:hover :before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  width: 0;
  font-size: 20px;
  position: relative;
  top: -1px;
}

.react-datepicker__navigation-icon--next {
  left: -2px;
}

.react-datepicker__navigation-icon--next:before {
  left: -7px;
  transform: rotate(45deg);
}

.react-datepicker__navigation-icon--previous {
  right: -2px;
}

.react-datepicker__navigation-icon--previous:before {
  right: -7px;
  transform: rotate(225deg);
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  text-align: center;
  margin: .4rem;
}

.react-datepicker__year-wrapper {
  flex-wrap: wrap;
  max-width: 180px;
  display: flex;
}

.react-datepicker__year .react-datepicker__year-text {
  width: 4rem;
  margin: 2px;
  display: inline-block;
}

.react-datepicker__month {
  text-align: center;
  margin: .4rem;
}

.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {
  width: 4rem;
  margin: 2px;
  display: inline-block;
}

.react-datepicker__input-time-container {
  clear: both;
  float: left;
  text-align: left;
  width: 100%;
  margin: 5px 0 10px 15px;
}

.react-datepicker__input-time-container .react-datepicker-time__caption, .react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  margin-left: 10px;
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}

.react-datepicker__time-container--with-today-button {
  border: 1px solid #aeaeae;
  border-radius: .3rem;
  display: inline;
  position: absolute;
  top: 0;
  right: -87px;
}

.react-datepicker__time-container .react-datepicker__time {
  background: #fff;
  border-bottom-right-radius: .3rem;
  position: relative;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  text-align: center;
  border-bottom-right-radius: .3rem;
  width: 85px;
  margin: 0 auto;
  overflow-x: hidden;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  box-sizing: content-box;
  width: 100%;
  height: calc(195px + .85rem);
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  list-style: none;
  overflow-y: scroll;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  white-space: nowrap;
  height: 30px;
  padding: 5px 10px;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  color: #fff;
  background-color: #216ba5;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: #0000;
}

.react-datepicker__week-number {
  color: #ccc;
  text-align: center;
  width: 1.7rem;
  margin: .166rem;
  line-height: 1.7rem;
  display: inline-block;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
  background-color: #f0f0f0;
  border-radius: .3rem;
}

.react-datepicker__week-number--selected {
  color: #fff;
  background-color: #216ba5;
  border-radius: .3rem;
}

.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
  color: #000;
  text-align: center;
  width: 1.7rem;
  margin: .166rem;
  line-height: 1.7rem;
  display: inline-block;
}

.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text {
  cursor: pointer;
}

.react-datepicker__day:not([aria-disabled="true"]):hover, .react-datepicker__month-text:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text:not([aria-disabled="true"]):hover, .react-datepicker__year-text:not([aria-disabled="true"]):hover {
  background-color: #f0f0f0;
  border-radius: .3rem;
}

.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted {
  color: #fff;
  background-color: #3dcc4a;
  border-radius: .3rem;
}

.react-datepicker__day--highlighted:not([aria-disabled="true"]):hover, .react-datepicker__month-text--highlighted:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--highlighted:not([aria-disabled="true"]):hover, .react-datepicker__year-text--highlighted:not([aria-disabled="true"]):hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 {
  color: #f0f;
}

.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--holidays, .react-datepicker__month-text--holidays, .react-datepicker__quarter-text--holidays, .react-datepicker__year-text--holidays {
  color: #fff;
  background-color: #ff6803;
  border-radius: .3rem;
  position: relative;
}

.react-datepicker__day--holidays .overlay, .react-datepicker__month-text--holidays .overlay, .react-datepicker__quarter-text--holidays .overlay, .react-datepicker__year-text--holidays .overlay {
  color: #fff;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  background-color: #333;
  border-radius: 4px;
  padding: 4px;
  transition: visibility, opacity .3s ease-in-out;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.react-datepicker__day--holidays:not([aria-disabled="true"]):hover, .react-datepicker__month-text--holidays:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--holidays:not([aria-disabled="true"]):hover, .react-datepicker__year-text--holidays:not([aria-disabled="true"]):hover {
  background-color: #cf5300;
}

.react-datepicker__day--holidays:hover .overlay, .react-datepicker__month-text--holidays:hover .overlay, .react-datepicker__quarter-text--holidays:hover .overlay, .react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {
  color: #fff;
  background-color: #216ba5;
  border-radius: .3rem;
}

.react-datepicker__day--selected:not([aria-disabled="true"]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__day--in-range:not([aria-disabled="true"]):hover, .react-datepicker__month-text--selected:not([aria-disabled="true"]):hover, .react-datepicker__month-text--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__month-text--in-range:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--selected:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--in-range:not([aria-disabled="true"]):hover, .react-datepicker__year-text--selected:not([aria-disabled="true"]):hover, .react-datepicker__year-text--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__year-text--in-range:not([aria-disabled="true"]):hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
  color: #000;
  background-color: #bad9f1;
  border-radius: .3rem;
}

.react-datepicker__day--keyboard-selected:not([aria-disabled="true"]):hover, .react-datepicker__month-text--keyboard-selected:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--keyboard-selected:not([aria-disabled="true"]):hover, .react-datepicker__year-text--keyboard-selected:not([aria-disabled="true"]):hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {
  background-color: #216ba580;
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {
  color: #000;
  background-color: #f0f0f0;
}

.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled .overlay, .react-datepicker__month-text--disabled .overlay, .react-datepicker__quarter-text--disabled .overlay, .react-datepicker__year-text--disabled .overlay {
  color: #fff;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  background-color: #333;
  border-radius: 4px;
  padding: 4px;
  transition: visibility, opacity .3s ease-in-out;
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
}

.react-datepicker__input-container {
  width: 100%;
  display: inline-block;
  position: relative;
}

.react-datepicker__input-container .react-datepicker__calendar-icon {
  box-sizing: content-box;
  padding: .5rem;
  position: absolute;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view {
  border: 1px solid #0000;
  border-radius: .3rem;
  position: relative;
}

.react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
  top: 0;
  right: -16px;
  transform: rotate(135deg);
}

.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown {
  z-index: 1;
  text-align: center;
  background-color: #f0f0f0;
  border: 1px solid #aeaeae;
  border-radius: .3rem;
  width: 50%;
  position: absolute;
  top: 30px;
  left: 25%;
}

.react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: 20px;
  display: block;
}

.react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
}

.react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  user-select: none;
  border-bottom-right-radius: .3rem;
  border-bottom-left-radius: .3rem;
}

.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  vertical-align: middle;
  background-color: #0000;
  border: 0;
  outline: 0;
  height: 100%;
  padding: 0 6px 0 0;
  display: table-cell;
  position: absolute;
  top: 0;
  right: 0;
}

.react-datepicker__close-icon:after {
  cursor: pointer;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  content: "×";
  background-color: #216ba5;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  display: table-cell;
}

.react-datepicker__close-icon--disabled {
  cursor: default;
}

.react-datepicker__close-icon--disabled:after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  cursor: pointer;
  text-align: center;
  clear: left;
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  padding: 5px 0;
  font-weight: bold;
}

.react-datepicker__portal {
  z-index: 2147483647;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  height: auto;
  margin: .4rem;
  padding-left: .2rem;
  padding-right: .2rem;
}

.react-datepicker__aria-live {
  clip-path: circle(0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.react-datepicker__calendar-icon {
  vertical-align: -.125em;
  width: 1em;
  height: 1em;
}

/* [project]/ui/styles/scss/common.scss.css [client] (css) */
body {
  font-family: Instrument Sans, sans-serif !important;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
  display: inline-block;
}

input {
  box-shadow: none;
  outline: none;
}

.hover-opc {
  transition: all .3s;
}

.hover-opc:hover {
  opacity: .8;
}

.custom-container2 {
  max-width: 1062px;
}

a {
  cursor: pointer;
  transition: all .3s;
}

a:hover {
  opacity: .8;
}

.btn-1 {
  color: #fff;
  background-color: #5090cc;
  border: none;
  border-radius: 30px;
  padding: 12px 15px;
  font-size: 14px;
  font-weight: 500;
  transition: all .3s;
}

.btn-1.modal-btn-border {
  color: #101b25;
  background-color: #0000;
  border: 1px solid #dfe1e3;
}

.btn-1.modal-btn-border:hover {
  border-color: #101b2599 !important;
}

.btn-1:hover {
  opacity: .8;
}

.border-btn {
  box-shadow: 0 2px 4px #2a455d0f;
  color: #101b25 !important;
  background-color: #fff !important;
  border: 1px solid #dfe1e3 !important;
}

.border-btn:hover {
  border-color: #101b2599 !important;
}

.overlay {
  z-index: 9999;
  background: #0006;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.overlay .loader {
  background: linear-gradient(197.53deg, #5090cc 19.39%, #fff 76.11%);
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: 2s linear infinite spin;
  position: relative;
}

.overlay .loader:before {
  content: "";
  background: #999;
  border-radius: 50%;
  position: absolute;
  inset: 12px;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.overlay .loading-text {
  letter-spacing: 0%;
  text-align: center;
  color: #fff;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.cusotm-input-col {
  margin-bottom: 20px;
  position: relative;
}

@media (max-width: 1679px) {
  .cusotm-input-col {
    margin-bottom: 17px;
  }
}

.cusotm-input-col .inp-label {
  color: #101b25;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .cusotm-input-col .inp-label {
    margin-bottom: 5px;
    font-size: 13px;
  }
}

.cusotm-input-col .cutom-inp {
  color: #7b8d9f;
  height: 48px;
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  padding: 10px 20px;
}

@media (max-width: 1679px) {
  .cusotm-input-col .cutom-inp {
    height: 44px;
    font-size: 14px;
  }
}

.cusotm-input-col textarea.cutom-inp {
  resize: none;
  border-radius: 12px;
  height: 100px;
}

.cusotm-input-col select.cutom-inp {
  appearance: none;
  background-image: url("/img/sel-arw.svg");
  background-position: calc(100% - 20px);
  background-repeat: no-repeat;
}

.cusotm-input-col .inp-req {
  color: red;
  font-size: 12px;
  line-height: 12px;
  position: absolute;
  top: calc(100% + 3px);
  left: 20px;
}

@media (max-width: 1679px) {
  .cusotm-input-col .inp-req {
    font-size: 11.2px;
    line-height: 11px;
    top: calc(100% + 2px);
  }
}

.installments-container-def {
  gap: 10px;
  display: flex;
}

.installments-container-def .down-arrw {
  box-shadow: none;
  background-color: #0000;
  border: none;
  align-items: center;
  display: flex;
}

.installments-container-def .installment-option {
  color: #101b25;
  cursor: pointer;
  background-color: #f4f5f6;
  border: 1px solid #f4f5f6;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

@media (max-width: 1679px) {
  .installments-container-def .installment-option {
    width: 40px;
    height: 40px;
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .installments-container-def .installment-option {
    width: 38px;
    height: 38px;
  }
}

@media (max-width: 1199px) {
  .installments-container-def .installment-option {
    width: 36px;
    height: 36px;
  }
}

.installments-container-def .installment-option.active, .installments-container-def .installment-option:hover {
  border: 1px solid #5090cc;
}

.pagination-wrapper {
  align-items: center;
  margin-top: 40px;
  display: flex;
}

@media (max-width: 1679px) {
  .pagination-wrapper {
    margin-top: 30px;
  }
}

@media (max-width: 479px) {
  .pagination-wrapper {
    flex-direction: column;
    margin-top: 20px;
  }
}

.pagination-wrapper .pagination-label {
  color: #101b2580;
  padding-right: 15px;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 479px) {
  .pagination-wrapper .pagination-label {
    margin-bottom: 15px;
    padding-right: 0;
  }
}

.pagination-wrapper .pagination-num-block {
  margin-left: auto;
}

@media (max-width: 479px) {
  .pagination-wrapper .pagination-num-block {
    margin-left: unset;
  }
}

.pagination-wrapper .pagination-num-block .pagination-num-cover {
  align-items: center;
  display: flex;
}

.pagination-wrapper .pagination-num-block .pagination-num-cover .pg-round {
  color: #101b2580;
  background-color: #fff;
  border: .78px solid #eceeeb;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin: 0 2.5px;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  transition: all .3s;
  display: inline-flex;
}

.pagination-wrapper .pagination-num-block .pagination-num-cover .pg-round:not(.pg-round-dots):hover {
  color: #fff;
  background-color: #4882b8;
}

.pagination-wrapper .pagination-num-block .pagination-num-cover .pg-round:not(.pg-round-dots):hover img {
  filter: brightness(0) invert();
}

.pagination-wrapper .pagination-num-block .pg-round.active {
  background: #488288;
  border: 1px solid #488288;
  font-weight: bold;
  color: #fff !important;
}

.loader {
  text-indent: -9999em;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  font-size: 10px;
  animation: 1.1s infinite mulShdSpin;
  display: inline-block;
  position: relative;
  transform: translateZ(0);
}

@keyframes mulShdSpin {
  0%, 100% {
    box-shadow: 0 -2.6em 0 0 #5090cc, 1.8em -1.8em 0 0 #5090cc33, 2.5em 0 0 0 #5090cc33, 1.75em 1.75em 0 0 #fff3, 0 2.5em 0 0 #fff3, -1.8em 1.8em 0 0 #fff3, -2.6em 0 0 0 #ffffff80, -1.8em -1.8em 0 0 #ffffffb3;
  }

  12.5% {
    box-shadow: 0 -2.6em 0 0 #5090ccb3, 1.8em -1.8em 0 0 #fff, 2.5em 0 0 0 #5090cc33, 1.75em 1.75em 0 0 #5090cc33, 0 2.5em 0 0 #5090cc33, -1.8em 1.8em 0 0 #5090cc33, -2.6em 0 0 0 #5090cc33, -1.8em -1.8em 0 0 #5090cc80;
  }

  25% {
    box-shadow: 0 -2.6em 0 0 #5090cc80, 1.8em -1.8em 0 0 #5090ccb3, 2.5em 0 0 0 #fff, 1.75em 1.75em 0 0 #5090cc33, 0 2.5em 0 0 #5090cc33, -1.8em 1.8em 0 0 #5090cc33, -2.6em 0 0 0 #5090cc33, -1.8em -1.8em 0 0 #5090cc33;
  }

  37.5% {
    box-shadow: 0 -2.6em 0 0 #5090cc33, 1.8em -1.8em 0 0 #5090cc80, 2.5em 0 0 0 #5090ccb3, 1.75em 1.75em 0 0 #fff, 0 2.5em 0 0 #5090cc33, -1.8em 1.8em 0 0 #5090cc33, -2.6em 0 0 0 #5090cc33, -1.8em -1.8em 0 0 #5090cc33;
  }

  50% {
    box-shadow: 0 -2.6em 0 0 #5090cc33, 1.8em -1.8em 0 0 #5090cc33, 2.5em 0 0 0 #5090cc80, 1.75em 1.75em 0 0 #5090ccb3, 0 2.5em 0 0 #fff, -1.8em 1.8em 0 0 #5090cc33, -2.6em 0 0 0 #5090cc33, -1.8em -1.8em 0 0 #5090cc33;
  }

  62.5% {
    box-shadow: 0 -2.6em 0 0 #5090cc33, 1.8em -1.8em 0 0 #5090cc33, 2.5em 0 0 0 #5090cc33, 1.75em 1.75em 0 0 #5090cc80, 0 2.5em 0 0 #5090ccb3, -1.8em 1.8em 0 0 #fff, -2.6em 0 0 0 #5090cc33, -1.8em -1.8em 0 0 #5090cc33;
  }

  75% {
    box-shadow: 0 -2.6em 0 0 #5090cc33, 1.8em -1.8em 0 0 #5090cc33, 2.5em 0 0 0 #5090cc33, 1.75em 1.75em 0 0 #5090cc33, 0 2.5em 0 0 #5090cc80, -1.8em 1.8em 0 0 #5090ccb3, -2.6em 0 0 0 #fff, -1.8em -1.8em 0 0 #5090cc33;
  }

  87.5% {
    box-shadow: 0 -2.6em 0 0 #5090cc33, 1.8em -1.8em 0 0 #5090cc33, 2.5em 0 0 0 #5090cc33, 1.75em 1.75em 0 0 #5090cc33, 0 2.5em 0 0 #5090cc33, -1.8em 1.8em 0 0 #5090cc80, -2.6em 0 0 0 #5090ccb3, -1.8em -1.8em 0 0 #fff;
  }
}

.details-mob-section {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .details-mob-section {
    display: none !important;
  }
}

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

.media-item-fit {
  object-fit: cover !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
}

.smart-crop-container {
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.smart-crop-image {
  object-fit: cover;
  object-position: center;
}

.smart-crop-image--portrait {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: auto;
  min-height: 100%;
}

.smart-crop-image--landscape {
  object-fit: cover;
  object-position: center;
  width: auto;
  min-width: 100%;
  height: 100%;
}

.smart-crop-image--square {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.smart-crop-image--loading {
  opacity: 0;
  transition: opacity .2s ease-in;
}

.smart-crop-image--loaded {
  opacity: 1;
}

/* [project]/ui/styles/scss/custom.scss.css [client] (css) */
.credit-bureau-ack__card {
  background: #f0f7ff;
  border: 1.5px solid #5090cc;
  border-radius: 10px;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 14px 16px;
  position: relative;
}

.credit-bureau-ack__card:before {
  content: "";
  background: #5090cc;
  border-radius: 10px 0 0 10px;
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.credit-bureau-ack__card--disabled {
  opacity: .65;
}

.credit-bureau-ack__label {
  cursor: pointer;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.credit-bureau-ack__label--disabled {
  cursor: default;
}

.credit-bureau-ack__checkbox-wrapper {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  position: relative;
}

.credit-bureau-ack__checkbox-input {
  opacity: 0;
  cursor: pointer;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  inset: 0;
}

.credit-bureau-ack__checkbox-box {
  background: #fff;
  border: 2px solid #5090cc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  transition: background .15s, border-color .15s;
  display: flex;
}

.credit-bureau-ack__checkbox-box--checked {
  background: #5090cc;
}

.credit-bureau-ack__checkbox-box--checked:after {
  content: "";
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  width: 4px;
  height: 8px;
  display: block;
  transform: rotate(45deg)translateY(-1px);
}

.credit-bureau-ack__text {
  color: #2d3748;
  flex: 1;
  font-size: 13.5px;
  line-height: 1.55;
}

.credit-bureau-ack__text strong {
  color: #1a365d;
  font-weight: 700;
}

.credit-bureau-ack__text a {
  color: #5090cc;
  border-bottom: 1px solid #5090cc73;
  font-weight: 600;
  text-decoration: none;
  transition: color .15s, border-color .15s;
}

.credit-bureau-ack__text a:hover {
  color: #3a72a6;
  border-color: #3a72a6;
}

.credit-bureau-ack__error {
  align-items: center;
  gap: 4px;
  margin-top: 6px;
  margin-bottom: 0;
  padding: 0 2px;
  font-size: 12.5px;
  display: flex;
}

html, body {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow-x: hidden;
}

@supports (-webkit-touch-callout: none) {
  .mobile-bottom {
    position: fixed !important;
  }
}

.app-link {
  position: relative;
  overflow: hidden;
}

.app-link .oauth-overlay {
  opacity: 1e-10;
  position: absolute;
  inset: 0;
}

.app-link .oauth-overlay > * {
  width: 100%;
  height: 100%;
}

.login-layout .login-container .left-block .app-block .app-link svg {
  margin-right: 8px;
}

.react-tel-reset .flag-dropdown {
  background: none !important;
  border: none !important;
}

.react-tel-reset .flag-dropdown:after {
  content: "";
  background: #dfe1e3;
  width: 1px;
  height: 20px;
  margin: auto;
  display: block;
  position: absolute;
  inset: 0 0 0 auto;
}

.react-tel-reset .form-control {
  height: auto !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}

.react-tel-reset {
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

input:-webkit-autofill {
  transition: background-color 9999s ease-in-out;
}

input:-webkit-autofill:hover {
  transition: background-color 9999s ease-in-out;
}

input:-webkit-autofill:focus {
  transition: background-color 9999s ease-in-out;
}

input:-webkit-autofill:active {
  transition: background-color 9999s ease-in-out;
}

.table-outer-wrap .btn {
  border: 0;
  border-bottom: 1px solid #efefef;
  border-radius: 0;
  height: auto;
  min-height: auto;
  margin: 0;
  padding: 5px 20px;
  font-size: 16px !important;
}

@media (max-width: 991px) {
  .table-outer-wrap .btn {
    font-size: 14px;
  }
}

.table-outer-wrap .btn.active {
  border-bottom: 1px solid #0c2936;
}

.table-outer-wrap .table-wrap .table-all tr th {
  background: #fff;
  border: 0;
  padding: 15px 20px !important;
}

.table-outer-wrap .table-wrap .table-all tr th:first-child {
  border-radius: 15px 0 0 15px;
  width: 70% !important;
}

.table-outer-wrap .table-wrap .table-all tr th:nth-child(2) {
  text-align: center;
  border-radius: 0 15px 15px 0;
  width: 30% !important;
}

.table-outer-wrap .table-wrap .table-all tr td {
  background: #e1e1e1;
  border: 0;
  padding: 10px 20px !important;
  font-size: 14px !important;
}

.table-outer-wrap .table-wrap .table-all tr:nth-child(odd) td {
  background: #ebebeb;
}

.table-outer-wrap .table-wrap .action-list ul {
  justify-content: center;
  width: 100%;
}

.add-annoncemet-modal-wrap .custom-modal-dialog {
  max-width: 500px;
}

@media (max-width: 579px) {
  .add-annoncemet-modal-wrap .custom-modal-dialog {
    max-width: 95%;
  }
}

.add-annoncemet-modal-wrap .custom-modal-dialog .custom-modal-content .modal-header {
  padding: 0;
}

.add-annoncemet-modal-wrap .custom-modal-dialog .custom-modal-content .modal-header .btn-close {
  margin-bottom: 0;
  padding: 0;
}

.add-annoncemet-modal-wrap .custom-modal-dialog .custom-modal-content .modal-body, .add-annoncemet-modal-wrap .custom-modal-dialog .custom-modal-content .modal-footer {
  padding: 0;
}

.add-annoncemet-modal-wrap .custom-modal-dialog .custom-modal-content .form-outer-wrap > div {
  color: #000;
  padding: 10px 0 5px;
  font-size: 18px;
  font-weight: 600;
  margin: 0 !important;
}

.add-annoncemet-modal-wrap .custom-modal-dialog .custom-modal-content .form-outer-wrap .btn {
  margin: 0 !important;
  padding: 0 !important;
}

.add-annoncemet-modal-wrap .head-wrap .title {
  font-size: 20px !important;
}

@media (max-width: 1679px) {
  .add-annoncemet-modal-wrap .head-wrap .title {
    font-size: 18px !important;
  }
}

@media (max-width: 579px) {
  .add-annoncemet-modal-wrap .head-wrap .title {
    font-size: 16px !important;
  }
}

@media (max-width: 479px) {
  .add-annoncemet-modal-wrap .footer-btn-wrap, .add-annoncemet-modal-wrap .footer-btn-wrap .align-wrap {
    width: 100%;
    max-width: 100%;
  }
}

.shipping-option-modal .custom-modal-dialog {
  max-width: 520px;
}

@media (max-width: 579px) {
  .shipping-option-modal .custom-modal-dialog {
    max-width: 95%;
  }
}

.shipping-option-modal .custom-modal-dialog .custom-modal-content {
  border: none;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 20px 60px #00000026;
}

.shipping-option-modal .custom-modal-dialog .custom-modal-content .modal-header {
  border-bottom: none;
  padding: 0;
}

.shipping-option-modal .custom-modal-dialog .custom-modal-content .modal-header .btn-close {
  opacity: .6;
  margin: 8px 8px 0 0;
  padding: 12px;
  transition: opacity .2s;
}

.shipping-option-modal .custom-modal-dialog .custom-modal-content .modal-header .btn-close:hover {
  opacity: 1;
}

.shipping-option-modal .custom-modal-dialog .custom-modal-content .modal-body {
  padding: 0;
}

.shipping-option-modal .custom-modal-dialog .custom-modal-content .modal-footer {
  border-top: none;
  padding: 0;
}

.shipping-option-modal .shipping-modal-header {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 32px 40px 24px;
  display: flex;
  position: relative;
}

.shipping-option-modal .shipping-modal-header .title {
  color: #0c2936;
  letter-spacing: -.5px;
  text-align: center;
  margin: 0;
  font-family: Poppins-Bold, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}

@media (max-width: 1679px) {
  .shipping-option-modal .shipping-modal-header .title {
    font-size: 22px;
  }
}

@media (max-width: 579px) {
  .shipping-option-modal .shipping-modal-header .title {
    font-size: 20px;
  }
}

.shipping-option-modal .shipping-modal-header .modal-close-btn {
  z-index: 1;
  cursor: pointer;
  opacity: .6;
  background-color: #0000;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}

.shipping-option-modal .shipping-modal-header .modal-close-btn:hover {
  opacity: 1;
}

.shipping-option-modal .shipping-modal-header .modal-close-btn img {
  width: 20px;
  height: 20px;
}

.shipping-option-modal .shipping-modal-body {
  background: #fff;
  padding: 32px 40px;
}

@media (max-width: 579px) {
  .shipping-option-modal .shipping-modal-body {
    padding: 24px 20px;
  }
}

.shipping-option-modal .shipping-modal-body .shipping-modal-icon {
  color: #fff;
  background: #5090cc;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  margin: 0 auto 20px;
  display: flex;
  box-shadow: 0 4px 12px #2563eb40;
}

.shipping-option-modal .shipping-modal-body .shipping-modal-icon img {
  filter: brightness(0) invert();
  width: 32px;
  height: 32px;
}

.shipping-option-modal .shipping-modal-body .shipping-modal-icon svg {
  width: 32px;
  height: 32px;
}

.shipping-option-modal .shipping-modal-body .shipping-modal-message {
  color: #374151;
  text-align: center;
  margin: 0;
  padding: 0 8px;
  font-family: Poppins-Regular, sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

@media (max-width: 579px) {
  .shipping-option-modal .shipping-modal-body .shipping-modal-message {
    padding: 0;
    font-size: 15px;
  }
}

.shipping-option-modal .shipping-modal-footer {
  box-sizing: border-box;
  width: 100%;
  padding: 24px 40px 32px;
}

@media (max-width: 579px) {
  .shipping-option-modal .shipping-modal-footer {
    padding: 20px;
  }
}

.shipping-option-modal .shipping-modal-footer .align-wrap {
  gap: 12px;
  width: 100%;
  display: flex;
}

@media (max-width: 479px) {
  .shipping-option-modal .shipping-modal-footer .align-wrap {
    flex-direction: column;
    gap: 10px;
  }
}

.shipping-option-modal .shipping-modal-footer .btn-1.border-btn {
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: all .3s;
  display: flex;
  box-shadow: 0 2px 4px #2a455d0f;
  color: #101b25 !important;
  background-color: #fff !important;
  border: 1px solid #dfe1e3 !important;
}

@media (max-width: 1679px) {
  .shipping-option-modal .shipping-modal-footer .btn-1.border-btn {
    height: 46px;
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .shipping-option-modal .shipping-modal-footer .btn-1.border-btn {
    height: 42px;
    font-size: 13px;
  }
}

@media (max-width: 1199px) {
  .shipping-option-modal .shipping-modal-footer .btn-1.border-btn {
    height: 38px;
  }
}

.shipping-option-modal .shipping-modal-footer .btn-1.border-btn:hover {
  opacity: .8;
  border-color: #101d2599 !important;
}

.shipping-option-modal .shipping-modal-footer .btn.continue-btn {
  color: #fff;
  background: #5090cc;
  border: none;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: all .3s;
  display: flex;
}

@media (max-width: 1679px) {
  .shipping-option-modal .shipping-modal-footer .btn.continue-btn {
    height: 46px;
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .shipping-option-modal .shipping-modal-footer .btn.continue-btn {
    height: 42px;
    font-size: 13px;
  }
}

@media (max-width: 1199px) {
  .shipping-option-modal .shipping-modal-footer .btn.continue-btn {
    height: 38px;
  }
}

.shipping-option-modal .shipping-modal-footer .btn.continue-btn:hover {
  opacity: .8;
}

.cat-image-wrp-main {
  margin: bottom 12px;
  align-items: center;
  gap: 16px;
  display: flex;
}

.cat-image-wrp {
  background: "#fafafa";
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-preview {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image-box {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.upload-label {
  cursor: pointer;
  padding: 8px 12px;
}

.tab-main {
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

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

.form-header {
  color: "#666";
  margin-top: 6px;
}

.gauge-container-header {
  justify-content: center;
  align-items: center;
  height: 50px;
  display: flex;
}

.ric-modal .modal-header {
  align-items: unset;
}

.ric-modal .modal-header .title-wrap {
  color: #101b25;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .ric-modal .modal-header .title-wrap {
    font-size: 20px;
  }
}

@media (max-width: 991px) {
  .ric-modal .modal-header .title-wrap {
    font-size: 18px;
  }
}

@media (max-width: 579px) {
  .ric-modal .modal-header .title-wrap {
    font-size: 16px;
  }
}

.ric-modal .retail-contract-container {
  width: 100%;
  max-width: 100% !important;
}

.ric-modal .retail-contract-container .level-id-wrap {
  padding: 0 !important;
}

.ric-modal .retail-contract-container .content-cover {
  box-shadow: none;
  border-radius: 0;
  padding: 0 !important;
}

.ric-modal .retail-contract-container .signed-block .signed-doc .sign-wrp {
  width: 100%;
}

.ric-modal .btn-wrap {
  border-top: 1px solid #dee2e6;
  padding: 15px !important;
}

.ric-modal .level-id-wrap .leval-head-wrap {
  margin: 0;
  max-width: none !important;
}

.ric-modal .verification-scope .btn-wrap-2-col .confirm-btn-border {
  border: 1px solid #dfe1e3;
  background-color: #fff !important;
}

.ric-modal .verification-scope .btn-wrap-2-col .confirm-btn-border span {
  color: #101b25 !important;
}

.fr-dropdown .css-textMultiLine-cens5h {
  display: none !important;
}

.fr-dropdown .css-view-1dbjc4n {
  border: none !important;
  width: auto !important;
}

.fr-dropdown .css-text-901oao {
  width: 30px !important;
}

.seller-tab.seller-details-box {
  border-top: 1px solid #ecedef;
  border-bottom: 1px solid #ecedef;
  justify-content: space-between;
  align-items: center;
  margin: 24px 0;
  padding: 24px 0;
  display: flex;
}

@media (max-width: 1679px) {
  .seller-tab.seller-details-box {
    margin: 20px 0;
    padding: 20px 0;
  }
}

@media (max-width: 1481px) {
  .seller-tab.seller-details-box {
    margin: 18px 0;
    padding: 18px 0;
  }
}

@media (max-width: 1199px) {
  .seller-tab.seller-details-box {
    margin: 15px 0;
    padding: 15px 0;
  }
}

@media (max-width: 579px) {
  .seller-tab.seller-details-box {
    flex-wrap: wrap;
  }
}

.seller-tab.seller-details-box .box-inner-lt {
  align-items: center;
  width: 100%;
  display: flex;
}

@media (max-width: 991px) {
  .seller-tab.seller-details-box .box-inner-lt {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

@media (max-width: 767px) {
  .seller-tab.seller-details-box .box-inner-lt {
    width: 90%;
  }
}

@media (max-width: 991px) {
  .seller-tab.seller-details-box .box-inner-lt .btn-sec {
    margin-left: unset;
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .seller-tab.seller-details-box .box-inner-lt .btn-sec {
    display: none;
  }
}

.seller-tab.seller-details-box .box-inner-rt {
  display: none;
}

@media (max-width: 767px) {
  .seller-tab.seller-details-box .box-inner-rt {
    flex: 1;
    display: flex;
  }
}

.seller-tab.seller-details-box .user-img {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  margin-right: 12px;
}

@media (max-width: 1679px) {
  .seller-tab.seller-details-box .user-img {
    width: 42px;
    height: 42px;
  }
}

.seller-tab.seller-details-box .user-img img {
  object-fit: cover;
  border-radius: 50px;
  width: 100%;
  height: 100%;
}

.seller-tab.seller-details-box .detail-sec .name-txt {
  letter-spacing: 0%;
  vertical-align: middle;
  color: #101b25;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
}

@media (max-width: 1679px) {
  .seller-tab.seller-details-box .detail-sec .name-txt {
    font-size: 16px;
  }
}

@media (max-width: 1481px) {
  .seller-tab.seller-details-box .detail-sec .name-txt {
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .seller-tab.seller-details-box .detail-sec .name-txt {
    font-size: 13px;
  }
}

@media (max-width: 579px) {
  .seller-tab.seller-details-box .detail-sec .name-txt {
    margin-bottom: 5px;
  }
}

.seller-tab.seller-details-box .detail-sec .rating-detail-page {
  margin-left: 10px;
}

.checkout-outer-wrap .input-wrap .fields-wrap .react-datepicker-wrapper {
  width: 100%;
}

.uniqueLoader {
  border: 2px solid #f3f3f3;
  border-top-color: #555;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin: 0;
  animation: 1s linear infinite spinUnique;
  display: inline-block;
}

.ml-2 {
  margin-right: 20px;
}

@keyframes spinUnique {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.error-container {
  text-align: center;
  justify-content: center;
  margin-top: 1rem;
  display: flex;
}

.error-text {
  color: #a94442;
  max-width: 500px;
  font-size: 14px;
}

.error-link {
  color: #0070f3;
  font-weight: 500;
  text-decoration: underline;
}

.error-link:hover {
  text-decoration: none;
}

.financial-row {
  justify-content: space-between;
  display: flex;
}

.product-card-slider .slick-prev, .product-card-slider .slick-next {
  display: none !important;
}

.mobile-bottom {
  z-index: 9999;
  width: 100%;
  height: 64px;
  padding-bottom: env(safe-area-inset-bottom);
  will-change: transform;
  backface-visibility: hidden;
  background: #fff;
  transition: transform .25s ease-out;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateZ(0);
  position: fixed !important;
}

.error-msg {
  color: red;
  margin-top: -2px;
  font-size: 14px;
}

.error-msg.alighn {
  position: absolute;
  bottom: -20px;
}

.info-icon {
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.info-icon .tooltip-text {
  visibility: hidden;
  color: #fff;
  text-align: left;
  z-index: 9999;
  opacity: 0;
  white-space: normal;
  word-wrap: break-word;
  isolation: isolate;
  background-color: #333;
  border-radius: 4px;
  width: 220px;
  max-width: calc(100vw - 20px);
  padding: 8px;
  font-size: 13px;
  transition: opacity .3s;
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
}

.info-icon .tooltip-text:after {
  content: "";
  border: 5px solid #0000;
  border-top-color: #333;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 479px) {
  .info-icon .tooltip-text {
    width: auto;
    min-width: 180px;
    max-width: calc(100vw - 30px);
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}

@media (max-width: 320px) {
  .info-icon .tooltip-text {
    width: auto;
    left: 15px;
    right: 15px;
    transform: none;
  }

  .info-icon .tooltip-text:after {
    left: 30px;
    transform: translateX(0);
  }
}

.info-icon:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.table-btm-border {
  border-bottom: 1px solid #dfe1e3;
}

.table-img {
  align-items: center;
  min-width: 140px;
  display: flex;
}

.table-img img {
  object-fit: cover;
  background-color: #ecedef;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-right: 10px;
}

@media (max-width: 1679px) {
  .table-img img {
    width: 55px;
    height: 55px;
  }
}

.table-img .name {
  color: #415362;
  font-size: 16px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .table-img .name {
    font-size: 14px;
  }
}

.buyer-profile-img {
  object-fit: cover;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.optional-text {
  color: #6c757d;
  font-size: .9em;
  font-weight: normal;
}

.add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block .img-item {
  background-color: #f4f5f669;
  max-width: 100%;
  max-height: 100%;
}

.text-loop {
  white-space: nowrap;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.marquee-message {
  white-space: nowrap;
  vertical-align: middle;
  animation: marquee var(--marquee-duration, 150s) linear infinite;
  will-change: transform;
  padding-right: 100px;
  font-size: 14px;
  display: inline-block;
}

.marquee-message a {
  color: #fff;
  text-decoration: none;
}

.marquee-message a:hover {
  text-decoration: underline;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

.marquee-message:hover {
  animation-play-state: paused;
}

.product-title-break-word {
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  -webkit-hyphens: auto;
  hyphens: auto;
}

@media (max-width: 479px) {
  .mob-sec-btm-p {
    padding-bottom: 80px !important;
  }
}

/* [project]/ui/styles/scss/header.scss.css [client] (css) */
.header-wrap {
  border-bottom: 1px solid #dfe1e3;
  padding: 20px 0;
}

@media (max-width: 1679px) {
  .header-wrap {
    padding: 15px 0;
  }
}

@media (max-width: 479px) {
  .header-wrap {
    padding: 10px 0;
  }
}

.header-wrap .head-inner-wrap {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

@media (max-width: 479px) {
  .header-wrap .head-inner-wrap {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
}

@media (max-width: 991px) {
  .header-wrap .head-inner-wrap .logo-wrap {
    width: 100%;
    padding-bottom: 15px;
  }
}

@media (max-width: 991px) and (max-width: 479px) {
  .header-wrap .head-inner-wrap .logo-wrap {
    width: auto;
    padding-bottom: 0;
  }
}

.header-wrap .head-inner-wrap .logo {
  width: 85px;
}

@media (max-width: 1679px) {
  .header-wrap .head-inner-wrap .logo {
    width: 80px;
  }
}

@media (max-width: 991px) {
  .header-wrap .head-inner-wrap .logo {
    width: 60px;
  }
}

@media (max-width: 479px) {
  .header-wrap .head-inner-wrap .logo {
    width: 50px;
  }
}

.header-wrap .head-inner-wrap .head-step-wrap {
  align-items: center;
  gap: 12px;
  display: flex;
}

@media (max-width: 991px) {
  .header-wrap .head-inner-wrap .head-step-wrap {
    flex-direction: column;
    align-items: start;
    gap: 5px;
  }
}

@media (max-width: 479px) {
  .header-wrap .head-inner-wrap .head-step-wrap {
    width: 100%;
  }
}

.header-wrap .head-inner-wrap .head-step-wrap .txt {
  color: #7b8d9f;
  margin: 0;
  padding: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .header-wrap .head-inner-wrap .head-step-wrap .txt {
    font-size: 12px;
  }
}

.header-wrap .head-inner-wrap .head-step-wrap .txt span {
  color: #101b25;
}

.header-wrap .head-inner-wrap .head-step-wrap .list {
  width: 370px;
  margin: 0;
  padding: 0;
  display: flex;
}

@media (max-width: 1679px) {
  .header-wrap .head-inner-wrap .head-step-wrap .list {
    width: 350px;
  }
}

@media (max-width: 1199px) {
  .header-wrap .head-inner-wrap .head-step-wrap .list {
    width: 300px;
  }
}

@media (max-width: 767px) {
  .header-wrap .head-inner-wrap .head-step-wrap .list {
    width: 250px;
  }
}

@media (max-width: 479px) {
  .header-wrap .head-inner-wrap .head-step-wrap .list {
    width: 100%;
  }
}

.header-wrap .head-inner-wrap .head-step-wrap .list li {
  width: 25%;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}

.header-wrap .head-inner-wrap .head-step-wrap .list li .round {
  z-index: 1;
  background: #f8f9fa;
  width: 16px;
  height: 16px;
  padding: 2px;
  position: relative;
}

@media (max-width: 1679px) {
  .header-wrap .head-inner-wrap .head-step-wrap .list li .round {
    width: 14px;
    height: 14px;
  }
}

.header-wrap .head-inner-wrap .head-step-wrap .list li .round:after {
  content: "";
  border: 1px solid #abadd4;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin: auto;
  position: absolute;
  inset: 0;
}

@media (max-width: 1679px) {
  .header-wrap .head-inner-wrap .head-step-wrap .list li .round:after {
    width: 10px;
    height: 10px;
  }
}

.header-wrap .head-inner-wrap .head-step-wrap .list li .round img {
  z-index: 1;
  width: 12px;
  height: 12px;
  position: absolute;
}

@media (max-width: 1679px) {
  .header-wrap .head-inner-wrap .head-step-wrap .list li .round img {
    width: 10px;
    height: 10px;
  }
}

.header-wrap .head-inner-wrap .head-step-wrap .list li:after {
  content: "";
  background: #abadd4;
  border-radius: 10px;
  width: 100%;
  height: 1px;
  margin: auto;
  position: absolute;
  inset: 0 0 0 auto;
}

.header-wrap .head-inner-wrap .head-step-wrap .list li:last-child {
  width: auto;
}

.header-wrap .head-inner-wrap .head-step-wrap .list li:last-child:after {
  display: none;
}

.header-wrap .head-inner-wrap .head-step-wrap .list li.active .round:after {
  background: #1bb746;
  border-color: #1bb746;
}

.header-wrap .head-inner-wrap .head-step-wrap .list li.active:after {
  background: #2e348e;
}

.header-wrap .head-inner-wrap .head-step-wrap .list li.completed:after {
  background: #1bb746;
}

.header-wrap .head-inner-wrap .head-score-wrap {
  align-items: center;
  gap: 10px;
  display: flex;
}

@media (max-width: 1679px) {
  .header-wrap .head-inner-wrap .head-score-wrap {
    gap: 5px;
  }
}

.header-wrap .head-inner-wrap .head-score-wrap .img {
  width: 45px;
}

@media (max-width: 1679px) {
  .header-wrap .head-inner-wrap .head-score-wrap .img {
    width: 40px;
  }
}

.header-wrap .head-inner-wrap .head-score-wrap .score-txt {
  color: #415362;
  padding: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}

@media (max-width: 1679px) {
  .header-wrap .head-inner-wrap .head-score-wrap .score-txt {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .header-wrap .head-inner-wrap .head-score-wrap .score-txt {
    font-size: 12px;
  }
}

.header-wrap .head-inner-wrap .head-score-wrap .score-txt span {
  color: #101b25;
  font-weight: 500;
}

.header-wrap .head-inner-wrap .head-score-column {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

@media (max-width: 479px) {
  .header-wrap .head-inner-wrap .head-score-column {
    align-items: center;
    width: 100%;
  }
}

.header-wrap .head-inner-wrap .head-score-column .wwx-cash-balance {
  white-space: nowrap;
  width: fit-content;
  color: inherit;
  cursor: pointer;
  background: linear-gradient(135deg, #eef4ff 0%, #f0f7ff 100%);
  border: 1px solid #d0e2f7;
  border-radius: 8px;
  align-items: center;
  gap: 5px;
  margin-top: 4px;
  padding: 3px 6px;
  font-family: Instrument Sans, sans-serif;
  font-size: 11px;
  line-height: 1;
  text-decoration: none;
  transition: all .2s;
  display: inline-flex;
}

.header-wrap .head-inner-wrap .head-score-column .wwx-cash-balance:hover {
  background: linear-gradient(135deg, #ddeaff 0%, #e4f0ff 100%);
  border-color: #aecbf0;
  box-shadow: 0 1px 4px #2563eb1f;
}

.header-wrap .head-inner-wrap .head-score-column .wwx-cash-balance .wwx-cash-value {
  color: #1a56db;
  letter-spacing: -.01em;
  font-size: 12px;
  font-weight: 700;
}

.header-wrap .head-inner-wrap .head-score-column .wwx-cash-balance .wwx-cash-label {
  color: #3b6fb5;
  letter-spacing: normal;
  font-weight: 500;
}

.header-wrap .head-inner-wrap.checkout-head-inner .logo-wrap {
  width: auto;
  padding: 0;
}

@media (max-width: 479px) {
  .header-wrap .head-inner-wrap.checkout-head-inner .logo-wrap {
    width: 100%;
  }
}

.header-wrap .head-inner-wrap .checkout-step-wrap {
  margin: 0 auto;
}

@media (max-width: 767px) {
  .header-wrap .head-inner-wrap .checkout-step-wrap {
    justify-content: flex-end;
    margin: 0 0 0 auto;
  }
}

.header-wrap .head-inner-wrap .checkout-step-wrap .list {
  width: 410px;
  margin: 20px 0 0 -80px;
}

@media (max-width: 1679px) {
  .header-wrap .head-inner-wrap .checkout-step-wrap .list {
    margin-left: -80px;
  }
}

@media (max-width: 991px) {
  .header-wrap .head-inner-wrap .checkout-step-wrap .list {
    width: 340px;
    margin-left: 60px;
  }
}

@media (max-width: 767px) {
  .header-wrap .head-inner-wrap .checkout-step-wrap .list {
    width: 260px;
  }
}

@media (max-width: 479px) {
  .header-wrap .head-inner-wrap .checkout-step-wrap .list {
    width: 100%;
    margin-left: 0;
  }
}

.header-wrap .head-inner-wrap .checkout-step-wrap .list li {
  width: 33.3333%;
}

.header-wrap .head-inner-wrap .checkout-step-wrap .list li:first-child .name {
  left: 0;
}

.header-wrap .head-inner-wrap .checkout-step-wrap .list li:last-child .name {
  left: inherit;
  right: 0;
}

.header-wrap .head-inner-wrap .checkout-step-wrap .list li:after {
  content: "";
  background: #abadd4;
  border-radius: 10px;
  width: 100%;
  height: 2px;
  margin: auto;
  position: absolute;
  inset: 0 0 0 auto;
}

.header-wrap .head-inner-wrap .checkout-step-wrap .list li .name {
  color: #7b8d9f;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  top: -20px;
  left: -22px;
}

@media (max-width: 1679px) {
  .header-wrap .head-inner-wrap .checkout-step-wrap .list li .name {
    font-size: 12px;
  }
}

.header-wrap .head-inner-wrap .checkout-step-wrap .list li .round {
  background: #fff;
}

.header-wrap .head-inner-wrap .checkout-step-wrap .list li.active:after {
  background: #410091;
}

.header-wrap .head-inner-wrap .checkout-step-wrap .list li.active .name {
  color: #101b25;
}

.header-wrap .head-inner-wrap .checkout-step-wrap .list li.active .round:after {
  background: #fff;
  border-color: #410091;
}

.header-wrap .head-inner-wrap .checkout-step-wrap .list li.completed:after {
  background: #1bb746;
}

.header-wrap .head-inner-wrap .checkout-step-wrap .list li.completed .name {
  color: #101b25;
}

.header-wrap .head-inner-wrap .checkout-step-wrap .list li.completed .round:after {
  background: #1bb746;
  border-color: #1bb746;
}

.header-strip-wrap {
  background: #2e348e;
  padding: 15px 0;
}

@media (max-width: 1679px) {
  .header-strip-wrap {
    padding: 10px 0;
  }
}

.header-strip-wrap .align-wrap {
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  display: flex;
}

@media (max-width: 991px) {
  .header-strip-wrap .left-wrap {
    display: none;
  }
}

.header-strip-wrap .left-wrap ul {
  gap: 15px;
  margin: 0;
  padding: 0;
  display: flex;
}

@media (max-width: 991px) {
  .header-strip-wrap .left-wrap ul {
    gap: 10px;
  }
}

.header-strip-wrap .left-wrap ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.header-strip-wrap .left-wrap ul li .link {
  align-items: center;
  gap: 8px;
  display: flex;
}

@media (max-width: 991px) {
  .header-strip-wrap .left-wrap ul li .link {
    gap: 5px;
  }
}

.header-strip-wrap .left-wrap ul li .link img {
  width: 16px;
  display: block;
}

@media (max-width: 991px) {
  .header-strip-wrap .left-wrap ul li .link img {
    width: 12px;
  }
}

@media (max-width: 767px) {
  .header-strip-wrap .left-wrap ul li .link img {
    width: 16px;
  }
}

.header-strip-wrap .left-wrap ul li .link span {
  color: #fafdff;
  font-size: 12px;
  font-weight: 500;
}

@media (max-width: 991px) {
  .header-strip-wrap .left-wrap ul li .link span {
    font-size: 11px;
  }
}

@media (max-width: 767px) {
  .header-strip-wrap .left-wrap ul li .link span {
    display: none;
  }
}

.header-strip-wrap .center-wrap {
  width: 100%;
}

.header-strip-wrap .center-wrap .discount {
  color: #fafdff;
  font-size: 13px;
  font-weight: 500;
}

@media (max-width: 991px) {
  .header-strip-wrap .center-wrap .discount {
    font-size: 11px;
  }
}

.header-strip-wrap .right-wrap ul {
  gap: 15px;
  margin: 0;
  padding: 0;
  display: flex;
}

@media (max-width: 991px) {
  .header-strip-wrap .right-wrap ul {
    gap: 10px;
  }
}

.header-strip-wrap .right-wrap ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.header-strip-wrap .right-wrap ul li .link {
  color: #fafdff;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

@media (max-width: 991px) {
  .header-strip-wrap .right-wrap ul li .link {
    gap: 5px;
    font-size: 11px;
  }
}

@media (max-width: 579px) {
  .header-strip-wrap .right-wrap ul li .link {
    font-size: 12px;
  }
}

.header-strip-wrap .right-wrap ul li .link img {
  width: 8px;
  display: block;
}

.head-space-wrap {
  padding-bottom: 140px;
}

@media (max-width: 1481px) {
  .head-space-wrap {
    padding-bottom: 140px;
  }
}

@media (max-width: 991px) {
  .head-space-wrap {
    padding-bottom: 210px;
  }
}

@media (max-width: 767px) {
  .head-space-wrap {
    padding-bottom: 210px;
  }
}

@media (max-width: 479px) {
  .head-space-wrap {
    padding-bottom: 170px;
  }

  .head-space-wrap.head-space-wrap--logged-in {
    padding-bottom: 190px;
  }
}

.head-space-wrap.head-space-wrap--with-balance-banner {
  padding-bottom: 190px;
}

@media (max-width: 1481px) {
  .head-space-wrap.head-space-wrap--with-balance-banner {
    padding-bottom: 190px;
  }
}

@media (max-width: 991px) {
  .head-space-wrap.head-space-wrap--with-balance-banner {
    padding-bottom: 260px;
  }
}

@media (max-width: 767px) {
  .head-space-wrap.head-space-wrap--with-balance-banner {
    padding-bottom: 250px;
  }
}

@media (max-width: 479px) {
  .head-space-wrap.head-space-wrap--with-balance-banner {
    padding-bottom: 230px;
  }
}

@media (max-width: 1481px) {
  .head-space-wrap.head-space-wrap-with-announcements {
    padding-bottom: 180px;
  }
}

@media (max-width: 991px) {
  .head-space-wrap.head-space-wrap-with-announcements {
    padding-bottom: 220px;
  }
}

@media (max-width: 767px) {
  .head-space-wrap.head-space-wrap-with-announcements {
    padding-bottom: 210px;
  }
}

@media (max-width: 479px) {
  .head-space-wrap.head-space-wrap-with-announcements {
    padding-bottom: 210px;
  }

  .head-space-wrap.head-space-wrap-with-announcements.head-space-wrap--logged-in {
    padding-bottom: 230px;
  }
}

@media (max-width: 1481px) {
  .head-space-wrap.head-space-wrap-with-announcements.head-space-wrap--with-balance-banner {
    padding-bottom: 220px;
  }
}

@media (max-width: 991px) {
  .head-space-wrap.head-space-wrap-with-announcements.head-space-wrap--with-balance-banner {
    padding-bottom: 290px;
  }
}

@media (max-width: 767px) {
  .head-space-wrap.head-space-wrap-with-announcements.head-space-wrap--with-balance-banner {
    padding-bottom: 280px;
  }
}

@media (max-width: 479px) {
  .head-space-wrap.head-space-wrap-with-announcements.head-space-wrap--with-balance-banner {
    padding-bottom: 260px;
  }
}

.head-space-wrap .head-stickey-wrap {
  z-index: 9;
  backface-visibility: hidden;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.head-space-wrap .head-stickey-wrap.shrink {
  transition: all .5s;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.head-space-wrap.hdr-inner {
  padding: 60px;
}

@media (max-width: 1441px) {
  .head-space-wrap.hdr-inner {
    padding: 50px;
  }
}

@media (max-width: 650px) {
  .head-space-wrap.hdr-inner {
    padding-top: 70px;
  }
}

@media (max-width: 479px) {
  .head-space-wrap.hdr-inner {
    padding-top: 100px;
  }
}

.ve-header-wrap {
  border-bottom: 1px solid #ecedef;
  padding: 15px 0;
}

@media (max-width: 479px) {
  .ve-header-wrap {
    padding: 10px 0 7px;
  }
}

.ve-header-wrap .align-wrap {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.ve-header-wrap .left-wrap {
  align-items: center;
  gap: 40px;
  display: flex;
}

@media (max-width: 1679px) {
  .ve-header-wrap .left-wrap {
    gap: 15px;
  }
}

@media (max-width: 1481px) {
  .ve-header-wrap .left-wrap {
    gap: 10px;
  }
}

.ve-header-wrap .left-wrap .logo {
  width: 103px;
  max-width: none !important;
}

@media (max-width: 1481px) {
  .ve-header-wrap .left-wrap .logo {
    width: 80px;
  }
}

@media (max-width: 767px) {
  .ve-header-wrap .left-wrap .logo {
    width: 60px;
  }
}

.ve-header-wrap .left-wrap .list {
  gap: 15px;
  margin: 0;
  padding: 0;
  display: flex;
}

@media (max-width: 1481px) {
  .ve-header-wrap .left-wrap .list {
    gap: 15px;
  }
}

@media (max-width: 579px) {
  .ve-header-wrap .left-wrap .list {
    gap: 10px;
  }
}

@media (max-width: 767px) {
  .ve-header-wrap .left-wrap .list {
    display: none;
  }
}

.ve-header-wrap .left-wrap .list li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ve-header-wrap .left-wrap .list li a {
  color: #415362;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .ve-header-wrap .left-wrap .list li a {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .ve-header-wrap .left-wrap .list li a {
    font-size: 12px;
  }
}

@media (max-width: 991px) {
  .ve-header-wrap .center-wrap {
    display: none;
  }
}

.ve-header-wrap .center-wrap .search-wrap {
  position: relative;
}

.ve-header-wrap .center-wrap .search-wrap .input-wrap {
  padding-bottom: 0 !important;
}

.ve-header-wrap .center-wrap .search-wrap .input-wrap .img {
  width: 13px;
  margin: auto;
  position: absolute;
  inset: 0 auto 0 18px;
}

.ve-header-wrap .center-wrap .search-wrap .input-wrap .txt {
  color: #7b8d9f;
  background: #f4f5f6;
  border: 1px solid #ecedef;
  border-radius: 30px;
  width: 615px;
  height: 48px;
  margin: 0;
  padding: 0 150px 0 40px;
  font-size: 16px;
}

@media (max-width: 1679px) {
  .ve-header-wrap .center-wrap .search-wrap .input-wrap .txt {
    width: 490px;
    height: 40px;
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .ve-header-wrap .center-wrap .search-wrap .input-wrap .txt {
    width: 420px;
  }
}

@media (max-width: 1199px) {
  .ve-header-wrap .center-wrap .search-wrap .input-wrap .txt {
    width: 400px;
  }
}

.ve-header-wrap .center-wrap .search-wrap .input-wrap .txt::placeholder {
  opacity: 1;
  color: #7b8d9f;
}

.ve-header-wrap .center-wrap .search-wrap .cat-list {
  align-items: center;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0 20px 0 auto;
}

.ve-header-wrap .center-wrap .search-wrap .cat-list .cat-label {
  color: #415362;
  border-left: 1px solid #cbd1d7;
  padding: 0 10px 0 15px;
  font-size: 12px;
  font-weight: 500;
}

.ve-header-wrap .center-wrap .search-wrap .cat-list .drp-arw {
  width: 9px;
  display: block;
}

.ve-header-wrap .right-wrap {
  gap: 30px;
  display: flex;
}

@media (max-width: 1679px) {
  .ve-header-wrap .right-wrap {
    gap: 15px;
  }
}

@media (max-width: 1481px) {
  .ve-header-wrap .right-wrap {
    gap: 10px;
  }
}

.ve-header-wrap .right-wrap .head-score-column {
  flex-direction: column;
  display: flex;
}

@media (max-width: 479px) {
  .ve-header-wrap .right-wrap .head-score-column {
    display: none;
  }
}

.ve-header-wrap .right-wrap .head-score-wrap {
  align-items: center;
  gap: 10px;
  display: flex;
}

@media (max-width: 1679px) {
  .ve-header-wrap .right-wrap .head-score-wrap {
    gap: 5px;
  }
}

@media (max-width: 479px) {
  .ve-header-wrap .right-wrap .head-score-wrap {
    display: none;
  }
}

.ve-header-wrap .right-wrap .head-score-wrap .img {
  width: 45px;
}

@media (max-width: 1679px) {
  .ve-header-wrap .right-wrap .head-score-wrap .img {
    width: 40px;
  }
}

.ve-header-wrap .right-wrap .head-score-wrap .score-txt {
  color: #101b25;
  padding: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .ve-header-wrap .right-wrap .head-score-wrap .score-txt {
    font-size: 12px;
  }
}

@media (max-width: 479px) {
  .ve-header-wrap .right-wrap .head-score-wrap .score-txt {
    font-size: 12px;
  }
}

.ve-header-wrap .right-wrap .head-score-wrap .score-txt span {
  color: #101b25;
  font-weight: 500;
  display: block;
}

@media (max-width: 1679px) {
  .ve-header-wrap .right-wrap .head-score-wrap .gauge-container-header .gauge-container, .ve-header-wrap .right-wrap .head-score-wrap .gauge-container-header .gauge-container .highcharts-container, .ve-header-wrap .right-wrap .head-score-wrap .gauge-container-header .gauge-container .highcharts-container svg {
    width: 80px !important;
  }
}

.ve-header-wrap .right-wrap .wwx-cash-balance {
  white-space: nowrap;
  width: fit-content;
  color: inherit;
  cursor: pointer;
  background: linear-gradient(135deg, #eef4ff 0%, #f0f7ff 100%);
  border: 1px solid #d0e2f7;
  border-radius: 8px;
  align-items: center;
  gap: 5px;
  margin-top: 4px;
  padding: 3px 6px;
  font-family: Instrument Sans, sans-serif;
  font-size: 11px;
  line-height: 1;
  text-decoration: none;
  transition: all .2s;
  display: inline-flex;
}

.ve-header-wrap .right-wrap .wwx-cash-balance:hover {
  background: linear-gradient(135deg, #ddeaff 0%, #e4f0ff 100%);
  border-color: #aecbf0;
  box-shadow: 0 1px 4px #2563eb1f;
}

.ve-header-wrap .right-wrap .wwx-cash-balance .wwx-cash-value {
  color: #1a56db;
  letter-spacing: -.01em;
  font-size: 12px;
  font-weight: 700;
}

.ve-header-wrap .right-wrap .wwx-cash-balance .wwx-cash-label {
  color: #3b6fb5;
  letter-spacing: normal;
  font-weight: 500;
}

.ve-header-wrap .right-wrap .list {
  align-items: center;
  gap: 15px;
  margin: 0;
  padding: 0;
  display: flex;
}

@media (max-width: 1679px) {
  .ve-header-wrap .right-wrap .list {
    gap: 10px;
  }
}

@media (max-width: 1481px) {
  .ve-header-wrap .right-wrap .list {
    gap: 8px;
  }
}

@media (max-width: 579px) {
  .ve-header-wrap .right-wrap .list {
    gap: 5px 10px;
  }
}

.ve-header-wrap .right-wrap .list li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ve-header-wrap .right-wrap .list li img {
  max-width: 21px;
}

@media (max-width: 1481px) {
  .ve-header-wrap .right-wrap .list li img {
    max-width: 20px;
    max-height: 20px;
  }
}

.ve-header-wrap .right-wrap .list li svg {
  margin-top: 3px;
}

@media (max-width: 1481px) {
  .ve-header-wrap .right-wrap .list li svg {
    margin-top: 2px;
  }
}

@media (max-width: 767px) {
  .ve-header-wrap .right-wrap .list li svg {
    margin-top: 0;
  }
}

.ve-header-wrap .right-wrap .list li .user-prof {
  object-fit: cover;
  border-radius: 50%;
  max-width: 24px;
  max-height: 24px;
  width: 24px !important;
  height: 24px !important;
}

.ve-header-wrap .right-wrap .list li.menu-mob {
  display: none;
}

@media (max-width: 767px) {
  .ve-header-wrap .right-wrap .list li.menu-mob {
    display: block;
  }
}

.ve-header-wrap .mob-score {
  border-top: 1px solid #ecedef;
  margin: 15px 0 0;
  padding: 7px 0 0;
  display: none;
}

@media (max-width: 479px) {
  .ve-header-wrap .mob-score {
    display: flex;
  }
}

.ve-header-wrap .mob-score .head-score-column {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.ve-header-wrap .mob-score .head-score-wrap {
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}

@media (max-width: 1679px) {
  .ve-header-wrap .mob-score .head-score-wrap {
    gap: 5px;
  }
}

.ve-header-wrap .mob-score .head-score-wrap .img {
  width: 45px;
}

@media (max-width: 1679px) {
  .ve-header-wrap .mob-score .head-score-wrap .img {
    width: 40px;
  }
}

.ve-header-wrap .mob-score .head-score-wrap .gauge-container-header {
  height: 30px !important;
}

.ve-header-wrap .mob-score .head-score-wrap .score-txt {
  color: #101b25;
  padding: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .ve-header-wrap .mob-score .head-score-wrap .score-txt {
    font-size: 12px;
  }
}

@media (max-width: 479px) {
  .ve-header-wrap .mob-score .head-score-wrap .score-txt {
    font-size: 12px;
  }
}

.ve-header-wrap .mob-score .head-score-wrap .score-txt span {
  color: #101b25;
  font-weight: 500;
}

.ve-header-wrap .mob-score .wwx-cash-balance {
  white-space: nowrap;
  color: inherit;
  cursor: pointer;
  background: linear-gradient(135deg, #eef4ff 0%, #f0f7ff 100%);
  border: 1px solid #d0e2f7;
  border-radius: 10px;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  padding: 3px 8px;
  font-family: Instrument Sans, sans-serif;
  font-size: 10px;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
}

.ve-header-wrap .mob-score .wwx-cash-balance .wwx-cash-value {
  color: #1a56db;
  font-size: 11px;
  font-weight: 700;
}

.ve-header-wrap .mob-score .wwx-cash-balance .wwx-cash-label {
  color: #3b6fb5;
  font-weight: 500;
}

.search-mob-wrap {
  gap: 10px;
  width: 100%;
  padding: 15px 0;
  display: none;
  position: relative;
}

@media (max-width: 991px) {
  .search-mob-wrap {
    display: flex;
  }
}

@media (max-width: 579px) {
  .search-mob-wrap {
    padding: 15px 0;
  }
}

.search-mob-wrap .search-wrap {
  flex: 1;
  position: relative;
}

@media (max-width: 991px) {
  .search-mob-wrap .search-wrap {
    position: static;
  }
}

.search-mob-wrap .search-wrap .input-wrap {
  width: 100%;
}

.search-mob-wrap .search-wrap .input-wrap .img {
  width: 13px;
  margin: auto;
  position: absolute;
  inset: 0 auto 0 18px;
}

.search-mob-wrap .search-wrap .input-wrap .txt {
  color: #091737;
  background: #f4f5f6;
  border: 1px solid #ecedef;
  border-radius: 30px;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0 20px 0 40px;
  font-size: 12px;
}

.search-mob-wrap .search-wrap .input-wrap .txt::placeholder {
  opacity: 1;
  color: #091737;
}

.search-mob-wrap .filter-wrap {
  cursor: pointer;
  width: 40px;
}

.menu-highlight-wrap {
  padding: 20px 0 0;
}

@media (max-width: 1679px) {
  .menu-highlight-wrap {
    padding: 15px 0 0;
  }
}

@media (max-width: 991px) {
  .menu-highlight-wrap {
    padding: 0;
  }
}

@media (max-width: 479px) {
  .menu-highlight-wrap {
    padding-top: 5px;
  }
}

.menu-highlight-wrap .align-wrap {
  align-items: center;
  gap: 20px;
  display: flex;
}

@media (max-width: 1679px) {
  .menu-highlight-wrap .align-wrap {
    gap: 15px;
  }
}

.menu-highlight-wrap .list-wrap {
  justify-content: center;
  align-items: center;
  width: 85%;
  display: flex;
}

@media (max-width: 767px) {
  .menu-highlight-wrap .list-wrap {
    width: 70%;
  }
}

@media (max-width: 579px) {
  .menu-highlight-wrap .list-wrap {
    width: 100%;
  }
}

.menu-highlight-wrap .list-wrap .list-content {
  overflow: hidden;
}

@media (max-width: 1199px) {
  .menu-highlight-wrap .list-wrap .list-content {
    width: 100%;
  }
}

.menu-highlight-wrap .list-wrap .bnr-catg-item, .menu-highlight-wrap .list-wrap ul {
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  display: flex;
}

.menu-highlight-wrap .list-wrap .bnr-catg-item .ct-item, .menu-highlight-wrap .list-wrap .bnr-catg-item li, .menu-highlight-wrap .list-wrap ul .ct-item, .menu-highlight-wrap .list-wrap ul li {
  flex: none;
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu-highlight-wrap .list-wrap .bnr-catg-item .ct-item .link, .menu-highlight-wrap .list-wrap .bnr-catg-item li .link, .menu-highlight-wrap .list-wrap ul .ct-item .link, .menu-highlight-wrap .list-wrap ul li .link {
  color: #415362;
  text-align: center;
  white-space: nowrap;
  background: #f4f5f6;
  border-radius: 30px;
  align-items: center;
  gap: 5px;
  height: 32px;
  margin: 0 5px 0 0;
  padding: 3px 12px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

@media (max-width: 1199px) {
  .menu-highlight-wrap .list-wrap .bnr-catg-item .ct-item .link, .menu-highlight-wrap .list-wrap .bnr-catg-item li .link, .menu-highlight-wrap .list-wrap ul .ct-item .link, .menu-highlight-wrap .list-wrap ul li .link {
    height: 28px;
    padding: 3px 10px;
    font-size: 12px;
  }
}

.menu-highlight-wrap .list-wrap .bnr-catg-item .ct-item .link img, .menu-highlight-wrap .list-wrap .bnr-catg-item li .link img, .menu-highlight-wrap .list-wrap ul .ct-item .link img, .menu-highlight-wrap .list-wrap ul li .link img {
  width: 16px;
}

@media (max-width: 1679px) {
  .menu-highlight-wrap .list-wrap .bnr-catg-item .ct-item .link img, .menu-highlight-wrap .list-wrap .bnr-catg-item li .link img, .menu-highlight-wrap .list-wrap ul .ct-item .link img, .menu-highlight-wrap .list-wrap ul li .link img {
    width: 14px;
  }
}

.menu-highlight-wrap .btn-wrap {
  width: 150px;
  margin-left: auto;
}

@media (max-width: 1199px) {
  .menu-highlight-wrap .btn-wrap {
    width: 120px;
  }
}

@media (max-width: 579px) {
  .menu-highlight-wrap .btn-wrap {
    display: none;
  }
}

.menu-highlight-wrap .btn-wrap .btn {
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background: #5090cc;
  border: 0;
  border-radius: 30px;
  outline: 0;
  width: 100%;
  height: 36px;
  margin: 0;
  padding: 5px 20px;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1199px) {
  .menu-highlight-wrap .btn-wrap .btn {
    height: 32px;
    padding: 5px 15px;
    font-size: 12px;
  }
}

.menu-mob .menu-hand {
  width: 28px;
  margin: 0 0 -5px;
}

.menu-hand {
  cursor: pointer;
  background-color: #0000;
  border: none;
  padding: 0;
  display: flex;
}

.menu-hand .line {
  fill: none;
  stroke: #415362;
  stroke-width: 6px;
  transition: stroke-dasharray .6s cubic-bezier(.4, 0, .2, 1), stroke-dashoffset .6s cubic-bezier(.4, 0, .2, 1);
}

.menu-hand .line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6px;
}

.menu-hand .line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6px;
}

.menu-hand .line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6px;
}

.menu-opened {
  overflow: hidden;
}

.menu-opened .opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134px;
  stroke-width: 6px;
}

.menu-opened .opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30px;
  stroke-width: 6px;
}

.menu-opened .opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134px;
  stroke-width: 6px;
}

.menu-opened .mobile-menu-expand-wrap {
  opacity: 1;
  pointer-events: all;
  height: 100%;
}

.menu-opened:after {
  content: "";
  z-index: 10100;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.menu-opened .menu-blur {
  filter: blur(20px);
}

.menu-opened .mobile-menu-expand-wrap {
  display: block !important;
}

.menu-opened .mobile-bottom {
  display: none !important;
}

.mobile-menu-expand-wrap {
  z-index: 9999;
  scrollbar-width: thin;
  scrollbar-color: #5090cc #fff;
  pointer-events: none;
  background: #f4f5f6;
  height: 0;
  max-height: calc(100vh - 93px);
  padding: 0 15px;
  transition: all .5s;
  position: fixed;
  inset: 93px 0 0;
  overflow: auto;
}

.mobile-menu-expand-wrap.mobile-menu-expand-new {
  z-index: 100000;
  background-color: #0000;
  width: 100%;
  min-height: 100vh;
  padding: 0 25px;
  font-family: Poppins-Regular;
  display: none;
  inset: 0;
  height: 100dvh !important;
}

.mobile-menu-expand-wrap.mobile-menu-expand-new ul {
  gap: 0;
  padding: 15px 0 10px;
}

.mobile-menu-expand-wrap.mobile-menu-expand-new ul li a {
  color: #0c2936;
  margin: 5px 0;
  font-size: 19px;
}

@media (max-width: 360px) {
  .mobile-menu-expand-wrap.mobile-menu-expand-new ul li a {
    font-size: 17px;
  }
}

.mobile-menu-expand-wrap .nav-sep {
  border-bottom: 1px solid #0c293633;
}

.mobile-menu-expand-wrap .menu-bottom-block {
  background-color: #0000;
  width: 100%;
  height: 0;
}

@supports (-webkit-touch-callout: none) {
  .mobile-menu-expand-wrap .menu-bottom-block {
    height: 100px;
  }
}

.mobile-menu-expand-wrap .guarantee-block {
  margin-bottom: 20px;
}

.mobile-menu-expand-wrap .guarantee-block .gur-img {
  margin-bottom: 20px;
  padding-left: 25px;
}

.mobile-menu-expand-wrap .guarantee-block p {
  color: #415362;
  font-size: 16px;
  font-weight: 600;
}

.mobile-menu-expand-wrap .guarantee-block .cont-sm {
  align-items: center;
  display: flex;
}

.mobile-menu-expand-wrap .guarantee-block .cont-sm .con-label {
  color: #415362;
  padding-right: 5px;
  font-size: 16px;
}

.mobile-menu-expand-wrap .guarantee-block .cont-sm .con-link {
  justify-content: center;
  align-items: center;
  margin: 0 6px;
  padding: 6px;
  transition-duration: 0s;
  display: inline-flex;
}

.mobile-menu-expand-wrap .guarantee-block .cont-sm .con-link img {
  max-width: 22px;
}

.mobile-menu-expand-wrap .contact-login-block {
  margin-bottom: 20px;
}

.mobile-menu-expand-wrap .contact-login-block .soc-item {
  margin-bottom: 16px;
  display: flex;
}

.mobile-menu-expand-wrap .contact-login-block .soc-item .con-link {
  justify-content: center;
  align-items: center;
  margin: 0 6px;
  padding: 6px;
  transition-duration: 0s;
  display: inline-flex;
}

.mobile-menu-expand-wrap .contact-login-block .soc-item .con-link img {
  max-width: 22px;
}

.mobile-menu-expand-wrap .contact-login-block .soc-item .con-link:first-child {
  margin-left: 0;
}

.mobile-menu-expand-wrap .contact-login-block .contact-log-card {
  color: #0c2936;
  align-items: center;
  margin-bottom: 16px;
  font-family: Poppins-Regular;
  font-size: 19px;
  display: flex;
}

.mobile-menu-expand-wrap .contact-login-block .contact-log-card img {
  width: 22px;
  max-height: 22px;
}

.mobile-menu-expand-wrap .contact-login-block .contact-log-card .link-label {
  padding-left: 10px;
  display: inline-block;
}

.mobile-menu-expand-wrap .menu-logo-block {
  text-align: center;
  padding: 25px 0;
  position: relative;
}

.mobile-menu-expand-wrap .menu-logo-block .menu-logo {
  display: inline-block;
}

.mobile-menu-expand-wrap .menu-logo-block .menu-logo img {
  max-height: 50px;
}

.mobile-menu-expand-wrap .menu-logo-block .mob-close {
  box-shadow: none;
  background-color: #0000;
  border: none;
  padding: 1px;
  position: absolute;
  top: 25px;
  right: 0;
}

.mobile-menu-expand-wrap .app-block {
  border-top: 1px solid #0c293633;
  padding-top: 20px;
}

.mobile-menu-expand-wrap .app-block .app-link {
  display: inline-block;
}

.mobile-menu-expand-wrap ul {
  flex-direction: column;
  gap: 15px;
  margin: 0;
  padding: 20px 0;
  display: flex;
}

.mobile-menu-expand-wrap ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-menu-expand-wrap ul li a {
  color: #415362;
  font-size: 16px;
  font-weight: 500;
  position: relative;
}

.mobile-menu-expand-wrap ul li a .new {
  color: red;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 5px;
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
  bottom: 10px;
  transform: translateY(-8px);
}

.mobile-menu-expand-wrap ul li a .info {
  display: inline-block;
  transform: translateY(-8px);
}

.mobile-menu-expand-wrap .btn-wrap {
  width: 100%;
}

.mobile-menu-expand-wrap .btn-wrap .btn {
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background: #5090cc;
  border: 0;
  border-radius: 30px;
  outline: 0;
  width: 100%;
  height: 36px;
  margin: 0;
  padding: 5px 20px;
  font-size: 14px;
  font-weight: 500;
}

.gap-30 {
  width: 100%;
  height: 30px;
}

@media (max-width: 1679px) {
  .gap-30 {
    height: 25px;
  }
}

@media (max-width: 991px) {
  .gap-30 {
    height: 20px;
  }
}

.breadcrumb-wrap {
  padding: 0 0 20px;
}

@media (max-width: 1679px) {
  .breadcrumb-wrap {
    padding: 0 0 25px;
  }
}

@media (max-width: 991px) {
  .breadcrumb-wrap {
    padding: 0 0 20px;
  }
}

.breadcrumb-wrap .list {
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
  display: flex;
}

@media (max-width: 1679px) {
  .breadcrumb-wrap .list {
    gap: 3px 8px;
  }
}

.breadcrumb-wrap .list li {
  color: #7b8d9f;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  list-style: none;
}

@media (max-width: 1679px) {
  .breadcrumb-wrap .list li {
    font-size: 12px;
  }
}

.breadcrumb-wrap .list li a {
  color: #101b25;
}

.breadcrumb-wrap .list li img {
  width: 4px;
}

.head-space-wrap .search-dropdown-body {
  width: 100%;
  min-width: 580px;
  padding-top: 5px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 991px) {
  .head-space-wrap .search-dropdown-body {
    width: 700px;
    min-width: auto;
    max-width: 90vw;
    top: calc(100% - 15px);
  }
}

@media (max-width: 767px) {
  .head-space-wrap .search-dropdown-body {
    width: 600px;
    max-width: 95vw;
  }
}

@media (max-width: 579px) {
  .head-space-wrap .search-dropdown-body {
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    will-change: scroll-position;
    background-color: #fff;
    border: none;
    border-top: 6px solid #fff;
    border-radius: 0;
    width: calc(100% + 30px);
    max-width: 100vw;
    max-height: calc(100vh - 150px);
    padding-bottom: 100px;
    overflow: hidden auto;
  }

  .head-space-wrap .search-dropdown-body .search-dropdown-cover {
    flex-direction: column;
    height: auto;
    min-height: 100%;
    padding-bottom: 0;
    display: flex;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .head-space-wrap .search-dropdown-body .search-dropdown-cover .dropdown-top-cover {
    flex-shrink: 0;
  }

  .head-space-wrap .search-dropdown-body .search-dropdown-cover .dropdown-wrapper {
    flex: 1;
    min-height: auto;
    overflow: visible;
    max-height: none !important;
  }
}

.head-space-wrap .search-dropdown-body .no-results {
  text-align: center;
  color: #101b25;
  width: 100%;
  padding-top: 15px;
  font-size: 14px;
  font-weight: 500;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover {
  background-color: #fff;
  border: 1px solid #f6f7f9;
  border-radius: 16px;
  box-shadow: 0 24px 64px -4px #1b25331a;
}

@media (max-width: 991px) {
  .head-space-wrap .search-dropdown-body .search-dropdown-cover {
    max-height: 75vh;
    overflow-y: auto;
  }
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .search-history-section {
  padding: 8px 0;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .search-history-section .search-history-header {
  border-bottom: 1px solid #f6f7f9;
  justify-content: space-between;
  align-items: center;
  padding: 4px 16px 8px;
  display: flex;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .search-history-section .search-history-title {
  color: #101b25;
  font-size: 14px;
  font-weight: 600;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .search-history-section .search-history-clear {
  color: #007bff;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-size: 13px;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .search-history-section .search-history-clear:hover {
  text-decoration: underline;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .search-history-section .search-history-item {
  cursor: pointer;
  align-items: center;
  padding: 10px 16px;
  display: flex;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .search-history-section .search-history-item:hover {
  background-color: #f5f5f5;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .search-history-section .search-history-icon {
  flex-shrink: 0;
  margin-right: 12px;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .search-history-section .search-history-text {
  color: #101b25;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-size: 14px;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .head-space-wrap .search-dropdown-body .search-dropdown-cover .search-history-section .search-history-text {
    font-size: 13px;
  }
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .search-history-section .search-history-delete {
  cursor: pointer;
  opacity: .5;
  background: none;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .search-history-section .search-history-delete:hover {
  opacity: 1;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .search-history-section .search-history-delete svg {
  width: 12px;
  height: 12px;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .dropdown-top-cover {
  border-bottom: 1px solid #f6f7f9;
  padding-bottom: 10px;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .dropdown-top-cover .popular-block {
  border-bottom: 1px solid #f6f7f9;
  width: 100%;
  padding: 15px 10px 15px 15px;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .dropdown-top-cover .popular-block h5 {
  color: #415362;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 1679px) {
  .head-space-wrap .search-dropdown-body .search-dropdown-cover .dropdown-top-cover .popular-block h5 {
    font-size: 13px;
  }
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .dropdown-top-cover .popular-block .srch-popular-item {
  display: flex !important;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .dropdown-top-cover .popular-block .srch-popular-item .ct-item {
  flex-shrink: 0;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .dropdown-top-cover .popular-block .srch-popular-item .ct-item .link {
  color: #415362;
  text-align: center;
  white-space: nowrap;
  background: #f4f5f6;
  border-radius: 30px;
  align-items: center;
  height: 32px;
  margin: 0 5px 0 0;
  padding: 3px 12px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

@media (max-width: 1679px) {
  .head-space-wrap .search-dropdown-body .search-dropdown-cover .dropdown-top-cover .popular-block .srch-popular-item .ct-item .link {
    font-size: 13px;
  }
}

@media (max-width: 1199px) {
  .head-space-wrap .search-dropdown-body .search-dropdown-cover .dropdown-top-cover .popular-block .srch-popular-item .ct-item .link {
    height: 28px;
    padding: 3px 10px;
    font-size: 12px;
  }
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .dropdown-top-cover .popular-block .srch-popular-item .ct-item .link .srch-close {
  width: 16px;
  margin-left: 6px;
}

@media (max-width: 1679px) {
  .head-space-wrap .search-dropdown-body .search-dropdown-cover .dropdown-top-cover .popular-block .srch-popular-item .ct-item .link .srch-close {
    width: 14px;
  }
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .dropdown-top-cover .search-more-block {
  padding: 0 15px;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .dropdown-top-cover .search-more-block .search-more-link {
  align-items: center;
  padding: 8px 0;
  display: flex;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .dropdown-top-cover .search-more-block .search-more-link .icn {
  flex-shrink: 0;
  margin-right: 8px;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .dropdown-top-cover .search-more-block .search-more-link .txt {
  color: #7b8d9f;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  max-width: 100%;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .head-space-wrap .search-dropdown-body .search-dropdown-cover .dropdown-top-cover .search-more-block .search-more-link .txt {
    font-size: 13px;
  }
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .dropdown-top-cover .search-more-block .search-more-link.more-link-ai .txt {
  color: #5090cc;
  font-weight: 400;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .dropdown-wrapper {
  max-height: 600px;
  padding: 10px 8px 30px 0;
  display: flex;
}

@media (max-width: 1481px) {
  .head-space-wrap .search-dropdown-body .search-dropdown-cover .dropdown-wrapper {
    max-height: 70vh;
  }
}

@media (max-width: 767px) {
  .head-space-wrap .search-dropdown-body .search-dropdown-cover .dropdown-wrapper {
    max-height: 60vh;
  }
}

@media (max-width: 579px) {
  .head-space-wrap .search-dropdown-body .search-dropdown-cover .dropdown-wrapper {
    flex-wrap: wrap;
    max-height: none;
    padding-bottom: 60px;
    padding-right: 0;
    overflow: visible;
  }
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .left-block {
  scrollbar-width: thin;
  scrollbar-color: #f4f5f6 #fff;
  border-right: 1px solid #f6f7f9;
  width: 250px;
  max-height: 100%;
  overflow-y: auto;
}

@media (max-width: 767px) {
  .head-space-wrap .search-dropdown-body .search-dropdown-cover .left-block {
    width: 220px;
  }
}

@media (max-width: 579px) {
  .head-space-wrap .search-dropdown-body .search-dropdown-cover .left-block {
    border-bottom: 1px solid #f6f7f9;
    border-right: none;
    width: 100%;
    max-height: none;
    overflow-y: visible;
  }

  .head-space-wrap .search-dropdown-body .search-dropdown-cover .left-block .drp-link-block {
    padding: 0 15px;
  }

  .head-space-wrap .search-dropdown-body .search-dropdown-cover .left-block .drp-link-block:last-child {
    padding-bottom: 50px;
  }
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .right-block {
  scrollbar-width: thin;
  scrollbar-color: #f4f5f6 #fff;
  flex-grow: 1;
  max-width: calc(100% - 250px);
  max-height: 100%;
  overflow-y: auto;
}

@media (max-width: 767px) {
  .head-space-wrap .search-dropdown-body .search-dropdown-cover .right-block {
    max-width: calc(100% - 220px);
  }
}

@media (max-width: 579px) {
  .head-space-wrap .search-dropdown-body .search-dropdown-cover .right-block {
    width: 100%;
    max-width: 100%;
    max-height: none;
    overflow-y: visible;
  }
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .right-block .drp-link-block {
  padding: 0 24px;
}

@media (max-width: 579px) {
  .head-space-wrap .search-dropdown-body .search-dropdown-cover .right-block .drp-link-block {
    padding: 0 15px 30px;
  }
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-title {
  color: #7b8d9f;
  border-bottom: 1px solid #f6f7f9;
  padding: 10px 15px;
  font-size: 12px;
}

@media (max-width: 579px) {
  .head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-block {
    padding-bottom: 30px;
  }

  .head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-block:last-child {
    padding-bottom: 50px;
  }
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-card-1 .drp-link-1 {
  cursor: pointer;
  align-items: center;
  padding: 12px 15px;
  display: flex;
}

@media (max-width: 579px) {
  .head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-card-1 .drp-link-1 {
    padding: 8px 15px;
  }
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-card-1 .drp-link-1 .arw {
  flex-shrink: 0;
  margin-right: 12px;
  transition: all .3s;
}

@media (max-width: 1679px) {
  .head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-card-1 .drp-link-1 .arw img {
    max-width: 18px;
  }
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-card-1 .drp-link-1 .link-label {
  color: #101b25;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 500;
  transition: all .3s;
  display: -webkit-box;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-card-1 .drp-link-1 .link-label {
    font-size: 13px;
  }
}

@media (max-width: 579px) {
  .head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-card-1 .drp-link-1 .link-label {
    font-size: 14px;
  }
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-card-1:hover .arw {
  transform: translateX(3px);
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-card-1:hover .link-label {
  opacity: .8;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-card-2 {
  padding: 15px 0;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-2 {
  cursor: pointer;
  align-items: center;
  display: flex;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-2 .icon {
  background-color: #ecedef;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-right: 12px;
  display: flex;
  overflow: hidden;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-2 .icon img {
  object-fit: cover;
  max-width: 100%;
  max-height: 100%;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-2 p {
  color: #101b25;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 4px;
  font-size: 14px;
  display: -webkit-box;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-2 p {
    font-size: 13px;
  }
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-2 .rw {
  flex-shrink: 0;
  align-items: center;
  padding-right: 15px;
  font-size: 14px;
  display: flex;
}

@media (max-width: 1679px) {
  .head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-2 .rw {
    font-size: 13px;
  }
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-2 .rw .str {
  max-width: 14px;
  margin-right: 5px;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-2 .rw .rw-det {
  color: #101b25;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-2 .rw .cnt {
  color: #415362;
  font-weight: 400;
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-2 .arw {
  margin-left: auto;
  transition: all .3s;
  display: inline-block;
}

@media (max-width: 1679px) {
  .head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-2 .arw img {
    max-width: 18px;
  }
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-2:hover .arw {
  transform: translateX(3px);
}

.head-space-wrap .search-dropdown-body .search-dropdown-cover .drp-link-2:hover .link-label {
  opacity: .8;
}

.cat-list .dropdown-toggle {
  box-shadow: none;
  color: #415362;
  border: none;
  border-left: 1px solid #cbd1d7;
  border-radius: 0;
  align-items: center;
  width: 120px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 12px;
  display: flex;
  background-color: #0000 !important;
}

.cat-list .dropdown-toggle .menu-label {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  flex-grow: 1;
  width: 100%;
  padding-right: 10px;
  display: -webkit-box;
  overflow: hidden;
}

.cat-list .dropdown-toggle img {
  flex-shrink: 0;
  margin-left: auto;
}

.cat-list .dropdown-toggle:after {
  display: none;
}

.cat-list .catg-dropdown {
  scrollbar-width: thin;
  scrollbar-color: #f4f5f6 #fff;
  border: 1px solid #ecedef;
  border-radius: 8px;
  width: 300px;
  max-height: 500px;
  overflow-y: auto;
  box-shadow: 0 24px 64px -4px #1b25331a;
  padding: 0 !important;
  top: 10px !important;
  right: -20px !important;
}

@media (max-width: 479px) {
  .cat-list .catg-dropdown {
    width: 100vw !important;
  }
}

@media (max-height: 700px) {
  .cat-list .catg-dropdown {
    padding-bottom: 120px !important;
  }
}

.cat-list .catg-dropdown .all-catg {
  cursor: pointer;
  color: #101b25;
  border-bottom: 1px solid #ecedef;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.cat-list .catg-dropdown .all-catg .all-cat-close {
  cursor: pointer;
  font-size: 10px;
  display: inline-block;
}

.cat-list .catg-dropdown .all-catg:hover {
  opacity: .8;
  transition: all .3s;
}

.cat-list .catg-dropdown .catg-btn {
  color: #101b25;
  cursor: pointer;
  border-bottom: 1px solid #ecedef;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.cat-list .catg-dropdown .catg-btn:hover {
  opacity: .8;
  transition: all .3s;
}

.cat-list .catg-dropdown .catg-btn .arw-down {
  flex-shrink: 0;
  transition: all .3s;
}

.cat-list .catg-dropdown .catg-btn .arw-active {
  transform: rotate(180deg);
}

.cat-list .catg-dropdown .sub-catg-wrp {
  border-bottom: 1px solid #ecedef;
}

.cat-list .catg-dropdown .sub-catg {
  color: #415362;
  cursor: pointer;
  padding: 10px 12px;
  font-size: 14px;
}

.cat-list .catg-dropdown .sub-catg:hover {
  opacity: .8;
  transition: all .3s;
}

.search-mob-wrap .catg-dropdown {
  top: 5px !important;
  right: 0 !important;
}

@media (max-width: 479px) {
  .search-mob-wrap .catg-dropdown {
    right: -13px !important;
  }
}

.profile-icon {
  cursor: pointer;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.profile-icon a {
  justify-content: center;
  align-items: center;
  display: flex;
}

.profile-icon .profile-img {
  object-fit: cover;
  background-color: #f5f5f5;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  overflow: hidden;
  box-shadow: 0 0 4px #0000001a;
  max-width: none !important;
  max-height: none !important;
}

.modal-open .mobile-bottom {
  display: none !important;
}

@media (max-width: 579px) {
  .data-open .mobile-bottom {
    display: none !important;
  }
}

.mob-search-close {
  background-color: #f3f4f5;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  display: inline-flex;
}

@media (min-width: 480px) {
  .mob-search-close {
    display: none;
  }
}

@media (max-width: 479px) {
  .mob-search-hide, .mob-search-hide-container {
    display: none !important;
  }

  .ve-header-wrap .mob-score {
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px 2px;
  }
}

.ve-header-wrap .mob-score .mob-score-right {
  flex-shrink: 0;
}

.ve-header-wrap .mob-score .category-btn-mob {
  box-shadow: none;
  background-color: #0000;
  border: none;
  padding: 0;
}

.ve-header-wrap .mob-score .category-btn-mob img {
  width: 34px;
}

@media (min-width: 480px) {
  .header-mob-search-btn {
    display: none;
  }
}

.ve-header-wrap .right-wrap .list li .mob-det-dropdown .dropdown-toggle-btn {
  background-color: #fff;
  border: none;
  padding: 0;
}

.ve-header-wrap .right-wrap .list li .mob-det-dropdown .dropdown-toggle-btn img {
  height: 20px;
}

.ve-header-wrap .right-wrap .list li .mob-det-dropdown .dropdown-toggle-btn:after {
  display: none;
}

.ve-header-wrap .right-wrap .list li .mob-det-dropdown .dropdown-menu {
  border: none;
  width: 230px;
  box-shadow: 0 3px 8px #0000003d;
  left: 0 !important;
  right: 0 !important;
  transform: translate3d(-46%, 45px, 0) !important;
}

@media (max-width: 479px) {
  .ve-header-wrap .right-wrap .list li .mob-det-dropdown .dropdown-menu {
    left: auto !important;
    right: -15px !important;
    transform: translate3d(0, 45px, 0) !important;
  }
}

.ve-header-wrap .right-wrap .list li .mob-det-dropdown .dropdown-menu:after {
  content: "";
  filter: drop-shadow(0 -1px 1px #00000026);
  border-bottom: 15px solid #fff;
  border-left: 8px solid #0000;
  border-right: 8px solid #0000;
  width: 16px;
  height: 15px;
  margin: 0 auto;
  display: block;
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
}

@media (max-width: 479px) {
  .ve-header-wrap .right-wrap .list li .mob-det-dropdown .dropdown-menu:after {
    margin: 0;
    left: auto;
    right: 20px;
  }
}

.ve-header-wrap .right-wrap .list li .mob-det-dropdown .dropdown-menu .drp-card {
  padding: 5px 12px;
}

.ve-header-wrap .right-wrap .list li .mob-det-dropdown .dropdown-menu .dropdown-item {
  align-items: center;
  padding: 2px 0;
  font-size: 14px;
  display: flex;
}

.ve-header-wrap .right-wrap .list li .mob-det-dropdown .dropdown-menu .dropdown-item .icon {
  flex-shrink: 0;
  width: 20px;
  margin-right: 12px;
}

.ve-header-wrap .right-wrap .list li .mob-det-dropdown .dropdown-menu .dropdown-item .con-det {
  color: #0c2936;
  font-weight: 500;
}

@media (max-width: 479px) {
  .header-wrap .head-inner-wrap.checkout-head-inner .logo-wrap.logo-wrap-btwn {
    width: 100%;
    display: flex;
  }
}

.header-wrap .head-inner-wrap.checkout-head-inner .logo-wrap.logo-wrap-btwn .header-title {
  color: #101b25;
  margin-left: auto;
  font-weight: 600;
}

@media (min-width: 480px) {
  .header-wrap .head-inner-wrap.checkout-head-inner .logo-wrap.logo-wrap-btwn .header-title {
    display: none;
  }
}

.header-wrap .head-inner-wrap.checkout-head-inner .logo-wrap.logo-wrap-btwn .mob-menu-block {
  margin-left: auto;
}

@media (min-width: 480px) {
  .header-wrap .head-inner-wrap.checkout-head-inner .logo-wrap.logo-wrap-btwn .mob-menu-block {
    display: none;
  }
}

.menu-opened .blur-container {
  overflow: hidden !important;
}

.head-score-wrap {
  transition: all .3s;
}

.pulse-animation {
  animation: 1s ease-in-out pulseDoubleBounce;
  display: inline-block;
}

@keyframes pulseDoubleBounce {
  0% {
    transform: scale(1);
  }

  20% {
    transform: scale(1.25);
  }

  35% {
    transform: scale(1.1);
  }

  50% {
    transform: scale(1.22);
  }

  65% {
    transform: scale(1.08);
  }

  80% {
    transform: scale(1.12);
  }

  90% {
    transform: scale(1.03);
  }

  100% {
    transform: scale(1);
  }
}

.score-txt .number-scale {
  font-weight: 700;
  animation: 1s cubic-bezier(.36, .07, .19, .97) numberPulse;
  display: inline-flex;
}

@keyframes numberPulse {
  0% {
    transform: scale(1);
  }

  10% {
    transform: scale(1.6)translateY(-2px);
  }

  20% {
    transform: scale(1.3)translateY(0);
  }

  30% {
    transform: scale(1.5)translateY(-1px);
  }

  40% {
    transform: scale(1.2)translateY(0);
  }

  50% {
    transform: scale(1.4)translateY(-2px);
  }

  60% {
    transform: scale(1.15)translateY(0);
  }

  70% {
    transform: scale(1.25)translateY(-1px);
  }

  80% {
    transform: scale(1.1)translateY(0);
  }

  90% {
    transform: scale(1.12)translateY(0);
  }

  100% {
    transform: scale(1)translateY(0);
  }
}

.bell-icon-container {
  position: relative;
  padding-top: 4px !important;
}

.bell-dropdown-cover {
  position: relative;
}

.menu-opened .snackbar-test {
  display: none !important;
}

.desktop-only-info {
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
}

@media (max-width: 991px) {
  .desktop-only-info {
    visibility: hidden !important;
    display: none !important;
  }
}

.crown-shake {
  animation: .75s ease-in-out 4 crownShimmy;
}

@keyframes crownShimmy {
  0% {
    filter: drop-shadow(0 0 #0000);
    transform: rotate(0)scale(1);
  }

  10% {
    filter: drop-shadow(0 0 8px #ffc80099);
    transform: rotate(-15deg)scale(1.15);
  }

  25% {
    filter: drop-shadow(0 0 6px #ffc80080);
    transform: rotate(12deg)scale(1.12);
  }

  40% {
    filter: drop-shadow(0 0 5px #ffc80066);
    transform: rotate(-10deg)scale(1.1);
  }

  55% {
    filter: drop-shadow(0 0 4px #ffc8004d);
    transform: rotate(8deg)scale(1.08);
  }

  70% {
    filter: drop-shadow(0 0 3px #ffc80033);
    transform: rotate(-5deg)scale(1.05);
  }

  85% {
    filter: drop-shadow(0 0 2px #ffc8001a);
    transform: rotate(3deg)scale(1.02);
  }

  100% {
    filter: drop-shadow(0 0 #0000);
    transform: rotate(0)scale(1);
  }
}

.flying-crown {
  z-index: 10000;
  pointer-events: none;
  will-change: transform;
  filter: drop-shadow(0 0 10px #ffc800cc);
  width: 24px;
  height: 24px;
  position: fixed;
}

.profile-pic-container {
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.profile-pic-container > a, .profile-pic-container a {
  justify-content: center;
  align-items: center;
  line-height: 0;
  display: flex;
}

@media (max-width: 479px) {
  .profile-pic-container img {
    max-width: 20px;
    max-height: 20px;
  }

  .profile-pic-container .user-prof {
    width: 20px !important;
    height: 20px !important;
  }
}

.crown-on-profile {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  animation: .5s cubic-bezier(.34, 1.56, .64, 1) forwards crownLand;
  display: flex;
  position: absolute;
  top: -19px;
  left: 50%;
  transform: translateX(-50%);
}

.crown-on-profile svg, .crown-on-profile img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.crown-on-profile.crown-static {
  animation: none;
  transform: translateX(-50%);
}

@media (min-width: 768px) {
  .crown-on-profile {
    width: 27px;
    height: 27px;
    top: -24px;
  }
}

@media (max-width: 767px) {
  .crown-on-profile {
    width: 16px;
    height: 16px;
    top: -15px;
  }
}

@media (max-width: 479px) {
  .crown-on-profile {
    width: 15px;
    height: 15px;
    top: -14px;
  }
}

.crown-on-profile.crown-on-profile--logo {
  width: 26px;
  height: 26px;
  top: -22px;
}

@media (min-width: 768px) {
  .crown-on-profile.crown-on-profile--logo {
    width: 30px;
    height: 30px;
    top: -33px;
  }
}

@media (max-width: 767px) {
  .crown-on-profile.crown-on-profile--logo {
    width: 24px;
    height: 24px;
    top: -20px;
  }
}

@media (max-width: 479px) {
  .crown-on-profile.crown-on-profile--logo {
    width: 22px;
    height: 22px;
    top: -18px;
  }
}

.crown-on-profile.crown-on-profile--logo svg, .crown-on-profile.crown-on-profile--logo img {
  max-width: unset;
  max-height: unset;
  width: 100%;
  height: 100%;
}

@keyframes crownLand {
  0% {
    opacity: 0;
    transform: translateX(-50%)scale(.5)translateY(10px);
  }

  50% {
    opacity: 1;
    transform: translateX(-50%)scale(1.2)translateY(-3px);
  }

  75% {
    transform: translateX(-50%)scale(.95)translateY(2px);
  }

  100% {
    opacity: 1;
    transform: translateX(-50%)scale(1)translateY(0);
  }
}

.crown-on-profile:after {
  content: "";
  position: absolute;
  inset: 0;
}

.profile-pic-container:hover .crown-on-profile {
  animation: .3s forwards crownHover;
}

@keyframes crownHover {
  0% {
    transform: translateX(-50%)scale(1);
  }

  50% {
    transform: translateX(-50%)scale(1.1);
  }

  100% {
    transform: translateX(-50%)scale(1.05);
  }
}

.ve-header-wrap .left-wrap .list li .arcade-link img {
  max-width: 85px;
  margin-top: -4px;
}

@media (max-width: 1679px) {
  .ve-header-wrap .left-wrap .list li .arcade-link img {
    max-width: 76px;
  }
}

.outstanding-balance-banner {
  background-color: #fff2f2;
  border-bottom: 1px solid #d99c9c;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  gap: 15px;
  width: 100%;
  padding: 10px 24px;
  display: flex;
}

.outstanding-balance-banner .outstanding-balance-banner__text {
  color: #b02b27;
  text-align: center;
  font-family: Instrument Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.outstanding-balance-banner .outstanding-balance-banner__btn {
  color: #fff;
  background-color: #b02b27;
  border-radius: 20px;
  padding: 8px 24px;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: opacity .2s;
  display: inline-block;
}

.outstanding-balance-banner .outstanding-balance-banner__btn:hover {
  opacity: .9;
  color: #fff;
}

/* [project]/ui/styles/scss/footer.scss.css [client] (css) */
.footer-outer-wrap {
  background: #f8f9fa;
  padding: 80px 0 0;
}

@media (max-width: 1679px) {
  .footer-outer-wrap {
    padding: 50px 0 0;
  }
}

@media (max-width: 767px) {
  .footer-outer-wrap {
    padding: 30px 0 0;
  }
}

.footer-outer-wrap .top-wrap {
  border-bottom: 1px solid #0000001f;
  padding-bottom: 60px;
}

@media (max-width: 1199px) {
  .footer-outer-wrap .top-wrap {
    padding-bottom: 40px;
  }
}

.footer-outer-wrap .top-wrap .left-wrap {
  width: 400px;
}

@media (max-width: 1679px) {
  .footer-outer-wrap .top-wrap .left-wrap {
    width: 350px;
  }
}

@media (max-width: 991px) {
  .footer-outer-wrap .top-wrap .left-wrap {
    width: 250px;
  }
}

.footer-outer-wrap .top-wrap .left-wrap .f-logo-wrap {
  padding: 0 0 25px;
}

@media (max-width: 991px) {
  .footer-outer-wrap .top-wrap .left-wrap .f-logo-wrap {
    padding: 0 0 15px;
  }
}

.footer-outer-wrap .top-wrap .left-wrap .f-logo-wrap img {
  width: 100px;
}

@media (max-width: 991px) {
  .footer-outer-wrap .top-wrap .left-wrap .f-logo-wrap img {
    width: 80px;
  }
}

.footer-outer-wrap .top-wrap .left-wrap .newsletter-wrap .title-wrap {
  color: #101b25;
  margin: 0;
  padding: 0 0 25px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .footer-outer-wrap .top-wrap .left-wrap .newsletter-wrap .title-wrap {
    font-size: 28px;
  }
}

@media (max-width: 1481px) {
  .footer-outer-wrap .top-wrap .left-wrap .newsletter-wrap .title-wrap {
    font-size: 26px;
  }
}

@media (max-width: 991px) {
  .footer-outer-wrap .top-wrap .left-wrap .newsletter-wrap .title-wrap {
    padding-bottom: 15px;
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .footer-outer-wrap .top-wrap .left-wrap .newsletter-wrap .title-wrap {
    font-size: 20px;
  }
}

.footer-outer-wrap .top-wrap .left-wrap .input-wrap {
  position: relative;
  padding-bottom: 0 !important;
}

.footer-outer-wrap .top-wrap .left-wrap .input-wrap .txt {
  color: #7b8d9f;
  background: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  width: 100%;
  height: 48px;
  margin: 0;
  padding: 0 45px;
  font-size: 16px;
  font-weight: 400;
}

@media (max-width: 1679px) {
  .footer-outer-wrap .top-wrap .left-wrap .input-wrap .txt {
    height: 40px;
    font-size: 14px;
  }
}

.footer-outer-wrap .top-wrap .left-wrap .input-wrap .txt::placeholder {
  opacity: 1;
  color: #7b8d9f;
}

.footer-outer-wrap .top-wrap .left-wrap .input-wrap .mail {
  align-items: center;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0 auto 0 15px;
}

.footer-outer-wrap .top-wrap .left-wrap .input-wrap .arrow {
  align-items: center;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0 15px 0 auto;
}

.footer-outer-wrap .top-wrap .left-wrap .fingerprint-wrapper {
  color: inherit;
  margin-top: 30px;
  text-decoration: none;
}

@media (max-width: 579px) {
  .footer-outer-wrap .top-wrap .left-wrap .fingerprint-wrapper {
    margin-top: 12px;
  }
}

.footer-outer-wrap .top-wrap .left-wrap .fingerprint-wrapper .fingerprint-block-outer {
  background-color: #fff;
  border: 1px solid #e4e5e1;
  border-radius: 6px;
  padding: 3px;
  display: inline-block;
}

.footer-outer-wrap .top-wrap .left-wrap .fingerprint-wrapper .fingerprint-block {
  border: 1px solid #f6f4f3;
  border-radius: 4px;
  align-items: center;
  display: inline-flex;
  box-shadow: 0 1px 2px #7c7f7c47;
}

.footer-outer-wrap .top-wrap .left-wrap .fingerprint-wrapper .fingerprint-block .img-block {
  background: linear-gradient(#fffefd 0%, #fee9e2 100%);
  border-right: 1px solid #f3efec;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 44px;
  display: flex;
}

.footer-outer-wrap .top-wrap .left-wrap .fingerprint-wrapper .fingerprint-block .txt-label {
  padding-left: 8px;
  padding-right: 14px;
}

.footer-outer-wrap .top-wrap .left-wrap .fingerprint-wrapper .fingerprint-block .txt-label p {
  color: #919390;
  margin-bottom: 0;
  font-size: 12px;
}

.footer-outer-wrap .top-wrap .left-wrap .fingerprint-wrapper .fingerprint-block .txt-label h4 {
  color: #101b25;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
}

.footer-outer-wrap .top-wrap .left-wrap .fingerprint-wrapper img {
  max-width: 125px;
}

.footer-outer-wrap .top-wrap .right-wrap {
  justify-content: flex-end;
  display: flex;
}

@media (max-width: 767px) {
  .footer-outer-wrap .top-wrap .right-wrap .list-wrap {
    display: none;
  }
}

.footer-outer-wrap .top-wrap .right-wrap .list-wrap .sub-title-wrap {
  color: #101b25;
  margin: 0;
  padding: 0 0 20px;
  font-size: 20px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .footer-outer-wrap .top-wrap .right-wrap .list-wrap .sub-title-wrap {
    padding: 0 0 15px;
    font-size: 18px;
  }
}

.footer-outer-wrap .top-wrap .right-wrap .list-wrap ul {
  margin: 0;
  padding: 0;
}

.footer-outer-wrap .top-wrap .right-wrap .list-wrap ul li {
  color: #415362;
  max-width: 265px;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  list-style: none;
}

@media (max-width: 1679px) {
  .footer-outer-wrap .top-wrap .right-wrap .list-wrap ul li {
    font-size: 14px;
  }
}

.footer-outer-wrap .top-wrap .right-wrap .list-wrap ul li + li {
  padding-top: 10px;
}

.footer-outer-wrap .top-wrap .right-wrap .list-wrap ul li a {
  color: #415362;
  line-height: 1;
  display: block;
}

.footer-outer-wrap .top-wrap .right-wrap .list-wrap ul li a:hover {
  color: #000;
}

.footer-outer-wrap .top-wrap .right-wrap .list-wrap + .list-wrap {
  margin-left: 100px;
}

@media (max-width: 1679px) {
  .footer-outer-wrap .top-wrap .right-wrap .list-wrap + .list-wrap {
    margin-left: 50px;
  }
}

@media (max-width: 991px) {
  .footer-outer-wrap .top-wrap .right-wrap .list-wrap + .list-wrap {
    margin-left: 40px;
  }
}

.footer-outer-wrap .top-wrap .acc-wrap {
  display: none;
}

@media (max-width: 767px) {
  .footer-outer-wrap .top-wrap .acc-wrap {
    display: block;
  }
}

.footer-outer-wrap .top-wrap .acc-wrap .accordion {
  padding: 30px 0 0;
}

.footer-outer-wrap .top-wrap .acc-wrap .accordion .accordion-item, .footer-outer-wrap .top-wrap .acc-wrap .accordion .accordion-item .accordion-header {
  box-shadow: none;
  background: none;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
}

.footer-outer-wrap .top-wrap .acc-wrap .accordion .accordion-item .accordion-header .accordion-button {
  box-shadow: none;
  color: #091737;
  background: none;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
}

.footer-outer-wrap .top-wrap .acc-wrap .accordion .accordion-item .accordion-collapse {
  margin: 0;
  padding: 0;
}

.footer-outer-wrap .top-wrap .acc-wrap .accordion .accordion-item .accordion-collapse .accordion-body {
  margin: 0;
  padding: 10px 0 0;
}

.footer-outer-wrap .top-wrap .acc-wrap .accordion .accordion-item .accordion-collapse .accordion-body ul {
  margin: 0;
  padding: 0;
}

.footer-outer-wrap .top-wrap .acc-wrap .accordion .accordion-item .accordion-collapse .accordion-body ul li {
  color: #415362;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  list-style: none;
}

@media (max-width: 1679px) {
  .footer-outer-wrap .top-wrap .acc-wrap .accordion .accordion-item .accordion-collapse .accordion-body ul li {
    font-size: 14px;
  }
}

.footer-outer-wrap .top-wrap .acc-wrap .accordion .accordion-item .accordion-collapse .accordion-body ul li + li {
  padding-top: 10px;
}

@media (max-width: 1679px) {
  .footer-outer-wrap .top-wrap .acc-wrap .accordion .accordion-item .accordion-collapse .accordion-body ul li + li {
    padding-top: 5px;
  }
}

.footer-outer-wrap .top-wrap .acc-wrap .accordion .accordion-item .accordion-collapse .accordion-body ul li a {
  color: #415362;
}

.footer-outer-wrap .top-wrap .acc-wrap .accordion .accordion-item .accordion-collapse .accordion-body ul li a:hover {
  color: #000;
}

.footer-outer-wrap .top-wrap .acc-wrap .accordion .accordion-item + .accordion-item {
  padding-top: 20px;
}

.footer-outer-wrap .social-wrap {
  border-bottom: 1px solid #0000001f;
  padding: 12px 0;
}

@media (max-width: 1199px) {
  .footer-outer-wrap .social-wrap {
    padding: 8px 0;
  }
}

@media (max-width: 479px) {
  .footer-outer-wrap .social-wrap {
    padding: 12px 0;
  }

  .footer-outer-wrap .social-wrap .row {
    flex-direction: column;
    align-items: center;
  }
}

.footer-outer-wrap .social-wrap .left-wrap {
  align-items: center;
  height: 100%;
  display: flex;
}

.footer-outer-wrap .social-wrap .left-wrap ul {
  gap: 20px;
  margin: 0;
  padding: 0;
  display: flex;
}

@media (max-width: 767px) {
  .footer-outer-wrap .social-wrap .left-wrap ul {
    gap: 15px;
  }
}

@media (max-width: 479px) {
  .footer-outer-wrap .social-wrap .left-wrap ul {
    gap: 10px;
  }
}

.footer-outer-wrap .social-wrap .left-wrap ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-outer-wrap .social-wrap .left-wrap ul li a img {
  max-width: 20px;
  max-height: 20px;
}

@media (max-width: 767px) {
  .footer-outer-wrap .social-wrap .left-wrap ul li a img {
    max-width: 16px;
    max-height: 16px;
  }
}

.footer-outer-wrap .social-wrap .right-wrap {
  justify-content: flex-end;
  display: flex;
}

@media (max-width: 479px) {
  .footer-outer-wrap .social-wrap .right-wrap {
    justify-content: center;
    padding-top: 15px;
  }
}

.footer-outer-wrap .social-wrap .right-wrap .guarantee-wrap {
  align-items: center;
  gap: 12px;
  display: flex;
}

@media (max-width: 767px) {
  .footer-outer-wrap .social-wrap .right-wrap .guarantee-wrap {
    gap: 5px;
  }
}

@media (max-width: 479px) {
  .footer-outer-wrap .social-wrap .right-wrap .guarantee-wrap {
    flex-direction: row-reverse;
  }
}

.footer-outer-wrap .social-wrap .right-wrap .guarantee-wrap span {
  color: #415362;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 767px) {
  .footer-outer-wrap .social-wrap .right-wrap .guarantee-wrap span {
    font-size: 12px;
  }
}

.footer-outer-wrap .social-wrap .right-wrap .guarantee-wrap img {
  width: 40px;
}

@media (max-width: 767px) {
  .footer-outer-wrap .social-wrap .right-wrap .guarantee-wrap img {
    width: 30px;
  }
}

@media (max-width: 479px) {
  .footer-outer-wrap .social-wrap .right-wrap .guarantee-wrap img {
    width: 25px;
  }
}

.footer-outer-wrap .copy-wrap {
  border-bottom: 1px solid #0000001f;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 1199px) {
  .footer-outer-wrap .copy-wrap {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.footer-outer-wrap .copy-wrap .left-wrap {
  color: #415362;
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 767px) {
  .footer-outer-wrap .copy-wrap .left-wrap {
    text-align: center;
    font-size: 12px;
  }
}

.footer-outer-wrap .copy-wrap .right-wrap {
  justify-content: flex-end;
  display: flex;
}

@media (max-width: 767px) {
  .footer-outer-wrap .copy-wrap .right-wrap {
    justify-content: center;
  }
}

.footer-outer-wrap .copy-wrap .right-wrap ul {
  gap: 20px;
  margin: 0;
  padding: 0;
  display: flex;
}

.footer-outer-wrap .copy-wrap .right-wrap ul li {
  margin: 0;
  padding: 0 0 0 10px;
  list-style: none;
  position: relative;
}

.footer-outer-wrap .copy-wrap .right-wrap ul li a {
  color: #415362;
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 767px) {
  .footer-outer-wrap .copy-wrap .right-wrap ul li a {
    font-size: 12px;
  }
}

.footer-outer-wrap .copy-wrap .right-wrap ul li:before {
  content: "";
  background: #415362;
  width: 4px;
  height: 4px;
  margin: auto;
  position: absolute;
  inset: 0 auto 0 0;
}

@media (max-width: 767px) {
  .footer-outer-wrap .footer-des {
    padding-bottom: 80px;
  }
}

@media (max-width: 479px) {
  .footer-outer-wrap .footer-des {
    padding-bottom: 70px;
  }
}

.footer-outer-wrap .footer-des .para {
  margin: 0;
  padding: 20px 0;
}

@media (max-width: 1199px) {
  .footer-outer-wrap .footer-des .para {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.footer-outer-wrap .footer-des .para {
  color: #415362;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 767px) {
  .footer-outer-wrap .footer-des .para {
    font-size: 12px;
    line-height: 1.5;
  }
}

@media (max-width: 479px) {
  .footer-outer-wrap .footer-des .para {
    font-size: 11px;
    line-height: 1.6;
  }
}

.arr-circle {
  cursor: pointer;
  background-color: #5090cc;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  transition: background-color .3s, transform .2s;
  display: flex;
}

.arr-circle img {
  filter: brightness(0) invert();
  width: 20px;
  height: 20px;
}

.arr-circle:hover {
  background-color: #0056b3;
  transform: scale(1.05);
}

/* [project]/ui/styles/scss/account-notification.scss.css [client] (css) */
.acc-notification-sec {
  margin-bottom: 40px;
}

@media (min-width: 1200px) {
  .acc-notification-sec .custom-container {
    max-width: 1000px;
  }
}

.acc-notification-sec .notify-nodata-wrapper {
  justify-content: center;
  align-items: center;
  padding: 80px 0;
}

@media (max-width: 1481px) {
  .acc-notification-sec .notify-nodata-wrapper {
    padding: 80px 0;
  }
}

@media (max-width: 579px) {
  .acc-notification-sec .notify-nodata-wrapper {
    min-height: 45vh;
    padding: 40px 0;
  }
}

.acc-notification-sec .notify-nodata-wrapper .nodata-block {
  text-align: center;
  border: 1px solid #ecedef;
  border-radius: 16px;
  width: 100%;
  max-width: 489px;
  padding: 40px;
  box-shadow: 0 2px 4px #0000000a;
}

@media (max-width: 579px) {
  .acc-notification-sec .notify-nodata-wrapper .nodata-block {
    box-shadow: none;
    border: none;
    padding: 15px;
  }
}

.acc-notification-sec .notify-nodata-wrapper .nodata-block .icon {
  margin-bottom: 20px;
}

@media (max-width: 1481px) {
  .acc-notification-sec .notify-nodata-wrapper .nodata-block .icon img {
    max-width: 38px;
  }
}

@media (max-width: 579px) {
  .acc-notification-sec .notify-nodata-wrapper .nodata-block .icon img {
    max-width: 38px;
  }
}

.acc-notification-sec .notify-nodata-wrapper .nodata-block h2 {
  color: #101b25;
  margin-bottom: 8px;
  font-size: 24px;
}

@media (max-width: 1679px) {
  .acc-notification-sec .notify-nodata-wrapper .nodata-block h2 {
    font-size: 21px;
  }
}

@media (max-width: 1481px) {
  .acc-notification-sec .notify-nodata-wrapper .nodata-block h2 {
    font-size: 19px;
  }
}

.acc-notification-sec .notify-nodata-wrapper .nodata-block p {
  color: #415362;
  margin-bottom: 0;
}

@media (max-width: 1679px) {
  .acc-notification-sec .notify-nodata-wrapper .nodata-block p {
    font-size: 14px;
  }
}

.acc-notification-sec .acc-notify-wrapper {
  padding-top: 10px;
}

@media (max-width: 1481px) {
  .acc-notification-sec .acc-notify-wrapper {
    padding-top: 0;
  }
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block {
  background-color: #fff;
  border: 1px solid #ecedef;
  flex: none;
  width: 300px;
  transition: all .3s;
  position: relative;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .filter-left-block-inner {
  border: 1px solid #ecedef;
}

@media (max-width: 579px) {
  .acc-notification-sec .acc-notify-wrapper .filter-left-block .filter-left-block-inner {
    border: none !important;
  }
}

@media (max-width: 991px) {
  .acc-notification-sec .acc-notify-wrapper .filter-left-block {
    width: 220px;
  }
}

@media (max-width: 767px) {
  .acc-notification-sec .acc-notify-wrapper .filter-left-block {
    display: none;
  }
}

@media (max-width: 579px) {
  .acc-notification-sec .acc-notify-wrapper .filter-left-block {
    z-index: 99;
    width: 320px;
    max-width: 95vw;
    height: 100vh;
    transition: all .3s;
    display: block;
    position: fixed;
    top: 0;
    left: -100vw;
    overflow-y: auto;
    box-shadow: 2px 0 5px #0000000a;
    border: 1px solid #ecedef !important;
  }
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block.show {
  display: block !important;
}

@media (max-width: 579px) {
  .acc-notification-sec .acc-notify-wrapper .filter-left-block.show {
    left: 0;
  }
}

@media (min-width: 580px) and (max-width: 991px) {
  .acc-notification-sec .acc-notify-wrapper .filter-left-block {
    padding-bottom: 60px;
  }
}

@media (max-width: 991px) {
  .acc-notification-sec .acc-notify-wrapper .filter-left-block.active {
    z-index: 99;
    background: #fff;
    border-radius: 0;
    width: 375px;
    max-height: 100vh;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    overflow: auto;
  }
}

@media (max-width: 991px) and (max-width: 479px) {
  .acc-notification-sec .acc-notify-wrapper .filter-left-block.active {
    width: 100%;
    padding-bottom: 160px;
  }
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block.active.product-form-wrap-mob {
  height: calc(100vh - 50px);
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .filter-mob-title {
  position: absolute;
  top: 0;
  right: 0;
}

@media (min-width: 768px) {
  .acc-notification-sec .acc-notify-wrapper .filter-left-block .filter-mob-title {
    display: none;
  }
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .filter-mob-title .right-block {
  margin-left: auto;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .filter-mob-title .filter-close {
  background-color: #fff;
  border: none;
  border-radius: 5px;
  margin-left: 12px;
  padding: 5px;
  line-height: 0;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .filter-mob-title .filter-close img {
  opacity: .6;
  width: 20px;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .filter-reset-title {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .filter-reset-title .title {
  color: #122852;
  margin: 0;
  padding: 0;
  font-size: 17px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .acc-notification-sec .acc-notify-wrapper .filter-left-block .filter-reset-title .title {
    font-size: 16px;
  }
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .filter-reset-title .reset {
  color: #4f91cd;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  font-size: 17px;
  font-weight: 500;
  display: flex;
}

@media (max-width: 1679px) {
  .acc-notification-sec .acc-notify-wrapper .filter-left-block .filter-reset-title .reset {
    font-size: 16px;
  }
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .filter-reset-title .reset img {
  width: 13px;
}

@media (max-width: 1679px) {
  .acc-notification-sec .acc-notify-wrapper .filter-left-block .filter-reset-title .reset img {
    width: 12px;
  }
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .filter-reset-title .filter-close {
  background-color: #fff;
  border: none;
  border-radius: 5px;
  margin-left: 12px;
  padding: 2px 0 2px 2px;
  line-height: 0;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .filter-reset-title .filter-close img {
  opacity: .6;
  width: 20px;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .filter-reset-title .right-block {
  align-items: center;
  display: flex;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .group-wrap {
  border-bottom: 1px solid #dfe1e3;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .group-wrap:last-child {
  border: none;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .group-wrap .title {
  color: #122852;
  margin: 0;
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .group-wrap .filter-item-cover {
  padding: 8px 15px 10px 24px;
}

@media (max-width: 991px) {
  .acc-notification-sec .acc-notify-wrapper .filter-left-block .group-wrap .filter-item-cover {
    padding: 8px 15px 10px;
  }
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .group-wrap .form-check {
  align-items: center;
  margin: 0 0 10px;
  padding: 0;
  display: flex;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .group-wrap .form-check .form-check-input {
  width: 18px;
  height: 18px;
  box-shadow: none;
  border: 1px solid #dfe1e3;
  border-radius: 50%;
  outline: 0;
  margin: 0 12px 0 0;
  padding: 0;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .group-wrap .form-check .form-check-input:checked {
  background: url("/img/checked.svg") top / cover no-repeat;
  border: 0;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .group-wrap .form-check .form-check-input.checkbox {
  border-radius: 3px;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .group-wrap .form-check .form-check-input.checkbox:checked {
  background: url("/img/tic.png") center / 10px no-repeat;
  border: 1px solid #5090cc;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .group-wrap .form-check .form-check-label {
  color: #415362;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 991px) {
  .acc-notification-sec .acc-notify-wrapper .filter-left-block .group-wrap .form-check .form-check-label {
    font-size: 13px;
  }
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .group-wrap .form-fields {
  padding: 0 0 15px;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .group-wrap .form-fields .name {
  color: #415362;
  margin: 0;
  padding: 0 0 10px;
  font-size: 14px;
  font-weight: 400;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .group-wrap .form-fields .txt-wrap {
  position: relative;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .group-wrap .form-fields .txt-wrap .txt {
  color: #101b25;
  border: 1px solid #b8c4d0;
  border-radius: 30px;
  width: 100%;
  height: 44px;
  padding: 3px 15px;
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 1679px) {
  .acc-notification-sec .acc-notify-wrapper .filter-left-block .group-wrap .form-fields .txt-wrap .txt {
    height: 42px;
    font-size: 12px;
  }
}

@media (max-width: 1199px) {
  .acc-notification-sec .acc-notify-wrapper .filter-left-block .group-wrap .form-fields .txt-wrap .txt {
    height: 40px;
    padding: 3px 10px;
  }
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .group-wrap .form-fields .txt-wrap .txt::placeholder {
  color: #101b25;
  opacity: 1;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .group-wrap .form-fields.group-form-fields {
  gap: 10px;
  display: flex;
}

@media (max-width: 1679px) {
  .acc-notification-sec .acc-notify-wrapper .filter-left-block .group-wrap .form-fields.group-form-fields {
    gap: 5px;
  }
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .group-wrap .form-fields.group-form-fields .txt-wrap {
  width: 100%;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .group-wrap .range-wrap {
  padding: 0 12px 15px;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .group-wrap .range-wrap .form-range {
  display: block;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .btn-wrap {
  border-top: 1px solid #dfe1e3;
  gap: 10px;
  margin: 0 -25px;
  padding: 30px 25px 20px;
  display: none;
}

@media (max-width: 991px) {
  .acc-notification-sec .acc-notify-wrapper .filter-left-block .btn-wrap {
    margin: 0 -15px;
    padding: 25px 15px 15px;
    display: flex;
  }
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .btn-wrap .btn {
  cursor: pointer;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  outline: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 41px;
  margin: 0;
  padding: 0;
  display: flex;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .btn-wrap .btn span {
  color: #101b25;
  font-size: 14px;
  font-weight: 500;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .btn-wrap .btn.btn-color {
  background: #5090cc;
}

.acc-notification-sec .acc-notify-wrapper .filter-left-block .btn-wrap .btn.btn-color span {
  color: #fff;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block {
  flex-grow: 1;
  padding-left: 30px;
}

@media (max-width: 991px) {
  .acc-notification-sec .acc-notify-wrapper .notify-right-block {
    padding-left: 15px;
  }
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .title-sort-wrap {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

@media (max-width: 1679px) {
  .acc-notification-sec .acc-notify-wrapper .notify-right-block .title-sort-wrap {
    margin-bottom: 10px;
  }
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .title-sort-wrap .title {
  color: #122852;
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .acc-notification-sec .acc-notify-wrapper .notify-right-block .title-sort-wrap .title {
    font-size: 22px;
  }
}

@media (max-width: 1199px) {
  .acc-notification-sec .acc-notify-wrapper .notify-right-block .title-sort-wrap .title {
    font-size: 20px;
  }
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .title-sort-wrap .sort-wrap {
  align-items: center;
  gap: 8px;
  display: flex;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .title-sort-wrap .sort-wrap span {
  color: #7b8d9f;
  font-size: 12px;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .title-sort-wrap .sort-wrap .select-wrap {
  border: 1px solid #fff;
  border-radius: 30px;
  padding: 2px;
  position: relative;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .title-sort-wrap .sort-wrap .select-wrap:hover {
  border: 1px solid #5090cc;
  box-shadow: 0 0 0 2px #5090cc4d;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .title-sort-wrap .sort-wrap .select-wrap select {
  color: #101b25;
  width: 150px;
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  outline: 0;
  padding: 5px 15px;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .acc-notification-sec .acc-notify-wrapper .notify-right-block .title-sort-wrap .sort-wrap .select-wrap select {
    background-size: 10px;
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .acc-notification-sec .acc-notify-wrapper .notify-right-block .title-sort-wrap .sort-wrap .select-wrap select {
    font-size: 13px;
  }
}

@media (max-width: 579px) {
  .acc-notification-sec .acc-notify-wrapper .notify-right-block .title-sort-wrap .sort-wrap .select-wrap select {
    width: 100px;
  }
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .title-sort-wrap .sort-wrap .select-wrap select::placeholder {
  color: #7b8d9f;
  opacity: 1;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer {
  margin-bottom: 20px;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .card-title-block {
  align-items: center;
  margin-bottom: 12px;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .card-title-block h4 {
  color: #101b25;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .card-title-block h4 {
    font-size: 15px;
  }
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .card-title-block .rgt-block {
  align-items: center;
  margin-left: auto;
  display: flex;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .card-title-block .rgt-block .mark-all-btn {
  color: #5090cc;
  background-color: #0000;
  border: none;
  font-size: 12px;
  font-weight: 600;
  transition: all .3s;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .card-title-block .rgt-block .mark-all-btn:hover {
  opacity: .8;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .card-title-block .rgt-block .mob-filter-btn {
  background-color: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-left: 15px;
  padding: 0;
  display: inline-flex;
  box-shadow: 0 2px 4px #2a455d0f;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .card-title-block .rgt-block .mob-filter-btn img {
  width: 18px;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card {
  border: 1px solid #ecedef;
  border-radius: 12px;
  margin-bottom: 12px;
  padding: 15px;
  transition: all .3s;
  display: flex;
  box-shadow: 0 2px 4px #0000000a;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card:not(.card-disabled):hover {
  border: 1px solid #91a3b6;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card.card-disabled {
  opacity: .9;
  position: relative;
  cursor: not-allowed !important;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card.card-disabled:after {
  content: "";
  background-color: #fff9;
  border-radius: 12px;
  position: absolute;
  inset: 0;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .icon-block {
  flex-shrink: 0;
  margin-right: 15px;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .icon-block .card-img {
  object-fit: cover;
  border-radius: 50%;
  width: 44px;
  height: 44px;
}

@media (max-width: 479px) {
  .acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .icon-block .card-img {
    width: 40px;
    height: 40px;
  }
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .data-block {
  flex-grow: 1;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .data-block .top-block .name-sec {
  padding-right: 10px;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .data-block .top-block .name-sec h4 {
  color: #101b25;
  margin-bottom: 2px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .data-block .top-block .name-sec h4 {
    font-size: 15px;
  }
}

@media (max-width: 479px) {
  .acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .data-block .top-block .name-sec h4 {
    font-size: 14px;
  }
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .data-block .top-block .name-sec h4.title-light {
  color: #415362;
  font-weight: 400;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .data-block .top-block .name-sec p {
  color: #415362;
  margin: 0;
  font-size: 14px;
}

@media (max-width: 1679px) {
  .acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .data-block .top-block .name-sec p {
    font-size: 13px;
  }
}

@media (max-width: 479px) {
  .acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .data-block .top-block .name-sec p {
    font-size: 12px;
  }
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .data-block .top-block .name-sec .hlt {
  color: #101b25;
  font-weight: 500;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .data-block .top-block .dropdown-block {
  flex-shrink: 0;
  margin-left: auto;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .data-block .top-block .dropdown-block .notify-dropdown-btn {
  border: none;
  padding: 0 5px;
  line-height: 0;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .data-block .top-block .dropdown-block .notify-dropdown-btn:after {
  display: none;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .data-block .top-block .dropdown-block .dropdown-item {
  font-size: 14px;
}

@media (max-width: 479px) {
  .acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .data-block .top-block .dropdown-block .dropdown-item {
    font-size: 12px;
  }
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .data-block .unread-btn {
  color: #5090cc;
  background-color: #0000;
  border: none;
  font-size: 12px;
  font-weight: 500;
  transition: all .3s;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .data-block .unread-btn:hover {
  opacity: .8;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .data-block .hours-block {
  align-items: center;
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .data-block .hours-block .date {
  color: #415362;
  margin: 0;
  font-size: 14px;
}

@media (max-width: 1679px) {
  .acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .data-block .hours-block .date {
    font-size: 13px;
  }
}

@media (max-width: 479px) {
  .acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .data-block .hours-block .date {
    font-size: 12px;
  }
}

.acc-notification-sec .acc-notify-wrapper .notify-right-block .notify-card-outer .acc-notify-card .data-block .hours-block .btn-rgt-block {
  margin-left: auto;
}

/* [project]/ui/styles/scss/add-product.scss.css [client] (css) */
.add-product-form {
  padding: 40px 0;
}

.add-product-form .top-sec {
  padding-bottom: 30px;
}

@media (max-width: 1679px) {
  .add-product-form .top-sec {
    padding-bottom: 25px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .top-sec {
    padding-bottom: 20px;
  }
}

.add-product-form .top-sec .top-title {
  letter-spacing: -1.2%;
  color: #101b25;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

@media (max-width: 1679px) {
  .add-product-form .top-sec .top-title {
    font-size: 22px;
    line-height: 30px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .top-sec .top-title {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .top-sec .top-title {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (max-width: 991px) {
  .add-product-form .top-sec .top-title {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .add-product-form .top-sec .top-title {
    font-size: 14px;
    line-height: 22px;
  }
}

.add-product-form .top-sec .top-title span {
  color: #415362;
}

.add-product-form .top-sec .top-title .top-contetn {
  color: #415362;
  letter-spacing: 0%;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .add-product-form .top-sec .top-title .top-contetn {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .top-sec .top-title .top-contetn {
    font-size: 13px;
    line-height: 21px;
  }
}

.add-product-form .form-outer {
  justify-content: space-between;
  display: flex;
}

@media (max-width: 767px) {
  .add-product-form .form-outer {
    flex-wrap: wrap;
  }
}

.add-product-form .form-outer .lft-sec {
  flex: 1;
}

@media (max-width: 767px) {
  .add-product-form .form-outer .lft-sec {
    width: 100%;
  }
}

.add-product-form .form-outer .lft-sec .form-label {
  color: #101b25;
  letter-spacing: 0%;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .form-label {
    font-size: 13px;
  }
}

.add-product-form .form-outer .lft-sec .form-label span {
  color: #415362;
}

.add-product-form .form-outer .lft-sec .for-wrp .form-grp {
  margin-bottom: 25px;
}

@media (max-width: 991px) {
  .add-product-form .form-outer .lft-sec .for-wrp .form-grp {
    margin-bottom: 20px;
  }
}

.add-product-form .form-outer .lft-sec .for-wrp .form-grp .msg-grp {
  text-align: center;
  border: 1px dashed #cad0d4;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 148px;
  display: flex;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .for-wrp .form-grp .msg-grp {
    min-height: 130px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .lft-sec .for-wrp .form-grp .msg-grp {
    min-height: 120px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .lft-sec .for-wrp .form-grp .msg-grp {
    min-height: 100px;
  }
}

.add-product-form .form-outer .lft-sec .for-wrp .form-grp .msg-grp .img-sec {
  border-radius: 50px;
  width: 36px;
  height: 36px;
  margin: auto;
  padding-bottom: 12px;
}

.add-product-form .form-outer .lft-sec .for-wrp .form-grp .msg-grp .img-sec img {
  object-fit: cover;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .for-wrp .form-grp .msg-grp .img-sec {
    width: 34px;
    height: 34px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .lft-sec .for-wrp .form-grp .msg-grp .img-sec {
    width: 32px;
    height: 32px;
  }
}

.add-product-form .form-outer .lft-sec .for-wrp .form-grp .msg-grp .txt {
  letter-spacing: -1%;
  text-align: center;
  color: #101b25;
  padding-top: 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .for-wrp .form-grp .msg-grp .txt {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .lft-sec .for-wrp .form-grp .msg-grp .txt {
    font-size: 13px;
    line-height: 21px;
  }
}

.add-product-form .form-outer .lft-sec .for-wrp .form-grp .text-sec {
  letter-spacing: 0%;
  color: #415362;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .for-wrp .form-grp .text-sec {
    font-size: 13px;
  }
}

.add-product-form .form-outer .lft-sec .form-wrp {
  border: 1px solid #fff;
  border-radius: 100px;
  padding: 2px;
  position: relative;
}

.add-product-form .form-outer .lft-sec .form-wrp .error-msg {
  color: red;
  padding-left: 20px;
  font-size: 14px;
  position: absolute;
  bottom: -18px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .form-wrp .error-msg {
    font-size: 13px;
  }
}

.add-product-form .form-outer .lft-sec .form-wrp .error-msg.alighn {
  padding-left: 0;
  bottom: -20px;
}

.add-product-form .form-outer .lft-sec .form-wrp .form-control {
  height: 52px;
  letter-spacing: 0%;
  color: #101b25;
  border: 1px solid #dfe1e3;
  align-items: center;
  padding-left: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
  border-radius: 100px !important;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .form-wrp .form-control {
    height: 48px;
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .lft-sec .form-wrp .form-control {
    height: 42px;
    font-size: 13px;
    line-height: 20px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .lft-sec .form-wrp .form-control {
    height: 36px;
  }
}

.add-product-form .form-outer .lft-sec .form-wrp .form-control::placeholder {
  color: #7b8d9f;
}

.add-product-form .form-outer .lft-sec .form-wrp .form-control:hover, .add-product-form .form-outer .lft-sec .form-wrp .form-control:focus {
  box-shadow: none;
  outline: none;
}

.add-product-form .form-outer .lft-sec .form-wrp .form-control.size-blck {
  border-right: 0;
  max-width: 95px;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.add-product-form .form-outer .lft-sec .form-wrp .form-control.size-chart {
  flex: 1;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.add-product-form .form-outer .lft-sec .form-wrp .form-control.form-text-area {
  height: 124px;
  min-height: 124px;
  padding-bottom: 25px;
  border-radius: 12px !important;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .form-wrp .form-control.form-text-area {
    height: 110px;
    min-height: 110px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .lft-sec .form-wrp .form-control.form-text-area {
    height: 100px;
    min-height: 100px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .lft-sec .form-wrp .form-control.form-text-area {
    height: 90px;
    min-height: 90px;
  }
}

.add-product-form .form-outer .lft-sec .form-wrp .form-control.form-select:after {
  content: "▾";
  color: #666;
  pointer-events: none;
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.add-product-form .form-outer .lft-sec .form-wrp option {
  color: #101b25;
  background: #fff;
  border-radius: 0;
  padding: 12px 16px;
  font-size: 15px;
}

.add-product-form .form-outer .lft-sec .form-wrp option:hover, .add-product-form .form-outer .lft-sec .form-wrp option:checked, .add-product-form .form-outer .lft-sec .form-wrp option:focus, .add-product-form .form-outer .lft-sec .form-wrp option:active {
  background: #f4f5f6;
}

.add-product-form .form-outer .lft-sec .form-wrp:focus-within, .add-product-form .form-outer .lft-sec .form-wrp:hover {
  border: 1px solid #5090cc;
  box-shadow: 0 0 0 2px #5090cc4d;
}

.add-product-form .form-outer .lft-sec .form-wrp.form-desc {
  border-radius: 12px;
  margin-bottom: 20px;
}

.add-product-form .form-outer .lft-sec .form-wrp .txt {
  letter-spacing: 0%;
  color: #7b8d9f;
  z-index: 9;
  text-align: right;
  background: #fff;
  width: calc(100% - 19px);
  padding-right: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  bottom: 3px;
  left: 0;
  right: 0;
  margin: 0 auto !important;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .form-wrp .txt {
    bottom: 2.5px;
  }
}

.add-product-form .form-outer .lft-sec .link-sec {
  text-align: right;
  color: #4882b8;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .link-sec {
    font-size: 13px;
  }
}

.add-product-form .form-outer .lft-sec .link-sec a {
  color: #4882b8;
  text-decoration: underline;
}

.add-product-form .form-outer .lft-sec .connect-sec {
  background: #f4f5f6;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px 16px;
  display: flex;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .connect-sec {
    padding: 18px 14px;
  }
}

.add-product-form .form-outer .lft-sec .connect-sec .conect-txt {
  color: #101b25;
  letter-spacing: 0%;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .connect-sec .conect-txt {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .lft-sec .connect-sec .conect-txt {
    font-size: 13px;
  }
}

.add-product-form .form-outer .lft-sec .connect-sec .toggle-switch {
  width: 50px;
  height: 26px;
  display: inline-block;
  position: relative;
}

.add-product-form .form-outer .lft-sec .connect-sec .toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.add-product-form .form-outer .lft-sec .connect-sec .toggle-switch input:checked + .slider {
  background-color: #5090cc;
}

.add-product-form .form-outer .lft-sec .connect-sec .toggle-switch input:checked + .slider:before {
  transform: translateX(24px);
}

.add-product-form .form-outer .lft-sec .connect-sec .toggle-switch .slider {
  cursor: pointer;
  background-color: #ccc;
  border-radius: 30px;
  transition: all .3s;
  position: absolute;
  inset: 0;
}

.add-product-form .form-outer .lft-sec .connect-sec .toggle-switch .slider:before {
  content: "";
  background-color: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  transition: all .3s;
  position: absolute;
  bottom: 3px;
  left: 3px;
}

.add-product-form .form-outer .lft-sec .btn.continue-btn {
  color: #fff;
  background: #5090cc;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .btn.continue-btn {
    height: 46px;
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .lft-sec .btn.continue-btn {
    height: 42px;
    font-size: 13px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .lft-sec .btn.continue-btn {
    height: 38px;
  }
}

.add-product-form .form-outer .lft-sec .dimension-group {
  align-items: center;
  gap: 8px;
  display: flex;
}

.add-product-form .form-outer .lft-sec .dimension-group .dimension-input {
  text-align: center;
  width: 33.3333%;
  letter-spacing: 0%;
  border: 1px solid #dfe1e3;
  border-radius: 50px;
  outline: none;
  height: 48px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  transition: all .2s;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .dimension-group .dimension-input {
    height: 42px;
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .lft-sec .dimension-group .dimension-input {
    height: 38px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .lft-sec .dimension-group .dimension-input {
    height: 32px;
  }
}

.add-product-form .form-outer .lft-sec .dimension-group .dimension-input::placeholder {
  color: #7b8d9f;
}

.add-product-form .form-outer .lft-sec .dimension-group .dimension-input:focus {
  box-shadow: none;
  outline: none;
}

.add-product-form .form-outer .lft-sec .dimension-group .dimension-separator {
  color: #415362;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .dimension-group .dimension-separator {
    font-size: 14px;
  }
}

.add-product-form .form-outer .lft-sec .add-btn {
  color: #101b25;
  height: 44px;
  letter-spacing: 0%;
  background: #f4f5f6;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-width: 137px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .add-btn {
    height: 42px;
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .lft-sec .add-btn {
    height: 38px;
  }
}

@media (max-width: 479px) {
  .add-product-form .form-outer .lft-sec .add-btn {
    width: 100%;
    height: 36px;
    margin-top: 30px;
  }
}

.add-product-form .form-outer .lft-sec .add-btn .ico {
  flex-shrink: 0;
  margin-right: 2px;
}

.add-product-form .form-outer .rt-sec {
  width: 433px;
  margin-left: 85px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec {
    margin-left: 60px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .rt-sec {
    margin-left: 40px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .rt-sec {
    width: 40%;
    margin-left: 30px;
  }
}

@media (max-width: 991px) {
  .add-product-form .form-outer .rt-sec {
    margin-left: 20px;
  }
}

@media (max-width: 767px) {
  .add-product-form .form-outer .rt-sec {
    width: 100%;
    margin-left: 0;
  }
}

.add-product-form .form-outer .rt-sec .preview-card {
  background: #f7fafd;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 2px 4px #0000000a;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .preview-card {
    padding: 20px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .rt-sec .preview-card {
    padding: 18px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .rt-sec .preview-card {
    padding: 16px;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .preview-header {
  margin-bottom: 12px;
}

.add-product-form .form-outer .rt-sec .preview-card .preview-header .preview-label {
  letter-spacing: 0%;
  color: #415362;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .preview-card .preview-header .preview-label {
    font-size: 13px;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .preview-box {
  text-align: center;
  border: 1px solid #b9d3eb;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 312px;
  padding: 16px;
  display: flex;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .preview-card .preview-box {
    height: 280px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .rt-sec .preview-card .preview-box {
    height: 260px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .rt-sec .preview-card .preview-box {
    height: 240px;
  }
}

@media (max-width: 991px) {
  .add-product-form .form-outer .rt-sec .preview-card .preview-box {
    height: 220px;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .preview-box .preview-placeholder {
  max-width: 280px;
}

@media (max-width: 479px) {
  .add-product-form .form-outer .rt-sec .preview-card .preview-box .preview-placeholder {
    max-width: 100%;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .preview-box .preview-placeholder .preview-title {
  color: #101b25;
  letter-spacing: -1%;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .preview-card .preview-box .preview-placeholder .preview-title {
    font-size: 15px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .rt-sec .preview-card .preview-box .preview-placeholder .preview-title {
    font-size: 14px;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .preview-box .preview-placeholder .preview-text {
  color: #415362;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.add-product-form .form-outer .rt-sec .preview-card .preview-footer {
  margin-top: 16px;
}

.add-product-form .form-outer .rt-sec .preview-card .preview-footer .product-title {
  color: #101b25;
  letter-spacing: -1.5%;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .preview-card .preview-footer .product-title {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .rt-sec .preview-card .preview-footer .product-title {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .rt-sec .preview-card .preview-footer .product-title {
    font-size: 14px;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .preview-footer .product-desc {
  color: #415362;
  letter-spacing: 0%;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.add-product-form .form-outer .rt-sec .product-card {
  border-radius: 12px;
  margin-top: 20px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .product-card {
    margin-top: 18px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .rt-sec .product-card {
    margin-top: 16px;
  }
}

.add-product-form .form-outer .rt-sec .product-card .product-header .product-title {
  color: #101b25;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .product-card .product-header .product-title {
    font-size: 18px;
    line-height: 28px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .rt-sec .product-card .product-header .product-title {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .rt-sec .product-card .product-header .product-title {
    font-size: 15px;
    line-height: 22px;
  }
}

@media (max-width: 991px) {
  .add-product-form .form-outer .rt-sec .product-card .product-header .product-title {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 767px) {
  .add-product-form .form-outer .rt-sec .product-card .product-header .product-title {
    font-size: 13px;
    line-height: 17px;
  }
}

.add-product-form .form-outer .rt-sec .product-card .product-header .product-description {
  color: #415362;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .product-card .product-header .product-description {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .rt-sec .product-card .product-header .product-description {
    font-size: 13px;
  }
}

.add-product-form .form-outer .rt-sec .product-card .product-header .product-description .see-more {
  color: #101b25;
  cursor: pointer;
  font-weight: 500;
}

.add-product-form .form-outer .rt-sec .product-card .product-header .product-price {
  letter-spacing: 0%;
  color: #415362;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .product-card .product-header .product-price {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .rt-sec .product-card .product-header .product-price {
    font-size: 13px;
    line-height: 21px;
  }
}

.add-product-form .form-outer .rt-sec .product-card .product-header .product-price span {
  color: #101b25;
  margin-right: 5px;
  font-weight: 500;
}

.add-product-form .form-outer .rt-sec .product-card .product-header .product-price .price-txt {
  align-items: center;
  display: flex;
}

.add-product-form .form-outer .rt-sec .product-card .product-header .product-price .price-txt .dot {
  background-color: #b8c4d0;
  width: 4px;
  height: 4px;
  display: block;
}

.add-product-form .form-outer .rt-sec .product-card .product-details {
  padding-top: 24px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .product-card .product-details {
    padding-top: 18px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .rt-sec .product-card .product-details {
    padding-top: 16px;
  }
}

.add-product-form .form-outer .rt-sec .product-card .product-details .details-heading {
  color: #101b25;
  letter-spacing: 0%;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .product-card .product-details .details-heading {
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .rt-sec .product-card .product-details .details-heading {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 20px;
  }
}

.add-product-form .form-outer .rt-sec .product-card .product-details .details-row {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.add-product-form .form-outer .rt-sec .product-card .product-details .details-row:last-child {
  margin-bottom: 0;
}

.add-product-form .form-outer .rt-sec .product-card .product-details .details-row .details-label {
  letter-spacing: 0%;
  color: #415362;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .rt-sec .product-card .product-details .details-row .details-label {
    font-size: 13px;
    line-height: 17px;
  }
}

.add-product-form .form-outer .rt-sec .product-card .product-details .details-row .details-value {
  letter-spacing: 0%;
  text-align: right;
  color: #101b25;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .rt-sec .product-card .product-details .details-row .details-value {
    font-size: 13px;
    line-height: 17px;
  }
}

.add-product-form .form-outer .rt-sec .product-card .product-details .variant-wrp {
  flex-wrap: nowrap;
  gap: 10px;
  margin-bottom: 16px;
  display: flex;
  overflow-x: scroll;
}

.add-product-form .form-outer .rt-sec .product-card .product-details .variant-wrp .variant-btn.active, .add-product-form .form-outer .rt-sec .product-card .product-details .variant-wrp .variant-btn:hover {
  color: #5090cc;
  background-color: #fff;
  border: 1px solid #5090cc;
}

.add-product-form .form-outer .rt-sec .product-card .product-details .variant-wrp .variant-btn {
  color: #101b25;
  background-color: #f7fafd;
  border: 1px solid #dfe1e3;
  border-radius: 36px;
  min-width: 98px;
  height: 36px;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .product-card .product-details .variant-wrp .variant-btn {
    height: 34px;
  }
}

.varient-toggle-wrap .var-tittle {
  color: #101b25;
  border-top: 1px solid #d9d9d9;
  margin: 10px 0 0;
  padding: 15px 0;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .varient-toggle-wrap .var-tittle {
    font-size: 18px;
  }
}

@media (max-width: 1199px) {
  .varient-toggle-wrap .var-tittle {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .varient-toggle-wrap .var-tittle {
    padding: 10px 0;
  }
}

.varient-toggle-wrap .var-listing-wrap {
  padding: 10px 0 20px;
}

.varient-toggle-wrap .var-listing-wrap .listing {
  margin: 0;
  padding: 0;
  list-style: none;
}

.varient-toggle-wrap .var-listing-wrap .listing li {
  border: 1px solid #ecedef;
  border-radius: 15px;
  padding: 15px;
  box-shadow: 0 2px 4px #0000000a;
}

@media (max-width: 991px) {
  .varient-toggle-wrap .var-listing-wrap .listing li {
    padding: 10px 12px;
  }
}

.varient-toggle-wrap .var-listing-wrap .listing li .var-head-wrap {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.varient-toggle-wrap .var-listing-wrap .listing li .var-head-wrap .left-wrap {
  color: #101b25;
  font-size: 17px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .varient-toggle-wrap .var-listing-wrap .listing li .var-head-wrap .left-wrap {
    font-size: 15px;
  }
}

@media (max-width: 1199px) {
  .varient-toggle-wrap .var-listing-wrap .listing li .var-head-wrap .left-wrap {
    font-size: 14px;
  }
}

.varient-toggle-wrap .var-listing-wrap .listing li .var-head-wrap .right-wrap {
  gap: 20px;
  display: flex;
}

@media (max-width: 1679px) {
  .varient-toggle-wrap .var-listing-wrap .listing li .var-head-wrap .right-wrap {
    gap: 10px;
  }
}

.varient-toggle-wrap .var-listing-wrap .listing li .var-head-wrap .right-wrap img {
  width: 31px;
}

@media (max-width: 1679px) {
  .varient-toggle-wrap .var-listing-wrap .listing li .var-head-wrap .right-wrap img {
    width: 28px;
  }
}

.varient-toggle-wrap .var-listing-wrap .listing li .var-content-wrap {
  padding: 10px 0 0;
}

.varient-toggle-wrap .var-listing-wrap .listing li .var-content-wrap .dimension-group .dimension-input {
  padding: 5px 10px 5px 20px;
  text-align: left !important;
}

@media (max-width: 479px) {
  .varient-toggle-wrap .var-listing-wrap .listing li .var-content-wrap .dimension-group .dimension-input {
    padding: 5px 10px !important;
  }
}

.varient-toggle-wrap .var-listing-wrap .listing li + li {
  margin-top: 20px;
}

@media (max-width: 991px) {
  .varient-toggle-wrap .var-listing-wrap .listing li + li {
    margin-top: 15px;
  }
}

.varient-toggle-wrap .var-listing-wrap .listing li.active .var-head-wrap .right-wrap .arrow-btn {
  transform: rotate(-90deg);
}

.dot-loader {
  align-items: center;
  gap: 2px;
  margin-left: 4px;
  display: flex;
}

.dot-loader span {
  background-color: #6f71ec;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  animation: 1.2s ease-in-out infinite dotPulse;
  display: inline-block;
}

.dot-loader span:first-child {
  animation-delay: 0s;
}

.dot-loader span:nth-child(2) {
  animation-delay: .2s;
}

.dot-loader span:nth-child(3) {
  animation-delay: .4s;
}

@keyframes dotPulse {
  0%, 80%, 100% {
    opacity: .3;
    transform: scale(0);
  }

  40% {
    opacity: 1;
    transform: scale(1);
  }
}

.product-image-section {
  position: relative;
}

.input-count-group {
  align-items: center;
  display: flex;
}

.input-count-group .add-cnt-btn {
  background-color: #fff;
  border: 1px solid #b8c4d0;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  padding: 0;
  display: inline-flex;
}

@media (max-width: 1481px) {
  .input-count-group .add-cnt-btn {
    width: 40px;
    height: 40px;
  }

  .input-count-group .add-cnt-btn img {
    max-width: 13px;
  }
}

@media (max-width: 1199px) {
  .input-count-group .add-cnt-btn {
    width: 37px;
    height: 37px;
  }

  .input-count-group .add-cnt-btn img {
    max-width: 13px;
  }
}

.input-count-group .form-wrp {
  margin: 0 10px;
}

@media (max-width: 479px) {
  .input-count-group .form-wrp {
    margin: 0 5px;
  }
}

.input-group-val-end {
  position: relative;
}

.input-group-val-end .input-group-text {
  background-color: #0000;
  border: 1px solid #b8c4d0;
  border-right: none;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  height: 52px;
}

@media (max-width: 1679px) {
  .input-group-val-end .input-group-text {
    height: 48px;
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 1481px) {
  .input-group-val-end .input-group-text {
    height: 42px;
    font-size: 13px;
    line-height: 20px;
  }
}

@media (max-width: 1199px) {
  .input-group-val-end .input-group-text {
    height: 36px;
  }
}

.input-group-val-end .txt-val {
  z-index: 9;
  color: #1bb746;
  justify-content: center;
  align-items: center;
  padding-right: 25px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

@media (max-width: 1679px) {
  .input-group-val-end .txt-val {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .input-group-val-end .txt-val {
    font-size: 13px;
  }
}

@media (max-width: 479px) {
  .input-group-val-end .txt-val {
    padding-right: 20px;
  }
}

.input-group-val-end .txt-val.txt-org {
  color: #f27a2a;
}

.input-group-val-end .form-control {
  border-radius: 0;
  padding-right: 100px;
  border-top-right-radius: 100px !important;
  border-bottom-right-radius: 100px !important;
}

@media (max-width: 479px) {
  .input-group-val-end .form-control {
    padding-right: 80px;
    padding-left: 15px !important;
  }
}

.input-group-val-end input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-group-val-end input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-group-val-end input[type="number"] {
  -moz-appearance: textfield;
}

.add-product-form .form-outer .lft-sec .form-wrp.input-group-val-end .form-control {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.add-product-form .form-outer .lft-sec .connect-sec .conect-txt {
  width: 60%;
}

@media (max-width: 991px) {
  .add-product-form .form-outer .lft-sec .connect-sec .conect-txt {
    width: 54%;
  }
}

@media (max-width: 479px) {
  .add-product-form .form-outer .lft-sec .connect-sec .conect-txt {
    width: 38%;
  }
}

.add-product-form .form-outer .lft-sec .connect-sec .dimension-group.yes-no-group {
  gap: 0;
}

.add-product-form .form-outer .lft-sec .connect-sec .dimension-group.yes-no-group .chk-custom-wrp {
  z-index: 1;
  position: relative;
}

.add-product-form .form-outer .lft-sec .connect-sec .dimension-group.yes-no-group .chk-custom-wrp:nth-child(2) {
  margin-left: -10px;
}

:is(.add-product-form .form-outer .lft-sec .connect-sec .dimension-group.yes-no-group .chk-custom-wrp:has(.btn-check:checked), .add-product-form .form-outer .lft-sec .connect-sec .dimension-group.yes-no-group .chk-custom-wrp:has(.payment-freq.active)) {
  z-index: 2;
}

/* [project]/ui/styles/scss/add-product-preview.scss.css [client] (css) */
.add-product-form {
  padding: 40px 0;
}

.add-product-form .top-sec {
  padding-bottom: 30px;
}

@media (max-width: 1679px) {
  .add-product-form .top-sec {
    padding-bottom: 25px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .top-sec {
    padding-bottom: 20px;
  }
}

@media (max-width: 991px) {
  .add-product-form .top-sec {
    padding-bottom: 15px;
  }
}

.add-product-form .top-sec .top-title {
  letter-spacing: -1.2%;
  color: #101b25;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

@media (max-width: 1679px) {
  .add-product-form .top-sec .top-title {
    font-size: 22px;
    line-height: 30px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .top-sec .top-title {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .top-sec .top-title {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (max-width: 991px) {
  .add-product-form .top-sec .top-title {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .add-product-form .top-sec .top-title {
    font-size: 14px;
    line-height: 22px;
  }
}

.add-product-form .top-sec .top-contetn {
  color: #415362;
  letter-spacing: 0%;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .add-product-form .top-sec .top-contetn {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .top-sec .top-contetn {
    font-size: 13px;
  }
}

.add-product-form .form-outer {
  display: flex;
}

@media (max-width: 680px) {
  .add-product-form .form-outer {
    flex-direction: column;
  }
}

.add-product-form .form-outer .lft-sec {
  flex: 1;
  max-width: 520px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec {
    max-width: 520px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .lft-sec {
    max-width: 543px;
  }
}

@media (max-width: 680px) {
  .add-product-form .form-outer .lft-sec {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
}

.add-product-form .form-outer .lft-sec .variant-wrp {
  scrollbar-width: auto;
  scrollbar-color: #5090cc #f0f0f0;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  flex-wrap: nowrap;
  gap: 10px;
  margin-bottom: 44px;
  padding-bottom: 8px;
  display: flex;
  overflow: auto hidden;
}

.add-product-form .form-outer .lft-sec .variant-wrp::-webkit-scrollbar {
  height: 12px;
}

.add-product-form .form-outer .lft-sec .variant-wrp::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 6px;
}

.add-product-form .form-outer .lft-sec .variant-wrp::-webkit-scrollbar-thumb {
  background: #5090cc;
  border: 2px solid #f0f0f0;
  border-radius: 6px;
  min-width: 40px;
}

.add-product-form .form-outer .lft-sec .variant-wrp::-webkit-scrollbar-thumb:hover {
  background: #3a7bb8;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .variant-wrp {
    margin-bottom: 40px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .lft-sec .variant-wrp {
    margin-bottom: 35px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .lft-sec .variant-wrp {
    margin-bottom: 30px;
  }
}

@media (max-width: 991px) {
  .add-product-form .form-outer .lft-sec .variant-wrp {
    margin-bottom: 25px;
  }
}

@media (max-width: 579px) {
  .add-product-form .form-outer .lft-sec .variant-wrp {
    margin-bottom: 20px;
    padding-bottom: 10px;
  }

  .add-product-form .form-outer .lft-sec .variant-wrp::-webkit-scrollbar {
    height: 14px;
  }

  .add-product-form .form-outer .lft-sec .variant-wrp::-webkit-scrollbar-thumb {
    border: 3px solid #f0f0f0;
  }
}

.add-product-form .form-outer .lft-sec .variant-wrp .variant-btn.active, .add-product-form .form-outer .lft-sec .variant-wrp .variant-btn:hover {
  color: #5090cc;
  background-color: #fff;
  border: 1px solid #5090cc;
}

.add-product-form .form-outer .lft-sec .variant-wrp .variant-btn {
  color: #101b25;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #f7fafd;
  border: 1px solid #dfe1e3;
  border-radius: 36px;
  min-width: 207px;
  height: 36px;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .variant-wrp .variant-btn {
    height: 34px;
  }
}

@media (max-width: 479px) {
  .add-product-form .form-outer .lft-sec .variant-wrp .variant-btn {
    width: 45%;
    min-width: 48%;
  }
}

.add-product-form .form-outer .lft-sec .preview-img-sec {
  width: 100%;
  margin: 12px 0;
  display: flex;
  position: relative;
}

.add-product-form .form-outer .lft-sec .preview-img-sec img {
  border-radius: 16px;
  max-width: 100%;
}

@media (max-width: 680px) {
  .add-product-form .form-outer .lft-sec .preview-img-sec img {
    width: 100%;
  }
}

.add-product-form .form-outer .lft-sec .preview-video-sec {
  width: 100%;
  margin: 12px 0;
  display: flex;
  position: relative;
}

.add-product-form .form-outer .lft-sec .preview-video-sec img {
  border-radius: 16px;
  max-width: 100%;
}

@media (max-width: 680px) {
  .add-product-form .form-outer .lft-sec .preview-video-sec img {
    width: 100%;
  }
}

.add-product-form .form-outer .lft-sec .preview-video-sec .play-btn {
  cursor: pointer;
  background-color: #0000;
  border: 0;
  outline: none;
  width: 54px;
  height: 54px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.add-product-form .form-outer .lft-sec .preview-video-sec .play-btn img {
  max-width: 100%;
}

.add-product-form .form-outer .lft-sec .preview-video-sec video {
  width: 100%;
  height: 100%;
}

.add-product-form .form-outer .lft-sec .form-label {
  color: #101b25;
  letter-spacing: 0%;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.add-product-form .form-outer .lft-sec .for-wrp .form-grp {
  margin-bottom: 25px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .for-wrp .form-grp {
    margin-bottom: 20px;
  }
}

.add-product-form .form-outer .lft-sec .for-wrp .form-grp .msg-grp {
  text-align: center;
  border: 1px dashed #cad0d4;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 148px;
  display: flex;
}

.add-product-form .form-outer .lft-sec .for-wrp .form-grp .msg-grp .img-sec {
  border-radius: 50px;
  width: 36px;
  height: 36px;
  margin: auto;
  padding-bottom: 12px;
}

.add-product-form .form-outer .lft-sec .for-wrp .form-grp .msg-grp .img-sec img {
  object-fit: cover;
}

.add-product-form .form-outer .lft-sec .for-wrp .form-grp .msg-grp .txt {
  letter-spacing: -1%;
  text-align: center;
  color: #101b25;
  padding-top: 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.add-product-form .form-outer .lft-sec .for-wrp .form-grp .text-sec {
  letter-spacing: 0%;
  color: #415362;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.add-product-form .form-outer .lft-sec .form-wrp {
  border: 1px solid #fff;
  border-radius: 100px;
  padding: 2px;
  position: relative;
}

.add-product-form .form-outer .lft-sec .form-wrp .error-msg {
  color: red;
  padding-left: 20px;
  font-size: 14px;
  position: absolute;
  bottom: -18px;
}

.add-product-form .form-outer .lft-sec .form-wrp .form-control {
  height: 52px;
  letter-spacing: 0%;
  color: #101b25;
  border: 1px solid #dfe1e3;
  align-items: center;
  padding-left: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
  border-radius: 100px !important;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .form-wrp .form-control {
    height: 48px;
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .lft-sec .form-wrp .form-control {
    height: 42px;
    font-size: 13px;
    line-height: 20px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .lft-sec .form-wrp .form-control {
    height: 36px;
  }
}

.add-product-form .form-outer .lft-sec .form-wrp .form-control::placeholder {
  color: #7b8d9f;
}

.add-product-form .form-outer .lft-sec .form-wrp .form-control:hover, .add-product-form .form-outer .lft-sec .form-wrp .form-control:focus {
  box-shadow: none;
  outline: none;
}

.add-product-form .form-outer .lft-sec .form-wrp .form-control.form-text-area {
  height: 124px;
  border-radius: 12px !important;
}

.add-product-form .form-outer .lft-sec .form-wrp .form-control.form-select:after {
  content: "▾";
  color: #666;
  pointer-events: none;
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.add-product-form .form-outer .lft-sec .form-wrp option {
  color: #101b25;
  background: #fff;
  border-radius: 0;
  padding: 12px 16px;
  font-size: 15px;
}

.add-product-form .form-outer .lft-sec .form-wrp option:hover, .add-product-form .form-outer .lft-sec .form-wrp option:checked, .add-product-form .form-outer .lft-sec .form-wrp option:focus, .add-product-form .form-outer .lft-sec .form-wrp option:active {
  background: #f4f5f6;
}

.add-product-form .form-outer .lft-sec .form-wrp:focus-within, .add-product-form .form-outer .lft-sec .form-wrp:hover {
  border: 1px solid #5090cc;
  box-shadow: 0 0 0 2px #5090cc4d;
}

.add-product-form .form-outer .lft-sec .form-wrp.form-desc {
  border-radius: 12px;
  margin-bottom: 20px;
}

.add-product-form .form-outer .lft-sec .form-wrp .txt {
  letter-spacing: 0%;
  color: #7b8d9f;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  bottom: 5px;
  right: 10px;
}

.add-product-form .form-outer .lft-sec .link-sec {
  text-align: right;
  color: #4882b8;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.add-product-form .form-outer .lft-sec .link-sec a {
  color: #4882b8;
  text-decoration: underline;
}

.add-product-form .form-outer .lft-sec .connect-sec {
  background: #f4f5f6;
  border-radius: 12px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px 16px;
  display: flex;
}

.add-product-form .form-outer .lft-sec .connect-sec .conect-txt {
  color: #101b25;
  letter-spacing: 0%;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .connect-sec .conect-txt {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .lft-sec .connect-sec .conect-txt {
    font-size: 13px;
  }
}

.add-product-form .form-outer .lft-sec .connect-sec .toggle-switch {
  width: 50px;
  height: 26px;
  display: inline-block;
  position: relative;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .connect-sec .toggle-switch {
    width: 40px;
    height: 20px;
  }
}

.add-product-form .form-outer .lft-sec .connect-sec .toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.add-product-form .form-outer .lft-sec .connect-sec .toggle-switch input:checked + .slider {
  background-color: #5090cc;
}

.add-product-form .form-outer .lft-sec .connect-sec .toggle-switch input:checked + .slider:before {
  transform: translateX(24px);
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .connect-sec .toggle-switch input:checked + .slider:before {
    transform: translateX(20px);
  }
}

.add-product-form .form-outer .lft-sec .connect-sec .toggle-switch .slider {
  cursor: pointer;
  background-color: #ccc;
  border-radius: 30px;
  transition: all .3s;
  position: absolute;
  inset: 0;
}

.add-product-form .form-outer .lft-sec .connect-sec .toggle-switch .slider:before {
  content: "";
  background-color: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  transition: all .3s;
  position: absolute;
  bottom: 3px;
  left: 3px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .connect-sec .toggle-switch .slider:before {
    width: 14px;
    height: 14px;
  }
}

.add-product-form .form-outer .lft-sec .btn.continue-btn {
  color: #fff;
  background: #5090cc;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .btn.continue-btn {
    height: 46px;
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .lft-sec .btn.continue-btn {
    height: 42px;
    font-size: 13px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .lft-sec .btn.continue-btn {
    height: 38px;
  }
}

.add-product-form .form-outer .lft-sec .tags-input {
  background: #fff;
  border: 1px solid #b8c4d0;
  border-radius: 50px;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  display: flex;
}

.add-product-form .form-outer .lft-sec .tags-input .tag {
  color: #101b25;
  background: #f1f3f4;
  border-radius: 20px;
  align-items: center;
  padding: 4px 10px;
  font-size: 14px;
  display: flex;
}

.add-product-form .form-outer .lft-sec .tags-input .tag .remove-tag {
  cursor: pointer;
  color: #666;
  background: none;
  border: none;
  margin-left: 6px;
  font-size: 14px;
}

.add-product-form .form-outer .lft-sec .tags-input .tag .remove-tag:hover {
  color: #000;
}

.add-product-form .form-outer .lft-sec .split-blk {
  gap: 20px;
  display: flex;
}

@media (max-width: 991px) {
  .add-product-form .form-outer .lft-sec .split-blk {
    flex-direction: column;
    gap: 0;
  }
}

.add-product-form .form-outer .lft-sec .split-blk .form-grp {
  flex: 1;
}

@media (max-width: 991px) {
  .add-product-form .form-outer .lft-sec .split-blk .form-grp {
    flex: 0 0 100%;
  }
}

.add-product-form .form-outer .lft-sec .split-blk .round-wrp {
  border: 1px solid #dfe1e3;
  align-items: center;
  height: 52px;
  display: flex;
  border-radius: 100px !important;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .split-blk .round-wrp {
    height: 48px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .lft-sec .split-blk .round-wrp {
    height: 42px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .lft-sec .split-blk .round-wrp {
    height: 36px;
  }
}

.add-product-form .form-outer .lft-sec .split-blk .round-wrp .form-select {
  color: #7b8d9f;
  border: none;
  border-radius: 100px;
  width: 100px;
}

.add-product-form .form-outer .lft-sec .split-blk .round-wrp .size-wrp {
  text-transform: uppercase;
  color: #7b8d9f;
  border-left: 1px solid #dfe1e3;
  margin-left: 8px;
  padding-left: 12px;
  font-size: 16px;
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .lft-sec .split-blk .round-wrp .size-wrp {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .add-product-form .form-outer .lft-sec .split-blk .round-wrp .size-wrp {
    font-size: 13px;
  }
}

.add-product-form .form-outer .lft-sec .item-title {
  color: #101b25;
  letter-spacing: -1.5%;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .item-title {
    font-size: 18px;
    line-height: 22px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .lft-sec .item-title {
    font-size: 17px;
    line-height: 21px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .lft-sec .item-title {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 20px;
  }
}

@media (max-width: 991px) {
  .add-product-form .form-outer .lft-sec .item-title {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 579px) {
  .add-product-form .form-outer .lft-sec .item-title {
    font-size: 13px;
    line-height: 17px;
  }
}

.add-product-form .form-outer .lft-sec .item-title span {
  color: #415362;
}

.add-product-form .form-outer .lft-sec .item-inner-title {
  color: #101b25;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .item-inner-title {
    font-size: 16px;
    line-height: 23px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .lft-sec .item-inner-title {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 579px) {
  .add-product-form .form-outer .lft-sec .item-inner-title {
    font-size: 13px;
    line-height: 17px;
  }
}

.add-product-form .form-outer .lft-sec .item-inner-title span {
  color: #101b25;
  padding-top: 5px;
  font-size: 14px;
  display: block;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .item-inner-title span {
    font-size: 13px;
  }
}

.add-product-form .form-outer .lft-sec .item-sub-title {
  color: #101b25;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .item-sub-title {
    font-size: 15px;
    line-height: 25px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .lft-sec .item-sub-title {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 24px;
  }
}

@media (max-width: 579px) {
  .add-product-form .form-outer .lft-sec .item-sub-title {
    font-size: 13px;
    line-height: 17px;
  }
}

.add-product-form .form-outer .lft-sec .item-sub-title span {
  color: #415362;
}

.add-product-form .form-outer .lft-sec .slider-sec {
  border: 1px solid #b9d3eb;
  border-radius: 12px;
  width: 100%;
  margin-bottom: 60px;
  padding: 16px;
}

@media (max-width: 991px) {
  .add-product-form .form-outer .lft-sec .slider-sec {
    width: 100%;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .add-product-form .form-outer .lft-sec .slider-sec {
    border: none;
    margin-bottom: 20px;
    padding: 0;
  }
}

.add-product-form .form-outer .lft-sec .product-slider-left .prod-img-cover {
  background-color: #bbc1d133;
  justify-content: center;
  align-items: center;
  height: 282px;
  overflow: hidden;
  display: flex !important;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .product-slider-left .prod-img-cover {
    height: 260px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .lft-sec .product-slider-left .prod-img-cover {
    height: 240px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .lft-sec .product-slider-left .prod-img-cover {
    height: 220px;
  }
}

@media (max-width: 991px) {
  .add-product-form .form-outer .lft-sec .product-slider-left .prod-img-cover {
    height: 200px;
  }
}

@media (max-width: 579px) {
  .add-product-form .form-outer .lft-sec .product-slider-left .prod-img-cover {
    width: 100%;
    height: 240px;
  }
}

.add-product-form .form-outer .lft-sec .product-slider-left .prod-img-cover img {
  object-fit: cover;
  max-width: 100%;
  max-height: 100%;
}

.add-product-form .form-outer .lft-sec .product-thumbs-left {
  gap: 8px;
  margin-top: 24px;
  display: flex !important;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .product-thumbs-left {
    margin-top: 20px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .lft-sec .product-thumbs-left {
    margin-top: 18px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .lft-sec .product-thumbs-left {
    margin-top: 15px;
  }
}

@media (max-width: 991px) {
  .add-product-form .form-outer .lft-sec .product-thumbs-left {
    flex-wrap: wrap;
    gap: 6px;
  }
}

@media (max-width: 579px) {
  .add-product-form .form-outer .lft-sec .product-thumbs-left {
    flex-wrap: wrap;
    gap: 6px;
  }
}

.add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-wrp {
  flex-shrink: 0;
  padding: 0;
}

@media (max-width: 991px) {
  .add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-wrp {
    justify-content: center;
    display: flex;
  }
}

@media (max-width: 579px) {
  .add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-wrp {
    flex-shrink: 0;
  }
}

.add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block {
  cursor: pointer;
  background-color: #bbc1d133;
  border: 1px solid #0000;
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  height: 72px;
  padding: 2px;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block {
    height: 60px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block {
    height: 50px;
  }
}

@media (max-width: 991px) {
  .add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block {
    width: 70px;
    height: 60px;
  }
}

@media (max-width: 579px) {
  .add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block {
    flex-shrink: 0;
    width: 70px;
    height: 60px;
  }
}

.add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block:hover, .add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block.active {
  border: 1px solid #000;
}

.add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block img {
  border-radius: 4px;
  width: 100%;
  height: auto;
  display: block;
}

.add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block .image-count-badge {
  color: #fff;
  pointer-events: none;
  background-color: #0009;
  border-radius: 50%;
  padding: 6px 10px;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block .remove-btn {
  cursor: pointer;
  background: none;
  border: none;
  position: absolute;
  top: 4px;
  right: 4px;
}

.add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block .remove-btn img {
  width: 16px;
  height: 16px;
}

.add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block .drag-icon {
  background: none;
  border: 0;
  outline: none;
  width: 20px;
  height: 20px;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block .drag-icon {
    width: 18px;
    height: 18px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block .drag-icon {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block .drag-icon {
    width: 14px;
    height: 14px;
  }
}

.add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block .drag-icon img {
  max-width: 100%;
}

.add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block .add-photo {
  color: #101b25;
  background-color: #dce9f5;
  border: 1px solid #dce9f5;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  max-height: 100%;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

@media (max-width: 991px) {
  .add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block .add-photo {
    height: 60px;
    font-size: 11px;
  }
}

@media (max-width: 579px) {
  .add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block .add-photo {
    height: 60px;
    font-size: 11px;
  }
}

.add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block .add-photo span {
  font-size: 20px;
  line-height: 1;
}

@media (max-width: 991px) {
  .add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block .add-photo span {
    font-size: 18px;
  }
}

@media (max-width: 579px) {
  .add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block .add-photo span {
    font-size: 18px;
  }
}

.add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block .count {
  color: #fff;
  background-color: #0006;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  position: absolute;
}

.add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block .play-icon {
  background: none;
  border: 0;
  outline: none;
  width: 32px;
  height: 32px;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block .play-icon {
    width: 28px;
    height: 28px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block .play-icon {
    width: 26px;
    height: 26px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block .play-icon {
    width: 24px;
    height: 24px;
  }
}

.add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block .play-icon img {
  max-width: 100%;
}

.add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block .remove-btn {
  border: 0;
  border-radius: 50%;
  outline: none;
  width: 20px;
  height: 20px;
  padding: 0;
  position: absolute;
  top: 4px;
  right: 4px;
}

.add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block .remove-btn img {
  border-radius: 8px;
  max-width: 100%;
}

.add-product-form .form-outer .lft-sec .product-thumbs-left .thumb-img-block img {
  object-fit: cover;
  max-width: 100%;
  max-height: 100%;
}

.add-product-form .form-outer .lft-sec .quantity {
  align-items: center;
  gap: 6px;
  display: flex;
}

.add-product-form .form-outer .lft-sec .quantity .qty-btn {
  cursor: pointer;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  width: 36px;
  height: 36px;
  font-size: 20px;
}

.add-product-form .form-outer .lft-sec .quantity .qty-btn:hover {
  background: #f5f5f5;
}

.add-product-form .form-outer .lft-sec .quantity input {
  text-align: center;
  pointer-events: none;
  background: none;
  border: none;
  width: 50px;
  font-size: 16px;
}

.add-product-form .form-outer .lft-sec .dimension-group {
  align-items: center;
  gap: 8px;
  display: flex;
}

.add-product-form .form-outer .lft-sec .dimension-group .dimension-input {
  text-align: center;
  width: 33.3333%;
  letter-spacing: 0%;
  border: 1px solid #dfe1e3;
  border-radius: 50px;
  outline: none;
  height: 48px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  transition: all .2s;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .dimension-group .dimension-input {
    height: 42px;
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .lft-sec .dimension-group .dimension-input {
    height: 38px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .lft-sec .dimension-group .dimension-input {
    height: 32px;
  }
}

.add-product-form .form-outer .lft-sec .dimension-group .dimension-input::placeholder {
  color: #7b8d9f;
}

.add-product-form .form-outer .lft-sec .dimension-group .dimension-input:focus {
  box-shadow: none;
  outline: none;
}

.add-product-form .form-outer .lft-sec .dimension-group .dimension-separator {
  color: #415362;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .dimension-group .dimension-separator {
    font-size: 14px;
  }
}

.add-product-form .form-outer .lft-sec .divider {
  background-color: #d9d9d9;
  width: 100%;
  height: 1px;
  margin-bottom: 30px;
}

.add-product-form .form-outer .lft-sec .add-btn {
  color: #101b25;
  height: 44px;
  letter-spacing: 0%;
  background: #f4f5f6;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-width: 137px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .add-btn {
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .lft-sec .add-btn {
    font-size: 12px;
  }
}

.add-product-form .form-outer .lft-sec .add-btn .ico {
  flex-shrink: 0;
  margin-right: 2px;
}

.add-product-form .form-outer .lft-sec .variant-accordion {
  border: 0;
  margin-bottom: 20px;
}

.add-product-form .form-outer .lft-sec .variant-accordion .accordion-item {
  border: 1px solid #dfe1e3;
  border-radius: 16px;
  margin-bottom: 10px;
}

.add-product-form .form-outer .lft-sec .variant-accordion .accordion-button {
  box-shadow: none;
  color: #101b25;
  background-color: #0000;
  border: 0;
  outline: none;
  padding: 18px 15px;
  font-size: 17px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .variant-accordion .accordion-button {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .lft-sec .variant-accordion .accordion-button {
    font-size: 14px;
  }
}

@media (max-width: 579px) {
  .add-product-form .form-outer .lft-sec .variant-accordion .accordion-button {
    font-size: 13px;
  }
}

.add-product-form .form-outer .lft-sec .variant-accordion .accordion-button:not(.collapsed) {
  background-color: #0000;
}

.add-product-form .form-outer .lft-sec .variant-accordion .accordion-button:not(.collapsed):after {
  transform: rotate(-180deg);
}

.add-product-form .form-outer .lft-sec .variant-accordion .accordion-button:after {
  background-color: #f6f7f9;
  background-position: center;
  background-size: 16px;
  border: 1px solid #ecedef;
  border-radius: 36px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
  transform: rotate(270deg);
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .variant-accordion .accordion-button:after {
    width: 30px;
    height: 30px;
  }
}

.add-product-form .form-outer .lft-sec .variant-accordion .accordion-collapse {
  border-top: 0;
}

.add-product-form .form-outer .rt-sec {
  width: 433px;
  margin-left: 85px;
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .rt-sec {
    margin-left: 60px;
  }
}

@media (max-width: 991px) {
  .add-product-form .form-outer .rt-sec {
    width: 400px;
    margin-left: 40px;
  }
}

@media (max-width: 767px) {
  .add-product-form .form-outer .rt-sec {
    width: 340px;
    margin-left: 20px;
  }
}

@media (max-width: 680px) {
  .add-product-form .form-outer .rt-sec {
    width: 100%;
    margin-left: 0;
  }
}

.add-product-form .form-outer .rt-sec .preview-card {
  background: #f7fafd;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 2px 4px #0000000a;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .preview-card {
    padding: 20px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .rt-sec .preview-card {
    padding: 18px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .rt-sec .preview-card {
    padding: 16px;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .preview-header {
  margin-bottom: 12px;
}

.add-product-form .form-outer .rt-sec .preview-card .preview-header .preview-label {
  letter-spacing: 0%;
  color: #415362;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .preview-card .preview-header .preview-label {
    font-size: 13px;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .preview-footer {
  margin-top: 16px;
}

.add-product-form .form-outer .rt-sec .preview-card .preview-footer .product-title {
  color: #101b25;
  letter-spacing: -1.5%;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .preview-card .preview-footer .product-title {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .rt-sec .preview-card .preview-footer .product-title {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .rt-sec .preview-card .preview-footer .product-title {
    font-size: 14px;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .preview-footer .product-desc {
  color: #415362;
  letter-spacing: 0%;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.add-product-form .form-outer .rt-sec .preview-card .slider-sec {
  border: 1px solid #b9d3eb;
  border-radius: 12px;
  width: 100%;
  padding: 16px;
}

@media (max-width: 991px) {
  .add-product-form .form-outer .rt-sec .preview-card .slider-sec {
    width: 100%;
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .add-product-form .form-outer .rt-sec .preview-card .slider-sec {
    border: none;
    padding: 0;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .product-slider .prod-img-cover {
  background-color: #bbc1d133;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 282px;
  overflow: hidden;
  display: flex !important;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-slider .prod-img-cover {
    height: 260px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-slider .prod-img-cover {
    height: 240px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-slider .prod-img-cover {
    height: 220px;
  }
}

@media (max-width: 991px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-slider .prod-img-cover {
    height: 200px;
  }
}

@media (max-width: 579px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-slider .prod-img-cover {
    width: 100%;
    height: 240px;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .product-slider .prod-img-cover img {
  object-fit: cover;
  max-width: 100%;
  max-height: 100%;
}

.add-product-form .form-outer .rt-sec .preview-card .product-thumbs {
  gap: 10px;
  margin-top: 24px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-thumbs {
    margin-top: 20px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-thumbs {
    margin-top: 18px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-thumbs {
    margin-top: 15px;
  }
}

@media (max-width: 579px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-thumbs {
    display: none;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .product-thumbs .thumb-img-wrp {
  padding: 0 5px;
}

@media (max-width: 991px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-thumbs .thumb-img-wrp {
    justify-content: center;
    display: flex;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .product-thumbs .thumb-img-block {
  cursor: pointer;
  background-color: #bbc1d133;
  border: 1px solid #0000;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 83px;
  padding: 2px;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-thumbs .thumb-img-block {
    height: 60px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-thumbs .thumb-img-block {
    width: 100%;
    height: 50px;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .product-thumbs .thumb-img-block:hover, .add-product-form .form-outer .rt-sec .preview-card .product-thumbs .thumb-img-block.active {
  border: 1px solid #000;
}

.add-product-form .form-outer .rt-sec .preview-card .product-thumbs .thumb-img-block .drag-icon {
  background: none;
  border: 0;
  outline: none;
  width: 20px;
  height: 20px;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-thumbs .thumb-img-block .drag-icon {
    width: 18px;
    height: 18px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-thumbs .thumb-img-block .drag-icon {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-thumbs .thumb-img-block .drag-icon {
    width: 14px;
    height: 14px;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .product-thumbs .thumb-img-block .drag-icon img {
  max-width: 100%;
}

.add-product-form .form-outer .rt-sec .preview-card .product-thumbs .thumb-img-block .count {
  color: #fff;
  background-color: #0006;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  position: absolute;
}

.add-product-form .form-outer .rt-sec .preview-card .product-thumbs .thumb-img-block .play-icon {
  background: none;
  border: 0;
  outline: none;
  width: 32px;
  height: 32px;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-thumbs .thumb-img-block .play-icon {
    width: 28px;
    height: 28px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-thumbs .thumb-img-block .play-icon {
    width: 26px;
    height: 26px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-thumbs .thumb-img-block .play-icon {
    width: 24px;
    height: 24px;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .product-thumbs .thumb-img-block .play-icon img {
  max-width: 100%;
}

.add-product-form .form-outer .rt-sec .preview-card .product-thumbs .thumb-img-block .remove-btn {
  border: 0;
  border-radius: 50%;
  outline: none;
  width: 20px;
  height: 20px;
  padding: 0;
  position: absolute;
  top: 4px;
  right: 4px;
}

.add-product-form .form-outer .rt-sec .preview-card .product-thumbs .thumb-img-block .remove-btn img {
  border-radius: 8px;
  max-width: 100%;
}

.add-product-form .form-outer .rt-sec .preview-card .product-thumbs .thumb-img-block img {
  object-fit: cover;
  max-width: 100%;
  max-height: 100%;
}

.add-product-form .form-outer .rt-sec .preview-card .product-card {
  border-radius: 12px;
  margin-top: 20px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-card {
    margin-top: 18px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-card {
    margin-top: 16px;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .product-card .product-header .product-title {
  color: #101b25;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-card .product-header .product-title {
    font-size: 18px;
    line-height: 28px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-card .product-header .product-title {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-card .product-header .product-title {
    font-size: 15px;
    line-height: 22px;
  }
}

@media (max-width: 991px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-card .product-header .product-title {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 767px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-card .product-header .product-title {
    font-size: 13px;
    line-height: 17px;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .product-card .product-header .product-description {
  color: #415362;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-card .product-header .product-description {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-card .product-header .product-description {
    font-size: 13px;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .product-card .product-header .product-description .see-more {
  color: #101b25;
  cursor: pointer;
  font-weight: 500;
}

.add-product-form .form-outer .rt-sec .preview-card .product-card .product-header .product-price {
  letter-spacing: 0%;
  color: #415362;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-card .product-header .product-price {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-card .product-header .product-price {
    font-size: 13px;
    line-height: 21px;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .product-card .product-header .product-price span {
  color: #101b25;
  margin-right: 5px;
  font-weight: 500;
}

.add-product-form .form-outer .rt-sec .preview-card .product-card .product-header .product-price .price-txt {
  align-items: center;
  display: flex;
}

.add-product-form .form-outer .rt-sec .preview-card .product-card .product-header .product-price .price-txt .dot {
  background-color: #b8c4d0;
  width: 4px;
  height: 4px;
  display: block;
}

.add-product-form .form-outer .rt-sec .preview-card .product-card .product-details {
  padding-top: 24px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-card .product-details {
    padding-top: 18px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-card .product-details {
    padding-top: 16px;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .product-card .product-details .details-heading {
  color: #101b25;
  letter-spacing: 0%;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-card .product-details .details-heading {
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-card .product-details .details-heading {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 20px;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .product-card .product-details .details-row {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.add-product-form .form-outer .rt-sec .preview-card .product-card .product-details .details-row:last-child {
  margin-bottom: 0;
}

.add-product-form .form-outer .rt-sec .preview-card .product-card .product-details .details-row .details-label {
  letter-spacing: 0%;
  color: #415362;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-card .product-details .details-row .details-label {
    font-size: 13px;
    line-height: 17px;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .product-card .product-details .details-row .details-value {
  letter-spacing: 0%;
  text-align: right;
  color: #101b25;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-card .product-details .details-row .details-value {
    font-size: 13px;
    line-height: 17px;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .product-card .product-details .variant-wrp {
  scrollbar-width: auto;
  scrollbar-color: #5090cc #f0f0f0;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  flex-wrap: nowrap;
  gap: 10px;
  margin-bottom: 16px;
  padding-bottom: 8px;
  display: flex;
  overflow: auto hidden;
}

.add-product-form .form-outer .rt-sec .preview-card .product-card .product-details .variant-wrp::-webkit-scrollbar {
  height: 12px;
}

.add-product-form .form-outer .rt-sec .preview-card .product-card .product-details .variant-wrp::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 6px;
}

.add-product-form .form-outer .rt-sec .preview-card .product-card .product-details .variant-wrp::-webkit-scrollbar-thumb {
  background: #5090cc;
  border: 2px solid #f0f0f0;
  border-radius: 6px;
  min-width: 40px;
}

.add-product-form .form-outer .rt-sec .preview-card .product-card .product-details .variant-wrp::-webkit-scrollbar-thumb:hover {
  background: #3a7bb8;
}

@media (max-width: 579px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-card .product-details .variant-wrp {
    padding-bottom: 10px;
  }

  .add-product-form .form-outer .rt-sec .preview-card .product-card .product-details .variant-wrp::-webkit-scrollbar {
    height: 14px;
  }

  .add-product-form .form-outer .rt-sec .preview-card .product-card .product-details .variant-wrp::-webkit-scrollbar-thumb {
    border: 3px solid #f0f0f0;
  }
}

.add-product-form .form-outer .rt-sec .preview-card .product-card .product-details .variant-wrp .variant-btn.active, .add-product-form .form-outer .rt-sec .preview-card .product-card .product-details .variant-wrp .variant-btn:hover {
  color: #5090cc;
  background-color: #fff;
  border: 1px solid #5090cc;
}

.add-product-form .form-outer .rt-sec .preview-card .product-card .product-details .variant-wrp .variant-btn {
  color: #101b25;
  white-space: nowrap;
  background-color: #f7fafd;
  border: 1px solid #dfe1e3;
  border-radius: 36px;
  min-width: 100px;
  height: 36px;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-card .product-details .variant-wrp .variant-btn {
    height: 34px;
  }
}

@media (max-width: 479px) {
  .add-product-form .form-outer .rt-sec .preview-card .product-card .product-details .variant-wrp .variant-btn {
    width: 45%;
    min-width: 48%;
  }
}

.shipping-wrapper {
  background: #f4f5f6;
  border-radius: 12px;
  margin-top: 10px;
  margin-bottom: 24px;
  padding: 16px;
}

@media (max-width: 767px) {
  .shipping-wrapper {
    margin-bottom: 10px;
  }
}

.shipping-wrapper .shipping-title {
  color: #101b25;
  letter-spacing: 0%;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 1679px) {
  .shipping-wrapper .shipping-title {
    font-size: 13px;
  }
}

.shipping-wrapper .shipping-options {
  background: #fff;
  border-radius: 12px;
  flex-direction: column;
  display: flex;
  box-shadow: 0 2px 4px #0000000a;
}

.shipping-wrapper .shipping-options.shiping-option-new {
  box-shadow: none;
  background-color: #0000;
}

.shipping-wrapper .shipping-options.shiping-option-new .shipping-option {
  padding: 6px;
}

.shipping-wrapper .shipping-options .shipping-option {
  cursor: pointer;
  align-items: center;
  padding: 14px;
  display: flex;
  position: relative;
}

.shipping-wrapper .shipping-options .shipping-option.active, .shipping-wrapper .shipping-options .shipping-option:hover {
  background: #f8f9fa;
}

.shipping-wrapper .shipping-options .shipping-option.active .shipping-logo, .shipping-wrapper .shipping-options .shipping-option:hover .shipping-logo {
  background-color: #fff;
}

.shipping-wrapper .shipping-options .shipping-option .shipping-checkbox {
  display: none;
}

.shipping-wrapper .shipping-options .shipping-option .checkbox-custom {
  border: 2px solid #ccc;
  border-radius: 4px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  transition: all .2s;
  display: inline-block;
  position: relative;
}

.shipping-wrapper .shipping-options .shipping-option .shipping-checkbox:checked + .checkbox-custom {
  background-color: #dce9f5;
  border-color: #5090cc;
}

.shipping-wrapper .shipping-options .shipping-option .shipping-checkbox:checked + .checkbox-custom:after {
  content: "";
  border: 2px solid #5090cc;
  border-width: 0 2px 2px 0;
  width: 5px;
  height: 10px;
  position: absolute;
  top: 2px;
  left: 6px;
  transform: rotate(45deg);
}

.shipping-wrapper .shipping-options .shipping-option .shipping-logo {
  object-fit: contain;
  background: #f8f9fa;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-left: 16px;
  display: flex;
}

.shipping-wrapper .shipping-options .shipping-option .shipping-logo img {
  height: 20px;
}

.shipping-wrapper .shipping-options .shipping-option .shipping-logo .fedex-ico {
  height: 40px;
}

.shipping-wrapper .shipping-options .shipping-option .shipping-info {
  margin-left: 16px;
}

.shipping-wrapper .shipping-options .shipping-option .shipping-info .shipping-name {
  color: #101b25;
  letter-spacing: -1%;
  vertical-align: middle;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.shipping-wrapper .shipping-options .shipping-option .shipping-info .shipping-desc {
  letter-spacing: 0;
  vertical-align: middle;
  color: #415362;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.slick-dots {
  justify-content: center;
  display: flex;
}

.slick-dots li {
  justify-content: center;
  align-items: center;
  display: flex;
}

.slick-dots li.slick-active button {
  background-color: #4882b8;
  width: 28px;
}

.slick-dots li button {
  background-color: #dfe1e3;
  border-radius: 50px;
  width: 8px;
  height: 8px;
}

.slick-dots li button:before {
  display: none;
}

.add-product-form .form-outer .lft-sec .product-thumbs-left.product-thumbs-slider-left {
  display: flex;
}

.add-product-form .form-outer .lft-sec .product-thumbs-left.product-thumbs-slider-left .thumb-slider-cover {
  flex-grow: 1;
  width: 100%;
  max-width: calc(100% - 90px);
}

.add-product-form .form-outer .lft-sec .product-thumbs-left.product-thumbs-slider-left .thumb-slider-cover .slick-next, .add-product-form .form-outer .lft-sec .product-thumbs-left.product-thumbs-slider-left .thumb-slider-cover .slick-prev {
  z-index: 1;
  background-image: url("/img/Arrow.svg");
  background-size: cover;
  width: 25px;
  height: 25px;
  padding: 0;
}

.add-product-form .form-outer .lft-sec .product-thumbs-left.product-thumbs-slider-left .thumb-slider-cover .slick-next:before, .add-product-form .form-outer .lft-sec .product-thumbs-left.product-thumbs-slider-left .thumb-slider-cover .slick-prev:before {
  display: none;
}

.add-product-form .form-outer .lft-sec .product-thumbs-left.product-thumbs-slider-left .thumb-slider-cover .slick-prev {
  left: 0;
}

.add-product-form .form-outer .lft-sec .product-thumbs-left.product-thumbs-slider-left .thumb-slider-cover .slick-next {
  right: 0;
  transform: scaleX(-1)translate(0, -50%);
}

.add-product-form .form-outer .lft-sec .product-thumbs-left.product-thumbs-slider-left .thumb-img-wrp {
  flex-shrink: 0;
}

.add-prod-img-slider {
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.add-prod-img-slider .add-prod-img-lg {
  justify-content: center;
  align-items: center;
  height: 282px;
  display: flex;
}

@media (max-width: 1679px) {
  .add-prod-img-slider .add-prod-img-lg {
    height: 260px;
  }
}

@media (max-width: 1481px) {
  .add-prod-img-slider .add-prod-img-lg {
    height: 240px;
  }
}

@media (max-width: 1199px) {
  .add-prod-img-slider .add-prod-img-lg {
    height: 220px;
  }
}

@media (max-width: 991px) {
  .add-prod-img-slider .add-prod-img-lg {
    height: 200px;
  }
}

@media (max-width: 579px) {
  .add-prod-img-slider .add-prod-img-lg {
    width: 100%;
    height: 240px;
  }
}

.add-prod-img-slider .add-prod-img-lg img {
  object-fit: cover;
  border-radius: 12px;
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.shipping-wrapper.ship-delivery-wrap .head-wrap {
  padding: 0 0 10px;
}

.shipping-wrapper.ship-delivery-wrap .head-wrap .title-wrap {
  flex-wrap: wrap;
  align-items: center;
  padding: 0 0 5px;
  display: flex;
}

.shipping-wrapper.ship-delivery-wrap .head-wrap .title-wrap span {
  color: #101b25;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .shipping-wrapper.ship-delivery-wrap .head-wrap .title-wrap span {
    font-size: 14px;
  }
}

.shipping-wrapper.ship-delivery-wrap .head-wrap .title-wrap img {
  width: 20px;
  margin: 0 0 0 10px;
}

@media (max-width: 1679px) {
  .shipping-wrapper.ship-delivery-wrap .head-wrap .title-wrap img {
    margin: 0 0 0 8px;
  }
}

.shipping-wrapper.ship-delivery-wrap .head-wrap .title-wrap .info-icon .tooltip-text {
  color: #fff !important;
  font-size: 13px !important;
}

.shipping-wrapper.ship-delivery-wrap .head-wrap .para {
  color: #415362;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}

.shipping-wrapper.ship-delivery-wrap .content-wrap .form-check.form-switch {
  background: #fff;
  border-radius: 8px;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 15px;
  display: flex;
}

@media (max-width: 1679px) {
  .shipping-wrapper.ship-delivery-wrap .content-wrap .form-check.form-switch {
    padding: 12px;
  }
}

@media (max-width: 767px) {
  .shipping-wrapper.ship-delivery-wrap .content-wrap .form-check.form-switch {
    flex-direction: row;
  }
}

.shipping-wrapper.ship-delivery-wrap .content-wrap .form-check.form-switch .form-check-label {
  color: #101b25;
  cursor: pointer;
  width: 87%;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .shipping-wrapper.ship-delivery-wrap .content-wrap .form-check.form-switch .form-check-label {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .shipping-wrapper.ship-delivery-wrap .content-wrap .form-check.form-switch .form-check-label {
    width: 82%;
    padding-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .shipping-wrapper.ship-delivery-wrap .content-wrap .form-check.form-switch .form-check-label {
    width: 87%;
    padding-bottom: 0;
  }
}

@media (max-width: 479px) {
  .shipping-wrapper.ship-delivery-wrap .content-wrap .form-check.form-switch .form-check-label {
    width: 82%;
    padding-bottom: 0;
  }
}

.shipping-wrapper.ship-delivery-wrap .content-wrap .form-check.form-switch .form-check-input {
  float: none;
  width: 44px;
  height: 24px;
  box-shadow: none;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
  cursor: pointer;
  background-color: #ccc;
  border: 0;
  border-radius: 30px;
  outline: 0;
  margin: 0;
  transition: all .5s;
}

@media (max-width: 1679px) {
  .shipping-wrapper.ship-delivery-wrap .content-wrap .form-check.form-switch .form-check-input {
    width: 36px;
    height: 20px;
  }
}

.shipping-wrapper.ship-delivery-wrap .content-wrap .form-check.form-switch .form-check-input:checked {
  background-color: #5090cc;
}

.shipping-wrapper.ship-delivery-wrap .content-wrap .form-check.form-switch + .form-switch {
  margin-top: 10px;
}

.add-product-form .form-outer .lft-sec .shipping-address-block {
  background-color: #fff;
  border: 1px solid #ecedef;
  border-radius: 12px;
  margin-bottom: 15px;
  padding: 22px;
  box-shadow: 0 2px 4px #0000000a;
}

@media (max-width: 479px) {
  .add-product-form .form-outer .lft-sec .shipping-address-block {
    padding: 15px;
  }
}

.add-product-form .form-outer .lft-sec .shipping-address-block.selected-address {
  border-color: #96bce0;
}

.add-product-form .form-outer .lft-sec .shipping-address-block .address-title-block {
  margin-bottom: 15px;
}

.add-product-form .form-outer .lft-sec .shipping-address-block .address-title-block .left-block .selected {
  color: #fff;
  background-color: #5090cc;
  border: 1px solid #e6ecf2;
  border-radius: 30px;
  align-items: center;
  padding: 6px 15px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.add-product-form .form-outer .lft-sec .shipping-address-block .address-title-block .left-block .select-address {
  color: #5090cc;
  background-color: #f8f9fa;
  border: 1px solid #e6ecf2;
  border-radius: 30px;
  flex-shrink: 0;
  align-items: center;
  padding: 6px 15px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.add-product-form .form-outer .lft-sec .shipping-address-block .address-title-block .right-block {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  display: flex;
}

.add-product-form .form-outer .lft-sec .shipping-address-block .address-title-block .right-block .address-info-sm {
  color: #101b25;
  background-color: #ecedef;
  border-radius: 30px;
  align-items: center;
  padding: 6px 15px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.add-product-form .form-outer .lft-sec .shipping-address-block .address-title-block .right-block .address-info-sm img {
  flex-shrink: 0;
  width: 12px;
  margin-top: -1px;
  margin-right: 4px;
}

.add-product-form .form-outer .lft-sec .shipping-address-block .address-title-block .right-block .address-actions {
  align-items: center;
  gap: 8px;
  display: flex;
}

.add-product-form .form-outer .lft-sec .shipping-address-block .address-title-block .right-block .address-actions button {
  box-shadow: none;
  color: #7b8d9f;
  cursor: pointer;
  background: none;
  border: 0;
  outline: 0;
  align-items: center;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
}

.add-product-form .form-outer .lft-sec .shipping-address-block .address-title-block .right-block .address-actions button img {
  width: 16px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .shipping-address-block .address-title-block .right-block .address-actions button img {
    width: 14px;
  }
}

@media (max-width: 479px) {
  .add-product-form .form-outer .lft-sec .shipping-address-block .address-title-block .right-block .address-actions button img {
    width: 16px;
  }
}

.add-product-form .form-outer .lft-sec .shipping-address-block .address-title-block .right-block .address-actions button span {
  padding-left: 5px;
}

.add-product-form .form-outer .lft-sec .shipping-address-block .address-title-block .right-block .address-actions .del-btn, .add-product-form .form-outer .lft-sec .shipping-address-block .address-title-block .right-block .address-actions .del-btn span {
  color: #ef4444;
}

.add-product-form .form-outer .lft-sec .shipping-address-block .address-title-block .right-block .address-actions .del-btn img {
  filter: none;
}

.add-product-form .form-outer .lft-sec .shipping-address-block .address-info-sm {
  color: #101b25;
  background-color: #ecedef;
  border-radius: 30px;
  align-items: center;
  margin-bottom: 10px;
  padding: 6px 15px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.add-product-form .form-outer .lft-sec .shipping-address-block .address-info-sm img {
  flex-shrink: 0;
  width: 12px;
  margin-top: -1px;
  margin-right: 4px;
}

.add-product-form .form-outer .lft-sec .shipping-address-block h4 {
  color: #101b25;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .shipping-address-block h4 {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .add-product-form .form-outer .lft-sec .shipping-address-block h4 {
    font-size: 16px;
  }
}

.add-product-form .form-outer .lft-sec .shipping-address-block h6 {
  margin-bottom: 2px;
  font-weight: 600;
}

.add-product-form .form-outer .lft-sec .shipping-address-block p {
  max-width: 350px;
  margin: 0;
}

.add-product-form .form-outer .lft-sec .shipping-address-block h6, .add-product-form .form-outer .lft-sec .shipping-address-block p {
  color: #415362;
  font-size: 16px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .shipping-address-block h6, .add-product-form .form-outer .lft-sec .shipping-address-block p {
    font-size: 14px;
  }

  .add-product-form .form-outer .lft-sec .shipping-address-block .address-title-block .right-block .address-actions button {
    font-size: 12px;
  }
}

@media (max-width: 450px) {
  .add-product-form .form-outer .lft-sec .shipping-address-block .address-title-block .right-block .address-actions button span {
    display: none;
  }
}

@media (max-width: 400px) {
  .add-product-form .form-outer .lft-sec .shipping-address-block .address-title-block .right-block .address-actions {
    gap: 6px;
  }
}

.add-product-form .form-outer .lft-sec .add-address-block {
  margin-bottom: 30px;
}

.add-product-form .form-outer .lft-sec .add-address-block .add-address-btn {
  color: #4f91cd;
  background-color: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 14px;
  font-size: 14px;
  font-weight: 500;
  transition: all .3s;
  display: flex;
  box-shadow: 0 2px 4px #2a455d0f;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .add-address-block .add-address-btn {
    padding: 12px 15px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .lft-sec .add-address-block .add-address-btn {
    padding: 10px 15px;
  }
}

@media (max-width: 579px) {
  .add-product-form .form-outer .lft-sec .add-address-block .add-address-btn {
    padding: 10px 15px;
  }
}

.add-product-form .form-outer .lft-sec .add-address-block .add-address-btn.btn-disabled {
  cursor: not-allowed;
  opacity: .5;
}

.add-product-form .form-outer .lft-sec .add-address-block .add-address-btn img {
  flex-shrink: 0;
  margin-right: 5px;
}

.add-product-form .form-outer .lft-sec .method-cover {
  background-color: #f8f9fa;
  border-radius: 12px;
  margin-bottom: 20px;
  padding: 15px;
}

.add-product-form .form-outer .lft-sec .method-cover .form-check {
  margin-bottom: 6px;
}

.add-product-form .form-outer .lft-sec .method-cover .form-check:last-child {
  margin-bottom: 0;
}

.add-product-form .form-outer .lft-sec .method-cover .form-check .form-check-input {
  border-radius: 2px;
  margin-top: 5px;
  border-color: #cbd1d7 !important;
}

.add-product-form .form-outer .lft-sec .method-cover .form-check .form-check-input:checked {
  border-color: #5090cc !important;
}

.add-product-form .form-outer .lft-sec .method-cover .form-check .form-check-label {
  color: #101b25;
}

.add-product-form .form-outer .lft-sec .box-wrap-add-address {
  margin-bottom: 20px;
  padding-top: 15px;
}

@media (max-width: 400px) {
  .add-product-form .form-outer .lft-sec .box-wrap-add-address .col-6 {
    width: 100%;
    max-width: 100%;
  }
}

.add-product-form .form-outer .lft-sec .input-wrap {
  padding-bottom: 20px;
}

.add-product-form .form-outer .lft-sec .input-wrap .name {
  color: #101b25;
  margin: 0;
  padding: 0 0 8px;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .input-wrap .name {
    padding-bottom: 6px;
    font-size: 13px;
  }
}

.add-product-form .form-outer .lft-sec .input-wrap .name .required-asterisk {
  color: #dc3545;
  margin-left: 2px;
}

.add-product-form .form-outer .lft-sec .input-wrap .fields-wrap {
  position: relative;
}

.add-product-form .form-outer .lft-sec .input-wrap .fields-wrap input {
  color: #101b25;
  background: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  outline: 0;
  width: 100%;
  height: 48px;
  padding: 10px 15px;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .input-wrap .fields-wrap input {
    height: 40px;
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .lft-sec .input-wrap .fields-wrap input {
    height: 36px;
    font-size: 13px;
  }
}

.add-product-form .form-outer .lft-sec .input-wrap .fields-wrap input::placeholder {
  color: #7b8d9f;
  opacity: 1;
}

.add-product-form .form-outer .lft-sec .input-wrap .fields-wrap select {
  color: #101b25;
  appearance: none;
  background: #fff url("/img/select-arrow.svg") 95% no-repeat;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  outline: 0;
  width: 100%;
  height: 48px;
  padding: 10px 15px;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .input-wrap .fields-wrap select {
    background-size: 10px;
    height: 40px;
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .add-product-form .form-outer .lft-sec .input-wrap .fields-wrap select {
    height: 36px;
    font-size: 13px;
  }
}

.add-product-form .form-outer .lft-sec .input-wrap .fields-wrap select::placeholder {
  color: #7b8d9f;
  opacity: 1;
}

.add-product-form .form-outer .lft-sec .input-wrap .fields-wrap .error-msg {
  color: red;
  margin-top: -2px;
  font-size: 10px;
  position: absolute;
}

.add-product-form .form-outer .lft-sec .head-wrap {
  padding: 0 0 10px;
}

.add-product-form .form-outer .lft-sec .head-wrap .subtitle-wrap {
  color: #101b25;
  margin: 0;
  padding: 0 0 5px;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .head-wrap .subtitle-wrap {
    font-size: 14px;
  }
}

.add-product-form .form-outer .lft-sec .head-wrap .subtitle-wrap.align-title {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.add-product-form .form-outer .lft-sec .head-wrap .subtitle-wrap.align-title .edit .btn {
  background: none;
  border: 0;
  outline: 0;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin: 0;
  padding: 0;
  display: flex;
}

.add-product-form .form-outer .lft-sec .head-wrap .subtitle-wrap.align-title .edit .btn img {
  width: 16px;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .head-wrap .subtitle-wrap.align-title .edit .btn img {
    width: 14px;
  }
}

.add-product-form .form-outer .lft-sec .head-wrap .subtitle-wrap.align-title .edit .btn span {
  color: #415362;
  margin: 0;
  padding: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .head-wrap .subtitle-wrap.align-title .edit .btn span {
    font-size: 12px;
  }
}

.add-product-form .form-outer .lft-sec .head-wrap .subtitle-para {
  color: #415362;
  max-width: 360px;
  margin: 0;
  padding: 0 0 10px;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .head-wrap .subtitle-para {
    max-width: 300px;
    font-size: 13px;
  }
}

.add-product-form .form-outer .lft-sec .checkout-btn-wrap {
  gap: 10px;
  padding: 25px 0 0;
  display: flex;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .checkout-btn-wrap {
    padding: 15px 0 0;
  }
}

.add-product-form .form-outer .lft-sec .checkout-btn-wrap .btn {
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 10px;
  transition: all .3s;
  display: flex;
  background: #fff !important;
}

.add-product-form .form-outer .lft-sec .checkout-btn-wrap .btn:hover {
  opacity: .8;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .checkout-btn-wrap .btn {
    height: 40px;
  }
}

.add-product-form .form-outer .lft-sec .checkout-btn-wrap .btn.cnfm {
  border: 0;
  position: relative;
  background: #5090cc !important;
}

.add-product-form .form-outer .lft-sec .checkout-btn-wrap .btn.cnfm span {
  color: #fff;
}

.add-product-form .form-outer .lft-sec .checkout-btn-wrap .btn span {
  color: #101b25;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .add-product-form .form-outer .lft-sec .checkout-btn-wrap .btn span {
    font-size: 13px;
  }
}

/* [project]/ui/styles/scss/arcade.scss.css [client] (css) */
@media (min-width: 992px) {
  .arcade-sec-outer .custom-container {
    max-width: 720px;
  }
}

.arcade-sec {
  margin-bottom: 50px;
}

.arcade-sec .arcade-banner-sec {
  z-index: 1;
  background-image: url("/img/arcd-bnr.png");
  background-position: 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
  border-radius: 12px;
  width: 100%;
  height: 330px;
  margin-bottom: 10px;
  padding: 22px 17px;
  animation: 8s ease-out infinite bgMove;
  position: relative;
  overflow: hidden;
}

.arcade-sec .arcade-banner-sec:before {
  content: "";
  z-index: -1;
  background: linear-gradient(186deg, #0000 8.58%, #130441 87.41%);
  width: 100%;
  height: calc(100% - 30px);
  position: absolute;
  inset: auto 0 0;
}

.arcade-sec .arcade-banner-sec .data-block {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.arcade-sec .arcade-banner-sec .data-block .total-num {
  background-color: #fff;
  border-radius: 30px;
  align-items: center;
  min-width: 100px;
  padding: 5px 14px;
  display: inline-flex;
}

.arcade-sec .arcade-banner-sec .data-block .total-num .icon {
  flex-shrink: 0;
  margin-right: 7px;
  line-height: 0;
  display: inline-block;
}

.arcade-sec .arcade-banner-sec .data-block .total-num .num-data {
  color: #101b25;
}

.arcade-sec .arcade-banner-sec .data-block .total-num .num-data p {
  margin: 0;
  font-size: 10px;
  font-weight: 500;
}

.arcade-sec .arcade-banner-sec .data-block .total-num .num-data h4 {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
}

.arcade-sec .arcade-banner-sec .data-block .bottom-block {
  margin-top: auto;
  padding-top: 20px;
}

.arcade-sec .arcade-banner-sec .data-block .bottom-block h4 {
  color: #fff;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}

.arcade-sec .arcade-banner-sec .data-block .bottom-block p {
  color: #fff;
  margin: 0;
  font-size: 13px;
  font-weight: 550;
}

.arcade-sec .arcade-banner-sec .data-block .bottom-block p .text-highlight {
  color: #61aef7;
}

.arcade-sec .arcade-banner-sec .data-block .bottom-block .arcade-wwx-tooltip-trigger {
  cursor: pointer;
  position: relative;
}

.arcade-sec .arcade-banner-sec .data-block .bottom-block .arcade-wwx-tooltip-trigger .arcade-wwx-info-icon {
  vertical-align: middle;
  align-items: center;
  margin: 0 2px;
  display: inline-flex;
}

.arcade-sec .arcade-banner-sec .data-block .bottom-block .arcade-wwx-tooltip-trigger .arcade-wwx-info-icon img {
  opacity: .9;
  filter: brightness(0) invert();
  width: 14px;
  height: 14px;
}

.arcade-sec .arcade-banner-sec .data-block .bottom-block .arcade-wwx-tooltip-trigger .arcade-wwx-tooltip {
  color: #415362;
  white-space: normal;
  word-wrap: break-word;
  z-index: 10;
  pointer-events: auto;
  background-color: #fff;
  border-radius: 6px;
  min-width: 200px;
  max-width: 280px;
  margin-bottom: 8px;
  padding: 8px 12px;
  font-size: 13px;
  line-height: 1.4;
  position: absolute;
  bottom: 100%;
  left: 0;
  box-shadow: 0 4px 32px #a5b3c066;
}

.arcade-sec .arcade-banner-sec .data-block .bottom-block .arcade-wwx-tooltip-trigger .arcade-wwx-tooltip a {
  color: #5090cc;
  text-decoration: underline;
}

.arcade-sec .arcade-banner-sec .data-block .bottom-block .arcade-wwx-tooltip-trigger .arcade-wwx-tooltip a:hover {
  color: #284866;
}

@keyframes bgMove {
  0% {
    background-position: 0;
  }

  85% {
    background-position: 100%;
  }

  90% {
    background-position: 100%;
  }

  100% {
    background-position: 0;
  }
}

.arcade-sec .sec-title {
  margin-bottom: 15px;
}

.arcade-sec .sec-title h2 {
  color: #101b25;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .arcade-sec .sec-title h2 {
    font-size: 18px;
  }
}

.arcade-sec .sec-title p {
  color: #415362;
  margin-bottom: 0;
  font-size: 12px;
}

.arcade-sec .arcade-slider-sec {
  padding-bottom: 30px;
}

.arcade-sec .arcade-slider-sec .slider-title {
  color: #415362;
  text-align: center;
  margin-bottom: 25px;
  font-size: 27px;
  font-weight: 700;
}

.arcade-sec .arcade-slider-sec .slider-title span {
  color: #45bb8b;
}

.arcade-sec .arcade-slider-sec .arcade-slider-outer {
  margin: 0 -9px;
  overflow: hidden;
}

@media (max-width: 579px) {
  .arcade-sec .arcade-slider-sec .arcade-slider .slick-slide {
    opacity: .4;
    transition: opacity .3s;
  }
}

.arcade-sec .arcade-slider-sec .arcade-slider .slick-center {
  opacity: 1;
}

.arcade-sec .arcade-slider-sec .arcade-slider .slick-dots {
  bottom: -35px;
}

.arcade-sec .arcade-slider-sec .arcade-slider .slick-dots li {
  width: 16px;
  margin: 0 1px;
}

.arcade-sec .arcade-slider-sec .arcade-slider .slick-dots li button {
  width: 16px;
}

.arcade-sec .arcade-slider-sec .arcade-slider .slick-dots li button:before {
  color: #ddd;
  width: 16px;
  font-size: 8px;
}

.arcade-sec .arcade-slider-sec .arcade-slider .slick-dots li.slick-active button:before {
  color: #0b93e2;
}

.arcade-sec .arcade-slider-sec .arcade-slider .slider-card {
  width: 100%;
  height: 150px;
  padding: 0 5px;
}

.arcade-sec .arcade-slider-sec .arcade-slider .slider-card .media-item {
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.arcade-sec .arcade-how-work-sec {
  margin-bottom: 20px;
}

.arcade-sec .arcade-how-work-sec h3 {
  text-transform: uppercase;
  color: #101b2599;
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 600;
}

.arcade-sec .arcade-how-work-sec .how-work-card {
  border: 1px solid #e9eff5;
  border-radius: 35px;
  align-items: center;
  margin-bottom: 8px;
  padding: 17px 16px;
}

.arcade-sec .arcade-how-work-sec .how-work-card .icon {
  background-color: #5090cc33;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 37px;
  height: 37px;
  margin-right: 13px;
  display: inline-flex;
}

.arcade-sec .arcade-how-work-sec .how-work-card .icon.icon-2 {
  background-color: #1bb74633;
}

.arcade-sec .arcade-how-work-sec .how-work-card .icon.icon-3 {
  background-color: #f27a2a33;
}

.arcade-sec .arcade-how-work-sec .how-work-card .text-block h5 {
  color: #2b3945;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
}

.arcade-sec .arcade-how-work-sec .how-work-card .text-block p {
  color: #415362;
  margin: 0;
  font-size: 14px;
}

.arcade-sec .arcade-how-work-sec .card-btn-block {
  padding-top: 10px;
}

.arcade-sec .arcade-how-work-sec.what-expect-sec .how-work-card {
  background-color: #0000;
  border: none;
  border-bottom: 1px solid #f4f4f4;
  border-radius: 0;
  margin: 0;
  padding: 15px 0;
}

.arcade-sec .arcade-how-work-sec.what-expect-sec .how-work-card:last-child {
  border: none;
}

.arcade-sec .btn-block {
  justify-content: space-between;
  padding-top: 20px;
}

.arcade-sec .btn-block .btn-1 {
  width: calc(50% - 5px);
}

.arcade-sec .btn-block .confirm-btn {
  background: linear-gradient(90deg, #5090cc 0%, #284866 100%);
}

.arcade-sec .arcade-cash-cows-title {
  margin-bottom: 15px;
}

.arcade-sec .arcade-cash-cows-title h3 {
  text-transform: uppercase;
  color: #101b2599;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 600;
}

.arcade-sec .arcade-card-bottom-sec .perks-card {
  border: 1px solid #ecedef;
  border-radius: 12px;
  height: 100%;
  margin-bottom: 20px;
  padding: 25px;
}

@media (max-width: 360px) {
  .arcade-sec .arcade-card-bottom-sec .perks-card {
    padding: 20px;
  }
}

@media (max-width: 479px) {
  .arcade-sec .arcade-card-bottom-sec .perks-card .card-title-outer {
    flex-wrap: wrap;
  }
}

.arcade-sec .arcade-card-bottom-sec .perks-card .card-title-outer .right-block {
  align-items: center;
  margin-left: auto;
  display: flex;
}

@media (max-width: 479px) {
  .arcade-sec .arcade-card-bottom-sec .perks-card .card-title-outer .right-block {
    width: 100%;
    margin-bottom: 15px;
  }
}

.arcade-sec .arcade-card-bottom-sec .perks-card .card-title-outer .right-block .title-label {
  color: #4f91cd;
  background-color: #eff6ff;
  border-radius: 8px;
  align-items: center;
  margin-left: 10px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.arcade-sec .arcade-card-bottom-sec .perks-card .card-title-outer .right-block .title-label:first-child {
  margin-left: 0;
}

.arcade-sec .arcade-card-bottom-sec .perks-card .card-title-outer .right-block .title-label img {
  flex-shrink: 0;
  margin-right: 8px;
}

.arcade-sec .arcade-card-bottom-sec .perks-card .card-title-outer .right-block .title-label.featured {
  color: #ff9b10;
  background-color: #fef3c6;
}

.arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row {
  width: 100%;
  margin-bottom: 15px;
  position: relative;
}

.arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row .icon {
  background-color: #eff6ff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-right: 12px;
  display: inline-flex;
}

@media (max-width: 1679px) {
  .arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row .icon {
    width: 40px;
    height: 40px;
  }
}

.arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row .icon img {
  max-width: 24px;
  max-height: 24px;
}

@media (max-width: 1679px) {
  .arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row .icon img {
    max-width: 20px;
    max-height: 20px;
  }
}

.arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row .txt-data h4 {
  color: #122852;
  margin: 4px;
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row .txt-data h4 {
    font-size: 16px;
  }
}

.arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row .txt-data .status-block .card-status {
  color: #4f91cd;
  background-color: #eff6ff;
  border: 1px solid #4f91cd33;
  border-radius: 25px;
  min-width: 54px;
  padding: 2px 6px;
  font-size: 12px;
  display: inline-block;
}

.arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row .txt-data .status-block .card-status.active {
  text-align: center;
  color: #22c266;
  background-color: #edfff4;
  border-top: 1px solid #22c26633;
}

.arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row .txt-data .status-block .card-badge {
  border-radius: 25px;
  padding: 5px 11px;
  font-size: 12px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row .txt-data .status-block .card-badge {
    padding: 3px 11px;
  }
}

.arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row .txt-data .status-block .card-badge--blue {
  color: #4f91cd;
  background-color: #eff6ff;
  border: 1px solid #4f91cd33;
}

.arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row .txt-data .status-block .card-badge--green {
  color: #059669;
  background-color: #d1fae5;
  border: 1px solid #10b98133;
}

.arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row .txt-data .status-block .card-badge--gray {
  color: #6b7280;
  background-color: #f3f4f6;
  border: 1px solid #9ca3af33;
}

.arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row .txt-data .status-block .card-badge--orange {
  color: #d97706;
  background-color: #fef3c7;
  border: 1px solid #f59e0b33;
}

.arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row .txt-data .status-block .card-badge--green-outline {
  color: #059669;
  background-color: #ecfdf5;
  border: 1px solid #10b981;
}

.arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row .title-label-block {
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 479px) {
  .arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row .title-label-block {
    position: static;
  }
}

.arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row .title-label-block .title-label {
  color: #4f91cd;
  background-color: #eff6ff;
  border-radius: 8px;
  align-items: center;
  margin-left: 10px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

@media (max-width: 479px) {
  .arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row .title-label-block .title-label {
    margin-left: 8px;
  }
}

@media (max-width: 362px) {
  .arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row .title-label-block .title-label {
    text-align: center;
  }
}

.arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row .title-label-block .title-label img {
  flex-shrink: 0;
  margin-right: 8px;
}

@media (max-width: 362px) {
  .arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row .title-label-block .title-label img {
    display: none;
  }
}

.arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row .title-label-block .title-label.featured {
  color: #ff9b10;
  background-color: #fef3c6;
}

@media (max-width: 390px) {
  .arcade-sec .arcade-card-bottom-sec .perks-card .card-title-row .title-label-block .title-label.featured img {
    display: none;
  }
}

.arcade-sec .arcade-card-bottom-sec .perks-card p {
  color: #415362;
  margin-bottom: 15px;
  font-size: 14px;
}

@media (max-width: 1679px) {
  .arcade-sec .arcade-card-bottom-sec .perks-card p {
    font-size: 13px;
  }
}

.arcade-sec .arcade-card-bottom-sec .perks-card .bottom-row {
  justify-content: space-between;
}

.arcade-sec .arcade-card-bottom-sec .perks-card .bottom-row .card-label {
  color: #4f91cd;
  align-items: center;
  font-size: 14px;
  display: inline-flex;
}

.arcade-sec .arcade-card-bottom-sec .perks-card .bottom-row .card-label:before {
  content: "";
  background-color: #4f91cd;
  border-radius: 50%;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  margin-right: 5px;
  display: inline-block;
}

@media (max-width: 767px) {
  .arcade-sec .arcade-card-bottom-sec .perks-card .bottom-row .card-link-group {
    flex-direction: column;
    align-items: stretch;
  }
}

.arcade-sec .arcade-card-bottom-sec .perks-card .bottom-row .card-link {
  color: #fff;
  background-color: #4f91cd;
  border: none;
  border-radius: 10px;
  align-items: center;
  padding: 6px 12px;
  font-size: 14px;
  transition: all .3s;
  display: inline-flex;
  box-shadow: 0 1px 3px #0000001a;
}

.arcade-sec .arcade-card-bottom-sec .perks-card .bottom-row .card-link img {
  margin-left: 6px;
}

.arcade-sec .arcade-card-bottom-sec .perks-card .bottom-row .card-link.coming-soon {
  color: #99a1af;
  background-color: #f3f4f6;
  padding: 6px 12px;
}

/* [project]/ui/styles/scss/buyer-center.scss.css [client] (css) */
.sec-title {
  margin-bottom: 20px;
}

.sec-title h2 {
  color: #101b25;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .sec-title h2 {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {
  .buyer-center-outer .custom-container {
    max-width: 1060px;
  }
}

.buyer-center-sec {
  padding-top: 10px;
  padding-bottom: 80px;
}

@media (max-width: 1679px) {
  .buyer-center-sec {
    padding-bottom: 60px;
  }
}

@media (max-width: 579px) {
  .buyer-center-sec {
    padding-bottom: 20px;
  }
}

.buyer-center-sec .buyer-center-card-cover .buyer-center-col {
  margin-bottom: 20px;
}

@media (max-width: 579px) {
  .buyer-center-sec .buyer-center-card-cover .buyer-center-col {
    margin-bottom: 15px;
  }
}

.buyer-center-sec .buyer-center-card-cover .buyer-center-col .buyer-center-card {
  background-color: #f8f9fa;
  border-radius: 12px;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 15px 15px 15px 22px;
}

.buyer-center-sec .buyer-center-card-cover .buyer-center-col .buyer-center-card .icon {
  flex-shrink: 0;
  width: 30px;
}

.buyer-center-sec .buyer-center-card-cover .buyer-center-col .buyer-center-card .txt-block {
  padding-left: 10px;
}

.buyer-center-sec .buyer-center-card-cover .buyer-center-col .buyer-center-card .txt-block h4 {
  color: #101b25;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .buyer-center-sec .buyer-center-card-cover .buyer-center-col .buyer-center-card .txt-block h4 {
    font-size: 15px;
  }
}

@media (max-width: 1481px) {
  .buyer-center-sec .buyer-center-card-cover .buyer-center-col .buyer-center-card .txt-block h4 {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .buyer-center-sec .buyer-center-card-cover .buyer-center-col .buyer-center-card .txt-block h4 {
    font-size: 16px;
  }
}

.buyer-center-sec .buyer-center-card-cover .buyer-center-col .buyer-center-card .txt-block p {
  color: #415362;
  margin: 0;
  font-size: 14px;
}

@media (max-width: 1679px) {
  .buyer-center-sec .buyer-center-card-cover .buyer-center-col .buyer-center-card .txt-block p {
    font-size: 13px;
  }
}

@media (max-width: 579px) {
  .buyer-center-sec .buyer-center-card-cover .buyer-center-col .buyer-center-card .txt-block p {
    font-size: 14px;
  }
}

.buyer-center-outer .pr-list-wrap .row-align {
  --bs-gutter-x: 10px;
  row-gap: 10px;
}

.buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap {
  background: #f6f7f9;
  border-radius: 15px;
  margin: 0 0 8px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap {
    border-radius: 10px;
    margin: 0 0 5px;
  }
}

.buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .head {
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

@media (max-width: 1679px) {
  .buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .head {
    padding: 10px 15px;
  }
}

@media (max-width: 479px) {
  .buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .head {
    padding: 10px 10px 0;
  }
}

.buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .head .logo img {
  max-height: 24px;
  display: block;
}

@media (max-width: 1679px) {
  .buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .head .logo img {
    max-height: 22px;
  }
}

@media (max-width: 479px) {
  .buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .head .logo img {
    max-height: 18px;
  }
}

.buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .head .card-btn-rgt {
  align-items: center;
  margin-left: auto;
  display: inline-flex;
}

.buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .head .card-btn-rgt .prod-share {
  margin-right: 10px;
  position: relative;
}

.buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .head .card-btn-rgt .prod-share.active .prod-share-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .head .card-btn-rgt .prod-share .prod-share-dropdown {
  opacity: 0;
  visibility: hidden;
  background-color: #ffffffe6;
  border: 1px solid #ecedef;
  border-radius: 12px;
  min-width: 150px;
  padding: 12px;
  transition: all .3s;
  position: absolute;
  top: calc(100% + 5px);
  right: -20px;
  transform: translateY(-8px);
  box-shadow: 0 6px 5px #0000000f;
}

.buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .head .card-btn-rgt .prod-share .prod-share-dropdown h5 {
  color: #122852;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}

.buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .head .card-btn-rgt .prod-share .prod-share-dropdown .share-item {
  align-items: center;
  display: flex;
}

.buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .head .card-btn-rgt .prod-share .prod-share-dropdown .share-item .share-link {
  background-color: #31509f;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 8px;
  display: inline-flex;
}

.buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .head .card-btn-rgt .prod-share .prod-share-dropdown .share-item .share-link img {
  filter: brightness(100) invert(100);
  max-width: 17px;
  max-height: 17px;
}

.buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .head .card-btn-rgt .prod-share .prod-share-dropdown .share-item .share-link:last-child {
  margin-right: 0;
}

.buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .head .fav-wrap {
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-left: auto;
  display: flex;
}

@media (max-width: 1679px) {
  .buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .head .fav-wrap {
    width: 32px;
    height: 32px;
  }
}

@media (max-width: 479px) {
  .buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .head .fav-wrap {
    width: 28px;
    height: 28px;
  }
}

.buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .head .fav-wrap img {
  width: 20px;
}

@media (max-width: 1679px) {
  .buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .head .fav-wrap img {
    width: 16px;
  }
}

@media (max-width: 479px) {
  .buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .head .fav-wrap img {
    width: 14px;
  }
}

.buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .img-wrap {
  justify-content: center;
  align-items: center;
  height: 240px;
  display: flex;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .img-wrap {
    height: 200px;
  }
}

@media (max-width: 1481px) {
  .buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .img-wrap {
    height: 180px;
  }
}

@media (max-width: 1199px) {
  .buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .img-wrap {
    height: 230px;
  }
}

@media (max-width: 767px) {
  .buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .img-wrap {
    height: 160px;
  }
}

@media (max-width: 479px) {
  .buyer-center-outer .pr-list-wrap .content-wrap .gray-wrap .img-wrap {
    height: 130px;
  }
}

.buyer-center-outer .pr-list-wrap .content-wrap .pr-detail-wrap .name {
  color: #122852;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  display: -webkit-box;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .buyer-center-outer .pr-list-wrap .content-wrap .pr-detail-wrap .name {
    font-size: 16px;
  }
}

.buyer-center-outer .pr-list-wrap .content-wrap .pr-detail-wrap .status {
  color: #415362;
  font-size: 16px;
  font-weight: 400;
}

@media (max-width: 1679px) {
  .buyer-center-outer .pr-list-wrap .content-wrap .pr-detail-wrap .status {
    font-size: 14px;
  }
}

.buyer-center-outer .pr-list-wrap .content-wrap .pr-detail-wrap .price-wrap {
  display: flex;
}

.buyer-center-outer .pr-list-wrap .content-wrap .pr-detail-wrap .price-wrap span {
  color: #7b8d9f;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .buyer-center-outer .pr-list-wrap .content-wrap .pr-detail-wrap .price-wrap span {
    font-size: 14px;
  }
}

.buyer-center-outer .pr-list-wrap .content-wrap .pr-detail-wrap .price-wrap span.black {
  color: #122852;
  font-weight: 18px;
  margin: 0 0 0 8px;
  padding: 0 0 0 8px;
  font-weight: 600;
  position: relative;
}

.buyer-center-outer .pr-list-wrap .content-wrap .pr-detail-wrap .price-wrap span.black:before {
  content: "";
  background: #101b25;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  margin: auto;
  position: absolute;
  inset: 0 auto 0 0;
}

.buyer-center-outer .pr-list-wrap .content-wrap .btn-wrap .btn {
  background: #eef5ff;
  border: 0;
  border-radius: 20px;
  outline: 0;
  width: 100%;
  height: 37px;
  margin: 0;
  padding: 0 10px 3px;
  display: block;
}

.buyer-center-outer .pr-list-wrap .content-wrap .btn-wrap .btn span {
  color: #5090cc;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.buyer-center-outer .wishist-empty {
  text-align: center;
  max-width: 650px;
  margin: 0 auto;
}

@media (max-width: 1199px) {
  .buyer-center-outer .wishist-empty {
    max-width: 580px;
  }
}

@media (max-width: 579px) {
  .buyer-center-outer .wishist-empty {
    max-width: 400px;
  }
}

@media (max-width: 1679px) {
  .buyer-center-outer .wishist-empty .img-block img {
    max-height: 350px;
  }
}

@media (max-width: 1481px) {
  .buyer-center-outer .wishist-empty .img-block img {
    max-height: 320px;
  }
}

@media (max-width: 1199px) {
  .buyer-center-outer .wishist-empty .img-block img {
    max-height: 290px;
  }
}

@media (max-width: 579px) {
  .buyer-center-outer .wishist-empty .img-block img {
    max-height: 200px;
  }
}

.buyer-center-outer .wishist-empty h2 {
  color: #101b25;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .buyer-center-outer .wishist-empty h2 {
    font-size: 20px;
  }
}

@media (max-width: 579px) {
  .buyer-center-outer .wishist-empty h2 {
    font-size: 16px;
  }
}

.buyer-center-outer .wishist-empty p {
  color: #415362;
  margin-bottom: 25px;
  font-size: 18px;
}

@media (max-width: 1679px) {
  .buyer-center-outer .wishist-empty p {
    font-size: 16px;
  }
}

@media (max-width: 1481px) {
  .buyer-center-outer .wishist-empty p {
    font-size: 15px;
  }
}

@media (max-width: 579px) {
  .buyer-center-outer .wishist-empty p {
    font-size: 14px;
  }
}

.buyer-center-outer .wishist-empty .btn-block .start-wishlist {
  color: #fff;
  background-color: #5090cc;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 12px 35px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
}

@media (max-width: 1679px) {
  .buyer-center-outer .wishist-empty .btn-block .start-wishlist {
    font-size: 14px;
  }
}

@media (max-width: 579px) {
  .buyer-center-outer .wishist-empty .btn-block .start-wishlist {
    width: 100%;
    padding: 12px 15px;
  }
}

.buyer-center-outer .wishist-empty .btn-block .start-wishlist img {
  margin-right: 4px;
}

@media (max-width: 340px) {
  .buyer-center-outer .wishist-empty .btn-block .start-wishlist img {
    display: none;
  }
}

.buyer-center-outer .buyer-preview-sec {
  max-width: 850px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 100px;
}

@media (max-width: 1679px) {
  .buyer-center-outer .buyer-preview-sec {
    padding-bottom: 60px;
  }
}

@media (max-width: 579px) {
  .buyer-center-outer .buyer-preview-sec {
    padding-top: 20px;
    padding-bottom: 30px;
  }
}

.buyer-center-outer .buyer-preview-sec .back-block {
  margin-bottom: 25px;
}

@media (max-width: 579px) {
  .buyer-center-outer .buyer-preview-sec .back-block {
    margin-bottom: 15px;
  }
}

.buyer-center-outer .buyer-preview-sec .back-block .back-btn {
  background-color: #0000;
  border: none;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
  display: inline-flex;
}

@media (max-width: 1679px) {
  .buyer-center-outer .buyer-preview-sec .back-block .back-btn {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .buyer-center-outer .buyer-preview-sec .back-block .back-btn {
    font-size: 16px;
  }
}

.buyer-center-outer .buyer-preview-sec .back-block .back-btn img {
  margin-right: 10px;
}

.buyer-center-outer .buyer-preview-sec .preview-cover {
  border: 1px solid #dfe1e3;
  border-radius: 12px;
  padding: 30px;
}

@media (max-width: 991px) {
  .buyer-center-outer .buyer-preview-sec .preview-cover {
    padding: 20px;
  }
}

@media (max-width: 479px) {
  .buyer-center-outer .buyer-preview-sec .preview-cover {
    padding: 15px;
  }
}

.buyer-center-outer .buyer-preview-sec .preview-cover .fav-product-img {
  aspect-ratio: 1.771;
  background-color: #f7fafd;
  border: 1px dashed #b8c4d0;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 250px;
  max-height: 438px;
  margin-bottom: 25px;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .buyer-center-outer .buyer-preview-sec .preview-cover .fav-product-img {
    max-height: 380px;
  }
}

@media (max-width: 1481px) {
  .buyer-center-outer .buyer-preview-sec .preview-cover .fav-product-img {
    max-height: 350px;
    margin-bottom: 15px;
  }
}

@media (max-width: 991px) {
  .buyer-center-outer .buyer-preview-sec .preview-cover .fav-product-img {
    max-height: 300px;
  }
}

@media (max-width: 479px) {
  .buyer-center-outer .buyer-preview-sec .preview-cover .fav-product-img {
    min-height: 200px;
    max-height: 280px;
  }
}

.buyer-center-outer .buyer-preview-sec .preview-cover .fav-product-img img {
  object-fit: contain;
  width: auto;
  max-width: 90%;
  height: auto;
  max-height: 90%;
  padding: 20px;
  display: block;
}

@media (max-width: 479px) {
  .buyer-center-outer .buyer-preview-sec .preview-cover .fav-product-img img {
    max-width: 85%;
    max-height: 85%;
    padding: 15px;
  }
}

.buyer-center-outer .buyer-preview-sec .preview-cover .fav-product-img video {
  object-fit: contain;
  width: auto;
  max-width: 90%;
  height: auto;
  max-height: 90%;
  padding: 20px;
  display: block;
}

@media (max-width: 479px) {
  .buyer-center-outer .buyer-preview-sec .preview-cover .fav-product-img video {
    max-width: 85%;
    max-height: 85%;
    padding: 15px;
  }
}

.buyer-center-outer .buyer-preview-sec .preview-cover .details-block h4 {
  color: #101b25;
  margin-bottom: 2px;
  font-size: 16px;
  font-weight: 500;
}

.buyer-center-outer .buyer-preview-sec .preview-cover .details-block .url-block {
  margin-bottom: 30px;
}

@media (max-width: 1679px) {
  .buyer-center-outer .buyer-preview-sec .preview-cover .details-block .url-block {
    margin-bottom: 20px;
  }
}

.buyer-center-outer .buyer-preview-sec .preview-cover .details-block .url-block .prod-url {
  color: #08f;
  font-size: 12px;
  text-decoration: underline;
  transition: all .3s;
}

.buyer-center-outer .buyer-preview-sec .preview-cover .details-block .url-block .prod-url:hover {
  opacity: .8;
}

.buyer-center-outer .buyer-preview-sec .preview-cover .details-block h5 {
  color: #101b25;
  margin-bottom: 8px;
  font-size: 14px;
}

.buyer-center-outer .buyer-preview-sec .preview-cover .details-block p {
  color: #415362;
  font-size: 14px;
}

.buyer-center-outer .buyer-preview-sec .preview-cover .details-block .descp {
  margin-bottom: 15px;
}

.buyer-center-outer .buyer-preview-sec .preview-cover .details-block .catg-wrapper {
  flex-wrap: wrap;
  display: flex;
}

.buyer-center-outer .buyer-preview-sec .preview-cover .details-block .catg-wrapper .catg-item {
  background-color: #f6f7f9;
  border-radius: 50px;
  align-items: center;
  min-height: 32px;
  margin: 5px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
}

.buyer-center-outer .buyer-preview-sec .preview-cover .details-block .catg-wrapper .catg-item:first-child {
  margin-left: 0;
}

.buyer-center-outer .buyer-preview-sec .preview-cover .details-block .catg-wrapper .catg-item img {
  max-width: 16px;
  max-height: 16px;
  margin-right: 4px;
}

.buyer-center-outer .buyer-preview-sec .preview-cover .details-block .btn-block {
  justify-content: flex-end;
  padding-top: 40px;
  display: flex;
}

@media (max-width: 1679px) {
  .buyer-center-outer .buyer-preview-sec .preview-cover .details-block .btn-block {
    padding-top: 30px;
  }
}

@media (max-width: 767px) {
  .buyer-center-outer .buyer-preview-sec .preview-cover .details-block .btn-block {
    flex-wrap: wrap;
  }
}

.buyer-center-outer .buyer-preview-sec .preview-cover .details-block .btn-block .edit-btn {
  color: #101b25;
  background-color: #fff;
  border: 1px solid #dfe1e3;
  margin-right: 15px;
}

@media (max-width: 479px) {
  .buyer-center-outer .buyer-preview-sec .preview-cover .details-block .btn-block .edit-btn {
    margin-bottom: 15px;
    margin-right: 0;
  }
}

.buyer-center-outer .buyer-preview-sec .preview-cover .details-block .btn-block .btn-1 {
  min-width: 200px;
}

@media (max-width: 767px) {
  .buyer-center-outer .buyer-preview-sec .preview-cover .details-block .btn-block .btn-1 {
    width: 50%;
    min-width: auto;
  }
}

@media (max-width: 479px) {
  .buyer-center-outer .buyer-preview-sec .preview-cover .details-block .btn-block .btn-1 {
    width: 100%;
  }
}

.buyer-center-outer .buyer-preview-sec .preview-cover .details-block .btn-block .btn-1 img {
  margin-left: 4px;
}

@media (max-width: 479px) {
  .buyer-center-outer .buyer-preview-sec .preview-cover .details-block .btn-block .btn-1 img {
    margin-left: 20px;
  }
}

.buyer-center-outer .buyer-offer-cover {
  max-width: 850px;
  margin: 0 auto;
  padding: 30px 0 50px;
}

@media (max-width: 1679px) {
  .buyer-center-outer .buyer-offer-cover {
    padding: 10px 0 50px;
  }
}

.buyer-center-outer .buyer-offer-cover .rec-head-wrap {
  margin: 0 0 25px;
}

@media (max-width: 1679px) {
  .buyer-center-outer .buyer-offer-cover .rec-head-wrap {
    margin: 0 0 20px;
  }
}

.buyer-center-outer .buyer-offer-cover .rec-head-wrap ul {
  scrollbar-width: thin;
  scrollbar-color: #5090cc #0000;
  border-bottom: 1px solid #dfe1e3;
  margin: 0 0 -1px;
  padding: 0 0 1px;
  display: flex;
  overflow: auto hidden;
}

.buyer-center-outer .buyer-offer-cover .rec-head-wrap ul li {
  white-space: nowrap;
  margin: 0;
  padding: 10px 0;
  list-style: none;
}

@media (max-width: 1199px) {
  .buyer-center-outer .buyer-offer-cover .rec-head-wrap ul li {
    padding: 8px 0;
  }
}

.buyer-center-outer .buyer-offer-cover .rec-head-wrap ul li .tab-btn {
  color: #7b8d9f;
  text-align: center;
  min-width: 180px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 500;
  display: block;
  position: relative;
}

@media (max-width: 1481px) {
  .buyer-center-outer .buyer-offer-cover .rec-head-wrap ul li .tab-btn {
    min-width: 160px;
  }
}

@media (max-width: 1199px) {
  .buyer-center-outer .buyer-offer-cover .rec-head-wrap ul li .tab-btn {
    font-size: 13px;
  }
}

@media (max-width: 991px) {
  .buyer-center-outer .buyer-offer-cover .rec-head-wrap ul li .tab-btn {
    padding: 0 10px;
  }
}

@media (max-width: 579px) {
  .buyer-center-outer .buyer-offer-cover .rec-head-wrap ul li .tab-btn {
    min-width: auto;
    font-size: 12px;
  }
}

.buyer-center-outer .buyer-offer-cover .rec-head-wrap ul li.active a {
  color: #5090cc;
}

.buyer-center-outer .buyer-offer-cover .rec-head-wrap ul li.active a:after {
  content: "";
  background: #5090cc;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -11px;
  left: 0;
}

@media (max-width: 1199px) {
  .buyer-center-outer .buyer-offer-cover .rec-head-wrap ul li.active a:after {
    bottom: -9px;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .wishist-empty {
  padding-top: 15px;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .wishist-empty .img-block img {
  max-height: 240px;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .tab-title-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  padding-top: 5px;
}

@media (max-width: 1679px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .tab-title-wrapper {
    margin-bottom: 20px;
    padding-top: 0;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .tab-title-wrapper .tab-title {
  color: #101b25;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .tab-title-wrapper .tab-title {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .tab-title-wrapper .tab-title {
    font-size: 16px;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .tab-title-wrapper .right-block .tab-filter {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  color: #7b8d9f;
  box-shadow: none;
  background-color: #0000;
  background-image: url("/img/tab-filter.svg");
  background-position: 0;
  background-repeat: no-repeat;
  border: none;
  outline: none;
  padding-left: 25px;
  font-size: 14px;
}

@media (max-width: 1679px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .tab-title-wrapper .right-block .tab-filter {
    font-size: 13px;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card {
  border: 1px solid #dfe1e3;
  border-radius: 12px;
  align-items: center;
  margin-bottom: 15px;
  padding: 25px 75px 25px 20px;
  display: flex;
  position: relative;
}

@media (max-width: 1679px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card {
    padding: 20px 60px 20px 18px;
  }
}

@media (max-width: 1481px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card {
    padding: 15px 60px 15px 15px;
  }
}

@media (max-width: 991px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card {
    padding-right: 40px;
  }
}

@media (max-width: 767px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card {
    padding-right: 30px;
  }
}

@media (max-width: 579px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card {
    flex-wrap: wrap;
    padding: 15px;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .arw-icon {
  display: inline-block;
  position: absolute;
  top: 30px;
  right: 30px;
}

@media (max-width: 1679px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .arw-icon {
    top: 27px;
  }
}

@media (max-width: 1481px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .arw-icon {
    top: 25px;
  }
}

@media (max-width: 991px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .arw-icon {
    right: 20px;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .arw-icon.arw-icon-mob {
  margin-left: 15px;
  line-height: 0;
  position: static;
}

@media (min-width: 578px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .arw-icon.arw-icon-mob {
    display: none;
  }
}

@media (max-width: 579px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .arw-icon.arw-icon-web {
    display: none;
  }
}

@media (max-width: 1481px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .arw-icon img {
    width: 7px;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .img-block {
  background-color: #f6f7f9;
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 109px;
  min-height: 110px;
  display: flex;
}

@media (max-width: 579px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .img-block {
    border-radius: 12px;
    width: 100%;
    height: 125px;
    margin-bottom: 15px;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .img-block img {
  max-width: 80%;
  max-height: 80%;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block {
  flex-grow: 1;
  padding-left: 30px;
}

@media (max-width: 767px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block {
    padding-left: 15px;
  }
}

@media (max-width: 579px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block {
    padding-left: 0;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .top-block {
  border-bottom: 1px solid #f4f4f4;
  justify-content: space-between;
  padding-bottom: 15px;
  display: flex;
}

@media (max-width: 1481px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .top-block {
    padding-bottom: 12px;
  }
}

@media (max-width: 767px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .top-block {
    flex-wrap: wrap;
    padding-bottom: 10px;
  }
}

@media (max-width: 479px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .top-block {
    border: none;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .top-block .prod-name {
  color: #101b25;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  max-width: 55%;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 500;
  display: -webkit-box;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .top-block .prod-name {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .top-block .prod-name {
    width: 100%;
    max-width: 100%;
    margin-bottom: 5px;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .top-block .amnt-block {
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .top-block .amnt-block span {
  display: inline-block;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .top-block .amnt-block .base {
  color: #415362;
  font-size: 14px;
}

@media (max-width: 1679px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .top-block .amnt-block .base {
    font-size: 13px;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .top-block .amnt-block .current {
  color: #101b25;
  align-items: center;
  padding-left: 10px;
  font-size: 15px;
  font-weight: 500;
  display: inline-flex;
}

@media (max-width: 1679px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .top-block .amnt-block .current {
    font-size: 14px;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .top-block .amnt-block .current:before {
  content: "";
  background-color: #101b25;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  margin-right: 10px;
  display: inline-block;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .top-block .amnt-block .current.no-bullet:before {
  display: none;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .top-block .title-right-block {
  align-items: center;
  display: flex;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .top-block .title-right-block .completed-sts {
  color: #fff;
  background-color: #1bb746;
  border-radius: 50px;
  margin-left: 15px;
  padding: 4px 15px;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
}

@media (max-width: 479px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .top-block .title-right-block .completed-sts {
    display: none;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .bottom-block {
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  display: flex;
}

@media (max-width: 1481px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .bottom-block {
    padding-top: 12px;
  }
}

@media (max-width: 767px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .bottom-block {
    padding-top: 10px;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .bottom-block .score-block {
  align-items: center;
  display: flex;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .bottom-block .score-block .usr-img {
  flex-shrink: 0;
  margin-right: 8px;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .bottom-block .score-block .usr-img img {
  object-fit: cover;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  box-shadow: 0 6px 5px #0000000f;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .bottom-block .score-block .score-data h4 {
  color: #415362;
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1481px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .bottom-block .score-block .score-data h4 {
    font-size: 13px;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .bottom-block .score-block .score-data .score-det {
  align-items: center;
  display: flex;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .bottom-block .score-block .score-data .score-det .score {
  flex-shrink: 0;
  margin-right: 4px;
  line-height: 0;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .bottom-block .score-block .score-data .score-det .val {
  color: #415362;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
}

@media (max-width: 1481px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .bottom-block .score-block .score-data .score-det .val {
    font-size: 11px;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .bottom-block .right-block {
  align-items: center;
  display: flex;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .bottom-block .right-block .info-block {
  color: #1bb746;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .bottom-block .right-block .info-block.expired {
  color: #7b8d9f;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .bottom-block .right-block .info-block.rejected, .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .bottom-block .right-block .info-block.cancelled {
  color: #ef4444;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .bottom-block .right-block .info-block.expiry-warning {
  color: #f27a2a;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .bottom-block .right-block .info-block img {
  flex-shrink: 0;
  margin-right: 8px;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .bottom-block .right-block .resubmit-btn {
  color: #1bb746;
  background-color: #d6f0d4a1;
  border: none;
  border-radius: 50px;
  align-items: center;
  margin-right: 30px;
  padding: 8px 15px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

@media (max-width: 479px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .bottom-block .right-block .resubmit-btn {
    display: none;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .bottom-block .right-block .resubmit-btn img {
  margin-right: 5px;
}

@media (max-width: 767px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .bottom-block .right-block .resubmit-btn {
    margin-right: 10px;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .mob-btn-block {
  width: 100%;
  padding-top: 25px;
}

@media (min-width: 478px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .mob-btn-block {
    display: none;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .mob-btn-block .resubmit-btn {
  color: #1bb746;
  background-color: #d6f0d4a1;
  border: none;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 12px 15px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .mob-btn-block .resubmit-btn img {
  margin-right: 8px;
}

@media (max-width: 767px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .mob-btn-block .resubmit-btn {
    margin-right: 10px;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .mob-btn-block .completed-sts {
  color: #fff;
  background-color: #1bb746;
  border-radius: 50px;
  padding: 7px 15px;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased {
  padding: 15px;
  display: block;
}

@media (max-width: 350px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased {
    padding: 12px;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .data-block {
  padding-left: 12px;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .data-block .top-block {
  border: none;
  padding-top: 2px;
  padding-bottom: 0;
}

@media (max-width: 579px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .data-block .top-block {
    padding-top: 0;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .data-block .top-block .prod-name {
  max-width: 100%;
}

@media (max-width: 350px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .data-block .top-block .amnt-block .current {
    font-size: 12px;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .img-wrapper {
  border-bottom: 1px solid #ecedef;
  align-items: center;
  padding-bottom: 15px;
  display: flex;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .bottom-date-block {
  align-items: center;
  width: 100%;
  padding-top: 12px;
  display: flex;
}

@media (max-width: 767px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .bottom-date-block {
    flex-wrap: wrap;
  }
}

@media (max-width: 579px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .bottom-date-block {
    flex-direction: column;
    align-items: flex-start;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .bottom-date-block .dt-left {
  color: #415362;
}

@media (max-width: 1679px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .bottom-date-block .dt-left {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .bottom-date-block .dt-left {
    font-size: 13px;
  }
}

@media (max-width: 579px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .bottom-date-block .dt-left {
    margin-bottom: 8px;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .bottom-date-block .dt-left .dt {
  font-weight: 500;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .bottom-date-block .dt-left .nxt-date {
  color: #febc2f;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .bottom-date-block .dt-left .completed {
  color: #27c840;
}

@media (max-width: 767px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .bottom-date-block .paynow-block {
    order: 3;
    width: 100%;
    padding-top: 15px;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .bottom-date-block .paynow-btn {
  margin-left: 20px;
  padding: 6px 20px;
  font-size: 12px;
}

@media (max-width: 767px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .bottom-date-block .paynow-btn {
    margin-left: 0;
    padding: 8px 20px;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .bottom-date-block .dt-right {
  color: #415362;
  margin-left: auto;
  padding-left: 10px;
}

@media (max-width: 1679px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .bottom-date-block .dt-right {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .bottom-date-block .dt-right {
    font-size: 13px;
  }
}

@media (max-width: 579px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .bottom-date-block .dt-right {
    margin-left: unset;
    padding-left: 0;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .img-block {
  width: 48px;
  height: 48px;
  min-height: auto;
  margin-bottom: 0;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .righ-item .purchased {
  color: #1bb746;
  background-color: #d6f0d4a1;
  border: none;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 7px 15px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

@media (max-width: 479px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .righ-item .purchased {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    padding: 0;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .righ-item .purchased img {
  margin-right: 8px;
}

@media (max-width: 479px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .righ-item .purchased img {
    margin-right: 0;
  }

  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .righ-item .purchased .pr-label, .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .past-due-badge-desktop, .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .purchased-top-status-desktop-only {
    display: none;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .past-due-badge-mobile {
  padding-top: 8px;
  display: none;
}

@media (max-width: 479px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .past-due-badge-mobile {
    display: block;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .past-due-badge-mobile .purchased {
  border: none;
  border-radius: 50px;
  align-items: center;
  width: auto;
  height: auto;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.pending-card .data-block .top-block {
  flex-wrap: wrap;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.pending-card .data-block .top-block .prod-name {
  max-width: 100%;
  padding-right: 0;
}

@media (max-width: 479px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.pending-card .data-block .top-block .prod-name {
    margin-bottom: 0;
  }

  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.pending-card .data-block .top-block .amnt-block {
    display: none;
  }
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.pending-card .info-pending {
  color: #f59e0b;
  background-color: #fef5e7;
  border-radius: 50px;
  align-items: center;
  padding: 6px 20px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  position: relative;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.pending-card .info-pending:before {
  content: "";
  background-color: #f59e0b;
  border-radius: 50%;
  flex-shrink: 0;
  width: 5px;
  height: 5px;
  margin-right: 8px;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.pending-card .mob-btn-block .offr {
  color: #7b8d9f;
  font-size: 13px;
  font-weight: 500;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.pending-card .mob-btn-block .offr .amt {
  color: #101b25;
  font-weight: 600;
}

.buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.pending-card .mob-btn-block .btn-wrpr {
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  display: flex;
}

.base-price-purchased {
  color: #101b25;
  font-weight: 500;
}

@media (max-width: 479px) {
  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .data-block .top-block .left-item {
    max-width: 100% !important;
  }

  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .top-block .amnt-block .base {
    padding-right: 10px;
  }

  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .top-block .amnt-block span {
    display: block;
  }

  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .data-block .top-block .left-item {
    width: 100% !important;
  }

  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card.offer-card-purchased .data-block {
    padding-left: 5px;
  }

  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .top-block .amnt-block {
    flex-wrap: wrap;
  }

  .buyer-center-outer .buyer-offer-cover .buyer-tab-body .offer-card-cover .offer-card .data-block .top-block .amnt-block .base {
    padding-right: 10px;
    display: flex;
  }
}

/* [project]/ui/styles/scss/checkout.scss.css [client] (css) */
.body-payment-receipt {
  background: #f8f9fa;
}

.checkout-outer-wrap {
  padding: 30px 0;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap {
    padding: 25px 0;
  }
}

@media (max-width: 767px) {
  .checkout-outer-wrap {
    padding: 30px 0 100px;
  }
}

@media (max-width: 579px) {
  .checkout-outer-wrap {
    padding: 25px 0 100px;
  }
}

@media (min-width: 1200px) {
  .checkout-outer-wrap .custom-container {
    max-width: 1100px;
  }
}

@media (max-width: 767px) {
  .checkout-outer-wrap .custom-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 579px) {
  .checkout-outer-wrap .custom-container {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (max-width: 767px) {
  .checkout-outer-wrap .row-align {
    flex-direction: column-reverse;
  }
}

.checkout-outer-wrap .checkout-options-mobile-top {
  display: none;
}

@media (max-width: 767px) {
  .checkout-outer-wrap .checkout-options-mobile-top {
    margin-bottom: 16px;
    display: block;
  }
}

.checkout-outer-wrap .checkout-options-desktop-only {
  display: block;
}

@media (max-width: 767px) {
  .checkout-outer-wrap .checkout-options-desktop-only {
    display: none !important;
  }
}

.checkout-outer-wrap .title-wrap {
  color: #101b25;
  margin: 0;
  padding: 0 0 20px;
  font-family: Instrument Sans, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .title-wrap {
    padding-bottom: 15px;
    font-size: 22px;
  }
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .title-wrap {
    padding-bottom: 10px;
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .checkout-outer-wrap .title-wrap {
    padding-bottom: 10px;
    font-size: 16px;
  }
}

.checkout-outer-wrap .box-wrap + .box-wrap {
  padding-top: 20px;
}

.checkout-outer-wrap .head-wrap {
  padding: 0 0 10px;
}

.checkout-outer-wrap .head-wrap .subtitle-wrap {
  color: #101b25;
  margin: 0;
  padding: 0 0 5px;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .head-wrap .subtitle-wrap {
    font-size: 14px;
  }
}

.checkout-outer-wrap .head-wrap .subtitle-wrap.align-title {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.checkout-outer-wrap .head-wrap .subtitle-wrap.align-title .edit .btn {
  background: none;
  border: 0;
  outline: 0;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin: 0;
  padding: 0;
  display: flex;
}

.checkout-outer-wrap .head-wrap .subtitle-wrap.align-title .edit .btn img {
  width: 16px;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .head-wrap .subtitle-wrap.align-title .edit .btn img {
    width: 14px;
  }
}

.checkout-outer-wrap .head-wrap .subtitle-wrap.align-title .edit .btn span {
  color: #415362;
  margin: 0;
  padding: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .head-wrap .subtitle-wrap.align-title .edit .btn span {
    font-size: 12px;
  }
}

.checkout-outer-wrap .head-wrap .subtitle-para {
  color: #415362;
  margin: 0;
  padding: 0 0 10px;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .head-wrap .subtitle-para {
    font-size: 13px;
  }
}

.checkout-outer-wrap .shipping-days-wrap {
  border: 1px solid #ecedef;
  border-radius: 15px;
  align-items: center;
  padding: 15px;
  display: flex;
  box-shadow: 0 0 4px #0000000a;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .shipping-days-wrap {
    padding: 10px;
  }
}

.checkout-outer-wrap .shipping-days-wrap .logo {
  object-fit: cover;
  border-radius: 50%;
  width: 48px;
  height: 48px;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .shipping-days-wrap .logo {
    width: 40px;
    height: 40px;
  }
}

.checkout-outer-wrap .shipping-days-wrap .txt {
  flex: 1;
  padding: 0 0 0 15px;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .shipping-days-wrap .txt {
    padding: 0 0 0 10px;
  }
}

.checkout-outer-wrap .shipping-days-wrap .txt .ship-title {
  color: #101b25;
  margin: 0;
  padding: 0 0 5px;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .shipping-days-wrap .txt .ship-title {
    font-size: 14px;
  }
}

.checkout-outer-wrap .shipping-days-wrap .txt .ship-para {
  color: #415362;
  margin: 0;
  padding: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .shipping-days-wrap .txt .ship-para {
    font-size: 13px;
  }
}

.checkout-outer-wrap .input-wrap {
  padding-bottom: 20px !important;
}

.checkout-outer-wrap .input-wrap .name {
  color: #101b25;
  margin: 0;
  padding: 0 0 8px;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .input-wrap .name {
    padding-bottom: 6px;
    font-size: 13px;
  }
}

.checkout-outer-wrap .input-wrap .name .required-asterisk {
  color: #dc3545;
  margin-left: 2px;
}

.checkout-outer-wrap .input-wrap .fields-wrap {
  position: relative;
}

.checkout-outer-wrap .input-wrap .fields-wrap input {
  color: #101b25;
  background: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  outline: 0;
  width: 100%;
  height: 48px;
  padding: 10px 15px;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .input-wrap .fields-wrap input {
    height: 40px;
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .input-wrap .fields-wrap input {
    height: 36px;
    font-size: 13px;
  }
}

.checkout-outer-wrap .input-wrap .fields-wrap input::placeholder {
  color: #7b8d9f;
  opacity: 1;
}

.checkout-outer-wrap .input-wrap .fields-wrap select {
  color: #101b25;
  appearance: none;
  background: #fff url("/img/select-arrow.svg") 95% no-repeat;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  outline: 0;
  width: 100%;
  height: 48px;
  padding: 10px 15px;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .input-wrap .fields-wrap select {
    background-size: 10px;
    height: 40px;
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .input-wrap .fields-wrap select {
    height: 36px;
    font-size: 13px;
  }
}

.checkout-outer-wrap .input-wrap .fields-wrap select::placeholder {
  color: #7b8d9f;
  opacity: 1;
}

.checkout-outer-wrap .input-wrap .fields-wrap .error-msg {
  color: red;
  margin-top: -2px;
  font-size: 10px;
  position: absolute;
}

.checkout-outer-wrap .checkout-btn-wrap {
  gap: 10px;
  padding: 25px 0 0;
  display: flex;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .checkout-btn-wrap {
    padding: 15px 0 0;
  }
}

@media (max-width: 767px) {
  .checkout-outer-wrap .checkout-btn-wrap {
    padding: 15px 16px 20px;
  }
}

@media (max-width: 579px) {
  .checkout-outer-wrap .checkout-btn-wrap {
    padding: 15px 12px 20px;
  }
}

.checkout-outer-wrap .checkout-btn-wrap .btn {
  box-sizing: border-box;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 10px;
  transition: all .3s;
  display: flex;
  background: #fff !important;
}

.checkout-outer-wrap .checkout-btn-wrap .btn:hover {
  opacity: .8;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .checkout-btn-wrap .btn {
    height: 40px;
  }
}

@media (max-width: 767px) {
  .checkout-outer-wrap .checkout-btn-wrap .btn {
    padding: 8px;
  }
}

@media (max-width: 579px) {
  .checkout-outer-wrap .checkout-btn-wrap .btn {
    height: 38px;
    padding: 6px;
  }
}

.checkout-outer-wrap .checkout-btn-wrap .btn.cnfm {
  border: 0;
  position: relative;
  background: #5090cc !important;
}

.checkout-outer-wrap .checkout-btn-wrap .btn.cnfm span {
  color: #fff;
}

.checkout-outer-wrap .checkout-btn-wrap .btn span {
  color: #101b25;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .checkout-btn-wrap .btn span {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .checkout-outer-wrap .checkout-btn-wrap .btn span {
    font-size: 12px;
  }
}

.checkout-outer-wrap .form-check {
  margin: 0;
  padding: 0 0 0 25px;
}

.checkout-outer-wrap .form-check .form-check-input {
  background-color: #dce9f5;
  outline: 0;
  width: 15px;
  height: 15px;
  box-shadow: none !important;
  border: 1px solid #5090cc !important;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .form-check .form-check-input {
    width: 14px;
    height: 14px;
  }
}

.checkout-outer-wrap .form-check .form-check-input:checked {
  background-image: url("/img/tic-blue.svg");
  background-position: center;
  background-size: 9px;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .form-check .form-check-input:checked {
    background-size: 8px;
  }
}

.checkout-outer-wrap .form-check .form-check-label {
  color: #415362;
  margin: 0;
  padding: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .form-check .form-check-label {
    font-size: 13px;
  }
}

.checkout-outer-wrap .pay-method-wrap .pay-box-wrap {
  background: #eef4fa;
  border-radius: 14px;
  padding: 15px;
}

@media (max-width: 991px) {
  .checkout-outer-wrap .pay-method-wrap .pay-box-wrap {
    padding: 10px;
  }
}

.checkout-outer-wrap .pay-method-wrap .pay-box-wrap .pay-head-wrap {
  align-items: center;
  gap: 10px;
  padding: 0 0 15px;
  display: flex;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .pay-method-wrap .pay-box-wrap .pay-head-wrap {
    gap: 5px;
    padding: 0 0 10px;
  }
}

.checkout-outer-wrap .pay-method-wrap .pay-box-wrap .pay-head-wrap img {
  width: 32px;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .pay-method-wrap .pay-box-wrap .pay-head-wrap img {
    width: 30px;
  }
}

@media (max-width: 479px) {
  .checkout-outer-wrap .pay-method-wrap .pay-box-wrap .pay-head-wrap img {
    width: 28px;
  }
}

.checkout-outer-wrap .pay-method-wrap .pay-box-wrap .pay-head-wrap span {
  color: #101b25;
  margin: 0;
  padding: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .pay-method-wrap .pay-box-wrap .pay-head-wrap span {
    font-size: 14px;
  }
}

.checkout-outer-wrap .pay-method-wrap .pay-box-wrap .para {
  color: #415362;
  margin: 0;
  padding: 0 80px 15px 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .pay-method-wrap .pay-box-wrap .para {
    padding-bottom: 10px;
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .checkout-outer-wrap .pay-method-wrap .pay-box-wrap .para {
    padding-right: 0;
  }
}

.checkout-outer-wrap .pay-method-wrap .pay-box-wrap .btn {
  color: #fff;
  background: #5090cc;
  border: 0;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 44px;
  margin: 0;
  padding: 5px 50px;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  display: inline-flex;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .pay-method-wrap .pay-box-wrap .btn {
    height: 38px;
    padding: 5px 20px;
    font-size: 12px;
  }
}

@media (max-width: 479px) {
  .checkout-outer-wrap .pay-method-wrap .pay-box-wrap .btn {
    height: 34px;
  }
}

.checkout-outer-wrap .pay-method-wrap .pay-box-wrap + .pay-box-wrap {
  margin-top: 15px;
}

@media (max-width: 767px) {
  .checkout-outer-wrap .left-wrap {
    margin: 40px 0 0;
  }
}

.checkout-outer-wrap .order-summery-wrap {
  border: 1px solid #ecedef;
  border-radius: 15px;
  margin: 33px 0 0;
  padding: 25px;
}

@media (max-width: 767px) {
  .checkout-outer-wrap .order-summery-wrap {
    margin: 0;
    padding: 15px;
  }
}

.checkout-outer-wrap .order-summery-wrap .content-wrap .product-info {
  align-items: center;
  display: flex;
}

.checkout-outer-wrap .order-summery-wrap .content-wrap .product-info .p-img {
  object-fit: cover;
  border-radius: 10px;
  width: 52px;
  height: 52px;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .order-summery-wrap .content-wrap .product-info .p-img {
    width: 48px;
    height: 48px;
  }
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .order-summery-wrap .content-wrap .product-info .p-img {
    width: 40px;
    height: 40px;
  }
}

.checkout-outer-wrap .order-summery-wrap .content-wrap .product-info .txt {
  flex: 1;
  padding: 0 0 0 15px;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .order-summery-wrap .content-wrap .product-info .txt {
    padding: 0 0 0 10px;
  }
}

.checkout-outer-wrap .order-summery-wrap .content-wrap .product-info .txt .pr-title {
  color: #101b25;
  margin: 0;
  padding: 0 0 5px;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .order-summery-wrap .content-wrap .product-info .txt .pr-title {
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .order-summery-wrap .content-wrap .product-info .txt .pr-title {
    padding: 0 0 2px;
    font-size: 12px;
  }
}

.checkout-outer-wrap .order-summery-wrap .content-wrap .product-info .txt .pr-para {
  color: #415362;
  margin: 0;
  padding: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .order-summery-wrap .content-wrap .product-info .txt .pr-para {
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .order-summery-wrap .content-wrap .product-info .txt .pr-para {
    font-size: 12px;
  }
}

.checkout-outer-wrap .order-summery-wrap .content-wrap .table-wrap tr td {
  word-break: break-word;
}

.checkout-outer-wrap .order-summery-wrap .content-wrap .table-wrap tr td.td1 {
  width: 70%;
}

.checkout-outer-wrap .order-summery-wrap .content-wrap .table-wrap tr td.td2 {
  text-align: right;
  width: 30%;
}

.checkout-outer-wrap .order-summery-wrap .content-wrap .order-head-wrap {
  border-bottom: 1px solid #dfe1e3;
  margin: 0 0 15px;
  padding: 0 0 15px;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .order-summery-wrap .content-wrap .order-head-wrap {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}

.checkout-outer-wrap .order-summery-wrap .content-wrap .order-head-wrap .product-info .pr-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 240px;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .order-summery-wrap .content-wrap .order-head-wrap .product-info .pr-title {
    width: 175px;
  }
}

@media (max-width: 579px) {
  .checkout-outer-wrap .order-summery-wrap .content-wrap .order-head-wrap .product-info .pr-title {
    width: 145px;
  }
}

.checkout-outer-wrap .order-summery-wrap .content-wrap .order-head-wrap .td2 {
  color: #101b25;
  margin: 0;
  padding: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .order-summery-wrap .content-wrap .order-head-wrap .td2 {
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .order-summery-wrap .content-wrap .order-head-wrap .td2 {
    font-size: 12px;
  }
}

.checkout-outer-wrap .order-summery-wrap .content-wrap .base-price-breakdown-above {
  border-bottom: 1px solid #dfe1e3;
  margin-bottom: 0;
  padding-bottom: 10px;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .order-summery-wrap .content-wrap .base-price-breakdown-above {
    padding-bottom: 8px;
  }
}

.checkout-outer-wrap .order-summery-wrap .content-wrap .order-content-wrap {
  border-bottom: 1px solid #dfe1e3;
  margin: 0 0 15px;
  padding: 0 0 15px;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .order-summery-wrap .content-wrap .order-content-wrap {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}

.checkout-outer-wrap .order-summery-wrap .content-wrap .order-content-wrap .td1 {
  color: #415362;
  margin: 0;
  padding: 8px 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .order-summery-wrap .content-wrap .order-content-wrap .td1 {
    font-size: 13px;
  }
}

.checkout-outer-wrap .order-summery-wrap .content-wrap .order-content-wrap .td2 {
  color: #415362;
  margin: 0;
  padding: 5px 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .order-summery-wrap .content-wrap .order-content-wrap .td2 {
    font-size: 13px;
  }
}

.checkout-outer-wrap .order-summery-wrap .content-wrap .order-footer-wrap .td1 {
  color: #101b25;
  margin: 0;
  padding: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .order-summery-wrap .content-wrap .order-footer-wrap .td1 {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .order-summery-wrap .content-wrap .order-footer-wrap .td1 {
    font-size: 14px;
  }
}

.checkout-outer-wrap .order-summery-wrap .content-wrap .order-footer-wrap .td2 {
  color: #101b25;
  margin: 0;
  padding: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .order-summery-wrap .content-wrap .order-footer-wrap .td2 {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .order-summery-wrap .content-wrap .order-footer-wrap .td2 {
    font-size: 14px;
  }
}

.checkout-outer-wrap .order-summery-wrap.apply-box {
  margin: 33px 0 11px;
  padding: 27px 24px;
  box-shadow: 0 2px 4px #0000000a;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box {
    padding: 24px;
  }
}

@media (max-width: 767px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box {
    padding: 15px;
  }
}

.checkout-outer-wrap .order-summery-wrap.apply-box .title {
  color: #415362;
  margin-bottom: 14px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .title {
    font-size: 15px;
  }
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .title {
    font-size: 14px;
  }
}

@media (max-width: 579px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .title {
    font-size: 13px;
  }
}

.checkout-outer-wrap .order-summery-wrap.apply-box .perks-balance-text {
  color: #415362;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .perks-balance-text {
    font-size: 13px;
  }
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .perks-balance-text {
    font-size: 12px;
  }
}

@media (max-width: 579px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .perks-balance-text {
    margin-bottom: 10px;
    font-size: 12px;
  }
}

.checkout-outer-wrap .order-summery-wrap.apply-box .perks-next-screen-note {
  background: linear-gradient(135deg, #f8fafb 0%, #f0f4f6 100%);
  border-left: 3px solid #5090cc;
  border-radius: 8px;
  margin-top: 14px;
  padding: 12px 14px;
  box-shadow: 0 1px 2px #0000000a;
}

.checkout-outer-wrap .order-summery-wrap.apply-box .perks-next-screen-note p {
  color: #415362;
  letter-spacing: .01em;
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
}

.checkout-outer-wrap .order-summery-wrap.apply-box .perks-action-row {
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

@media (max-width: 579px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .perks-action-row {
    gap: 8px;
    margin-bottom: 8px;
  }
}

.checkout-outer-wrap .order-summery-wrap.apply-box .apply-wrap {
  border: .61px solid #dfe1e3;
  border-radius: 60px;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 49px;
  display: flex;
  box-shadow: 0 .61px 1.21px #0000000a;
}

@media (max-width: 579px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .apply-wrap {
    width: 100%;
  }
}

.checkout-outer-wrap .order-summery-wrap.apply-box .apply-wrap .perks-apply-label {
  color: #415362;
  white-space: nowrap;
  padding-left: 10px;
  padding-right: 4px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .apply-wrap .perks-apply-label {
    padding-left: 8px;
    padding-right: 3px;
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .apply-wrap .perks-apply-label {
    padding-left: 6px;
    padding-right: 2px;
    font-size: 13px;
  }
}

@media (max-width: 579px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .apply-wrap .perks-apply-label {
    padding-left: 5px;
    padding-right: 2px;
    font-size: 12px;
  }
}

.checkout-outer-wrap .order-summery-wrap.apply-box .apply-wrap .input-wrapper {
  align-items: center;
  display: inline-flex;
  position: relative;
}

.checkout-outer-wrap .order-summery-wrap.apply-box .apply-wrap .input-wrapper .input-measure {
  visibility: hidden;
  white-space: pre;
  height: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  position: absolute;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .apply-wrap .input-wrapper .input-measure {
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .apply-wrap .input-wrapper .input-measure {
    font-size: 13px;
  }
}

@media (max-width: 579px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .apply-wrap .input-wrapper .input-measure {
    font-size: 12px;
  }
}

.checkout-outer-wrap .order-summery-wrap.apply-box .apply-wrap .form-control {
  min-width: 30px;
  max-width: 120px;
  box-shadow: none;
  text-align: center;
  background-color: #0000;
  border: 0;
  outline: none;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .apply-wrap .form-control {
    min-width: 25px;
    max-width: 100px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .apply-wrap .form-control {
    min-width: 20px;
    max-width: 90px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 13px;
  }
}

@media (max-width: 579px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .apply-wrap .form-control {
    min-width: 18px;
    max-width: 80px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 12px;
  }
}

.checkout-outer-wrap .order-summery-wrap.apply-box .apply-wrap .perks-remaining {
  color: #415362;
  white-space: nowrap;
  padding-left: 4px;
  padding-right: 10px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .apply-wrap .perks-remaining {
    padding-left: 3px;
    padding-right: 8px;
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .apply-wrap .perks-remaining {
    padding-left: 2px;
    padding-right: 6px;
    font-size: 13px;
  }
}

@media (max-width: 579px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .apply-wrap .perks-remaining {
    padding-left: 2px;
    padding-right: 5px;
    font-size: 12px;
  }
}

.checkout-outer-wrap .order-summery-wrap.apply-box .dimension-group.yes-no-group {
  gap: 0;
}

@media (max-width: 579px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .dimension-group.yes-no-group {
    justify-content: center;
  }
}

.checkout-outer-wrap .order-summery-wrap.apply-box .dimension-group.yes-no-group .chk-custom-wrp.yes-no-option {
  z-index: 1;
  width: auto;
  line-height: normal;
  position: relative;
}

.checkout-outer-wrap .order-summery-wrap.apply-box .dimension-group.yes-no-group .chk-custom-wrp.yes-no-option:nth-child(2) {
  margin-left: -10px;
}

.checkout-outer-wrap .order-summery-wrap.apply-box .dimension-group.yes-no-group .chk-custom-wrp.yes-no-option .btn-check {
  display: none;
}

.checkout-outer-wrap .order-summery-wrap.apply-box .dimension-group.yes-no-group .chk-custom-wrp.yes-no-option .btn-check:checked ~ .payment-freq, .checkout-outer-wrap .order-summery-wrap.apply-box .dimension-group.yes-no-group .chk-custom-wrp.yes-no-option .btn-check:checked + .payment-freq {
  border: 1px solid #5090cc;
  box-shadow: 0 4px 10px #2563eb40;
}

:is(.checkout-outer-wrap .order-summery-wrap.apply-box .dimension-group.yes-no-group .chk-custom-wrp.yes-no-option:has(.btn-check:checked), .checkout-outer-wrap .order-summery-wrap.apply-box .dimension-group.yes-no-group .chk-custom-wrp.yes-no-option:has(.payment-freq.active)) {
  z-index: 2;
}

.checkout-outer-wrap .order-summery-wrap.apply-box .dimension-group.yes-no-group .chk-custom-wrp.yes-no-option .payment-freq {
  color: #101b25;
  text-align: center;
  cursor: pointer;
  background: #f4f5f6;
  border: 1px solid #dfe1e3;
  border-radius: 50px;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 90px;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: all .2s;
  display: flex;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .dimension-group.yes-no-group .chk-custom-wrp.yes-no-option .payment-freq {
    min-width: 80px;
    height: 34px;
    font-size: 13px;
  }
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .dimension-group.yes-no-group .chk-custom-wrp.yes-no-option .payment-freq {
    min-width: 74px;
    height: 34px;
    font-size: 12px;
  }
}

@media (max-width: 579px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .dimension-group.yes-no-group .chk-custom-wrp.yes-no-option .payment-freq {
    min-width: 70px;
    height: 38px;
    font-size: 13px;
  }
}

.checkout-outer-wrap .order-summery-wrap.apply-box .dimension-group.yes-no-group .chk-custom-wrp.yes-no-option .payment-freq:hover {
  color: #2563eb;
  border-color: #2563eb;
}

.checkout-outer-wrap .order-summery-wrap.apply-box .dimension-group.yes-no-group .chk-custom-wrp.yes-no-option .payment-freq.active {
  border: 1px solid #5090cc;
  box-shadow: 0 4px 10px #2563eb40;
}

.checkout-outer-wrap .order-summery-wrap.apply-box .dimension-group.yes-no-group .chk-custom-wrp.yes-no-option .btn-check:disabled ~ .payment-freq, .checkout-outer-wrap .order-summery-wrap.apply-box .dimension-group.yes-no-group .chk-custom-wrp.yes-no-option .btn-check:disabled + .payment-freq {
  opacity: .6;
  cursor: not-allowed;
}

.checkout-outer-wrap .order-summery-wrap.apply-box .dimension-group.yes-no-group .chk-custom-wrp.yes-no-option .btn-check:disabled ~ .payment-freq:hover, .checkout-outer-wrap .order-summery-wrap.apply-box .dimension-group.yes-no-group .chk-custom-wrp.yes-no-option .btn-check:disabled + .payment-freq:hover {
  color: #101b25;
  border-color: #dfe1e3;
}

.checkout-outer-wrap .order-summery-wrap.apply-box .btn-apply-standalone {
  color: #fff;
  width: 140px;
  height: 38px;
  box-shadow: none;
  cursor: pointer;
  white-space: nowrap;
  background-color: #5090cc;
  border: 0;
  border-radius: 60px;
  outline: none;
  justify-content: center;
  align-items: center;
  padding: 0 0 2px;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
  transition: opacity .3s;
  display: flex;
}

.checkout-outer-wrap .order-summery-wrap.apply-box .btn-apply-standalone:hover {
  opacity: .9;
}

@media (max-width: 579px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .btn-apply-standalone {
    width: 100px;
    height: 28px;
    font-size: 12px;
  }
}

.checkout-outer-wrap .order-summery-wrap.apply-box .applied-box {
  color: #4f91cd;
  background: #eff8ff;
  border-radius: 13px;
  justify-content: flex-start;
  align-items: center;
  padding: 9px 16px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .applied-box {
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .applied-box {
    font-size: 13px;
  }
}

@media (max-width: 579px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .applied-box {
    font-size: 12px;
  }
}

.checkout-outer-wrap .order-summery-wrap.apply-box .applied-box .btn-link-remove {
  color: #4f91cd;
  cursor: pointer;
  font: inherit;
  background: none;
  border: none;
  margin-left: .5rem;
  padding: 0;
  text-decoration: underline;
}

.checkout-outer-wrap .order-summery-wrap.apply-box .applied-box .btn-link-remove:hover {
  opacity: .85;
}

.checkout-outer-wrap .order-summery-wrap.apply-box .applied-box .icon {
  width: 21px;
  margin-right: 9px;
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .applied-box .icon {
    width: 18px;
  }
}

@media (max-width: 579px) {
  .checkout-outer-wrap .order-summery-wrap.apply-box .applied-box .icon {
    width: 16px;
  }
}

.checkout-outer-wrap .order-summery-wrap.apply-box .applied-box .icon img {
  max-width: 100%;
}

.checkout-outer-wrap .sp-table-wrap {
  margin: 0 0 20px;
  padding: 0;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .sp-table-wrap {
    margin: 0 0 10px;
  }
}

.checkout-outer-wrap .sp-table-wrap tr td.td1 {
  color: #415362;
  word-break: break-word;
  width: 40%;
  margin: 0;
  padding: 0 0 15px;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .sp-table-wrap tr td.td1 {
    padding: 0 0 15px;
    font-size: 13px;
  }
}

@media (max-width: 479px) {
  .checkout-outer-wrap .sp-table-wrap tr td.td1 {
    width: 50%;
  }
}

.checkout-outer-wrap .sp-table-wrap tr td.td2 {
  text-align: right;
  color: #101b25;
  word-break: break-word;
  width: 60%;
  margin: 0;
  padding: 0 0 15px;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .sp-table-wrap tr td.td2 {
    padding: 0 0 15px;
    font-size: 13px;
  }
}

@media (max-width: 479px) {
  .checkout-outer-wrap .sp-table-wrap tr td.td2 {
    width: 50%;
  }
}

.checkout-outer-wrap .sp-table-wrap tr td.td2 span {
  color: #415362;
  font-weight: 400;
}

.checkout-outer-wrap .sp-table-wrap.mr-0 {
  margin-bottom: 0;
}

.checkout-outer-wrap .table-group-wrap .table-align-wrap {
  padding: 5px 0 20px;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .table-group-wrap .table-align-wrap {
    padding: 5px 0 15px;
  }
}

.checkout-outer-wrap .table-group-wrap .table-align-wrap .sp-table-wrap {
  border-bottom: 1px solid #ecedef;
  margin: 0;
  padding: 0;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .table-group-wrap .table-align-wrap .sp-table-wrap {
    padding-bottom: 10px;
  }
}

.checkout-outer-wrap .table-group-wrap .table-align-wrap.total-wrap {
  padding: 0;
}

.checkout-outer-wrap .table-group-wrap .table-align-wrap.total-wrap .sp-table-wrap {
  border: 0;
}

.checkout-outer-wrap .table-group-wrap .table-align-wrap.total-wrap .sp-table-wrap .td1 {
  color: #415362;
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .table-group-wrap .table-align-wrap.total-wrap .sp-table-wrap .td1 {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .checkout-outer-wrap .table-group-wrap .table-align-wrap.total-wrap .sp-table-wrap .td1 {
    font-size: 14px;
  }
}

.checkout-outer-wrap .table-group-wrap .table-align-wrap.total-wrap .sp-table-wrap .td2 {
  color: #101b25;
  font-size: 18px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .table-group-wrap .table-align-wrap.total-wrap .sp-table-wrap .td2 {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .checkout-outer-wrap .table-group-wrap .table-align-wrap.total-wrap .sp-table-wrap .td2 {
    font-size: 14px;
  }
}

.checkout-outer-wrap .connected-bank-wrap {
  width: 480px;
  margin: 0 auto;
  padding: 0;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .connected-bank-wrap {
    width: 400px;
  }
}

@media (max-width: 479px) {
  .checkout-outer-wrap .connected-bank-wrap {
    width: 95%;
  }
}

.checkout-outer-wrap .connected-bank-wrap .card-list {
  margin: 0;
  padding: 0;
}

.checkout-outer-wrap .connected-bank-wrap .card-list li {
  background: #fff;
  border-radius: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .connected-bank-wrap .card-list li {
    border-radius: 15px;
  }
}

.checkout-outer-wrap .connected-bank-wrap .card-list li .connect-card-wrap {
  padding: 20px;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .connected-bank-wrap .card-list li .connect-card-wrap {
    padding: 10px;
  }
}

.checkout-outer-wrap .connected-bank-wrap .card-list li .connect-card-wrap .head-wrap {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.checkout-outer-wrap .connected-bank-wrap .card-list li .connect-card-wrap .head-wrap .left-wrap {
  align-items: center;
  gap: 10px;
  display: flex;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .connected-bank-wrap .card-list li .connect-card-wrap .head-wrap .left-wrap {
    gap: 5px;
  }
}

.checkout-outer-wrap .connected-bank-wrap .card-list li .connect-card-wrap .head-wrap .left-wrap .img {
  flex: none;
  width: 32px;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .connected-bank-wrap .card-list li .connect-card-wrap .head-wrap .left-wrap .img {
    width: 30px;
  }
}

@media (max-width: 479px) {
  .checkout-outer-wrap .connected-bank-wrap .card-list li .connect-card-wrap .head-wrap .left-wrap .img {
    width: 28px;
  }
}

.checkout-outer-wrap .connected-bank-wrap .card-list li .connect-card-wrap .head-wrap .left-wrap .type-wrap {
  color: #101b25;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .connected-bank-wrap .card-list li .connect-card-wrap .head-wrap .left-wrap .type-wrap {
    font-size: 14px;
  }
}

.checkout-outer-wrap .connected-bank-wrap .card-list li .connect-card-wrap .head-wrap .right-wrap .btn-connect {
  color: #101b25;
  background: #ecedef;
  border: 0;
  border-radius: 30px;
  outline: 0;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin: 0;
  padding: 3px 15px;
  font-family: Instrument Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  display: flex;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .connected-bank-wrap .card-list li .connect-card-wrap .head-wrap .right-wrap .btn-connect {
    height: 30px;
    padding: 3px 12px;
  }
}

@media (max-width: 479px) {
  .checkout-outer-wrap .connected-bank-wrap .card-list li .connect-card-wrap .head-wrap .right-wrap .btn-connect {
    height: 28px;
    padding: 2px 10px;
  }
}

.checkout-outer-wrap .connected-bank-wrap .card-list li .connect-card-wrap .head-wrap .right-wrap .btn-connect.active {
  background: #dce9f5;
}

.checkout-outer-wrap .connected-bank-wrap .card-list li + li {
  margin-top: 15px;
}

.checkout-outer-wrap .add-card-outer-wrap .card-box-wrap {
  border: 1px solid #dfe1e3;
  border-radius: 10px;
  padding: 15px;
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .add-card-outer-wrap .card-box-wrap {
    padding: 10px;
  }
}

.checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .card-head-wrap {
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0 0 10px;
  display: flex;
}

.checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .card-head-wrap img {
  width: 32px;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .card-head-wrap img {
    width: 30px;
  }
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .card-head-wrap img {
    width: 28px;
  }
}

.checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .card-head-wrap .type {
  color: #101b25;
  margin: 0;
  padding: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .card-head-wrap .type {
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .card-head-wrap .type {
    font-size: 12px;
  }
}

.checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .card-list-wrap .form-check-label {
  cursor: pointer;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 10px 0;
  display: flex;
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .card-list-wrap .form-check-label {
    padding: 10px 0;
  }
}

.checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .card-list-wrap .form-check-label .form-check-input {
  width: 15px;
  height: 15px;
  box-shadow: none;
  border: 1px solid #7b8d9f;
  outline: 0;
  margin: 0;
  padding: 0;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .card-list-wrap .form-check-label .form-check-input {
    width: 12px;
    height: 12px;
  }
}

.checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .card-list-wrap .form-check-label .form-check-input:checked {
  background-color: #dce9f5;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%235090CC'/%3e%3c/svg%3e");
  border-color: #5090cc;
}

.checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .card-list-wrap .form-check-label .card-detail {
  align-items: center;
  gap: 10px;
  padding-left: 15px;
  display: flex;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .card-list-wrap .form-check-label .card-detail {
    padding-left: 10px;
  }
}

.checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .card-list-wrap .form-check-label img {
  max-width: 20px;
  max-height: 20px;
  margin: 0;
  padding: 0;
}

.checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .card-list-wrap .form-check-label .value {
  color: #415362;
  margin: 0;
  padding: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .card-list-wrap .form-check-label .value {
    font-size: 13px;
  }
}

.checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .card-list-wrap .form-check-label + .form-check-label {
  border-top: 1px solid #dfe1e3;
}

.checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .add-btn-wrap {
  padding: 15px 0 0;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .add-btn-wrap {
    padding: 10px 0 0;
  }
}

.checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .add-btn-wrap .btn {
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 10px;
  display: flex;
  background: #fff !important;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .add-btn-wrap .btn {
    height: 38px;
  }
}

@media (max-width: 479px) {
  .checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .add-btn-wrap .btn {
    height: 34px;
  }
}

.checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .add-btn-wrap .btn span {
  color: #101b25;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .add-btn-wrap .btn span {
    font-size: 13px;
  }
}

.checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .add-btn-wrap .btn img {
  width: 16px;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .add-card-outer-wrap .card-box-wrap .add-btn-wrap .btn img {
    width: 12px;
  }
}

.checkout-outer-wrap .add-card-outer-wrap .card-box-wrap + .card-box-wrap {
  margin-top: 15px;
}

.checkout-outer-wrap .payment-footer-wrap .input-wrap.calendar-input .fields-wrap img {
  width: 20px;
  margin: auto;
  position: absolute;
  inset: 0 15px 0 auto;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .payment-footer-wrap .input-wrap.calendar-input .fields-wrap img {
    width: 15px;
  }
}

.checkout-outer-wrap .payment-footer-wrap .input-wrap.calendar-input .fields-wrap .input {
  padding: 10px 45px 10px 15px;
}

.payment-checkout-wrap {
  padding: 40px 0;
}

@media (max-width: 1679px) {
  .payment-checkout-wrap {
    padding: 20px 0;
  }
}

.payment-checkout-wrap .content-wrap {
  width: 410px;
  margin: 0 auto;
}

@media (max-width: 1679px) {
  .payment-checkout-wrap .content-wrap {
    width: 350px;
  }
}

@media (max-width: 479px) {
  .payment-checkout-wrap .content-wrap {
    width: 90%;
  }
}

.payment-checkout-wrap .content-wrap .head-sucess-wrap {
  text-align: center;
  padding: 0 0 30px;
}

@media (max-width: 1679px) {
  .payment-checkout-wrap .content-wrap .head-sucess-wrap {
    padding-bottom: 15px;
  }
}

.payment-checkout-wrap .content-wrap .head-sucess-wrap img {
  width: 40px;
  margin: 0 auto 20px;
}

@media (max-width: 1679px) {
  .payment-checkout-wrap .content-wrap .head-sucess-wrap img {
    width: 30px;
    margin-bottom: 15px;
  }
}

.payment-checkout-wrap .content-wrap .head-sucess-wrap .para {
  color: #415362;
  margin: 0;
  padding: 0 0 10px;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .payment-checkout-wrap .content-wrap .head-sucess-wrap .para {
    font-size: 14px;
  }
}

.payment-checkout-wrap .content-wrap .head-sucess-wrap .title {
  color: #101b25;
  margin: 0;
  padding: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .payment-checkout-wrap .content-wrap .head-sucess-wrap .title {
    font-size: 22px;
  }
}

@media (max-width: 1199px) {
  .payment-checkout-wrap .content-wrap .head-sucess-wrap .title {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .payment-checkout-wrap .content-wrap .head-sucess-wrap .title {
    font-size: 16px;
  }
}

.payment-checkout-wrap .content-wrap .receipt-wrap {
  background: #fff;
  border: 1px solid #e0e4eb;
  border-radius: 20px;
  padding: 25px 15px;
  position: relative;
}

.payment-checkout-wrap .content-wrap .receipt-wrap:before {
  content: "";
  z-index: 1;
  pointer-events: none;
  background: url("/img/bg-pattern.png") 0 0 / 22px no-repeat;
  width: 56px;
  height: 162px;
  margin: 32px 0 0 -2px;
  position: absolute;
  top: 0;
  left: 0;
}

.payment-checkout-wrap .content-wrap .receipt-wrap:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  background: url("/img/bg-pattern.png") 100% 0 / 22px no-repeat;
  width: 56px;
  height: 162px;
  margin: 32px 0 0 -2px;
  position: absolute;
  top: 0;
  right: -36px;
  transform: scaleX(-1);
}

@media (max-width: 1679px) {
  .payment-checkout-wrap .content-wrap .receipt-wrap {
    border-radius: 15px;
    padding: 15px;
  }
}

.payment-checkout-wrap .content-wrap .receipt-wrap .re-head-wreap {
  text-align: center;
  padding: 0 0 35px;
}

@media (max-width: 1679px) {
  .payment-checkout-wrap .content-wrap .receipt-wrap .re-head-wreap {
    padding-bottom: 20px;
  }
}

.payment-checkout-wrap .content-wrap .receipt-wrap .re-head-wreap .title {
  color: #101b25;
  margin: 0;
  padding: 0 0 10px;
  font-family: Instrument Sans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .payment-checkout-wrap .content-wrap .receipt-wrap .re-head-wreap .title {
    font-size: 16px;
  }
}

.payment-checkout-wrap .content-wrap .receipt-wrap .re-head-wreap .para {
  color: #415362;
  margin: 0;
  padding: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .payment-checkout-wrap .content-wrap .receipt-wrap .re-head-wreap .para {
    font-size: 14px;
  }
}

.payment-checkout-wrap .content-wrap .receipt-wrap .re-summary-wrap {
  z-index: 9;
  background: #f8f9fa;
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 20px;
  position: relative;
}

@media (max-width: 1679px) {
  .payment-checkout-wrap .content-wrap .receipt-wrap .re-summary-wrap {
    padding-bottom: 20px;
  }
}

.payment-checkout-wrap .content-wrap .receipt-wrap .re-summary-wrap .title {
  color: #101b25;
  margin: 0;
  padding: 0 0 20px;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .payment-checkout-wrap .content-wrap .receipt-wrap .re-summary-wrap .title {
    font-size: 14px;
  }
}

.payment-checkout-wrap .content-wrap .receipt-wrap .re-summary-wrap .table-wrap tr td {
  color: #415362;
  margin: 0;
  padding: 0 0 15px;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}

@media (max-width: 1679px) {
  .payment-checkout-wrap .content-wrap .receipt-wrap .re-summary-wrap .table-wrap tr td {
    font-size: 13px;
  }
}

.payment-checkout-wrap .content-wrap .receipt-wrap .re-summary-wrap .table-wrap tr td:first-child {
  width: 50%;
}

.payment-checkout-wrap .content-wrap .receipt-wrap .re-summary-wrap .table-wrap tr td:nth-child(2) {
  text-align: right;
  color: #101b25;
  width: 50%;
  font-weight: 500;
}

.payment-checkout-wrap .content-wrap .receipt-wrap .re-summary-wrap .table-wrap tr td:nth-child(2) span {
  color: #101b25;
  font-weight: 400;
}

.payment-checkout-wrap .content-wrap .receipt-wrap .re-summary-wrap .table-wrap .summary-footer {
  padding: 0;
}

.payment-checkout-wrap .content-wrap .receipt-wrap .re-summary-wrap .table-wrap .summary-footer table {
  border-top: 1px solid #ecedef;
}

.payment-checkout-wrap .content-wrap .receipt-wrap .re-summary-wrap .table-wrap .summary-footer table tr td {
  color: #101b25;
  padding: 10px 0 0;
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .payment-checkout-wrap .content-wrap .receipt-wrap .re-summary-wrap .table-wrap .summary-footer table tr td {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .payment-checkout-wrap .content-wrap .receipt-wrap .re-summary-wrap .table-wrap .summary-footer table tr td {
    font-size: 14px;
  }
}

.payment-checkout-wrap .content-wrap .receipt-wrap .pay-footer-wrap {
  text-align: center;
}

.payment-checkout-wrap .content-wrap .receipt-wrap .pay-footer-wrap .para {
  color: #415362;
  margin: 0;
  padding: 0 0 15px;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .payment-checkout-wrap .content-wrap .receipt-wrap .pay-footer-wrap .para {
    font-size: 13px;
  }
}

.payment-checkout-wrap .content-wrap .receipt-wrap .pay-footer-wrap .btn {
  cursor: pointer;
  border: 0;
  border-radius: 30px;
  outline: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 10px;
  display: flex;
  position: relative;
  background: #5090cc !important;
}

@media (max-width: 1679px) {
  .payment-checkout-wrap .content-wrap .receipt-wrap .pay-footer-wrap .btn {
    height: 40px;
  }
}

.payment-checkout-wrap .content-wrap .receipt-wrap .pay-footer-wrap .btn span {
  color: #fff;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .payment-checkout-wrap .content-wrap .receipt-wrap .pay-footer-wrap .btn span {
    font-size: 12px;
  }
}

.payment-checkout-wrap .re-btn-wrap {
  gap: 10px;
  padding: 25px 0 0;
  display: flex;
}

@media (max-width: 1679px) {
  .payment-checkout-wrap .re-btn-wrap {
    padding: 15px 0 0;
  }
}

.payment-checkout-wrap .re-btn-wrap .btn {
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 10px;
  transition: all .3s;
  display: flex;
  background: #fff !important;
}

.payment-checkout-wrap .re-btn-wrap .btn:hover {
  opacity: .8;
}

@media (max-width: 1679px) {
  .payment-checkout-wrap .re-btn-wrap .btn {
    height: 40px;
  }
}

.payment-checkout-wrap .re-btn-wrap .btn.cnfm {
  border: 0;
  position: relative;
  background: #5090cc !important;
}

.payment-checkout-wrap .re-btn-wrap .btn.cnfm span {
  color: #fff;
}

.payment-checkout-wrap .re-btn-wrap .btn span {
  color: #101b25;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .payment-checkout-wrap .re-btn-wrap .btn span {
    font-size: 13px;
  }
}

.shipping-insurance-sec {
  background-color: #f8f9fa;
  border-radius: 12px;
  margin-bottom: 25px;
  padding: 12px 15px;
}

.shipping-insurance-sec .form-check {
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.shipping-insurance-sec .form-check:first-child {
  margin-bottom: 10px;
}

@media (max-width: 1679px) {
  .shipping-insurance-sec .form-check:first-child {
    margin-bottom: 5px;
  }
}

.shipping-insurance-sec .form-check .form-check-label {
  color: #101b25;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .shipping-insurance-sec .form-check .form-check-label {
    font-size: 14px;
  }
}

.shipping-insurance-sec .form-check .form-check-input {
  background-color: #fff;
  width: 18px;
  height: 18px;
  position: relative;
  box-shadow: none !important;
  border: 1.5px solid #cbd1d7 !important;
}

.shipping-insurance-sec .form-check .form-check-input:after {
  content: "";
  opacity: 0;
  background-color: #5090cc;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin: auto;
  display: block;
  position: absolute;
  inset: 0;
}

.shipping-insurance-sec .form-check .form-check-input:checked {
  background-color: #dce9f5;
  background-image: none;
  border-color: #5090cc !important;
}

.shipping-insurance-sec .form-check .form-check-input:checked:after {
  opacity: 1;
}

.shipping-options-scroll {
  scrollbar-width: thin;
  scrollbar-color: #5090cc #f4f8fd;
  max-height: 250px;
  overflow-y: auto;
}

body {
  background-color: #fff !important;
}

.installment-wrap {
  padding-top: 30px;
  padding-bottom: 50px;
}

@media (max-width: 1679px) {
  .installment-wrap {
    padding-bottom: 40px;
  }
}

@media (max-width: 1481px) {
  .installment-wrap {
    padding-bottom: 30px;
  }
}

.installment-wrap h3 {
  color: #101b25;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .installment-wrap h3 {
    padding-bottom: 15px;
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .installment-wrap h3 {
    padding-bottom: 10px;
    font-size: 13px;
  }
}

.installment-wrap .date-flex {
  flex-wrap: wrap;
  display: flex;
}

.installment-wrap .date-item {
  color: #415362;
  cursor: pointer;
  background: #f6f7f9;
  border: 1px solid #f6f7f9;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  margin: 8px 4px;
  font-size: 14px;
  font-weight: 500;
  transition: all .25s;
}

.installment-wrap .date-item:hover, .installment-wrap .date-item.active {
  color: #101b25;
  background: #f8f9fa;
  border: 1px solid #5090cc;
}

.installment-wrap .date-item.day-item {
  border-radius: 50px;
  width: auto;
  min-width: 56px;
  padding: 0 14px;
}

.checkout-outer-wrap .shipping-address-block {
  background-color: #fff;
  border: 1px solid #ecedef;
  border-radius: 12px;
  margin-bottom: 15px;
  padding: 22px;
  box-shadow: 0 2px 4px #0000000a;
}

@media (max-width: 479px) {
  .checkout-outer-wrap .shipping-address-block {
    padding: 15px;
  }
}

.checkout-outer-wrap .shipping-address-block.selected-address {
  border-color: #5090cc;
}

.checkout-outer-wrap .shipping-address-block .address-title-block {
  margin-bottom: 15px;
}

.checkout-outer-wrap .shipping-address-block .address-title-block .left-block .selected {
  color: #fff;
  background-color: #5090cc;
  border: 1px solid #e6ecf2;
  border-radius: 30px;
  align-items: center;
  padding: 6px 15px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.checkout-outer-wrap .shipping-address-block .address-title-block .left-block .select-address {
  color: #5090cc;
  background-color: #f8f9fa;
  border: 1px solid #e6ecf2;
  border-radius: 30px;
  flex-shrink: 0;
  align-items: center;
  padding: 6px 15px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.checkout-outer-wrap .shipping-address-block .address-title-block .right-block {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  display: flex;
}

.checkout-outer-wrap .shipping-address-block .address-title-block .right-block .address-info-sm {
  color: #101b25;
  background-color: #ecedef;
  border-radius: 30px;
  align-items: center;
  padding: 6px 15px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.checkout-outer-wrap .shipping-address-block .address-title-block .right-block .address-info-sm img {
  flex-shrink: 0;
  width: 12px;
  margin-top: -1px;
  margin-right: 4px;
}

.checkout-outer-wrap .shipping-address-block .address-title-block .right-block .address-actions {
  align-items: center;
  gap: 8px;
  display: flex;
}

.checkout-outer-wrap .shipping-address-block .address-title-block .right-block .address-actions button {
  box-shadow: none;
  color: #7b8d9f;
  cursor: pointer;
  background: none;
  border: 0;
  outline: 0;
  align-items: center;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
}

.checkout-outer-wrap .shipping-address-block .address-title-block .right-block .address-actions button img {
  width: 16px;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .shipping-address-block .address-title-block .right-block .address-actions button img {
    width: 14px;
  }
}

@media (max-width: 479px) {
  .checkout-outer-wrap .shipping-address-block .address-title-block .right-block .address-actions button img {
    width: 16px;
  }
}

.checkout-outer-wrap .shipping-address-block .address-title-block .right-block .address-actions button span {
  padding-left: 5px;
}

.checkout-outer-wrap .shipping-address-block .address-title-block .right-block .address-actions .del-btn, .checkout-outer-wrap .shipping-address-block .address-title-block .right-block .address-actions .del-btn span {
  color: #ef4444;
}

.checkout-outer-wrap .shipping-address-block .address-title-block .right-block .address-actions .del-btn img {
  filter: none;
}

.checkout-outer-wrap .shipping-address-block .address-title-block .right-block .address-actions .address-label {
  color: #101b25;
  background-color: #ecedef;
  border-radius: 30px;
  align-items: center;
  padding: 8px 15px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.checkout-outer-wrap .shipping-address-block .address-title-block .right-block .address-actions .address-label span {
  color: #7b8d9f;
  margin-left: 8px;
  font-size: 14px;
}

.checkout-outer-wrap .shipping-address-block .address-info-sm {
  color: #101b25;
  background-color: #ecedef;
  border-radius: 30px;
  align-items: center;
  margin-bottom: 10px;
  padding: 6px 15px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.checkout-outer-wrap .shipping-address-block .address-info-sm img {
  flex-shrink: 0;
  width: 12px;
  margin-top: -1px;
  margin-right: 4px;
}

.checkout-outer-wrap .shipping-address-block h4 {
  color: #101b25;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .shipping-address-block h4 {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .checkout-outer-wrap .shipping-address-block h4 {
    font-size: 16px;
  }
}

.checkout-outer-wrap .shipping-address-block h6 {
  margin-bottom: 2px;
  font-weight: 600;
}

.checkout-outer-wrap .shipping-address-block p {
  max-width: 350px;
  margin: 0;
}

.checkout-outer-wrap .shipping-address-block h6, .checkout-outer-wrap .shipping-address-block p {
  color: #415362;
  font-size: 16px;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .shipping-address-block h6, .checkout-outer-wrap .shipping-address-block p {
    font-size: 14px;
  }
}

.checkout-outer-wrap .add-address-block {
  margin-bottom: 30px;
}

.checkout-outer-wrap .add-address-block .add-address-btn {
  color: #4f91cd;
  background-color: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 14px;
  font-size: 14px;
  font-weight: 500;
  transition: all .3s;
  display: flex;
  box-shadow: 0 2px 4px #2a455d0f;
}

@media (max-width: 579px) {
  .checkout-outer-wrap .add-address-block .add-address-btn {
    padding: 12px 15px;
  }
}

.checkout-outer-wrap .add-address-block .add-address-btn.btn-disabled {
  cursor: not-allowed;
  opacity: .5;
}

.checkout-outer-wrap .add-address-block .add-address-btn img {
  flex-shrink: 0;
  margin-right: 5px;
}

.checkout-outer-wrap .method-cover {
  background-color: #f8f9fa;
  border-radius: 12px;
  margin-bottom: 20px;
  padding: 15px;
}

.checkout-outer-wrap .method-cover .form-check {
  margin-bottom: 6px;
}

.checkout-outer-wrap .method-cover .form-check:last-child {
  margin-bottom: 0;
}

.checkout-outer-wrap .method-cover .form-check .form-check-input {
  border-radius: 2px;
  margin-top: 5px;
  border-color: #cbd1d7 !important;
}

.checkout-outer-wrap .method-cover .form-check .form-check-input:checked {
  border-color: #5090cc !important;
}

.checkout-outer-wrap .method-cover .form-check .form-check-label {
  color: #101b25;
}

.checkout-outer-wrap .box-wrap-add-address {
  margin-bottom: 20px;
  padding-top: 15px;
}

@media (max-width: 400px) {
  .checkout-outer-wrap .box-wrap-add-address .col-6 {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .shipping-address-block .address-title-block .right-block .address-actions button {
    font-size: 12px;
  }
}

@media (max-width: 450px) {
  .checkout-outer-wrap .shipping-address-block .address-title-block .right-block .address-actions button span {
    display: none;
  }
}

@media (max-width: 400px) {
  .checkout-outer-wrap .shipping-address-block .address-title-block .right-block .address-actions {
    gap: 6px;
  }
}

.checkout-outer-wrap .protection-plan-sec {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px 16px;
  display: flex;
}

@media (max-width: 479px) {
  .checkout-outer-wrap .protection-plan-sec {
    flex-wrap: nowrap;
  }
}

.checkout-outer-wrap .protection-plan-sec .left-block {
  flex-flow: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

@media (max-width: 479px) {
  .checkout-outer-wrap .protection-plan-sec .left-block {
    white-space: normal !important;
  }
}

.checkout-outer-wrap .protection-plan-sec .left-block h4 {
  flex: auto;
  margin: 0;
}

.checkout-outer-wrap .protection-plan-sec .left-block h4.protection-plan-title-single-line {
  white-space: nowrap;
}

.checkout-outer-wrap .protection-plan-sec .left-block .amt {
  white-space: nowrap;
  flex: none;
  margin: 0;
}

@media (max-width: 768px) {
  .checkout-outer-wrap .protection-plan-sec .left-block {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .checkout-outer-wrap .protection-plan-sec .left-block h4 {
    flex: none;
  }

  .checkout-outer-wrap .protection-plan-sec .left-block .amt {
    margin-top: 0;
  }
}

.checkout-outer-wrap .protection-plan-sec .right-block {
  align-items: center;
  min-width: 0;
  display: flex;
}

@media (max-width: 767px) {
  .checkout-outer-wrap .protection-plan-sec .right-block {
    flex: 100%;
    width: 100%;
  }
}

.checkout-outer-wrap .protection-plan-sec .right-block .shipping-protection-right-inner {
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.checkout-outer-wrap .protection-plan-sec .right-block .shipping-protection-right-inner .protection-description {
  text-align: right;
  margin-bottom: 0;
}

.checkout-outer-wrap .protection-plan-sec .left-block .info-icon {
  overflow: visible;
}

.checkout-outer-wrap .protection-plan-sec .left-block .info-icon .tooltip-text {
  width: 300px;
}

@media (max-width: 767px) {
  .checkout-outer-wrap .protection-plan-sec .left-block .info-icon .tooltip-text {
    width: auto;
  }
}

.protection-plan-sec .dimension-group.yes-no-group {
  gap: 0;
}

.protection-plan-sec .dimension-group.yes-no-group .yes-no-option:nth-child(2) {
  margin-left: -10px;
}

.protection-plan-sec .left-block {
  width: 50%;
}

@media (max-width: 991px) {
  .protection-plan-sec .left-block {
    width: 39%;
  }
}

@media (max-width: 767px) {
  .protection-plan-sec .left-block {
    width: 100%;
  }
}

.protection-plan-sec .left-block h4 {
  white-space: normal;
}

@media (max-width: 479px) {
  .protection-plan-sec.mob-col {
    flex-direction: column !important;
    gap: 0 !important;
  }

  .protection-plan-sec.mob-col .left-block {
    width: 100% !important;
  }

  .protection-plan-sec.mob-col .right-block {
    justify-content: flex-end !important;
    width: 100% !important;
    padding-top: 0 !important;
  }

  .protection-plan-sec.mob-col .right-block .checkout-btn-wrap {
    padding-top: 0 !important;
  }
}

.checkout-outer-wrap .confirm-counteroffer-centered {
  max-width: 600px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .checkout-outer-wrap .confirm-counteroffer-centered {
    max-width: 100%;
  }
}

.checkout-outer-wrap .confirm-counteroffer-centered .title-wrap {
  padding-bottom: 0;
}

@media (max-width: 767px) {
  .checkout-outer-wrap .confirm-counteroffer-centered .title-wrap {
    padding-bottom: 10px;
  }
}

.checkout-outer-wrap .checkout-payment-centered {
  max-width: 600px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .checkout-outer-wrap .checkout-payment-centered {
    max-width: 100%;
  }
}

.checkout-outer-wrap .checkout-shipping-payment-summary {
  display: none;
}

@media (max-width: 767px) {
  .checkout-outer-wrap .checkout-shipping-payment-summary {
    margin-bottom: 20px;
    display: block;
  }
}

.checkout-outer-wrap .checkout-shipping-payment-summary-desktop {
  display: block;
}

@media (max-width: 767px) {
  .checkout-outer-wrap .checkout-shipping-payment-summary-desktop {
    display: none;
  }
}

.checkout-outer-wrap .product-details-section .order-head-wrap, .checkout-outer-wrap .product-details-section .order-content-wrap {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.checkout-outer-wrap .product-details-desc {
  color: #415362;
  margin: 10px 0;
  font-size: 14px;
  line-height: 1.5;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .product-details-desc {
    font-size: 13px;
  }
}

.checkout-outer-wrap .show-more-link {
  color: #007bff;
  cursor: pointer;
  background: none;
  border: none;
  margin-left: 4px;
  padding: 0;
  font-size: 14px;
  text-decoration: underline;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .show-more-link {
    font-size: 13px;
  }
}

.checkout-outer-wrap .show-more-link:hover {
  color: #0056b3;
}

.checkout-outer-wrap .product-details-subtitle {
  color: #101b25;
  margin: 12px 0 8px;
  font-size: 16px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .product-details-subtitle {
    font-size: 14px;
  }
}

.checkout-outer-wrap .total-due-today .td1, .checkout-outer-wrap .total-due-today .td2 {
  color: #101b25 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .total-due-today .td1, .checkout-outer-wrap .total-due-today .td2 {
    font-size: 18px !important;
  }
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .total-due-today .td1, .checkout-outer-wrap .total-due-today .td2 {
    font-size: 16px !important;
  }
}

.checkout-outer-wrap .all-in-price .td1, .checkout-outer-wrap .all-in-price .td2 {
  color: #6b7280 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .all-in-price .td1, .checkout-outer-wrap .all-in-price .td2 {
    font-size: 16px !important;
  }
}

@media (max-width: 1199px) {
  .checkout-outer-wrap .all-in-price .td1, .checkout-outer-wrap .all-in-price .td2 {
    font-size: 14px !important;
  }
}

.checkout-outer-wrap .math-tagline {
  color: #9ca3af;
  padding: 4px 0 8px;
  font-size: 13px;
  font-style: italic;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .math-tagline {
    font-size: 12px;
  }
}

.checkout-outer-wrap .payment-method-row {
  color: #415362;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  font-size: 14px;
  display: flex;
}

@media (max-width: 1679px) {
  .checkout-outer-wrap .payment-method-row {
    font-size: 13px;
  }
}

.checkout-outer-wrap .checkout-confirm-mobile-only {
  display: block;
}

@media (min-width: 768px) {
  .checkout-outer-wrap .checkout-confirm-mobile-only {
    display: none !important;
  }
}

.checkout-outer-wrap .checkout-confirm-dt-only {
  display: none;
}

@media (min-width: 768px) {
  .checkout-outer-wrap .checkout-confirm-dt-only {
    display: table-row;
  }
}

.checkout-outer-wrap .checkout-confirm-dt-inner {
  padding: 20px 0 0;
}

.checkout-outer-wrap .checkout-confirm-dt-inner .form-check {
  margin-bottom: 16px;
}

.checkout-outer-wrap .checkout-confirm-dt-inner .checkout-btn-wrap {
  padding-top: 0;
}

/* [project]/ui/styles/scss/claim-sucess-modal.scss.css [client] (css) */
.claim-success-modal.custom-modal.info-modal .modal-body {
  padding: 40px 44px;
}

@media (max-width: 420px) {
  .claim-success-modal.custom-modal.info-modal .modal-body {
    padding: 30px;
  }
}

.claim-success-modal.custom-modal.info-modal h2 {
  color: #101b25;
  font-size: 20px;
  font-weight: 700;
}

.claim-success-modal.custom-modal.info-modal p {
  color: #101b25;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

@media (min-width: 600px) {
  .claim-success-modal.custom-modal.info-modal .modal-dialog {
    max-width: 532px;
  }
}

.claim-success-modal.custom-modal.info-modal .modal-dialog .modal-icon {
  width: 48px;
  height: 48px;
  margin: 0 auto 16px;
}

.claim-success-modal.custom-modal.info-modal .modal-dialog .modal-icon img {
  width: 100%;
  height: 100%;
}

.claim-success-modal.custom-modal.info-modal .modal-dialog .modal-btn-1 {
  width: 279px;
  margin: 15px auto auto;
}

@media (max-width: 579px) {
  .claim-success-modal.custom-modal.info-modal .modal-dialog .modal-btn-1 {
    width: 100%;
    margin-top: 0;
  }
}

.claim-modal.custom-modal .titlesec {
  justify-content: space-between;
  display: flex;
}

.claim-modal.custom-modal .titlesec .coverd-link {
  color: #346796;
  border-bottom: 1px solid #346796;
  font-size: 14px;
  font-weight: 500;
}

.claim-modal.custom-modal .modal-body {
  max-height: calc(100vh - 303px);
  padding: 0;
  overflow-y: auto;
}

@media (max-width: 767px) {
  .claim-modal.custom-modal .modal-body {
    max-height: unset;
    overflow: unset;
  }
}

@media (min-width: 800px) {
  .claim-modal.custom-modal .modal-dialog {
    max-width: 713px;
  }
}

.claim-modal.custom-modal .modal-content {
  border-radius: 10px;
}

.claim-modal.custom-modal .claim-modal-header {
  padding: 63px 45px 35px;
}

@media (max-width: 767px) {
  .claim-modal.custom-modal .claim-modal-header {
    padding: 30px;
  }
}

.claim-modal.custom-modal .claim-modal-header .claim-modal-title {
  color: #101b25;
  margin: 0;
  font-size: 24px;
  font-weight: 500;
}

.claim-modal.custom-modal .claim-modal-header.activity-log-header {
  display: block !important;
}

.claim-modal.custom-modal .claim-timeline {
  padding-left: 37px;
  padding-right: 37px;
}

@media (max-width: 767px) {
  .claim-modal.custom-modal .claim-timeline {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.claim-modal.custom-modal .claim-timeline .claim-step {
  display: flex;
}

.claim-modal.custom-modal .claim-timeline .claim-step:last-child .claim-step-icon:before {
  display: none;
}

.claim-modal.custom-modal .claim-timeline .claim-step .claim-step-content {
  margin-left: 15px;
}

.claim-modal.custom-modal .claim-timeline .claim-step .claim-step-content .claim-date {
  color: #8d9199;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}

.claim-modal.custom-modal .claim-timeline .claim-step .claim-step-content h6 {
  color: #101828;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}

@media (max-width: 767px) {
  .claim-modal.custom-modal .claim-timeline .claim-step .claim-step-content h6 {
    font-size: 15px;
  }
}

.claim-modal.custom-modal .claim-timeline .claim-step .claim-step-icon {
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 27px;
  height: 27px;
  margin-top: 30px;
  display: flex;
  position: relative;
}

.claim-modal.custom-modal .claim-timeline .claim-step .claim-step-icon:before {
  content: "";
  background: #dcfce7;
  width: 1px;
  height: 53px;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
}

.claim-modal.custom-modal .claim-timeline .claim-step .claim-step-icon.success {
  background-color: #dcfce7;
}

.claim-modal.custom-modal .claim-timeline .claim-step .claim-step-icon.warning {
  background-color: #ffdcc9;
}

.claim-modal.custom-modal .claim-timeline .claim-step .claim-wrp {
  border-bottom: 1px solid #ededed;
  flex: 1;
  justify-content: space-between;
  padding: 27px 0;
  display: flex;
}

@media (max-width: 767px) {
  .claim-modal.custom-modal .claim-timeline .claim-step .claim-wrp {
    flex-direction: column;
  }
}

.claim-modal.custom-modal .claim-timeline .claim-step.claim-step--info-detail .claim-wrp {
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
}

.claim-modal.custom-modal .claim-timeline .claim-step:last-child .claim-wrp {
  border-bottom: 0;
}

@media (max-width: 767px) {
  .claim-modal.custom-modal .claim-timeline .claim-step:last-child .claim-wrp {
    border-bottom: 1px solid #ededed;
  }
}

.claim-modal.custom-modal .claim-timeline .claim-step .claim-badge {
  text-align: center;
  background-color: #eff6ff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-width: 151px;
  height: 45px;
  padding-left: 19px;
  padding-right: 19px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

.claim-modal.custom-modal .claim-timeline .claim-step .claim-badge.declined {
  color: #ea3c3c;
  background-color: #fff4f4;
}

@media (max-width: 767px) {
  .claim-modal.custom-modal .claim-timeline .claim-step .claim-badge {
    margin-top: 10px;
  }
}

@media (max-width: 376px) {
  .claim-modal.custom-modal .claim-timeline .claim-step .claim-badge {
    font-size: 12px;
  }
}

.claim-modal.custom-modal .claim-timeline .claim-step .claim-activity-premium {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 12px;
  min-width: 0;
  max-width: 100%;
  padding: 16px 20px;
  display: flex;
  box-shadow: 0 1px 3px #0000000a;
}

.claim-modal.custom-modal .claim-timeline .claim-step .claim-activity-premium__message {
  color: #334155;
  white-space: pre-line;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
}

.claim-modal.custom-modal .claim-timeline .claim-step .claim-activity-premium__media {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.claim-modal.custom-modal .claim-timeline .claim-step .claim-activity-premium__thumb {
  object-fit: cover;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  flex-shrink: 0;
  width: 72px;
  height: 72px;
}

.claim-modal.custom-modal .claim-timeline .claim-step .claim-activity-premium__video {
  object-fit: cover;
  background: #0f172a;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  flex-shrink: 0;
  width: 140px;
  height: 90px;
}

@media (max-width: 767px) {
  .claim-modal.custom-modal .claim-timeline .claim-step .claim-activity-premium {
    margin-top: 10px;
    padding: 14px 16px;
  }
}

@media (max-width: 376px) {
  .claim-modal.custom-modal .claim-timeline .claim-step .claim-activity-premium__thumb {
    width: 60px;
    height: 60px;
  }

  .claim-modal.custom-modal .claim-timeline .claim-step .claim-activity-premium__video {
    width: 120px;
    height: 80px;
  }
}

.claim-modal.custom-modal .claim-timeline .claim-step.approved-claim .claim-wrp {
  border-bottom: 0;
}

.claim-modal.custom-modal .claim-timeline .claim-step.approved-claim .claim-step-icon:before {
  height: 250px !important;
}

.claim-modal.custom-modal .issue-section {
  padding-top: 33px;
  padding-left: 40px;
  padding-right: 40px;
}

@media (max-width: 767px) {
  .claim-modal.custom-modal .issue-section {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.claim-modal.custom-modal .issue-section .issue-title {
  color: #101b25;
  padding-bottom: 20px;
  font-size: 17px;
  font-weight: 500;
}

.claim-modal.custom-modal .issue-section .issue-label {
  color: #101b25;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}

.claim-modal.custom-modal .issue-section .issue-label span {
  color: #6d7983;
  font-size: 12px;
}

.claim-modal.custom-modal .issue-section .form-wrp {
  margin-bottom: 16px;
  position: relative;
}

.claim-modal.custom-modal .issue-section .issue-textarea {
  color: #7b8d9f;
  border: 1px solid #dfe1e3;
  border-radius: 12px;
  min-height: 124px;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  box-shadow: 0 1px 2px #0000000a;
}

.claim-modal.custom-modal .issue-section .issue-textarea::placeholder {
  color: #7b8d9f;
  font-weight: 400;
}

@media (max-width: 767px) {
  .claim-modal.custom-modal .issue-section .issue-textarea {
    font-size: 14px;
    line-height: 22px;
  }
}

.claim-modal.custom-modal .issue-section .issue-limit {
  color: #7b8d9f;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  bottom: 15px;
  right: 10px;
}

.claim-modal.custom-modal .upload-box {
  text-align: center;
  cursor: pointer;
  background: #f7fafd;
  border: 2px dashed #b8c4d0;
  border-radius: 12px;
  margin-top: 10px;
  padding: 30px;
}

.claim-modal.custom-modal .upload-icon {
  margin-bottom: 8px;
  font-size: 28px;
}

.claim-modal.custom-modal .upload-text {
  color: #555;
  font-size: 13px;
}

.claim-modal.custom-modal .upload-text span {
  color: #999;
  font-size: 12px;
}

.claim-modal.custom-modal .modal-footer {
  border: none;
  padding: 40px;
}

@media (max-width: 767px) {
  .claim-modal.custom-modal .modal-footer {
    flex-wrap: nowrap;
    padding-left: 30px;
    padding-right: 30px;
  }
}

.claim-modal.custom-modal .modal-footer .btn {
  color: #101b25;
  border: 1px solid #dfe1e3;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 167px;
  height: 44px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

@media (max-width: 767px) {
  .claim-modal.custom-modal .modal-footer .btn {
    width: 48%;
  }
}

.claim-modal.custom-modal .modal-footer .btn.btn-submit {
  color: #fff;
  background: #5090cc;
  border: 1px solid #5090cc;
}

.claim-modal.custom-modal .modal-footer.order-modal-footer {
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.claim-modal.custom-modal .modal-footer.order-modal-footer .btn {
  width: 323px;
}

@media (max-width: 579px) {
  .claim-modal.custom-modal .modal-footer.order-modal-footer .btn {
    width: 100%;
  }
}

.claim-modal.custom-modal .claim-summary {
  background: #f3f6f9;
  border-radius: 12px;
  margin: 0 40px;
  padding: 22px 30px;
}

@media (max-width: 767px) {
  .claim-modal.custom-modal .claim-summary {
    margin: 0 30px;
  }
}

.claim-modal.custom-modal .claim-summary .claim-summary-title {
  color: #101b25;
  font-size: 17px;
  font-weight: 600;
}

.claim-modal.custom-modal .claim-summary .claim-summary-row {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding: 8px 0;
  display: flex;
}

@media (max-width: 767px) {
  .claim-modal.custom-modal .claim-summary .claim-summary-row {
    flex-direction: column;
    align-items: flex-start;
  }
}

.claim-modal.custom-modal .claim-summary .claim-summary-label {
  color: #101b25;
  font-size: 16px;
  font-weight: 400;
}

.claim-modal.custom-modal .claim-summary .claim-summary-value {
  color: #101b25;
  text-align: right;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.claim-modal.custom-modal .claim-summary .claim-summary-value.highlight {
  font-weight: 500;
}

.claim-modal.custom-modal .reason-outer {
  background: #fff9f9;
  border-radius: 12px;
  margin: 0 40px;
  padding: 22px 30px;
}

@media (max-width: 767px) {
  .claim-modal.custom-modal .reason-outer {
    margin: 0 30px;
  }
}

.claim-modal.custom-modal .reason-outer .reason-title {
  color: #ea3c3c;
  margin-bottom: 22px;
  font-size: 17px;
  font-weight: 600;
}

.claim-modal.custom-modal .reason-outer .reason-content {
  color: #c16464;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

@media (min-width: 660px) {
  .coverage-modal .modal-dialog {
    max-width: 605px;
  }
}

.coverage-modal .coverage-modal-content {
  border-radius: 10px;
  padding: 40px 25px;
}

.coverage-modal .coverage-modal-content .coverage-modal-header {
  border-bottom: none !important;
}

.coverage-modal .coverage-modal-content .coverage-modal-title {
  color: #101b25;
  font-size: 20px;
  font-weight: 500;
}

.coverage-modal .coverage-modal-content .coverage-modal-body {
  padding: 20px 0 0;
}

.coverage-modal .coverage-modal-content .coverage-modal-body .coverage-box {
  border: 1px solid #ebebeb;
  border-radius: 12px;
  padding: 0 21px;
  display: flex;
}

@media (max-width: 767px) {
  .coverage-modal .coverage-modal-content .coverage-modal-body .coverage-box {
    flex-wrap: wrap;
    padding: 0;
  }
}

.coverage-modal .coverage-modal-content .coverage-modal-body .coverage-box .coverage-column-title {
  color: #101b25;
  margin-bottom: 28px;
  padding-top: 21px;
  font-size: 15px;
  font-weight: 500;
}

.coverage-modal .coverage-modal-content .coverage-modal-body .coverage-list {
  padding-inline-start: 0;
}

.coverage-modal .coverage-modal-content .coverage-modal-body .coverage-list li.coverage-item {
  color: #415362;
  margin-bottom: 17px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  list-style-type: none;
}

.coverage-modal .coverage-modal-content .coverage-modal-body .coverage-list li.coverage-item .coverage-icon {
  flex-shrink: 0px;
  margin-right: 7px;
}

.coverage-modal .coverage-column {
  width: 48%;
}

@media (max-width: 767px) {
  .coverage-modal .coverage-column {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.coverage-modal .coverage-divider {
  background: #e5e7eb;
  width: 1px;
  margin: 0 20px;
}

@media (max-width: 767px) {
  .coverage-modal .coverage-divider {
    width: 100%;
    height: 1px;
    margin: 0;
  }
}

.coverage-modal .coverage-help {
  background-color: #eff6ff;
  align-items: flex-start;
  margin-top: 25px;
  padding: 14px 8px;
  display: flex;
}

.coverage-modal .coverage-help .coverage-help-icon {
  flex-shrink: 0;
  align-items: flex-start;
  margin-right: 8px;
  display: flex;
}

.coverage-modal .coverage-help .text-sec {
  color: #364153;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.coverage-modal .coverage-help .text-sec .txt {
  display: block;
}

.coverage-modal .coverage-help .text-sec .txt a {
  color: #4361ee;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

@media (min-width: 991px) {
  .claim-form-modal.custom-modal .modal-dialog {
    max-width: 918px;
  }
}

.claim-form-modal.custom-modal .modal-body {
  max-height: calc(100vh - 338px);
  padding: 0;
  overflow-y: auto;
}

@media (max-width: 767px) {
  .claim-form-modal.custom-modal .modal-body {
    max-height: unset;
    overflow: unset;
  }
}

.claim-form-modal.custom-modal .claim-form-content {
  border-radius: 17px;
  padding: 63px 0 0 40px;
}

@media (max-width: 767px) {
  .claim-form-modal.custom-modal .claim-form-content {
    padding: 30px 0 0 30px;
  }
}

.claim-form-modal.custom-modal .claim-form-content .claim-form-header {
  padding-right: 40px;
  border-bottom: none !important;
}

@media (max-width: 767px) {
  .claim-form-modal.custom-modal .claim-form-content .claim-form-header {
    padding-right: 30px;
  }
}

.claim-form-modal.custom-modal .claim-form-content .claim-form-header .claim-form-title {
  color: #101b25;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

.claim-form-modal.custom-modal .claim-form-content .claim-form-header .claim-form-subtitle {
  color: #415362;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.claim-form-modal.custom-modal .claim-form-content .claim-form-header .claim-form-subtitle span {
  display: block;
}

.claim-form-modal.custom-modal .claim-form-content .claim-product-card {
  background: #fff;
  border: 1px solid #ecedef;
  border-radius: 12px;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 43px;
  margin-right: 40px;
  padding: 30px 21px;
  display: flex;
}

@media (max-width: 991px) {
  .claim-form-modal.custom-modal .claim-form-content .claim-product-card {
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .claim-form-modal.custom-modal .claim-form-content .claim-product-card {
    margin-right: 30px;
  }
}

@media (max-width: 579px) {
  .claim-form-modal.custom-modal .claim-form-content .claim-product-card {
    border: 0;
    margin-bottom: 20px;
    padding: 0;
  }
}

.claim-form-modal.custom-modal .claim-form-content .claim-product-card .left-sec {
  align-items: center;
  display: flex;
}

@media (max-width: 991px) {
  .claim-form-modal.custom-modal .claim-form-content .claim-product-card .left-sec {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media (max-width: 579px) {
  .claim-form-modal.custom-modal .claim-form-content .claim-product-card .left-sec {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
}

.claim-form-modal.custom-modal .claim-form-content .claim-product-card .left-sec .img-sec {
  width: 134px;
  height: 134px;
}

.claim-form-modal.custom-modal .claim-form-content .claim-product-card .left-sec .img-sec img {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  height: 100%;
}

.claim-form-modal.custom-modal .claim-form-content .claim-product-card .left-sec .claim-product-info {
  margin-left: 15px;
}

@media (max-width: 579px) {
  .claim-form-modal.custom-modal .claim-form-content .claim-product-card .left-sec .claim-product-info {
    width: 100%;
    margin-top: 17px;
    margin-left: 0;
  }
}

.claim-form-modal.custom-modal .claim-form-content .claim-product-card .left-sec .claim-product-info .product-name {
  color: #101b25;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.claim-form-modal.custom-modal .claim-form-content .claim-product-card .left-sec .claim-product-info .product-id {
  color: #415362;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.claim-form-modal.custom-modal .claim-form-content .claim-product-card .left-sec .claim-product-info .product-id span {
  color: #101b25;
}

.claim-form-modal.custom-modal .claim-form-content .claim-product-meta .purchase-date {
  color: #415362;
  text-align: right;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.claim-form-modal.custom-modal .claim-form-content .claim-product-meta .purchase-date span {
  color: #101b25;
}

@media (max-width: 991px) {
  .claim-form-modal.custom-modal .claim-form-content .claim-product-meta {
    width: 100%;
  }

  .claim-form-modal.custom-modal .claim-form-content .claim-product-meta .purchase-date {
    text-align: left;
  }
}

.claim-form-modal.custom-modal .claim-details {
  margin-right: 40px;
}

@media (max-width: 767px) {
  .claim-form-modal.custom-modal .claim-details {
    margin-right: 30px;
  }
}

.claim-form-modal.custom-modal .claim-details .claim-section-title {
  color: #415362;
  margin-bottom: 24px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.claim-form-modal.custom-modal .claim-details .form-group {
  margin-bottom: 16px;
  position: relative;
}

.claim-form-modal.custom-modal .claim-details .form-group .form-select {
  color: #101b25;
  height: 48px;
  letter-spacing: 0%;
  border: 1px solid #b8c4d0;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 400;
}

.claim-form-modal.custom-modal .claim-details .form-group .claim-textarea {
  border: 1px solid #dfe1e3;
  border-radius: 12px;
  min-height: 124px;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  box-shadow: 0 1px 2px #0000000a;
}

.claim-form-modal.custom-modal .claim-details .form-group .claim-limit {
  position: absolute;
  bottom: 20px;
  right: 10px;
}

.claim-form-modal.custom-modal .claim-details .form-label {
  color: #101b25;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
}

.claim-form-modal.custom-modal .claim-details .form-label span {
  color: #6d7983;
}

.claim-form-modal.custom-modal .claim-details .form-label .required-asterisk {
  color: #dc3545;
  margin-left: 2px;
}

.claim-form-modal.custom-modal .claim-upload {
  margin-top: 16px;
}

.claim-form-modal.custom-modal .claim-upload-box {
  text-align: center;
  cursor: pointer;
  background: #f7fafd;
  border: 2px dashed #b8c4d0;
  border-radius: 12px;
  padding: 28px;
}

.claim-form-modal.custom-modal .claim-upload-box p {
  color: #101b25;
  letter-spacing: -1%;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.claim-form-modal.custom-modal .claim-upload-box p span {
  color: #415362;
  letter-spacing: 0%;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.claim-form-modal.custom-modal .claim-upload-icon {
  margin-bottom: 6px;
  font-size: 28px;
}

.claim-form-modal.custom-modal .modal-footer {
  border: none;
  padding: 40px 40px 40px 0;
}

@media (max-width: 767px) {
  .claim-form-modal.custom-modal .modal-footer {
    flex-wrap: nowrap;
    padding-right: 30px;
  }
}

.claim-form-modal.custom-modal .modal-footer .btn {
  color: #101b25;
  border: 1px solid #dfe1e3;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 167px;
  height: 44px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

@media (max-width: 767px) {
  .claim-form-modal.custom-modal .modal-footer .btn {
    width: 48%;
  }
}

.claim-form-modal.custom-modal .modal-footer .btn.btn-submit {
  color: #fff;
  background: #5090cc;
  border: 1px solid #5090cc;
}

.claim-form-modal.custom-modal .modal-footer.order-modal-footer {
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.claim-form-modal.custom-modal .modal-footer.order-modal-footer .btn {
  width: 323px;
}

@media (max-width: 579px) {
  .claim-form-modal.custom-modal .modal-footer.order-modal-footer .btn {
    width: 100%;
  }
}

/* [project]/ui/styles/scss/create-wishlist.scss.css [client] (css) */
.breadcrumb {
  margin: 0;
  padding: 30px 0 24px;
}

@media (max-width: 1679px) {
  .breadcrumb {
    padding: 25px 0 24px;
  }
}

@media (max-width: 1481px) {
  .breadcrumb {
    padding: 15px 0;
  }
}

.breadcrumb .list {
  margin: 0;
  padding: 0;
  font-size: 14px;
  list-style: none;
  display: flex;
}

@media (max-width: 1679px) {
  .breadcrumb .list {
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .breadcrumb .list {
    font-size: 12px;
  }
}

@media (max-width: 579px) {
  .breadcrumb .list {
    font-size: 10px;
  }
}

.breadcrumb .list li {
  align-items: center;
  display: flex;
}

.breadcrumb .list li a {
  color: #7b8d9f;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

@media (max-width: 1679px) {
  .breadcrumb .list li a {
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .breadcrumb .list li a {
    font-size: 12px;
  }
}

@media (max-width: 579px) {
  .breadcrumb .list li a {
    font-size: 10px;
  }
}

.breadcrumb .list li a:hover {
  text-decoration: underline;
}

.breadcrumb .list li a.active {
  color: #101b25;
}

.breadcrumb .list li + li:before {
  content: "";
  color: #999;
  background-image: url("/img/gray-arrow.svg");
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  margin: 0 8px;
}

@media (max-width: 1679px) {
  .breadcrumb .list li + li:before {
    margin: 0 6px;
  }
}

.outer-head-step-wrap {
  justify-content: center;
  padding: 50px 15px 70px;
  display: flex;
}

@media (max-width: 1679px) {
  .outer-head-step-wrap {
    padding: 30px 15px 50px;
  }
}

@media (max-width: 991px) {
  .outer-head-step-wrap {
    padding: 20px 15px 40px;
  }
}

.outer-head-step-wrap .head-step-wrap {
  align-items: center;
  gap: 12px;
  display: flex;
}

@media (max-width: 579px) {
  .outer-head-step-wrap .head-step-wrap {
    flex-direction: column;
    align-items: start;
    gap: 5px;
    width: 100%;
  }
}

@media (max-width: 479px) {
  .outer-head-step-wrap .head-step-wrap {
    width: 100%;
  }
}

.outer-head-step-wrap .head-step-wrap .txt {
  color: #7b8d9f;
  margin: 0;
  padding: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .outer-head-step-wrap .head-step-wrap .txt {
    font-size: 12px;
  }
}

.outer-head-step-wrap .head-step-wrap .txt span {
  color: #101b25;
}

.outer-head-step-wrap .head-step-wrap .list {
  width: 345px;
  margin: 0;
  padding: 0;
  display: flex;
}

@media (max-width: 1679px) {
  .outer-head-step-wrap .head-step-wrap .list {
    width: 340px;
  }
}

@media (max-width: 1199px) {
  .outer-head-step-wrap .head-step-wrap .list {
    width: 300px;
  }
}

@media (max-width: 767px) {
  .outer-head-step-wrap .head-step-wrap .list {
    width: 250px;
  }
}

@media (max-width: 579px) {
  .outer-head-step-wrap .head-step-wrap .list {
    width: 100%;
  }
}

.outer-head-step-wrap .head-step-wrap .list li {
  width: 50%;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}

.outer-head-step-wrap .head-step-wrap .list li .round {
  z-index: 1;
  background: #f8f9fa;
  width: 16px;
  height: 16px;
  padding: 2px;
  position: relative;
}

@media (max-width: 1679px) {
  .outer-head-step-wrap .head-step-wrap .list li .round {
    width: 14px;
    height: 14px;
  }
}

.outer-head-step-wrap .head-step-wrap .list li .round:after {
  content: "";
  border: 1px solid #abadd4;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin: auto;
  position: absolute;
  inset: 0;
}

@media (max-width: 1679px) {
  .outer-head-step-wrap .head-step-wrap .list li .round:after {
    width: 10px;
    height: 10px;
  }
}

.outer-head-step-wrap .head-step-wrap .list li .round img {
  z-index: 1;
  width: 12px;
  height: 12px;
  position: absolute;
}

@media (max-width: 1679px) {
  .outer-head-step-wrap .head-step-wrap .list li .round img {
    width: 10px;
    height: 10px;
  }
}

.outer-head-step-wrap .head-step-wrap .list li:after {
  content: "";
  background: #abadd4;
  border-radius: 10px;
  width: 100%;
  height: 1px;
  margin: auto;
  position: absolute;
  inset: 0 0 0 auto;
}

.outer-head-step-wrap .head-step-wrap .list li:last-child {
  width: auto;
}

.outer-head-step-wrap .head-step-wrap .list li:last-child:after {
  display: none;
}

.outer-head-step-wrap .head-step-wrap .list li.active .round:after {
  border-color: #2e348e;
}

.outer-head-step-wrap .head-step-wrap .list li.active:after {
  background: #2e348e;
}

.outer-head-step-wrap .head-step-wrap .list li.completed:after {
  background: #1bb746;
}

.whishlist-outer {
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

@media (max-width: 767px) {
  .whishlist-outer {
    flex-direction: column;
    gap: 50px;
  }
}

.custom-shop-wrap {
  padding: 0 0 70px;
}

@media (max-width: 1679px) {
  .custom-shop-wrap {
    padding: 0 0 50px;
  }
}

.custom-shop-wrap .custom-container {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

@media (min-width: 992px) {
  .custom-shop-wrap .custom-container {
    max-width: 979px;
  }
}

@media (max-width: 767px) {
  .custom-shop-wrap .custom-container {
    flex-direction: column;
  }
}

.custom-shop-wrap .left-wrap {
  width: 519px;
}

@media (max-width: 991px) {
  .custom-shop-wrap .left-wrap {
    width: 340px;
  }
}

@media (max-width: 767px) {
  .custom-shop-wrap .left-wrap {
    width: 100%;
  }
}

.custom-shop-wrap .left-wrap .head-wrap {
  padding: 0 0 25px;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .left-wrap .head-wrap {
    padding: 0 0 20px;
  }
}

@media (max-width: 767px) {
  .custom-shop-wrap .left-wrap .head-wrap {
    text-align: center;
  }
}

.custom-shop-wrap .left-wrap .head-wrap .title {
  color: #101b25;
  margin: 0;
  padding: 0 0 5px;
  font-size: 24px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .left-wrap .head-wrap .title {
    font-size: 22px;
  }
}

@media (max-width: 1481px) {
  .custom-shop-wrap .left-wrap .head-wrap .title {
    font-size: 20px;
  }
}

.custom-shop-wrap .left-wrap .head-wrap .para {
  color: #415362;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .left-wrap .head-wrap .para {
    font-size: 14px;
  }
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap {
  padding: 0 0 25px;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap {
    padding: 0 0 20px;
  }
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .text-sec {
  color: #101b25;
  margin-bottom: 12px;
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .text-sec .info, .custom-shop-wrap .left-wrap .form-wrap .field-wrap .info-icon {
  cursor: pointer;
  width: 17px;
  margin-left: 5px;
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap {
  background: #f7fafd;
  border: 2px dashed #b8c4d0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 25px;
  display: flex;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap {
    padding: 20px 15px;
  }
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap .up-image {
  width: 48px;
  height: 48px;
  margin: 0 0 15px;
  position: relative;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap .up-image {
    width: 46px;
    height: 46px;
  }
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap .up-image .img {
  object-fit: cover;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap .up-image .select {
  background: #fff;
  border-radius: 100%;
  width: 22px;
  height: 22px;
  padding: 3px;
  position: absolute;
  bottom: -5px;
  right: -5px;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap .up-image .select {
    width: 20px;
    height: 20px;
  }
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap .up-image .select img {
  margin: auto;
  position: absolute;
  inset: 0;
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap .up-image .select .cam, .custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap .up-image .select .edit {
  width: 15px;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap .up-image .select .cam, .custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap .up-image .select .edit {
    width: 12px;
  }
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap .up-cover {
  padding: 0 0 20px;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap .up-cover {
    padding: 0 0 15px;
  }
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap .up-cover img {
  width: 41px;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap .up-cover img {
    width: 35px;
  }
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap .sub-title {
  color: #101b25;
  text-align: center;
  margin: 0;
  padding: 0 0 3px;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap .sub-title {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap .sub-title {
    font-size: 17px;
  }
}

@media (max-width: 1199px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap .sub-title {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap .sub-title {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap .sub-title {
    font-size: 14px;
  }
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap .info {
  color: #415362;
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap .info {
    font-size: 12px;
  }
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap.fullwidth {
  padding: 0;
  position: relative;
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap.fullwidth .upload-img {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  height: 170px;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap.fullwidth .upload-img {
    height: 150px;
  }
}

@media (max-width: 479px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap.fullwidth .upload-img {
    height: 120px;
  }
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap.fullwidth .select {
  cursor: pointer;
  background: #fff;
  border-radius: 100%;
  width: 22px;
  height: 22px;
  padding: 3px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .upload-wrap.fullwidth .select img {
  width: 15px;
  margin: auto;
  position: absolute;
  inset: 0;
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .name {
  color: #101b25;
  margin: 0;
  padding: 0 0 5px;
  font-size: 14px;
  font-weight: 500;
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .type-wrap {
  position: relative;
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .type-wrap .txt {
  color: #000;
  background: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  outline: 0;
  width: 100%;
  height: 48px;
  margin: 0;
  padding: 5px 20px;
  font-size: 16px;
  font-weight: 400;
  display: block;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .type-wrap .txt {
    height: 42px;
    padding: 5px 15px;
    font-size: 14px;
  }
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .type-wrap .txt::placeholder {
  opacity: 1;
  color: #7b8d9f;
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .type-wrap .textarea {
  color: #000;
  background: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 12px;
  outline: 0;
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 5px 20px 25px;
  font-size: 16px;
  font-weight: 400;
  display: block;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .type-wrap .textarea {
    height: 50px;
    padding: 5px 15px 25px;
    font-size: 14px;
  }
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .type-wrap .textarea::placeholder {
  opacity: 1;
  color: #7b8d9f;
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .type-wrap .form-select {
  border-radius: 100px;
  height: 52px;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .type-wrap .form-select {
    height: 48px;
  }
}

@media (max-width: 1481px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .type-wrap .form-select {
    height: 42px;
  }
}

@media (max-width: 1199px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .type-wrap .form-select {
    height: 36px;
  }
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .type-wrap .form-select:after {
  content: "▾";
  color: #666;
  pointer-events: none;
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .type-wrap .info {
  color: #7b8d9f;
  background: #fff;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  bottom: 5px;
  left: 20px;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .type-wrap .info {
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .type-wrap .info {
    font-size: 13px;
  }
}

@media (max-width: 579px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .type-wrap .info {
    font-size: 12px;
  }
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .field-head-wrap {
  justify-content: space-between;
  padding: 0 0 5px;
  display: flex;
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .field-head-wrap .name {
  padding: 0;
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .field-head-wrap .ai {
  align-items: center;
  gap: 10px;
  display: flex;
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .field-head-wrap .ai span {
  color: #5090cc;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .field-head-wrap .ai span {
    font-size: 13px;
  }
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .field-head-wrap .ai img {
  width: 12px;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .field-head-wrap .ai img {
    width: 10px;
  }
}

.custom-shop-wrap .left-wrap .form-wrap .btn-wrap {
  justify-content: space-between;
  gap: 10px;
  display: flex;
}

.custom-shop-wrap .left-wrap .form-wrap .btn-wrap .btn {
  cursor: pointer;
  background: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  outline: 0;
  width: 100%;
  height: 44px;
  padding: 3px 10px;
  position: relative;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .left-wrap .form-wrap .btn-wrap .btn {
    height: 40px;
  }
}

.custom-shop-wrap .left-wrap .form-wrap .btn-wrap .btn span {
  color: #101b25;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .left-wrap .form-wrap .btn-wrap .btn span {
    font-size: 13px;
  }
}

.custom-shop-wrap .left-wrap .form-wrap .btn-wrap .btn.btn-color {
  background: #5090cc;
}

.custom-shop-wrap .left-wrap .form-wrap .btn-wrap .btn.btn-color span {
  color: #fff;
}

.custom-shop-wrap .left-wrap .form-wrap .btn-wrap .btn img {
  width: 16px;
  display: inline-block;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .left-wrap .form-wrap .btn-wrap .btn img {
    width: 14px;
  }
}

.custom-shop-wrap .left-wrap .form-wrap .btn-wrap .btn.dis {
  opacity: .5;
  pointer-events: none;
}

.custom-shop-wrap .right-wrap {
  width: 380px;
}

@media (max-width: 991px) {
  .custom-shop-wrap .right-wrap {
    width: 340px;
  }
}

@media (max-width: 767px) {
  .custom-shop-wrap .right-wrap {
    width: 100%;
  }
}

@media (max-width: 479px) {
  .custom-shop-wrap .right-wrap .preview-wrap {
    display: none;
  }
}

.custom-shop-wrap .right-wrap .preview-wrap {
  background: #fff;
  border: 1px solid #e4f2ff;
  border-radius: 15px;
  padding: 15px;
}

.custom-shop-wrap .right-wrap .preview-wrap .pev-title {
  color: #415362;
  margin: 0;
  padding: 0 0 15px;
  font-size: 14px;
  font-weight: 500;
}

.custom-shop-wrap .right-wrap .preview-wrap .prv-info {
  background-color: #f7fafd;
  border: 2px dashed #dfe1e3;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 280px;
  display: flex;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .right-wrap .preview-wrap .prv-info {
    height: 250px;
  }
}

@media (max-width: 767px) {
  .custom-shop-wrap .right-wrap .preview-wrap .prv-info {
    height: 200px;
  }
}

.custom-shop-wrap .right-wrap .preview-wrap .prv-info img {
  max-width: 240px;
  max-height: 90%;
}

@media (max-width: 1199px) {
  .custom-shop-wrap .right-wrap .preview-wrap .prv-info img {
    max-width: 180px;
  }
}

.custom-shop-wrap .right-wrap .preview-wrap .prv-info .txt {
  text-align: center;
  padding: 20px 45px;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .right-wrap .preview-wrap .prv-info .txt {
    padding: 15px;
  }
}

.custom-shop-wrap .right-wrap .preview-wrap .prv-info .txt .title {
  color: #101b25;
  margin: 0;
  padding: 0 0 5px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .right-wrap .preview-wrap .prv-info .txt .title {
    font-size: 14px;
  }
}

.custom-shop-wrap .right-wrap .preview-wrap .prv-info .txt .para {
  color: #415362;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .right-wrap .preview-wrap .prv-info .txt .para {
    font-size: 12px;
  }
}

.custom-shop-wrap .right-wrap .preview-wrap .preview-footer {
  padding: 17px;
}

.custom-shop-wrap .right-wrap .preview-wrap .preview-footer .product-title {
  color: #101b25;
  letter-spacing: -1.5%;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

@media (max-width: 1199px) {
  .custom-shop-wrap .right-wrap .preview-wrap .preview-footer .product-title {
    font-size: 15px;
  }
}

@media (max-width: 991px) {
  .custom-shop-wrap .right-wrap .preview-wrap .preview-footer .product-title {
    font-size: 14px;
  }
}

.custom-shop-wrap .right-wrap .preview-wrap .preview-footer .product-desc {
  color: #101b25;
  letter-spacing: 0%;
  margin-bottom: 8px;
  padding-top: 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .right-wrap .preview-wrap .preview-footer .product-desc {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .custom-shop-wrap .right-wrap .preview-wrap .preview-footer .product-desc {
    padding-top: 25px;
  }
}

@media (max-width: 1199px) {
  .custom-shop-wrap .right-wrap .preview-wrap .preview-footer .product-desc {
    padding-top: 20px;
  }
}

@media (max-width: 991px) {
  .custom-shop-wrap .right-wrap .preview-wrap .preview-footer .product-desc {
    padding-top: 15px;
  }
}

.custom-shop-wrap .right-wrap .preview-wrap .preview-footer .pro-text {
  color: #415362;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.custom-shop-wrap .right-wrap .preview-wrap .preview-footer .link {
  color: #08f;
  font-size: 12px;
  text-decoration: none;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .right-wrap .preview-wrap .preview-footer .link {
    font-size: 13px;
  }
}

.custom-shop-wrap .right-wrap .preview-wrap .preview-footer .category-blk .product-desc {
  color: #101b25;
  padding: 0;
  font-weight: 500;
}

.custom-shop-wrap .right-wrap .preview-wrap .preview-footer .category-blk .cat-chips {
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 5px;
  display: flex;
}

.custom-shop-wrap .right-wrap .preview-wrap .preview-footer .category-blk .cat-chips .chips {
  background-color: #f6f7f9;
  border-radius: 30px;
  align-items: center;
  padding: 6px 12px;
  display: flex;
}

.custom-shop-wrap .right-wrap .preview-wrap .preview-footer .category-blk .cat-chips .chips .icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.custom-shop-wrap .right-wrap .preview-wrap .preview-footer .category-blk .cat-chips .chips .icon img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.custom-shop-wrap .right-wrap .preview-wrap .preview-footer .category-blk .cat-chips .chips .txt {
  color: #415362;
  font-size: 14px;
  font-weight: 500;
}

.custom-shop-wrap .right-wrap .preview-wrap .shop-prv-wrap .full-img-wrap {
  height: 155px;
  margin: 0 0 -50px;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .right-wrap .preview-wrap .shop-prv-wrap .full-img-wrap {
    height: 130px;
    margin: 0 0 -40px;
  }
}

.custom-shop-wrap .right-wrap .preview-wrap .shop-prv-wrap .full-img-wrap .upload-img {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  height: 100%;
}

.custom-shop-wrap .right-wrap .preview-wrap .shop-prv-wrap .content-wrap {
  z-index: 1;
  background: #fff;
  border-radius: 16px 16px 0 0;
  margin: 0 3px;
  padding: 50px 15px;
  position: relative;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .right-wrap .preview-wrap .shop-prv-wrap .content-wrap {
    padding-top: 40px;
    padding-bottom: 30px;
  }
}

.custom-shop-wrap .right-wrap .preview-wrap .shop-prv-wrap .content-wrap .up-image {
  width: 66px;
  height: 66px;
  margin: 0 auto;
  position: absolute;
  inset: -33px 0 0;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .right-wrap .preview-wrap .shop-prv-wrap .content-wrap .up-image {
    width: 60px;
    height: 60px;
    top: -30px;
  }
}

.custom-shop-wrap .right-wrap .preview-wrap .shop-prv-wrap .content-wrap .up-image .img {
  object-fit: cover;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.custom-shop-wrap .right-wrap .preview-wrap .shop-prv-wrap .content-wrap .up-image .select {
  background: #ecedef;
  border-radius: 100%;
  width: 26px;
  height: 26px;
  padding: 3px;
  position: absolute;
  bottom: -5px;
  right: -5px;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .right-wrap .preview-wrap .shop-prv-wrap .content-wrap .up-image .select {
    width: 24px;
    height: 24px;
  }
}

.custom-shop-wrap .right-wrap .preview-wrap .shop-prv-wrap .content-wrap .up-image .select img {
  width: 15px;
  margin: auto;
  position: absolute;
  inset: 0;
}

.custom-shop-wrap .right-wrap .preview-wrap .shop-prv-wrap .content-wrap .head-wrap {
  text-align: center;
  padding: 0 0 20px;
}

.custom-shop-wrap .right-wrap .preview-wrap .shop-prv-wrap .content-wrap .head-wrap .sh-title {
  color: #101b25;
  margin: 0;
  padding: 0 0 2px;
  font-size: 16px;
  font-weight: 500;
}

.custom-shop-wrap .right-wrap .preview-wrap .shop-prv-wrap .content-wrap .head-wrap .sh-para {
  color: #415362;
  margin: 0;
  padding: 0;
  font-size: 12px;
}

.custom-shop-wrap .right-wrap .preview-wrap .shop-prv-wrap .content-wrap .txt-wrap .sh-sub-title {
  color: #101b25;
  margin: 0;
  padding: 0 0 10px;
  font-size: 14px;
  font-weight: 500;
}

.custom-shop-wrap .right-wrap .preview-wrap .shop-prv-wrap .content-wrap .txt-wrap .sh-sub-para {
  color: #415362;
  margin: 0;
  padding: 0 0 20px;
  font-size: 14px;
  font-weight: 400;
}

.custom-shop-wrap .right-wrap .preview-wrap .shop-prv-wrap .content-wrap .txt-wrap .list {
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
  display: flex;
}

.custom-shop-wrap .right-wrap .preview-wrap .shop-prv-wrap .content-wrap .txt-wrap .list li {
  background: #f6f7f9;
  border-radius: 30px;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  list-style: none;
  display: flex;
}

.custom-shop-wrap .right-wrap .preview-wrap .shop-prv-wrap .content-wrap .txt-wrap .list li img {
  width: 16px;
  height: 16px;
}

.custom-shop-wrap .right-wrap .preview-wrap .shop-prv-wrap .content-wrap .txt-wrap .list li span {
  color: #415362;
  font-size: 14px;
  font-weight: 500;
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .type-wrap .text-min-wrap {
  background: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 12px;
  width: 100%;
  display: block;
  overflow: hidden;
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .type-wrap .text-min-wrap .textarea {
  resize: none;
  border: none;
  padding-bottom: 8px;
}

.custom-shop-wrap .left-wrap .form-wrap .field-wrap .type-wrap .text-min-wrap .info {
  background-color: #fff;
  width: 100%;
  padding: 5px 5px 5px 20px;
  font-size: 14px;
  display: block;
  position: static;
}

@media (max-width: 1679px) {
  .custom-shop-wrap .left-wrap .form-wrap .field-wrap .type-wrap .text-min-wrap .info {
    padding-left: 15px;
    font-size: 12px;
  }
}

/* [project]/ui/styles/scss/detail-page.scss.css [client] (css) */
.breadcrumb {
  margin: 0;
  padding: 30px 0 16px;
}

@media (max-width: 1679px) {
  .breadcrumb {
    padding: 25px 0 11px;
  }
}

@media (max-width: 1481px) {
  .breadcrumb {
    padding: 15px 0;
  }
}

.breadcrumb .list {
  margin: 0;
  padding: 0;
  font-size: 14px;
  list-style: none;
  display: flex;
}

@media (max-width: 1679px) {
  .breadcrumb .list {
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .breadcrumb .list {
    font-size: 12px;
  }
}

@media (max-width: 579px) {
  .breadcrumb .list {
    font-size: 10px;
  }
}

@media (max-width: 479px) {
  .breadcrumb .list {
    flex-wrap: wrap;
    row-gap: 5px;
  }
}

.breadcrumb .list li {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  flex-shrink: 1;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  display: flex;
}

.breadcrumb .list li a {
  color: #7b8d9f;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  max-width: 100%;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

@media (max-width: 1679px) {
  .breadcrumb .list li a {
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .breadcrumb .list li a {
    font-size: 12px;
  }
}

@media (max-width: 579px) {
  .breadcrumb .list li a {
    font-size: 10px;
  }
}

.breadcrumb .list li a:hover {
  text-decoration: underline;
}

.breadcrumb .list li a.active {
  color: #101b25;
}

.breadcrumb .list li + li:before {
  content: "";
  color: #999;
  background-image: url("/img/gray-arrow.svg");
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  margin: 0 8px;
}

@media (max-width: 1679px) {
  .breadcrumb .list li + li:before {
    margin: 0 6px;
  }
}

.product-details {
  padding-bottom: 40px;
}

@media (max-width: 767px) {
  .product-details {
    padding-bottom: 0;
  }

  .product-details .product-inner-sec {
    flex-wrap: wrap;
  }
}

.product-details.btm-pad-adj {
  padding-bottom: 10px;
}

.product-details .slider-sec {
  flex-shrink: 0;
  width: 519px;
  position: relative;
}

@media (max-width: 1679px) {
  .product-details .slider-sec {
    width: 500px;
  }
}

@media (max-width: 1481px) {
  .product-details .slider-sec {
    width: 480px;
  }
}

@media (max-width: 1199px) {
  .product-details .slider-sec {
    width: 40%;
  }
}

@media (max-width: 991px) {
  .product-details .slider-sec {
    width: 48%;
  }
}

@media (max-width: 767px) {
  .product-details .slider-sec {
    width: 100%;
  }
}

.product-details .slider-sec .product-slider {
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x pan-y pinch-zoom;
}

.product-details .slider-sec .product-slider .prod-img-cover {
  background-color: #bbc1d133;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 388px;
  position: relative;
  overflow: hidden;
  display: flex !important;
}

.product-details .slider-sec .product-slider .prod-img-cover .logo {
  z-index: 10;
  padding: 10px 15px;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 1679px) {
  .product-details .slider-sec .product-slider .prod-img-cover .logo {
    padding: 10px 15px;
  }
}

@media (max-width: 479px) {
  .product-details .slider-sec .product-slider .prod-img-cover .logo {
    padding: 10px 10px 0;
  }
}

.product-details .slider-sec .product-slider .prod-img-cover .logo img {
  max-height: 41px;
  display: block;
}

@media (max-width: 1679px) {
  .product-details .slider-sec .product-slider .prod-img-cover .logo img {
    max-height: 38px;
  }
}

@media (max-width: 479px) {
  .product-details .slider-sec .product-slider .prod-img-cover .logo img {
    max-height: 34px;
  }
}

.product-details .slider-sec .product-slider .prod-img-cover .best-label {
  z-index: 10;
  display: inline-block;
  position: absolute;
  top: 22px;
  left: 15px;
}

.product-details .slider-sec .product-slider .prod-img-cover .best-label img {
  width: 41px;
}

@media (max-width: 479px) {
  .product-details .slider-sec .product-slider .prod-img-cover .best-label {
    top: 14px;
    left: 10px;
  }
}

.product-details .slider-sec .product-slider .prod-img-cover .product-detail-share-wrap {
  z-index: 10;
  position: absolute;
  top: 22px;
  right: 15px;
}

@media (max-width: 479px) {
  .product-details .slider-sec .product-slider .prod-img-cover .product-detail-share-wrap {
    top: 14px;
    right: 10px;
  }
}

.product-details .slider-sec .product-slider .prod-img-cover .product-detail-share-wrap .fav-wrap.prod-share {
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 4px #0000001a;
}

@media (max-width: 1679px) {
  .product-details .slider-sec .product-slider .prod-img-cover .product-detail-share-wrap .fav-wrap.prod-share {
    width: 32px;
    height: 32px;
  }
}

@media (max-width: 479px) {
  .product-details .slider-sec .product-slider .prod-img-cover .product-detail-share-wrap .fav-wrap.prod-share {
    width: 28px;
    height: 28px;
  }
}

.product-details .slider-sec .product-slider .prod-img-cover .product-detail-share-wrap .fav-wrap.prod-share img {
  width: 18px;
  height: 18px;
}

@media (max-width: 1679px) {
  .product-details .slider-sec .product-slider .prod-img-cover .product-detail-share-wrap .fav-wrap.prod-share img {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 479px) {
  .product-details .slider-sec .product-slider .prod-img-cover .product-detail-share-wrap .fav-wrap.prod-share img {
    width: 14px;
    height: 14px;
  }
}

.product-details .slider-sec .product-slider .prod-img-cover .product-detail-share-wrap .fav-wrap.prod-share.active .prod-share-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.product-details .slider-sec .product-slider .prod-img-cover .product-detail-share-wrap .fav-wrap.prod-share .prod-share-dropdown {
  opacity: 0;
  visibility: hidden;
  background-color: #fffffff2;
  border: 1px solid #ecedef;
  border-radius: 12px;
  min-width: 150px;
  padding: 12px;
  transition: all .3s;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  transform: translateY(-8px);
  box-shadow: 0 6px 12px #0000001a;
}

.product-details .slider-sec .product-slider .prod-img-cover .product-detail-share-wrap .fav-wrap.prod-share .prod-share-dropdown h5 {
  color: #122852;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}

.product-details .slider-sec .product-slider .prod-img-cover .product-detail-share-wrap .fav-wrap.prod-share .prod-share-dropdown .share-item {
  align-items: center;
  display: flex;
}

.product-details .slider-sec .product-slider .prod-img-cover .product-detail-share-wrap .fav-wrap.prod-share .prod-share-dropdown .share-item .share-link {
  background-color: #31509f;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 8px;
  transition: all .2s;
  display: inline-flex;
}

.product-details .slider-sec .product-slider .prod-img-cover .product-detail-share-wrap .fav-wrap.prod-share .prod-share-dropdown .share-item .share-link:hover {
  opacity: .85;
  transform: scale(1.05);
}

.product-details .slider-sec .product-slider .prod-img-cover .product-detail-share-wrap .fav-wrap.prod-share .prod-share-dropdown .share-item .share-link img {
  filter: brightness(100) invert(100);
  width: auto;
  max-width: 17px;
  height: auto;
  max-height: 17px;
}

.product-details .slider-sec .product-slider .prod-img-cover .product-detail-share-wrap .fav-wrap.prod-share .prod-share-dropdown .share-item .share-link:last-child {
  margin-right: 0;
}

@media (max-width: 1679px) {
  .product-details .slider-sec .product-slider .prod-img-cover {
    height: 370px;
  }
}

@media (max-width: 1481px) {
  .product-details .slider-sec .product-slider .prod-img-cover {
    height: 355px;
  }
}

@media (max-width: 1199px) {
  .product-details .slider-sec .product-slider .prod-img-cover {
    height: 310px;
  }
}

@media (max-width: 1062px) {
  .product-details .slider-sec .product-slider .prod-img-cover {
    aspect-ratio: 1.2824;
    height: auto;
    min-height: 200px;
    max-height: 390px;
  }
}

@media (max-width: 767px) {
  .product-details .slider-sec .product-slider .prod-img-cover {
    height: 300px;
  }
}

@media (max-width: 579px) {
  .product-details .slider-sec .product-slider .prod-img-cover {
    height: auto;
  }
}

.product-details .slider-sec .product-slider .prod-img-cover img, .product-details .slider-sec .product-slider .prod-img-cover .video-item {
  max-width: 100%;
  max-height: 100%;
}

.product-details .slider-sec .product-thumbs {
  gap: 12px;
  margin-top: 24px;
}

@media (max-width: 1679px) {
  .product-details .slider-sec .product-thumbs {
    margin-top: 20px;
  }
}

@media (max-width: 1481px) {
  .product-details .slider-sec .product-thumbs {
    margin-top: 18px;
  }
}

@media (max-width: 1199px) {
  .product-details .slider-sec .product-thumbs {
    margin-top: 15px;
  }
}

@media (max-width: 579px) {
  .product-details .slider-sec .product-thumbs {
    display: none;
  }
}

@media (max-width: 991px) {
  .product-details .slider-sec .product-thumbs .thumb-img-wrp {
    justify-content: center;
    display: flex;
  }
}

.product-details .slider-sec .product-thumbs .thumb-img-block {
  cursor: pointer;
  background-color: #bbc1d133;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 92px;
  height: 70px;
  display: flex;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .product-details .slider-sec .product-thumbs .thumb-img-block {
    width: 82px;
    height: 60px;
  }
}

@media (max-width: 1481px) {
  .product-details .slider-sec .product-thumbs .thumb-img-block {
    width: 72px;
    height: 50px;
  }
}

.product-details .slider-sec .product-thumbs .thumb-img-block img, .product-details .slider-sec .product-thumbs .thumb-img-block .prd-thumb-item {
  object-fit: cover;
  max-width: 100%;
  max-height: 100%;
}

.product-details .slider-sec .slick-dots {
  justify-content: center;
  display: flex;
}

.product-details .slider-sec .slick-dots li {
  justify-content: center;
  align-items: center;
  display: flex;
}

.product-details .slider-sec .slick-dots li.slick-active button {
  background-color: #4882b8;
  width: 28px;
}

.product-details .slider-sec .slick-dots li button {
  background-color: #dfe1e3;
  border-radius: 50px;
  width: 8px;
  height: 8px;
}

.product-details .slider-sec .slick-dots li button:before {
  display: none;
}

.product-details .slider-sec .slick-arrow {
  width: 32px;
  height: 32px;
  padding: 0;
}

.product-details .slider-sec .slick-arrow:before {
  display: none;
}

.product-details .slider-sec .slick-arrow.slick-prev {
  z-index: 7;
  left: 10px;
}

.product-details .slider-sec .slick-arrow.slick-next {
  right: 10px;
}

.product-details .right-sec {
  flex: 1;
}

@media (max-width: 991px) {
  .product-details .right-sec {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .product-details .right-sec {
    border-top: 1px solid #e0e0e0;
    width: 100%;
    margin-top: 16px;
    padding-top: 16px;
  }

  .product-details .right-sec .product-info {
    flex-direction: column;
    display: flex;
  }
}

.product-details .right-sec .product-info .product-title {
  letter-spacing: -1.2%;
  color: #101b25;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

@media (max-width: 1679px) {
  .product-details .right-sec .product-info .product-title {
    font-size: 22px;
    line-height: 30px;
  }
}

@media (max-width: 1481px) {
  .product-details .right-sec .product-info .product-title {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 1199px) {
  .product-details .right-sec .product-info .product-title {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (max-width: 991px) {
  .product-details .right-sec .product-info .product-title {
    margin-top: 15px;
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .product-details .right-sec .product-info .product-title {
    font-size: 14px;
    line-height: 22px;
  }
}

.product-details .right-sec .product-info .model {
  color: #415362;
  letter-spacing: 0%;
  align-items: center;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

@media (max-width: 767px) {
  .product-details .right-sec .product-info .model .txt-sec .dot {
    display: block !important;
  }
}

@media (max-width: 479px) {
  .product-details .right-sec .product-info .model .txt-sec .dot {
    display: block !important;
  }
}

@media (max-width: 1679px) {
  .product-details .right-sec .product-info .model {
    margin-bottom: 10px;
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .product-details .right-sec .product-info .model {
    margin-bottom: 8px;
  }
}

.product-details .right-sec .product-info .model .nmbr {
  color: #101b25;
  font-weight: 500;
}

.product-details .right-sec .product-info .product-details-attrs {
  color: #415362;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

.product-details .right-sec .product-info .product-details-attrs .product-detail-attr .txt {
  color: #101b25;
  font-weight: 500;
}

@media (max-width: 767px) {
  .product-details .right-sec .product-info .product-details-attrs .txt-sec .dot {
    display: block !important;
  }
}

@media (max-width: 1679px) {
  .product-details .right-sec .product-info .product-details-attrs {
    margin-bottom: 10px;
    font-size: 13px;
  }
}

.product-details .right-sec .product-info .variant-box {
  margin-bottom: 20px;
}

.product-details .right-sec .product-info .variant-box .variant-label {
  color: #101b25;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .product-details .right-sec .product-info .variant-box .variant-label {
    font-size: 13px;
  }
}

.product-details .right-sec .product-info .variant-box .variant-select-box {
  color: #101b25;
  width: 100%;
  min-width: 180px;
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #dfe1e3;
  padding: 8px 40px 8px 15px;
  font-size: 16px;
  font-weight: 400;
  border-radius: 50px !important;
}

@media (max-width: 1679px) {
  .product-details .right-sec .product-info .variant-box .variant-select-box {
    font-size: 14px;
  }
}

.product-details .right-sec .product-info .seller-box {
  border-top: 1px solid #ecedef;
  border-bottom: 1px solid #ecedef;
  justify-content: space-between;
  align-items: center;
  margin: 24px 0;
  padding: 24px 0;
  display: flex;
}

@media (max-width: 1679px) {
  .product-details .right-sec .product-info .seller-box {
    margin: 20px 0;
    padding: 20px 0;
  }
}

@media (max-width: 1481px) {
  .product-details .right-sec .product-info .seller-box {
    margin: 18px 0;
    padding: 18px 0;
  }
}

@media (max-width: 1199px) {
  .product-details .right-sec .product-info .seller-box {
    margin: 15px 0;
    padding: 15px 0;
  }
}

@media (max-width: 579px) {
  .product-details .right-sec .product-info .seller-box {
    flex-wrap: wrap;
  }
}

.product-details .right-sec .product-info .seller-box.has-seller-crown {
  margin-top: 47px;
}

@media (max-width: 1679px) {
  .product-details .right-sec .product-info .seller-box.has-seller-crown {
    margin-top: 51px;
  }
}

@media (max-width: 1481px) {
  .product-details .right-sec .product-info .seller-box.has-seller-crown {
    margin-top: 53px;
  }
}

@media (max-width: 1199px) {
  .product-details .right-sec .product-info .seller-box.has-seller-crown {
    margin-top: 56px;
  }
}

.product-details .right-sec .product-info .seller-box .box-inner-lt {
  align-items: center;
  width: 100%;
  display: flex;
}

@media (max-width: 991px) {
  .product-details .right-sec .product-info .seller-box .box-inner-lt {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

@media (max-width: 767px) {
  .product-details .right-sec .product-info .seller-box .box-inner-lt {
    width: 90%;
  }
}

@media (max-width: 991px) {
  .product-details .right-sec .product-info .seller-box .box-inner-lt .btn-sec {
    margin-left: unset;
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .product-details .right-sec .product-info .seller-box .box-inner-lt .btn-sec {
    display: none;
  }
}

.product-details .right-sec .product-info .seller-box .box-inner-rt {
  display: none;
}

@media (max-width: 767px) {
  .product-details .right-sec .product-info .seller-box .box-inner-rt {
    flex: 1;
    display: flex;
  }
}

.product-details .right-sec .product-info .seller-box .user-img {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  margin-right: 12px;
}

@media (max-width: 1679px) {
  .product-details .right-sec .product-info .seller-box .user-img {
    width: 42px;
    height: 42px;
  }
}

.product-details .right-sec .product-info .seller-box .user-img img {
  object-fit: cover;
  border-radius: 50px;
  width: 100%;
  height: 100%;
}

.product-details .right-sec .product-info .seller-box .detail-sec .name-txt {
  letter-spacing: 0%;
  vertical-align: middle;
  color: #101b25;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

@media (max-width: 1679px) {
  .product-details .right-sec .product-info .seller-box .detail-sec .name-txt {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .product-details .right-sec .product-info .seller-box .detail-sec .name-txt {
    font-size: 13px;
  }
}

@media (max-width: 1199px) {
  .product-details .right-sec .product-info .seller-box .detail-sec .name-txt {
    font-size: 13px;
  }
}

@media (max-width: 579px) {
  .product-details .right-sec .product-info .seller-box .detail-sec .name-txt {
    margin-bottom: 5px;
  }
}

.product-details .right-sec .product-info .seller-box .detail-sec .name {
  max-width: 100px;
}

@media (max-width: 1679px) {
  .product-details .right-sec .product-info .seller-box .detail-sec .name {
    max-width: 200px;
  }
}

@media (max-width: 767px) {
  .product-details .right-sec .product-info .seller-box .detail-sec .name {
    max-width: none;
  }
}

.product-details .right-sec .product-info .seller-box .detail-sec .rating-detail-page {
  flex-shrink: 0;
  margin-left: 15px;
}

.product-details .right-sec .rating-star {
  flex-shrink: 0;
  align-items: center;
  padding-right: 5px;
  display: flex;
}

.product-details .right-sec .rating-star span {
  align-items: center;
  display: flex;
}

.product-details .right-sec .rating-detail-page {
  letter-spacing: 0%;
  color: #415362;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

@media (max-width: 1679px) {
  .product-details .right-sec .rating-detail-page {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .product-details .right-sec .rating-detail-page {
    font-size: 13px;
  }
}

.product-details .right-sec .score {
  color: #415362;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

@media (max-width: 1679px) {
  .product-details .right-sec .score {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .product-details .right-sec .score {
    font-size: 13px;
  }
}

.product-details .right-sec .score .marks {
  color: #101b25;
  margin-left: 5px;
  font-weight: 500;
  display: flex;
}

.product-details .right-sec .txt-sec {
  align-items: center;
  display: flex;
}

.product-details .right-sec .txt-sec .dot {
  background-color: #101b25;
  border-radius: 5px;
  width: 4px;
  height: 4px;
  margin: 0 8px;
  display: block;
}

@media (max-width: 767px) {
  .product-details .right-sec .txt-sec .dot {
    display: none;
  }
}

.product-details .right-sec .txt-sec .txt {
  color: #101b25;
  font-weight: 500;
}

.product-details .right-sec .txt-sec .seller-link-sec .links {
  color: #5090cc;
  text-decoration: underline;
}

@media (max-width: 767px) {
  .product-details .right-sec .txt-sec .seller-link-sec .links.desk {
    display: none;
  }
}

.product-details .right-sec .txt-sec .seller-link-sec .links.mob {
  display: none;
}

@media (max-width: 767px) {
  .product-details .right-sec .txt-sec .seller-link-sec .links.mob {
    margin-left: 5px;
    text-decoration: none;
    display: flex;
  }
}

.product-details .right-sec .btn-sec {
  margin-left: auto;
}

@media (max-width: 579px) {
  .product-details .right-sec .btn-sec {
    margin-left: unset;
    width: 100%;
    margin-top: 20px;
  }
}

.product-details .right-sec .btn-sec .btn {
  border: 1px solid #dfe1e3;
  border-radius: 50px;
  width: 118px;
  height: 36px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  box-shadow: 0 2px 4px #2a455d0f;
}

@media (max-width: 1679px) {
  .product-details .right-sec .btn-sec .btn {
    height: 34px;
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .product-details .right-sec .btn-sec .btn {
    height: 32px;
  }
}

.product-details .right-sec .price-box .price-txt {
  color: #101b25;
  letter-spacing: -1.5%;
  padding-bottom: 18px;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

@media (max-width: 1679px) {
  .product-details .right-sec .price-box .price-txt {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (max-width: 1481px) {
  .product-details .right-sec .price-box .price-txt {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 1199px) {
  .product-details .right-sec .price-box .price-txt {
    font-size: 14px;
    line-height: 22px;
  }
}

.product-details .right-sec .price-box .price-txt span {
  font-weight: 400;
}

.product-details .right-sec .price-box .payment-detail {
  border-bottom: 1px solid #ecedef;
}

.product-details .right-sec .price-box .payment-detail .list-items {
  margin-bottom: 0;
  padding-inline-start: 0;
  list-style-type: none;
}

.product-details .right-sec .price-box .payment-detail .list-items li {
  padding-bottom: 12px;
}

.product-details .right-sec .price-box .payment-detail .list-items li .outer-wrp {
  color: #415362;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

@media (max-width: 1679px) {
  .product-details .right-sec .price-box .payment-detail .list-items li .outer-wrp {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 1481px) {
  .product-details .right-sec .price-box .payment-detail .list-items li .outer-wrp {
    font-size: 13px;
    line-height: 21px;
  }
}

.product-details .right-sec .price-box .payment-detail .list-items li .outer-wrp .rt-sec {
  color: #101b25;
  font-weight: 500;
}

.product-details .right-sec .quantity-box {
  padding-top: 24px;
}

@media (max-width: 1679px) {
  .product-details .right-sec .quantity-box {
    padding-top: 20px;
  }
}

@media (max-width: 1481px) {
  .product-details .right-sec .quantity-box {
    padding-top: 18px;
  }
}

@media (max-width: 1199px) {
  .product-details .right-sec .quantity-box {
    padding-top: 15px;
  }
}

@media (max-width: 767px) {
  .product-details .right-sec .quantity-box {
    padding-top: 8px;
  }
}

.product-details .right-sec .quantity-box .label-sec {
  color: #101b25;
  letter-spacing: 0%;
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 1679px) {
  .product-details .right-sec .quantity-box .label-sec {
    font-size: 13px;
  }
}

.product-details .right-sec .quantity-box .quatity-detail-sec {
  align-items: center;
  display: flex;
}

@media (max-width: 479px) {
  .product-details .right-sec .quantity-box .quatity-detail-sec {
    flex-wrap: wrap;
  }
}

.product-details .right-sec .quantity-box .quatity-detail-sec .qunatity-sec {
  border: 1px solid #b8c4d0;
  border-radius: 50px;
  align-items: center;
  width: 169px;
  height: 48px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

@media (max-width: 1679px) {
  .product-details .right-sec .quantity-box .quatity-detail-sec .qunatity-sec {
    height: 42px;
  }
}

@media (max-width: 1481px) {
  .product-details .right-sec .quantity-box .quatity-detail-sec .qunatity-sec {
    height: 38px;
  }
}

@media (max-width: 1199px) {
  .product-details .right-sec .quantity-box .quatity-detail-sec .qunatity-sec {
    height: 32px;
  }
}

.product-details .right-sec .quantity-box .quatity-detail-sec .qunatity-sec .btn {
  cursor: pointer;
  border: none;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 0;
  display: flex;
}

@media (max-width: 1679px) {
  .product-details .right-sec .quantity-box .quatity-detail-sec .qunatity-sec .btn {
    width: 18px;
    height: 18px;
  }
}

.product-details .right-sec .quantity-box .quatity-detail-sec .qunatity-sec .form-control {
  letter-spacing: 0%;
  color: #101b25;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  border: none !important;
}

@media (max-width: 1679px) {
  .product-details .right-sec .quantity-box .quatity-detail-sec .qunatity-sec .form-control {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .product-details .right-sec .quantity-box .quatity-detail-sec .qunatity-sec .form-control {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .product-details .right-sec .quantity-box .quatity-detail-sec .qunatity-sec .form-control {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .product-details .right-sec .quantity-box .quatity-detail-sec .qunatity-sec .form-control {
    width: 100%;
  }
}

.product-details .right-sec .quantity-box .quatity-detail-sec .qunatity-sec .form-control:focus {
  box-shadow: none;
  outline: none;
}

.product-details .right-sec .quantity-box .quatity-detail-sec .avail-txt {
  color: #101b25;
  margin-left: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .product-details .right-sec .quantity-box .quatity-detail-sec .avail-txt {
    font-size: 15px;
  }
}

@media (max-width: 1481px) {
  .product-details .right-sec .quantity-box .quatity-detail-sec .avail-txt {
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .product-details .right-sec .quantity-box .quatity-detail-sec .avail-txt {
    font-size: 13px;
  }
}

@media (max-width: 479px) {
  .product-details .right-sec .quantity-box .quatity-detail-sec .avail-txt {
    margin-left: 10px;
  }
}

.product-details .right-sec .quantity-box .quatity-detail-sec .avail-txt span {
  font-weight: 400;
}

.product-details .right-sec .action-buttons {
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
  display: flex;
}

@media (max-width: 767px) {
  .product-details .right-sec .action-buttons {
    background-color: #fff;
    order: 2;
    padding-top: 0;
    box-shadow: 0 -7px 10px 2px #0917370f;
    padding: 10px !important;
  }
}

@media (max-width: 579px) {
  .product-details .right-sec .action-buttons {
    flex-flow: column-reverse wrap;
    padding-top: 0;
  }
}

.product-details .right-sec .action-buttons .btn {
  border: 1px solid #dfe1e3;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 49%;
  height: 48px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
  box-shadow: 0 2px 4px #2a455d0f;
}

@media (max-width: 1679px) {
  .product-details .right-sec .action-buttons .btn {
    height: 42px;
    font-size: 15px;
  }
}

@media (max-width: 1481px) {
  .product-details .right-sec .action-buttons .btn {
    height: 38px;
    font-size: 14px;
  }
}

@media (max-width: 579px) {
  .product-details .right-sec .action-buttons .btn {
    width: 100%;
    margin-bottom: 10px;
  }
}

.product-details .right-sec .action-buttons .btn .ico {
  flex-shrink: 0;
  margin-right: 10px;
}

.product-details .right-sec .action-buttons .btn.btn-offer {
  color: #fff;
  background-color: #5090cc;
  margin-bottom: 0;
}

@media (max-width: 579px) {
  .product-details .right-sec .action-buttons .btn.btn-offer {
    margin-bottom: 10px;
  }
}

.product-details .right-sec .shipping-box {
  padding-top: 40px;
}

@media (max-width: 1679px) {
  .product-details .right-sec .shipping-box {
    padding-top: 30px;
  }
}

@media (max-width: 579px) {
  .product-details .right-sec .shipping-box {
    padding-top: 20px;
  }
}

.product-details .right-sec .shipping-box .shiping-title {
  color: #101b25;
  letter-spacing: -1.5%;
  padding-bottom: 16px;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

@media (max-width: 1679px) {
  .product-details .right-sec .shipping-box .shiping-title {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (max-width: 1481px) {
  .product-details .right-sec .shipping-box .shiping-title {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 1199px) {
  .product-details .right-sec .shipping-box .shiping-title {
    font-size: 14px;
    line-height: 22px;
  }
}

.product-details .right-sec .shipping-box .shiping-detail .list01 {
  padding-inline-start: 0;
  list-style-type: none;
}

.product-details .right-sec .shipping-box .shiping-detail .list01 li {
  letter-spacing: 0%;
  padding-bottom: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .product-details .right-sec .shipping-box .shiping-detail .list01 li {
    font-size: 15px;
  }
}

@media (max-width: 1481px) {
  .product-details .right-sec .shipping-box .shiping-detail .list01 li {
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .product-details .right-sec .shipping-box .shiping-detail .list01 li {
    font-size: 13px;
  }
}

.product-details .right-sec .shipping-box .shiping-detail .list01 li .list-wrp {
  align-items: center;
  display: flex;
}

.product-details .right-sec .shipping-box .shiping-detail .list01 li .list-wrp .list-lt {
  color: #415362;
  min-width: 50%;
}

.product-details .right-sec .shipping-box .shiping-detail .list01 li .list-wrp .colon {
  margin-right: 15px;
}

.product-details .right-sec .shipping-box .shiping-detail .list01 li .list-wrp .list-rt {
  color: #101b25;
  font-weight: 500;
}

@media (max-width: 991px) {
  .product-tab-wrp {
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-bottom: 3px;
    overflow: auto visible;
  }

  .product-tab-wrp::-webkit-scrollbar {
    display: none;
  }
}

.product-tabs {
  padding-bottom: 60px;
}

@media (max-width: 1679px) {
  .product-tabs {
    padding-bottom: 50px;
  }
}

@media (max-width: 579px) {
  .product-tabs {
    padding-bottom: 40px;
  }
}

.product-tabs .product-tabs-nav {
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
}

.product-tabs .product-tabs-nav .product-tab-item {
  border: none;
  flex-shrink: 0;
}

.product-tabs .product-tabs-nav .product-tab-item .product-tab-link {
  color: #415362;
  border: none;
  border-bottom: 1px solid #dfe1e3;
  padding: 8px 40px;
  font-size: 18px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .product-tabs .product-tabs-nav .product-tab-item .product-tab-link {
    font-size: 16px;
  }
}

@media (max-width: 1481px) {
  .product-tabs .product-tabs-nav .product-tab-item .product-tab-link {
    padding: 8px 35px;
  }
}

@media (max-width: 991px) {
  .product-tabs .product-tabs-nav .product-tab-item .product-tab-link {
    padding: 8px 20px;
  }
}

@media (max-width: 479px) {
  .product-tabs .product-tabs-nav .product-tab-item .product-tab-link {
    padding: 8px 15px;
  }
}

.product-tabs .product-tabs-nav .product-tab-item .product-tab-link.active {
  color: #5090cc;
  border-bottom: 2px solid #5090cc !important;
}

@media (max-width: 991px) {
  .product-tabs .product-tabs-nav .product-tab-item .product-tab-link.active {
    border-bottom: 3px solid #5090cc !important;
  }
}

.product-tabs .product-tab-content {
  padding-top: 40px;
  padding-bottom: 0;
}

@media (max-width: 1679px) {
  .product-tabs .product-tab-content {
    padding: 30px 0 0;
  }
}

@media (max-width: 579px) {
  .product-tabs .product-tab-content {
    padding: 10px 0 0;
  }
}

.product-tabs .product-tab-content .product-tab-pane .tab-title {
  letter-spacing: -1.5%;
  color: #101b25;
  margin: 0;
  padding-bottom: 16px;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

@media (max-width: 1679px) {
  .product-tabs .product-tab-content .product-tab-pane .tab-title {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .product-tabs .product-tab-content .product-tab-pane .tab-title {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .product-tabs .product-tab-content .product-tab-pane .tab-title {
    font-size: 14px;
  }
}

@media (max-width: 579px) {
  .product-tabs .product-tab-content .product-tab-pane .tab-title {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

.product-tabs .product-tab-content .product-tab-pane .content {
  color: #415362;
  letter-spacing: 0%;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .product-tabs .product-tab-content .product-tab-pane .content {
    font-size: 15px;
  }
}

@media (max-width: 1481px) {
  .product-tabs .product-tab-content .product-tab-pane .content {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .product-tabs .product-tab-content .product-tab-pane .content {
    font-size: 13px;
  }
}

.product-tabs .product-tab-content .product-tab-pane .subtitle {
  color: #101b25;
  letter-spacing: -1%;
  padding-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .product-tabs .product-tab-content .product-tab-pane .subtitle {
    padding-bottom: 13px;
    font-size: 15px;
  }
}

@media (max-width: 1481px) {
  .product-tabs .product-tab-content .product-tab-pane .subtitle {
    padding-bottom: 10px;
    font-size: 14px;
  }
}

.product-tabs .product-tab-content .product-tab-pane .product-details-list {
  padding-inline-start: 0;
  list-style-type: none;
}

.product-tabs .product-tab-content .product-tab-pane .product-details-list .product-detail {
  padding-bottom: 12px;
}

@media (max-width: 767px) {
  .product-tabs .product-tab-content .product-tab-pane .product-details-list .product-detail {
    justify-content: space-between;
    width: 100%;
    display: flex;
  }
}

.product-tabs .product-tab-content .product-tab-pane .product-details-list .product-detail .prduct {
  letter-spacing: 0%;
  color: #415362;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

@media (max-width: 1679px) {
  .product-tabs .product-tab-content .product-tab-pane .product-details-list .product-detail .prduct {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 1481px) {
  .product-tabs .product-tab-content .product-tab-pane .product-details-list .product-detail .prduct {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 767px) {
  .product-tabs .product-tab-content .product-tab-pane .product-details-list .product-detail .prduct {
    width: 100%;
    max-width: 100%;
  }
}

.product-tabs .product-tab-content .product-tab-pane .product-details-list .product-detail .prduct .product-name {
  flex-shrink: 0;
  min-width: 150px;
}

.product-tabs .product-tab-content .product-tab-pane .product-details-list .product-detail .prduct .prodct-desc {
  color: #101b25;
  text-align: left;
  flex-grow: 1;
  padding-left: 15px;
  font-weight: 500;
}

@media (max-width: 767px) {
  .product-tabs .product-tab-content .product-tab-pane .product-details-list .product-detail .prduct .prodct-desc {
    width: 60%;
  }
}

.rating-summary .summary-box .average-rating {
  align-items: center;
  padding-bottom: 16px;
  display: flex;
}

.rating-summary .summary-box .average-rating .rating-value {
  color: #101b25;
  margin: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 56px;
}

@media (max-width: 1679px) {
  .rating-summary .summary-box .average-rating .rating-value {
    font-size: 38px;
    line-height: 48px;
  }
}

@media (max-width: 1481px) {
  .rating-summary .summary-box .average-rating .rating-value {
    font-size: 32px;
    line-height: 42px;
  }
}

@media (max-width: 1199px) {
  .rating-summary .summary-box .average-rating .rating-value {
    font-size: 28px;
    line-height: 38px;
  }
}

@media (max-width: 991px) {
  .rating-summary .summary-box .average-rating .rating-value {
    font-size: 24px;
    line-height: 34px;
  }
}

.rating-summary .summary-box .average-rating .review-count {
  color: #415362;
  letter-spacing: -1.04%;
  margin: 0 0 0 8px;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

@media (max-width: 1679px) {
  .rating-summary .summary-box .average-rating .review-count {
    font-size: 22px;
    line-height: 30px;
  }
}

@media (max-width: 1481px) {
  .rating-summary .summary-box .average-rating .review-count {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 1199px) {
  .rating-summary .summary-box .average-rating .review-count {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (max-width: 991px) {
  .rating-summary .summary-box .average-rating .review-count {
    font-size: 16px;
    line-height: 24px;
  }
}

.rating-summary .rating-categories {
  display: flex;
}

.rating-summary .rating-categories .items {
  border-top: 1px solid #dfe1e3;
  border-right: 1px solid #dfe1e3;
  padding: 12px 24px;
}

@media (max-width: 1679px) {
  .rating-summary .rating-categories .items {
    padding: 10px 20px;
  }
}

@media (max-width: 1481px) {
  .rating-summary .rating-categories .items {
    padding: 8px 18px;
  }
}

.rating-summary .rating-categories .items:last-child {
  border-right: 0;
  padding-right: 0;
}

.rating-summary .rating-categories .count {
  text-align: center;
  color: #101b25;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

@media (max-width: 1679px) {
  .rating-summary .rating-categories .count {
    font-size: 22px;
    line-height: 32px;
  }
}

@media (max-width: 1481px) {
  .rating-summary .rating-categories .count {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (max-width: 1199px) {
  .rating-summary .rating-categories .count {
    font-size: 18px;
    line-height: 28px;
  }
}

@media (max-width: 991px) {
  .rating-summary .rating-categories .count {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (max-width: 767px) {
  .rating-summary .rating-categories .count {
    font-size: 14px;
    line-height: 24px;
  }
}

.rating-summary .rating-categories .txt {
  letter-spacing: 0%;
  text-align: center;
  color: #415362;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

@media (max-width: 1679px) {
  .rating-summary .rating-categories .txt {
    font-size: 13px;
  }
}

.rating-bars, .summary-actions {
  padding-top: 32px;
}

.summary-actions .btn {
  color: #fff;
  width: 100%;
  height: 44px;
  letter-spacing: 0%;
  background-color: #5090cc;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

@media (max-width: 1679px) {
  .summary-actions .btn {
    height: 38px;
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .summary-actions .btn {
    height: 36px;
  }
}

.summary-actions .btn.follow-btn {
  color: #101b25;
  background-color: #0000;
  border: 1px solid #dfe1e3;
  margin-top: 12px;
  box-shadow: 0 2px 4px #2a455d0f;
}

.review-section .inner-sec {
  justify-content: center;
  display: flex;
}

.review-section .rating-summary {
  width: 434px;
}

@media (max-width: 1679px) {
  .review-section .rating-summary {
    width: 400px;
  }
}

@media (max-width: 1481px) {
  .review-section .rating-summary {
    width: 380px;
  }
}

@media (max-width: 1199px) {
  .review-section .rating-summary {
    width: 40%;
  }
}

@media (max-width: 767px) {
  .review-section .rating-summary {
    width: 100%;
  }
}

.review-section .customer-reviews {
  flex: 1;
  padding-left: 68px;
}

@media (max-width: 1679px) {
  .review-section .customer-reviews {
    padding-left: 58px;
  }
}

@media (max-width: 1481px) {
  .review-section .customer-reviews {
    padding-left: 48px;
  }
}

@media (max-width: 1199px) {
  .review-section .customer-reviews {
    padding-left: 38px;
  }
}

@media (max-width: 991px) {
  .review-section .customer-reviews {
    margin-top: 20px;
    padding-left: 28px;
  }
}

@media (max-width: 767px) {
  .review-section .customer-reviews {
    padding-left: 0;
  }
}

.review-section .customer-reviews .review-item {
  border-bottom: 1px solid #ecedef;
  padding-top: 24px;
  padding-bottom: 24px;
}

@media (max-width: 1679px) {
  .review-section .customer-reviews .review-item {
    padding: 20px 0;
  }
}

@media (max-width: 1481px) {
  .review-section .customer-reviews .review-item {
    padding: 18px 0;
  }
}

@media (max-width: 1199px) {
  .review-section .customer-reviews .review-item {
    padding: 15px 0;
  }
}

.review-section .customer-reviews .review-item .revew-inner {
  align-items: center;
  display: flex;
}

.review-section .customer-reviews .review-item .review-avatar {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  margin-right: 10px;
}

@media (max-width: 1679px) {
  .review-section .customer-reviews .review-item .review-avatar {
    width: 48px;
    height: 48px;
  }
}

@media (max-width: 1481px) {
  .review-section .customer-reviews .review-item .review-avatar {
    width: 42px;
    height: 42px;
  }
}

.review-section .customer-reviews .review-item .review-avatar img {
  object-fit: cover;
  border-radius: 50px;
  width: 100%;
  height: 100%;
}

.review-section .customer-reviews .review-item .review-content .review-author {
  color: #101b25;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .review-section .customer-reviews .review-item .review-content .review-author {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 1481px) {
  .review-section .customer-reviews .review-item .review-content .review-author {
    font-size: 14px;
    line-height: 20px;
  }
}

.review-section .customer-reviews .review-item .review-content .ratng-sec {
  align-items: center;
  display: flex;
}

.review-section .customer-reviews .review-item .review-content .ratng-sec .star-rating {
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.review-section .customer-reviews .review-item .review-text {
  letter-spacing: 0%;
  color: #415362;
  padding-top: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .review-section .customer-reviews .review-item .review-text {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .review-section .customer-reviews .review-item .review-text {
    font-size: 13px;
  }
}

.review-section .customer-reviews .review-item .review-imgs {
  align-items: center;
  gap: 12px;
  display: flex;
}

.review-section .customer-reviews .review-item .review-imgs .img-sec {
  width: 91px;
  height: 76px;
}

.review-section .customer-reviews .review-item .review-imgs .img-sec img {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  height: 100%;
}

.review-section .customer-reviews .review-item .date-sec {
  letter-spacing: 0%;
  color: #101b25;
  align-items: center;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

.review-section .customer-reviews .review-item .date-sec .dot {
  background-color: #101b25;
  width: 4px;
  height: 4px;
  margin: 0 10px;
  display: block;
}

.review-section .customer-reviews .preview-det-cover {
  border: 1px solid #dfe1e3;
  border-radius: 12px;
  margin-bottom: 20px;
  padding: 25px;
}

@media (max-width: 1199px) {
  .review-section .customer-reviews .preview-det-cover {
    padding: 20px;
  }
}

@media (max-width: 767px) {
  .review-section .customer-reviews .preview-det-cover {
    padding: 15px;
  }
}

.review-section .customer-reviews .preview-det-cover .review-name-det {
  align-items: flex-start;
  margin-bottom: 15px;
  display: flex;
}

.review-section .customer-reviews .preview-det-cover .review-name-det .img-block {
  flex-shrink: 0;
  margin-right: 10px;
}

.review-section .customer-reviews .preview-det-cover .review-name-det .img-block img {
  object-fit: cover;
  border-radius: 50%;
  width: 52px;
  height: 52px;
}

@media (max-width: 1679px) {
  .review-section .customer-reviews .preview-det-cover .review-name-det .img-block img {
    width: 48px;
    height: 48px;
  }
}

.review-section .customer-reviews .preview-det-cover .review-name-det .per-detail-block {
  flex: 1;
}

.review-section .customer-reviews .preview-det-cover .review-name-det .per-detail-block .name {
  color: #101b25;
  padding: 0 0 3px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .review-section .customer-reviews .preview-det-cover .review-name-det .per-detail-block .name {
    font-size: 16px;
  }
}

.review-section .customer-reviews .preview-det-cover .review-name-det .per-detail-block .name .review {
  color: #415362;
  font-weight: 400;
}

@media (max-width: 479px) {
  .review-section .customer-reviews .preview-det-cover .review-name-det .per-detail-block .name .review {
    display: block;
  }
}

.review-section .customer-reviews .preview-det-cover .review-name-det .per-detail-block .name .you {
  color: #415362;
  margin-left: 5px;
  font-size: 14px;
  font-weight: 400;
}

.review-section .customer-reviews .preview-det-cover .review-name-det .per-detail-block .info {
  color: #415362;
  font-size: 12px;
  font-weight: 500;
}

.review-section .customer-reviews .preview-det-cover .review-name-det .per-detail-block .rate-date-wrap {
  flex-wrap: wrap;
  align-items: center;
  padding: 5px 0 0;
  display: flex;
}

.review-section .customer-reviews .preview-det-cover .review-name-det .per-detail-block .rate-date-wrap .rating-wrap {
  align-items: center;
  margin-right: 15px;
  display: flex;
}

.review-section .customer-reviews .preview-det-cover .review-name-det .per-detail-block .rate-date-wrap .rating-wrap img {
  width: 16px;
  height: 16px;
}

.review-section .customer-reviews .preview-det-cover .review-name-det .per-detail-block .rate-date-wrap .rating-wrap .cnt {
  color: #101b25;
  padding-left: 8px;
  font-size: 14px;
  font-weight: 500;
}

.review-section .customer-reviews .preview-det-cover .review-name-det .per-detail-block .rate-date-wrap .date {
  color: #415362;
  font-size: 14px;
  font-weight: 500;
}

.review-section .customer-reviews .preview-det-cover .review-name-det .per-detail-block .data-p {
  color: #415362;
  margin: 10px 0;
  font-size: 14px;
}

.review-section .customer-reviews .preview-det-cover .review-name-det .per-detail-block .det-btn-block {
  align-items: center;
  gap: 15px;
  margin-top: 10px;
  display: flex;
}

.review-section .customer-reviews .preview-det-cover .review-name-det .per-detail-block .det-btn-block .rwv-btn {
  cursor: pointer;
  color: #415362;
  background: none;
  border: none;
  align-items: center;
  gap: 6px;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  transition: all .3s;
  display: flex;
}

.review-section .customer-reviews .preview-det-cover .review-name-det .per-detail-block .det-btn-block .rwv-btn:hover, .review-section .customer-reviews .preview-det-cover .review-name-det .per-detail-block .det-btn-block .rwv-btn.active {
  color: #488288;
}

.review-section .customer-reviews .preview-det-cover .review-name-det .per-detail-block .det-btn-block .rwv-btn.disabled {
  opacity: .5;
  cursor: not-allowed;
}

.review-section .customer-reviews .preview-det-cover .review-name-det .per-detail-block .det-btn-block .rwv-btn img {
  width: 16px;
  height: 16px;
}

.review-section .customer-reviews .preview-det-cover .review-name-det .per-detail-block .det-btn-block .rwv-btn .like-count {
  color: #488288;
}

.review-section .customer-reviews .preview-det-cover .review-name-det .per-detail-block .det-btn-block .cmt-edit-btn, .review-section .customer-reviews .preview-det-cover .review-name-det .per-detail-block .det-btn-block .cmt-del-btn {
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}

.review-section .customer-reviews .preview-det-cover .review-name-det .per-detail-block .det-btn-block .cmt-edit-btn {
  color: #488288;
}

.review-section .customer-reviews .preview-det-cover .review-name-det .per-detail-block .det-btn-block .cmt-del-btn {
  color: #ff4545;
}

.review-section .customer-reviews .preview-det-cover .data-p {
  color: #415362;
  margin-bottom: 20px;
  font-size: 16px;
}

@media (max-width: 1679px) {
  .review-section .customer-reviews .preview-det-cover .data-p {
    font-size: 14px;
  }
}

.review-section .customer-reviews .preview-det-cover .review-imgs {
  align-items: center;
  gap: 12px;
  margin-bottom: 15px;
  display: flex;
}

.review-section .customer-reviews .preview-det-cover .review-imgs .img-sec {
  width: 91px;
  height: 76px;
}

.review-section .customer-reviews .preview-det-cover .review-imgs .img-sec img {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  height: 100%;
}

.review-section .customer-reviews .preview-det-cover .comm-data-cover .comm-data-block {
  border-top: 1px solid #ecedef;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  display: flex;
}

@media (max-width: 1679px) {
  .review-section .customer-reviews .preview-det-cover .comm-data-cover .comm-data-block {
    padding: 10px 0;
  }
}

.review-section .customer-reviews .preview-det-cover .comm-data-cover .comm-data-block .data-label {
  color: #415362;
  font-size: 16px;
}

@media (max-width: 1679px) {
  .review-section .customer-reviews .preview-det-cover .comm-data-cover .comm-data-block .data-label {
    font-size: 14px;
  }
}

.review-section .customer-reviews .preview-det-cover .comm-data-cover .comm-data-block .data-val {
  color: #101b25;
  font-size: 16px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .review-section .customer-reviews .preview-det-cover .comm-data-cover .comm-data-block .data-val {
    font-size: 14px;
  }
}

.review-section .customer-reviews .preview-det-cover .comm-data-cover .verified-purchase-info {
  color: #000;
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}

.review-section .customer-reviews .preview-det-cover .comm-data-cover .det-btn-block {
  border-top: 1px solid #ecedef;
  align-items: center;
  gap: 15px;
  margin-top: 15px;
  padding-top: 15px;
  display: flex;
}

.review-section .customer-reviews .preview-det-cover .comm-data-cover .det-btn-block .rwv-btn {
  cursor: pointer;
  color: #415362;
  background: none;
  border: none;
  align-items: center;
  gap: 6px;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  transition: all .3s;
  display: flex;
}

.review-section .customer-reviews .preview-det-cover .comm-data-cover .det-btn-block .rwv-btn:hover, .review-section .customer-reviews .preview-det-cover .comm-data-cover .det-btn-block .rwv-btn.active {
  color: #488288;
}

.review-section .customer-reviews .preview-det-cover .comm-data-cover .det-btn-block .rwv-btn.disabled {
  opacity: .5;
  cursor: not-allowed;
}

.review-section .customer-reviews .preview-det-cover .comm-data-cover .det-btn-block .rwv-btn img {
  width: 16px;
  height: 16px;
}

.review-section .customer-reviews .preview-det-cover .comm-data-cover .det-btn-block .rwv-btn .like-count {
  color: #488288;
}

.review-section .customer-reviews .preview-det-cover .comm-data-cover .det-btn-block .cmt-edit-btn, .review-section .customer-reviews .preview-det-cover .comm-data-cover .det-btn-block .cmt-del-btn {
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}

.review-section .customer-reviews .preview-det-cover .comm-data-cover .det-btn-block .cmt-edit-btn {
  color: #488288;
}

.review-section .customer-reviews .preview-det-cover .comm-data-cover .det-btn-block .cmt-del-btn {
  color: #ff4545;
}

.review-section .customer-reviews .preview-det-cover .reply-cover {
  padding-top: 25px;
}

.review-section .customer-reviews .preview-det-cover .reply-cover .reply-block .review-name-det {
  align-items: flex-start;
  margin-bottom: 0;
  padding-bottom: 25px;
  padding-left: 25px;
  position: relative;
}

@media (max-width: 479px) {
  .review-section .customer-reviews .preview-det-cover .reply-cover .reply-block .review-name-det {
    flex-wrap: wrap;
  }
}

.review-section .customer-reviews .preview-det-cover .reply-cover .reply-block .review-name-det:before {
  content: "";
  background-color: #dfe1e3;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.review-section .customer-reviews .preview-det-cover .reply-cover .reply-block .review-name-det:last-child {
  padding-bottom: 0;
}

.review-section .customer-reviews .preview-det-cover .reply-cover .reply-block .review-name-det:last-child:before {
  height: 11px;
}

.review-section .customer-reviews .preview-det-cover .reply-cover .reply-block .img-block {
  padding-left: 10px;
  position: relative;
}

.review-section .customer-reviews .preview-det-cover .reply-cover .reply-block .img-block:before {
  content: "";
  border-bottom: 1px solid #dfe1e3;
  border-left: 1px solid #dfe1e3;
  border-radius: 0 0 0 15px;
  width: 25px;
  height: 20px;
  position: absolute;
  top: 10px;
  left: -25px;
}

.review-section .customer-reviews .preview-det-cover .reply-cover .reply-block .reply-form-block {
  margin-top: 10px;
}

@media (max-width: 479px) {
  .review-section .customer-reviews .preview-det-cover .reply-cover .reply-block .reply-form-block.reply-form-block-web {
    display: none;
  }
}

.review-section .customer-reviews .preview-det-cover .reply-cover .reply-block .reply-form-block.reply-form-block-mob {
  display: none;
}

@media (max-width: 479px) {
  .review-section .customer-reviews .preview-det-cover .reply-cover .reply-block .reply-form-block.reply-form-block-mob {
    width: 100%;
    margin-top: 15px;
    padding-left: 0;
    display: block;
  }
}

.review-section .customer-reviews .preview-det-cover .reply-cover .reply-block .reply-form-block .replay-textarea {
  resize: none;
  border: 1px solid #dfe1e3;
  border-radius: 8px;
  width: 100%;
  min-height: 80px;
  padding: 12px;
  font-size: 14px;
}

.review-section .customer-reviews .preview-det-cover .reply-cover .reply-block .reply-form-block .replay-textarea:focus {
  border-color: #488288;
  outline: none;
}

.review-section .customer-reviews .preview-det-cover .reply-cover .reply-block .reply-form-block .det-btn-block {
  border-top: none;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  padding-top: 0;
  display: flex;
}

.review-section .customer-reviews .preview-det-cover .reply-cover .reply-block .reply-form-block .det-btn-block .cmnt-btn {
  cursor: pointer;
  border-radius: 8px;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
  transition: all .3s;
}

.review-section .customer-reviews .preview-det-cover .reply-cover .reply-block .reply-form-block .det-btn-block .cmnt-cancel {
  color: #415362;
  background: #f6f7f9;
  border: 1px solid #dfe1e3;
}

.review-section .customer-reviews .preview-det-cover .reply-cover .reply-block .reply-form-block .det-btn-block .cmnt-cancel:hover {
  background: #ecedef;
}

.review-section .customer-reviews .preview-det-cover .reply-cover .reply-block .reply-form-block .det-btn-block .cmnt-submit {
  color: #fff;
  background: #488288;
  border: 1px solid #488288;
}

.review-section .customer-reviews .preview-det-cover .reply-cover .reply-block .reply-form-block .det-btn-block .cmnt-submit:hover {
  background: #3a6a6f;
}

.star-ico {
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  background-color: #f59e0b;
  width: 16px;
  height: 16px;
  margin-right: 2px;
}

.star-ico.not-filled {
  background-color: #ccc;
}

.product-card {
  border: 1px solid #dfe1e3;
  border-radius: 12px;
  margin-top: 20px;
  padding: 20px;
}

@media (max-width: 1679px) {
  .product-card {
    margin-top: 18px;
    padding: 18px;
  }
}

@media (max-width: 1481px) {
  .product-card {
    margin-top: 16px;
    padding: 16px;
  }
}

@media (max-width: 767px) {
  .product-card {
    border: none;
    padding: 0;
  }
}

.product-card .product-header .product-title {
  color: #101b25;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

@media (max-width: 1679px) {
  .product-card .product-header .product-title {
    font-size: 22px;
    line-height: 30px;
  }
}

@media (max-width: 1481px) {
  .product-card .product-header .product-title {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 1199px) {
  .product-card .product-header .product-title {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (max-width: 991px) {
  .product-card .product-header .product-title {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .product-card .product-header .product-title {
    font-size: 14px;
    line-height: 22px;
  }
}

.product-card .product-header .product-description {
  color: #415362;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  max-width: 100%;
  margin-bottom: 0;
  padding-bottom: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .product-card .product-header .product-description {
    padding-bottom: 14px;
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .product-card .product-header .product-description {
    padding-bottom: 13px;
    font-size: 13px;
  }
}

.product-card .product-header .product-description .see-more {
  color: #101b25;
  cursor: pointer;
  font-weight: 500;
}

.product-card .product-header .product-price {
  letter-spacing: 0%;
  color: #415362;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

@media (max-width: 1679px) {
  .product-card .product-header .product-price {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 1481px) {
  .product-card .product-header .product-price {
    font-size: 13px;
    line-height: 21px;
  }
}

.product-card .product-header .product-price span {
  color: #101b25;
  margin-right: 5px;
  font-weight: 500;
}

.product-card .product-header .product-price .price-txt {
  align-items: center;
  display: flex;
}

.product-card .product-header .product-price .price-txt .dot {
  background-color: #b8c4d0;
  width: 4px;
  height: 4px;
  display: block;
}

.product-card .product-details {
  padding-top: 20px;
}

@media (max-width: 1679px) {
  .product-card .product-details {
    padding-top: 18px;
  }
}

@media (max-width: 1481px) {
  .product-card .product-details {
    padding-top: 16px;
  }
}

.product-card .product-details .details-heading {
  color: #101b25;
  letter-spacing: 0%;
  border-bottom: 1px solid #dfe1e3;
  margin-bottom: 16px;
  padding-bottom: 13px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .product-card .product-details .details-heading {
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 1481px) {
  .product-card .product-details .details-heading {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 20px;
  }
}

.product-card .product-details .details-row {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.product-card .product-details .details-row:last-child {
  margin-bottom: 0;
}

.product-card .product-details .details-row .details-label {
  letter-spacing: 0%;
  color: #415362;
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .product-card .product-details .details-row .details-label {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 1481px) {
  .product-card .product-details .details-row .details-label {
    font-size: 14px;
    line-height: 20px;
  }
}

.product-card .product-details .details-row .details-value {
  letter-spacing: 0%;
  text-align: right;
  color: #101b25;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .product-card .product-details .details-row .details-value {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 1481px) {
  .product-card .product-details .details-row .details-value {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 767px) {
  .counteroffer-wrapper {
    padding-top: 20px;
  }
}

.counteroffer-wrapper .counteroffer-card .counteroffer-header .counteroffer-title {
  letter-spacing: -1.5%;
  color: #101b25;
  padding-bottom: 15px;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

@media (max-width: 1679px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-header .counteroffer-title {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (max-width: 1481px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-header .counteroffer-title {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 1199px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-header .counteroffer-title {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 767px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-header .counteroffer-title {
    padding-bottom: 10px;
  }
}

.counteroffer-wrapper .counteroffer-card .counteroffer-header .counteroffer-title.no-padding {
  padding-bottom: 0 !important;
}

.counteroffer-wrapper .counteroffer-card .counteroffer-header .counteroffer-perks-text {
  color: #415362;
  letter-spacing: .01em;
  background: #f8f9fa;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  box-shadow: 0 1px 3px #0000000a;
}

@media (max-width: 1679px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-header .counteroffer-perks-text {
    padding: 10px 14px;
    font-size: 13px;
    line-height: 20px;
  }
}

@media (max-width: 1481px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-header .counteroffer-perks-text {
    padding: 8px 12px;
    font-size: 12px;
    line-height: 18px;
  }
}

.counteroffer-wrapper .counteroffer-card .counteroffer-header .counteroffer-perks-text .learn-more-link {
  color: #5090cc;
  letter-spacing: .02em;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
  position: relative;
}

.counteroffer-wrapper .counteroffer-card .counteroffer-header .counteroffer-perks-text .learn-more-link:hover {
  color: #3a7bb8;
}

.counteroffer-wrapper .counteroffer-card .counteroffer-header .counteroffer-perks-text .learn-more-link:hover:after {
  width: 100%;
}

.counteroffer-wrapper .counteroffer-card .counteroffer-header .counteroffer-perks-text .learn-more-link:after {
  content: "";
  background: linear-gradient(90deg, #5090cc 0%, #3a7bb8 100%);
  width: 0;
  height: 2px;
  transition: width .3s;
  position: absolute;
  bottom: -2px;
  left: 0;
}

.counteroffer-wrapper .counteroffer-card .counteroffer-header .counteroffer-header-row {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.counteroffer-wrapper .counteroffer-card .counteroffer-header .counteroffer-baseprice {
  color: #7b8d9f;
  letter-spacing: 0%;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-header .counteroffer-baseprice {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-header .counteroffer-baseprice {
    font-size: 13px;
  }
}

.counteroffer-wrapper .counteroffer-card .counteroffer-header .counteroffer-baseprice .counteroffer-price {
  color: #101b25;
  font-size: 20px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-header .counteroffer-baseprice .counteroffer-price {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-header .counteroffer-baseprice .counteroffer-price {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-header .counteroffer-baseprice .counteroffer-price {
    font-size: 14px;
  }
}

.counteroffer-wrapper .counteroffer-card .counteroffer-header .whish-list-btn {
  color: #101b25;
  background: #f4f5f6;
  border: 1px solid #dfe1e3;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
  box-shadow: 0 2px 4px #2a455d0f;
}

@media (max-width: 1679px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-header .whish-list-btn {
    height: 42px;
    font-size: 15px;
  }
}

@media (max-width: 1481px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-header .whish-list-btn {
    height: 38px;
    font-size: 14px;
  }
}

.counteroffer-wrapper .counteroffer-card .counteroffer-header .whish-list-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.counteroffer-wrapper .counteroffer-card .counteroffer-group {
  padding-bottom: 16px;
}

.counteroffer-wrapper .counteroffer-card .counteroffer-group .form-label {
  letter-spacing: 0%;
  color: #101b25;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 1679px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-group .form-label {
    font-size: 13px;
  }
}

.counteroffer-wrapper .counteroffer-card .counteroffer-group .form-wrp {
  border: 1px solid #fff;
  border-radius: 100px;
  padding: 2px;
}

.counteroffer-wrapper .counteroffer-card .counteroffer-group .form-wrp.input-f-width-num {
  display: block;
  position: relative;
}

.counteroffer-wrapper .counteroffer-card .counteroffer-group .form-wrp.input-f-width-num .form-control {
  border-radius: 30px;
  width: 100%;
  padding-right: 100px;
}

@media (max-width: 1679px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-group .form-wrp.input-f-width-num .form-control {
    padding-right: 80px;
  }
}

.counteroffer-wrapper .counteroffer-card .counteroffer-group .form-wrp.input-f-width-num .num-align {
  color: #415362;
  z-index: 9;
  align-items: center;
  margin: auto;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  display: flex;
  position: absolute;
  inset: 0 20px 0 auto;
}

@media (max-width: 1679px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-group .form-wrp.input-f-width-num .num-align {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-group .form-wrp.input-f-width-num .num-align {
    font-size: 12px;
  }
}

.counteroffer-wrapper .counteroffer-card .counteroffer-group .form-wrp.input-f-width-num .num-align.color-orange {
  color: #f27a2a;
}

.counteroffer-wrapper .counteroffer-card .counteroffer-group .form-wrp.input-f-width-num .num-align.color-green {
  color: #1bb746;
}

.counteroffer-wrapper .counteroffer-card .counteroffer-group .form-wrp.input-f-width-num input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.counteroffer-wrapper .counteroffer-card .counteroffer-group .form-wrp.input-f-width-num input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.counteroffer-wrapper .counteroffer-card .counteroffer-group .form-wrp.input-f-width-num input[type="number"] {
  -moz-appearance: textfield;
}

.counteroffer-wrapper .counteroffer-card .counteroffer-group .form-wrp .form-control {
  height: 52px;
  letter-spacing: 0%;
  color: #101b25;
  border: 1px solid #dfe1e3;
  border-radius: 100px;
  align-items: center;
  padding-left: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

@media (max-width: 1679px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-group .form-wrp .form-control {
    height: 48px;
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 1481px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-group .form-wrp .form-control {
    height: 42px;
    font-size: 13px;
    line-height: 20px;
  }
}

@media (max-width: 1199px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-group .form-wrp .form-control {
    height: 40px;
  }
}

.counteroffer-wrapper .counteroffer-card .counteroffer-group .form-wrp .form-control:hover, .counteroffer-wrapper .counteroffer-card .counteroffer-group .form-wrp .form-control:focus {
  box-shadow: none;
  outline: none;
}

.counteroffer-wrapper .counteroffer-card .counteroffer-group .form-wrp:focus-within, .counteroffer-wrapper .counteroffer-card .counteroffer-group .form-wrp:hover {
  border: 1px solid #5090cc;
  box-shadow: 0 0 0 2px #5090cc4d;
}

.counteroffer-wrapper .counteroffer-card .counteroffer-group .form-wrp .input-group-text {
  background-color: #0000;
  border: 1px solid #b8c4d0;
  border-right: none;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  height: 52px;
}

@media (max-width: 1679px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-group .form-wrp .input-group-text {
    height: 48px;
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 1481px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-group .form-wrp .input-group-text {
    height: 42px;
    font-size: 13px;
    line-height: 20px;
  }
}

@media (max-width: 1199px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-group .form-wrp .input-group-text {
    height: 40px;
  }
}

.counteroffer-wrapper .counteroffer-card .counteroffer-group .counteroffer-submitted {
  letter-spacing: 0%;
  color: #415362;
  margin: 0;
  padding-top: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

@media (max-width: 1679px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-group .counteroffer-submitted {
    font-size: 13px;
  }
}

.counteroffer-wrapper .counteroffer-card .counteroffer-group .counteroffer-submitted span {
  color: #101b25;
  font-weight: 500;
}

.counteroffer-wrapper .counteroffer-card .counteroffer-group .installments-container {
  gap: 10px;
  display: flex;
}

.counteroffer-wrapper .counteroffer-card .counteroffer-group .installments-container .down-arrw {
  box-shadow: none;
  background-color: #0000;
  border: none;
  align-items: center;
  display: flex;
}

.counteroffer-wrapper .counteroffer-card .counteroffer-group .installments-container .installment-option {
  color: #101b25;
  cursor: pointer;
  background-color: #f4f5f6;
  border: 1px solid #f4f5f6;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

@media (max-width: 1679px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-group .installments-container .installment-option {
    width: 40px;
    height: 40px;
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-group .installments-container .installment-option {
    width: 38px;
    height: 38px;
  }
}

@media (max-width: 1199px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-group .installments-container .installment-option {
    width: 36px;
    height: 36px;
  }
}

.counteroffer-wrapper .counteroffer-card .counteroffer-group .installments-container .installment-option.active, .counteroffer-wrapper .counteroffer-card .counteroffer-group .installments-container .installment-option:hover {
  border: 1px solid #5090cc;
}

@media (max-width: 767px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-group .installments-container .installment-option:hover {
    border: 1px solid #f4f5f6;
  }

  .counteroffer-wrapper .counteroffer-card .counteroffer-group .installments-container .installment-option.active {
    border: 1px solid #5090cc !important;
  }
}

.counteroffer-wrapper .counteroffer-card .counteroffer-group .frequency-container {
  gap: 8px;
  display: flex;
}

.counteroffer-wrapper .counteroffer-card .counteroffer-group .frequency-container .frequency-option {
  cursor: pointer;
  width: 167px;
  height: 44px;
  letter-spacing: 0%;
  background: #f4f5f6;
  border: 1px solid #f4f5f6;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 1679px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-group .frequency-container .frequency-option {
    height: 40px;
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-group .frequency-container .frequency-option {
    height: 38px;
  }
}

@media (max-width: 1199px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-group .frequency-container .frequency-option {
    height: 36px;
  }
}

.counteroffer-wrapper .counteroffer-card .counteroffer-group .frequency-container .frequency-option.active, .counteroffer-wrapper .counteroffer-card .counteroffer-group .frequency-container .frequency-option:hover {
  border: 1px solid #5090cc;
}

@media (max-width: 767px) {
  .counteroffer-wrapper .counteroffer-card .counteroffer-group .frequency-container .frequency-option:hover {
    border: 1px solid #f4f5f6;
  }

  .counteroffer-wrapper .counteroffer-card .counteroffer-group .frequency-container .frequency-option.active {
    border: 1px solid #5090cc !important;
  }
}

.charges-section .charges-inner {
  margin-bottom: 16px;
}

.charges-section .charges-header {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

@media (max-width: 1679px) {
  .charges-section .charges-header {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (max-width: 1481px) {
  .charges-section .charges-header {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 1199px) {
  .charges-section .charges-header {
    font-size: 14px;
    line-height: 22px;
  }
}

.charges-section .charge-row {
  justify-content: space-between;
  align-items: center;
  margin: 8px 0;
  display: flex;
}

.charges-section .charge-row .charge-label {
  color: #415362;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .charges-section .charge-row .charge-label {
    font-size: 16px;
  }
}

@media (max-width: 1481px) {
  .charges-section .charge-row .charge-label {
    font-size: 14px;
  }
}

.charges-section .charge-row .charge-label .info-icon .tooltip-text {
  width: 300px;
}

@media (max-width: 479px) {
  .charges-section .charge-row .charge-label .info-icon .tooltip-text {
    width: auto;
    max-width: calc(100vw - 30px);
  }
}

.charges-section .charge-row .charge-value {
  letter-spacing: 0%;
  text-align: right;
  color: #101b25;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .charges-section .charge-row .charge-value {
    font-size: 16px;
  }
}

@media (max-width: 1481px) {
  .charges-section .charge-row .charge-value {
    font-size: 14px;
  }
}

.charges-section .charge-row:last-child {
  margin-bottom: 15px;
}

.charges-section .total-row {
  border-top: 1px solid #ecedef;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-top: 20px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

@media (max-width: 1679px) {
  .charges-section .total-row {
    margin-top: 18px;
    padding-top: 18px;
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .charges-section .total-row {
    margin-top: 16px;
    padding-top: 16px;
    font-size: 13px;
  }
}

.charges-section .total-row .total-label {
  letter-spacing: 0%;
  color: #415362;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .charges-section .total-row .total-label {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 1481px) {
  .charges-section .total-row .total-label {
    font-size: 14px;
    line-height: 20px;
  }
}

.charges-section .total-row .total-value {
  text-align: right;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .charges-section .total-row .total-value {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 1481px) {
  .charges-section .total-row .total-value {
    font-size: 14px;
    line-height: 20px;
  }
}

.charges-section .offer-section {
  margin-bottom: 16px;
}

@media (max-width: 1679px) {
  .charges-section .offer-section {
    margin-bottom: 14px;
  }
}

.charges-section .offer-section .offer-title {
  letter-spacing: 0%;
  color: #101b25;
  padding-bottom: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .charges-section .offer-section .offer-title {
    padding-bottom: 13px;
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .charges-section .offer-section .offer-title {
    font-size: 13px;
  }
}

.charges-section .offer-section .offer-buttons {
  gap: 8px;
  display: flex;
}

.charges-section .offer-section .offer-buttons .offer-btn {
  cursor: pointer;
  width: 65px;
  height: 36px;
  letter-spacing: 0%;
  background: #f4f5f6;
  border: 1px solid #f4f5f6;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 1679px) {
  .charges-section .offer-section .offer-buttons .offer-btn {
    height: 34px;
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .charges-section .offer-section .offer-buttons .offer-btn {
    height: 32px;
  }
}

@media (max-width: 1199px) {
  .charges-section .offer-section .offer-buttons .offer-btn {
    height: 30px;
  }
}

.charges-section .offer-section .offer-buttons .offer-btn.active {
  border: 1px solid #91a3b6;
}

@media (max-width: 767px) {
  .charges-section .note-section {
    padding-bottom: 30px;
  }
}

.charges-section .note-section .note-title {
  letter-spacing: 0%;
  color: #101b25;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 1679px) {
  .charges-section .note-section .note-title {
    font-size: 13px;
  }
}

.charges-section .note-section .note-input {
  resize: none;
  color: #7b8d9f;
  border: 1px solid #dfe1e3;
  border-radius: 12px;
  width: 100%;
  height: 100px;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .charges-section .note-section .note-input {
    height: 90px;
    font-size: 15px;
  }
}

@media (max-width: 1481px) {
  .charges-section .note-section .note-input {
    height: 80px;
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .charges-section .note-section .note-input {
    height: 60px;
    font-size: 13px;
  }
}

.shipping-wrapper {
  background: #f4f5f6;
  border-radius: 12px;
  margin-top: 10px;
  margin-bottom: 24px;
  padding: 16px;
}

.shipping-wrapper .shipping-title {
  color: #101b25;
  letter-spacing: 0%;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 1679px) {
  .shipping-wrapper .shipping-title {
    font-size: 13px;
  }
}

.shipping-wrapper .shipping-options {
  background: #fff;
  border-radius: 12px;
  flex-direction: column;
  display: flex;
  box-shadow: 0 2px 4px #0000000a;
}

.shipping-wrapper .shipping-options .shipping-option {
  cursor: pointer;
  align-items: center;
  padding: 12px 14px;
  display: flex;
  position: relative;
}

.shipping-wrapper .shipping-options .shipping-option.active, .shipping-wrapper .shipping-options .shipping-option:hover {
  background: #f8f9fa;
}

.shipping-wrapper .shipping-options .shipping-option.active .shipping-logo, .shipping-wrapper .shipping-options .shipping-option:hover .shipping-logo {
  background-color: #fff;
}

.shipping-wrapper .shipping-options .shipping-option .shipping-checkbox {
  display: none;
}

.shipping-wrapper .shipping-options .shipping-option .checkbox-custom {
  border: 2px solid #ccc;
  border-radius: 4px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  transition: all .2s;
  display: inline-block;
  position: relative;
}

.shipping-wrapper .shipping-options .shipping-option .shipping-checkbox:checked + .checkbox-custom {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.shipping-wrapper .shipping-options .shipping-option .shipping-checkbox:checked + .checkbox-custom:after {
  content: "";
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  width: 5px;
  height: 10px;
  position: absolute;
  top: 2px;
  left: 6px;
  transform: rotate(45deg);
}

.shipping-wrapper .shipping-options .shipping-option .shipping-logo {
  object-fit: contain;
  background: #f8f9fa;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-left: 16px;
  display: flex;
}

.shipping-wrapper .shipping-options .shipping-option .shipping-logo img {
  height: 20px;
}

.shipping-wrapper .shipping-options .shipping-option .shipping-logo .fedex-ico {
  height: 40px;
}

.shipping-wrapper .shipping-options .shipping-option .shipping-info {
  margin-left: 16px;
}

.shipping-wrapper .shipping-options .shipping-option .shipping-info .shipping-name {
  color: #101b25;
  letter-spacing: -1%;
  vertical-align: middle;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.shipping-wrapper .shipping-options .shipping-option .shipping-info .shipping-desc {
  letter-spacing: 0;
  vertical-align: middle;
  color: #415362;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.container-right-end {
  margin-left: calc(50% - 640px);
  overflow: hidden;
}

.container-right-end.container-right-end-p2 {
  margin-left: calc(50% - 531px);
}

@media (max-width: 1199px) {
  .container-right-end {
    margin-left: calc(50% - 480px);
  }
}

@media (max-width: 991px) {
  .container-right-end {
    margin-left: calc(50% - 360px);
  }
}

@media (max-width: 768px) {
  .container-right-end {
    margin-left: calc(50% - 270px);
  }
}

@media (max-width: 579px) {
  .container-right-end {
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 767px) {
  .accept-offer-wrap {
    padding-top: 30px;
  }
}

.accept-offer-wrap .per-offer-wrap {
  gap: 15px;
  padding: 0 0 25px;
  display: flex;
}

@media (max-width: 1679px) {
  .accept-offer-wrap .per-offer-wrap {
    gap: 10px;
    padding: 0 0 20px;
  }
}

.accept-offer-wrap .per-offer-wrap .img {
  width: 48px;
  height: 48px;
}

@media (max-width: 1679px) {
  .accept-offer-wrap .per-offer-wrap .img {
    width: 45px;
    height: 45px;
  }
}

@media (max-width: 1481px) {
  .accept-offer-wrap .per-offer-wrap .img {
    width: 42px;
    height: 42px;
  }
}

.accept-offer-wrap .per-offer-wrap .img img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.accept-offer-wrap .per-offer-wrap .txt {
  flex: 1;
}

.accept-offer-wrap .per-offer-wrap .txt .name {
  color: #101b25;
  margin: 0;
  padding: 0 0 5px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .accept-offer-wrap .per-offer-wrap .txt .name {
    font-size: 16px;
  }
}

@media (max-width: 1481px) {
  .accept-offer-wrap .per-offer-wrap .txt .name {
    padding: 0 0 3px;
    font-size: 14px;
  }
}

.accept-offer-wrap .per-offer-wrap .txt .score {
  color: #415362;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .accept-offer-wrap .per-offer-wrap .txt .score {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .accept-offer-wrap .per-offer-wrap .txt .score {
    font-size: 12px;
  }
}

.accept-offer-wrap .box-wrap + .box-wrap {
  padding-top: 20px;
}

.accept-offer-wrap .head-wrap {
  padding: 0 0 10px;
}

.accept-offer-wrap .head-wrap .subtitle-wrap {
  color: #101b25;
  border-bottom: 1px solid #dfe1e3;
  margin: 0;
  padding: 0 0 10px;
  font-family: Instrument Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .accept-offer-wrap .head-wrap .subtitle-wrap {
    font-size: 16px;
  }
}

@media (max-width: 1481px) {
  .accept-offer-wrap .head-wrap .subtitle-wrap {
    padding: 0 0 5px;
    font-size: 14px;
  }
}

.accept-offer-wrap .sp-table-wrap {
  margin: 0 0 20px;
  padding: 0;
}

@media (max-width: 1679px) {
  .accept-offer-wrap .sp-table-wrap {
    margin: 0 0 10px;
  }
}

.accept-offer-wrap .sp-table-wrap tr td.td1 {
  color: #415362;
  word-break: break-word;
  width: 40%;
  margin: 0;
  padding: 0 0 20px;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .accept-offer-wrap .sp-table-wrap tr td.td1 {
    padding: 0 0 12px;
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .accept-offer-wrap .sp-table-wrap tr td.td1 {
    font-size: 13px;
  }
}

@media (max-width: 991px) {
  .accept-offer-wrap .sp-table-wrap tr td.td1 {
    width: 60%;
  }
}

@media (max-width: 479px) {
  .accept-offer-wrap .sp-table-wrap tr td.td1 {
    width: 50%;
  }
}

.accept-offer-wrap .sp-table-wrap tr td.td1 .info {
  width: 16px;
}

@media (max-width: 1679px) {
  .accept-offer-wrap .sp-table-wrap tr td.td1 .info {
    width: 14px;
  }
}

.accept-offer-wrap .sp-table-wrap tr td.td2 {
  text-align: right;
  color: #101b25;
  word-break: break-word;
  width: 60%;
  margin: 0;
  padding: 0 0 20px;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .accept-offer-wrap .sp-table-wrap tr td.td2 {
    padding: 0 0 12px;
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .accept-offer-wrap .sp-table-wrap tr td.td2 {
    font-size: 13px;
  }
}

@media (max-width: 991px) {
  .accept-offer-wrap .sp-table-wrap tr td.td2 {
    width: 40%;
  }
}

@media (max-width: 479px) {
  .accept-offer-wrap .sp-table-wrap tr td.td2 {
    width: 50%;
  }
}

.accept-offer-wrap .sp-table-wrap tr td.td2 span {
  color: #415362;
  font-weight: 400;
}

.accept-offer-wrap .sp-table-wrap.mr-0 {
  margin-bottom: 0;
}

.accept-offer-wrap .table-group-wrap .table-align-wrap {
  padding: 5px 0 20px;
}

@media (max-width: 1679px) {
  .accept-offer-wrap .table-group-wrap .table-align-wrap {
    padding: 5px 0 15px;
  }
}

.accept-offer-wrap .table-group-wrap .table-align-wrap .sp-table-wrap {
  border-bottom: 1px solid #ecedef;
  margin: 0;
  padding: 0;
}

@media (max-width: 1679px) {
  .accept-offer-wrap .table-group-wrap .table-align-wrap .sp-table-wrap {
    padding-bottom: 10px;
  }
}

.accept-offer-wrap .table-group-wrap .table-align-wrap.total-wrap {
  padding: 0;
}

.accept-offer-wrap .table-group-wrap .table-align-wrap.total-wrap .sp-table-wrap {
  border: 0;
}

.accept-offer-wrap .table-group-wrap .table-align-wrap.total-wrap .sp-table-wrap .td1 {
  color: #101b25;
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .accept-offer-wrap .table-group-wrap .table-align-wrap.total-wrap .sp-table-wrap .td1 {
    font-size: 16px;
  }
}

@media (max-width: 1481px) {
  .accept-offer-wrap .table-group-wrap .table-align-wrap.total-wrap .sp-table-wrap .td1 {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .accept-offer-wrap .table-group-wrap .table-align-wrap.total-wrap .sp-table-wrap .td1 {
    font-size: 13px;
  }
}

.accept-offer-wrap .table-group-wrap .table-align-wrap.total-wrap .sp-table-wrap .td2 {
  color: #101b25;
  font-size: 18px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .accept-offer-wrap .table-group-wrap .table-align-wrap.total-wrap .sp-table-wrap .td2 {
    font-size: 16px;
  }
}

@media (max-width: 1481px) {
  .accept-offer-wrap .table-group-wrap .table-align-wrap.total-wrap .sp-table-wrap .td2 {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .accept-offer-wrap .table-group-wrap .table-align-wrap.total-wrap .sp-table-wrap .td2 {
    font-size: 13px;
  }
}

.accept-offer-wrap .btn-wrap {
  flex-direction: column;
  gap: 8px;
  padding: 20px 0 0;
  display: flex;
}

@media (max-width: 767px) {
  .accept-offer-wrap .btn-wrap {
    padding: 20px 10px 0;
  }
}

.accept-offer-wrap .btn-wrap .btn {
  box-shadow: none;
  color: #101b25;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  outline: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  font-size: 14px;
  display: flex;
}

@media (max-width: 1679px) {
  .accept-offer-wrap .btn-wrap .btn {
    height: 40px;
  }
}

@media (max-width: 767px) {
  .accept-offer-wrap .btn-wrap .btn {
    height: 38px;
    font-size: 13px;
  }
}

@media (max-width: 479px) {
  .accept-offer-wrap .btn-wrap .btn {
    font-size: 12px;
  }
}

.accept-offer-wrap .btn-wrap .btn.bg-blue {
  color: #fff;
  background: #5090cc;
  border-color: #5090cc;
}

.accept-offer-wrap .btn-wrap .btn.color-red {
  color: #ef4444;
}

@media (max-width: 767px) {
  .best-sell-prdct {
    margin-top: 20px;
  }
}

.best-sell-prdct .sec-title-wrapper .left-block h2 {
  color: #101b25;
  letter-spacing: -1.5%;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.best-sell-prdct .sec-title-wrapper .left-block h2 span {
  font-weight: 400;
}

.dropdown-wrapper {
  display: inline-block;
  position: relative;
}

.dropdown-menu {
  z-index: 1000;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  min-width: 100px;
  padding: 4px 0;
  position: absolute;
  top: 110%;
  right: 0;
  box-shadow: 0 4px 10px #0000001a;
}

.dropdown-item {
  cursor: pointer;
  color: #333;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.4;
  transition: background .2s;
}

.dropdown-item:hover {
  background: #f5f5f5;
}

.dropdown-item.active {
  color: #0070f3;
  background: #e9f2ff;
  font-weight: 600;
}

.seller-details-box {
  justify-content: space-between;
  align-items: center;
  margin: 24px 0;
  padding: 24px 0;
  display: flex;
}

@media (max-width: 1679px) {
  .seller-details-box {
    margin: 20px 0;
    padding: 20px 0;
  }
}

@media (max-width: 1481px) {
  .seller-details-box {
    margin: 18px 0;
    padding: 18px 0;
  }
}

@media (max-width: 1199px) {
  .seller-details-box {
    margin: 15px 0;
    padding: 15px 0;
  }
}

@media (max-width: 579px) {
  .seller-details-box {
    flex-wrap: wrap;
  }
}

.seller-details-box .box-inner-lt {
  align-items: center;
  width: 100%;
  display: flex;
}

@media (max-width: 991px) {
  .seller-details-box .box-inner-lt {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

@media (max-width: 767px) {
  .seller-details-box .box-inner-lt {
    width: 90%;
  }
}

@media (max-width: 991px) {
  .seller-details-box .box-inner-lt .btn-sec {
    margin-left: unset;
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .seller-details-box .box-inner-lt .btn-sec {
    display: none;
  }
}

.seller-details-box .box-inner-rt {
  cursor: pointer;
  flex: 1;
  display: flex;
}

@media (max-width: 767px) {
  .seller-details-box .box-inner-rt {
    display: none;
  }

  .seller-details-box.seller-details-box-mobile-clickable {
    cursor: pointer;
  }
}

.seller-details-box .user-img {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  margin-right: 12px;
}

@media (max-width: 1679px) {
  .seller-details-box .user-img {
    width: 42px;
    height: 42px;
  }
}

.seller-details-box .user-img img {
  object-fit: cover;
  border-radius: 50px;
  width: 100%;
  height: 100%;
}

.seller-details-box .detail-sec .name-txt {
  letter-spacing: 0%;
  vertical-align: middle;
  color: #101b25;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
}

@media (max-width: 1679px) {
  .seller-details-box .detail-sec .name-txt {
    font-size: 16px;
  }
}

@media (max-width: 1481px) {
  .seller-details-box .detail-sec .name-txt {
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .seller-details-box .detail-sec .name-txt {
    font-size: 13px;
  }
}

@media (max-width: 579px) {
  .seller-details-box .detail-sec .name-txt {
    margin-bottom: 5px;
  }
}

.seller-details-box .detail-sec .rating-detail-page {
  margin-left: 10px;
}

.seller-details-box .rating-star {
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.seller-details-box .rating-star span {
  align-items: center;
  display: flex;
}

.seller-details-box .rating-detail-page {
  letter-spacing: 0%;
  color: #415362;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

@media (max-width: 1679px) {
  .seller-details-box .rating-detail-page {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .seller-details-box .rating-detail-page {
    font-size: 13px;
  }
}

.seller-details-box .score {
  color: #415362;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

@media (max-width: 1679px) {
  .seller-details-box .score {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .seller-details-box .score {
    font-size: 13px;
  }
}

.seller-details-box .score .marks {
  color: #101b25;
  margin-left: 5px;
  font-weight: 500;
  display: flex;
}

.seller-details-box .txt-sec {
  align-items: center;
  display: flex;
}

.seller-details-box .txt-sec .dot {
  background-color: #101b25;
  border-radius: 5px;
  width: 4px;
  height: 4px;
  margin: 0 8px;
  display: block;
}

@media (max-width: 767px) {
  .seller-details-box .txt-sec .dot {
    display: none;
  }
}

.seller-details-box .txt-sec .txt {
  color: #101b25;
  font-weight: 500;
}

.seller-details-box .txt-sec .seller-link-sec .links {
  color: #5090cc;
  text-decoration: underline;
}

@media (max-width: 767px) {
  .seller-details-box .txt-sec .seller-link-sec .links.desk {
    display: none;
  }
}

.seller-details-box .txt-sec .seller-link-sec .links.mob {
  display: none;
}

@media (max-width: 767px) {
  .seller-details-box .txt-sec .seller-link-sec .links.mob {
    margin-left: 5px;
    text-decoration: none;
    display: flex;
  }
}

.seller-details-box .btn-sec {
  margin-left: 50px;
}

@media (max-width: 579px) {
  .seller-details-box .btn-sec {
    margin-left: unset;
    width: 100%;
    margin-top: 20px;
  }
}

.seller-details-box .btn-sec .btn {
  border: 1px solid #dfe1e3;
  border-radius: 50px;
  width: 118px;
  height: 36px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  box-shadow: 0 2px 4px #2a455d0f;
}

@media (max-width: 1679px) {
  .seller-details-box .btn-sec .btn {
    height: 34px;
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .seller-details-box .btn-sec .btn {
    height: 32px;
  }
}

.input-group-val-end {
  position: relative;
}

.input-group-val-end .txt-val {
  z-index: 9;
  color: #1bb746;
  justify-content: center;
  align-items: center;
  padding-right: 25px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

@media (max-width: 1679px) {
  .input-group-val-end .txt-val {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .input-group-val-end .txt-val {
    font-size: 13px;
  }
}

@media (max-width: 479px) {
  .input-group-val-end .txt-val {
    padding-right: 20px;
  }
}

.input-group-val-end .txt-val.txt-org {
  color: #f27a2a;
}

.input-group-val-end .form-control {
  padding-right: 100px;
  border-top-right-radius: 100px !important;
  border-bottom-right-radius: 100px !important;
}

@media (max-width: 479px) {
  .input-group-val-end .form-control {
    padding-right: 80px;
    padding-left: 15px !important;
  }
}

.input-group-val-end input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-group-val-end input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-group-val-end input[type="number"] {
  -moz-appearance: textfield;
}

.input-count-group {
  align-items: center;
  display: flex;
}

.input-count-group .add-btn {
  background-color: #fff;
  border: 1px solid #b8c4d0;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  padding: 0;
  display: inline-flex;
}

@media (max-width: 1481px) {
  .input-count-group .add-btn {
    width: 40px;
    height: 40px;
  }

  .input-count-group .add-btn img {
    max-width: 13px;
  }
}

@media (max-width: 1199px) {
  .input-count-group .add-btn {
    width: 37px;
    height: 37px;
  }

  .input-count-group .add-btn img {
    max-width: 13px;
  }
}

.input-count-group .form-wrp {
  margin: 0 10px;
}

@media (max-width: 479px) {
  .input-count-group .form-wrp {
    margin: 0 5px;
  }
}

.input-count-group .form-wrp .form-control {
  border-radius: 30px;
  padding-right: 100px;
}

@media (max-width: 1679px) {
  .input-count-group .form-wrp .form-control {
    padding-right: 80px;
  }
}

.input-count-group .form-wrp .num-align {
  color: #415362;
  z-index: 9;
  align-items: center;
  margin: auto;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  display: flex;
  position: absolute;
  inset: 0 20px 0 auto;
}

@media (max-width: 1679px) {
  .input-count-group .form-wrp .num-align {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .input-count-group .form-wrp .num-align {
    font-size: 12px;
  }
}

.input-count-group .form-wrp .num-align.color-orange {
  color: #f27a2a;
}

.input-count-group .form-wrp .num-align.color-green {
  color: #1bb746;
}

.input-count-group .form-wrp.input-f-width-num {
  display: block;
  position: relative;
}

.input-count-group .form-wrp.input-f-width-num .form-control {
  border-radius: 30px;
  width: 100%;
  padding-right: 100px;
}

@media (max-width: 1679px) {
  .input-count-group .form-wrp.input-f-width-num .form-control {
    padding-right: 80px;
  }
}

.input-count-group .form-wrp.input-f-width-num .num-align {
  color: #415362;
  z-index: 9;
  align-items: center;
  margin: auto;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  display: flex;
  position: absolute;
  inset: 0 20px 0 auto;
}

@media (max-width: 1679px) {
  .input-count-group .form-wrp.input-f-width-num .num-align {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .input-count-group .form-wrp.input-f-width-num .num-align {
    font-size: 12px;
  }
}

.input-count-group .form-wrp.input-f-width-num .num-align.color-orange {
  color: #f27a2a;
}

.input-count-group .form-wrp.input-f-width-num .num-align.color-green {
  color: #1bb746;
}

.protection-plan-sec {
  background-color: #f6f7f9;
  border-radius: 8px;
  align-items: center;
  margin-bottom: 25px;
  padding: 12px 15px;
  display: flex;
}

.protection-plan-sec .left-block {
  white-space: nowrap;
  padding-right: 15px;
}

.protection-plan-sec .left-block h4 {
  color: #101b25;
  white-space: nowrap;
  margin-bottom: 2px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .protection-plan-sec .left-block h4 {
    font-size: 14px;
  }
}

.protection-plan-sec .left-block p {
  color: #415362;
  margin: 0;
  font-size: 12px;
}

@media (max-width: 1679px) {
  .protection-plan-sec .left-block p {
    font-size: 11px;
  }
}

@media (max-width: 767px) {
  .protection-plan-sec .left-block .info-icon .tooltip-text {
    margin-right: 15px;
    left: 0;
    transform: translateX(0);
  }

  .protection-plan-sec .left-block .info-icon .tooltip-text:after {
    left: 15px;
    transform: translateX(0);
  }
}

@media (max-width: 479px) {
  .protection-plan-sec .left-block .info-icon .tooltip-text {
    margin-right: 10px;
  }
}

.protection-plan-sec .right-block {
  align-items: center;
  margin-left: auto;
  display: flex;
}

@media (max-width: 767px) {
  .protection-plan-sec .right-block {
    flex-wrap: wrap;
    flex: 0 auto;
    justify-content: flex-end;
    min-width: 0;
    max-width: 100%;
    padding-left: 12px;
    overflow: visible;
  }
}

.protection-plan-sec .right-block .amt {
  color: #101b25;
  margin-right: 8px;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
}

@media (max-width: 1679px) {
  .protection-plan-sec .right-block .amt {
    font-size: 14px;
  }
}

.protection-plan-sec .toggle-switch {
  width: 44px;
  height: 24px;
  display: inline-block;
  position: relative;
}

@media (max-width: 1679px) {
  .protection-plan-sec .toggle-switch {
    width: 40px;
    height: 21px;
  }
}

.protection-plan-sec .toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.protection-plan-sec .toggle-switch input:checked + .slider {
  background-color: #5090cc;
}

.protection-plan-sec .toggle-switch input:checked + .slider:before {
  transform: translateX(18px);
}

.protection-plan-sec .toggle-switch .slider {
  cursor: pointer;
  background-color: #ccc;
  border-radius: 30px;
  transition: all .3s;
  position: absolute;
  inset: 0;
}

.protection-plan-sec .toggle-switch .slider:before {
  content: "";
  background-color: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  transition: all .3s;
  position: absolute;
  bottom: 2px;
  left: 3px;
}

@media (max-width: 1679px) {
  .protection-plan-sec .toggle-switch .slider:before {
    width: 16px;
    height: 16px;
    bottom: 3px;
  }
}

.menu-blur {
  background-color: #fff !important;
}

@media (max-width: 1062px) {
  .best-sell-sec.best-sell-prdct .container-right-end.container-right-end-p2 {
    margin: 0 -15px !important;
  }
}

@media (max-width: 479px) {
  .best-sell-sec.best-sell-prdct .container-right-end.container-right-end-p2 {
    margin: 0 -10px !important;
  }
}

@media (max-width: 350px) {
  .best-sell-sec.best-sell-prdct .container-right-end.container-right-end-p2 {
    margin: 0 !important;
  }
}

.dimension-group.yes-no-group {
  gap: 12px;
}

@media (max-width: 767px) {
  .dimension-group.yes-no-group {
    flex-wrap: nowrap;
    flex: 0 auto;
    justify-content: flex-end;
    gap: 0;
    min-width: 0;
    max-width: 100%;
  }
}

.dimension-group.yes-no-group .chk-custom-wrp {
  z-index: 1;
  width: 33.3333%;
  position: relative;
}

@media (max-width: 767px) {
  .dimension-group.yes-no-group .chk-custom-wrp {
    width: 53%;
  }

  .dimension-group.yes-no-group .chk-custom-wrp:not(:first-child) {
    margin-left: -10px;
  }
}

.dimension-group.yes-no-group .chk-custom-wrp .btn-check {
  display: none;
}

.dimension-group.yes-no-group .chk-custom-wrp .btn-check:checked ~ .payment-freq, .dimension-group.yes-no-group .chk-custom-wrp .btn-check:checked + .payment-freq {
  border: 1px solid #5090cc;
  box-shadow: 0 4px 10px #2563eb40;
}

:is(.dimension-group.yes-no-group .chk-custom-wrp:has(.btn-check:checked), .dimension-group.yes-no-group .chk-custom-wrp:has(.payment-freq.active)) {
  z-index: 2;
}

.dimension-group.yes-no-group .chk-custom-wrp .payment-freq {
  color: #101b25;
  text-align: center;
  min-width: 90px;
  height: 40px;
  letter-spacing: 0%;
  background: #f4f5f6;
  border: 1px solid #dfe1e3;
  border-radius: 50px;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: all .2s;
  display: flex;
}

.dimension-group.yes-no-group .chk-custom-wrp .payment-freq:hover {
  color: #2563eb;
  border-color: #2563eb;
}

.dimension-group.yes-no-group .chk-custom-wrp {
  width: auto;
  line-height: normal;
}

@media (max-width: 1679px) {
  .dimension-group.yes-no-group .chk-custom-wrp {
    min-width: 80px;
    height: 34px;
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .dimension-group.yes-no-group .chk-custom-wrp {
    min-width: 74px;
  }
}

@media (max-width: 479px) {
  .protection-plan-sec .right-block {
    justify-content: unset;
    padding-top: 10px;
  }
}

.outer-tbl-wrp .btn-sec {
  margin-bottom: 15px;
}

.outer-tbl-wrp .btn-sec .btn.paynow {
  color: #fff;
  cursor: pointer;
  background-color: #5090cc;
  border: none;
  border-radius: 50px;
  width: auto;
  min-width: auto;
  height: auto;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 500;
  transition: all .3s;
}

@media (max-width: 767px) {
  .outer-tbl-wrp .btn-sec .btn.paynow {
    padding: 10px 24px;
    font-size: 13px;
  }
}

.outer-tbl-wrp .btn-sec .btn.paynow:hover {
  opacity: .9;
}

.outer-tbl-wrp .btn-sec .btn.paynow:disabled {
  opacity: .6;
  cursor: not-allowed;
}

/* [project]/ui/styles/scss/home.scss.css [client] (css) */
.slider-wrap {
  padding: 0 0 80px;
}

@media (max-width: 1679px) {
  .slider-wrap {
    padding: 0 0 50px;
  }
}

@media (max-width: 991px) {
  .slider-wrap {
    padding: 0 0 30px;
  }
}

@media (max-width: 579px) {
  .slider-wrap {
    padding: 0 0 20px;
  }
}

.slider-wrap .banner-slider {
  margin: 0;
  padding: 0;
}

.slider-wrap .banner-slider .content-wrap {
  background-color: #d0def7;
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 25px;
  align-items: center;
  min-height: 410px;
  padding: 80px;
  position: relative;
  display: flex !important;
}

@media (max-width: 1679px) {
  .slider-wrap .banner-slider .content-wrap {
    min-height: 380px;
    padding: 50px;
  }
}

@media (max-width: 1481px) {
  .slider-wrap .banner-slider .content-wrap {
    min-height: 330px;
  }
}

@media (max-width: 1199px) {
  .slider-wrap .banner-slider .content-wrap {
    min-height: 298px;
  }
}

@media (max-width: 991px) {
  .slider-wrap .banner-slider .content-wrap {
    min-height: 222px;
  }
}

@media (max-width: 767px) {
  .slider-wrap .banner-slider .content-wrap {
    border-radius: 20px;
    min-height: 164px;
    padding: 25px 15px;
  }
}

@media (max-width: 579px) {
  .slider-wrap .banner-slider .content-wrap {
    aspect-ratio: 2;
    min-height: 100px;
  }
}

@media (max-width: 479px) {
  .slider-wrap .banner-slider .content-wrap {
    aspect-ratio: 1.999;
  }
}

.slider-wrap .banner-slider .content-wrap .left-wrap .title-wrap {
  color: #101b25;
  max-width: 450px;
  margin: 0;
  padding: 0 0 25px;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .slider-wrap .banner-slider .content-wrap .left-wrap .title-wrap {
    max-width: 400px;
    padding: 0 0 20px;
    font-size: 42px;
    line-height: 1.2;
  }
}

@media (max-width: 1481px) {
  .slider-wrap .banner-slider .content-wrap .left-wrap .title-wrap {
    max-width: 370px;
  }
}

@media (max-width: 1199px) {
  .slider-wrap .banner-slider .content-wrap .left-wrap .title-wrap {
    max-width: 310px;
    font-size: 38px;
  }
}

@media (max-width: 991px) {
  .slider-wrap .banner-slider .content-wrap .left-wrap .title-wrap {
    max-width: 300px;
    padding: 0 0 10px;
    font-size: 32px;
  }
}

@media (max-width: 767px) {
  .slider-wrap .banner-slider .content-wrap .left-wrap .title-wrap {
    max-width: 220px;
    font-size: 28px;
  }
}

@media (max-width: 579px) {
  .slider-wrap .banner-slider .content-wrap .left-wrap .title-wrap {
    max-width: 180px;
    font-size: 22px;
  }
}

@media (max-width: 479px) {
  .slider-wrap .banner-slider .content-wrap .left-wrap .title-wrap {
    max-width: 150px;
    font-size: 20px;
  }
}

.slider-wrap .banner-slider .content-wrap .left-wrap .btn-wrap {
  gap: 12px;
  display: flex;
  position: absolute;
  bottom: 20px;
  left: 20px;
}

@media (max-width: 767px) {
  .slider-wrap .banner-slider .content-wrap .left-wrap .btn-wrap {
    gap: 8px;
    bottom: 10px;
    left: 10px;
  }
}

@media (max-width: 479px) {
  .slider-wrap .banner-slider .content-wrap .left-wrap .btn-wrap {
    gap: 5px;
  }
}

.slider-wrap .banner-slider .content-wrap .left-wrap .btn-wrap .btn {
  text-align: center;
  color: #fff;
  background: #5090cc;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  height: 44px;
  margin: 0;
  padding: 5px 20px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

@media (max-width: 1679px) {
  .slider-wrap .banner-slider .content-wrap .left-wrap .btn-wrap .btn {
    height: 40px;
  }
}

@media (max-width: 1199px) {
  .slider-wrap .banner-slider .content-wrap .left-wrap .btn-wrap .btn {
    min-width: 80px;
    height: 38px;
    font-size: 12px;
  }
}

@media (max-width: 991px) {
  .slider-wrap .banner-slider .content-wrap .left-wrap .btn-wrap .btn {
    height: 32px;
  }
}

@media (max-width: 767px) {
  .slider-wrap .banner-slider .content-wrap .left-wrap .btn-wrap .btn {
    height: 28px;
  }
}

@media (max-width: 579px) {
  .slider-wrap .banner-slider .content-wrap .left-wrap .btn-wrap .btn {
    min-width: auto;
    padding: 5px 15px;
  }
}

@media (max-width: 479px) {
  .slider-wrap .banner-slider .content-wrap .left-wrap .btn-wrap .btn {
    height: 28px;
    padding: 5px 10px;
  }
}

.slider-wrap .banner-slider .content-wrap .left-wrap .btn-wrap .btn.white-bg {
  color: #101b25;
  background: #fff;
}

.slider-wrap .banner-slider .content-wrap.align-right {
  background-position: 0 100% !important;
  flex-direction: row-reverse !important;
}

.slider-wrap .banner-slider .slick-dots {
  justify-content: flex-end;
  gap: 8px;
  position: absolute;
  bottom: 30px;
  right: 30px;
  display: flex !important;
}

@media (max-width: 1679px) {
  .slider-wrap .banner-slider .slick-dots {
    gap: 5px;
    bottom: 15px;
    right: 15px;
  }
}

.slider-wrap .banner-slider .slick-dots li {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}

.slider-wrap .banner-slider .slick-dots li button {
  background: #fff;
  border-radius: 30px;
  width: 8px;
  height: 8px;
  padding: 0;
  font-size: 0;
}

@media (max-width: 1199px) {
  .slider-wrap .banner-slider .slick-dots li button {
    width: 6px;
    height: 6px;
  }
}

.slider-wrap .banner-slider .slick-dots li button:before {
  display: none;
}

.slider-wrap .banner-slider .slick-dots li.slick-active button {
  background: #4882b8;
  width: 28px;
}

@media (max-width: 1199px) {
  .slider-wrap .banner-slider .slick-dots li.slick-active button {
    width: 20px;
  }
}

.slider-wrap.slider-wrap2 .banner-slider .content-wrap {
  background-color: #bad6fa;
}

.app-download-wrap {
  padding: 0 0 80px;
}

@media (max-width: 1679px) {
  .app-download-wrap {
    padding: 0 0 50px;
  }
}

@media (max-width: 991px) {
  .app-download-wrap {
    padding: 0 0 30px;
  }
}

@media (max-width: 579px) {
  .app-download-wrap {
    padding: 0 0 20px;
  }
}

.app-download-wrap .content-wrap {
  background: #d1e1f9;
  border-radius: 25px;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 80px;
  display: flex;
}

@media (max-width: 1679px) {
  .app-download-wrap .content-wrap {
    padding: 50px;
  }
}

@media (max-width: 1199px) {
  .app-download-wrap .content-wrap {
    min-height: 300px;
    padding: 30px;
  }
}

@media (max-width: 767px) {
  .app-download-wrap .content-wrap {
    border-radius: 20px;
    min-height: 230px;
    padding: 25px 15px;
  }
}

@media (max-width: 579px) {
  .app-download-wrap .content-wrap {
    min-height: inherit;
    padding: 40px 15px;
  }
}

.app-download-wrap .content-wrap .title-wrap {
  color: #101b25;
  max-width: 450px;
  margin: 0;
  padding: 0 0 25px;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .app-download-wrap .content-wrap .title-wrap {
    max-width: 400px;
    padding: 0 0 20px;
    font-size: 42px;
    line-height: 1.2;
  }
}

@media (max-width: 1481px) {
  .app-download-wrap .content-wrap .title-wrap {
    max-width: 370px;
  }
}

@media (max-width: 1199px) {
  .app-download-wrap .content-wrap .title-wrap {
    font-size: 38px;
  }
}

@media (max-width: 991px) {
  .app-download-wrap .content-wrap .title-wrap {
    max-width: 300px;
    padding: 0 0 10px;
    font-size: 32px;
  }
}

@media (max-width: 767px) {
  .app-download-wrap .content-wrap .title-wrap {
    max-width: 250px;
    font-size: 28px;
  }
}

@media (max-width: 579px) {
  .app-download-wrap .content-wrap .title-wrap {
    max-width: 200px;
    font-size: 22px;
  }
}

@media (max-width: 479px) {
  .app-download-wrap .content-wrap .title-wrap {
    max-width: 180px;
    font-size: 20px;
  }
}

.app-download-wrap .content-wrap .btn-wrap {
  gap: 12px;
  width: 100%;
  padding: 0;
  display: flex;
}

@media (max-width: 991px) {
  .app-download-wrap .content-wrap .btn-wrap {
    gap: 8px;
  }
}

.app-download-wrap .content-wrap .btn-wrap .btn {
  cursor: pointer;
  border: 0;
  border-radius: 30px;
  outline: 0;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: auto;
  height: 44px;
  margin: 0;
  padding: 5px 25px;
  display: flex;
  background: #000 !important;
}

@media (max-width: 1199px) {
  .app-download-wrap .content-wrap .btn-wrap .btn {
    height: 38px;
    padding: 5px 20px;
  }
}

@media (max-width: 991px) {
  .app-download-wrap .content-wrap .btn-wrap .btn {
    height: 34px;
  }
}

@media (max-width: 579px) {
  .app-download-wrap .content-wrap .btn-wrap .btn {
    height: 28px;
    padding: 5px 10px;
  }
}

.app-download-wrap .content-wrap .btn-wrap .btn img {
  max-width: 16px;
  position: static;
  right: auto;
}

@media (max-width: 991px) {
  .app-download-wrap .content-wrap .btn-wrap .btn img {
    max-width: 14px;
    max-height: 14px;
  }
}

@media (max-width: 579px) {
  .app-download-wrap .content-wrap .btn-wrap .btn img {
    max-width: 10px;
    max-height: 10px;
  }
}

.app-download-wrap .content-wrap .btn-wrap .btn span {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1199px) {
  .app-download-wrap .content-wrap .btn-wrap .btn span {
    font-size: 12px;
  }
}

.app-download-wrap .app-download-img {
  height: 100%;
}

@media (max-width: 767px) {
  .app-download-wrap .app-download-img {
    display: none;
  }
}

.app-download-wrap .app-download-img img {
  object-fit: cover;
  border-radius: 25px;
  width: 100%;
  height: 100%;
  display: block;
}

/* [project]/ui/styles/scss/home-product-slider.scss.css [client] (css) */
@media (min-width: 1400px) {
  .container-1200 {
    max-width: 1300px;
  }
}

.see-all-btn {
  color: #101b25;
  background-color: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  align-items: center;
  padding: 11px 20px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
}

@media (max-width: 1481px) {
  .see-all-btn {
    padding: 9px 20px;
  }
}

.see-all-btn img {
  transition: all .3s;
}

.see-all-btn:hover {
  opacity: .8;
}

.see-all-btn:hover img {
  transform: translateX(5px);
}

.sec-title-wrapper {
  align-items: center;
  margin-bottom: 40px;
}

@media (max-width: 1679px) {
  .sec-title-wrapper {
    margin-bottom: 30px;
  }
}

@media (max-width: 1481px) {
  .sec-title-wrapper {
    margin-bottom: 20px;
  }
}

.sec-title-wrapper h2 {
  color: #101b25;
  margin: 0;
  padding-right: 10px;
  font-size: 32px;
  font-weight: 600;
}

.sec-title-wrapper h2 span {
  color: #415362;
  font-weight: 400;
}

@media (max-width: 1679px) {
  .sec-title-wrapper h2 {
    font-size: 26px;
  }
}

@media (max-width: 1481px) {
  .sec-title-wrapper h2 {
    font-size: 24px;
  }
}

@media (max-width: 1199px) {
  .sec-title-wrapper h2 {
    font-size: 21px;
  }
}

@media (max-width: 579px) {
  .sec-title-wrapper h2 {
    font-size: 20px;
  }
}

.sec-title-wrapper .right-block {
  flex-shrink: 0;
  margin-left: auto;
}

@media (max-width: 579px) {
  .sec-title-wrapper .right-block .see-all-btn {
    border: none;
    padding: 6px 2px;
  }
}

.best-sell-sec {
  margin-bottom: 60px;
}

@media (max-width: 1679px) {
  .best-sell-sec {
    margin-bottom: 30px;
  }
}

@media (max-width: 579px) {
  .best-sell-sec {
    margin-bottom: 15px;
  }
}

.best-sell-sec .product-slider-def .product-sl-card .product-det-sm {
  padding-bottom: 0;
}

.best-sell-sec .product-slider-def .product-sl-card .product-det-sm h4, .best-sell-sec .product-slider-def .product-sl-card .product-det-sm .info-label {
  margin: 0;
  padding: 0 0 2px;
}

.best-sell-sec .product-slider-def .product-sl-card .product-det-sm .price-det {
  margin: 0;
  padding: 0;
}

.container-right-end {
  margin-left: calc(50% - 640px);
  overflow: hidden;
}

@media (max-width: 1400px) {
  .container-right-end {
    margin-left: calc(50% - 570px);
  }
}

@media (max-width: 1199px) {
  .container-right-end {
    margin-left: calc(50% - 480px);
  }
}

@media (max-width: 991px) {
  .container-right-end {
    margin-left: calc(50% - 360px);
  }
}

@media (max-width: 768px) {
  .container-right-end {
    margin-left: calc(50% - 270px);
  }
}

@media (max-width: 579px) {
  .container-right-end {
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.container-right-end .slick-slider .slick-list {
  padding-left: 0 !important;
}

.product-slider-def .slick-list {
  height: auto !important;
}

.product-slider-def .slick-slide {
  padding: 0 5px;
}

@media (max-width: 360px) {
  .product-slider-def .slick-slide {
    padding: 0 1px;
  }
}

.product-slider-def .product-sl-card {
  position: relative;
}

.product-slider-def .product-sl-card .best-label {
  display: inline-block;
  position: absolute;
  top: 22px;
  left: 15px;
}

.product-slider-def .product-sl-card .best-label img {
  width: 41px;
}

@media (max-width: 479px) {
  .product-slider-def .product-sl-card .best-label {
    top: 14px;
    left: 10px;
  }

  .product-slider-def .product-sl-card .best-label img {
    width: 30px;
  }
}

.product-slider-def .product-sl-card .wishlist-btn {
  background-color: #fff;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: inline-flex;
  position: absolute;
  top: 15px;
  right: 15px;
  box-shadow: 0 4px 2px #00000005;
}

@media (max-width: 479px) {
  .product-slider-def .product-sl-card .wishlist-btn {
    width: 25px;
    height: 25px;
    top: 10px;
    right: 10px;
  }

  .product-slider-def .product-sl-card .wishlist-btn img {
    width: 16px;
  }
}

.product-slider-def .product-sl-card .img-block {
  background-color: #f4f5f6;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height: 250px;
  display: flex;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .product-slider-def .product-sl-card .img-block {
    height: 220px;
  }
}

@media (max-width: 1481px) {
  .product-slider-def .product-sl-card .img-block {
    height: 200px;
  }
}

@media (max-width: 479px) {
  .product-slider-def .product-sl-card .img-block {
    border-radius: 12px;
    height: 165px;
  }
}

.product-slider-def .product-sl-card .product-det-sm {
  padding: 10px 12px;
}

@media (max-width: 1481px) {
  .product-slider-def .product-sl-card .product-det-sm {
    padding: 10px;
  }
}

.product-slider-def .product-sl-card .product-det-sm h4 {
  color: #101b25;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 600;
  display: -webkit-box;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .product-slider-def .product-sl-card .product-det-sm h4 {
    margin-bottom: 2px;
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .product-slider-def .product-sl-card .product-det-sm h4 {
    font-size: 16px;
  }
}

.product-slider-def .product-sl-card .product-det-sm .info-label {
  color: #415362;
  font-size: 16px;
}

@media (max-width: 1679px) {
  .product-slider-def .product-sl-card .product-det-sm .info-label {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .product-slider-def .product-sl-card .product-det-sm .info-label {
    font-size: 13px;
  }
}

.product-slider-def .product-sl-card .product-det-sm .price-det {
  align-items: center;
}

.product-slider-def .product-sl-card .product-det-sm .price-det .price {
  color: #7b8d9f;
  margin-right: 8px;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
}

@media (max-width: 1679px) {
  .product-slider-def .product-sl-card .product-det-sm .price-det .price {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .product-slider-def .product-sl-card .product-det-sm .price-det .price {
    font-size: 13px;
  }
}

.product-slider-def .product-sl-card .product-det-sm .price-det .price-per {
  color: #101b25;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  display: inline-flex;
}

@media (max-width: 1679px) {
  .product-slider-def .product-sl-card .product-det-sm .price-det .price-per {
    font-size: 16px;
  }
}

@media (max-width: 1481px) {
  .product-slider-def .product-sl-card .product-det-sm .price-det .price-per {
    font-size: 15px;
  }
}

.product-slider-def .product-sl-card .product-det-sm .price-det .price-per:before {
  content: "";
  background-color: #101b25;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  margin-right: 8px;
  display: inline-block;
}

.prod-recomended-sec {
  margin-bottom: 60px;
}

@media (max-width: 1679px) {
  .prod-recomended-sec {
    margin-bottom: 40px;
  }
}

@media (max-width: 579px) {
  .prod-recomended-sec {
    margin-bottom: 15px;
  }
}

.prod-recomended-sec .product-rec-slider .slick-slide {
  padding: 0 10px;
}

@media (max-width: 400px) {
  .prod-recomended-sec .product-rec-slider .slick-slide {
    padding: 0 1px;
  }
}

.prod-recomended-sec .product-rec-slider .recom-sl-card {
  background-color: #f4f5f6;
  border-radius: 20px;
  width: 100%;
  height: 200px;
  padding: 24px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .prod-recomended-sec .product-rec-slider .recom-sl-card {
    height: 170px;
  }
}

.prod-recomended-sec .product-rec-slider .recom-sl-card h2 {
  z-index: 1;
  color: #091737;
  max-width: 100px;
  font-size: 18px;
  font-weight: 500;
  position: relative;
}

@media (max-width: 1679px) {
  .prod-recomended-sec .product-rec-slider .recom-sl-card h2 {
    font-size: 16px;
  }
}

@media (max-width: 1481px) {
  .prod-recomended-sec .product-rec-slider .recom-sl-card h2 {
    font-size: 15px;
  }
}

.prod-recomended-sec .product-rec-slider .recom-sl-card .img-block {
  text-align: right;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
}

.prod-recomended-sec .product-rec-slider .recom-sl-card .img-block .product-img {
  max-width: 150px;
  max-height: 130px;
  display: inline-block;
}

@media (max-width: 1481px) {
  .prod-recomended-sec .product-rec-slider .recom-sl-card .img-block .product-img {
    max-height: 110px;
  }
}

.browse-categ-sec {
  margin-bottom: 60px;
}

@media (max-width: 1679px) {
  .browse-categ-sec {
    margin-bottom: 40px;
  }
}

@media (max-width: 579px) {
  .browse-categ-sec {
    margin-bottom: 15px;
  }

  .browse-categ-sec .browse-categ-slider {
    flex-wrap: wrap;
    gap: 22px;
    display: flex;
  }
}

@media (max-width: 579px) and (max-width: 400px) {
  .browse-categ-sec .browse-categ-slider {
    gap: 10px;
  }
}

@media (max-width: 579px) {
  .browse-categ-sec .browse-categ-slider .catg-item {
    width: calc(33.3333% - 15px);
  }
}

@media (max-width: 400px) {
  .browse-categ-sec .browse-categ-slider .catg-item {
    width: calc(50% - 5px);
  }
}

.browse-categ-sec .browse-categ-slider .slick-slide {
  padding: 0 10px;
}

@media (max-width: 479px) {
  .browse-categ-sec .browse-categ-slider .slick-slide {
    padding: 0 5px;
  }
}

@media (max-width: 360px) {
  .browse-categ-sec .browse-categ-slider .slick-slide {
    padding: 0 1px;
  }
}

.browse-categ-sec .browse-categ-slider .explore-card {
  background-color: #f4f5f6;
  border-radius: 20px;
  height: 100%;
  padding: 15px;
  display: flex;
}

.browse-categ-sec .browse-categ-slider .explore-card .img-block {
  background-color: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  display: flex;
}

.browse-categ-sec .browse-categ-slider .explore-card .img-block .prod-img {
  max-width: 80%;
  max-height: 80%;
}

.browse-categ-sec .browse-categ-slider .explore-card .data-block {
  padding-left: 30px;
}

.browse-categ-sec .browse-categ-slider .img-block {
  background-color: #f4f5f6;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 160px;
  margin: 0 auto;
  display: flex;
}

@media (max-width: 579px) {
  .browse-categ-sec .browse-categ-slider .img-block {
    border-radius: 15px;
    width: 100%;
    height: 110px;
    padding: 15px;
  }
}

.browse-categ-sec .browse-categ-slider .img-block .prod-img {
  max-width: 85%;
  max-height: 90%;
}

.browse-categ-sec .browse-categ-slider .browse-categ-card h2 {
  color: #101b25;
  text-align: center;
  margin: 0;
  padding: 15px 0 5px;
  font-size: 20px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .browse-categ-sec .browse-categ-slider .browse-categ-card h2 {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .browse-categ-sec .browse-categ-slider .browse-categ-card h2 {
    font-size: 16px;
  }
}

@media (max-width: 579px) {
  .browse-categ-sec .browse-categ-slider .browse-categ-card h2 {
    font-weight: 500;
  }
}

.explore-sec {
  margin-bottom: 80px;
}

@media (max-width: 1679px) {
  .explore-sec {
    margin-bottom: 60px;
  }
}

@media (max-width: 579px) {
  .explore-sec {
    margin-bottom: 40px;
  }
}

.explore-sec .explore-interests-slider .slick-slide {
  padding: 0 10px;
}

@media (max-width: 579px) {
  .explore-sec .explore-interests-slider .slick-slide {
    padding: 0 5px;
  }
}

@media (max-width: 400px) {
  .explore-sec .explore-interests-slider .slick-slide {
    padding: 0 1px;
  }
}

.explore-sec .explore-interests-slider .explore-card {
  background-color: #f4f5f6;
  border-radius: 20px;
  height: 100%;
  padding: 15px;
  display: flex;
}

.explore-sec .explore-interests-slider .explore-card .img-block {
  background-color: #fff;
  border-radius: 20px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  display: flex;
}

@media (max-width: 1679px) {
  .explore-sec .explore-interests-slider .explore-card .img-block {
    width: 120px;
    height: 120px;
  }
}

@media (max-width: 1481px) {
  .explore-sec .explore-interests-slider .explore-card .img-block {
    width: 110px;
    height: 110px;
  }
}

.explore-sec .explore-interests-slider .explore-card .img-block .prod-img {
  max-width: 80%;
  max-height: 80%;
}

.explore-sec .explore-interests-slider .explore-card .data-block {
  flex-direction: column;
  padding: 12px 12px 12px 30px;
  display: flex;
}

@media (max-width: 479px) {
  .explore-sec .explore-interests-slider .explore-card .data-block {
    padding: 12px 0 12px 15px;
  }
}

.explore-sec .explore-interests-slider .explore-card .data-block h4 {
  color: #101b25;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 600;
  display: -webkit-box;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .explore-sec .explore-interests-slider .explore-card .data-block h4 {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .explore-sec .explore-interests-slider .explore-card .data-block h4 {
    font-size: 16px;
  }
}

.explore-sec .explore-interests-slider .explore-card .data-block .info-label {
  color: #415362;
  font-size: 16px;
}

@media (max-width: 1679px) {
  .explore-sec .explore-interests-slider .explore-card .data-block .info-label {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .explore-sec .explore-interests-slider .explore-card .data-block .info-label {
    font-size: 13px;
  }
}

.explore-sec .explore-interests-slider .explore-card .data-block .price-det {
  align-items: center;
  margin-top: auto;
  font-size: 20px;
}

@media (max-width: 1679px) {
  .explore-sec .explore-interests-slider .explore-card .data-block .price-det {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .explore-sec .explore-interests-slider .explore-card .data-block .price-det {
    font-size: 16px;
  }
}

.explore-sec .explore-interests-slider .explore-card .data-block .price-det .price {
  color: #101b25;
  margin-right: 8px;
  font-weight: 600;
  display: inline-block;
}

.explore-sec .explore-interests-slider .explore-card .data-block .price-det .price-per {
  color: #7b8d9f;
  align-items: center;
  display: inline-flex;
}

.explore-sec .explore-interests-slider .explore-card .data-block .price-det .price-per:before {
  content: "";
  background-color: #7b8d9f;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  margin-right: 8px;
  display: inline-block;
}

.recently-viewed-sec {
  margin-bottom: 60px;
}

@media (max-width: 1679px) {
  .recently-viewed-sec {
    margin-bottom: 40px;
  }
}

@media (max-width: 579px) {
  .recently-viewed-sec {
    margin-bottom: 15px;
  }
}

.browse-categ-sec .browse-categ-card-wrapper {
  overflow: hidden;
}

.browse-categ-sec .browse-categ-card-wrapper .browse-categ-col {
  width: 14.2857%;
}

@media (max-width: 991px) {
  .browse-categ-sec .browse-categ-card-wrapper .browse-categ-col {
    width: 25%;
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .browse-categ-sec .browse-categ-card-wrapper .browse-categ-col {
    width: 33.3333%;
  }
}

@media (max-width: 400px) {
  .browse-categ-sec .browse-categ-card-wrapper .browse-categ-col {
    width: 50%;
  }
}

.browse-categ-sec .browse-categ-card-wrapper .browse-categ-col .browse-categ-card {
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: block;
}

.browse-categ-sec .browse-categ-card-wrapper .browse-categ-col .browse-categ-card .img-block {
  background-color: #f6f7f9;
  border-radius: 28px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 160px;
  margin-bottom: 15px;
  padding: 5px;
  display: flex;
}

@media (max-width: 1679px) {
  .browse-categ-sec .browse-categ-card-wrapper .browse-categ-col .browse-categ-card .img-block {
    height: 150px;
  }
}

@media (max-width: 1400px) {
  .browse-categ-sec .browse-categ-card-wrapper .browse-categ-col .browse-categ-card .img-block {
    border-radius: 22px;
    height: 130px;
  }
}

@media (max-width: 1199px) {
  .browse-categ-sec .browse-categ-card-wrapper .browse-categ-col .browse-categ-card .img-block {
    height: 110px;
  }
}

@media (max-width: 991px) {
  .browse-categ-sec .browse-categ-card-wrapper .browse-categ-col .browse-categ-card .img-block {
    height: 140px;
  }
}

@media (max-width: 579px) {
  .browse-categ-sec .browse-categ-card-wrapper .browse-categ-col .browse-categ-card .img-block {
    border-radius: 15px;
    width: 90px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
  }
}

.browse-categ-sec .browse-categ-card-wrapper .browse-categ-col .browse-categ-card .img-block img {
  max-width: 130px;
  max-height: 100px;
}

@media (max-width: 1400px) {
  .browse-categ-sec .browse-categ-card-wrapper .browse-categ-col .browse-categ-card .img-block img {
    max-width: 100px;
    max-height: 80px;
  }
}

@media (max-width: 1199px) {
  .browse-categ-sec .browse-categ-card-wrapper .browse-categ-col .browse-categ-card .img-block img {
    max-width: 80px;
    max-height: 60px;
  }
}

@media (max-width: 579px) {
  .browse-categ-sec .browse-categ-card-wrapper .browse-categ-col .browse-categ-card .img-block img {
    max-width: 80%;
    max-height: 70%;
  }
}

.browse-categ-sec .browse-categ-card-wrapper .browse-categ-col .browse-categ-card .img-block .catg-no-data {
  width: 45px;
}

@media (max-width: 579px) {
  .browse-categ-sec .browse-categ-card-wrapper .browse-categ-col .browse-categ-card .img-block .catg-no-data {
    width: 35px;
  }
}

.browse-categ-sec .browse-categ-card-wrapper .browse-categ-col .browse-categ-card h4 {
  color: #101b25;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .browse-categ-sec .browse-categ-card-wrapper .browse-categ-col .browse-categ-card h4 {
    font-size: 17px;
  }
}

@media (max-width: 1481px) {
  .browse-categ-sec .browse-categ-card-wrapper .browse-categ-col .browse-categ-card h4 {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .browse-categ-sec .browse-categ-card-wrapper .browse-categ-col .browse-categ-card h4 {
    font-size: 15px;
  }
}

.product-slider-def.swiper {
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x pan-y pinch-zoom;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.product-slider-def .swiper-wrapper {
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
  transform-style: preserve-3d;
  align-items: stretch;
  display: flex;
  -webkit-transform: translate3d(0, 0, 0);
}

.product-slider-def .swiper-slide {
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  height: auto;
  -webkit-transform: translate3d(0, 0, 0);
}

@media (max-width: 479px) {
  .product-slider-def .swiper-slide {
    padding: 0 4px;
  }
}

@media (max-width: 360px) {
  .product-slider-def .swiper-slide {
    padding: 0 2px;
  }
}

.product-slider-def .swiper-slide > div {
  height: 100%;
}

.product-rec-slider.swiper .swiper-slide {
  padding: 0 6px;
}

@media (max-width: 479px) {
  .product-rec-slider.swiper .swiper-slide {
    padding: 0 4px;
  }
}

@media (max-width: 360px) {
  .product-rec-slider.swiper .swiper-slide {
    padding: 0 2px;
  }
}

/* [project]/ui/styles/scss/image-zoom-modal.scss.css [client] (css) */
.image-zoom-modal-overlay {
  z-index: 9999;
  background: #000000e6;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.image-zoom-modal {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.zoom-close-btn {
  -webkit-backdrop-filter: blur(12px);
  color: #fff;
  cursor: pointer;
  z-index: 10;
  background: #0000008c;
  border: 1px solid #ffffff40;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 20px;
  font-weight: 300;
  transition: background .2s, border-color .2s, transform .15s;
  display: flex;
  position: absolute;
  top: 24px;
  right: 24px;
  box-shadow: 0 2px 12px #00000059;
}

.zoom-close-btn:hover {
  background: #000000b3;
  border-color: #fff6;
  transform: scale(1.02);
}

.zoom-controls {
  -webkit-backdrop-filter: blur(20px);
  z-index: 10;
  background: #0000008c;
  border: 1px solid #ffffff40;
  border-radius: 999px;
  align-items: center;
  gap: 0;
  padding: 6px 8px 6px 14px;
  display: flex;
  position: absolute;
  bottom: 36px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 4px 24px #0006, inset 0 1px #ffffff14;
}

@media (max-width: 767px) {
  .zoom-controls {
    bottom: 100px;
  }
}

.zoom-controls .zoom-controls-btn {
  color: #fff;
  cursor: pointer;
  background: #ffffff26;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  transition: background .2s, color .2s, transform .15s;
  display: flex;
}

.zoom-controls .zoom-controls-btn:hover {
  background: #ffffff47;
  transform: scale(1.08);
}

.zoom-controls .zoom-controls-value {
  color: #fffffffa;
  font-variant-numeric: tabular-nums;
  letter-spacing: .02em;
  text-align: center;
  min-width: 52px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 600;
}

.zoom-controls .zoom-controls-divider {
  background: #ffffff40;
  border-radius: 1px;
  width: 1px;
  height: 20px;
  margin: 0 6px;
}

.zoom-controls .zoom-controls-reset {
  color: #ffffffe6;
  letter-spacing: .02em;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 500;
  transition: background .2s, color .2s;
}

.zoom-controls .zoom-controls-reset:hover {
  color: #fff;
  background: #ffffff2e;
}

.zoom-image-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.zoom-image {
  object-fit: contain;
  -webkit-user-select: none;
  user-select: none;
  max-width: 90%;
  max-height: 85vh;
  transition: transform .1s ease-out;
}

.zoom-nav-btn {
  -webkit-backdrop-filter: blur(12px);
  color: #fff;
  cursor: pointer;
  z-index: 10;
  background: #0000008c;
  border: 1px solid #ffffff40;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  font-size: 28px;
  font-weight: 300;
  transition: background .2s, border-color .2s, transform .15s;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 2px 12px #00000059;
}

.zoom-nav-btn:hover {
  background: #000000b3;
  border-color: #fff6;
  transform: translateY(-50%)scale(1.06);
}

.zoom-nav-btn.zoom-prev {
  left: 24px;
}

.zoom-nav-btn.zoom-next {
  right: 24px;
}

.zoom-counter {
  color: #fffffffa;
  font-variant-numeric: tabular-nums;
  letter-spacing: .03em;
  -webkit-backdrop-filter: blur(20px);
  background: #0000008c;
  border: 1px solid #ffffff40;
  border-radius: 999px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  position: absolute;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 4px 24px #0006, inset 0 1px #ffffff14;
}

.hover-lens-indicator {
  pointer-events: none;
  z-index: 5;
  background: #4882b826;
  border: 2px solid #fffc;
  border-radius: 4px;
  width: 80px;
  height: 80px;
  transition: opacity .15s;
  position: absolute;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 1px #0000001a, 0 2px 8px #00000026;
}

@media (max-width: 991px) {
  .hover-lens-indicator {
    display: none;
  }
}

@media (hover: none) {
  .hover-lens-indicator {
    display: none;
  }
}

.hover-zoom-panel {
  z-index: 100;
  pointer-events: none;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 250%;
  border: 1px solid #00000014;
  border-radius: 12px;
  width: 400px;
  height: 388px;
  position: absolute;
  top: 0;
  left: calc(100% + 16px);
  box-shadow: 0 8px 32px #0000001f, 0 2px 8px #0000000f;
}

@media (max-width: 1679px) {
  .hover-zoom-panel {
    width: 360px;
    height: 370px;
  }
}

@media (max-width: 1481px) {
  .hover-zoom-panel {
    width: 340px;
    height: 355px;
  }
}

@media (max-width: 1199px) {
  .hover-zoom-panel {
    width: 300px;
    height: 310px;
  }
}

@media (max-width: 991px) {
  .hover-zoom-panel {
    display: none;
  }
}

@media (hover: none) {
  .hover-zoom-panel {
    display: none;
  }
}

/* [project]/ui/styles/scss/login.scss.css [client] (css) */
.login-layout {
  background-color: #f8f9fa;
  height: 100vh;
  padding: 25px;
  display: flex;
}

@media (max-width: 991px) {
  .login-layout {
    height: auto;
    min-height: 100vh;
  }
}

@media (max-width: 400px) {
  .login-layout {
    padding: 20px;
  }
}

.login-layout .auth-back-btn-block {
  text-align: center;
  margin-top: 20px;
}

.login-layout .auth-back-btn-block .auth-back-btn {
  color: #101b25;
  background-color: #0000;
  border: none;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
}

@media (max-width: 1679px) {
  .login-layout .auth-back-btn-block .auth-back-btn {
    font-size: 14px;
  }
}

.login-layout .auth-back-btn-block .auth-back-btn img {
  margin-top: 2px;
  margin-right: 5px;
  line-height: 0;
  transition: all .3s;
}

@media (max-width: 1679px) {
  .login-layout .auth-back-btn-block .auth-back-btn img {
    width: 18px;
  }
}

.login-layout .auth-back-btn-block .auth-back-btn:hover img {
  transform: translateX(-5px);
}

.login-layout .login-container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

@media (max-width: 1679px) {
  .login-layout .login-container {
    max-width: 1400px;
  }
}

@media (max-width: 579px) {
  .login-layout .login-container {
    position: relative;
  }
}

.login-layout .login-container .left-block {
  flex-grow: 1;
  align-items: center;
  padding: 100px 20px 60px 140px;
  display: flex;
  position: relative;
}

.login-layout .login-container .left-block.add-pswd-left-block {
  width: 100%;
}

@media (max-width: 1199px) {
  .login-layout .login-container .left-block {
    padding-left: 50px;
  }
}

@media (max-width: 991px) {
  .login-layout .login-container .left-block {
    flex-direction: column;
    justify-content: center;
    padding: 0;
  }
}

@media (max-width: 579px) {
  .login-layout .login-container .left-block {
    position: static;
  }
}

.login-layout .login-container .left-block.email-verification-left {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block.abt-left {
    padding-bottom: 30px;
  }
}

.login-layout .login-container .left-block .logo-block {
  position: absolute;
  top: 24px;
  left: 48px;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .logo-block {
    top: 0;
  }
}

@media (max-width: 1199px) {
  .login-layout .login-container .left-block .logo-block {
    left: 0;
  }
}

@media (max-width: 991px) {
  .login-layout .login-container .left-block .logo-block {
    text-align: left;
    width: 100%;
    max-width: 363px;
    margin: 0 auto 20px;
    position: static;
  }
}

.login-layout .login-container .left-block .logo-block a img, .login-layout .login-container .left-block a img {
  max-width: 120px;
  max-height: 60px;
}

.login-layout .login-container .left-block .back-btn-block {
  align-items: center;
  width: 100%;
  padding-right: 48px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 1481px) {
  .login-layout .login-container .left-block .back-btn-block {
    padding-left: 30px;
  }
}

@media (max-width: 991px) {
  .login-layout .login-container .left-block .back-btn-block {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 579px) {
  .login-layout .login-container .left-block .back-btn-block {
    border-bottom: 1px solid #dfe1e3;
    width: calc(100% + 50px);
    margin: 0 -25px;
    padding: 0 15px 15px;
    left: 0;
    overflow: hidden;
  }
}

.login-layout .login-container .left-block .back-btn-block .back-btn {
  color: #101b25;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
}

@media (max-width: 479px) {
  .login-layout .login-container .left-block .back-btn-block .back-btn {
    font-size: 14px;
  }
}

.login-layout .login-container .left-block .back-btn-block .back-btn img {
  margin-right: 5px;
  transition: all .3s;
}

@media (max-width: 479px) {
  .login-layout .login-container .left-block .back-btn-block .back-btn img {
    width: 15px;
  }
}

.login-layout .login-container .left-block .back-btn-block .back-btn:hover img {
  transform: translateX(-5px);
}

.login-layout .login-container .left-block .back-btn-block .score-block {
  color: #415362;
  align-items: center;
  margin-left: auto;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
}

@media (max-width: 479px) {
  .login-layout .login-container .left-block .back-btn-block .score-block {
    font-size: 12px;
  }
}

.login-layout .login-container .left-block .back-btn-block .score-block .info {
  margin-right: 8px;
}

.login-layout .login-container .left-block .login-form-outer {
  width: 100%;
  max-width: 363px;
}

@media (max-width: 991px) {
  .login-layout .login-container .left-block .login-form-outer {
    padding-bottom: 100px;
  }
}

.login-layout .login-container .left-block .login-form-outer.login-about-outer {
  max-width: 410px;
}

.login-layout .login-container .left-block .login-form-outer.add-pswd-form-outer {
  margin: 0 auto;
}

.login-layout .login-container .left-block .login-form-outer.add-pswd-form-outer .welcome-block, .login-layout .login-container .left-block .login-form-outer.add-pswd-form-outer .title-block {
  text-align: center;
}

@media (max-width: 991px) {
  .login-layout .login-container .left-block .login-form-outer.add-pswd-form-outer .welcome-block, .login-layout .login-container .left-block .login-form-outer.add-pswd-form-outer .title-block {
    text-align: left;
  }
}

.login-layout .login-container .left-block .login-form-outer.add-pswd-form-outer .title-block p {
  max-width: 315px;
  margin: 0 auto;
}

@media (max-width: 991px) {
  .login-layout .login-container .left-block .login-form-outer.add-pswd-form-outer .title-block p {
    max-width: 100%;
    margin-left: 0;
  }
}

.login-layout .login-container .left-block .login-form-outer .welcome-block {
  margin-bottom: 18px;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .login-form-outer .welcome-block {
    margin-bottom: 14px;
  }
}

.login-layout .login-container .left-block .login-form-outer .welcome-block .welcome-icon {
  background-color: #dce9f5;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: inline-flex;
}

.login-layout .login-container .left-block .login-form-outer .title-block {
  margin-bottom: 30px;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .login-form-outer .title-block {
    margin-bottom: 5px;
  }
}

.login-layout .login-container .left-block .login-form-outer .title-block h2 {
  color: #101b25;
  margin-bottom: 8px;
  font-size: 32px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .login-form-outer .title-block h2 {
    margin-bottom: 5px;
    font-size: 28px;
  }
}

@media (max-width: 1481px) {
  .login-layout .login-container .left-block .login-form-outer .title-block h2 {
    margin-bottom: 0;
    font-size: 24px;
  }
}

@media (max-width: 579px) {
  .login-layout .login-container .left-block .login-form-outer .title-block h2 {
    font-size: 20px;
  }
}

.login-layout .login-container .left-block .login-form-outer .title-block p {
  color: #415362;
  margin-bottom: 0;
  font-size: 16px;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .login-form-outer .title-block p {
    font-size: 14px;
  }
}

.login-layout .login-container .left-block .login-form-outer .title-block p.txt-single {
  font-size: 13px;
}

@media (max-width: 479px) {
  .login-layout .login-container .left-block .login-form-outer .title-block p.txt-single {
    white-space: unset;
  }
}

.login-layout .login-container .left-block .login-form-outer .input-cover-scroll {
  max-height: 400px;
  overflow: hidden auto;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .login-form-outer .input-cover-scroll {
    max-height: 300px;
  }
}

@media (max-width: 1481px) {
  .login-layout .login-container .left-block .login-form-outer .input-cover-scroll {
    max-height: 280px;
  }
}

@media (max-width: 1281px) {
  .login-layout .login-container .left-block .login-form-outer .input-cover-scroll {
    max-height: 260px;
  }
}

@media (max-width: 991px) {
  .login-layout .login-container .left-block .login-form-outer .input-cover-scroll {
    max-height: none;
  }
}

.login-layout .login-container .left-block .login-form-outer .input-cover-scroll::-webkit-scrollbar {
  width: 2px;
}

.login-layout .login-container .left-block .login-form-outer .input-cover-scroll::-webkit-scrollbar-track {
  background: none;
}

.login-layout .login-container .left-block .login-form-outer .input-cover-scroll::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
  border-radius: 10px;
}

.login-layout .login-container .left-block .login-form-outer .input-cover-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #9e9e9e;
}

.login-layout .login-container .left-block .login-form-outer .input-cover-scroll {
  scrollbar-width: thin;
  scrollbar-color: #c4c4c4 #0000;
}

.login-layout .login-container .left-block .login-form-outer .login-form-block .input-col {
  margin-bottom: 20px;
  position: relative;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .login-form-outer .login-form-block .input-col {
    margin-bottom: 17px;
  }
}

.login-layout .login-container .left-block .login-form-outer .login-form-block .input-col .login-label {
  color: #101b25;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .login-form-outer .login-form-block .input-col .login-label {
    margin-bottom: 5px;
    font-size: 13px;
  }
}

.login-layout .login-container .left-block .login-form-outer .login-form-block .input-col .login-inp {
  color: #7b8d9f;
  height: 48px;
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  padding: 10px 20px;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .login-form-outer .login-form-block .input-col .login-inp {
    height: 44px;
    font-size: 14px;
  }
}

.login-layout .login-container .left-block .login-form-outer .login-form-block .input-col .inp-req {
  color: red;
  font-size: 12px;
  line-height: 12px;
  position: absolute;
  top: calc(100% + 3px);
  left: 20px;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .login-form-outer .login-form-block .input-col .inp-req {
    font-size: 11.2px;
    line-height: 11px;
    top: calc(100% + 2px);
  }
}

.login-layout .login-container .left-block .login-form-outer .login-form-block .input-col .login-input-group {
  color: #7b8d9f;
  background-color: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  height: 48px;
  padding-left: 10px;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .login-form-outer .login-form-block .input-col .login-input-group {
    height: 44px;
    font-size: 14px;
  }
}

.login-layout .login-container .left-block .login-form-outer .login-form-block .input-col .login-input-group .form-control {
  box-shadow: none;
  background-color: #0000;
  border: none;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .login-form-outer .login-form-block .input-col .login-input-group .form-control {
    font-size: 14px;
  }
}

.login-layout .login-container .left-block .login-form-outer .login-form-block .input-col .login-input-group .btn {
  background-color: #0000;
  border: none;
  width: 60px;
  padding: 0;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .login-form-outer .login-form-block .input-col .login-input-group .btn img {
    max-width: 16px;
  }
}

.login-layout .login-container .left-block .login-form-outer .login-form-block .rem-wrapper {
  margin-bottom: 25px;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .login-form-outer .login-form-block .rem-wrapper {
    margin-bottom: 15px;
    padding-top: 5px;
  }
}

@media (max-width: 1481px) {
  .login-layout .login-container .left-block .login-form-outer .login-form-block .rem-wrapper {
    margin-bottom: 10px;
  }
}

.login-layout .login-container .left-block .login-form-outer .login-form-block .rem-wrapper .rem-block .form-check {
  align-items: center;
  padding-left: 0;
  display: flex;
}

.login-layout .login-container .left-block .login-form-outer .login-form-block .rem-wrapper .rem-block .form-check.form-check-policy {
  align-items: unset;
}

.login-layout .login-container .left-block .login-form-outer .login-form-block .rem-wrapper .rem-block .form-check.form-check-policy .form-check-input {
  margin-top: 5px;
}

.login-layout .login-container .left-block .login-form-outer .login-form-block .rem-wrapper .rem-block .form-check.form-check-policy .terms-link {
  color: #101b25;
  font-weight: 500;
  text-decoration: underline;
  transition: all .3s;
}

.login-layout .login-container .left-block .login-form-outer .login-form-block .rem-wrapper .rem-block .form-check.form-check-policy .terms-link:hover {
  opacity: .8;
}

.login-layout .login-container .left-block .login-form-outer .login-form-block .rem-wrapper .rem-block .form-check .form-check-input {
  border: 2px solid #7b8d9f;
  margin: 0 10px 0 0;
}

.login-layout .login-container .left-block .login-form-outer .login-form-block .rem-wrapper .rem-block .form-check .form-check-label {
  color: #415362;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .login-form-outer .login-form-block .rem-wrapper .rem-block .form-check .form-check-label {
    font-size: 14px;
  }
}

.login-layout .login-container .left-block .login-form-outer .login-form-block .rem-wrapper .fgt-block {
  margin-left: auto;
}

.login-layout .login-container .left-block .login-form-outer .login-form-block .rem-wrapper .fgt-block .fgt-link {
  color: #5090cc;
  font-weight: 600;
  transition: all .3s;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .login-form-outer .login-form-block .rem-wrapper .fgt-block .fgt-link {
    font-size: 14px;
  }
}

.login-layout .login-container .left-block .login-form-outer .login-form-block .rem-wrapper .fgt-block .fgt-link:hover {
  opacity: .8;
}

.login-layout .login-container .left-block .login-form-outer .login-form-block .passcode-label {
  text-align: center;
  color: #415362;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .login-form-outer .login-form-block .passcode-label {
    font-size: 13px;
  }
}

.login-layout .login-container .left-block .btn-block {
  padding-top: 8px;
}

.login-layout .login-container .left-block .btn-block .confirm-btn {
  text-align: center;
  color: #fff;
  background-color: #5090cc;
  border: none;
  border-radius: 30px;
  width: 100%;
  padding: 12px 15px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
}

@media (max-width: 579px) {
  .login-layout .login-container .left-block .btn-block .confirm-btn {
    padding: 11px 15px;
  }
}

.login-layout .login-container .left-block .btn-block .confirm-btn:hover {
  opacity: .8;
}

.login-layout .login-container .left-block .btn-block .confirm-btn-border {
  color: #101b25;
  background-color: #fff;
  border: 1px solid #dfe1e3;
}

.login-layout .login-container .left-block .btn-block.btn-block-2-col {
  justify-content: space-between;
  display: flex;
}

.login-layout .login-container .left-block .btn-block.btn-block-2-col .confirm-btn {
  width: calc(50% - 6px);
}

.login-layout .login-container .left-block .or-block {
  color: #7b8d9f;
  z-index: 1;
  padding: 20px 0;
  position: relative;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .or-block {
    padding: 15px 0;
  }
}

@media (max-width: 1481px) {
  .login-layout .login-container .left-block .or-block {
    padding: 6px 0;
  }
}

.login-layout .login-container .left-block .or-block:before {
  content: "";
  z-index: -1;
  background-image: url("/img/or-bg.svg");
  background-repeat: repeat-x;
  width: 100%;
  height: 2px;
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.login-layout .login-container .left-block .or-block span {
  background-color: #f8f9fa;
  padding: 0 20px;
  display: inline-block;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .or-block span {
    font-size: 14px;
  }
}

.login-layout .login-container .left-block .app-block {
  justify-content: space-between;
  margin-bottom: 25px;
}

.login-layout .login-container .left-block .app-block .app-link {
  color: #101b25;
  background-color: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  width: calc(50% - 6px);
  height: 48px;
  padding: 10px 12px;
  transition: all .3s;
  display: inline-flex;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .app-block .app-link {
    height: 46px;
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .login-layout .login-container .left-block .app-block .app-link {
    height: 44px;
    font-size: 14px;
  }
}

.login-layout .login-container .left-block .app-block .app-link img {
  margin-right: 12px;
}

.login-layout .login-container .left-block .app-block .app-link:hover {
  opacity: .8;
  border-color: #101b25;
}

.login-layout .login-container .left-block .dnt-signup {
  color: #415362;
  font-size: 14px;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .dnt-signup {
    font-size: 13px;
  }
}

@media (max-width: 991px) {
  .login-layout .login-container .left-block .dnt-signup {
    text-align: center;
  }
}

.login-layout .login-container .left-block .dnt-signup .signup-link {
  color: #5090cc;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .reset-option-cover {
    padding-top: 15px;
  }
}

.login-layout .login-container .left-block .reset-option-cover .reset-option-card {
  margin-bottom: 15px;
}

.login-layout .login-container .left-block .reset-option-cover .reset-option-card:last-child {
  margin-bottom: 0;
}

.login-layout .login-container .left-block .reset-option-cover .reset-option-btn {
  background-color: #fff;
  border: 1px solid #ecedef;
  border-radius: 16px;
  padding: 15px;
}

.login-layout .login-container .left-block .reset-option-cover .reset-option-btn .icon {
  flex-shrink: 0;
  margin-right: 12px;
}

.login-layout .login-container .left-block .reset-option-cover .reset-option-btn .data p {
  color: #415362;
  margin-bottom: 4px;
  font-size: 14px;
}

.login-layout .login-container .left-block .reset-option-cover .reset-option-btn .data h4 {
  color: #101b25;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .reset-option-cover .reset-option-btn .data h4 {
    font-size: 16px;
  }
}

.login-layout .login-container .left-block .reset-option-cover .reset-option-btn .data h4 .dots {
  font-size: 25px;
  line-height: 0;
}

.login-layout .login-container .left-block .rest-password-toggle-cover {
  margin-bottom: 25px;
}

.login-layout .login-container .left-block .rest-password-toggle-cover .rest-btn-cover {
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  padding: 4px;
  display: flex;
}

.login-layout .login-container .left-block .rest-password-toggle-cover .rest-btn-cover .rest-toggle-btn {
  color: #7b8d9f;
  background-color: #0000;
  border: none;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 6px 15px;
  font-weight: 400;
  transition: all .3s;
  display: flex;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .rest-password-toggle-cover .rest-btn-cover .rest-toggle-btn {
    font-size: 15px;
  }
}

@media (max-width: 370px) {
  .login-layout .login-container .left-block .rest-password-toggle-cover .rest-btn-cover .rest-toggle-btn {
    flex-grow: 1;
    width: auto;
    min-width: 45%;
    font-size: 14px;
  }
}

.login-layout .login-container .left-block .rest-password-toggle-cover .rest-btn-cover .rest-toggle-btn img {
  margin-top: -1px;
  margin-right: 4px;
}

@media (max-width: 370px) {
  .login-layout .login-container .left-block .rest-password-toggle-cover .rest-btn-cover .rest-toggle-btn img {
    max-width: 18px;
  }
}

.login-layout .login-container .left-block .rest-password-toggle-cover .rest-btn-cover .rest-toggle-btn.active {
  color: #101b25;
  background-color: #fff;
  box-shadow: 0 29.34px 26.16px -9px #3c41501a;
}

.login-layout .login-container .left-block .rest-password-toggle-cover .rest-btn-cover .rest-toggle-btn.active img {
  filter: brightness(0) saturate() invert(7%) sepia(18%) saturate(1665%) hue-rotate(167deg) brightness() contrast(93%);
}

.login-layout .login-container .left-block .rest-password-toggle-cover .rest-btn-cover .rest-toggle-btn:hover {
  color: #101b25;
}

.login-layout .login-container .left-block .rest-password-toggle-cover .rest-btn-cover .rest-toggle-btn:hover img {
  filter: brightness(0) saturate() invert(7%) sepia(18%) saturate(1665%) hue-rotate(167deg) brightness() contrast(93%);
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .verificaion-option-cover {
    padding-top: 15px;
  }
}

.login-layout .login-container .left-block .verificaion-option-cover .verificaion-inp-wrapper {
  justify-content: space-between;
  margin-bottom: 28px;
}

.login-layout .login-container .left-block .verificaion-option-cover .verificaion-inp {
  text-align: center;
  color: #101b25;
  width: 48px;
  height: 48px;
  box-shadow: unset;
  background-color: #fff;
  border: 1px solid #ecedef;
  border-radius: 12px;
  padding: 5px;
}

@media (max-width: 360px) {
  .login-layout .login-container .left-block .verificaion-option-cover .verificaion-inp {
    border-radius: 10px;
    width: 42px;
    height: 42px;
  }
}

.login-layout .login-container .left-block .verificaion-option-cover .verificaion-inp:focus, .login-layout .login-container .left-block .verificaion-option-cover .verificaion-inp:focus-within, .login-layout .login-container .left-block .verificaion-option-cover .verificaion-inp:focus-visible {
  border-color: #5090cc;
  outline: #5090cc;
  box-shadow: 0 0 0 3px #dce9f5;
}

.login-layout .login-container .left-block .resend-timer {
  color: #415362;
  margin-bottom: 0;
  padding-top: 20px;
  font-size: 14px;
}

.login-layout .login-container .left-block .resend-timer span {
  color: #101b25;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .add-new-pswd-block {
    padding-top: 15px;
  }
}

.login-layout .login-container .left-block .add-new-pswd-block .btn-block {
  padding-top: 15px;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .abt-options-cover {
    max-height: 350px;
    overflow-y: auto;
  }
}

@media (max-width: 1481px) {
  .login-layout .login-container .left-block .abt-options-cover {
    max-height: 280px;
    overflow-y: auto;
  }
}

@media (max-width: 991px) {
  .login-layout .login-container .left-block .abt-options-cover {
    max-height: none;
    overflow-y: auto;
  }
}

.login-layout .login-container .left-block .abt-options-cover .abt-options-card {
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 10px;
}

.login-layout .login-container .left-block .abt-options-cover .abt-options-card .options-card-btn {
  background-color: #fff;
  border: none;
  border-radius: 8px;
  align-items: center;
  width: 100%;
  padding: 10px 15px;
}

.login-layout .login-container .left-block .abt-options-cover .abt-options-card .options-card-btn:hover .btn-round, .login-layout .login-container .left-block .abt-options-cover .abt-options-card .options-card-btn.active .btn-round {
  background-color: #dce9f5;
  border-color: #5090cc;
}

.login-layout .login-container .left-block .abt-options-cover .abt-options-card .options-card-btn.active .btn-round:before {
  opacity: 1;
}

.login-layout .login-container .left-block .abt-options-cover .abt-options-card .options-card-btn .icon {
  background-color: #f8f9fa;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 12px;
  display: inline-flex;
}

.login-layout .login-container .left-block .abt-options-cover .abt-options-card .options-card-btn .options-label {
  color: #101b25;
  font-size: 16px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .login-layout .login-container .left-block .abt-options-cover .abt-options-card .options-card-btn .options-label {
    font-size: 14px;
  }
}

.login-layout .login-container .left-block .abt-options-cover .abt-options-card .options-card-btn .btn-round {
  border: 1.5px solid #7b8d9f;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-left: auto;
  transition: all .3s;
  display: inline-flex;
}

.login-layout .login-container .left-block .abt-options-cover .abt-options-card .options-card-btn .btn-round:before {
  opacity: 0;
  content: "";
  background-color: #5090cc;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: block;
}

.login-layout .login-container .left-block .abt-options-cover .abt-options-card .other-inp-cover {
  padding: 0 15px 15px;
}

.login-layout .login-container .left-block .abt-options-cover .abt-options-card .other-inp-block {
  background-color: #f4f5f6;
  border-radius: 12px;
  padding: 15px;
}

.login-layout .login-container .right-block {
  flex-shrink: 0;
  width: 60%;
  max-width: 670px;
  position: relative;
}

@media (max-width: 1679px) {
  .login-layout .login-container .right-block {
    max-width: 570px;
  }
}

@media (max-width: 1481px) {
  .login-layout .login-container .right-block {
    max-width: 540px;
  }
}

@media (max-width: 1199px) {
  .login-layout .login-container .right-block {
    max-width: 450px;
  }
}

@media (max-width: 991px) {
  .login-layout .login-container .right-block {
    display: none;
  }
}

.login-layout .login-container .right-block .bnr-img {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.login-layout .login-container .right-block .login-slider-cover {
  background-image: url("/img/slider-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 20px;
  width: calc(100% - 24px);
  margin: 0 auto;
  padding: 25px 35px;
  position: absolute;
  bottom: 24px;
  left: 0;
  right: 0;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .login-layout .login-container .right-block .login-slider-cover {
    padding: 20px 30px;
  }
}

.login-layout .login-container .right-block .login-slider-cover .login-slider {
  margin-bottom: 0;
}

.login-layout .login-container .right-block .login-slider-cover .login-slider .slick-track {
  display: flex !important;
}

.login-layout .login-container .right-block .login-slider-cover .login-slider .slick-slide {
  height: inherit !important;
}

.login-layout .login-container .right-block .login-slider-cover .login-slider .slick-dots {
  text-align: right;
  bottom: -7px;
}

.login-layout .login-container .right-block .login-slider-cover .login-slider .slick-dots li {
  width: auto;
  margin: 0 2px;
}

.login-layout .login-container .right-block .login-slider-cover .login-slider .slick-dots li button {
  background-image: url("/img/log-bg-dot.png");
  width: 8px;
  height: 8px;
  padding: 0;
}

.login-layout .login-container .right-block .login-slider-cover .login-slider .slick-dots li button:before {
  display: none;
}

.login-layout .login-container .right-block .login-slider-cover .login-slider .slick-dots li.slick-active button {
  background-image: url("/img/log-bg-dot-active.png");
  background-size: contain;
  width: 28px;
}

.login-layout .login-container .right-block .login-slider-cover .login-slider .item-card p {
  color: #fff;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .login-layout .login-container .right-block .login-slider-cover .login-slider .item-card p {
    font-size: 14px;
    line-height: 22px;
  }
}

.login-layout .login-container .right-block .login-slider-cover .login-slider .item-card h4 {
  color: #fff;
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .login-layout .login-container .right-block .login-slider-cover .login-slider .item-card h4 {
    font-size: 18px;
  }
}

/* [project]/ui/styles/scss/logo-animation.scss.css [client] (css) */
.head-score-wrap {
  transition: all .3s;
}

.pulse-animation {
  animation: 1s ease-in-out pulseDoubleBounce;
  display: inline-block;
}

@keyframes pulseDoubleBounce {
  0% {
    transform: scale(1);
  }

  20% {
    transform: scale(1.25);
  }

  35% {
    transform: scale(1.1);
  }

  50% {
    transform: scale(1.22);
  }

  65% {
    transform: scale(1.08);
  }

  80% {
    transform: scale(1.12);
  }

  90% {
    transform: scale(1.03);
  }

  100% {
    transform: scale(1);
  }
}

.score-txt .number-scale {
  font-weight: 700;
  animation: 1s cubic-bezier(.36, .07, .19, .97) numberPulse;
  display: inline-flex;
}

@keyframes numberPulse {
  0% {
    transform: scale(1);
  }

  10% {
    transform: scale(1.6)translateY(-2px);
  }

  20% {
    transform: scale(1.3)translateY(0);
  }

  30% {
    transform: scale(1.5)translateY(-1px);
  }

  40% {
    transform: scale(1.2)translateY(0);
  }

  50% {
    transform: scale(1.4)translateY(-2px);
  }

  60% {
    transform: scale(1.15)translateY(0);
  }

  70% {
    transform: scale(1.25)translateY(-1px);
  }

  80% {
    transform: scale(1.1)translateY(0);
  }

  90% {
    transform: scale(1.12)translateY(0);
  }

  100% {
    transform: scale(1)translateY(0);
  }
}

@keyframes flyToScore {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }

  50% {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }

  100% {
    opacity: 0;
    transform: translate(calc(-50% + var(--end-x)), calc(-50% + var(--end-y))) scale(.6);
  }
}

@keyframes clickCircle {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%)scale(.3);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%)scale(2);
  }
}

.click-circle {
  pointer-events: none;
  border: 1px solid #000;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  animation: .7s ease-out forwards clickCircle;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes flyToScores {
  0% {
    opacity: 1;
    transform: translate(0)scale(1.2);
  }

  20% {
    transform: translate(calc(var(--end-x) * .1), calc(var(--end-y) * .1)) scale(1.5);
    opacity: 1;
  }

  100% {
    transform: translate(var(--end-x), var(--end-y)) scale(1.8);
    opacity: 0;
  }
}

.flying-score {
  color: #101b25;
  pointer-events: none;
  z-index: 9999;
  text-shadow: 0 2px 4px #0000001a;
  font-size: 28px;
  font-weight: bold;
  animation: 2.5s ease-out forwards flyToScores;
  position: fixed;
}

@keyframes flyToCash {
  0% {
    opacity: 1;
    transform: translate(0)scale(1);
  }

  100% {
    transform: translate(var(--end-x), var(--end-y)) scale(1);
    opacity: 1;
  }
}

.flying-cash {
  color: #5090cc;
  pointer-events: none;
  z-index: 9999;
  text-shadow: 0 2px 8px #5090cc4d;
  font-size: 24px;
  font-weight: 600;
  animation: 3.2s cubic-bezier(.25, .46, .45, .94) forwards flyToCash;
  position: fixed;
}

@keyframes flyToCashCurved {
  0% {
    opacity: 1;
    filter: drop-shadow(0 0 12px #5090cc66);
    transform: translate(0)scale(1);
  }

  45% {
    transform: translate(calc(var(--end-x) * .48), calc(var(--end-y) * -.92)) scale(1.18);
    opacity: 1;
    filter: drop-shadow(0 0 16px #5090cc80);
  }

  95% {
    transform: translate(calc(var(--end-x) * .98), calc(var(--end-y) * .98)) scale(1);
    opacity: 1;
    filter: drop-shadow(0 0 16px #5090cc80);
  }

  100% {
    transform: translate(var(--end-x), var(--end-y)) scale(1);
    opacity: 1;
    filter: drop-shadow(0 0 16px #5090cc80);
  }
}

.flying-cash-curved {
  letter-spacing: .02em;
  color: #5090cc;
  pointer-events: none;
  z-index: 9999;
  text-shadow: 0 0 20px #5090cc59, 0 2px 4px #00000014, 0 4px 12px #5090cc33;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  font-weight: 700;
  animation: 2s cubic-bezier(.33, 1, .68, 1) forwards flyToCashCurved;
  position: fixed;
}

@keyframes flyToCashStraight {
  0% {
    opacity: 1;
    filter: drop-shadow(0 0 12px #5090cc66);
    transform: translate(0)scale(1);
  }

  100% {
    transform: translate(var(--end-x), var(--end-y)) scale(1);
    opacity: 1;
    filter: drop-shadow(0 0 16px #5090cc80);
  }
}

.flying-cash-straight {
  letter-spacing: .02em;
  color: #5090cc;
  pointer-events: none;
  z-index: 9999;
  text-shadow: 0 0 20px #5090cc59, 0 2px 4px #00000014, 0 4px 12px #5090cc33;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  font-weight: 700;
  animation: 2s cubic-bezier(.33, 1, .68, 1) forwards flyToCashStraight;
  position: fixed;
}

/* [project]/ui/styles/scss/mail-verification.scss.css [client] (css) */
.mail-verification-outer {
  background-color: #f8f9fa;
  border-bottom: 1px solid #dfe1e3;
  padding: 60px 0;
}

@media (max-width: 1679px) {
  .mail-verification-outer {
    padding: 45px 0;
  }
}

@media (max-width: 579px) {
  .mail-verification-outer {
    background-color: #fff;
    border: none;
    padding: 30px 0;
  }
}

@media (min-width: 1199px) {
  .mail-verification-outer .custom-container {
    max-width: 1070px;
  }
}

.mail-verification-outer .sec-title h2 {
  color: #101b25;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .mail-verification-outer .sec-title h2 {
    font-size: 21px;
  }
}

@media (max-width: 1481px) {
  .mail-verification-outer .sec-title h2 {
    font-size: 19px;
  }
}

@media (max-width: 579px) {
  .mail-verification-outer .sec-title h2 {
    text-align: center;
    font-size: 16px;
  }
}

.mail-verification-outer .mail-verification-cover {
  background-color: #fff;
  border-radius: 23px;
  justify-content: center;
  align-items: center;
  min-height: 520px;
  padding: 40px 20px;
  display: flex;
}

@media (max-width: 1679px) {
  .mail-verification-outer .mail-verification-cover {
    min-height: 460px;
  }
}

@media (max-width: 1481px) {
  .mail-verification-outer .mail-verification-cover {
    min-height: 430px;
  }
}

@media (max-width: 1199px) {
  .mail-verification-outer .mail-verification-cover {
    min-height: 380px;
  }
}

@media (max-width: 991px) {
  .mail-verification-outer .mail-verification-cover {
    min-height: 340px;
  }
}

@media (max-width: 579px) {
  .mail-verification-outer .mail-verification-cover {
    background-color: #f8fbff;
    border-radius: 15px;
    min-height: 250px;
  }
}

.mail-verification-outer .mail-verification-cover .data-block {
  text-align: center;
}

.mail-verification-outer .mail-verification-cover .data-block .img-block {
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  .mail-verification-outer .mail-verification-cover .data-block .img-block {
    margin-bottom: 20px;
  }
}

@media (max-width: 1679px) {
  .mail-verification-outer .mail-verification-cover .data-block .img-block img {
    max-height: 90px;
  }
}

@media (max-width: 1199px) {
  .mail-verification-outer .mail-verification-cover .data-block .img-block img {
    max-height: 80px;
  }
}

@media (max-width: 991px) {
  .mail-verification-outer .mail-verification-cover .data-block .img-block img {
    max-height: 70px;
  }
}

.mail-verification-outer .mail-verification-cover .data-block h2 {
  color: #101b25;
  margin-bottom: 12px;
  font-size: 32px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .mail-verification-outer .mail-verification-cover .data-block h2 {
    font-size: 28px;
  }
}

@media (max-width: 1481px) {
  .mail-verification-outer .mail-verification-cover .data-block h2 {
    font-size: 26px;
  }
}

@media (max-width: 1199px) {
  .mail-verification-outer .mail-verification-cover .data-block h2 {
    font-size: 22px;
  }
}

@media (max-width: 579px) {
  .mail-verification-outer .mail-verification-cover .data-block h2 {
    margin-bottom: 10px;
    font-size: 16px;
  }
}

.mail-verification-outer .mail-verification-cover .data-block p {
  color: #101b25;
}

@media (max-width: 1679px) {
  .mail-verification-outer .mail-verification-cover .data-block p {
    font-size: 14px;
  }
}

/* [project]/ui/styles/scss/modal.scss.css [client] (css) */
.custom-modal .modal-content {
  border-radius: 24px;
}

.custom-modal .modal-close-btn {
  z-index: 1;
  background-color: #0000;
  border: none;
  padding: 0;
  position: absolute;
  top: 15px;
  right: 15px;
}

.custom-modal .btn-block {
  padding-top: 15px;
}

.custom-modal .btn-block .modal-btn-1 {
  color: #fff;
  background-color: #5090cc;
  border-radius: 30px;
  width: 100%;
  padding: 12px 15px;
  font-size: 14px;
  font-weight: 500;
}

.custom-modal .btn-block .modal-btn-1.modal-btn-border {
  color: #101b25;
  background-color: #0000;
  border: 1px solid #dfe1e3;
}

.custom-modal .btn-block .modal-btn-1.modal-btn-border:hover {
  border-color: #101b25;
}

.custom-modal .btn-block .border-btn {
  color: #101b25 !important;
  background-color: #fff !important;
  border: 1px solid #dfe1e3 !important;
}

.custom-modal .btn-block.btn-block-2-col {
  justify-content: space-between;
}

@media (max-width: 479px) {
  .custom-modal .btn-block.btn-block-2-col {
    flex-wrap: wrap;
  }
}

.custom-modal .btn-block.btn-block-2-col .btn {
  width: calc(50% - 6px);
}

@media (max-width: 479px) {
  .custom-modal .btn-block.btn-block-2-col .btn {
    width: 100%;
  }

  .custom-modal .btn-block.btn-block-2-col .btn.modal-btn-border {
    margin-bottom: 10px;
  }
}

.custom-modal .modal-btn-2-col {
  gap: 10px;
  width: 100%;
  display: flex;
}

@media (max-width: 479px) {
  .custom-modal .modal-btn-2-col {
    flex-direction: column;
  }
}

.custom-modal .modal-btn-2-col .btn {
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 10px;
  transition: all .3s;
  display: flex;
  background: #fff !important;
}

.custom-modal .modal-btn-2-col .btn:hover {
  opacity: .8;
}

@media (max-width: 1679px) {
  .custom-modal .modal-btn-2-col .btn {
    height: 40px;
  }
}

@media (max-width: 767px) {
  .custom-modal .modal-btn-2-col .btn {
    height: 38px;
  }
}

.custom-modal .modal-btn-2-col .btn.cnfm {
  border: 0;
  position: relative;
  background: #5090cc !important;
}

.custom-modal .modal-btn-2-col .btn.cnfm span {
  color: #fff;
}

.custom-modal .modal-btn-2-col .btn span {
  color: #101b25;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .custom-modal .modal-btn-2-col .btn span {
    font-size: 12px;
  }
}

.custom-modal .modal-btn-2-col .btn.color-red span {
  color: #ef4444;
}

@media (min-width: 420px) {
  .info-modal .modal-dialog {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}

.info-modal .modal-icon {
  text-align: center;
  margin-bottom: 20px;
}

.info-modal h2 {
  color: #101b25;
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .info-modal h2 {
    font-size: 22px;
  }
}

@media (max-width: 479px) {
  .info-modal h2 {
    font-size: 20px;
  }
}

.info-modal p {
  color: #415362;
}

@media (max-width: 1679px) {
  .info-modal p {
    font-size: 15px;
  }
}

.info-modal .modal-body {
  padding: 40px;
}

@media (max-width: 420px) {
  .info-modal .modal-body {
    padding: 30px;
  }
}

@media (max-width: 360px) {
  .info-modal .modal-body {
    padding: 25px 15px;
  }
}

@media (min-width: 420px) {
  .checkout-success .modal-dialog {
    max-width: 405px;
    margin-left: auto;
    margin-right: auto;
  }
}

.checkout-success .modal-icon {
  text-align: center;
  width: 48px;
  margin: 0 auto 20px;
  position: relative;
}

.checkout-success .modal-icon .accept-badge {
  width: 16px;
  height: 16px;
  position: absolute;
  top: -4px;
  right: -5px;
}

.checkout-success .modal-icon .accept-badge img {
  max-width: 100%;
}

.checkout-success h2 {
  color: #101b25;
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .checkout-success h2 {
    font-size: 18px;
  }
}

@media (max-width: 479px) {
  .checkout-success h2 {
    font-size: 16px;
  }
}

.checkout-success p {
  color: #415362;
}

@media (max-width: 1679px) {
  .checkout-success p {
    font-size: 15px;
  }
}

.checkout-success .modal-body {
  padding: 40px;
}

@media (max-width: 420px) {
  .checkout-success .modal-body {
    padding: 30px;
  }
}

@media (max-width: 360px) {
  .checkout-success .modal-body {
    padding: 25px 15px;
  }
}

@media (min-width: 550px) {
  .verify-email-modal .modal-dialog {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}

.verify-email-modal .modal-body {
  padding: 40px;
}

@media (max-width: 420px) {
  .verify-email-modal .modal-body {
    padding: 30px;
  }
}

@media (max-width: 360px) {
  .verify-email-modal .modal-body {
    padding: 25px 15px;
  }
}

.verify-email-modal .score-block {
  margin-bottom: 20px;
}

.verify-email-modal .score-block .score-item {
  margin-bottom: 15px;
}

.verify-email-modal .score-block p {
  color: #415362;
}

@media (max-width: 1679px) {
  .verify-email-modal .score-block p {
    font-size: 15px;
  }
}

.verify-email-modal .title-data h2 {
  color: #101b25;
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .verify-email-modal .title-data h2 {
    font-size: 22px;
  }
}

@media (max-width: 479px) {
  .verify-email-modal .title-data h2 {
    font-size: 20px;
  }
}

.verify-email-modal .title-data p {
  color: #415362;
}

@media (max-width: 1679px) {
  .verify-email-modal .title-data p {
    font-size: 15px;
  }
}

.img-crop-modal .modal-header {
  padding: 24px;
}

@media (max-width: 1679px) {
  .img-crop-modal .modal-header {
    padding: 20px;
  }
}

.img-crop-modal .modal-header .modal-close-btn {
  margin-left: auto;
  position: static;
}

.img-crop-modal .modal-title {
  color: #101b25;
  font-size: 16px;
  font-weight: 500;
}

.img-crop-modal .img-cover {
  background-color: #6b757f;
  justify-content: center;
  align-items: center;
  display: flex;
}

.img-crop-modal .img-cover img {
  max-width: 100%;
  max-height: 285px;
}

@media (max-width: 579px) {
  .img-crop-modal .img-cover img {
    max-height: 240px;
  }
}

.img-crop-modal .modal-body {
  padding: 0;
}

.img-crop-modal .btn-block {
  border-top: 1px solid #dfe1e3;
  align-items: center;
  padding: 24px;
}

@media (max-width: 1679px) {
  .img-crop-modal .btn-block {
    padding: 20px;
  }
}

.img-crop-modal .btn-block .modal-btn-1 {
  width: auto;
  height: auto;
  padding: 8px 18px;
}

.img-crop-modal .btn-block .right-block {
  margin-left: auto;
}

.crown-crop-modal .modal-header {
  padding: 24px;
}

@media (max-width: 1679px) {
  .crown-crop-modal .modal-header {
    padding: 20px;
  }
}

.crown-crop-modal .modal-header .modal-close-btn {
  margin-left: auto;
  position: static;
}

.crown-crop-modal .modal-title {
  color: #101b25;
  font-size: 16px;
  font-weight: 500;
}

.crown-crop-modal .img-cover.crown-crop-preview {
  background-color: #6b757f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  padding: 30px;
  display: flex;
  position: relative;
}

.crown-crop-modal .img-cover.crown-crop-preview canvas {
  background: none;
}

.crown-crop-modal .crown-preview-container {
  z-index: 1;
  position: relative;
}

.crown-crop-modal .crown-outline {
  z-index: 0;
  opacity: 0;
  position: absolute;
}

.crown-crop-modal .modal-body {
  padding: 0;
}

.crown-crop-modal .zoom-slider-container.crown-zoom-slider {
  background: #fff;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 20px 24px;
}

.crown-crop-modal .zoom-slider-container.crown-zoom-slider .zoom-slider {
  appearance: none;
  cursor: pointer;
  background: #dfe1e3;
  border-radius: 3px;
  outline: none;
  width: 100%;
  height: 6px;
}

.crown-crop-modal .zoom-slider-container.crown-zoom-slider .zoom-slider::-webkit-slider-thumb {
  appearance: none;
  cursor: pointer;
  background: #5090cc;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  box-shadow: 0 2px 4px #0003;
}

.crown-crop-modal .zoom-slider-container.crown-zoom-slider .zoom-slider::-moz-range-thumb {
  cursor: pointer;
  background: #5090cc;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  box-shadow: 0 2px 4px #0003;
}

.crown-crop-modal .zoom-slider-container.crown-zoom-slider .zoom-slider::-webkit-slider-runnable-track {
  border-radius: 3px;
  height: 6px;
}

.crown-crop-modal .zoom-slider-container.crown-zoom-slider .zoom-slider::-moz-range-track {
  background: #dfe1e3;
  border-radius: 3px;
  height: 6px;
}

.crown-crop-modal .btn-block {
  border-top: 1px solid #dfe1e3;
  align-items: center;
  padding: 24px;
}

@media (max-width: 1679px) {
  .crown-crop-modal .btn-block {
    padding: 20px;
  }
}

.crown-crop-modal .btn-block .modal-btn-1 {
  width: auto;
  height: auto;
  padding: 8px 18px;
}

.crown-crop-modal .btn-block .right-block {
  margin-left: auto;
}

@media (min-width: 430px) {
  .make-payment .modal-dialog {
    max-width: 411px;
    margin-left: auto;
    margin-right: auto;
  }
}

.make-payment .modal-icon {
  text-align: center;
  margin-bottom: 20px;
}

.make-payment .modal-icon img {
  width: 48px;
}

.make-payment h2 {
  color: #101b25;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .make-payment h2 {
    font-size: 22px;
  }
}

@media (max-width: 479px) {
  .make-payment h2 {
    font-size: 20px;
  }
}

.make-payment p {
  color: #415362;
  max-width: 90%;
  margin: 0 auto 20px;
}

@media (max-width: 1679px) {
  .make-payment p {
    font-size: 15px;
  }
}

.make-payment .date {
  color: #101b25;
  text-align: left;
  padding-top: 12px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1199px) {
  .make-payment .date {
    font-size: 14px;
  }
}

@media (max-width: 579px) {
  .make-payment .date {
    font-size: 13px;
  }
}

.make-payment .signed-doc {
  padding-top: 20px;
  display: flex;
}

.make-payment .signed-doc .sign-wrp {
  background-color: #fff;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  padding: 12px 20px;
  display: flex;
}

.make-payment .signed-doc .sign-wrp img {
  max-height: 24px;
}

.make-payment .signed-doc .btn {
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-left: 8px;
  display: flex;
}

.make-payment .confirmation-blk {
  background-color: #f4f5f6;
  border-radius: 16px;
  padding: 16px;
}

.make-payment .confirmation-blk .conscent-box {
  justify-content: flex-start;
  display: flex;
}

.make-payment .confirmation-blk .conscent-box .form-check-input {
  box-shadow: none;
  border: 2px solid #5090cc;
  outline: 0;
  margin: 0;
}

.make-payment .confirmation-blk .conscent-box .form-check-input:checked[type="checkbox"] {
  background-color: #7b8d9f;
}

.make-payment .confirmation-blk .txt {
  text-align: left;
  color: #415362;
  padding-left: 12px;
  font-size: 14px;
}

.make-payment .confirmation-blk .btn-block .modal-btn-1.modal-btn-border {
  background-color: #fff;
}

.make-payment .modal-body {
  padding: 20px 16px;
}

@media (max-width: 420px) {
  .make-payment .modal-body {
    padding: 20px;
  }
}

.accept-offer-modal {
  margin: 0;
  padding: 0;
}

.accept-offer-modal .modal-close-btn {
  top: 12px;
  right: 12px;
}

.accept-offer-modal .custom-modal-dialog {
  margin: 0 auto;
  padding: 0;
}

.accept-offer-modal .custom-modal-dialog .custom-modal-content {
  background: #fff;
  border-radius: 15px;
  width: 400px;
  margin: 0 auto;
  padding: 25px;
}

@media (max-width: 1679px) {
  .accept-offer-modal .custom-modal-dialog .custom-modal-content {
    width: 350px;
  }
}

@media (max-width: 1199px) {
  .accept-offer-modal .custom-modal-dialog .custom-modal-content {
    width: 320px;
  }
}

@media (max-width: 991px) {
  .accept-offer-modal .custom-modal-dialog .custom-modal-content {
    padding: 20px 15px;
  }
}

@media (max-width: 767px) {
  .accept-offer-modal .custom-modal-dialog .custom-modal-content {
    width: 300px;
  }
}

.accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
}

.accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .of-icon {
  width: 56px;
  height: 56px;
  margin: 0 0 15px;
  position: relative;
}

@media (max-width: 1679px) {
  .accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .of-icon {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 991px) {
  .accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .of-icon {
    width: 45px;
    height: 45px;
    margin: 0 0 10px;
  }
}

.accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .of-icon .img {
  object-fit: cover;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .of-icon .tic-icon {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 3px;
  right: 3px;
}

@media (max-width: 1679px) {
  .accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .of-icon .tic-icon {
    width: 10px;
    height: 10px;
  }
}

.accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .company-logo {
  padding: 0 0 20px;
}

@media (max-width: 1679px) {
  .accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .company-logo {
    padding: 0 0 15px;
  }
}

.accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .company-logo img {
  width: 85px;
}

@media (max-width: 1679px) {
  .accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .company-logo img {
    width: 75px;
  }
}

@media (max-width: 767px) {
  .accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .company-logo img {
    width: 70px;
  }
}

.accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .acc-icon {
  padding: 0 0 24px;
}

@media (max-width: 1679px) {
  .accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .acc-icon {
    padding: 0 0 19px;
  }
}

.accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .acc-icon img {
  width: 66px;
}

@media (max-width: 1679px) {
  .accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .acc-icon img {
    width: 56px;
  }
}

@media (max-width: 767px) {
  .accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .acc-icon img {
    width: 50px;
  }
}

.accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .of-title {
  color: #101b25;
  text-align: center;
  margin: 0;
  padding: 0 0 10px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .of-title {
    font-size: 22px;
  }
}

@media (max-width: 1481px) {
  .accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .of-title {
    font-size: 20px;
  }
}

@media (max-width: 991px) {
  .accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .of-title {
    font-size: 18px;
  }
}

.accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .of-title.min {
  font-size: 20px;
}

@media (max-width: 1679px) {
  .accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .of-title.min {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .of-title.min {
    font-size: 16px;
  }
}

.accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .of-para {
  color: #415362;
  text-align: center;
  margin: 0;
  padding: 0 0 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

@media (max-width: 1679px) {
  .accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .of-para {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .accept-offer-modal .custom-modal-dialog .custom-modal-content .custom-modal-body .of-para {
    padding: 0 0 10px;
    font-size: 13px;
    line-height: 1.4;
  }
}

.accept-offer-modal .re-btn-wrap {
  gap: 10px;
  width: 100%;
  display: flex;
}

@media (max-width: 479px) {
  .accept-offer-modal .re-btn-wrap {
    flex-direction: column;
  }
}

.accept-offer-modal .re-btn-wrap .btn {
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 10px;
  transition: all .3s;
  display: flex;
  background: #fff !important;
}

.accept-offer-modal .re-btn-wrap .btn:hover {
  opacity: .8;
}

@media (max-width: 1679px) {
  .accept-offer-modal .re-btn-wrap .btn {
    height: 40px;
  }
}

@media (max-width: 767px) {
  .accept-offer-modal .re-btn-wrap .btn {
    height: 38px;
  }
}

.accept-offer-modal .re-btn-wrap .btn.cnfm {
  border: 0;
  position: relative;
  background: #5090cc !important;
}

.accept-offer-modal .re-btn-wrap .btn.cnfm span {
  color: #fff;
}

.accept-offer-modal .re-btn-wrap .btn span {
  color: #101b25;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .accept-offer-modal .re-btn-wrap .btn span {
    font-size: 12px;
  }
}

.accept-offer-modal .re-btn-wrap .btn.color-red span {
  color: #ef4444;
}

.add-banner-modal .custom-modal-dialog .custom-modal-content {
  padding: 20px 50px;
}

@media (max-width: 479px) {
  .add-banner-modal .custom-modal-dialog .custom-modal-content {
    padding: 20px;
  }
}

.add-banner-modal .active-toggle .form-check-input {
  width: 40px;
  height: 20px;
}

.add-banner-modal .multiple-4 {
  color: #101b25;
  border-top: 1px solid #dfe1e3;
  padding-top: 15px;
  font-size: 18px;
  font-weight: 600;
}

.add-banner-modal .add-bnr-btn {
  width: 190px;
  padding: 12px 15px;
  font-size: 14px;
}

@media (max-width: 1679px) {
  .add-banner-modal .add-bnr-btn {
    font-size: 12px;
  }
}

@media (max-width: 479px) {
  .add-banner-modal .add-bnr-btn {
    width: 100%;
  }
}

.add-banner-modal .add-btn-block {
  border-bottom: 1px solid #dfe1e3;
  padding-bottom: 20px;
}

.add-banner-modal .img-upload-cover {
  text-align: center;
  border: 1px dashed #cad0d4;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 148px;
  padding: 12px;
  display: flex;
  position: relative;
}

.add-banner-modal .img-upload-cover .preview-block {
  text-align: center;
}

.add-banner-modal .img-upload-cover .preview-block .preview-item {
  margin: 0 auto;
  display: inline-block;
  position: relative;
}

.add-banner-modal .img-upload-cover .preview-block .preview-item .remove-btn {
  background-color: #fdecec;
  border: 1px solid #ef4444;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  transition: all .3s;
  display: inline-flex;
  position: absolute;
  top: 8px;
  right: 8px;
}

.add-banner-modal .img-upload-cover .preview-block .preview-item .remove-btn:hover {
  opacity: .8;
}

.add-banner-modal .img-upload-cover .preview-block .preview-item .preview-img {
  max-height: 160px;
}

@media (max-width: 1679px) {
  .add-banner-modal .img-upload-cover .preview-block .preview-item .preview-img {
    max-height: 140px;
  }
}

.add-banner-modal .img-upload-cover .form-file {
  cursor: pointer;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.add-banner-modal .img-upload-cover .img-sec {
  border-radius: 50px;
  width: 36px;
  height: 36px;
  margin: auto;
  padding-bottom: 12px;
}

.add-banner-modal .img-upload-cover .img-sec img {
  object-fit: cover;
}

.add-banner-modal .img-upload-cover .txt {
  letter-spacing: -1%;
  text-align: center;
  color: #101b25;
  padding-top: 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .add-banner-modal .img-upload-cover .txt {
    font-size: 15px;
  }
}

@media (max-width: 479px) {
  .add-banner-modal .img-upload-cover .txt {
    font-size: 14px;
  }
}

.add-banner-modal .img-upload-cover .text-sec {
  color: #101b25;
  font-size: 14px;
}

@media (max-width: 479px) {
  .add-banner-modal .img-upload-cover .text-sec {
    font-size: 12px;
  }
}

.counter-offer-ric-modal .custom-modal-body {
  padding: 24px;
}

@media (min-width: 767px) {
  .counter-offer-ric-modal .modal-dialog {
    max-width: 600px;
  }
}

.counter-offer-ric-modal .modal-icon {
  text-align: center;
  margin-bottom: 20px;
}

@media (max-width: 579px) {
  .counter-offer-ric-modal .modal-icon {
    margin-bottom: 12px;
  }

  .counter-offer-ric-modal .modal-icon img {
    max-width: 48px;
  }
}

.counter-offer-ric-modal h2 {
  color: #101b25;
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .counter-offer-ric-modal h2 {
    font-size: 22px;
  }
}

@media (max-width: 579px) {
  .counter-offer-ric-modal h2 {
    font-size: 16px;
  }
}

.counter-offer-ric-modal .ric-link-block {
  margin-bottom: 20px;
}

.counter-offer-ric-modal .ric-link-block .ric-link {
  color: #5090cc;
  text-align: left;
  background-color: #f7fafd;
  justify-content: center;
  align-items: center;
  padding: 12px;
  font-weight: 500;
  text-decoration: underline;
  display: flex;
}

@media (max-width: 1679px) {
  .counter-offer-ric-modal .ric-link-block .ric-link {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .counter-offer-ric-modal .ric-link-block .ric-link {
    font-size: 13px;
  }
}

.counter-offer-ric-modal .ric-link-block .ric-link img {
  margin-right: 8px;
}

@media (max-width: 1679px) {
  .counter-offer-ric-modal .ric-link-block .ric-link img {
    width: 22px;
  }
}

@media (max-width: 579px) {
  .counter-offer-ric-modal .ric-link-block .ric-link img {
    width: 18px;
  }
}

.acc-preference-modal .modal-content {
  border-radius: 18px;
}

.acc-preference-modal .form-switch {
  justify-content: space-between;
  margin: 0;
  padding: 0;
  display: flex;
}

.acc-preference-modal .form-switch .form-check-label {
  color: #101b25;
  cursor: pointer;
  width: 87%;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .acc-preference-modal .form-switch .form-check-label {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .acc-preference-modal .form-switch .form-check-label {
    width: 82%;
  }
}

@media (max-width: 767px) {
  .acc-preference-modal .form-switch .form-check-label {
    width: 87%;
  }
}

@media (max-width: 479px) {
  .acc-preference-modal .form-switch .form-check-label {
    width: 82%;
  }
}

.acc-preference-modal .form-switch .form-check-input {
  float: none;
  width: 44px;
  height: 24px;
  box-shadow: none;
  cursor: pointer;
  background-color: #ccc;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
  border: 0;
  border-radius: 30px;
  outline: 0;
  margin: 0;
  transition: all .5s;
}

@media (max-width: 1679px) {
  .acc-preference-modal .form-switch .form-check-input {
    width: 36px;
    height: 20px;
  }
}

.acc-preference-modal .form-switch .form-check-input:checked {
  background-color: #5090cc;
}

.acc-preference-modal .form-switch + .form-switch {
  margin-top: 10px;
}

.acc-preference-modal .modal-body {
  padding: 35px 45px;
}

@media (max-width: 767px) {
  .acc-preference-modal .modal-body {
    padding: 25px 30px;
  }
}

@media (max-width: 579px) {
  .acc-preference-modal .modal-body {
    padding: 25px 20px;
  }
}

.acc-preference-modal .title-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

@media (max-width: 1679px) {
  .acc-preference-modal .title-wrapper {
    margin-bottom: 15px;
  }
}

.acc-preference-modal .title-wrapper h4 {
  color: #101b25;
  padding-right: 15px;
  font-size: 24px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .acc-preference-modal .title-wrapper h4 {
    font-size: 21px;
  }
}

@media (max-width: 1481px) {
  .acc-preference-modal .title-wrapper h4 {
    font-size: 18px;
  }
}

.acc-preference-modal .top-p-block {
  margin-bottom: 35px;
}

@media (max-width: 1679px) {
  .acc-preference-modal .top-p-block {
    margin-bottom: 25px;
  }
}

.acc-preference-modal .top-p-block p {
  color: #7b8d9f;
  margin-bottom: 10px;
  font-size: 15px;
}

@media (max-width: 1679px) {
  .acc-preference-modal .top-p-block p {
    font-size: 14px;
  }
}

.acc-preference-modal .top-p-block .top-inp-block .pref-inp {
  color: #7b8d9f;
  background-color: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 45px;
  width: 100%;
  height: 52px;
  padding: 10px 30px;
  font-size: 17px;
}

@media (max-width: 1679px) {
  .acc-preference-modal .top-p-block .top-inp-block .pref-inp {
    height: 48px;
    font-size: 15px;
  }
}

@media (max-width: 1481px) {
  .acc-preference-modal .top-p-block .top-inp-block .pref-inp {
    height: 44px;
    font-size: 15px;
  }
}

.acc-preference-modal .radio-sec h4 {
  color: #101b25;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .acc-preference-modal .radio-sec h4 {
    font-size: 14px;
  }
}

.acc-preference-modal .radio-sec .radio-card .mnth {
  color: #7b8d9f;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  box-shadow: none;
  background-color: #0000;
  background-image: url("/img/arw-sm.svg");
  background-position: calc(100% - 10px);
  background-repeat: no-repeat;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  outline: none;
  margin: 0 3px;
  padding: 4px 30px 4px 15px;
  font-size: 14px;
}

.acc-preference-modal .radio-sec .radio-card .form-check {
  align-items: center;
  margin: 0 0 10px;
  padding: 0;
  display: flex;
}

.acc-preference-modal .radio-sec .radio-card .form-check .form-check-input {
  width: 18px;
  height: 18px;
  box-shadow: none;
  border: 1px solid #dfe1e3;
  border-radius: 50%;
  outline: 0;
  margin: 0 12px 0 0;
  padding: 0;
}

.acc-preference-modal .radio-sec .radio-card .form-check .form-check-input:checked {
  background: url("/img/checked.svg") top / cover no-repeat;
  border: 0;
}

.acc-preference-modal .radio-sec .radio-card .form-check .form-check-input.checkbox {
  border-radius: 3px;
}

.acc-preference-modal .radio-sec .radio-card .form-check .form-check-input.checkbox:checked {
  background: url("/img/tic.png") center / 10px no-repeat;
  border: 1px solid #5090cc;
}

.acc-preference-modal .radio-sec .radio-card .form-check .form-check-label {
  color: #415362;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 991px) {
  .acc-preference-modal .radio-sec .radio-card .form-check .form-check-label {
    font-size: 13px;
  }
}

@media (max-width: 420px) {
  .acc-preference-modal .radio-sec .radio-card .form-check.form-check-select {
    align-items: flex-start;
  }

  .acc-preference-modal .radio-sec .radio-card .form-check.form-check-select .chk-select {
    display: block;
  }
}

.acc-preference-modal .btn-wrap {
  justify-content: flex-end;
  width: 100%;
  padding-top: 25px;
  display: flex;
}

@media (max-width: 350px) {
  .acc-preference-modal .btn-wrap {
    justify-content: space-between;
  }
}

.acc-preference-modal .btn-wrap .btn {
  color: #101b25;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  min-width: 190px;
  height: 44px;
  margin: 0;
  padding: 10px;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  transition: all .3s;
  display: flex;
  box-shadow: 0 2px 4px #2a455d0f;
}

.acc-preference-modal .btn-wrap .btn:hover {
  opacity: .8;
}

@media (max-width: 1679px) {
  .acc-preference-modal .btn-wrap .btn {
    min-width: 180px;
    height: 40px;
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .acc-preference-modal .btn-wrap .btn {
    height: 38px;
  }
}

@media (max-width: 479px) {
  .acc-preference-modal .btn-wrap .btn {
    min-width: 128px;
  }
}

@media (max-width: 350px) {
  .acc-preference-modal .btn-wrap .btn {
    width: calc(50% - 8px);
    min-width: auto;
  }
}

.acc-preference-modal .btn-wrap .btn.cnfm {
  box-shadow: none;
  color: #fff;
  border: 0;
  margin-left: 15px;
  background: #5090cc !important;
}

.acc-preference-modal .catg-wrapper {
  padding-top: 15px;
}

@media (max-width: 579px) {
  .acc-preference-modal .catg-wrapper {
    flex-wrap: wrap;
  }
}

.acc-preference-modal .catg-wrapper .catg-list-block {
  width: 50%;
}

@media (max-width: 579px) {
  .acc-preference-modal .catg-wrapper .catg-list-block {
    width: 100%;
  }
}

@media (min-width: 767px) {
  .newsletter-modal .modal-dialog {
    max-width: 550px;
  }
}

.newsletter-modal h3 {
  color: #101b25;
  margin-bottom: 20px;
  font-size: 19px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .newsletter-modal h3 {
    font-size: 17px;
  }
}

@media (min-width: 1200px) {
  .xtra-membership-modal .modal-dialog {
    max-width: 1150px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .xtra-membership-modal .modal-dialog {
    max-width: 90%;
  }
}

.xtra-membership-modal .modal-body {
  padding: 75px 75px 40px;
}

@media (max-width: 1679px) {
  .xtra-membership-modal .modal-body {
    padding: 50px 50px 30px;
  }
}

@media (max-width: 1481px) {
  .xtra-membership-modal .modal-body {
    padding: 35px 40px 20px;
  }
}

@media (max-width: 767px) {
  .xtra-membership-modal .modal-body {
    padding: 35px 30px 20px;
  }
}

@media (max-width: 479px) {
  .xtra-membership-modal .modal-body {
    padding: 30px 20px 15px;
  }
}

.xtra-membership-modal .membership-title {
  margin-bottom: 50px;
}

@media (max-width: 1679px) {
  .xtra-membership-modal .membership-title {
    margin-bottom: 30px;
  }
}

@media (max-width: 1481px) {
  .xtra-membership-modal .membership-title {
    margin-bottom: 20px;
  }
}

.xtra-membership-modal .membership-title h2 {
  color: #101b25;
  margin-bottom: 4px;
  font-size: 24px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .xtra-membership-modal .membership-title h2 {
    font-size: 21px;
  }
}

@media (max-width: 1481px) {
  .xtra-membership-modal .membership-title h2 {
    font-size: 19px;
  }
}

.xtra-membership-modal .membership-title p {
  color: #415362;
  margin: 0;
}

@media (max-width: 1679px) {
  .xtra-membership-modal .membership-title p {
    font-size: 14px;
  }
}

.xtra-membership-modal .membership-tab-title {
  margin-bottom: 25px;
}

@media (max-width: 1679px) {
  .xtra-membership-modal .membership-tab-title {
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .xtra-membership-modal .membership-tab-title {
    flex-wrap: wrap;
  }
}

.xtra-membership-modal .membership-tab-title h2 {
  color: #415362;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .xtra-membership-modal .membership-tab-title h2 {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .xtra-membership-modal .membership-tab-title h2 {
    font-size: 16px;
  }
}

.xtra-membership-modal .membership-tab-title p {
  color: #415362;
  margin: 0;
  font-size: 12px;
}

.xtra-membership-modal .membership-tab-title .left-block {
  padding-right: 15px;
}

@media (max-width: 767px) {
  .xtra-membership-modal .membership-tab-title .left-block {
    width: 100%;
    margin-bottom: 20px;
    padding-right: 0;
  }
}

.xtra-membership-modal .membership-tab-title .left-block p {
  max-width: 85%;
}

@media (max-width: 767px) {
  .xtra-membership-modal .membership-tab-title .left-block p {
    max-width: 100%;
  }
}

.xtra-membership-modal .membership-tab-title .right-block {
  flex-shrink: 0;
  margin-top: auto;
  margin-left: auto;
}

@media (max-width: 767px) {
  .xtra-membership-modal .membership-tab-title .right-block {
    justify-content: center;
    width: 100%;
    margin-left: 0;
    display: flex;
  }
}

.xtra-membership-modal .membership-tab-title .tab-btn-cover {
  background-color: #ecedef;
  border-radius: 85px;
  padding: 3px;
}

.xtra-membership-modal .membership-tab-title .tab-btn-cover .plan-ab-btn {
  text-align: center;
  color: #415362;
  background-color: #0000;
  border: none;
  border-radius: 40px;
  min-width: 85px;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 500;
  transition: all .3s;
}

@media (max-width: 1679px) {
  .xtra-membership-modal .membership-tab-title .tab-btn-cover .plan-ab-btn {
    font-size: 12px;
  }
}

.xtra-membership-modal .membership-tab-title .tab-btn-cover .plan-ab-btn.active {
  color: #101b25;
  background-color: #fff;
  box-shadow: 0 47.09px 50.45px -7.57px #3c41500f;
}

.xtra-membership-modal .membership-tab-title .tab-btn-cover .plan-ab-btn:hover {
  color: #101b25;
}

.xtra-membership-modal .xtra-tab-outer .plan-data-cover {
  border: 2px solid #ecedef;
  border-radius: 16px;
  padding: 30px 30px 15px;
  position: relative;
}

@media (max-width: 767px) {
  .xtra-membership-modal .xtra-tab-outer .plan-data-cover {
    padding: 20px 25px 15px;
  }
}

@media (max-width: 479px) {
  .xtra-membership-modal .xtra-tab-outer .plan-data-cover {
    padding: 20px 20px 15px;
  }
}

@media (max-width: 390px) {
  .xtra-membership-modal .xtra-tab-outer .plan-data-cover {
    padding: 20px 15px 15px;
  }
}

.xtra-membership-modal .xtra-tab-outer .plan-data-cover .logo-off {
  opacity: .2;
  text-align: right;
  position: absolute;
  top: 20px;
  right: 35px;
}

@media (max-width: 767px) {
  .xtra-membership-modal .xtra-tab-outer .plan-data-cover .logo-off {
    right: 20px;
  }
}

.xtra-membership-modal .xtra-tab-outer .plan-data-cover .logo-off img {
  max-width: 100px;
}

.xtra-membership-modal .xtra-tab-outer .plan-data-cover .tab-title-wrapper {
  margin-bottom: 45px;
}

@media (max-width: 1679px) {
  .xtra-membership-modal .xtra-tab-outer .plan-data-cover .tab-title-wrapper {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .xtra-membership-modal .xtra-tab-outer .plan-data-cover .tab-title-wrapper {
    flex-wrap: wrap;
  }
}

.xtra-membership-modal .xtra-tab-outer .plan-data-cover .tab-title-wrapper .icon {
  background-color: #fff1d9;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-right: 25px;
  display: inline-flex;
}

@media (max-width: 767px) {
  .xtra-membership-modal .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt {
    width: 100%;
    padding-top: 10px;
  }
}

.xtra-membership-modal .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt h4 {
  color: #101b25;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .xtra-membership-modal .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt h4 {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .xtra-membership-modal .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt h4 {
    margin-bottom: 8px;
  }
}

.xtra-membership-modal .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt .amt-wrapper {
  display: flex;
}

.xtra-membership-modal .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt .amt-wrapper .amt {
  color: #101b25;
  margin-right: 8px;
  font-size: 32px;
  font-weight: 600;
  line-height: 32px;
}

@media (max-width: 1679px) {
  .xtra-membership-modal .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt .amt-wrapper .amt {
    font-size: 26px;
    line-height: 26px;
  }
}

@media (max-width: 1481px) {
  .xtra-membership-modal .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt .amt-wrapper .amt {
    font-size: 24px;
    line-height: 24px;
  }
}

.xtra-membership-modal .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt .amt-wrapper .amt-label {
  color: #415362;
  margin-top: auto;
  font-size: 14px;
}

@media (max-width: 1679px) {
  .xtra-membership-modal .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt .amt-wrapper .amt-label {
    font-size: 13px;
  }
}

.xtra-membership-modal .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt .save-info-block {
  padding-top: 8px;
}

.xtra-membership-modal .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt .save-info-block .save-info {
  color: #415362;
  background-color: #f3f3f3;
  border-radius: 25px;
  padding: 6px 18px;
  font-size: 14px;
  display: inline-block;
}

@media (max-width: 1679px) {
  .xtra-membership-modal .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt .save-info-block .save-info {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .xtra-membership-modal .xtra-tab-outer .plan-data-cover .list-cover {
    flex-wrap: wrap;
  }
}

.xtra-membership-modal .xtra-tab-outer .plan-data-cover .list-cover .list-col {
  width: 50%;
  padding-right: 15px;
}

@media (max-width: 767px) {
  .xtra-membership-modal .xtra-tab-outer .plan-data-cover .list-cover .list-col {
    width: 100%;
    padding-right: 0;
  }
}

.xtra-membership-modal .xtra-tab-outer .plan-data-cover .list-cover .list-col:last-child {
  padding-left: 15px;
}

@media (max-width: 767px) {
  .xtra-membership-modal .xtra-tab-outer .plan-data-cover .list-cover .list-col:last-child {
    padding-left: 0;
  }
}

.xtra-membership-modal .xtra-tab-outer .plan-data-cover .list-cover .info-li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.xtra-membership-modal .xtra-tab-outer .plan-data-cover .list-cover .info-li li {
  margin-bottom: 25px;
  display: flex;
}

@media (max-width: 1679px) {
  .xtra-membership-modal .xtra-tab-outer .plan-data-cover .list-cover .info-li li {
    margin-bottom: 20px;
  }
}

.xtra-membership-modal .xtra-tab-outer .plan-data-cover .list-cover .info-li li:before {
  content: "";
  background-image: url("/img/plan-list.svg");
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  display: block;
}

@media (max-width: 1679px) {
  .xtra-membership-modal .xtra-tab-outer .plan-data-cover .list-cover .info-li li:before {
    width: 22px;
  }
}

.xtra-membership-modal .xtra-tab-outer .plan-data-cover .list-cover .info-li li h4 {
  color: #415362;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .xtra-membership-modal .xtra-tab-outer .plan-data-cover .list-cover .info-li li h4 {
    font-size: 13px;
  }
}

.xtra-membership-modal .xtra-tab-outer .plan-data-cover .list-cover .info-li li p {
  color: #415362;
  margin: 0;
  font-size: 14px;
}

@media (max-width: 1679px) {
  .xtra-membership-modal .xtra-tab-outer .plan-data-cover .list-cover .info-li li p {
    font-size: 13px;
  }
}

.xtra-membership-modal .xtra-tab-outer .btm-btn-wrapper {
  justify-content: flex-end;
  padding-top: 30px;
  display: flex;
}

@media (max-width: 1679px) {
  .xtra-membership-modal .xtra-tab-outer .btm-btn-wrapper {
    padding-top: 20px;
  }
}

@media (max-width: 479px) {
  .xtra-membership-modal .xtra-tab-outer .btm-btn-wrapper {
    flex-wrap: wrap;
  }
}

.xtra-membership-modal .xtra-tab-outer .btm-btn-wrapper .btn-1 {
  width: 350px;
}

@media (max-width: 1679px) {
  .xtra-membership-modal .xtra-tab-outer .btm-btn-wrapper .btn-1 {
    width: 300px;
  }
}

@media (max-width: 1481px) {
  .xtra-membership-modal .xtra-tab-outer .btm-btn-wrapper .btn-1 {
    width: 260px;
  }
}

@media (max-width: 767px) {
  .xtra-membership-modal .xtra-tab-outer .btm-btn-wrapper .btn-1 {
    width: auto;
    padding: 12px 30px;
  }
}

@media (max-width: 479px) {
  .xtra-membership-modal .xtra-tab-outer .btm-btn-wrapper .btn-1 {
    width: 100%;
  }
}

.xtra-membership-modal .xtra-tab-outer .btm-btn-wrapper .border-btn {
  width: 230px;
  margin-right: 16px;
  box-shadow: 0 2px 4px #2a455d0f;
}

@media (max-width: 1679px) {
  .xtra-membership-modal .xtra-tab-outer .btm-btn-wrapper .border-btn {
    width: 200px;
  }
}

@media (max-width: 1481px) {
  .xtra-membership-modal .xtra-tab-outer .btm-btn-wrapper .border-btn {
    width: 180px;
  }
}

@media (max-width: 767px) {
  .xtra-membership-modal .xtra-tab-outer .btm-btn-wrapper .border-btn {
    width: auto;
  }
}

@media (max-width: 479px) {
  .xtra-membership-modal .xtra-tab-outer .btm-btn-wrapper .border-btn {
    width: 100%;
    margin-bottom: 8px;
    margin-right: 0;
  }
}

.xtra-membership-modal.membr-ship-modal .modal-body {
  padding: 75px 75px 70px;
}

@media (max-width: 1679px) {
  .xtra-membership-modal.membr-ship-modal .modal-body {
    padding: 50px 50px 45px;
  }
}

@media (max-width: 1481px) {
  .xtra-membership-modal.membr-ship-modal .modal-body {
    padding: 35px 40px;
  }
}

@media (max-width: 767px) {
  .xtra-membership-modal.membr-ship-modal .modal-body {
    padding: 35px 30px 48px;
  }
}

@media (max-width: 479px) {
  .xtra-membership-modal.membr-ship-modal .modal-body {
    padding: 30px 20px 40px;
  }
}

@media (min-width: 1350px) {
  .xtra-membership-modal.membr-ship-modal .modal-dialog {
    max-width: 1321px;
  }
}

@media (min-width: 768px) and (max-width: 1349px) {
  .xtra-membership-modal.membr-ship-modal .modal-dialog {
    max-width: 90%;
  }
}

@media (max-width: 767px) {
  .xtra-membership-modal.membr-ship-modal .membership-tab-title {
    margin-bottom: 27px;
  }
}

.xtra-membership-modal.membr-ship-modal .xtra-tab-outer .xtra-tab-inner {
  display: flex;
}

@media (max-width: 767px) {
  .xtra-membership-modal.membr-ship-modal .xtra-tab-outer .xtra-tab-inner {
    border-bottom: 2px solid #f4f4f4;
  }
}

@media (max-width: 579px) {
  .xtra-membership-modal.membr-ship-modal .xtra-tab-outer .xtra-tab-inner {
    flex-wrap: wrap;
  }
}

.xtra-membership-modal.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-data-cover {
  flex-direction: column;
  justify-content: stretch;
  width: calc(33.3333% - 27px);
  margin-right: 27px;
  padding: 0;
  display: flex;
  box-shadow: 0 1.54px 3.08px #0000000a;
}

@media (max-width: 1200px) {
  .xtra-membership-modal.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-data-cover {
    height: auto;
    margin: 0 10px;
  }
}

@media (max-width: 767px) {
  .xtra-membership-modal.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-data-cover {
    width: 100%;
    margin-bottom: 6px;
  }

  .xtra-membership-modal.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-data-cover:first-child {
    margin-left: 0;
  }

  .xtra-membership-modal.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-data-cover:last-child {
    margin-right: 0;
  }
}

.xtra-membership-modal.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-data-cover:last-child {
  width: 33.3333%;
  margin-right: 0;
}

@media (max-width: 767px) {
  .xtra-membership-modal.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-data-cover:last-child {
    width: 100%;
  }
}

.xtra-membership-modal.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-data-cover .tab-title-wrapper {
  margin-bottom: 26px;
  padding: 30px 30px 0;
}

.xtra-membership-modal.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-data-cover .tab-title-wrapper .txt .per-mnth {
  color: #415362;
  letter-spacing: 0%;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.xtra-membership-modal.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-data-cover .list-cover {
  flex: 1;
  padding: 0 30px;
}

.xtra-membership-modal.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-data-cover .list-cover .list-col {
  width: 100%;
  padding: 0;
}

.xtra-membership-modal.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-choose {
  border-top: 1px solid #ecedefe0;
  padding: 22px 30px 28px;
}

.xtra-membership-modal.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-choose .choose-plan {
  color: #101b25;
  background: #f7fafd;
  border: 1px solid #91a3b6;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 2px 4px #2a455d0f;
}

.xtra-membership-modal.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-choose .choose-plan:hover, .xtra-membership-modal.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-choose .choose-plan:active, .xtra-membership-modal.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-choose .choose-plan:focus {
  color: #eef4fa;
  background-color: #4882b8;
}

.xtra-membership-modal.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .slick-track {
  display: flex !important;
}

.xtra-membership-modal.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .slick-dots {
  justify-content: center;
  bottom: -25px;
  display: flex !important;
}

.xtra-membership-modal.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .slick-dots li {
  background: #e5f2ff;
  border-radius: 10px;
  width: 48px;
  height: 3px;
  margin: 0 3.5px;
}

.xtra-membership-modal.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .slick-dots li button {
  display: none;
}

.xtra-membership-modal.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .slick-dots li.slick-active {
  background: #4882b8;
}

@media (max-width: 767px) {
  .xtra-membership-modal.membr-ship-modal .slick-list {
    padding: 0 5% 0 0 !important;
  }

  .membr-ship-modal .membership-tab-title {
    margin-bottom: 27px;
  }
}

.membr-ship-modal .xtra-tab-outer .xtra-tab-inner {
  display: flex;
}

@media (max-width: 767px) {
  .membr-ship-modal .xtra-tab-outer .xtra-tab-inner {
    border-bottom: 2px solid #f4f4f4;
  }
}

@media (max-width: 579px) {
  .membr-ship-modal .xtra-tab-outer .xtra-tab-inner {
    flex-wrap: wrap;
  }
}

.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-data-cover {
  flex-direction: column;
  justify-content: stretch;
  width: calc(33.3333% - 27px);
  margin-right: 27px;
  padding: 0;
  display: flex;
  box-shadow: 0 1.54px 3.08px #0000000a;
}

@media (max-width: 1200px) {
  .membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-data-cover {
    height: auto;
    margin: 0 10px;
  }
}

@media (max-width: 767px) {
  .membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-data-cover {
    width: 100%;
    margin-bottom: 6px;
  }

  .membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-data-cover:first-child {
    margin-left: 0;
  }

  .membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-data-cover:last-child {
    margin-right: 0;
  }
}

.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-data-cover:last-child {
  width: 33.3333%;
  margin-right: 0;
}

@media (max-width: 767px) {
  .membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-data-cover:last-child {
    width: 100%;
  }
}

.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-data-cover .tab-title-wrapper {
  margin-bottom: 26px;
  padding: 30px 30px 0;
}

.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-data-cover .tab-title-wrapper .txt .per-mnth {
  color: #415362;
  letter-spacing: 0%;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-data-cover .list-cover {
  flex: 1;
  padding: 0 30px;
}

.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-data-cover .list-cover .list-col {
  width: 100%;
  padding: 0;
}

.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-choose {
  border-top: 1px solid #ecedefe0;
  padding: 22px 30px 28px;
}

.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-choose .choose-plan {
  color: #101b25;
  background: #f7fafd;
  border: 1px solid #91a3b6;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 2px 4px #2a455d0f;
}

.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-choose .choose-plan:hover, .membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-choose .choose-plan:active, .membr-ship-modal .xtra-tab-outer .xtra-tab-inner .plan-choose .choose-plan:focus {
  color: #eef4fa;
  background-color: #4882b8;
}

.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .slick-track {
  display: flex !important;
}

.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .slick-dots {
  justify-content: center;
  bottom: -25px;
  display: flex !important;
}

.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .slick-dots li {
  background: #e5f2ff;
  border-radius: 10px;
  width: 48px;
  height: 3px;
  margin: 0 3.5px;
}

.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .slick-dots li button {
  display: none;
}

.membr-ship-modal .xtra-tab-outer .xtra-tab-inner .slick-dots li.slick-active {
  background: #4882b8;
}

@media (max-width: 767px) {
  .membr-ship-modal .slick-list {
    padding: 0 5% 0 0 !important;
  }
}

@media (min-width: 1200px) {
  .power-move-modal .modal-dialog {
    max-width: 1150px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .power-move-modal .modal-dialog {
    max-width: 90%;
  }
}

.power-move-modal .modal-body {
  padding: 75px 75px 40px;
}

@media (max-width: 1679px) {
  .power-move-modal .modal-body {
    padding: 50px 50px 30px;
  }
}

@media (max-width: 1481px) {
  .power-move-modal .modal-body {
    padding: 35px 40px 20px;
  }
}

@media (max-width: 767px) {
  .power-move-modal .modal-body {
    padding: 45px 30px 20px;
  }
}

@media (max-width: 479px) {
  .power-move-modal .modal-body {
    padding: 45px 20px 15px;
  }
}

.power-move-modal .power-move-title {
  margin-bottom: 50px;
}

@media (max-width: 1679px) {
  .power-move-modal .power-move-title {
    margin-bottom: 30px;
  }
}

@media (max-width: 1481px) {
  .power-move-modal .power-move-title {
    margin-bottom: 20px;
  }
}

.power-move-modal .power-move-title h2 {
  color: #101b25;
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .power-move-modal .power-move-title h2 {
    font-size: 18px;
  }
}

@media (max-width: 579px) {
  .power-move-modal .power-move-title h2 {
    font-size: 20px;
  }
}

.power-move-modal .power-move-title p {
  color: #101b25;
  margin: 0;
  font-size: 14px;
}

@media (max-width: 1679px) {
  .power-move-modal .power-move-title p {
    font-size: 13px;
  }
}

.power-move-modal .payment-options-cover .block-title {
  color: #101b25;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .power-move-modal .payment-options-cover .block-title {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .power-move-modal .payment-options-cover .payment-options-wrapper .payment-col-left {
    margin-bottom: 15px;
  }
}

.power-move-modal .payment-options-cover .payment-options-wrapper .payment-col-cover {
  border: 1px solid #dfe1e3;
  border-radius: 16px;
  padding: 15px 20px;
}

@media (max-width: 479px) {
  .power-move-modal .payment-options-cover .payment-options-wrapper .payment-col-cover {
    border: none;
    border-radius: 0;
    padding: 0;
  }
}

.power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover {
  border: 1px solid #dfe1e3;
  border-radius: 16px;
  padding: 25px;
}

@media (max-width: 479px) {
  .power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover {
    padding: 20px;
  }
}

.power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover .membership-title-sm {
  color: #415362;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover .membership-title-sm {
    font-size: 14px;
  }
}

.power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover .amt-wrapper {
  margin-bottom: 20px;
  display: flex;
}

.power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover .amt-wrapper .amt {
  color: #101b25;
  margin-right: 8px;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover .amt-wrapper .amt {
    font-size: 21px;
    line-height: 21px;
  }
}

@media (max-width: 1481px) {
  .power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover .amt-wrapper .amt {
    font-size: 19px;
    line-height: 19px;
  }
}

.power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover .amt-wrapper .amt-label {
  color: #415362;
  margin-top: auto;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover .amt-wrapper .amt-label {
    font-size: 14px;
  }
}

.power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover .membership-amt-wrapper {
  border-bottom: 1px solid #dfe1e3;
  padding-bottom: 15px;
}

.power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover .membership-amt-wrapper .label-block {
  max-width: 350px;
  padding-right: 15px;
}

.power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover .membership-amt-wrapper .label-block h6 {
  color: #101b25;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover .membership-amt-wrapper .label-block h6 {
    font-size: 14px;
  }
}

.power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover .membership-amt-wrapper .label-block p {
  color: #415362;
  margin: 0;
  font-size: 14px;
}

@media (max-width: 1679px) {
  .power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover .membership-amt-wrapper .label-block p {
    font-size: 12px;
  }
}

.power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover .membership-amt-wrapper .amnt-block {
  color: #101b25;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover .membership-amt-wrapper .amnt-block {
    font-size: 14px;
  }
}

.power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover .sub-total-wrapper {
  border-bottom: 1px solid #dfe1e3;
  align-items: center;
  padding: 15px 0;
}

.power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover .sub-total-wrapper .label-block {
  color: #415362;
  padding-right: 15px;
  font-size: 14px;
}

.power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover .sub-total-wrapper .amnt-block {
  color: #101b25;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 500;
}

.power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover .total-wrapper {
  color: #101b25;
  align-items: center;
  padding-top: 15px;
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover .total-wrapper {
    font-size: 16px;
  }
}

.power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover .total-wrapper .label-block {
  padding-right: 15px;
}

.power-move-modal .payment-options-cover .payment-options-wrapper .membership-det-cover .total-wrapper .amnt-block {
  flex-shrink: 0;
}

.power-move-modal .btn-wrapper {
  padding-top: 40px;
}

@media (max-width: 1679px) {
  .power-move-modal .btn-wrapper {
    padding-top: 25px;
  }
}

@media (max-width: 1481px) {
  .power-move-modal .btn-wrapper {
    padding-top: 20px;
  }
}

@media (max-width: 767px) {
  .power-move-modal .btn-wrapper {
    justify-content: space-between !important;
  }
}

@media (max-width: 479px) {
  .power-move-modal .btn-wrapper {
    flex-direction: column;
  }
}

.power-move-modal .btn-wrapper .btn-1 {
  width: 250px;
}

@media (max-width: 1679px) {
  .power-move-modal .btn-wrapper .btn-1 {
    width: 220px;
  }
}

@media (max-width: 1481px) {
  .power-move-modal .btn-wrapper .btn-1 {
    width: 200px;
  }
}

@media (max-width: 767px) {
  .power-move-modal .btn-wrapper .btn-1 {
    width: calc(50% - 6px);
  }
}

@media (max-width: 479px) {
  .power-move-modal .btn-wrapper .btn-1 {
    width: 100%;
  }
}

.power-move-modal .btn-wrapper .border-btn {
  margin-right: 15px;
  box-shadow: 0 2px 4px #2a455d0f;
}

@media (max-width: 479px) {
  .power-move-modal .btn-wrapper .border-btn {
    margin-bottom: 15px;
  }
}

@media (min-width: 991px) {
  .membership-summary-modal .modal-dialog {
    max-width: 620px;
  }
}

.membership-summary-modal .modal-body {
  padding: 45px 50px;
}

@media (max-width: 991px) {
  .membership-summary-modal .modal-body {
    padding: 45px 30px 30px;
  }
}

@media (max-width: 479px) {
  .membership-summary-modal .modal-body {
    padding: 45px 20px 20px;
  }
}

.membership-summary-modal .modal-sec-title {
  margin-bottom: 25px;
}

@media (max-width: 1679px) {
  .membership-summary-modal .modal-sec-title {
    margin-bottom: 20px;
  }
}

.membership-summary-modal .modal-sec-title h2 {
  color: #101b25;
  margin-bottom: 4px;
  font-size: 24px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .membership-summary-modal .modal-sec-title h2 {
    font-size: 21px;
  }
}

@media (max-width: 1481px) {
  .membership-summary-modal .modal-sec-title h2 {
    font-size: 19px;
  }
}

@media (max-width: 579px) {
  .membership-summary-modal .modal-sec-title h2 {
    font-size: 22px;
  }
}

.membership-summary-modal .modal-sec-title p {
  color: #101b25;
  margin: 0;
}

@media (max-width: 1679px) {
  .membership-summary-modal .modal-sec-title p {
    font-size: 14px;
  }
}

.membership-summary-modal .summary-title-mob {
  color: #101b25;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
}

@media (min-width: 580px) {
  .membership-summary-modal .summary-title-mob {
    display: none;
  }
}

@media (max-width: 579px) {
  .membership-summary-modal {
    display: none;
  }
}

.membership-summary-modal .summary-det-outer {
  border: 1px solid #ecedef;
  border-radius: 20px;
  padding: 25px;
  box-shadow: 0 2px 4px #0000000a;
}

@media (max-width: 479px) {
  .membership-summary-modal .summary-det-outer {
    padding: 20px;
  }
}

.membership-summary-modal .summary-det-outer h2 {
  color: #101b25;
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .membership-summary-modal .summary-det-outer h2 {
    margin-bottom: 20px;
    font-size: 21px;
  }
}

@media (max-width: 1481px) {
  .membership-summary-modal .summary-det-outer h2 {
    font-size: 19px;
  }
}

@media (max-width: 579px) {
  .membership-summary-modal .summary-det-outer h2 {
    font-size: 18px;
  }

  .membership-summary-modal .summary-det-outer .summary-title-web {
    display: none;
  }
}

.membership-summary-modal .summary-det-outer .membership-det-cover .sec-block-top {
  margin-bottom: 25px;
}

@media (max-width: 1679px) {
  .membership-summary-modal .summary-det-outer .membership-det-cover .sec-block-top {
    margin-bottom: 20px;
  }
}

.membership-summary-modal .summary-det-outer .membership-det-cover .membership-title-sm {
  color: #415362;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .membership-summary-modal .summary-det-outer .membership-det-cover .membership-title-sm {
    font-size: 14px;
  }
}

.membership-summary-modal .summary-det-outer .membership-det-cover .amt-wrapper {
  margin-bottom: 5px;
  display: flex;
}

.membership-summary-modal .summary-det-outer .membership-det-cover .amt-wrapper .amt {
  color: #101b25;
  margin-right: 8px;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .membership-summary-modal .summary-det-outer .membership-det-cover .amt-wrapper .amt {
    font-size: 21px;
    line-height: 21px;
  }
}

@media (max-width: 1481px) {
  .membership-summary-modal .summary-det-outer .membership-det-cover .amt-wrapper .amt {
    font-size: 19px;
    line-height: 19px;
  }
}

.membership-summary-modal .summary-det-outer .membership-det-cover .amt-wrapper .amt-label {
  color: #415362;
  margin-top: auto;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .membership-summary-modal .summary-det-outer .membership-det-cover .amt-wrapper .amt-label {
    font-size: 14px;
  }
}

.membership-summary-modal .summary-det-outer .membership-det-cover .renew-date {
  color: #ef4444;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .membership-summary-modal .summary-det-outer .membership-det-cover .renew-date {
    font-size: 13px;
  }
}

.membership-summary-modal .summary-det-outer .membership-det-cover .membership-amt-wrapper {
  padding-bottom: 15px;
}

.membership-summary-modal .summary-det-outer .membership-det-cover .membership-amt-wrapper .label-block {
  max-width: 350px;
  padding-right: 15px;
}

.membership-summary-modal .summary-det-outer .membership-det-cover .membership-amt-wrapper .label-block h6 {
  color: #101b25;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .membership-summary-modal .summary-det-outer .membership-det-cover .membership-amt-wrapper .label-block h6 {
    font-size: 14px;
  }
}

.membership-summary-modal .summary-det-outer .membership-det-cover .membership-amt-wrapper .label-block p {
  color: #415362;
  margin: 0;
  font-size: 14px;
}

@media (max-width: 1679px) {
  .membership-summary-modal .summary-det-outer .membership-det-cover .membership-amt-wrapper .label-block p {
    font-size: 12px;
  }
}

.membership-summary-modal .summary-det-outer .membership-det-cover .membership-amt-wrapper .amnt-block {
  color: #101b25;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .membership-summary-modal .summary-det-outer .membership-det-cover .membership-amt-wrapper .amnt-block {
    font-size: 14px;
  }
}

.membership-summary-modal .summary-det-outer .membership-det-cover .sub-total-wrapper {
  align-items: center;
  margin-bottom: 15px;
}

.membership-summary-modal .summary-det-outer .membership-det-cover .sub-total-wrapper .label-block {
  color: #415362;
  padding-right: 15px;
  font-size: 14px;
}

.membership-summary-modal .summary-det-outer .membership-det-cover .sub-total-wrapper .amnt-block {
  color: #101b25;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 500;
}

.membership-summary-modal .summary-det-outer .membership-det-cover .total-wrapper {
  color: #101b25;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .membership-summary-modal .summary-det-outer .membership-det-cover .total-wrapper {
    font-size: 16px;
  }
}

.membership-summary-modal .summary-det-outer .membership-det-cover .total-wrapper .label-block {
  padding-right: 15px;
}

.membership-summary-modal .summary-det-outer .membership-det-cover .total-wrapper .amnt-block {
  flex-shrink: 0;
}

.membership-summary-modal .summary-det-outer .membership-det-cover .payment-summary-block {
  border-top: 1px solid #ecedef;
  margin-top: 30px;
  padding-top: 30px;
}

@media (max-width: 1679px) {
  .membership-summary-modal .summary-det-outer .membership-det-cover .payment-summary-block {
    margin-top: 20px;
    padding-top: 20px;
  }
}

.membership-summary-modal .summary-det-outer .membership-det-cover .payment-summary-block h4 {
  color: #101b25;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .membership-summary-modal .summary-det-outer .membership-det-cover .payment-summary-block h4 {
    font-size: 14px;
  }
}

.membership-summary-modal .summary-det-outer .membership-det-cover .payment-summary-block .data-wrapper {
  margin-bottom: 12px;
  font-size: 16px;
}

@media (max-width: 1679px) {
  .membership-summary-modal .summary-det-outer .membership-det-cover .payment-summary-block .data-wrapper {
    font-size: 14px;
  }
}

.membership-summary-modal .summary-det-outer .membership-det-cover .payment-summary-block .data-wrapper .label-block {
  color: #415362;
  padding-right: 15px;
}

.membership-summary-modal .summary-det-outer .membership-det-cover .payment-summary-block .data-wrapper .val-block {
  text-align: right;
  color: #101b25;
  word-break: break-all;
  flex-shrink: 0;
  font-weight: 500;
}

@media (max-width: 400px) {
  .membership-summary-modal .summary-det-outer .membership-det-cover .payment-summary-block .data-wrapper .val-block {
    max-width: 70%;
  }
}

.membership-summary-modal .summary-det-outer .membership-det-cover .btn-wrapper {
  padding-top: 15px;
}

@media (max-width: 479px) {
  .membership-summary-modal .summary-det-outer .membership-det-cover .btn-wrapper {
    flex-direction: column;
  }
}

.membership-summary-modal .summary-det-outer .membership-det-cover .btn-wrapper .btn-1 {
  width: calc(50% - 8px);
}

@media (max-width: 479px) {
  .membership-summary-modal .summary-det-outer .membership-det-cover .btn-wrapper .btn-1 {
    width: 100%;
  }
}

.membership-summary-modal .summary-det-outer .membership-det-cover .btn-wrapper .border-btn {
  box-shadow: 0 2px 4px #2a455d0f;
}

@media (max-width: 479px) {
  .membership-summary-modal .summary-det-outer .membership-det-cover .btn-wrapper .border-btn {
    margin-bottom: 15px;
  }

  .success-modal-w .modal-body {
    padding: 40px 20px;
  }
}

@media (min-width: 580px) {
  .success-modal-w .modal-dialog {
    max-width: 480px;
  }
}

.success-modal-w .btn-block .modal-btn-1 {
  max-width: 280px;
}

.membership-cancel-modal .modal-body {
  padding: 30px;
}

@media (max-width: 479px) {
  .membership-cancel-modal .modal-body {
    padding: 40px 30px 30px;
  }
}

@media (max-width: 350px) {
  .membership-cancel-modal .modal-body {
    padding: 40px 20px 30px;
  }
}

@media (max-width: 380px) {
  .membership-cancel-modal.membership-cancel-3 .modal-body {
    padding: 40px 15px 30px;
  }
}

.membership-cancel-modal .modal-sec-title {
  margin-bottom: 20px;
}

.membership-cancel-modal .modal-sec-title h2 {
  color: #101b25;
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .membership-cancel-modal .modal-sec-title h2 {
    font-size: 18px;
  }
}

@media (max-width: 579px) {
  .membership-cancel-modal .modal-sec-title h2 {
    font-size: 20px;
  }
}

.membership-cancel-modal .modal-sec-title p {
  color: #101b25;
  margin: 0;
}

@media (max-width: 1679px) {
  .membership-cancel-modal .modal-sec-title p {
    font-size: 14px;
  }
}

.membership-cancel-modal .amnt-card {
  border: 1px solid #dfe1e3;
  border-radius: 8px;
  margin-bottom: 25px;
  padding: 15px;
}

.membership-cancel-modal .amnt-card .amt-wrapper {
  margin-bottom: 8px;
  display: flex;
}

.membership-cancel-modal .amnt-card .amt-wrapper .amt {
  color: #101b25;
  margin-right: 8px;
  font-size: 21px;
  font-weight: 700;
  line-height: 21px;
}

@media (max-width: 1679px) {
  .membership-cancel-modal .amnt-card .amt-wrapper .amt {
    font-size: 19px;
    line-height: 19px;
  }
}

.membership-cancel-modal .amnt-card .amt-wrapper .amt-label {
  color: #101b25;
  margin-top: auto;
  font-size: 18px;
}

@media (max-width: 1679px) {
  .membership-cancel-modal .amnt-card .amt-wrapper .amt-label {
    font-size: 16px;
  }
}

.membership-cancel-modal .amnt-card p {
  color: #101b25;
  max-width: 350px;
  margin-bottom: 0;
  font-size: 14px;
}

.membership-cancel-modal .btn-wrapper .btn-1 {
  width: calc(50% - 8px);
}

.membership-cancel-modal .btn-wrapper .border-btn {
  box-shadow: 0 2px 4px #2a455d0f;
}

.membership-cancel-modal .btn-wrapper .btn-red {
  background-color: #ef4444;
}

@media (max-width: 350px) {
  .membership-cancel-modal .btn-wrapper.btn-wrapper-lg {
    flex-direction: column;
  }
}

@media (max-width: 479px) {
  .membership-cancel-modal .btn-wrapper.btn-wrapper-lg .btn-1 {
    flex-grow: 1;
    width: auto;
  }
}

@media (max-width: 350px) {
  .membership-cancel-modal .btn-wrapper.btn-wrapper-lg .btn-1 {
    width: 100%;
  }
}

@media (max-width: 479px) {
  .membership-cancel-modal .btn-wrapper.btn-wrapper-lg .border-btn {
    min-width: 120px;
    margin-right: 15px;
  }
}

@media (max-width: 350px) {
  .membership-cancel-modal .btn-wrapper.btn-wrapper-lg .border-btn {
    margin-bottom: 12px;
    margin-right: 0;
  }
}

.membership-cancel-modal .input-cover .checkbox-card {
  border: 1px solid #dfe1e3;
  border-radius: 8px;
  justify-content: space-between;
  margin-bottom: 8px;
  padding: 12px 15px;
  display: flex;
}

.membership-cancel-modal .input-cover .checkbox-card .form-check-input {
  width: 18px;
  height: 18px;
  box-shadow: none;
  float: unset;
  border: 1px solid #dfe1e3;
  outline: 0;
  margin: 0;
  padding: 0;
  position: static;
}

.membership-cancel-modal .input-cover .checkbox-card .form-check-input:checked {
  background: #dce9f5 url("/img/tick-cancel.svg") center / 11px 8px no-repeat;
  border: 1px solid #5090cc;
}

.membership-cancel-modal .input-cover .checkbox-card .form-check-label {
  color: #415362;
  flex-shrink: 0;
  margin: 0;
  padding: 0 15px 0 0;
  font-size: 14px;
  font-weight: 400;
}

.membership-cancel-modal .input-cover .checkbox-card + .form-check {
  padding-top: 15px;
}

.membership-cancel-modal .input-cover .check-area-card {
  border: 1px solid #dfe1e3;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 25px;
  padding: 12px 15px;
}

.membership-cancel-modal .input-cover .check-area-card .check-area {
  color: #415362;
  resize: none;
  border: none;
  width: 100%;
  height: 80px;
  font-size: 16px;
}

@media (max-width: 1679px) {
  .membership-cancel-modal .input-cover .check-area-card .check-area {
    font-size: 14px;
  }
}

.membership-cancel-modal .input-cover .check-area-card .check-area::placeholder {
  color: #7b8d9f;
}

.membership-cancel-modal .input-cover .check-area-card .max-length {
  text-align: right;
  color: #7b8d9f;
  margin: 0;
  font-size: 12px;
}

.membership-cancel-modal .cancel-item-cover {
  border: 1px solid #dfe1e3;
  border-radius: 8px;
  margin-bottom: 25px;
  padding: 15px;
}

.membership-cancel-modal .cancel-item-cover .li-title {
  color: #101b25;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .membership-cancel-modal .cancel-item-cover .li-title {
    font-size: 14px;
  }
}

.membership-cancel-modal .cancel-item-cover .info-li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.membership-cancel-modal .cancel-item-cover .info-li li {
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}

.membership-cancel-modal .cancel-item-cover .info-li li:last-child {
  margin-bottom: 0;
}

@media (max-width: 1679px) {
  .membership-cancel-modal .cancel-item-cover .info-li li {
    margin-bottom: 20px;
  }
}

.membership-cancel-modal .cancel-item-cover .info-li li:before {
  content: "";
  background-image: url("/img/close-red-sm.svg");
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  display: block;
}

.membership-cancel-modal .cancel-item-cover .info-li li h4 {
  color: #415362;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 700;
}

@media (max-width: 1679px) {
  .membership-cancel-modal .cancel-item-cover .info-li li h4 {
    font-size: 13px;
  }
}

.membership-cancel-modal .cancel-item-cover .info-li li p {
  color: #415362;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .membership-cancel-modal .cancel-item-cover .info-li li p {
    font-size: 13px;
  }
}

@media (min-width: 460px) {
  .membership-cancellation-success-modal .modal-dialog {
    max-width: 430px;
  }
}

.membership-cancellation-success-modal .btn-block .modal-btn-1 {
  width: auto;
  padding: 12px 20px;
  font-size: 14px;
}

.membership-cancellation-success-modal .modal-icon img {
  width: 50px;
}

@media (max-width: 460px) {
  .membership-cancellation-success-modal .info-modal p br {
    display: none;
  }
}

.plan-icon {
  background: #fcf1f0;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 77px;
  height: 77px;
  margin-right: 25px;
  display: flex;
}

@media (max-width: 1679px) {
  .plan-icon {
    width: 68px;
    height: 68px;
  }
}

@media (max-width: 1481px) {
  .plan-icon {
    width: 64px;
    height: 64px;
  }
}

@media (max-width: 579px) {
  .plan-icon {
    margin-right: 8px;
  }
}

.profile-tier-icon-modal .title-wrapper {
  margin-bottom: 20px;
}

@media (max-width: 1679px) {
  .profile-tier-icon-modal .title-wrapper {
    margin-bottom: 15px;
  }
}

.profile-tier-icon-modal .title-wrapper h4 {
  color: #101b25;
  padding-right: 15px;
  font-size: 24px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .profile-tier-icon-modal .title-wrapper h4 {
    font-size: 22px;
  }
}

@media (max-width: 1481px) {
  .profile-tier-icon-modal .title-wrapper h4 {
    font-size: 20px;
  }
}

.profile-tier-icon-modal .modal-body {
  padding: 35px 35px 40px;
}

.profile-tier-icon-modal .icon-input-cover {
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.profile-tier-icon-modal .icon-input-cover .image-button {
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 134px;
  height: 134px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .profile-tier-icon-modal .icon-input-cover .image-button {
    width: 120px;
    height: 120px;
  }
}

.profile-tier-icon-modal .icon-input-cover .image-button:before {
  content: "";
  background-color: #0000;
  border: 6px solid #fff6;
  border-radius: 50%;
  position: absolute;
  inset: 0;
}

.profile-tier-icon-modal .icon-input-cover .image-button .inp-file {
  visibility: hidden;
  width: 0;
  height: 0;
  position: absolute;
}

.profile-tier-icon-modal .icon-input-cover .image-button .user-img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.profile-tier-icon-modal .icon-input-cover .image-button.crown-mask-container {
  border-radius: 0;
  width: auto;
  height: auto;
  overflow: visible;
}

.profile-tier-icon-modal .icon-input-cover .image-button.crown-mask-container:before {
  display: none;
}

.profile-tier-icon-modal .icon-input-cover .image-button .crown-image-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.profile-tier-icon-modal .icon-input-cover .image-button .crown-image-wrapper .crown-masked-svg {
  width: 153px;
  height: 112px;
  display: block;
}

@media (max-width: 1679px) {
  .profile-tier-icon-modal .icon-input-cover .image-button .crown-image-wrapper .crown-masked-svg {
    width: 140px;
    height: 102px;
  }
}

@media (max-width: 579px) {
  .profile-tier-icon-modal .icon-input-cover .image-button .crown-image-wrapper .crown-masked-svg {
    width: 130px;
    height: 95px;
  }
}

.profile-tier-icon-modal .icon-input-cover .zoom-slider-container.modal-zoom-slider {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 280px;
  margin-top: 20px;
  margin-bottom: 15px;
  display: flex;
}

.profile-tier-icon-modal .icon-input-cover .zoom-slider-container.modal-zoom-slider .zoom-slider {
  appearance: none;
  cursor: pointer;
  vertical-align: middle;
  background: #e5e7eb;
  border-radius: 3px;
  outline: none;
  width: 100%;
  height: 6px;
  margin: 0;
  padding: 0;
}

.profile-tier-icon-modal .icon-input-cover .zoom-slider-container.modal-zoom-slider .zoom-slider::-webkit-slider-thumb {
  appearance: none;
  cursor: pointer;
  background: #5090cc;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin-top: -6px;
  box-shadow: 0 2px 6px #00000026;
}

.profile-tier-icon-modal .icon-input-cover .zoom-slider-container.modal-zoom-slider .zoom-slider::-moz-range-thumb {
  cursor: pointer;
  background: #5090cc;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  box-shadow: 0 2px 6px #00000026;
}

.profile-tier-icon-modal .icon-input-cover .zoom-slider-container.modal-zoom-slider .zoom-slider::-webkit-slider-runnable-track {
  background: #e5e7eb;
  border-radius: 3px;
  height: 6px;
}

.profile-tier-icon-modal .icon-input-cover .zoom-slider-container.modal-zoom-slider .zoom-slider::-moz-range-track {
  background: #e5e7eb;
  border-radius: 3px;
  height: 6px;
}

.profile-tier-icon-modal .icon-input-cover p {
  color: #415362;
  text-align: center;
  max-width: 280px;
  margin-bottom: 0;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .profile-tier-icon-modal .icon-input-cover p {
    max-width: 250px;
    font-size: 14px;
  }
}

.profile-tier-icon-modal .btn-block {
  border-top: 2px solid #763f3f0a;
  justify-content: flex-end;
  padding-top: 20px;
}

.profile-tier-icon-modal .btn-block .btn {
  width: 125px;
}

.profile-tier-icon-modal .btn-block .modal-btn-border {
  margin-right: 8px;
}

.profile-tier-icon-modal .btn-block .btn-disable {
  cursor: not-allowed;
  opacity: .6;
}

.sub-cm-modal .custom-modal-dialog {
  width: 775px;
  max-width: 100%;
  padding: 0;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .sub-cm-modal .custom-modal-dialog {
    width: 600px;
  }
}

@media (max-width: 767px) {
  .sub-cm-modal .custom-modal-dialog {
    width: 95%;
  }
}

.sub-cm-modal .custom-modal-dialog .custom-modal-content {
  background: none;
  border: 0;
  padding: 0;
}

.sub-cm-modal .custom-modal-dialog .custom-modal-content .custom-modal-body {
  background: #fff;
  border-radius: 17px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.sub-confirm-modal-wrap {
  scrollbar-width: thin;
  scrollbar-color: #5090cc #fff;
  background: #fff;
  border-radius: 17px;
  padding: 55px 35px 20px;
  position: relative;
}

@media (max-width: 1679px) {
  .sub-confirm-modal-wrap {
    padding: 35px 20px 15px;
  }
}

@media (max-width: 579px) {
  .sub-confirm-modal-wrap {
    padding: 35px 15px 15px;
  }
}

.sub-confirm-modal-wrap .cm-close {
  width: 20px;
  position: absolute;
  top: 25px;
  right: 25px;
}

@media (max-width: 1679px) {
  .sub-confirm-modal-wrap .cm-close {
    top: 10px;
    right: 10px;
  }
}

.sub-confirm-modal-wrap .cm-headwrap {
  padding: 0 0 27px;
}

@media (max-width: 1679px) {
  .sub-confirm-modal-wrap .cm-headwrap {
    padding: 0 0 20px;
  }
}

.sub-confirm-modal-wrap .cm-headwrap .cm-title {
  color: #101b25;
  margin: 0;
  padding: 0 0 13px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .sub-confirm-modal-wrap .cm-headwrap .cm-title {
    padding-bottom: 9px;
  }
}

.sub-confirm-modal-wrap .cm-headwrap .cm-para {
  color: #415362;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

.sub-confirm-modal-wrap .cm-headwrap .cm-para .bold {
  color: inherit;
  font-weight: 600;
  font-size: inherit;
}

.sub-confirm-modal-wrap .cm-save-wrap {
  margin: 0 -12px 20px;
  display: flex;
}

@media (max-width: 1679px) {
  .sub-confirm-modal-wrap .cm-save-wrap {
    margin: 0 -9px 15px;
  }
}

.sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap {
  flex: none;
  width: 33.3333%;
  padding: 0 12px;
}

@media (max-width: 1679px) {
  .sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap {
    padding: 0 9px;
  }
}

.sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap .cm-col-content-wrap {
  border: 1px solid #ecedef;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  padding: 22px 10px 15px;
  display: flex;
}

@media (max-width: 1679px) {
  .sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap .cm-col-content-wrap {
    padding: 10px;
  }
}

.sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap .cm-img-wrap img {
  height: 42px;
}

.sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap .cm-content-wrap {
  text-align: center;
  padding-top: 10px;
}

.sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap .cm-content-wrap .name {
  color: #101b25;
  margin: 0;
  padding: 0 0 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap .cm-content-wrap .name {
    font-size: 12px;
  }
}

.sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap .cm-content-wrap .name.name-good {
  font-weight: 400;
}

.sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap .cm-content-wrap .name.name-better {
  font-weight: 700;
}

.sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap .cm-content-wrap .name.name-best {
  font-size: 16px;
  font-weight: 800;
}

@media (max-width: 1679px) {
  .sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap .cm-content-wrap .name.name-best {
    font-size: 14px;
  }
}

.sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap .cm-content-wrap .num {
  color: #101b25;
  margin: 0;
  padding: 0 0 5px;
  font-size: 31px;
  font-weight: 600;
  line-height: 1;
}

@media (max-width: 1679px) {
  .sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap .cm-content-wrap .num {
    font-size: 17px;
  }
}

.sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap .cm-content-wrap .num.num-good {
  font-weight: 400;
}

.sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap .cm-content-wrap .num.num-better {
  font-weight: 600;
}

.sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap .cm-content-wrap .num.num-best {
  font-size: 33px;
  font-weight: 800;
}

@media (max-width: 1679px) {
  .sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap .cm-content-wrap .num.num-best {
    font-size: 19px;
  }
}

.sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap .cm-content-wrap .month {
  color: #415362;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}

@media (max-width: 1679px) {
  .sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap .cm-content-wrap .month {
    font-size: 11px;
  }
}

.sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap .cm-btn-wrap {
  align-items: flex-start;
  width: 100%;
  min-height: 74px;
  padding-top: 30px;
  display: flex;
}

@media (max-width: 1679px) {
  .sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap .cm-btn-wrap {
    min-height: 45px;
    padding-top: 15px;
  }
}

.sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap .cm-btn-wrap .btn {
  width: 100%;
  height: 44px;
  box-shadow: none;
  cursor: pointer;
  color: #4882b8;
  filter: drop-shadow(0 12px 10px #3c415008);
  visibility: visible;
  background: #c7e4ff;
  border: 0;
  border-radius: 30px;
  margin: 0;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  display: block;
}

@media (max-width: 1679px) {
  .sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap .cm-btn-wrap .btn {
    height: 30px;
    padding: 2px 3px;
    font-size: 12px;
  }
}

@media (max-width: 579px) {
  .sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap .cm-btn-wrap .btn {
    height: 15px;
    font-size: 7px;
  }
}

.sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap .cm-btn-wrap .btn:empty {
  visibility: hidden;
}

.sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap.cm-col-best .cm-img-wrap {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 46px;
  min-width: 46px;
  max-width: 46px;
  height: 38px;
  min-height: 38px;
  max-height: 38px;
  display: flex;
}

.sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap.cm-col-best .cm-img-wrap img {
  object-fit: contain;
  object-position: center;
  min-width: 46px;
  max-width: 46px;
  min-height: 38px;
  max-height: 38px;
  animation: .3s ease-out cm-crown-img-fade-in;
  width: 46px !important;
  height: 38px !important;
}

@media (max-width: 1679px) {
  .sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap.cm-col-best .cm-img-wrap img {
    max-width: 46px;
    max-height: 38px;
    width: 46px !important;
    height: 38px !important;
  }
}

@keyframes cm-crown-img-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap.selected .cm-col-content-wrap {
  border: 2px solid #4882b8;
  box-shadow: 0 4px 12px #4882b826;
}

.sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap.cm-col-disabled .cm-col-content-wrap {
  opacity: .6;
  filter: grayscale(.5);
  background: #f5f6f8;
  border-color: #d8dce0;
}

.sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap.cm-col-disabled .cm-col-content-wrap .name, .sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap.cm-col-disabled .cm-col-content-wrap .num, .sub-confirm-modal-wrap .cm-save-wrap .cm-col-wrap.cm-col-disabled .cm-col-content-wrap .month {
  color: #8a9299;
}

.sub-confirm-modal-wrap .cm-month-year-outer-wrap {
  filter: drop-shadow(0 2px 4px #0000000a);
  border: 1px solid #ecedef;
  border-radius: 15px;
  margin: 0 0 25px;
  padding: 15px 0 0;
}

@media (max-width: 1679px) {
  .sub-confirm-modal-wrap .cm-month-year-outer-wrap {
    margin-bottom: 15px;
  }
}

.sub-confirm-modal-wrap .cm-month-year-outer-wrap .cm-btn-cover-wrap {
  justify-content: center;
  padding: 0 10px 10px;
  display: flex;
}

.sub-confirm-modal-wrap .cm-month-year-outer-wrap .cm-btn-cover-wrap .cm-btn-wrap {
  background: #ecedef;
  border-radius: 30px;
  align-items: center;
  height: 38px;
  padding: 0 3px;
  display: flex;
}

.sub-confirm-modal-wrap .cm-month-year-outer-wrap .cm-btn-cover-wrap .cm-btn {
  box-shadow: none;
  cursor: pointer;
  color: #415362;
  background: none;
  border: 0;
  border-radius: 30px;
  height: 32px;
  padding: 3px 15px;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .sub-confirm-modal-wrap .cm-month-year-outer-wrap .cm-btn-cover-wrap .cm-btn {
    font-size: 13px;
  }
}

.sub-confirm-modal-wrap .cm-month-year-outer-wrap .cm-btn-cover-wrap .cm-btn.active {
  color: #13171a;
  background: #fff;
}

.sub-confirm-modal-wrap .cm-month-year-outer-wrap .cm-btn-cover-wrap .cm-btn:nth-child(2) {
  margin: 0 0 0 9px;
}

.sub-confirm-modal-wrap .cm-month-year-outer-wrap .cm-content-wrap .table {
  background: #fff;
  border-radius: 0 0 15px 15px;
  width: 100%;
  margin: 0;
  padding: 0;
}

.sub-confirm-modal-wrap .cm-month-year-outer-wrap .cm-content-wrap .table tr td {
  border-bottom: 1px solid #ecedef;
  margin: 0;
  padding: 10px 20px;
}

@media (max-width: 1679px) {
  .sub-confirm-modal-wrap .cm-month-year-outer-wrap .cm-content-wrap .table tr td {
    padding: 9px 15px;
  }
}

.sub-confirm-modal-wrap .cm-month-year-outer-wrap .cm-content-wrap .table tr td span {
  color: #415362;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  display: inline-block;
}

.sub-confirm-modal-wrap .cm-month-year-outer-wrap .cm-content-wrap .table tr td .bold {
  font-weight: 700;
}

.sub-confirm-modal-wrap .cm-month-year-outer-wrap .cm-content-wrap .table tr td.vl-col1 {
  color: #767676;
  width: 40%;
  font-size: .8125rem;
  font-weight: 500;
}

@media (max-width: 767px) {
  .sub-confirm-modal-wrap .cm-month-year-outer-wrap .cm-content-wrap .table tr td.vl-col1 {
    width: 50px;
  }
}

.sub-confirm-modal-wrap .cm-month-year-outer-wrap .cm-content-wrap .table tr td.vl-col1 span {
  font-weight: 600;
}

.sub-confirm-modal-wrap .cm-month-year-outer-wrap .cm-content-wrap .table tr td.vl-col2 {
  text-align: right;
  width: 60%;
}

@media (max-width: 767px) {
  .sub-confirm-modal-wrap .cm-month-year-outer-wrap .cm-content-wrap .table tr td.vl-col2 {
    width: 50px;
  }
}

.sub-confirm-modal-wrap .cm-month-year-outer-wrap .cm-content-wrap .table tr:last-child td {
  border: 0;
  border-radius: 15px;
}

.sub-confirm-modal-wrap .confirm-btn-wrap {
  text-align: center;
}

.sub-confirm-modal-wrap .confirm-btn-wrap .btn {
  color: #eef4fa;
  width: 295px;
  height: 35px;
  box-shadow: none;
  cursor: pointer;
  background: #4882b8;
  border: 0;
  border-radius: 30px;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
}

@media (max-width: 579px) {
  .sub-confirm-modal-wrap .confirm-btn-wrap .btn {
    width: 100%;
  }
}

.pr-txt {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .plan-confirmation-modal .modal-dialog {
    max-width: 670px;
  }
}

.plan-confirmation-modal .plan-confirmation-outer {
  padding: 45px 40px 40px;
}

@media (max-width: 1679px) {
  .plan-confirmation-modal .plan-confirmation-outer {
    padding: 35px 30px 30px;
  }
}

@media (max-width: 479px) {
  .plan-confirmation-modal .plan-confirmation-outer {
    padding: 30px 10px 20px;
  }
}

.plan-confirmation-modal .cm-headwrap {
  padding: 0 0 27px;
}

@media (max-width: 1679px) {
  .plan-confirmation-modal .cm-headwrap {
    padding: 0 0 20px;
  }
}

.plan-confirmation-modal .cm-headwrap .cm-title {
  color: #101b25;
  margin: 0;
  padding: 0 0 13px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .plan-confirmation-modal .cm-headwrap .cm-title {
    padding-bottom: 9px;
  }
}

.plan-confirmation-modal .cm-headwrap .cm-para {
  color: #415362;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

.plan-confirmation-modal .cm-headwrap .cm-para .bold {
  color: inherit;
  font-weight: 600;
  font-size: inherit;
}

.plan-confirmation-modal .plan-details-wrapper {
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .plan-confirmation-modal .plan-details-wrapper {
    flex-wrap: wrap;
  }
}

.plan-confirmation-modal .plan-details-wrapper .sec-title {
  color: #415362;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .plan-confirmation-modal .plan-details-wrapper .sec-title {
    margin-bottom: 15px;
  }
}

.plan-confirmation-modal .left-block {
  flex-shrink: 0;
  width: 220px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .plan-confirmation-modal .left-block {
    width: 100%;
  }
}

.plan-confirmation-modal .left-block .cm-col-content-wrap {
  border: 1px solid #ecedef;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  min-height: 180px;
  padding: 15px 10px;
  display: flex;
}

.plan-confirmation-modal .left-block .cm-col-content-wrap .cm-img-wrap img {
  height: 26px;
}

.plan-confirmation-modal .left-block .cm-col-content-wrap .cm-content-wrap {
  text-align: center;
  padding-top: 5px;
}

.plan-confirmation-modal .left-block .cm-col-content-wrap .cm-content-wrap .name {
  color: #101b25;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .plan-confirmation-modal .left-block .cm-col-content-wrap .cm-content-wrap .name {
    font-size: 13px;
  }
}

.plan-confirmation-modal .left-block .cm-col-content-wrap .cm-content-wrap .num {
  color: #101b25;
  margin: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 34px;
}

@media (max-width: 1679px) {
  .plan-confirmation-modal .left-block .cm-col-content-wrap .cm-content-wrap .num {
    font-size: 29px;
    line-height: 31px;
  }
}

.plan-confirmation-modal .left-block .cm-col-content-wrap .cm-content-wrap .month {
  color: #415362;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 1679px) {
  .plan-confirmation-modal .left-block .cm-col-content-wrap .cm-content-wrap .month {
    margin-bottom: 12px;
    font-size: 13px;
  }
}

.plan-confirmation-modal .left-block .cm-col-content-wrap .save-val {
  text-align: center;
  color: #4882b8;
  background-color: #c7e4ff;
  border-radius: 35px;
  width: 100%;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .plan-confirmation-modal .left-block .cm-col-content-wrap .save-val {
    padding: 9px 15px;
    font-size: 13px;
  }
}

.plan-confirmation-modal .right-block {
  flex-grow: 1;
  padding-left: 18px;
}

@media (max-width: 767px) {
  .plan-confirmation-modal .right-block {
    width: 100%;
    padding-left: 0;
  }
}

.plan-confirmation-modal .right-block .billing-plan-block {
  border: 1px solid #ecedef;
  border-radius: 17px;
  margin-bottom: 12px;
  padding: 0 20px;
  overflow: hidden;
}

.plan-confirmation-modal .right-block .billing-plan-block .table {
  width: 100%;
  margin: 0;
  padding: 0;
}

.plan-confirmation-modal .right-block .billing-plan-block .table tr td {
  color: #415362;
  border-bottom: 1px solid #ecedef;
  margin: 0;
  padding: 22px 0;
  font-size: 12px;
}

@media (max-width: 1679px) {
  .plan-confirmation-modal .right-block .billing-plan-block .table tr td {
    padding: 20px 0;
  }
}

@media (max-width: 767px) {
  .plan-confirmation-modal .right-block .billing-plan-block .table tr td {
    padding: 15px 0;
  }
}

.plan-confirmation-modal .right-block .billing-plan-block .table tr td .bold {
  font-weight: 700;
}

.plan-confirmation-modal .right-block .billing-plan-block .table tr td.vl-col1 {
  font-weight: 600;
}

.plan-confirmation-modal .right-block .billing-plan-block .table tr td.vl-col2 {
  text-align: right;
}

.plan-confirmation-modal .right-block .billing-plan-block .table tr td .total {
  color: #4882b8;
  font-size: 15px;
  font-weight: 600;
}

.plan-confirmation-modal .right-block .billing-plan-block .table tr:last-child td {
  border: 0;
  border-radius: 15px;
}

.plan-confirmation-modal .plan-info-wrapper {
  background-color: #f6fafe;
  border-radius: 12px;
  margin-bottom: 30px;
  padding: 10px 15px;
}

.plan-confirmation-modal .plan-info-wrapper .icon {
  flex-shrink: 0;
  margin-right: 10px;
}

.plan-confirmation-modal .plan-info-wrapper .info-data {
  color: #6d8396;
  font-size: 12px;
  line-height: 17px;
}

@media (max-width: 1679px) {
  .plan-confirmation-modal .plan-info-wrapper .info-data {
    font-size: 11px;
    line-height: 15px;
  }
}

.download-app-modal .modal-body {
  padding: 0;
}

.download-app-modal .custom-modal-content {
  overflow: hidden;
}

.download-app-modal .download-app-outer {
  padding-top: 30px;
}

.download-app-modal .download-app-outer .cm-headwrap {
  text-align: center;
  margin-bottom: 40px;
  padding: 0 20px;
}

.download-app-modal .download-app-outer .cm-headwrap .cm-title {
  color: #101b25;
  margin: 0 0 13px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .download-app-modal .download-app-outer .cm-headwrap .cm-title {
    margin-bottom: 10px;
  }
}

.download-app-modal .download-app-outer .cm-headwrap .cm-para {
  color: #415362;
  max-width: 300px;
  margin: 0 auto 30px;
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 1679px) {
  .download-app-modal .download-app-outer .cm-headwrap .cm-para {
    font-size: 12px;
  }
}

.download-app-modal .download-app-outer .cm-headwrap .cm-para .bold {
  color: inherit;
  font-weight: 600;
  font-size: inherit;
}

.download-app-modal .download-app-outer .cm-headwrap .qr-code-block {
  justify-content: center;
  align-items: center;
  display: flex;
}

.download-app-modal .download-app-outer .cm-headwrap .qr-code-block .qr-code-item {
  border: 1px solid #ecedef;
  border-radius: 13px;
  padding: 8px 12px;
}

.download-app-modal .download-app-outer .others-block {
  background-color: #f4f7fa;
  border-radius: 20px 20px 0 0;
  padding: 30px 25px 25px;
}

@media (max-width: 360px) {
  .download-app-modal .download-app-outer .others-block {
    padding: 30px 15px 25px;
  }
}

.download-app-modal .download-app-outer .others-block .others-title-block {
  text-align: center;
  justify-content: center;
  display: flex;
  position: relative;
}

.download-app-modal .download-app-outer .others-block .others-title-block .others-title {
  color: #4882b8;
  background-image: url("/img/title-bg-shape.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 10px;
  min-width: 174px;
  margin-top: -50px;
  padding: 10px 30px;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  position: absolute;
}

.download-app-modal .download-app-outer .others-block .data-wrapper .data-block {
  background-color: #fff;
  border-radius: 10px;
  align-items: center;
  margin-bottom: 10px;
  padding: 9px;
  display: flex;
}

.download-app-modal .download-app-outer .others-block .data-wrapper .data-block:nth-child(2) .icon {
  background-color: #32af543b;
}

.download-app-modal .download-app-outer .others-block .data-wrapper .data-block:nth-child(3) .icon {
  background-color: #f7911330;
}

.download-app-modal .download-app-outer .others-block .data-wrapper .data-block:nth-child(4) .icon {
  background-color: #f27a6c33;
}

.download-app-modal .download-app-outer .others-block .data-wrapper .data-block:nth-child(5) .icon {
  background-color: #a06fef33;
}

.download-app-modal .download-app-outer .others-block .data-wrapper .data-block .icon {
  background-color: #e4f2ff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  display: inline-flex;
}

.download-app-modal .download-app-outer .others-block .data-wrapper .data-block .data-label {
  color: #101b25;
  font-size: 14px;
  line-height: 16px;
}

@media (max-width: 1679px) {
  .download-app-modal .download-app-outer .others-block .data-wrapper .data-block .data-label {
    font-size: 12px;
    line-height: 14px;
  }
}

/* [project]/ui/styles/scss/my-offers.scss.css [client] (css) */
@media (min-width: 1200px) {
  .custom-container-my-offer {
    max-width: 1062px;
  }
}

@media (max-width: 991px) {
  .my-offer-details .right-sec {
    margin-bottom: 25px;
  }
}

.my-offer-details .info-img {
  margin-left: 2px;
}

@media (max-width: 1679px) {
  .my-offer-details .info-img {
    width: 14px;
  }
}

@media (max-width: 579px) {
  .my-offer-details .web-label {
    display: none;
  }
}

.my-offer-details .product-card .product-header .product-description {
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  max-width: 100%;
}

.my-offer-details .product-card .product-header .product-description .see-more {
  color: #101b25;
  cursor: pointer;
  font-weight: 500;
}

.my-offer-details .slider-sec {
  width: 519px;
}

@media (max-width: 1679px) {
  .my-offer-details .slider-sec {
    width: 519px;
  }
}

@media (max-width: 991px) {
  .my-offer-details .slider-sec {
    width: 100%;
    margin-bottom: 15px;
  }
}

.my-offer-details .slider-sec .product-slider .prod-img-cover {
  position: relative;
}

.my-offer-details .slider-sec .product-slider .prod-img-cover .logo {
  z-index: 10;
  padding: 10px 15px;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 1679px) {
  .my-offer-details .slider-sec .product-slider .prod-img-cover .logo {
    padding: 10px 15px;
  }
}

@media (max-width: 479px) {
  .my-offer-details .slider-sec .product-slider .prod-img-cover .logo {
    padding: 10px 10px 0;
  }
}

.my-offer-details .slider-sec .product-slider .prod-img-cover .logo img {
  max-height: 41px;
  display: block;
}

@media (max-width: 1679px) {
  .my-offer-details .slider-sec .product-slider .prod-img-cover .logo img {
    max-height: 38px;
  }
}

@media (max-width: 479px) {
  .my-offer-details .slider-sec .product-slider .prod-img-cover .logo img {
    max-height: 34px;
  }
}

.my-offer-details .product-details {
  padding-bottom: 20px;
}

.my-offer-details .offer-profile-wrapper {
  border-top: 1px solid #ecedef;
  border-bottom: 1px solid #ecedef;
  align-items: center;
  padding: 24px 0;
}

@media (max-width: 1679px) {
  .my-offer-details .offer-profile-wrapper {
    padding: 20px 0;
  }
}

@media (max-width: 579px) {
  .my-offer-details .offer-profile-wrapper {
    padding: 15px 0;
  }
}

.my-offer-details .offer-profile-wrapper .left-block {
  align-items: center;
  padding-right: 10px;
}

.my-offer-details .offer-profile-wrapper .left-block .prof-img {
  flex-shrink: 0;
  margin-right: 12px;
}

@media (max-width: 360px) {
  .my-offer-details .offer-profile-wrapper .left-block .prof-img {
    margin-right: 6px;
  }
}

.my-offer-details .offer-profile-wrapper .left-block .prof-img .prof-avt {
  object-fit: cover;
  width: 52px;
  height: 52px;
}

@media (max-width: 579px) {
  .my-offer-details .offer-profile-wrapper .left-block .prof-img .prof-avt {
    width: 40px;
    height: 40px;
  }
}

.my-offer-details .offer-profile-wrapper .left-block .name-det-block .name-det .name {
  color: #101b25;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 135px;
  margin-right: 8px;
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .my-offer-details .offer-profile-wrapper .left-block .name-det-block .name-det .name {
    font-size: 16px;
  }
}

@media (max-width: 579px) {
  .my-offer-details .offer-profile-wrapper .left-block .name-det-block .name-det .name {
    font-weight: 500;
  }
}

@media (max-width: 360px) {
  .my-offer-details .offer-profile-wrapper .left-block .name-det-block .name-det .name {
    font-size: 14px;
  }
}

.my-offer-details .offer-profile-wrapper .left-block .name-det-block .name-det .rating {
  color: #415362;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
}

@media (max-width: 1679px) {
  .my-offer-details .offer-profile-wrapper .left-block .name-det-block .name-det .rating {
    font-size: 12px;
  }
}

.my-offer-details .offer-profile-wrapper .left-block .name-det-block .name-det .rating img {
  width: 14px;
  margin-top: -2px;
}

.my-offer-details .offer-profile-wrapper .left-block .name-det-block .name-det .rating .rw {
  font-weight: 400;
}

.my-offer-details .offer-profile-wrapper .left-block .name-det-block .trust-score-wrp {
  align-items: center;
}

.my-offer-details .offer-profile-wrapper .left-block .name-det-block .trust-score-wrp .score {
  color: #101b25;
  margin-right: 8px;
  font-size: 14px;
  display: inline-flex;
}

@media (max-width: 1679px) {
  .my-offer-details .offer-profile-wrapper .left-block .name-det-block .trust-score-wrp .score {
    font-size: 12px;
  }
}

.my-offer-details .offer-profile-wrapper .left-block .name-det-block .trust-score-wrp .score .val {
  font-weight: 500;
}

.my-offer-details .offer-profile-wrapper .left-block .name-det-block .trust-score-wrp .contact-seller {
  color: #5090cc;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
  display: inline-flex;
}

@media (max-width: 1679px) {
  .my-offer-details .offer-profile-wrapper .left-block .name-det-block .trust-score-wrp .contact-seller {
    font-size: 12px;
  }
}

@media (max-width: 579px) {
  .my-offer-details .offer-profile-wrapper .left-block .name-det-block .trust-score-wrp .contact-seller {
    text-decoration: none;
  }
}

@media (min-width: 580px) {
  .my-offer-details .offer-profile-wrapper .left-block .name-det-block .trust-score-wrp .contact-seller .btn-img-mob {
    display: none;
  }
}

.my-offer-details .offer-profile-wrapper .left-block .name-det-block .trust-score-wrp .contact-seller:before {
  content: "";
  background-color: #101b25;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  margin-right: 8px;
}

@media (max-width: 579px) {
  .my-offer-details .offer-profile-wrapper .left-block .name-det-block .trust-score-wrp .contact-seller:before {
    content: "-";
    color: #000;
    background-color: #0000;
    border-radius: 0;
    width: 4px;
    height: auto;
  }
}

.my-offer-details .offer-profile-wrapper .right-block {
  flex-shrink: 0;
  margin-left: auto;
}

.my-offer-details .offer-profile-wrapper .right-block .view-prof-btn {
  padding: 8px 18px;
}

@media (min-width: 580px) {
  .my-offer-details .offer-profile-wrapper .right-block .view-prof-btn .link-icon-mob {
    display: none;
  }
}

@media (max-width: 1679px) {
  .my-offer-details .offer-profile-wrapper .right-block .view-prof-btn {
    font-size: 13px;
  }
}

@media (max-width: 579px) {
  .my-offer-details .offer-profile-wrapper .right-block .view-prof-btn {
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    padding: 0;
    display: inline-flex;
    box-shadow: 0 2px 4px #2a455d0f;
  }

  .my-offer-details .offer-profile-wrapper .right-block .view-prof-btn img {
    height: 10px;
  }
}

.my-offer-details .charges-section .charges-header {
  color: #101b25;
  border-bottom: 1px solid #dfe1e3;
  margin-bottom: 15px;
  padding-bottom: 12px;
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .my-offer-details .charges-section .charges-header {
    font-size: 16px;
  }
}

.my-offer-details .charges-section .charge-row .charge-label, .my-offer-details .charges-section .charge-row .total-label {
  color: #101b25;
  font-size: 16px;
}

@media (max-width: 1679px) {
  .my-offer-details .charges-section .charge-row .charge-label, .my-offer-details .charges-section .charge-row .total-label {
    font-size: 14px;
  }
}

.my-offer-details .charges-section .charge-row .charge-value, .my-offer-details .charges-section .charge-row .total-value {
  color: #101b25;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .my-offer-details .charges-section .charge-row .charge-value, .my-offer-details .charges-section .charge-row .total-value {
    font-size: 14px;
  }
}

.my-offer-details .charges-section .total-row .total-label, .my-offer-details .charges-section .total-row .total-value {
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .my-offer-details .charges-section .total-row .total-label, .my-offer-details .charges-section .total-row .total-value {
    font-size: 16px !important;
  }
}

.my-offer-details .det-link-cover .det-link-block {
  margin-bottom: 15px;
}

.my-offer-details .det-link-cover .det-link-block .det-link {
  color: #101b25;
  align-items: center;
  padding: 5px 0;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

@media (max-width: 1679px) {
  .my-offer-details .det-link-cover .det-link-block .det-link {
    font-size: 14px;
  }
}

.my-offer-details .det-link-cover .det-link-block .det-link img {
  margin-left: auto;
}

.vw-offer-usr-block {
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

@media (max-width: 1679px) {
  .vw-offer-usr-block {
    margin-bottom: 20px;
  }
}

.vw-offer-usr-block .prof-img {
  flex-shrink: 0;
  margin-right: 15px;
}

.vw-offer-usr-block .prof-img img {
  object-fit: cover;
  width: 48px;
  height: 48px;
}

.vw-offer-usr-block .det-block h4 {
  color: #101b25;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .vw-offer-usr-block .det-block h4 {
    font-size: 16px;
  }
}

.vw-offer-usr-block .det-block p {
  color: #415362;
  margin: 0;
  font-size: 16px;
}

@media (max-width: 1679px) {
  .vw-offer-usr-block .det-block p {
    font-size: 14px;
  }
}

.charges-section .sec-sep {
  border-bottom: 1px solid #dfe1e3;
}

.product-details .offer-btn-block {
  padding-bottom: 40px;
}

@media (max-width: 767px) {
  .product-details .offer-btn-block {
    padding-bottom: 60px;
  }
}

@media (max-width: 579px) {
  .product-details .offer-btn-block {
    padding-bottom: 80px;
  }
}

.product-details .offer-btn-block .btn-1 {
  border: none;
  width: 100%;
  margin-bottom: 8px;
  box-shadow: 0 2px 4px #2a455d0f;
}

.product-details .offer-btn-block .btn-1.reject {
  color: #ef4444 !important;
}

@media (max-width: 991px) {
  .comparision-wrap {
    padding-top: 20px;
  }
}

.comparision-wrap .com-title {
  color: #101b25;
  margin: 0;
  padding: 0 0 20px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .comparision-wrap .com-title {
    padding: 0 0 15px;
    font-size: 18px;
  }
}

@media (max-width: 1199px) {
  .comparision-wrap .com-title {
    font-size: 16px;
  }
}

.comparision-wrap .com-list-wrap .com-sub-title {
  color: #101b25;
  margin: 0;
  padding: 0 0 15px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .comparision-wrap .com-list-wrap .com-sub-title {
    padding: 0 0 15px;
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .comparision-wrap .com-list-wrap .com-sub-title {
    font-size: 14px;
  }
}

.comparision-wrap .com-list-wrap .list {
  width: 100%;
  margin: 0;
  padding: 0;
}

.comparision-wrap .com-list-wrap .list li {
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.comparision-wrap .com-list-wrap .list li .img {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
}

@media (max-width: 1679px) {
  .comparision-wrap .com-list-wrap .list li .img {
    flex: 0 0 35px;
    width: 35px;
    height: 35px;
  }
}

.comparision-wrap .com-list-wrap .list li .img img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.comparision-wrap .com-list-wrap .list li .txt {
  flex: 1;
}

.comparision-wrap .com-list-wrap .list li .txt .name {
  color: #101b25;
  margin: 0;
  padding: 0 0 5px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .comparision-wrap .com-list-wrap .list li .txt .name {
    padding: 0 0 3px;
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .comparision-wrap .com-list-wrap .list li .txt .name {
    font-size: 13px;
  }
}

.comparision-wrap .com-list-wrap .list li .txt .name a {
  color: #5090cc;
  text-decoration: underline;
}

.comparision-wrap .com-list-wrap .list li .txt .score {
  color: #415362;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}

.comparision-wrap .com-list-wrap .list li .txt .score span {
  color: #101b25;
  padding: 0 0 0 2px;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .comparision-wrap .com-list-wrap .list li .txt .score span {
    font-size: 13px;
  }
}

.comparision-wrap .com-list-wrap .list li .total {
  color: #415362;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .comparision-wrap .com-list-wrap .list li .total {
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .comparision-wrap .com-list-wrap .list li .total {
    font-size: 12px;
  }
}

@media (max-width: 579px) {
  .comparision-wrap .com-list-wrap .list li .total {
    font-size: 13px;
  }
}

.comparision-wrap .com-list-wrap .list li .total.color-green {
  color: #1bb746;
}

.comparision-wrap .com-list-wrap .list li + li {
  padding-top: 15px;
}

.comparision-wrap .com-list-wrap + .com-list-wrap {
  border-top: 1px solid #dfe1e3;
  margin: 20px 0 0;
  padding: 20px 0 0;
}

@media (max-width: 1679px) {
  .comparision-wrap .com-list-wrap + .com-list-wrap {
    margin: 15px 0 0;
    padding: 15px 0 0;
  }
}

.comparision-wrap .btn-wrap {
  padding: 25px 0 0;
}

@media (max-width: 1679px) {
  .comparision-wrap .btn-wrap {
    padding: 20px 0 0;
  }
}

.comparision-wrap .btn-wrap .btn {
  height: 44px;
  box-shadow: none;
  color: #101b25;
  background: #f4f5f6;
  border-radius: 20px;
  outline: 0;
  width: 100%;
  margin: 0;
  padding: 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  display: block;
}

@media (max-width: 1679px) {
  .comparision-wrap .btn-wrap .btn {
    height: 40px;
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .comparision-wrap .btn-wrap .btn {
    height: 38px;
    font-size: 12px;
  }
}

.detail-sec .custom-container-preview {
  max-width: 630px;
}

.detail-sec .custom-container-preview .preview-details {
  padding-top: 25px;
  padding-bottom: 25px;
}

@media (max-width: 767px) {
  .detail-sec .custom-container-preview .preview-details {
    padding-bottom: 40px;
  }
}

@media (max-width: 579px) {
  .detail-sec .custom-container-preview .preview-details {
    padding-bottom: 60px;
  }
}

.detail-sec .custom-container-preview .preview-details .preview-title {
  margin-bottom: 25px;
}

.detail-sec .custom-container-preview .preview-details .preview-title h2 {
  margin-bottom: 8px;
  font-size: 24px;
}

@media (max-width: 1679px) {
  .detail-sec .custom-container-preview .preview-details .preview-title h2 {
    font-size: 22px;
  }
}

@media (max-width: 1481px) {
  .detail-sec .custom-container-preview .preview-details .preview-title h2 {
    font-size: 20px;
  }
}

.detail-sec .custom-container-preview .preview-details .preview-title p {
  color: #415362;
  margin-bottom: 0;
}

@media (max-width: 1679px) {
  .detail-sec .custom-container-preview .preview-details .preview-title p {
    font-size: 15px;
  }
}

@media (max-width: 1481px) {
  .detail-sec .custom-container-preview .preview-details .preview-title p {
    font-size: 14px;
  }
}

.detail-sec .custom-container-preview .preview-details .overvw-btn-block {
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 40px;
}

@media (max-width: 767px) {
  .detail-sec .custom-container-preview .preview-details .overvw-btn-block {
    padding-bottom: 60px;
  }
}

@media (max-width: 579px) {
  .detail-sec .custom-container-preview .preview-details .overvw-btn-block {
    padding-bottom: 80px;
  }
}

.detail-sec .custom-container-preview .preview-details .overvw-btn-block .btn-1 {
  width: calc(50% - 8px);
}

.detail-sec .custom-container-preview .preview-details .slider-sec {
  width: 100%;
}

.detail-sec .custom-container-preview .preview-details .product-card {
  border: none;
  margin-top: 0;
}

.detail-sec .custom-container-preview .preview-details .slider-sec .product-thumbs .thumb-img-block {
  margin-right: 8px;
}

.detail-sec .custom-container-preview .preview-details .slider-sec .product-slider .prod-img-cover {
  height: 445px;
  position: relative;
}

@media (max-width: 1679px) {
  .detail-sec .custom-container-preview .preview-details .slider-sec .product-slider .prod-img-cover {
    height: 360px;
  }
}

@media (max-width: 1481px) {
  .detail-sec .custom-container-preview .preview-details .slider-sec .product-slider .prod-img-cover {
    height: 310px;
  }
}

@media (max-width: 767px) {
  .detail-sec .custom-container-preview .preview-details .slider-sec .product-slider .prod-img-cover {
    height: 290px;
  }
}

@media (max-width: 579px) {
  .detail-sec .custom-container-preview .preview-details .slider-sec .product-slider .prod-img-cover {
    height: 265px;
  }
}

.detail-sec .custom-container-preview .preview-details .slider-sec .product-slider .prod-img-cover .logo {
  z-index: 10;
  padding: 10px 15px;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 1679px) {
  .detail-sec .custom-container-preview .preview-details .slider-sec .product-slider .prod-img-cover .logo {
    padding: 10px 15px;
  }
}

@media (max-width: 479px) {
  .detail-sec .custom-container-preview .preview-details .slider-sec .product-slider .prod-img-cover .logo {
    padding: 10px 10px 0;
  }
}

.detail-sec .custom-container-preview .preview-details .slider-sec .product-slider .prod-img-cover .logo img {
  max-height: 24px;
  display: block;
}

@media (max-width: 1679px) {
  .detail-sec .custom-container-preview .preview-details .slider-sec .product-slider .prod-img-cover .logo img {
    max-height: 22px;
  }
}

@media (max-width: 479px) {
  .detail-sec .custom-container-preview .preview-details .slider-sec .product-slider .prod-img-cover .logo img {
    max-height: 18px;
  }
}

.detail-sec .custom-container-preview .preview-details .product-slider-cover {
  border: 1px solid #b9d3eb;
  border-radius: 12px;
  padding: 12px;
}

@media (max-width: 579px) {
  .detail-sec .custom-container-preview .preview-details .product-slider-cover {
    border: none;
    padding: 0;
  }
}

.detail-sec .custom-container-preview .preview-details .variant-wrp {
  scrollbar-width: thin;
  scrollbar-color: #5090cc #fff;
  flex-wrap: nowrap;
  gap: 10px;
  margin-top: 24px;
  margin-bottom: 5px;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .detail-sec .custom-container-preview .preview-details .variant-wrp {
    margin-top: 20px;
  }
}

.detail-sec .custom-container-preview .preview-details .variant-wrp:hover {
  overflow-x: scroll;
}

.detail-sec .custom-container-preview .preview-details .variant-wrp .variant-btn.active, .detail-sec .custom-container-preview .preview-details .variant-wrp .variant-btn:hover {
  color: #5090cc;
  background-color: #fff;
  border: 1px solid #5090cc;
}

.detail-sec .custom-container-preview .preview-details .variant-wrp .variant-btn {
  color: #101b25;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #f7fafd;
  border: 1px solid #dfe1e3;
  border-radius: 36px;
  min-width: 207px;
  height: 36px;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .detail-sec .custom-container-preview .preview-details .variant-wrp .variant-btn {
    height: 34px;
  }
}

@media (max-width: 479px) {
  .detail-sec .custom-container-preview .preview-details .variant-wrp .variant-btn {
    width: 45%;
    min-width: 48%;
  }
}

.detail-sec .custom-container-preview .preview-details .preview-sec-card {
  border: 1px solid #ecedef;
  border-radius: 12px;
  margin-bottom: 25px;
  padding: 15px;
  box-shadow: 0 2px 4px #0000000a;
}

.detail-sec .custom-container-preview .preview-details .preview-sec-card .details-heading {
  border: none;
  margin: 0;
  padding-bottom: 15px;
  font-size: 20px;
  font-weight: 800;
}

@media (max-width: 1679px) {
  .detail-sec .custom-container-preview .preview-details .preview-sec-card .details-heading {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .detail-sec .custom-container-preview .preview-details .preview-sec-card .details-heading {
    font-size: 16px;
  }
}

@media (max-width: 579px) {
  .detail-sec .custom-container-preview .preview-details .preview-sec-card .details-heading {
    font-weight: 500;
  }
}

.detail-sec .custom-container-preview .preview-details .preview-sec-card .card-btn-block {
  margin-top: 20px;
}

.detail-sec .custom-container-preview .preview-details .preview-sec-card .card-btn-block .edit-pricing-btn {
  background-color: #fff;
  border: 1px solid #b8c4d0;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 14px 15px;
  transition: all .3s;
  display: flex;
  box-shadow: 0 2px 4px #2a455d0f;
}

@media (max-width: 1679px) {
  .detail-sec .custom-container-preview .preview-details .preview-sec-card .card-btn-block .edit-pricing-btn {
    font-size: 14px;
  }
}

.detail-sec .custom-container-preview .preview-details .preview-sec-card .card-btn-block .edit-pricing-btn img {
  margin-right: 4px;
}

.detail-sec .custom-container-preview .preview-details .preview-sec-card .card-btn-block .edit-pricing-btn:hover {
  border-color: #101b2599 !important;
}

.detail-sec .custom-container-preview .preview-details .product-card .product-details .details-row .details-label, .detail-sec .custom-container-preview .preview-details .product-card .product-details .details-row .details-value {
  font-size: 14px;
}

/* [project]/ui/styles/scss/notification.scss.css [client] (css) */
.notification-outer-wrap {
  padding: 0 0 50px;
}

@media (max-width: 1679px) {
  .notification-outer-wrap {
    padding-bottom: 40px;
  }
}

@media (min-width: 1200px) {
  .notification-outer-wrap .custom-container {
    max-width: 1085px;
  }
}

@media (max-width: 767px) {
  .notification-outer-wrap .breadcrumb {
    display: none;
  }
}

.notification-outer-wrap .noti-content-wrap {
  width: 630px;
  margin: 0 auto;
  padding-top: 15px;
}

@media (max-width: 1679px) {
  .notification-outer-wrap .noti-content-wrap {
    width: 550px;
  }
}

@media (max-width: 991px) {
  .notification-outer-wrap .noti-content-wrap {
    width: 500px;
  }
}

@media (max-width: 579px) {
  .notification-outer-wrap .noti-content-wrap {
    width: 460px;
  }
}

@media (max-width: 479px) {
  .notification-outer-wrap .noti-content-wrap {
    width: 100%;
  }
}

.notification-outer-wrap .noti-content-wrap .head-wrap {
  text-align: center;
  padding-bottom: 24px;
}

@media (max-width: 1679px) {
  .notification-outer-wrap .noti-content-wrap .head-wrap {
    padding-bottom: 20px;
  }
}

@media (max-width: 479px) {
  .notification-outer-wrap .noti-content-wrap .head-wrap {
    text-align: left;
  }
}

.notification-outer-wrap .noti-content-wrap .head-wrap .title {
  color: #101b25;
  margin: 0;
  padding: 0 0 5px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .notification-outer-wrap .noti-content-wrap .head-wrap .title {
    font-size: 22px;
  }
}

@media (max-width: 1481px) {
  .notification-outer-wrap .noti-content-wrap .head-wrap .title {
    font-size: 20px;
  }
}

@media (max-width: 479px) {
  .notification-outer-wrap .noti-content-wrap .head-wrap .title {
    font-size: 18px;
  }
}

.notification-outer-wrap .noti-content-wrap .head-wrap .para {
  color: #415362;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .notification-outer-wrap .noti-content-wrap .head-wrap .para {
    font-size: 14px;
  }
}

.notification-outer-wrap .noti-content-wrap .content-wrap {
  border: 1px solid #ecedef;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 2px 4px #0000000a;
}

@media (max-width: 1679px) {
  .notification-outer-wrap .noti-content-wrap .content-wrap {
    padding: 20px;
  }
}

@media (max-width: 1199px) {
  .notification-outer-wrap .noti-content-wrap .content-wrap {
    padding: 15px;
  }
}

@media (max-width: 479px) {
  .notification-outer-wrap .noti-content-wrap .content-wrap {
    padding: 10px;
  }
}

.notification-outer-wrap .noti-content-wrap .content-wrap .list-wrap {
  margin: 0;
  padding: 0;
}

.notification-outer-wrap .noti-content-wrap .content-wrap .list-wrap li {
  background: #fff;
  border: 1px solid #ecedef;
  border-radius: 12px;
  list-style: none;
}

.notification-outer-wrap .noti-content-wrap .content-wrap .list-wrap li + li {
  margin-top: 12px;
}

.notification-outer-wrap .form-switch {
  justify-content: space-between;
  margin: 0;
  padding: 16px;
  display: flex;
}

@media (max-width: 1679px) {
  .notification-outer-wrap .form-switch {
    padding: 12px;
  }
}

@media (max-width: 767px) {
  .notification-outer-wrap .form-switch {
    flex-direction: row;
  }
}

.notification-outer-wrap .form-switch .form-check-label {
  color: #101b25;
  cursor: pointer;
  width: 87%;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .notification-outer-wrap .form-switch .form-check-label {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .notification-outer-wrap .form-switch .form-check-label {
    width: 82%;
  }
}

@media (max-width: 767px) {
  .notification-outer-wrap .form-switch .form-check-label {
    width: 87%;
  }
}

@media (max-width: 479px) {
  .notification-outer-wrap .form-switch .form-check-label {
    width: 82%;
  }
}

.notification-outer-wrap .form-switch .form-check-input {
  float: none;
  width: 44px;
  height: 24px;
  box-shadow: none;
  cursor: pointer;
  background-color: #ccc;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
  border: 0;
  border-radius: 30px;
  outline: 0;
  margin: 0;
  transition: all .5s;
}

@media (max-width: 1679px) {
  .notification-outer-wrap .form-switch .form-check-input {
    width: 36px;
    height: 20px;
  }
}

.notification-outer-wrap .form-switch .form-check-input:checked {
  background-color: #5090cc;
}

.notification-outer-wrap .form-switch + .form-switch {
  margin-top: 10px;
}

.notification-outer-wrap .unsubscribe-btn-block {
  padding-top: 12px;
}

.notification-outer-wrap .unsubscribe-btn-block .unsubscribe-btn {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 25px;
  padding: 10px 25px;
  font-size: 14px;
  font-weight: 500;
  transition: all .3s;
  box-shadow: 0 2px 4px #2a455d0f;
}

.notification-outer-wrap .unsubscribe-btn-block .unsubscribe-btn:hover {
  opacity: .9;
}

.notification-outer-wrap .unsubscribe-btn-block .unsubscribe-btn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.notification-outer-wrap .unsubscribe-btn-block .unsubscribe-btn.unsubscribe {
  color: #ef4444;
}

.notification-outer-wrap .unsubscribe-btn-block .unsubscribe-btn.subscribe {
  color: #47b870;
}

.notification-outer-wrap .preference-content-wrap .right-block {
  align-items: center;
  display: flex;
}

.notification-outer-wrap .preference-content-wrap .right-block .edit-btn {
  color: #7b8d9f;
  background-color: #0000;
  border: none;
  align-items: center;
  margin-right: 25px;
  font-size: 14px;
  font-weight: 500;
  transition: all .3s;
  display: inline-flex;
}

.notification-outer-wrap .preference-content-wrap .right-block .edit-btn:hover {
  opacity: .8;
}

.notification-outer-wrap .preference-content-wrap .right-block .edit-btn img {
  margin-right: 3px;
}

/* [project]/ui/styles/scss/offer.scss.css [client] (css) */
@media (max-width: 479px) {
  .rec-content-wrap.seller-offer-wrap .rec-container-wrap .rec-head-wrap ul {
    justify-content: space-between;
  }
}

.rec-content-wrap.seller-offer-wrap .rec-container-wrap .rec-head-wrap ul li {
  text-align: center;
  min-width: 25%;
  position: relative;
}

@media (max-width: 479px) {
  .rec-content-wrap.seller-offer-wrap .rec-container-wrap .rec-head-wrap ul li {
    min-width: auto;
  }
}

.seller-offer-wrap .tab-title {
  color: #101b25;
  margin: 0;
  padding: 0 0 20px;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .seller-offer-wrap .tab-title {
    padding: 0 0 15px;
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .seller-offer-wrap .tab-title {
    font-size: 16px;
  }
}

.dropdown-arrow {
  position: relative;
}

.dropdown-arrow .click-dropdown-wrap {
  z-index: 9;
  background: #fff;
  border: 1px solid #f5f6f7;
  border-radius: 8px;
  width: 215px;
  position: absolute;
  top: 32px;
  right: 0;
  box-shadow: 0 24px 64px -4px #1b25331a;
}

@media (max-width: 1679px) {
  .dropdown-arrow .click-dropdown-wrap {
    width: 200px;
  }
}

@media (max-width: 991px) {
  .dropdown-arrow .click-dropdown-wrap {
    top: 27px;
  }
}

.dropdown-arrow .click-dropdown-wrap .list-dropdown {
  margin: 0;
  padding: 10px 0;
}

.dropdown-arrow .click-dropdown-wrap .list-dropdown li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.dropdown-arrow .click-dropdown-wrap .list-dropdown li .link {
  align-items: center;
  gap: 10px;
  padding: 10px 15px;
  display: flex;
}

@media (max-width: 1679px) {
  .dropdown-arrow .click-dropdown-wrap .list-dropdown li .link {
    padding: 8px 10px;
  }
}

@media (max-width: 767px) {
  .dropdown-arrow .click-dropdown-wrap .list-dropdown li .link {
    padding: 5px 8px;
  }
}

.dropdown-arrow .click-dropdown-wrap .list-dropdown li .img-ico {
  width: 20px;
}

@media (max-width: 1679px) {
  .dropdown-arrow .click-dropdown-wrap .list-dropdown li .img-ico {
    width: 18px;
  }
}

@media (max-width: 767px) {
  .dropdown-arrow .click-dropdown-wrap .list-dropdown li .img-ico {
    width: 16px;
  }
}

.dropdown-arrow .click-dropdown-wrap .list-dropdown li .img-ico img {
  max-width: 20px;
  max-height: 20px;
  margin: 0 auto;
  display: block;
}

@media (max-width: 1679px) {
  .dropdown-arrow .click-dropdown-wrap .list-dropdown li .img-ico img {
    max-width: 16px;
    max-height: 16px;
  }
}

@media (max-width: 767px) {
  .dropdown-arrow .click-dropdown-wrap .list-dropdown li .img-ico img {
    max-width: 14px;
    max-height: 14px;
  }
}

.dropdown-arrow .click-dropdown-wrap .list-dropdown li span {
  color: #415362;
  flex: 1;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .dropdown-arrow .click-dropdown-wrap .list-dropdown li span {
    font-size: 14px;
  }
}

.publish-content-wrap {
  padding: 75px 0;
}

@media (max-width: 1679px) {
  .publish-content-wrap {
    padding: 40px 0;
  }
}

@media (max-width: 1199px) {
  .publish-content-wrap {
    padding: 10px 0;
  }
}

.publish-content-wrap .txt {
  text-align: center;
  flex-direction: column;
  display: flex;
}

.publish-content-wrap .txt img {
  max-width: 240px;
  margin: 0 auto 45px;
  display: block;
}

@media (max-width: 1679px) {
  .publish-content-wrap .txt img {
    max-width: 200px;
    margin-bottom: 20px;
  }
}

@media (max-width: 1199px) {
  .publish-content-wrap .txt img {
    max-width: 180px;
  }
}

@media (max-width: 767px) {
  .publish-content-wrap .txt img {
    max-width: 150px;
  }
}

.publish-content-wrap .txt .pb-title {
  color: #101b25;
  margin: 0;
  padding: 0 0 5px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .publish-content-wrap .txt .pb-title {
    padding: 0 0 2px;
    font-size: 22px;
  }
}

@media (max-width: 1481px) {
  .publish-content-wrap .txt .pb-title {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .publish-content-wrap .txt .pb-title {
    font-size: 18px;
  }
}

.publish-content-wrap .txt .pb-para {
  color: #415362;
  margin: 0;
  padding: 0 0 15px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}

@media (max-width: 1679px) {
  .publish-content-wrap .txt .pb-para {
    font-size: 16px;
  }
}

@media (max-width: 1481px) {
  .publish-content-wrap .txt .pb-para {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .publish-content-wrap .txt .pb-para {
    font-size: 12px;
  }
}

.publish-content-wrap .txt .btn-wrap .btn {
  cursor: pointer;
  background: #5090cc;
  border: 0;
  border-radius: 30px;
  outline: 0;
  min-width: 230px;
  height: 44px;
  margin: 0;
  padding: 2px 10px;
}

@media (max-width: 1679px) {
  .publish-content-wrap .txt .btn-wrap .btn {
    min-width: 200px;
    height: 40px;
  }
}

@media (max-width: 767px) {
  .publish-content-wrap .txt .btn-wrap .btn {
    height: 38px;
  }
}

.publish-content-wrap .txt .btn-wrap .btn span {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .publish-content-wrap .txt .btn-wrap .btn span {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .publish-content-wrap .txt .btn-wrap .btn span {
    font-size: 12px;
  }
}

.red {
  color: red !important;
}

/* [project]/ui/styles/scss/offer-modal.scss.css [client] (css) */
.offer-modal .modal-dialog {
  max-width: 575px;
}

.offer-modal .modal-dialog .modal-header {
  text-align: center;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.offer-modal .modal-dialog .modal-header .modal-title {
  color: #101b25;
  letter-spacing: -1%;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.offer-modal .modal-dialog .modal-content {
  border-radius: 20px;
  padding: 16px;
}

.offer-modal .modal-dialog .modal-content .product-details {
  padding-bottom: 0;
}

.offer-modal .modal-dialog .modal-content .product-details .slider-sec {
  border: 1px solid #b9d3eb;
  border-radius: 12px;
  width: 100%;
  padding: 12px;
}

@media (max-width: 767px) {
  .offer-modal .modal-dialog .modal-content .product-details .slider-sec {
    border: none;
    padding: 0;
  }
}

.offer-modal .modal-dialog .modal-content .product-card {
  border: none;
  margin-top: 0;
}

.offer-modal .modal-dialog .modal-content .product-card .product-header .product-description-wrapper {
  margin-bottom: 0;
  padding-bottom: 16px;
}

.offer-modal .modal-dialog .modal-content .product-card .product-header .product-description-wrapper .product-description {
  color: #415362;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  margin-bottom: 0;
  padding-bottom: 0;
  font-weight: 400;
}

.offer-modal .modal-dialog .modal-content .product-card .product-header .product-description-wrapper .product-description.product-description-clamped {
  -webkit-line-clamp: 3;
  line-clamp: 3;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  max-height: 72px;
  display: -webkit-box;
  overflow: hidden;
}

.offer-modal .modal-dialog .modal-content .product-card .product-header .product-description-wrapper .see-more {
  color: #101b25;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
}

.offer-modal .modal-dialog .modal-content .product-card .product-header .product-description-wrapper .see-more:hover {
  text-decoration: underline;
}

.offer-modal .modal-dialog .modal-content .product-card .product-header .product-price {
  color: #415362;
  font-size: 18px;
}

.offer-modal .modal-dialog .modal-content .product-card .product-header .product-price .price-txt {
  color: #101b25;
  font-weight: 500;
}

.offer-modal .modal-dialog .modal-content .product-card .product-details .details-heading {
  color: #101b25;
  letter-spacing: 0%;
  border: none;
  margin-bottom: 0;
  padding-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .offer-modal .modal-dialog .modal-content .product-card .product-details .details-heading {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .offer-modal .modal-dialog .modal-content .product-card .product-details .details-heading {
    font-size: 13px;
  }
}

.offer-modal .modal-dialog .modal-content .product-card .product-details .installment-amount-row .details-label, .offer-modal .modal-dialog .modal-content .product-card .product-details .installment-amount-row .details-value {
  color: #101b25;
  font-weight: 600;
}

.offer-modal .modal-dialog .modal-footer {
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .offer-modal .modal-dialog .modal-footer {
    padding: 0;
  }

  .offer-modal .modal-dialog .modal-footer .btn-wrp-sec {
    background-color: #fff;
    width: 100%;
    padding: 10px;
    box-shadow: 0 -7px 10px 2px #0917370f;
  }

  .offer-modal .modal-dialog .modal-footer .btn-wrp-sec .whish-list-btn {
    margin-top: 0;
  }
}

.offer-modal .modal-dialog .modal-footer .icon-white {
  filter: brightness(0) invert();
}

.offer-modal .modal-dialog .modal-footer .btn {
  width: 100%;
  height: 44px;
  letter-spacing: 0%;
  color: #101b25;
  background: #f4f5f6;
  border: 1px solid #f4f5f6;
  border-radius: 50px;
  margin: 12px 0;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .offer-modal .modal-dialog .modal-footer .btn {
    height: 42px;
    font-size: 13px;
  }
}

.offer-modal .modal-dialog .modal-footer .btn .ico {
  margin-right: 10px;
}

.offer-modal .modal-dialog .modal-footer .btn.btn-send {
  color: #fff;
  background: #5090cc;
  border: 1px solid #5090cc;
}

/* [project]/ui/styles/scss/payment-method.scss.css [client] (css) */
.acc-payment-sec-outer {
  padding-bottom: 60px;
}

@media (max-width: 1679px) {
  .acc-payment-sec-outer {
    padding-bottom: 40px;
  }
}

.acc-payment-sec-outer .data-container {
  max-width: 845px;
  margin: 0 auto;
}

.acc-payment-sec-outer .tab-wrapper {
  margin: 0 0 25px;
}

@media (max-width: 1679px) {
  .acc-payment-sec-outer .tab-wrapper {
    margin: 0 0 20px;
  }
}

.acc-payment-sec-outer .tab-wrapper ul {
  scrollbar-width: thin;
  scrollbar-color: #5090cc #0000;
  border-bottom: 1px solid #dfe1e3;
  margin: 0 0 -1px;
  padding: 0 0 1px;
  display: flex;
  overflow: auto hidden;
}

.acc-payment-sec-outer .tab-wrapper ul li {
  white-space: nowrap;
  margin: 0;
  padding: 10px 0;
  list-style: none;
}

@media (max-width: 1199px) {
  .acc-payment-sec-outer .tab-wrapper ul li {
    padding: 8px 0;
  }
}

.acc-payment-sec-outer .tab-wrapper ul li .tab-btn {
  color: #7b8d9f;
  text-align: center;
  min-width: 180px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 500;
  display: block;
  position: relative;
}

@media (max-width: 1481px) {
  .acc-payment-sec-outer .tab-wrapper ul li .tab-btn {
    min-width: 160px;
  }
}

@media (max-width: 1199px) {
  .acc-payment-sec-outer .tab-wrapper ul li .tab-btn {
    font-size: 13px;
  }
}

@media (max-width: 991px) {
  .acc-payment-sec-outer .tab-wrapper ul li .tab-btn {
    padding: 0 10px;
  }
}

@media (max-width: 579px) {
  .acc-payment-sec-outer .tab-wrapper ul li .tab-btn {
    min-width: auto;
    font-size: 12px;
  }
}

.acc-payment-sec-outer .tab-wrapper ul li .tab-btn.active {
  color: #5090cc;
}

.acc-payment-sec-outer .tab-wrapper ul li .tab-btn.active:after {
  content: "";
  background: #5090cc;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -11px;
  left: 0;
}

@media (max-width: 1199px) {
  .acc-payment-sec-outer .tab-wrapper ul li .tab-btn.active:after {
    bottom: -9px;
  }
}

.acc-payment-sec-outer .tab-title {
  color: #101b25;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .acc-payment-sec-outer .tab-title {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .acc-payment-sec-outer .tab-title {
    font-size: 16px;
  }
}

.acc-payment-sec-outer .active-payment-tab .active-payment-list .active-payment-card {
  background-color: #fff;
  border: 1px solid #f6f7f9;
  border-radius: 8px;
  margin-bottom: 15px;
  padding: 15px;
}

.acc-payment-sec-outer .active-payment-tab .active-payment-list .active-payment-card .top-wrapper {
  align-items: center;
  margin-bottom: 20px;
}

.acc-payment-sec-outer .active-payment-tab .active-payment-list .active-payment-card .top-wrapper .right-block {
  flex-shrink: 0;
  margin-left: auto;
}

.acc-payment-sec-outer .active-payment-tab .active-payment-list .active-payment-card .top-wrapper .right-block .data-status {
  color: #5090cc;
  background-color: #eef4fa;
  border-radius: 25px;
  padding: 5px 12px;
  font-size: 14px;
  display: inline-block;
}

@media (max-width: 1679px) {
  .acc-payment-sec-outer .active-payment-tab .active-payment-list .active-payment-card .top-wrapper .right-block .data-status {
    font-size: 12px;
  }
}

@media (max-width: 579px) {
  .acc-payment-sec-outer .active-payment-tab .active-payment-list .active-payment-card .top-wrapper .right-block .data-status {
    padding: 3px 12px;
  }
}

.acc-payment-sec-outer .active-payment-tab .active-payment-list .active-payment-card .top-wrapper .right-block .data-status.due {
  color: #ef4444;
  background-color: #fcdada;
}

.acc-payment-sec-outer .active-payment-tab .active-payment-list .active-payment-card .top-wrapper .left-block {
  flex: 1;
  align-items: center;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.acc-payment-sec-outer .active-payment-tab .active-payment-list .active-payment-card .top-wrapper .left-block .prod-img {
  flex-shrink: 0;
}

.acc-payment-sec-outer .active-payment-tab .active-payment-list .active-payment-card .top-wrapper .left-block .prod-img .item-img {
  object-fit: cover;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  margin-right: 12px;
}

.acc-payment-sec-outer .active-payment-tab .active-payment-list .active-payment-card .top-wrapper .left-block .data-block {
  padding-right: 10px;
}

.acc-payment-sec-outer .active-payment-tab .active-payment-list .active-payment-card .top-wrapper .left-block .data-block h4 {
  color: #101b25;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 3px;
  font-size: 20px;
  font-weight: 500;
  display: -webkit-box;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .acc-payment-sec-outer .active-payment-tab .active-payment-list .active-payment-card .top-wrapper .left-block .data-block h4 {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .acc-payment-sec-outer .active-payment-tab .active-payment-list .active-payment-card .top-wrapper .left-block .data-block h4 {
    font-size: 16px;
  }
}

.acc-payment-sec-outer .active-payment-tab .active-payment-list .active-payment-card .top-wrapper .left-block .data-block p {
  color: #415362;
  margin: 0;
  font-size: 16px;
}

@media (max-width: 1679px) {
  .acc-payment-sec-outer .active-payment-tab .active-payment-list .active-payment-card .top-wrapper .left-block .data-block p {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .acc-payment-sec-outer .active-payment-tab .active-payment-list .active-payment-card .top-wrapper .left-block .data-block p {
    font-size: 13px;
  }
}

.acc-payment-sec-outer .active-payment-tab .active-payment-list .active-payment-card .btm-data-cover {
  border-top: 1px solid #ecedef;
  padding-top: 10px;
  padding-bottom: 8px;
}

.acc-payment-sec-outer .active-payment-tab .active-payment-list .active-payment-card .btm-data-cover:last-child {
  padding-bottom: 0;
}

.acc-payment-sec-outer .active-payment-tab .active-payment-list .active-payment-card .btm-data-cover .inst-amnt-wrapper {
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 1679px) {
  .acc-payment-sec-outer .active-payment-tab .active-payment-list .active-payment-card .btm-data-cover .inst-amnt-wrapper {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .acc-payment-sec-outer .active-payment-tab .active-payment-list .active-payment-card .btm-data-cover .inst-amnt-wrapper {
    font-size: 13px;
  }
}

.acc-payment-sec-outer .active-payment-tab .active-payment-list .active-payment-card .btm-data-cover .inst-amnt-wrapper .amnt-label {
  color: #101b25;
}

.acc-payment-sec-outer .active-payment-tab .active-payment-list .active-payment-card .btm-data-cover .inst-amnt-wrapper .amnt {
  color: #101b25;
  font-family: Instrument Sans, sans-serif;
  font-weight: 500;
}

.acc-payment-sec-outer .completed-payment-list .completed-payment-card {
  background-color: #fff;
  border: 1px solid #f6f7f9;
  border-radius: 8px;
  margin-bottom: 15px;
  padding: 15px;
}

.acc-payment-sec-outer .completed-payment-list .completed-payment-card .det-block {
  align-items: center;
  display: flex;
}

.acc-payment-sec-outer .completed-payment-list .completed-payment-card .det-block .prod-img {
  flex-shrink: 0;
}

.acc-payment-sec-outer .completed-payment-list .completed-payment-card .det-block .prod-img .item-img {
  object-fit: cover;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  margin-right: 12px;
}

.acc-payment-sec-outer .completed-payment-list .completed-payment-card .det-block .data-block {
  padding-right: 15px;
}

.acc-payment-sec-outer .completed-payment-list .completed-payment-card .det-block .data-block h4 {
  color: #101b25;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 3px;
  font-size: 20px;
  font-weight: 500;
  display: -webkit-box;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .acc-payment-sec-outer .completed-payment-list .completed-payment-card .det-block .data-block h4 {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .acc-payment-sec-outer .completed-payment-list .completed-payment-card .det-block .data-block h4 {
    font-size: 16px;
  }
}

.acc-payment-sec-outer .completed-payment-list .completed-payment-card .det-block .data-block p {
  color: #415362;
  margin: 0;
  font-size: 16px;
}

@media (max-width: 1679px) {
  .acc-payment-sec-outer .completed-payment-list .completed-payment-card .det-block .data-block p {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .acc-payment-sec-outer .completed-payment-list .completed-payment-card .det-block .data-block p {
    font-size: 13px;
  }
}

.acc-payment-sec-outer .completed-payment-list .completed-payment-card .date-block {
  color: #415362;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: 50px;
  font-size: 16px;
}

@media (max-width: 1679px) {
  .acc-payment-sec-outer .completed-payment-list .completed-payment-card .date-block {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .acc-payment-sec-outer .completed-payment-list .completed-payment-card .date-block {
    font-size: 13px;
  }
}

@media (max-width: 991px) {
  .acc-payment-sec-outer .completed-payment-list .completed-payment-card .date-block {
    margin-right: 10px;
  }
}

@media (max-width: 767px) {
  .acc-payment-sec-outer .completed-payment-list .completed-payment-card .date-block {
    margin-right: 0;
  }
}

@media (max-width: 579px) {
  .acc-payment-sec-outer .completed-payment-list .completed-payment-card .date-block.date-block-web {
    display: none;
  }
}

.acc-payment-sec-outer .completed-payment-list .completed-payment-card .date-block.date-block-mob {
  width: 100%;
  margin-left: 0;
  padding-top: 15px;
}

@media (min-width: 580px) {
  .acc-payment-sec-outer .completed-payment-list .completed-payment-card .date-block.date-block-mob {
    display: none;
  }
}

.acc-payment-sec-outer .completed-payment-list .completed-payment-card .status-block {
  flex-shrink: 0;
  justify-content: flex-end;
  min-width: 80px;
  display: flex;
}

@media (max-width: 579px) {
  .acc-payment-sec-outer .completed-payment-list .completed-payment-card .status-block {
    min-width: auto;
    margin-left: auto;
  }
}

.acc-payment-sec-outer .completed-payment-list .completed-payment-card .status-block .status {
  color: #1bb746;
  background-color: #eaf7ea;
  border-radius: 25px;
  padding: 5px 15px;
  font-size: 14px;
  display: inline-block;
}

@media (max-width: 1679px) {
  .acc-payment-sec-outer .completed-payment-list .completed-payment-card .status-block .status {
    font-size: 12px;
  }
}

@media (max-width: 579px) {
  .acc-payment-sec-outer .completed-payment-list .completed-payment-card .status-block .status {
    padding: 3px 12px;
  }
}

.acc-payment-sec-outer .payouts-tab {
  max-width: 458px;
  margin: 0 auto;
  padding: 30px 0 100px;
}

@media (max-width: 1679px) {
  .acc-payment-sec-outer .payouts-tab {
    padding: 30px 0 80px;
  }
}

@media (max-width: 579px) {
  .acc-payment-sec-outer .payouts-tab {
    padding: 0;
  }
}

.acc-payment-sec-outer .payouts-tab .payouts-cover {
  background-color: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 8px;
  padding: 25px 15px 20px;
  box-shadow: 0 2px 4px #0000000a;
}

.acc-payment-sec-outer .payouts-tab .payouts-cover .bal-wrapper {
  border-bottom: 1px solid #eee;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 25px;
}

.acc-payment-sec-outer .payouts-tab .payouts-cover .bal-wrapper .bal-label {
  color: #101b25;
  font-size: 14px;
  font-weight: 500;
}

.acc-payment-sec-outer .payouts-tab .payouts-cover .bal-wrapper .bal-amt {
  color: #101b25;
  font-size: 21px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .acc-payment-sec-outer .payouts-tab .payouts-cover .bal-wrapper .bal-amt {
    font-size: 18px;
  }
}

.acc-payment-sec-outer .payouts-tab .payouts-cover .payment-method-block {
  margin-bottom: 30px;
  padding-top: 35px;
}

@media (max-width: 1679px) {
  .acc-payment-sec-outer .payouts-tab .payouts-cover .payment-method-block {
    margin-bottom: 20px;
    padding-top: 30px;
  }
}

@media (max-width: 1481px) {
  .acc-payment-sec-outer .payouts-tab .payouts-cover .payment-method-block {
    margin-bottom: 20px;
    padding-top: 25px;
  }
}

.acc-payment-sec-outer .payouts-tab .payouts-cover .payment-method-block h4 {
  color: #101b25;
  margin-bottom: 35px;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .acc-payment-sec-outer .payouts-tab .payouts-cover .payment-method-block h4 {
    margin-bottom: 30px;
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .acc-payment-sec-outer .payouts-tab .payouts-cover .payment-method-block h4 {
    font-size: 16px;
  }
}

.acc-payment-sec-outer .payouts-tab .payouts-cover .payment-method-block .bank-title {
  color: #101b25;
  align-items: center;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .acc-payment-sec-outer .payouts-tab .payouts-cover .payment-method-block .bank-title {
    font-size: 15px;
  }
}

.acc-payment-sec-outer .payouts-tab .payouts-cover .payment-method-block .bank-title .icon {
  flex-shrink: 0;
  margin-right: 12px;
  display: inline-block;
}

.acc-payment-sec-outer .payouts-tab .payouts-cover .payment-method-block .bank-acc-card {
  border-bottom: 1px solid #f6f7f9;
  align-items: center;
  padding: 12px 2px;
  display: flex;
}

.acc-payment-sec-outer .payouts-tab .payouts-cover .payment-method-block .bank-acc-card .form-check {
  align-items: center;
}

.acc-payment-sec-outer .payouts-tab .payouts-cover .payment-method-block .bank-acc-card .form-check .form-check-input {
  margin-top: -1px;
  margin-right: 12px;
}

.acc-payment-sec-outer .payouts-tab .payouts-cover .payment-method-block .bank-acc-card .form-check .form-check-label {
  align-items: center;
}

.acc-payment-sec-outer .payouts-tab .payouts-cover .payment-method-block .bank-acc-card .form-check .form-check-label .acc-icon {
  background-color: #f8f9fa;
  border-radius: 2px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 22px;
  margin-right: 12px;
  padding: 2px;
  display: inline-flex;
}

.acc-payment-sec-outer .payouts-tab .payouts-cover .payment-method-block .bank-acc-card .form-check .form-check-label .acc-icon img {
  max-width: 100%;
  max-height: 100%;
}

.acc-payment-sec-outer .payouts-tab .payouts-cover .payment-method-block .bank-acc-card .form-check .form-check-label .acc-num {
  color: #415362;
  font-size: 14px;
}

.acc-payment-sec-outer .payouts-tab .payouts-cover .btn-block {
  padding-top: 15px;
}

.acc-payment-sec-outer .payouts-tab .payouts-cover .btn-block .btn-1 {
  padding: 8px 15px;
  font-size: 14px;
}

.acc-payment-sec-outer .payouts-tab .payouts-cover .btn-block .btn-1.btn-border {
  color: #101b25;
  background-color: #fff;
  border: 1px solid #dfe1e3;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 4px #2a455d0f;
}

.acc-payment-sec-outer .payouts-tab .payouts-cover .btn-block .btn-1.btn-border img {
  margin-right: 5px;
}

.acc-payment-sec-outer .payment-method-tab .payment-method-cover {
  background-color: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 8px;
  padding: 30px 25px;
}

@media (max-width: 579px) {
  .acc-payment-sec-outer .payment-method-tab .payment-method-cover {
    padding: 20px;
  }
}

.summary-data-container {
  padding: 40px 0;
}

@media (max-width: 1679px) {
  .summary-data-container {
    padding: 30px 0;
  }
}

@media (max-width: 767px) {
  .summary-data-container {
    padding: 20px 0 100px;
  }
}

.summary-data-container .summary-title-mob {
  color: #101b25;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
}

@media (min-width: 580px) {
  .summary-data-container .summary-title-mob {
    display: none;
  }
}

.summary-data-container .summary-det-outer {
  border: 1px solid #ecedef;
  border-radius: 20px;
  max-width: 519px;
  margin: 0 auto;
  padding: 25px;
  box-shadow: 0 2px 4px #0000000a;
}

@media (max-width: 579px) {
  .summary-data-container .summary-det-outer {
    max-width: 100%;
  }
}

@media (max-width: 479px) {
  .summary-data-container .summary-det-outer {
    padding: 20px;
  }
}

.summary-data-container .summary-det-outer h2 {
  color: #101b25;
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .summary-data-container .summary-det-outer h2 {
    margin-bottom: 20px;
    font-size: 21px;
  }
}

@media (max-width: 1481px) {
  .summary-data-container .summary-det-outer h2 {
    font-size: 19px;
  }
}

@media (max-width: 579px) {
  .summary-data-container .summary-det-outer h2 {
    font-size: 18px;
  }

  .summary-data-container .summary-det-outer .summary-title-web {
    display: none;
  }
}

.summary-data-container .summary-det-outer .membership-det-cover .sec-block-top {
  margin-bottom: 20px;
}

.summary-data-container .summary-det-outer .membership-det-cover .membership-title-sm {
  color: #415362;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .summary-data-container .summary-det-outer .membership-det-cover .membership-title-sm {
    font-size: 15px;
  }
}

.summary-data-container .summary-det-outer .membership-det-cover .amt-wrapper {
  margin-bottom: 5px;
  display: flex;
}

.summary-data-container .summary-det-outer .membership-det-cover .amt-wrapper .amt {
  color: #101b25;
  margin-right: 8px;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .summary-data-container .summary-det-outer .membership-det-cover .amt-wrapper .amt {
    font-size: 21px;
    line-height: 21px;
  }
}

@media (max-width: 1481px) {
  .summary-data-container .summary-det-outer .membership-det-cover .amt-wrapper .amt {
    font-size: 19px;
    line-height: 19px;
  }
}

.summary-data-container .summary-det-outer .membership-det-cover .amt-wrapper .amt-label {
  color: #415362;
  margin-top: auto;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .summary-data-container .summary-det-outer .membership-det-cover .amt-wrapper .amt-label {
    font-size: 14px;
  }
}

.summary-data-container .summary-det-outer .membership-det-cover .renew-date {
  color: #ef4444;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .summary-data-container .summary-det-outer .membership-det-cover .renew-date {
    font-size: 13px;
  }
}

.summary-data-container .summary-det-outer .membership-det-cover .membership-amt-wrapper {
  padding-bottom: 15px;
}

.summary-data-container .summary-det-outer .membership-det-cover .membership-amt-wrapper .label-block {
  max-width: 350px;
  padding-right: 15px;
}

.summary-data-container .summary-det-outer .membership-det-cover .membership-amt-wrapper .label-block h6 {
  color: #101b25;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .summary-data-container .summary-det-outer .membership-det-cover .membership-amt-wrapper .label-block h6 {
    font-size: 14px;
  }
}

.summary-data-container .summary-det-outer .membership-det-cover .membership-amt-wrapper .label-block p {
  color: #415362;
  margin: 0;
  font-size: 14px;
}

@media (max-width: 1679px) {
  .summary-data-container .summary-det-outer .membership-det-cover .membership-amt-wrapper .label-block p {
    font-size: 12px;
  }
}

.summary-data-container .summary-det-outer .membership-det-cover .membership-amt-wrapper .amnt-block {
  color: #101b25;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .summary-data-container .summary-det-outer .membership-det-cover .membership-amt-wrapper .amnt-block {
    font-size: 14px;
  }
}

.summary-data-container .summary-det-outer .membership-det-cover .sub-total-wrapper {
  align-items: center;
  margin-bottom: 15px;
}

.summary-data-container .summary-det-outer .membership-det-cover .sub-total-wrapper .label-block {
  color: #415362;
  padding-right: 15px;
  font-size: 14px;
}

.summary-data-container .summary-det-outer .membership-det-cover .sub-total-wrapper .amnt-block {
  color: #101b25;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 500;
}

.summary-data-container .summary-det-outer .membership-det-cover .total-wrapper {
  color: #101b25;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .summary-data-container .summary-det-outer .membership-det-cover .total-wrapper {
    font-size: 16px;
  }
}

.summary-data-container .summary-det-outer .membership-det-cover .total-wrapper .label-block {
  padding-right: 15px;
}

.summary-data-container .summary-det-outer .membership-det-cover .total-wrapper .amnt-block {
  flex-shrink: 0;
}

.summary-data-container .summary-det-outer .membership-det-cover .payment-summary-block {
  border-top: 1px solid #ecedef;
  margin-top: 30px;
  padding-top: 30px;
}

@media (max-width: 1679px) {
  .summary-data-container .summary-det-outer .membership-det-cover .payment-summary-block {
    margin-top: 20px;
    padding-top: 20px;
  }
}

.summary-data-container .summary-det-outer .membership-det-cover .payment-summary-block h4 {
  color: #101b25;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .summary-data-container .summary-det-outer .membership-det-cover .payment-summary-block h4 {
    font-size: 14px;
  }
}

.summary-data-container .summary-det-outer .membership-det-cover .payment-summary-block .data-wrapper {
  margin-bottom: 12px;
  font-size: 16px;
}

@media (max-width: 1679px) {
  .summary-data-container .summary-det-outer .membership-det-cover .payment-summary-block .data-wrapper {
    font-size: 14px;
  }
}

.summary-data-container .summary-det-outer .membership-det-cover .payment-summary-block .data-wrapper .label-block {
  color: #415362;
  padding-right: 15px;
}

.summary-data-container .summary-det-outer .membership-det-cover .payment-summary-block .data-wrapper .val-block {
  text-align: right;
  color: #101b25;
  word-break: break-all;
  flex-shrink: 0;
  font-weight: 500;
}

@media (max-width: 400px) {
  .summary-data-container .summary-det-outer .membership-det-cover .payment-summary-block .data-wrapper .val-block {
    max-width: 70%;
  }
}

.summary-data-container .summary-det-outer .membership-det-cover .btn-wrapper {
  padding-top: 10px;
}

@media (max-width: 479px) {
  .summary-data-container .summary-det-outer .membership-det-cover .btn-wrapper {
    flex-direction: column;
  }
}

.summary-data-container .summary-det-outer .membership-det-cover .btn-wrapper .btn-cancel {
  background-color: #ef3c38;
}

.summary-data-container .summary-det-outer .membership-det-cover .btn-wrapper.btn-wrapper-manage-cancel {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}

@media (max-width: 479px) {
  .summary-data-container .summary-det-outer .membership-det-cover .btn-wrapper.btn-wrapper-manage-cancel {
    flex-direction: column;
  }
}

.summary-data-container .summary-det-outer .membership-det-cover .btn-wrapper.btn-wrapper-manage-cancel .btn-manage-membership {
  color: #fff;
  background-color: #4882b8;
  flex: 1;
  min-width: 140px;
}

.summary-data-container .summary-det-outer .membership-det-cover .btn-wrapper.btn-wrapper-manage-cancel .btn-cancel {
  flex: 1;
  min-width: 140px;
}

.xtra-membership-outer .xtra-membership-data-cover {
  padding-top: 15px;
}

.xtra-membership-outer .membership-title {
  margin-bottom: 50px;
}

@media (max-width: 1679px) {
  .xtra-membership-outer .membership-title {
    margin-bottom: 30px;
  }
}

@media (max-width: 1481px) {
  .xtra-membership-outer .membership-title {
    margin-bottom: 20px;
  }
}

.xtra-membership-outer .membership-title h2 {
  color: #101b25;
  margin-bottom: 4px;
  font-size: 24px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .xtra-membership-outer .membership-title h2 {
    font-size: 21px;
  }
}

@media (max-width: 1481px) {
  .xtra-membership-outer .membership-title h2 {
    font-size: 19px;
  }
}

.xtra-membership-outer .membership-title p {
  color: #415362;
  margin: 0;
}

@media (max-width: 1679px) {
  .xtra-membership-outer .membership-title p {
    font-size: 14px;
  }
}

.xtra-membership-outer .membership-tab-title {
  margin-bottom: 25px;
}

@media (max-width: 1679px) {
  .xtra-membership-outer .membership-tab-title {
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .xtra-membership-outer .membership-tab-title {
    flex-wrap: wrap;
  }
}

.xtra-membership-outer .membership-tab-title h2 {
  color: #415362;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .xtra-membership-outer .membership-tab-title h2 {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .xtra-membership-outer .membership-tab-title h2 {
    font-size: 16px;
  }
}

.xtra-membership-outer .membership-tab-title p {
  color: #415362;
  margin: 0;
  font-size: 12px;
}

.xtra-membership-outer .membership-tab-title .left-block {
  padding-right: 15px;
}

@media (max-width: 767px) {
  .xtra-membership-outer .membership-tab-title .left-block {
    width: 100%;
    margin-bottom: 20px;
    padding-right: 0;
  }
}

.xtra-membership-outer .membership-tab-title .left-block p {
  max-width: 85%;
}

@media (max-width: 767px) {
  .xtra-membership-outer .membership-tab-title .left-block p {
    max-width: 100%;
  }
}

.xtra-membership-outer .membership-tab-title .right-block {
  flex-shrink: 0;
  margin-top: auto;
  margin-left: auto;
}

@media (max-width: 767px) {
  .xtra-membership-outer .membership-tab-title .right-block {
    justify-content: center;
    width: 100%;
    margin-left: 0;
    display: flex;
  }
}

.xtra-membership-outer .membership-tab-title .tab-btn-cover {
  background-color: #ecedef;
  border-radius: 85px;
  padding: 3px;
}

.xtra-membership-outer .membership-tab-title .tab-btn-cover .plan-ab-btn {
  text-align: center;
  color: #415362;
  background-color: #0000;
  border: none;
  border-radius: 40px;
  min-width: 85px;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 500;
  transition: all .3s;
}

@media (max-width: 1679px) {
  .xtra-membership-outer .membership-tab-title .tab-btn-cover .plan-ab-btn {
    font-size: 12px;
  }
}

.xtra-membership-outer .membership-tab-title .tab-btn-cover .plan-ab-btn.active {
  color: #101b25;
  background-color: #fff;
  box-shadow: 0 47.09px 50.45px -7.57px #3c41500f;
}

.xtra-membership-outer .membership-tab-title .tab-btn-cover .plan-ab-btn:hover {
  color: #101b25;
}

.xtra-membership-outer .xtra-tab-outer .plan-data-cover {
  border: 2px solid #ecedef;
  border-radius: 16px;
  padding: 30px 30px 15px;
  position: relative;
}

@media (max-width: 767px) {
  .xtra-membership-outer .xtra-tab-outer .plan-data-cover {
    padding: 20px 25px 15px;
  }
}

@media (max-width: 479px) {
  .xtra-membership-outer .xtra-tab-outer .plan-data-cover {
    padding: 20px 20px 15px;
  }
}

@media (max-width: 390px) {
  .xtra-membership-outer .xtra-tab-outer .plan-data-cover {
    padding: 20px 15px 15px;
  }
}

.xtra-membership-outer .xtra-tab-outer .plan-data-cover .logo-off {
  opacity: .2;
  text-align: right;
  position: absolute;
  top: 20px;
  right: 35px;
}

@media (max-width: 767px) {
  .xtra-membership-outer .xtra-tab-outer .plan-data-cover .logo-off {
    right: 20px;
  }
}

.xtra-membership-outer .xtra-tab-outer .plan-data-cover .logo-off img {
  max-width: 100px;
}

.xtra-membership-outer .xtra-tab-outer .plan-data-cover .tab-title-wrapper {
  margin-bottom: 45px;
}

@media (max-width: 1679px) {
  .xtra-membership-outer .xtra-tab-outer .plan-data-cover .tab-title-wrapper {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .xtra-membership-outer .xtra-tab-outer .plan-data-cover .tab-title-wrapper {
    flex-wrap: wrap;
  }
}

.xtra-membership-outer .xtra-tab-outer .plan-data-cover .tab-title-wrapper .icon {
  background-color: #fff1d9;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-right: 25px;
  display: inline-flex;
}

@media (max-width: 767px) {
  .xtra-membership-outer .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt {
    width: 100%;
    padding-top: 10px;
  }
}

.xtra-membership-outer .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt h4 {
  color: #101b25;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .xtra-membership-outer .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt h4 {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .xtra-membership-outer .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt h4 {
    margin-bottom: 8px;
  }
}

.xtra-membership-outer .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt .amt-wrapper {
  display: flex;
}

.xtra-membership-outer .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt .amt-wrapper .amt {
  color: #101b25;
  margin-right: 8px;
  font-size: 32px;
  font-weight: 600;
  line-height: 32px;
}

@media (max-width: 1679px) {
  .xtra-membership-outer .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt .amt-wrapper .amt {
    font-size: 26px;
    line-height: 26px;
  }
}

@media (max-width: 1481px) {
  .xtra-membership-outer .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt .amt-wrapper .amt {
    font-size: 24px;
    line-height: 24px;
  }
}

.xtra-membership-outer .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt .amt-wrapper .amt-label {
  color: #415362;
  margin-top: auto;
  font-size: 14px;
}

@media (max-width: 1679px) {
  .xtra-membership-outer .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt .amt-wrapper .amt-label {
    font-size: 13px;
  }
}

.xtra-membership-outer .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt .save-info-block {
  padding-top: 8px;
}

.xtra-membership-outer .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt .save-info-block .save-info {
  color: #415362;
  background-color: #f3f3f3;
  border-radius: 25px;
  padding: 6px 18px;
  font-size: 14px;
  display: inline-block;
}

@media (max-width: 1679px) {
  .xtra-membership-outer .xtra-tab-outer .plan-data-cover .tab-title-wrapper .txt .save-info-block .save-info {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .xtra-membership-outer .xtra-tab-outer .plan-data-cover .list-cover {
    flex-wrap: wrap;
  }
}

.xtra-membership-outer .xtra-tab-outer .plan-data-cover .list-cover .list-col {
  width: 50%;
  padding-right: 15px;
}

@media (max-width: 767px) {
  .xtra-membership-outer .xtra-tab-outer .plan-data-cover .list-cover .list-col {
    width: 100%;
    padding-right: 0;
  }
}

.xtra-membership-outer .xtra-tab-outer .plan-data-cover .list-cover .list-col:last-child {
  padding-left: 15px;
}

@media (max-width: 767px) {
  .xtra-membership-outer .xtra-tab-outer .plan-data-cover .list-cover .list-col:last-child {
    padding-left: 0;
  }
}

.xtra-membership-outer .xtra-tab-outer .plan-data-cover .list-cover .info-li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.xtra-membership-outer .xtra-tab-outer .plan-data-cover .list-cover .info-li li {
  margin-bottom: 25px;
  display: flex;
}

@media (max-width: 1679px) {
  .xtra-membership-outer .xtra-tab-outer .plan-data-cover .list-cover .info-li li {
    margin-bottom: 20px;
  }
}

.xtra-membership-outer .xtra-tab-outer .plan-data-cover .list-cover .info-li li:before {
  content: "";
  background-image: url("/img/plan-list.svg");
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  display: block;
}

@media (max-width: 1679px) {
  .xtra-membership-outer .xtra-tab-outer .plan-data-cover .list-cover .info-li li:before {
    width: 22px;
  }
}

.xtra-membership-outer .xtra-tab-outer .plan-data-cover .list-cover .info-li li h4 {
  color: #415362;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .xtra-membership-outer .xtra-tab-outer .plan-data-cover .list-cover .info-li li h4 {
    font-size: 13px;
  }
}

.xtra-membership-outer .xtra-tab-outer .plan-data-cover .list-cover .info-li li p {
  color: #415362;
  margin: 0;
  font-size: 14px;
}

@media (max-width: 1679px) {
  .xtra-membership-outer .xtra-tab-outer .plan-data-cover .list-cover .info-li li p {
    font-size: 13px;
  }
}

.xtra-membership-outer .xtra-tab-outer .btm-btn-wrapper {
  justify-content: flex-end;
  padding-top: 30px;
  display: flex;
}

@media (max-width: 1679px) {
  .xtra-membership-outer .xtra-tab-outer .btm-btn-wrapper {
    padding-top: 20px;
  }
}

@media (max-width: 479px) {
  .xtra-membership-outer .xtra-tab-outer .btm-btn-wrapper {
    flex-wrap: wrap;
  }
}

.xtra-membership-outer .xtra-tab-outer .btm-btn-wrapper .btn-1 {
  width: 350px;
}

@media (max-width: 1679px) {
  .xtra-membership-outer .xtra-tab-outer .btm-btn-wrapper .btn-1 {
    width: 300px;
  }
}

@media (max-width: 1481px) {
  .xtra-membership-outer .xtra-tab-outer .btm-btn-wrapper .btn-1 {
    width: 260px;
  }
}

@media (max-width: 767px) {
  .xtra-membership-outer .xtra-tab-outer .btm-btn-wrapper .btn-1 {
    width: auto;
    padding: 12px 30px;
  }
}

@media (max-width: 479px) {
  .xtra-membership-outer .xtra-tab-outer .btm-btn-wrapper .btn-1 {
    width: 100%;
  }
}

.xtra-membership-outer .xtra-tab-outer .btm-btn-wrapper .border-btn {
  width: 230px;
  margin-right: 16px;
  box-shadow: 0 2px 4px #2a455d0f;
}

@media (max-width: 1679px) {
  .xtra-membership-outer .xtra-tab-outer .btm-btn-wrapper .border-btn {
    width: 200px;
  }
}

@media (max-width: 1481px) {
  .xtra-membership-outer .xtra-tab-outer .btm-btn-wrapper .border-btn {
    width: 180px;
  }
}

@media (max-width: 767px) {
  .xtra-membership-outer .xtra-tab-outer .btm-btn-wrapper .border-btn {
    width: auto;
  }
}

@media (max-width: 479px) {
  .xtra-membership-outer .xtra-tab-outer .btm-btn-wrapper .border-btn {
    width: 100%;
    margin-bottom: 8px;
    margin-right: 0;
  }
}

/* [project]/ui/styles/scss/payment-protctn.scss.css [client] (css) */
.payment-bread-crumb {
  background: #f8f9fa;
}

.breadcrumb {
  margin: 0;
  padding: 30px 0 16px;
}

@media (max-width: 1679px) {
  .breadcrumb {
    padding: 25px 0 11px;
  }
}

@media (max-width: 1481px) {
  .breadcrumb {
    padding: 15px 0;
  }
}

.breadcrumb .list {
  margin: 0;
  padding: 0;
  font-size: 14px;
  list-style: none;
  display: flex;
}

@media (max-width: 1679px) {
  .breadcrumb .list {
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .breadcrumb .list {
    font-size: 12px;
  }
}

@media (max-width: 579px) {
  .breadcrumb .list {
    font-size: 10px;
  }
}

.breadcrumb .list li {
  align-items: center;
  display: flex;
}

.breadcrumb .list li a {
  color: #7b8d9f;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

@media (max-width: 1679px) {
  .breadcrumb .list li a {
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .breadcrumb .list li a {
    font-size: 12px;
  }
}

@media (max-width: 579px) {
  .breadcrumb .list li a {
    font-size: 10px;
  }
}

.breadcrumb .list li a:hover {
  text-decoration: underline;
}

.breadcrumb .list li a.active {
  color: #101b25;
}

.breadcrumb .list li + li:before {
  content: "";
  color: #999;
  background-image: url("/img/gray-arrow.svg");
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  margin: 0 8px;
}

@media (max-width: 1679px) {
  .breadcrumb .list li + li:before {
    margin: 0 6px;
  }
}

@media (min-width: 1200px) {
  .custom-container-dwnld {
    max-width: 1076px;
  }
}

.payment-protection {
  padding: 36px 0 23px;
}

@media (max-width: 579px) {
  .payment-protection {
    padding: 15px;
  }
}

.payment-protection .title {
  color: #122852;
  padding-bottom: 20px;
  font-size: 2.5em;
  font-weight: 600;
  line-height: 32px;
}

@media (max-width: 1679px) {
  .payment-protection .title {
    font-size: 2.2em;
  }
}

@media (max-width: 1481px) {
  .payment-protection .title {
    font-size: 2em;
  }
}

@media (max-width: 579px) {
  .payment-protection .title {
    font-size: 24px;
  }
}

.payment-protection .protection-inner {
  background: #fff;
  border-radius: 23px;
  padding: 55px 80px 40px;
}

@media (max-width: 1679px) {
  .payment-protection .protection-inner {
    padding: 45px 60px 30px;
  }
}

@media (max-width: 1481px) {
  .payment-protection .protection-inner {
    padding: 35px 40px 25px;
  }
}

@media (max-width: 1199px) {
  .payment-protection .protection-inner {
    padding: 35px;
  }
}

@media (max-width: 991px) {
  .payment-protection .protection-inner {
    padding: 25px;
  }
}

@media (max-width: 579px) {
  .payment-protection .protection-inner {
    background-color: #0000;
    padding: 0;
  }
}

.payment-protection .protection-inner .subtitle {
  color: #101b25;
  letter-spacing: -1.04%;
  padding-bottom: 24px;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
}

@media (max-width: 1679px) {
  .payment-protection .protection-inner .subtitle {
    padding-bottom: 20px;
    font-size: 28px;
    line-height: 38px;
  }
}

@media (max-width: 1481px) {
  .payment-protection .protection-inner .subtitle {
    padding-bottom: 15px;
    font-size: 26px;
    line-height: 36px;
  }
}

@media (max-width: 1199px) {
  .payment-protection .protection-inner .subtitle {
    font-size: 24px;
    line-height: 34px;
  }
}

@media (max-width: 579px) {
  .payment-protection .protection-inner .subtitle {
    padding: 20px 0;
  }

  .payment-protection .protection-inner .subtitle.top-title {
    display: none;
  }
}

.payment-protection .protection-inner .subtitle.top-title span {
  font-size: 24px;
  font-weight: 400;
}

.payment-protection .protection-inner .bnr {
  height: 330px;
  padding-bottom: 35px;
}

@media (max-width: 1679px) {
  .payment-protection .protection-inner .bnr {
    height: 300px;
    padding-bottom: 20px;
  }
}

@media (max-width: 1481px) {
  .payment-protection .protection-inner .bnr {
    height: 280px;
  }
}

@media (max-width: 579px) {
  .payment-protection .protection-inner .bnr {
    height: 160px;
    padding-bottom: 19px;
  }
}

.payment-protection .protection-inner .bnr img {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}

.payment-protection .protection-inner .content {
  color: #101b25;
  letter-spacing: 0%;
  padding-bottom: 30px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .payment-protection .protection-inner .content {
    padding-bottom: 25px;
  }
}

.payment-protection .protection-inner .content-sec .content-title {
  color: #101b25;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .payment-protection .protection-inner .content-sec .content-title {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 22px;
  }
}

.payment-protection .protection-inner .sublist {
  padding-bottom: 0;
}

@media (max-width: 579px) {
  .payment-protection .protection-inner .sublist {
    padding-bottom: 0;
  }
}

.payment-protection .protection-inner .sublist.sublist-wrp {
  margin-bottom: 40px;
}

.payment-protection .protection-inner .sublist.sublist-wrp ul li {
  list-style-type: none;
}

.payment-protection .protection-inner .sublist.sublist-wrp ul li span {
  font-weight: 500;
}

.payment-protection .protection-inner .sublist.sublist-wrp ul li .inner-list {
  padding-top: 25px;
  padding-bottom: 0;
}

.payment-protection .protection-inner .sublist.sublist-wrp ul li .inner-list li {
  margin-bottom: 25px;
  list-style-type: disc;
}

.payment-protection .protection-inner .sublist.sublist-wrp ul li .inner-list li:last-child {
  margin-bottom: 0;
}

.payment-protection .protection-inner .sublist .t-tile {
  letter-spacing: 0%;
  color: #101b25;
  margin-bottom: 25px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.payment-protection .protection-inner .sublist .t-tile.winx-title {
  font-size: 20px;
}

@media (max-width: 579px) {
  .payment-protection .protection-inner .sublist .t-tile {
    margin-bottom: 13px;
  }
}

.payment-protection .protection-inner .sublist ul {
  margin-bottom: 0;
}

.payment-protection .protection-inner .sublist ul li {
  color: #101b25;
  letter-spacing: 0%;
  margin-bottom: 19px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .payment-protection .protection-inner .sublist ul li {
    margin-bottom: 12px;
  }
}

.payment-protection .protection-inner .sublist ul li span {
  font-weight: 500;
}

.payment-protection .protection-inner .sublist ul li:last-child {
  margin-bottom: 0;
}

.payment-protection .protection-inner .content-sec-btm {
  padding-bottom: 30px;
}

@media (max-width: 1679px) {
  .payment-protection .protection-inner .content-sec-btm {
    padding-bottom: 25px;
  }
}

@media (max-width: 1481px) {
  .payment-protection .protection-inner .content-sec-btm {
    padding-bottom: 20px;
  }
}

@media (max-width: 579px) {
  .payment-protection .protection-inner .content-sec-btm {
    padding-bottom: 15px;
  }

  .payment-protection .protection-inner .content-sec-btm.product-protectn-detail .subtitle {
    font-size: 20px;
  }

  .payment-protection .protection-inner .content-sec-btm.product-protectn-detail {
    padding-bottom: 0;
  }

  .payment-protection .protection-inner .content-sec-btm.product-protectn-detail .overview {
    padding-inline-start: 0 !important;
  }

  .payment-protection .protection-inner .content-sec-btm.product-protectn-detail .overview li {
    margin-bottom: 31px;
    list-style-type: none !important;
  }
}

.payment-protection .protection-inner .content-sec-btm.product-protectn-detail ul li:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 579px) {
  .payment-protection .protection-inner .content-sec-btm.product-protectn-detail ul li:last-child {
    margin-bottom: 28px !important;
  }
}

.payment-protection .protection-inner .content-sec-btm .main-content {
  color: #101b25;
  padding-bottom: 41px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 1199px) {
  .payment-protection .protection-inner .content-sec-btm .main-content {
    padding-bottom: 32px;
  }
}

.payment-protection .protection-inner .content-sec-btm .main-content .contact {
  color: #4882b8;
}

.payment-protection .protection-inner .content-sec-btm .para-title {
  color: #101b25;
  padding-bottom: 31px;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .payment-protection .protection-inner .content-sec-btm .para-title {
    padding-bottom: 21px;
    font-size: 18px;
    line-height: 22px;
  }
}

@media (max-width: 579px) {
  .payment-protection .protection-inner .content-sec-btm .para-title {
    padding-bottom: 12px;
  }
}

.payment-protection .protection-inner .list-items.sub-list-items ul {
  padding-inline-start: 0;
}

.payment-protection .protection-inner .list-items.sub-list-items ul li {
  list-style-type: none;
}

/* [project]/ui/styles/scss/payoff-early-modal.scss.css [client] (css) */
.payoff-early-summary {
  box-sizing: border-box;
  background: #fafbfc;
  border: 1px solid #eaeef2;
  border-radius: 10px;
  width: 100%;
  margin: 16px 0 20px;
  padding: 14px 16px;
}

.payoff-early-row {
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 28px;
  padding: 6px 0;
  display: flex;
}

.payoff-early-row:first-child {
  padding-top: 0;
}

.payoff-early-row__label {
  color: #6b7280;
  flex-shrink: 0;
  min-width: 0;
  font-size: 12px;
  font-weight: 500;
}

.payoff-early-row__meta {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin-left: 12px;
  font-size: 13px;
  display: flex;
}

.payoff-early-row__count {
  color: #9ca3af;
  font-size: 12px;
  font-weight: 500;
}

.payoff-early-row__amount {
  color: #111827;
  font-size: 14px;
  font-weight: 600;
}

.payoff-early-row--outstanding .payoff-early-row__meta {
  color: #b45309;
  font-weight: 600;
}

.payoff-early-row--total {
  border-top: 1px solid #eaeef2;
  margin-top: 4px;
  padding-top: 10px;
}

.payoff-early-row--total .payoff-early-row__label {
  color: #111827;
  font-size: 13px;
  font-weight: 600;
}

.payoff-early-row--total .payoff-early-row__amount {
  text-align: right;
  flex-shrink: 0;
}

.payoff-early-row__amount--total {
  color: #111827;
  letter-spacing: -.02em;
  font-size: 17px;
  font-weight: 700;
}

.payoff-early-divider {
  display: none;
}

.payoff-early-payment-label {
  color: #374151;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 500;
}

.accept-offer-modal.counter-offer-ric-modal .custom-modal-body {
  padding: 24px 24px 20px;
}

.accept-offer-modal.counter-offer-ric-modal .company-logo {
  margin-bottom: 12px;
}

.accept-offer-modal.counter-offer-ric-modal .company-logo img {
  width: auto;
  height: 32px;
}

.accept-offer-modal.counter-offer-ric-modal .of-title.min {
  color: #111827;
  font-size: 18px;
  font-weight: 600;
}

.accept-offer-modal.counter-offer-ric-modal .re-btn-wrap {
  gap: 10px;
  margin-top: 25px;
}

/* [project]/ui/styles/scss/plaincontent.scss.css [client] (css) */
.plaincontent-wrap {
  padding: 50px 0;
}

@media (max-width: 1679px) {
  .plaincontent-wrap {
    padding: 30px 0;
  }
}

.plaincontent-wrap .ric-info-wrapper {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 20px;
}

@media (max-width: 767px) {
  .plaincontent-wrap .ric-info-wrapper {
    padding: 0 16px;
  }
}

@media (max-width: 579px) {
  .plaincontent-wrap .ric-info-wrapper {
    padding: 0 12px;
  }
}

.plaincontent-wrap img {
  margin-bottom: 20px;
}

.plaincontent-wrap h1 {
  color: #101b25;
  margin: 0;
  padding-bottom: 20px;
  font-size: 48px;
  font-weight: 600;
  line-height: 1;
}

@media (max-width: 1679px) {
  .plaincontent-wrap h1 {
    font-size: 40px;
  }
}

@media (max-width: 1481px) {
  .plaincontent-wrap h1 {
    font-size: 36px;
  }
}

@media (max-width: 1199px) {
  .plaincontent-wrap h1 {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .plaincontent-wrap h1 {
    font-size: 25px;
  }
}

@media (max-width: 767px) {
  .plaincontent-wrap h1 {
    font-size: 24px;
  }
}

@media (max-width: 579px) {
  .plaincontent-wrap h1 {
    font-size: 20px;
  }
}

.plaincontent-wrap .ric-content {
  word-break: break-word;
  overflow-wrap: break-word;
}

.plaincontent-wrap p {
  color: #415362;
  word-break: break-word;
  overflow-wrap: break-word;
  font-size: 16px;
}

@media (max-width: 1679px) {
  .plaincontent-wrap p {
    font-size: 14px;
  }
}

@media (max-width: 579px) {
  .plaincontent-wrap ul {
    padding-left: 15px;
  }
}

.plaincontent-wrap ul li {
  color: #415362;
  word-break: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  margin-bottom: 10px;
  font-size: 16px;
}

@media (max-width: 1679px) {
  .plaincontent-wrap ul li {
    font-size: 14px;
  }
}

.plaincontent-wrap ul li a {
  color: #415362;
}

.plaincontent-wrap .btn-wrap {
  padding: 0;
}

@media (max-width: 1679px) {
  .plaincontent-wrap .btn-wrap {
    padding: 0;
  }
}

.plaincontent-wrap .btn-wrap .btn {
  cursor: pointer;
  border: 0;
  border-radius: 30px;
  outline: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 200px;
  height: 44px;
  margin: 0 auto;
  padding: 10px;
  display: flex;
  position: relative;
  background: #5090cc !important;
}

@media (max-width: 1679px) {
  .plaincontent-wrap .btn-wrap .btn {
    height: 40px;
  }
}

.plaincontent-wrap .btn-wrap .btn span {
  color: #fff;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .plaincontent-wrap .btn-wrap .btn span {
    font-size: 12px;
  }
}

/* [project]/ui/styles/scss/product-detIail-new.scss.css [client] (css) */
.procuct-detail-new .box-1 {
  background: #fff;
  border: 1px solid #ecedef;
  border-radius: 16px;
  align-items: center;
  margin-bottom: 20px;
  padding: 16px;
  display: flex;
  box-shadow: 0 2px 4px #0000000a;
}

.procuct-detail-new .box-1 .prodct-imgs {
  flex-shrink: 0;
  width: 72px;
  height: 72px;
  margin-right: 20px;
}

.procuct-detail-new .box-1 .prodct-imgs img {
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.procuct-detail-new .box-1 .order-pdct-detail .title {
  color: #101b25;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .procuct-detail-new .box-1 .order-pdct-detail .title {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .procuct-detail-new .box-1 .order-pdct-detail .title {
    font-size: 16px;
    line-height: 20px;
  }
}

.procuct-detail-new .box-1 .order-pdct-detail .subtitle .sm-txt {
  letter-spacing: 0%;
  color: #415362;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .procuct-detail-new .box-1 .order-pdct-detail .subtitle .sm-txt {
    font-size: 15px;
  }
}

@media (max-width: 1481px) {
  .procuct-detail-new .box-1 .order-pdct-detail .subtitle .sm-txt {
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .procuct-detail-new .box-1 .order-pdct-detail .subtitle .sm-txt {
    font-size: 13px;
  }
}

.procuct-detail-new .box-1 .order-pdct-detail .subtitle .sm-txt .price, .procuct-detail-new .box-1 .order-pdct-detail .subtitle .sm-txt.mth-txt {
  color: #101b25;
}

.procuct-detail-new .box-1.user-box {
  background: #f8f9fa;
  justify-content: space-between;
  display: flex;
}

@media (max-width: 767px) {
  .procuct-detail-new .box-1.user-box {
    flex-wrap: wrap;
  }
}

.procuct-detail-new .box-1.user-box .order-pdct-detail .title {
  font-size: 18px;
}

@media (max-width: 1679px) {
  .procuct-detail-new .box-1.user-box .order-pdct-detail .title {
    font-size: 16px;
  }
}

@media (max-width: 1481px) {
  .procuct-detail-new .box-1.user-box .order-pdct-detail .title {
    font-size: 14px;
  }
}

.procuct-detail-new .box-1.user-box .lt-box {
  align-items: center;
  display: flex;
}

@media (max-width: 767px) {
  .procuct-detail-new .box-1.user-box .lt-box {
    width: 100%;
  }
}

.procuct-detail-new .box-1.user-box .rt-box {
  align-items: center;
  display: flex;
}

@media (max-width: 767px) {
  .procuct-detail-new .box-1.user-box .rt-box {
    width: 100%;
    margin-top: 10px;
  }
}

.procuct-detail-new .box-1.user-box .rt-box .review-btn {
  color: #5090cc;
  background: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 147px;
  height: 36px;
  margin-right: 15px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  box-shadow: 0 2px 4px #2a455d0f;
}

.procuct-detail-new .box-1.user-box .rt-box .review-btn .ico {
  flex-shrink: 0;
  margin-right: 3px;
}

.procuct-detail-new .box-1.user-box .rt-box .review-btn.ch-btn {
  color: #101b25;
  width: 92px;
  margin-right: 0;
}

.procuct-detail-new .box-1.user-box .lt-box .prodct-imgs {
  width: 52px;
  height: 52px;
}

@media (max-width: 1679px) {
  .procuct-detail-new .box-1.user-box .lt-box .prodct-imgs {
    width: 48px;
    height: 48px;
  }
}

@media (max-width: 1481px) {
  .procuct-detail-new .box-1.user-box .lt-box .prodct-imgs {
    width: 44px;
    height: 44px;
  }
}

@media (max-width: 1199px) {
  .procuct-detail-new .box-1.user-box .lt-box .prodct-imgs {
    width: 40px;
    height: 40px;
  }
}

.procuct-detail-new .downld-box {
  height: 72px;
  font-weight: 500;
  font-style: Medium;
  letter-spacing: -1.5%;
  color: #5090cc;
  background-color: #fff;
  border: 1px solid #73a6d6;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 20px;
  display: flex;
}

@media (max-width: 1679px) {
  .procuct-detail-new .downld-box {
    height: 62px;
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .procuct-detail-new .downld-box {
    border-radius: 12px;
    height: 52px;
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .procuct-detail-new .downld-box {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .procuct-detail-new .downld-box {
    font-size: 12px;
  }
}

.procuct-detail-new .downld-box .dwnld-txt {
  text-decoration: underline;
}

.procuct-detail-new .downld-box .dwnld-bg {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  margin-right: 16px;
}

@media (max-width: 1679px) {
  .procuct-detail-new .downld-box .dwnld-bg {
    width: 46px;
    height: 46px;
  }
}

@media (max-width: 1481px) {
  .procuct-detail-new .downld-box .dwnld-bg {
    width: 42px;
    height: 42px;
  }
}

@media (max-width: 1199px) {
  .procuct-detail-new .downld-box .dwnld-bg {
    width: 40px;
    height: 40px;
    margin-right: 10px;
  }
}

.procuct-detail-new .downld-box .dwnld-bg img {
  object-fit: cover;
  border-radius: 50px;
  width: 100%;
  height: 100%;
}

.procuct-detail-new .order-txt {
  color: #101b25;
  padding: 20px 0;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .procuct-detail-new .order-txt {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .procuct-detail-new .order-txt {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .procuct-detail-new .order-txt {
    font-size: 14px;
  }
}

.procuct-detail-new .outer-tbl-wrp {
  border: 1px solid #ecedef;
  border-radius: 12px;
  margin-bottom: 14px;
  padding: 24px;
  box-shadow: 0 2px 4px #0000000a;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (max-width: 1679px) {
  .procuct-detail-new .outer-tbl-wrp {
    padding: 20px;
  }
}

@media (max-width: 1481px) {
  .procuct-detail-new .outer-tbl-wrp {
    padding: 18px;
  }
}

@media (max-width: 1199px) {
  .procuct-detail-new .outer-tbl-wrp {
    padding: 16px;
  }
}

.procuct-detail-new .outer-tbl-wrp .sp-table-wrap {
  margin: 0 0 20px;
  padding: 0;
}

@media (max-width: 1679px) {
  .procuct-detail-new .outer-tbl-wrp .sp-table-wrap {
    margin: 0 0 10px;
  }
}

.procuct-detail-new .outer-tbl-wrp .sp-table-wrap tr .total-amt {
  border-top: 1px solid #ecedef;
}

.procuct-detail-new .outer-tbl-wrp .sp-table-wrap tr td.td1 {
  color: #415362;
  word-break: break-word;
  width: 45%;
  margin: 0;
  padding: 0 0 20px;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .procuct-detail-new .outer-tbl-wrp .sp-table-wrap tr td.td1 {
    padding: 0 0 12px;
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .procuct-detail-new .outer-tbl-wrp .sp-table-wrap tr td.td1 {
    font-size: 13px;
  }
}

@media (max-width: 991px) {
  .procuct-detail-new .outer-tbl-wrp .sp-table-wrap tr td.td1 {
    width: 60%;
  }
}

@media (max-width: 479px) {
  .procuct-detail-new .outer-tbl-wrp .sp-table-wrap tr td.td1 {
    width: 30%;
  }
}

@media (max-width: 400px) {
  .procuct-detail-new .outer-tbl-wrp .sp-table-wrap tr td.td1 {
    font-size: 12px;
  }
}

.procuct-detail-new .outer-tbl-wrp .sp-table-wrap tr td.td1 .info {
  width: 16px;
}

@media (max-width: 1679px) {
  .procuct-detail-new .outer-tbl-wrp .sp-table-wrap tr td.td1 .info {
    width: 14px;
  }
}

.procuct-detail-new .outer-tbl-wrp .sp-table-wrap tr td.td2 {
  text-align: right;
  color: #101b25;
  word-break: break-word;
  width: 60%;
  margin: 0;
  padding: 0 0 20px;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .procuct-detail-new .outer-tbl-wrp .sp-table-wrap tr td.td2 {
    padding: 0 0 12px;
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .procuct-detail-new .outer-tbl-wrp .sp-table-wrap tr td.td2 {
    font-size: 13px;
  }
}

@media (max-width: 991px) {
  .procuct-detail-new .outer-tbl-wrp .sp-table-wrap tr td.td2 {
    width: 40%;
  }
}

@media (max-width: 479px) {
  .procuct-detail-new .outer-tbl-wrp .sp-table-wrap tr td.td2 {
    width: 50%;
  }
}

@media (max-width: 400px) {
  .procuct-detail-new .outer-tbl-wrp .sp-table-wrap tr td.td2 {
    font-size: 12px;
  }
}

.procuct-detail-new .outer-tbl-wrp .sp-table-wrap tr td.td2 span {
  color: #415362;
  font-weight: 400;
}

.procuct-detail-new .outer-tbl-wrp .sp-table-wrap.mr-0 {
  margin-bottom: 0;
}

.procuct-detail-new .outer-tbl-wrp .price-txt {
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  font-size: 20px;
  font-weight: 500;
  display: flex;
}

@media (max-width: 1679px) {
  .procuct-detail-new .outer-tbl-wrp .price-txt {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .procuct-detail-new .outer-tbl-wrp .price-txt {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .procuct-detail-new .outer-tbl-wrp .price-txt {
    font-size: 14px;
  }
}

.procuct-detail-new .outer-tbl-wrp .price-txt .edit-btn {
  box-shadow: none;
  color: #5090cc;
  background: #d5e8ff;
  border: 1px solid #d5e8ff;
  border-radius: 13px;
  justify-content: center;
  align-items: center;
  width: 124px;
  height: 27px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.procuct-detail-new .outer-tbl-wrp .price-txt .edit-ico {
  margin-right: 7px;
}

.procuct-detail-new .outer-tbl-wrp .shipping-form label {
  color: #101b25;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.procuct-detail-new .outer-tbl-wrp .shipping-form .form-control, .procuct-detail-new .outer-tbl-wrp .shipping-form .form-select {
  border: 1px solid #dfe1e3;
  border-radius: 50px;
  align-items: center;
  height: 42px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

.procuct-detail-new .outer-tbl-wrp .shipping-form input[type="date"] {
  position: relative;
}

.procuct-detail-new .outer-tbl-wrp .shipping-form input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.procuct-detail-new .outer-tbl-wrp .shipping-form .btn-grp {
  justify-content: space-between;
  align-items: center;
  padding-top: 29px;
  padding-bottom: 20px;
  display: flex;
}

.procuct-detail-new .outer-tbl-wrp .shipping-form .btn-grp .btn {
  color: #101b25;
  border: 1px solid #dfe1e3;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 49%;
  height: 44px;
  display: flex;
  box-shadow: 0 2px 4px #2a455d0f;
}

.procuct-detail-new .outer-tbl-wrp .shipping-form .btn-grp .btn.btn-primary {
  color: #fff;
  background-color: #5090cc;
}

.procuct-detail-new .trans-tbl thead tr th {
  color: #101b25;
  background: #f6f7f9;
  border-bottom: 0;
  padding: 16px 21px;
  font-size: 14px;
  font-weight: 500;
}

.procuct-detail-new .trans-tbl thead tr th:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  min-width: 200px;
}

.procuct-detail-new .trans-tbl thead tr th:nth-child(2) {
  min-width: 160px;
}

.procuct-detail-new .trans-tbl thead tr th:nth-child(3) {
  min-width: 130px;
}

.procuct-detail-new .trans-tbl thead tr th:nth-child(4) {
  min-width: 120px;
}

.procuct-detail-new .trans-tbl thead tr th:nth-child(5) {
  min-width: 160px;
}

.procuct-detail-new .trans-tbl thead tr th:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  min-width: 147px;
}

.procuct-detail-new .trans-tbl tr td {
  color: #415362;
  vertical-align: middle;
  border-bottom: 1px solid #ecedef;
  padding: 24px 21px;
  font-size: 12px;
  font-weight: 400;
}

.procuct-detail-new .trans-tbl .badge {
  width: fit-content;
  letter-spacing: 0%;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.procuct-detail-new .trans-tbl .badge.bg-success {
  color: #1bb746 !important;
  background: #eaf7ea !important;
}

.procuct-detail-new .trans-tbl .badge.bg-fail {
  color: #ef4444 !important;
  background: #fdecec !important;
}

.procuct-detail-new .trans-tbl .badge.bg-upcoming {
  color: #f59e0b !important;
  background: #fef5e7 !important;
}

.procuct-detail-new .trans-tbl .btn-sec {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.procuct-detail-new .trans-tbl .btn-sec .btn {
  color: #5090cc;
  white-space: nowrap;
  border: 1px solid #dfe1e3;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

@media (max-width: 1679px) {
  .procuct-detail-new .trans-tbl .btn-sec .btn {
    font-size: 13px;
  }
}

.procuct-detail-new .trans-tbl .btn-sec .btn.payfull {
  color: #fff;
  background-color: #5090cc;
}

.mob {
  border-top: 1px solid #ecedef;
}

.mob .prtice-btn {
  color: #5090cc;
  background-color: #0000;
  border: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.mob .prtice-btn .ico {
  margin-left: 5px;
}

.mob .prtice-btn.view-btn .ico {
  transform: rotateX(180deg);
}

.down-payment-confirm-box {
  background-color: #f0ffe4;
  border-radius: 13px;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  padding: 15px 20px;
  display: flex;
}

@media (max-width: 991px) {
  .down-payment-confirm-box {
    padding: 12px 15px;
  }
}

.down-payment-confirm-box .icon {
  flex-shrink: 0;
  margin-right: 15px;
}

.down-payment-confirm-box .icon img {
  max-width: 19px;
}

.down-payment-confirm-box .info {
  color: #2a9623;
  font-size: 12px;
  font-weight: 500;
}

@media (max-width: 479px) {
  .down-payment-confirm-box .info {
    font-size: 11px;
  }
}

@media (max-width: 991px) {
  .down-payment-confirm-box .info br {
    display: none;
  }
}

.procuct-detail-new .outer-tbl-wrp .sp-table-wrap .tracking-id {
  color: #5090cc !important;
}

.procuct-detail-new .outer-tbl-wrp .sp-table-wrap .txt-red {
  color: #ef3c38 !important;
}

.procuct-detail-new .outer-tbl-wrp .sp-table-wrap .txt-orange {
  color: #f68922 !important;
}

.procuct-detail-new .outer-tbl-wrp .sp-table-wrap .success-info {
  color: #1bb746 !important;
}

.procuct-detail-new .outer-tbl-wrp .sp-table-wrap .order-copy-btn {
  background-color: #fff;
  border: none;
  margin-left: 5px;
  padding: 0;
}

.procuct-detail-new .outer-tbl-wrp .sp-table-wrap .order-copy-btn img {
  margin-top: -2px;
}

.procuct-detail-new .left-wrap {
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.procuct-detail-new .left-wrap .box-wrap {
  flex-direction: column;
  flex: 1;
  height: 100%;
  display: flex;
}

.procuct-detail-new .left-wrap .box-wrap .content-wrap {
  flex: 1;
}

.procuct-detail-new .left-wrap .box-wrap .content-wrap .row {
  flex: 1;
  height: 100%;
}

.procuct-detail-new .left-wrap .box-wrap .content-wrap .row .col-md-12 {
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.procuct-detail-new .left-wrap .box-wrap .content-wrap .row .col-md-12 .outer-tbl-wrp {
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  display: flex;
}

.procuct-detail-new .outer-tbl-wrp .total-wrapper {
  border-top: 1px solid #ecedef;
  justify-content: space-between;
  margin-bottom: 25px;
  padding-top: 15px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

@media (max-width: 1679px) {
  .procuct-detail-new .outer-tbl-wrp .total-wrapper {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .procuct-detail-new .outer-tbl-wrp .total-wrapper {
    font-size: 13px;
  }
}

.procuct-detail-new .outer-tbl-wrp .total-wrapper .tot-label {
  color: #415362;
}

.procuct-detail-new .outer-tbl-wrp .total-wrapper .tot-amt {
  color: #101b25;
}

.procuct-detail-new .outer-tbl-wrp .sec-btn-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}

.procuct-detail-new .outer-tbl-wrp .sec-btn-wrapper .btn-primary {
  color: #fff;
  background-color: #5090cc;
  border: none;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: calc(50% - 5px);
  height: 44px;
  font-size: 14px;
  transition: all .3s;
  display: flex;
}

.procuct-detail-new .outer-tbl-wrp .sec-btn-wrapper .btn-primary:hover {
  opacity: .8;
}

.procuct-detail-new .outer-tbl-wrp .shipping-form .btn-grp .btn {
  font-size: 14px;
}

/* [project]/ui/styles/scss/product-list.scss.css [client] (css) */
.product-list-wrap {
  padding: 30px 0 100px;
}

@media (max-width: 1679px) {
  .product-list-wrap {
    padding: 25px 0 50px;
  }
}

@media (max-width: 991px) {
  .product-list-wrap {
    padding: 15px 0 50px;
  }
}

.product-list-wrap .result-tag-wrap {
  scrollbar-width: thin;
  scrollbar-color: #f6f7f9 #fff;
  margin: 0 0 30px;
  padding: 0 0 10px;
  overflow: auto;
}

@media (max-width: 1679px) {
  .product-list-wrap .result-tag-wrap {
    margin: 0 0 20px;
  }
}

@media (max-width: 991px) {
  .product-list-wrap .result-tag-wrap {
    display: none;
  }
}

@media (max-width: 767px) {
  .product-list-wrap .result-tag-wrap {
    margin: 0 0 10px;
  }
}

.product-list-wrap .result-tag-wrap ul {
  margin: 0;
  padding: 0;
  display: flex;
}

.product-list-wrap .result-tag-wrap ul li {
  white-space: nowrap;
  background: #f6f7f9;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 10px 18px;
  list-style: none;
  display: flex;
}

@media (max-width: 1679px) {
  .product-list-wrap .result-tag-wrap ul li {
    padding: 7px 15px;
  }
}

@media (max-width: 1199px) {
  .product-list-wrap .result-tag-wrap ul li {
    padding: 5px 10px;
  }
}

.product-list-wrap .result-tag-wrap ul li span {
  color: #101b25;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .product-list-wrap .result-tag-wrap ul li span {
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .product-list-wrap .result-tag-wrap ul li span {
    font-size: 13px;
  }
}

.product-list-wrap .result-tag-wrap ul li img {
  flex: none;
  width: 16px;
}

@media (max-width: 1679px) {
  .product-list-wrap .result-tag-wrap ul li img {
    width: 14px;
  }
}

@media (max-width: 1199px) {
  .product-list-wrap .result-tag-wrap ul li img {
    width: 12px;
  }
}

@media (max-width: 579px) {
  .product-list-wrap .result-tag-wrap ul li img {
    margin-right: 10px;
  }
}

.product-list-wrap .result-tag-wrap ul li + li {
  margin-left: 10px;
}

.product-list-wrap .result-tag-wrap ul li.hidden {
  background: #f6f7f9;
  border-color: #f6f7f9;
}

.product-list-wrap .result-tag-wrap ul li.hidden span {
  color: #7b8d9f;
}

.product-list-wrap .result-tag-wrap ul li.clearall {
  background: #fff;
}

.product-list-wrap .result-tag-wrap.result-mob-wrap {
  display: none;
}

@media (max-width: 991px) {
  .product-list-wrap .result-tag-wrap.result-mob-wrap {
    border-top: 1px solid #ecedef;
    border-bottom: 1px solid #ecedef;
    padding: 16px 0;
    display: block;
  }
}

.product-list-wrap .product-align-wrap {
  align-items: flex-start;
  display: flex;
}

.product-list-wrap .product-align-wrap .product-form-wrap {
  border: 1px solid #ecedef;
  border-radius: 10px;
  flex: none;
  width: 25%;
  padding: 20px 25px;
}

@media (max-width: 991px) {
  .product-list-wrap .product-align-wrap .product-form-wrap {
    padding: 20px 15px;
    display: none;
  }
}

@media (min-width: 580px) and (max-width: 991px) {
  .product-list-wrap .product-align-wrap .product-form-wrap {
    padding-bottom: 60px;
  }
}

@media (max-width: 991px) {
  .product-list-wrap .product-align-wrap .product-form-wrap.active {
    z-index: 99;
    background: #fff;
    border-radius: 0;
    width: 375px;
    max-height: 100vh;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    overflow: auto;
  }
}

@media (max-width: 991px) and (max-width: 479px) {
  .product-list-wrap .product-align-wrap .product-form-wrap.active {
    width: 100%;
    padding-bottom: 160px;
  }
}

.product-list-wrap .product-align-wrap .product-form-wrap.active.product-form-wrap-mob {
  height: calc(100vh - 50px);
}

.product-list-wrap .product-align-wrap .product-form-wrap .filter-reset-title {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.product-list-wrap .product-align-wrap .product-form-wrap .filter-reset-title .title {
  color: #122852;
  margin: 0;
  padding: 0;
  font-size: 17px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .product-list-wrap .product-align-wrap .product-form-wrap .filter-reset-title .title {
    font-size: 16px;
  }
}

.product-list-wrap .product-align-wrap .product-form-wrap .filter-reset-title .reset {
  color: #4f91cd;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  font-size: 17px;
  font-weight: 500;
  display: flex;
}

@media (max-width: 1679px) {
  .product-list-wrap .product-align-wrap .product-form-wrap .filter-reset-title .reset {
    font-size: 16px;
  }
}

.product-list-wrap .product-align-wrap .product-form-wrap .filter-reset-title .reset img {
  width: 13px;
}

@media (max-width: 1679px) {
  .product-list-wrap .product-align-wrap .product-form-wrap .filter-reset-title .reset img {
    width: 12px;
  }
}

.product-list-wrap .product-align-wrap .product-form-wrap .filter-reset-title .filter-close {
  background-color: #fff;
  border: none;
  border-radius: 5px;
  margin-left: 12px;
  padding: 2px 0 2px 2px;
  line-height: 0;
}

.product-list-wrap .product-align-wrap .product-form-wrap .filter-reset-title .filter-close img {
  opacity: .6;
  width: 20px;
}

.product-list-wrap .product-align-wrap .product-form-wrap .filter-reset-title .right-block {
  align-items: center;
  display: flex;
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap {
  border-top: 1px solid #dfe1e3;
  flex-direction: column;
  margin: 20px 0 0;
  padding: 15px 0 0;
}

@media (max-width: 1679px) {
  .product-list-wrap .product-align-wrap .product-form-wrap .group-wrap {
    margin: 15px 0 0;
    padding: 15px 0 0;
  }
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .title {
  color: #122852;
  margin: 0;
  padding: 0 0 15px;
  font-size: 17px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .title {
    padding: 0 0 12px;
    font-size: 16px;
  }
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-check {
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  display: flex;
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-check .form-check-input {
  width: 18px;
  height: 18px;
  box-shadow: none;
  border: 1px solid #dfe1e3;
  border-radius: 50%;
  outline: 0;
  margin: 0;
  padding: 0;
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-check .form-check-input:checked {
  background: url("/img/checked.svg") top / cover no-repeat;
  border: 0;
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-check .form-check-input.checkbox {
  border-radius: 3px;
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-check .form-check-input.checkbox:checked {
  background: url("/img/tic.png") center / 10px no-repeat;
  border: 1px solid #5090cc;
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-check .form-check-label {
  color: #415362;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-check + .form-check {
  padding-top: 15px;
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-fields {
  padding: 0 0 15px;
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-fields .name {
  color: #415362;
  margin: 0;
  padding: 0 0 10px;
  font-size: 14px;
  font-weight: 400;
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-fields .txt-wrap {
  position: relative;
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-fields .txt-wrap .txt {
  color: #101b25;
  border: 1px solid #b8c4d0;
  border-radius: 30px;
  width: 100%;
  height: 44px;
  padding: 3px 15px;
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 1679px) {
  .product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-fields .txt-wrap .txt {
    height: 42px;
    font-size: 12px;
  }
}

@media (max-width: 1199px) {
  .product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-fields .txt-wrap .txt {
    height: 40px;
    padding: 3px 10px;
  }
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-fields .txt-wrap .txt::placeholder {
  color: #101b25;
  opacity: 1;
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-fields.group-form-fields {
  gap: 10px;
  display: flex;
}

@media (max-width: 1679px) {
  .product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-fields.group-form-fields {
    gap: 5px;
  }
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-fields.group-form-fields .txt-wrap {
  width: 100%;
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .range-wrap {
  padding: 0 12px 15px;
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .range-wrap .form-range {
  display: block;
}

.product-list-wrap .product-align-wrap .product-form-wrap .btn-wrap {
  border-top: 1px solid #dfe1e3;
  gap: 10px;
  margin: 0 -25px;
  padding: 30px 25px 20px;
  display: none;
}

@media (max-width: 991px) {
  .product-list-wrap .product-align-wrap .product-form-wrap .btn-wrap {
    margin: 0 -15px;
    padding: 25px 15px 15px;
    display: flex;
  }
}

.product-list-wrap .product-align-wrap .product-form-wrap .btn-wrap .btn {
  cursor: pointer;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  outline: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 41px;
  margin: 0;
  padding: 0;
  display: flex;
}

.product-list-wrap .product-align-wrap .product-form-wrap .btn-wrap .btn span {
  color: #101b25;
  font-size: 14px;
  font-weight: 500;
}

.product-list-wrap .product-align-wrap .product-form-wrap .btn-wrap .btn.btn-color {
  background: #5090cc;
}

.product-list-wrap .product-align-wrap .product-form-wrap .btn-wrap .btn.btn-color span {
  color: #fff;
}

.product-list-wrap .product-align-wrap .product-list-content-wrap {
  flex: none;
  width: 75%;
  padding: 0 0 0 30px;
}

@media (max-width: 1400px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap {
    width: calc(100% - 300px);
  }
}

@media (max-width: 991px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap {
    padding: 0;
    width: 100% !important;
  }
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap {
  background: linear-gradient(90deg, #f2f7ff 0%, #d1e6ff 100%);
  border-radius: 15px;
  justify-content: space-between;
  gap: 15px;
  min-height: 130px;
  margin: 0 0 30px;
  display: flex;
  position: relative;
}

@media (max-width: 1679px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap {
    margin-bottom: 20px;
  }
}

@media (max-width: 579px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap {
    padding: 0 0 120px;
  }
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap:after {
  content: "";
  pointer-events: none;
  background: url("/img/pr-baneer-top.svg") 0 0 no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 579px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap:after {
    background-size: 100%;
  }
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap:before {
  content: "";
  pointer-events: none;
  background: url("/img/pr-baneer-bottom.svg") 100% 100% no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (max-width: 579px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap:before {
    background-size: 100%;
  }
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .left-wrap {
  flex: 1;
  max-width: 50%;
  padding: 25px 0 15px 35px;
}

@media (max-width: 1199px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .left-wrap {
    max-width: 45%;
    padding: 20px 0 15px 15px;
  }
}

@media (max-width: 991px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .left-wrap {
    max-width: 45%;
  }
}

@media (max-width: 767px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .left-wrap {
    max-width: 220px;
  }
}

@media (max-width: 479px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .left-wrap {
    max-width: 185px;
  }
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .left-wrap .title {
  color: #012b5c;
  margin: 0;
  padding: 0 0 10px;
  font-size: 14px;
  font-weight: 700;
}

@media (max-width: 1199px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .left-wrap .title {
    padding: 0 0 5px;
  }
}

@media (max-width: 767px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .left-wrap .title {
    font-size: 20px;
  }
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .left-wrap .para {
  color: #012b5c;
  margin: 0;
  padding: 0 0 10px;
  font-size: 13px;
  font-weight: 400;
}

@media (max-width: 1199px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .left-wrap .para {
    padding: 0 0 5px;
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .left-wrap .para {
    font-size: 10px;
  }
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .left-wrap .link {
  color: #0367c1;
  display: inherit;
  margin: 0;
  padding: 0;
  font-size: 10px;
  font-weight: 600;
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .right-wrap {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  max-width: 50%;
  padding: 0 35px 0 0;
  display: flex;
  position: relative;
}

@media (max-width: 1199px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .right-wrap {
    padding: 0 15px 0 0;
  }
}

@media (max-width: 767px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .right-wrap {
    max-width: inherit;
    padding: 70px 15px 0 0;
  }
}

@media (max-width: 579px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .right-wrap {
    align-items: flex-end;
    padding: 70px 15px 0 0;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .right-wrap .link-info {
  text-align: right;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
  color: #122852 !important;
}

@media (max-width: 1199px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .right-wrap .link-info {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .right-wrap .link-info {
    font-size: 11px;
  }
}

@media (max-width: 579px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .right-wrap .link-info {
    padding: 0 0 25px;
  }
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .right-wrap .link-info a {
  color: #5f8fc8;
  display: inline-flex;
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .right-wrap .hand {
  width: 84px;
  margin-top: auto;
}

@media (max-width: 1199px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .right-wrap .hand {
    width: 80px;
  }
}

@media (max-width: 767px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .right-wrap .hand {
    width: 60px;
  }
}

@media (max-width: 579px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .right-wrap .hand {
    width: 115px;
  }
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .right-wrap .certi {
  width: 66px;
  margin: 0 0 0 8px;
}

@media (max-width: 1199px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .right-wrap .certi {
    width: 60px;
  }
}

@media (max-width: 767px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .right-wrap .certi {
    width: 50px;
  }
}

@media (max-width: 579px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-banner-wrap .right-wrap .certi {
    width: 62px;
    position: absolute;
    top: 0;
    right: 30px;
  }
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .breadcrumb-wrap.pr-pagination-wrap {
  padding: 0 0 10px;
}

@media (max-width: 1679px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .breadcrumb-wrap.pr-pagination-wrap {
    padding: 0 0 10px;
  }
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .breadcrumb-wrap.pr-pagination-wrap .list li {
  color: #7b8d9f;
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .breadcrumb-wrap.pr-pagination-wrap .list li a {
  color: #101b25;
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .breadcrumb-wrap.pr-pagination-wrap .list li a:hover {
  color: #7b8d9f;
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .title-sort-wrap {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 0 0 30px;
  display: flex;
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .title-sort-wrap .title {
  color: #122852;
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .title-sort-wrap .title {
    font-size: 22px;
  }
}

@media (max-width: 1199px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .title-sort-wrap .title {
    font-size: 20px;
  }
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .title-sort-wrap .sort-wrap {
  align-items: center;
  gap: 8px;
  display: flex;
}

@media (max-width: 991px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .title-sort-wrap .sort-wrap {
    display: none;
  }
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .title-sort-wrap .sort-wrap span {
  color: #7b8d9f;
  font-size: 12px;
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .title-sort-wrap .sort-wrap .select-wrap {
  border: 1px solid #fff;
  border-radius: 30px;
  padding: 2px;
  position: relative;
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .title-sort-wrap .sort-wrap .select-wrap:hover {
  border: 1px solid #5090cc;
  box-shadow: 0 0 0 2px #5090cc4d;
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .title-sort-wrap .sort-wrap .select-wrap select {
  color: #101b25;
  width: 160px;
  height: 44px;
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  outline: 0;
  padding: 10px 15px;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .title-sort-wrap .sort-wrap .select-wrap select {
    background-size: 10px;
    height: 40px;
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .title-sort-wrap .sort-wrap .select-wrap select {
    height: 36px;
    font-size: 13px;
  }
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .title-sort-wrap .sort-wrap .select-wrap select::placeholder {
  color: #7b8d9f;
  opacity: 1;
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .row-align {
  --bs-gutter-x: 10px;
  row-gap: 10px;
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .gray-wrap {
  background: #f6f7f9;
  border-radius: 15px;
  margin: 0 0 8px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .gray-wrap {
    border-radius: 10px;
    margin: 0 0 5px;
  }
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .gray-wrap .head {
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

@media (max-width: 1679px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .gray-wrap .head {
    padding: 10px 15px;
  }
}

@media (max-width: 479px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .gray-wrap .head {
    padding: 10px;
  }
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .gray-wrap .head .logo img {
  width: 41px;
  display: block;
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .gray-wrap .head .fav-wrap {
  background: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-left: auto;
  display: flex;
}

@media (max-width: 1679px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .gray-wrap .head .fav-wrap {
    width: 32px;
    height: 32px;
  }
}

@media (max-width: 767px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .gray-wrap .head .fav-wrap {
    width: 23px;
    height: 23px;
  }
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .gray-wrap .head .fav-wrap img {
  width: 20px;
}

@media (max-width: 1679px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .gray-wrap .head .fav-wrap img {
    width: 16px;
  }
}

@media (max-width: 767px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .gray-wrap .head .fav-wrap img {
    width: 14px;
  }
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .gray-wrap .img-wrap {
  justify-content: center;
  align-items: center;
  height: 210px;
  display: flex;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .gray-wrap .img-wrap {
    height: 200px;
  }
}

@media (max-width: 767px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .gray-wrap .img-wrap {
    height: 160px;
  }
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .pr-detail-wrap .info-icon {
  width: 100%;
  display: block;
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .pr-detail-wrap .name {
  color: #122852;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  flex: 1;
  width: 100%;
  max-width: 100%;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  display: block;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .pr-detail-wrap .name {
    font-size: 16px;
  }
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .pr-detail-wrap .status {
  color: #415362;
  font-size: 16px;
  font-weight: 400;
}

@media (max-width: 1679px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .pr-detail-wrap .status {
    font-size: 14px;
  }
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .pr-detail-wrap .price-wrap {
  display: flex;
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .pr-detail-wrap .price-wrap span {
  color: #7b8d9f;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .pr-detail-wrap .price-wrap span {
    font-size: 14px;
  }
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .pr-detail-wrap .price-wrap span.black {
  color: #122852;
  font-weight: 18px;
  margin: 0 0 0 8px;
  padding: 0 0 0 8px;
  font-weight: 600;
  position: relative;
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .pr-detail-wrap .price-wrap span.black:before {
  content: "";
  background: #101b25;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  margin: auto;
  position: absolute;
  inset: 0 auto 0 0;
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .btn-wrap .btn {
  background: #eef5ff;
  border: 0;
  border-radius: 20px;
  outline: 0;
  width: 100%;
  height: 37px;
  margin: 0;
  padding: 0 10px 3px;
  display: block;
}

.product-list-wrap .product-align-wrap .product-list-content-wrap .pr-list-wrap .content-wrap .btn-wrap .btn span {
  color: #5090cc;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.filter-sort-mob-wrap {
  padding-top: 15px;
  display: none;
}

@media (max-width: 991px) {
  .filter-sort-mob-wrap {
    display: block;
  }
}

.filter-sort-mob-wrap .content-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.filter-sort-mob-wrap .content-wrap .btn {
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-width: 80px;
  height: 32px;
  margin: 0;
  padding: 3px 10px;
  display: flex;
}

.filter-sort-mob-wrap .content-wrap .btn img {
  width: 14px;
}

.filter-sort-mob-wrap .content-wrap .btn span {
  color: #101b25;
  font-size: 12px;
  font-weight: 500;
}

.filter-sort-mob-wrap .content-wrap .btn span .filter-count {
  color: #12285280;
  font-weight: 600;
}

.filter-sort-mob-wrap .content-wrap .filter-data-cnt-mob {
  text-align: center;
  color: #12285280;
  background-color: #f7fafd;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  min-width: 80px;
  height: 32px;
  margin-left: 8px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  display: flex;
}

.filter-sort-mob-wrap .content-wrap .filter-data-cnt-mob .filter-count {
  color: #12285280;
  margin-left: 4px;
  font-weight: 600;
}

.filter-sort-mob-wrap .content-wrap .filter-mob-block {
  align-items: center;
}

.filter-sort-mob-wrap .content-wrap .sort-by {
  align-items: center;
  gap: 5px;
  display: flex;
}

.filter-sort-mob-wrap .content-wrap .sort-by .img-wrap {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.filter-sort-mob-wrap .content-wrap .sort-by span {
  color: #415362;
  font-size: 12px;
}

.sort-mob-wrap {
  z-index: 9;
  background: #fff;
  border-radius: 30px 30px 0 0;
  max-height: calc(100vh - 150px);
  padding-bottom: 75px;
  display: none;
  position: fixed;
  inset: auto 0 0;
  overflow: auto;
}

@media (max-width: 991px) {
  .sort-mob-wrap {
    display: block;
  }
}

.sort-mob-wrap .ttile {
  text-align: center;
  color: #101b25;
  padding: 15px;
  font-size: 16px;
  font-weight: 500;
}

.sort-mob-wrap .done {
  position: absolute;
  top: 17px;
  right: 20px;
}

.sort-mob-wrap .done .link {
  color: #5090cc;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.sort-mob-wrap .list {
  margin: 0;
  padding: 0;
}

.sort-mob-wrap .list li {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 10px 15px;
  list-style: none;
  display: flex;
}

.sort-mob-wrap .list li span {
  color: #101b25;
  font-size: 14px;
  font-weight: 500;
}

.sort-mob-wrap .list li .tick {
  opacity: 0;
  width: 12px;
}

.sort-mob-wrap .list li.active {
  background: #f6f7f9;
}

.sort-mob-wrap .list li.active .tick {
  opacity: 1;
}

.sort-overlay {
  z-index: 9;
  background: #00000042;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0;
}

@media (max-width: 991px) {
  .sort-overlay {
    display: block;
  }
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .price-toggle-wrapper {
  background-color: #f6f7f9;
  border-radius: 100px;
  width: 100%;
  margin-bottom: 15px;
  padding: 4px;
  display: flex;
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .price-toggle-wrapper .price-toggle-btn {
  color: #415362;
  text-align: center;
  border: none;
  border-radius: 100px;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .price-toggle-wrapper .price-toggle-btn {
    font-size: 13px;
  }
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .price-toggle-wrapper .price-toggle-btn:first-child {
  width: 100px;
  margin-right: 2px;
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .price-toggle-wrapper .price-toggle-btn.amnt-btn {
  flex-grow: 1;
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .price-toggle-wrapper .price-toggle-btn:hover, .product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .price-toggle-wrapper .price-toggle-btn.active {
  color: #101b25;
  background-color: #fff;
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .price-toggle-wrapper .price-toggle-btn.active {
  box-shadow: 0 10px 15px #0000001a, 0 0 0 1px #3c41500f;
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-check .form-check-input.form-input-checkbox {
  border: 1.5px solid #cbd1d7;
  border-radius: 3px;
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-check .form-check-input.form-input-checkbox:checked {
  background-color: #dce9f5;
  background-image: url("/img/tic-blue.svg");
  background-position: center;
  background-size: 12px;
  border-color: #5090cc;
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .show-all-btn {
  color: #5090cc;
  text-align: center;
  background-color: #0000;
  border: none;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  transition: all .3s;
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .show-all-btn:hover {
  opacity: .8;
}

.product-list-wrap .product-align-wrap .product-form-wrap .filter-reset-title.filter-check-reset {
  flex-wrap: wrap;
}

.product-list-wrap .product-align-wrap .product-form-wrap .filter-reset-title .filter-cnt-wrapper {
  width: 100%;
}

.product-list-wrap .product-align-wrap .product-form-wrap .filter-reset-title .filter-cnt-wrapper .filter-cnt {
  color: #12285280;
  text-align: center;
  background-color: #f7fafd;
  border-radius: 50px;
  padding: 5px 15px;
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
}

@media (max-width: 1400px) {
  .product-list-wrap .product-align-wrap .product-form-wrap {
    width: 300px;
    padding: 20px;
  }
}

.product-list-wrap .product-align-wrap .product-form-wrap {
  transition: all .3s;
}

.product-list-wrap .product-align-wrap.filter-disabled .product-form-wrap {
  width: 55px;
  padding: 0 !important;
}

@media (max-width: 991px) {
  .product-list-wrap .product-align-wrap.filter-disabled .product-form-wrap {
    width: 0;
    left: -10px;
  }
}

.product-list-wrap .product-align-wrap.filter-disabled .product-form-wrap .filter-box-data {
  display: none !important;
}

.product-list-wrap .product-align-wrap.filter-disabled .product-form-wrap .filter-data-sm {
  display: block;
}

.product-list-wrap .product-align-wrap.filter-disabled .product-list-content-wrap {
  width: calc(100% - 55px);
}

@media (max-width: 991px) {
  .product-list-wrap .product-align-wrap.filter-disabled .product-list-content-wrap {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .product-list-wrap .product-align-wrap.filter-disabled .product-list-content-wrap .product-box {
    max-width: 25%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .product-list-wrap .product-align-wrap.filter-disabled .product-list-content-wrap .product-box {
    max-width: 33.3%;
  }
}

.product-list-wrap .product-align-wrap .product-form-wrap .filter-data-sm {
  width: 100%;
  display: none;
}

@media (max-width: 991px) {
  .product-list-wrap .product-align-wrap .product-form-wrap .filter-data-sm {
    display: none !important;
  }
}

.product-list-wrap .product-align-wrap .product-form-wrap .filter-data-sm .filter-web-toggle {
  text-align: center;
  width: 100%;
  box-shadow: none;
  background-color: #0000;
  border: none;
  border-bottom: 1px solid #ecedef;
  padding: 15px 5px;
}

.product-list-wrap .product-align-wrap .product-form-wrap .filter-data-sm .filter-web-toggle img {
  margin-left: 2px;
}

.product-list-wrap .product-align-wrap .product-form-wrap .filter-data-sm .filter-data-block {
  padding: 5px;
}

.product-list-wrap .product-align-wrap .product-form-wrap .filter-data-sm .filter-data-block .filter-data-cnt {
  text-align: center;
  color: #12285280;
  background-color: #f7fafd;
  border-radius: 5px;
  width: 100%;
  padding: 6px 3px;
  font-size: 13px;
  font-weight: 500;
}

.sub-category-box {
  padding: 5px 0 10px 20px;
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-fields.group-form-fields .txt-wrap {
  position: relative;
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-fields.group-form-fields .txt-wrap .txtrange {
  align-items: center;
  margin: auto;
  font-size: 14px;
  display: flex;
  position: absolute;
  inset: 0 auto 0 15px;
}

@media (max-width: 1679px) {
  .product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-fields.group-form-fields .txt-wrap .txtrange {
    font-size: 12px;
  }
}

.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-fields.group-form-fields .txt-wrap .txt {
  padding-left: 60px;
}

@media (max-width: 1679px) {
  .product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-fields.group-form-fields .txt-wrap .txt {
    padding-left: 55px;
  }
}

/* [project]/ui/styles/scss/product-protection-new.scss.css [client] (css) */
.protection-section {
  padding-top: 12px;
  padding-bottom: 14px;
}

.protection-section .protection-card {
  background: #fff;
  border: 1px solid #ecedef;
  border-radius: 12px;
  padding: 20px 40px 23px 17px;
  box-shadow: 0 2px 4px #0000000a;
}

@media (max-width: 991px) {
  .protection-section .protection-card {
    padding-right: 20px;
  }
}

.protection-header {
  align-items: center;
  margin-bottom: 28px;
  display: flex;
}

@media (max-width: 991px) {
  .protection-header {
    justify-content: space-between;
  }
}

@media (max-width: 767px) {
  .protection-header {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.protection-header .header-left {
  align-items: center;
  width: 40%;
  display: flex;
}

@media (max-width: 767px) {
  .protection-header .header-left {
    width: 100%;
    margin-bottom: 18px;
  }
}

.protection-header .header-left .icon-wrapper {
  border-radius: 50%;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  margin-right: 15px;
}

.protection-header .header-left .icon-wrapper img {
  width: 100%;
  height: 100%;
}

.protection-header .header-left .card-title {
  color: #101b25;
  font-family: Instrument Sans, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 991px) {
  .protection-header .header-left .card-title {
    font-size: 18px;
  }
}

@media (max-width: 348px) {
  .protection-header .header-left .card-title {
    font-size: 16px;
  }
}

.protection-header .header-right {
  justify-content: space-around;
  align-items: center;
  width: 60%;
  margin-left: 100px;
  margin-right: 30px;
  display: flex;
}

@media (max-width: 991px) {
  .protection-header .header-right {
    justify-content: flex-end;
    width: 55%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .protection-header .header-right {
    flex-wrap: wrap;
    width: 100%;
  }
}

.protection-header .header-right .plan-status {
  padding-right: 63px;
}

@media (max-width: 991px) {
  .protection-header .header-right .plan-status {
    padding-right: 10px;
  }
}

.protection-header .header-right.under-review {
  justify-content: space-between;
  margin-right: 0;
}

@media (max-width: 767px) {
  .protection-header .header-right.under-review {
    width: 100%;
  }
}

.protection-header .plan-status, .protection-header .claim-status {
  align-items: center;
  display: flex;
}

@media (max-width: 767px) {
  .protection-header .plan-status, .protection-header .claim-status {
    width: 100%;
    margin-bottom: 10px;
  }
}

.protection-header .plan-status .status-text, .protection-header .claim-status .status-text {
  color: #415362;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.protection-header .plan-status .active-text, .protection-header .claim-status .active-text {
  color: #101b25;
  align-items: center;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.protection-header .plan-status .active-text.active, .protection-header .claim-status .active-text.active {
  color: #22c55e;
}

.protection-header .plan-status .active-text.inactive, .protection-header .claim-status .active-text.inactive {
  color: #cbd5e1;
}

.protection-header .plan-status .active-text.review, .protection-header .claim-status .active-text.review {
  color: #fca344;
}

.protection-header .plan-status .active-text.denied, .protection-header .claim-status .active-text.denied {
  color: #ef4444;
}

.protection-header .plan-status .active-text .status-dot, .protection-header .claim-status .active-text .status-dot {
  border-radius: 50%;
  width: 13px;
  height: 13px;
  margin-left: 7px;
  margin-right: 5px;
}

.protection-header .plan-status .active-text .status-dot.active, .protection-header .claim-status .active-text .status-dot.active {
  background: #22c55e;
}

.protection-header .plan-status .active-text .status-dot.inactive, .protection-header .claim-status .active-text .status-dot.inactive {
  background: #cbd5e1;
}

.protection-header .plan-status .active-text .status-dot.review, .protection-header .claim-status .active-text .status-dot.review {
  background-color: #fca344;
}

.protection-header .plan-status .active-text .status-dot.denied, .protection-header .claim-status .active-text .status-dot.denied {
  background: #ef4444;
}

.protection-body {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

@media (max-width: 767px) {
  .protection-body {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
}

.protection-body .coverage-info {
  display: flex;
}

@media (max-width: 767px) {
  .protection-body .coverage-info {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }
}

.protection-body .coverage-info .coverage-item {
  flex-direction: column;
  margin-right: 80px;
  display: flex;
}

@media (max-width: 1679px) {
  .protection-body .coverage-info .coverage-item {
    margin-right: 60px;
  }
}

@media (max-width: 1481px) {
  .protection-body .coverage-info .coverage-item {
    margin-right: 40px;
  }
}

@media (max-width: 767px) {
  .protection-body .coverage-info .coverage-item {
    width: 48%;
    margin-bottom: 10px;
    margin-right: 0;
  }
}

.protection-body .coverage-info .coverage-item .label {
  color: #6a7282;
  margin-bottom: 7px;
  font-family: Instrument Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

@media (max-width: 767px) {
  .protection-body .coverage-info .coverage-item .label {
    margin-bottom: 5px;
  }
}

.protection-body .coverage-info .coverage-item .value {
  font-family: Instrument Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .protection-body .coverage-info .coverage-item .value {
    font-size: 16px;
  }

  .protection-body .action-area {
    width: 100%;
  }
}

.protection-body .action-area .claim-button {
  color: #5090cc;
  background-color: #fff;
  border: 1px solid #5090cc;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-width: 217px;
  height: 42px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

@media (max-width: 767px) {
  .protection-body .action-area .claim-button {
    width: 100%;
    min-width: 100%;
    margin-top: 34px;
  }
}

.protection-body .action-area .claim-button:disabled {
  cursor: not-allowed;
  opacity: .6;
  background-color: #fff;
  border: none;
}

@media (max-width: 767px) {
  .protection-body .action-area .claim-button:disabled {
    margin-top: 0;
  }
}

.protection-body .action-area .claim-button:disabled:hover {
  color: #5090cc;
  background: #fff;
}

.protection-body .action-area .claim-button:hover {
  color: #fff;
  background: #5090cc;
}

.protection-footer {
  background: #fef5e7;
  border-radius: 50px;
  align-items: center;
  padding: 7px 12px;
  display: flex;
}

@media (max-width: 767px) {
  .protection-footer {
    border-radius: 15px;
    align-items: flex-start;
  }
}

.protection-footer .info-icon {
  flex-shrink: 0px;
  flex-shrink: 0;
  align-items: center;
  width: 12px;
  height: 12px;
  margin-right: 11px;
  display: flex;
}

@media (max-width: 767px) {
  .protection-footer .info-icon {
    margin-top: 2px;
  }
}

.protection-footer .claim-text {
  color: #f59e0b;
  margin: 0;
  font-size: 12px;
  font-weight: 400;
}

.cover-link {
  justify-content: flex-end;
  display: flex;
}

@media (max-width: 767px) {
  .cover-link {
    justify-content: center;
  }
}

.cover-link a {
  color: #346796;
  font-size: 14px;
  font-weight: 500;
  line-height: 12px;
  text-decoration: underline;
}

/* [project]/ui/styles/scss/profile.scss.css [client] (css) */
.profile-head-wrap {
  justify-content: space-between;
  align-items: flex-end;
  padding: 10px 0 40px;
  display: flex;
}

@media (max-width: 1679px) {
  .profile-head-wrap {
    padding-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .profile-head-wrap {
    flex-direction: column;
    align-items: start;
    padding-bottom: 40px;
  }
}

.profile-head-wrap .left-wrap {
  width: 510px;
}

@media (max-width: 767px) {
  .profile-head-wrap .left-wrap {
    width: 100%;
  }
}

.profile-head-wrap .left-wrap .head-top-section {
  align-items: center;
  padding: 0 0 25px;
  display: flex;
}

@media (max-width: 1679px) {
  .profile-head-wrap .left-wrap .head-top-section {
    padding-bottom: 20px;
  }
}

.profile-head-wrap .left-wrap .head-top-section .img-wrap {
  width: 90px;
  height: 90px;
}

@media (max-width: 1679px) {
  .profile-head-wrap .left-wrap .head-top-section .img-wrap {
    width: 80px;
    height: 80px;
  }
}

@media (max-width: 1481px) {
  .profile-head-wrap .left-wrap .head-top-section .img-wrap {
    width: 70px;
    height: 70px;
  }
}

@media (max-width: 767px) {
  .profile-head-wrap .left-wrap .head-top-section .img-wrap {
    width: 66px;
    height: 66px;
  }
}

@media (max-width: 479px) {
  .profile-head-wrap .left-wrap .head-top-section .img-wrap {
    width: 50px;
    height: 50px;
  }
}

.profile-head-wrap .left-wrap .head-top-section .img-wrap img {
  object-fit: cover;
  border-radius: 100%;
  width: 100%;
  height: 100%;
}

.profile-head-wrap .left-wrap .head-top-section .detail-wrap {
  flex: 1;
  padding: 0 0 0 25px;
}

@media (max-width: 1679px) {
  .profile-head-wrap .left-wrap .head-top-section .detail-wrap {
    padding-left: 15px;
  }
}

@media (max-width: 767px) {
  .profile-head-wrap .left-wrap .head-top-section .detail-wrap {
    padding-left: 13px;
  }
}

.profile-head-wrap .left-wrap .head-top-section .detail-wrap .name {
  color: #101b25;
  margin: 0;
  padding: 0 0 5px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

@media (max-width: 1679px) {
  .profile-head-wrap .left-wrap .head-top-section .detail-wrap .name {
    padding-bottom: 3px;
    font-size: 20px;
  }
}

@media (max-width: 1481px) {
  .profile-head-wrap .left-wrap .head-top-section .detail-wrap .name {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .profile-head-wrap .left-wrap .head-top-section .detail-wrap .name {
    font-size: 16px;
  }
}

.profile-head-wrap .left-wrap .head-top-section .detail-wrap .memeber {
  color: #415362;
  margin: 0;
  padding: 0 0 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .profile-head-wrap .left-wrap .head-top-section .detail-wrap .memeber {
    padding-bottom: 8px;
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .profile-head-wrap .left-wrap .head-top-section .detail-wrap .memeber {
    font-size: 12px;
  }
}

.profile-head-wrap .left-wrap .head-top-section .detail-wrap .review {
  align-items: center;
  display: flex;
}

.profile-head-wrap .left-wrap .head-top-section .detail-wrap .review img + img {
  margin-left: 3px;
}

.profile-head-wrap .left-wrap .community-wrap {
  padding: 0 0 20px;
}

@media (max-width: 1679px) {
  .profile-head-wrap .left-wrap .community-wrap {
    padding-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .profile-head-wrap .left-wrap .community-wrap {
    padding-left: 80px;
  }
}

@media (max-width: 479px) {
  .profile-head-wrap .left-wrap .community-wrap {
    padding-left: 61px;
  }
}

.profile-head-wrap .left-wrap .community-wrap .title {
  color: #101b25;
  margin: 0;
  padding: 0 0 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.profile-head-wrap .left-wrap .community-wrap .list {
  margin: 0;
  padding: 0;
  display: flex;
}

.profile-head-wrap .left-wrap .community-wrap .list li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.profile-head-wrap .left-wrap .community-wrap .list li .txt-wrap {
  color: #415362;
  font-size: 16px;
  font-weight: 400;
}

@media (max-width: 1679px) {
  .profile-head-wrap .left-wrap .community-wrap .list li .txt-wrap {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .profile-head-wrap .left-wrap .community-wrap .list li .txt-wrap {
    font-size: 13px;
  }
}

.profile-head-wrap .left-wrap .community-wrap .list li .txt-wrap .num {
  color: #101b25;
  padding: 0 8px 0 0;
  font-weight: 500;
}

@media (max-width: 579px) {
  .profile-head-wrap .left-wrap .community-wrap .list li .txt-wrap .num {
    display: block;
  }
}

@media (max-width: 479px) {
  .profile-head-wrap .left-wrap .community-wrap .list li .txt-wrap .num {
    font-size: 14px;
  }
}

.profile-head-wrap .left-wrap .community-wrap .list li + li {
  padding-left: 25px;
}

@media (max-width: 1679px) {
  .profile-head-wrap .left-wrap .community-wrap .list li + li {
    padding-left: 20px;
  }
}

@media (max-width: 1481px) {
  .profile-head-wrap .left-wrap .community-wrap .list li + li {
    padding-left: 15px;
  }
}

@media (max-width: 479px) {
  .profile-head-wrap .left-wrap .community-wrap .list li + li {
    padding-left: 12px;
  }
}

.profile-head-wrap .left-wrap .btn-wrap, .profile-head-wrap .left-wrap .profile-action-buttons {
  padding-bottom: 20px;
  display: flex;
}

@media (max-width: 1679px) {
  .profile-head-wrap .left-wrap .btn-wrap, .profile-head-wrap .left-wrap .profile-action-buttons {
    padding-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .profile-head-wrap .left-wrap .btn-wrap, .profile-head-wrap .left-wrap .profile-action-buttons {
    padding-bottom: 20px;
  }
}

.profile-head-wrap .left-wrap .btn-wrap .btn, .profile-head-wrap .left-wrap .profile-action-buttons .btn {
  height: 36px;
  box-shadow: none;
  cursor: pointer;
  background: #f6f7f9;
  border: 0;
  border-radius: 30px;
  outline: 0;
  margin: 0;
  padding: 0 30px;
}

@media (max-width: 1679px) {
  .profile-head-wrap .left-wrap .btn-wrap .btn, .profile-head-wrap .left-wrap .profile-action-buttons .btn {
    height: 34px;
  }
}

@media (max-width: 479px) {
  .profile-head-wrap .left-wrap .btn-wrap .btn, .profile-head-wrap .left-wrap .profile-action-buttons .btn {
    width: 100%;
  }
}

.profile-head-wrap .left-wrap .btn-wrap .btn span, .profile-head-wrap .left-wrap .profile-action-buttons .btn span {
  font-size: 14px;
  font-weight: 500;
}

.profile-head-wrap .left-wrap .btn-wrap .btn img, .profile-head-wrap .left-wrap .profile-action-buttons .btn img {
  margin-right: 5px;
}

.profile-head-wrap .left-wrap .btn-wrap .btn.btn-fill, .profile-head-wrap .left-wrap .profile-action-buttons .btn.btn-fill {
  background: #5090cc;
  margin-right: 10px;
}

.profile-head-wrap .left-wrap .btn-wrap .btn.btn-fill span, .profile-head-wrap .left-wrap .profile-action-buttons .btn.btn-fill span {
  color: #fff;
}

.profile-head-wrap .left-wrap .btn-wrap .btn.disabled, .profile-head-wrap .left-wrap .profile-action-buttons .btn.disabled {
  opacity: .3;
  pointer-events: none;
}

@media (max-width: 767px) {
  .profile-head-wrap .left-wrap .content-wrap {
    padding-bottom: 20px;
  }
}

.profile-head-wrap .left-wrap .content-wrap .para {
  color: #415362;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

@media (max-width: 1679px) {
  .profile-head-wrap .left-wrap .content-wrap .para {
    font-size: 14px;
  }
}

.profile-head-wrap .left-wrap .content-wrap .para .see-full {
  color: #101b25;
  font-weight: 500;
}

.profile-head-wrap .right-wrap .share-profile-wrap {
  padding: 0 0 80px;
}

@media (max-width: 1679px) {
  .profile-head-wrap .right-wrap .share-profile-wrap {
    padding-bottom: 50px;
  }
}

@media (max-width: 1481px) {
  .profile-head-wrap .right-wrap .share-profile-wrap {
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .profile-head-wrap .right-wrap .share-profile-wrap {
    padding-bottom: 0;
  }
}

.profile-head-wrap .right-wrap .share-profile-wrap .title {
  color: #415362;
  margin: 0;
  padding: 0 0 12px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .profile-head-wrap .right-wrap .share-profile-wrap .title {
    padding: 0 0 8px;
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .profile-head-wrap .right-wrap .share-profile-wrap .title {
    font-size: 16px;
  }
}

.profile-head-wrap .right-wrap .share-profile-wrap .list {
  margin: 0;
  padding: 0;
  display: flex;
}

.profile-head-wrap .right-wrap .share-profile-wrap .list li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.profile-head-wrap .right-wrap .share-profile-wrap .list li img {
  width: 24px;
}

@media (max-width: 1679px) {
  .profile-head-wrap .right-wrap .share-profile-wrap .list li img {
    width: 22px;
  }
}

.profile-head-wrap .right-wrap .share-profile-wrap .list li + li {
  margin-left: 15px;
}

@media (max-width: 1679px) {
  .profile-head-wrap .right-wrap .share-profile-wrap .list li + li {
    margin-left: 10px;
  }
}

@media (max-width: 767px) {
  .profile-head-wrap.no-right-col-wrap {
    padding-bottom: 0;
  }
}

.online-wrap {
  padding: 0 0 80px;
  display: flex;
}

@media (max-width: 1679px) {
  .online-wrap {
    padding-bottom: 50px;
  }
}

@media (max-width: 991px) {
  .online-wrap {
    flex-direction: column;
    padding-bottom: 40px;
  }
}

.online-wrap .score-wrap {
  width: 302px;
}

@media (max-width: 1199px) {
  .online-wrap .score-wrap {
    width: 250px;
  }
}

@media (max-width: 991px) {
  .online-wrap .score-wrap {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .online-wrap .score-wrap {
    margin-bottom: 30px;
  }
}

.online-wrap .score-wrap .box-wrap {
  border: 1px solid #ecedef;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 20px;
  display: flex;
  box-shadow: 0 2px 4px #0000000a;
}

@media (max-width: 1679px) {
  .online-wrap .score-wrap .box-wrap {
    padding: 15px;
  }
}

@media (max-width: 991px) {
  .online-wrap .score-wrap .box-wrap {
    align-items: center;
  }
}

@media (max-width: 767px) {
  .online-wrap .score-wrap .box-wrap {
    box-shadow: none;
    border: 0;
    padding: 0;
  }
}

.online-wrap .score-wrap .box-wrap .title {
  text-align: center;
  color: #101b25;
  margin: 0;
  padding: 0 0 10px;
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .online-wrap .score-wrap .box-wrap .title {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .online-wrap .score-wrap .box-wrap .title {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .online-wrap .score-wrap .box-wrap .title {
    text-align: left;
    width: 100%;
    font-size: 16px;
  }
}

.online-wrap .score-wrap .box-wrap .num {
  text-align: center;
  color: #415362;
  margin: 0;
  padding: 10px 0 0;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .online-wrap .score-wrap .box-wrap .num {
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .online-wrap .score-wrap .box-wrap .num {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .online-wrap .score-wrap .box-wrap .num {
    color: #101b25;
    font-size: 18px;
  }

  .online-wrap .score-wrap .box-wrap .num span {
    color: #101b25;
    font-size: 14px;
  }
}

.online-wrap .overview-wrap {
  flex: 1;
  padding: 0 0 0 15px;
}

@media (max-width: 991px) {
  .online-wrap .overview-wrap {
    padding: 0;
  }
}

.online-wrap .overview-wrap .title {
  color: #101b25;
  margin: 0;
  padding: 0 0 15px;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .online-wrap .overview-wrap .title {
    font-size: 18px;
  }
}

@media (max-width: 1199px) {
  .online-wrap .overview-wrap .title {
    padding-bottom: 10px;
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .online-wrap .overview-wrap .title {
    font-size: 18px;
  }
}

.online-wrap .overview-wrap .two-col {
  margin: 0 -6px;
  padding-bottom: 20px;
  display: flex;
}

@media (max-width: 1679px) {
  .online-wrap .overview-wrap .two-col {
    padding-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .online-wrap .overview-wrap .two-col {
    flex-direction: column;
    padding-bottom: 0;
  }
}

.online-wrap .overview-wrap .two-col .box-wrap {
  width: 50%;
  padding: 0 6px;
}

@media (max-width: 767px) {
  .online-wrap .overview-wrap .two-col .box-wrap {
    width: 100%;
  }
}

.online-wrap .overview-wrap .three-col {
  margin: 0 -6px;
  padding-bottom: 0;
  display: flex;
}

@media (max-width: 767px) {
  .online-wrap .overview-wrap .three-col {
    flex-direction: column;
  }
}

.online-wrap .overview-wrap .three-col .box-wrap {
  width: 33.3333%;
  padding: 0 6px;
}

@media (max-width: 767px) {
  .online-wrap .overview-wrap .three-col .box-wrap {
    width: 100%;
  }

  .online-wrap .overview-wrap .box-wrap {
    margin-bottom: 10px;
  }
}

.online-wrap .overview-wrap .box-wrap .content-wrap {
  border: 1px solid #ecedef;
  border-radius: 12px;
  height: 100%;
  padding: 15px;
}

@media (max-width: 1679px) {
  .online-wrap .overview-wrap .box-wrap .content-wrap {
    padding: 13px;
  }
}

.online-wrap .overview-wrap .box-wrap .content-wrap .box-top-wrap {
  align-items: center;
  padding-bottom: 20px;
  display: flex;
}

.online-wrap .overview-wrap .box-wrap .content-wrap .box-top-wrap .ico {
  width: 36px;
}

@media (max-width: 1679px) {
  .online-wrap .overview-wrap .box-wrap .content-wrap .box-top-wrap .ico {
    width: 32px;
  }
}

@media (max-width: 1481px) {
  .online-wrap .overview-wrap .box-wrap .content-wrap .box-top-wrap .ico {
    width: 28px;
  }
}

@media (max-width: 1199px) {
  .online-wrap .overview-wrap .box-wrap .content-wrap .box-top-wrap .ico {
    width: 25px;
  }
}

@media (max-width: 767px) {
  .online-wrap .overview-wrap .box-wrap .content-wrap .box-top-wrap .ico {
    width: 32px;
  }
}

.online-wrap .overview-wrap .box-wrap .content-wrap .box-top-wrap .ico img {
  width: 100%;
}

.online-wrap .overview-wrap .box-wrap .content-wrap .box-top-wrap .sub-title-wrap {
  color: #101b25;
  flex: 1;
  align-items: center;
  padding: 0 0 0 10px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

@media (max-width: 1679px) {
  .online-wrap .overview-wrap .box-wrap .content-wrap .box-top-wrap .sub-title-wrap {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .online-wrap .overview-wrap .box-wrap .content-wrap .box-top-wrap .sub-title-wrap {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .online-wrap .overview-wrap .box-wrap .content-wrap .box-top-wrap .sub-title-wrap {
    font-size: 16px;
  }
}

.online-wrap .overview-wrap .box-wrap .content-wrap .box-top-wrap .sub-title-wrap img {
  width: 16px;
  margin-left: 5px;
}

@media (max-width: 1679px) {
  .online-wrap .overview-wrap .box-wrap .content-wrap .box-top-wrap .sub-title-wrap img {
    width: 14px;
  }
}

.online-wrap .overview-wrap .box-wrap .content-wrap .num-para-wrap {
  align-items: center;
  display: flex;
}

@media (max-width: 767px) {
  .online-wrap .overview-wrap .box-wrap .content-wrap .num-para-wrap {
    flex-direction: column;
    align-items: start;
  }
}

.online-wrap .overview-wrap .box-wrap .content-wrap .num-para-wrap .num {
  color: #101b25;
  margin: 0;
  padding: 0 0 5px;
  font-size: 24px;
  font-weight: 550;
  line-height: 1.3;
}

@media (max-width: 1679px) {
  .online-wrap .overview-wrap .box-wrap .content-wrap .num-para-wrap .num {
    font-size: 20px;
  }
}

@media (max-width: 1481px) {
  .online-wrap .overview-wrap .box-wrap .content-wrap .num-para-wrap .num {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .online-wrap .overview-wrap .box-wrap .content-wrap .num-para-wrap .num {
    font-size: 20px;
  }
}

.online-wrap .overview-wrap .box-wrap .content-wrap .num-para-wrap p {
  color: #415362;
  flex: 1;
  align-items: center;
  margin: 0;
  padding: 0 0 0 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
}

@media (max-width: 1679px) {
  .online-wrap .overview-wrap .box-wrap .content-wrap .num-para-wrap p {
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .online-wrap .overview-wrap .box-wrap .content-wrap .num-para-wrap p {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .online-wrap .overview-wrap .box-wrap .content-wrap .num-para-wrap p {
    padding-top: 5px;
    padding-left: 0;
    font-size: 14px;
  }
}

.online-wrap .overview-wrap .box-wrap .content-wrap .num-para-wrap p img {
  width: 16px;
  margin-left: 5px;
}

@media (max-width: 1679px) {
  .online-wrap .overview-wrap .box-wrap .content-wrap .num-para-wrap p img {
    width: 14px;
  }
}

.online-wrap .overview-wrap .box-wrap.list-wrap .content-wrap .info {
  width: 16px;
  margin-left: 5px;
}

@media (max-width: 1679px) {
  .online-wrap .overview-wrap .box-wrap.list-wrap .content-wrap .info {
    width: 14px;
  }
}

.online-wrap .overview-wrap .box-wrap.list-wrap .content-wrap .num-para-wrap {
  flex-direction: column;
  align-items: start;
}

.online-wrap .overview-wrap .box-wrap.list-wrap .content-wrap .num-para-wrap p {
  padding: 0;
}

.online-wrap.overview-option-wrap {
  padding-bottom: 40px;
}

@media (max-width: 1679px) {
  .online-wrap.overview-option-wrap {
    padding-bottom: 30px;
  }
}

.online-wrap.overview-option-wrap .overview-wrap {
  padding: 0;
}

.online-wrap.overview-option-wrap .overview-wrap .optin-for-col {
  padding-bottom: 35px;
}

@media (max-width: 1679px) {
  .online-wrap.overview-option-wrap .overview-wrap .optin-for-col {
    padding-bottom: 30px;
  }
}

.online-wrap.overview-option-wrap .overview-wrap .optin-for-col .box-wrap {
  width: 50%;
}

@media (max-width: 767px) {
  .online-wrap.overview-option-wrap .overview-wrap .optin-for-col .box-wrap {
    width: 100%;
  }

  .online-wrap.overview-option-wrap .change-col-wrap .three-col {
    order: 1;
    padding-bottom: 0;
  }

  .online-wrap.overview-option-wrap .change-col-wrap .optin-for-col {
    padding-bottom: 0;
  }

  .online-wrap.overview-option-wrap .change-col-wrap .mob-col-1-wrap {
    order: 2;
  }
}

.profile-review-wrap .sec-title-wrap {
  color: #101b25;
  margin: 0;
  padding: 0 0 20px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3;
}

@media (max-width: 1679px) {
  .profile-review-wrap .sec-title-wrap {
    padding-bottom: 15px;
    font-size: 30px;
  }
}

@media (max-width: 1481px) {
  .profile-review-wrap .sec-title-wrap {
    padding-bottom: 10px;
    font-size: 28px;
  }
}

@media (max-width: 991px) {
  .profile-review-wrap .sec-title-wrap {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .profile-review-wrap .sec-title-wrap {
    font-size: 24px;
  }
}

.profile-review-wrap .preview-content-outer .preview-tab-btn-cover .preview-tab-btn-block {
  max-width: 520px;
  margin: 0;
}

.profile-review-wrap .preview-content-outer .preview-left-block .tot-rating {
  color: #415362;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .profile-review-wrap .preview-content-outer .preview-left-block .tot-rating {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .profile-review-wrap .preview-content-outer .preview-left-block .tot-rating {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .profile-review-wrap .preview-content-outer .preview-left-block .tot-rating {
    font-size: 14px;
  }
}

.profile-review-wrap .preview-content-outer .preview-left-block .tot-rating .cnt {
  color: #101b25;
  font-size: 32px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .profile-review-wrap .preview-content-outer .preview-left-block .tot-rating .cnt {
    font-size: 30px;
  }
}

@media (max-width: 1481px) {
  .profile-review-wrap .preview-content-outer .preview-left-block .tot-rating .cnt {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .profile-review-wrap .preview-content-outer .preview-left-block .tot-rating .cnt {
    font-size: 24px;
  }
}

.profile-review-wrap .rating-categories {
  padding-bottom: 30px;
  display: flex;
}

.profile-review-wrap .rating-categories .items {
  border-top: 1px solid #dfe1e3;
  border-right: 1px solid #dfe1e3;
  width: 33.3333%;
  padding: 12px 24px;
}

@media (max-width: 1679px) {
  .profile-review-wrap .rating-categories .items {
    padding: 10px 20px;
  }
}

@media (max-width: 1481px) {
  .profile-review-wrap .rating-categories .items {
    padding: 8px 18px;
  }
}

@media (max-width: 767px) {
  .profile-review-wrap .rating-categories .items {
    padding: 8px 10px;
  }
}

@media (max-width: 479px) {
  .profile-review-wrap .rating-categories .items {
    padding: 8px 5px;
  }
}

.profile-review-wrap .rating-categories .items:last-child {
  border-right: 0;
  padding-right: 0;
}

.profile-review-wrap .rating-categories .count {
  text-align: center;
  color: #101b25;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

@media (max-width: 1679px) {
  .profile-review-wrap .rating-categories .count {
    font-size: 22px;
    line-height: 32px;
  }
}

@media (max-width: 1481px) {
  .profile-review-wrap .rating-categories .count {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (max-width: 1199px) {
  .profile-review-wrap .rating-categories .count {
    font-size: 18px;
    line-height: 28px;
  }
}

@media (max-width: 991px) {
  .profile-review-wrap .rating-categories .count {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (max-width: 767px) {
  .profile-review-wrap .rating-categories .count {
    font-size: 14px;
    line-height: 24px;
  }
}

.profile-review-wrap .rating-categories .txt {
  letter-spacing: 0%;
  text-align: center;
  color: #415362;
  word-break: break-word;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .profile-review-wrap .rating-categories .txt {
    font-size: 13px;
  }
}

@media (max-width: 479px) {
  .profile-review-wrap .rating-categories .txt {
    font-size: 12px;
  }
}

.profile-review-wrap .summary-actions {
  padding-top: 32px;
}

.profile-review-wrap .summary-actions .btn {
  color: #fff;
  width: 100%;
  height: 44px;
  letter-spacing: 0%;
  background-color: #5090cc;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

@media (max-width: 1679px) {
  .profile-review-wrap .summary-actions .btn {
    height: 38px;
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .profile-review-wrap .summary-actions .btn {
    height: 36px;
  }
}

.profile-review-wrap .summary-actions .btn.follow-btn {
  color: #101b25;
  background-color: #0000;
  border: 1px solid #dfe1e3;
  margin-top: 12px;
  box-shadow: 0 2px 4px #2a455d0f;
}

.profile-review-wrap .date-sec {
  letter-spacing: 0%;
  color: #101b25;
  align-items: center;
  padding: 10px 0 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

.profile-review-wrap .date-sec .dot {
  background-color: #101b25;
  width: 4px;
  height: 4px;
  margin: 0 10px;
  display: block;
}

.overview-action-wrap {
  padding: 0 0 80px;
}

@media (max-width: 1679px) {
  .overview-action-wrap {
    padding-bottom: 60px;
  }
}

@media (max-width: 1481px) {
  .overview-action-wrap {
    padding-bottom: 50px;
  }
}

@media (max-width: 991px) {
  .overview-action-wrap {
    padding-bottom: 30px;
  }
}

.overview-action-wrap ul {
  flex-wrap: wrap;
  margin: 0 -12px;
  padding: 0;
  display: flex;
}

@media (max-width: 579px) {
  .overview-action-wrap ul {
    flex-direction: column;
    margin: 0;
  }
}

.overview-action-wrap ul li {
  width: 50%;
  margin: 0;
  padding: 0 12px 15px;
  list-style: none;
}

@media (max-width: 579px) {
  .overview-action-wrap ul li {
    width: 100%;
    padding: 0 0 15px;
  }
}

.overview-action-wrap ul li .link {
  display: block;
}

.overview-action-wrap ul li .content-wrap {
  background: #f8f9fa;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px 12px 15px;
  display: flex;
}

@media (max-width: 1679px) {
  .overview-action-wrap ul li .content-wrap {
    padding: 10px 15px;
  }
}

@media (max-width: 991px) {
  .overview-action-wrap ul li .content-wrap {
    padding: 8px 15px 8px 10px;
  }
}

.overview-action-wrap ul li .content-wrap .left-wrap {
  align-items: center;
  width: 90%;
  display: flex;
}

.overview-action-wrap ul li .content-wrap .left-wrap img {
  width: 40px;
}

@media (max-width: 1679px) {
  .overview-action-wrap ul li .content-wrap .left-wrap img {
    width: 36px;
  }
}

@media (max-width: 1199px) {
  .overview-action-wrap ul li .content-wrap .left-wrap img {
    width: 34px;
  }
}

.overview-action-wrap ul li .content-wrap .left-wrap span {
  color: #101b25;
  padding: 0 0 0 10px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .overview-action-wrap ul li .content-wrap .left-wrap span {
    padding-left: 5px;
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .overview-action-wrap ul li .content-wrap .left-wrap span {
    font-size: 13px;
  }
}

.overview-action-wrap ul li .content-wrap .arrow-wrap img {
  width: 24px;
}

@media (max-width: 1679px) {
  .overview-action-wrap ul li .content-wrap .arrow-wrap img {
    width: 20px;
  }
}

.overview-action-wrap ul li .content-wrap.logout .left-wrap span {
  color: #ef4444;
}

.best-sell-sec.pp-wrap .see-all-btn {
  border: 0;
  padding: 0;
}

.best-sell-sec.pp-wrap .product-slider-def .product-sl-card .product-det-sm h4 {
  min-height: 50px;
}

@media (max-width: 1679px) {
  .best-sell-sec.pp-wrap .product-slider-def .product-sl-card .product-det-sm h4 {
    min-height: 44px;
  }
}

@media (max-width: 1481px) {
  .best-sell-sec.pp-wrap .product-slider-def .product-sl-card .product-det-sm h4 {
    min-height: 42px;
  }
}

@media (max-width: 1199px) {
  .best-sell-sec.pp-wrap .product-slider-def .product-sl-card .product-det-sm h4 {
    min-height: 40px;
  }
}

@media (max-width: 359px) {
  .best-sell-sec.pp-wrap .product-slider-def .product-sl-card .product-det-sm h4 {
    min-height: auto;
  }
}

.preview-content-outer .preview-det-cover .comm-data-cover {
  border-top: 1px solid #ecedef;
}

.preview-content-outer .preview-det-cover .comm-data-cover .comm-data-block {
  border-top: 0;
  border-bottom: 1px solid #ecedef;
}

.profile-head-wrap.head-wrap-community .right-wrap .share-profile-wrap {
  padding-bottom: 50px;
}

@media (max-width: 767px) {
  .profile-head-wrap.head-wrap-community .right-wrap .share-profile-wrap {
    padding-bottom: 0;
  }
}

@media (max-width: 479px) {
  .profile-head-wrap.head-wrap-community .community-wrap {
    padding-left: 0;
  }
}

.profile-head-wrap .left-wrap .community-wrap .list.list-profile-ul {
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .profile-head-wrap .left-wrap .community-wrap .list.list-profile-ul {
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
}

.profile-head-wrap .left-wrap .community-wrap .list.list-profile-ul li {
  margin-left: 15px;
  padding: 0;
  list-style: none;
}

.profile-head-wrap .left-wrap .community-wrap .list.list-profile-ul li:first-child {
  margin-left: 0;
}

@media (max-width: 991px) {
  .profile-head-wrap .left-wrap .community-wrap .list.list-profile-ul li {
    width: calc(50% - 8px);
    margin-bottom: 8px;
  }

  .profile-head-wrap .left-wrap .community-wrap .list.list-profile-ul li:nth-child(3) {
    margin-left: 0;
  }
}

.profile-head-wrap .left-wrap .community-wrap .list.list-profile-ul li .txt-wrap {
  color: #415362;
  border: 1px solid #ecedef;
  border-radius: 12px;
  width: 178px;
  height: 100%;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

@media (max-width: 1679px) {
  .profile-head-wrap .left-wrap .community-wrap .list.list-profile-ul li .txt-wrap {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .profile-head-wrap .left-wrap .community-wrap .list.list-profile-ul li .txt-wrap {
    width: 100%;
  }
}

@media (max-width: 479px) {
  .profile-head-wrap .left-wrap .community-wrap .list.list-profile-ul li .txt-wrap {
    align-items: center;
    padding: 8px 12px;
  }
}

.profile-head-wrap .left-wrap .community-wrap .list.list-profile-ul li .txt-wrap .icon {
  flex-shrink: 0;
  margin-right: 9px;
}

@media (max-width: 479px) {
  .profile-head-wrap .left-wrap .community-wrap .list.list-profile-ul li .txt-wrap .icon img {
    width: 28px;
  }
}

.profile-head-wrap .left-wrap .community-wrap .list.list-profile-ul li .txt-wrap .label-block {
  color: #415362;
  margin-bottom: 6px;
  font-size: 16px;
}

@media (max-width: 1679px) {
  .profile-head-wrap .left-wrap .community-wrap .list.list-profile-ul li .txt-wrap .label-block {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .profile-head-wrap .left-wrap .community-wrap .list.list-profile-ul li .txt-wrap .label-block {
    margin-bottom: 0;
  }
}

.profile-head-wrap .left-wrap .community-wrap .list.list-profile-ul li .txt-wrap .num {
  font-size: 16px;
}

@media (max-width: 1679px) {
  .profile-head-wrap .left-wrap .community-wrap .list.list-profile-ul li .txt-wrap .num {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .profile-head-wrap .left-wrap .community-wrap .list.list-profile-ul li .txt-wrap .num {
    font-size: 14px;
  }
}

/* [project]/ui/styles/scss/profile-photo-prompt.scss.css [client] (css) */
.profile-photo-prompt {
  -webkit-font-smoothing: antialiased;
  background: #fff;
  border: 1px dashed #5090cc;
  border-radius: 16px;
  margin-bottom: 20px;
  padding: 24px;
  box-shadow: 0 1px 3px #0000000a;
}

.profile-photo-prompt.required {
  background: #fff;
  border-color: #5090cc;
  box-shadow: 0 2px 8px #0000000d;
}

.profile-photo-prompt.uploaded {
  background: linear-gradient(135deg, #f0faf4 0%, #ecf9f0 100%);
  border-style: solid;
  border-color: #3d9f5c;
  box-shadow: 0 2px 8px #47b8701a;
}

.profile-photo-prompt .prompt-header {
  margin-bottom: 20px;
}

.profile-photo-prompt .prompt-header h4 {
  color: #0f172a;
  letter-spacing: -.02em;
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 600;
}

.profile-photo-prompt .prompt-header p {
  color: #64748b;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.profile-photo-prompt .prompt-content {
  align-items: center;
  gap: 14px;
  display: flex;
}

.profile-photo-prompt .prompt-text {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.profile-photo-prompt .prompt-text .prompt-title {
  color: #0f172a;
  letter-spacing: -.01em;
  font-size: 14px;
  font-weight: 600;
}

.profile-photo-prompt .prompt-text .prompt-status {
  color: #16a34a;
  font-size: 13px;
  font-weight: 500;
}

.profile-photo-prompt .prompt-body {
  justify-content: center;
  display: flex;
}

.profile-photo-prompt .profile-preview {
  object-fit: cover;
  background: #f1f5f9;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  box-shadow: 0 2px 8px #0000000f;
}

.profile-photo-prompt .profile-preview.uploaded {
  border: 2px solid #16a34a;
  width: 48px;
  height: 48px;
  box-shadow: 0 1px 4px #16a34a33;
}

.profile-photo-prompt .preview-section {
  flex-direction: column;
  align-items: center;
  gap: 16px;
  display: flex;
}

.profile-photo-prompt .preview-actions {
  gap: 12px;
  display: flex;
}

.profile-photo-prompt .profile-photo-confirm {
  background-color: #5090cc !important;
}

.profile-photo-prompt .profile-photo-confirm:hover:not(:disabled) {
  opacity: .9;
}

.profile-photo-prompt .btn-select-photo {
  cursor: pointer;
  color: #5090cc;
  background: linear-gradient(135deg, #eef5ff 0%, #e8f0fe 100%);
  border: 1px solid #31509f1f;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 16px 28px;
  font-size: 14px;
  font-weight: 600;
  transition: background .2s, box-shadow .2s, border-color .2s;
  display: inline-flex;
}

.profile-photo-prompt .btn-select-photo:hover {
  background: linear-gradient(135deg, #e0ebfc 0%, #dce7fb 100%);
  border-color: #31509f33;
  box-shadow: 0 2px 8px #31509f1a;
}

.profile-photo-prompt .btn-select-photo .camera-icon {
  width: 32px;
  height: 32px;
  color: inherit;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.profile-photo-prompt .btn-select-photo .camera-icon svg {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

/* [project]/ui/styles/scss/received.scss.css [client] (css) */
.rec-content-wrap {
  padding: 0 0 50px;
}

@media (max-width: 1679px) {
  .rec-content-wrap {
    padding: 0 0 40px;
  }
}

@media (max-width: 767px) {
  .rec-content-wrap {
    padding: 0 0 25px;
  }
}

.rec-content-wrap .rec-container-wrap {
  max-width: 850px;
  margin: 0 auto;
}

@media (max-width: 991px) {
  .rec-content-wrap .rec-container-wrap {
    max-width: 690px;
  }
}

@media (max-width: 767px) {
  .rec-content-wrap .rec-container-wrap {
    max-width: 510px;
  }
}

@media (max-width: 579px) {
  .rec-content-wrap .rec-container-wrap {
    max-width: 100%;
    padding: 0 15px;
  }
}

.rec-content-wrap .rec-container-wrap .rec-head-wrap {
  margin: 0 0 25px;
}

@media (max-width: 1679px) {
  .rec-content-wrap .rec-container-wrap .rec-head-wrap {
    margin: 0 0 20px;
  }
}

.rec-content-wrap .rec-container-wrap .rec-head-wrap ul {
  scrollbar-width: thin;
  scrollbar-color: #5090cc #0000;
  border-bottom: 1px solid #dfe1e3;
  margin: 0 0 -1px;
  padding: 0 0 1px;
  display: flex;
  overflow: auto hidden;
}

.rec-content-wrap .rec-container-wrap .rec-head-wrap ul li {
  white-space: nowrap;
  margin: 0;
  padding: 10px 0;
  list-style: none;
}

@media (max-width: 1199px) {
  .rec-content-wrap .rec-container-wrap .rec-head-wrap ul li {
    padding: 8px 0;
  }
}

.rec-content-wrap .rec-container-wrap .rec-head-wrap ul li a {
  color: #7b8d9f;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 500;
  display: block;
  position: relative;
}

@media (max-width: 1199px) {
  .rec-content-wrap .rec-container-wrap .rec-head-wrap ul li a {
    font-size: 13px;
  }
}

@media (max-width: 991px) {
  .rec-content-wrap .rec-container-wrap .rec-head-wrap ul li a {
    padding: 0 10px;
  }
}

@media (max-width: 579px) {
  .rec-content-wrap .rec-container-wrap .rec-head-wrap ul li a {
    font-size: 12px;
  }
}

.rec-content-wrap .rec-container-wrap .rec-head-wrap ul li.active a {
  color: #5090cc;
}

.rec-content-wrap .rec-container-wrap .rec-head-wrap ul li.active a:after {
  content: "";
  background: #5090cc;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -11px;
  left: 0;
}

@media (max-width: 1199px) {
  .rec-content-wrap .rec-container-wrap .rec-head-wrap ul li.active a:after {
    bottom: -10px;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .top-wrp {
  align-items: center;
  padding-bottom: 15px;
  display: flex;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .top-wrp .create-btn {
  background-color: #5090cc;
  border: 0;
  border-radius: 30px;
  align-items: center;
  height: 44px;
  margin-left: auto;
  padding: 14px 20px;
  display: flex;
}

@media (max-width: 1679px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .top-wrp .create-btn {
    height: 40px;
  }
}

@media (max-width: 1199px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .top-wrp .create-btn {
    height: 38px;
  }
}

@media (max-width: 579px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .top-wrp .create-btn {
    height: 36px;
    padding: 10px 20px;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .top-wrp .create-btn img {
  margin-right: 4px;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .top-wrp .create-btn .txt {
  color: #fff;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .top-wrp .tab-title {
  padding-bottom: 0;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list {
  border: 1px solid #ecedef;
  border-radius: 15px;
  width: 100%;
  padding: 15px;
}

@media (max-width: 767px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list {
    border-radius: 10px;
    padding: 10px;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .pr-head-wrap {
  align-items: center;
  gap: 20px;
  width: 100%;
  display: flex;
}

@media (max-width: 1679px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .pr-head-wrap {
    gap: 15px;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .variant-wrp {
  scrollbar-width: thin;
  scrollbar-color: #5090cc #fff;
  flex-wrap: nowrap;
  gap: 10px;
  margin: 20px 0 10px;
  padding-bottom: 10px;
  display: flex;
  overflow-x: auto;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .variant-wrp .variant-btn.active, .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .variant-wrp .variant-btn:hover {
  color: #101b25;
  background-color: #f7fafd;
  border: 1px solid #dfe1e3;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .variant-wrp .variant-btn {
  color: #5090cc;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #5090cc;
  border-radius: 36px;
  min-width: 207px;
  height: 36px;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .variant-wrp .variant-btn {
    height: 34px;
  }
}

@media (max-width: 1199px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .variant-wrp .variant-btn {
    font-size: 13px;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .img {
  background: #ecedef;
  border-radius: 10px;
  flex: 0 0 72px;
  width: 72px;
  height: 72px;
}

@media (max-width: 1679px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .img {
    flex: 0 0 65px;
    width: 60px;
    height: 60px;
  }
}

@media (max-width: 1199px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .img {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 579px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .img {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .img img {
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .content {
  flex: 1;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .content .title {
  color: #101b25;
  word-break: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin: 0;
  padding: 0 0 5px;
  font-size: 20px;
  font-weight: 600;
  display: -webkit-box;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .content .title {
    font-size: 18px;
  }
}

@media (max-width: 1199px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .content .title {
    font-size: 16px;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .content .list {
  flex-wrap: wrap;
  gap: 2px 8px;
  margin: 0;
  padding: 0;
  display: flex;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .content .list li {
  color: #415362;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  list-style: none;
  position: relative;
}

@media (max-width: 1679px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .content .list li {
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .content .list li {
    font-size: 13px;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .content .list li .num {
  color: #101b25;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .content .list li {
  padding-left: 12px;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .content .list li:before {
  content: "";
  background: #415362;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  margin: auto;
  position: absolute;
  inset: 0 auto 0 0;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .arrow {
  flex: 0 0 36px;
  width: 36px;
}

@media (max-width: 1679px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .arrow {
    flex: 0 0 32px;
    width: 32px;
  }
}

@media (max-width: 991px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .arrow {
    flex: 0 0 26px;
    width: 26px;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list + .pr-list {
  margin-top: 15px;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list.active .arrow {
  transform: rotate(90deg);
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list {
  padding: 22px;
}

@media (max-width: 1679px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list {
    padding: 20px;
  }
}

@media (max-width: 1199px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list {
    padding: 15px;
  }
}

@media (max-width: 579px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list .pr-head-wrap {
    flex-direction: column;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list .pr-head-wrap .img {
  background-color: #f6f7f9;
  border-radius: 13px;
  flex: 0 0 140px;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  position: relative;
}

@media (max-width: 579px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list .pr-head-wrap .img {
    flex: unset;
    width: 100%;
    height: 127px;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list .pr-head-wrap .img .forward {
  background-color: #0000;
  border: 0;
  width: 26px;
  height: 26px;
  padding: 0;
  position: absolute;
  top: 7px;
  right: 9px;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list .pr-head-wrap .img .forward img {
  max-width: 100%;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list .pr-head-wrap .img img {
  object-fit: contain;
  max-width: 77px;
  height: auto;
  max-height: 90%;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list .content {
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (max-width: 579px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list .content {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list .content .title {
  color: #101b25;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 15px 10px 0;
  font-size: 16px;
  display: block;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list .content .title {
    font-size: 15px;
  }
}

@media (max-width: 1199px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list .content .title {
    font-size: 14px;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list .content .navigate {
  cursor: pointer;
  background: url("/img/chev-right.svg") center / contain no-repeat;
  width: 13px;
  height: 8px;
  display: inline-block;
  position: absolute;
  top: 8px;
  right: 14px;
}

@media (max-width: 1199px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list .content .navigate {
    right: 0;
  }
}

@media (max-width: 579px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list .content .navigate {
    bottom: 10px;
    top: unset;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list .content .desc-txt {
  color: #101b25;
  margin: 0;
  padding-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list .link {
  color: #08f;
  padding-bottom: 10px;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list .category-blk .product-desc {
  color: #101b25;
  padding: 0;
  font-weight: 500;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list .category-blk .cat-chips {
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 5px;
  display: flex;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list .category-blk .cat-chips .chips {
  background-color: #f6f7f9;
  border-radius: 30px;
  align-items: center;
  padding: 6px 12px;
  display: flex;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list .category-blk .cat-chips .chips .icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list .category-blk .cat-chips .chips .icon img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap.wish-listing .pr-list .category-blk .cat-chips .chips .txt {
  color: #415362;
  font-size: 14px;
  font-weight: 500;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap {
  padding: 20px 0 0;
}

@media (max-width: 1679px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap {
    padding: 15px 0 0;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap {
  background: #f7fafd;
  border-radius: 12px;
  padding: 24px;
}

@media (max-width: 1679px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap {
    padding: 20px;
  }
}

@media (max-width: 991px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap {
    padding: 15px;
  }
}

@media (max-width: 479px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap {
    padding: 10px 5px;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .subtitle {
  color: #101b25;
  margin: 0;
  padding: 0 0 20px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .subtitle {
    padding: 0 0 15px;
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .subtitle {
    font-size: 16px;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list {
  margin: 0;
  padding: 0;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li {
  border-bottom: 1px solid #ecedef;
  margin: 0 0 15px;
  padding: 0 0 15px;
  list-style: none;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label {
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
  margin: 0;
  padding: 0;
  display: flex;
}

@media (max-width: 1679px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label {
    gap: 10px;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .form-check-input {
  cursor: pointer;
  appearance: none;
  background-color: #0000;
  border: 2px solid #cbd1d7;
  border-radius: 5px;
  outline: 0;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  transition: all .2s ease-in-out;
  box-shadow: none !important;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .form-check-input:not(:checked) {
  background-color: #0000;
  border: 2px solid #cbd1d7;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .form-check-input:hover:not(:disabled) {
  background-color: #dce9f54d;
  border-color: #5090cc;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .form-check-input:focus, .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .form-check-input:focus-visible {
  outline-offset: 2px;
  border-color: #5090cc;
  outline: 2px solid #5090cc;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .form-check-input:checked {
  background-color: #dce9f5;
  background-image: url("/img/tic-blue.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 9px;
  border-color: #5090cc;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .form-check-input:checked:hover:not(:disabled) {
  background-color: #c5ddf0;
  border-color: #3d7bb3;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .form-check-input:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .center-wrap {
  flex: 1;
  align-items: center;
  gap: 15px;
  display: flex;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .rc-img {
  border-radius: 50%;
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
}

@media (max-width: 1679px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .rc-img {
    flex: 0 0 42px;
    width: 45px;
    height: 42px;
  }
}

@media (max-width: 991px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .rc-img {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .rc-img img {
  object-fit: cover;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .txt {
  flex: 1;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .txt .txt-top {
  padding: 0 0 3px;
}

@media (max-width: 1679px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .txt .txt-top {
    padding: 0 0 2px;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .txt .txt-top ul {
  flex-wrap: wrap;
  gap: 3px 10px;
  margin: 0;
  padding: 0;
  display: flex;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .txt .txt-top ul li {
  color: #101b25;
  word-break: break-word;
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  list-style: none;
  position: relative;
}

@media (max-width: 1679px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .txt .txt-top ul li {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .txt .txt-top ul li {
    font-size: 13px;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .txt .txt-top ul li .red-color {
  color: #ef4444;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .txt .txt-top ul li + li {
  border: 0;
  margin: 0;
  padding-left: 8px;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .txt .txt-top ul li + li:before {
  content: "";
  background: #415362;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  margin: auto;
  position: absolute;
  inset: 0 auto 0 0;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .txt .txt-btm ul {
  flex-wrap: wrap;
  gap: 3px 10px;
  margin: 0;
  padding: 0;
  display: flex;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .txt .txt-btm ul li {
  color: #415362;
  word-break: break-word;
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  list-style: none;
  position: relative;
}

@media (max-width: 1679px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .txt .txt-btm ul li {
    font-size: 13px;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .txt .txt-btm ul li .num {
  color: #101b25;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .txt .txt-btm ul li .num {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .txt .txt-btm ul li .num {
    font-size: 13px;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .txt .txt-btm ul li + li {
  border: 0;
  margin: 0;
  padding-left: 8px;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .txt .txt-btm ul li + li:before {
  content: "";
  background: #415362;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  margin: auto;
  position: absolute;
  inset: 0 auto 0 0;
}

@media (max-width: 479px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .txt .txt-btm ul li + li.exp {
    display: none;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .mob-footer-wrap {
  border-top: 1px solid #ecedef;
  width: 100%;
  margin: 0;
  padding: 10px 0 0;
  display: none;
}

@media (max-width: 479px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .mob-footer-wrap {
    display: block;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .mob-footer-wrap .btn-wrap {
  padding: 10px 0 0;
  display: block;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .mob-footer-wrap .btn-wrap .btn {
  color: #101b25;
  background: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  outline: 0;
  flex: 0 0 110px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36px;
  margin: 0;
  padding: 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  display: flex;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .mob-footer-wrap ul {
  flex-wrap: wrap;
  gap: 3px 5px;
  margin: 0;
  padding: 0;
  display: flex;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .mob-footer-wrap ul li {
  color: #101b25;
  word-break: break-word;
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  list-style: none;
  position: relative;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .mob-footer-wrap ul li + li {
  border: 0;
  margin: 0;
  padding-left: 8px;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .mob-footer-wrap ul li + li:before {
  content: "";
  background: #415362;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  margin: auto;
  position: absolute;
  inset: 0 auto 0 0;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .mob-footer-wrap .offer-exp-wrap {
  justify-content: space-between;
  gap: 5px;
  display: flex;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .mob-footer-wrap .offer-exp-wrap .exp-red {
  color: #ef4444;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .btn-wrap .btn {
  color: #101b25;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  outline: 0;
  flex: 0 0 110px;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 36px;
  margin: 0;
  padding: 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  display: flex;
  background: #fff !important;
}

@media (max-width: 1679px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label .btn-wrap .btn {
    width: 90px;
    height: 34px;
    font-size: 13px;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .compare-btn {
  padding: 15px 0 0;
}

@media (max-width: 1679px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .compare-btn {
    padding: 10px 0 0;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .compare-btn .btn {
  color: #fff;
  background: #5090cc;
  border: 0;
  border-radius: 30px;
  outline: 0;
  justify-content: center;
  align-items: center;
  height: 44px;
  margin: 0;
  padding: 5px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  display: flex;
}

@media (max-width: 1679px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .compare-btn .btn {
    height: 36px;
    padding: 5px 15px;
    font-size: 13px;
  }
}

.re-activity-outer-wrap {
  width: 100%;
  padding: 0 0 0 33px;
}

@media (max-width: 1679px) {
  .re-activity-outer-wrap {
    padding: 0 0 0 25px;
  }
}

@media (max-width: 479px) {
  .re-activity-outer-wrap {
    padding: 0;
  }
}

.re-activity-outer-wrap .re-activity-wrap {
  background: #fff;
  border: 1px solid #ecedef;
  padding: 15px;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-head {
  border-bottom: 1px solid #ecedef;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 15px;
  padding: 0 0 15px;
  display: flex;
}

@media (max-width: 1679px) {
  .re-activity-outer-wrap .re-activity-wrap .re-ac-head {
    margin: 0 0 10px;
    padding: 0 0 10px;
  }
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-head .title {
  color: #101b25;
  font-size: 16px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .re-activity-outer-wrap .re-activity-wrap .re-ac-head .title {
    font-size: 14px;
  }
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-head .img-arrow {
  width: 28px;
}

@media (max-width: 1679px) {
  .re-activity-outer-wrap .re-activity-wrap .re-ac-head .img-arrow {
    width: 25px;
  }
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-head.active .img-arrow {
  transform: rotate(90deg);
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap {
  position: relative;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .left-border {
  z-index: 1;
  width: 1px;
  height: 100%;
  padding: 10px 0 0;
  position: absolute;
  left: 7px;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .left-border img {
  object-fit: cover;
  height: 100%;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap {
  gap: 15px;
  padding-top: 15px;
  display: flex;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap:first-child {
  padding-top: 0;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap .left-wrap {
  flex: 0 0 15px;
  width: 15px;
  padding: 5px 0 0;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap .left-wrap .dot {
  z-index: 9;
  background: #fff;
  border: 1px solid #f59e0b;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  position: relative;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap .left-wrap .dot:after {
  content: "";
  background: #f59e0b;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  margin: auto;
  position: absolute;
  inset: 0;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap .right-wrap {
  flex: 1;
  gap: 10px;
  display: flex;
}

@media (max-width: 579px) {
  .re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap .right-wrap {
    flex-direction: column;
    gap: 5px;
  }
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap .right-wrap .re-ac-txt-wrap {
  flex: 1;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap .right-wrap .re-ac-txt-wrap .name {
  color: #101b25;
  padding: 0 0 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap .right-wrap .re-ac-txt-wrap .name {
    font-size: 13px;
  }
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap .right-wrap .re-ac-txt-wrap .bill-info {
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  display: flex;
}

@media (max-width: 579px) {
  .re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap .right-wrap .re-ac-txt-wrap .bill-info {
    flex-direction: column;
  }
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap .right-wrap .re-ac-txt-wrap .bill-info li {
  color: #415362;
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  position: relative;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap .right-wrap .re-ac-txt-wrap .bill-info li + li {
  margin: 0 0 0 5px;
  padding: 0 0 0 8px;
}

@media (max-width: 579px) {
  .re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap .right-wrap .re-ac-txt-wrap .bill-info li + li {
    margin: 0;
    padding: 5px 0 0;
  }
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap .right-wrap .re-ac-txt-wrap .bill-info li + li:before {
  content: "";
  background: #415362;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  margin: auto;
  position: absolute;
  inset: 0 auto 0 0;
}

@media (max-width: 579px) {
  .re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap .right-wrap .re-ac-txt-wrap .bill-info li + li:before {
    display: none;
  }
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap .right-wrap .re-ac-btn-wrap {
  padding: 5px 0 0;
}

@media (max-width: 579px) {
  .re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap .right-wrap .re-ac-btn-wrap {
    padding: 0;
  }
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap .right-wrap .re-ac-btn-wrap .btn {
  cursor: pointer;
  background: none;
  border: 0;
  outline: 0;
  align-items: center;
  gap: 3px;
  margin: 0;
  padding: 0;
  display: flex;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap .right-wrap .re-ac-btn-wrap .btn span {
  color: #5090cc;
  font-size: 14px;
  font-weight: 500;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap .right-wrap .re-ac-btn-wrap .btn img {
  width: 14px;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap.rc-second-color {
  z-index: 1;
  padding: 15px 0 0;
  position: relative;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap.rc-second-color .left-wrap .dot {
  border-color: #8b5cf6;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap.rc-second-color .left-wrap .dot:after {
  background: #8b5cf6;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .content .list li .sold {
  color: #1bb746;
  align-items: center;
  display: inline-flex;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list .content .list li .sold img {
  margin-top: -3px;
  margin-right: 5px;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list.pr-list-sold .content .list li {
  margin-right: 10px;
  padding-left: 15px;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list.pr-list-sold .content .list li:first-child {
  min-width: 130px;
  padding-left: 15px;
}

@media (max-width: 1679px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list.pr-list-sold .content .list li:first-child {
    min-width: 110px;
  }
}

@media (max-width: 479px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list.pr-list-sold .content .list li:first-child {
    min-width: auto;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list.pr-list-sold .content .list li:last-child {
  margin-right: 0;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list.pr-list-sold .content .list li:last-child:before {
  display: none;
}

@media (max-width: 479px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list.pr-list-sold .content .list li:last-child:before {
    display: none;
  }
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pr-list.pr-list-sold .content .list li + li:before {
  left: 0;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap, .re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap {
  padding-bottom: 15px;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap.rc-second-color {
  padding-top: 0;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap.rc-second-color.last-activity .left-wrap:after {
  display: none;
}

.rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label {
  gap: 0 15px;
}

@media (max-width: 1679px) {
  .rec-content-wrap .rec-container-wrap .rec-list-content-wrap .pr-list-wrap .pre-content-wrap .pre-offer-wrap .rc-list li .form-check-label {
    column-gap: 10px;
  }
}

.re-activity-outer-wrap .re-activity-wrap {
  margin: 15px 0 0;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap {
  background: none;
  padding: 0;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .left-border {
  display: none;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap {
  padding: 0;
  background: none !important;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap .left-wrap {
  padding: 0;
  position: relative;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap .left-wrap:after {
  content: "";
  background: url("/img/gradient-bg-plain.svg") 0 0 / auto 100% no-repeat;
  width: 1px;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: 0;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap .right-wrap .re-ac-txt-wrap {
  padding-bottom: 10px;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap:last-child .left-wrap:after {
  inset: inherit;
  top: -100%;
  left: 0;
  right: 0;
  background-color: #fff !important;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap:last-child .left-wrap:before {
  display: none;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap:last-child .right-wrap .re-ac-txt-wrap {
  padding-bottom: 0;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap.rc-second-color:first-child .left-wrap:before {
  display: none;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap.rc-second-color .left-wrap:after {
  background-image: url("/img/gradient-bg-color.svg");
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap.rc-second-color .left-wrap:before {
  content: "";
  background: #fff url("/img/gradient-bg-color.svg") 0 0 / auto 100%;
  width: 1px;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -75% 0 0;
}

.re-activity-outer-wrap .re-activity-wrap .re-ac-content-wrap .re-ac-list-wrap + .re-ac-list-wrap {
  padding-top: 0;
}

/* [project]/ui/styles/scss/receive-offer-v2.scss.css [client] (css) */
.breadcrumb {
  margin: 0;
  padding: 30px 0 16px;
}

@media (max-width: 1679px) {
  .breadcrumb {
    padding: 25px 0 11px;
  }
}

@media (max-width: 1481px) {
  .breadcrumb {
    padding: 15px 0;
  }
}

.breadcrumb .list {
  margin: 0;
  padding: 0;
  font-size: 14px;
  list-style: none;
  display: flex;
}

@media (max-width: 1679px) {
  .breadcrumb .list {
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .breadcrumb .list {
    font-size: 12px;
  }
}

@media (max-width: 579px) {
  .breadcrumb .list {
    font-size: 10px;
  }
}

.breadcrumb .list li {
  align-items: center;
  display: flex;
}

.breadcrumb .list li a {
  color: #7b8d9f;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

@media (max-width: 1679px) {
  .breadcrumb .list li a {
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .breadcrumb .list li a {
    font-size: 12px;
  }
}

@media (max-width: 579px) {
  .breadcrumb .list li a {
    font-size: 10px;
  }
}

.breadcrumb .list li a:hover {
  text-decoration: underline;
}

.breadcrumb .list li a.active {
  color: #101b25;
}

.breadcrumb .list li + li:before {
  content: "";
  color: #999;
  background-image: url("/img/gray-arrow.svg");
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  margin: 0 8px;
}

@media (max-width: 1679px) {
  .breadcrumb .list li + li:before {
    margin: 0 6px;
  }
}

.product-min-wrap .pr-list {
  border: 1px solid #ecedef;
  border-radius: 15px;
  width: 100%;
  margin-bottom: 25px;
  padding: 15px;
}

@media (max-width: 1679px) {
  .product-min-wrap .pr-list {
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .product-min-wrap .pr-list {
    border-radius: 10px;
    padding: 10px;
  }
}

.product-min-wrap .pr-list .pr-head-wrap {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: 100%;
  display: flex;
}

@media (max-width: 1679px) {
  .product-min-wrap .pr-list .pr-head-wrap {
    gap: 15px;
  }
}

.product-min-wrap .pr-list .pr-left-wrap {
  align-items: center;
  gap: 20px;
  width: 65%;
  display: flex;
}

@media (max-width: 1679px) {
  .product-min-wrap .pr-list .pr-left-wrap {
    gap: 15px;
  }
}

@media (max-width: 767px) {
  .product-min-wrap .pr-list .pr-left-wrap {
    width: 95%;
  }
}

.product-min-wrap .pr-list .img {
  background: #ecedef;
  border-radius: 10px;
  width: 72px;
  height: 72px;
}

@media (max-width: 1679px) {
  .product-min-wrap .pr-list .img {
    width: 60px;
    height: 60px;
  }
}

@media (max-width: 1199px) {
  .product-min-wrap .pr-list .img {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 579px) {
  .product-min-wrap .pr-list .img {
    width: 40px;
    height: 40px;
  }
}

.product-min-wrap .pr-list .img img {
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.product-min-wrap .pr-list .content {
  flex: 1;
}

.product-min-wrap .pr-list .content .title-fire-wrap {
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0 0 5px;
  display: flex;
}

.product-min-wrap .pr-list .content .title-fire-wrap span {
  color: #101b25;
  word-break: break-word;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .product-min-wrap .pr-list .content .title-fire-wrap span {
    font-size: 18px;
  }
}

@media (max-width: 1199px) {
  .product-min-wrap .pr-list .content .title-fire-wrap span {
    font-size: 16px;
  }
}

.product-min-wrap .pr-list .content .title-fire-wrap img {
  width: 13px;
}

@media (max-width: 1679px) {
  .product-min-wrap .pr-list .content .title-fire-wrap img {
    width: 10px;
  }
}

.product-min-wrap .pr-list .content .list {
  flex-wrap: wrap;
  gap: 2px 5px;
  margin: 0;
  padding: 0;
  display: flex;
}

.product-min-wrap .pr-list .content .list li {
  color: #415362;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  list-style: none;
  position: relative;
}

@media (max-width: 1679px) {
  .product-min-wrap .pr-list .content .list li {
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .product-min-wrap .pr-list .content .list li {
    font-size: 13px;
  }
}

.product-min-wrap .pr-list .content .list li .num {
  color: #101b25;
}

.product-min-wrap .pr-list .content .list li + li {
  padding-left: 7px;
}

.product-min-wrap .pr-list .content .list li + li:before {
  content: "";
  background: #415362;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  margin: auto;
  position: absolute;
  inset: 0 auto 0 0;
}

.product-min-wrap .pr-list .content .info {
  color: #31363b;
  padding: 5px 0 0;
  font-size: 13px;
  font-weight: 500;
  display: none;
}

@media (max-width: 1679px) {
  .product-min-wrap .pr-list .content .info {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .product-min-wrap .pr-list .content .info {
    display: block;
  }
}

.product-min-wrap .pr-list .pr-right-wrap {
  align-items: center;
  gap: 10px;
  display: flex;
}

.product-min-wrap .pr-list .pr-right-wrap .info {
  color: #31363b;
  font-size: 13px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .product-min-wrap .pr-list .pr-right-wrap .info {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .product-min-wrap .pr-list .pr-right-wrap .info {
    display: none;
  }
}

.product-min-wrap .pr-list .pr-right-wrap .arrow img {
  width: 36px;
}

@media (max-width: 1679px) {
  .product-min-wrap .pr-list .pr-right-wrap .arrow img {
    width: 32px;
  }
}

@media (max-width: 991px) {
  .product-min-wrap .pr-list .pr-right-wrap .arrow img {
    width: 26px;
  }
}

.product-min-wrap .pr-list + .pr-list {
  margin-top: 15px;
}

.product-min-wrap .pr-list.active .arrow {
  transform: rotate(90deg);
}

.offer-content-wrap {
  padding-bottom: 150px;
}

@media (max-width: 1679px) {
  .offer-content-wrap {
    padding-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .offer-content-wrap {
    padding-bottom: 50px;
  }
}

.offer-content-wrap .return-head-wrap {
  justify-content: space-between;
  align-items: center;
  padding: 0 0 15px;
  display: flex;
}

.offer-content-wrap .return-head-wrap .title {
  color: #101b25;
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .offer-content-wrap .return-head-wrap .title {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .offer-content-wrap .return-head-wrap .title {
    font-size: 16px;
  }
}

.offer-content-wrap .return-head-wrap .btn {
  cursor: pointer;
  color: #101b25;
  background: #f6f7f9;
  border: 0;
  border-radius: 30px;
  height: 44px;
  margin: 0;
  padding: 5px 25px;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .offer-content-wrap .return-head-wrap .btn {
    height: 40px;
    padding: 5px 15px;
  }
}

@media (max-width: 579px) {
  .offer-content-wrap .return-head-wrap .btn {
    display: none;
  }
}

.offer-content-wrap .table-btm-btn-wrap {
  width: 100%;
  display: none;
}

@media (max-width: 579px) {
  .offer-content-wrap .table-btm-btn-wrap {
    justify-content: flex-end;
    display: inline-flex;
  }
}

.offer-content-wrap .table-btm-btn-wrap .btn {
  cursor: pointer;
  color: #101b25;
  background: #f6f7f9;
  border: 0;
  border-radius: 30px;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 5px 25px;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .offer-content-wrap .table-btm-btn-wrap .btn {
    height: 40px;
    padding: 5px 15px;
  }
}

.offer-content-wrap .table-wrap {
  margin: 0;
  padding: 0;
  overflow: auto;
}

.offer-content-wrap .table-wrap .table {
  border-collapse: separate;
}

.offer-content-wrap .table-wrap .table tr th {
  vertical-align: middle;
  border: 1px solid #ecedef;
  min-width: 150px;
  margin: 0;
  padding: 15px;
}

.offer-content-wrap .table-wrap .table tr th .th-head {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  display: flex;
}

.offer-content-wrap .table-wrap .table tr th .th-head span {
  color: #101b25;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .offer-content-wrap .table-wrap .table tr th .th-head span {
    font-size: 14px;
  }
}

.offer-content-wrap .table-wrap .table tr th .th-head .sort {
  flex-direction: column;
  gap: 3px;
  width: 10px;
  display: flex;
}

.offer-content-wrap .table-wrap .table tr th .th-head .sort img {
  width: 8px;
  display: block;
}

.offer-content-wrap .table-wrap .table tr th:first-child {
  border-radius: 10px 0 0;
}

.offer-content-wrap .table-wrap .table tr th:last-child {
  border-radius: 0 10px 0 0;
}

.offer-content-wrap .table-wrap .table tr td {
  color: #415362;
  vertical-align: middle;
  border-top: 0;
  border-bottom: 1px solid #ecedef;
  border-left: 1px solid #ecedef;
  border-right: 0;
  margin: 0;
  padding: 35px 15px;
  font-size: 16px;
  font-weight: 500;
  transition: all .3s;
}

@media (max-width: 1679px) {
  .offer-content-wrap .table-wrap .table tr td {
    padding: 25px 15px;
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .offer-content-wrap .table-wrap .table tr td {
    padding: 20px 15px;
  }
}

.offer-content-wrap .table-wrap .table tr td:last-child {
  border-right: 1px solid #ecedef;
}

.offer-content-wrap .table-wrap .table tr:last-child td:first-child {
  border-radius: 0 0 0 10px;
}

.offer-content-wrap .table-wrap .table tr:last-child td:last-child {
  border-radius: 0 0 10px;
}

.offer-content-wrap .table-wrap .table tr:hover td {
  background: #f7fafd;
}

.offer-content-wrap .table-wrap .hover-eff {
  position: relative;
}

.offer-content-wrap .table-wrap .hover-eff .hover-cont {
  z-index: 9;
  opacity: 0;
  pointer-events: none;
  background: #fff;
  border: 1px solid #e6eaf3;
  border-radius: 10px;
  gap: 10px;
  padding: 10px;
  transition: all .5s;
  display: flex;
  position: absolute;
  top: 20px;
  left: -50px;
  box-shadow: 10px 14px 10px -10px #0000000f;
}

@media (max-width: 991px) {
  .offer-content-wrap .table-wrap .hover-eff .hover-cont {
    padding: 5px 8px;
  }
}

.offer-content-wrap .table-wrap .hover-eff .hover-cont .img img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

@media (max-width: 1679px) {
  .offer-content-wrap .table-wrap .hover-eff .hover-cont .img img {
    width: 35px;
    height: 35px;
  }
}

@media (max-width: 991px) {
  .offer-content-wrap .table-wrap .hover-eff .hover-cont .img img {
    width: 32px;
    height: 32px;
  }
}

.offer-content-wrap .table-wrap .hover-eff .hover-cont .txt .txt1 {
  color: #101b25;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .offer-content-wrap .table-wrap .hover-eff .hover-cont .txt .txt1 {
    font-size: 14px;
  }
}

.offer-content-wrap .table-wrap .hover-eff .hover-cont .txt .txt2 {
  color: #101b25;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 1679px) {
  .offer-content-wrap .table-wrap .hover-eff .hover-cont .txt .txt2 {
    font-size: 12px;
  }
}

.offer-content-wrap .table-wrap .hover-eff .hover-cont .txt .txt2 span {
  color: #415362;
}

.offer-content-wrap .table-wrap .hover-eff:hover .hover-cont {
  opacity: 1;
  pointer-events: all;
}

/* [project]/ui/styles/scss/review-modal.scss.css [client] (css) */
@media (min-width: 767px) {
  .review-modal .modal-dialog {
    max-width: 516px;
  }
}

.review-modal .modal-dialog .modal-header {
  border: none;
  padding-bottom: 0;
}

@media (max-width: 379px) {
  .review-modal .modal-dialog .modal-header {
    padding-top: 0;
  }
}

.review-modal .modal-dialog .modal-header .modal-title {
  color: #101b25;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .review-modal .modal-dialog .modal-header .modal-title {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .review-modal .modal-dialog .modal-header .modal-title {
    font-size: 16px;
  }
}

.review-modal .modal-dialog .modal-content {
  border: none;
  border-radius: 16px;
  padding: 30px;
}

@media (max-width: 579px) {
  .review-modal .modal-dialog .modal-content {
    padding: 15px 10px;
  }
}

@media (max-width: 400px) {
  .review-modal .modal-dialog .modal-content {
    padding: 15px 0;
  }
}

.review-modal .modal-dialog .modal-content .buyer-card {
  border: 1px solid #dfe1e3;
  border-radius: 13px;
  margin-top: 15px;
  padding: 22px 0;
}

@media (max-width: 479px) {
  .review-modal .modal-dialog .modal-content .buyer-card {
    margin-top: 0;
  }
}

.review-modal .modal-dialog .modal-content .buyer-card .buyer-info {
  align-items: center;
  gap: 12px;
  padding: 0 22px;
  display: flex;
}

@media (max-width: 479px) {
  .review-modal .modal-dialog .modal-content .buyer-card .buyer-info {
    padding: 0 15px;
  }
}

@media (max-width: 379px) {
  .review-modal .modal-dialog .modal-content .buyer-card .buyer-info {
    flex-wrap: wrap;
  }
}

.review-modal .modal-dialog .modal-content .buyer-card .buyer-info img {
  object-fit: cover;
  border-radius: 50%;
  width: 52px;
  height: 52px;
}

.review-modal .modal-dialog .modal-content .buyer-card .buyer-info .buyer-name {
  color: #101b25;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .review-modal .modal-dialog .modal-content .buyer-card .buyer-info .buyer-name {
    font-size: 16px;
  }
}

.review-modal .modal-dialog .modal-content .buyer-card .buyer-info .trust-score {
  color: #415362;
  font-size: 14px;
  font-weight: 400;
}

.review-modal .modal-dialog .modal-content .buyer-card .buyer-info .trust-score span {
  color: #101b25;
}

.review-modal .modal-dialog .modal-content .rating-section {
  border-top: 1px solid #dfe1e3;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

@media (max-width: 579px) {
  .review-modal .modal-dialog .modal-content .rating-section {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
  }
}

.review-modal .modal-dialog .modal-content .rating-section .rate-title {
  color: #101b25;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}

@media (max-width: 1679px) {
  .review-modal .modal-dialog .modal-content .rating-section .rate-title {
    font-size: 15px;
  }
}

@media (max-width: 1481px) {
  .review-modal .modal-dialog .modal-content .rating-section .rate-title {
    font-size: 14px;
  }
}

.review-modal .form-wrp {
  padding-top: 16px;
}

.review-modal .form-wrp .form-label {
  letter-spacing: 0%;
  color: #101b25;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 1679px) {
  .review-modal .form-wrp .form-label {
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .review-modal .form-wrp .form-label {
    font-size: 12px;
  }
}

.review-modal .form-wrp textarea {
  resize: none;
  border: 1px solid #ecedef;
  border-radius: 12px;
  min-height: 150px;
  padding: 10px 14px;
  font-size: 14px;
}

.review-modal .modal-footer {
  border: none;
  justify-content: center;
  margin-top: 10px;
}

@media (max-width: 379px) {
  .review-modal .modal-footer {
    padding-left: 0;
    padding-right: 0;
  }
}

.review-modal .modal-footer .btn {
  height: 44px;
  letter-spacing: 0%;
  text-align: center;
  color: #101b25;
  white-space: nowrap;
  border: 1px solid #dfe1e3;
  border-radius: 50px;
  width: 48%;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.review-modal .modal-footer .btn.btn-confirm {
  color: #fff;
  background-color: #5090cc;
}

@media (max-width: 579px) {
  .review-modal .modal-footer .btn {
    width: 47%;
    padding: 0 6px;
    font-size: 12px;
  }
}

@media (max-width: 479px) {
  .review-modal .modal-footer .btn {
    padding: 0 4px;
    font-size: 11px;
  }
}

@media (max-width: 379px) {
  .review-modal .modal-footer .btn {
    width: 100%;
    padding: 0 10px;
    font-size: 13px;
  }
}

.review-modal .modal-body .btn.paynow {
  color: #5090cc;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 50px;
  width: 118px;
  height: 36px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: all .3s;
  box-shadow: 0 2px 4px #2a455d0f;
}

.review-modal .modal-body .btn.paynow:hover {
  opacity: .8;
}

@media (max-width: 1679px) {
  .review-modal .modal-body .btn.paynow {
    height: 34px;
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .review-modal .modal-body .btn.paynow {
    height: 32px;
  }
}

@media (max-width: 767px) {
  .review-modal .modal-body .btn.paynow {
    width: 100%;
  }
}

.review-modal-rating {
  font-size: 22px;
  position: relative;
  top: -23px;
}

.review-modal-rating > span {
  color: #7b8d9f;
  cursor: pointer;
  width: 1em;
  display: inline-block;
  position: relative;
}

.review-modal-rating > span:before {
  content: "★";
  color: #7b8d9f;
  position: absolute;
}

.review-modal-rating > span.active:before {
  color: #fb0;
}

.review-modal-rating > span.half:before {
  background: linear-gradient(to right, #fb0 50%, #7b8d9f 50%);
  -webkit-text-fill-color: #0000;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.review-modal .modal-dialog .modal-content .buyer-card .buyer-info-wrapper {
  align-items: center;
  padding-bottom: 18px;
  display: flex;
}

.review-modal .modal-dialog .modal-content .buyer-card .buyer-info-wrapper .buyer-info {
  margin-bottom: 0;
}

.review-modal .modal-dialog .modal-content .buyer-card .buyer-info-wrapper .rating-cnt {
  color: #415362;
  align-items: center;
  margin-left: auto;
  margin-right: 40px;
  font-family: Instrument Sans, sans-serif;
  font-size: 22px;
  font-weight: 500;
  display: flex;
}

@media (max-width: 1679px) {
  .review-modal .modal-dialog .modal-content .buyer-card .buyer-info-wrapper .rating-cnt {
    margin-right: 30px;
    font-size: 19px;
  }
}

@media (max-width: 1481px) {
  .review-modal .modal-dialog .modal-content .buyer-card .buyer-info-wrapper .rating-cnt {
    font-size: 17px;
  }
}

@media (max-width: 479px) {
  .review-modal .modal-dialog .modal-content .buyer-card .buyer-info-wrapper .rating-cnt {
    margin-right: 20px;
    font-size: 16px;
  }
}

@media (max-width: 400px) {
  .review-modal .modal-dialog .modal-content .buyer-card .buyer-info-wrapper .rating-cnt {
    margin-top: auto;
  }
}

.review-modal .modal-dialog .modal-content .buyer-card .buyer-info-wrapper .rating-cnt img {
  width: 25px;
  margin-top: -1px;
  margin-left: 12px;
}

@media (max-width: 1679px) {
  .review-modal .modal-dialog .modal-content .buyer-card .buyer-info-wrapper .rating-cnt img {
    width: 22px;
    margin-left: 8px;
  }
}

@media (max-width: 1481px) {
  .review-modal .modal-dialog .modal-content .buyer-card .buyer-info-wrapper .rating-cnt img {
    width: 20px;
  }
}

.review-modal .modal-dialog .modal-content .review-modal-rating {
  top: unset;
  flex-shrink: 0;
  padding-left: 10px;
}

@media (max-width: 579px) {
  .review-modal .modal-dialog .modal-content .review-modal-rating {
    font-size: 20px;
  }

  .review-modal .modal-dialog .modal-content .review-modal-rating > span {
    width: auto;
  }
}

.review-modal .modal-dialog .modal-content .review-modal-rating > span:before {
  position: static;
}

/* [project]/ui/styles/scss/reviews.scss.css [client] (css) */
.preview-content-outer {
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .preview-content-outer {
    margin-bottom: 20px;
  }
}

@media (min-width: 1200px) {
  .preview-content-outer .custom-container-preview {
    max-width: 1062px;
  }
}

.preview-content-outer .preview-tab-btn-cover {
  margin-top: 10px;
  margin-bottom: 30px;
}

@media (max-width: 1679px) {
  .preview-content-outer .preview-tab-btn-cover {
    margin-bottom: 20px;
  }
}

.preview-content-outer .preview-tab-btn-cover .preview-tab-btn-block {
  background-color: #f6f7f9;
  border-radius: 100px;
  max-width: 630px;
  margin: 0 auto;
  padding: 4px;
  display: flex;
}

@media (max-width: 1481px) {
  .preview-content-outer .preview-tab-btn-cover .preview-tab-btn-block {
    max-width: 550px;
  }
}

@media (max-width: 767px) {
  .preview-content-outer .preview-tab-btn-cover .preview-tab-btn-block {
    max-width: 100%;
  }
}

.preview-content-outer .preview-tab-btn-cover .preview-tab-btn-block .preview-tab-btn {
  text-align: center;
  color: #415362;
  background-color: #0000;
  border: none;
  border-radius: 100px;
  width: 50%;
  padding: 8px 15px;
  font-weight: 500;
  transition: all .3s;
}

@media (max-width: 1679px) {
  .preview-content-outer .preview-tab-btn-cover .preview-tab-btn-block .preview-tab-btn {
    font-size: 14px;
  }
}

@media (max-width: 360px) {
  .preview-content-outer .preview-tab-btn-cover .preview-tab-btn-block .preview-tab-btn {
    padding: 8px 10px;
    font-size: 13px;
  }
}

.preview-content-outer .preview-tab-btn-cover .preview-tab-btn-block .preview-tab-btn:first-child {
  margin-right: 4px;
}

.preview-content-outer .preview-tab-btn-cover .preview-tab-btn-block .preview-tab-btn:hover, .preview-content-outer .preview-tab-btn-cover .preview-tab-btn-block .preview-tab-btn.active {
  color: #101b25;
  background-color: #fff;
}

.preview-content-outer .preview-tab-btn-cover .preview-tab-btn-block .preview-tab-btn.active {
  box-shadow: 0 15px 15px -3px #00000014, 0 7px 6px -2px #00000003;
}

.preview-content-outer .review-title {
  color: #101b25;
  margin-bottom: 25px;
  font-size: 20px;
}

@media (max-width: 1679px) {
  .preview-content-outer .review-title {
    margin-bottom: 20px;
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .preview-content-outer .review-title {
    margin-bottom: 15px;
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .preview-content-outer .preview-content-wrapper {
    flex-wrap: wrap;
  }
}

.preview-content-outer .preview-content-wrapper .preview-left-block {
  width: 40%;
}

@media (max-width: 767px) {
  .preview-content-outer .preview-content-wrapper .preview-left-block {
    width: 100%;
    margin-bottom: 15px;
  }
}

.preview-content-outer .preview-content-wrapper .preview-left-block .tot-rating {
  color: #415362;
  align-items: baseline;
  margin-bottom: 30px;
  font-size: 32px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .preview-content-outer .preview-content-wrapper .preview-left-block .tot-rating {
    font-size: 26px;
  }
}

@media (max-width: 1481px) {
  .preview-content-outer .preview-content-wrapper .preview-left-block .tot-rating {
    font-size: 22px;
  }
}

@media (max-width: 1199px) {
  .preview-content-outer .preview-content-wrapper .preview-left-block .tot-rating {
    margin-bottom: 20px;
    font-size: 18px;
  }
}

@media (max-width: 579px) {
  .preview-content-outer .preview-content-wrapper .preview-left-block .tot-rating {
    font-size: 14px;
    font-weight: 400;
  }
}

.preview-content-outer .preview-content-wrapper .preview-left-block .tot-rating .cnt {
  color: #101b25;
  margin-right: 8px;
  font-size: 48px;
  display: inline-block;
}

@media (max-width: 1679px) {
  .preview-content-outer .preview-content-wrapper .preview-left-block .tot-rating .cnt {
    font-size: 36px;
  }
}

@media (max-width: 1481px) {
  .preview-content-outer .preview-content-wrapper .preview-left-block .tot-rating .cnt {
    font-size: 30px;
  }
}

@media (max-width: 1199px) {
  .preview-content-outer .preview-content-wrapper .preview-left-block .tot-rating .cnt {
    font-size: 26px;
  }
}

@media (max-width: 579px) {
  .preview-content-outer .preview-content-wrapper .preview-left-block .tot-rating .cnt {
    font-size: 20px;
    font-weight: 500;
  }
}

.preview-content-outer .preview-content-wrapper .preview-left-block .rating-card {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.preview-content-outer .preview-content-wrapper .preview-left-block .rating-card .str-block {
  flex-shrink: 0;
  align-items: center;
  width: 115px;
  display: flex;
}

@media (max-width: 479px) {
  .preview-content-outer .preview-content-wrapper .preview-left-block .rating-card .str-block {
    width: 95px;
  }
}

@media (max-width: 1679px) {
  .preview-content-outer .preview-content-wrapper .preview-left-block .rating-card .str-block img {
    width: 18px;
  }
}

@media (max-width: 479px) {
  .preview-content-outer .preview-content-wrapper .preview-left-block .rating-card .str-block img {
    width: 16px;
  }
}

.preview-content-outer .preview-content-wrapper .preview-left-block .rating-card .str-block .str-cnt {
  color: #101b25;
  margin-right: 5px;
  font-size: 18px;
}

@media (max-width: 1679px) {
  .preview-content-outer .preview-content-wrapper .preview-left-block .rating-card .str-block .str-cnt {
    font-size: 16px;
  }
}

@media (max-width: 1481px) {
  .preview-content-outer .preview-content-wrapper .preview-left-block .rating-card .str-block .str-cnt {
    font-size: 14px;
  }
}

.preview-content-outer .preview-content-wrapper .preview-left-block .rating-card .rating-range {
  flex-grow: 1;
  margin: 0 8px;
}

.preview-content-outer .preview-content-wrapper .preview-left-block .rating-card .range-cnt {
  flex-shrink: 0;
  width: 24px;
  font-size: 18px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .preview-content-outer .preview-content-wrapper .preview-left-block .rating-card .range-cnt {
    font-size: 16px;
  }
}

@media (max-width: 1481px) {
  .preview-content-outer .preview-content-wrapper .preview-left-block .rating-card .range-cnt {
    font-size: 14px;
  }
}

@media (max-width: 579px) {
  .preview-content-outer .preview-content-wrapper .preview-left-block .rating-card .range-cnt {
    font-weight: 500;
  }
}

.preview-content-outer .preview-right-block {
  width: 60%;
  padding-left: 25px;
}

@media (max-width: 767px) {
  .preview-content-outer .preview-right-block {
    width: 100%;
    padding-left: 0;
  }
}

.preview-content-outer .preview-det-cover {
  border: 1px solid #dfe1e3;
  border-radius: 12px;
  margin-bottom: 20px;
  padding: 25px;
}

@media (max-width: 1199px) {
  .preview-content-outer .preview-det-cover {
    padding: 20px;
  }
}

.preview-content-outer .preview-det-cover .review-name-det {
  align-items: center;
  margin-bottom: 15px;
}

.preview-content-outer .preview-det-cover .review-name-det .img-block {
  flex-shrink: 0;
  margin-right: 10px;
}

.preview-content-outer .preview-det-cover .review-name-det .img-block img {
  object-fit: cover;
  border-radius: 50%;
  width: 52px;
  height: 52px;
}

@media (max-width: 1679px) {
  .preview-content-outer .preview-det-cover .review-name-det .img-block img {
    width: 48px;
    height: 48px;
  }
}

.preview-content-outer .preview-det-cover .review-name-det .det-block .name {
  color: #101b25;
  margin-bottom: 1px;
  font-size: 18px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .preview-content-outer .preview-det-cover .review-name-det .det-block .name {
    font-size: 16px;
  }
}

.preview-content-outer .preview-det-cover .review-name-det .det-block .name .name-indc {
  color: #999;
}

.preview-content-outer .preview-det-cover .review-name-det .det-block .name .now {
  color: #415362;
  padding-left: 10px;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .preview-content-outer .preview-det-cover .review-name-det .det-block .name .now {
    font-size: 13px;
  }
}

.preview-content-outer .preview-det-cover .review-name-det .det-block .rating {
  align-items: center;
  display: flex;
}

.preview-content-outer .preview-det-cover .review-name-det .det-block .rating img {
  width: 13px;
}

.preview-content-outer .preview-det-cover .review-name-det .det-block .rating .cnt {
  color: #101b25;
  padding-left: 8px;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .preview-content-outer .preview-det-cover .review-name-det .det-block .rating .cnt {
    font-size: 13px;
  }
}

.preview-content-outer .preview-det-cover .review-name-det .det-block .timer {
  color: #415362;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .preview-content-outer .preview-det-cover .review-name-det .det-block .timer {
    font-size: 13px;
  }
}

.preview-content-outer .preview-det-cover .data-p {
  color: #415362;
  margin-bottom: 20px;
  font-size: 16px;
}

@media (max-width: 1679px) {
  .preview-content-outer .preview-det-cover .data-p {
    font-size: 14px;
  }
}

.preview-content-outer .preview-det-cover .comm-data-cover .comm-data-block {
  border-top: 1px solid #ecedef;
  justify-content: space-between;
  padding: 8px 0;
}

@media (max-width: 1679px) {
  .preview-content-outer .preview-det-cover .comm-data-cover .comm-data-block {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .preview-content-outer .preview-det-cover .comm-data-cover .comm-data-block {
    flex-direction: column;
  }
}

.preview-content-outer .preview-det-cover .comm-data-cover .comm-data-block .data-label {
  color: #415362;
}

.preview-content-outer .preview-det-cover .comm-data-cover .comm-data-block .data-val {
  text-align: right;
  color: #101b25;
  flex-shrink: 0;
  padding-left: 15px;
  font-weight: 500;
}

@media (max-width: 479px) {
  .preview-content-outer .preview-det-cover .comm-data-cover .comm-data-block .data-val {
    text-align: left;
    padding-left: 0;
  }
}

.preview-content-outer .preview-det-cover .det-btn-block {
  align-items: center;
  display: flex;
}

.preview-content-outer .preview-det-cover .det-btn-block .rwv-btn {
  box-shadow: none;
  color: #415362;
  background-color: #0000;
  border: none;
  align-items: center;
  margin-right: 20px;
  padding-left: 0;
  font-size: 13px;
  font-weight: 500;
  transition: all .3s;
  display: inline-flex;
  position: relative;
}

.preview-content-outer .preview-det-cover .det-btn-block .rwv-btn:hover {
  opacity: .8;
}

.preview-content-outer .preview-det-cover .det-btn-block .rwv-btn:last-child {
  margin-right: 0;
}

.preview-content-outer .preview-det-cover .det-btn-block .rwv-btn img {
  margin-left: 6px;
}

.preview-content-outer .preview-det-cover .det-btn-block .rwv-btn.active {
  color: #5090cc;
}

.preview-content-outer .preview-det-cover .det-btn-block .rwv-btn.active img {
  filter: brightness(0) saturate() invert(61%) sepia(14%) saturate(1980%) hue-rotate(171deg) brightness(86%) contrast(84%);
}

.preview-content-outer .preview-det-cover .det-btn-block .rwv-btn[data-tooltip]:not([data-tooltip=""]):before, .preview-content-outer .preview-det-cover .det-btn-block .rwv-btn[data-tooltip]:not([data-tooltip=""]):after {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 100;
  transition: opacity .15s ease-in-out, visibility .15s ease-in-out;
  position: absolute;
}

.preview-content-outer .preview-det-cover .det-btn-block .rwv-btn[data-tooltip]:not([data-tooltip=""]):before {
  content: attr(data-tooltip);
  color: #fff;
  text-align: center;
  background-color: #1a1a1a;
  border-radius: 6px;
  width: max-content;
  max-width: 280px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 2px 8px #00000040;
}

.preview-content-outer .preview-det-cover .det-btn-block .rwv-btn[data-tooltip]:not([data-tooltip=""]):after {
  content: "";
  border: 6px solid #0000;
  border-top-color: #1a1a1a;
  bottom: calc(100% + 2px);
  left: 50%;
  transform: translateX(-50%);
}

.preview-content-outer .preview-det-cover .det-btn-block .rwv-btn[data-tooltip]:not([data-tooltip=""]):hover:before, .preview-content-outer .preview-det-cover .det-btn-block .rwv-btn[data-tooltip]:not([data-tooltip=""]):hover:after {
  opacity: 1;
  visibility: visible;
}

.preview-content-outer .preview-det-cover .det-btn-block .cmt-edit-btn, .preview-content-outer .preview-det-cover .det-btn-block .cmt-del-btn {
  background-color: #0000;
  border: none;
  padding: 5px 0;
  font-size: 13px;
  font-weight: 500;
  transition: all .3s;
}

.preview-content-outer .preview-det-cover .det-btn-block .cmt-edit-btn:hover, .preview-content-outer .preview-det-cover .det-btn-block .cmt-del-btn:hover {
  opacity: .8;
}

.preview-content-outer .preview-det-cover .det-btn-block .cmt-edit-btn {
  color: #415362;
  margin-right: 35px;
}

.preview-content-outer .preview-det-cover .det-btn-block .cmt-del-btn {
  color: #ff4545;
}

.preview-content-outer .preview-det-cover .reply-cover {
  padding-top: 25px;
}

.preview-content-outer .preview-det-cover .reply-cover .reply-block .review-name-det {
  align-items: flex-start;
  margin-bottom: 0;
  padding-bottom: 25px;
  padding-left: 25px;
  position: relative;
}

@media (max-width: 479px) {
  .preview-content-outer .preview-det-cover .reply-cover .reply-block .review-name-det {
    flex-wrap: wrap;
  }
}

.preview-content-outer .preview-det-cover .reply-cover .reply-block .review-name-det:before {
  content: "";
  background-color: #dfe1e3;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.preview-content-outer .preview-det-cover .reply-cover .reply-block .review-name-det:last-child {
  padding-bottom: 0;
}

.preview-content-outer .preview-det-cover .reply-cover .reply-block .review-name-det:last-child:before {
  height: 11px;
}

.preview-content-outer .preview-det-cover .reply-cover .reply-block .img-block {
  padding-left: 10px;
  position: relative;
}

.preview-content-outer .preview-det-cover .reply-cover .reply-block .img-block:before {
  content: "";
  border-bottom: 1px solid #dfe1e3;
  border-left: 1px solid #dfe1e3;
  border-radius: 0 0 0 15px;
  width: 25px;
  height: 20px;
  position: absolute;
  top: 10px;
  left: -25px;
}

.preview-content-outer .preview-det-cover .reply-cover .reply-block .det-block {
  flex-grow: 1;
  padding-top: 5px;
}

.preview-content-outer .preview-det-cover .reply-cover .reply-block .det-block .name-block {
  margin-bottom: 10px;
}

@media (max-width: 479px) {
  .preview-content-outer .preview-det-cover .reply-cover .reply-block .reply-form-block.reply-form-block-web {
    display: none;
  }
}

.preview-content-outer .preview-det-cover .reply-cover .reply-block .reply-form-block.reply-form-block-mob {
  width: 100%;
  padding-top: 15px;
}

@media (min-width: 480px) {
  .preview-content-outer .preview-det-cover .reply-cover .reply-block .reply-form-block.reply-form-block-mob {
    display: none;
  }
}

.preview-content-outer .preview-det-cover .reply-cover .reply-block .reply-form-block .replay-textarea {
  resize: none;
  background-color: #f8f9fa;
  border: 1px solid #ecedef;
  border-radius: 12px;
  width: 100%;
  height: 135px;
  margin-bottom: 10px;
  padding: 20px;
}

@media (max-width: 1679px) {
  .preview-content-outer .preview-det-cover .reply-cover .reply-block .reply-form-block .replay-textarea {
    padding: 15px;
    font-size: 14px;
  }
}

.preview-content-outer .preview-det-cover .reply-cover .reply-block .reply-form-block .det-btn-block {
  justify-content: flex-end;
  display: flex;
}

.preview-content-outer .preview-det-cover .reply-cover .reply-block .reply-form-block .det-btn-block .cmnt-btn {
  border: none;
  border-radius: 30px;
  min-width: 105px;
  padding: 6px 15px;
  font-size: 14px;
}

@media (max-width: 479px) {
  .preview-content-outer .preview-det-cover .reply-cover .reply-block .reply-form-block .det-btn-block .cmnt-btn {
    width: 50%;
  }
}

.preview-content-outer .preview-det-cover .reply-cover .reply-block .reply-form-block .det-btn-block .cmnt-btn.cmnt-cancel {
  color: #101b25;
  border: 1px solid #dfe1e3;
  margin-right: 10px;
  box-shadow: 0 2px 4px #0000000a;
}

.preview-content-outer .preview-det-cover .reply-cover .reply-block .reply-form-block .det-btn-block .cmnt-btn.cmnt-submit {
  color: #fff;
  background-color: #5090cc;
}

.reviews-loader-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 300px;
  padding: 40px 20px;
  display: flex;
}

.reviews-loader-spinner {
  border: 4px solid #f3f3f3;
  border-top-color: #5090cc;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
  animation: .8s linear infinite reviews-spin;
}

@keyframes reviews-spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.reviews-loader-text {
  color: #415362;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .reviews-loader-text {
    font-size: 14px;
  }
}

.preview-content-outer .sellerreview-right-wrap .preview-det-cover .review-name-det {
  align-items: start;
}

.preview-content-outer .sellerreview-right-wrap .preview-det-cover .review-name-det .per-detail-block {
  flex: 1;
}

.preview-content-outer .sellerreview-right-wrap .preview-det-cover .review-name-det .per-detail-block .name {
  color: #101b25;
  padding: 0 0 3px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 1679px) {
  .preview-content-outer .sellerreview-right-wrap .preview-det-cover .review-name-det .per-detail-block .name {
    font-size: 16px;
  }
}

.preview-content-outer .sellerreview-right-wrap .preview-det-cover .review-name-det .per-detail-block .name .review {
  color: #415362;
}

@media (max-width: 479px) {
  .preview-content-outer .sellerreview-right-wrap .preview-det-cover .review-name-det .per-detail-block .name .review {
    display: block;
  }
}

.preview-content-outer .sellerreview-right-wrap .preview-det-cover .review-name-det .per-detail-block .name.single {
  padding-bottom: 0;
}

.preview-content-outer .sellerreview-right-wrap .preview-det-cover .review-name-det .per-detail-block .info {
  color: #415362;
  font-size: 12px;
  font-weight: 500;
}

.preview-content-outer .sellerreview-right-wrap .preview-det-cover .review-name-det .per-detail-block .rate-date-wrap {
  flex-wrap: nowrap;
  align-items: center;
  padding: 5px 0 0;
  display: flex;
}

.preview-content-outer .sellerreview-right-wrap .preview-det-cover .review-name-det .per-detail-block .rate-date-wrap .rating-wrap {
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.preview-content-outer .sellerreview-right-wrap .preview-det-cover .review-name-det .per-detail-block .rate-date-wrap .rating-wrap img {
  width: 14px;
}

.preview-content-outer .sellerreview-right-wrap .preview-det-cover .review-name-det .per-detail-block .rate-date-wrap .rating-wrap .cnt {
  color: #101b25;
  padding-left: 8px;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .preview-content-outer .sellerreview-right-wrap .preview-det-cover .review-name-det .per-detail-block .rate-date-wrap .rating-wrap .cnt {
    font-size: 13px;
  }
}

@media (max-width: 479px) {
  .preview-content-outer .sellerreview-right-wrap .preview-det-cover .review-name-det .per-detail-block .rate-date-wrap .rating-wrap .cnt {
    font-size: 12px;
  }
}

.preview-content-outer .sellerreview-right-wrap .preview-det-cover .review-name-det .per-detail-block .rate-date-wrap .date {
  color: #415362;
  white-space: nowrap;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
  font-size: 14px;
  position: relative;
}

@media (max-width: 1679px) {
  .preview-content-outer .sellerreview-right-wrap .preview-det-cover .review-name-det .per-detail-block .rate-date-wrap .date {
    font-size: 13px;
  }
}

@media (max-width: 479px) {
  .preview-content-outer .sellerreview-right-wrap .preview-det-cover .review-name-det .per-detail-block .rate-date-wrap .date {
    margin: 0 0 0 8px;
    padding: 0 0 0 8px;
    font-size: 12px;
  }
}

.preview-content-outer .sellerreview-right-wrap .preview-det-cover .review-name-det .per-detail-block .rate-date-wrap .date:after {
  content: "";
  background: #415362;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  margin: auto;
  position: absolute;
  inset: 0 auto 0 0;
}

.preview-content-outer .sellerreview-right-wrap .preview-det-cover .det-btn-block {
  padding-top: 5px !important;
}

.preview-content-outer .sellerreview-right-wrap .preview-det-cover .reply-cover .reply-block .per-detail-block .name .you {
  color: #999;
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .preview-content-outer .sellerreview-right-wrap .preview-det-cover .reply-cover .reply-block .per-detail-block .name .you {
    font-size: 16px;
  }
}

.preview-content-outer .sellerreview-right-wrap .preview-det-cover .reply-cover .reply-block .per-detail-block .name .now {
  color: #415362;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .preview-content-outer .sellerreview-right-wrap .preview-det-cover .reply-cover .reply-block .per-detail-block .name .now {
    font-size: 13px;
  }
}

.preview-content-outer .sellerreview-right-wrap .preview-det-cover .reply-cover .reply-block .per-detail-block .rate-date-wrap {
  padding: 0;
}

.preview-content-outer .sellerreview-right-wrap .preview-det-cover .reply-cover .reply-block .per-detail-block .rate-date-wrap .date {
  color: #101b25;
}

.preview-content-outer .sellerreview-right-wrap .preview-det-cover .reply-cover .reply-block .per-detail-block .reply-form-block {
  padding-top: 10px;
}

.preview-content-outer .sellerreview-right-wrap .preview-det-cover .reply-cover .reply-block .data-p {
  margin: 0;
  padding: 10px 0;
}

/* [project]/ui/styles/scss/rewards.scss.css [client] (css) */
.buyer-center-outer .breadcrumb {
  overflow: hidden;
}

.buyer-center-outer .breadcrumb .list {
  white-space: nowrap;
  flex-wrap: nowrap;
  max-width: 100%;
  overflow: hidden;
}

.buyer-center-outer .breadcrumb .list li {
  flex-shrink: 0;
}

.buyer-center-outer .breadcrumb .list li:last-child, .buyer-center-outer .breadcrumb .list li.active {
  flex-shrink: 1;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.buyer-center-outer .breadcrumb .list li.active {
  font-weight: 600;
}

.buyer-center-outer .breadcrumb .list li.active strong {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  display: block;
  overflow: hidden;
}

.my-reward-sec {
  padding-top: 20px;
  padding-bottom: 80px;
}

@media (max-width: 1679px) {
  .my-reward-sec {
    padding-bottom: 60px;
  }
}

@media (max-width: 991px) {
  .my-reward-sec {
    padding-bottom: 40px;
  }
}

.my-reward-sec .sec-title {
  margin-bottom: 30px;
}

@media (max-width: 1679px) {
  .my-reward-sec .sec-title {
    margin-bottom: 20px;
  }
}

.my-reward-sec .sec-title h2 {
  color: #0a0a0a;
  margin-bottom: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 24px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .my-reward-sec .sec-title h2 {
    font-size: 22px;
  }
}

@media (max-width: 1481px) {
  .my-reward-sec .sec-title h2 {
    font-size: 20px;
  }
}

@media (max-width: 579px) {
  .my-reward-sec .sec-title h2 {
    font-size: 18px;
  }
}

.my-reward-sec .reward-tab-btn-wrapper {
  border-bottom: 1px solid #f4f4f4;
  margin-bottom: 25px;
  display: flex;
  overflow-y: auto;
}

.my-reward-sec .reward-tab-btn-wrapper .tab-btn {
  color: #101b25;
  white-space: nowrap;
  background-color: #fff;
  border: none;
  justify-content: center;
  align-items: center;
  min-width: 180px;
  margin-right: 5px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  position: relative;
}

@media (max-width: 1679px) {
  .my-reward-sec .reward-tab-btn-wrapper .tab-btn {
    min-width: 150px;
  }
}

@media (max-width: 1199px) {
  .my-reward-sec .reward-tab-btn-wrapper .tab-btn {
    font-size: 13px;
  }
}

@media (max-width: 991px) {
  .my-reward-sec .reward-tab-btn-wrapper .tab-btn {
    min-width: auto;
  }
}

@media (max-width: 579px) {
  .my-reward-sec .reward-tab-btn-wrapper .tab-btn {
    padding: 12px 15px;
  }
}

.my-reward-sec .reward-tab-btn-wrapper .tab-btn img {
  flex-shrink: 0;
  max-width: 14px;
  max-height: 14px;
  margin-right: 8px;
}

.my-reward-sec .reward-tab-btn-wrapper .tab-btn:after {
  content: "";
  opacity: 0;
  background: #5090cc;
  width: 100%;
  height: 2px;
  transition: all .3s;
  position: absolute;
  bottom: 0;
  left: 0;
}

.my-reward-sec .reward-tab-btn-wrapper .tab-btn.active, .my-reward-sec .reward-tab-btn-wrapper .tab-btn:hover {
  color: #5090cc;
}

.my-reward-sec .reward-tab-btn-wrapper .tab-btn.active img, .my-reward-sec .reward-tab-btn-wrapper .tab-btn:hover img {
  filter: brightness(0) saturate() invert(48%) sepia(80%) saturate(324%) hue-rotate(167deg) brightness(94%) contrast(93%);
}

.my-reward-sec .reward-tab-btn-wrapper .tab-btn.active:after, .my-reward-sec .reward-tab-btn-wrapper .tab-btn:hover:after {
  opacity: 1;
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .my-rewards-col {
  margin-bottom: 20px;
}

@media (max-width: 1481px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .my-rewards-col {
    margin-bottom: 15px;
  }
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .my-rewards-card {
  border: 1px solid #0000001a;
  border-radius: 14px;
  height: 100%;
  padding: 30px 30px 13px;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .my-rewards-card {
    padding: 20px 25px 13px;
  }
}

@media (max-width: 1481px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .my-rewards-card {
    padding: 16px 25px 13px;
  }
}

@media (max-width: 579px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .my-rewards-card {
    padding: 15px 20px 13px;
  }
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .my-rewards-card .data-row .icon {
  background-color: #ecedef;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-right: 12px;
  display: inline-flex;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .my-rewards-card .data-row .icon {
    width: 44px;
    height: 44px;
  }
}

@media (max-width: 579px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .my-rewards-card .data-row .icon {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .my-rewards-card .data-row .icon img {
    max-width: 21px;
    max-height: 21px;
  }
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .my-rewards-card .data-row .txt-data p {
  color: #4a5565;
  margin-bottom: 3px;
  font-size: 14px;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .my-rewards-card .data-row .txt-data p {
    font-size: 13px;
  }
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .my-rewards-card .data-row .txt-data h4 {
  color: #101828;
  margin: 0;
  font-size: 24px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .my-rewards-card .data-row .txt-data h4 {
    font-size: 22px;
  }
}

@media (max-width: 1481px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .my-rewards-card .data-row .txt-data h4 {
    font-size: 20px;
  }
}

@media (max-width: 579px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .my-rewards-card .data-row .txt-data h4 {
    font-size: 18px;
  }
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .my-rewards-card .info-data {
  color: #f54900;
  padding-top: 8px;
  font-size: 12px;
}

@media (max-width: 1481px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .my-rewards-card .info-data {
    padding-top: 4px;
    font-size: 11px;
  }
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .my-rewards-card .info-data img {
  margin-top: -2px;
  margin-right: 4px;
}

@media (max-width: 1481px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .my-rewards-card .info-data img {
    margin-top: -3px;
  }
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover {
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  margin-bottom: 40px;
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-title {
  border-bottom: 1px solid #0000001a;
  justify-content: space-between;
  align-items: center;
  padding: 22px 45px 22px 27px;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-title {
    padding: 16px 45px 16px 27px;
  }
}

@media (max-width: 579px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-title {
    padding: 13px 20px;
  }
}

@media (max-width: 370px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-title {
    padding: 13px 15px;
  }
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-title h4 {
  color: #4a5565;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-title h4 {
    font-size: 15px;
  }
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .all-btn {
  color: #4f91cd;
  font-size: 14px;
  font-weight: 500;
  transition: all .3s;
  display: inline-block;
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .all-btn:hover {
  opacity: .8;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .all-btn {
    font-size: 13px;
  }
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-td-cover {
  padding: 12px 0;
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-td-wrapper {
  justify-content: space-between;
  align-items: center;
  padding: 14px 45px 14px 27px;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-td-wrapper {
    padding: 12px 45px 12px 27px;
  }
}

@media (max-width: 579px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-td-wrapper {
    padding: 13px 20px;
  }
}

@media (max-width: 370px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-td-wrapper {
    padding: 13px 15px;
  }
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-td-wrapper .left-block {
  padding-right: 15px;
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-td-wrapper .det-block {
  align-items: center;
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-td-wrapper .det-block .icon {
  background-color: #f3f4f6;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 15px;
  display: inline-flex;
}

@media (max-width: 479px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-td-wrapper .det-block .icon {
    width: 36px;
    height: 36px;
    margin-right: 8px;
  }
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-td-wrapper .det-block .icon img {
  max-width: 18px;
  max-height: 18px;
}

@media (max-width: 479px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-td-wrapper .det-block .icon img {
    max-width: 16px;
    max-height: 16px;
  }
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-td-wrapper .det-block .txt-data p {
  color: #101828;
  margin-bottom: 2px;
  font-size: 14px;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-td-wrapper .det-block .txt-data p {
    font-size: 13px;
  }
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-td-wrapper .det-block .txt-data h4 {
  color: #6a7282;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-td-wrapper .det-block .txt-data h4 {
    font-size: 13px;
  }
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-td-wrapper .det-block .txt-data h4 .date {
  padding-left: 4px;
  display: inline-block;
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-td-wrapper .right-block {
  color: #4a5565;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-td-wrapper .right-block {
    font-size: 13px;
  }
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .recent-table-cover .recent-td-wrapper .right-block.text-blue {
  color: #4f91cd;
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .how-it-works-sec .sec-title {
  margin-bottom: 25px;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .how-it-works-sec .sec-title {
    margin-bottom: 20px;
  }
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .how-it-works-sec .sec-title h2 {
  color: #101b25;
  margin-bottom: 0;
  font-size: 40px;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .how-it-works-sec .sec-title h2 {
    font-size: 32px;
  }
}

@media (max-width: 1481px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .how-it-works-sec .sec-title h2 {
    font-size: 28px;
  }
}

@media (max-width: 579px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .how-it-works-sec .sec-title h2 {
    font-size: 24px;
  }
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .how-it-works-sec .sec-title p {
  color: #4a5565;
  margin-bottom: 0;
  font-size: 18px;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .how-it-works-sec .sec-title p {
    font-size: 16px;
  }
}

@media (max-width: 1481px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .how-it-works-sec .sec-title p {
    font-size: 15px;
  }
}

@media (max-width: 991px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .how-it-works-sec .how-works-col {
    margin-bottom: 15px;
  }
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .how-it-works-sec .how-works-card {
  border: 1px solid #ecedef;
  border-radius: 16px;
  height: 100%;
  padding: 32px;
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .how-it-works-sec .how-works-card .icon {
  background-color: #ecedef;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  margin-bottom: 24px;
  margin-right: 15px;
  display: inline-flex;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .how-it-works-sec .how-works-card .icon {
    width: 60px;
    height: 60px;
  }
}

@media (max-width: 991px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .how-it-works-sec .how-works-card .icon {
    margin-bottom: 20px;
  }
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .how-it-works-sec .how-works-card .icon img {
  max-width: 26px;
  max-height: 26px;
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .how-it-works-sec .how-works-card p {
  color: #4a5565;
  margin-bottom: 0;
  font-size: 16px;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .how-it-works-sec .how-works-card p {
    font-size: 14px;
  }
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .how-it-works-sec .how-works-card p .description-link {
  color: #4f91cd;
  font-weight: 500;
  text-decoration: none;
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .how-it-works-sec .how-works-card p .description-link:hover {
  text-decoration: underline;
}

.my-reward-sec .rewards-tab-outer .my-rewards-tab .how-it-works-sec .how-works-card h4 {
  color: #0a0a0a;
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .my-rewards-tab .how-it-works-sec .how-works-card h4 {
    font-size: 18px;
  }
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab {
  padding-top: 40px;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab {
    padding-top: 20px;
  }
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .earn-perks-title-wrapper {
  margin-bottom: 40px;
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .earn-perks-title-wrapper .perks-title-block {
  max-width: 380px;
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .earn-perks-title-wrapper .perks-title-block .perks-title {
  color: #122852;
  align-items: center;
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 500;
  display: flex;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .earn-perks-title-wrapper .perks-title-block .perks-title {
    font-size: 22px;
  }
}

@media (max-width: 1481px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .earn-perks-title-wrapper .perks-title-block .perks-title {
    font-size: 20px;
  }
}

@media (max-width: 579px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .earn-perks-title-wrapper .perks-title-block .perks-title {
    font-size: 18px;
  }
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .earn-perks-title-wrapper .perks-title-block .perks-title img {
  margin-right: 12px;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .earn-perks-title-wrapper .perks-title-block .perks-title img {
    max-height: 22px;
  }
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .earn-perks-title-wrapper .perks-title-block p {
  color: #415362;
  font-size: 16px;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .earn-perks-title-wrapper .perks-title-block p {
    font-size: 14px;
  }
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .earn-perks-title-wrapper .available-title-block {
  border: 1px solid #ecedef;
  border-radius: 12px;
  padding: 16px;
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .earn-perks-title-wrapper .available-title-block .top-block {
  align-items: center;
  margin-bottom: 20px;
}

@media (max-width: 1481px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .earn-perks-title-wrapper .available-title-block .top-block {
    margin-bottom: 15px;
  }
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .earn-perks-title-wrapper .available-title-block .top-block .icon {
  background-color: #eff6ff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 27px;
  height: 27px;
  margin-right: 12px;
  display: inline-flex;
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .earn-perks-title-wrapper .available-title-block .top-block .icon img {
  max-width: 12px;
  max-height: 12px;
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .earn-perks-title-wrapper .available-title-block .top-block h5 {
  color: #101b25;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .earn-perks-title-wrapper .available-title-block .top-block h5 {
    font-size: 14px;
  }
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .earn-perks-title-wrapper .available-title-block h4 {
  color: #122852;
  margin: 0;
  font-size: 30px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .earn-perks-title-wrapper .available-title-block h4 {
    font-size: 24px;
  }
}

@media (max-width: 1481px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .earn-perks-title-wrapper .available-title-block h4 {
    font-size: 20px;
  }
}

@media (max-width: 579px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .earn-perks-title-wrapper .available-title-block h4 {
    font-size: 18px;
  }
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-col {
  margin-bottom: 25px;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-col {
    margin-bottom: 20px;
  }
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card {
  border: 1px solid #ecedef;
  border-radius: 12px;
  height: 100%;
  padding: 25px;
}

@media (max-width: 767px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card {
    padding: 20px;
  }
}

@media (max-width: 479px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-outer {
    flex-wrap: wrap;
  }
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-outer .right-block {
  align-items: center;
  margin-left: auto;
  display: flex;
}

@media (max-width: 479px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-outer .right-block {
    width: 100%;
    margin-bottom: 15px;
  }
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-outer .right-block .title-label {
  color: #4f91cd;
  background-color: #eff6ff;
  border-radius: 8px;
  align-items: center;
  margin-left: 10px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-outer .right-block .title-label:first-child {
  margin-left: 0;
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-outer .right-block .title-label img {
  flex-shrink: 0;
  margin-right: 8px;
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-outer .right-block .title-label.featured {
  color: #ff9b10;
  background-color: #fef3c6;
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row {
  width: 100%;
  margin-bottom: 15px;
  position: relative;
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .icon {
  background-color: #eff6ff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-right: 12px;
  display: inline-flex;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .icon {
    width: 40px;
    height: 40px;
  }
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .icon img {
  max-width: 24px;
  max-height: 24px;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .icon img {
    max-width: 20px;
    max-height: 20px;
  }
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .txt-data h4 {
  color: #122852;
  margin: 4px;
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .txt-data h4 {
    font-size: 16px;
  }
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .txt-data .status-block {
  gap: 8px;
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .txt-data .status-block .card-status {
  color: #4f91cd;
  background-color: #eff6ff;
  border: 1px solid #4f91cd33;
  border-radius: 25px;
  padding: 5px 11px;
  font-size: 12px;
  display: inline-block;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .txt-data .status-block .card-status {
    padding: 3px 11px;
  }
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .txt-data .status-block .card-status.active {
  color: #22c266;
  background-color: #edfff4;
  border-top: 1px solid #22c26633;
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .txt-data .status-block .card-badge {
  border: 1px solid #0000;
  border-radius: 25px;
  align-items: center;
  padding: 5px 11px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .txt-data .status-block .card-badge {
    padding: 3px 11px;
  }
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .txt-data .status-block .card-badge img {
  flex-shrink: 0;
  margin-right: 6px;
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .txt-data .status-block .card-badge--blue {
  color: #4f91cd;
  background-color: #eff6ff;
  border-color: #4f91cd33;
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .txt-data .status-block .card-badge--green {
  color: #059669;
  background-color: #d1fae5;
  border-color: #10b98133;
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .txt-data .status-block .card-badge--gray {
  color: #6b7280;
  background-color: #f3f4f6;
  border-color: #9ca3af33;
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .txt-data .status-block .card-badge--orange {
  color: #d97706;
  background-color: #fef3c7;
  border-color: #f59e0b33;
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .txt-data .status-block .card-badge--green-outline {
  color: #059669;
  background-color: #ecfdf5;
  border: 1px solid #10b981;
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .title-label-block {
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 479px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .title-label-block {
    position: static;
  }
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .title-label-block .title-label {
  color: #4f91cd;
  background-color: #eff6ff;
  border-radius: 8px;
  align-items: center;
  margin-left: 10px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

@media (max-width: 479px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .title-label-block .title-label {
    margin-left: 8px;
  }
}

@media (max-width: 362px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .title-label-block .title-label {
    text-align: center;
  }
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .title-label-block .title-label img {
  flex-shrink: 0;
  margin-right: 8px;
}

@media (max-width: 362px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .title-label-block .title-label img {
    display: none;
  }
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .title-label-block .title-label.featured {
  color: #ff9b10;
  background-color: #fef3c6;
}

@media (max-width: 390px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .card-title-row .title-label-block .title-label.featured img {
    display: none;
  }
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card p {
  color: #415362;
  margin-bottom: 15px;
  font-size: 14px;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card p {
    font-size: 13px;
  }
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .cap-progress-block .cap-reached {
  color: #dc2626;
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .bottom-row {
  border-top: 1px solid #f4f4f4;
  justify-content: space-between;
  padding-top: 8px;
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .bottom-row .card-label {
  color: #4f91cd;
  align-items: center;
  font-size: 14px;
  display: inline-flex;
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .bottom-row .card-label:before {
  content: "";
  background-color: #4f91cd;
  border-radius: 50%;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  margin-right: 5px;
  display: inline-block;
}

@media (max-width: 767px) {
  .my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .bottom-row .card-link-group {
    flex-direction: column;
    align-items: stretch;
  }
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .bottom-row .card-link {
  color: #fff;
  background-color: #4f91cd;
  border: none;
  border-radius: 10px;
  align-items: center;
  padding: 9px 18px;
  font-size: 14px;
  transition: all .3s;
  display: inline-flex;
  box-shadow: 0 1px 3px #0000001a;
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .bottom-row .card-link img {
  margin-left: 6px;
}

.my-reward-sec .rewards-tab-outer .earn-perks-tab .perks-card .bottom-row .card-link.coming-soon {
  color: #4f91cd;
  background-color: #eff6ff;
  padding: 9px 25px;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .three-col-wrap {
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .three-col-wrap .perks-border-box {
  border: 1px solid #ecedef;
  border-radius: 12px;
  width: calc(33.3333% - 9px);
  padding: 18px 16px;
}

@media (max-width: 767px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .three-col-wrap .perks-border-box {
    width: 100%;
    margin-bottom: 10px;
    padding: 15px;
  }
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .three-col-wrap .perks-border-box:last-child {
  margin-bottom: 0;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .three-col-wrap .perks-border-box .box-title {
  color: #101b25;
  align-items: center;
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .three-col-wrap .perks-border-box .box-title {
    margin-bottom: 20px;
  }
}

@media (max-width: 1199px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .three-col-wrap .perks-border-box .box-title {
    margin-bottom: 15px;
  }
}

@media (max-width: 991px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .three-col-wrap .perks-border-box .box-title {
    font-size: 14px;
  }
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .three-col-wrap .perks-border-box .box-title .icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-right: 12px;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .three-col-wrap .perks-border-box .box-title .icon img {
  max-width: 100%;
  display: block;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .three-col-wrap .perks-border-box .count-wrap {
  align-items: center;
  display: flex;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .three-col-wrap .perks-border-box .count-wrap .count {
  color: #101b25;
  margin-right: 8px;
  font-size: 24px;
  font-weight: 500;
  display: inline-block;
}

@media (max-width: 991px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .three-col-wrap .perks-border-box .count-wrap .count {
    font-size: 20px;
  }
}

@media (max-width: 579px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .three-col-wrap .perks-border-box .count-wrap .count {
    font-size: 24px;
  }
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .three-col-wrap .perks-border-box .count-wrap .txt {
  color: #415362;
  font-size: 14px;
  font-weight: 400;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .three-col-wrap .perks-border-box .count-wrap .txt.due {
  color: #ff3b30;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap {
  margin-top: 43px;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .tab-wrapper {
  margin: 0 0 25px;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .tab-wrapper {
    margin: 0 0 20px;
  }
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .tab-wrapper ul {
  scrollbar-width: thin;
  scrollbar-color: #5090cc #0000;
  border-bottom: 1px solid #dfe1e3;
  margin: 0 0 -1px;
  padding: 0 0 1px;
  display: flex;
  overflow: auto hidden;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .tab-wrapper ul li {
  white-space: nowrap;
  margin: 0 10px 0 0;
  padding: 10px 0;
  list-style: none;
}

@media (max-width: 1199px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .tab-wrapper ul li {
    padding: 8px 0;
  }
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .tab-wrapper ul li .tab-btn {
  color: #7b8d9f;
  text-align: center;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 500;
  display: block;
  position: relative;
}

@media (max-width: 1481px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .tab-wrapper ul li .tab-btn {
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .tab-wrapper ul li .tab-btn {
    font-size: 13px;
  }
}

@media (max-width: 991px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .tab-wrapper ul li .tab-btn {
    padding: 0 10px;
  }
}

@media (max-width: 579px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .tab-wrapper ul li .tab-btn {
    min-width: auto;
    font-size: 12px;
  }
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .tab-wrapper ul li .tab-btn.active {
  color: #5090cc;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .tab-wrapper ul li .tab-btn.active:after {
  content: "";
  background: #5090cc;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -11px;
  left: 0;
}

@media (max-width: 1199px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .tab-wrapper ul li .tab-btn.active:after {
    bottom: -9px;
  }
}

@media (max-width: 991px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer {
    display: none;
  }
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl {
  border-collapse: separate;
  border-spacing: 0;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl thead tr th {
  color: #6a7282;
  background: #f9fafb;
  border-top: 1px solid #0000001a;
  border-bottom: 1px solid #0000001a;
  padding: 16px 24px;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1199px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl thead tr th {
    padding: 10px 20px;
  }
}

@media (max-width: 579px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl thead tr th {
    padding: 20px 24px;
  }
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl thead tr th:first-child {
  border-left: 1px solid #0000001a;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 0;
  min-width: 290px;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl thead tr th:nth-child(2) {
  min-width: 222px;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl thead tr th:nth-child(3) {
  min-width: 200px;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl thead tr th:last-child {
  border-right: 1px solid #0000001a;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0;
  min-width: 100px;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl thead tr:last-child td {
  border-radius: 10px;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl tr td {
  color: #415362;
  border-bottom: 1px solid #ecedef;
  padding: 20px 24px;
  font-size: 16px;
  font-weight: 400;
}

@media (max-width: 1199px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl tr td {
    padding: 15px 20px;
  }
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl tr td {
  vertical-align: middle;
}

@media (max-width: 579px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl tr td {
    padding: 26px 24px;
    font-size: 14px;
  }
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl tr td .activity-wrap {
  display: flex;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl tr td .activity-wrap .icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin-right: 12px;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl tr td .activity-wrap .content {
  flex-direction: column;
  display: flex;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl tr td .activity-wrap .content .title {
  color: #101828;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

@media (max-width: 1199px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl tr td .activity-wrap .content .title {
    font-size: 15px;
  }
}

@media (max-width: 579px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl tr td .activity-wrap .content .title {
    font-size: 14px;
  }
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl tr td .activity-wrap .content .mail {
  color: #6a7282;
  font-size: 14px;
  line-height: 1;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl tr td .activity-wrap .content .mail .link {
  color: #6a7282;
  text-decoration: none;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl tr td .due {
  color: #ff3b30;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl tr td.perks {
  font-weight: 600;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl tr td.perks .bonus {
  color: #4f91cd;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl tr td:first-child {
  border-left: 1px solid #ecedef;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl tr td:last-child {
  border-right: 1px solid #ecedef;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl tr:last-child td:first-child {
  border-left: 1px solid #ecedef;
  border-bottom-left-radius: 10px;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .payment-tab-outer .all-ctivity-tab .transctn-tbl table.trans-tbl tr:last-child td:last-child {
  border-right: 1px solid #ecedef;
  border-bottom-right-radius: 10px;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .pagination-wrap {
  justify-content: space-between;
  align-items: center;
  margin-top: 28px;
  display: flex;
}

@media (max-width: 1679px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .pagination-wrap {
    margin-top: 20px;
  }
}

@media (max-width: 1199px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .pagination-wrap {
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .pagination-wrap {
    flex-direction: column;
  }
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .pagination-wrap .show-item {
  color: #6a7282;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 767px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .pagination-wrap .show-item {
    margin-bottom: 16px;
  }
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .pagination-wrap .table-controls {
  justify-content: center;
  align-items: center;
  display: flex;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .pagination-wrap .table-controls .link {
  color: #101b25;
  border: .78px solid #eceeeb;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin: 0 3px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  display: flex;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .pagination-wrap .table-controls .link:hover {
  background-color: #4781b81a;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .pagination-wrap .table-controls .link.active {
  color: #fff;
  background-color: #4882b8;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .pagination-wrap .table-controls .link.active img {
  filter: brightness(20.5);
  transform: rotate(180deg);
}

@media (min-width: 992px) {
  .my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .activity-tab-mob-outer {
    display: none;
  }
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .activity-tab-mob-cover {
  border: 1px solid #ededf1;
  border-radius: 12px;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .activity-tab-mob-cover .activity-mob-card {
  border-bottom: 1px solid #ededf1;
  padding: 17px 13px;
  display: flex;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .activity-tab-mob-cover .activity-mob-card:last-child {
  border-bottom: none;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .activity-tab-mob-cover .activity-mob-card .icon {
  background-color: #f1f5f9;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  margin-top: 4px;
  margin-right: 15px;
  display: inline-flex;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .activity-tab-mob-cover .activity-mob-card .data-block {
  flex-grow: 1;
  padding-right: 15px;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .activity-tab-mob-cover .activity-mob-card .data-block h6 {
  color: #101b25;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 600;
  display: -webkit-box;
  overflow: hidden;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .activity-tab-mob-cover .activity-mob-card .data-block p {
  color: #415362;
  margin-bottom: 0;
  font-size: 12px;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .activity-tab-mob-cover .activity-mob-card .perks {
  color: #4f91cd;
  flex-shrink: 0;
  font-size: 15px;
  font-weight: 600;
}

.my-reward-sec .rewards-tab-outer .history-tab .reward-history-wrap .table-tab-wrap .activity-tab-mob-cover .activity-mob-card .perks.perks-down {
  color: #373838;
}

/* [project]/ui/styles/scss/seller-center.scss.css [client] (css) */
.seller-center-wrap {
  padding: 10px 0 80px;
}

@media (max-width: 1679px) {
  .seller-center-wrap {
    padding: 5px 0 50px;
  }
}

.seller-center-wrap .row-align {
  row-gap: 15px;
}

.seller-center-wrap .title {
  color: #101b25;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .seller-center-wrap .title {
    margin-bottom: 10px;
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .seller-center-wrap .title {
    font-size: 16px;
  }
}

.seller-center-wrap .box-wrap {
  background: #f8f9fa;
  border-radius: 12px;
  align-items: center;
  gap: 20px;
  height: 100%;
  min-height: 100px;
  margin: 0;
  padding: 15px 25px;
  display: flex;
}

@media (max-width: 1679px) {
  .seller-center-wrap .box-wrap {
    min-height: 90px;
    padding: 10px 15px;
  }
}

.seller-center-wrap .box-wrap .icon img {
  max-width: 24px;
  max-height: 24px;
}

@media (max-width: 1679px) {
  .seller-center-wrap .box-wrap .icon img {
    max-width: 20px;
    max-height: 20px;
  }
}

@media (max-width: 767px) {
  .seller-center-wrap .box-wrap .icon img {
    max-width: 18px;
    max-height: 18px;
  }
}

.seller-center-wrap .box-wrap .txt {
  flex: 1;
}

.seller-center-wrap .box-wrap .txt .sub-title {
  color: #101b25;
  margin: 0 0 5px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .seller-center-wrap .box-wrap .txt .sub-title {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .seller-center-wrap .box-wrap .txt .sub-title {
    font-size: 16px;
  }
}

.seller-center-wrap .box-wrap .txt .para {
  color: #415362;
  max-width: 420px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}

@media (max-width: 1679px) {
  .seller-center-wrap .box-wrap .txt .para {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .seller-center-wrap .box-wrap .txt .para {
    font-size: 12px;
    line-height: 1.4;
  }
}

.account-wrap .box-wrap .icon img {
  max-width: 31px;
  max-height: 31px;
}

@media (max-width: 1679px) {
  .account-wrap .box-wrap .icon img {
    max-width: 24px;
    max-height: 24px;
  }
}

@media (max-width: 767px) {
  .account-wrap .box-wrap .icon img {
    max-width: 20px;
    max-height: 20px;
  }
}

/* [project]/ui/styles/scss/table.scss.css [client] (css) */
.table-outer-wrap {
  padding: 10px 0 60px;
}

@media (max-width: 767px) {
  .table-outer-wrap {
    padding: 10px 0 40px;
  }
}

.table-outer-wrap .head-wrap {
  justify-content: space-between;
  align-items: center;
  padding: 0 0 20px;
  display: flex;
}

@media (max-width: 479px) {
  .table-outer-wrap .head-wrap {
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 10px;
  }

  .table-outer-wrap .head-wrap .btn-wrap {
    width: 100%;
  }
}

.table-outer-wrap .head-wrap .btn-wrap .btn {
  cursor: pointer;
  color: #fff;
  background: #5090cc;
  border: 0;
  border-radius: 30px;
  outline: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  position: relative;
}

@media (max-width: 1679px) {
  .table-outer-wrap .head-wrap .btn-wrap .btn {
    padding: 8px 15px;
    font-size: 14px;
  }
}

.table-outer-wrap .title {
  color: #101b25;
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .table-outer-wrap .title {
    font-size: 22px;
  }
}

@media (max-width: 1481px) {
  .table-outer-wrap .title {
    font-size: 20px;
  }
}

@media (max-width: 1199px) {
  .table-outer-wrap .title {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .table-outer-wrap .title {
    font-size: 16px;
  }
}

.table-outer-wrap .table-wrap {
  scrollbar-width: thin;
  scrollbar-color: #5090cc #fff;
  overflow: auto;
}

.table-outer-wrap .table-wrap .table-all tr th {
  color: #101b25;
  white-space: nowrap;
  background: #f4f5f6;
  border: 1px solid #f4f4f4;
  margin: 0;
  padding: 13px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .table-outer-wrap .table-wrap .table-all tr th {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .table-outer-wrap .table-wrap .table-all tr th {
    padding: 8px 10px;
  }
}

.table-outer-wrap .table-wrap .table-all tr td {
  color: #101b25;
  white-space: nowrap;
  border: 1px solid #f4f4f4;
  margin: 0;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .table-outer-wrap .table-wrap .table-all tr td {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .table-outer-wrap .table-wrap .table-all tr td {
    padding: 8px 10px;
    font-size: 12px;
  }
}

.table-outer-wrap .table-wrap .table-all tr:nth-child(odd) td {
  background: #f4f5f6;
}

.table-outer-wrap .table-wrap .table-all tr .btn-wrap .btn {
  color: #fff;
  cursor: pointer;
  background: #5090cc;
  border: 0;
  margin: 0;
  padding: 7px 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .table-outer-wrap .table-wrap .table-all tr .btn-wrap .btn {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .table-outer-wrap .table-wrap .table-all tr .btn-wrap .btn {
    padding: 7px 10px;
    font-size: 13px;
  }
}

.table-outer-wrap .table-wrap .table-all tr .btn-wrap .btn.btn-white {
  color: #5090cc;
  background: #fff;
  border: 1px solid #f4f4f4;
}

.table-outer-wrap .table-wrap .table-all tr .btn-wrap .btn + .btn {
  margin-left: 10px;
}

.table-outer-wrap .table-wrap .action-list ul {
  gap: 5px;
  margin: 0;
  padding: 0;
  display: flex;
}

.table-outer-wrap .table-wrap .action-list ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.table-outer-wrap .table-wrap .action-list ul li button {
  cursor: pointer;
  background: none;
  border: 1px solid #5090cc;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  display: flex;
}

@media (max-width: 1679px) {
  .table-outer-wrap .table-wrap .action-list ul li button {
    width: 25px;
    height: 25px;
  }
}

@media (max-width: 767px) {
  .table-outer-wrap .table-wrap .action-list ul li button {
    width: 22px;
    height: 22px;
  }
}

.table-outer-wrap .table-wrap .action-list ul li button img {
  max-width: 15px;
  max-height: 15px;
  display: block;
}

@media (max-width: 1679px) {
  .table-outer-wrap .table-wrap .action-list ul li button img {
    max-width: 12px;
    max-height: 12px;
  }
}

@media (max-width: 767px) {
  .table-outer-wrap .table-wrap .action-list ul li button img {
    max-width: 10px;
    max-height: 10px;
  }
}

.table-outer-wrap .table-wrap .action-list ul li button.active {
  background: #5090cc;
}

.table-outer-wrap .table-wrap .action-list ul li button.active img {
  filter: brightness(0) invert();
}

.add-annoncemet-modal-wrap .head-wrap {
  padding: 0 0 15px;
}

.add-annoncemet-modal-wrap .head-wrap .title {
  color: #101b25;
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .add-annoncemet-modal-wrap .head-wrap .title {
    font-size: 22px;
  }
}

@media (max-width: 1481px) {
  .add-annoncemet-modal-wrap .head-wrap .title {
    font-size: 20px;
  }
}

@media (max-width: 1199px) {
  .add-annoncemet-modal-wrap .head-wrap .title {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .add-annoncemet-modal-wrap .head-wrap .title {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .add-annoncemet-modal-wrap .head-wrap .title {
    font-size: 14px;
  }
}

.add-annoncemet-modal-wrap .footer-btn-wrap {
  justify-content: flex-end;
  padding: 20px 0 0;
  display: flex;
}

@media (max-width: 1679px) {
  .add-annoncemet-modal-wrap .footer-btn-wrap {
    padding: 20px 0 0;
  }
}

.add-annoncemet-modal-wrap .footer-btn-wrap .align-wrap {
  gap: 10px;
  width: 400px;
  display: flex;
}

@media (max-width: 1679px) {
  .add-annoncemet-modal-wrap .footer-btn-wrap .align-wrap {
    max-width: 350px;
  }
}

@media (max-width: 579px) {
  .add-annoncemet-modal-wrap .footer-btn-wrap .align-wrap {
    max-width: 300px;
  }
}

@media (max-width: 479px) {
  .add-annoncemet-modal-wrap .footer-btn-wrap .align-wrap {
    flex-direction: column;
    max-width: 100%;
  }
}

.add-annoncemet-modal-wrap .footer-btn-wrap .btn {
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 10px;
  transition: all .3s;
  display: flex;
  background: #fff !important;
}

.add-annoncemet-modal-wrap .footer-btn-wrap .btn:hover {
  opacity: .8;
}

@media (max-width: 1679px) {
  .add-annoncemet-modal-wrap .footer-btn-wrap .btn {
    height: 40px;
  }
}

.add-annoncemet-modal-wrap .footer-btn-wrap .btn.cnfm {
  border: 0;
  position: relative;
  background: #5090cc !important;
}

.add-annoncemet-modal-wrap .footer-btn-wrap .btn.cnfm span {
  color: #fff;
}

.add-annoncemet-modal-wrap .footer-btn-wrap .btn span {
  color: #101b25;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .add-annoncemet-modal-wrap .footer-btn-wrap .btn span {
    font-size: 12px;
  }
}

.add-annoncemet-modal-wrap .custom-modal-dialog {
  border: 0;
  max-width: 1000px;
  margin: 0 auto;
}

@media (max-width: 1481px) {
  .add-annoncemet-modal-wrap .custom-modal-dialog {
    max-width: 900px;
  }
}

@media (max-width: 991px) {
  .add-annoncemet-modal-wrap .custom-modal-dialog {
    max-width: 90%;
  }
}

.add-annoncemet-modal-wrap .custom-modal-dialog .custom-modal-content {
  border: 0;
  border-radius: 20px;
  padding: 20px;
}

.add-annoncemet-modal-wrap .form-outer-wrap .form-label {
  color: #101b25;
  letter-spacing: 0%;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 1679px) {
  .add-annoncemet-modal-wrap .form-outer-wrap .form-label {
    font-size: 13px;
  }
}

.add-annoncemet-modal-wrap .form-outer-wrap .form-label span {
  color: #415362;
}

.add-annoncemet-modal-wrap .form-outer-wrap .form-grp {
  margin-bottom: 25px;
}

@media (max-width: 991px) {
  .add-annoncemet-modal-wrap .form-outer-wrap .form-grp {
    margin-bottom: 20px;
  }
}

.add-annoncemet-modal-wrap .form-outer-wrap .form-grp .form-wrp.cal-in-wrap .form-control {
  padding-right: 50px;
}

@media (max-width: 1679px) {
  .add-annoncemet-modal-wrap .form-outer-wrap .form-grp .form-wrp.cal-in-wrap .form-control {
    padding-right: 40px;
  }
}

.add-annoncemet-modal-wrap .form-outer-wrap .form-grp .form-control {
  height: 52px;
  letter-spacing: 0%;
  color: #101b25;
  border: 1px solid #dfe1e3;
  align-items: center;
  padding-left: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
  border-radius: 100px !important;
}

@media (max-width: 1679px) {
  .add-annoncemet-modal-wrap .form-outer-wrap .form-grp .form-control {
    height: 48px;
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 1481px) {
  .add-annoncemet-modal-wrap .form-outer-wrap .form-grp .form-control {
    height: 42px;
    font-size: 13px;
    line-height: 20px;
  }
}

.add-annoncemet-modal-wrap .form-outer-wrap .form-grp .form-control::placeholder {
  color: #7b8d9f;
}

.add-annoncemet-modal-wrap .form-outer-wrap .form-grp .form-control:hover, .add-annoncemet-modal-wrap .form-outer-wrap .form-grp .form-control:focus {
  box-shadow: none;
  outline: none;
}

.add-annoncemet-modal-wrap .form-outer-wrap .form-grp .form-control.form-text-area {
  resize: none;
  appearance: none;
  height: 124px;
  border-radius: 15px !important;
}

@media (max-width: 1679px) {
  .add-annoncemet-modal-wrap .form-outer-wrap .form-grp .form-control.form-text-area {
    height: 110px;
  }
}

@media (max-width: 1481px) {
  .add-annoncemet-modal-wrap .form-outer-wrap .form-grp .form-control.form-text-area {
    height: 100px;
  }
}

@media (max-width: 1199px) {
  .add-annoncemet-modal-wrap .form-outer-wrap .form-grp .form-control.form-text-area {
    height: 90px;
  }
}

.add-annoncemet-modal-wrap .form-outer-wrap .error-msg {
  color: red;
  padding-left: 20px;
  font-size: 14px;
  position: absolute;
  bottom: -18px;
}

@media (max-width: 1679px) {
  .add-annoncemet-modal-wrap .form-outer-wrap .error-msg {
    font-size: 13px;
  }
}

.add-annoncemet-modal-wrap .form-outer-wrap .cal {
  max-width: 50px;
  margin: auto;
  position: absolute;
  inset: 0 20px 0 auto;
}

@media (max-width: 1679px) {
  .add-annoncemet-modal-wrap .form-outer-wrap .cal {
    max-width: 40px;
    right: 15px;
  }
}

/* [project]/ui/styles/scss/trust-score.scss.css [client] (css) */
@media (min-width: 1200px) {
  .trustscore-outer-wrap .custom-container {
    max-width: 1085px;
  }
}

@media (max-width: 767px) {
  .trustscore-outer-wrap .breadcrumb {
    display: none;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap {
  padding-bottom: 70px;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap {
    padding-bottom: 50px;
  }
}

@media (max-width: 991px) {
  .trustscore-outer-wrap .trustscore-content-wrap {
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .trustscore-outer-wrap .trustscore-content-wrap {
    padding-top: 10px;
    padding-bottom: 100px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .profile-action-wrap {
  border: 1px solid #ecedef;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  padding: 45px;
  display: flex;
  box-shadow: 0 2px 4px #0000000a;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .profile-action-wrap {
    padding: 35px 30px;
  }
}

@media (max-width: 1199px) {
  .trustscore-outer-wrap .trustscore-content-wrap .profile-action-wrap {
    padding: 30px 25px;
  }
}

@media (max-width: 991px) {
  .trustscore-outer-wrap .trustscore-content-wrap .profile-action-wrap {
    margin-bottom: 15px;
    padding: 20px 25px;
  }
}

@media (max-width: 479px) {
  .trustscore-outer-wrap .trustscore-content-wrap .profile-action-wrap {
    box-shadow: none;
    border: 0;
    border-radius: 0;
    margin-bottom: 24px;
    padding: 0 15px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .profile-action-wrap .img {
  width: 72px;
  height: 72px;
  margin-bottom: 20px;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .profile-action-wrap .img {
    width: 65px;
    height: 65px;
    margin-bottom: 15px;
  }
}

@media (max-width: 1481px) {
  .trustscore-outer-wrap .trustscore-content-wrap .profile-action-wrap .img {
    width: 60px;
    height: 60px;
  }
}

@media (max-width: 479px) {
  .trustscore-outer-wrap .trustscore-content-wrap .profile-action-wrap .img {
    width: 66px;
    height: 66px;
    margin-bottom: 20px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .profile-action-wrap .img img {
  object-fit: cover;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.trustscore-outer-wrap .trustscore-content-wrap .profile-action-wrap .title {
  color: #101b25;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .profile-action-wrap .title {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .trustscore-outer-wrap .trustscore-content-wrap .profile-action-wrap .title {
    font-size: 16px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .profile-action-wrap .btn-wrap-1 {
  padding-top: 15px;
  display: flex;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .profile-action-wrap .btn-wrap-1 {
    padding-top: 10px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .profile-action-wrap .btn-wrap-1 .btn {
  cursor: pointer;
  height: 32px;
  box-shadow: none;
  background: #ecedef;
  border-radius: 30px;
  outline: 0;
  align-items: center;
  display: flex;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .profile-action-wrap .btn-wrap-1 .btn {
    height: 30px;
  }
}

@media (max-width: 479px) {
  .trustscore-outer-wrap .trustscore-content-wrap .profile-action-wrap .btn-wrap-1 .btn {
    height: 32px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .profile-action-wrap .btn-wrap-1 .btn img {
  height: 14px;
  display: block;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .profile-action-wrap .btn-wrap-1 .btn img {
    height: 13px;
  }
}

@media (max-width: 479px) {
  .trustscore-outer-wrap .trustscore-content-wrap .profile-action-wrap .btn-wrap-1 .btn img {
    height: 14px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .profile-action-wrap .btn-wrap-1 .btn span {
  color: #101b25;
  padding: 0 0 0 5px;
  font-size: 12px;
  font-weight: 500;
}

.trustscore-outer-wrap .trustscore-content-wrap .profile-action-wrap .btn-wrap-1 .btn.btn-color {
  background: #fdecec;
  margin-left: 8px;
}

.trustscore-outer-wrap .trustscore-content-wrap .profile-action-wrap .btn-wrap-1 .btn.btn-color span {
  color: #ef4444;
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap {
  border: 1px solid #ecedef;
  border-radius: 12px;
  padding: 25px 25px 15px;
  box-shadow: 0 2px 4px #0000000a;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap {
    padding: 20px 20px 10px;
  }
}

@media (max-width: 479px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap {
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #dfe1e3;
    border-radius: 0;
    padding: 20px 0 10px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .table-wrap tr th {
  padding-bottom: 20px;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .table-wrap tr th {
    padding-bottom: 15px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .table-wrap tr th.col-first {
  color: #415362;
  text-align: left;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .table-wrap tr th.col-first {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .table-wrap tr th.col-first {
    font-size: 16px;
  }
}

@media (max-width: 479px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .table-wrap tr th.col-first {
    color: #101b25;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .table-wrap tr th.col-sec {
  text-align: right;
  padding-left: 10px;
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .table-wrap tr td {
  vertical-align: top;
  padding-bottom: 12px;
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .table-wrap tr td.col-first {
  color: #101b25;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .table-wrap tr td.col-first {
    font-size: 14px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .table-wrap tr td.col-sec {
  text-align: right;
  color: #101b25;
  padding-left: 10px;
  font-size: 16px;
  font-weight: 400;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .table-wrap tr td.col-sec {
    font-size: 14px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .edit {
  box-shadow: none;
  background: none;
  border: 0;
  outline: 0;
  align-items: center;
  display: inline-flex;
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .edit img {
  width: 16px;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .edit img {
    width: 14px;
  }
}

@media (max-width: 479px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .edit img {
    width: 16px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .edit span {
  color: #7b8d9f;
  padding: 0 0 0 5px;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .edit span {
    font-size: 12px;
  }
}

@media (max-width: 479px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .edit span {
    font-size: 14px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .plain-txt {
  color: #415362;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .plain-txt {
    font-size: 14px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .max-wrap {
  text-align: right;
  color: #415362;
  padding-top: 44px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .max-wrap {
    padding-top: 35px;
    font-size: 12px;
  }
}

@media (max-width: 1481px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .max-wrap {
    padding-top: 30px;
    font-size: 12px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap + .box-content-wrap {
  margin-top: 15px;
}

@media (max-width: 479px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap + .box-content-wrap {
    margin-top: 24px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-title {
  color: #415362;
  text-align: left;
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-title {
    padding-bottom: 15px;
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-title {
    font-size: 16px;
  }
}

@media (max-width: 479px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-title {
    color: #101b25;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-outer-wrap .form-field-wrap {
  padding: 0 0 15px;
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-outer-wrap .form-field-wrap .name {
  padding: 0 0 8px;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-outer-wrap .form-field-wrap .name {
    padding-bottom: 5px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-outer-wrap .form-field-wrap .name label {
  color: #101b25;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  display: block;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-outer-wrap .form-field-wrap .name label {
    font-size: 12px;
  }
}

@media (max-width: 479px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-outer-wrap .form-field-wrap .name label {
    font-size: 14px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-outer-wrap .form-field-wrap .name label .required-asterisk {
  color: #dc3545;
  margin-left: 2px;
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-outer-wrap .form-field-wrap .field-wrap {
  position: relative;
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-outer-wrap .form-field-wrap .field-wrap .txt {
  color: #091737;
  width: 100%;
  height: 48px;
  box-shadow: none;
  background: #fff;
  border: 1px solid #b8c4d0;
  border-radius: 30px;
  outline: 0;
  padding: 5px 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  display: block;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-outer-wrap .form-field-wrap .field-wrap .txt {
    height: 42px;
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-outer-wrap .form-field-wrap .field-wrap .txt {
    height: 44px;
    font-size: 14px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-outer-wrap .form-field-wrap .field-wrap .txt::placeholder {
  opacity: 1;
  color: #09173780;
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-outer-wrap .form-field-wrap .field-wrap .date-picker-wrapper {
  width: 100%;
  display: block;
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-outer-wrap .form-field-wrap .field-wrap .date-picker-wrapper .react-datepicker__input-container {
  width: 100%;
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-outer-wrap .form-field-wrap .field-wrap .date-picker-wrapper .react-datepicker__input-container input {
  cursor: pointer;
  width: 100%;
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-outer-wrap .form-field-wrap .field-wrap .select {
  color: #091737;
  appearance: none;
  width: 100%;
  height: 48px;
  box-shadow: none;
  background: #fff;
  border: 1px solid #b8c4d0;
  border-radius: 30px;
  outline: 0;
  padding: 5px 40px 5px 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  display: block;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-outer-wrap .form-field-wrap .field-wrap .select {
    height: 42px;
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-outer-wrap .form-field-wrap .field-wrap .select {
    height: 44px;
    font-size: 14px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-outer-wrap .form-field-wrap .field-wrap .select::placeholder {
  opacity: 1;
  color: #09173780;
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-outer-wrap .form-field-wrap .field-wrap .img {
  width: 20px;
  height: 20px;
  margin: auto;
  position: absolute;
  inset: 0 15px 0 auto;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-outer-wrap .form-field-wrap .field-wrap .img {
    width: 18px;
    height: 18px;
  }
}

@media (max-width: 479px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-outer-wrap .form-field-wrap .field-wrap .img {
    width: 14px;
    height: 14px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-outer-wrap .form-field-wrap .field-wrap .img img {
  display: block;
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .form-outer-wrap .form-field-wrap.disable {
  opacity: .5;
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .about-textarea {
  color: #091737;
  appearance: none;
  width: 100%;
  height: 120px;
  box-shadow: none;
  resize: none;
  background: #fff;
  border: 1px solid #b8c4d0;
  border-radius: 3px;
  outline: 0;
  width: 100%;
  padding: 10px 40px 10px 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  display: block;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .about-textarea {
    height: 100px;
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .about-textarea {
    height: 90px;
    font-size: 14px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .box-content-wrap .about-textarea::placeholder {
  opacity: 1;
  color: #09173780;
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .profile-btn-wrap {
  padding: 20px 0 0;
  display: flex;
}

@media (max-width: 479px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .profile-btn-wrap {
    flex-direction: column;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .profile-btn-wrap .btn {
  color: #101b25;
  text-align: center;
  min-width: 170px;
  height: 44px;
  box-shadow: none;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  outline: 0;
  margin: 0;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .profile-btn-wrap .btn {
    min-width: 150px;
    height: 40px;
    font-size: 13px;
  }
}

@media (max-width: 479px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .profile-btn-wrap .btn {
    height: 44px;
    font-size: 14px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .profile-btn-wrap .btn.btn-color {
  color: #fff;
  background: #5090cc;
  margin-left: 10px;
}

@media (max-width: 479px) {
  .trustscore-outer-wrap .trustscore-content-wrap .box-outer-wrap .profile-btn-wrap .btn.btn-color {
    margin-top: 10px;
    margin-left: 0;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .tier-settings-block {
  border: 1px solid #ecedef;
  border-radius: 12px;
  margin-top: 15px;
  padding: 50px 25px 25px;
  position: relative;
  box-shadow: 0 2px 4px #0000000a;
}

@media (max-width: 479px) {
  .trustscore-outer-wrap .trustscore-content-wrap .tier-settings-block {
    padding: 50px 20px 25px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .tier-settings-block.block-disabled {
  position: relative;
}

.trustscore-outer-wrap .trustscore-content-wrap .tier-settings-block.block-disabled:after {
  content: "";
  background-color: #ffffff80;
  position: absolute;
  inset: 0;
}

.trustscore-outer-wrap .trustscore-content-wrap .tier-settings-block.block-disabled .update-btn {
  cursor: not-allowed;
}

.trustscore-outer-wrap .trustscore-content-wrap .tier-settings-block .higher-tier-info {
  z-index: 1;
  color: #000;
  background-color: #ecedef;
  border-radius: 0 15px 15px 0;
  align-items: center;
  padding: 6px 15px 6px 10px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
  position: absolute;
  top: 15px;
  left: 0;
}

.trustscore-outer-wrap .trustscore-content-wrap .tier-settings-block .higher-tier-info img {
  flex-shrink: 0;
  margin-right: 7px;
}

.trustscore-outer-wrap .trustscore-content-wrap .tier-settings-block .img-block {
  flex-direction: column;
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}

@media (max-width: 479px) {
  .trustscore-outer-wrap .trustscore-content-wrap .tier-settings-block .img-block {
    margin-bottom: 18px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .tier-settings-block .img-block .img-cover {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  display: inline-flex;
}

.trustscore-outer-wrap .trustscore-content-wrap .tier-settings-block .img-block .img-cover-custom {
  border-radius: 50%;
  width: 72px;
  height: 72px;
  position: relative;
}

.trustscore-outer-wrap .trustscore-content-wrap .tier-settings-block .img-block .img-cover-custom:before {
  content: "";
  background-color: #0000;
  border: 3px solid #fff6;
  border-radius: 50%;
  position: absolute;
  inset: 0;
}

.trustscore-outer-wrap .trustscore-content-wrap .tier-settings-block .img-block .img-cover-custom .user-img {
  object-fit: cover;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.trustscore-outer-wrap .trustscore-content-wrap .tier-settings-block .img-block .img-cover-custom .remove-btn {
  background-color: #fdecec;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  padding: 0;
  display: inline-flex;
  position: absolute;
  right: 0;
}

.trustscore-outer-wrap .trustscore-content-wrap .tier-settings-block .img-block .img-cover-custom .remove-btn img {
  max-width: 12px;
}

.trustscore-outer-wrap .trustscore-content-wrap .tier-settings-block .update-icon-block h4 {
  text-align: center;
  color: #415362;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
}

.trustscore-outer-wrap .trustscore-content-wrap .tier-settings-block .update-icon-block .btn-wapper {
  justify-content: space-between;
  margin-bottom: 30px;
}

.trustscore-outer-wrap .trustscore-content-wrap .tier-settings-block .update-icon-block .btn-wapper .update-btn {
  color: #101b25;
  background-color: #ecedef;
  border: none;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  width: calc(50% - 4px);
  padding: 8px;
  font-size: 12px;
  font-weight: 500;
  transition: all .3s;
  display: inline-flex;
}

.trustscore-outer-wrap .trustscore-content-wrap .tier-settings-block .update-icon-block .btn-wapper .update-btn:hover {
  opacity: .8;
}

.trustscore-outer-wrap .trustscore-content-wrap .tier-settings-block .update-icon-block .btn-wapper .update-btn .icon {
  flex-shrink: 0;
  margin-top: -2px;
  margin-right: 4px;
  display: inline-block;
}

.trustscore-outer-wrap .trustscore-content-wrap .tier-settings-block .update-icon-block .btn-wapper .update-btn .icon-picker {
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  margin-top: -2px;
  margin-right: 4px;
  display: inline-flex;
}

.trustscore-outer-wrap .trustscore-content-wrap .tier-settings-block .update-icon-block .btn-wapper .update-btn.btn-locked {
  opacity: .6;
  cursor: not-allowed;
}

.trustscore-outer-wrap .trustscore-content-wrap .tier-settings-block .info-data {
  color: #6e788b;
  margin-bottom: 0;
  font-size: 12px;
}

.trustscore-outer-wrap .trustscore-content-wrap .address-block-wrap {
  margin-bottom: 18px;
}

.trustscore-outer-wrap .trustscore-content-wrap .address-block-wrap .del-btn {
  color: #ef4444;
}

.trustscore-outer-wrap .trustscore-content-wrap .address-block-wrap .del-btn img {
  max-height: 14px;
  margin-top: -2px;
}

.trustscore-outer-wrap .trustscore-content-wrap .address-block-wrap .del-btn span {
  color: #ef4444 !important;
}

.trustscore-outer-wrap .trustscore-content-wrap .address-block-wrap .address-label {
  color: #101b25;
  background-color: #ecedef;
  border-radius: 30px;
  align-items: center;
  padding: 7px 15px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.trustscore-outer-wrap .trustscore-content-wrap .address-block-wrap .address-label img {
  flex-shrink: 0;
  margin-right: 4px;
}

.trustscore-outer-wrap .trustscore-content-wrap .address-block-wrap .address-title {
  color: #101b25;
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .address-block-wrap .address-title {
    margin-bottom: 20px;
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .trustscore-outer-wrap .trustscore-content-wrap .address-block-wrap .address-title {
    font-size: 16px;
  }
}

@media (max-width: 479px) {
  .trustscore-outer-wrap .trustscore-content-wrap .address-block-wrap .address-title {
    color: #101b25;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .address-block-wrap .address-info h6 {
  font-weight: 600;
}

.trustscore-outer-wrap .trustscore-content-wrap .address-block-wrap .address-info p {
  max-width: 550px;
  margin: 0;
}

.trustscore-outer-wrap .trustscore-content-wrap .address-block-wrap .address-info h6, .trustscore-outer-wrap .trustscore-content-wrap .address-block-wrap .address-info p {
  color: #415362;
  font-size: 16px;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .address-block-wrap .address-info h6, .trustscore-outer-wrap .trustscore-content-wrap .address-block-wrap .address-info p {
    font-size: 14px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .add-address-block {
  margin-top: 15px;
  margin-bottom: 18px;
}

.trustscore-outer-wrap .trustscore-content-wrap .add-address-block .add-address-btn {
  color: #4f91cd;
  background-color: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 14px;
  font-size: 14px;
  font-weight: 500;
  transition: all .3s;
  display: flex;
  box-shadow: 0 2px 4px #2a455d0f;
}

@media (max-width: 579px) {
  .trustscore-outer-wrap .trustscore-content-wrap .add-address-block .add-address-btn {
    padding: 12px 15px;
  }
}

.trustscore-outer-wrap .trustscore-content-wrap .add-address-block .add-address-btn.btn-disabled {
  cursor: not-allowed;
  opacity: .5;
}

.trustscore-outer-wrap .trustscore-content-wrap .add-address-block .add-address-btn img {
  flex-shrink: 0;
  margin-right: 5px;
}

.trustscore-outer-wrap .trustscore-content-wrap .field-wrap-icon .icon {
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  left: 15px;
}

.trustscore-outer-wrap .trustscore-content-wrap .field-wrap-icon .icon img {
  width: 14px;
}

.trustscore-outer-wrap .trustscore-content-wrap .field-wrap-icon .select {
  padding-left: 38px !important;
}

.trustscore-outer-wrap .trustscore-content-wrap .add-btn-block {
  margin-bottom: 10px;
}

.trustscore-outer-wrap .trustscore-content-wrap .add-btn-block .btn-1 {
  min-width: 125px;
  padding-left: 35px;
  padding-right: 35px;
}

@media (max-width: 1679px) {
  .trustscore-outer-wrap .trustscore-content-wrap .add-btn-block .btn-1 {
    padding: 10px 25px;
    font-size: 13px;
  }
}

@media (max-width: 579px) {
  .trustscore-outer-wrap .trustscore-content-wrap .add-btn-block .btn-1 {
    padding: 8px 25px;
  }
}

/* [project]/ui/styles/scss/trustscore.scss.css [client] (css) */
.trust-score-outer-wrap {
  border: 1px solid #ecedef;
  border-radius: 16px;
  max-width: 460px;
  margin: 20px auto 60px;
  padding: 25px 40px;
  box-shadow: 0 2px 4px #2a455d0f;
}

@media (max-width: 1679px) {
  .trust-score-outer-wrap {
    max-width: 450px;
    margin-top: 15px;
    margin-bottom: 50px;
    padding: 20px 25px;
  }
}

@media (max-width: 767px) {
  .trust-score-outer-wrap {
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 40px;
    padding: 20px 15px;
  }
}

@media (max-width: 479px) {
  .trust-score-outer-wrap {
    border: 0;
    padding: 0;
  }
}

.trust-score-outer-wrap .head-wrap {
  padding: 0 0 25px;
}

@media (max-width: 1679px) {
  .trust-score-outer-wrap .head-wrap {
    padding-bottom: 20px;
  }
}

.trust-score-outer-wrap .head-wrap img {
  margin: 0 auto;
  display: block;
}

.trust-score-outer-wrap .head-wrap .para {
  color: #415362;
  text-align: center;
  padding: 10px 0 0;
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .trust-score-outer-wrap .head-wrap .para {
    font-size: 16px;
  }
}

@media (max-width: 1481px) {
  .trust-score-outer-wrap .head-wrap .para {
    font-size: 14px;
  }
}

.trust-score-outer-wrap .content-wrap {
  padding: 0 0 30px;
}

@media (max-width: 1679px) {
  .trust-score-outer-wrap .content-wrap {
    padding-bottom: 20px;
  }
}

.trust-score-outer-wrap .content-wrap .img {
  height: 175px;
  margin: 0 0 15px;
  position: relative;
}

.trust-score-outer-wrap .content-wrap .img img {
  pointer-events: none;
  max-width: 280px;
  margin: 0 auto;
  display: block;
  position: absolute;
  bottom: -65px;
  left: 0;
  right: 0;
}

.trust-score-outer-wrap .content-wrap .title {
  text-align: center;
  color: #0b121e;
  margin: 0;
  padding: 0 0 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}

@media (max-width: 1679px) {
  .trust-score-outer-wrap .content-wrap .title {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .trust-score-outer-wrap .content-wrap .title {
    font-size: 16px;
  }
}

.trust-score-outer-wrap .content-wrap .para {
  text-align: center;
  color: #415362;
  margin: 0;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .trust-score-outer-wrap .content-wrap .para {
    padding: 0 10px;
  }
}

.trust-score-outer-wrap .list-wrap {
  margin: 0;
  padding: 0;
}

.trust-score-outer-wrap .list-wrap .list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.trust-score-outer-wrap .list-wrap .list li {
  border: 1px solid #ecedef;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  display: flex;
  box-shadow: 0 2px 4px #0000000f;
}

@media (max-width: 1679px) {
  .trust-score-outer-wrap .list-wrap .list li {
    padding: 13px 12px;
  }
}

.trust-score-outer-wrap .list-wrap .list li .left-wrap {
  width: 90%;
  display: flex;
}

.trust-score-outer-wrap .list-wrap .list li .left-wrap img {
  width: 22px;
}

@media (max-width: 1679px) {
  .trust-score-outer-wrap .list-wrap .list li .left-wrap img {
    width: 20px;
  }
}

.trust-score-outer-wrap .list-wrap .list li .left-wrap .txt {
  color: #101b25;
  padding: 0 0 0 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.trust-score-outer-wrap .list-wrap .list li .right-wrap {
  width: 22px;
  display: none;
}

@media (max-width: 1679px) {
  .trust-score-outer-wrap .list-wrap .list li .right-wrap {
    width: 20px;
  }
}

.trust-score-outer-wrap .list-wrap .list li + li {
  margin-top: 15px;
}

.trust-score-outer-wrap .list-wrap .list li.disable {
  opacity: .2;
}

.trust-score-outer-wrap .list-wrap .list li.completed .left-wrap {
  opacity: .6;
}

.trust-score-outer-wrap .list-wrap .list li.completed .right-wrap {
  display: block;
}

/* [project]/ui/styles/scss/trustscoremodal.scss.css [client] (css) */
.add-social-modal .custom-modal-body {
  background: none;
  margin: 0;
  padding: 0;
}

.add-social-modal .custom-modal-content {
  background: none;
  border: 0;
}

.add-social-modal .custom-modal-dialog {
  max-width: 100%;
}

.add-social-modal .social-content-wrap {
  background: #fff;
  border-radius: 20px;
  width: 515px;
  margin: 0 auto;
  padding: 30px 30px 50px;
}

@media (max-width: 1679px) {
  .add-social-modal .social-content-wrap {
    width: 450px;
    padding: 20px 20px 30px;
  }
}

@media (max-width: 479px) {
  .add-social-modal .social-content-wrap {
    width: 98%;
    padding: 15px 15px 25px;
  }
}

.add-social-modal .social-content-wrap .head-title-wrap {
  padding: 0 0 40px;
  position: relative;
}

@media (max-width: 1679px) {
  .add-social-modal .social-content-wrap .head-title-wrap {
    padding-bottom: 20px;
  }
}

@media (max-width: 479px) {
  .add-social-modal .social-content-wrap .head-title-wrap {
    padding-bottom: 15px;
  }
}

.add-social-modal .social-content-wrap .head-title-wrap .title {
  color: #101b25;
  font-size: 20px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .add-social-modal .social-content-wrap .head-title-wrap .title {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .add-social-modal .social-content-wrap .head-title-wrap .title {
    font-size: 16px;
  }
}

.add-social-modal .social-content-wrap .head-title-wrap .modal-close-btn {
  cursor: pointer;
  width: 24px;
  height: 24px;
  box-shadow: none;
  background: none;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -15px;
  right: -10px;
}

@media (max-width: 1679px) {
  .add-social-modal .social-content-wrap .head-title-wrap .modal-close-btn {
    width: 22px;
    height: 22px;
    top: -10px;
  }
}

@media (max-width: 479px) {
  .add-social-modal .social-content-wrap .head-title-wrap .modal-close-btn {
    width: 20px;
    height: 20px;
    top: -5px;
    right: -5px;
  }
}

.add-social-modal .social-content-wrap .head-title-wrap .modal-close-btn img {
  display: block;
}

.add-social-modal .social-content-wrap .list {
  margin: 0;
  padding: 0;
}

.add-social-modal .social-content-wrap .list li {
  border: 1px solid #dfe1e3;
  border-radius: 15px;
  justify-content: space-between;
  margin: 0;
  padding: 20px;
  list-style: none;
  display: flex;
}

@media (max-width: 1679px) {
  .add-social-modal .social-content-wrap .list li {
    padding: 15px;
  }
}

@media (max-width: 479px) {
  .add-social-modal .social-content-wrap .list li {
    flex-direction: column;
    padding: 10px;
  }
}

.add-social-modal .social-content-wrap .list li .left-wrap {
  width: 70%;
}

@media (max-width: 479px) {
  .add-social-modal .social-content-wrap .list li .left-wrap {
    width: 100%;
  }
}

.add-social-modal .social-content-wrap .list li .left-wrap .head-wrap {
  align-items: center;
  display: flex;
}

.add-social-modal .social-content-wrap .list li .left-wrap .head-wrap img {
  width: 52px;
}

@media (max-width: 1679px) {
  .add-social-modal .social-content-wrap .list li .left-wrap .head-wrap img {
    width: 45px;
  }
}

@media (max-width: 991px) {
  .add-social-modal .social-content-wrap .list li .left-wrap .head-wrap img {
    width: 40px;
  }
}

.add-social-modal .social-content-wrap .list li .left-wrap .head-wrap .txt-wrap {
  flex: 1;
  padding: 0 0 0 12px;
}

@media (max-width: 1679px) {
  .add-social-modal .social-content-wrap .list li .left-wrap .head-wrap .txt-wrap {
    padding-left: 10px;
  }
}

.add-social-modal .social-content-wrap .list li .left-wrap .head-wrap .txt-wrap .name {
  color: #101b25;
  margin: 0;
  padding: 0 0 5px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}

@media (max-width: 1679px) {
  .add-social-modal .social-content-wrap .list li .left-wrap .head-wrap .txt-wrap .name {
    padding-bottom: 3px;
    font-size: 16px;
  }
}

@media (max-width: 479px) {
  .add-social-modal .social-content-wrap .list li .left-wrap .head-wrap .txt-wrap .name {
    font-size: 14px;
  }
}

.add-social-modal .social-content-wrap .list li .left-wrap .head-wrap .txt-wrap .info-wrap {
  color: #415362;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .add-social-modal .social-content-wrap .list li .left-wrap .head-wrap .txt-wrap .info-wrap {
    font-size: 13px;
  }
}

.add-social-modal .social-content-wrap .list li .left-wrap .earn-wrap {
  color: #1bb746;
  padding: 20px 0 0;
  font-size: 12px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .add-social-modal .social-content-wrap .list li .left-wrap .earn-wrap {
    padding-top: 15px;
  }
}

@media (max-width: 479px) {
  .add-social-modal .social-content-wrap .list li .left-wrap .earn-wrap {
    padding-top: 10px;
  }
}

.add-social-modal .social-content-wrap .list li .btn-wrap {
  padding: 20px 0 0;
}

@media (max-width: 1679px) {
  .add-social-modal .social-content-wrap .list li .btn-wrap {
    padding-top: 10px;
  }
}

.add-social-modal .social-content-wrap .list li .btn-wrap .btn {
  cursor: pointer;
  height: 30px;
  box-shadow: none;
  color: #fff;
  background: #5090cc;
  border: 0;
  border-radius: 30px;
  outline: 0;
  margin: 0;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .add-social-modal .social-content-wrap .list li .btn-wrap .btn {
    height: 28px;
    padding: 0 15px;
    font-size: 13px;
  }
}

@media (max-width: 479px) {
  .add-social-modal .social-content-wrap .list li .btn-wrap .btn {
    width: 100%;
  }
}

.add-social-modal .social-content-wrap .list li + li {
  margin-top: 25px;
}

@media (max-width: 1679px) {
  .add-social-modal .social-content-wrap .list li + li {
    margin-top: 15px;
  }
}

.invite-friend-modal .custom-modal-body {
  background: none;
  margin: 0;
  padding: 0;
}

.invite-friend-modal .custom-modal-content {
  background: none;
  border: 0;
}

.invite-friend-modal .custom-modal-dialog {
  max-width: 100%;
}

.invite-friend-modal .invite-friend-wrap {
  background: #fff;
  border-radius: 20px;
  width: 695px;
  margin: 0 auto;
  padding: 30px 30px 50px;
}

@media (max-width: 1679px) {
  .invite-friend-modal .invite-friend-wrap {
    width: 650px;
    padding: 20px 20px 30px;
  }
}

@media (max-width: 1481px) {
  .invite-friend-modal .invite-friend-wrap {
    width: 600px;
  }
}

@media (max-width: 991px) {
  .invite-friend-modal .invite-friend-wrap {
    width: 560px;
  }
}

@media (max-width: 767px) {
  .invite-friend-modal .invite-friend-wrap {
    width: 550px;
  }
}

@media (max-width: 579px) {
  .invite-friend-modal .invite-friend-wrap {
    width: 450px;
  }
}

@media (max-width: 479px) {
  .invite-friend-modal .invite-friend-wrap {
    width: 98%;
    padding: 15px 15px 25px;
  }
}

.invite-friend-modal .invite-friend-wrap .head-title-wrap {
  padding: 0 0 25px;
  position: relative;
}

@media (max-width: 1679px) {
  .invite-friend-modal .invite-friend-wrap .head-title-wrap {
    padding-bottom: 20px;
  }
}

@media (max-width: 1481px) {
  .invite-friend-modal .invite-friend-wrap .head-title-wrap {
    padding-bottom: 15px;
  }
}

.invite-friend-modal .invite-friend-wrap .head-title-wrap .title {
  color: #101b25;
  font-size: 20px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .invite-friend-modal .invite-friend-wrap .head-title-wrap .title {
    font-size: 18px;
  }
}

.invite-friend-modal .invite-friend-wrap .head-title-wrap .modal-close-btn {
  cursor: pointer;
  width: 24px;
  height: 24px;
  box-shadow: none;
  background: none;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -15px;
  right: -10px;
}

@media (max-width: 1679px) {
  .invite-friend-modal .invite-friend-wrap .head-title-wrap .modal-close-btn {
    width: 22px;
    height: 22px;
    top: -10px;
  }
}

@media (max-width: 479px) {
  .invite-friend-modal .invite-friend-wrap .head-title-wrap .modal-close-btn {
    width: 20px;
    height: 20px;
    top: -5px;
    right: -5px;
  }
}

.invite-friend-modal .invite-friend-wrap .head-title-wrap .modal-close-btn img {
  display: block;
}

.invite-friend-modal .invite-friend-wrap .form-wrap {
  padding: 0 0 60px;
}

@media (max-width: 1679px) {
  .invite-friend-modal .invite-friend-wrap .form-wrap {
    padding-bottom: 40px;
  }
}

.invite-friend-modal .invite-friend-wrap .form-wrap .para {
  color: #101b25;
  opacity: .74;
  max-width: fit-content;
  padding: 0 0 25px;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .invite-friend-modal .invite-friend-wrap .form-wrap .para {
    padding-bottom: 20px;
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .invite-friend-modal .invite-friend-wrap .form-wrap .para {
    padding-bottom: 15px;
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .invite-friend-modal .invite-friend-wrap .form-wrap .para {
    font-size: 14px;
  }
}

.invite-friend-modal .invite-friend-wrap .form-wrap .fields-outer-wrap {
  position: relative;
}

.invite-friend-modal .invite-friend-wrap .form-wrap .fields-outer-wrap .fields-wrap {
  display: flex;
}

.invite-friend-modal .invite-friend-wrap .form-wrap .fields-outer-wrap .fields-wrap .txt {
  color: #101b25;
  border: 1px solid #dfe1e3;
  border-radius: 13px;
  width: 100%;
  height: 44px;
  padding: 5px 25px;
  font-size: 17px;
  font-weight: 400;
}

@media (max-width: 1679px) {
  .invite-friend-modal .invite-friend-wrap .form-wrap .fields-outer-wrap .fields-wrap .txt {
    height: 40px;
    padding: 5px 15px;
    font-size: 16px;
  }
}

@media (max-width: 1481px) {
  .invite-friend-modal .invite-friend-wrap .form-wrap .fields-outer-wrap .fields-wrap .txt {
    font-size: 14px;
  }
}

.invite-friend-modal .invite-friend-wrap .form-wrap .fields-outer-wrap .fields-wrap .txt::placeholder {
  opacity: 1;
  color: #101b253d;
}

.invite-friend-modal .invite-friend-wrap .form-wrap .fields-outer-wrap .fields-wrap .btn {
  color: #fff;
  background: #5090cc;
  border-radius: 30px;
  flex: 1;
  height: 44px;
  margin: 0 0 0 15px;
  padding: 2px 40px;
  font-size: 17px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .invite-friend-modal .invite-friend-wrap .form-wrap .fields-outer-wrap .fields-wrap .btn {
    height: 40px;
    margin-left: 10px;
    padding: 2px 30px;
    font-size: 16px;
  }
}

@media (max-width: 1481px) {
  .invite-friend-modal .invite-friend-wrap .form-wrap .fields-outer-wrap .fields-wrap .btn {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .invite-friend-modal .invite-friend-wrap .form-wrap .fields-outer-wrap .fields-wrap .btn {
    padding: 2px 20px;
  }
}

.invite-friend-modal .invite-friend-wrap .form-wrap .fields-outer-wrap .error {
  color: red;
  font-size: 12px;
  position: absolute;
}

.invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-head-wrap {
  padding-bottom: 40px;
}

@media (max-width: 1679px) {
  .invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-head-wrap {
    padding-bottom: 30px;
  }
}

.invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-head-wrap .title {
  color: #101b25;
  margin: 0;
  padding: 0 0 15px;
  font-size: 20px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-head-wrap .title {
    padding-bottom: 10px;
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-head-wrap .title {
    font-size: 16px;
  }
}

.invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-head-wrap .para {
  color: #101b25;
  opacity: .74;
  padding: 0 0 15px;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-head-wrap .para {
    padding-bottom: 10px;
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-head-wrap .para {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-head-wrap .para {
    font-size: 14px;
  }
}

.invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-head-wrap .bar {
  background: #e5f2ff;
  border-radius: 13px;
  width: 100%;
  height: 13px;
}

@media (max-width: 1679px) {
  .invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-head-wrap .bar {
    height: 12px;
  }
}

@media (max-width: 1481px) {
  .invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-head-wrap .bar {
    height: 10px;
  }
}

.invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-head-wrap .bar span {
  background: #5090cc;
  border-radius: 13px;
  height: 13px;
  display: block;
}

@media (max-width: 1679px) {
  .invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-head-wrap .bar span {
    height: 12px;
  }
}

@media (max-width: 1481px) {
  .invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-head-wrap .bar span {
    height: 10px;
  }
}

.invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap {
  border: 1px solid #c5dff7;
  border-radius: 20px;
  min-height: 330px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1679px) {
  .invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap {
    border-radius: 15px;
    min-height: 250px;
  }
}

@media (max-width: 579px) {
  .invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap {
    border-radius: 15px;
    min-height: 230px;
  }
}

.invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr th.email-phone-header {
  text-align: left;
  color: #101b25;
  background: #f6fbff;
  border-bottom: 1px solid #c5dff7;
  width: 100%;
  padding: 15px 16px;
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr th.email-phone-header {
    padding: 13px 16px;
    font-size: 16px;
  }
}

@media (max-width: 1481px) {
  .invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr th.email-phone-header {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr th.email-phone-header {
    padding: 13px 12px;
  }
}

.invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr td {
  color: #101b25bd;
  text-align: left;
  border-bottom: 1px solid #c5dff780;
  padding: 16px;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr td {
    padding: 14px 16px;
    font-size: 16px;
  }
}

@media (max-width: 1481px) {
  .invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr td {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr td {
    padding: 12px;
    font-size: 13px;
  }
}

.invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr td.empty-cell {
  text-align: center;
  padding: 20px;
}

.invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr td .invited-friend-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

@media (max-width: 479px) {
  .invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr td .invited-friend-row {
    gap: 10px;
  }
}

.invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr td .friend-status-dot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr td .friend-status-dot.verified {
  background-color: #1bb746;
}

.invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr td .friend-status-dot.pending {
  background-color: #ff8c00;
}

.invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr td .friend-email {
  word-break: break-word;
  flex: 1;
  min-width: 0;
}

.invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr td .action.success {
  color: #47b870;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 600;
}

.invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr td .action-buttons {
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  margin-left: auto;
  display: flex;
}

.invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr td .action-buttons .resend-btn {
  color: #5090cc;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
}

.invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr td .action-buttons .resend-btn:hover {
  color: #3a7ab8;
}

@media (max-width: 1481px) {
  .invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr td .action-buttons .resend-btn {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr td .action-buttons .resend-btn {
    font-size: 13px;
  }
}

.invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr td .action-buttons .delete-btn {
  color: #a90b0b;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
}

.invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr td .action-buttons .delete-btn:hover {
  color: #8a0909;
}

@media (max-width: 1481px) {
  .invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr td .action-buttons .delete-btn {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .invite-friend-modal .invite-friend-wrap .friend-list-wrap .list-content-wrap table tr td .action-buttons .delete-btn {
    font-size: 13px;
  }
}

/* [project]/ui/styles/scss/user-gallery.scss.css [client] (css) */
@media (max-width: 991px) {
  .mobile-hide {
    display: none !important;
  }
}

@media (max-width: 1679px) {
  .user-gallery.product-list-wrap {
    padding: 15px 0 50px;
  }
}

@media (max-width: 1481px) {
  .user-gallery.product-list-wrap {
    padding: 25px 0 40px;
  }
}

@media (max-width: 991px) {
  .user-gallery.product-list-wrap {
    padding: 0 0 50px;
  }
}

@media (max-width: 579px) {
  .user-gallery.product-list-wrap {
    padding-top: 0;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .product-form-wrap {
  width: 302px;
  padding: 0;
}

@media (max-width: 1481px) {
  .user-gallery.product-list-wrap .product-align-wrap .product-form-wrap {
    width: 280px;
  }

  .user-gallery.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .form-check .form-check-label {
    font-size: 13px;
  }
}

@media (max-width: 1199px) {
  .user-gallery.product-list-wrap .product-align-wrap .product-form-wrap {
    width: 260px;
  }
}

@media (max-width: 991px) {
  .user-gallery.product-list-wrap .product-align-wrap .product-form-wrap {
    transition: transform .35s;
    display: none;
    transform: translateX(-100%);
  }
}

.user-gallery.product-list-wrap .product-align-wrap .product-form-wrap .filter-reset-title {
  color: #101b25;
  align-items: center;
  padding: 24px 12px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

@media (max-width: 1679px) {
  .user-gallery.product-list-wrap .product-align-wrap .product-form-wrap .filter-reset-title {
    padding: 20px 10px;
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .user-gallery.product-list-wrap .product-align-wrap .product-form-wrap .filter-reset-title {
    padding: 18px 8px;
    font-size: 13px;
  }
}

@media (max-width: 991px) {
  .user-gallery.product-list-wrap .product-align-wrap .product-form-wrap .filter-reset-title {
    padding: 18px 20px;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .product-form-wrap .filter-reset-title .ico {
  margin-right: 12px;
}

.user-gallery.product-list-wrap .product-align-wrap .product-form-wrap .filter-reset-title .ico img {
  width: 20px;
  height: 20px;
}

.user-gallery.product-list-wrap .product-align-wrap .product-form-wrap .filter-reset-title .filter-close img {
  opacity: 1;
}

.user-gallery.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap {
  border-top: 0;
  border-bottom: 1px solid #ecedef;
  margin: 0;
  padding: 12px;
}

@media (max-width: 991px) {
  .user-gallery.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap {
    padding: 20px;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .product-form-wrap .group-wrap .title {
  color: #101b25;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap {
  flex: 1;
  width: calc(100% - 302px);
  padding: 0 0 35px 40px;
}

@media (max-width: 1679px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap {
    padding: 0 0 25px 30px;
  }
}

@media (max-width: 1481px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap {
    width: calc(100% - 280px);
  }
}

@media (max-width: 1199px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap {
    width: calc(100% - 260px);
  }
}

@media (max-width: 991px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap {
    width: 100%;
    padding: 0 0 25px;
  }
}

@media (max-width: 579px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap {
    margin-bottom: 0;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 32px;
  display: flex;
}

@media (max-width: 1679px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap {
    margin-bottom: 22px;
  }
}

@media (max-width: 1481px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap {
    margin-bottom: 12px;
  }
}

@media (max-width: 666px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap {
    flex-wrap: wrap;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap .title-wrap .main-title {
  color: #122852;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

@media (max-width: 1679px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap .title-wrap .main-title {
    font-size: 22px;
    line-height: 30px;
  }
}

@media (max-width: 1481px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap .title-wrap .main-title {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 666px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap .title-wrap .main-title {
    margin-bottom: 12px;
    font-weight: 500;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap .title-wrap .content {
  color: #415362;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap .title-wrap .content {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap .search {
    display: none;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap .search .input-group-text {
  background: #f6f7f9;
  border: 1px solid #ecedef;
  border-right: 0;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  height: 48px;
}

@media (max-width: 1679px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap .search .input-group-text {
    height: 42px;
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap .search .input-group-text {
    height: 40px;
  }

  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap .search .input-group-text img {
    width: 18px;
  }
}

@media (max-width: 991px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap .search .input-group-text {
    height: 48px;
  }

  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap .search .input-group-text img {
    width: 20px;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap .search .user-gallery-search-input-group {
  flex-wrap: nowrap;
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap .search .user-gallery-search-input-group .user-gallery-search-input-wrap {
  flex: 1;
  align-items: center;
  min-width: 0;
  display: flex;
  position: relative;
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap .search .user-gallery-search-input-group .user-gallery-search-input-wrap .user-gallery-search-spinner {
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap .search .user-gallery-search-input-group .user-gallery-search-input-wrap.is-searching .form-control {
  padding-right: 40px;
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap .search .form-control {
  color: #888d92;
  background: #f6f7f9;
  border: 1px solid #ecedef;
  border-left: 0;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  height: 48px;
  font-size: 16px;
}

@media (max-width: 1679px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap .search .form-control {
    height: 42px;
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap .search .form-control {
    height: 40px;
    padding-left: 5px;
  }
}

@media (max-width: 991px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap .search .form-control {
    height: 48px;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap .search .form-control:disabled {
  cursor: not-allowed;
  opacity: .85;
}

@media (min-width: 992px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap.search-title-mob {
    display: none;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap.search-title-mob .input-group {
  width: 100%;
}

@media (max-width: 991px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap.search-title-mob .input-group {
    flex: 1 0;
    margin-right: 10px;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap.search-title-mob .search {
  display: none;
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap.search-title-mob .search .filter-btn {
  box-shadow: none;
  background: none;
  border: none;
  width: 48px;
  height: 48px;
  padding: 0;
}

@media (max-width: 991px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap.search-title-mob .search .filter-btn {
    display: flex;
  }

  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .search-title-wrap.search-title-mob .search {
    width: 100%;
    display: flex;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .sub-content {
  color: #7b8d9f;
  letter-spacing: 0%;
  margin-bottom: 25px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 1679px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .sub-content {
    margin-bottom: 20px;
    font-size: 13px;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec {
  flex-wrap: wrap;
  justify-content: stretch;
  align-items: stretch;
  padding-top: 30px;
  display: flex;
}

@media (max-width: 1679px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec {
    padding-top: 20px;
  }
}

@media (max-width: 1481px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec {
    padding-top: 10px;
  }
}

@media (max-width: 1199px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec {
    gap: 0;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-wrap {
  margin-bottom: 39px;
}

@media (max-width: 1199px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-wrap {
    width: 50%;
    margin-bottom: 30px;
  }
}

@media (max-width: 666px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-wrap {
    width: 100%;
    margin-right: 0;
  }

  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-wrap:nth-child(2n) {
    width: 100%;
  }

  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-wrap:last-child .gallery-box {
    margin-bottom: 0;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box {
  background: #fff;
  border-radius: 16px;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 20px 23px;
  display: flex;
  position: relative;
  box-shadow: 0 4px 6.6px 2px #00000014;
}

@media (max-width: 1481px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box {
    padding: 20px 18px;
  }
}

@media (max-width: 579px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box {
    cursor: pointer;
    transition: transform .2s, box-shadow .2s;
  }

  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box:active {
    transform: scale(.98);
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .trust-score {
  text-align: center;
  max-width: 125px;
  position: absolute;
  top: 20px;
  right: 20px;
}

@media (max-width: 1481px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .trust-score {
    max-width: 90px;
  }
}

@media (max-width: 579px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .trust-score {
    max-width: 143px;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .trust-score .score-block {
  color: #415362;
  white-space: nowrap;
  font-size: 12px;
}

@media (max-width: 1679px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .trust-score .score-block {
    font-size: 10px;
  }
}

@media (max-width: 579px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .trust-score .score-block .score-label {
    display: none;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .trust-score .score {
  color: #101b25;
  font-weight: 500;
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .profile-detail .profile-pic {
  border-radius: 100px;
  width: 92px;
  height: 92px;
  margin-bottom: 10px;
}

@media (max-width: 1679px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .profile-detail .profile-pic {
    width: 75px;
    height: 75px;
  }
}

@media (max-width: 1481px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .profile-detail .profile-pic {
    width: 65px;
    height: 65px;
  }
}

@media (max-width: 1199px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .profile-detail .profile-pic {
    width: 62px;
    height: 62px;
  }
}

@media (max-width: 991px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .profile-detail .profile-pic {
    width: 55px;
    height: 55px;
  }
}

@media (max-width: 579px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .profile-detail .profile-pic {
    width: 50px;
    height: 50px;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .profile-detail .profile-pic img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .profile-detail .name {
  color: #101b25;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .profile-detail .name {
    font-size: 18px;
  }
}

@media (max-width: 1481px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .profile-detail .name {
    font-size: 16px;
  }
}

@media (max-width: 579px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .profile-detail .name {
    font-size: 13px;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .profile-detail .membr-since {
  color: #415362;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

@media (max-width: 1679px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .profile-detail .membr-since {
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .profile-detail .membr-since {
    font-size: 12px;
  }
}

@media (max-width: 579px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .profile-detail .membr-since {
    font-size: 10px;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .position-detil {
  color: #415362;
  flex: 1;
  margin-top: 15px;
  font-size: 12px;
  font-weight: 400;
}

@media (max-width: 1481px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .position-detil {
    margin-top: 12px;
  }
}

@media (max-width: 579px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .position-detil {
    font-size: 12px;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .position-detil .read-link {
  color: #4882b8;
  display: inline-block;
}

@media (max-width: 991px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .position-detil {
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    max-height: 2.8em;
    line-height: 1.4;
    display: -webkit-box;
    overflow: hidden;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .read-more {
  margin-top: 10px;
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .read-more .read-link {
  color: #4882b8;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 1679px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .read-more .read-link {
    font-size: 13px;
  }
}

@media (max-width: 579px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .read-more .read-link {
    font-size: 15px;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .rating {
  margin-top: 24px;
  display: flex;
}

@media (max-width: 1679px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .rating {
    margin-top: 15px;
  }
}

@media (max-width: 579px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .rating {
    flex-wrap: wrap;
  }
}

@media (max-width: 991px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .rating {
    gap: 24px;
    margin-top: 12px;
    flex-wrap: nowrap !important;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .rating .rating-bx {
  border: 1px solid #ecedef;
  border-radius: 8px;
  width: calc(33.3333% - 4px);
  margin-right: 8px;
  padding: 12px;
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .rating .rating-bx:last-child {
  margin-right: 0;
}

@media (max-width: 1679px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .rating .rating-bx {
    padding: 8px;
  }
}

@media (max-width: 1481px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .rating .rating-bx {
    padding: 6px;
  }
}

@media (max-width: 991px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .rating .rating-bx {
    text-align: center;
    flex: 1;
    padding: 8px 0;
    position: relative;
    border: none !important;
    border-radius: 0 !important;
    width: auto !important;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
  }

  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .rating .rating-bx:not(:last-child):after {
    content: "";
    background-color: #ecedef;
    width: 1px;
    height: 60%;
    position: absolute;
    top: 50%;
    right: -12px;
    transform: translateY(-50%);
  }
}

@media (max-width: 579px) and (min-width: 992px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .rating .rating-bx {
    width: calc(50% - 4px);
    margin-bottom: 5px;
    margin-right: 0;
    padding: 7px;
  }

  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .rating .rating-bx:nth-child(odd) {
    margin-right: 5px;
  }

  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .rating .rating-bx:last-child {
    margin-bottom: 0;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .rating .rating-bx .number {
  color: #101b25;
  padding-bottom: 6px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .rating .rating-bx .number {
    padding-bottom: 4px;
    font-size: 14px;
  }
}

@media (max-width: 579px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .rating .rating-bx .number {
    font-size: 12px;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .rating .rating-bx .txt {
  color: #415362;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

@media (max-width: 1679px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .rating .rating-bx .txt {
    font-size: 10px;
  }
}

@media (max-width: 579px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .rating .rating-bx .txt {
    font-size: 10px;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .btm-btn-block {
  justify-content: space-between;
  padding-top: 25px;
}

@media (max-width: 1679px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .btm-btn-block {
    padding-top: 15px;
  }
}

@media (max-width: 479px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .btm-btn-block {
    flex-direction: column;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .btm-btn-block .link-btn {
  text-align: center;
  color: #101b25;
  background-color: #f6f7f9;
  border-radius: 30px;
  width: calc(50% - 3px);
  padding: 8px;
  font-size: 12px;
  font-weight: 500;
  transition: all .3s;
}

@media (max-width: 1481px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .btm-btn-block .link-btn {
    font-size: 11px;
  }
}

@media (max-width: 479px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .btm-btn-block .link-btn {
    width: 100%;
  }
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .btm-btn-block .link-btn:hover {
  opacity: .8;
}

.user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .btm-btn-block .link-btn.link-btn-prof {
  color: #fff;
  background-color: #5090cc;
}

@media (max-width: 479px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .btm-btn-block .link-btn.link-btn-prof {
    margin-top: 8px;
  }
}

@media (max-width: 991px) {
  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .btm-btn-block .link-btn-prof {
    display: none !important;
  }

  .user-gallery.product-list-wrap .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .btm-btn-block .link-btn {
    width: 100%;
  }
}

.user-gallery .filter-sort-mob-wrap {
  display: none !important;
}

@media (max-width: 991px) {
  .user-gallery.product-list-wrap .product-align-wrap .product-form-wrap.active {
    z-index: 99;
    background: #fff;
    border-radius: 0;
    width: 375px;
    height: 100vh;
    max-height: 100vh;
    transition: all .3s;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    overflow: auto;
    transform: translateX(0);
  }
}

@media (max-width: 479px) {
  .user-gallery.product-list-wrap .product-align-wrap .product-form-wrap.active {
    width: 100%;
    padding-bottom: 160px;
  }
}

@media (max-width: 1800px) {
  .user-gallery {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (max-width: 991px) {
  .user-gallery {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 992px) {
  .user-gallery-container {
    max-width: 1700px;
  }
}

.user-gallery-container .sticky-md-top {
  z-index: 2;
  top: 150px;
}

@media (max-width: 1481px) {
  .user-gallery-container .sticky-md-top {
    top: 130px;
  }
}

.user-gallery-container .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-wrap {
  max-width: 25%;
}

@media (max-width: 1300px) {
  .user-gallery-container .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-wrap {
    max-width: 33.3%;
  }
}

@media (max-width: 767px) {
  .user-gallery-container .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-wrap {
    max-width: 50%;
  }
}

@media (max-width: 380px) {
  .user-gallery-container .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-wrap {
    max-width: 100%;
  }
}

@media (max-width: 420px) {
  .user-gallery-container .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-wrap {
    padding: 0 4px;
  }

  .user-gallery-container .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box {
    border-radius: 12px;
    padding: 12px 10px;
  }

  .user-gallery-container .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .trust-score {
    max-width: 70px;
    top: 10px;
    right: 8px;
  }

  .user-gallery-container .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .trust-score .score-card {
    transform-origin: top;
    margin-bottom: -10px;
    transform: scale(.7);
  }

  .user-gallery-container .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .trust-score .score-block, .user-gallery-container .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .trust-score .score-block .score {
    font-size: 8px;
  }

  .user-gallery-container .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .profile-detail .profile-pic {
    width: 40px;
    height: 40px;
    margin-bottom: 6px;
  }

  .user-gallery-container .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .profile-detail .name {
    word-break: break-word;
    font-size: 11px;
    line-height: 1.2;
  }

  .user-gallery-container .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .profile-detail .membr-since {
    font-size: 8px;
    line-height: 1.3;
  }

  .user-gallery-container .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .position-detil {
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    max-height: 2.8em;
    margin-top: 8px;
    font-size: 10px;
    line-height: 1.4;
    display: -webkit-box;
    overflow: hidden;
  }

  .user-gallery-container .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .position-detil .read-link {
    font-size: 10px;
    display: none;
  }

  .user-gallery-container .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .rating {
    gap: 3px;
    margin-top: 10px;
  }

  .user-gallery-container .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .rating .rating-bx {
    border-radius: 6px;
    margin-right: 3px;
    padding: 5px 4px;
  }

  .user-gallery-container .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .rating .rating-bx .number {
    padding-bottom: 2px;
    font-size: 10px;
  }

  .user-gallery-container .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .rating .rating-bx .txt {
    font-size: 8px;
    line-height: 1.2;
  }

  .user-gallery-container .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .btm-btn-block {
    gap: 4px;
    padding-top: 10px;
  }

  .user-gallery-container .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .btm-btn-block .link-btn {
    border-radius: 20px;
    padding: 6px 4px;
    font-size: 10px;
  }

  .user-gallery-container .product-align-wrap .user-gallery-rt-wrap .gallery-sec .gallery-box .btm-btn-block .link-btn-prof {
    display: none !important;
  }
}

/* [project]/ui/styles/scss/verification.scss.css [client] (css) */
.verification-scope .btn-wrap {
  padding: 30px 0 40px;
}

@media (max-width: 1679px) {
  .verification-scope .btn-wrap {
    padding: 20px 0 40px;
  }
}

@media (max-width: 767px) {
  .verification-scope .btn-wrap {
    padding-bottom: 60px;
  }
}

@media (max-width: 579px) {
  .verification-scope .btn-wrap {
    padding-bottom: 80px;
  }
}

.verification-scope .btn-wrap .btn {
  cursor: pointer;
  border: 0;
  border-radius: 30px;
  outline: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 10px;
  display: flex;
  position: relative;
  background: #5090cc !important;
}

@media (max-width: 1679px) {
  .verification-scope .btn-wrap .btn {
    height: 40px;
  }
}

.verification-scope .btn-wrap .btn span {
  color: #fff;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .verification-scope .btn-wrap .btn span {
    font-size: 12px;
  }
}

.verification-scope .btn-wrap .btn img {
  position: absolute;
  right: 20px;
}

.verification-scope .input-wrap {
  padding-bottom: 15px;
}

.verification-scope .input-wrap .name {
  color: #101b25;
  margin: 0;
  padding: 0 0 8px;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .verification-scope .input-wrap .name {
    padding-bottom: 6px;
    font-size: 12px;
  }
}

.verification-scope .input-wrap .fields-wrap {
  position: relative;
}

.verification-scope .input-wrap .fields-wrap input {
  color: #101b25;
  background: #fff;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  outline: 0;
  width: 100%;
  height: 44px;
  padding: 10px 15px;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .verification-scope .input-wrap .fields-wrap input {
    height: 36px;
    font-size: 12px;
  }
}

.verification-scope .input-wrap .fields-wrap input::placeholder {
  color: #7b8d9f;
  opacity: 1;
}

.verification-scope .input-wrap .fields-wrap select {
  color: #101b25;
  appearance: none;
  background: #fff url("/img/select-arrow.svg") 95% no-repeat;
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  outline: 0;
  width: 100%;
  height: 44px;
  padding: 10px 15px;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .verification-scope .input-wrap .fields-wrap select {
    background-size: 10px;
    height: 36px;
    font-size: 12px;
  }
}

.verification-scope .input-wrap .fields-wrap select::placeholder {
  color: #7b8d9f;
  opacity: 1;
}

.verification-scope .input-wrap .fields-wrap.add-img input {
  padding-right: 45px;
}

.verification-scope .input-wrap .fields-wrap.add-img .img-wrap {
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
}

.verification-scope .input-wrap .fields-wrap.add-img .img-wrap img {
  max-width: 20px;
}

@media (max-width: 1679px) {
  .verification-scope .input-wrap .fields-wrap.add-img .img-wrap img {
    max-width: 15px;
  }
}

.verification-scope .input-wrap .fields-wrap .error-msg {
  color: red;
  margin-top: -2px;
  font-size: 10px;
  position: absolute;
}

.verification-scope .input-wrap.last {
  padding-bottom: 0;
}

.verification-scope .group-wrap {
  gap: 10px;
  display: flex;
}

.add-card-list {
  margin: 0;
  padding: 15px 0 0;
}

@media (max-width: 1679px) {
  .add-card-list {
    padding: 10px 0 0;
  }
}

.add-card-list li {
  align-items: center;
  gap: 10px;
  list-style: none;
  display: flex;
  margin: 0 !important;
  padding: 0 !important;
}

.add-card-list li .img {
  flex: none;
  width: 23px;
}

@media (max-width: 1679px) {
  .add-card-list li .img {
    width: 22px;
  }
}

.add-card-list li .num {
  color: #415362;
  flex: 1;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}

@media (max-width: 1679px) {
  .add-card-list li .num {
    font-size: 12px;
  }
}

.add-card-list li + li {
  border-top: 1px solid #f4f5f6;
  margin: 15px 0 0 !important;
  padding: 15px 0 0 !important;
}

@media (max-width: 1679px) {
  .add-card-list li + li {
    margin: 10px 0 0 !important;
    padding: 10px 0 0 !important;
  }
}

.verification-scope .add-btn-wrap {
  padding: 25px 0 0;
}

@media (max-width: 1679px) {
  .verification-scope .add-btn-wrap {
    padding: 20px 0 0;
  }
}

@media (max-width: 479px) {
  .verification-scope .add-btn-wrap {
    padding: 15px 0 0;
  }
}

.verification-scope .add-btn-wrap .btn {
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 10px;
  display: flex;
  background: #fff !important;
}

@media (max-width: 1679px) {
  .verification-scope .add-btn-wrap .btn {
    height: 38px;
  }
}

@media (max-width: 479px) {
  .verification-scope .add-btn-wrap .btn {
    height: 34px;
  }
}

.verification-scope .add-btn-wrap .btn span {
  color: #101b25;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .verification-scope .add-btn-wrap .btn span {
    font-size: 12px;
  }
}

.verification-scope .add-btn-wrap .btn img {
  width: 16px;
}

@media (max-width: 1679px) {
  .verification-scope .add-btn-wrap .btn img {
    width: 12px;
  }
}

.ac-veri-wrap {
  width: 400px;
  margin: 0 auto;
  padding: 40px 0;
}

@media (max-width: 1679px) {
  .ac-veri-wrap {
    width: 360px;
    padding: 25px 0;
  }
}

@media (max-width: 767px) {
  .ac-veri-wrap {
    padding-bottom: 40px;
  }
}

@media (max-width: 579px) {
  .ac-veri-wrap {
    padding-bottom: 60px;
  }
}

@media (max-width: 479px) {
  .ac-veri-wrap {
    width: 90%;
    padding-bottom: 80px;
  }
}

.ac-veri-wrap .graph {
  flex-direction: column;
  align-items: center;
  padding: 0 0 30px;
  display: flex;
}

@media (max-width: 1679px) {
  .ac-veri-wrap .graph {
    padding: 0 0 20px;
  }
}

.ac-veri-wrap .graph .img {
  margin: 0 0 10px;
}

.ac-veri-wrap .graph .score-txt {
  color: #415362;
  padding: 0 0 25px;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}

@media (max-width: 1679px) {
  .ac-veri-wrap .graph .score-txt {
    padding-bottom: 20px;
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .ac-veri-wrap .graph .score-txt {
    font-size: 12px;
  }
}

.ac-veri-wrap .graph .score-txt span {
  color: #101b25;
  font-weight: 500;
}

.ac-veri-wrap .graph .txt-wrap {
  text-align: center;
  padding: 0 40px;
}

@media (max-width: 479px) {
  .ac-veri-wrap .graph .txt-wrap {
    padding: 0;
  }
}

.ac-veri-wrap .graph .txt-wrap .title {
  color: #101b25;
  margin: 0;
  padding: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .ac-veri-wrap .graph .txt-wrap .title {
    font-size: 28px;
  }
}

@media (max-width: 991px) {
  .ac-veri-wrap .graph .txt-wrap .title {
    font-size: 26px;
  }
}

@media (max-width: 579px) {
  .ac-veri-wrap .graph .txt-wrap .title {
    font-size: 24px;
  }
}

.ac-veri-wrap .graph .txt-wrap .para {
  color: #415362;
  margin: 0;
  padding: 0 20px;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .ac-veri-wrap .graph .txt-wrap .para {
    font-size: 14px;
    line-height: 1.2;
  }
}

.ac-veri-wrap .list-wrap {
  margin: 0;
  padding: 0;
}

.ac-veri-wrap .list-wrap li {
  background: #fff;
  border-radius: 12px;
  align-items: center;
  margin: 0;
  padding: 15px;
  list-style: none;
  display: flex;
  box-shadow: 0 2px 4px #0000000f;
}

@media (max-width: 1679px) {
  .ac-veri-wrap .list-wrap li {
    padding: 10px 15px;
  }
}

.ac-veri-wrap .list-wrap li .img {
  flex: none;
  width: 30px;
}

@media (max-width: 1679px) {
  .ac-veri-wrap .list-wrap li .img {
    width: 22px;
  }
}

.ac-veri-wrap .list-wrap li .img img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

.ac-veri-wrap .list-wrap li .txt-wrap {
  flex: 1;
  padding: 0 0 0 15px;
}

.ac-veri-wrap .list-wrap li .txt-wrap .sub-title {
  color: #101b25;
  margin: 0;
  padding: 0 0 5px;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .ac-veri-wrap .list-wrap li .txt-wrap .sub-title {
    font-size: 14px;
    line-height: 1.2;
  }
}

.ac-veri-wrap .list-wrap li .txt-wrap .para {
  color: #415362;
  margin: 0;
  padding: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .ac-veri-wrap .list-wrap li .txt-wrap .para {
    font-size: 12px;
  }
}

.ac-veri-wrap .list-wrap li + li {
  margin-top: 15px;
}

.level-id-wrap {
  z-index: 1;
  padding: 40px 0;
  position: relative;
}

@media (max-width: 1679px) {
  .level-id-wrap {
    padding: 25px 0;
  }
}

.level-id-wrap:before {
  z-index: -1;
  content: "";
  background: url("/img/lines.png") top no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: -10px 0 0;
}

@media (max-width: 1679px) {
  .level-id-wrap:before {
    background-size: 510px;
  }
}

.level-id-wrap .leval-head-wrap {
  max-width: 530px;
  margin: 0 auto;
}

@media (max-width: 1679px) {
  .level-id-wrap .leval-head-wrap {
    max-width: 440px;
  }
}

@media (max-width: 579px) {
  .level-id-wrap .leval-head-wrap {
    max-width: 380px;
  }
}

@media (max-width: 479px) {
  .level-id-wrap .leval-head-wrap {
    max-width: 90%;
  }
}

.level-id-wrap .leval-head-wrap .id-logo-wrap {
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 0 0 25px;
  display: flex;
}

.level-id-wrap .leval-head-wrap .id-logo-wrap .dots img {
  height: 8px;
}

@media (max-width: 1679px) {
  .level-id-wrap .leval-head-wrap .id-logo-wrap .dots img {
    max-height: 6px;
  }
}

.level-id-wrap .leval-head-wrap .id-logo-wrap .logo-wrap {
  border: 1px solid #dfe1e3;
  border-radius: 10px;
  width: 56px;
  height: 56px;
  padding: 4px;
}

@media (max-width: 1679px) {
  .level-id-wrap .leval-head-wrap .id-logo-wrap .logo-wrap {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 767px) {
  .level-id-wrap .leval-head-wrap .id-logo-wrap .logo-wrap {
    width: 40px;
    height: 40px;
  }
}

.level-id-wrap .leval-head-wrap .id-logo-wrap .logo-wrap img {
  object-fit: cover;
  border-radius: 6px;
  width: 100%;
  height: 100%;
}

.level-id-wrap .leval-head-wrap .head-wrap {
  text-align: center;
  padding: 0 0 40px;
}

@media (max-width: 1679px) {
  .level-id-wrap .leval-head-wrap .head-wrap {
    padding-bottom: 25px;
  }
}

.level-id-wrap .leval-head-wrap .head-wrap .title-wrap {
  color: #101b25;
  margin: 0;
  padding: 0 0 5px;
  font-family: Instrument Sans, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .level-id-wrap .leval-head-wrap .head-wrap .title-wrap {
    font-size: 22px;
  }
}

@media (max-width: 991px) {
  .level-id-wrap .leval-head-wrap .head-wrap .title-wrap {
    font-size: 20px;
  }
}

@media (max-width: 579px) {
  .level-id-wrap .leval-head-wrap .head-wrap .title-wrap {
    font-size: 18px;
  }
}

.level-id-wrap .leval-head-wrap .head-wrap .para {
  color: #415362;
  margin: 0;
  padding: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .level-id-wrap .leval-head-wrap .head-wrap .para {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .level-id-wrap .leval-head-wrap .head-wrap .para {
    font-size: 12px;
  }
}

.level-id-wrap .content-wrap {
  width: 400px;
  margin: 0 auto;
}

@media (max-width: 1679px) {
  .level-id-wrap .content-wrap {
    width: 360px;
  }
}

@media (max-width: 479px) {
  .level-id-wrap .content-wrap {
    width: 90%;
  }
}

.level-id-wrap .content-wrap .id-scan {
  max-width: 310px;
  margin: 0 auto;
  padding: 0 0 10px;
}

@media (max-width: 1679px) {
  .level-id-wrap .content-wrap .id-scan {
    max-width: 290px;
  }
}

@media (max-width: 479px) {
  .level-id-wrap .content-wrap .id-scan {
    max-width: 100%;
    padding: 0 20px;
  }
}

.link-bank-wrap {
  background: #fff;
  border-radius: 20px;
  width: 425px;
  margin: 0 auto;
  padding: 25px;
}

@media (max-width: 1679px) {
  .link-bank-wrap {
    border-radius: 15px;
    width: 400px;
    padding: 20px;
  }
}

@media (max-width: 479px) {
  .link-bank-wrap {
    width: 90%;
  }
}

.link-bank-wrap .content-wrap {
  width: 100%;
  margin: 0;
}

.link-bank-wrap .content-wrap .list {
  margin: 0;
  padding: 0 0 30px;
  list-style: none;
}

@media (max-width: 1679px) {
  .link-bank-wrap .content-wrap .list {
    padding: 0 0 20px;
  }
}

.link-bank-wrap .content-wrap .list li {
  border: 1px solid #dfe1e3;
  border-radius: 12px;
  align-items: center;
  gap: 15px;
  padding: 15px;
  display: flex;
}

@media (max-width: 1679px) {
  .link-bank-wrap .content-wrap .list li {
    gap: 10px;
  }
}

.link-bank-wrap .content-wrap .list li .img-wrap {
  flex: none;
  width: 60px;
}

@media (max-width: 1679px) {
  .link-bank-wrap .content-wrap .list li .img-wrap {
    width: 50px;
  }
}

@media (max-width: 479px) {
  .link-bank-wrap .content-wrap .list li .img-wrap {
    width: 40px;
  }
}

.link-bank-wrap .content-wrap .list li .txt-wrap {
  flex: 1;
}

.link-bank-wrap .content-wrap .list li .txt-wrap .sub-title {
  color: #101b25;
  margin: 0;
  padding: 0 0 5px;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .link-bank-wrap .content-wrap .list li .txt-wrap .sub-title {
    font-size: 14px;
    line-height: 1.2;
  }
}

.link-bank-wrap .content-wrap .list li .txt-wrap .para {
  color: #415362;
  margin: 0;
  padding: 0;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .link-bank-wrap .content-wrap .list li .txt-wrap .para {
    font-size: 12px;
  }
}

.link-bank-wrap .content-wrap .list li + li {
  margin-top: 12px;
}

.link-bank-wrap .content-wrap .des-wrap {
  color: #415362;
  text-align: center;
  margin: 0;
  padding: 0 20px 15px;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 1679px) {
  .link-bank-wrap .content-wrap .des-wrap {
    font-size: 12px;
  }
}

@media (max-width: 479px) {
  .link-bank-wrap .content-wrap .des-wrap {
    padding: 0 0 15px;
  }
}

.link-bank-wrap .content-wrap .des-wrap span {
  color: #101b25;
}

.link-bank-wrap .content-wrap .btn-wrap {
  margin: 0;
  padding: 0;
}

.auth-outer-wrap {
  background: #fff;
  border-radius: 20px;
  width: 480px;
  margin: 0 auto;
  padding: 25px;
}

@media (max-width: 1679px) {
  .auth-outer-wrap {
    border-radius: 15px;
    width: 400px;
    padding: 15px;
  }
}

@media (max-width: 479px) {
  .auth-outer-wrap {
    width: 95%;
  }
}

.auth-outer-wrap .auth-bg-wrap {
  background: #ecedef;
  border-radius: 12px;
  min-height: 350px;
  padding: 20px;
}

@media (max-width: 1679px) {
  .auth-outer-wrap .auth-bg-wrap {
    min-height: 300px;
    padding: 15px;
  }
}

@media (max-width: 1481px) {
  .auth-outer-wrap .auth-bg-wrap {
    min-height: 220px;
  }
}

.auth-outer-wrap .auth-bg-wrap .logo-wrap {
  padding: 0 0 20px;
}

@media (max-width: 1679px) {
  .auth-outer-wrap .auth-bg-wrap .logo-wrap {
    padding: 0 0 15px;
  }
}

.auth-outer-wrap .auth-bg-wrap .logo-wrap img {
  max-width: 60px;
  margin: 0 auto;
  display: block;
}

@media (max-width: 1679px) {
  .auth-outer-wrap .auth-bg-wrap .logo-wrap img {
    max-width: 50px;
  }
}

.auth-outer-wrap .auth-bg-wrap .card-list {
  margin: 0;
  padding: 0;
}

.auth-outer-wrap .auth-bg-wrap .card-list li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.auth-outer-wrap .auth-bg-wrap .card-list li .box-wrap {
  background: #fff;
  border-radius: 8px;
}

.auth-outer-wrap .auth-bg-wrap .card-list li .box-wrap .card-head-wrap {
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  display: flex;
}

.auth-outer-wrap .auth-bg-wrap .card-list li .box-wrap .left-wrap {
  width: 70%;
}

.auth-outer-wrap .auth-bg-wrap .card-list li .box-wrap .left-wrap .form-check-label {
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
}

.auth-outer-wrap .auth-bg-wrap .card-list li .box-wrap .left-wrap .form-check-label .form-check-input {
  width: 15px;
  height: 15px;
  box-shadow: none;
  border: 1px solid #7b8d9f;
  outline: 0;
  margin: 0;
  padding: 0;
}

@media (max-width: 1679px) {
  .auth-outer-wrap .auth-bg-wrap .card-list li .box-wrap .left-wrap .form-check-label .form-check-input {
    width: 12px;
    height: 12px;
  }
}

.auth-outer-wrap .auth-bg-wrap .card-list li .box-wrap .left-wrap .form-check-label .form-check-input:checked {
  background-color: #dce9f5;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%235090CC'/%3e%3c/svg%3e");
  border-color: #5090cc;
}

.auth-outer-wrap .auth-bg-wrap .card-list li .box-wrap .left-wrap .form-check-label span {
  color: #101b25;
  margin: 0;
  padding: 0 0 0 15px;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}

@media (max-width: 1679px) {
  .auth-outer-wrap .auth-bg-wrap .card-list li .box-wrap .left-wrap .form-check-label span {
    padding: 0 0 0 5px;
    font-size: 14px;
  }
}

.auth-outer-wrap .auth-bg-wrap .card-list li .box-wrap .card-img {
  width: 80px;
}

@media (max-width: 1679px) {
  .auth-outer-wrap .auth-bg-wrap .card-list li .box-wrap .card-img {
    width: 60px;
  }
}

.auth-outer-wrap .auth-bg-wrap .card-list li .box-wrap .card-content-wrap {
  padding: 0 15px 15px;
}

.auth-outer-wrap .auth-bg-wrap .card-list li .box-wrap .card-content-wrap .form-wrap {
  border-top: 1px solid #dfe1e3;
  padding: 15px 0 0;
}

.auth-outer-wrap .auth-bg-wrap .card-list li + li {
  margin-top: 12px;
}

@media (max-width: 1679px) {
  .auth-outer-wrap .auth-bg-wrap .card-list li + li {
    margin-top: 8px;
  }
}

.auth-btn-wrap {
  gap: 10px;
  padding: 25px 0 0;
  display: flex;
}

@media (max-width: 1679px) {
  .auth-btn-wrap {
    padding: 15px 0 0;
  }
}

.auth-btn-wrap .btn {
  border: 1px solid #dfe1e3;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 10px;
  transition: all .3s;
  display: flex;
  background: #fff !important;
}

.auth-btn-wrap .btn:hover {
  opacity: .8;
}

@media (max-width: 1679px) {
  .auth-btn-wrap .btn {
    height: 40px;
  }
}

.auth-btn-wrap .btn.cnfm {
  border: 0;
  position: relative;
  background: #5090cc !important;
}

.auth-btn-wrap .btn.cnfm span {
  color: #fff;
}

.auth-btn-wrap .btn.cnfm img {
  position: absolute;
  right: 15px;
}

@media (max-width: 479px) {
  .auth-btn-wrap .btn.cnfm img {
    right: 10px;
  }
}

.auth-btn-wrap .btn span {
  color: #101b25;
  font-family: Instrument Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .auth-btn-wrap .btn span {
    font-size: 13px;
  }
}

.connected-bank-wrap {
  width: 480px;
  margin: 0 auto;
  padding: 0;
}

@media (max-width: 1679px) {
  .connected-bank-wrap {
    width: 400px;
  }
}

@media (max-width: 479px) {
  .connected-bank-wrap {
    width: 95%;
  }
}

.connected-bank-wrap .card-list {
  margin: 0;
  padding: 0;
}

.connected-bank-wrap .card-list li {
  background: #fff;
  border-radius: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 1679px) {
  .connected-bank-wrap .card-list li {
    border-radius: 15px;
  }
}

.connected-bank-wrap .card-list li .connect-card-wrap {
  padding: 20px;
}

@media (max-width: 1679px) {
  .connected-bank-wrap .card-list li .connect-card-wrap {
    padding: 10px;
  }
}

.connected-bank-wrap .card-list li .connect-card-wrap .head-wrap {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.connected-bank-wrap .card-list li .connect-card-wrap .head-wrap .left-wrap {
  align-items: center;
  gap: 10px;
  display: flex;
}

@media (max-width: 1679px) {
  .connected-bank-wrap .card-list li .connect-card-wrap .head-wrap .left-wrap {
    gap: 5px;
  }
}

.connected-bank-wrap .card-list li .connect-card-wrap .head-wrap .left-wrap .img {
  flex: none;
  width: 32px;
}

@media (max-width: 1679px) {
  .connected-bank-wrap .card-list li .connect-card-wrap .head-wrap .left-wrap .img {
    width: 30px;
  }
}

@media (max-width: 479px) {
  .connected-bank-wrap .card-list li .connect-card-wrap .head-wrap .left-wrap .img {
    width: 28px;
  }
}

.connected-bank-wrap .card-list li .connect-card-wrap .head-wrap .left-wrap .type-wrap {
  color: #101b25;
  font-family: Instrument Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1679px) {
  .connected-bank-wrap .card-list li .connect-card-wrap .head-wrap .left-wrap .type-wrap {
    font-size: 14px;
  }
}

.connected-bank-wrap .card-list li .connect-card-wrap .head-wrap .right-wrap .btn-connect {
  color: #101b25;
  background: #ecedef;
  border: 0;
  border-radius: 30px;
  outline: 0;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin: 0;
  padding: 3px 15px;
  font-family: Instrument Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  display: flex;
}

@media (max-width: 1679px) {
  .connected-bank-wrap .card-list li .connect-card-wrap .head-wrap .right-wrap .btn-connect {
    height: 30px;
    padding: 3px 12px;
  }
}

@media (max-width: 479px) {
  .connected-bank-wrap .card-list li .connect-card-wrap .head-wrap .right-wrap .btn-connect {
    height: 28px;
    padding: 2px 10px;
  }
}

.connected-bank-wrap .card-list li .connect-card-wrap .head-wrap .right-wrap .btn-connect.active {
  background: #dce9f5;
}

.connected-bank-wrap .card-list li + li {
  margin-top: 15px;
}

.about-me-section {
  background-color: #f9fafb;
}

.about-me-section .about-me-card {
  max-width: 544px;
}

@media (max-width: 767px) {
  .about-me-section .about-me-card {
    max-width: 100%;
  }
}

.about-me-section .about-me-card .about-me-title {
  color: #101b25;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

@media (max-width: 1679px) {
  .about-me-section .about-me-card .about-me-title {
    font-size: 22px;
  }
}

@media (max-width: 1481px) {
  .about-me-section .about-me-card .about-me-title {
    font-size: 20px;
  }
}

@media (max-width: 1199px) {
  .about-me-section .about-me-card .about-me-title {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .about-me-section .about-me-card .about-me-title {
    font-size: 16px;
  }
}

.about-me-section .about-me-card .about-me-subtitle {
  text-align: center;
  color: #415362;
  margin-bottom: 0;
  padding-bottom: 28px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .about-me-section .about-me-card .about-me-subtitle {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .about-me-section .about-me-card .about-me-subtitle {
    font-size: 13px;
  }
}

.about-me-section .about-me-card .form-sec {
  background: #fff;
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 2px 4px #0000000a;
}

.about-me-section .about-me-card .form-sec .form-grp {
  margin-bottom: 16px;
}

.about-me-section .about-me-card .form-sec .form-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 1679px) {
  .about-me-section .about-me-card .form-sec .form-label {
    font-size: 13px;
  }
}

.about-me-section .about-me-card .form-sec .form-control, .about-me-section .about-me-card .form-sec textarea, .about-me-section .about-me-card .form-sec .form-select {
  color: #000;
  border: 1px solid #dfe1e3;
  border-radius: 12px;
  height: 48px;
  font-size: 16px;
  font-weight: 400;
}

@media (max-width: 1679px) {
  .about-me-section .about-me-card .form-sec .form-control, .about-me-section .about-me-card .form-sec textarea, .about-me-section .about-me-card .form-sec .form-select {
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .about-me-section .about-me-card .form-sec .form-control, .about-me-section .about-me-card .form-sec textarea, .about-me-section .about-me-card .form-sec .form-select {
    font-size: 12px;
  }
}

.about-me-section .about-me-card .form-sec .form-control::placeholder, .about-me-section .about-me-card .form-sec textarea::placeholder, .about-me-section .about-me-card .form-sec .form-select::placeholder {
  color: #7b8d9f;
}

.about-me-section .about-me-card .form-sec .form-control:focus, .about-me-section .about-me-card .form-sec textarea:focus, .about-me-section .about-me-card .form-sec .form-select:focus {
  box-shadow: none;
  outline: none !important;
}

.about-me-section .about-me-card .form-sec textarea {
  height: 124px !important;
}

.about-me-section .about-me-card .form-sec .form-select {
  border-radius: 100px;
}

.about-me-section .about-me-card .form-footer {
  justify-content: space-between;
  padding-top: 28px;
  display: flex;
}

@media (max-width: 479px) {
  .about-me-section .about-me-card .form-footer {
    flex-wrap: wrap;
  }
}

.about-me-section .about-me-card .form-footer .btn {
  color: #101b25;
  border: 1px solid #dfe1e3;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 48%;
  height: 44px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

@media (max-width: 479px) {
  .about-me-section .about-me-card .form-footer .btn {
    width: 100%;
    margin-bottom: 10px;
  }
}

.about-me-section .about-me-card .form-footer .btn.btn-primary {
  color: #fff;
  background-color: #5090cc;
}

.trust-score-section {
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  .trust-score-section {
    padding-bottom: 40px;
  }
}

@media (max-width: 579px) {
  .trust-score-section {
    padding-bottom: 60px;
  }
}

.trust-score-section .trust-card {
  background: #fff;
  border-radius: 16px;
  max-width: 420px;
  margin: auto;
  padding: 16px;
  box-shadow: 0 2px 4px #0000000a;
}

@media (max-width: 767px) {
  .trust-score-section .trust-card {
    max-width: 100%;
    padding: 12px 12px 40px;
  }
}

@media (max-width: 579px) {
  .trust-score-section .trust-card {
    padding-bottom: 60px;
  }
}

.trust-score-section .trust-card .trust-progress {
  text-align: center;
  max-width: 317px;
  margin: auto;
}

@media (max-width: 767px) {
  .trust-score-section .trust-card .trust-progress {
    max-width: 100%;
  }
}

.trust-score-section .trust-card .trust-progress img {
  max-width: 100%;
}

.trust-score-section .trust-score-text {
  text-align: center;
  color: #415362;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 21.13px;
  font-weight: 500;
  line-height: 31.7px;
  display: flex;
}

@media (max-width: 1679px) {
  .trust-score-section .trust-score-text {
    font-size: 18px;
    line-height: 28px;
  }
}

@media (max-width: 1481px) {
  .trust-score-section .trust-score-text {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (max-width: 1199px) {
  .trust-score-section .trust-score-text {
    font-size: 14px;
    line-height: 24px;
  }
}

.trust-score-section .trust-video {
  border-radius: 8px;
  height: 170px;
  margin-bottom: 20px;
  position: relative;
}

.trust-score-section .trust-video video {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.trust-score-section .trust-video img {
  width: 100%;
  display: block;
}

.trust-score-section .trust-video .play-icon {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.trust-score-section .trust-message .trust-message-title {
  color: #0b121e;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

@media (max-width: 1679px) {
  .trust-score-section .trust-message .trust-message-title {
    font-size: 18px;
    line-height: 28px;
  }
}

@media (max-width: 1481px) {
  .trust-score-section .trust-message .trust-message-title {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (max-width: 1199px) {
  .trust-score-section .trust-message .trust-message-title {
    font-size: 14px;
    line-height: 24px;
  }
}

.trust-score-section .trust-message .trust-message-subtitle {
  color: #415362;
  letter-spacing: 0%;
  text-align: center;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

@media (max-width: 1679px) {
  .trust-score-section .trust-message .trust-message-subtitle {
    font-size: 13px;
    line-height: 20px;
  }
}

.trust-score-section .trust-btn {
  padding-top: 28px;
  padding-bottom: 40px;
}

@media (max-width: 767px) {
  .trust-score-section .trust-btn {
    padding-bottom: 60px;
  }
}

@media (max-width: 579px) {
  .trust-score-section .trust-btn {
    padding-bottom: 80px;
  }
}

.trust-score-section .trust-btn .btn {
  color: #fff;
  text-align: center;
  background: #5090cc;
  border: none;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  position: relative;
}

@media (max-width: 1679px) {
  .trust-score-section .trust-btn .btn {
    height: 42px;
    font-size: 13px;
    line-height: 20px;
  }
}

@media (max-width: 1481px) {
  .trust-score-section .trust-btn .btn {
    height: 40px;
  }
}

@media (max-width: 1199px) {
  .trust-score-section .trust-btn .btn {
    height: 38px;
  }
}

.trust-score-section .trust-btn .btn:after {
  content: "";
  background-image: url("/img/right-arrow.svg");
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  right: 15px;
}

.verification-scope .back-btn {
  padding: 40px 0;
}

@media (max-width: 1679px) {
  .verification-scope .back-btn {
    padding: 25px 0;
  }
}

.verification-scope .back-btn .back-link {
  color: #101b25;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .verification-scope .back-btn .back-link {
    font-size: 14px;
    line-height: 20px;
  }
}

.verification-scope .back-btn .back-link .ico {
  margin-right: 10px;
}

.membership-section {
  background-color: #f9fafb;
  max-width: 343px;
  margin: auto;
}

@media (max-width: 767px) {
  .membership-section {
    max-width: 100%;
  }
}

.membership-section .membership-title {
  text-align: center;
  color: #101b25;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

@media (max-width: 1679px) {
  .membership-section .membership-title {
    font-size: 22px;
    line-height: 30px;
  }
}

@media (max-width: 1481px) {
  .membership-section .membership-title {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 1199px) {
  .membership-section .membership-title {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (max-width: 991px) {
  .membership-section .membership-title {
    font-size: 16px;
    line-height: 24px;
  }
}

.membership-section .membership-subtitle {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 1679px) {
  .membership-section .membership-subtitle {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 1481px) {
  .membership-section .membership-subtitle {
    font-size: 13px;
    line-height: 20px;
  }
}

.membership-section .nav-pills {
  background: #fff;
  border: 1px solid #ecedef;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 210px;
  margin: auto;
  padding: 4px;
  display: flex;
}

@media (max-width: 767px) {
  .membership-section .nav-pills {
    width: 100%;
  }
}

@media (max-width: 479px) {
  .membership-section .nav-pills {
    flex-wrap: wrap;
  }
}

.membership-section .nav-pills .nav-item {
  width: 49%;
}

.membership-section .nav-pills .nav-link {
  color: #415362;
  background-color: #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

@media (max-width: 1679px) {
  .membership-section .nav-pills .nav-link {
    height: 34px;
    font-size: 13px;
  }
}

@media (max-width: 1199px) {
  .membership-section .nav-pills .nav-link {
    height: 32px;
    font-size: 12px;
  }
}

.membership-section .nav-pills .nav-link.active {
  color: #fff;
  background-color: #5090cc;
}

.membership-section .price-card {
  background: #fff;
  border-radius: 16px;
  margin-top: 28px;
  padding: 24px 16px;
  box-shadow: 0 2px 4px #0000000a;
}

.membership-section .price-card .price-logo {
  justify-content: space-between;
  padding-bottom: 16px;
  display: flex;
}

.membership-section .price-card .plan-title {
  letter-spacing: 0%;
  color: #101b25;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

@media (max-width: 1679px) {
  .membership-section .price-card .plan-title {
    font-size: 13px;
  }
}

.membership-section .price-card .plan-benefits {
  padding-top: 24px;
}

.membership-section .price-card .plan-price {
  color: #101b25;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

@media (max-width: 1679px) {
  .membership-section .price-card .plan-price {
    font-size: 22px;
  }
}

@media (max-width: 1481px) {
  .membership-section .price-card .plan-price {
    font-size: 20px;
  }
}

@media (max-width: 1199px) {
  .membership-section .price-card .plan-price {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .membership-section .price-card .plan-price {
    font-size: 16px;
  }
}

.membership-section .price-card .plan-price .txt {
  font-size: 16px;
}

@media (max-width: 1679px) {
  .membership-section .price-card .plan-price .txt {
    font-size: 14px;
  }
}

@media (max-width: 1481px) {
  .membership-section .price-card .plan-price .txt {
    font-size: 13px;
  }
}

@media (max-width: 1199px) {
  .membership-section .price-card .plan-price .txt {
    font-size: 12px;
  }
}

.membership-section .price-card .plan-period {
  letter-spacing: 0%;
  color: #415362;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

@media (max-width: 1679px) {
  .membership-section .price-card .plan-period {
    font-size: 13px;
  }
}

.membership-section .price-card .benefit-item {
  align-items: center;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

@media (max-width: 1679px) {
  .membership-section .price-card .benefit-item {
    font-size: 13px;
  }
}

.membership-section .price-card .benefit-item .benefit-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 12px;
}

@media (max-width: 1679px) {
  .membership-section .price-card .benefit-item .benefit-icon {
    width: 22px;
    height: 22px;
  }
}

@media (max-width: 1481px) {
  .membership-section .price-card .benefit-item .benefit-icon {
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 1199px) {
  .membership-section .price-card .benefit-item .benefit-icon {
    width: 18px;
    height: 18px;
  }
}

.membership-section .price-card .benefit-item .benefit-icon img {
  object-fit: cover;
  border-radius: 50px;
  width: 100%;
  height: 100%;
}

.membership-section .price-card .btn-primary {
  color: #101b25;
  background-color: #0000;
  border: 1px solid #dfe1e3;
  border-radius: 50px;
  width: 100%;
  height: 44px;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .membership-section .price-card .btn-primary {
    height: 42px;
    font-size: 13px;
  }
}

@media (max-width: 1481px) {
  .membership-section .price-card .btn-primary {
    height: 40px;
  }
}

.membership-section .price-card .btn-primary:hover {
  color: #fff;
  background-color: #5090cc;
  border: 1px solid #5090cc;
}

.custom-input-col {
  margin-bottom: 20px;
  position: relative;
}

@media (max-width: 1679px) {
  .custom-input-col {
    margin-bottom: 15px;
  }
}

.custom-input-col .login-label {
  color: #101b25;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
}

@media (max-width: 1679px) {
  .custom-input-col .login-label {
    margin-bottom: 5px;
    font-size: 13px;
  }
}

.custom-input-col .login-inp {
  color: #101b25;
  height: 44px;
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #b8c4d0;
  padding: 5px 20px;
  font-size: 14px;
  border-radius: 30px !important;
}

@media (max-width: 1679px) {
  .custom-input-col .login-inp {
    height: 40px;
  }
}

.custom-input-col .login-inp-flag {
  position: relative;
}

.custom-input-col .login-inp-flag:before {
  z-index: 1;
  content: "";
  background-image: url("/img/country-flag.svg");
  background-position: 0;
  background-repeat: no-repeat;
  width: 25px;
  height: 100%;
  position: absolute;
  left: 20px;
}

.custom-input-col .login-inp-flag .login-inp {
  padding-left: 50px;
}

.custom-input-col .select-custom {
  appearance: none;
  background-image: url("/img/sel-arw.svg");
  background-position: calc(100% - 20px);
  background-repeat: no-repeat;
}

.custom-input-col .inp-req {
  color: red;
  font-size: 12px;
  position: absolute;
  top: 100%;
  left: 20px;
}

.custom-input-col.input-col-off .login-label {
  color: #7b8d9f;
}

.custom-input-col.input-col-off .login-inp {
  color: #415362;
}

.verification-scope .ac-content-wrap {
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 767px) {
  .verification-scope .ac-content-wrap {
    padding-bottom: 40px;
  }
}

@media (max-width: 579px) {
  .verification-scope .ac-content-wrap {
    padding-bottom: 60px;
  }
}

.address-container {
  max-width: 480px;
  margin: 0 auto;
}

.address-container .level-id-wrap:before {
  display: none;
}

.address-container .content-cover {
  background-color: #fff;
  border-radius: 20px;
  padding: 25px;
  box-shadow: 0 2px 4px #0000000a;
}

@media (max-width: 579px) {
  .address-container .content-cover {
    box-shadow: none;
    background-color: #0000;
    padding: 0;
  }
}

.btn-wrap-2-col {
  justify-content: space-between;
  display: flex;
}

@media (max-width: 579px) {
  .btn-wrap-2-col {
    padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px) + 20px);
  }
}

.btn-wrap-2-col .btn {
  width: calc(50% - 6px);
}

@media (max-width: 479px) {
  .btn-wrap-2-col .btn {
    width: calc(50% - 4px);
  }
}

.btn-wrap-2-col .confirm-btn-border {
  border: 1px solid #dfe1e3;
  background-color: #fff !important;
}

.btn-wrap-2-col .confirm-btn-border span {
  color: #101b25 !important;
}

.add-profile-container {
  max-width: 525px;
  margin: 0 auto;
}

@media (max-width: 579px) {
  .add-profile-container .content-cover {
    background-color: #fff;
    border-radius: 16px;
    padding: 15px;
    box-shadow: 0 2px 4px #0000000a;
  }
}

.add-profile-container .img-input-cover {
  margin-bottom: 20px;
}

.add-profile-container .img-input-cover .img-input-label {
  cursor: pointer;
  border: 1px dashed #b8c4d0;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-height: 200px;
  margin: 0;
  padding: 25px;
  display: flex;
  position: relative;
}

@media (max-width: 579px) {
  .add-profile-container .img-input-cover .img-input-label {
    min-height: 180px;
  }
}

.add-profile-container .img-input-cover .img-input-label .img-item {
  margin-bottom: 20px;
  display: inline-block;
  position: relative;
}

.add-profile-container .img-input-cover .img-input-label .img-item .avt-img {
  object-fit: cover;
  border-radius: 50%;
  width: 66px;
  height: 66px;
}

.add-profile-container .img-input-cover .img-input-label .img-item .edit-icon {
  display: inline-block;
  position: absolute;
  bottom: -5px;
  right: -5px;
}

.add-profile-container .img-input-cover .img-input-label h4 {
  text-align: center;
  color: #101b25;
  max-width: 275px;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 600;
}

@media (max-width: 579px) {
  .add-profile-container .img-input-cover .img-input-label h4 {
    font-size: 14px;
  }
}

.add-profile-container .img-input-cover .img-input-label p {
  color: #415362;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
}

.add-profile-container .img-input-cover .img-input-label .form-control {
  cursor: pointer;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.add-profile-container .prof-img-block {
  flex-direction: column;
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}

.add-profile-container .prof-img-block .img-block {
  margin-bottom: 20px;
}

.add-profile-container .prof-img-block .img-block .prof-img {
  object-fit: cover;
  border-radius: 50%;
  width: 66px;
  height: 66px;
}

.add-profile-container .prof-img-block h4 {
  text-align: center;
  color: #101b25;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 600;
}

@media (max-width: 579px) {
  .add-profile-container .prof-img-block h4 {
    font-size: 14px;
  }
}

.add-profile-container .prof-img-block .btn-block .img-btn {
  color: #101b25;
  background-color: #ecedef;
  border: none;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  min-width: 95px;
  margin: 2px 4px;
  padding: 8px 15px;
  font-size: 12px;
  font-weight: 500;
  transition: all .3s;
  display: inline-flex;
}

.add-profile-container .prof-img-block .btn-block .img-btn:hover {
  opacity: .8;
}

.add-profile-container .prof-img-block .btn-block .img-btn img {
  margin-right: 4px;
}

.add-profile-container .prof-img-block .btn-block .img-btn.img-remove-btn {
  color: #ef4444;
  background-color: #fdecec;
}

.overview-animation-block {
  height: 180px;
  position: relative;
}

.overview-animation-block .joy-gif {
  width: 300px;
  margin: 0 auto;
  position: absolute;
  bottom: -55px;
  left: 0;
  right: 0;
}

@media (max-width: 360px) {
  .overview-animation-block .joy-gif {
    object-fit: cover;
    width: 200px;
    max-width: none;
    height: 400px;
  }
}

.retail-contract-container {
  max-width: 600px;
  margin: 0 auto;
}

.retail-contract-container .content-cover .data-txt p {
  color: #415362;
}

@media (max-width: 1679px) {
  .retail-contract-container .content-cover .data-txt p {
    font-size: 14px;
  }
}

.retail-contract-container .content-cover .data-txt p .sub-tl-txt {
  color: #101b25;
  font-weight: 500;
}

.retail-contract-container .conscent-box-wrapper {
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}

.retail-contract-container .conscent-box-wrapper .chk-title {
  color: #101b25;
  padding-left: 8px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .retail-contract-container .conscent-box-wrapper .chk-title {
    font-size: 14px;
  }
}

.retail-contract-container .conscent-box-wrapper .shipping-checkbox {
  display: none;
}

.retail-contract-container .conscent-box-wrapper .checkbox-custom {
  border: 2px solid #ccc;
  border-radius: 4px;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  transition: all .2s;
  display: inline-block;
  position: relative;
}

.retail-contract-container .conscent-box-wrapper .shipping-checkbox:checked + .checkbox-custom {
  background-color: #fff;
  border-color: #5090cc;
}

.retail-contract-container .conscent-box-wrapper .shipping-checkbox:checked + .checkbox-custom:after {
  content: "";
  border: 2px solid #5090cc;
  border-width: 0 2px 2px 0;
  width: 5px;
  height: 10px;
  position: absolute;
  top: 2px;
  left: 6px;
  transform: rotate(45deg);
}

.retail-contract-container .signed-block {
  background-color: #f6f7f9;
  border-radius: 16px;
  padding: 16px;
}

.retail-contract-container .signed-block .signed-doc {
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

@media (max-width: 390px) {
  .retail-contract-container .signed-block .signed-doc {
    flex-wrap: wrap;
  }
}

.retail-contract-container .signed-block .signed-doc .signed-inp {
  flex-grow: 1;
}

@media (max-width: 390px) {
  .retail-contract-container .signed-block .signed-doc .signed-inp {
    width: 100%;
    margin-bottom: 10px;
  }
}

.retail-contract-container .signed-block .signed-doc .signed-inp .sign-wrp {
  width: 100%;
}

.retail-contract-container .signed-block .signed-doc .sign-wrp {
  text-align: center;
  background-color: #fff;
  border: none;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  margin-bottom: 8px;
  padding: 8px 20px;
  font-family: Great Vibes, cursive;
  font-size: 24px;
  line-height: 24px;
  display: flex;
}

.retail-contract-container .signed-block .signed-doc .sign-wrp img {
  max-height: 24px;
}

.retail-contract-container .signed-block .signed-doc .btn-block {
  flex-shrink: 0;
  display: flex;
}

@media (max-width: 390px) {
  .retail-contract-container .signed-block .signed-doc .btn-block {
    justify-content: flex-end;
    width: 100%;
  }
}

.retail-contract-container .signed-block .signed-doc .btn {
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-left: 8px;
  display: flex;
}

.retail-contract-container .signed-block .custom-input-col {
  margin-bottom: 12px;
}

.retail-contract-container .signed-block .date {
  color: #101b25;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 1679px) {
  .retail-contract-container .signed-block .date {
    font-size: 14px;
  }
}

/* [project]/ui/utils/snackbar/index.css [client] (css) */
.snackbar-test {
  border-radius: 50px;
}

.snackbar-test p {
  font-size: 20px !important;
}

@media (max-width: 768px) {
  .snackbar-test p {
    font-size: 14px !important;
  }
}

/* [project]/ui/components/social/instagram-button/index.css [client] (css) */
.instagram-button {
  background: none;
  border: none;
}

/*# sourceMappingURL=_0ug3e5a._.css.map*/