@font-face {
  font-family: Brandon-Regular;
  src: local("Brandon-Regular"), local("Brandon-Regular"),
    url(../fonts/brandon/Brandon-Regular.otf);
}

@font-face {
  font-family: Brandon-Medium;
  src: local("Brandon-Medium"), local("Brandon-Medium"),
    url(../fonts/brandon/Brandon-Medium.otf);
}

@font-face {
  font-family: Brandon-Bold;
  src: local("Brandon-Bold"), local("Brandon-Bold"),
    url(../fonts/brandon/Brandon-Bold.otf);
}

@font-face {
  font-family: GoogleSans-Medium;
  src: local("GoogleSans-Medium"), local("GoogleSans-Medium"),
    url(../fonts/GoogleSans-Medium.ttf);
}

@font-face {
  font-family: ChaparralPro-Italic;
  src: local("ChaparralPro-Italic"), local("ChaparralPro-Italic"),
    url(../fonts/ChaparralPro-Italic.otf);
}

.chaparralPro-italic {
  font-family: ChaparralPro-Italic;
}

.main-content {
  /*z-index: -1;*/
  position: relative;
}

:root {
  --color-primary: #caaf7b;
}

html,
body {
  height: 100%;
}

body {
  font-size: 14px;
  line-height: 1.4;
  overflow-x: hidden;
  font-family: "Brandon-Regular", "arial";
}

.btn,
.form-control {
  font-size: 14px;
}

.brandon-regular {
  font-family: "Brandon-Regular", "arial";
}

.brandon-medium {
  font-family: "Brandon-Medium", "arial";
}

.brandon-bold {
  font-family: "Brandon-Bold", "arial";
}

.googlesans-medium {
  font-family: "GoogleSans-Medium", "arial";
}

.chaparral-italic {
  font-family: "ChaparralPro-Italic", "arial";
}

.color-000 {
  color: #000;
}

.color-111 {
  color: #111;
}

.color-222 {
  color: #222;
}

.color-333 {
  color: #333;
}

.color-444 {
  color: #444;
}

.color-555 {
  color: #555;
}

.color-666 {
  color: #666;
}

.color-777 {
  color: #777;
}

.color-888 {
  color: #888;
}

.color-999 {
  color: #999;
}

.color-primary {
  color: var(--color-primary);
}

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

.bg-000 {
  background: #000;
}

.bgcolor-primary {
  background: var(--color-primary);
}

.pointer {
  cursor: pointer;
}

button:focus {
  outline: none;
}

a:hover {
  text-decoration: none;
}

.text-underline {
  text-decoration: underline;
}

/*input type number*/

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}

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

input[type="file"] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 1;
}

::-webkit-file-upload-button {
  cursor: pointer;
}

::-webkit-scrollbar {
  width: 0.25rem;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}

.mCSB_scrollTools .mCSB_draggerRail {
  height: auto;
}

.mCSB_container {
  overflow-y: auto;
}

.font-14 {
  font-size: 13px;
}

.font-16 {
  font-size: 16px;
}

.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 20px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 9px;
  left: 0px;
  right: 0px;
  height: 2px;
  background: var(--color-primary);
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-primary);
  content: "";
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  transition-property: top, transform;
}

.c-hamburger span::before {
  top: -9px;
}

.c-hamburger span::after {
  bottom: -9px;
}

.c-hamburger--htx.is-active span {
  background: transparent !important;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
  width: 26px;
  left: 0;
  margin-left: 3px;
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
  width: 26px;
  left: 0;
  margin-left: 3px;
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}

.c-hamburger--htx span::before {
  transition-property: top, transform;
}

.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}

.options-checkbox {
  width: 100%;
  display: inline-flex;
  margin-bottom: 0;
  font-family: "Brandon-Medium", "arial";
  font-size: 15px;
}

.options-checkbox input {
  position: absolute;
  opacity: 0;
  display: none;
}

.options-checkbox .custom-checkbox,
.options-checkbox .custom-radio {
  position: relative;
  display: inline-block;
  min-width: 20px;
  height: 20px;
  border-radius: 4px;
  margin: 0 10px 0 0;
  background-color: #ffffff;
}

.options-checkbox .custom-radio {
  border-radius: 50%;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.custom-checkbox:after,
.custom-radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.options-checkbox input:checked ~ .custom-checkbox:after,
.options-checkbox input:checked ~ .custom-radio:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.options-checkbox .custom-checkbox:after {
  top: calc(50% - -1px);
  left: calc(50% - 6px);
  transform: rotate(-45deg);
  width: 12px;
  height: 6px;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  background: transparent;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-animation: checkAnimation 0.2s;
  animation: checkAnimation 0.2s;
}

.options-checkbox .custom-radio:after {
  border-radius: 50%;
  height: 9px;
  width: 9px;
  background: #39b6be;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@-webkit-keyframes checkAnimation {
  0% {
    height: 0;
    width: 0;
  }

  50% {
    height: 6px;
    width: 0;
  }

  to {
    height: 6px;
    width: 10px;
  }
}

@keyframes checkAnimation {
  0% {
    height: 0;
    width: 0;
  }

  50% {
    height: 6px;
    width: 0;
  }

  to {
    height: 6px;
    width: 10px;
  }
}

.feedback-section {
  height: 0;
  position: fixed;
  bottom: 0 !important;
  background-color: #dc3545;
  color: #ffffff;
  text-align: center;
  width: 100%;
  left: 0;
  z-index: 9999;
}

.feedback-section span:nth-child(1) {
  line-height: 70px;
  font-size: 18px;
}

.scroll-top {
  width: 25px;
  height: 25px;
  position: fixed;
  bottom: 10px;
  right: 5px;
  z-index: 999;
  color: #000;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  transform: scale(0);
  transition: 0.5s ease all;
  background: var(--color-primary);
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25);
}

/* header */

.searchbox {
  display: flex;
  height: 41px;
  border-radius: 5px;
  background: var(--color-primary);
  width: 590px;
  margin-right: 50px;
}

.nav-header {
  height: 105px;
  padding: 15px 0;
}

.searchbox-select,
.searchbox-select:focus {
  color: #000;
  height: 100%;
  border: none;
  width: auto;
  text-transform: uppercase;
  border-radius: 5px 0 0 5px;
  font-family: "Brandon-Bold", "arial";
  background: var(--color-primary);
  display: flex;
  align-items: center;
}

.searchbox-select a,
.searchbox-select a:hover {
  color: #000;

  text-transform: uppercase;

  font-family: "Brandon-Bold", "arial";
}

.searchbox-input {
  text-transform: uppercase;
  color: #000;
  height: calc(100% - 2px);
  margin: auto;
  border-radius: 0;
}

.search-btn {
  padding: 5px 15px;
  background: var(--color-primary);
}

.login-btn,
.signup-btn {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  font-family: "Brandon-Medium", "arial";
  height: 34px;
}

.login-btn,
.login-btn:hover {
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
}

.signup-btn {
  color: #000;
  margin-left: 10px;
  background: var(--color-primary);
}

.navbar-nav .nav-item {
  padding: 0 10px;
  position: relative;
  font-size: 14px;
}

.navbar-nav .nav-link {
  display: flex;
  align-items: center;
  color: #000;
  font-family: "Brandon-Medium", "arial";
  text-transform: uppercase;
  font-size: 14px;
}

body:not(.homepage) .navbar-shadow {
  box-shadow: 0 5px 2.5px rgba(0, 0, 0, 0.13);
  /* z-index: 9999;*/
}

.mt-35 {
  margin-top: 35px;
}

.dropdown--open .nav-link {
  color: var(--color-primary);
}

.navbaritem-dropdown {
  position: absolute;
  background: #fff;
  z-index: 3;
  display: none;
  /* border: 1px solid var(--color-primary); */
  box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.1);
}
.navbaritem-subcategory-mobile {
  border: 1px solid var(--color-primary);
}

.navbaritem-dropdown::before {
  position: absolute;
  content: "";
  border-width: 1px 0px 0px 1px;
  border-style: solid;
  border-color: var(--color-primary) transparent transparent
    var(--color-primary);
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
  left: 40px;
  top: -8px;
  background: #fff;
  z-index: 999;
}

.navbaritem-dropdown ul {
  padding: 15px 20px;
}

.navbaritem-dropdown li:not(:last-child) {
  margin-bottom: 10px;
}

.navbaritem-dropdown li a {
  color: #1c1c1c;
  display: block;
  font-family: "Brandon-Medium", "arial";
}

.navbaritem-dropdown li a:hover {
  color: var(--color-primary);
}

/* .navbaritem-dropdown li a.activemenu {
  color: var(--color-primary);
  font-size: 16px;
} */

.navbaritem-dropdown li .navbaritem-heading {
  font-size: 16px;
  font-family: "Brandon-Medium", "arial";
  color: var(--color-primary);
}

.navbaritem-maincategory,
.navbaritem-subcategory,
.navbaritem-detailcategory {
  z-index: 3;
  background: #fff;
}

.navbaritem-subcategory,
.navbaritem-detailcategory {
  display: none;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
}

.navbaritem-subcategory.subcategory--active,
.navbaritem-detailcategory.detailcategory--active {
  display: inline-block;
}

.banner-container {
  display: none !important;
}

.banner-container {
  position: absolute;
  top: -4px;
  left: -4px;
  transform: translate(0, 0);
  background: url(../img/banner-shape.svg) no-repeat;
  width: 500px;
}

.banner-caption {
  position: relative;
  font-size: 30px;
  color: #fff;
  max-width: 320px;
  margin: 0 auto;
  font-family: Brandon-Bold;
}

/* .banner-caption::before {
    position: absolute;
    content: '';
    width: 500px;
    height: 500px;
    z-index: -1;
    top: 0;
    right: 0;
    background: url(../img/banner-shape.svg) no-repeat;
} */

.banner-caption span {
  display: inline-block;
  font-size: 120%;
}

.banner-circle {
  display: block;
  width: 270px;
  height: 270px;
  overflow: hidden;
  border-radius: 50%;
  background-color: #828493;
  border: 4px solid #c689a3;
  margin: 0 auto;
}
.text_circle_img {
  margin: 70px 0 0 0;
}

.banner-circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
}

.modal-content {
  border-radius: 0;
}

.modal-content,
.modal-header,
.modal-footer {
  border: none;
}

.modal-header {
  padding: 10px 10px 0 0;
}

.modal-body {
  padding: 10px 40px 20px;
  font-size: 16px;
}

.modal-name {
  font-size: 24px;
  line-height: 1.2;
}

.loginwith-fb {
  font-size: 16px;
  width: 100%;
  margin-bottom: 13px;
  text-align: left;
  text-transform: uppercase;
  padding: 10px 15px;
  background-color: #4263a1;
}

.loginwith-google {
  font-size: 16px;
  width: 100%;
  margin-bottom: 13px;
  text-align: left;
  text-transform: uppercase;
  padding: 10px 15px;
  background-color: #df4a3b;
}

.modal-formcontrol {
  min-height: 50px;
  font-size: 16px;
  font-family: "Brandon-Medium", "arial";
  padding: 15px;
  border: 1px solid #d0d0d0;
  border-radius: 0;
}

input[type="password"].modal-formcontrol {
  padding: 15px 40px 15px 15px;
}

.modal-formcontrol ~ label {
  position: absolute;
  font-size: 16px;
  color: #a9aab7;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  left: 6px;
  padding: 0 10px;
  background: #fff;
  pointer-events: none;
  transition: all 0.2s;
  margin: 0;
}

textarea.modal-formcontrol ~ label {
  top: 16px;
  transform: unset;
}

.modal-formcontrol:focus ~ label,
.modal-formcontrol.used ~ label,
textarea.modal-formcontrol:focus ~ label,
textarea.modal-formcontrol.used ~ label {
  font-size: 13px;
  top: 0;
  transform: translateY(-50%);
}

.modalsubmit-btn,
.modalsubmit-btn:hover {
  color: #000;
  font-size: 17px;
  padding: 15px;
  border-radius: 0;
  font-family: "Brandon-Bold", "arial";
  text-transform: uppercase;
}

.modalcancel-btn,
.modalcancel-btn:hover {
  color: #fff;
  font-size: 17px;
  padding: 15px;
  border-radius: 0;
  background: #000;
  font-family: "Brandon-Bold", "arial";
  text-transform: uppercase;
}

.modal-captionlink,
.modal-captionlink:hover {
  color: #dc4e41;
}

.modalforgot-caption {
  font-size: 18px;
}

.eye-btn {
  border-radius: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.eye-btn:focus {
  box-shadow: none;
}

/* footer */

/*.footer-fluid a {
    color: #fff;
    font-size: 13px;
    font-family: "Brandon-Medium", "arial";
    text-transform: uppercase;
}*/
.footer-fluid a {
  color: #fff;
  font-size: 15px;
  font-family: Brandon-Regular;
  text-transform: uppercase;
}

.nav-nemu-name {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: bold !important;
}

.nav-menu-name-position {
  margin-left: -10px !important;
  min-width: 0px !important;
  margin-top: 0 !important;
}

.footer-contact-move {
  margin-left: -20px;
}

.footer-fluid a.text-lowercase {
  font-size: 16px;
}

.footer-fluid a.text-number {
  font-size: 14px;
}

.footer-section li:not(:last-child) {
  margin-bottom: 8px;
}

.footer-heading {
  position: relative;
  display: inline-block;
  color: #fff;
  font-family: Brandon-Bold;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.footer-heading::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: currentColor;
  left: 0;
  bottom: -3px;
}

.footer-fluid .social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-primary);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: var(--color-primary) !important;
}

