/* [project]/uploads/styles/services/services.css [app-client] (css) */
@keyframes shine {
  from {
    opacity: 0;
    left: 0%;
  }

  50% {
    opacity: 1;
  }

  to {
    opacity: 0;
    left: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .service-secA {
    margin-top: calc(var(--headerheight)  + 30px);
  }
}

@media only screen and (max-width: 540px) {
  .service-secA {
    margin-top: calc(var(--headerheight)  + 20px);
  }
}

.service-secA .heading h2 {
  color: var(--primary);
  margin-bottom: 50px;
  font-size: 36px;
  font-weight: 600;
}

@media only screen and (max-width: 1140px) {
  .service-secA .heading h2 {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .service-secA .heading h2 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .service-secA .heading h2 {
    margin-bottom: 30px;
    font-size: 30px;
  }
}

@media only screen and (max-width: 540px) {
  .service-secA .heading h2 {
    margin-bottom: 20px;
  }
}

.service-secA .services_wrapper {
  grid-gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

@media only screen and (max-width: 1024px) {
  .service-secA .services_wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 768px) {
  .service-secA .services_wrapper {
    grid-gap: 15px;
  }
}

@media only screen and (max-width: 540px) {
  .service-secA .services_wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media only screen and (max-width: 1024px) {
  .service-banner.banner {
    margin-top: calc(var(--headerheight)  + 30px);
  }
}

@media only screen and (max-width: 768px) {
  .service-banner.banner {
    margin-top: calc(var(--headerheight)  + 20px);
    height: 100%;
  }
}

.service-banner.banner:before {
  background: linear-gradient(347deg, #0000 5%, #000c 100%);
}

@media only screen and (max-width: 768px) {
  .service-banner.banner:before {
    display: none;
  }
}

.service-banner.banner.seo-banner .bg {
  height: 460px;
}

.service-banner.banner.seo-banner .bg .banner-wrapper {
  bottom: 30%;
  top: unset;
  translate: 0 30%;
}

.service-banner.banner .bg {
  height: 90vh;
}

@media only screen and (max-width: 991px) {
  .service-banner.banner .bg {
    height: 600px;
  }
}

@media only screen and (max-width: 768px) {
  .service-banner.banner .bg {
    height: 100%;
  }

  .service-banner.banner .bg img {
    height: 230px;
  }
}

@media only screen and (max-width: 540px) {
  .service-banner.banner .bg img {
    height: 200px;
  }
}

.service-banner.banner .banner-wrapper {
  bottom: 50%;
  top: unset;
  translate: 0 50%;
}

@media only screen and (max-width: 768px) {
  .service-banner.banner .banner-wrapper {
    padding: 30px 0;
    position: static;
    translate: 0;
  }
}

.service-banner.banner .banner-wrapper .container {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

@media only screen and (max-width: 768px) {
  .service-banner.banner .banner-wrapper .container {
    flex-direction: column;
  }
}

.service-banner.banner .banner-wrapper .container .heading {
  flex: 0 50%;
}

@media only screen and (max-width: 768px) {
  .service-banner.banner .banner-wrapper .container .heading {
    flex: 0 100%;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 540px) {
  .service-banner.banner .banner-wrapper .container .heading {
    margin-bottom: 20px;
  }
}

.service-banner.banner .banner-wrapper .container .heading h2 {
  color: var(--white);
  font-size: 36px;
  font-weight: 600;
}

@media only screen and (max-width: 991px) {
  .service-banner.banner .banner-wrapper .container .heading h2 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .service-banner.banner .banner-wrapper .container .heading h2 {
    color: var(--primary);
    font-size: 30px;
  }
}

@media only screen and (max-width: 540px) {
  .service-banner.banner .banner-wrapper .container .heading h2 {
    font-size: 24px;
    line-height: 1.2;
  }
}

.service-banner.banner .banner-wrapper .container .heading p {
  color: #fffffff6;
  font-size: 16px;
}

@media only screen and (max-width: 768px) {
  .service-banner.banner .banner-wrapper .container .heading p {
    color: var(--text);
    margin-top: 5px;
  }
}

@media only screen and (max-width: 540px) {
  .service-banner.banner .banner-wrapper .container .heading p {
    font-size: 14px;
  }
}

.service-banner.banner .banner-wrapper .container .form_wrapper {
  background-color: var(--white);
  border-radius: 6px;
  flex: 0 40%;
  padding: 30px 20px;
}

@media only screen and (max-width: 991px) {
  .service-banner.banner .banner-wrapper .container .form_wrapper {
    flex: 0 45%;
  }
}

@media only screen and (max-width: 768px) {
  .service-banner.banner .banner-wrapper .container .form_wrapper {
    border: 1px solid #cecece;
    flex: 1;
    width: 100%;
  }
}

@media only screen and (max-width: 540px) {
  .service-banner.banner .banner-wrapper .container .form_wrapper {
    padding: 25px 15px;
  }
}

.service-banner.banner .banner-wrapper .container .form_wrapper .title {
  text-align: center;
  margin-bottom: 20px;
}

@media only screen and (max-width: 540px) {
  .service-banner.banner .banner-wrapper .container .form_wrapper .title {
    margin-bottom: 15px;
  }
}

.service-banner.banner .banner-wrapper .container .form_wrapper .title h6 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}

@media only screen and (max-width: 540px) {
  .service-banner.banner .banner-wrapper .container .form_wrapper .title h6 {
    font-size: 18px;
  }
}

.service-banner.banner .banner-wrapper .container .form_wrapper .form.form-grid {
  --item: 2;
  --gaplr: 20px;
  --gaptb: 20px;
  --textareaheight: 60px;
}

@media only screen and (max-width: 991px) {
  .service-banner.banner .banner-wrapper .container .form_wrapper .form.form-grid {
    --item: 1;
  }
}

@media only screen and (max-width: 540px) {
  .service-detailA {
    padding-bottom: 0;
  }
}

.service-detailA.seo-detailA .colB .form_wrapper {
  top: var(--headerheight);
  background-color: var(--lightblue);
  border-radius: 6px;
  padding: 30px 20px;
  position: sticky;
}

@media only screen and (max-width: 991px) {
  .service-detailA.seo-detailA .colB .form_wrapper {
    flex: 0 45%;
  }
}

@media only screen and (max-width: 768px) {
  .service-detailA.seo-detailA .colB .form_wrapper {
    border: 1px solid #cecece;
    flex: 1;
    width: 100%;
  }
}

@media only screen and (max-width: 540px) {
  .service-detailA.seo-detailA .colB .form_wrapper {
    padding: 25px 15px;
  }
}

.service-detailA.seo-detailA .colB .form_wrapper .title {
  text-align: center;
  margin-bottom: 20px;
}

@media only screen and (max-width: 540px) {
  .service-detailA.seo-detailA .colB .form_wrapper .title {
    margin-bottom: 15px;
  }
}

.service-detailA.seo-detailA .colB .form_wrapper .title h6 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}

@media only screen and (max-width: 540px) {
  .service-detailA.seo-detailA .colB .form_wrapper .title h6 {
    font-size: 18px;
  }
}

.service-detailA.seo-detailA .colB .form_wrapper .form.form-grid {
  --gaplr: 20px;
  --gaptb: 20px;
  --textareaheight: 60px;
}

@media only screen and (max-width: 991px) {
  .service-detailA.seo-detailA .colB .form_wrapper .form.form-grid {
    --item: 1;
  }
}

.service-detailA > .flex {
  --gap: 50px;
  gap: var(--gap);
}

@media only screen and (max-width: 1280px) {
  .service-detailA > .flex {
    --gap: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .service-detailA > .flex {
    flex-direction: column;
  }
}

.service-detailA > .flex .colA {
  flex: 0 65%;
}

@media only screen and (max-width: 991px) {
  .service-detailA > .flex .colA {
    flex: 0 100%;
  }
}

.service-detailA > .flex .colA p {
  text-align: justify;
  color: var(--text);
  padding-bottom: 15px;
}

.service-detailA > .flex .colA ul {
  padding-left: 25px;
}

.service-detailA > .flex .colA ul li {
  color: var(--text);
  padding-bottom: 5px;
  position: relative;
}

.service-detailA > .flex .colA ul li:before {
  content: "";
  background-color: var(--primary);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: 12px;
  left: -20px;
}

.service-detailA > .flex .colA h1 {
  margin: 10px 0;
  font-size: 28px;
  font-weight: 600;
}

.service-detailA > .flex .colA h2 {
  margin: 10px 0;
  font-size: 24px;
  font-weight: 600;
}

.service-detailA > .flex .colA h3 {
  margin: 10px 0;
  font-size: 22px;
  font-weight: 600;
}

.service-detailA > .flex .colA h4 {
  margin: 8px 0;
  font-size: 20px;
  font-weight: 500;
}

.service-detailA > .flex .colA h5 {
  margin: 8px 0;
  font-size: 18px;
  font-weight: 500;
}

.service-detailA > .flex .colA h6 {
  margin: 6px 0;
  font-size: 16px;
  font-weight: 500;
}

.service-detailA > .flex .colA p {
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 1.5;
}

.service-detailA > .flex .colA strong {
  color: var(--text);
  font-weight: 600;
}

.service-detailA > .flex .colA ul {
  margin-bottom: 10px;
}

.service-detailA > .flex .colA p, .service-detailA > .flex .colA li {
  text-align: start;
  -webkit-hyphens: none;
  hyphens: none;
  font-size: 14px;
}

.service-detailA > .flex .colB {
  flex: 0 1 calc(35% - var(--gap));
}

@media only screen and (max-width: 991px) {
  .service-detailA > .flex .colB {
    flex: 0 100%;
  }
}

.service-detailA > .flex .colB .industrial_sec {
  border: 1px solid #00000038;
  border-radius: 5px;
  padding: 15px 0;
}

@media only screen and (max-width: 1024px) {
  .service-detailA > .flex .colB .industrial_sec {
    top: calc(var(--headerheight)  + 50px);
    position: sticky;
  }
}

.service-detailA > .flex .colB .industrial_sec .title {
  border-bottom: 1px solid #0000002b;
  justify-content: space-between;
  padding: 0 20px 10px;
}

.service-detailA > .flex .colB .industrial_sec .title h5 {
  font-size: 20px;
  font-weight: 600;
}

@media only screen and (max-width: 1280px) {
  .service-detailA > .flex .colB .industrial_sec .title h5 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 540px) {
  .service-detailA > .flex .colB .industrial_sec .title h5 {
    font-size: 16px;
  }
}

.service-detailA > .flex .colB .industrial_sec .indus_pro .indus_col {
  gap: 20px;
  padding: 15px 20px;
  display: flex;
}

.service-detailA > .flex .colB .industrial_sec .indus_pro .indus_col:not(:last-child) {
  border-bottom: 1px solid #00000014;
}

@media only screen and (max-width: 1280px) {
  .service-detailA > .flex .colB .industrial_sec .indus_pro .indus_col {
    gap: 15px;
  }
}

@media only screen and (max-width: 540px) {
  .service-detailA > .flex .colB .industrial_sec .indus_pro .indus_col {
    padding: 10px 15px;
  }
}

.service-detailA > .flex .colB .industrial_sec .indus_pro .indus_col figure {
  border-radius: 5px;
  flex: 0 40%;
  max-width: 40%;
}

@media only screen and (max-width: 1280px) {
  .service-detailA > .flex .colB .industrial_sec .indus_pro .indus_col figure {
    width: 90px;
    height: 90px;
  }
}

@media only screen and (max-width: 540px) {
  .service-detailA > .flex .colB .industrial_sec .indus_pro .indus_col figure {
    width: 80px;
    height: 80px;
  }
}

.service-detailA > .flex .colB .industrial_sec .indus_pro .indus_col figure img {
  border-radius: 5px;
}

.service-detailA > .flex .colB .industrial_sec .indus_pro .indus_col figcaption {
  flex: 1;
  max-width: 100%;
}

.service-detailA > .flex .colB .industrial_sec .indus_pro .indus_col figcaption .indus_name {
  color: var(--black);
  padding-bottom: 5px;
  font-size: 16px;
  line-height: 1.2;
}

@media only screen and (max-width: 540px) {
  .service-detailA > .flex .colB .industrial_sec .indus_pro .indus_col figcaption .indus_name {
    font-size: 14px;
    font-weight: 500;
  }
}

.service-detailA > .flex .colB .industrial_sec .indus_pro .indus_col figcaption .indus_loc {
  font-size: 14px;
}

@media only screen and (max-width: 540px) {
  .service-detailA > .flex .colB .industrial_sec .indus_pro .indus_col figcaption .indus_loc {
    font-weight: 400;
  }
}

.service-detailA > .flex .colB .industrial_sec .indus_pro .indus_col figcaption .cta {
  margin-top: 15px;
}

@media only screen and (max-width: 1280px) {
  .service-detailA > .flex .colB .industrial_sec .indus_pro .indus_col figcaption .cta {
    margin-top: 10px;
  }
}

.service-detailA > .flex .colB .contact-form {
  top: var(--headerheight);
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  margin-top: 30px;
  position: sticky;
  box-shadow: 1px 1px 8.7px #0000001a;
}

@media only screen and (max-width: 991px) {
  .service-detailA > .flex .colB .contact-form {
    position: relative;
    top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .service-detailA > .flex .colB .contact-form {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 540px) {
  .service-detailA > .flex .colB .contact-form {
    margin-top: 10px;
  }
}

.service-detailA > .flex .colB .contact-form .title {
  background: #e4e4e4;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 500;
}

.service-detailA > .flex .colB .contact-form .form {
  --gaptb: 20px;
  --textareaheight: 80px;
  padding: 30px 20px;
}

@media only screen and (max-width: 540px) {
  .service-detailA > .flex .colB .contact-form .form {
    padding: 20px 15px;
  }
}

.service-detailB .heading {
  margin-bottom: 40px;
}

@media only screen and (max-width: 991px) {
  .service-detailB .heading {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 540px) {
  .service-detailB .heading {
    margin-bottom: 20px;
  }
}

.service-detailB .more_services {
  position: relative;
}

@media only screen and (max-width: 540px) {
  .service-detailB .more_services .swiper-nav {
    display: none;
  }
}

.service-detailB .more_services .more_slider {
  padding: 10px;
}

.service-detailB .more_services .more_slider .swiper-slide {
  background: var(--white);
  border-radius: 5px;
  box-shadow: 0 2px 8px #63636333;
}

.service-detailB .more_services .more_slider .swiper-slide .service_col {
  box-shadow: none;
}

/* [project]/node_modules/@fancyapps/ui/dist/fancybox/fancybox.css [app-client] (css) */
:root {
  --f-button-width: 40px;
  --f-button-height: 40px;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-shadow: none;
  --f-button-transition: all .15s ease;
  --f-button-transform: none;
  --f-button-outline-width: 1px;
  --f-button-outline-color: #000000b3;
  --f-button-svg-width: 20px;
  --f-button-svg-height: 20px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-opacity: 1;
  --f-button-svg-disabled-opacity: .5;
  --f-button-svg-transition: opacity .15s ease;
  --f-button-svg-transform: none;
}

.f-button {
  width: var(--f-button-width);
  height: var(--f-button-height);
  border: var(--f-button-border);
  border-radius: var(--f-button-border-radius);
  color: var(--f-button-color);
  background: var(--f-button-bg);
  box-shadow: var(--f-button-shadow);
  transform: var(--f-button-transform);
  transition: var(--f-button-transition);
  -webkit-backdrop-filter: var(--f-button-backdrop-filter);
  backdrop-filter: var(--f-button-backdrop-filter);
  box-sizing: content-box;
  pointer-events: all;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (hover: hover) {
  .f-button:hover:not([aria-disabled]) {
    color: var(--f-button-hover-color, var(--f-button-color));
    background-color: var(--f-button-hover-bg, var(--f-button-bg));
  }
}

.f-button:active:not([aria-disabled]) {
  color: var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));
  background-color: var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)));
}

.f-button:focus {
  outline: none;
}

.f-button:focus-visible {
  outline: var(--f-button-outline-width) solid var(--f-button-outline-color);
  outline-offset: var(--f-button-outline-offset);
}

.f-button svg {
  width: var(--f-button-svg-width);
  height: var(--f-button-svg-height);
  transform: var(--f-button-svg-transform);
  fill: var(--f-button-svg-fill);
  filter: var(--f-button-svg-filter);
  opacity: var(--f-button-svg-opacity, 1);
  transition: var(--f-button-svg-transition);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}

.f-button[aria-disabled] {
  cursor: default;
}

.f-button[aria-disabled] svg {
  opacity: var(--f-button-svg-disabled-opacity);
}

[data-panzoom-action="toggleFS"] g:first-child {
  display: flex;
}

[data-panzoom-action="toggleFS"] g:last-child, .in-fullscreen [data-panzoom-action="toggleFS"] g:first-child {
  display: none;
}

.in-fullscreen [data-panzoom-action="toggleFS"] g:last-child, [data-autoplay-action="toggle"] svg g:first-child {
  display: flex;
}

[data-autoplay-action="toggle"] svg g:last-child, .has-autoplay [data-autoplay-action="toggle"] svg g:first-child {
  display: none;
}

.has-autoplay [data-autoplay-action="toggle"] svg g:last-child {
  display: flex;
}

:fullscreen [data-fullscreen-action="toggle"] svg [data-fullscreen-action="toggle"] svg g:first-child {
  display: none;
}

:fullscreen [data-fullscreen-action="toggle"] svg [data-fullscreen-action="toggle"] svg g:last-child {
  display: flex;
}

:root {
  --f-spinner-color-1: #0000001a;
  --f-spinner-color-2: #11181ccc;
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-border-radius: 50%;
  --f-spinner-border-width: 4px;
}

.f-spinner {
  width: var(--f-spinner-width);
  height: var(--f-spinner-height);
  border: var(--f-spinner-border-width) solid var(--f-spinner-color-1);
  border-top-color: var(--f-spinner-color-2);
  border-radius: var(--f-spinner-border-radius);
  margin: 0;
  padding: 0;
  animation: .75s linear infinite f-spinner, .2s .2s both f-fadeIn;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

@keyframes f-spinner {
  to {
    rotate: 360deg;
  }
}

.f-panzoom, .f-zoomable {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.f-panzoom:before, .f-panzoom:after, .f-zoomable:before, .f-zoomable:after {
  content: "";
  display: block;
}

.f-panzoom:not(.has-controls):before, .f-zoomable:not(.has-controls):before {
  margin-bottom: auto;
}

.f-panzoom:after, .f-zoomable:after {
  margin-top: auto;
}

.f-panzoom.in-fullscreen, .f-zoomable.in-fullscreen {
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  aspect-ratio: unset !important;
  margin: 0 !important;
}

.f-panzoom__wrapper {
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  max-height: 100%;
  position: relative;
}

.f-panzoom__wrapper.will-zoom-out {
  cursor: zoom-out;
}

.f-panzoom__wrapper.can-drag {
  cursor: move;
  cursor: grab;
}

.f-panzoom__wrapper.will-zoom-in {
  cursor: zoom-in;
}

.f-panzoom__wrapper.is-dragging {
  cursor: move;
  cursor: grabbing;
}

.f-panzoom__wrapper.has-error {
  display: none;
}

.f-panzoom__content {
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  max-height: 100%;
  display: block;
}

.f-panzoom__content.is-lazyloading, .f-panzoom__content.has-lazyerror {
  visibility: hidden;
}

img.f-panzoom__content {
  vertical-align: top;
  object-fit: contain;
  -webkit-user-select: none;
  user-select: none;
  width: auto;
  height: auto;
  transition: none;
}

.f-panzoom__wrapper > .f-panzoom__content {
  visibility: hidden;
}

.f-panzoom__viewport {
  z-index: 10;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.f-panzoom__viewport > .f-panzoom__content {
  object-fit: fill;
  width: 100%;
  height: 100%;
}

picture.f-panzoom__content img {
  vertical-align: top;
  object-fit: contain;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  height: auto;
  max-height: 100%;
  transition: none;
}

.f-panzoom__protected {
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  inset: 0;
}

html.with-panzoom-in-fullscreen {
  overflow: hidden;
}

.f-fadeIn {
  animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
  z-index: 2;
}

.f-fadeOut {
  animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
  z-index: 1;
}

@keyframes f-fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes f-fadeOut {
  to {
    opacity: 0;
  }
}

.f-crossfadeIn {
  animation: var(--f-transition-duration, .2s) ease both f-crossfadeIn;
  z-index: 2;
}

.f-crossfadeOut {
  animation: calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;
  z-index: 1;
}

@keyframes f-crossfadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes f-crossfadeOut {
  to {
    opacity: 0;
  }
}

.is-horizontal .f-slideIn.from-next {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNextX;
}

.is-horizontal .f-slideIn.from-prev {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrevX;
}

.is-horizontal .f-slideOut.to-next {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNextX;
}

.is-horizontal .f-slideOut.to-prev {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrevX;
}

@keyframes f-slideInPrevX {
  0% {
    transform: translate(calc(100% + var(--f-carousel-gap, 0)));
  }

  to {
    transform: translateZ(0);
  }
}

@keyframes f-slideInNextX {
  0% {
    transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
  }

  to {
    transform: translateZ(0);
  }
}

@keyframes f-slideOutNextX {
  to {
    transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
  }
}

@keyframes f-slideOutPrevX {
  to {
    transform: translate(calc(100% + var(--f-carousel-gap, 0)));
  }
}

.is-vertical .f-slideIn.from-next {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNextY;
}

.is-vertical .f-slideIn.from-prev {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrevY;
}

.is-vertical .f-slideOut.to-next {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNextY;
}

.is-vertical .f-slideOut.to-prev {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrevY;
}

@keyframes f-slideInPrevY {
  0% {
    transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
  }

  to {
    transform: translateZ(0);
  }
}

@keyframes f-slideInNextY {
  0% {
    transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
  }

  to {
    transform: translateZ(0);
  }
}

@keyframes f-slideOutNextY {
  to {
    transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
  }
}

@keyframes f-slideOutPrevY {
  to {
    transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
  }
}

.f-zoomInUp {
  animation: var(--f-transition-duration, .3s) ease both f-zoomInUp;
}

.f-zoomOutDown {
  animation: var(--f-transition-duration, .3s) ease both f-zoomOutDown;
}

@keyframes f-zoomInUp {
  0% {
    transform: scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0), var(--f-zoomInUp-y, 16px), 0);
    opacity: var(--f-zoomInUp-opacity, 0);
  }

  to {
    opacity: 1;
    transform: scale(1)translateZ(0);
  }
}

@keyframes f-zoomOutDown {
  to {
    transform: scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0), var(--f-zoomOutDown-y, 16px), 0);
    opacity: 0;
  }
}

.f-throwOutUp {
  animation: var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp;
}

.f-throwOutDown {
  animation: var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown;
}

@keyframes f-throwOutUp {
  to {
    transform: translate3d(0, calc(var(--f-throwOutUp-y, 150px) * -1), 0);
    opacity: 0;
  }
}

@keyframes f-throwOutDown {
  to {
    transform: translate3d(0, var(--f-throwOutDown-y, 150px), 0);
    opacity: 0;
  }
}

.has-iframe .f-html, .has-pdf .f-html, .has-gmap .f-html {
  width: 100%;
  height: 100%;
  min-height: 1px;
  overflow: visible;
}

.has-pdf .f-html, .has-gmap .f-html {
  padding: 0;
}

.f-html {
  box-sizing: border-box;
  margin: var(--f-html-margin, 0);
  padding: var(--f-html-padding, 2rem);
  color: var(--f-html-color, currentColor);
  background: var(--f-html-bg);
  position: relative;
}

.f-html.is-error {
  text-align: center;
}

.f-iframe {
  border: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  display: block;
}

.f-caption {
  margin: var(--f-caption-margin);
  padding: var(--f-caption-padding, 16px 8px);
  overflow-wrap: anywhere;
  max-width: 100%;
  max-height: calc(80vh - 100px);
  line-height: var(--f-caption-line-height);
  color: var(--f-caption-color);
  background: var(--f-caption-bg);
  font: var(--f-caption-font);
  flex-shrink: 0;
  align-self: center;
  overflow: auto;
}

.has-html5video .f-html, .has-youtube .f-html, .has-vimeo .f-html {
  width: 100%;
  height: 100%;
  min-height: 1px;
  max-width: var(--f-video-width, 960px);
  max-height: var(--f-video-height, 540px);
  aspect-ratio: var(--f-video-aspect-ratio);
  background: var(--f-video-bg, #000000e6);
  padding: 0;
  overflow: visible;
}

.f-html5video {
  background: none;
  border: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.f-button.is-arrow {
  --f-button-width: var(--f-arrow-width, 46px);
  --f-button-height: var(--f-arrow-height, 46px);
  --f-button-svg-width: var(--f-arrow-svg-width, 24px);
  --f-button-svg-height: var(--f-arrow-svg-height, 24px);
  --f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);
  --f-button-border-radius: var(--f-arrow-border-radius, unset);
  --f-button-bg: var(--f-arrow-bg, transparent);
  --f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));
  --f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));
  --f-button-shadow: var(--f-arrow-shadow);
  --f-button-color: var(--f-arrow-color);
  --f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));
  --f-button-active-color: var(--f-arrow-active-color, var(--f-arrow-hover-color));
  overflow: visible;
}

.f-button.is-arrow.is-prev, .f-button.is-arrow.is-next {
  z-index: 20;
  position: absolute;
  transform: translate(0);
}

.is-horizontal .f-button.is-arrow.is-prev, .is-horizontal .f-button.is-arrow.is-next {
  inset: 50% auto auto;
  transform: translateY(-50%);
}

.is-horizontal.is-ltr .f-button.is-arrow.is-prev {
  left: var(--f-arrow-pos, 0);
}

.is-horizontal.is-ltr .f-button.is-arrow.is-next {
  right: var(--f-arrow-pos, 0);
}

.is-horizontal.is-rtl .f-button.is-arrow.is-prev {
  right: var(--f-arrow-pos, 0);
  transform: translateY(-50%)rotateY(180deg);
}

.is-horizontal.is-rtl .f-button.is-arrow.is-next {
  left: var(--f-arrow-pos, 0);
  transform: translateY(-50%)rotateY(180deg);
}

.is-vertical.is-ltr .f-button.is-arrow.is-prev, .is-vertical.is-rtl .f-button.is-arrow.is-prev {
  top: var(--f-arrow-pos, 0);
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%);
}

.is-vertical.is-ltr .f-button.is-arrow.is-next, .is-vertical.is-rtl .f-button.is-arrow.is-next {
  top: auto;
  right: auto;
  bottom: var(--f-arrow-pos, 0);
  left: 50%;
  transform: translate(-50%);
}

.is-vertical .f-button.is-arrow.is-prev svg, .is-vertical .f-button.is-arrow.is-next svg {
  transform: rotate(90deg);
}

.f-carousel__toolbar {
  margin: var(--f-toolbar-margin, 0);
  padding: var(--f-toolbar-padding, 8px);
  line-height: var(--f-toolbar-line-height);
  background: var(--f-toolbar-bg, none);
  box-shadow: var(--f-toolbar-shadow, none);
  -webkit-backdrop-filter: var(--f-toolbar-backdrop-filter);
  backdrop-filter: var(--f-toolbar-backdrop-filter);
  z-index: 20;
  color: var(--f-toolbar-color, currentColor);
  font-size: var(--f-toolbar-font-size, 17px);
  font-weight: var(--f-toolbar-font-weight, inherit);
  font-family: var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);
  text-shadow: var(--f-toolbar-text-shadow);
  text-align: center;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
  white-space: nowrap;
  pointer-events: none;
  grid-template-columns: 1fr auto 1fr;
  display: grid;
  position: relative;
}

.f-carousel__toolbar.is-absolute {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.f-carousel__toolbar .f-button:focus-visible {
  z-index: 1;
  position: relative;
}

.f-carousel__toolbar__column {
  align-content: flex-start;
  gap: var(--f-toolbar-gap, 0);
  flex-flow: wrap;
  display: flex;
}

.f-carousel__toolbar__column.is-left {
  justify-content: flex-start;
  justify-self: flex-start;
  display: flex;
}

.f-carousel__toolbar__column.is-middle {
  justify-content: center;
  display: flex;
}

.f-carousel__toolbar__column.is-right {
  flex-flow: row;
  justify-content: flex-end;
  justify-self: flex-end;
  display: flex;
}

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

.f-carousel__toolbar__column > * {
  pointer-events: all;
}

.f-counter {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  margin: var(--f-counter-margin, 0);
  padding: var(--f-counter-padding, 4px);
  line-height: var(--f-counter-line-height);
  background: var(--f-counter-bg);
  border-radius: var(--f-counter-border-radius);
  flex-direction: row;
  display: flex;
  position: relative;
}

.f-counter span {
  padding: 0 var(--f-counter-gap, 4px);
}

:root {
  --f-thumbs-gap: 8px;
  --f-thumbs-margin: 0;
  --f-thumbs-padding-x: 8px;
  --f-thumbs-padding-y: 8px;
  --f-thumbs-bg: transparent;
  --f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;
  --f-thumbs-z-index: 1;
  --f-thumbs-viewport-padding-x: 0px;
  --f-thumbs-viewport-padding-y: 0px;
  --f-thumb-width: 94px;
  --f-thumb-height: 76px;
  --f-thumb-clip-width: 46px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-opacity: 1;
  --f-thumb-transition: opacity .3s ease, transform .15s ease;
  --f-thumb-border: none;
  --f-thumb-border-radius: 4px;
  --f-thumb-shadow: none;
  --f-thumb-bg: linear-gradient(#0000001a, #0000000d);
  --f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
  --f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
  --f-thumb-border-transition: all .1s ease;
  --f-thumb-img-width: 100%;
  --f-thumb-img-height: 100%;
  --f-thumb-img-fit: cover;
  --f-thumb-img-position: 50% 20%;
}

.f-thumbs {
  --f-carousel-slide-width: var(--f-thumb-width);
  --f-carousel-slide-height: var(--f-thumb-height);
  --f-carousel-gap: var(--f-thumbs-gap);
  box-sizing: border-box;
  margin: var(--f-thumbs-margin);
  padding: var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);
  background: var(--f-thumbs-bg);
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
  transition: var(--f-thumbs-transition);
  z-index: var(--f-thumbs-z-index);
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.f-thumbs.is-horizontal {
  max-height: calc(var(--f-carousel-slide-height)  + var(--f-thumbs-padding-y) * 2);
}

.f-thumbs.is-horizontal.is-hidden {
  --f-thumbs-padding-y: 0;
  max-height: 0;
}

.f-thumbs.is-vertical {
  max-width: calc(var(--f-carousel-slide-width)  + var(--f-thumbs-padding-x) * 2);
}

.f-thumbs.is-vertical.is-hidden {
  --f-thumbs-padding-x: 0;
  max-width: 0;
}

.f-thumbs.is-scrollable.is-hidden {
  --f-thumbs-padding-y: 0;
  max-height: 0;
}

.f-thumbs.is-ltr {
  direction: ltr;
}

.f-thumbs.is-rtl {
  direction: rtl;
}

.f-thumbs img {
  width: var(--f-thumb-img-width);
  height: var(--f-thumb-img-height);
  object-fit: var(--f-thumb-img-fit);
  object-position: var(--f-thumb-img-position);
  pointer-events: none;
  border-radius: inherit;
  color: #0000;
  display: block;
}

.f-thumbs img[data-lazy-src] {
  visibility: hidden;
}

.f-thumbs img.has-lazyerror {
  display: none;
}

.f-thumbs__viewport {
  box-sizing: border-box;
  height: 100%;
  padding: var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);
  display: grid;
  overflow: visible;
}

.f-thumbs__slide {
  box-sizing: border-box;
  width: var(--f-carousel-slide-width);
  height: var(--f-carousel-slide-height);
  cursor: pointer;
  flex-direction: column;
  grid-area: 1 / 1;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.f-thumbs__slide:hover button {
  opacity: var(--f-thumb-hover-opacity, 1);
  transform: var(--f-thumb-hover-transform, none);
}

.f-thumbs__slide:hover button:after {
  border: var(--f-thumb-hover-border, none);
  box-shadow: var(--f-thumb-hover-shadow, var(--f-thumb-shadow));
}

.f-thumbs__slide button {
  all: unset;
  width: 100%;
  height: 100%;
  transition: var(--f-thumb-transition);
  border-radius: var(--f-thumb-border-radius);
  opacity: var(--f-thumb-opacity);
  transform: var(--f-thumb-transform);
  background: var(--f-thumb-bg);
  outline: none;
  margin: auto;
  padding: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.f-thumbs__slide button:after {
  content: "";
  z-index: 1;
  transition: var(--f-thumb-border-transition);
  border-radius: inherit;
  border: var(--f-thumb-border);
  box-shadow: var(--f-thumb-shadow);
  position: absolute;
  inset: 0;
}

.f-thumbs__slide button:focus-within {
  opacity: var(--f-thumb-focus-opacity, 1);
  transform: var(--f-thumb-focus-transform, none);
}

.f-thumbs__slide button:focus-within:after {
  border: var(--f-thumb-focus-border, none);
  box-shadow: var(--f-thumb-focus-shadow, var(--f-thumb-shadow));
}

.f-thumbs__slide:active {
  opacity: var(--f-thumb-active-opacity, 1);
  transform: var(--f-thumb-active-transform, none);
}

.f-thumbs__slide:active:after {
  border: var(--f-thumb-active-border, none);
  box-shadow: var(--f-thumb-active-shadow, var(--f-thumb-shadow));
}

.f-thumbs__slide.is-selected {
  z-index: 2;
}

.f-thumbs__slide.is-selected button {
  opacity: var(--f-thumb-selected-opacity, 1);
  transform: var(--f-thumb-selected-transform, none);
}

.f-thumbs__slide.is-selected button:after {
  border: var(--f-thumb-selected-border, none);
  box-shadow: var(--f-thumb-selected-shadow, var(--f-thumb-shadow));
}

.f-thumbs.is-modern {
  --f-carousel-slide-width: calc(var(--f-thumb-clip-width)  + var(--f-thumbs-gap));
  --f-carousel-slide-height: var(--f-thumb-height);
  --f-carousel-gap: 0;
  --width-diff: calc((var(--f-thumb-width)  - var(--f-thumb-clip-width)));
}

.f-thumbs.is-modern .f-thumbs__viewport {
  width: calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));
  margin-inline: calc((var(--f-carousel-slide-width)  + var(--f-thumbs-padding-x)) * -1);
}

.f-thumbs.is-modern .f-thumbs__slide {
  --clip-shift: calc((var(--width-diff) * .5) * var(--progress));
  --clip-path: inset(0 var(--clip-shift) round var(--f-thumb-border-radius, 0));
  left: var(--shift, 0);
  will-change: left;
  transition: left var(--f-transition-duration) var(--f-transition-easing);
  padding: 0;
  overflow: visible;
}

.f-thumbs.is-modern .f-thumbs__slide button {
  width: var(--f-thumb-width);
  clip-path: var(--clip-path);
  box-shadow: none;
  transition: clip-path var(--f-transition-duration) var(--f-transition-easing), opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease);
  border: none;
  margin-inline: 50%;
  display: block;
}