/*.letter-space{
    letter-spacing:10px;
}*/
.sidebar.dark {
  width: 100%;
  background-color: #000000;
  color: #fff;
  display: inline-table;
}

/* .inner-content {
    width: 230px;
    float: right;
    clear: both;
    box-sizing: border-box;
    /*padding: 5px 15px 5px 0;
}*/
#sectionOtherprojects {
  display: grid;
}

.navbar-expand-lg a,
.navbar-expand-md a {
  font-family: Brandon-Bold;
  font-size: 32px;
  text-transform: uppercase;
  color: #fff !important;
}

.fullscreen--active #productsCarousel .owl-next {
  right: -85px !important;
  background: #caaf7b !important;
  color: #000 !important;
}

.fullscreen--active #productsCarousel .owl-prev {
  left: -85px !important;
  background: #caaf7b !important;
  color: #000 !important;
}
.nav-nemu-name .rounded-circle {
  display: none;
}
/* #productsCarousel .owl-nav .owl-prev svg{
display: none;
} */

@media (min-width: 1200px) {
  .hm_banner {
    height: 525px;
  }
  .owl-nav {
    position: absolute;
    top: 45%;
    width: 100%;
  }
  /* .single-fluid {
        height: 525px;
        overflow: hidden;
    } */

  .footer-section li div {
    text-indent: 10px;
  }

  /* .login-head {
        margin-top: -21px;
    } */
}

.banner-fluid {
  /* margin-bottom: 30px;
    border-bottom: solid 3px #ddc596; */
  border-bottom: solid 2px #ddc596;
}

.drop-down {
  position: relative;
}

.drop-down .selected a {
  background: transparent;
  display: block;
  padding-right: 17px;
  border: none;
  width: 105px;
  text-decoration: none;
  color: #000;
  position: relative;
}

.drop-down .selected a:after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background: url(../img/arrow-down-sign-to-navigate.svg) no-repeat center /
    contain;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.drop-down .selected a span {
  cursor: pointer;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
}

.drop-down .option {
  position: relative;
}

.drop-down .options ul {
  font-family: "Brandon-Bold", "arial";
  background: var(--color-primary);
  display: none;
  list-style: none;
  padding: 0px 0px;
  position: absolute;
  left: 0px;
  top: 45px;
  z-index: 99999;
  width: 100%;
  /* min-width: 170px;
     border: 1px solid #d7d7d7;*/
  margin-bottom: 0;
  border-radius: 5px;
  margin-top: 3px;
  padding: 5px;
}

.drop-down .selected span.value,
.drop-down .options span.value {
  display: none;
}

.drop-down .options ul li a {
  padding: 5px;
  display: block;
  text-decoration: none;
  color: #000;
}

.drop-down .options ul li a:hover {
  background: #b89f6f;
  color: #fff;
  transition: 0.2s ease;
}

.cities {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: none;
  position: absolute;
  padding: 8px 14px 9px 72px;
  background-color: #000;
  line-height: 1.6;
  z-index: 9999;
  margin-top: -9px;
}

.cities.visible {
  display: inline-block;
}

.cities:before {
  content: "";
  position: absolute;
  left: 14px;
  top: 18px;
  width: 45px;
  height: 1px;
  display: inline-block;
  background-color: #caaf7b;
}

.service-btn,
.service-btn:hover {
  background: var(--color-primary);
  border-radius: 0;
  color: #000;
}

.cities li a {
  color: #fff;
  font-size: 12px;
}

.cities li a:hover {
  color: #b89f6f;
  transition: ease all 1s;
}

.time-float-span {
  position: relative;
  margin-top: -18px;
  margin-left: 100px;
  margin-bottom: 0px;
}

.nav-header-name {
  margin-top: 14px;
}

.nav-header-dropdown-position {
  margin-left: -40px !important;
  border: 1px solid #caaf7b;
  background: #000;
  padding: 10px 9px;
}

.nav-header-dropdown-name-ul {
  font-size: 12px;
  text-transform: uppercase;
  font-family: "Brandon-Medium", "arial";
  cursor: pointer;
  margin-bottom: 0;
}

.name-dropdown-a {
  color: #fff !important;
  padding: 4px 20px;
  clear: inherit;
  width: 100%;
}

.dropdown-item-new:focus,
.dropdown-item-new:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #caaf7b;
}

.footer-hover:hover {
  color: #caaf7b !important;
}

a {
  color: #caaf7a;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #caaf7a;
  text-decoration: none;
  background-color: transparent;
}

.my-shortlist {
  margin-left: -15px !important;
}

.ank_check:checked ~ #productFilter {
  display: block;
}

.footer-section a span {
  margin-right: 14px;
}

.newsletter-box {
  position: relative;
  height: 45px;
  display: flex;
}

.newsletter-box .form-control {
  padding-right: 110px;
  font-size: 17px;
}

.newsletter-subscribebtn {
  text-transform: uppercase;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 5px 5px 0;
  bottom: 0;
  background: var(--color-primary);
}

.copyright-fluid {
  border-top: 1px solid var(--color-primary);
  color: #fff;
  text-align: center;
  /* font-size: 17px;
    font-family: "Brandon-Medium", "arial"; */
  font-size: 14px !important;
  font-family: "Brandon-Regular", "arial" !important;
}

/* main content */

.section-fluid {
  margin: 30px 0;
}

.custom-borderbottom {
  border-bottom: 1px solid var(--color-primary);
}

.section-name {
  font-size: 26px;
}

.section-caption {
  font-size: 26px;
}

.section-name a,
.floor-plans a {
  position: relative;
  color: #000;
}

.floor-plans a {
  font-size: 20px;
}

.section-name a.section-link--active,
.floor-plans a.section-link--active {
  color: var(--color-primary);
}

.section-name a:not(:last-child),
.floor-plans a:not(:last-child) {
  padding-right: 10px;
  margin-right: 6px;
}

.section-name a:not(:last-child)::after,
.floor-plans a:not(:last-child)::after {
  position: absolute;
  content: "";
  height: 70%;
  width: 1px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: currentColor;
}

.floorplans-sliderbox {
  border: 1px solid #b7b7b7;
}

#singlebhkSlider img,
#twobhkSlider img,
#threebhkSlider img,
#jewellerysingleCarousel img {
  width: auto;
  margin: 0 auto;
}

#singlebhkSlider .owl-nav:not(.disabled),
#twobhkSlider .owl-nav:not(.disabled),
#threebhkSlider .owl-nav:not(.disabled),
#productsCarousel .owl-nav:not(.disabled),
#moreproductsCarousel .owl-nav:not(.disabled),
#jewellerysingleCarousel .owl-nav:not(.disabled) {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transform: translate(-50%, -50%);
  padding: 0 10px;
}

#singlebhkSlider .owl-nav [class*="owl-"],
#twobhkSlider .owl-nav [class*="owl-"],
#threebhkSlider .owl-nav [class*="owl-"],
#productsCarousel .owl-nav [class*="owl-"],
#moreproductsCarousel .owl-nav [class*="owl-"],
#jewellerysingleCarousel .owl-nav [class*="owl-"] {
  margin: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}

#myHeader {
  transition: 0.5s ease all;
}

.fixed-logo {
  font-family: Brandon-Bold;
  font-size: 28px;
  text-transform: uppercase;
  color: #000;
  border: solid 2px #000;
  width: 42px;
  text-align: center;
  height: 42px;
  line-height: 40px;
  border-radius: 50%;
  transform: translateZ(0);
  transition: all 0.5s;
  margin-top: 0;
  display: none;
  margin-right: 12px;
}

.copper-top {
  border-top: 1px solid var(--color-primary);
  padding: 25px 0;
}

#myHeader {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  animation: slide-down 0.7s;
  opacity: 1;
  background: #fff;
  /* z-index: 2 !important; */
}

#productsCarousel .owl-nav [class*="owl-"],
#moreproductsCarousel .owl-nav [class*="owl-"] {
  background: #fff;
}

.singleslider {
  background: none !important;
  width: 100%;
  height: 100%;
  outline: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

#jewellerysingleCarousel .owl-nav [class*="owl-"] {
  color: #000;
  width: 46px;
  height: 46px;
  box-shadow: 0 0 5.5px rgba(0, 0, 0, 0.2);
  background: #fff;
}

#jewellerysingleCarousel .owl-nav .owl-prev {
  margin-left: -24px;
}

#jewellerysingleCarousel .owl-nav .owl-next {
  margin-right: -24px;
}

#singlebhkSlider .owl-nav .owl-prev,
#twobhkSlider .owl-nav .owl-prev,
#threebhkSlider .owl-nav .owl-prev,
#moreproductsCarousel .owl-nav .owl-prev {
  margin-left: -18px;
}

#singlebhkSlider .owl-nav .owl-next,
#twobhkSlider .owl-nav .owl-next,
#threebhkSlider .owl-nav .owl-next,
#moreproductsCarousel .owl-nav .owl-next {
  margin-right: -18px;
}

.viewmore-btn,
.viewmore-btn:hover {
  display: inline-block;
  padding: 10px 20px;
  font-size: 14px;
  font-family: "Brandon-Medium", "arial";
  background: #000;
  border-radius: 30px;
  text-transform: uppercase;
  color: var(--color-primary);
}

.section-tags li:first-child {
  color: #adadad;
}

.section-tags li {
  position: relative;
  font-size: 11px;
  color: #666;
  user-select: none;
  padding: 4px 6px 4px 19px !important;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #adadad transparent #adadad transparent;
  text-transform: uppercase;
  margin-bottom: 5px !important;
}

.section-tags li::before,
.section-tags li::after {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.section-tags li::before {
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #adadad #adadad transparent transparent;
  left: -9px;
}

.section-tags li::after {
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #adadad #adadad transparent transparent;
  right: -9px;
}

.service-box {
  position: relative;
  height: 100%;
  background: #fff;
  border: 1px solid #d2d2d2;
}

.bookmark-btn {
  position: absolute;
  right: 0;
  z-index: 1;
  padding: 0;
  font-size: 20px;
  width: 45px;
  height: 45px;
  border-radius: 0;
  color: #000;
  transform: scale(0);
  transition: 0.25s ease all;
  background: rgba(255, 255, 255, 0.2);
}

.service-box:hover .bookmark-btn {
  transform: scale(1) !important;
  transition: 0.25s ease all;
}

.service-img {
  position: relative;
  /* padding-bottom: 60%;
    overflow: hidden; */
  background-color: #fff;
  aspect-ratio: 1.6;
}

.servicesingle-img {
  position: relative;
}

.overlay {
  position: relative;
}

.overlay::after {
  position: absolute;
  width: 100%;
  height: 100%;
  /*background: rgb(0 0 0 / 0.5);*/
  content: "";
  left: 0;
  top: 0;
  transition: 0.5s ease all;
}

.service-img img {
  /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
  width: 100%;
  /* height: 100%; */
}

.service-details {
  font-size: 16px;
  padding: 15px;
}

.cat_list .service-details {
  text-align: center;
}

.service-name {
  text-transform: uppercase;
  font-size: 18px;
  color: #000;
  margin-bottom: 5px;
  font-family: "Brandon-Bold", "arial";
}

.h-300 {
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-caption {
  margin-bottom: 5px;
}

.caption-text {
  overflow: hidden;
  /* white-space: nowrap; */
  /* text-overflow: ellipsis; */
}

.service-location {
  position: relative;
  padding-left: 25px;
  font-size: 17px;
}

.event-details li {
  position: relative;
  padding-left: 30px !important;
}

.service-location::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 22px;
  left: 0;
  background: url("../img/location.png") no-repeat left center;
}

.service-location.service-location--alt::before {
  background: url("../img/location-alt.png") no-repeat left center;
}

.event-details li:not(:last-child),
.eventsingle-details li {
  margin-bottom: 10px;
}

.event-details li::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 22px;
  left: 0;
}

.event-location::before {
  background: url("../img/location.png") no-repeat left center;
}

.event-date::before {
  background: url("../img/calendar.png") no-repeat left center;
}

.event-time::before {
  background: url("../img/time.png") no-repeat left center;
}

.event-number::before {
  background: url("../img/phone-outline.png") no-repeat left center;
}

/* list page */

.singlepage-tags {
  margin: 30px 0;
}

.jewelleryshop-logo {
  height: 80px;
  position: relative;
  background: #fff;
  flex-grow: 1;
  min-width: 200px;
  max-width: fit-content;
}

.jewelleryshop-logo img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.jewelleryshop-name {
  font-size: 22px;
}

.jewelleryshop-details .service-location {
  font-size: 17px;
}

.filter-headingbox {
  width: 100%;
  color: #fff;
  font-family: "Brandon-Medium", "arial";
  font-size: 17px;
  background: #000;
  padding: 15px 20px;
  text-transform: uppercase;
}

/*.filter-section {
    border-bottom: 1px solid #000;
}*/
.filter-box {
  padding: 20px 0;
  /* margin: 0 15px; */
}

/*.filter-box:not(:last-child) {
    padding: 20px 0;
    margin: 0 15px;
    border-bottom: 1px solid #000;
}*/
.filter-box {
  /* padding: 20px; */
  margin: 0 15px;
  border-bottom: 1px solid #000;
}

.filter-type {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  font-family: "Brandon-Medium", "arial";
  text-transform: uppercase;
  color: #000;
  font-size: 15px;
}

.filter-type::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: currentColor;
  left: 0;
  bottom: 0;
}

.bold_divider:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background: currentColor;
  left: 0;
  bottom: 0;
}

.filter-searchbox {
  position: relative;
}

.filter-searchbox input {
  padding-right: 30px;
  background: #fff url("../img/search-alt.png") no-repeat calc(95%);
  border: none;
  border-radius: 0;
}

.filter-list {
  color: #000;
  margin-bottom: 0;
  max-height: 222px;
  overflow: auto;
}

.filter-list li {
  font-family: "Brandon-Medium", "arial";
}

.filter-list li:not(:last-child) {
  margin-bottom: 8px;
}

/* width */
.filter-list::-webkit-scrollbar {
  width: 2px;
}

/* Track */
.filter-list::-webkit-scrollbar-track {
  background: #fff;
}

/* Handle */
.filter-list::-webkit-scrollbar-thumb {
  background: #000;
}

/* Handle on hover */
.filter-list::-webkit-scrollbar-thumb:hover {
  background: #000;
}

.category-img {
  position: relative;
  /* height: 248px; */
  background: #fff;
  overflow: hidden;
  /* width: 397px; */
  /* margin: 10px; */
}

.category-img img {
  /* position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); */
}

.product-section .service-box {
  width: 100%;
}

.product-section .servicesingle-img img {
  width: 100%;
  aspect-ratio: 1.6;
}

/* feedback */

.feedback-heading {
  font-size: 26px;
}

/* #detailsCarousel .owl-item.active.center {
    width: 2065px !important;
} */

.add_cls_store .navbaritem-maincategory ul li a {
  cursor: default !important;
}

#offerModal .modal-body img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .drop-down .selected a {
    width: 90px;
  }

  .feedback-heading {
    font-size: 22px;
  }

  .nav-header {
    height: auto;
    padding: 15px 0;
  }
}

.container-fluid {
  padding: 0 20px;
  /*z-index: 999;*/
}

.section-fluid {
  z-index: 999;
}

.feedback-formcontrol {
  border-radius: 0;
  min-height: 50px;
  padding: 10px 15px;
  font-family: "Brandon-Medium", "arial";
  background-color: #f9f9f9;
  border: 1px solid #d0d0d0;
}

.feedback-formcontrol ~ label {
  position: absolute;
  font-size: 16px;
  color: #a9aab7;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  left: 6px;
  padding: 0 10px;
  background: #f9f9f9;
  pointer-events: none;
  transition: all 0.2s;
  margin: 0;
}

textarea.feedback-formcontrol ~ label {
  top: 16px;
  transform: unset;
}

.feedback-formcontrol:focus ~ label,
.feedback-formcontrol.used ~ label,
textarea.feedback-formcontrol:focus ~ label,
textarea.feedback-formcontrol.used ~ label {
  font-size: 13px;
  top: 0;
  transform: translateY(-50%);
}
.single-fluid img.small_pic {
  /* height: 100%;
    width: auto !important;
    margin: 0 auto; */
  height: 525px;
  object-fit: cover;
}
.single-fluid .owl-stage-outer,
.single-fluid .owl-stage,
.single-fluid .owl-item,
.single-fluid .position-relative {
  height: 100%;
}
.feedbacksubmit-btn,
.feedbacksubmit-btn:hover {
  font-size: 17px;
  color: #000;
  text-transform: uppercase;
  border-radius: 0;
  padding: 10px 35px;
  font-family: "Brandon-Bold", "arial";
}

/* stores single */

.detailcarousel-bg {
  background-color: #fff3e6;
}

.fullscreen-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 2;
  border-radius: 0;
  width: 50px;
  height: 50px;
}

.owl-carousel .fullscreen-btn img {
  width: auto;
}

#detailsCarousel {
  background: #fff3e6;
}

/* .small_pic{
    height: 525px;
} */

#detailsCarousel .owl-nav [class*="owl-"] {
  margin: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #000;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
}

#detailsCarousel .owl-nav .owl-prev {
  margin-left: 10px;
}

#detailsCarousel .owl-nav .owl-next {
  margin-right: 10px;
}

.owl-carousel .owl-video-wrapper {
  background: transparent;
}

.owl-carousel .owl-video-wrapper iframe {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  max-width: 900px;
  /* max-width: 100%; */
  margin: 0 auto;
}

.owl-count {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  font-size: 14px !important;
  color: var(--color-primary);
  padding: 10px 20px;
  background: #000;
  font-style: italic;
  font-family: ChaparralPro-Italic;
}

.fullscreen--active .owl-count {
  display: inline-block;
}

.singlestore-header {
  font-size: 35px;
  /* line-height: 31px; */
}

.singlestore-headercaption {
  font-size: 24px;
  /* font-family: Brandon-Regular; */
}

.singlestore-description {
  font-size: 16px;
  color: #000;
  word-break: break-word;
}
.singlestore-description p img {
  width: 100%;
}

.comment-sharesection {
  border-top: 1px solid rgb(0 0 0 / 0.25);
  border-bottom: 1px solid rgb(0 0 0 / 0.25);
}

.share-details {
  position: relative;
  font-size: 14px;
  color: #000;
  padding: 0 15px;
  line-height: 1;
  border-right: 1px solid rgb(0 0 0 / 0.1);
  font-family: "Brandon-Medium", "arial";
}

.share-count {
  font-size: 16px;
}

.social-share {
  padding: 0 15px;
  line-height: 0.9;
  border-right: 1px solid rgb(0 0 0 / 0.1);
}

.social-share li {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--color-primary);
}

.social-share li a {
  color: var(--color-primary);
}

.social-share ul li {
  margin: 0 5px;
}

.social-share ul li:first-child,
.social-share ul li:last-child {
  margin: 0;
}

.singlestore-bookmark {
  font-size: 20px;
  color: var(--color-primary);
}

.singlestore-bookmark {
  transform: scale(1) !important;
}

.singlestore-bookmark:focus {
  box-shadow: none;
}

.commentbox {
  font-size: 17px;
  color: #fff;
  margin-bottom: 20px;
}

.comment-number {
  border-bottom: 1px solid var(--color-primary);
}

.comment-number,
.comment-section {
  padding: 20px;
}

.comment-userpic {
  width: 50px;
  height: 50px;
  margin-right: 15px;
  flex-basis: 50px;
  background: #fff no-repeat center;
  background-image: var(--comment-userpic, "../img/default-pic.png");
}

.commentbox textarea {
  padding: 10px;
}

.commentbox textarea,
.comment-userdetails {
  width: calc(100% - 65px);
}

.commentbox textarea,
.comment-postbtn {
  font-size: 17px;
}

.prevcomment-section {
  height: 200px;
  overflow: auto;
}

/* width */
.prevcomment-section::-webkit-scrollbar {
  width: 4px;
}

/* Track */
.prevcomment-section::-webkit-scrollbar-track {
  background: #404040;
}

/* Handle */
.prevcomment-section::-webkit-scrollbar-thumb {
  background: var(--color-primary);
}

/* Handle on hover */
.prevcomment-section::-webkit-scrollbar-thumb:hover {
  background: #000;
}

.comment-usertext {
  color: #d1d1d1;
  word-break: break-word;
}

.prevcomment-section .prevcomment {
  padding-bottom: 20px;
}

.prevcomment-section .prevcomment:not(:last-child) {
  margin-bottom: 20px;
  border-bottom: 1px solid rgb(255 255 255 / 0.3);
}

.store-location {
  position: relative;
  padding-bottom: 55%;
}

.store-location iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.singlestore-details {
  padding: 25px 20px;
  background-color: #282828;
}

.singlestore-detailsheading {
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 5px;
}

.singlestore-details .singlestore-divider {
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.singlestore-details .singlestore-divider::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 70px;
  left: 0;
  bottom: 0;
  background: var(--color-primary);
}

.bold_divider:not(:last-child)::after {
  height: 0px !important;
}

.bold_divider:after {
  height: 0px !important;
}
.bold_dividerr:after {
  height: 2px !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

#icon_change {
  margin-left: 5px;
}

.btn-requestvisit {
  font-size: 16px;
}

#similarCarousel .owl-nav:not(.disabled) {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transform: translate(-50%, -50%);
}

#similarCarousel .owl-nav [class*="owl-"] {
  margin: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
}

#similarCarousel .owl-nav .owl-prev {
  margin-left: -15px;
}

#similarCarousel .owl-nav .owl-next {
  margin-right: -14px;
}

#moreproductsCarousel .owl-nav .owl-prev {
  margin-left: -25px;
}

#moreproductsCarousel .owl-nav .owl-next {
  margin-right: -24px;
}

.service-sliderimg {
  position: relative;
  /* padding-bottom: 100%;
    overflow: hidden; */
}

.service-sliderimg img {
  /* position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); */
  aspect-ratio: 1.6;
}

#branchesModal .modal-header {
  border-bottom: 1px solid #caaf7a;
}

.modal-body .branch-details:not(:last-child) {
  margin-bottom: 15px;
  border-bottom: 1px solid #caaf7a;
}

/* width */
.branch-detailsbox::-webkit-scrollbar {
  width: 4px;
}

/* Track */
.branch-detailsbox::-webkit-scrollbar-track {
  background: #999;
}

/* Handle */
.branch-detailsbox::-webkit-scrollbar-thumb {
  background: #000;
}

/* Handle on hover */
.branch-detailsbox::-webkit-scrollbar-thumb:hover {
  background: #000;
}

.branch-detailsbox {
  height: 300px;
  overflow: auto;
}

.branch-details {
  padding: 0 15px 15px;
  margin-bottom: 0;
  border-bottom: #caaf7a 1px solid;
}

.branch-details li {
  color: #000;
  text-transform: uppercase;
  position: relative;
  padding-left: 30px !important;
  /* New Add */
  cursor: pointer;
}

.branch-details li:not(:last-child) {
  margin-bottom: 10px;
}

.branch-details li::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 22px;
  left: 0;
}

.branch-location::before {
  background: url(../img/location.png) no-repeat left center;
}

.branch-number::before {
  background: url(../img/phone.png) no-repeat left center;
}

/* event single */

.event-caption {
  font-size: 20px;
}

.about-eventheading {
  font-size: 24px;
}

.about-event {
  font-size: 16px;
  color: #000;
  width: 100%;
}
.about-event p {
  text-wrap: wrap;
  word-wrap: break-word;
}

.about-event img {
  width: 100%;
  height: auto;
}

.event-btn {
  font-size: 18px;
  border-radius: 0;
  color: #000;
  border: 1px solid var(--color-primary);
  font-family: "Brandon-Medium", "arial";
}

.event-btn:hover {
  color: #caaf7b;
}

/* shortlist */

.shortlist-options li {
  color: #000;
  text-transform: uppercase;
  font-family: "Brandon-Bold", "arial";
}

.shortlist-options li:not(:last-child) {
  margin-right: 20px;
}

.shortlist-options li .options-checkbox .custom-checkbox {
  border: 1px solid #000;
}

.shortlist-img {
  position: relative;
  height: 300px;
  overflow: hidden;
}
.ank_shortlist_msg {
  max-height: 300px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}

/* .shortlist-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */

.floorplans-sliderbox .owl-prev {
  margin-left: -26px !important;
}

.floorplans-sliderbox .owl-next {
  margin-right: -26px !important;
}

.shortlist-box:hover .delete-btn {
  opacity: 1;
  display: flex;
  transition: 0.5s ease all;
  transform: scale(1);
}

.list-inline-item:nth-child(2) a {
  color: black !important;
}

.delete-btn {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  transform: scale(0);
  /*background: rgb(0 0 0 / 0.7);*/
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s ease all;
}