.f-thumbs.is-modern .f-thumbs__slide button:after {
  display: none;
}

.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible) {
  outline: none;
}

.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before {
  content: "";
  z-index: 1;
  top: 0;
  left: var(--clip-shift);
  bottom: 0;
  right: var(--clip-shift);
  transition: border var(--f-transition-duration) var(--f-transition-easing), box-shadow var(--f-transition-duration) var(--f-transition-easing);
  border-radius: inherit;
  border: var(--f-thumb-focus-border, none);
  box-shadow: var(--f-thumb-focus-shadow, none);
  position: absolute;
}

.f-thumbs.is-modern {
  --f-transition-duration: .25s;
  --f-transition-easing: ease-out;
}

.f-thumbs.is-modern.is-syncing {
  --f-transition-duration: 0s;
}

.f-thumbs.is-scrollable .f-thumbs__viewport {
  grid-template-columns: repeat(auto-fill, minmax(var(--f-thumb-width), 1fr));
  grid-auto-rows: var(--f-thumb-height);
  gap: var(--f-thumbs-gap);
  overscroll-behavior: contain;
  -webkit-user-select: none;
  user-select: none;
  display: grid;
  overflow: auto;
}

.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide {
  max-width: 100%;
  width: var(--f-thumb-width);
  height: var(--f-thumb-height);
  cursor: pointer;
  outline: none;
  grid-area: auto;
  display: block;
  position: relative;
}

:root {
  --f-progressbar-height: 3px;
  --f-progressbar-color: var(--f-carousel-theme-color, #575ad6);
  --f-progressbar-opacity: 1;
  --f-progressbar-z-index: 30;
}

.f-progressbar {
  z-index: var(--f-progressbar-z-index);
  height: var(--f-progressbar-height);
  transform-origin: 0;
  opacity: var(--f-progressbar-opacity);
  background: var(--f-progressbar-color);
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  animation-name: f-progressbar;
  animation-timing-function: linear;
  animation-play-state: running;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: scaleX(0);
}

.f-progressbar:empty {
  display: block;
}

button > .f-progressbar {
  --f-progressbar-height: 100%;
  --f-progressbar-opacity: .2;
}

@keyframes f-progressbar {
  0% {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

[data-fullscreen-action="toggle"] svg g:first-child {
  display: flex;
}

[data-fullscreen-action="toggle"] svg g:last-child, :fullscreen [data-fullscreen-action="toggle"] svg g:first-child {
  display: none;
}

:fullscreen [data-fullscreen-action="toggle"] svg g:last-child {
  display: flex;
}

.in-fullscreen-mode > .f-carousel {
  flex: 1;
  min-width: 0 !important;
  min-height: 0 !important;
}

html.with-fancybox {
  scroll-behavior: auto;
  width: auto;
  overflow: visible;
}

html.with-fancybox body.hide-scrollbar {
  width: auto;
  margin-right: calc(var(--f-body-margin, 0px)  + var(--f-scrollbar-compensate, 0px));
  overscroll-behavior-y: none;
  overflow: hidden !important;
}

.fancybox__dialog {
  z-index: 1050;
  width: 100%;
  height: 100vh;
  max-height: unset;
  max-width: unset;
  touch-action: none;
  overscroll-behavior: contain;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.fancybox__dialog:focus {
  outline: none;
}

.fancybox__dialog::backdrop {
  opacity: 0;
}

@supports (height: 100dvh) {
  .fancybox__dialog {
    height: 100dvh;
  }
}

.fancybox__dialog :empty {
  display: block;
}

.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-backdrop-bg: #18181bf2;
  --f-toolbar-margin: 0;
  --f-toolbar-padding: 8px;
  --f-toolbar-gap: 0;
  --f-toolbar-color: #ddd;
  --f-toolbar-font-size: 16px;
  --f-toolbar-font-weight: 500;
  --f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
  --f-toolbar-line-height: var(--f-button-height);
  --f-toolbar-text-shadow: 1px 1px 1px #000000bf;
  --f-toolbar-shadow: none;
  --f-toolbar-bg: none;
  --f-counter-margin: 0;
  --f-counter-padding: 0px 10px;
  --f-counter-gap: 4px;
  --f-counter-line-height: var(--f-button-height);
  --f-carousel-gap: 17px;
  --f-carousel-slide-width: 100%;
  --f-carousel-slide-height: 100%;
  --f-carousel-slide-padding: 0;
  --f-carousel-slide-bg: unset;
  --f-html-color: #222;
  --f-html-bg: #fff;
  --f-error-color: #fff;
  --f-error-bg: #333;
  --f-caption-margin: 0;
  --f-caption-padding: 16px 8px;
  --f-caption-color: var(--fancybox-color, #dbdbdb);
  --f-caption-bg: transparent;
  --f-caption-font: inherit;
  --f-caption-line-height: 1.375;
  --f-spinner-color-1: #fff3;
  --f-spinner-color-2: #fffc;
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-border-radius: 50%;
  --f-spinner-border-width: 4px;
  --f-progressbar-color: #fff;
  --f-button-width: 46px;
  --f-button-height: 46px;
  --f-button-color: #ddd;
  --f-button-hover-color: #fff;
  --f-button-outline-width: 1px;
  --f-button-outline-color: #ffffffbf;
  --f-button-outline-offset: 0px;
  --f-button-bg: #363636bf;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-shadow: none;
  --f-button-transition: all .2s ease;
  --f-button-transform: none;
  --f-button-svg-width: 24px;
  --f-button-svg-height: 24px;
  --f-button-svg-stroke-width: 1.75;
  --f-button-svg-filter: drop-shadow(1px 1px 1px #18181b03), drop-shadow(1px 2px 1px #18181b0d);
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: .5;
  --f-arrow-pos: 32px;
  --f-arrow-width: 50px;
  --f-arrow-height: 50px;
  --f-arrow-svg-width: 24px;
  --f-arrow-svg-height: 24px;
  --f-arrow-svg-stroke-width: 2.5;
  --f-arrow-border-radius: 50%;
  --f-arrow-bg: #363636a6;
  --f-arrow-color: #ddd;
  --f-arrow-hover-color: #fff;
  --f-close-button-width: 30px;
  --f-close-button-height: 30px;
  --f-close-button-svg-width: 24px;
  --f-close-button-svg-height: 24px;
  --f-close-button-svg-stroke-width: 1.75;
  --f-close-border-radius: 4px;
  --f-close-button-color: #fff;
  --f-close-button-hover-color: #fff;
  --f-close-button-bg: transparent;
  --f-close-button-hover-bg: transparent;
  --f-close-button-active-bg: transparent;
  --f-thumbs-margin: 0px;
  --f-thumbs-padding-x: 8px;
  --f-thumbs-padding-y: 8px;
  --f-thumbs-bg: none;
  --f-thumb-transition: all .2s ease;
  --f-thumb-width: 94px;
  --f-thumb-height: 76px;
  --f-thumb-opacity: 1;
  --f-thumb-border: none;
  --f-thumb-shadow: none;
  --f-thumb-transform: none;
  --f-thumb-focus-opacity: 1;
  --f-thumb-focus-border: none;
  --f-thumb-focus-shadow: inset 0 0 0 2px #ffffffa6;
  --f-thumb-focus-transform: none;
  --f-thumb-hover-opacity: 1;
  --f-thumb-hover-border: none;
  --f-thumb-hover-transform: none;
  --f-thumb-active-opacity: var(--f-thumb-hover-opacity);
  --f-thumb-active-border: var(--f-thumb-hover-border);
  --f-thumb-active-transform: var(--f-thumb-hover-transform);
  --f-thumb-selected-opacity: 1;
  --f-thumb-selected-border: none;
  --f-thumb-selected-shadow: inset 0 0 0 2px #fff;
  --f-thumb-selected-transform: none;
  --f-scrollbar-width: 7px;
  --f-scrollbar-track-bg: #444;
  --f-scrollbar-track-border-radius: 10px;
  --f-scrollbar-track-shadow: inset 0 0 6px #0003;
  --f-scrollbar-thumb-bg: #ddd;
  --f-scrollbar-thumb-border-radius: 10px;
}

.fancybox__container[theme="light"] {
  --fancybox-color: #222;
  --fancybox-backdrop-bg: #fffffff7;
  --f-toolbar-color: var(--fancybox-color, #222);
  --f-toolbar-text-shadow: none;
  --f-toolbar-font-weight: 400;
  --f-html-color: var(--fancybox-color, #222);
  --f-html-bg: #fff;
  --f-error-color: #555;
  --f-error-bg: #fff;
  --f-video-bg: #fff;
  --f-caption-color: #333;
  --f-spinner-color-1: #0003;
  --f-spinner-color-2: #000c;
  --f-spinner-border-width: 3.5px;
  --f-progressbar-color: #6f6f74;
  --f-button-color: #333;
  --f-button-hover-color: #000;
  --f-button-outline-color: #000000d9;
  --f-button-bg: #ffffffd9;
  --f-button-svg-stroke-width: 1.3;
  --f-button-svg-filter: none;
  --f-arrow-bg: #ffffffd9;
  --f-arrow-color: #333;
  --f-arrow-hover-color: #000;
  --f-arrow-svg-stroke-width: 1.3;
  --f-close-button-color: #555;
  --f-close-button-hover-color: #000;
  --f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);
  --f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;
  --f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;
  --f-scrollbar-track-bg: #ddd;
  --f-scrollbar-thumb-bg: #444;
}

.fancybox__container {
  flex-direction: column;
  display: flex;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.fancybox__container:focus {
  outline: none;
}

.fancybox__container.has-vertical-thumbs {
  flex-direction: row-reverse;
}

.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport {
  overflow: clip visible;
}

.fancybox__container > :not(.fancybox__carousel), .fancybox__container .fancybox__carousel > :not(.fancybox__viewport), .fancybox__container .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected), .fancybox__container .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected > :not(.f-html, .f-panzoom__wrapper, .f-spinner) {
  opacity: var(--f-drag-opacity, 1);
}

.fancybox__container:not(.is-ready, .is-hiding) {
  visibility: hidden;
}

.fancybox__container.is-revealing > :not(.fancybox__carousel), .fancybox__container.is-revealing .fancybox__carousel > :not(.fancybox__viewport), .fancybox__container.is-revealing .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected), .fancybox__container.is-revealing .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected > :not(.f-html, .f-panzoom__wrapper, .f-spinner) {
  animation: var(--f-interface-enter-duration, .35s) ease none f-fadeIn;
}

.fancybox__container.is-hiding > :not(.fancybox__carousel), .fancybox__container.is-hiding .fancybox__carousel > :not(.fancybox__viewport), .fancybox__container.is-hiding .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected > :not(.f-html, .f-panzoom__wrapper) {
  animation: var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut;
}

.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected) {
  opacity: 0;
}

.fancybox__container.is-hiding {
  pointer-events: none;
}

.fancybox__container.is-idle .f-carousel__toolbar {
  pointer-events: none;
  opacity: 0;
}

.fancybox__container.is-idle .f-button.is-arrow {
  opacity: 0;
}

.fancybox__container.is-idle.is-ready .f-carousel__toolbar {
  pointer-events: none;
  animation: .15s ease-out both f-fadeOut;
}

.fancybox__container.is-idle.is-ready .f-button.is-arrow {
  animation: .15s ease-out both f-fadeOut;
}

.fancybox__backdrop {
  z-index: -1;
  background: var(--fancybox-backdrop-bg);
  position: fixed;
  inset: 0;
}

.fancybox__carousel {
  z-index: 10;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: clip visible;
}

.fancybox__carousel.is-vertical {
  --f-carousel-slide-height: 100%;
}

.fancybox__carousel.is-ltr {
  direction: ltr;
}

.fancybox__carousel.is-rtl {
  direction: rtl;
}

.fancybox__carousel > .f-button.is-arrow:before {
  content: "";
  z-index: 1;
  position: absolute;
  inset: -30px;
}

.fancybox__viewport {
  min-width: 0;
  min-height: 0;
  transform: translate3d(0, var(--f-drag-offset, 0), 0);
  flex: 1;
  display: grid;
  position: relative;
  overflow: visible;
}

.fancybox__viewport.is-draggable {
  cursor: move;
  cursor: grab;
}

.fancybox__viewport.is-dragging {
  cursor: move;
  cursor: grabbing;
}

.fancybox__viewport [data-selectable], .fancybox__viewport [contenteditable] {
  cursor: auto;
}

.fancybox__slide {
  box-sizing: border-box;
  width: var(--f-carousel-slide-width);
  height: var(--f-carousel-slide-height);
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  padding: var(--f-carousel-slide-padding);
  background: var(--f-carousel-slide-bg);
  backface-visibility: hidden;
  will-change: transform;
  flex-direction: column;
  grid-area: 1 / 1;
  align-items: center;
  margin: 0;
  display: flex;
  position: relative;
  transform: translateZ(0);
}

.fancybox__slide:before, .fancybox__slide:after {
  content: "";
  display: block;
}

.fancybox__slide:before {
  margin-bottom: auto;
}

.fancybox__slide:after {
  margin-top: auto;
}

.fancybox__slide.is-selected {
  z-index: 1;
}

.fancybox__slide.f-zoomable {
  overflow: visible;
}

.fancybox__slide.has-error {
  --f-html-color: var(--f-error-color, --f-html-color);
  --f-html-bg: var(--f-error-bg, --f-html-bg);
}

.fancybox__slide.has-html {
  padding: 8px;
  overflow: auto;
}

.fancybox__slide.has-close-btn {
  padding-top: 34px;
}

.fancybox__slide.has-controls:before {
  margin: 0;
}

.fancybox__slide .f-spinner {
  cursor: pointer;
}

.fancybox__container.is-closing .f-caption, .fancybox__slide.is-loading .f-caption {
  visibility: hidden;
}

.fancybox__container.is-closing .fancybox__carousel {
  overflow: visible;
}

.f-button.is-close-button {
  --f-button-width: var(--f-close-button-width);
  --f-button-height: var(--f-close-button-height);
  --f-button-border-radius: var(--f-close-border-radius);
  --f-button-color: var(--f-close-button-color);
  --f-button-hover-color: var(--f-close-button-hover-color);
  --f-button-bg: var(--f-close-button-bg);
  --f-button-hover-bg: var(--f-close-button-hover-bg);
  --f-button-active-bg: var(--f-close-button-active-bg);
  --f-button-svg-width: var(--f-close-button-svg-width);
  --f-button-svg-height: var(--f-close-button-svg-height);
  --f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);
  top: calc((var(--f-button-height)  + 2px) * -1);
  z-index: 10;
  position: absolute;
  right: 0;
}

.fancybox__thumbs {
  flex: 0 100%;
}

.fancybox__thumbs.is-scrollable {
  --f-thumbs-cols: 1;
  --f-thumbs-gap: 8px;
  --f-thumbs-transition: none;
  --f-thumbs-padding-x: 4px;
  --f-thumbs-padding-y: 8px;
  --f-thumbs-viewport-padding-x: 4px;
  --f-thumbs-viewport-padding-y: 0px;
  max-width: calc(var(--f-thumb-width) * var(--f-thumbs-cols)  + var(--f-thumbs-gap) * (var(--f-thumbs-cols)  - 1)  + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2);
}

.fancybox__thumbs.is-scrollable ::-webkit-scrollbar {
  width: var(--f-scrollbar-width);
}

.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track {
  background: var(--f-scrollbar-track-bg);
  border-radius: var(--f-scrollbar-track-border-radius);
  box-shadow: var(--f-scrollbar-track-shadow);
}

.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb {
  background: var(--f-scrollbar-thumb-bg);
  border-radius: var(--f-scrollbar-thumb-border-radius);
}

.fancybox__thumbs.is-scrollable.is-hidden {
  --f-thumbs-padding-x: 0;
  max-width: 0;
  max-height: unset;
  --f-thumbs-padding-y: unset;
}

.fancybox__thumbs.is-scrollable .f-thumbs__viewport {
  grid-template-columns: repeat(auto-fill, calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols)  - 1)) / var(--f-thumbs-cols))) !important;
  overflow-x: hidden !important;
}

/* [project]/node_modules/swiper/modules/pagination.css [app-client] (css) */
.swiper-pagination {
  text-align: center;
  z-index: 10;
  transition: opacity .3s;
  position: absolute;
  transform: translate3d(0, 0, 0);
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  width: 100%;
  left: 0;
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
  display: inline-block;
}