.expired-btn {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 1;
  transform: scale(1);
  background: rgb(0 0 0 / 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s ease all;
}

.delete-btn .btn {
  letter-spacing: 1px;
}

/* product single */

.slider {
  position: relative;
  /*background: #fff3e6;*/
}

.store-singleproduct .slider.fullscreen--active {
  width: 100%;
  background: rgb(0 0 0);
  /* padding: 4.72px; */
}

.fullscreen--active .fullscreen-btn .fullscreen-img {
  display: none;
}

.fullscreen--active .fullscreen-btn .close-img {
  display: block !important;
  border-radius: 50%;
  /* background: black; */
}

.fullscreen--active .fullscreen-btn .fullscreen-img iframe {
  width: 1920px;
}

.fullscreen--active .fullscreen-btn {
  background-color: transparent;
  height: 30px;
  width: 30px;
}

.banner-logo-img {
  /* left:55px; */
  /*top:32px;*/
  /* top:55px; */
  position: absolute;
  z-index: 99999;
  /* width: 200px; */
}

.fullscreen--active .fullscreen-btn:focus {
  box-shadow: none;
}

.store-singleproduct .slider.fullscreen--active .owl-carousel {
  margin: 0 auto;
  height: 100%;
  width: 100% !important;
}

/*.store-singleproduct .slider.fullscreen--active .owl-carousel .owl-item{
width: 455px !important;
}*/
/* .store-singleproduct .slider.fullscreen--active .productcarousel-item{
    padding-bottom: 0px;
} */
.productcarousel-item {
  position: relative;
  /* padding-bottom: 110%;  */
  background: #fff;
  /* overflow: hidden; */
  border: 1px solid #d2d2d2;
  /* margin-top: 8px; */
  cursor: pointer;
}

.fullscreen--active .productcarousel-item {
  height: 100vh;
  cursor: unset;
}

.productcarousel-item img {
  /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
}

.singlejewelleryproduct-item {
  position: relative;
  overflow: hidden;
  background: #e2e2e2;
  padding-bottom: 100%;
}

.singlejewelleryproduct-item img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.product-logo {
  width: auto;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

.jewellery-specification {
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
}

.product-logo img {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  object-fit: scale-down;
}

.productbrand-name {
  font-size: 26px;
}

.singlestore-productdetails {
  border-bottom: 1px solid rgb(0 0 0 / 0.3);
}

.singlestore-productname,
.singlejewelleryshop-name {
  font-size: 22px;
  margin: 0 !important;
}

.mb-30 {
  margin-bottom: 30px;
}

.singlestore-productprice {
  font-size: 23px;
}

.product-details-caption,
.product-details-section {
  font-size: 20px;
}

.singlestore-productcaption,
.singlejewelleryproduct-price {
  font-size: 18px;
}

.morestore-img {
  position: relative;
  background: ffffff;
  /* padding-bottom: 110%;
    overflow: hidden; */
}

.morestore-img img {
  /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    object-fit: fill;
    object-position: center; */
}

.fullscreen--active {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 9999999;
  height: 100% !important;
}

/* .service-box {
    position: relative;
    height: 100%;
    background: #fff;
    border: 1px solid #d2d2d2;
    z-index: 0;
    width: 397px;

}   */
.owl-item .service-box {
  /* width: 345px !important; */
}

/* .owl-item .service-box .service-img  img{
    width: 48% !important;
} */
.morestore-img img {
  cursor: pointer;
}

/* .productcarousel-item.ank_full_screen img {
    width: 90%;
} */
.store-singleproduct .slider {
  margin-left: 30px;
}

.fullscreen--active {
  margin-left: 0px !important;
}

/*.fullscreen--active #detailsCarousel .owl-nav:not(.disabled){
    top: 23%;
}*/
.fullscreen--active #detailsCarousel img {
  width: 100%;
  /*transform: translateY(-48px);*/
  overflow-y: hidden;
  width: 100% !important;
  height: 100%;
}

.custom-borderbottom .service-box {
  width: auto !important;
}

/*Mo Tauheed*/

#detailsCarousel img.big-img {
  position: absolute;
  height: 100vh;
  transform: translateY(0);
  object-fit: cover;
}

.store-singleproduct .slider.fullscreen--active {
  /* padding: 4.72px; */
}

/* .store-singleproduct .slider.fullscreen--active .owl-carousel{
    width: 33% !important;
} */

.owl-item .service-box {
  /* width: 345px !important; */
}

/* .owl-item .service-box .service-img  img{
    width: 48% !important;
} */
/* .morestore-img img {
    width: 85% !important;
    cursor: pointer;
} */
.store-singleproduct .slider {
  margin-left: 30px;
}

.store-singleproduct .slider.fullscreen--active .ank_full_screen {
  margin-top: 0px;
}

/*.fullscreen--active{
    margin-left: 0px !important;
}
.fullscreen--active #detailsCarousel .owl-nav:not(.disabled){
    top: 23%;
}
.fullscreen--active #detailsCarousel img{
    width: 100%;
}
*/

.custom-borderbottom .service-box {
  width: auto !important;
}

#detailsCarousel.owl-carousel .owl-video-tn {
  width: 100%;
  height: 525px;
}

#m_toggle {
  display: none !important;
}

.hm_banner img {
  width: 100%;
}

/* youtube player css */
@keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}

@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes plyr-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  line-height: 1.7;
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
  z-index: 0;
}

.plyr audio,
.plyr iframe,
.plyr video {
  display: block;
  height: 100%;
  width: 100%;
}

.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}

.plyr:focus {
  outline: 0;
}

.plyr--full-ui {
  box-sizing: border-box;
}

.plyr--full-ui *,
.plyr--full-ui ::after,
.plyr--full-ui ::before {
  box-sizing: inherit;
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation;
}

.plyr__badge {
  background: #4a5464;
  background: var(--plyr-badge-background, #4a5464);
  border-radius: 2px;
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: #fff;
  color: var(--plyr-badge-text-color, #fff);
  font-size: 9px;
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: none;
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}

.plyr__captions span:empty {
  display: none;
}
@media (max-width: 374px) {
  .single-fluid img.small_pic {
    height: auto;
    object-fit: cover;
  }
  .fullscreen--active #detailsCarousel {
    height: auto;
  }
  #detailsCarousel {
    height: 210px;
  }
  .banner-logo-img {
    left: 30px;
    top: 30px;
  }
  .banner-logo-img img {
    width: 30px !important;
  }
  /* .fullscreen-img {
    display: none;
  } */
  #detailsCarousel .owl-nav:not(.disabled) {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transform: translate(0, -50%);
  }
  /* .owl-stage{
        display: flex;
    align-items: center;
    justify-content: center;
    } */
}
@media (min-width: 375px) {
  .single-fluid img.small_pic {
    height: auto;
    object-fit: cover;
  }
  #detailsCarousel {
    background: #fff3e6;
    height: 210px;
  }
  .banner-logo-img {
    left: 30px;
    top: 30px;
  }
  .banner-logo-img img {
    height: auto;
  }
  .owl-nav {
    position: absolute;
    top: 45%;
    width: 100%;
  }
  /* .fullscreen-img {
    display: none;
  } */
  /* #detailsCarousel .owl-nav:not(.disabled) {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transform: translate(0, -50%);
    } */
  .banner-logo-img {
    z-index: 999;
    position: absolute;
    left: 30px;
    top: 30px;
    width: 110px;
  }
  .login_toggle {
    padding: 0;
  }

  .login_toggle a {
    padding: 0;
    height: 40px;
    line-height: 40px;
  }

  .nav-header-position {
    position: relative;
    top: -10px;
  }
  /* .owl-stage{
        display: flex;
    align-items: center;
    justify-content: center;
    } */
}

@media (min-width: 480px) {
  #detailsCarousel {
    background: #fff3e6;
    height: 270px;
  }
  /* .owl-stage{
        display: flex;
    align-items: center;
    justify-content: center;
    } */
  /* .fullscreen-img {
    display: none;
  } */
  /* #detailsCarousel .owl-nav:not(.disabled) {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transform: translate(0, -50%);
    } */
  .banner-logo-img {
    z-index: 999;
    position: absolute;
    left: 30px;
    top: 30px;
    width: 110px;
  }
  .nav-header-position {
    position: relative;
    top: -10px;
  }

  .login_toggle {
    padding: 0 !important;
  }

  .plyr__captions {
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    padding: calc(10px * 2);
    padding: calc(var(--plyr-control-spacing, 10px) * 2);
  }
}

@media (min-width: 575px) {
  #detailsCarousel {
    background: #fff3e6;
    height: 321px;
  }
  /* .fullscreen-img {
    display: none;
  } */
  /* #detailsCarousel .owl-nav:not(.disabled) {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transform: translate(0, -50%);
    } */
  .banner-logo-img {
    z-index: 999;
    position: absolute;
    left: 30px;
    top: 30px;
    width: 110px;
  }
  .nav-header-position {
    position: relative;
    top: -10px;
  }

  .nav-header-position {
    margin-top: 0;
  }

  .nav-nemu-name {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: bold !important;
    padding: 0;
  }

  .navbar-toggler {
    position: absolute;
    right: -10px;
    top: 0;
    z-index: 1;
  }

  /* .headertab_view{
        width: 100%;
    } */

  .searchbox {
    right: 20px;
    width: 330px;
  }

  .searchbox {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 340px;
    margin-right: 0;
  }
}

@media (min-width: 640px) {
  #detailsCarousel {
    background: #fff3e6;
    height: 360px;
  }
  /* .fullscreen-img {
    display: none;
  } */
  .banner-logo-img {
    z-index: 999;
    position: absolute;
    left: 30px;
    top: 30px;
    width: 110px;
  }
  .filter-section {
    width: 320px;
  }

  /* .headertab_view{
    margin: 0 !important;
} */
}

@media (min-width: 768px) {
  .w-md-full {
    width: 100% !important;
  }
  .searchbox {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 380px;
    margin-right: 0;
  }
  #detailsCarousel {
    background: #fff3e6;
    height: 431px;
  }
  /* .fullscreen-img {
    display: none;
  } */
  .banner-logo-img {
    z-index: 999;
    position: absolute;
    left: 30px;
    top: 30px;
    width: 110px;
  }
  .navbar-toggler {
    position: absolute;
    right: -10px;
    top: -54px;
    z-index: 1;
  }

  .mv_btn {
    position: relative;
    top: 7px;
    right: 0;
    z-index: 111;
  }

  .navbar {
    position: relative;
    /* top: -36px; */
  }

  .filter-section {
    width: 265px;
    float: left;
    background: #caaf7b;
    padding-bottom: 12px;
    /* height: calc(100vh - 0px); */
    min-height: 600px;
  }

  .navbar-toggler {
    position: absolute;
    right: -10px;
    top: 0;
    z-index: 1;
  }

  #productFilter {
    width: 240px;
  }

  .new_sub {
    margin-top: -48px;
  }

  .plyr__captions {
    font-size: 18px;
    font-size: var(--plyr-font-size-large, 18px);
  }

  .nav-header {
    height: 145px;
    padding: 15px 0;
  }

  .product-section {
    /* width: calc(100% - ((100% - 680px)/2 + 250px)); */
    width: calc(100% - 240px);
    float: right;
    box-sizing: border-box;
    margin-top: -8px;
  }
  .min-h-100 {
    min-height: 100vh;
  }
}

@media (min-width: 992px) {
  #detailsCarousel {
    background: #fff3e6;
    height: 525px;
  }

  .banner-logo-img {
    z-index: 999;
    position: absolute;
    left: 30px;
    top: 30px;
    width: 110px;
  }
  .mv_btn {
    position: relative;
    top: 45px;
    right: 0;
    z-index: 111;
  }

  .navbar {
    position: relative;
    top: 0;
    height: auto;
    margin-top: 0;
  }

  .filter-headingbox {
    width: 240px;
    float: right;
  }

  .product-section {
    /* width: calc(100% - ((100% - 890px)/2 + 250px)); */
    width: calc(100% - 240px);
    float: right;
    box-sizing: border-box;
    margin-top: -8px;
  }

  .inner-content {
    float: right;
    width: 240px;
  }

  .sidebar {
    width: 240px;
    float: right;
  }

  .login_after {
    height: 40px;
    line-height: 40px;
    position: relative;
    top: 50px;
    z-index: 9;
  }
}

@media (min-width: 1200px) {
  /* .single-fluid .owl-stage{
        display: flex;
    align-items: center;
    justify-content: center;
    } */
  #detailsCarousel {
    height: 525px;
    overflow: hidden;
  }
  .fullscreen-img {
    display: block;
  }
  /* #detailsCarousel {
        height: 525px;
        overflow: hidden;
    } */
  .single-fluid {
    border-bottom: solid 2px #b99b61;
    /* position: relative; */
    /* transition: 0.5s ease all; */
    /* border-bottom: solid 3px #ddc596;
        height: 525px;
        overflow: hidden; */
  }
  /* #detailsCarousel .owl-nav:not(.disabled) {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transform: translate(0, -50%);
    } */
  .banner-logo-img {
    z-index: 999;
    position: absolute;
    left: 30px;
    top: 30px;
  }
  .filter-section {
    /* width: calc((100% - 1091px)/2 + 130px); */
    width: 260px;
    float: left;
    background: #caaf7b;
    padding-bottom: 12px;
    /* height: calc(100vh - 0px); */
    min-height: 600px;
  }

  .product-section {
    /* width: calc(100% - ((100% - 1090px)/2 + 250px)); */
    width: calc(100% - 240px);
    float: right;
    box-sizing: border-box;
    margin-top: -8px;
  }
  .searchbox {
    display: flex;
    height: 41px;
    border-radius: 5px;
    background: var(--color-primary);
    width: 590px;
    margin-right: 0;
    top: 10px;
  }
  .headertab_view {
    margin-left: auto !important;
    width: auto;
  }
}