button.swiper-pagination-bullet {
  box-shadow: none;
  appearance: none;
  border: none;
  margin: 0;
  padding: 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

:is(.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

:is(.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic {
  width: 8px;
  top: 50%;
  transform: translateY(-50%);
}

:is(.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, top .2s;
  display: inline-block;
}

:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic {
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}

:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, #00000040);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: 100% 0;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  top: 0;
  left: 0;
}

.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  top: 0;
  left: 0;
}

.swiper-pagination-lock {
  display: none;
}

/* [project]/uploads/styles/projects/projects.css [app-client] (css) */
@keyframes shine {
  from {
    opacity: 0;
    left: 0%;
  }

  50% {
    opacity: 1;
  }

  to {
    opacity: 0;
    left: 100%;
  }
}

.form {
  --inputsize: 42px;
  --labelbefore: var(--text);
  --labelafter: var(--black);
  --borderbefore: var(--text);
  --borderafter: var(--black);
  --labelfontbefore: 16px;
  --labelfontafter: 14px;
  --font: normal;
  --color: var(--black);
  --borderwidth: 1px;
  --labelbackground: none;
  --textareaheight: 86px;
  --paddingleftright: 0px;
}

.form .form-group {
  --selectheight: var(--inputsize);
  flex: 0 100%;
  width: 100%;
  max-width: 100%;
  line-height: 0;
  position: relative;
}

.form .form-group.no-border:before, .form .form-group.no-border:after {
  display: none;
}

.form .form-group .error {
  color: red;
  font-size: 12px;
  line-height: normal;
  position: absolute;
  top: calc(100% + 3px);
  left: 0;
  right: 0;
}

.form .form-group .error.static {
  margin: 10px 0;
  position: static;
}

.form .form-group.active:after {
  width: 100%;
}

.form .form-group:before, .form .form-group:after {
  content: "";
  height: var(--borderwidth);
  transition: all .5s;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.form .form-group:before {
  background: var(--borderbefore);
}

.form .form-group:after {
  background: var(--borderafter);
  width: 0;
}

.form .form-group.border:before, .form .form-group.border:after {
  display: none;
}

.form .form-group.border {
  --paddingleftright: 15px;
}

.form .form-group.border input {
  border: 1px solid var(--text);
  border-radius: 5px;
}

.form .form-group label {
  font-weight: var(--font);
  top: calc(var(--inputsize) / 2 - var(--labelfontbefore) / 2);
  left: var(--paddingleftright);
  color: var(--labelbefore);
  line-height: 1;
  font-size: var(--labelfontbefore);
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  background: none;
  transition: all .3s;
  position: absolute;
}

.form .form-group input, .form .form-group textarea {
  height: calc(var(--inputsize)  - var(--borderwidth));
  resize: none;
  width: 100%;
  color: var(--color);
  font-size: inherit;
  cursor: initial;
  padding: 0 var(--paddingleftright);
  background: none;
  border: none;
  border-radius: 0;
  font-family: inherit;
}

.form .form-group input:focus, .form .form-group textarea:focus, .form .form-group input.valid, .form .form-group textarea.valid {
  outline: none;
}

.form .form-group input.valid ~ label, .form .form-group textarea.valid ~ label {
  font-size: var(--labelfontafter);
  color: var(--labelafter);
  top: calc(var(--labelfontafter) / -2);
}

.form .form-group input:not(.no-focus):focus, .form .form-group textarea:not(.no-focus):focus {
  outline: none;
}

.form .form-group input:not(.no-focus):focus ~ label, .form .form-group textarea:not(.no-focus):focus ~ label, .form .form-group input.no-focus ~ label, .form .form-group textarea.no-focus ~ label {
  font-size: var(--labelfontafter);
  color: var(--labelafter);
  top: calc(var(--labelfontafter) / -2);
}

.form .form-group input[readonly], .form .form-group textarea[readonly] {
  caret-color: #0000;
}

.form .form-group textarea {
  height: var(--textareaheight);
  resize: none;
  width: 100%;
  color: var(--color);
  font-size: inherit;
  cursor: initial;
  background: none;
  border: none;
  border-radius: 0;
  font-family: inherit;
  line-height: 1.2;
}

.form .form-group textarea::-webkit-scrollbar {
  background: none;
  width: 2px;
  height: 2px;
}

.form .form-group textarea::-webkit-scrollbar-track {
  box-shadow: none;
}

.form .form-group textarea::-webkit-scrollbar-thumb {
  background-color: var(--black);
  border-radius: 15px;
}

.form .form-group textarea {
  padding: 0 var(--paddingleftright);
  padding-right: 15px;
}

.form .form-group textarea:focus, .form .form-group textarea.valid {
  height: calc(var(--textareaheight)  - 13px);
  outline: none;
  margin-top: 13px;
}

.form .form-group select:focus {
  outline: none;
}

.form .form-group select ~ label {
  top: calc(var(--labelfontafter) / -2);
  left: var(--paddingleftright);
  color: var(--labelafter);
  font-size: var(--labelfontafter);
  opacity: 0;
  transition: all .6s;
  position: absolute;
  translate: 0;
}

.form .form-group select.valid {
  color: var(--color);
}

.form .form-group select.valid ~ label {
  opacity: 1;
}

.form .form-group.file-input input[type="file"] {
  opacity: 0;
  z-index: 4;
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.form .form-group.file-input .file-name {
  pointer-events: none;
  height: calc(var(--inputsize)  - var(--borderwidth));
  --filename: "Attach Resume*";
  --filenameinitial: var(--filename);
  --color: var(--text);
  --background: none;
  --image: url("/assets/icon/clip-gray.svg") no-repeat;
  appearance: none;
  line-height: calc(var(--inputsize)  - var(--borderwidth));
  position: relative;
}

.form .form-group.file-input .file-name:before, .form .form-group.file-input .file-name:after {
  position: absolute;
  inset: 0 0 0 3%;
}

.form .form-group.file-input .file-name:before {
  content: var(--filenameinitial);
  z-index: 2;
  font-family: inherit;
  font-size: inherit;
  line-height: calc(var(--inputsize)  - var(--borderwidth));
  padding-left: var(--paddingleftright);
  color: var(--color);
  text-overflow: ellipsis;
  background: none;
  width: 80%;
  overflow: hidden;
}

.form .form-group.file-input .file-name:after {
  content: "";
  background: var(--image);
  z-index: 1;
  background-repeat: no-repeat;
  background-position: calc(100% - var(--paddingleftright, 0)) 50%;
  background-size: auto 50%;
  right: 0;
}

.form .submit-grp:not(.text-left) {
  text-align: center;
  margin-top: 23px;
}

.checkbox-full {
  --size: 20px;
  align-items: center;
  line-height: normal;
  display: flex;
  position: relative;
}

.checkbox-full:has(input:checked) .check-span {
  background: var(--primary);
}

.checkbox-full:has(input:checked) .check-span:before {
  opacity: 1;
}

.checkbox-full input {
  opacity: 0;
  appearance: none;
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.checkbox-full .check-span {
  --size: 20px;
  height: var(--size);
  width: var(--size);
  pointer-events: none;
  background: #d9d9d9;
  border-radius: 5px;
  flex: 0 auto;
  padding: 0;
  display: block;
  position: relative;
}

.checkbox-full .check-span:before {
  content: "";
  z-index: 2;
  opacity: 0;
  background: url("/assets/icon/tick-white.svg") 50% / 10px no-repeat;
  position: absolute;
  inset: 0;
}

.checkbox-full p {
  padding-left: 14px;
}

.radio-full {
  --size: 20px;
  align-items: center;
  line-height: normal;
  display: flex;
  position: relative;
}

.radio-full:has(input:checked) .check-span {
  background: var(--primary);
  outline-offset: -4px;
  outline: 2px solid var(--white);
  background: var(--primary);
}

.radio-full input {
  opacity: 0;
  appearance: none;
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.radio-full .check-span {
  --size: 17px;
  height: var(--size);
  width: var(--size);
  border: 1px solid var(--primary);
  appearance: none;
  background: none;
  border-radius: 50%;
  flex: 0 auto;
  padding: 0;
  display: inline-block;
  position: relative;
}

.radio-full p {
  padding-left: 14px;
}

*, :before, :after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}

:root {
  --headerpadding: 12px;
  --headerheight: 90px;
  --headerfixed: 70px;
  --mobilesearchbar: 45px;
  --arrow: 25px;
  --arrowsize: 20px;
  --triangle: 10px;
  --space: 11px;
  --footerstrip: 38px;
  --filterstrip: 42px;
  --elementhover: #003b95;
  --primary: #003b95;
  --secondary: #0355d1;
  --lightprime: #d6e6ff;
  --lightblue: #e9f1ff;
  --colortext: #000;
  --red: #ff2323;
  --green: #4ea95f;
  --sucgreen: green;
  --blue: #2773e5;
  --text: #666;
  --white: #fff;
  --black: #000;
  --gray: #efefef;
  --container: 1280px;
  --containerfluid: 10px;
  --gradient-a: linear-gradient(90deg, #006ce4 0%, #3691f6 100%);
  --gradient-b: linear-gradient(90deg, #3691f6 0%, #006ce4 100%);
}

@media only screen and (max-width: 768px) {
  :root {
    --headerheight: 80px;
    --headerfixed: 60px;
    --headerpadding: 8px;
  }
}

.sec-head {
  letter-spacing: 10px;
  text-transform: uppercase;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

@media only screen and (max-width: 768px) {
  .sec-head {
    font-size: 18px;
  }
}

@media only screen and (max-width: 540px) {
  .sec-head {
    font-size: 16px;
    line-height: 1.5;
  }
}

.sec-heading {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.sec-pad {
  padding: 60px 0 0;
}

@media only screen and (max-width: 991px) {
  .sec-pad {
    padding: 50px 0 0;
  }
}

@media only screen and (max-width: 768px) {
  .sec-pad {
    padding: 40px 0 0;
  }
}

@media only screen and (max-width: 540px) {
  .sec-pad {
    padding: 30px 0 0;
  }
}

.sec-pad-all {
  padding: 60px 0;
}

@media only screen and (max-width: 991px) {
  .sec-pad-all {
    padding: 50px 0;
  }
}

@media only screen and (max-width: 768px) {
  .sec-pad-all {
    padding: 40px 0;
  }
}

@media only screen and (max-width: 540px) {
  .sec-pad-all {
    padding: 30px 0;
  }
}

body::-webkit-scrollbar {
  background: var(--white);
  width: 8px;
}

body::-webkit-scrollbar-track {
  box-shadow: none;
}

body::-webkit-scrollbar-thumb {
  background-color: var(--primary);
  border-radius: 10px;
}

@media only screen and (max-width: 540px) {
  body {
    -webkit-tap-highlight-color: transparent;
  }
}

body.overflow-hidden {
  margin-right: 8px;
  overflow: hidden;
}

@media only screen and (max-width: 991px) {
  body.overflow-hidden {
    margin-right: 0;
  }
}

body.overflow-hidden header {
  width: calc(100% - 8px);
}

@media only screen and (max-width: 991px) {
  body.overflow-hidden header {
    width: 100%;
  }
}

body, html {
  font-optical-sizing: auto;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5;
}

body p, html p {
  color: var(--text);
  line-height: 1.2;
}

a[href] {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  transition: all .5s;
}

a[href].view_all {
  color: var(--primary);
}

a[href].logo {
  line-height: 0;
  display: block;
}

.view_all {
  color: var(--primary);
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

@media only screen and (max-width: 540px) {
  .view_all {
    gap: 6px;
  }
}

.view_all img {
  width: 24px;
}

@media only screen and (max-width: 540px) {
  .view_all img {
    width: 20px;
  }
}

.view_all:hover svg, .view_all:hover img {
  transform: translateX(5px);
}

svg path {
  transition: all .5s;
}

.container {
  max-width: var(--container);
  width: 100%;
  margin: 0 auto;
}

@media only screen and (max-width: 1300px) {
  .container {
    padding: 0 25px;
  }
}

@media only screen and (max-width: 767px) {
  .container {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 345px) {
  .container {
    padding: 0 13px;
  }
}

@media only screen and (max-width: 320px) {
  .container {
    padding: 0 10px;
  }
}

@media only screen and (max-width: 675px) {
  .container.container2 {
    padding-right: 0;
  }

  .container.container2 .heading {
    padding-right: 15px;
  }
}

@media only screen and (max-width: 345px) {
  .container.container2 .heading {
    padding-right: 13px;
  }
}

@media only screen and (max-width: 320px) {
  .container.container2 .heading {
    padding-right: 10px;
  }
}

.container-fluid {
  padding: 0 var(--containerfluid);
  margin: 0 auto;
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Poppins;
  font-weight: normal;
}

h1 {
  font-size: 48px;
  font-weight: 600;
  line-height: 1.17;
}

@media only screen and (max-width: 767px) {
  h1 {
    font-size: 48px;
  }
}

h2 {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.05;
}

h3 {
  font-size: 36px;
  line-height: 1.06;
}

@media only screen and (max-width: 540px) {
  .heading {
    text-align: center;
  }
}

.heading.color h2 {
  font-size: 36px;
}

@media only screen and (max-width: 991px) {
  .heading.color h2 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .heading.color h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 540px) {
  .heading.color h2 {
    font-size: 24px;
  }
}

.heading.color h2 {
  color: var(--primary);
  font-weight: 600;
}

@media only screen and (max-width: 991px) {
  .heading.color h2 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .heading.color h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 540px) {
  .heading.color h2 {
    font-size: 28px;
  }
}

.heading h2 {
  font-size: 22px;
  line-height: 1.2;
}

@media only screen and (max-width: 540px) {
  .heading h2 {
    font-size: 20px;
  }
}

.heading.h-large h3, .heading.h-large h2 {
  font-size: 36px;
}

.heading.c-white h3, .heading.c-white h2 {
  color: var(--white);
}

.heading > p {
  margin-top: 10px;
}

h4 {
  font-size: 36px;
  line-height: 1.28;
}

h5 {
  font-size: 24px;
  line-height: 1.25;
}

@media only screen and (max-width: 1152px) {
  h5 {
    font-size: 22px;
  }
}

@media only screen and (max-width: 675px) {
  h5 {
    font-size: 20px;
  }
}

h6 {
  font-size: 20px;
}

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

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

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

.text-uppercase {
  text-transform: uppercase;
}

.flex {
  flex-wrap: wrap;
  display: flex;
}

.grid {
  display: grid;
}

.span-2 {
  grid-column: span(2);
}

.inline-flex {
  --gap: 12px;
  align-items: center;
  gap: 0 var(--gap);
  display: inline-flex;
}

img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

input, button, select {
  font-family: inherit;
  font-size: inherit;
  cursor: pointer;
}

input {
  border: none;
  border-radius: 0;
  outline: none;
}

input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

video {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

button {
  appearance: none;
  cursor: pointer;
  background: none;
  border: none;
}

button.remove, button.edit {
  text-transform: uppercase;
  font-size: 14px;
}

button.remove {
  color: var(--text);
}

.btn_wrap {
  align-items: center;
  gap: 15px;
  display: flex;
}

.tab-nav {
  cursor: default;
}

.tab-nav [data-tab] {
  cursor: pointer;
  caret-color: #0000;
}

.tab-nav-content {
  position: relative;
}

.tab-nav-content .tabs {
  transition: all .3s;
  transform: translateY(10px);
}

.tab-nav-content .tabs.active {
  transform: translateY(0);
}

.tab-nav-content .tabs:not(.active) {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
  height: 0;
  position: absolute;
  inset: 0;
  overflow: hidden;
  transform: translateY(3%);
}

.item-md {
  position: relative;
}

.item-md:before, .item-md:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
  background: none;
  transition: all .5s;
  position: absolute;
  inset: 0;
}

.item-md figure, .item-md .figure {
  height: 100%;
  line-height: 0;
  display: block;
  overflow: hidden;
}

.item-md figure img, .item-md figure video, .item-md .figure img, .item-md .figure video {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all .5s;
}

.item-md figcaption {
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.item-md .link-md {
  z-index: 3;
  position: absolute;
  inset: 0;
}

.item-md.center-item figcaption {
  top: 50%;
  bottom: auto;
  translate: 0 -50%;
}

.testimony_col:before {
  background: linear-gradient(#0000 14%, #0009 88%);
}

.testimony_col figcaption {
  justify-content: space-between;
  align-items: center;
  padding: 0 20px 20px;
  display: flex;
  bottom: 3%;
  translate: 0 3%;
}

.testimony_col figcaption .content h6, .testimony_col figcaption .content p {
  color: var(--white);
}

.testimony_col figcaption .content h6 {
  font-size: 24px;
}

@media only screen and (max-width: 991px) {
  .testimony_col figcaption .content h6 {
    font-size: 22px;
  }
}

.testimony_col figcaption .content p {
  font-size: 14px;
}

.testimony_col figcaption .play-btn {
  --btnsize: 40px;
}

.product_col {
  background-color: var(--white);
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.product_col:hover figure img, .product_col:hover .figure img {
  transform: scale(1);
}

.product_col:hover .hoverItem {
  transform: translateY(0);
}

.product_col figure, .product_col .figure {
  width: 100%;
  height: 100%;
  max-height: 500px;
  padding: 20px 0;
  line-height: 0;
  display: block;
  overflow: hidden;
}

.product_col figure img, .product_col .figure img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
  transform: scale(.9);
}

.product_col figcaption {
  padding: 0 20px 30px;
  overflow: hidden;
}

@media only screen and (max-width: 540px) {
  .product_col figcaption {
    padding: 0 10px 10px;
  }
}

.product_col figcaption h6 {
  padding: 0 20px 5px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 700;
}

@media only screen and (max-width: 540px) {
  .product_col figcaption h6 {
    padding: 0 5px 5px;
  }
}

.product_col figcaption p {
  padding: 0 20px;
  font-size: 14px;
  font-weight: 400;
}

@media only screen and (max-width: 540px) {
  .product_col figcaption p {
    padding: 0 5px;
  }
}

.product_col .wislist {
  position: absolute;
  top: 3%;
  right: 5%;
  transform: translate(5%, -3%);
}

.product_col .hoverItem {
  align-items: center;
  width: 100%;
  transition: all .5s;
  display: flex;
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
}

.product_col .hoverItem a, .product_col .hoverItem button {
  text-align: center;
  flex: 1;
  padding: 15px 10px;
  line-height: 1.2;
}

.product_col .hoverItem .enquireBtn {
  background: var(--black);
  color: var(--white);
}

@media only screen and (max-width: 540px) {
  .product_col .hoverItem .enquireBtn {
    padding: 8px 5px;
    font-size: 12px;
  }
}

.product_col .hoverItem .viewDetails {
  background: var(--gray);
  color: var(--black);
}

@media only screen and (max-width: 540px) {
  .product_col .hoverItem .viewDetails {
    padding: 8px 5px;
    font-size: 12px;
  }
}

.city_col {
  background: var(--white);
  text-align: center;
  border: 1px solid #aeaeae;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  padding: 15px 20px;
  transition: all .3s;
  display: block;
}

@media only screen and (max-width: 768px) {
  .city_col {
    padding: 10px;
  }
}

.city_col:hover {
  box-shadow: 0 5px 15px #00000059;
}

.city_col:hover .cname {
  color: var(--primary);
}

.city_col img {
  width: 85px;
  height: 85px;
}

@media only screen and (max-width: 768px) {
  .city_col img {
    width: 70px;
    height: 70px;
  }
}

@media only screen and (max-width: 540px) {
  .city_col img {
    width: 60px;
    height: 60px;
  }
}

.city_col .cname {
  color: var(--black);
  margin: 10px 0 3px;
  font-size: 16px;
  font-weight: 500;
  transition: all .3s;
}

@media only screen and (max-width: 540px) {
  .city_col .cname {
    margin: 5px 0;
    font-size: 14px;
  }
}

.city_col .parks {
  color: var(--text);
  font-size: 14px;
  font-weight: 400;
  transition: all .3s;
}

@media only screen and (max-width: 540px) {
  .city_col .parks {
    font-size: 12px;
  }
}

.category_col:before {
  z-index: 1;
  background: linear-gradient(#0000 14%, #0000004d 88%);
  border-radius: 10px;
}

.category_col:after {
  z-index: 0;
  background: linear-gradient(0deg, #0000 14%, #0000004d 88%);
  border-radius: 10px;
}

.category_col:hover figure img {
  transform: scale(1.2);
}

.category_col figure {
  border-radius: 10px;
  height: 274px;
  position: relative;
}

.category_col figure video {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
}

.category_col figure img {
  transition: all 1s;
}

.category_col .wishlist {
  z-index: 3;
  position: absolute;
  top: 15px;
  right: 15px;
}

.category_col figcaption {
  z-index: 2;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 15px 15px 20px;
  display: flex;
}

.category_col figcaption .top_sec {
  justify-content: space-between;
  align-items: center;
}

.category_col figcaption .top_sec p {
  color: var(--white);
  font-size: 14px;
  font-weight: 500;
}

.category_col figcaption .lower_sec h3 {
  color: var(--white);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

@media only screen and (max-width: 991px) {
  .category_col figcaption .lower_sec h3 {
    font-size: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .category_col figcaption .lower_sec h3 {
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
}

.category_col figcaption .lower_sec p {
  color: var(--white);
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
}

.industry_col {
  width: 100%;
  height: 100%;
}

.industry_col:hover figure .img_wrap img {
  transform: scale(1.2);
}

.industry_col figure {
  height: 195px;
  position: relative;
}

.industry_col figure:before, .industry_col figure:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
  background: none;
  transition: all .5s;
  position: absolute;
  inset: 0;
}

.industry_col figure:before {
  background: linear-gradient(#0000 14%, #0000004d 88%);
  border-radius: 5px;
}

.industry_col figure:after {
  background: linear-gradient(0deg, #0000 14%, #0000004d 88%);
  border-radius: 5px;
}

.industry_col .img_wrap {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 100%;
  line-height: 0;
  display: block;
  overflow: hidden;
}

.industry_col .img_wrap img, .industry_col .img_wrap video {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all .5s;
}

.industry_col .wishlist {
  z-index: 3;
  position: absolute;
  top: 15px;
  right: 15px;
}

.industry_col .img_content {
  z-index: 2;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 15px 15px 20px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.industry_col .img_content .top_sec {
  justify-content: space-between;
  align-items: center;
}

.industry_col .img_content .top_sec p {
  color: var(--white);
  font-size: 14px;
  font-weight: 500;
}

.industry_col .img_content .lower_sec h3 {
  color: var(--white);
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  display: -webkit-box;
  overflow: hidden;
}

.industry_col .img_content .lower_sec p {
  color: var(--white);
  margin-top: 10px;
  font-size: 12px;
  font-weight: 400;
}

.industry_col figcaption {
  background: var(--white);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 25px 15px;
}

@media only screen and (max-width: 540px) {
  .industry_col figcaption {
    padding: 20px 15px;
  }
}

.industry_col figcaption > p {
  color: var(--text);
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
}

.industry_col figcaption .distance {
  align-items: start;
  gap: 10px;
  padding: 20px 0;
  display: flex;
}

.industry_col figcaption .distance .dis_col {
  flex: 1;
}

.industry_col figcaption .distance .dis_col p, .industry_col figcaption .distance .dis_col span {
  color: var(--text);
  display: block;
}

.industry_col figcaption .distance .dis_col p {
  font-size: 14px;
  font-weight: 500;
}

.industry_col figcaption .distance .dis_col span {
  margin-top: 7px;
  font-size: 12px;
  line-height: 1.2;
}

.industry_col figcaption .btn_wrapper {
  align-items: center;
  gap: 10px;
  display: flex;
}

.industry_col figcaption .btn_wrapper .btn {
  flex: 1;
}

@media only screen and (max-width: 768px) {
  .industry_col figcaption .btn_wrapper .btn {
    --padding: 5px;
  }
}

.overlay {
  z-index: 6;
  opacity: 0;
  cursor: pointer;
  background: #00000080;
  transition: all 0s .5s, opacity .5s;
  position: fixed;
  inset: 0;
  transform: translateY(100%);
}

@media only screen and (max-width: 991px) {
  .overlay {
    z-index: 2;
  }
}

@media only screen and (max-width: 540px) {
  .overlay {
    display: none;
  }
}

.overlay.is-open {
  opacity: 1;
  transition: opacity 1s;
  transform: translateY(0%);
}

.overlay2 {
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  background: #000000b3;
  transition: all 0s .5s, opacity .5s;
  position: fixed;
  inset: 0;
  transform: translateY(100%);
}

@media only screen and (max-width: 991px) {
  .overlay2 {
    z-index: 2;
  }
}

@media only screen and (max-width: 675px) {
  .overlay2 {
    display: none;
  }
}

.overlay2.is-open {
  opacity: 1;
  transition: opacity 1s;
  transform: translateY(0%);
}

.model {
  z-index: 7;
  background: var(--white);
  background-position: 0 80%;
  background-size: 75%;
  width: 100%;
  max-width: 435px;
  position: fixed;
  top: 0;
  bottom: 0;
}

.model .close:not(.btn) {
  position: absolute;
  top: 40px;
  right: 40px;
}

@media only screen and (max-width: 520px) {
  .model .close:not(.btn) {
    top: 20px;
    right: 20px;
  }
}

.model .close:not(.btn) path {
  stroke: var(--black);
}

img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  transition: all .5s;
}

.btn {
  --height: 34px;
  --padding: 18px;
  vertical-align: middle;
  height: var(--height);
  line-height: var(--height);
  padding: 0 var(--padding);
  text-transform: capitalize;
  color: var(--white);
  appearance: none;
  caret-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  background: var(--primary);
  z-index: 1;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  transition: all .5s;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.btn:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background: var(--gradient-a);
  transition: all .5s;
  position: absolute;
  inset: 0;
}

.btn:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background: var(--gradient-b);
  transition: all .5s;
  position: absolute;
  inset: 0;
}

.btn:before, .btn:after {
  z-index: -1;
  transition: all .5s;
}

.btn:after {
  opacity: 0;
}

@media only screen and (max-width: 540px) {
  .btn {
    --padding: 14px;
    font-size: 12px;
  }
}

.btn:hover:before {
  opacity: 0;
}

.btn:hover:after {
  opacity: 1;
}

.btn:hover path {
  fill: var(--primary);
}

.btn img {
  width: 24px;
  transition: all .3s;
}

.btn.btn-large, .btn.btn-medium {
  letter-spacing: 0;
  font-size: 16px;
}

.btn.w-100 {
  width: 100%;
}

.btn.btn-large {
  --height: 52px;
  --padding: 38px;
}

.btn.small {
  --height: 30px;
  --padding: 12px;
  font-size: 14px;
}

.btn.btn-medium {
  --height: 45px;
  --padding: 25px;
}

.btn.white-border {
  border: 1px solid var(--white);
  background: none;
}

.btn.white-border:before {
  background: none;
}

.btn.white-border:after {
  background: var(--white);
}

.btn.white-border:hover {
  color: var(--primary);
}

.btn.white-border:hover img {
  filter: invert();
}

.btn.color-border {
  border: 1px solid var(--primary);
  color: var(--primary);
  background: none;
  border-radius: 25px;
}

.btn.color-border:before {
  background: none;
}

.btn.color-border:after {
  background: var(--primary);
}

.btn.color-border:hover {
  color: var(--white);
}

.btn.primary-border {
  border: 1px solid var(--primary);
  color: var(--primary);
  background: none;
  border-radius: 5px;
}

.btn.primary-border:before {
  background: var(--white);
}

.btn.primary-border:after {
  background: var(--primary);
}

.btn.primary-border:hover {
  color: var(--white);
}

.btn.primary-border:hover svg path {
  stroke: var(--white);
  fill: var(--white);
}

.btn.primary-border svg path {
  stroke: var(--primary);
}

.btn.white {
  border: 1px solid var(--white);
  color: var(--black);
  background: none;
}

.btn.white:before {
  background: var(--white);
}

.btn.white:after {
  background: none;
}

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

.btn.white:hover img {
  filter: invert();
}

.form-grid {
  --item: 1;
  --gaplr: 30px;
  --gaptb: 32px;
  grid-template-columns: repeat(var(--item), calc((100% - var(--gaplr) * (var(--item)  - 1)) / var(--item)));
  gap: var(--gaptb) var(--gaplr);
  display: grid;
}

.form-grid .full {
  grid-column: span var(--item);
}

.form-grid.form-2 {
  --item: 2;
}

.form-grid.form-3 {
  --item: 3;
}

.form-grid.form-4 {
  --item: 4;
}

.banner {
  position: relative;
}

.banner:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
  background: linear-gradient(270deg, #0000 0%, #000c 100%), linear-gradient(#0000 14%, #0009 88%);
  transition: all .5s;
  position: absolute;
  inset: 0;
}

.banner .bg {
  line-height: 0;
}

@media only screen and (max-width: 1366px) {
  .banner .bg {
    height: calc(100vh - var(--headerheight));
  }
}

.banner .bg video, .banner .bg img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.banner .banner-wrapper {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  translate: 0 -50%;
}

.banner .banner-wrapper h1 {
  text-transform: uppercase;
  color: var(--white);
  font-family: Poppins;
  font-size: 48px;
  line-height: 1.28;
}

.banner .banner-wrapper .content p {
  color: var(--white);
  margin-top: 4px;
  font-size: 20px;
  line-height: 1.23;
}

@media only screen and (max-width: 991px) {
  .banner .banner-wrapper .content p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 768px) {
  .banner .banner-wrapper .content p {
    font-size: 16px;
  }
}

.banner-banner .content h1 {
  text-transform: uppercase;
  font-family: Poppins;
  font-size: 32px;
  line-height: 1.1875;
}

.banner-banner .content p {
  color: var(--text);
  margin-top: 18px;
}

.swiper-slide {
  height: auto;
}

.swiper-nav {
  line-height: 0;
}

.swiper-nav.no_bg .swiper-prev, .swiper-nav.no_bg .swiper-next {
  box-shadow: none;
  background: none;
}

.swiper-nav.no_bg .swiper-prev img, .swiper-nav.no_bg .swiper-prev svg, .swiper-nav.no_bg .swiper-next img, .swiper-nav.no_bg .swiper-next svg {
  width: 30px;
  height: 30px;
}

.swiper-nav.white-border .swiper-prev, .swiper-nav.white-border .swiper-next {
  box-shadow: none;
  border: 1px solid var(--white);
  background: none;
}

.swiper-nav.white-border .swiper-prev img, .swiper-nav.white-border .swiper-prev svg, .swiper-nav.white-border .swiper-next img, .swiper-nav.white-border .swiper-next svg {
  width: 30px;
  height: 30px;
}

.swiper-nav.white-border .swiper-prev img path, .swiper-nav.white-border .swiper-prev svg path, .swiper-nav.white-border .swiper-next img path, .swiper-nav.white-border .swiper-next svg path {
  stroke: var(--white);
}

.swiper-nav.primary-border .swiper-prev, .swiper-nav.primary-border .swiper-next {
  box-shadow: none;
  border: 1px solid var(--primary);
  background: none;
}

.swiper-nav.primary-border .swiper-prev img, .swiper-nav.primary-border .swiper-prev svg, .swiper-nav.primary-border .swiper-next img, .swiper-nav.primary-border .swiper-next svg {
  width: 30px;
  height: 30px;
}

.swiper-nav.primary-border .swiper-prev img path, .swiper-nav.primary-border .swiper-prev svg path, .swiper-nav.primary-border .swiper-next img path, .swiper-nav.primary-border .swiper-next svg path {
  stroke: var(--primary);
}

.swiper-nav.center-full {
  z-index: 2;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

.swiper-nav.center-full .swiper-prev, .swiper-nav.center-full .swiper-next {
  pointer-events: all;
  -webkit-user-select: auto;
  user-select: auto;
}

.swiper-nav.group {
  flex-wrap: wrap;
  align-items: center;
  gap: 0 15px;
  display: flex;
}

@media only screen and (max-width: 1152px) {
  .swiper-nav.group {
    gap: 0 8px;
  }
}

.swiper-nav.icon-width-auto .swiper-next svg, .swiper-nav.icon-width-auto .swiper-prev svg {
  width: auto;
  height: auto;
}

.swiper-prev, .swiper-next {
  background: var(--white);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  box-shadow: 0 5px 15px #00000059;
}

@media only screen and (max-width: 540px) {
  .swiper-prev, .swiper-next {
    width: 30px;
    height: 30px;
  }
}

.swiper-prev img, .swiper-prev svg, .swiper-next img, .swiper-next svg {
  vertical-align: middle;
}

.swiper-prev.swiper-button-disabled, .swiper-next.swiper-button-disabled {
  cursor: no-drop;
  opacity: 1;
}

.swiper-prev.swiper-button-lock, .swiper-next.swiper-button-lock {
  display: none !important;
}

.play-btn {
  --btnsize: 56px;
  --border: 2px;
  --bordercolor: var(--white);
  --playbtncolor: var(--white);
  height: var(--btnsize);
  width: var(--btnsize);
  border: var(--border) solid var(--bordercolor);
  background: none;
  border-radius: 50%;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .play-btn {
    --btnsize: 50px;
  }
}

@media only screen and (max-width: 675px) {
  .play-btn {
    --btnsize: 45px;
    --border: 1px;
  }
}

.play-btn:before {
  content: "";
  background: var(--bordercolor);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  animation: 1.5s ease-out infinite pulse-border;
  display: block;
  position: absolute;
  inset: 50% 0 0 50%;
  transform: translateX(-50%)translateY(-50%);
}

@keyframes pulse-border {
  0% {
    opacity: .5;
    transform: translateX(-50%)translateY(-50%)translateZ(0)scale(1);
  }

  100% {
    opacity: 0;
    transform: translateX(-50%)translateY(-50%)translateZ(0)scale(1.5);
  }
}

.play-btn:after {
  content: "";
  border-top: calc(var(--btnsize) / 8) solid transparent;
  border-bottom: calc(var(--btnsize) / 8) solid transparent;
  border-left: calc(var(--btnsize) / 5.6) solid var(--playbtncolor);
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

.website-content > :first-child {
  margin-top: 0 !important;
}

.website-content > :last-child {
  margin-bottom: 0 !important;
}

.website-content h1 {
  margin-bottom: 45px;
  font-size: 48px;
  font-weight: normal;
  line-height: 1.21;
}

@media only screen and (max-width: 768px) {
  .website-content h1 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 540px) {
  .website-content h1 {
    font-size: 32px;
  }
}

.website-content h2 {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.21;
}

@media only screen and (max-width: 768px) {
  .website-content h2 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 540px) {
  .website-content h2 {
    font-size: 28px;
  }
}

.website-content h3 {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.21;
}

@media only screen and (max-width: 768px) {
  .website-content h3 {
    font-size: 28px;
  }
}

@media only screen and (max-width: 540px) {
  .website-content h3 {
    font-size: 24px;
  }
}

.website-content h4 {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.21;
}

@media only screen and (max-width: 768px) {
  .website-content h4 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 540px) {
  .website-content h4 {
    font-size: 20px;
  }
}

.website-content h5 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

@media only screen and (max-width: 768px) {
  .website-content h5 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 540px) {
  .website-content h5 {
    font-size: 16px;
  }
}

.website-content h6 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}

@media only screen and (max-width: 540px) {
  .website-content h6 {
    font-size: 16px;
  }
}

.website-content h2, .website-content h3, .website-content h4 {
  margin: 40px 0 18px;
}

@media only screen and (max-width: 1336px) {
  .website-content h2, .website-content h3, .website-content h4 {
    margin: 30px 0 18px;
  }
}

@media only screen and (max-width: 768px) {
  .website-content h2, .website-content h3, .website-content h4 {
    margin: 20px 0 15px;
  }
}

@media only screen and (max-width: 540px) {
  .website-content h2, .website-content h3, .website-content h4 {
    margin: 15px 0;
  }
}

.website-content h5, .website-content h6 {
  margin: 22px 0 18px;
}

@media only screen and (max-width: 768px) {
  .website-content h5, .website-content h6 {
    margin: 15px 0;
  }
}

@media only screen and (max-width: 540px) {
  .website-content h5, .website-content h6 {
    margin: 10px 0;
  }
}

.website-content p, .website-content li {
  color: var(--text);
  text-align: justify;
  -webkit-hyphens: auto;
  hyphens: auto;
}

@media only screen and (max-width: 540px) {
  .website-content p, .website-content li {
    font-size: 14px;
  }
}

.website-content p b, .website-content p strong, .website-content li b, .website-content li strong {
  color: var(--black);
  font-weight: 600;
}

.website-content p {
  padding-bottom: 10px;
}

.website-content a {
  color: var(--black);
}

.website-content a:hover {
  text-decoration: underline;
}

.website-content ul:not(.seo-loc-ser) {
  margin-bottom: 30px;
  padding-left: 18px;
}

@media only screen and (max-width: 675px) {
  .website-content ul:not(.seo-loc-ser) {
    padding-left: 10px;
  }
}

.website-content ul:not(.seo-loc-ser) li {
  padding-left: 28px;
  position: relative;
}

@media only screen and (max-width: 675px) {
  .website-content ul:not(.seo-loc-ser) li {
    padding-left: 20px;
  }
}

.website-content ul:not(.seo-loc-ser) li:not(:last-child) {
  margin-bottom: 6px;
}

.website-content ul:not(.seo-loc-ser) li:before {
  content: "";
  aspect-ratio: 1;
  background: var(--primary);
  border-radius: 50%;
  width: 10px;
  position: absolute;
  top: 8px;
  left: 0;
}

@media only screen and (max-width: 520px) {
  .website-content ul:not(.seo-loc-ser) li:before {
    width: 6px;
  }
}

.website-content.website-content-medium h2, .website-content.website-content-medium h3, .website-content.website-content-medium h4 {
  margin: 20px 0 18px;
  font-size: 20px;
  font-weight: 500;
}

.website-content.website-content-medium h5, .website-content.website-content-medium h6 {
  font-size: 18px;
  font-weight: 500;
}

.website-content.website-content-medium p, .website-content.website-content-medium ul {
  margin-bottom: 20px;
}

.website-content .seo-loc-ser li {
  vertical-align: middle;
  line-height: 1;
  display: inline-block;
}

.website-content .seo-loc-ser li:not(:last-child) {
  border-right: 1px solid var(--text);
  margin-right: 10px;
  padding-right: 10px;
}

.website-content .seo-loc-ser li a {
  color: var(--text);
  font-size: 14px;
  display: inline-block;
}

.website-content .seo-loc-ser li a:hover {
  color: var(--primary);
}

.website-content.website-content-white * {
  color: var(--white);
}

.website-content.website-content-white ul li:before {
  background: var(--white);
}

.website-content.website-content-small h2 {
  font-size: 28px;
}

@media only screen and (max-width: 675px) {
  .website-content.website-content-small h2 {
    font-size: 22px;
  }
}

.website-content.website-content-small h3 {
  font-size: 26px;
}

@media only screen and (max-width: 675px) {
  .website-content.website-content-small h3 {
    font-size: 20px;
  }
}

.website-content.website-content-small h4 {
  font-size: 22px;
}

@media only screen and (max-width: 675px) {
  .website-content.website-content-small h4 {
    font-size: 18px;
  }
}

.website-content.website-content-small h5, .website-content.website-content-small h6 {
  font-size: 18px;
}

.website-content table thead {
  color: var(--black);
  background-color: #6666661a;
}

.website-content table thead th {
  padding: 10px;
}

.website-content table tbody tr td {
  color: var(--text);
  padding: 5px 10px;
}

.seo-section .website-content h1, .seo-section .website-content h2, .seo-section .website-content h3 {
  margin: 40px 0 18px;
  font-size: 30px;
}

@media only screen and (max-width: 769px) {
  .seo-section .website-content h1, .seo-section .website-content h2, .seo-section .website-content h3 {
    margin: 30px 0 18px;
    font-size: 24px;
  }
}

@media only screen and (max-width: 540px) {
  .seo-section .website-content h1, .seo-section .website-content h2, .seo-section .website-content h3 {
    margin: 25px 0 15px;
    font-size: 20px;
  }
}

.seo-section .website-content h4, .seo-section .website-content h5, .seo-section .website-content h6 {
  margin: 30px 0 15px;
}

@media only screen and (max-width: 769px) {
  .seo-section .website-content h4, .seo-section .website-content h5, .seo-section .website-content h6 {
    margin: 25px 0 15px;
  }
}

@media only screen and (max-width: 540px) {
  .seo-section .website-content h4, .seo-section .website-content h5, .seo-section .website-content h6 {
    margin: 20px 0 12px;
  }
}

.container-fluid.slider-section .upper-sec .slider-nav {
  right: 3%;
  transform: translate(3%, -50%);
}

@media only screen and (max-width: 675px) {
  .slider-section .container {
    padding-right: 0;
  }
}

.slider-section .upper-sec {
  margin-bottom: 4rem;
  position: relative;
}

@media only screen and (max-width: 991px) {
  .slider-section .upper-sec {
    margin-bottom: 3rem;
  }
}

@media only screen and (max-width: 768px) {
  .slider-section .upper-sec {
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 540px) {
  .slider-section .upper-sec {
    margin-bottom: 1.5rem;
  }
}

.slider-section .upper-sec .slider-nav {
  align-items: center;
  gap: 20px;
  display: flex;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}

@media only screen and (max-width: 768px) {
  .slider-section .upper-sec .slider-nav {
    display: none;
  }
}

.slider-section .upper-sec .slider-nav .swiper-prev svg, .slider-section .upper-sec .slider-nav .swiper-prev img {
  transform: scaleX(-1);
}

.slider-section .upper-sec .heading {
  text-align: center;
}

.lctn {
  color: var(--text);
  --arrow: 20px;
  --space: 5px;
  padding-left: calc(var(--arrow)  + var(--space));
  font-size: 14px;
  line-height: 1;
  position: relative;
}

.lctn:before {
  content: "";
  height: var(--arrow);
  width: var(--arrow);
  transform-origin: 100%;
  background-image: url("/assets/icon/location-gradient.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: all .5s;
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
}

.lctn.clndr {
  color: var(--white);
  --arrow: 17px;
  --space: 12px;
}

.lctn.clndr:before {
  background-image: url("/assets/icon/calender.svg");
}

.common-grid {
  grid-gap: 50px 20px;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

@media only screen and (max-width: 991px) {
  .common-grid {
    grid-gap: 30px 18px;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 675px) {
  .common-grid {
    grid-gap: 10px;
    grid-template-columns: 100%;
  }
}

.product-col {
  position: relative;
}

.product-col:before {
  content: "";
  opacity: 0;
  z-index: 1;
  background: #fff;
  width: 0;
  height: 86%;
  display: block;
  position: absolute;
  top: 7%;
  left: 0%;
  transform: skewX(-20deg);
  box-shadow: 0 0 55px 12px #fff;
}

.product-col:hover:before {
  animation: .4s linear shine;
}

.product-col .figure, .product-col figure {
  line-height: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.product-col .figure .add-to, .product-col figure .add-to {
  text-align: right;
  opacity: 0;
  justify-content: end;
  align-items: center;
  width: 100%;
  transition: all .5s;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.product-col .figure .add-to a, .product-col figure .add-to a {
  padding: 11px 20px;
  transition: all .5s;
  display: block;
}

.product-col .figure .add-to a svg, .product-col figure .add-to a svg {
  vertical-align: middle;
  width: 25px;
  height: 25px;
}

.product-col .figure .add-to a.add2cart, .product-col figure .add-to a.add2cart {
  background-color: #13195f;
}

.product-col .figure .add-to a.add2cart:hover, .product-col figure .add-to a.add2cart:hover {
  background-color: #fff;
}

.product-col .figure .add-to a.add2cart:hover svg path, .product-col figure .add-to a.add2cart:hover svg path {
  fill: var(--primary);
}

.product-col .figure .add-to a.add2wish, .product-col figure .add-to a.add2wish {
  background-color: #030735;
}

.product-col .figure .add-to a.add2wish.active, .product-col figure .add-to a.add2wish.active {
  background-color: #fff;
}

.product-col .figure .add-to a.add2wish.active svg path, .product-col figure .add-to a.add2wish.active svg path {
  fill: var(--primary);
}

.product-col .figure .add-to a.add2wish:hover, .product-col figure .add-to a.add2wish:hover {
  background-color: #fff;
}

.product-col .figure .add-to a.add2wish:hover svg path, .product-col figure .add-to a.add2wish:hover svg path {
  stroke: var(--primary);
}

.product-col .figure img, .product-col figure img {
  -o-object-position: cover;
  object-position: cover;
  -o-object-position: top;
  object-position: top;
  transform-origin: 0 0;
  width: 100%;
  transition: all .5s;
}

.product-col figcaption {
  text-align: center;
  max-width: 305px;
  margin: 0 auto;
  padding: 18px 20px 0;
}

.product-col figcaption .pro_name {
  letter-spacing: 4px;
  text-transform: uppercase;
  text-align: center;
  color: #000;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  display: block;
}

.product-col figcaption .price {
  text-align: center;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  display: block;
}

.product-col figcaption .color-select-wrap {
  padding-bottom: 10px;
}

.product-col figcaption .color-select-wrap li {
  vertical-align: middle;
  display: inline-block;
  position: relative;
}

.product-col figcaption .color-select-wrap li:not(:last-child) {
  margin-right: 15px;
}

.product-col figcaption .color-select-wrap li:has(input:checked) span:before {
  opacity: 1;
}

.product-col figcaption .color-select-wrap li span {
  background-color: #000;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.product-col figcaption .color-select-wrap li span:before {
  content: "";
  opacity: 0;
  border: 1px solid #000;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  position: absolute;
  bottom: -3px;
  left: -3px;
}

.product-col figcaption .color-select-wrap li input {
  z-index: 2;
  appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.product-col figcaption .color-select-wrap li input:checked ~ span:before, .product-col:hover .add-to {
  opacity: 1;
}

.product-col:hover .figure img, .product-col:hover figure img {
  transform: scale(1.1);
}

.product-col .wishlist-ico, .product-col-2 .wishlist-ico {
  background: var(--white);
  opacity: 0;
  pointer-events: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: absolute;
  top: 13px;
  right: 10px;
}

.product-col .wishlist-ico img, .product-col .wishlist-ico svg, .product-col-2 .wishlist-ico img, .product-col-2 .wishlist-ico svg {
  width: 15px;
  height: auto;
}

.product-col .wishlist-ico:hover, .product-col .wishlist-ico.is-active, .product-col-2 .wishlist-ico:hover, .product-col-2 .wishlist-ico.is-active {
  background: var(--primary);
}

.product-col .wishlist-ico:hover img, .product-col .wishlist-ico.is-active img, .product-col-2 .wishlist-ico:hover img, .product-col-2 .wishlist-ico.is-active img {
  filter: brightness(0) saturate() invert() sepia() saturate(1%) hue-rotate(236deg) brightness(103%) contrast(101%);
}

.product-col:hover .wishlist-ico, .product-col-2:hover .wishlist-ico {
  opacity: 1;
  pointer-events: all;
}

.product-col-2, .product-col-3 {
  position: relative;
}

.product-col-2:before, .product-col-3:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background: none;
  transition: all .5s;
  position: absolute;
  inset: 0;
}

.product-col-2 .figure, .product-col-2 figure, .product-col-3 .figure, .product-col-3 figure {
  height: 100%;
  line-height: 0;
  display: block;
  overflow: hidden;
}

.product-col-2 .figure img, .product-col-2 figure img, .product-col-3 .figure img, .product-col-3 figure img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  transition: all .5s;
}

.product-col-2:before, .product-col-3:before {
  z-index: 1;
}

.product-col-2:hover .figure img, .product-col-2:hover figure img, .product-col-3:hover .figure img, .product-col-3:hover figure img {
  transform: scale(1.1);
}

.product-col-2 figcaption, .product-col-3 figcaption {
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.product-col-2:before {
  background: linear-gradient(#0000 0%, #000c 100%);
}

.product-col-2 figcaption {
  text-align: center;
  padding: 0 2rem 46px;
}

.product-col-2 figcaption .prdt-nm, .product-col-2 figcaption .prd-price {
  color: var(--white);
  font-size: 18px;
  display: block;
}

.product-col-2 figcaption .prdt-nm {
  margin-bottom: 8px;
}

.product-col-3:before {
  background: linear-gradient(#0000 0%, #000000f2 100%);
}

.product-col-3:hover .figure img, .product-col-3:hover figure img {
  transform: scale(1.05);
}

.product-col-3 figure img, .product-col-3 .figure img {
  aspect-ratio: .9;
}

.product-col-3 figcaption {
  text-align: center;
  --btnheight: 36px;
  --titlepad: 30px;
  margin-bottom: 3.5rem;
  padding: 0 2rem;
  transition: all .5s;
}

.product-col-3 figcaption .ico {
  opacity: 0;
  margin-bottom: 20px;
  line-height: 0;
  transition: all .5s;
  transform: translateY(30px)scale(.4);
}

.product-col-3 figcaption h6 {
  color: var(--white);
  text-transform: uppercase;
  font-family: Poppins;
  font-size: 22px;
  line-height: 1.283;
  transition: all .6s;
}

.product-col-3 .xbjs {
  opacity: 0;
  transition: all .6s;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateY(30px)scale(.9);
}

.product-col-3 .xbjs .btn {
  --height: var(--btnheight);
}

.product-col-3:hover {
  transform: translateY(0);
}

.product-col-3:hover figcaption .ico {
  opacity: 1;
  transform: translateY(0)scale(1);
}

.product-col-3:hover figcaption h6 {
  padding-bottom: calc(var(--btnheight)  + var(--titlepad));
}

.product-col-3:hover figcaption .xbjs {
  opacity: 1;
  transform: translateY(0)scale(1);
}

.gray-bg {
  background: var(--gray);
}

.gradient-head {
  text-transform: initial;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: var(--gradient-a);
  display: inline-block;
}

.whitetxt {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  background: var(--primary);
  border-color: var(--primary);
  border-radius: 50%;
  width: 17px;
  height: 17px;
  top: 50%;
  translate: 0 -50%;
  border: none !important;
}

.ui-state-default:focus, .ui-widget-content .ui-state-default:focus, .ui-widget-header .ui-state-default:focus, .ui-button:focus, html .ui-button.ui-state-disabled:hover:focus, html .ui-button.ui-state-disabled:active:focus {
  outline: none;
}

.ui-slider-horizontal {
  height: 2px;
  border: none !important;
}

.ui-widget-content {
  background: #cecece;
  border: none !important;
}

.ui-widget-header {
  background: var(--primary);
}

.no-data {
  text-align: center;
  width: 100%;
  font-size: 14px;
}

.kmr-select-wrap {
  --labelheight: 45px;
  --liheight: 34px;
  --boxsize: calc(var(--liheight)  - 14px);
  --arrowsize: 16px;
  --space: 11px;
  display: inline-block;
  position: relative;
}

.kmr-select-wrap .label {
  color: var(--black);
  height: var(--labelheight);
  line-height: var(--labelheight);
  background-image: url("/assets/icon/arrow-down-black.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: var(--arrowsize) auto;
  padding-right: calc(var(--arrowsize)  + var(--space));
  cursor: pointer;
  caret-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: Poppins;
  font-size: 12px;
}

.kmr-select-wrap.active {
  --btn: 10px;
}

.kmr-select-wrap.active.price_select .kmr-select-menu .upper-sec .reset-btn {
  display: block;
}

.kmr-select-wrap.slt-rgt .kmr-select-menu {
  left: auto;
  right: 0;
}

.kmr-select-wrap.color-select .kmr-select-menu li .in-bx {
  border-color: #ccc;
  border-radius: 50%;
}

.kmr-select-wrap.price_select .kmr-select-menu {
  width: 325px;
  padding: 20px;
}

.kmr-select-wrap.price_select .kmr-select-menu .upper-sec {
  display: flex;
}

.kmr-select-wrap.price_select .kmr-select-menu .upper-sec .reset-btn {
  font-size: 14px;
  font-weight: 500;
  display: none;
}

.kmr-select-wrap.price_select .kmr-select-menu .upper-sec .reset-btn svg {
  vertical-align: middle;
  width: 15px;
  height: auto;
  margin-left: 3px;
  display: inline-block;
}

.kmr-select-wrap.price_select .kmr-select-menu h6 {
  color: var(--black);
  flex: 1;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
}

.kmr-select-wrap.price_select .product-range-slider-wrap {
  margin: 30px 0 40px;
}

.kmr-select-wrap.price_select .price-range-input-wrap {
  color: var(--text);
  align-items: center;
  gap: 18px;
  display: flex;
}

.kmr-select-wrap.price_select .price-range-input-wrap .price-range-input {
  background: var(--white);
  height: 30px;
  color: var(--text);
  border: 1px solid #e0e0e0;
  flex: 1;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
  display: flex;
}

.kmr-select-wrap.price_select .price-range-input-wrap .price-range-input input {
  width: 100%;
  color: var(--text);
  border: none;
}

.kmr-select-wrap.price_select .price-range-input-wrap .price-range-input input:focus {
  outline: none;
}

.kmr-select-wrap .kmr-select-menu {
  z-index: 1;
  background: var(--white);
  width: 260px;
  max-height: 244px;
  padding: 20px 0;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  overflow-y: auto;
}

.kmr-select-wrap .kmr-select-menu::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}

.kmr-select-wrap .kmr-select-menu::-webkit-scrollbar-track {
  box-shadow: none;
}

.kmr-select-wrap .kmr-select-menu::-webkit-scrollbar-thumb {
  background-color: var(--text);
  border-radius: 10px;
}

.kmr-select-wrap .kmr-select-menu {
  box-shadow: 0 2px 8px #63636333;
}

.kmr-select-wrap .kmr-select-menu:has(input[type="radio"]) li .in-bx {
  border-radius: 50%;
}

.kmr-select-wrap .kmr-select-menu:has(input[type="radio"]) li .in-bx:before {
  display: none;
}

.kmr-select-wrap .kmr-select-menu:has(input[type="radio"]):has(input:checked) li .in-bx {
  outline: 5px solid var(--white);
  outline-offset: -10px;
}

.kmr-select-wrap .kmr-select-menu li {
  height: var(--liheight);
  align-items: center;
  gap: 12px;
  padding: 0 14px;
  display: flex;
  position: relative;
}

.kmr-select-wrap .kmr-select-menu li:has(input:checked) .in-bx {
  background: var(--black);
  transition: all .4s;
}

.kmr-select-wrap .kmr-select-menu li:has(input:checked) .in-bx:before {
  opacity: 1;
}

.kmr-select-wrap .kmr-select-menu li .in-bx {
  height: var(--boxsize);
  width: var(--boxsize);
  border: 1px solid var(--black);
  border-radius: 3px;
  transition: all;
  position: relative;
}

.kmr-select-wrap .kmr-select-menu li .in-bx:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
  background: url("/assets/icon/tick-white.svg") center / 48% no-repeat;
  transition: all .5s;
  position: absolute;
  inset: 0;
}

.kmr-select-wrap .kmr-select-menu li span {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  display: block;
}

.kmr-select-wrap .kmr-select-menu li input {
  z-index: 1;
  appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

@media only screen and (max-width: 991px) {
  .breadcrumps {
    display: none;
  }
}

.breadcrumps li {
  vertical-align: middle;
  display: inline-block;
}

.breadcrumps li a {
  color: var(--primary);
  font-size: 14px;
}

@media only screen and (max-width: 520px) {
  .breadcrumps li a {
    text-overflow: ellipsis;
    font-size: 12px;
  }
}

.breadcrumps li a.active {
  color: var(--text);
}

.breadcrumps li:not(:last-child) {
  padding-right: 20px;
  position: relative;
}

@media only screen and (max-width: 520px) {
  .breadcrumps li:not(:last-child) {
    padding-right: 10px;
  }
}

.breadcrumps li:not(:last-child):before {
  content: ">";
  color: var(--text);
  font-family: monospace;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 100%;
  translate: 0 -50%;
}

.breadcrumps li:not(:first-child) {
  padding-left: 20px;
}

@media only screen and (max-width: 520px) {
  .breadcrumps li:not(:first-child) {
    padding-left: 10px;
  }
}

[data-scrollTo] {
  cursor: pointer;
}

.fancybox__container {
  --fancybox-bg: var(--black);
}

.green-color {
  color: var(--green) !important;
}

.light-green {
  color: var(--green);
}

.red-color {
  color: var(--red) !important;
}

.orange-color {
  color: orange !important;
}

em {
  font-style: normal;
}

.mt-hdrfxd {
  margin-top: var(--headerfixed);
}

.mt-hdr {
  margin-top: var(--headerheight);
}

.w-full {
  width: 100%;
}

.disc {
  text-align: center;
  margin: 15px 0;
}

.disc p {
  color: var(--text);
  font-size: 14px;
  line-height: 1.2;
  transition: all .5s;
}

.disc p a {
  transition: all .5s;
  color: var(--primary) !important;
}

.disc p a:hover {
  text-decoration: underline;
}

.check_term {
  margin: 15px 0;
}

.check_term .input_box {
  --boxsize: 15px;
  gap: 10px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.check_term .input_box:has(input:checked) .in-bx {
  background: var(--primary);
  transition: all .4s;
}

.check_term .input_box:has(input:checked) .in-bx:before {
  opacity: 1;
}

.check_term .input_box input {
  z-index: 1;
  appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.check_term .input_box .in-bx {
  height: var(--boxsize);
  width: var(--boxsize);
  border: 1px solid var(--black);
  border-radius: 3px;
  transition: all;
  position: relative;
}

.check_term .input_box .in-bx:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  background: url("/assets/icon/tick-white.svg") center / 48% no-repeat;
  transition: all .5s;
  position: absolute;
  inset: 0;
}

.check_term .input_box p {
  color: var(--text);
  flex: 1;
  font-size: 14px;
  line-height: 1;
}

.sm-block {
  display: none;
}

@media only screen and (max-width: 540px) {
  .sm-block {
    display: block;
  }
}

.md-block {
  display: none;
}

@media only screen and (max-width: 768px) {
  .md-block {
    display: block;
  }
}

.sm-none {
  display: block;
}

@media only screen and (max-width: 540px) {
  .sm-none {
    display: none;
  }
}

.md-none {
  display: block;
}

@media only screen and (max-width: 768px) {
  .md-none {
    display: none;
  }
}

.bestSeller_slider_wrapper {
  z-index: 0;
  position: relative;
}

.bestSeller_slider_wrapper .container-fluid .btn_wrapper {
  text-align: center;
  margin-top: 50px;
}

.verify {
  color: red;
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
}

@keyframes scroll {
  0% {
    transform: translateY(10px);
  }

  50% {
    transform: translateY(20px);
  }

  100% {
    transform: translateY(10px);
  }
}

.display-none {
  display: none;
}

.pos-rel {
  position: relative;
}

.wishlist svg {
  width: 30px;
}

.wishlist.added svg path {
  fill: var(--primary);
  stroke: var(--primary);
}

.compare_toggle {
  z-index: 4;
  transition: all .5s;
  position: fixed;
  bottom: 5%;
  right: 2%;
  transform: translateX(100%);
}

.compare_toggle.active {
  transform: translateX(0);
}

@media only screen and (max-width: 540px) {
  .compare_toggle {
    bottom: 9%;
  }
}

.compare_toggle .main_wrap {
  align-items: center;
  display: flex;
  position: relative;
}

.compare_toggle .main_wrap.initial {
  display: none;
}

.compare_toggle .main_wrap.closed .compare_pro_wrap {
  transform: scale(0);
}

.compare_toggle .main_wrap .compare_pro_wrap {
  background: var(--white);
  transform-origin: 100% 100%;
  border-radius: 2px;
  align-items: center;
  gap: 10px;
  padding: 15px;
  transition: all .5s;
  display: flex;
  position: absolute;
  bottom: 100%;
  right: 0;
  transform: scale(1);
  box-shadow: -1px -3px 8px #63636333;
}

@media only screen and (max-width: 540px) {
  .compare_toggle .main_wrap .compare_pro_wrap {
    background: none;
    padding: 0;
  }
}

.compare_toggle .main_wrap .compare_pro_wrap .closeCom {
  cursor: pointer;
  background: var(--white);
  z-index: 2;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
  position: absolute;
  top: -9%;
  right: -2%;
  box-shadow: 0 0 2px 3px #cecece;
}

.compare_toggle .main_wrap .compare_pro_wrap .closeCom svg {
  width: 17px;
  height: 17px;
}

.compare_toggle .main_wrap .compare_pro_wrap .compare_pro {
  width: 130px;
  position: relative;
}

@media only screen and (max-width: 540px) {
  .compare_toggle .main_wrap .compare_pro_wrap .compare_pro {
    display: none;
  }
}

.compare_toggle .main_wrap .compare_pro_wrap .compare_pro .pro_image {
  border-radius: 5px;
  height: 75px;
  line-height: 0;
  overflow: hidden;
}

.compare_toggle .main_wrap .compare_pro_wrap .compare_pro .pro_image img {
  height: 100%;
}

.compare_toggle .main_wrap .compare_pro_wrap .compare_pro .pro_name {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  padding-top: 5px;
  font-size: 14px;
  line-height: 1.2;
  display: -webkit-box;
  overflow: hidden;
}

.compare_toggle .main_wrap .compare_pro_wrap .compare_pro .close {
  cursor: pointer;
  background: var(--white);
  z-index: 1;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
  position: absolute;
  top: 0%;
  right: 2%;
}

.compare_toggle .main_wrap .compare_pro_wrap .compare_pro .close svg {
  width: 17px;
  height: 17px;
}

.compare_toggle .main_wrap .compare_pro_wrap .compare_more_count {
  background: var(--primary);
  color: var(--white);
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 95px;
  padding: 10px;
  line-height: 1.2;
  display: flex;
}

@media only screen and (max-width: 540px) {
  .compare_toggle .main_wrap .compare_pro_wrap .compare_more_count {
    flex-direction: row-reverse;
    gap: 10px;
    width: 100%;
    height: auto;
    padding: 8px 15px;
    font-size: 12px;
  }
}

.compare_toggle .main_wrap .compare_pro_wrap .compare_more_count span:not(.des, .mob) {
  font-size: 28px;
  font-weight: 700;
  transition: all .5s;
  display: block;
}

@media only screen and (max-width: 540px) {
  .compare_toggle .main_wrap .compare_pro_wrap .compare_more_count span:not(.des, .mob) {
    font-size: 18px;
  }
}

.compare_toggle .main_wrap .compare_pro_wrap .compare_more_count span.des {
  font-size: 14px;
  font-weight: 500;
  display: block;
}

@media only screen and (max-width: 540px) {
  .compare_toggle .main_wrap .compare_pro_wrap .compare_more_count span.des {
    display: none;
  }
}

.compare_toggle .main_wrap .compare_pro_wrap .compare_more_count span.mob {
  font-size: 14px;
  font-weight: 500;
  display: none;
}

@media only screen and (max-width: 540px) {
  .compare_toggle .main_wrap .compare_pro_wrap .compare_more_count span.mob {
    display: block;
  }
}

.compare_toggle .main_wrap .remove_all {
  background: var(--white);
  opacity: 0;
  pointer-events: none;
  border-radius: 4px;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 500;
  transition: all .3s;
}

.compare_toggle .main_wrap .remove_all.active {
  opacity: 1;
  pointer-events: all;
}

.compare_toggle .main_wrap .compare_link {
  background: var(--primary);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 500;
  display: none;
  box-shadow: 0 1px 2px #0003;
}

.compare_toggle .main_wrap .compare_link .count {
  background: #175ac1;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.phone-input .iti.iti--allow-dropdown {
  width: 100%;
}

.iti__search-icon {
  right: 8px;
  left: unset !important;
}

.iti__search-clear {
  background: var(--white) !important;
  border-radius: 50% !important;
}

.iti__search-clear .iti__search-clear-svg {
  width: 18px;
  height: 18px;
}

.iti__search-clear .iti__search-clear-bg {
  fill: var(--primary) !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.text-black {
  color: var(--black) !important;
}

a.cta, .cta {
  color: var(--primary);
  font-size: 14px;
  font-weight: 600;
}

.mapWindow {
  position: sticky;
  top: 200px;
}

.showPass {
  z-index: 2;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}

.back-to-top {
  z-index: 4;
  background: var(--primary);
  border-radius: 50%;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  transition: all .6s;
  display: flex;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transform: translateX(calc(100% + 30px));
}

@media only screen and (max-width: 768px) {
  .back-to-top {
    width: 45px;
    height: 45px;
    right: 20px;
  }
}

.back-to-top:active {
  opacity: .8;
  box-shadow: 0 50px 100px -20px #32325d40, 0 30px 60px -30px #0000004d;
}

.back-to-top.active {
  transform: translateX(0);
}

.back-to-top svg {
  width: 50%;
  height: auto;
  fill: var(--white);
}

.faqs-sec .heading {
  text-align: center;
  margin-bottom: 2.5rem;
}

.faqs-sec .heading h2 {
  color: var(--primary);
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2;
}

.faqs-sec .heading p {
  max-width: 400px;
  margin: 10px auto 0;
}

.loader-submit {
  align-items: center;
  gap: 10px;
  display: flex;
}

.loader-submit .loader-box {
  border: 1px solid #fff;
  border-top-color: var(--primary);
  border-radius: 50%;
  width: 15px;
  height: 15px;
  animation: .7s linear infinite spin;
}

.loader-submit span {
  color: var(--white);
  font-size: 14px;
}

.site-loader {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: 10;
  pointer-events: all;
  background: #000000a6;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .3s;
  display: flex;
  position: fixed;
  inset: 0;
}

.site-loader .loader-box {
  border: 4px solid #fff;
  border-top-color: var(--primary);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: .7s linear infinite spin;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.error {
  color: red;
  font-size: 12px;
  line-height: normal;
  position: absolute;
  top: calc(100% + 3px);
  left: 0;
  right: 0;
}

.error.static {
  margin: 10px 0;
  position: static;
}

.options {
  color: #000;
  --boxsize: 15px;
  align-items: center;
  gap: 7px;
  display: flex;
  position: relative;
}

.options .in-bx {
  height: var(--boxsize);
  width: var(--boxsize);
  border: 1px solid #666;
  border-radius: 3px;
  transition: all;
  position: relative;
}

.options .in-bx:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
  background: url("/assets/icon/tick-white.svg") center / 60% no-repeat;
  transition: all .5s;
  position: absolute;
  inset: 0;
}

.options span {
  color: #666;
  flex: 1;
  font-size: 14px;
  display: block;
}

.options input {
  opacity: 0;
  appearance: none;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
}

.options input:checked ~ .in-bx {
  background-color: var(--primary);
  border-color: var(--primary);
}

.options input:checked ~ .in-bx:before {
  opacity: 1;
}

@media only screen and (max-width: 1024px) {
  .project-banner.banner {
    display: none;
  }
}

.project-banner.banner:before {
  background: linear-gradient(90deg, #003b95 0%, #2c5fae 50%, #003b95 100%);
}

.project-banner.banner .bg {
  height: 250px;
}

.project-banner.banner .bg .project-filter {
  --padding: 50px;
  background: var(--white);
  z-index: 4;
  border-radius: 10px;
  width: 1280px;
  position: absolute;
  bottom: -38%;
  left: 50%;
  translate: -50% -38%;
  box-shadow: 0 3px 15px #00000059;
}

@media only screen and (max-width: 1300px) {
  .project-banner.banner .bg .project-filter {
    width: 1024px;
  }
}

@media only screen and (max-width: 1150px) {
  .project-banner.banner .bg .project-filter {
    bottom: -50%;
  }
}

@media only screen and (max-width: 1024px) {
  .project-banner.banner .bg .project-filter {
    display: none;
  }
}

.project-secA {
  position: relative;
}

@media only screen and (max-width: 1400px) {
  .project-secA {
    padding-top: 5vh;
  }
}

@media only screen and (max-width: 1024px) {
  .project-secA {
    margin-top: calc(var(--headerheight)  + 20px);
    padding: 40px 0;
  }
}

@media only screen and (max-width: 768px) {
  .project-secA {
    margin-top: var(--headerheight);
  }
}

.project-secA .main_container {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 0 100px 45px;
}

@media only screen and (max-width: 1024px) {
  .project-secA .main_container {
    max-width: var(--container);
    width: 100%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 1024px) and (max-width: 1300px) {
  .project-secA .main_container {
    padding: 0 25px;
  }
}

@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .project-secA .main_container {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 1024px) and (max-width: 345px) {
  .project-secA .main_container {
    padding: 0 13px;
  }
}

@media only screen and (max-width: 1024px) and (max-width: 320px) {
  .project-secA .main_container {
    padding: 0 10px;
  }
}

@media only screen and (max-width: 1024px) and (max-width: 675px) {
  .project-secA .main_container.container2 {
    padding-right: 0;
  }

  .project-secA .main_container.container2 .heading {
    padding-right: 15px;
  }
}

@media only screen and (max-width: 1024px) and (max-width: 345px) {
  .project-secA .main_container.container2 .heading {
    padding-right: 13px;
  }
}

@media only screen and (max-width: 1024px) and (max-width: 320px) {
  .project-secA .main_container.container2 .heading {
    padding-right: 10px;
  }
}

.project-secA .main_container .breadcrumps {
  margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
  .project-secA .main_container .breadcrumps {
    display: block;
  }
}

@media only screen and (max-width: 540px) {
  .project-secA .main_container .breadcrumps {
    margin-bottom: 15px;
  }
}

.project-secA .main_container > .flex {
  --gap: 30px;
  gap: var(--gap);
}

@media only screen and (max-width: 1024px) {
  .project-secA .main_container > .flex {
    flex-direction: column;
    gap: 40px;
    padding-top: 0;
  }
}

.project-secA .main_container > .flex .colA {
  flex: 1;
  max-width: 50%;
}

@media only screen and (max-width: 1280px) {
  .project-secA .main_container > .flex .colA {
    max-width: 55%;
  }
}

@media only screen and (max-width: 1024px) {
  .project-secA .main_container > .flex .colA {
    max-width: 100%;
  }
}

.project-secA .main_container > .flex .colA .projects_wrap {
  grid-gap: 30px 20px;
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

@media only screen and (max-width: 1140px) {
  .project-secA .main_container > .flex .colA .projects_wrap {
    grid-gap: 20px 10px;
  }
}

@media only screen and (max-width: 540px) {
  .project-secA .main_container > .flex .colA .projects_wrap {
    grid-template-columns: repeat(1, 1fr);
  }
}

.project-secA .main_container > .flex .colA .projects_wrap .projects_industryCol {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0 3px 8px #0000003d;
}

.project-secA .main_container > .flex .colB {
  flex: 1;
  max-width: 50%;
}

@media only screen and (max-width: 1280px) {
  .project-secA .main_container > .flex .colB {
    max-width: calc(45% - var(--gap));
  }
}

@media only screen and (max-width: 1024px) {
  .project-secA .main_container > .flex .colB {
    max-width: 100%;
  }
}

.project-secA .main_container > .flex .colB iframe {
  filter: grayscale();
  position: sticky;
  top: 0;
}

.project-secA .main_container > .flex .colB .map {
  top: var(--headerheight);
  position: sticky;
}

.projectD-secA {
  padding-top: 8vh;
  padding-bottom: 0;
}

@media only screen and (max-width: 1400px) {
  .projectD-secA {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 1024px) {
  .projectD-secA {
    margin-top: var(--headerheight);
    padding: 50px 0 0;
  }
}

.projectD-secA .breadcrumps {
  margin-bottom: 30px;
}

.projectD-secA .project-title {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  display: flex;
}

@media only screen and (max-width: 1024px) {
  .projectD-secA .project-title {
    gap: 15px;
  }
}

@media only screen and (max-width: 768px) {
  .projectD-secA .project-title {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media only screen and (max-width: 1280px) {
  .projectD-secA .project-title .colA {
    max-width: 50%;
  }
}

@media only screen and (max-width: 768px) {
  .projectD-secA .project-title .colA {
    max-width: 100%;
  }
}

.projectD-secA .project-title .colA h1 {
  font-size: 24px;
}

@media only screen and (max-width: 1024px) {
  .projectD-secA .project-title .colA h1 {
    margin-bottom: 3px;
    font-size: 22px;
  }
}

@media only screen and (max-width: 540px) {
  .projectD-secA .project-title .colA h1 {
    font-size: 20px;
  }
}

.projectD-secA .project-title .colA .loc {
  align-items: center;
  gap: 10px;
  margin-top: 5px;
  font-size: 14px;
  display: flex;
}

@media only screen and (max-width: 1024px) {
  .projectD-secA .project-title .colA .loc {
    font-size: 12px;
  }
}

.projectD-secA .project-title .colA .loc a {
  color: var(--primary);
}

.projectD-secA .project-title .colB {
  align-items: center;
  gap: 30px;
  display: flex;
}

@media only screen and (max-width: 1280px) {
  .projectD-secA .project-title .colB {
    gap: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .projectD-secA .project-title .colB {
    gap: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .projectD-secA .project-title .colB {
    width: 100%;
  }
}

@media only screen and (max-width: 540px) {
  .projectD-secA .project-title .colB {
    gap: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .projectD-secA .project-title .colB .btn_wrap {
    gap: 10px;
    margin-left: auto;
  }

  .projectD-secA .project-title .colB .wishlist svg {
    width: 25px;
    height: 25px;
  }
}

@media only screen and (max-width: 1024px) {
  .projectD-secA .project-title .colB .btn_wrap {
    gap: 10px;
  }

  .projectD-secA .project-title .colB .btn_wrap .btn {
    padding: 0 15px;
    font-size: 14px;
  }
}

.projectD-secA .project-title .colB .share_btn {
  position: relative;
}

.projectD-secA .project-title .colB .share_btn svg {
  width: 25px;
}

@media only screen and (max-width: 768px) {
  .projectD-secA .project-title .colB .share_btn svg {
    width: 25px;
    height: 25px;
  }
}

.projectD-secA .project-title .colB .share_btn .side_ico-m {
  opacity: 0;
  transform-origin: bottom;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 5px;
  gap: 20px;
  margin-right: 15px;
  transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
  display: flex;
  position: absolute;
  top: 50%;
  right: 100%;
  transform: scale(.75)translateY(-50%);
}

@media only screen and (max-width: 1024px) {
  .projectD-secA .project-title .colB .share_btn .side_ico-m {
    background: var(--white);
    z-index: 2;
    top: 100%;
    left: 50%;
    right: unset;
    flex-direction: column;
    gap: 5px;
    margin-right: 0;
    padding: 5px;
    transform: scale(.75)translate3d(-50%, -100%, 0);
  }
}

@media only screen and (max-width: 768px) {
  .projectD-secA .project-title .colB .share_btn .side_ico-m {
    z-index: 3;
  }
}

.projectD-secA .project-title .colB .share_btn .side_ico-m.open {
  opacity: 1;
  pointer-events: all;
  -webkit-user-select: auto;
  user-select: auto;
  transform: scale(1)translateY(-50%);
}

@media only screen and (max-width: 1024px) {
  .projectD-secA .project-title .colB .share_btn .side_ico-m.open {
    transform: scale(1)translateX(-50%);
  }
}

.projectD-secA .project-title .colB .share_btn .side_ico-m li svg {
  width: 25px;
}

@media only screen and (max-width: 1024px) {
  .projectD-secA .project-title .colB .share_btn .side_ico-m li svg {
    width: 20px;
  }
}

.projectD-secA nav {
  top: var(--headerfixed);
  background: var(--white);
  z-index: 4;
  border-bottom: 1px solid #a19e9eb5;
  margin: 30px 0 20px;
  position: sticky;
}

@media only screen and (max-width: 1024px) {
  .projectD-secA nav {
    top: calc(var(--headerfixed)  + 50px);
  }
}

@media only screen and (max-width: 768px) {
  .projectD-secA nav {
    top: calc(var(--headerfixed)  + 40px);
    margin: 30px 0 0;
  }
}

@media only screen and (max-width: 540px) {
  .projectD-secA nav {
    margin: 20px 0 0;
  }
}

.projectD-secA nav .tab-nav {
  align-items: center;
  gap: 30px;
  display: flex;
}

@media only screen and (max-width: 768px) {
  .projectD-secA nav .tab-nav {
    gap: 20px;
    overflow-x: auto;
  }
}

.projectD-secA nav .tab-nav li {
  color: var(--text);
  cursor: pointer;
  padding: 10px 0;
  font-size: 14px;
  line-height: 1.2;
  transition: all .5s;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .projectD-secA nav .tab-nav li {
    white-space: nowrap;
  }
}

@media only screen and (max-width: 540px) {
  .projectD-secA nav .tab-nav li {
    font-size: 14px;
  }
}

.projectD-secA nav .tab-nav li:before {
  content: "";
  background: var(--primary);
  width: 0;
  height: 3px;
  transition: all .5s;
  position: absolute;
  bottom: 0;
  left: 0;
}

.projectD-secA nav .tab-nav li.active {
  color: var(--primary);
  font-weight: 500;
}

.projectD-secA nav .tab-nav li.active:before {
  width: 100%;
}

.projectD-secA .project-detail-wrap {
  --gap: 30px;
  gap: var(--gap);
  margin-top: 25px;
  display: flex;
}

@media only screen and (max-width: 1024px) {
  .projectD-secA .project-detail-wrap {
    gap: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .projectD-secA .project-detail-wrap {
    flex-direction: column;
  }
}

@media only screen and (max-width: 768px) {
  .projectD-secA .project-detail-wrap.description {
    margin-top: 0;
  }
}

.projectD-secA .project-detail-wrap.no-highlights .colA {
  flex: 0 100%;
  width: 100%;
  max-width: 100%;
}

.projectD-secA .project-detail-wrap.no-highlights .colB {
  display: none;
}

.projectD-secA .project-detail-wrap .colA {
  flex: 0 1 calc(70% - var(--gap));
  width: 100%;
  max-width: calc(70% - var(--gap));
}

@media only screen and (max-width: 991px) {
  .projectD-secA .project-detail-wrap .colA {
    flex: 0 100%;
    max-width: 100%;
  }
}

.projectD-secA .project-detail-wrap .colA .image-wrapper {
  grid-gap: 10px;
  grid-template-columns: 7fr 3fr;
  height: 100%;
  display: grid;
}

@media only screen and (max-width: 1024px) {
  .projectD-secA .project-detail-wrap .colA .image-wrapper {
    height: 100%;
  }
}

@media only screen and (max-width: 540px) {
  .projectD-secA .project-detail-wrap .colA .image-wrapper {
    grid-gap: 7px;
  }
}

.projectD-secA .project-detail-wrap .colA .image-wrapper figure {
  width: 100%;
  height: 100%;
  position: relative;
}

.projectD-secA .project-detail-wrap .colA .image-wrapper figure:first-child {
  grid-row: span 2;
}

.projectD-secA .project-detail-wrap .colA .image-wrapper figure img {
  border-radius: 10px;
}

@media only screen and (max-width: 768px) {
  .projectD-secA .project-detail-wrap .colA .image-wrapper figure img {
    border-radius: 5px;
  }
}

.projectD-secA .project-detail-wrap .colA .image-wrapper figure .play-btn {
  z-index: 2;
  --bordercolor: var(--primary);
  --playbtncolor: var(--primary);
  --btnsize: 46px;
  background: var(--white);
  position: absolute;
  top: 8%;
  left: 5%;
}

@media only screen and (max-width: 768px) {
  .projectD-secA .project-detail-wrap .colA .image-wrapper figure .play-btn {
    --btnsize: 36px;
  }
}

.projectD-secA .project-detail-wrap .colA .image-wrapper figure .count {
  width: 100%;
  height: 100%;
  color: var(--white);
  background: #00000080;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 540px) {
  .projectD-secA .project-detail-wrap .colA .image-wrapper figure .count {
    font-size: 12px;
  }
}

.projectD-secA .project-detail-wrap .colA .image-wrapper figure .count span {
  font-size: 32px;
  font-weight: 600;
  display: block;
}

@media only screen and (max-width: 1024px) {
  .projectD-secA .project-detail-wrap .colA .image-wrapper figure .count span {
    font-size: 28px;
  }
}

@media only screen and (max-width: 768px) {
  .projectD-secA .project-detail-wrap .colA .image-wrapper figure .count span {
    font-size: 24px;
  }
}

@media only screen and (max-width: 540px) {
  .projectD-secA .project-detail-wrap .colA .image-wrapper figure .count span {
    font-size: 20px;
    line-height: 1;
  }
}

.projectD-secA .project-detail-wrap .colA section {
  padding: 20px 0;
}

@media only screen and (max-width: 540px) {
  .projectD-secA .project-detail-wrap .colA section {
    padding: 15px 0;
  }
}

.projectD-secA .project-detail-wrap .colA section h3 {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

@media only screen and (max-width: 768px) {
  .projectD-secA .project-detail-wrap .colA section h3 {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 540px) {
  .projectD-secA .project-detail-wrap .colA section h3 {
    font-size: 16px;
  }
}

.projectD-secA .project-detail-wrap .colA section h6 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.projectD-secA .project-detail-wrap .colA section.overview_sec.pt-5 {
  padding-top: 30px;
}

.projectD-secA .project-detail-wrap .colA section.overview_sec.hide {
  opacity: 0;
  max-height: 0;
  padding: 0;
}

.projectD-secA .project-detail-wrap .colA section.overview_sec.hide .content.open {
  opacity: 0;
  max-height: 0;
}

.projectD-secA .project-detail-wrap .colA section.overview_sec.show, .projectD-secA .project-detail-wrap .colA section.overview_sec.show .content.open {
  opacity: 1;
  max-height: 100%;
}

.projectD-secA .project-detail-wrap .colA section.overview_sec h6 {
  font-size: 20px;
  font-weight: 600;
}

.projectD-secA .project-detail-wrap .colA section.overview_sec h2 {
  font-size: 24px;
  font-weight: 600;
}

.projectD-secA .project-detail-wrap .colA section.overview_sec .content {
  max-height: 380px;
  margin: 10px 0 20px;
  transition: max-height .5s;
  overflow: hidden;
}

.projectD-secA .project-detail-wrap .colA section.overview_sec .content::-webkit-scrollbar {
  width: 0;
}

.projectD-secA .project-detail-wrap .colA section.overview_sec .content.open {
  max-height: 100%;
  overflow: auto;
}

.projectD-secA .project-detail-wrap .colA section.overview_sec .content h1 {
  margin: 10px 0;
  font-size: 28px;
  font-weight: 600;
}

.projectD-secA .project-detail-wrap .colA section.overview_sec .content h2 {
  margin: 10px 0;
  font-size: 24px;
  font-weight: 600;
}

.projectD-secA .project-detail-wrap .colA section.overview_sec .content h3 {
  margin: 10px 0;
  font-size: 22px;
  font-weight: 600;
}

.projectD-secA .project-detail-wrap .colA section.overview_sec .content h4 {
  margin: 8px 0;
  font-size: 20px;
  font-weight: 500;
}

.projectD-secA .project-detail-wrap .colA section.overview_sec .content h5 {
  margin: 8px 0;
  font-size: 18px;
  font-weight: 500;
}

.projectD-secA .project-detail-wrap .colA section.overview_sec .content h6 {
  margin: 6px 0;
  font-size: 16px;
  font-weight: 500;
}

.projectD-secA .project-detail-wrap .colA section.overview_sec .content p {
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 1.5;
}

.projectD-secA .project-detail-wrap .colA section.overview_sec .content strong {
  color: var(--text);
  font-weight: 600;
}

.projectD-secA .project-detail-wrap .colA section.overview_sec .content ul {
  margin-bottom: 10px;
}

.projectD-secA .project-detail-wrap .colA section.overview_sec .content p, .projectD-secA .project-detail-wrap .colA section.overview_sec .content li {
  text-align: start;
  -webkit-hyphens: none;
  hyphens: none;
  font-size: 14px;
}

.projectD-secA .project-detail-wrap .colA section.overview_sec .view_all img {
  transition: all .5s;
  transform: rotate(90deg);
}

.projectD-secA .project-detail-wrap .colA section.overview_sec .view_all:hover img {
  transform: rotate(0);
}

.projectD-secA .project-detail-wrap .colA section.projectDetails_sec .details_content {
  grid-gap: 60px 20px;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

@media only screen and (max-width: 768px) {
  .projectD-secA .project-detail-wrap .colA section.projectDetails_sec .details_content {
    grid-gap: 40px 20px;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (max-width: 540px) {
  .projectD-secA .project-detail-wrap .colA section.projectDetails_sec .details_content {
    grid-gap: 10px;
    grid-template-columns: repeat(1, 1fr);
  }
}

.projectD-secA .project-detail-wrap .colA section.projectDetails_sec .details_content .list h6 {
  color: var(--black);
  margin-bottom: 7px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

@media only screen and (max-width: 540px) {
  .projectD-secA .project-detail-wrap .colA section.projectDetails_sec .details_content .list h6 {
    margin-bottom: 5px;
    font-size: 14px;
  }
}

.projectD-secA .project-detail-wrap .colA section.projectDetails_sec .details_content .list ul li {
  color: var(--text);
  margin-bottom: 5px;
  padding-left: 15px;
  font-size: 14px;
  position: relative;
}

.projectD-secA .project-detail-wrap .colA section.projectDetails_sec .details_content .list ul li:before {
  content: ">";
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
}

.projectD-secA .project-detail-wrap .colA section.projectType_sec .projectType_wrapper {
  position: relative;
}

.projectD-secA .project-detail-wrap .colA section.projectType_sec .projectType_wrapper .projectType_slider {
  max-width: 98%;
}

.projectD-secA .project-detail-wrap .colA section.projectType_sec .projectType_wrapper .projectType_slider .proType_col {
  text-align: center;
  background: #f5f5f5;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  padding: 10px;
}

.projectD-secA .project-detail-wrap .colA section.projectType_sec .projectType_wrapper .projectType_slider .proType_col figure {
  border: 1px solid var(--primary);
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin: 0 auto 10px;
  padding: 5px;
}

@media only screen and (max-width: 540px) {
  .projectD-secA .project-detail-wrap .colA section.projectType_sec .projectType_wrapper .projectType_slider .proType_col figure {
    width: 80px;
    height: 80px;
  }
}

.projectD-secA .project-detail-wrap .colA section.projectType_sec .projectType_wrapper .projectType_slider .proType_col figure img {
  border-radius: 50%;
}

.projectD-secA .project-detail-wrap .colA section.projectType_sec .projectType_wrapper .projectType_slider .proType_col figcaption .proname {
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: 500;
}

.projectD-secA .project-detail-wrap .colA section.projectType_sec .projectType_wrapper .projectType_slider .proType_col figcaption .proloc {
  color: var(--text);
  margin-bottom: 2px;
  font-size: 14px;
  line-height: 1.2;
}

@media only screen and (max-width: 540px) {
  .projectD-secA .project-detail-wrap .colA section.projectType_sec .projectType_wrapper .projectType_slider .proType_col figcaption .proloc {
    font-size: 12px;
  }
}

.projectD-secA .project-detail-wrap .colA section.projectType_sec .table_wrapper {
  width: 100%;
  margin: 40px 0 20px;
  overflow-x: auto;
}

.projectD-secA .project-detail-wrap .colA section.projectType_sec .table_wrapper table {
  border-collapse: collapse;
  border: 1px solid #f5f5f5;
  width: 100%;
}

.projectD-secA .project-detail-wrap .colA section.projectType_sec .table_wrapper table thead {
  color: var(--black);
  background: #f5f5f5;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.projectD-secA .project-detail-wrap .colA section.projectType_sec .table_wrapper table thead th {
  text-align: left;
  border-right: 1px solid #fff;
  padding: 10px;
  font-weight: 600;
}

@media only screen and (max-width: 540px) {
  .projectD-secA .project-detail-wrap .colA section.projectType_sec .table_wrapper table thead th {
    font-size: 14px;
  }
}

.projectD-secA .project-detail-wrap .colA section.projectType_sec .table_wrapper table tbody tr td {
  color: var(--text);
  border-bottom: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
  padding: 10px;
  font-size: 14px;
}

@media only screen and (max-width: 540px) {
  .projectD-secA .project-detail-wrap .colA section.projectType_sec .table_wrapper table tbody tr td {
    font-size: 12px;
  }
}

.projectD-secA .project-detail-wrap .colA section.projectType_sec .table_wrapper table tbody tr td:last-child {
  text-align: center;
}

.projectD-secA .project-detail-wrap .colA section.projectType_sec .table_wrapper table tbody tr td .btn {
  --height: 28px;
  font-size: 12px;
}

.projectD-secA .project-detail-wrap .colA section.amenities_sec.p-0 {
  padding: 0;
}

.projectD-secA .project-detail-wrap .colA section.amenities_sec.p-0 .amenities_content {
  background: #e9f1ff40;
  border: 1px solid #003b9547;
  border-radius: 10px;
  padding: 20px;
}

.projectD-secA .project-detail-wrap .colA section.amenities_sec .amenities_content {
  grid-gap: 15px;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

@media only screen and (max-width: 768px) {
  .projectD-secA .project-detail-wrap .colA section.amenities_sec .amenities_content {
    grid-gap: 10px;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 540px) {
  .projectD-secA .project-detail-wrap .colA section.amenities_sec .amenities_content {
    grid-gap: 10px;
    grid-template-columns: repeat(1, 1fr);
  }
}

.projectD-secA .project-detail-wrap .colA section.amenities_sec .amenities_content .amenity_col {
  gap: 10px;
  display: flex;
}

@media only screen and (max-width: 540px) {
  .projectD-secA .project-detail-wrap .colA section.amenities_sec .amenities_content .amenity_col {
    gap: 5px;
  }
}

.projectD-secA .project-detail-wrap .colA section.amenities_sec .amenities_content .amenity_col.align-center {
  align-items: center;
}

.projectD-secA .project-detail-wrap .colA section.amenities_sec .amenities_content .amenity_col.align-center .desc p {
  padding: 0;
}

.projectD-secA .project-detail-wrap .colA section.amenities_sec .amenities_content .amenity_col .icon {
  flex: 0 auto;
  width: 30px;
  height: 30px;
}

.projectD-secA .project-detail-wrap .colA section.amenities_sec .amenities_content .amenity_col .desc {
  flex: 1;
}

.projectD-secA .project-detail-wrap .colA section.amenities_sec .amenities_content .amenity_col .desc p {
  color: var(--black);
  padding-bottom: 7px;
  font-size: 14px;
  font-weight: 500;
}

@media only screen and (max-width: 540px) {
  .projectD-secA .project-detail-wrap .colA section.amenities_sec .amenities_content .amenity_col .desc p {
    padding-bottom: 5px;
    font-size: 14px;
  }
}

.projectD-secA .project-detail-wrap .colA section.amenities_sec .amenities_content .amenity_col .desc p span {
  font-weight: 400;
}

.projectD-secA .project-detail-wrap .colA section.amenities_sec .amenities_content .amenity_col .desc ul li {
  color: var(--text);
  margin-bottom: 5px;
  padding-left: 15px;
  font-size: 14px;
  position: relative;
}

@media only screen and (max-width: 540px) {
  .projectD-secA .project-detail-wrap .colA section.amenities_sec .amenities_content .amenity_col .desc ul li {
    padding-left: 12px;
    font-size: 12px;
  }
}

.projectD-secA .project-detail-wrap .colA section.amenities_sec .amenities_content .amenity_col .desc ul li:before {
  content: ">";
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
}

@media only screen and (max-width: 540px) {
  .projectD-secA .project-detail-wrap .colA section.amenities_sec .map {
    margin-top: 10px;
  }
}

.projectD-secA .project-detail-wrap .colA section.amenities_sec .map iframe {
  filter: grayscale();
  border-radius: 10px;
  width: 100%;
}

@media only screen and (max-width: 540px) {
  .projectD-secA .project-detail-wrap .colA section.amenities_sec .map iframe {
    height: 400px;
  }
}

.projectD-secA .project-detail-wrap .colB {
  flex: 1;
  width: 100%;
  max-width: 30%;
}

@media only screen and (max-width: 991px) {
  .projectD-secA .project-detail-wrap .colB {
    max-width: 100%;
  }
}

.projectD-secA .project-detail-wrap .colB .property_highlights {
  background: #efefef;
  border-radius: 10px;
  height: 100%;
}

.projectD-secA .project-detail-wrap .colB .property_highlights .highlights_details {
  border-bottom: 1px solid #00000021;
  padding: 30px 20px;
}

@media only screen and (max-width: 1024px) {
  .projectD-secA .project-detail-wrap .colB .property_highlights .highlights_details {
    padding: 15px 10px;
  }
}

.projectD-secA .project-detail-wrap .colB .property_highlights .highlights_details h5 {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}

@media only screen and (max-width: 1024px) {
  .projectD-secA .project-detail-wrap .colB .property_highlights .highlights_details h5 {
    margin-bottom: 10px;
    font-size: 16px;
  }
}

.projectD-secA .project-detail-wrap .colB .property_highlights .highlights_details .high_col {
  align-items: center;
  gap: 10px;
  display: flex;
}

.projectD-secA .project-detail-wrap .colB .property_highlights .highlights_details .high_col:not(:last-child) {
  margin-bottom: 15px;
}

.projectD-secA .project-detail-wrap .colB .property_highlights .highlights_details .high_col .icon {
  width: 30px;
}

.projectD-secA .project-detail-wrap .colB .property_highlights .highlights_details .high_col .desc h6 {
  color: var(--black);
  font-size: 16px;
  font-weight: 500;
}

.projectD-secA .project-detail-wrap .colB .property_highlights .highlights_details .high_col .desc p {
  font-size: 14px;
}

.projectD-secA .project-detail-wrap .colB .property_highlights .highlights_details .view_all {
  width: 100%;
  margin-top: 20px;
}

.projectD-secA .project-detail-wrap .colB .property_highlights .highlights_details .view_all img {
  transition: all .5s;
  transform: rotate(90deg);
}

.projectD-secA .project-detail-wrap .colB .property_highlights .highlights_details .view_all:hover img {
  transform: rotate(0);
}

.projectD-secA .project-detail-wrap .colB .property_highlights .highlights_action {
  padding: 20px;
}

@media only screen and (max-width: 1024px) {
  .projectD-secA .project-detail-wrap .colB .property_highlights .highlights_action {
    padding: 15px 10px;
  }
}

.projectD-secA .project-detail-wrap .colB .property_highlights .highlights_action h5 {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

@media only screen and (max-width: 1024px) {
  .projectD-secA .project-detail-wrap .colB .property_highlights .highlights_action h5 {
    margin-bottom: 10px;
    font-size: 16px;
  }
}

.projectD-secA .project-detail-wrap .colB .contact-form {
  top: calc(var(--headerheight)  + 40px);
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  margin-top: 30px;
  position: sticky;
  box-shadow: 1px 1px 8.7px #0000001a;
}

@media only screen and (max-width: 991px) {
  .projectD-secA .project-detail-wrap .colB .contact-form {
    position: relative;
    top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .projectD-secA .project-detail-wrap .colB .contact-form {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 540px) {
  .projectD-secA .project-detail-wrap .colB .contact-form {
    margin-top: 10px;
  }
}

.projectD-secA .project-detail-wrap .colB .contact-form .title {
  background: #e4e4e4;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 500;
}

.projectD-secA .project-detail-wrap .colB .contact-form .form {
  --gaptb: 20px;
  --textareaheight: 80px;
  padding: 30px 20px;
}

@media only screen and (max-width: 540px) {
  .projectD-secA .project-detail-wrap .colB .contact-form .form {
    padding: 20px 15px;
  }
}

@media only screen and (max-width: 1024px) {
  .compare-section.compare_wrapper {
    margin-top: calc(var(--headerfixed)  + 50px);
  }
}

.compare-section.compare_wrapper .heading {
  margin-bottom: 40px;
}

@media only screen and (max-width: 540px) {
  .compare-section.compare_wrapper .heading {
    margin-bottom: 30px;
  }
}

.compare-section.compare_wrapper .heading h3 {
  font-size: 32px;
  font-weight: 600;
}

@media only screen and (max-width: 1024px) {
  .compare-section.compare_wrapper .heading h3 {
    font-size: 28px;
  }
}

@media only screen and (max-width: 540px) {
  .compare-section.compare_wrapper .heading h3 {
    font-size: 22px;
  }
}

.compare-section .heading {
  margin-bottom: 30px;
}

.compare-section .heading h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.compare-section .compare_container {
  background: var(--white);
  border: 1px solid #ccc;
  width: 100%;
  height: 100%;
}

.compare-section .compare_container .compare_wrapper .blank.col-md {
  height: 250px;
}

@media only screen and (max-width: 768px) {
  .compare-section .compare_container .compare_wrapper .blank.col-md {
    height: 230px;
  }
}

.compare-section .compare_container .compare_wrapper .blank2 {
  height: 208px;
}

.compare-section .compare_container .compare_wrapper .col-md .title {
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #efefef;
  height: 38px;
  padding: 5px 15px;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  .compare-section .compare_container .compare_wrapper .col-md .title {
    font-size: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .compare-section .compare_container .compare_wrapper .col-md .title {
    font-size: 16px;
  }
}

.compare-section .compare_container .compare_wrapper .col-md .blank {
  height: 300px;
}

.compare-section .compare_container .compare_wrapper .col-md ul:not(.list) li {
  color: var(--text);
  white-space: pre-wrap;
  text-overflow: ellipsis;
  padding: 5px 15px;
  font-size: 14px;
  display: block;
  overflow: hidden;
}

.compare-section .compare_container .compare_wrapper .col-md ul:not(.list) li:not(:last-child) {
  border-bottom: 1px solid #ccc;
}

.compare-section .compare_container .compare_wrapper .col-md ul:not(.list) li.img-li {
  white-space: nowrap;
  align-items: center;
  gap: 5px;
  display: flex;
  overflow-x: auto;
}

.compare-section .compare_container .compare_wrapper .col-md ul:not(.list) li.img-li::-webkit-scrollbar {
  background: none;
  width: 0;
  height: 0;
}

.compare-section .compare_container .compare_wrapper .col-md ul:not(.list) li.img-li::-webkit-scrollbar-track {
  box-shadow: none;
}

.compare-section .compare_container .compare_wrapper .col-md ul:not(.list) li.img-li::-webkit-scrollbar-thumb {
  background-color: #0000004d;
  border-radius: 10px;
}

.compare-section .compare_container .compare_wrapper .col-md ul:not(.list) li.img-li img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 18px;
  height: 18px;
}

@media only screen and (max-width: 768px) {
  .compare-section .compare_container .compare_wrapper .col-md ul:not(.list) li {
    font-size: 14px;
  }
}

.compare-section .compare_container .compare_wrapper .col-md ul:not(.list) li .chk, .compare-section .compare_container .compare_wrapper .col-md ul:not(.list) li .close {
  width: 21px;
  height: 21px;
  margin: 0 auto;
  display: block;
}

.compare-section .compare_container .compare_wrapper .col-md ul:not(.list) li .chk svg, .compare-section .compare_container .compare_wrapper .col-md ul:not(.list) li .close svg {
  width: 100%;
  height: 100%;
}

.compare-section .compare_container .compare_wrapper .col-md ul.plot-compare li {
  white-space: nowrap;
  overflow-x: auto;
}

.compare-section .compare_container .compare_wrapper .col-md ul.plot-compare li::-webkit-scrollbar {
  background: none;
  width: 0;
  height: 0;
}

.compare-section .compare_container .compare_wrapper .col-md ul.plot-compare li::-webkit-scrollbar-track {
  box-shadow: none;
}

.compare-section .compare_container .compare_wrapper .col-md ul.plot-compare li::-webkit-scrollbar-thumb {
  background-color: #0000004d;
  border-radius: 10px;
}

.compare-section .compare_container .compare_wrapper .col-md ul.list {
  padding: 10px 15px;
}

.compare-section .compare_container .compare_wrapper .col-md ul.list li {
  color: var(--text);
  margin-bottom: 5px;
  padding-left: 15px;
  font-size: 14px;
  position: relative;
}

@media only screen and (max-width: 540px) {
  .compare-section .compare_container .compare_wrapper .col-md ul.list li {
    font-size: 12px;
  }
}

.compare-section .compare_container .compare_wrapper .col-md ul.list li:before {
  content: ">";
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
}

.compare-section .compare_container .compare_wrapper .col-md .amenity_ul {
  padding: 10px 15px;
}

.compare-section .compare_container .compare_wrapper .col-md .amenity_ul .li {
  padding-bottom: 10px;
}

.compare-section .compare_container .compare_wrapper .col-md .amenity_ul .li .amenity_col {
  gap: 10px;
  display: flex;
}

.compare-section .compare_container .compare_wrapper .col-md .amenity_ul .li .amenity_col .icon {
  flex: 0 auto;
  width: 30px;
  height: 30px;
}

@media only screen and (max-width: 540px) {
  .compare-section .compare_container .compare_wrapper .col-md .amenity_ul .li .amenity_col .icon {
    width: 20px;
    height: 20px;
  }
}

.compare-section .compare_container .compare_wrapper .col-md .amenity_ul .li .amenity_col .desc {
  flex: 1;
}

.compare-section .compare_container .compare_wrapper .col-md .amenity_ul .li .amenity_col .desc p {
  color: var(--black);
  padding-bottom: 7px;
  font-size: 14px;
  font-weight: 500;
}

@media only screen and (max-width: 540px) {
  .compare-section .compare_container .compare_wrapper .col-md .amenity_ul .li .amenity_col .desc p {
    font-size: 14px;
  }
}

.compare-section .compare_container .compare_wrapper .col-md .amenity_ul .li .amenity_col .desc ul {
  padding: 0;
}

.compare-section .compare_container .compare_wrapper .col-md .amenity_ul .li .amenity_col .desc ul li {
  color: var(--text);
  border-bottom: none;
  margin-bottom: 5px;
  padding: 0 0 0 15px;
  font-size: 14px;
  line-height: 1.2;
  position: relative;
}

@media only screen and (max-width: 540px) {
  .compare-section .compare_container .compare_wrapper .col-md .amenity_ul .li .amenity_col .desc ul li {
    font-size: 12px;
  }
}

.compare-section .compare_container .compare_wrapper .col-md .amenity_ul .li .amenity_col .desc ul li:before {
  content: ">";
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
}

.compare-section .compare_container .compare_wrapper .col-md .btn_ {
  padding: 13px;
}

.compare-section .compare_container .compare_wrapper .colA {
  flex: 0 25%;
  width: 100%;
  max-width: 25%;
}

@media only screen and (max-width: 768px) {
  .compare-section .compare_container .compare_wrapper .colA {
    flex: 0 40%;
    max-width: 40%;
  }
}

.compare-section .compare_container .compare_wrapper .colB {
  border-left: 1px solid #ccc;
  flex: 0 75%;
  width: 100%;
  max-width: 75%;
}

@media only screen and (max-width: 768px) {
  .compare-section .compare_container .compare_wrapper .colB {
    flex: 0 60%;
    max-width: 60%;
  }
}

.compare-section .compare_container .compare_wrapper .colB .compare-slider {
  position: relative;
}

.compare-section .compare_container .compare_wrapper .colB .compare-slider .swiper-nav {
  top: 7%;
  translate: -50% -7%;
}

.compare-section .compare_container .compare_wrapper .colB .compare-slider .compare_slider .swiper-slide:not(:first-child) .column {
  border-left: 1px solid #ccc;
}

.compare-section .compare_container .compare_wrapper .colB .compare-slider .column .card {
  padding: 15px;
}

@media only screen and (max-width: 540px) {
  .compare-section .compare_container .compare_wrapper .colB .compare-slider .column .card {
    padding: 10px;
  }
}

.compare-section .compare_container .compare_wrapper .colB .compare-slider .column .card figure {
  height: 150px;
  line-height: 0;
}

.compare-section .compare_container .compare_wrapper .colB .compare-slider .column .card .proname, .compare-section .compare_container .compare_wrapper .colB .compare-slider .column .card .loc, .compare-section .compare_container .compare_wrapper .colB .compare-slider .column .card .price {
  padding: 0 10px;
}

@media only screen and (max-width: 768px) {
  .compare-section .compare_container .compare_wrapper .colB .compare-slider .column .card .proname, .compare-section .compare_container .compare_wrapper .colB .compare-slider .column .card .loc, .compare-section .compare_container .compare_wrapper .colB .compare-slider .column .card .price {
    padding: 0 7px;
  }
}

.compare-section .compare_container .compare_wrapper .colB .compare-slider .column .card .proname {
  margin: 5px 0 0;
  font-size: 16px;
  font-weight: 500;
}

@media only screen and (max-width: 768px) {
  .compare-section .compare_container .compare_wrapper .colB .compare-slider .column .card .proname {
    margin: 5px 0;
    font-size: 16px;
  }
}

.compare-section .compare_container .compare_wrapper .colB .compare-slider .column .card .loc {
  color: var(--text);
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 400;
}

.compare-section .compare_container .compare_wrapper .colB .compare-slider .column .card .price {
  font-size: 15px;
  font-weight: 500;
}

@media only screen and (max-width: 768px) {
  .compare-section .compare_container .compare_wrapper .colB .compare-slider .column .card .price {
    font-size: 14px;
  }
}

@media only screen and (max-width: 540px) {
  .compare-section .compare_container .compare_wrapper .colB .compare-slider .column .card .price {
    font-size: 12px;
  }
}

.projectD-secC .heading {
  margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  .projectD-secC .heading {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 540px) {
  .projectD-secC .heading {
    margin-bottom: 20px;
  }
}

.projectD-secC .industry_container {
  position: relative;
}

.projectD-secC .industry_container .swiper-nav {
  width: 102%;
  max-width: 102%;
}

@media only screen and (max-width: 540px) {
  .projectD-secC .industry_container .swiper-nav {
    display: none;
  }
}

.projectD-secC .industry_container .industry_slider {
  padding: 10px;
}

.projectD-secC .industry_container .industry_slider .industry_col {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0 3px 8px #0000003d;
}

.gm-style-iw-c {
  width: 200px;
}

.gm-style-iw-c .gm-style-iw-d img {
  border-radius: 5px;
  width: 100%;
  height: 100px;
}

.gm-style-iw-c .gm-style-iw-d b {
  font-size: 13px;
  font-weight: 500;
}

.gm-ui-hover-effect {
  top: -12px;
  right: -12px;
  position: absolute !important;
}

.back-to-top:not(.project_top) {
  display: none;
}

/* [project]/uploads/styles/resale/resale.css [app-client] (css) */
@keyframes shine {
  from {
    opacity: 0;
    left: 0%;
  }

  50% {
    opacity: 1;
  }

  to {
    opacity: 0;
    left: 100%;
  }
}

.form {
  --inputsize: 42px;
  --labelbefore: var(--text);
  --labelafter: var(--black);
  --borderbefore: var(--text);
  --borderafter: var(--black);
  --labelfontbefore: 16px;
  --labelfontafter: 14px;
  --font: normal;
  --color: var(--black);
  --borderwidth: 1px;
  --labelbackground: none;
  --textareaheight: 86px;
  --paddingleftright: 0px;
}

.form .form-group {
  --selectheight: var(--inputsize);
  flex: 0 100%;
  width: 100%;
  max-width: 100%;
  line-height: 0;
  position: relative;
}

.form .form-group.no-border:before, .form .form-group.no-border:after {
  display: none;
}

.form .form-group .error {
  color: red;
  font-size: 12px;
  line-height: normal;
  position: absolute;
  top: calc(100% + 3px);
  left: 0;
  right: 0;
}

.form .form-group .error.static {
  margin: 10px 0;
  position: static;
}

.form .form-group.active:after {
  width: 100%;
}

.form .form-group:before, .form .form-group:after {
  content: "";
  height: var(--borderwidth);
  transition: all .5s;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.form .form-group:before {
  background: var(--borderbefore);
}

.form .form-group:after {
  background: var(--borderafter);
  width: 0;
}

.form .form-group.border:before, .form .form-group.border:after {
  display: none;
}

.form .form-group.border {
  --paddingleftright: 15px;
}

.form .form-group.border input {
  border: 1px solid var(--text);
  border-radius: 5px;
}

.form .form-group label {
  font-weight: var(--font);
  top: calc(var(--inputsize) / 2 - var(--labelfontbefore) / 2);
  left: var(--paddingleftright);
  color: var(--labelbefore);
  line-height: 1;
  font-size: var(--labelfontbefore);
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  background: none;
  transition: all .3s;
  position: absolute;
}

.form .form-group input, .form .form-group textarea {
  height: calc(var(--inputsize)  - var(--borderwidth));
  resize: none;
  width: 100%;
  color: var(--color);
  font-size: inherit;
  cursor: initial;
  padding: 0 var(--paddingleftright);
  background: none;
  border: none;
  border-radius: 0;
  font-family: inherit;
}

.form .form-group input:focus, .form .form-group textarea:focus, .form .form-group input.valid, .form .form-group textarea.valid {
  outline: none;
}

.form .form-group input.valid ~ label, .form .form-group textarea.valid ~ label {
  font-size: var(--labelfontafter);
  color: var(--labelafter);
  top: calc(var(--labelfontafter) / -2);
}

.form .form-group input:not(.no-focus):focus, .form .form-group textarea:not(.no-focus):focus {
  outline: none;
}

.form .form-group input:not(.no-focus):focus ~ label, .form .form-group textarea:not(.no-focus):focus ~ label, .form .form-group input.no-focus ~ label, .form .form-group textarea.no-focus ~ label {
  font-size: var(--labelfontafter);
  color: var(--labelafter);
  top: calc(var(--labelfontafter) / -2);
}

.form .form-group input[readonly], .form .form-group textarea[readonly] {
  caret-color: #0000;
}

.form .form-group textarea {
  height: var(--textareaheight);
  resize: none;
  width: 100%;
  color: var(--color);
  font-size: inherit;
  cursor: initial;
  background: none;
  border: none;
  border-radius: 0;
  font-family: inherit;
  line-height: 1.2;
}

.form .form-group textarea::-webkit-scrollbar {
  background: none;
  width: 2px;
  height: 2px;
}

.form .form-group textarea::-webkit-scrollbar-track {
  box-shadow: none;
}

.form .form-group textarea::-webkit-scrollbar-thumb {
  background-color: var(--black);
  border-radius: 15px;
}

.form .form-group textarea {
  padding: 0 var(--paddingleftright);
  padding-right: 15px;
}

.form .form-group textarea:focus, .form .form-group textarea.valid {
  height: calc(var(--textareaheight)  - 13px);
  outline: none;
  margin-top: 13px;
}

.form .form-group select:focus {
  outline: none;
}

.form .form-group select ~ label {
  top: calc(var(--labelfontafter) / -2);
  left: var(--paddingleftright);
  color: var(--labelafter);
  font-size: var(--labelfontafter);
  opacity: 0;
  transition: all .6s;
  position: absolute;
  translate: 0;
}

.form .form-group select.valid {
  color: var(--color);
}

.form .form-group select.valid ~ label {
  opacity: 1;
}

.form .form-group.file-input input[type="file"] {
  opacity: 0;
  z-index: 4;
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.form .form-group.file-input .file-name {
  pointer-events: none;
  height: calc(var(--inputsize)  - var(--borderwidth));
  --filename: "Attach Resume*";
  --filenameinitial: var(--filename);
  --color: var(--text);
  --background: none;
  --image: url("/assets/icon/clip-gray.svg") no-repeat;
  appearance: none;
  line-height: calc(var(--inputsize)  - var(--borderwidth));
  position: relative;
}

.form .form-group.file-input .file-name:before, .form .form-group.file-input .file-name:after {
  position: absolute;
  inset: 0 0 0 3%;
}

.form .form-group.file-input .file-name:before {
  content: var(--filenameinitial);
  z-index: 2;
  font-family: inherit;
  font-size: inherit;
  line-height: calc(var(--inputsize)  - var(--borderwidth));
  padding-left: var(--paddingleftright);
  color: var(--color);
  text-overflow: ellipsis;
  background: none;
  width: 80%;
  overflow: hidden;
}

.form .form-group.file-input .file-name:after {
  content: "";
  background: var(--image);
  z-index: 1;
  background-repeat: no-repeat;
  background-position: calc(100% - var(--paddingleftright, 0)) 50%;
  background-size: auto 50%;
  right: 0;
}

.form .submit-grp:not(.text-left) {
  text-align: center;
  margin-top: 23px;
}

.checkbox-full {
  --size: 20px;
  align-items: center;
  line-height: normal;
  display: flex;
  position: relative;
}

.checkbox-full:has(input:checked) .check-span {
  background: var(--primary);
}

.checkbox-full:has(input:checked) .check-span:before {
  opacity: 1;
}

.checkbox-full input {
  opacity: 0;
  appearance: none;
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.checkbox-full .check-span {
  --size: 20px;
  height: var(--size);
  width: var(--size);
  pointer-events: none;
  background: #d9d9d9;
  border-radius: 5px;
  flex: 0 auto;
  padding: 0;
  display: block;
  position: relative;
}

.checkbox-full .check-span:before {
  content: "";
  z-index: 2;
  opacity: 0;
  background: url("/assets/icon/tick-white.svg") 50% / 10px no-repeat;
  position: absolute;
  inset: 0;
}

.checkbox-full p {
  padding-left: 14px;
}

.radio-full {
  --size: 20px;
  align-items: center;
  line-height: normal;
  display: flex;
  position: relative;
}

.radio-full:has(input:checked) .check-span {
  background: var(--primary);
  outline-offset: -4px;
  outline: 2px solid var(--white);
  background: var(--primary);
}

.radio-full input {
  opacity: 0;
  appearance: none;
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.radio-full .check-span {
  --size: 17px;
  height: var(--size);
  width: var(--size);
  border: 1px solid var(--primary);
  appearance: none;
  background: none;
  border-radius: 50%;
  flex: 0 auto;
  padding: 0;
  display: inline-block;
  position: relative;
}

.radio-full p {
  padding-left: 14px;
}

*, :before, :after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}

:root {
  --headerpadding: 12px;
  --headerheight: 90px;
  --headerfixed: 70px;
  --mobilesearchbar: 45px;
  --arrow: 25px;
  --arrowsize: 20px;
  --triangle: 10px;
  --space: 11px;
  --footerstrip: 38px;
  --filterstrip: 42px;
  --elementhover: #003b95;
  --primary: #003b95;
  --secondary: #0355d1;
  --lightprime: #d6e6ff;
  --lightblue: #e9f1ff;
  --colortext: #000;
  --red: #ff2323;
  --green: #4ea95f;
  --sucgreen: green;
  --blue: #2773e5;
  --text: #666;
  --white: #fff;
  --black: #000;
  --gray: #efefef;
  --container: 1280px;
  --containerfluid: 10px;
  --gradient-a: linear-gradient(90deg, #006ce4 0%, #3691f6 100%);
  --gradient-b: linear-gradient(90deg, #3691f6 0%, #006ce4 100%);
}

@media only screen and (max-width: 768px) {
  :root {
    --headerheight: 80px;
    --headerfixed: 60px;
    --headerpadding: 8px;
  }
}

.sec-head {
  letter-spacing: 10px;
  text-transform: uppercase;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

@media only screen and (max-width: 768px) {
  .sec-head {
    font-size: 18px;
  }
}

@media only screen and (max-width: 540px) {
  .sec-head {
    font-size: 16px;
    line-height: 1.5;
  }
}

.sec-heading {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.sec-pad {
  padding: 60px 0 0;
}

@media only screen and (max-width: 991px) {
  .sec-pad {
    padding: 50px 0 0;
  }
}

@media only screen and (max-width: 768px) {
  .sec-pad {
    padding: 40px 0 0;
  }
}

@media only screen and (max-width: 540px) {
  .sec-pad {
    padding: 30px 0 0;
  }
}

.sec-pad-all {
  padding: 60px 0;
}

@media only screen and (max-width: 991px) {
  .sec-pad-all {
    padding: 50px 0;
  }
}

@media only screen and (max-width: 768px) {
  .sec-pad-all {
    padding: 40px 0;
  }
}

@media only screen and (max-width: 540px) {
  .sec-pad-all {
    padding: 30px 0;
  }
}

body::-webkit-scrollbar {
  background: var(--white);
  width: 8px;
}

body::-webkit-scrollbar-track {
  box-shadow: none;
}

body::-webkit-scrollbar-thumb {
  background-color: var(--primary);
  border-radius: 10px;
}

@media only screen and (max-width: 540px) {
  body {
    -webkit-tap-highlight-color: transparent;
  }
}

body.overflow-hidden {
  margin-right: 8px;
  overflow: hidden;
}

@media only screen and (max-width: 991px) {
  body.overflow-hidden {
    margin-right: 0;
  }
}

body.overflow-hidden header {
  width: calc(100% - 8px);
}

@media only screen and (max-width: 991px) {
  body.overflow-hidden header {
    width: 100%;
  }
}

body, html {
  font-optical-sizing: auto;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5;
}

body p, html p {
  color: var(--text);
  line-height: 1.2;
}

a[href] {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  transition: all .5s;
}

a[href].view_all {
  color: var(--primary);
}

a[href].logo {
  line-height: 0;
  display: block;
}

.view_all {
  color: var(--primary);
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

@media only screen and (max-width: 540px) {
  .view_all {
    gap: 6px;
  }
}

.view_all img {
  width: 24px;
}

@media only screen and (max-width: 540px) {
  .view_all img {
    width: 20px;
  }
}

.view_all:hover svg, .view_all:hover img {
  transform: translateX(5px);
}

svg path {
  transition: all .5s;
}

.container {
  max-width: var(--container);
  width: 100%;
  margin: 0 auto;
}

@media only screen and (max-width: 1300px) {
  .container {
    padding: 0 25px;
  }
}

@media only screen and (max-width: 767px) {
  .container {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 345px) {
  .container {
    padding: 0 13px;
  }
}

@media only screen and (max-width: 320px) {
  .container {
    padding: 0 10px;
  }
}

@media only screen and (max-width: 675px) {
  .container.container2 {
    padding-right: 0;
  }

  .container.container2 .heading {
    padding-right: 15px;
  }
}

@media only screen and (max-width: 345px) {
  .container.container2 .heading {
    padding-right: 13px;
  }
}

@media only screen and (max-width: 320px) {
  .container.container2 .heading {
    padding-right: 10px;
  }
}

.container-fluid {
  padding: 0 var(--containerfluid);
  margin: 0 auto;
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Poppins;
  font-weight: normal;
}

h1 {
  font-size: 48px;
  font-weight: 600;
  line-height: 1.17;
}

@media only screen and (max-width: 767px) {
  h1 {
    font-size: 48px;
  }
}

h2 {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.05;
}

h3 {
  font-size: 36px;
  line-height: 1.06;
}

@media only screen and (max-width: 540px) {
  .heading {
    text-align: center;
  }
}

.heading.color h2 {
  font-size: 36px;
}

@media only screen and (max-width: 991px) {
  .heading.color h2 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .heading.color h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 540px) {
  .heading.color h2 {
    font-size: 24px;
  }
}

.heading.color h2 {
  color: var(--primary);
  font-weight: 600;
}

@media only screen and (max-width: 991px) {
  .heading.color h2 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .heading.color h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 540px) {
  .heading.color h2 {
    font-size: 28px;
  }
}

.heading h2 {
  font-size: 22px;
  line-height: 1.2;
}

@media only screen and (max-width: 540px) {
  .heading h2 {
    font-size: 20px;
  }
}

.heading.h-large h3, .heading.h-large h2 {
  font-size: 36px;
}

.heading.c-white h3, .heading.c-white h2 {
  color: var(--white);
}

.heading > p {
  margin-top: 10px;
}

h4 {
  font-size: 36px;
  line-height: 1.28;
}

h5 {
  font-size: 24px;
  line-height: 1.25;
}

@media only screen and (max-width: 1152px) {
  h5 {
    font-size: 22px;
  }
}

@media only screen and (max-width: 675px) {
  h5 {
    font-size: 20px;
  }
}

h6 {
  font-size: 20px;
}

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

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

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

.text-uppercase {
  text-transform: uppercase;
}

.flex {
  flex-wrap: wrap;
  display: flex;
}

.grid {
  display: grid;
}

.span-2 {
  grid-column: span(2);
}

.inline-flex {
  --gap: 12px;
  align-items: center;
  gap: 0 var(--gap);
  display: inline-flex;
}

img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

input, button, select {
  font-family: inherit;
  font-size: inherit;
  cursor: pointer;
}

input {
  border: none;
  border-radius: 0;
  outline: none;
}

input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

video {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

button {
  appearance: none;
  cursor: pointer;
  background: none;
  border: none;
}

button.remove, button.edit {
  text-transform: uppercase;
  font-size: 14px;
}

button.remove {
  color: var(--text);
}

.btn_wrap {
  align-items: center;
  gap: 15px;
  display: flex;
}

.tab-nav {
  cursor: default;
}

.tab-nav [data-tab] {
  cursor: pointer;
  caret-color: #0000;
}

.tab-nav-content {
  position: relative;
}

.tab-nav-content .tabs {
  transition: all .3s;
  transform: translateY(10px);
}

.tab-nav-content .tabs.active {
  transform: translateY(0);
}

.tab-nav-content .tabs:not(.active) {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
  height: 0;
  position: absolute;
  inset: 0;
  overflow: hidden;
  transform: translateY(3%);
}

.item-md {
  position: relative;
}

.item-md:before, .item-md:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
  background: none;
  transition: all .5s;
  position: absolute;
  inset: 0;
}

.item-md figure, .item-md .figure {
  height: 100%;
  line-height: 0;
  display: block;
  overflow: hidden;
}

.item-md figure img, .item-md figure video, .item-md .figure img, .item-md .figure video {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all .5s;
}

.item-md figcaption {
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.item-md .link-md {
  z-index: 3;
  position: absolute;
  inset: 0;
}

.item-md.center-item figcaption {
  top: 50%;
  bottom: auto;
  translate: 0 -50%;
}

.testimony_col:before {
  background: linear-gradient(#0000 14%, #0009 88%);
}

.testimony_col figcaption {
  justify-content: space-between;
  align-items: center;
  padding: 0 20px 20px;
  display: flex;
  bottom: 3%;
  translate: 0 3%;
}

.testimony_col figcaption .content h6, .testimony_col figcaption .content p {
  color: var(--white);
}

.testimony_col figcaption .content h6 {
  font-size: 24px;
}

@media only screen and (max-width: 991px) {
  .testimony_col figcaption .content h6 {
    font-size: 22px;
  }
}

.testimony_col figcaption .content p {
  font-size: 14px;
}

.testimony_col figcaption .play-btn {
  --btnsize: 40px;
}

.product_col {
  background-color: var(--white);
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.product_col:hover figure img, .product_col:hover .figure img {
  transform: scale(1);
}

.product_col:hover .hoverItem {
  transform: translateY(0);
}

.product_col figure, .product_col .figure {
  width: 100%;
  height: 100%;
  max-height: 500px;
  padding: 20px 0;
  line-height: 0;
  display: block;
  overflow: hidden;
}

.product_col figure img, .product_col .figure img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
  transform: scale(.9);
}

.product_col figcaption {
  padding: 0 20px 30px;
  overflow: hidden;
}

@media only screen and (max-width: 540px) {
  .product_col figcaption {
    padding: 0 10px 10px;
  }
}

.product_col figcaption h6 {
  padding: 0 20px 5px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 700;
}

@media only screen and (max-width: 540px) {
  .product_col figcaption h6 {
    padding: 0 5px 5px;
  }
}

.product_col figcaption p {
  padding: 0 20px;
  font-size: 14px;
  font-weight: 400;
}

@media only screen and (max-width: 540px) {
  .product_col figcaption p {
    padding: 0 5px;
  }
}

.product_col .wislist {
  position: absolute;
  top: 3%;
  right: 5%;
  transform: translate(5%, -3%);
}

.product_col .hoverItem {
  align-items: center;
  width: 100%;
  transition: all .5s;
  display: flex;
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
}

.product_col .hoverItem a, .product_col .hoverItem button {
  text-align: center;
  flex: 1;
  padding: 15px 10px;
  line-height: 1.2;
}

.product_col .hoverItem .enquireBtn {
  background: var(--black);
  color: var(--white);
}

@media only screen and (max-width: 540px) {
  .product_col .hoverItem .enquireBtn {
    padding: 8px 5px;
    font-size: 12px;
  }
}

.product_col .hoverItem .viewDetails {
  background: var(--gray);
  color: var(--black);
}

@media only screen and (max-width: 540px) {
  .product_col .hoverItem .viewDetails {
    padding: 8px 5px;
    font-size: 12px;
  }
}

.city_col {
  background: var(--white);
  text-align: center;
  border: 1px solid #aeaeae;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  padding: 15px 20px;
  transition: all .3s;
  display: block;
}

@media only screen and (max-width: 768px) {
  .city_col {
    padding: 10px;
  }
}

.city_col:hover {
  box-shadow: 0 5px 15px #00000059;
}

.city_col:hover .cname {
  color: var(--primary);
}

.city_col img {
  width: 85px;
  height: 85px;
}

@media only screen and (max-width: 768px) {
  .city_col img {
    width: 70px;
    height: 70px;
  }
}

@media only screen and (max-width: 540px) {
  .city_col img {
    width: 60px;
    height: 60px;
  }
}

.city_col .cname {
  color: var(--black);
  margin: 10px 0 3px;
  font-size: 16px;
  font-weight: 500;
  transition: all .3s;
}

@media only screen and (max-width: 540px) {
  .city_col .cname {
    margin: 5px 0;
    font-size: 14px;
  }
}

.city_col .parks {
  color: var(--text);
  font-size: 14px;
  font-weight: 400;
  transition: all .3s;
}

@media only screen and (max-width: 540px) {
  .city_col .parks {
    font-size: 12px;
  }
}

.category_col:before {
  z-index: 1;
  background: linear-gradient(#0000 14%, #0000004d 88%);
  border-radius: 10px;
}

.category_col:after {
  z-index: 0;
  background: linear-gradient(0deg, #0000 14%, #0000004d 88%);
  border-radius: 10px;
}

.category_col:hover figure img {
  transform: scale(1.2);
}

.category_col figure {
  border-radius: 10px;
  height: 274px;
  position: relative;
}

.category_col figure video {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
}

.category_col figure img {
  transition: all 1s;
}

.category_col .wishlist {
  z-index: 3;
  position: absolute;
  top: 15px;
  right: 15px;
}

.category_col figcaption {
  z-index: 2;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 15px 15px 20px;
  display: flex;
}

.category_col figcaption .top_sec {
  justify-content: space-between;
  align-items: center;
}

.category_col figcaption .top_sec p {
  color: var(--white);
  font-size: 14px;
  font-weight: 500;
}

.category_col figcaption .lower_sec h3 {
  color: var(--white);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

@media only screen and (max-width: 991px) {
  .category_col figcaption .lower_sec h3 {
    font-size: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .category_col figcaption .lower_sec h3 {
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
}

.category_col figcaption .lower_sec p {
  color: var(--white);
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
}

.industry_col {
  width: 100%;
  height: 100%;
}

.industry_col:hover figure .img_wrap img {
  transform: scale(1.2);
}

.industry_col figure {
  height: 195px;
  position: relative;
}

.industry_col figure:before, .industry_col figure:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
  background: none;
  transition: all .5s;
  position: absolute;
  inset: 0;
}

.industry_col figure:before {
  background: linear-gradient(#0000 14%, #0000004d 88%);
  border-radius: 5px;
}

.industry_col figure:after {
  background: linear-gradient(0deg, #0000 14%, #0000004d 88%);
  border-radius: 5px;
}

.industry_col .img_wrap {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 100%;
  line-height: 0;
  display: block;
  overflow: hidden;
}

.industry_col .img_wrap img, .industry_col .img_wrap video {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all .5s;
}

.industry_col .wishlist {
  z-index: 3;
  position: absolute;
  top: 15px;
  right: 15px;
}

.industry_col .img_content {
  z-index: 2;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 15px 15px 20px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.industry_col .img_content .top_sec {
  justify-content: space-between;
  align-items: center;
}

.industry_col .img_content .top_sec p {
  color: var(--white);
  font-size: 14px;
  font-weight: 500;
}

.industry_col .img_content .lower_sec h3 {
  color: var(--white);
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  display: -webkit-box;
  overflow: hidden;
}

.industry_col .img_content .lower_sec p {
  color: var(--white);
  margin-top: 10px;
  font-size: 12px;
  font-weight: 400;
}

.industry_col figcaption {
  background: var(--white);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 25px 15px;
}

@media only screen and (max-width: 540px) {
  .industry_col figcaption {
    padding: 20px 15px;
  }
}

.industry_col figcaption > p {
  color: var(--text);
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
}

.industry_col figcaption .distance {
  align-items: start;
  gap: 10px;
  padding: 20px 0;
  display: flex;
}

.industry_col figcaption .distance .dis_col {
  flex: 1;
}

.industry_col figcaption .distance .dis_col p, .industry_col figcaption .distance .dis_col span {
  color: var(--text);
  display: block;
}

.industry_col figcaption .distance .dis_col p {
  font-size: 14px;
  font-weight: 500;
}

.industry_col figcaption .distance .dis_col span {
  margin-top: 7px;
  font-size: 12px;
  line-height: 1.2;
}

.industry_col figcaption .btn_wrapper {
  align-items: center;
  gap: 10px;
  display: flex;
}

.industry_col figcaption .btn_wrapper .btn {
  flex: 1;
}

@media only screen and (max-width: 768px) {
  .industry_col figcaption .btn_wrapper .btn {
    --padding: 5px;
  }
}

.overlay {
  z-index: 6;
  opacity: 0;
  cursor: pointer;
  background: #00000080;
  transition: all 0s .5s, opacity .5s;
  position: fixed;
  inset: 0;
  transform: translateY(100%);
}

@media only screen and (max-width: 991px) {
  .overlay {
    z-index: 2;
  }
}

@media only screen and (max-width: 540px) {
  .overlay {
    display: none;
  }
}

.overlay.is-open {
  opacity: 1;
  transition: opacity 1s;
  transform: translateY(0%);
}

.overlay2 {
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  background: #000000b3;
  transition: all 0s .5s, opacity .5s;
  position: fixed;
  inset: 0;
  transform: translateY(100%);
}

@media only screen and (max-width: 991px) {
  .overlay2 {
    z-index: 2;
  }
}

@media only screen and (max-width: 675px) {
  .overlay2 {
    display: none;
  }
}

.overlay2.is-open {
  opacity: 1;
  transition: opacity 1s;
  transform: translateY(0%);
}

.model {
  z-index: 7;
  background: var(--white);
  background-position: 0 80%;
  background-size: 75%;
  width: 100%;
  max-width: 435px;
  position: fixed;
  top: 0;
  bottom: 0;
}

.model .close:not(.btn) {
  position: absolute;
  top: 40px;
  right: 40px;
}

@media only screen and (max-width: 520px) {
  .model .close:not(.btn) {
    top: 20px;
    right: 20px;
  }
}

.model .close:not(.btn) path {
  stroke: var(--black);
}

img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  transition: all .5s;
}

.btn {
  --height: 34px;
  --padding: 18px;
  vertical-align: middle;
  height: var(--height);
  line-height: var(--height);
  padding: 0 var(--padding);
  text-transform: capitalize;
  color: var(--white);
  appearance: none;
  caret-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  background: var(--primary);
  z-index: 1;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  transition: all .5s;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.btn:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background: var(--gradient-a);
  transition: all .5s;
  position: absolute;
  inset: 0;
}

.btn:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background: var(--gradient-b);
  transition: all .5s;
  position: absolute;
  inset: 0;
}

.btn:before, .btn:after {
  z-index: -1;
  transition: all .5s;
}

.btn:after {
  opacity: 0;
}

@media only screen and (max-width: 540px) {
  .btn {
    --padding: 14px;
    font-size: 12px;
  }
}

.btn:hover:before {
  opacity: 0;
}

.btn:hover:after {
  opacity: 1;
}

.btn:hover path {
  fill: var(--primary);
}

.btn img {
  width: 24px;
  transition: all .3s;
}

.btn.btn-large, .btn.btn-medium {
  letter-spacing: 0;
  font-size: 16px;
}

.btn.w-100 {
  width: 100%;
}

.btn.btn-large {
  --height: 52px;
  --padding: 38px;
}

.btn.small {
  --height: 30px;
  --padding: 12px;
  font-size: 14px;
}

.btn.btn-medium {
  --height: 45px;
  --padding: 25px;
}

.btn.white-border {
  border: 1px solid var(--white);
  background: none;
}

.btn.white-border:before {
  background: none;
}

.btn.white-border:after {
  background: var(--white);
}

.btn.white-border:hover {
  color: var(--primary);
}

.btn.white-border:hover img {
  filter: invert();
}

.btn.color-border {
  border: 1px solid var(--primary);
  color: var(--primary);
  background: none;
  border-radius: 25px;
}

.btn.color-border:before {
  background: none;
}

.btn.color-border:after {
  background: var(--primary);
}

.btn.color-border:hover {
  color: var(--white);
}

.btn.primary-border {
  border: 1px solid var(--primary);
  color: var(--primary);
  background: none;
  border-radius: 5px;
}

.btn.primary-border:before {
  background: var(--white);
}

.btn.primary-border:after {
  background: var(--primary);
}

.btn.primary-border:hover {
  color: var(--white);
}

.btn.primary-border:hover svg path {
  stroke: var(--white);
  fill: var(--white);
}

.btn.primary-border svg path {
  stroke: var(--primary);
}

.btn.white {
  border: 1px solid var(--white);
  color: var(--black);
  background: none;
}

.btn.white:before {
  background: var(--white);
}

.btn.white:after {
  background: none;
}

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

.btn.white:hover img {
  filter: invert();
}

.form-grid {
  --item: 1;
  --gaplr: 30px;
  --gaptb: 32px;
  grid-template-columns: repeat(var(--item), calc((100% - var(--gaplr) * (var(--item)  - 1)) / var(--item)));
  gap: var(--gaptb) var(--gaplr);
  display: grid;
}

.form-grid .full {
  grid-column: span var(--item);
}

.form-grid.form-2 {
  --item: 2;
}

.form-grid.form-3 {
  --item: 3;
}

.form-grid.form-4 {
  --item: 4;
}

.banner {
  position: relative;
}

.banner:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
  background: linear-gradient(270deg, #0000 0%, #000c 100%), linear-gradient(#0000 14%, #0009 88%);
  transition: all .5s;
  position: absolute;
  inset: 0;
}

.banner .bg {
  line-height: 0;
}

@media only screen and (max-width: 1366px) {
  .banner .bg {
    height: calc(100vh - var(--headerheight));
  }
}

.banner .bg video, .banner .bg img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.banner .banner-wrapper {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  translate: 0 -50%;
}

.banner .banner-wrapper h1 {
  text-transform: uppercase;
  color: var(--white);
  font-family: Poppins;
  font-size: 48px;
  line-height: 1.28;
}

.banner .banner-wrapper .content p {
  color: var(--white);
  margin-top: 4px;
  font-size: 20px;
  line-height: 1.23;
}

@media only screen and (max-width: 991px) {
  .banner .banner-wrapper .content p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 768px) {
  .banner .banner-wrapper .content p {
    font-size: 16px;
  }
}

.banner-banner .content h1 {
  text-transform: uppercase;
  font-family: Poppins;
  font-size: 32px;
  line-height: 1.1875;
}

.banner-banner .content p {
  color: var(--text);
  margin-top: 18px;
}

.swiper-slide {
  height: auto;
}

.swiper-nav {
  line-height: 0;
}

.swiper-nav.no_bg .swiper-prev, .swiper-nav.no_bg .swiper-next {
  box-shadow: none;
  background: none;
}

.swiper-nav.no_bg .swiper-prev img, .swiper-nav.no_bg .swiper-prev svg, .swiper-nav.no_bg .swiper-next img, .swiper-nav.no_bg .swiper-next svg {
  width: 30px;
  height: 30px;
}

.swiper-nav.white-border .swiper-prev, .swiper-nav.white-border .swiper-next {
  box-shadow: none;
  border: 1px solid var(--white);
  background: none;
}

.swiper-nav.white-border .swiper-prev img, .swiper-nav.white-border .swiper-prev svg, .swiper-nav.white-border .swiper-next img, .swiper-nav.white-border .swiper-next svg {
  width: 30px;
  height: 30px;
}

.swiper-nav.white-border .swiper-prev img path, .swiper-nav.white-border .swiper-prev svg path, .swiper-nav.white-border .swiper-next img path, .swiper-nav.white-border .swiper-next svg path {
  stroke: var(--white);
}

.swiper-nav.primary-border .swiper-prev, .swiper-nav.primary-border .swiper-next {
  box-shadow: none;
  border: 1px solid var(--primary);
  background: none;
}

.swiper-nav.primary-border .swiper-prev img, .swiper-nav.primary-border .swiper-prev svg, .swiper-nav.primary-border .swiper-next img, .swiper-nav.primary-border .swiper-next svg {
  width: 30px;
  height: 30px;
}

.swiper-nav.primary-border .swiper-prev img path, .swiper-nav.primary-border .swiper-prev svg path, .swiper-nav.primary-border .swiper-next img path, .swiper-nav.primary-border .swiper-next svg path {
  stroke: var(--primary);
}

.swiper-nav.center-full {
  z-index: 2;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

.swiper-nav.center-full .swiper-prev, .swiper-nav.center-full .swiper-next {
  pointer-events: all;
  -webkit-user-select: auto;
  user-select: auto;
}

.swiper-nav.group {
  flex-wrap: wrap;
  align-items: center;
  gap: 0 15px;
  display: flex;
}

@media only screen and (max-width: 1152px) {
  .swiper-nav.group {
    gap: 0 8px;
  }
}

.swiper-nav.icon-width-auto .swiper-next svg, .swiper-nav.icon-width-auto .swiper-prev svg {
  width: auto;
  height: auto;
}

.swiper-prev, .swiper-next {
  background: var(--white);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  box-shadow: 0 5px 15px #00000059;
}

@media only screen and (max-width: 540px) {
  .swiper-prev, .swiper-next {
    width: 30px;
    height: 30px;
  }
}

.swiper-prev img, .swiper-prev svg, .swiper-next img, .swiper-next svg {
  vertical-align: middle;
}

.swiper-prev.swiper-button-disabled, .swiper-next.swiper-button-disabled {
  cursor: no-drop;
  opacity: 1;
}

.swiper-prev.swiper-button-lock, .swiper-next.swiper-button-lock {
  display: none !important;
}

.play-btn {
  --btnsize: 56px;
  --border: 2px;
  --bordercolor: var(--white);
  --playbtncolor: var(--white);
  height: var(--btnsize);
  width: var(--btnsize);
  border: var(--border) solid var(--bordercolor);
  background: none;
  border-radius: 50%;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .play-btn {
    --btnsize: 50px;
  }
}

@media only screen and (max-width: 675px) {
  .play-btn {
    --btnsize: 45px;
    --border: 1px;
  }
}

.play-btn:before {
  content: "";
  background: var(--bordercolor);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  animation: 1.5s ease-out infinite pulse-border;
  display: block;
  position: absolute;
  inset: 50% 0 0 50%;
  transform: translateX(-50%)translateY(-50%);
}

@keyframes pulse-border {
  0% {
    opacity: .5;
    transform: translateX(-50%)translateY(-50%)translateZ(0)scale(1);
  }

  100% {
    opacity: 0;
    transform: translateX(-50%)translateY(-50%)translateZ(0)scale(1.5);
  }
}

.play-btn:after {
  content: "";
  border-top: calc(var(--btnsize) / 8) solid transparent;
  border-bottom: calc(var(--btnsize) / 8) solid transparent;
  border-left: calc(var(--btnsize) / 5.6) solid var(--playbtncolor);
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

.website-content > :first-child {
  margin-top: 0 !important;
}

.website-content > :last-child {
  margin-bottom: 0 !important;
}

.website-content h1 {
  margin-bottom: 45px;
  font-size: 48px;
  font-weight: normal;
  line-height: 1.21;
}

@media only screen and (max-width: 768px) {
  .website-content h1 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 540px) {
  .website-content h1 {
    font-size: 32px;
  }
}

.website-content h2 {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.21;
}

@media only screen and (max-width: 768px) {
  .website-content h2 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 540px) {
  .website-content h2 {
    font-size: 28px;
  }
}

.website-content h3 {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.21;
}

@media only screen and (max-width: 768px) {
  .website-content h3 {
    font-size: 28px;
  }
}

@media only screen and (max-width: 540px) {
  .website-content h3 {
    font-size: 24px;
  }
}

.website-content h4 {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.21;
}

@media only screen and (max-width: 768px) {
  .website-content h4 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 540px) {
  .website-content h4 {
    font-size: 20px;
  }
}

.website-content h5 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

@media only screen and (max-width: 768px) {
  .website-content h5 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 540px) {
  .website-content h5 {
    font-size: 16px;
  }
}

.website-content h6 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}

@media only screen and (max-width: 540px) {
  .website-content h6 {
    font-size: 16px;
  }
}

.website-content h2, .website-content h3, .website-content h4 {
  margin: 40px 0 18px;
}

@media only screen and (max-width: 1336px) {
  .website-content h2, .website-content h3, .website-content h4 {
    margin: 30px 0 18px;
  }
}

@media only screen and (max-width: 768px) {
  .website-content h2, .website-content h3, .website-content h4 {
    margin: 20px 0 15px;
  }
}

@media only screen and (max-width: 540px) {
  .website-content h2, .website-content h3, .website-content h4 {
    margin: 15px 0;
  }
}

.website-content h5, .website-content h6 {
  margin: 22px 0 18px;
}

@media only screen and (max-width: 768px) {
  .website-content h5, .website-content h6 {
    margin: 15px 0;
  }
}

@media only screen and (max-width: 540px) {
  .website-content h5, .website-content h6 {
    margin: 10px 0;
  }
}

.website-content p, .website-content li {
  color: var(--text);
  text-align: justify;
  -webkit-hyphens: auto;
  hyphens: auto;
}

@media only screen and (max-width: 540px) {
  .website-content p, .website-content li {
    font-size: 14px;
  }
}

.website-content p b, .website-content p strong, .website-content li b, .website-content li strong {
  color: var(--black);
  font-weight: 600;
}

.website-content p {
  padding-bottom: 10px;
}

.website-content a {
  color: var(--black);
}

.website-content a:hover {
  text-decoration: underline;
}

.website-content ul:not(.seo-loc-ser) {
  margin-bottom: 30px;
  padding-left: 18px;
}

@media only screen and (max-width: 675px) {
  .website-content ul:not(.seo-loc-ser) {
    padding-left: 10px;
  }
}

.website-content ul:not(.seo-loc-ser) li {
  padding-left: 28px;
  position: relative;
}

@media only screen and (max-width: 675px) {
  .website-content ul:not(.seo-loc-ser) li {
    padding-left: 20px;
  }
}

.website-content ul:not(.seo-loc-ser) li:not(:last-child) {
  margin-bottom: 6px;
}

.website-content ul:not(.seo-loc-ser) li:before {
  content: "";
  aspect-ratio: 1;
  background: var(--primary);
  border-radius: 50%;
  width: 10px;
  position: absolute;
  top: 8px;
  left: 0;
}

@media only screen and (max-width: 520px) {
  .website-content ul:not(.seo-loc-ser) li:before {
    width: 6px;
  }
}

.website-content.website-content-medium h2, .website-content.website-content-medium h3, .website-content.website-content-medium h4 {
  margin: 20px 0 18px;
  font-size: 20px;
  font-weight: 500;
}

.website-content.website-content-medium h5, .website-content.website-content-medium h6 {
  font-size: 18px;
  font-weight: 500;
}

.website-content.website-content-medium p, .website-content.website-content-medium ul {
  margin-bottom: 20px;
}

.website-content .seo-loc-ser li {
  vertical-align: middle;
  line-height: 1;
  display: inline-block;
}

.website-content .seo-loc-ser li:not(:last-child) {
  border-right: 1px solid var(--text);
  margin-right: 10px;
  padding-right: 10px;
}

.website-content .seo-loc-ser li a {
  color: var(--text);
  font-size: 14px;
  display: inline-block;
}

.website-content .seo-loc-ser li a:hover {
  color: var(--primary);
}

.website-content.website-content-white * {
  color: var(--white);
}

.website-content.website-content-white ul li:before {
  background: var(--white);
}

.website-content.website-content-small h2 {
  font-size: 28px;
}

@media only screen and (max-width: 675px) {
  .website-content.website-content-small h2 {
    font-size: 22px;
  }
}

.website-content.website-content-small h3 {
  font-size: 26px;
}

@media only screen and (max-width: 675px) {
  .website-content.website-content-small h3 {
    font-size: 20px;
  }
}

.website-content.website-content-small h4 {
  font-size: 22px;
}

@media only screen and (max-width: 675px) {
  .website-content.website-content-small h4 {
    font-size: 18px;
  }
}

.website-content.website-content-small h5, .website-content.website-content-small h6 {
  font-size: 18px;
}

.website-content table thead {
  color: var(--black);
  background-color: #6666661a;
}

.website-content table thead th {
  padding: 10px;
}

.website-content table tbody tr td {
  color: var(--text);
  padding: 5px 10px;
}

.seo-section .website-content h1, .seo-section .website-content h2, .seo-section .website-content h3 {
  margin: 40px 0 18px;
  font-size: 30px;
}

@media only screen and (max-width: 769px) {
  .seo-section .website-content h1, .seo-section .website-content h2, .seo-section .website-content h3 {
    margin: 30px 0 18px;
    font-size: 24px;
  }
}

@media only screen and (max-width: 540px) {
  .seo-section .website-content h1, .seo-section .website-content h2, .seo-section .website-content h3 {
    margin: 25px 0 15px;
    font-size: 20px;
  }
}

.seo-section .website-content h4, .seo-section .website-content h5, .seo-section .website-content h6 {
  margin: 30px 0 15px;
}

@media only screen and (max-width: 769px) {
  .seo-section .website-content h4, .seo-section .website-content h5, .seo-section .website-content h6 {
    margin: 25px 0 15px;
  }
}

@media only screen and (max-width: 540px) {
  .seo-section .website-content h4, .seo-section .website-content h5, .seo-section .website-content h6 {
    margin: 20px 0 12px;
  }
}

.container-fluid.slider-section .upper-sec .slider-nav {
  right: 3%;
  transform: translate(3%, -50%);
}

@media only screen and (max-width: 675px) {
  .slider-section .container {
    padding-right: 0;
  }
}

.slider-section .upper-sec {
  margin-bottom: 4rem;
  position: relative;
}

@media only screen and (max-width: 991px) {
  .slider-section .upper-sec {
    margin-bottom: 3rem;
  }
}

@media only screen and (max-width: 768px) {
  .slider-section .upper-sec {
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 540px) {
  .slider-section .upper-sec {
    margin-bottom: 1.5rem;
  }
}

.slider-section .upper-sec .slider-nav {
  align-items: center;
  gap: 20px;
  display: flex;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}

@media only screen and (max-width: 768px) {
  .slider-section .upper-sec .slider-nav {
    display: none;
  }
}

.slider-section .upper-sec .slider-nav .swiper-prev svg, .slider-section .upper-sec .slider-nav .swiper-prev img {
  transform: scaleX(-1);
}

.slider-section .upper-sec .heading {
  text-align: center;
}

.lctn {
  color: var(--text);
  --arrow: 20px;
  --space: 5px;
  padding-left: calc(var(--arrow)  + var(--space));
  font-size: 14px;
  line-height: 1;
  position: relative;
}

.lctn:before {
  content: "";
  height: var(--arrow);
  width: var(--arrow);
  transform-origin: 100%;
  background-image: url("/assets/icon/location-gradient.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: all .5s;
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
}

.lctn.clndr {
  color: var(--white);
  --arrow: 17px;
  --space: 12px;
}

.lctn.clndr:before {
  background-image: url("/assets/icon/calender.svg");
}

.common-grid {
  grid-gap: 50px 20px;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

@media only screen and (max-width: 991px) {
  .common-grid {
    grid-gap: 30px 18px;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 675px) {
  .common-grid {
    grid-gap: 10px;
    grid-template-columns: 100%;
  }
}

.product-col {
  position: relative;
}

.product-col:before {
  content: "";
  opacity: 0;
  z-index: 1;
  background: #fff;
  width: 0;
  height: 86%;
  display: block;
  position: absolute;
  top: 7%;
  left: 0%;
  transform: skewX(-20deg);
  box-shadow: 0 0 55px 12px #fff;
}

.product-col:hover:before {
  animation: .4s linear shine;
}

.product-col .figure, .product-col figure {
  line-height: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.product-col .figure .add-to, .product-col figure .add-to {
  text-align: right;
  opacity: 0;
  justify-content: end;
  align-items: center;
  width: 100%;
  transition: all .5s;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.product-col .figure .add-to a, .product-col figure .add-to a {
  padding: 11px 20px;
  transition: all .5s;
  display: block;
}

.product-col .figure .add-to a svg, .product-col figure .add-to a svg {
  vertical-align: middle;
  width: 25px;
  height: 25px;
}

.product-col .figure .add-to a.add2cart, .product-col figure .add-to a.add2cart {
  background-color: #13195f;
}

.product-col .figure .add-to a.add2cart:hover, .product-col figure .add-to a.add2cart:hover {
  background-color: #fff;
}

.product-col .figure .add-to a.add2cart:hover svg path, .product-col figure .add-to a.add2cart:hover svg path {
  fill: var(--primary);
}

.product-col .figure .add-to a.add2wish, .product-col figure .add-to a.add2wish {
  background-color: #030735;
}

.product-col .figure .add-to a.add2wish.active, .product-col figure .add-to a.add2wish.active {
  background-color: #fff;
}

.product-col .figure .add-to a.add2wish.active svg path, .product-col figure .add-to a.add2wish.active svg path {
  fill: var(--primary);
}

.product-col .figure .add-to a.add2wish:hover, .product-col figure .add-to a.add2wish:hover {
  background-color: #fff;
}

.product-col .figure .add-to a.add2wish:hover svg path, .product-col figure .add-to a.add2wish:hover svg path {
  stroke: var(--primary);
}

.product-col .figure img, .product-col figure img {
  -o-object-position: cover;
  object-position: cover;
  -o-object-position: top;
  object-position: top;
  transform-origin: 0 0;
  width: 100%;
  transition: all .5s;
}

.product-col figcaption {
  text-align: center;
  max-width: 305px;
  margin: 0 auto;
  padding: 18px 20px 0;
}

.product-col figcaption .pro_name {
  letter-spacing: 4px;
  text-transform: uppercase;
  text-align: center;
  color: #000;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  display: block;
}

.product-col figcaption .price {
  text-align: center;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  display: block;
}

.product-col figcaption .color-select-wrap {
  padding-bottom: 10px;
}

.product-col figcaption .color-select-wrap li {
  vertical-align: middle;
  display: inline-block;
  position: relative;
}

.product-col figcaption .color-select-wrap li:not(:last-child) {
  margin-right: 15px;
}

.product-col figcaption .color-select-wrap li:has(input:checked) span:before {
  opacity: 1;
}

.product-col figcaption .color-select-wrap li span {
  background-color: #000;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.product-col figcaption .color-select-wrap li span:before {
  content: "";
  opacity: 0;
  border: 1px solid #000;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  position: absolute;
  bottom: -3px;
  left: -3px;
}

.product-col figcaption .color-select-wrap li input {
  z-index: 2;
  appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.product-col figcaption .color-select-wrap li input:checked ~ span:before, .product-col:hover .add-to {
  opacity: 1;
}

.product-col:hover .figure img, .product-col:hover figure img {
  transform: scale(1.1);
}

.product-col .wishlist-ico, .product-col-2 .wishlist-ico {
  background: var(--white);
  opacity: 0;
  pointer-events: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: absolute;
  top: 13px;
  right: 10px;
}

.product-col .wishlist-ico img, .product-col .wishlist-ico svg, .product-col-2 .wishlist-ico img, .product-col-2 .wishlist-ico svg {
  width: 15px;
  height: auto;
}

.product-col .wishlist-ico:hover, .product-col .wishlist-ico.is-active, .product-col-2 .wishlist-ico:hover, .product-col-2 .wishlist-ico.is-active {
  background: var(--primary);
}

.product-col .wishlist-ico:hover img, .product-col .wishlist-ico.is-active img, .product-col-2 .wishlist-ico:hover img, .product-col-2 .wishlist-ico.is-active img {
  filter: brightness(0) saturate() invert() sepia() saturate(1%) hue-rotate(236deg) brightness(103%) contrast(101%);
}

.product-col:hover .wishlist-ico, .product-col-2:hover .wishlist-ico {
  opacity: 1;
  pointer-events: all;
}

.product-col-2, .product-col-3 {
  position: relative;
}

.product-col-2:before, .product-col-3:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background: none;
  transition: all .5s;
  position: absolute;
  inset: 0;
}

.product-col-2 .figure, .product-col-2 figure, .product-col-3 .figure, .product-col-3 figure {
  height: 100%;
  line-height: 0;
  display: block;
  overflow: hidden;
}

.product-col-2 .figure img, .product-col-2 figure img, .product-col-3 .figure img, .product-col-3 figure img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  transition: all .5s;
}

.product-col-2:before, .product-col-3:before {
  z-index: 1;
}

.product-col-2:hover .figure img, .product-col-2:hover figure img, .product-col-3:hover .figure img, .product-col-3:hover figure img {
  transform: scale(1.1);
}

.product-col-2 figcaption, .product-col-3 figcaption {
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.product-col-2:before {
  background: linear-gradient(#0000 0%, #000c 100%);
}

.product-col-2 figcaption {
  text-align: center;
  padding: 0 2rem 46px;
}

.product-col-2 figcaption .prdt-nm, .product-col-2 figcaption .prd-price {
  color: var(--white);
  font-size: 18px;
  display: block;
}

.product-col-2 figcaption .prdt-nm {
  margin-bottom: 8px;
}

.product-col-3:before {
  background: linear-gradient(#0000 0%, #000000f2 100%);
}

.product-col-3:hover .figure img, .product-col-3:hover figure img {
  transform: scale(1.05);
}

.product-col-3 figure img, .product-col-3 .figure img {
  aspect-ratio: .9;
}

.product-col-3 figcaption {
  text-align: center;
  --btnheight: 36px;
  --titlepad: 30px;
  margin-bottom: 3.5rem;
  padding: 0 2rem;
  transition: all .5s;
}

.product-col-3 figcaption .ico {
  opacity: 0;
  margin-bottom: 20px;
  line-height: 0;
  transition: all .5s;
  transform: translateY(30px)scale(.4);
}

.product-col-3 figcaption h6 {
  color: var(--white);
  text-transform: uppercase;
  font-family: Poppins;
  font-size: 22px;
  line-height: 1.283;
  transition: all .6s;
}

.product-col-3 .xbjs {
  opacity: 0;
  transition: all .6s;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateY(30px)scale(.9);
}

.product-col-3 .xbjs .btn {
  --height: var(--btnheight);
}

.product-col-3:hover {
  transform: translateY(0);
}

.product-col-3:hover figcaption .ico {
  opacity: 1;
  transform: translateY(0)scale(1);
}

.product-col-3:hover figcaption h6 {
  padding-bottom: calc(var(--btnheight)  + var(--titlepad));
}

.product-col-3:hover figcaption .xbjs {
  opacity: 1;
  transform: translateY(0)scale(1);
}

.gray-bg {
  background: var(--gray);
}

.gradient-head {
  text-transform: initial;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: var(--gradient-a);
  display: inline-block;
}

.whitetxt {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  background: var(--primary);
  border-color: var(--primary);
  border-radius: 50%;
  width: 17px;
  height: 17px;
  top: 50%;
  translate: 0 -50%;
  border: none !important;
}

.ui-state-default:focus, .ui-widget-content .ui-state-default:focus, .ui-widget-header .ui-state-default:focus, .ui-button:focus, html .ui-button.ui-state-disabled:hover:focus, html .ui-button.ui-state-disabled:active:focus {
  outline: none;
}

.ui-slider-horizontal {
  height: 2px;
  border: none !important;
}

.ui-widget-content {
  background: #cecece;
  border: none !important;
}

.ui-widget-header {
  background: var(--primary);
}

.no-data {
  text-align: center;
  width: 100%;
  font-size: 14px;
}

.kmr-select-wrap {
  --labelheight: 45px;
  --liheight: 34px;
  --boxsize: calc(var(--liheight)  - 14px);
  --arrowsize: 16px;
  --space: 11px;
  display: inline-block;
  position: relative;
}

.kmr-select-wrap .label {
  color: var(--black);
  height: var(--labelheight);
  line-height: var(--labelheight);
  background-image: url("/assets/icon/arrow-down-black.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: var(--arrowsize) auto;
  padding-right: calc(var(--arrowsize)  + var(--space));
  cursor: pointer;
  caret-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: Poppins;
  font-size: 12px;
}

.kmr-select-wrap.active {
  --btn: 10px;
}

.kmr-select-wrap.active.price_select .kmr-select-menu .upper-sec .reset-btn {
  display: block;
}

.kmr-select-wrap.slt-rgt .kmr-select-menu {
  left: auto;
  right: 0;
}

.kmr-select-wrap.color-select .kmr-select-menu li .in-bx {
  border-color: #ccc;
  border-radius: 50%;
}

.kmr-select-wrap.price_select .kmr-select-menu {
  width: 325px;
  padding: 20px;
}

.kmr-select-wrap.price_select .kmr-select-menu .upper-sec {
  display: flex;
}

.kmr-select-wrap.price_select .kmr-select-menu .upper-sec .reset-btn {
  font-size: 14px;
  font-weight: 500;
  display: none;
}

.kmr-select-wrap.price_select .kmr-select-menu .upper-sec .reset-btn svg {
  vertical-align: middle;
  width: 15px;
  height: auto;
  margin-left: 3px;
  display: inline-block;
}

.kmr-select-wrap.price_select .kmr-select-menu h6 {
  color: var(--black);
  flex: 1;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
}

.kmr-select-wrap.price_select .product-range-slider-wrap {
  margin: 30px 0 40px;
}

.kmr-select-wrap.price_select .price-range-input-wrap {
  color: var(--text);
  align-items: center;
  gap: 18px;
  display: flex;
}

.kmr-select-wrap.price_select .price-range-input-wrap .price-range-input {
  background: var(--white);
  height: 30px;
  color: var(--text);
  border: 1px solid #e0e0e0;
  flex: 1;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
  display: flex;
}

.kmr-select-wrap.price_select .price-range-input-wrap .price-range-input input {
  width: 100%;
  color: var(--text);
  border: none;
}

.kmr-select-wrap.price_select .price-range-input-wrap .price-range-input input:focus {
  outline: none;
}

.kmr-select-wrap .kmr-select-menu {
  z-index: 1;
  background: var(--white);
  width: 260px;
  max-height: 244px;
  padding: 20px 0;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  overflow-y: auto;
}

.kmr-select-wrap .kmr-select-menu::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}

.kmr-select-wrap .kmr-select-menu::-webkit-scrollbar-track {
  box-shadow: none;
}

.kmr-select-wrap .kmr-select-menu::-webkit-scrollbar-thumb {
  background-color: var(--text);
  border-radius: 10px;
}

.kmr-select-wrap .kmr-select-menu {
  box-shadow: 0 2px 8px #63636333;
}

.kmr-select-wrap .kmr-select-menu:has(input[type="radio"]) li .in-bx {
  border-radius: 50%;
}

.kmr-select-wrap .kmr-select-menu:has(input[type="radio"]) li .in-bx:before {
  display: none;
}

.kmr-select-wrap .kmr-select-menu:has(input[type="radio"]):has(input:checked) li .in-bx {
  outline: 5px solid var(--white);
  outline-offset: -10px;
}

.kmr-select-wrap .kmr-select-menu li {
  height: var(--liheight);
  align-items: center;
  gap: 12px;
  padding: 0 14px;
  display: flex;
  position: relative;
}

.kmr-select-wrap .kmr-select-menu li:has(input:checked) .in-bx {
  background: var(--black);
  transition: all .4s;
}

.kmr-select-wrap .kmr-select-menu li:has(input:checked) .in-bx:before {
  opacity: 1;
}

.kmr-select-wrap .kmr-select-menu li .in-bx {
  height: var(--boxsize);
  width: var(--boxsize);
  border: 1px solid var(--black);
  border-radius: 3px;
  transition: all;
  position: relative;
}

.kmr-select-wrap .kmr-select-menu li .in-bx:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
  background: url("/assets/icon/tick-white.svg") center / 48% no-repeat;
  transition: all .5s;
  position: absolute;
  inset: 0;
}

.kmr-select-wrap .kmr-select-menu li span {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  display: block;
}

.kmr-select-wrap .kmr-select-menu li input {
  z-index: 1;
  appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

@media only screen and (max-width: 991px) {
  .breadcrumps {
    display: none;
  }
}

.breadcrumps li {
  vertical-align: middle;
  display: inline-block;
}

.breadcrumps li a {
  color: var(--primary);
  font-size: 14px;
}

@media only screen and (max-width: 520px) {
  .breadcrumps li a {
    text-overflow: ellipsis;
    font-size: 12px;
  }
}

.breadcrumps li a.active {
  color: var(--text);
}

.breadcrumps li:not(:last-child) {
  padding-right: 20px;
  position: relative;
}

@media only screen and (max-width: 520px) {
  .breadcrumps li:not(:last-child) {
    padding-right: 10px;
  }
}

.breadcrumps li:not(:last-child):before {
  content: ">";
  color: var(--text);
  font-family: monospace;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 100%;
  translate: 0 -50%;
}

.breadcrumps li:not(:first-child) {
  padding-left: 20px;
}

@media only screen and (max-width: 520px) {
  .breadcrumps li:not(:first-child) {
    padding-left: 10px;
  }
}

[data-scrollTo] {
  cursor: pointer;
}

.fancybox__container {
  --fancybox-bg: var(--black);
}

.green-color {
  color: var(--green) !important;
}

.light-green {
  color: var(--green);
}

.red-color {
  color: var(--red) !important;
}

.orange-color {
  color: orange !important;
}

em {
  font-style: normal;
}

.mt-hdrfxd {
  margin-top: var(--headerfixed);
}

.mt-hdr {
  margin-top: var(--headerheight);
}

.w-full {
  width: 100%;
}

.disc {
  text-align: center;
  margin: 15px 0;
}

.disc p {
  color: var(--text);
  font-size: 14px;
  line-height: 1.2;
  transition: all .5s;
}

.disc p a {
  transition: all .5s;
  color: var(--primary) !important;
}

.disc p a:hover {
  text-decoration: underline;
}

.check_term {
  margin: 15px 0;
}

.check_term .input_box {
  --boxsize: 15px;
  gap: 10px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.check_term .input_box:has(input:checked) .in-bx {
  background: var(--primary);
  transition: all .4s;
}

.check_term .input_box:has(input:checked) .in-bx:before {
  opacity: 1;
}

.check_term .input_box input {
  z-index: 1;
  appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.check_term .input_box .in-bx {
  height: var(--boxsize);
  width: var(--boxsize);
  border: 1px solid var(--black);
  border-radius: 3px;
  transition: all;
  position: relative;
}

.check_term .input_box .in-bx:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  background: url("/assets/icon/tick-white.svg") center / 48% no-repeat;
  transition: all .5s;
  position: absolute;
  inset: 0;
}

.check_term .input_box p {
  color: var(--text);
  flex: 1;
  font-size: 14px;
  line-height: 1;
}

.sm-block {
  display: none;
}

@media only screen and (max-width: 540px) {
  .sm-block {
    display: block;
  }
}

.md-block {
  display: none;
}

@media only screen and (max-width: 768px) {
  .md-block {
    display: block;
  }
}

.sm-none {
  display: block;
}

@media only screen and (max-width: 540px) {
  .sm-none {
    display: none;
  }
}

.md-none {
  display: block;
}

@media only screen and (max-width: 768px) {
  .md-none {
    display: none;
  }
}

.bestSeller_slider_wrapper {
  z-index: 0;
  position: relative;
}

.bestSeller_slider_wrapper .container-fluid .btn_wrapper {
  text-align: center;
  margin-top: 50px;
}

.verify {
  color: red;
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
}

@keyframes scroll {
  0% {
    transform: translateY(10px);
  }

  50% {
    transform: translateY(20px);
  }

  100% {
    transform: translateY(10px);
  }
}

.display-none {
  display: none;
}

.pos-rel {
  position: relative;
}

.wishlist svg {
  width: 30px;
}

.wishlist.added svg path {
  fill: var(--primary);
  stroke: var(--primary);
}

.compare_toggle {
  z-index: 4;
  transition: all .5s;
  position: fixed;
  bottom: 5%;
  right: 2%;
  transform: translateX(100%);
}

.compare_toggle.active {
  transform: translateX(0);
}

@media only screen and (max-width: 540px) {
  .compare_toggle {
    bottom: 9%;
  }
}

.compare_toggle .main_wrap {
  align-items: center;
  display: flex;
  position: relative;
}

.compare_toggle .main_wrap.initial {
  display: none;
}

.compare_toggle .main_wrap.closed .compare_pro_wrap {
  transform: scale(0);
}

.compare_toggle .main_wrap .compare_pro_wrap {
  background: var(--white);
  transform-origin: 100% 100%;
  border-radius: 2px;
  align-items: center;
  gap: 10px;
  padding: 15px;
  transition: all .5s;
  display: flex;
  position: absolute;
  bottom: 100%;
  right: 0;
  transform: scale(1);
  box-shadow: -1px -3px 8px #63636333;
}

@media only screen and (max-width: 540px) {
  .compare_toggle .main_wrap .compare_pro_wrap {
    background: none;
    padding: 0;
  }
}

.compare_toggle .main_wrap .compare_pro_wrap .closeCom {
  cursor: pointer;
  background: var(--white);
  z-index: 2;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
  position: absolute;
  top: -9%;
  right: -2%;
  box-shadow: 0 0 2px 3px #cecece;
}

.compare_toggle .main_wrap .compare_pro_wrap .closeCom svg {
  width: 17px;
  height: 17px;
}

.compare_toggle .main_wrap .compare_pro_wrap .compare_pro {
  width: 130px;
  position: relative;
}

@media only screen and (max-width: 540px) {
  .compare_toggle .main_wrap .compare_pro_wrap .compare_pro {
    display: none;
  }
}

.compare_toggle .main_wrap .compare_pro_wrap .compare_pro .pro_image {
  border-radius: 5px;
  height: 75px;
  line-height: 0;
  overflow: hidden;
}

.compare_toggle .main_wrap .compare_pro_wrap .compare_pro .pro_image img {
  height: 100%;
}

.compare_toggle .main_wrap .compare_pro_wrap .compare_pro .pro_name {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  padding-top: 5px;
  font-size: 14px;
  line-height: 1.2;
  display: -webkit-box;
  overflow: hidden;
}

.compare_toggle .main_wrap .compare_pro_wrap .compare_pro .close {
  cursor: pointer;
  background: var(--white);
  z-index: 1;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
  position: absolute;
  top: 0%;
  right: 2%;
}

.compare_toggle .main_wrap .compare_pro_wrap .compare_pro .close svg {
  width: 17px;
  height: 17px;
}

.compare_toggle .main_wrap .compare_pro_wrap .compare_more_count {
  background: var(--primary);
  color: var(--white);
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 95px;
  padding: 10px;
  line-height: 1.2;
  display: flex;
}

@media only screen and (max-width: 540px) {
  .compare_toggle .main_wrap .compare_pro_wrap .compare_more_count {
    flex-direction: row-reverse;
    gap: 10px;
    width: 100%;
    height: auto;
    padding: 8px 15px;
    font-size: 12px;
  }
}

.compare_toggle .main_wrap .compare_pro_wrap .compare_more_count span:not(.des, .mob) {
  font-size: 28px;
  font-weight: 700;
  transition: all .5s;
  display: block;
}

@media only screen and (max-width: 540px) {
  .compare_toggle .main_wrap .compare_pro_wrap .compare_more_count span:not(.des, .mob) {
    font-size: 18px;
  }
}

.compare_toggle .main_wrap .compare_pro_wrap .compare_more_count span.des {
  font-size: 14px;
  font-weight: 500;
  display: block;
}

@media only screen and (max-width: 540px) {
  .compare_toggle .main_wrap .compare_pro_wrap .compare_more_count span.des {
    display: none;
  }
}

.compare_toggle .main_wrap .compare_pro_wrap .compare_more_count span.mob {
  font-size: 14px;
  font-weight: 500;
  display: none;
}

@media only screen and (max-width: 540px) {
  .compare_toggle .main_wrap .compare_pro_wrap .compare_more_count span.mob {
    display: block;
  }
}

.compare_toggle .main_wrap .remove_all {
  background: var(--white);
  opacity: 0;
  pointer-events: none;
  border-radius: 4px;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 500;
  transition: all .3s;
}

.compare_toggle .main_wrap .remove_all.active {
  opacity: 1;
  pointer-events: all;
}

.compare_toggle .main_wrap .compare_link {
  background: var(--primary);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 500;
  display: none;
  box-shadow: 0 1px 2px #0003;
}

.compare_toggle .main_wrap .compare_link .count {
  background: #175ac1;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.phone-input .iti.iti--allow-dropdown {
  width: 100%;
}

.iti__search-icon {
  right: 8px;
  left: unset !important;
}

.iti__search-clear {
  background: var(--white) !important;
  border-radius: 50% !important;
}

.iti__search-clear .iti__search-clear-svg {
  width: 18px;
  height: 18px;
}

.iti__search-clear .iti__search-clear-bg {
  fill: var(--primary) !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.text-black {
  color: var(--black) !important;
}

a.cta, .cta {
  color: var(--primary);
  font-size: 14px;
  font-weight: 600;
}

.mapWindow {
  position: sticky;
  top: 200px;
}

.showPass {
  z-index: 2;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}

.back-to-top {
  z-index: 4;
  background: var(--primary);
  border-radius: 50%;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  transition: all .6s;
  display: flex;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transform: translateX(calc(100% + 30px));
}

@media only screen and (max-width: 768px) {
  .back-to-top {
    width: 45px;
    height: 45px;
    right: 20px;
  }
}

.back-to-top:active {
  opacity: .8;
  box-shadow: 0 50px 100px -20px #32325d40, 0 30px 60px -30px #0000004d;
}

.back-to-top.active {
  transform: translateX(0);
}

.back-to-top svg {
  width: 50%;
  height: auto;
  fill: var(--white);
}

.faqs-sec .heading {
  text-align: center;
  margin-bottom: 2.5rem;
}

.faqs-sec .heading h2 {
  color: var(--primary);
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2;
}

.faqs-sec .heading p {
  max-width: 400px;
  margin: 10px auto 0;
}

.loader-submit {
  align-items: center;
  gap: 10px;
  display: flex;
}

.loader-submit .loader-box {
  border: 1px solid #fff;
  border-top-color: var(--primary);
  border-radius: 50%;
  width: 15px;
  height: 15px;
  animation: .7s linear infinite spin;
}

.loader-submit span {
  color: var(--white);
  font-size: 14px;
}

.site-loader {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: 10;
  pointer-events: all;
  background: #000000a6;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .3s;
  display: flex;
  position: fixed;
  inset: 0;
}

.site-loader .loader-box {
  border: 4px solid #fff;
  border-top-color: var(--primary);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: .7s linear infinite spin;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.error {
  color: red;
  font-size: 12px;
  line-height: normal;
  position: absolute;
  top: calc(100% + 3px);
  left: 0;
  right: 0;
}

.error.static {
  margin: 10px 0;
  position: static;
}

.options {
  color: #000;
  --boxsize: 15px;
  align-items: center;
  gap: 7px;
  display: flex;
  position: relative;
}

.options .in-bx {
  height: var(--boxsize);
  width: var(--boxsize);
  border: 1px solid #666;
  border-radius: 3px;
  transition: all;
  position: relative;
}

.options .in-bx:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
  background: url("/assets/icon/tick-white.svg") center / 60% no-repeat;
  transition: all .5s;
  position: absolute;
  inset: 0;
}

.options span {
  color: #666;
  flex: 1;
  font-size: 14px;
  display: block;
}

.options input {
  opacity: 0;
  appearance: none;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
}

.options input:checked ~ .in-bx {
  background-color: var(--primary);
  border-color: var(--primary);
}

.options input:checked ~ .in-bx:before {
  opacity: 1;
}

.lightgray-bg {
  background: #f5f5f5;
}

.resale_listing .main_wrapper {
  --gap: 40px;
  gap: var(--gap);
  flex-wrap: wrap;
  display: flex;
}

.resale_listing .main_wrapper > .colA {
  flex: 0 25%;
  width: 100%;
  max-width: 25%;
}

.resale_listing .main_wrapper > .colA .filters_wrapper {
  top: var(--headerheight);
  background: var(--white);
  border: 1px solid #cecece;
  border-radius: 10px;
  padding: 40px 20px;
  position: sticky;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col {
  padding: 20px 0;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col:not(:last-child) {
  border-bottom: 1px solid #cecece;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col:first-child {
  padding-top: 0;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col:last-child {
  padding-bottom: 0;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col.selected_wrapper .filter_title:before {
  display: none;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col.selected_wrapper .filter_title .view_all {
  margin-right: 0;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col.radio_filter .filter_title:before {
  display: none;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col.radio_filter .filter_title {
  margin-bottom: 0;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_title {
  --iconsize: 20px;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  display: flex;
  position: relative;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_title:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background: url("/assets/icon/arrow-down-black.svg") 100% no-repeat;
  background-size: var(--iconsize);
  width: var(--iconsize);
  height: var(--iconsize);
  inset: 0;
  left: unset;
  transition: all .5s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)rotate(0);
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_title.is_close:before, .resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_title.active:before {
  transform: translateY(-50%)rotate(-90deg);
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_title .filter_name {
  font-size: 16px;
  font-weight: 500;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_title .view_all {
  white-space: nowrap;
  margin-right: calc(var(--iconsize)  + 5px);
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_title .toggle_wrap {
  background: var(--lightblue);
  border-radius: 25px;
  width: 30px;
  height: 15px;
  position: relative;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_title .toggle_wrap input {
  opacity: 0;
  appearance: none;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_title .toggle_wrap input:checked ~ .togglebtn {
  background: var(--primary);
  transform: translate(90%, -50%);
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_title .toggle_wrap .togglebtn {
  background: var(--white);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  transition: all .3s;
  position: absolute;
  top: 50%;
  left: -10%;
  transform: translate(0, -50%);
  box-shadow: 0 1px 4px #006ac233;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_container {
  margin-top: 20px;
  position: relative;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_container.is_close {
  display: none;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_container.localities .options_wrapper .moreLocaBtn {
  flex: 0 100%;
  align-items: center;
  gap: 5px;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_container.localities .options_wrapper .moreLocaBtn svg, .resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_container.localities .options_wrapper .moreLocaBtn img {
  width: 20px;
  height: 20px;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_container .selected_filters {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
  position: relative;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_container .selected_filters .selected_col {
  background: var(--lightblue);
  border: 1px solid var(--primary);
  border-radius: 25px;
  align-items: center;
  gap: 10px;
  width: max-content;
  padding: 5px 10px;
  display: flex;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_container .selected_filters .selected_col p {
  color: var(--black);
  font-size: 14px;
  font-weight: 500;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_container .selected_filters .selected_col .close {
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_container .selected_filters .selected_col .close svg {
  width: 100%;
  height: 100%;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_container .selected_filters .selected_col .close svg path {
  stroke-width: 3px;
  stroke: var(--primary);
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_container .dropdown_wrapper {
  align-items: center;
  gap: 20px;
  display: flex;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_container .dropdown_wrapper .budget_drop {
  flex: 1;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_container .area_drop {
  border-bottom: 1px solid var(--text);
  margin-bottom: 15px;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_container .options_wrapper {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_container .options_wrapper .options {
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  display: flex;
  position: relative;
}

.resale_listing .main_wrapper > .colA .filters_wrapper .filter_col .filter_container .options_wrapper .options:has(input:checked) {
  border-color: var(--primary);
  background: #eaf4ff;
}

.resale_listing .main_wrapper > .colB {
  flex: 0 1 calc(75% - var(--gap));
  max-width: calc(75% - var(--gap));
  width: 100%;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper {
  position: relative;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .total_results {
  font-size: 20px;
  font-weight: 500;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .total_results span {
  color: var(--primary);
  font-weight: 600;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .top_go_filter {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin: 30px 0;
  display: flex;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .top_go_filter .top_fil_slide_wrp {
  flex: 1;
  width: 100%;
  position: relative;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .top_go_filter .top_fil_slide_wrp .swiper-nav button {
  width: 30px;
  height: 30px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .top_go_filter .top_fil_slide_wrp .swiper-nav button img, .resale_listing .main_wrapper > .colB .resale_content_wrapper .top_go_filter .top_fil_slide_wrp .swiper-nav button svg {
  width: 25px;
  height: 25px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .top_go_filter .top_fil_slide_wrp .top_fil_slider .swiper-wrapper {
  align-items: center;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .top_go_filter .top_fil_slide_wrp .top_fil_slider .swiper-slide {
  width: auto;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .top_go_filter .top_fil_slide_wrp .top_fil_slider .filter_col {
  cursor: pointer;
  background: var(--white);
  border: 1px solid #cecece;
  border-radius: 25px;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  display: flex;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .top_go_filter .top_fil_slide_wrp .top_fil_slider .filter_col.new_lnch p {
  font-style: italic;
  font-weight: 500;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .top_go_filter .top_fil_slide_wrp .top_fil_slider .filter_col img, .resale_listing .main_wrapper > .colB .resale_content_wrapper .top_go_filter .top_fil_slide_wrp .top_fil_slider .filter_col svg {
  flex: 0 18px;
  width: 18px;
  height: 18px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .top_go_filter .top_fil_slide_wrp .top_fil_slider .filter_col p {
  flex: 1;
  font-size: 14px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .top_go_filter .sort_by_wrap {
  flex: 0 auto;
  padding: 0 20px 10px;
  position: relative;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .top_go_filter .sort_by_wrap.active .label .right_arrow {
  transform: rotate(-90deg);
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .top_go_filter .sort_by_wrap .label {
  cursor: pointer;
  align-items: center;
  gap: 6px;
  display: flex;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .top_go_filter .sort_by_wrap .label svg {
  transition: all .4s;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .top_go_filter .sort_by_wrap .sort_menu {
  z-index: 1;
  background: var(--white);
  opacity: 0;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  width: 180px;
  max-height: 0;
  padding: 15px 0;
  transition: all .5s;
  position: absolute;
  top: 100%;
  right: 0;
  overflow-y: auto;
  box-shadow: 0 2px 8px #63636333;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .top_go_filter .sort_by_wrap .sort_menu::-webkit-scrollbar {
  background: none;
  width: 0;
  height: 0;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .top_go_filter .sort_by_wrap .sort_menu::-webkit-scrollbar-track {
  box-shadow: none;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .top_go_filter .sort_by_wrap .sort_menu::-webkit-scrollbar-thumb {
  background-color: #0000004d;
  border-radius: 10px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .top_go_filter .sort_by_wrap .sort_menu.is_open {
  opacity: 1;
  -webkit-user-select: auto;
  user-select: auto;
  pointer-events: auto;
  max-height: 244px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .top_go_filter .sort_by_wrap .sort_menu .options {
  --boxsize: 18px;
  height: 32px;
  padding: 0 15px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col {
  background: var(--white);
  border-radius: 10px;
  flex-wrap: wrap;
  display: flex;
  box-shadow: 0 0 4px #dbd9d9;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col:not(:last-child) {
  margin-bottom: 30px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col .resale_media {
  flex: 0 45%;
  width: 100%;
  max-width: 45%;
  line-height: 0;
  position: relative;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col .resale_media a {
  width: 100%;
  height: 100%;
  display: block;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col .resale_media iframe {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col .resale_media img, .resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col .resale_media video, .resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col .resale_media iframe {
  -o-object-fit: cover;
  object-fit: cover;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 100%;
  height: 100%;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col .resale_media .tags_wrapper {
  flex-direction: column;
  gap: 5px;
  line-height: 1.2;
  display: flex;
  position: absolute;
  top: 10px;
  left: 10px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col .resale_media .tags_wrapper .tag {
  background: var(--primary);
  color: var(--white);
  border-radius: 5px;
  width: max-content;
  padding: 3px 8px;
  font-size: 12px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col .resale_media .tags_wrapper .tag.green {
  background: var(--green);
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col .resale_media .wishlistBtn {
  z-index: 1;
  position: absolute;
  top: 10px;
  right: 10px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col .resale_media .wishlistBtn.added svg path {
  fill: var(--primary);
  stroke: var(--primary);
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col .resale_media .media_count {
  color: var(--white);
  background: #00000080;
  border-radius: 10px 0 0;
  align-items: center;
  gap: 7px;
  padding: 6px 10px;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col .resale_media .media_count span {
  font-size: 14px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption {
  flex: 1;
  width: 100%;
  max-width: 55%;
  position: relative;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det {
  padding: 20px 15px;
  line-height: 1.3;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det .prop_ribbon {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, calc(100% - 54px) 50%);
  text-transform: uppercase;
  color: var(--black);
  background: #ebecf0;
  padding: 4px 12px 4px 20px;
  font-size: 10px;
  font-weight: 600;
  position: absolute;
  top: 25px;
  right: 0;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det .prop_loc {
  color: var(--black);
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det .prop_type {
  color: var(--text);
  font-size: 14px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det .prop_type span {
  color: var(--black);
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det .prop_det_grid {
  align-items: center;
  gap: 20px;
  margin: 20px 0;
  display: flex;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det .prop_det_grid .prop_det_col {
  flex: 0 auto;
  padding-right: 20px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det .prop_det_grid .prop_det_col:not(:last-child) {
  border-right: 1px solid #cecece;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det .prop_det_grid .prop_det_col.prop_price .prop_det_title {
  font-size: 20px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det .prop_det_grid .prop_det_col.area_col .area_det_wrp {
  align-items: center;
  gap: 5px;
  display: flex;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det .prop_det_grid .prop_det_col.area_col .area_det_wrp .prop_det_title {
  flex: 1;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det .prop_det_grid .prop_det_col.area_col .area_det_wrp .area_drop {
  flex: 0 auto;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det .prop_det_grid .prop_det_col .prop_det_title {
  margin-bottom: 2px;
  font-size: 16px;
  font-weight: 600;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det .prop_det_grid .prop_det_col .prop_sml_dtls {
  font-size: 14px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det .prop_highlights {
  align-items: center;
  gap: 7px;
  display: flex;
  position: relative;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det .prop_highlights:hover .more_highlights_wrap {
  display: flex;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det .prop_highlights .high_title {
  color: var(--black);
  font-size: 14px;
  font-weight: 500;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det .prop_highlights .high_tile {
  cursor: pointer;
  color: var(--text);
  background: #f1f1f1;
  border-radius: 5px;
  padding: 3px 7px;
  font-size: 14px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det .prop_highlights .more_highlights_wrap {
  z-index: 1;
  background: var(--white);
  border-radius: 5px;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  width: 100%;
  padding: 10px;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: 0 1px 4px #006ac233;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det .prop_des_wrap {
  margin: 20px 0 5px;
  position: relative;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det .prop_des_wrap p {
  font-size: 14px;
  line-height: 1.4;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det .prop_des_wrap .prop_vis_des {
  cursor: pointer;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  background: url("/assets/icon/arrow-down-gray.svg") 99% no-repeat;
  -webkit-box-orient: vertical;
  padding-right: 5px;
  display: -webkit-box;
  overflow: hidden;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det .prop_des_wrap .more_prop_vis_des {
  background: var(--white);
  border-radius: 10px;
  width: 100%;
  padding: 20px 15px;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  box-shadow: 0 1px 4px #006ac233;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det .prop_des_wrap .more_prop_vis_des.is_open {
  display: block;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .upper_prop_det .prop_des_wrap .more_prop_vis_des .view_all {
  gap: 5px;
  margin-top: 10px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det {
  background: #f5f5f5;
  border-bottom-right-radius: 10px;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  padding: 10px 15px;
  display: flex;
  position: relative;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_profile {
  cursor: pointer;
  align-items: center;
  gap: 7px;
  display: flex;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_profile:hover .dealer_pro_pop {
  display: block;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_profile.no_info figure {
  display: none;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_profile.no_info figcaption .posted {
  margin-bottom: 5px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_profile.no_info figcaption .badge {
  display: none;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_profile figure {
  background: var(--gradient-a);
  border-radius: 50%;
  flex: 0 40px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_profile figure .deal_img {
  border-radius: 50%;
  width: 90%;
  height: 90%;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_profile figure .ribbon {
  width: 20px;
  height: 23px;
  position: absolute;
  top: 60%;
  right: 0%;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_profile figcaption {
  flex: 1;
  width: 100%;
  max-width: 60%;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_profile figcaption .posted {
  font-size: 12px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_profile figcaption .badge {
  white-space: nowrap;
  text-transform: uppercase;
  background: var(--gradient-a);
  color: var(--white);
  border-radius: 5px;
  width: fit-content;
  margin: 3px 0 5px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 600;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_profile figcaption .deal_name {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  color: var(--text);
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  display: -webkit-box;
  overflow: hidden;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_pro_pop {
  z-index: 1;
  width: 700px;
  display: none;
  position: absolute;
  bottom: 90%;
  left: -45%;
  transform: translate(-10%);
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_pro_pop .dealer_pro_wrapper {
  background: var(--white);
  border-radius: 10px;
  box-shadow: 0 1px 4px #006ac233;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_pro_pop .dealer_pro_wrapper .colA {
  background: var(--primary);
  text-align: center;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 40%;
  padding: 20px 15px;
  display: flex;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_pro_pop .dealer_pro_wrapper .colA figure {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  margin: 0 auto 10px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_pro_pop .dealer_pro_wrapper .colA figure img {
  border-radius: 50%;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_pro_pop .dealer_pro_wrapper .colA h6 {
  color: var(--white);
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.1;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_pro_pop .dealer_pro_wrapper .colA p {
  color: var(--white);
  font-size: 12px;
  font-weight: 400;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_pro_pop .dealer_pro_wrapper .colB {
  flex: 1;
  max-width: 60%;
  padding: 20px 15px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_pro_pop .dealer_pro_wrapper .colB h6 {
  font-size: 16px;
  font-weight: 600;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_pro_pop .dealer_pro_wrapper .colB .expertise_wrap {
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 7px;
  display: flex;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_pro_pop .dealer_pro_wrapper .colB .expertise_wrap .expert_col {
  color: var(--text);
  background: #f1f1f1;
  border-radius: 5px;
  flex: 0 auto;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 600;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_pro_pop .dealer_pro_wrapper .colB .dealer_listed_prop {
  background: var(--lightblue);
  border-radius: 5px;
  align-items: center;
  gap: 10px;
  margin: 20px 0;
  padding: 10px;
  display: flex;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_pro_pop .dealer_pro_wrapper .colB .dealer_listed_prop .icon {
  border-radius: 50%;
  flex: 0 30px;
  width: 30px;
  height: 30px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_pro_pop .dealer_pro_wrapper .colB .dealer_listed_prop .icon img {
  border-radius: 50%;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_pro_pop .dealer_pro_wrapper .colB .dealer_listed_prop .info {
  flex: 1;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_pro_pop .dealer_pro_wrapper .colB .dealer_listed_prop .info h6 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .resale_properties_list .resale_col > figcaption .lower_cta_det .dealer_pro_pop .dealer_pro_wrapper .colB .dealer_listed_prop .info p {
  font-size: 12px;
  line-height: 1.1;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section {
  background: var(--white);
  border-radius: 10px;
  margin: 20px 0;
  padding: 30px 20px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section.services_ad .heading p {
  margin-top: 5px;
  font-size: 14px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section.services_ad .advertise_wrapper .advertise_col {
  align-items: unset;
  padding: 10px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section.services_ad .advertise_wrapper .advertise_col figure {
  width: unset;
  height: unset;
  border-radius: 5px;
  flex: 0 30%;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section.services_ad .advertise_wrapper .advertise_col figure img {
  border-radius: 5px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section.services_ad .advertise_wrapper .advertise_col figcaption {
  flex-direction: column;
  display: flex;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section.services_ad .advertise_wrapper .advertise_col figcaption .prop_loc {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  line-height: 1.1;
  display: -webkit-box;
  overflow: hidden;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section.services_ad .advertise_wrapper .advertise_col figcaption .prop_type {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  margin: 5px 0 10px;
  font-size: 12px;
  display: -webkit-box;
  overflow: hidden;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section.services_ad .advertise_wrapper .advertise_col figcaption .view_all {
  margin-top: auto;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section.new_launch {
  background: var(--lightblue);
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section.new_launch .heading {
  align-items: center;
  gap: 10px;
  display: flex;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section.new_launch .heading .icon {
  flex: 0 48px;
  width: 48px;
  height: 48px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section.new_launch .heading .info {
  flex: 1;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section.new_launch .heading .info h2 {
  color: var(--primary);
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section.new_launch .heading .info .heading_slider {
  width: 100%;
  max-width: 400px;
  margin-left: 0;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section.new_launch .heading .info .heading_slider p {
  font-size: 14px;
  font-weight: 500;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section.new_launch .advertise_wrapper .advertise_col {
  background: var(--white);
  box-shadow: none;
  width: 100%;
  height: 100%;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section.new_launch .advertise_wrapper .advertise_col:has(.prop_ribbon) {
  padding: 45px 15px 15px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section.new_launch .advertise_wrapper .advertise_col .prop_ribbon {
  clip-path: polygon(0% 0%, 100% 0%, calc(100% - 10px) 50%, 100% 100%, 0% 100%);
  text-transform: uppercase;
  color: var(--black);
  background: #ffe6bc;
  padding: 4px 20px 4px 10px;
  font-size: 10px;
  font-weight: 600;
  position: absolute;
  top: 10px;
  left: 0;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section .heading {
  margin-bottom: 20px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section .advertise_wrapper {
  position: relative;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section .advertise_wrapper .swiper-nav button {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section .advertise_wrapper .swiper-nav button svg, .resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section .advertise_wrapper .swiper-nav button img {
  width: 90%;
  height: 90%;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section .advertise_wrapper .advertise_slider {
  padding: 5px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section .advertise_wrapper .advertise_col {
  border-radius: 5px;
  align-items: center;
  gap: 15px;
  width: 100%;
  height: 100%;
  padding: 15px;
  display: flex;
  position: relative;
  box-shadow: 0 0 4px #dbd9d9;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section .advertise_wrapper .advertise_col figure {
  border-radius: 50%;
  flex: 0 auto;
  width: 60px;
  height: 60px;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section .advertise_wrapper .advertise_col figure img {
  border-radius: 50%;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section .advertise_wrapper .advertise_col figcaption {
  flex: 1;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section .advertise_wrapper .advertise_col figcaption .prop_loc {
  font-size: 14px;
  font-weight: 600;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section .advertise_wrapper .advertise_col figcaption .prop_type {
  color: var(--text);
  font-size: 14px;
  font-weight: 400;
}

.resale_listing .main_wrapper > .colB .resale_content_wrapper .advertise_section .advertise_wrapper .advertise_col figcaption .view_all {
  margin-top: 5px;
  font-size: 12px;
}

.moreloc-pop {
  z-index: 1;
  border-radius: 10px;
  width: 100%;
  min-width: 600px;
  height: max-content;
  transition: all .5s;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  box-shadow: 0 1px 4px #006ac233;
}

.moreloc-pop.is-open {
  display: block;
}

.moreloc-pop .close {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 15px;
  right: 15px;
}

.moreloc-pop .close svg, .moreloc-pop .close img {
  width: 100%;
  height: 100%;
}

.moreloc-pop .close svg path, .moreloc-pop .close img path {
  stroke-width: 1.5px;
}

.moreloc-pop .model-body {
  background: var(--white);
  border-radius: 10px;
  padding: 20px;
}

.moreloc-pop .model-body .searchBar {
  background: #f5f5f5;
  border-radius: 25px;
  align-items: center;
  max-width: 90%;
  height: 34px;
  margin-bottom: 20px;
  padding: 0 5px 0 15px;
  transition: all .4s;
  display: flex;
  position: relative;
}

.moreloc-pop .model-body .searchBar .search_input {
  background: none;
  border: none;
  outline: none;
  flex: 1;
  width: 100%;
  font-size: 14px;
}

.moreloc-pop .model-body .searchBar .search_btn {
  flex: 0 auto;
  width: 25px;
  height: 25px;
  line-height: 0;
}

.moreloc-pop .model-body .more_wrapper:not(:last-child) {
  margin-bottom: 15px;
}

.moreloc-pop .model-body .more_wrapper .title {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
}

.moreloc-pop .model-body .more_wrapper .more_grid {
  grid-gap: 10px;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.resaleD-secA {
  margin-top: var(--headerfixed);
}

.resaleD-secA .top_prop_details_wrper {
  top: var(--headerfixed);
  background: var(--white);
  z-index: 3;
  border-bottom: 1px solid #a19e9eb5;
  position: sticky;
}

.resaleD-secA .project_title {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
  padding-top: 30px;
  display: flex;
}

.resaleD-secA .project_title .colA .prop_top_det_wrp {
  flex-wrap: wrap;
  display: flex;
}

.resaleD-secA .project_title .colA .prop_top_det_wrp .det_col {
  padding: 10px 20px;
}

.resaleD-secA .project_title .colA .prop_top_det_wrp .det_col:first-child {
  border-right: 1px solid #cecece;
  padding-left: 0;
}

.resaleD-secA .project_title .colA .prop_top_det_wrp .det_col .badge {
  background: var(--green);
  color: var(--white);
  border-radius: 5px;
  margin-bottom: 5px;
  padding: 3px 8px;
  font-size: 12px;
  display: inline-block;
}

.resaleD-secA .project_title .colA .prop_top_det_wrp .det_col .prop_price_wrp {
  align-items: end;
  gap: 5px;
  display: flex;
}

.resaleD-secA .project_title .colA .prop_top_det_wrp .det_col .prop_price_wrp .prop_top_price {
  font-size: 36px;
  font-weight: 700;
}

.resaleD-secA .project_title .colA .prop_top_det_wrp .det_col .prop_price_wrp .prop_unit_ara {
  color: var(--text);
  font-size: 16px;
}

.resaleD-secA .project_title .colA .prop_top_det_wrp .det_col .prop_top_type {
  color: var(--text);
  font-size: 24px;
  font-weight: 500;
}

.resaleD-secA .project_title .colA .prop_top_det_wrp .det_col .prop_top_loc {
  color: var(--text);
  font-size: 14px;
}

.resaleD-secA .rera_status_wrp {
  align-items: center;
  display: flex;
}

.resaleD-secA .rera_status_wrp .rera_wrp {
  background: var(--green);
  color: var(--white);
  text-transform: uppercase;
  align-items: center;
  gap: 5px;
  padding: 4px 6px;
  font-size: 12px;
  display: flex;
}

.resaleD-secA .rera_status_wrp .rera_web {
  background: #f5f7fa;
  align-items: center;
  padding: 4px 6px;
  font-size: 12px;
  display: flex;
}

.resaleD-secA .rera_status_wrp .rera_web .rera_sts {
  border-right: 1px solid var(--text);
  color: var(--green);
  padding-right: 10px;
  font-weight: 600;
}

.resaleD-secA .rera_status_wrp .rera_web .rera-webb {
  color: var(--text);
  padding-left: 10px;
}

.resaleD-secA .nav {
  align-items: center;
  gap: 30px;
  margin: 20px 0 0;
  display: flex;
}

@media only screen and (max-width: 768px) {
  .resaleD-secA .nav {
    gap: 20px;
    overflow-x: auto;
  }
}

.resaleD-secA .nav li {
  color: var(--text);
  cursor: pointer;
  padding: 10px 0;
  font-size: 14px;
  line-height: 1.2;
  transition: all .5s;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .resaleD-secA .nav li {
    white-space: nowrap;
  }
}

@media only screen and (max-width: 540px) {
  .resaleD-secA .nav li {
    font-size: 14px;
  }
}

.resaleD-secA .nav li:before {
  content: "";
  background: var(--primary);
  width: 0;
  height: 3px;
  transition: all .5s;
  position: absolute;
  bottom: 0;
  left: 0;
}

.resaleD-secA .nav li.active {
  color: var(--primary);
  font-weight: 500;
}

.resaleD-secA .nav li.active:before {
  width: 100%;
}

.resaleD-secA .resale_det_wrap {
  margin-top: 25px;
}

.resaleD-secA section {
  padding: 20px 0;
}

@media only screen and (max-width: 540px) {
  .resaleD-secA section {
    padding: 15px 0;
  }
}

.resaleD-secA section h3 {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

@media only screen and (max-width: 768px) {
  .resaleD-secA section h3 {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 540px) {
  .resaleD-secA section h3 {
    font-size: 16px;
  }
}

.resaleD-secA section h6 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.resaleD-secA section.overview_sec .main_wrapper {
  --gap: 30px;
  gap: var(--gap);
  flex-wrap: wrap;
  margin-bottom: 20px;
  display: flex;
}

.resaleD-secA section.overview_sec .main_wrapper .resale_media {
  border-radius: 10px;
  flex: 0 50%;
  width: 100%;
  max-width: 50%;
  line-height: 0;
  position: relative;
}

.resaleD-secA section.overview_sec .main_wrapper .resale_media a {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  display: block;
}

.resaleD-secA section.overview_sec .main_wrapper .resale_media a iframe {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}

.resaleD-secA section.overview_sec .main_wrapper .resale_media a img, .resaleD-secA section.overview_sec .main_wrapper .resale_media a video, .resaleD-secA section.overview_sec .main_wrapper .resale_media a iframe {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.resaleD-secA section.overview_sec .main_wrapper .resale_media .zoomBtn {
  background: #000000e6;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  display: flex;
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.resaleD-secA section.overview_sec .main_wrapper .resale_media .zoomBtn svg {
  width: 70%;
  height: 70%;
}

.resaleD-secA section.overview_sec .main_wrapper .resale_media .media_count {
  color: var(--white);
  background: #000000e6;
  border-radius: 5px;
  align-items: center;
  gap: 7px;
  padding: 6px 10px;
  display: flex;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.resaleD-secA section.overview_sec .main_wrapper .resale_media .media_count span {
  font-size: 14px;
}

.resaleD-secA section.overview_sec .main_wrapper .resale_prop_details {
  max-width: calc(50% - var(--gap));
  grid-gap: 20px;
  background: #fafbfc;
  border-radius: 10px;
  flex: 0 50%;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  padding: 30px;
  display: grid;
}

.resaleD-secA section.overview_sec .main_wrapper .resale_prop_details .resale_prop_col .title_name {
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
  display: flex;
}

.resaleD-secA section.overview_sec .main_wrapper .resale_prop_details .resale_prop_col .title_name .icon {
  flex: 0 auto;
  width: 25px;
  height: 25px;
}

.resaleD-secA section.overview_sec .main_wrapper .resale_prop_details .resale_prop_col .title_name .icon img, .resaleD-secA section.overview_sec .main_wrapper .resale_prop_details .resale_prop_col .title_name .icon svg {
  width: 100%;
  height: 100%;
}

.resaleD-secA section.overview_sec .main_wrapper .resale_prop_details .resale_prop_col .title_name h6 {
  color: var(--text);
  flex: 1;
  font-size: 14px;
  font-weight: 400;
}

.resaleD-secA section.overview_sec .main_wrapper .resale_prop_details .resale_prop_col .prop_contn {
  align-items: center;
  gap: 5px;
  margin-bottom: 3px;
  display: flex;
}

.resaleD-secA section.overview_sec .main_wrapper .resale_prop_details .resale_prop_col .prop_contn p {
  color: var(--black);
  font-size: 16px;
  font-weight: 500;
}

.resaleD-secA section.overview_sec .main_wrapper .resale_prop_details .resale_prop_col .prop_unit {
  font-size: 12px;
  font-weight: 500;
}

.resaleD-secA section.overview_sec .nearby_wrap {
  background: #e9f1ff40;
  border: 1px solid #003b9547;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 30px;
}

.resaleD-secA section.overview_sec .nearby_wrap .title {
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
  display: flex;
}

.resaleD-secA section.overview_sec .nearby_wrap .title .icon {
  flex: 0 auto;
  width: 45px;
  height: 45px;
}

.resaleD-secA section.overview_sec .nearby_wrap .title .info {
  flex: 1;
}

.resaleD-secA section.overview_sec .nearby_wrap .title .info h5 {
  font-size: 20px;
  font-weight: 600;
}

.resaleD-secA section.overview_sec .nearby_wrap .title .info p {
  font-size: 14px;
}

.resaleD-secA section.overview_sec .nearby_wrap .nearby_slider_wrap {
  position: relative;
}

.resaleD-secA section.overview_sec .nearby_wrap .nearby_slider_wrap .swiper-nav {
  width: 103%;
  max-width: 103%;
}

.resaleD-secA section.overview_sec .nearby_wrap .nearby_slider_wrap .nearby_col {
  background: var(--white);
  border-radius: 5px;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 100%;
  padding: 8px 12px;
  display: flex;
}

.resaleD-secA section.overview_sec .nearby_wrap .nearby_slider_wrap .nearby_col .icon {
  flex: 0 auto;
  width: 25px;
  height: 25px;
}

.resaleD-secA section.overview_sec .nearby_wrap .nearby_slider_wrap .nearby_col .icon svg, .resaleD-secA section.overview_sec .nearby_wrap .nearby_slider_wrap .nearby_col .icon img {
  width: 100%;
  height: 100%;
}

.resaleD-secA section.overview_sec .nearby_wrap .nearby_slider_wrap .nearby_col .info {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
}

.resaleD-secA section.overview_sec .why_consider_wrap {
  border-bottom: 1px solid #a19e9eb5;
  padding-bottom: 20px;
}

.resaleD-secA section.overview_sec .why_consider_wrap h6 {
  margin-bottom: 20px;
}

.resaleD-secA section.overview_sec .why_consider_wrap .key_highlights_wrap {
  background: var(--gray);
  border-radius: 10px;
  flex-wrap: wrap;
  align-items: center;
  gap: 40px;
  padding: 20px 40px;
  display: flex;
}

.resaleD-secA section.overview_sec .why_consider_wrap .key_highlights_wrap .title figure {
  width: 32px;
  height: 32px;
}

.resaleD-secA section.overview_sec .why_consider_wrap .key_highlights_wrap .title p {
  color: var(--black);
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
}

.resaleD-secA section.overview_sec .why_consider_wrap .key_highlights_wrap .title p span {
  font-size: 18px;
  font-weight: 600;
  display: block;
}

.resaleD-secA section.overview_sec .why_consider_wrap .key_highlights_wrap .highlights_wrap {
  background: var(--white);
  -moz-column-count: 2;
  column-count: 2;
  border-radius: 5px;
  flex: 1;
  padding: 15px 50px;
}

.resaleD-secA section.overview_sec .why_consider_wrap .key_highlights_wrap .highlights_wrap li {
  color: var(--text);
  margin-bottom: 6px;
  padding-left: 28px;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}

.resaleD-secA section.overview_sec .why_consider_wrap .key_highlights_wrap .highlights_wrap li:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  border-radius: unset;
  background: url("/assets/icon/tick.svg") 0 0 / 100% no-repeat;
  width: 15px;
  height: 15px;
  transition: all .5s;
  position: absolute;
  inset: 4px 0 0;
}

.resaleD-secA section.overview_sec .prop_authetic_wrap {
  border-bottom: 1px solid #a19e9eb5;
  padding: 20px 0;
}

.resaleD-secA section.overview_sec .prop_authetic_wrap ul {
  grid-gap: 5px;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.resaleD-secA section.overview_sec .prop_authetic_wrap ul li {
  align-items: center;
  gap: 10px;
  display: flex;
}

.resaleD-secA section.overview_sec .prop_authetic_wrap ul li .title {
  color: var(--text);
  font-size: 16px;
}

.resaleD-secA section.overview_sec .prop_authetic_wrap ul li .detail p {
  color: var(--black);
  font-size: 16px;
  font-weight: 500;
}

.resaleD-secA section.overview_sec .about_des_wrap {
  border-bottom: 1px solid #a19e9eb5;
  padding: 20px 0;
}

.resaleD-secA section.overview_sec .about_des_wrap h4 {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 500;
}

.resaleD-secA section.overview_sec .about_des_wrap .desc p {
  font-size: 14px;
  line-height: 1.3;
}

.resaleD-secA section.overview_sec .about_des_wrap .desc p:not(:last-child) {
  padding-bottom: 10px;
}

.resaleD-secA section.overview_sec .features_wrap {
  padding: 20px 0;
}

.resaleD-secA section.overview_sec .features_wrap h4 {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 500;
}

.resaleD-secA section.overview_sec .features_wrap .features_grid {
  grid-gap: 15px;
  grid-template-columns: repeat(4, 1fr);
  padding: 10px 0 20px;
  display: grid;
}

.resaleD-secA section.overview_sec .features_wrap .features_grid .feature_col {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.resaleD-secA section.overview_sec .features_wrap .features_grid .feature_col .icon {
  flex: 0 auto;
  width: 30px;
  height: 30px;
}

.resaleD-secA section.overview_sec .features_wrap .features_grid .feature_col .desc {
  color: var(--text);
  font-size: 14px;
  font-weight: 500;
}

.resaleD-secA section.dealer_sec {
  background: #f5f7fa;
  padding: 40px 0;
}

.resaleD-secA section.dealer_sec .main_wrapper {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.resaleD-secA section.dealer_sec .main_wrapper .dealer_det_wrap {
  background: var(--white);
  border: 1px solid #cecece;
  border-radius: 10px;
  flex: 0 auto;
  width: 100%;
  max-width: 40%;
}

.resaleD-secA section.dealer_sec .main_wrapper .dealer_det_wrap .upper_wrp {
  background: var(--primary);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  align-items: center;
  gap: 20px;
  padding: 20px;
  display: flex;
}

.resaleD-secA section.dealer_sec .main_wrapper .dealer_det_wrap .upper_wrp figure {
  flex: 0 auto;
  width: 110px;
  height: 110px;
  position: relative;
}

.resaleD-secA section.dealer_sec .main_wrapper .dealer_det_wrap .upper_wrp figure .dealer_img {
  border-radius: 50%;
}

.resaleD-secA section.dealer_sec .main_wrapper .dealer_det_wrap .upper_wrp figure .ribbon {
  width: 40px;
  height: auto;
  position: absolute;
  bottom: -6px;
  right: 12px;
}

.resaleD-secA section.dealer_sec .main_wrapper .dealer_det_wrap .upper_wrp figcaption {
  flex: 1;
}

.resaleD-secA section.dealer_sec .main_wrapper .dealer_det_wrap .upper_wrp figcaption h6 {
  color: var(--white);
  font-size: 18px;
  font-weight: 500;
}

.resaleD-secA section.dealer_sec .main_wrapper .dealer_det_wrap .upper_wrp figcaption .blw_details {
  align-items: center;
  margin-top: 8px;
  display: flex;
}

.resaleD-secA section.dealer_sec .main_wrapper .dealer_det_wrap .upper_wrp figcaption .blw_details .badge {
  white-space: nowrap;
  text-transform: uppercase;
  background: var(--gradient-a);
  color: var(--white);
  border-radius: 5px;
  width: fit-content;
  margin-right: 10px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 600;
}

.resaleD-secA section.dealer_sec .main_wrapper .dealer_det_wrap .upper_wrp figcaption .blw_details .mem_since {
  border-left: 1px solid var(--white);
  color: var(--white);
  padding-left: 10px;
  font-size: 14px;
}

.resaleD-secA section.dealer_sec .main_wrapper .dealer_det_wrap .lower_wrp {
  padding: 20px;
}

.resaleD-secA section.dealer_sec .main_wrapper .dealer_det_wrap .lower_wrp h6 {
  font-size: 18px;
  font-weight: 600;
}

.resaleD-secA section.dealer_sec .main_wrapper .dealer_det_wrap .lower_wrp .expertise_wrap {
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 7px;
  display: flex;
}

.resaleD-secA section.dealer_sec .main_wrapper .dealer_det_wrap .lower_wrp .expertise_wrap .expert_col {
  color: var(--text);
  background: #f1f1f1;
  border-radius: 5px;
  flex: 0 auto;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 600;
}

.resaleD-secA section.dealer_sec .main_wrapper .dealer_det_wrap .lower_wrp .dealer_listed_prop {
  background: var(--lightblue);
  border-radius: 5px;
  align-items: center;
  gap: 10px;
  margin: 20px 0 0;
  padding: 10px;
  display: flex;
}

.resaleD-secA section.dealer_sec .main_wrapper .dealer_det_wrap .lower_wrp .dealer_listed_prop .icon {
  border-radius: 50%;
  flex: 0 30px;
  width: 30px;
  height: 30px;
}

.resaleD-secA section.dealer_sec .main_wrapper .dealer_det_wrap .lower_wrp .dealer_listed_prop .icon img {
  border-radius: 50%;
}

.resaleD-secA section.dealer_sec .main_wrapper .dealer_det_wrap .lower_wrp .dealer_listed_prop .info {
  flex: 1;
}

.resaleD-secA section.dealer_sec .main_wrapper .dealer_det_wrap .lower_wrp .dealer_listed_prop .info h6 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

.resaleD-secA section.dealer_sec .main_wrapper .dealer_det_wrap .lower_wrp .dealer_listed_prop .info p {
  font-size: 12px;
  line-height: 1.1;
}

.resaleD-secA section.dealer_sec .main_wrapper .form_sec {
  flex: 1;
  width: 100%;
  max-width: 50%;
}

.resaleD-secA section.dealer_sec .main_wrapper .form_sec .form {
  --gaptb: 18px;
}

.resaleD-secA section.dealer_sec .main_wrapper .form_sec .form .form-group {
  background: var(--white);
  border-radius: 5px;
}

.resaleD-secA section.dealer_sec .main_wrapper .form_sec .form .form-group input, .resaleD-secA section.dealer_sec .main_wrapper .form_sec .form .form-group textarea {
  border: none;
}

.resaleD-secA section.dealer_sec .main_wrapper .form_sec .form .form-group input.valid ~ label, .resaleD-secA section.dealer_sec .main_wrapper .form_sec .form .form-group textarea.valid ~ label {
  background: var(--white);
}

.resaleD-secA section.dealer_sec .main_wrapper .form_sec .btn {
  margin-top: 20px;
}

.resaleD-secA section.similar_sec .similar_wrapper {
  position: relative;
}

.resaleD-secA section.similar_sec .similar_wrapper .similar_slider {
  max-width: 98%;
  padding: 7px;
}

.resaleD-secA section.similar_sec .similar_wrapper .similar_slider .similar_col {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  box-shadow: 0 0 4px #dbd9d9;
}

.resaleD-secA section.similar_sec .similar_wrapper .similar_slider .similar_col .wishlistBtn {
  z-index: 2;
  position: absolute;
  top: 10px;
  right: 10px;
}

.resaleD-secA section.similar_sec .similar_wrapper .similar_slider .similar_col figure {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  line-height: 0;
  position: relative;
}

.resaleD-secA section.similar_sec .similar_wrapper .similar_slider .similar_col figure img, .resaleD-secA section.similar_sec .similar_wrapper .similar_slider .similar_col figure video {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.resaleD-secA section.similar_sec .similar_wrapper .similar_slider .similar_col figure .owner_det {
  background: #000000b3;
  width: 100%;
  padding: 4px 10px;
  font-size: 12px;
  line-height: 1.2;
  position: absolute;
  bottom: 0;
  left: 0;
}

.resaleD-secA section.similar_sec .similar_wrapper .similar_slider .similar_col figcaption {
  padding: 15px;
}

.resaleD-secA section.similar_sec .similar_wrapper .similar_slider .similar_col figcaption .price {
  color: var(--primary);
  font-size: 18px;
  font-weight: 600;
}

.resaleD-secA section.similar_sec .similar_wrapper .similar_slider .similar_col figcaption .prop_type {
  color: var(--black);
  margin-top: 5px;
  font-weight: 500;
  line-height: 1.2;
}

.resaleD-secA section.similar_sec .similar_wrapper .similar_slider .similar_col figcaption .prop_loc {
  color: var(--text);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}

.resaleD-secA section.services_sec .services_wrapper {
  position: relative;
}

.resaleD-secA section.services_sec .services_wrapper .services_slider {
  padding: 10px;
}

/*# sourceMappingURL=_b2bfaeb7._.css.map*/