.no-data-available {
  height: calc(100vh - 360px);
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase !important;
  color: black;
  text-align: center !important;
  font-family: "Brandon-Bold", "arial";
}

.my-shortlist_no-data {
  height: calc(100vh - 630px);
}

@media (min-width: 1366px) {
  #detailsCarousel {
    height: 525px;
    overflow: hidden;
  }
  .filter-section {
    /* width: calc((100% - 1280px)/2 + 250px); */
    width: 260px;
    float: left;
    background: #caaf7b;
    padding-bottom: 12px;
    /* height: calc(100vh - 0px); */
    min-height: 600px;
  }

  .product-section {
    /* width: calc(100% - ((100% - 1260px)/2 + 250px)); */
    width: calc(100% - 233px);
    float: right;
    box-sizing: border-box;
    margin-top: -8px;
  }
}

@media (min-width: 1400px) {
  #detailsCarousel {
    /* height: 680px; */
    height: 525px;
    overflow: hidden;
  }
  .mv_btn {
    position: relative;
    top: 0;
    right: 0;
    z-index: 111;
    margin: 0 0 0 20px;
  }
  .searchbox {
    display: flex;
    height: 41px;
    border-radius: 5px;
    background: var(--color-primary);
    width: 590px;
    margin-right: 0;
    top: 0px;
    right: 0;
    position: relative;
  }
  /* .nav-header-position{
        margin-top: -22px;
   } */
  .product-section {
    /* width: calc(100% - ((100% - 1240px)/2 + 250px)); */
    width: calc(100% - 240px);
    float: right;
    box-sizing: border-box;
    margin-top: -8px;
  }
  .login_after {
    height: 40px;
    line-height: 40px;
    position: inherit;
    top: 46px;
    z-index: 9;
  }
  .login_toggle a {
    padding: 0 0 0 20px;
  }
}

@media (max-width: 768px) {
  .banner-circle {
    display: none;
  }

  .no-data-available {
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.nav-header-dropdown-name-ul a {
  padding: 0 5px;
  height: 26px;
  line-height: 26px;
}

.login_after {
  height: 40px;
  line-height: 40px;
}

.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(calc(10px * -4));
  transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}

.plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}

.plyr__caption div {
  display: inline;
}

.plyr__control {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  border-radius: var(--plyr-control-radius, 3px);
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: calc(10px * 0.7);
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
  position: relative;
  transition: all 0.3s ease;
}

.plyr__control svg {
  display: block;
  fill: currentColor;
  height: 18px;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: 18px;
  width: var(--plyr-control-icon-size, 18px);
}

.plyr__control:focus {
  outline: 0;
}

.plyr__control.plyr__tab-focus {
  outline-color: #00b3ff;
  outline-color: var(
    --plyr-tab-focus-color,
    var(--plyr-color-main, var(--plyr-color-main, #00b3ff))
  );
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px;
}

a.plyr__control {
  text-decoration: none;
}

a.plyr__control::after,
a.plyr__control::before {
  display: none;
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed {
  display: none;
}

.plyr--full-ui ::-webkit-media-controls {
  display: none;
}

.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}

.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}

.plyr__controls .plyr__controls__item {
  margin-left: calc(10px / 4);
  margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: calc(10px / 4);
  padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 calc(10px / 2);
  padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}

.plyr__controls:empty {
  display: none;
}

.plyr [data-plyr="airplay"],
.plyr [data-plyr="captions"],
.plyr [data-plyr="fullscreen"],
.plyr [data-plyr="pip"] {
  display: none;
}

.plyr--airplay-supported [data-plyr="airplay"],
.plyr--captions-enabled [data-plyr="captions"],
.plyr--fullscreen-enabled [data-plyr="fullscreen"],
.plyr--pip-supported [data-plyr="pip"] {
  display: inline-block;
}

.plyr__menu {
  display: flex;
  position: relative;
}

.plyr__menu .plyr__control svg {
  transition: transform 0.3s ease;
}

.plyr__menu .plyr__control[aria-expanded="true"] svg {
  transform: rotate(90deg);
}

.plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip {
  display: none;
}

.plyr__menu__container {
  animation: plyr-popup 0.2s ease;
  background: rgba(255, 255, 255, 0.9);
  background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  font-size: 15px;
  font-size: var(--plyr-font-size-base, 15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}

.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.plyr__menu__container::after {
  border: 4px solid transparent;
  border: var(--plyr-menu-arrow-size, 4px) solid transparent;
  border-top-color: rgba(255, 255, 255, 0.9);
  border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
  content: "";
  height: 0;
  position: absolute;
  right: calc(((18px / 2) + calc(10px * 0.7)) - (4px / 2));
  right: calc(
    (
        (var(--plyr-control-icon-size, 18px) / 2) +
          calc(var(--plyr-control-spacing, 10px) * 0.7)
      ) - (var(--plyr-menu-arrow-size, 4px) / 2)
  );
  top: 100%;
  width: 0;
}

.plyr__menu__container [role="menu"] {
  padding: calc(10px * 0.7);
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container [role="menuitem"],
.plyr__menu__container [role="menuitemradio"] {
  margin-top: 2px;
}

.plyr__menu__container [role="menuitem"]:first-child,
.plyr__menu__container [role="menuitemradio"]:first-child {
  margin-top: 0;
}

.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  display: flex;
  font-size: 13px;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding-bottom: calc(calc(10px * 0.7) / 1.5);
  padding-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5);
  padding-left: calc(calc(10px * 0.7) * 1.5);
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
  padding-right: calc(calc(10px * 0.7) * 1.5);
  padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
  padding-top: calc(calc(10px * 0.7) / 1.5);
  padding-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}

.plyr__menu__container .plyr__control::after {
  border: 4px solid transparent;
  border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.plyr__menu__container .plyr__control--forward {
  padding-right: calc(calc(10px * 0.7) * 4);
  padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
}

.plyr__menu__container .plyr__control--forward::after {
  border-left-color: #728197;
  border-left-color: var(--plyr-menu-arrow-color, #728197);
  right: calc((calc(10px * 0.7) * 1.5) - 4px);
  right: calc(
    (calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) -
      var(--plyr-menu-item-arrow-size, 4px)
  );
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--forward:hover::after {
  border-left-color: currentColor;
}

.plyr__menu__container .plyr__control--back {
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: calc(10px * 0.7);
  margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
  margin-bottom: calc(calc(10px * 0.7) / 2);
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
  padding-left: calc(calc(10px * 0.7) * 4);
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
  position: relative;
  width: calc(100% - (calc(10px * 0.7) * 2));
  width: calc(100% - (calc(var(--plyr-control-spacing, 10px) * 0.7) * 2));
}

.plyr__menu__container .plyr__control--back::after {
  border-right-color: #728197;
  border-right-color: var(--plyr-menu-arrow-color, #728197);
  left: calc((calc(10px * 0.7) * 1.5) - 4px);
  left: calc(
    (calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) -
      var(--plyr-menu-item-arrow-size, 4px)
  );
}

.plyr__menu__container .plyr__control--back::before {
  background: #dcdfe5;
  background: var(--plyr-menu-back-border-color, #dcdfe5);
  box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: calc(calc(10px * 0.7) / 2);
  margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--back:hover::after {
  border-right-color: currentColor;
}

.plyr__menu__container .plyr__control[role="menuitemradio"] {
  padding-left: calc(10px * 0.7);
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container .plyr__control[role="menuitemradio"]::after,
.plyr__menu__container .plyr__control[role="menuitemradio"]::before {
  border-radius: 100%;
}

.plyr__menu__container .plyr__control[role="menuitemradio"]::before {
  background: rgba(0, 0, 0, 0.1);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
  transition: all 0.3s ease;
  width: 16px;
}

.plyr__menu__container .plyr__control[role="menuitemradio"]::after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 6px;
}

.plyr__menu__container
  .plyr__control[role="menuitemradio"][aria-checked="true"]::before {
  background: #00b3ff;
  background: var(
    --plyr-control-toggle-checked-background,
    var(--plyr-color-main, var(--plyr-color-main, #00b3ff))
  );
}

.plyr__menu__container
  .plyr__control[role="menuitemradio"][aria-checked="true"]::after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

.plyr__menu__container
  .plyr__control[role="menuitemradio"].plyr__tab-focus::before,
.plyr__menu__container .plyr__control[role="menuitemradio"]:hover::before {
  background: rgba(35, 40, 47, 0.1);
}

.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: calc((calc(10px * 0.7) - 2) * -1);
  margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2) * -1);
  overflow: hidden;
  padding-left: calc(calc(10px * 0.7) * 3.5);
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5);
  pointer-events: none;
}

.plyr--full-ui input[type="range"] {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: calc(13px * 2);
  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
  color: #caaf7b !important;
  color: var(
    --plyr-range-fill-background,
    var(--plyr-color-main, var(--plyr-color-main, #00b3ff))
  );
  display: block;
  height: calc((3px * 2) + 13px);
  height: calc(
    (var(--plyr-range-thumb-active-shadow-width, 3px) * 2) +
      var(--plyr-range-thumb-height, 13px)
  );
  margin: 0;
  min-width: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%;
}

.plyr--full-ui input[type="range"]::-webkit-slider-runnable-track {
  background: 0 0;
  border: 0;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -webkit-user-select: none;
  user-select: none;
  background-image: linear-gradient(to right, currentColor 0, transparent 0);
  background-image: linear-gradient(
    to right,
    currentColor var(--value, 0),
    transparent var(--value, 0)
  );
}

.plyr--full-ui input[type="range"]::-webkit-slider-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(
    --plyr-range-thumb-shadow,
    0 1px 1px rgba(35, 40, 47, 0.15),
    0 0 0 1px rgba(35, 40, 47, 0.2)
  );
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
  -webkit-appearance: none;
  margin-top: calc(((13px - 5px) / 2) * -1);
  margin-top: calc(
    (
        (
            var(--plyr-range-thumb-height, 13px) -
              var(--plyr-range-track-height, 5px)
          ) / 2
      ) * -1
  );
}

.plyr--full-ui input[type="range"]::-moz-range-track {
  background: 0 0;
  border: 0;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
}

.plyr--full-ui input[type="range"]::-moz-range-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(
    --plyr-range-thumb-shadow,
    0 1px 1px rgba(35, 40, 47, 0.15),
    0 0 0 1px rgba(35, 40, 47, 0.2)
  );
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type="range"]::-moz-range-progress {
  background: currentColor;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
}

.plyr--full-ui input[type="range"]::-ms-track {
  background: 0 0;
  border: 0;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
  user-select: none;
  color: transparent;
}

.plyr--full-ui input[type="range"]::-ms-fill-upper {
  background: 0 0;
  border: 0;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
  user-select: none;
}

.plyr--full-ui input[type="range"]::-ms-fill-lower {
  background: 0 0;
  border: 0;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
  user-select: none;
  background: currentColor;
}

.plyr--full-ui input[type="range"]::-ms-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(
    --plyr-range-thumb-shadow,
    0 1px 1px rgba(35, 40, 47, 0.15),
    0 0 0 1px rgba(35, 40, 47, 0.2)
  );
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
  margin-top: 0;
}

.plyr--full-ui input[type="range"]::-ms-tooltip {
  display: none;
}

.plyr--full-ui input[type="range"]:focus {
  outline: 0;
}

.plyr--full-ui input[type="range"]::-moz-focus-outer {
  border: 0;
}

.plyr--full-ui
  input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track {
  outline-color: #00b3ff;
  outline-color: var(
    --plyr-tab-focus-color,
    var(--plyr-color-main, var(--plyr-color-main, #00b3ff))
  );
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px;
}

.plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track {
  outline-color: #00b3ff;
  outline-color: var(
    --plyr-tab-focus-color,
    var(--plyr-color-main, var(--plyr-color-main, #00b3ff))
  );
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px;
}

.plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track {
  outline-color: #00b3ff;
  outline-color: var(
    --plyr-tab-focus-color,
    var(--plyr-color-main, var(--plyr-color-main, #00b3ff))
  );
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px;
}

.plyr__poster {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
  background-size: cover;
}

.plyr__time {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__time + .plyr__time::before {
  content: "\2044";
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
}

@media (max-width: calc(768px - 1px)) {
  .plyr__time + .plyr__time {
    display: none;
  }
}

.plyr__tooltip {
  background: rgba(255, 255, 255, 0.9);
  background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  border-radius: 3px;
  border-radius: var(--plyr-tooltip-radius, 3px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: #4a5464;
  color: var(--plyr-tooltip-color, #4a5464);
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: calc(calc(10px / 2) * 2);
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
  opacity: 0;
  padding: calc(10px / 2) calc(calc(10px / 2) * 1.5);
  padding: calc(var(--plyr-control-spacing, 10px) / 2)
    calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  white-space: nowrap;
  z-index: 2;
}

.plyr__tooltip::before {
  border-left: 4px solid transparent;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: 4px solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.9);
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid
    var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  bottom: calc(4px * -1);
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 0 100%;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls
  > .plyr__control:first-child
  + .plyr__control
  .plyr__tooltip::before {
  left: calc((18px / 2) + calc(10px * 0.7));
  left: calc(
    (var(--plyr-control-icon-size, 18px) / 2) +
      calc(var(--plyr-control-spacing, 10px) * 0.7)
  );
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 100% 100%;
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
  left: auto;
  right: calc((18px / 2) + calc(10px * 0.7));
  right: calc(
    (var(--plyr-control-icon-size, 18px) / 2) +
      calc(var(--plyr-control-spacing, 10px) * 0.7)
  );
  transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls
  > .plyr__control:first-child
  + .plyr__control
  .plyr__tooltip--visible,
.plyr__controls
  > .plyr__control:first-child
  + .plyr__control.plyr__tab-focus
  .plyr__tooltip,
.plyr__controls
  > .plyr__control:first-child
  + .plyr__control:hover
  .plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0, 0) scale(1);
}

.plyr__progress {
  left: calc(13px * 0.5);
  left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
  margin-right: 13px;
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative;
}

.plyr__progress input[type="range"],
.plyr__progress__buffer {
  margin-left: calc(13px * -0.5);
  margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  margin-right: calc(13px * -0.5);
  margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  width: calc(100% + 13px);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}

.plyr__progress input[type="range"] {
  position: relative;
  z-index: 2;
}

.plyr__progress .plyr__tooltip {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
  left: 0;
}

.plyr__progress__buffer {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 100px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: calc((5px / 2) * -1);
  margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * -1);
  padding: 0;
  position: absolute;
  top: 50%;
}

.plyr__progress__buffer::-webkit-progress-bar {
  background: 0 0;
}

.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -moz-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(
    -45deg,
    rgba(35, 40, 47, 0.6) 25%,
    transparent 25%,
    transparent 50%,
    rgba(35, 40, 47, 0.6) 50%,
    rgba(35, 40, 47, 0.6) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    -45deg,
    var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%,
    transparent 25%,
    transparent 50%,
    var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%,
    var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%,
    transparent 75%,
    transparent
  );
  background-repeat: repeat-x;
  background-size: 25px 25px;
  background-size: var(--plyr-progress-loading-size, 25px)
    var(--plyr-progress-loading-size, 25px);
  color: transparent;
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: rgba(255, 255, 255, 0.25);
  background-color: var(
    --plyr-video-progress-buffered-background,
    rgba(255, 255, 255, 0.25)
  );
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(
    --plyr-audio-progress-buffered-background,
    rgba(193, 200, 209, 0.6)
  );
}

.plyr__volume {
  align-items: center;
  display: flex;
  max-width: 110px;
  min-width: 80px;
  position: relative;
  width: 20%;
}

.plyr__volume input[type="range"] {
  margin-left: calc(10px / 2);
  margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
  margin-right: calc(10px / 2);
  margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
  position: relative;
  z-index: 2;
}

.plyr--is-ios .plyr__volume {
  min-width: 0;
  width: auto;
}

.plyr--audio {
  display: block;
}

.plyr--audio .plyr__controls {
  background: #fff;
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: #4a5464;
  color: var(--plyr-audio-control-color, #4a5464);
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
}

.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded="true"] {
  background: #00b3ff;
  background: var(
    --plyr-audio-control-background-hover,
    var(--plyr-color-main, var(--plyr-color-main, #00b3ff))
  );
  color: #fff;
  color: var(--plyr-audio-control-color-hover, #fff);
}

.plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(
    --plyr-audio-range-track-background,
    var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
  );
}

.plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(
    --plyr-audio-range-track-background,
    var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
  );
}

.plyr--full-ui.plyr--audio input[type="range"]::-ms-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(
    --plyr-audio-range-track-background,
    var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
  );
}

.plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2),
    0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      0 0 0 1px rgba(35, 40, 47, 0.2)
    ),
    0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
      var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2),
    0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      0 0 0 1px rgba(35, 40, 47, 0.2)
    ),
    0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
      var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2),
    0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      0 0 0 1px rgba(35, 40, 47, 0.2)
    ),
    0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
      var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--audio .plyr__progress__buffer {
  color: rgba(193, 200, 209, 0.6);
  color: var(
    --plyr-audio-progress-buffered-background,
    rgba(193, 200, 209, 0.6)
  );
}

.plyr--video {
  background: #000;
  overflow: hidden;
  height: 100%;
}

.plyr--video.plyr--menu-open {
  overflow: visible;
}

.plyr__video-wrapper {
  /* background: #000; */
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  /* height: 525px;
     padding-bottom: 56.25% */
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  left: 0;
  position: absolute;
  top: 0;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}

.plyr--video .plyr__controls {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
  background: var(
    --plyr-video-controls-background,
    linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75))
  );
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: calc(10px / 2);
  padding: calc(var(--plyr-control-spacing, 10px) / 2);
  padding-top: calc(10px * 2);
  padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 3;
}

@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    padding-top: calc(10px * 3.5);
    padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
  }
}

.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded="true"] {
  background: #caaf7b !important;
  background: var(
    --plyr-video-control-background-hover,
    var(--plyr-color-main, var(--plyr-color-main, #00b3ff))
  );
  color: #fff;
  color: var(--plyr-video-control-color-hover, #fff);
}

.plyr__control--overlaid {
  background: #caaf7b !important;
  background: var(
    --plyr-video-control-background-hover,
    var(--plyr-color-main, var(--plyr-color-main, #00b3ff))
  );
  border: 0;
  border-radius: 100%;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: 0.9;
  padding: calc(10px * 1.5);
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  z-index: 2;
}

.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
  opacity: 1;
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
  z-index: 99999;
  /* position: absolute;
    top: 50%;
    transform: translate(0%, 0%); */
}

.plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track {
  background-color: rgba(255, 255, 255, 0.25);
  background-color: var(
    --plyr-video-range-track-background,
    var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))
  );
}

.plyr--full-ui.plyr--video input[type="range"]::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.25);
  background-color: var(
    --plyr-video-range-track-background,
    var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))
  );
}

.plyr--full-ui.plyr--video input[type="range"]::-ms-track {
  background-color: rgba(255, 255, 255, 0.25);
  background-color: var(
    --plyr-video-range-track-background,
    var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))
  );
}

.plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2),
    0 0 0 3px rgba(255, 255, 255, 0.5);
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      0 0 0 1px rgba(35, 40, 47, 0.2)
    ),
    0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
      var(
        --plyr-audio-range-thumb-active-shadow-color,
        rgba(255, 255, 255, 0.5)
      );
}

.plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2),
    0 0 0 3px rgba(255, 255, 255, 0.5);
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      0 0 0 1px rgba(35, 40, 47, 0.2)
    ),
    0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
      var(
        --plyr-audio-range-thumb-active-shadow-color,
        rgba(255, 255, 255, 0.5)
      );
}

.plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2),
    0 0 0 3px rgba(255, 255, 255, 0.5);
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      0 0 0 1px rgba(35, 40, 47, 0.2)
    ),
    0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
      var(
        --plyr-audio-range-thumb-active-shadow-color,
        rgba(255, 255, 255, 0.5)
      );
}

.plyr--video .plyr__progress__buffer {
  color: rgba(255, 255, 255, 0.25);
  color: var(
    --plyr-video-progress-buffered-background,
    rgba(255, 255, 255, 0.25)
  );
}

.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-webkit-full-screen video {
  height: 100%;
}

.plyr:-ms-fullscreen video {
  height: 100%;
}

.plyr:fullscreen video {
  height: 100%;
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr:fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}

.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}

.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}

.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }

  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }

  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-webkit-full-screen video {
  height: 100%;
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }

  .new_sub {
    margin-top: 0;
  }
}

.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-moz-full-screen video {
  height: 100%;
}

.plyr:-moz-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-ms-fullscreen video {
  height: 100%;
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000;
}

.plyr--fullscreen-fallback video {
  height: 100%;
}

.plyr--fullscreen-fallback .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}

.plyr__ads::after {
  background: #23282f;
  border-radius: 2px;
  bottom: 10px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3;
}

.plyr__ads::after:empty {
  display: none;
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin: -var(--plyr-range-track-height, 5px) / 2 0 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  width: 3px;
  z-index: 3;
}

.plyr__preview-thumb {
  background-color: rgba(255, 255, 255, 0.9);
  background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  border-radius: 3px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  margin-bottom: calc(calc(10px / 2) * 2);
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
  opacity: 0;
  padding: 3px;
  padding: var(--plyr-tooltip-radius, 3px);
  pointer-events: none;
  position: absolute;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  z-index: 2;
}

.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}

.plyr__preview-thumb::before {
  border-left: 4px solid transparent;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: 4px solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.9);
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid
    var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  bottom: calc(4px * -1);
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr__preview-thumb__image-container {
  background: #c1c8d1;
  border-radius: calc(3px - 1px);
  border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.plyr__preview-thumb__image-container img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr__preview-thumb__time-container {
  bottom: 6px;
  left: 0;
  position: absolute;
  right: 0;
  white-space: nowrap;
  z-index: 3;
}

.plyr__preview-thumb__time-container span {
  background-color: rgba(0, 0, 0, 0.55);
  border-radius: calc(3px - 1px);
  border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
  color: #fff;
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
  padding: 3px 6px;
}

.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}

.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}

.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--no-transition {
  transition: none !important;
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.plyr [hidden] {
  display: none !important;
}

/* end of yputube play css */

/* faq css */
.content2 {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075), 0 2px 4px rgba(0, 0, 0, 0.037);
  padding: 25px;
  margin: 30px 0px;
}

.content2 .panel-group {
  margin-bottom: 0;
}

.content2 .panel-group .panel {
  border-radius: 0;
  box-shadow: none;
}

.content2 .panel-group .panel .panel-heading {
  padding: 0;
}

.content2 .panel-group .panel .panel-heading h4 a {
  background: #f8f8f8;
  display: block;
  font-size: 18px !important;
  line-height: 30px;
  font-weight: bold;
  padding: 10px 15px;
  text-decoration: none;
  transition: 0.15s all ease-in-out;
  color: #000;
}

.content2 .panel-group .panel .panel-heading h4 a:hover,
.content2 .panel-group .panel .panel-heading h4 a:not(.collapsed) {
  transition: 0.15s all ease-in-out;
}

.content2 .panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {
  content: "\f068";
}

.panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {
  content: "" !important;
}

.content2 .panel-group .panel .panel-heading h4 a i {
  color: #999;
}

.content2 .panel-group .panel .panel-body {
  padding-top: 0;
}

.content2 .panel-group .panel .panel-heading + .panel-collapse > .list-group,
.content2 .panel-group .panel .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}

.content2 .panel-group .panel .panel-heading + .panel-collapse > .panel-body p {
  font-size: 16px;
  padding: 0 30px;
}

.content2
  .panel-group
  .panel
  .panel-heading
  + .panel-collapse
  > .panel-body
  p
  span {
  color: #555 !important;
  font-family: Roboto, arial, sans-serif !important;
  font-size: 16px !important;
  background-color: #ffffff !important;
}

.content2 .panel-group .panel + .panel {
  border-top: none;
  margin-top: 0;
}

/* .content2 svg:not(:root).svg-inline--fa{
      float:right;
  } */
.content2 .panel-group .panel .panel-heading h4 a:hover {
  color: #000;
  background: #cbaf7b;
}

.panel-title > a:before {
  float: right !important;
  font-family: FontAwesome;
  content: url("../images/minus.svg");
  width: 14px;
  height: 14px;
}

.panel-title > a.collapsed:before {
  float: right !important;
  content: url("../images/plus.svg");
  width: 14px;
  height: 14px;
}

/* end of faq */

/* ----------------------------------------------------------  media query (Responsive)     ---------------------------------------------------*/

@media only screen and (min-width: 1600px) {
  .container {
    max-width: 1480px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1480px) {
  .shortlist-img {
    height: 200px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 767px) {
  .mv_btn {
    margin: 17px 0 0 0;
  }
}

@media only screen and (min-width: 1200px) {
  .col-small {
    flex: 0 0 9.5%;
    max-width: 9.5%;
  }

  .col-newsletter {
    flex: 0 0 32.5%;
    max-width: 32.5%;
  }

  .navbaritem-maincategory,
  .navbaritem-subcategory,
  .navbaritem-detailcategory {
    min-width: 230px;
  }

  .footer-section li div {
    text-indent: 10px;
  }

  #productsCarousel .owl-nav .owl-prev {
    /* margin-right: -18px; */
    left: -2%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  #productsCarousel .owl-nav .owl-next {
    /* margin-right: -18px; */
    right: -2%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .footer-section a span {
    margin-right: 9px;
  }
}

@media only screen and (max-width: 1199px) {
  /* .weather-text, .login-btn, .signup-btn, .searchbox-select, .searchbox-select:focus, .searchbox-input, .navbar-nav .nav-link {
        font-size: 12px;
    } */
  .navbaritem-dropdown li .navbaritem-heading {
    font-size: 12px;
    /* text-transform: uppercase; */
  }

  .productbrand-name {
    font-size: 20px;
  }

  .singlestore-productname,
  .singlestore-productprice {
    font-size: 18px;
  }

  .singlestore-productcaption,
  .singlejewelleryproduct-price {
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .navbaritem-maincategory,
  .navbaritem-subcategory,
  .navbaritem-detailcategory {
    min-width: 180px;
  }
}

@media only screen and (min-width: 992px) {
  .singlestore-description {
    width: calc(100% - 320px);
  }

  .singlestore-detailsbox {
    width: 280px;
    margin-left: 40px;
  }

  .store-singleproduct .slider {
    width: calc(100% - 71px);
    /*margin-left: 43px;*/
  }

  .store-singleproduct .singleproduct {
    width: 35px;
    margin: 0 10px;
    border-bottom: 0px;
  }

  .singleproduct .share-details {
    padding: 15px 0;
    border-top: 1px solid rgb(0 0 0 / 0.1);
    border-right: none;
  }

  .singleproduct .social-share {
    padding: 15px 0;
    border-top: 1px solid rgb(0 0 0 / 0.1);
    border-right: none;
  }

  .singleproduct .social-share ul li {
    margin: 5px 0;
  }

  /*.searchbox{
        width: 490px;
    margin-right: 20px;
    }*/
}

@media only screen and (max-width: 991px) {
  .weather-text {
    margin-left: -5px;
  }

  .banner-caption {
    font-size: 24px;
  }

  .inner-content {
    width: auto;
    float: unset;
  }

  #productFilter {
    /* position: absolute;
        z-index: 99;
        width: 100%;
        padding-bottom: 30px; */
  }

  .navbar-nav .nav-item {
    /* padding: 0; */
  }

  /* .headertab_view {
        position: absolute;
        right: 20px;
    } */
  /* .searchbox {
        position: absolute;
        top: 10px;
        right: 20px;
        width: 480px;
        margin-right: 0;
    } */

  .mv_btn {
    /* position: relative;
        top: 0;
        right: 0;
        z-index: 111; */
  }

  .c-hamburger {
    /* right: -10px; */
    top: 6px;
  }

  .section-name {
    font-size: 24px;
  }

  .viewmore-btn,
  .viewmore-btn:hover {
    font-size: 12px;
    /* margin-top: 15px; */
    margin-left: auto;
  }

  .modal-name {
    font-size: 20px;
  }

  .loginwith-fb,
  .loginwith-google,
  .modalsubmit-btn,
  .modalsubmit-btn:hover,
  .modalcancel-btn {
    font-size: 13px;
  }

  .modalforgot-caption {
    font-size: 16px;
  }

  .owl-count {
    font-size: 14px;
    padding: 5px 10px;
  }

  .comment-btn {
    text-transform: capitalize;
  }

  .commentbox textarea,
  .comment-postbtn,
  .commentbox {
    font-size: 15px;
  }

  .fullscreen--active {
    background: rgb(0 0 0 / 0.9);
  }

  .fullscreen--active #detailsCarousel {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .product-logo {
    /* width: 80px;
        height: 80px; */
  }

  .singlestore-description {
    width: 100%;
  }

  .store-location {
    padding-bottom: 60%;
  }

  .singlejewelleryshop-name {
    font-size: 22px;
  }

  /* .navbar-toggler {
        position: absolute;
        right: -10px;
        top: -45px;
        z-index: 9999;
    } */
  .m_fixed .navbar-toggler {
    position: fixed;
    right: 0;
    top: 7px;
    z-index: 1;
  }

  .mobile_nav {
  }

  #m_toggle #navbarToggle {
    display: none !important;
  }

  .drop-down .selected a {
    width: 104px;
    padding-right: 15px;
    margin-top: 2px;
  }
  .drop-down .options ul {
    width: 122px !important;
  }

  .new_sub {
    float: right;
  }

  .footer_mv {
    padding-bottom: 0px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .singlestore-detailsbox {
    width: 40%;
  }
}

@media only screen and (min-width: 768px) {
  .filter-headingbox {
    pointer-events: none;
  }

  .display-md-none {
    display: none !important;
  }

  /* .filter-section {
        width: calc((100% - 1280px)/2 + 250px);
        float: left;
        background: #caaf7b;
        padding-bottom: 12px;
        height: 100%;
        min-height: 1010px;
    } */
  /* .product-section {
        width: calc(100% - ((100% - 1280px)/2 + 250px));
        float: right;
        box-sizing: border-box;
        margin-top: -8px;
    } */
  .comment-btn {
    text-transform: uppercase;
  }

  /*.searchbox {
        position: absolute;
        right: 80px;
        width: 385px;

    }*/
}

@media only screen and (max-width: 767px) {
  .d-md-none {
    display: none !important;
  }
  .navbaritem-maincategory {
    border-color: #caaf7b !important;
  }

  .filter-box:last-child {
    border-bottom: 0px;
  }
  .feedback-heading {
    font-size: 22px;
  }

  .nav-header {
    height: auto;
    padding: 5px 0;
  }

  .banner-caption {
    display: inline-block;
  }

  .navbaritem-dropdown,
  .navbaritem-maincategory {
    width: 100%;
  }

  .navbaritem-subcategory,
  .navbaritem-detailcategory {
    position: absolute;
    left: 100%;
    opacity: 0;
    width: 0;
    height: 0;
    display: inline-block;
    transition: 0.5s ease all;
  }

  .navbaritem-subcategory.subcategory--active,
  .navbaritem-detailcategory.detailcategory--active {
    width: 100%;
    min-height: 100%;
    background: #fff;
    opacity: 1;
    left: 0;
    transition: 0.5s ease all;
  }

  .navbaritem-dropdown ul {
    background: #fff;
  }

  .navbaritem-detailcategory {
    box-shadow: none;
  }

  .navbaritem-subcategory.subcategory--active .navbaritem-subbackarrow,
  .navbaritem-detailcategory.detailcategory--active
    .navbaritem-detailbackarrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #fff;
    background: var(--color-primary);
    margin-right: 10px;
  }

  .banner-circle {
    width: 200px;
    height: 200px;
  }

  .product-section {
    width: 100%;
  }

  .filter-headingbox {
    font-size: 14px;
    text-align: center;
  }

  .footer-contact-move {
    margin-left: 0;
  }

  /* .searchbox {
        width: auto;
    } */
  /* 
  .vm_btn {
    display: block !important;
  } */

  .section-name {
    display: inline-block;
  }

  .viewmore-btn,
  .viewmore-btn:hover {
    padding: 7px 20px;
    float: right;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-caption {
    font-size: 24px;
  }

  .singlestore-detailsbox {
    width: 50%;
  }

  .filter-section {
    max-width: 320px;
  }

  .navbar-custom {
    flex-direction: row;
  }
}

@media (max-width: 575px) {
  #themecolors {
    display: -webkit-inline-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
    padding: 0 16px;
    /* overflow-x: scroll; */
  }
  #themecolors li:first-child {
    order: 5;
  }
  /* .navbar-custom {
      overflow-x: inherit !important;
      display: flex !important;
    } */
  .navbar-custom .navbaritem-subcategory.subcategory--active {
    min-height: auto;
  }
  .navbar-custom .navbaritem-maincategory {
    /* .navbar-custom .navbaritem-dropdown { */
    position: absolute;
  }
  .navbar-custom ul.list-unstyled {
    height: auto;
    max-height: 275px;
    overflow-y: auto;
  }
}

@media (max-width: 640px) {
  /* .navbar-toggler {
        position: absolute;
        right: -10px;
        top: -102px;
        z-index: 1;
    } */

  .searchbox {
    /* right: 70px; */
    width: 100% !important;
    position: unset;
    margin: 10px 0px;
  }
}

@media only screen and (max-width: 575px) {
  .banner-caption::before {
    display: none;
  }
  /* .list-inline-item {
        width: 43%;
    } */

  .navbar-toggler {
    position: absolute;
    right: -10px;
    top: 0;
    z-index: 1;
  }

  .new_sub {
    float: unset;
  }

  .fullscreen-btn {
    right: 6px;
  }

  .signup-btn {
    margin-left: 5px;
  }

  .banner-caption {
    font-size: 20px;
    color: #333;
  }

  .section-tags li:not(:last-child) {
    /* margin-bottom: 15px; */
  }

  .social-share {
    flex: 1;
    text-align: center;
  }

  .share-details {
    padding-left: 0;
  }

  .filter-section {
    width: 230px;
    /* z-index: 999; */
    position: relative;
    height: auto;
    min-height: auto;
  }

  .section-tags li {
    padding: 4px 1px 4px 16px;
  }

  .product-details-caption,
  .product-details-section {
    font-size: 17px;
  }

  .scroll-top {
    z-index: 99999;
  }

  .singlestore-header {
    font-size: 31px;
  }

  .footer_mv {
    padding: 40px 35px 0px !important;
  }

  .mv_btn {
    /* top:115px;
        right: 20px; */
  }

  .searchbox {
    position: unset;
    margin: 10px 0px;
  }

  /* .nav-header {
            padding: 10px 0 15px !important;
    } */
  .headertab_view {
    margin-left: 0px !important;
  }

  .weather-text {
    margin-top: -5px;
  }

  .banner-container {
    position: absolute;
    top: 0;
    left: -30%;
    transform: translate(120px, 10px);
  }

  .singlepage-tags {
    margin: 20px 0 5px;
  }

  .list-unstyled {
    margin-bottom: 0;
  }

  .store-singleproduct.pl-5 {
    padding-left: 0px !important;
  }

  .store-singleproduct .slider {
    margin-left: 0px;
  }

  .desk-v {
    display: none !important;
  }

  .mobile-v {
    display: block !important;
  }

  .store-singleproduct .slider.fullscreen--active .owl-carousel {
    width: 80% !important;
  }

  .product-logo img {
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    object-fit: scale-down;
  }

  .product-logo {
    width: 100% !important;
    height: auto;
  }

  .m_fixed #m_toggle {
    display: block !important;
  }
}

.ank_click_name {
  font-weight: 400 !important;
  text-transform: uppercase;
  margin: 0;
}

@media (max-width: 320px) {
  .navbar-expand-lg a {
    font-size: 24px;
  }

  .login-btn,
  .signup-btn {
    height: 32px;
    font-size: 12px;
  }
}

@media (max-width: 375px) {
  #ank_temp {
    font-size: 12px;
  }

  #ank_src {
    margin: 0px !important;
    height: 35px !important;
    width: 35px !important;
  }

  .login-head .weather-text {
    margin-top: 20px;
  }

  .navbar-toggler {
    position: absolute;
    right: -10px;
    top: 0;
    z-index: 1;
  }
}

@media only screen and (max-width: 575px) {
  .login-head .weather-text {
    margin-top: 0;
  }

  .singlepage-tags .section-tags li {
    padding: 5px 19px;
  }

  .list-unstyled li {
    margin-top: 0;
    /* white-space: nowrap; */
    padding: 0;
    margin-bottom: 0;
    /* width: auto; */
  }

  .singlestore-detailsbox {
    width: 100%;
  }

  .cities.visible {
    display: block;
    width: 100%;
  }

  .cities {
    left: 0px;
    margin-top: 8px;
    height: 121px;
    overflow-x: scroll;
  }

  .section-caption {
    font-size: 20px;
    display: inline-block;
  }

  .product-logo {
    width: 50%;
  }
}

@media (min-width: 360px) and (max-width: 640px) {
  .navbar-custom {
    gap: 0 !important;
  }
  .navbar-custom .nav-link {
    font-size: 12px !important;
  }
  .navbar-custom .nav-link img {
    width: 20px;
    height: 20px;
  }
  #themecolors {
    padding: 0 8px;
    justify-content: center;
  }
}

@media only screen and (min-width: 576px) and (max-width: 768px) {
  /* .searchbox {
        right: 70px;
        width: 330px;
    } */

  /* .new_sub{
    float: none;
} */
  .mv_btn {
    top: 6px;
  }

  .login_after {
    width: 100%;
    float: left;
  }
}

@media only screen and (min-width: 768px) and (max-width: 770px) {
  .new_sub {
    width: 56%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .searchbox {
    width: 520px;
    margin-right: 0;
  }
}

/* new css 19-01--2022 */

.fullscreen--active #detailsCarousel {
  height: 100%;
}

#ank_cls_add {
  overflow: auto !important;
}

.subcategory .active {
  color: #caaf7a;
}

.store-singleproduct .slider .fullscreen--active .owl-carousel {
  width: 91% !important;
}

.ank_full_screen {
  margin: 1px;
}

@media only screen and (max-width: 1800px) and (min-width: 1649px) {
  /* .owl-item .service-box {
width: 315px !important;
} */
}

@media only screen and (max-width: 1650px) and (min-width: 1500px) {
  /* .category-img {
width: 334px;
} */
  /* .service-box {
width: 336px;
} */
  /* .owl-item .service-box {
width: 280px !important;
} */
}

@media only screen and (max-width: 1499px) and (min-width: 1300px) {
  /* .category-img {
width: 300px;
} */
  /* .service-box {
width: 302px;
} */
  /* .owl-item .service-box {
width: 240px !important;
} */
}

@media only screen and (max-width: 1299px) and (min-width: 992px) {
  /* .category-img {
width: 250px;
} */
  /* .service-box {
width: 252px;
} */
  /* .owl-item .service-box {
width: 190px !important;
} */
}

@media only screen and (max-width: 1200px) and (min-width: 640px) {
  /* .category-img {
width: 300px;
} */
  /* .service-box {
width: 302px;
margin: 0 auto;
} */
}

@media only screen and (max-width: 991px) {
  /* #themecolors{
overflow: unset;
} */
}

@media only screen and (max-width: 575px) {
  /* .category-img {
width: 300px;
} */
  /* .service-box {
width: 302px;
margin: 0 auto;
} */
  .store-singleproduct .slider.fullscreen--active .owl-carousel {
    width: 91.6% !important;
  }

  .store-singleproduct .slider.fullscreen--active .fullscreen-btn {
    background-color: #000000f0 !important;
    border-radius: 50%;
  }

  #myHeader {
    padding: 0px;
  }

  #themecolors li {
    padding: 0px 5px;
  }

  #themecolors li a {
    font-size: 14px;
  }
  .navbar__design {
    overflow: hidden !important;
  }
  #navbarToggle {
    white-space: nowrap;
    /* overflow-x: scroll;*/
    /* overflow: inherit; */
    /* overflow: hidden; */
  }

  #themecolors li a img {
    /* width: 20%; */
    margin-right: 0.25rem !important;
  }

  .login-btn,
  .signup-btn {
    height: 31px;
  }

  /* .filter-section {
        z-index: 1 !important;
    } */

  .navbaritem-dropdown,
  .navbaritem-maincategory {
    z-index: 111;
    width: max-content;
    /* position: fixed; */
  }

  .navbaritem-dropdown ul {
    padding: 6px 11px;
    border: solid 1px #caaf7b;
    height: 100%;
  }
}
@media only screen and (min-width: 426px) {
  .navbaritem-dropdown {
    border: solid 1px #caaf7b;
  }
  /* .navbaritem-maincategory-mobile ul {
    border: none !important;
  } */
}

@media only screen and (max-width: 426px) {
  .navbaritem-maincategory ul {
    padding: 6px 10px;
    border: solid 1px #caaf7b;
    height: 100%;
  }
}

@media only screen and (max-width: 360px) {
  #themecolors li a {
    font-size: 14px;
  }
}

@media only screen and (max-width: 320px) {
  #themecolors li {
    padding: 1px;
  }

  /* .category-img {
width: 275px;
} */
  /* .service-box {
width: 277px;
margin: 0 auto;
} */
}

.fullscreen--active #detailsCarousel .plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  height: 100vh;
  max-width: 100vw;
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  max-width: 933px;
  height: 525px;
}

.plyr--video {
  background-color: #fef3e6 !important;
}

#detailsCarousel .owl-nav .owl-prev {
  /* position: absolute;
    top: 50%;
    left: 2%; */
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  /* margin: 0;
    display: flex;
    align-items: center;
    transform: translate(-50%, -50%); */
}

#detailsCarousel .owl-nav .owl-next {
  /* position: absolute;
    top: 50%;
    right:0%; */
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  /* margin: 0;
    display: flex;
    align-items: center;
    transform: translate(-50%, -50%); */
}

/* end of 20-01-2222 tak */

/* css change Mohd Tauheed */

/*  22-01-2222 new*/
.shortlist-img img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.cat_list {
  /* width: 397px; */
}

.list_detail .service-img {
  /* padding-bottom: 123%; */
}

.plyr__poster {
  background-color: #fef3e6 !important;
}

.fullscreen--active .plyr__poster {
  background-color: #fef3e6 !important;
}

/* .home_sbox .service-img {
    aspect-ratio: 1.6;
} */

.home_sbox .service-img img {
  object-fit: fill;
  object-position: center;
  height: 100%;
}

@media only screen and (max-width: 1650px) and (min-width: 1500px) {
  .cat_list {
    /* width: 336px; */
  }
}

@media only screen and (max-width: 1499px) and (min-width: 1300px) {
  .cat_list {
    /* width: 302px; */
  }
}

@media only screen and (max-width: 1299px) and (min-width: 1200px) {
  .cat_list {
    /* width: 252px; */
  }

  /* .cat_list .category-img {
        width: 250px ;
    } */
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .cat_list {
    /* width: 300px; */
  }

  /* .cat_list .category-img {
        width: 300px ;
    }
     */
}

@media (max-width: 768px) {
  /* #detailsCarousel {
        height: 270px;
    } */

  .login_toggle {
    display: block !important;
  }

  .login_toggle .dropdown-menu {
    right: 0px !important;
    left: auto;
    top: 44px;
    z-index: 2;
  }

  /* .nav-nemu-name{
        position: absolute;
        right: -16px;
        top: -12px;
        z-index: 11;
        width: 130px;
    } */
  #signupModal {
    z-index: 9999;
  }

  #loginModal {
    z-index: 9999;
  }

  .cat_list {
    margin: 0 auto;
  }

  /* .login-head {
        margin-top: -5px;
    } */
  .navbaritem-subcategory {
    display: none;
  }
  .navbaritem-subcategory.subcategory--active {
    z-index: 222;
    min-width: max-content;
    min-height: 122px;
  }
  /* #getSubMenuActive {
        z-index: 222;
        min-width: 207px;
        min-height: 122px;
    } */

  #getSubMenuDetailActive {
    z-index: 999;
  }

  .plyr--stopped.plyr__poster-enabled .plyr__poster {
    background-size: contain;
  }

  .plyr__video-embed,
  .plyr__video-wrapper--fixed-ratio {
    height: auto;
  }

  .fullscreen-btn {
    top: 5px;
  }

  /* #detailsCarousel{
        height: auto;
    } */
  #detailsCarousel .owl-nav .owl-prev {
    left: 5%;
  }

  /* .banner-logo-img{
        top: 20px;
        left: 20px;
    } */
  /* .banner-logo-img img {
        width: 50% !important;
    } */
  .fullscreen--active #detailsCarousel .plyr__video-embed,
  .plyr__video-wrapper--fixed-ratio {
    height: auto;
  }
}

@media (max-width: 576px) {
  .login-head {
    /* margin-top: -21px; */
  }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .cat_list {
    /* width: 350px ; */
    margin: 0 auto;
  }
  .navbar-custom {
    flex-direction: row;
  }

  /* .cat_list .category-img {
        width: 350px;
    } */
}

@media only screen and (max-width: 767px) and (min-width: 640px) {
  /* .cat_list{
        width: 300px;
    } */
  /* .cat_list .category-img {
        width: 300px;
    }
     */
}

@media (max-width: 575px) {
  /* .cat_list{
        width: 315px;

    } */
  /* .cat_list .category-img {
        width: 315px;
    }
    */
  #detailsCarousel .owl-nav .owl-prev {
    left: 0% !important;
  }
  .owl-nav {
    position: absolute;
    top: 33%;
    width: 100%;
  }
}

@media (max-width: 320px) {
  .cat_list {
    width: 280px;
  }

  .cat_list .category-img {
    width: 280px;
  }
}

/* ------------------------------ */

/* .service-img{
    padding-bottom: 55%;
} */
/* .cat_list .category-img {
    width: auto !important;
} */
.list_detail .service-img img {
  width: 100%;
  /* height: 100%;
    object-fit: fill;
    object-position: center; */
}

/* .cat_list .category-img img{
    height: 100%;
    object-fit: fill;
    object-position: center;
} */

/* .ank_full_screen img{
   width: auto !important;
height: 100%;;
} */
.rs_title {
  margin-bottom: 15px;
}

.list_detai .service-img {
  padding-bottom: 0px !important;
}

.list_detai .service-img img {
  position: unset !important;
  transform: translate(0px, 0px) !important;
}

@media (max-width: 768px) {
}

/* new css */
.slider-fullmode {
  background: #000;
}

.slider-fullmode .carousel .carousel-inner .carousel-item img {
  height: 100vh !important;
  width: auto !important;
}

.slider-fullmode .carousel-control-next,
.carousel-control-prev {
  background: #caaf7b;
  color: #000;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  top: 50%;
  border: 0px;
  opacity: 1;
  right: 10px;
}

.slider-fullmode .carousel-control-prev {
  left: 10px;
}

.slider-fullmode .carousel-control-prev:hover {
  color: #000;
  opacity: 1;
}

.slider-fullmode .carousel-control-prev:focus {
  color: #000;
  opacity: 1;
}

#expand-open button {
  background: unset !important;
  box-shadow: unset !important;
  width: 60px !important;
  height: 60px !important;
  font-size: 30px;
}

.store_more img,
.filter-vd img {
  aspect-ratio: unset !important;
}

@media (max-width: 991px) {
  .fullscreen--active #detailsCarousel img {
    transform: unset;
  }
}

/* .banner-logo-img {
    z-index: 999;
    position: absolute;
    left: 60px;
    top: 60px;
    width: 110px;
} */

.dropdown--open .nav-link {
  color: var(--color-primary) !important;
}

/* .small_pic {
    transform: translateY(-22%) !important;
} */

/* .banner-logo-img img{
    display: block !important;
}*/

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .singlestore-detailsbox {
    width: 100%;
  }

  .new_sub {
    margin-right: -5px;
  }
}

@media only screen and (max-width: 575px) {
  .section-name {
    font-size: 18px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 1600px) {
  .big-img {
    transform: translateY(-44px);
  }
}

@media only screen and (max-width: 1400px) {
  .big-img {
    transform: translateY(-39px);
  }
}

@media only screen and (max-width: 1200px) {
  .big-img {
    transform: translateY(-32px);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .big-img {
    transform: translateY(-32px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .big-img {
    transform: translateY(-25px);
  }
}

.big-img {
  transform: translateY(-48px);
}

.section-name a {
  /* z-index: 999; */
}

.filter-headingbox svg {
  transform: rotate(0deg);
  transition: 0.5s ease;
}

.filter-headingbox.collapsed svg {
  transform: rotate(180deg);
  transition: 0.5s ease;
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .login-head {
    /* margin-top: -22px; */
  }

  .nav-header-position {
    /* margin-top: -81px; */
  }
}

@media (min-width: 1200px) {
  #productsCarousel .owl-nav .owl-prev {
    /* margin-right: -18px; */
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .headertab_view {
    margin-left: auto !important;
  }

  #productsCarousel .owl-nav .owl-next {
    /* margin-right: -18px; */
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}

@media (min-width: 992px) {
  .searchbox {
    right: 0;
    position: static;
  }
  .mv_btn {
    margin-left: 20px;
    display: flex;
    top: 0;
  }
  .login_after {
    top: 2px;
    left: 10px;
  }
}

.z-3 {
  z-index: 3 !important;
}

/* .service-box .service-details {
  min-height: 164px;
} */
.service-box.cat_list .service-details {
  min-height: auto;
}
/* @media (min-width: 768px) and (max-width: 991px) {
  .service-box .service-details {
    min-height: 120px;
  }
} */

@media (min-width: 769px) {
  .nav-header-dropdown-position {
    margin-left: 0px !important;
    margin-top: 6px !important;
    right: 0px;
    left: auto;
  }
}

/* @media (max-width: 360px) {
  .section-name {
    display: flex;
    flex-wrap: wrap;
  }
} */

@media (max-width: 425px) {
  .desktop_menu {
    display: none !important;
  }
}

@media (min-width: 426px) {
  .mobile_menu {
    display: none !important;
  }
}

.sub_menu_back_button {
  padding: 10px 0px !important;
}
.sub_menu_back_button button {
  border: none !important;
  background-color: white;
  font-family: "Brandon-Medium", "arial";
  display: flex;
  align-items: center;
}
.sub_menu_back_button img {
  width: 20px;
}

.navbaritem-subcategory-mobile {
  padding: 6px 10px;
  /* border: solid 1px #caaf7b; */
  height: auto;
  max-height: 275px;
  overflow-y: auto;
  background: #fff;
}

.navbaritem-subcategory-mobile ul {
  padding: 0px !important;
  border: none !important;
  height: auto;
  max-height: 275px;
  overflow-y: auto;
}

/* css for image slider  */
.hover-image-wrapper {
  position: relative;
  width: 100%;
}

.hover-image-wrapper img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.img-default {
  display: block;
  z-index: 1;
}

.img-hover {
  display: none !important;
  z-index: 2;
}

/* .service-img {
  width: 100%;
  height: 100%;
} */
/* .service-img img {
  height: 100%;
  width: 250px;
} */
/* .hover-image-wrapper {
  height: 100%;
} */
.service-box {
  cursor: pointer;
}
/* .service-details {
  min-height: 150px;
} */
.service-box:hover .img-default {
  display: none !important;
}

.service-box:hover .img-hover {
  display: block !important;
}

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

.owl-nav button {
  pointer-events: painted;
}