* {
  padding: 0;
}
*,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace;
}
@font-face {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 400;
  src: url("/cta_theme/assets/css/fonts/avenir.ttf");
}
@font-face {
  font-family: "Times";
  font-style: normal;
  font-weight: 400;
  src: url("/cta_theme/assets/css/fonts/TIMESBD0.TTF");
}
:root {
  --bg-primary-color: #fafafa;
  --bg-secondary-color: #fff;
  --bg-dark-blue: #003459;
  --bg-light-blue: #2369d1;
  --bg-lighter-blue: #dceaff;
  --bg-dark-skin: #fdede0;
  --bg-dark-grey: #656565;
  --bg-dark-text: #252525;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: var(--bg-dark-blue);
}
.font-libre {
  font-family: Libre Baskerville, serif;
}
.font-montserrat {
  font-family: Montserrat, sans-serif;
}
.font-avenir {
  font-family: "Avenir";
}
.font-times {
  font-family: "Times";
}
.primary-app-bg {
  background-color: var(--bg-color-primary);
}
.secondary-app-bg {
  background-color: var(--bg-color-secondary);
}
.dark-blue-bg {
  background-color: #003459;
  background-color: var(--bg-dark-blue);
}
.lighter-blue-bg {
  background-color: #dceaff;
  background-color: var(--bg-lighter-blue);
}
.dark-skin-bg {
  background-color: #fdede0;
  background-color: var(--bg-dark-skin);
}
.dark-blue-text {
  color: #003459;
  color: var(--bg-dark-blue);
}
.dark-skin-text {
  color: #fdede0;
  color: var(--bg-dark-skin);
}
.dark-grey-text {
  color: #656565;
  color: var(--bg-dark-grey);
}
.font-16 {
  font-size: 16px;
}
.font-18 {
  font-size: 18px;
}
.font-20 {
  font-size: 20px;
}
.font-30 {
  font-size: 30px;
}
.font-36 {
  font-size: 36px;
}
.font-40 {
  font-size: 40px;
}
.font-50 {
  font-size: 50px;
}
.f-w-300 {
  font-weight: 300;
}
.f-w-400 {
  font-weight: 400;
}
.f-w-500 {
  font-weight: 500;
}
.f-w-600 {
  font-weight: 600;
}
.f-w-700 {
  font-weight: 700;
}
.f-w-800 {
  font-weight: 800;
}
.letter-spacing-1px {
  letter-spacing: 1px;
}
.letter-spacing-2px {
  letter-spacing: 2px;
}
.letter-spacing-3px {
  letter-spacing: 3px;
}
.letter-spacing-4px {
  letter-spacing: 4px;
}
.slick-slide {
  margin: 2px 10px;
}
.w-50 {
  width: 50;
}
.w-60 {
  width: 60;
}
.w-80 {
  width: 80;
}
.line-height-1em {
  line-height: 1.5em;
}
.line-height-2em {
  line-height: 2em;
}
.jewel-btn {
  font-family: "Avenir";
  font-weight: 800;
}

.auth__page,
.home__page,
.terms__page,
.terms__page,
.thanks__page,
.designers__page,
.retailers__page {
  overflow-x: hidden;
}

/* home page */

.home__page .dark-skin-color-box {
  background-color: #fdede0;
  background-color: var(--bg-dark-skin);
  height: 178px;
  width: 216px;
}
.home__page .dark-blue-color-box {
  background-color: #003459;
  background-color: var(--bg-dark-blue);
  height: 178px;
  width: 216px;
}

.home__page .box-shadow {
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25);
}

@media (max-width: 576px) {
  .home__page .retail-coverphoto {
    border-radius: 0;
    height: 50vh;
    margin: 0;
    object-fit: cover;
    width: 100%;
    z-index: -1;
  }
}

.home__page .text4 {
  line-height: normal;
}

.home__page .about-container {
  box-sizing: border-box;
  position: relative;
}
.home__page .back-img {
  float: right;
  height: 70vh;
  margin-top: 2em;
  position: relative;
  width: 90%;
}
.home__page .back-img video {
  border-radius: 10px;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.home__page .about-info-outer {
  left: -12%;
  position: absolute;
  top: 40px;
}
.home__page .order-section {
  background-color: #dceaff;
  padding: 30px;
}
.home__page .order-section h2 {
  text-align: left;
  align-items: center;
  display: flex;
  font-family: "Times";
  font-size: 28px;
  font-weight: 700;
  justify-content: center;
  margin-top: 15px;
  height: 100%;
}
.home__page .order-card {
  background-color: var(--bg-secondary-color);
  border-radius: 5px;
  box-shadow: 4px 4px 20px 5px rgba(0, 0, 0, 0.1);
  margin: 10px;
  width: 250px;
}
.home__page .order-card:first-child{ margin-left: 0px;}
.home__page .order-img {
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  width: 100%;
}
.home__page .order-img img {
  border-radius: 5px;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.home__page .order-title {
  color: var(--bg-dark-blue);
  font-family: "Avenir";
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home__page .order-title p {
  margin: 20px;
  text-align: center;
}
.home__page .jc-container img {
  height: auto;
  width: 130px;
}
.home__page .did-you-know {
  margin-top: 30px;
}
.home__page .did-you-know h2 {
  color: #fff;
  font-family: "Avenir";
  font-size: 20px;
  font-weight: 700;
}
.home__page .did-you-know p {
  color: #fff;
  font-family: "Avenir";
  font-size: 14px;
  font-weight: 400;
  padding: 0;
  text-align: center;
  margin: 20px;
}
.home__page .order-list-container {
  display: flex;
  flex-direction: row;
}
.home__page .order-slider-scroller-container {
  height: 320px;
  overflow-x: auto;
  position: relative;
  margin-left: 0px;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
.home__page .order-slider-scroller-container::-webkit-scrollbar {
  display: none;
}

.home__page .order-slider-scroller-container .order-slider {
  display: flex;
  margin: 10px 0px;
  overflow: auto;
  scroll-behavior: smooth;
  width: -webkit-max-content;
  width: max-content;
}
.home__page .order__container {
  position: relative;
}
.home__page .order__container .order-left-icon {
  bottom: 170px;
  cursor: pointer;
  height: 30px;
  left: -30px;
  position: absolute;
  z-index: 1;
}
.home__page .order__container .order-right-icon {
  bottom: 170px;
  cursor: pointer;
  height: 30px;
  position: absolute;
  right: -30px;
  z-index: 1;
}
.home__page .fact-container {
  margin-top: 40px;
}
.home__page .fact-container h4 {
  font-size: 28px;
  text-align: left;
}
.home__page .fact-container h4:nth-child(2) {
  margin-top: 5px;
}
.home__page .fact-container p {
  font-size: 14px;
  padding: 5px;
  text-align: justify;
}
.home__page .fact-container video {
  height: 600px;
  width: auto;
}
.home__page .fact-container .fact-check {
  width: 75%;
}
.home__page .inspiration-container {
  margin-top: 90px;
}
.home__page .inspiration-container h4 {
  font-size: 28px;
  margin: 10px;
  text-align: center;
}
.home__page .inspiration-container .cover-img {
  margin: auto;
  text-align: center;
  width: 100%;
}
.home__page .inspiration-container .cover-img img {
  height: 550px;
  object-fit: cover;
  padding: 10px;
  width: 75%;
}
.home__page .inspiration-container .img-slider-container {
  position: relative;
}
.home__page .inspiration-container .img-slider-container .img-slider {
  display: flex;
  margin: 10px 30px;
  overflow: auto;
  position: relative;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.home__page
  .inspiration-container
  .img-slider-container
  .img-slider::-webkit-scrollbar {
  display: none;
}

.home__page .inspiration-container .img-slider-container .img-slider img {
  height: 140px;
  margin-left: 10px;
  width: auto;
}
.home__page .inspiration-container .img-slider-container .left-icon {
  display: block;
  cursor: pointer;
  height: 30px;
  left: 12px;
  position: absolute;
  top: 55px;
  z-index: 1;
}
.home__page .inspiration-container .img-slider-container .right-icon {
  display: block;
  cursor: pointer;
  height: 30px;
  position: absolute;
  right: 12px;
  top: 55px;
  z-index: 1;
}
.home__page .partner-container {
  margin: 30px 0;
}
.home__page .partner-container h4 {
  margin-top: 50px;
  font-size: 28px;
}
.home__page .partner-container .partner-slider {
  display: flex;
  overflow-x: auto;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.home__page .partner-container .partner-slider::-webkit-scrollbar {
  display: none;
}
.home__page .partner-container .partner-slider img {
  margin: 20px;
  width: auto;
  object-fit: contain;
}
.home__page .signup-container {
  padding: 50px;
}
.home__page .signup-container h4 {
  font-size: 28px;
  margin-left: 80px;
  text-align: left;
}
.home__page .signup-container button {
  height: auto;
  margin-top: 20px;
  padding: 12px;
  width: 50%;
}
.home__page .news-letter input {
  font-size: 14px;
  border: none;
  border-radius: 0;
  font-family: "Avenir";
  height: 40px;
  letter-spacing: 0.5px;
  padding: 5px 15px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s;
  width: 100%;
}
.home__page .news-letter input:focus {
  box-shadow: none !important;
}
.home__page .news-letter button {
  padding: 10px 80px;
  font-weight: bold;
}
.home__page .news-letter h4 {
  font-size: 28px;
}
.home__page .info-container {
  margin-bottom: 130px;
  margin-top: 130px;
}
.home__page .info-container .jc__card {
  display: flex;
  justify-content: flex-end;
}
.home__page .info-container .jc__card--mobile {
  display: none;
}
.explore__card {
  width: 300px;
  cursor: pointer;
}
.explore__card--first {
  margin: auto;
}

@media (max-width: 767px) {
  .home__page .banner__video--container > .row > div {
    padding: 0;
  }
  .home__page .back-img {
    background-position: 57% 78%;
    border-radius: 0;
    height: 50vh;
    margin: 0;
    object-fit: cover;
    width: 100%;
  }
  .home__page .about-info-outer {
    left: auto;
    padding: 0 20px;
    position: absolute;
    top: 280px;
    width: 100%;
  }
  .home__page .back-img video {
    height: 100%;
    width: 100%;
    border-radius: 0px;
  }
  .home__page .info-container {
    background-color: #fdede0;
    padding-bottom: 50px;
    margin: 0;
  }
  .home__page .info-container .jc__card {
    display: none;
  }
  .home__page .info-container .jc__card--mobile {
    display: block;
  }
  .home__page .did-you-know {
    margin: 30px 20px 20px;
  }
  .home__page .did-you-know h2 {
    color: #013458;
    font-family: "Times";
    font-size: 20px;
    font-weight: 700;
  }
  .home__page .did-you-know p {
    color: #013458;
    font-family: "Avenir";
    font-size: 14px;
    font-weight: 400;
    margin-top: 25px;
    text-align: center;
  }
  .home__page .order-list-container {
    display: flex;
    flex-direction: column;
  }
  .home__page .order-slider-scroller-container {
    height: 320px;
    overflow: auto;
    position: relative;
    margin-left: 0px;
    margin-top: 20px;
  }
  .home__page .order-slider-scroller-container .order-slider {
    margin: 0;
  }
  .home__page .order-slider-scroller-container .left-icon,
  .home__page .order-slider-scroller-container .right-icon {
    display: none;
  }
  .home__page .fact-container h4 {
    text-align: center;
    font-size: 20px;
  }
  .home__page .fact-container video {
    padding: 80px;
  }
  .home__page .fact-container .fact-check {
    width: 100%;
  }
  .home__page .inspiration-container {
    margin-top: 30px;
  }
  .home__page .inspiration-container h4 {
    font-size: 20px;
  }
  .home__page .inspiration-container .cover-img {
    margin: auto;
    width: 100%;
  }
  .home__page .inspiration-container .cover-img img {
    height: auto;
    padding: 10px;
    width: 100%;
  }
  .home__page .inspiration-container .img-slider-container .img-slider {
    margin: 0;
    padding: 0;
  }
  .home__page .inspiration-container .img-slider-container .img-slider img {
    height: 100px;
    margin-left: 10px;
    width: auto;
  }
  .home__page .inspiration-container .img-slider-container .left-icon {
    display: block;
    cursor: pointer;
    height: 30px;
    left: 0;
    position: absolute;
    top: 40%;
    z-index: 1;
  }

  .home__page .inspiration-container .img-slider-container .right-icon {
    display: block;
    cursor: pointer;
    height: 30px;
    right: 0;
    position: absolute;
    top: 40%;
    z-index: 1;
  }

  .home__page .partner-container .partner-slider img {
   /* height: 60px; */
  }
  .home__page .partner-container h4 {
    font-size: 20px;
  }
  .home__page .signup-container h4 {
    font-size: 20px;
    line-height: 28px;
    margin: 0;
    text-align: center;
  }
  .home__page .signup-container button {
    height: auto;
    margin-top: 20px;
    padding: 12px;
    width: 100%;
  }
  .home__page .news-letter {
    display: none;
  }

  .home__page .order-section {
    padding: 0;
  }
  .home__page .order-section h2 {
    text-align: center;
    align-items: center;
    display: flex;
    font-family: "Times";
    font-size: 20px;
    font-weight: 700;
    justify-content: center;
    margin-top: 15px;
    width: auto;
  }
  .explore__card {
    width: 330px;
  }
}
.home__page .custom-action-button {
  background-color: var(--bg-light-blue);
  border: none;
  color: var(--bg-primary-color);
  font-size: 14px;
  letter-spacing: 1px;
  margin: 10px;
  padding: 6px 0;
  width: 180px;
}
@media (max-width: 767px) {
  .home__page .custom-action-button {
    background-color: var(--bg-light-blue);
    border: none;
    color: var(--bg-primary-color);
    font-size: 12px;
    height: auto;
    letter-spacing: 1px;
    margin: 10px;
    padding: 6px 0;
    width: 108px;
  }
}
.home__page .information-card-container {
  background-color: var(--bg-secondary-color);
  border-radius: 10px;
  box-shadow: 4px 4px 50px 10px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  padding: 60px 30px;
  width: 27rem;
}
.home__page .information-title {
  color: var(--bg-dark-blue);
  font-family: "Times";
  font-size: 28px;
  font-weight: 800;
}
.home__page .information-para {
  color: var(--bg-dark-text);
  font-family: "Avenir";
  font-size: 16px;
  font-weight: 400;
  margin-top: 40px;
}
.home__page .button-container {
  margin-top: 40px;
}
.home__page .button-container button {
  margin: 5px;
}
.home__page .chat-icon {
  display: none;
}
@media (max-width: 576px) {
  .home__page .information-card-container {
    background-color: var(--bg-secondary-color);
    border-radius: 10px;
    box-shadow: 4px 4px 50px 10px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    padding: 20px;
    width: auto;
  }
  .home__page .information-title {
    color: var(--bg-dark-blue);
    font-family: "Times";
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
  }
  .home__page .information-para {
    color: var(--bg-dark-text);
    font-family: "Avenir";
    font-size: 14px;
    font-weight: 400;
  }
  .home__page .chat-icon {
    display: none;
    height: 30px;
    position: fixed;
    right: 11%;
    bottom: 14%;
    width: 30px;
    z-index: 1;
  }
}
.home__page .benifits-container {
  border-radius: 5px;
  box-shadow: 4px 4px 50px 10px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  height: auto;
  margin-top: 50px;
  padding: 20px 0;
}
.home__page .benifits-container h4 {
  margin: 20px 0;
  padding: 0;
  font-size: 28px;
}
.home__page .benefits {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.home__page .benifits-wrapper-one {
  grid-gap: 0.5em;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.home__page .group-item-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 30px;
}
.home__page .group-item-container span {
  font-family: "Avenir";
  margin-top: 20px;
}
.home__page .group-item-container .icon-img {
  height: 100px;
  width: 100px;
}
@media (max-width: 776px) {
  .home__page .benefits {
    display: flex;
    flex-direction: column;
  }

  .home__page .group-item-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 20px 0 0;
    width: 100%;
  }
  .home__page .group-item-container .icon-img-container {
    text-align: right;
    width: 30%;
  }
  .home__page .group-item-container .icon-img-container .icon-img {
    height: 50px;
    width: 50px;
  }
  .home__page .group-item-container span {
    margin: 0 0 0 15px;
    text-align: left !important;
    width: 70%;
  }
  .home__page .benifits-container {
    margin-top: 10px;
  }
  .home__page .benifits-container h4 {
    margin-top: 10px;
    font-size: 20px;
  }
}
.home__page .progressive-container {
  margin-top: 120px;
}
.home__page .progressive-container .img-container {
  padding: 80px 50px;
}
.home__page .progressive-container .img-container .img-info {
  padding: 16px;
}
.home__page .progressive-container h4 {
  font-family: "Times";
  font-size: 28px;
}
.home__page .progressive-container .img-container .img-info p {
  font-family: "Avenir";
  margin-top: 15px;
  padding: 0;
  font-size: 15px;
}
.home__page .progressive-container .progress-points {
  font-family: "Avenir";
  margin: 30px 20px;
  padding: 0;
}
.home__page .progressive-container .progress-points li {
  font-size: 16px;
  margin: 15px;
  text-align: left;
}
.home__page .progressive-container .progress-points li::marker {
  color: #000;
  font-size: 25px;
}
.home__page .standard-image {
  object-fit: cover;
  height: 90%;
  width: 100%;
}
.home__page .img__container {
  padding: 0 20px;
}

@media (max-width: 776px) {
  .home__page .progressive-container {
    margin-top: 30px;
  }
  .home__page .progressive-container .img-container {
    padding: 30px;
  }
  .home__page .progressive-container .img-container .img-info {
    padding: 0;
  }
  .home__page .progressive-container .img-container .img-row {
    display: flex;
    flex-direction: column-reverse;
  }
  .home__page .progressive-container .img-container .progress-img-container {
    padding: 0;
  }
  .home__page .progressive-container h4 {
    text-align: center;
    font-size: 20px;
  }
  .home__page .progressive-container p {
    font-family: "Avenir";
    margin-top: 10px;
  }
  .home__page .progressive-container .progress-points {
    font-family: "Avenir";
    list-style: none;
    margin: 30px 20px;
    padding: 0;
  }
  .home__page .progressive-container .progress-points li {
    margin: 20px;
    text-align: center;
  }
  .explore__card--second {
    margin: 30px auto;
  }
  .home__page .img__container {
    padding: 0 10px;
  }
}
.home__page .explore-card-container {
  background-color: var(--bg-secondary-color);
  border-radius: 5px;
  box-shadow: 4px 4px 20px 5px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  height: 480px;
  position: relative;
}

.home__page .explore-tag {
  background-color: var(--bg-dark-blue);
  border-radius: 5px;
  left: -10px;
  max-width: 200px;
  padding: 5px 30px;
  position: absolute;
  top: 20px;
  width: 200px;
}
.home__page .explore-image {
  border-radius: 5px;
  margin-top: 70px;
  width: 100%;
  height: 230px;
  object-fit: cover;
}
.home__page .explore-info-container {
  margin: 10px 20px;
}
.home__page .jc-container {
  height: 250px;
}
.home__page .read-only-card {
  background-color: var(--bg-dark-blue);
  border-radius: 5px;
  height: 480px;
  width: 300px;
}
.home__page .explore-paragraph {
  color: var(--bg-dark-text);
  font-family: "Avenir";
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.home__page .explore-btn {
  align-items: center;
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  padding: 0;
  font-family: "Avenir";
  letter-spacing: 0.1em;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.home__page .fade-out,
.designers__page .fade-out {
  animation: fadeOut ease 0.5s;
  -webkit-animation: fadeOut ease 0.5s;
  -moz-animation: fadeOut ease 0.5s;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.home__page .error__container {
  height: 70vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home__page .error__img {
  text-align: right;
}
.home__page .error__text {
  margin-left: 20px;
  height: 100%;
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.home__page .error__text > h2 {
  font-family: "Times";
  font-size: 28px;
}
.home__page .error__text > p {
  font-size: 16px;
}
.home__page .error__text input {
  background-color: #fff;
  border: 1px solid black;
  height: 50px;
  width: -webkit-fill-available;
  font-size: 28px;
}
.home__page .error__text button {
  height: 50px;
  border: 1px solid #003459;
  background-color: #003459;
}
.home__page .error__text input:focus-visible {
  border: none;
}
.home__page .error__text .search__container {
  display: flex;
  justify-content: start;
}
@media (max-width: 767px) {
  .home__page .error__container {
    height: 70vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .home__page .error__img {
    text-align: center;
    margin-top: 30px;
  }
  .home__page .error__text {
    height: auto;
    width: auto;
    margin: 30px 30px;
    text-align: center;
  }
  .home__page .error__text > h2 {
    font-family: "Times";
    font-size: 28px;
  }
  .home__page .error__text > p {
    font-size: 16px;
    margin-top: 20px;
    text-align: center;
  }
  .home__page .error__text input {
    background-color: #fff;
    border: 1px solid black;
    height: 50px;
    width: -webkit-fill-available;
    font-size: 28px;
  }
  .home__page .error__text button {
    height: 50px;
    border: 1px solid #003459;
    background-color: #003459;
  }
  .home__page .error__text input:focus-visible {
    border: none;
  }
  .home__page .error__text .search__container {
    display: flex;
    justify-content: start;
    margin-top: 20px;
  }
}

/* end home page */

/* designer page */
.designers__page input {
  font-size: 14px;
  border: none;
  border-radius: 0;
  font-family: "Avenir";
  height: 45px;
  letter-spacing: 0.5px;
  padding: 5px 20px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s;
  width: 100%;
}
.designers__page input::-webkit-input-placeholder {
  color: #bababa;
}
.designers__page input:-ms-input-placeholder {
  color: #bababa;
}
.designers__page input::placeholder {
  color: #bababa;
}
@media (max-width: 767px) {
  .designers__page input {
    border-radius: 0;
    font-size: 11px;
    height: 40px;
  }
}
.designers__page select {
  border: none;
  border-radius: 0;
  font-family: "Avenir";
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.5px;
  margin-top: 12px;
  padding: 5px 20px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s;
  width: 100%;
  color: #bababa;
  background: #fff;
}

@media (max-width: 776px) {
  .designers__page select {
    border: none;
    border-radius: 0;
    font-family: "Avenir";
    font-size: 11px;
    height: 40px;
    letter-spacing: 0.5px;
    margin-top: 20px;
    padding: 5px 10px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s;
    width: 100%;
    background: #fff;
  }
}
.designers__page .upper-section--container .inquiry__form--container {
  background-color: var(--bg-dark-skin);
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.1);
  padding: 30px 40px;
  width: 70%;
}
.designers__page .upper-section--container .inquiry__form--container h6 {
  font-size: 20px;
}
.designers__page .inquiry__form--container button {
  margin-top: 20px;
  height: 45px;
}
.designers__page .inquiry__form--container .form input {
  margin-top: 12px;
}
.designers__page .box-shadow {
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25);
}
.designers__page .inquiry__form {
  position: relative;
  right: -5%;
  top: -40%;
}
.designers__page .inquiry-sub-title {
  color: var(--bg-dark-text);
  font-family: "Avenir";
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  text-align: center;
}
@media (max-width: 776px) {
  .designers__page .upper-section--container .inquiry__form--container {
    background-color: var(--bg-dark-skin);
    box-shadow: none;
    max-width: 95%;
    padding: 0;
    width: 95%;
  }
  .designers__page .inquiry__form--container h6 {
    font-size: 20px;
  }
  .designers__page .inquiry__form--container .inquiry-sub-title {
    font-size: 14px;
    padding: 0;
  }
  .designers__page .inquiry__form--container .form {
    padding: 20px;
  }
  .designers__page .inquiry__form--container .form input {
    margin-top: 12px;
  }
  .designers__page .inquiry__form {
    margin-top: 10%;
    position: relative;
    right: 0;
    top: 0;
  }
  .designers__page .inquiry-sub-title {
    color: var(--bg-dark-text);
    font-family: "Avenir";
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
  }
}

.designers__page .designer__coverphoto {
  background-position: 30%;
  background-size: cover;
  border-radius: 5px;
  height: 70vh;
  margin-top: 20px;
  object-fit: cover;
  width: 100%;
  z-index: -1;
  width: 100%;
  position: relative;
  background-image: url("/cta_theme/assets/images/DesignerBack.png");
}
.designers__page .designer__form {
  height: 60vh;
}
.designers__page .cover__image--text-container {
  left: 5%;
  position: absolute;
  top: 50%;
}
.designers__page .cover__image--text {
  width: fit-content;
  font-size: 36px;
  font-weight: 800;
  padding: 5px 10px;
}
.designers__page .sketchit-container {
  display: flex;
  justify-content: flex-start;
}
.designers__page .sketchit-container h4 {
  font-size: 28px;
  text-align: center;
  padding: 0 10px;
}
.designers__page .read__text {
  margin-top: 20px;
}
.designers__page .read__text p {
  font-size: 16px;
  padding: 0 10px;
  text-align: justify;
}
.designers__page .text4 {
  line-height: normal;
}
@media (max-width: 576px) {
  .designers__page .designer__coverphoto {
    border-radius: 0;
    height: 50vh;
    margin: 0;
    object-fit: cover;
    width: 100%;
    z-index: -1;
  }
  .designers__page .designer__form {
    height: auto;
  }
  .designers__page .sketchit-container {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .designers__page .cover__image--text-container {
    left: 5%;
    position: absolute;
    top: 75%;
  }
  .designers__page .cover__image--text {
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    padding: 0 4px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .designers__page .sketchit-container {
    display: flex;
    justify-content: center;
  }
  .designers__page .sketchit-container h4 {
    font-size: 20px;
    text-align: center;
  }
  .designers__page .read__text {
    margin-top: 20px;
  }
  .designers__page .read__text p {
    font-size: 14px;
    padding: 0 10px;
    text-align: justify;
  }
  .designers__page .text4 {
    line-height: 1.5em;
  }
  .designers__page .upper-section--container {
    padding: 0;
    margin-bottom: 50px;
  }
}

.designers__page .customer__container {
  margin: 120px 60px;
}
.designers__page .customer__container--connect {
  height: 100%;
  background-color: #fdede0;
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.designers__page .customer__container .desktop__btn {
  display: inline-block;
  padding: 12px;
  width: 70%;
  text-align: center;
}
.designers__page .customer__container .mobile__btn {
  display: none;
}
.designers__page .customer__container h4 {
  margin: 20px 0;
  font-size: 28px;
}
.designers__page .customer__container .row {
  display: flex;
  flex-direction: row-reverse;
}

.designers__page .customer__container img {
  object-fit: cover;
  width: 110%;
  height: 100%;
  padding: 20px;
}
.designers__page .customer__container .teaching__frame {
  background-color: var(--bg-dark-blue);
  height: 50%;
  width: 30%;
  z-index: -1;
}

.designers__page .showcase__container {
  padding: 120px 50px;
}
.designers__page .showcase__container .video__container {
  position: relative;
}
.designers__page .showcase__container > .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.designers__page .showcase__container .video__container .video__frame {
  position: absolute;
  background: #fdecdf;
  height: 150px;
  width: 150px;
  left: -10px;
  top: -10px;
}
.designers__page .showcase__container .video__container .video {
  position: inherit;
  margin: 0;
  display: block;
}
.designers__page .showcase__container .video__container .video video {
  width: 600px;
}
.designers__page .showcase__container .video__container .video .play__btn,
.designers__page .showcase__container .video__container .video .pause__btn {
  background: transparent;
  border: none;
  position: absolute;
  left: 45%;
  top: 38%;
  z-index: 1;
}
.designers__page .showcase__container .video__container .video .play__btn img,
.designers__page .showcase__container .video__container .video .pause__btn img {
  height: 60px;
  width: auto;
}
.designers__page .showcase__container .image__gallery {
  display: none;
}
.designers__page .showcase__container .showcase-left-icon,
.designers__page .showcase__container .showcase-right-icon {
  display: none;
}
.designers__page .showcase__container .image__frame {
  margin: 30px;
}

.designers__page .showcase__container .image__frame > img {
  height: 300px;
}
@media (max-width: 767px) {
  .designers__page .showcase__container {
    padding: 20px 0 50px;
  }
  .designers__page .showcase__container > .container {
    display: block;
  }
  .designers__page .showcase__container .video__container {
    position: relative;
  }
  .designers__page .showcase__container .video__container .video__frame {
    background: #fdecdf;
    height: 150px;
    left: 5px;
    position: absolute;
    top: 50px;
    width: 150px;
  }
  .designers__page .showcase__container .video__container .video {
    position: inherit;
  }
  .designers__page .showcase__container .video__container .video video {
    float: right;
    height: 320px;
    width: 95%;
  }
  .designers__page .showcase__container .video__container .video .play__btn,
  .designers__page .showcase__container .video__container .video .pause__btn {
    background: transparent;
    border: none;
    position: absolute;
    left: 45%;
    top: 140px;
    z-index: 1;
  }
  .designers__page .showcase__container .video__container .video .play__btn img,
  .designers__page
    .showcase__container
    .video__container
    .video
    .pause__btn
    img {
    height: 40px;
  }

  .designers__page .showcase__container .image__gallery--container {
    position: relative;
  }
  .designers__page .showcase__container .image__gallery {
    display: flex;
    overflow: auto;
    padding: 40px 8px 0;
    width: 100%;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .designers__page .showcase__container .image__gallery::-webkit-scrollbar {
    display: none;
  }

  .designers__page .showcase__container .showcase-left-icon {
    display: block;
    cursor: pointer;
    height: 30px;
    left: 12px;
    position: absolute;
    top: 50%;
    z-index: 1;
  }

  .designers__page .showcase__container .showcase-right-icon {
    display: block;
    cursor: pointer;
    height: 30px;
    right: 12px;
    position: absolute;
    top: 50%;
    z-index: 1;
  }

  .designers__page .showcase__container .image__frame {
    display: none;
  }
  .designers__page .showcase__container .image__gallery img {
    margin: 10px;
  }
  .designers__page .customer__container {
    margin: 0;
  }
  .designers__page .customer__container .customer__container--connect {
    background-color: transparent;
    box-shadow: none;
  }
  .designers__page .customer__container .desktop__btn {
    display: none;
  }
  .designers__page .customer__container .mobile__btn {
    display: inline-block;
    margin-top: 30px;
    padding: 12px;
  }
  .designers__page .customer__container h4 {
    margin: 40px 0 30px 0;
    font-size: 20px;
  }
  .designers__page .customer__container img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    padding: 0;
  }
  .designers__page .customer__container .teaching__frame {
    background-color: var(--bg-dark-blue);
    height: 90px;
    width: 104%;
    top: -3%;
    left: -2%;
    z-index: -1;
  }
  .designers__page .customer__container button {
    margin-top: 20px;
    padding: 12px;
  }
}

.designers__page .review__card {
  background-color: var(--bg-secondary-color);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  width: 330px;
  height: auto;
  padding: 20px;
  margin: 15px;
}
.designers__page .customer__review--container {
  position: relative;
  margin: 20px 0;
}
.designers__page .customer__review--container .next__btn {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 25px;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(270deg, #fff 17.71%, rgba(255, 255, 255, 0) 100%);
}
.designers__page .customer__review--container .prev__btn {
  cursor: pointer;
  position: absolute;
  top: 0;
  padding: 0;
  width: 25px;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, #fff 17.71%, rgba(255, 255, 255, 0) 100%);
}
.designers__page .customer__review--container img {
  height: 40px;
}
.designers__page .customer__review--slider-container {
  position: relative;
  overflow-x: auto;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding: 0px 20px;
}

.designers__page .customer__review--slider-container::-webkit-scrollbar {
  display: none;
}

.designers__page .customer__review--title {
  margin-top: 30px;
  font-family: "Times";
  font-size: 28px;
  font-weight: 700;
  text-align: center;
}
.designers__page .customer__review--slider {
  margin-top: 10px;
  scroll-behavior: smooth;
  display: flex;
  overflow: auto;
  width: max-content;
}
.designers__page .reviewer__name {
  font-family: "Avenir";
  margin: 0px;
  font-size: 16px;
  line-height: 25px;
  font-weight: 700;
}
.designers__page .review__desc {
  font-family: "Avenir";
  margin: 15px 0px;
  font-size: 12px;
  line-height: 25px;
  font-weight: 400;
  color: var(--bg-dark-grey);
}
.designers__page .review__stars img {
  width: 10px;
  height: auto;
}
.designers__page .google__logo {
  width: 30px;
  height: auto;
  margin-top: 20px;
}
.designers__page .signup__container {
  padding: 50px;
}
.designers__page .signup__container h4 {
  font-size: 28px;
  margin-left: 80px;
  text-align: left;
}
.designers__page .signup__container button {
  height: auto;
  margin-top: 20px;
  padding: 12px;
  width: 50%;
}
@media (max-width: 767px) {
  .designers__page .signup__container h4 {
    font-size: 20px;
    line-height: 28px;
    margin: 0;
    text-align: center;
  }
  .designers__page .signup__container button {
    height: auto;
    margin-top: 20px;
    padding: 12px;
    width: 80%;
  }
  .designers__page .customer__review--title {
    margin-top: 60px;
    font-family: "Times";
    font-size: 20px;
    font-weight: 700;
    text-align: center;
  }
}

/* end designer page */

/* retailers page */
.retailers__page .dark-skin-color-box {
  background-color: #fdede0;
  background-color: var(--bg-dark-skin);
  height: 178px;
  width: 216px;
}
.retailers__page .dark-blue-color-box {
  background-color: #003459;
  background-color: var(--bg-dark-blue);
  height: 178px;
  width: 216px;
}
@media (max-width: 576px) {
  .retailers__page .dark-skin-color-box {
    background-color: #fdede0;
    background-color: var(--bg-dark-skin);
    height: auto;
    width: 100%;
  }

  .retailers__page .jewellery__container {
    display: flex;
    flex-direction: column-reverse;
  }
}

.retailers__page input {
  font-size: 14px;
  border: none;
  border-radius: 0;
  font-family: "Avenir";
  height: 45px;
  letter-spacing: 0.5px;
  padding: 5px 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s;
  width: 100%;
}
.retailers__page input::-webkit-input-placeholder {
  color: #bababa;
}
.retailers__page input:-ms-input-placeholder {
  color: #bababa;
}
.retailers__page input::placeholder {
  color: #bababa;
}
.retailers__page select option:first-of-type {
  color: #ccc;
}
@media (max-width: 776px) {
  .retailers__page input {
    border-radius: 0;
    font-size: 11px;
    height: 40px;
  }
}
.retailers__page select {
  color: #bababa;
  border: none;
  border-radius: 0;
  font-family: "Avenir";
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.5px;
  margin-top: 20px;
  padding: 5px 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s;
  width: 100%;
  background: #fff;
}
@media (max-width: 776px) {
  .retailers__page select {
    border: none;
    border-radius: 0;
    font-family: "Avenir";
    font-size: 11px;
    height: 40px;
    letter-spacing: 0.5px;
    margin-top: 20px;
    padding: 5px 10px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s;
    width: 100%;
    background: #fff;
  }
}
.retailers__page .inquiry-signup__form {
  position: relative;
  right: -5%;
  top: -40%;
}
.retailers__page .inquiry-signup__form--container {
  background-color: var(--bg-dark-skin);
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.1);
  padding: 30px 40px;
  width: 70%;
}

.retailers__page .inquiry-signup__form--container h6 {
  font-size: 20px;
}
.retailers__page .inquiry-signup__form--container button {
  margin-top: 20px;
  height: 45px;
}
.retailers__page .inquiry-signup__form--container .form input {
  margin-top: 12px;
}

.retailers__page .box-shadow {
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25);
}
.retailers__page .inquiry-sub-title {
  color: var(--bg-dark-text);
  font-family: "Avenir";
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  text-align: center;
}
.retailers__page .wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: absolute;
}

.retailers__page .categories__card--container {
  display: grid;
  grid-template-columns: 300px;
  grid-column-gap: 10px;
  grid-row-gap: 20px;
  padding: 30px 20px;
}
.retailers__page .categories__card {
  background-color: var(--bg-secondary-color);
}
.retailers__page .categories__card img {
  height: 60px;
}
.retailers__page .categories__card h6 {
  font-size: 14px;
  margin-left: 20px;
}
.retailers__page .categories__card--img {
  margin: 5px;
}

@media (max-width: 767px) {
  .retailers__page .inquiry-signup__form {
    margin-top: 10%;
    position: relative;
    right: 0;
    top: 0;
  }
  .retailers__page .inquiry-signup__form--container {
    background-color: var(--bg-dark-skin);
    box-shadow: none;
    max-width: 95%;
    padding: 0;
    width: 95%;
  }
  .retailers__page .inquiry-signup__form--container h6 {
    font-size: 20px;
  }
  .retailers__page .inquiry-signup__form--container .inquiry-sub-title {
    font-size: 14px;
    padding: 0 20px;
  }
  .retailers__page .inquiry-signup__form--container .form {
    padding: 20px;
  }
  .retailers__page .inquiry-signup__form--container .form input {
    margin-top: 12px;
  }
  .retailers__page .inquiry-sub-title {
    color: var(--bg-dark-text);
    font-family: "Avenir";
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
  }
  .retailers__page .categories__card--container {
    display: grid;
    grid-template-columns: 180px 180px;
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    padding: 30px 20px;
  }
  .retailers__page .categories__card img {
    height: 50px;
  }
  .retailers__page .categories__card h6 {
    margin-left: 5px;
  }
  .retailers__page .sketchit-container {
    display: flex;
    justify-content: center;
  }
}

.retailers__page p {
  padding-left: 20px;
}

.retailers__page .retailer-container {
  background-color: var(--bg-color-primary);
}
.retailers__page .retailer__coverphoto {
  background-position: 30%;
  background-size: cover;
  border-radius: 5px;
  height: 70vh;
  margin-top: 20px;
  object-fit: cover;
  width: 100%;
  z-index: -1;
  width: 100%;
  position: relative;
  background-image: url("/cta_theme/assets/images/retailer/banner.png");
}
.retailers__page .retailer__form {
  height: 60vh;
}
.retailers__page .cover__image--text-container {
  left: 5%;
  position: absolute;
  top: 50%;
}
.retailers__page .cover__image--text {
  width: fit-content;
  font-size: 36px;
  font-weight: 800;
  padding: 5px 10px;
}
.retailers__page .sketchit-container {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.retailers__page .sketchit-container h4 {
  font-size: 26px;
  text-align: left;
  padding: 0 10px;
}
.retailers__page .read__text {
  margin-top: 20px;
}
.retailers__page .read__text p {
  font-size: 16px;
  padding: 0 10px;
  text-align: justify;
}
.retailers__page .customize__container .text__container {
  margin-left: 60px;
}
.retailers__page .customize__container .read__text p {
  text-align: left;
}
.retailers__page .text4 {
  line-height: normal;
}
.retailers__page .jewellery__container .image__gallery,
.retailers__page .jewellery__container .jewellery-left-icon,
.retailers__page .jewellery__container .jewellery-right-icon {
  display: none;
}
.retailers__page .jewellery__container .image__frame > img {
  padding: 30px 0;
  height: 600px;
}
.retailers__page .customize__container {
  margin-top: 8rem;
  padding: 0 80px;
  height: 70vh;
}
.retailers__page .customize__container > .row > div {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.retailers__page .customize__container img {
  width: 90%;
  height: 100%;
  object-fit: contain;
  float: right;
}
.retailers__page .customize__container .image__frame {
  position: absolute;
  top: -4%;
  right: -3%;
  z-index: -1;
}
.retailers__page .customize__container .video__container {
  position: relative;
}
.retailers__page .customize__container > .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.retailers__page .customize__container .video__container .video__frame {
  position: absolute;
  background: #fdecdf;
  height: 150px;
  width: 150px;
  left: -10px;
  top: -10px;
}
.retailers__page .customize__container .video__container .video {
  position: inherit;
}
.retailers__page .customize__container .video__container .video video {
  width: 600px;
}
.retailers__page .customize__container .video__container .video .play__btn,
.retailers__page .customize__container .video__container .video .pause__btn {
  background: transparent;
  border: none;
  position: absolute;
  left: 45%;
  top: 38%;
  z-index: 1;
}
.retailers__page .customize__container .video__container .video .play__btn img,
.retailers__page
  .customize__container
  .video__container
  .video
  .pause__btn
  img {
  height: 60px;
  width: auto;
}
.retailers__page .customer__reviews {
  margin-top: 80px;
  margin-bottom: 80px;
}
@media (max-width: 576px) {
  .retailers__page .retailer__coverphoto {
    border-radius: 0;
    height: 50vh;
    margin: 0;
    object-fit: cover;
    width: 100%;
    z-index: -1;
  }
  .retailers__page .retailer__form {
    height: auto;
  }
  .retailers__page .cover__image--text-container {
    right: 5%;
    position: absolute;
    top: 70%;
  }
  .retailers__page .cover__image--text {
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    padding: 0 4px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    float: right;
  }
  .retailers__page .sketchit-container {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .retailers__page .sketchit-container h4 {
    font-size: 20px;
    text-align: center;
  }
  .retailers__page .read__text {
    margin-top: 20px;
  }
  .retailers__page .read__text p {
    font-size: 14px;
    padding: 0 10px;
    text-align: justify;
  }
  .retailers__page .text4 {
    line-height: 1.5em;
  }
  .retailers__page .upper-section--container {
    padding: 0;
  }
  .retailers__page .customize__container {
    margin: 50px 0 70px 0;
    padding: 12px;
    height: auto;
  }
  .retailers__page .customize__container .text__container {
    margin: auto;
  }
  .retailers__page .customize__container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    float: none;
  }
  .retailers__page .customize__container .image__frame {
    display: none;
  }
  .retailers__page .customize__container {
    padding: 20px 0 50px;
  }
  .retailers__page .customize__container > .container {
    display: block;
  }
  .retailers__page .customize__container .video__container {
    position: relative;
  }
  .retailers__page .customize__container .video__container .video__frame {
    background: #fdecdf;
    height: 150px;
    left: 5px;
    position: absolute;
    top: 65px;
    width: 150px;
  }
  .retailers__page .customize__container .video__container .video {
    position: inherit;
  }
  .retailers__page .customize__container .video__container .video video {
    float: right;
    height: 320px;
    width: 95%;
  }
  .retailers__page .customize__container .video__container .video .play__btn,
  .retailers__page .customize__container .video__container .video .pause__btn {
    background: transparent;
    border: none;
    position: absolute;
    left: 45%;
    top: 140px;
    z-index: 1;
  }
  .retailers__page
    .customize__container
    .video__container
    .video
    .play__btn
    img,
  .retailers__page
    .customize__container
    .video__container
    .video
    .pause__btn
    img {
    height: 40px;
  }
  .retailers__page .customize__container .image__gallery {
    display: flex;
    overflow: auto;
    padding: 40px 8px 0;
    width: 100%;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .retailers__page .customize__container .image__gallery::-webkit-scrollbar {
    display: none;
  }
  .retailers__page .customize__container .image__frame {
    display: none;
  }
  .retailers__page .customize__container .image__gallery img {
    margin: 10px;
  }
  .retailers__page .jewellery__container .image__gallery--container {
    position: relative;
  }

  .retailers__page .jewellery__container .image__gallery {
    display: flex;
    overflow: auto;
    padding: 40px 8px 0;
    width: 100%;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .retailers__page .jewellery__container .jewellery-left-icon {
    display: block;
    cursor: pointer;
    height: 30px;
    left: 12px;
    position: absolute;
    top: 50%;
    z-index: 1;
    display: none;
  }

  .retailers__page .jewellery__container .jewellery-right-icon {
    display: block;
    cursor: pointer;
    height: 30px;
    right: 12px;
    position: absolute;
    top: 50%;
    z-index: 1;display: none;
  }

  .retailers__page .jewellery__container .image__frame {
    display: none;
  }
  .retailers__page .jewellery__container .image__gallery img {
    margin: 10px;
    height: 200px;
  }
}

@media (max-width: 776px) {
  .retailers__page .blue-box-container {
    width: 105%;
  }
}

.retailers__page .explore-tag {
  background-color: var(--bg-dark-blue);
  border-radius: 5px;
  left: -10px;
  max-width: 200px;
  padding: 5px 20px;
  position: absolute;
  top: 20px;
  width: 200px;
}
.retailers__page .explore-image {
  border-radius: 5px;
  margin-top: 70px;
  width: 90%;
}
.retailers__page .explore-info-container {
  margin: 10px 20px;
}
.retailers__page .jc-container {
  height: 100px;
  width: 100px;
}
.retailers__page .read-only-card {
  background-color: var(--bg-dark-blue);
  border-radius: 5px;
  height: 450px;
  margin-top: 40px;
  width: 300px;
}
.retailers__page .explore-paragraph {
  color: var(--bg-dark-text);
  font-family: "Avenir";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.retailers__page .explore-btn {
  align-items: center;
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  width: 120px;
}
.retailers__page .review__card {
  background-color: var(--bg-secondary-color);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  width: 330px;
  height: auto;
  padding: 20px;
  margin: 15px;
}
.retailers__page .customer__review--container {
  position: relative;
  margin: 20px 0;
}
.retailers__page .customer__review--container .next__btn {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 25px;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(270deg, #fff 17.71%, rgba(255, 255, 255, 0) 100%);
}
.retailers__page .customer__review--container .prev__btn {
  cursor: pointer;
  position: absolute;
  top: 0;
  padding: 0;
  width: 25px;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, #fff 17.71%, rgba(255, 255, 255, 0) 100%);
}
.retailers__page .customer__review--container img {
  height: 40px;
}
.retailers__page .customer__review--slider-container {
  position: relative;
  overflow-x: auto;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding: 0px 20px;
}
.retailers__page .customer__review--slider-container::-webkit-scrollbar {
  display: none;
}
.retailers__page .customer__review--title {
  margin-top: 80px;
  font-family: "Times";
  font-size: 26px;
  font-weight: 700;
  text-align: center;
}
.retailers__page .customer__review--slider {
  margin-top: 10px;
  scroll-behavior: smooth;
  display: flex;
  overflow: auto;
  width: max-content;
}
.retailers__page .reviewer__name {
  font-family: "Avenir";
  margin: 0px;
  font-size: 16px;
  line-height: 25px;
  font-weight: 700;
}
.retailers__page .review__desc {
  font-family: "Avenir";
  margin: 15px 0px;
  font-size: 12px;
  line-height: 25px;
  font-weight: 400;
  color: var(--bg-dark-grey);
}
.retailers__page .review__stars img {
  width: 10px;
  height: auto;
}
.retailers__page .google__logo {
  width: 30px;
  height: auto;
  margin-top: 20px;
}
.retailers__page .signup__container {
  padding: 50px;
}
.retailers__page .signup__container h4 {
  font-size: 28px;
  margin-left: 80px;
  text-align: left;
  font-weight: bold;
}
.retailers__page .signup__container button {
  height: auto;
  margin-top: 20px;
  padding: 12px;
  width: 50%;
}
@media (max-width: 767px) {
  .retailers__page .signup__container h4 {
    font-size: 20px;
    line-height: 28px;
    margin: 0;
    text-align: center;
  }
  .retailers__page .signup__container button {
    height: auto;
    margin-top: 20px;
    padding: 12px;
    width: 80%;
  }
  .retailers__page .customer__review--title {
    margin-top: 30px;
    font-family: "Times";
    font-size: 20px;
    font-weight: 700;
    text-align: center;
  }
}

/* end retailers page */

/* auth page */
.auth__page .outline-button {
  background-color: #fff;
  background-color: var(--bg-secondary-color);
  color: #2369d1;
  color: var(--bg-light-blue);
}
.auth__page .filled-button,
.auth__page .outline-button {
  border: 1px solid #2369d1;
  border: 1px solid var(--bg-light-blue);
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 5px 30px;
  font-family: "Avenir";
  cursor: pointer;
  text-decoration: none;
}
.auth__page .filled-button {
  background-color: #2369d1;
  background-color: var(--bg-light-blue);
  color: #fff;
  color: var(--bg-secondary-color);
}
.auth__page .filled-button:hover {
  color: #fff;
}
.auth__page .link-items {
  color: #090909;
  cursor: pointer;
  margin: 0 20px;
  text-decoration: none;
}
.auth__page .dark-skin-color-box {
  background-color: #fdede0;
  background-color: var(--bg-dark-skin);
  height: 178px;
  width: 216px;
}
.auth__page .dark-blue-color-box {
  background-color: #003459;
  background-color: var(--bg-dark-blue);
  height: 178px;
  width: 216px;
}
.auth__page .box-shadow {
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25);
}
@media (max-width: 576px) {
  .auth__page .dark-skin-color-box {
    background-color: #fdede0;
    background-color: var(--bg-dark-skin);
    height: auto;
    width: 100%;
  }
  .auth__page .outline-button {
    background-color: #fff;
    background-color: var(--bg-secondary-color);
    color: #2369d1;
    color: var(--bg-light-blue);
  }
  .auth__page .filled-button,
  .auth__page .outline-button {
    border: 1px solid #2369d1;
    border: 1px solid var(--bg-light-blue);
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 5px 20px;
  }
  .auth__page .filled-button {
    background-color: #2369d1;
    background-color: var(--bg-light-blue);
    color: #fff;
    color: var(--bg-secondary-color);
  }
  .auth__page #root {
    overflow-x: hidden;
  }
}

.auth__page .form__container {
  margin-bottom: 20px;
}
.auth__page .form__container h1 {
  font-family: "Times New Roman";
  font-size: 36px;
  text-align: center;
  color: #003459;
  background-color: #eaeff5;
  padding: 20px;
}
.auth__page .form__container > .container {
  margin-top: 30px;
  margin-bottom: 30px;
}
.auth__page .login__container {
  width: 40%;
  margin: auto;
}
.auth__page .login__container h2,
.auth__page .signup__container h2 {
  font-family: "Times New Roman";
}
.auth__page .signup__container {
  width: 50%;
  margin: auto;
  border: none;
}
.auth__page .signup__container .container {
  padding: 0;
}
.auth__page .login__container .gmail__icon {
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: none;
  margin-top: 30px;
  text-align: left;
}
.auth__page .login__container .remember__me {
  margin-top: 25px;
}
.auth__page .login__container > form > .filled-button,
.auth__page .signup__container > form .filled-button {
  margin-top: 20px;
}
.auth__page .signup__container p {
  font-family: "Times";
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #bababa;
  margin: 20px 0 0 0;
}
.auth__page .input__container {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.auth__page .input__container > label > span {
  color: red;
}
.auth__page .input__container > input,
.auth__page .input__container > select {
  border: 1px solid #bababa;
  height: 40px;
}
.auth__page .forgot-password__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 30px 0;
}
.auth__page .forgot-password__container p {
  font-family: "Times New Roman";
  font-size: 18px;
  font-weight: 400;
  text-align: center;
}
.auth__page .forgot-password__container form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 60%;
}
.auth__page .forgot-password__container .input__container {
  margin-top: 30px;
  width: 80%;
}
 
.auth__page .card__container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8rem;
}
.auth__page .card__container .simple__card {
  background-color: #fff;
  padding: 100px 150px;
}
.auth__page .card__container .simple__card h2 {
  font-family: "Times New Roman";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  text-align: center;
  color: #003459;
}
.auth__page .card__container .simple__card p {
  font-family: "Times New Roman";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  color: #5f5f5f;
  margin-top: 20px;
  text-align: center;
}
@media (max-width: 767px) {
  .auth__page .nav-links,
  .auth__page .social-links {
    margin-top: 15px;
  }
  .auth__page .nav-links a,
  .auth__page .social-links a {
    font-family: "Avenir";
    font-size: 9px;
    text-decoration: none;
  }
  .auth__page .rights-reserve {
    text-align: left;
  }
  .auth__page .form__container > .container {
    margin: 0;
  }
  .auth__page .signup__container {
    margin: 20px;
    border: none;
    padding: 0;
    width: auto;
  }
  .auth__page .login__container {
    margin: 20px;
    width: auto;
  }
  .auth__page .forgot-password__container form {
    width: 100%;
  }
  .auth__page .card__container {
    margin: 2rem;
  }
  .auth__page .card__container .simple__card {
    padding: 50px 20px;
  }
}

/* end auth page */

/* terms page */

.terms__page .outline-button {
  background-color: #fff;
  background-color: var(--bg-secondary-color);
  color: #2369d1;
  color: var(--bg-light-blue);
}
.terms__page .filled-button,
.terms__page .outline-button {
  border: 1px solid #2369d1;
  border: 1px solid var(--bg-light-blue);
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 5px 30px;
  font-family: "Avenir";
  cursor: pointer;
  text-decoration: none;
}
.terms__page .filled-button {
  background-color: #2369d1;
  background-color: var(--bg-light-blue);
  color: #fff;
  color: var(--bg-secondary-color);
}
.terms__page .filled-button:hover {
  color: #fff;
}
.terms__page .link-items {
  color: #090909;
  cursor: pointer;
  margin: 0 20px;
  text-decoration: none;
}
.terms__page .dark-skin-color-box {
  background-color: #fdede0;
  background-color: var(--bg-dark-skin);
  height: 178px;
  width: 216px;
}
.terms__page .dark-blue-color-box {
  background-color: #003459;
  background-color: var(--bg-dark-blue);
  height: 178px;
  width: 216px;
}
.terms__page .box-shadow {
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25);
}
@media (max-width: 576px) {
  .terms__page .dark-skin-color-box {
    background-color: #fdede0;
    background-color: var(--bg-dark-skin);
    height: auto;
    width: 100%;
  }
  .terms__page .outline-button {
    background-color: #fff;
    background-color: var(--bg-secondary-color);
    color: #2369d1;
    color: var(--bg-light-blue);
  }
  .terms__page .filled-button,
  .terms__page .outline-button {
    border: 1px solid #2369d1;
    border: 1px solid var(--bg-light-blue);
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 5px 20px;
  }
  .terms__page .filled-button {
    background-color: #2369d1;
    background-color: var(--bg-light-blue);
    color: #fff;
    color: var(--bg-secondary-color);
  }
  .terms__page #root {
    overflow-x: hidden;
  }
}

.terms__page .form__container {
  margin-bottom: 20px;
}
.terms__page .form__container h1 {
  font-family: "Times New Roman";
  font-size: 36px;
  text-align: center;
  color: #003459;
  background-color: #e5e5e5;
  padding: 20px;
}
.terms__page .form__container > .container {
  margin: 30px;
}
.terms__page .login__container {
  width: 50%;
  margin: auto;
}
.terms__page .login__container h2,
.terms__page .signup__container h2 {
  font-family: "Times New Roman";
}
.terms__page .signup__container {
  border-left: 1px solid #c4c4c4;
  padding-left: 30px;
}
.terms__page .signup__container .container {
  padding: 0;
}
.terms__page .login__container .gmail__icon {
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: none;
  margin-top: 30px;
  text-align: left;
}
.terms__page .login__container .remember__me {
  margin-top: 25px;
}
.terms__page .login__container > form > .filled-button,
.terms__page .signup__container > form .filled-button {
  margin-top: 20px;
}
.terms__page .signup__container p {
  font-family: "Times";
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #bababa;
  margin: 20px 0 0 0;
}
.terms__page .input__container {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.terms__page .input__container > label > span {
  color: red;
}
.terms__page .input__container > input,
.terms__page .input__container > select {
  border: 1px solid #bababa;
  height: 40px;
}
.terms__page .terms__container {
  margin: 60px;
}
.terms__page .terms__container h2 {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  text-align: left;
  color: #003459;
}
.terms__page .terms__container h3 {
  margin-top: 30px;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 700;
  text-align: left;
  color: #003459;
}
.terms__page .terms__container p {
  margin-top: 10px;
  font-family: "Avenir";
  font-style: normal;
  font-weight: 100;
  font-size: 20px;
  line-height: 40px;
  text-align: left;
  color: #003459;
}
.terms__page .terms__container p strong {
  font-weight: bold;
}
.terms__page .terms__container p a {
  display: inline-block;
  padding: 0;
}
.terms__page .terms__container ul ol,
.terms__page .terms__container li ol {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .terms__page .nav-links,
  .terms__page .social-links {
    margin-top: 15px;
  }
  .terms__page .nav-links a,
  .terms__page .social-links a {
    font-family: "Avenir";
    font-size: 9px;
    text-decoration: none;
  }
  .terms__page .rights-reserve {
    text-align: left;
  }
  .terms__page .terms__container {
    margin: 20px;
  }
}

/* end terms page */

/* thanks page */
.thanks__page {
  background-color: #efefef;
}

.thanks__page .outline-button {
  background-color: #fff;
  background-color: var(--bg-secondary-color);
  color: #2369d1;
  color: var(--bg-light-blue);
}
.thanks__page .filled-button,
.thanks__page .outline-button {
  border: 1px solid #2369d1;
  border: 1px solid var(--bg-light-blue);
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 5px 30px;
  font-family: "Avenir";
  cursor: pointer;
  text-decoration: none;
}
.thanks__page .filled-button {
  background-color: #2369d1;
  background-color: var(--bg-light-blue);
  color: #fff;
  color: var(--bg-secondary-color);
}
.thanks__page .filled-button:hover {
  color: #fff;
}
.thanks__page .link-items {
  color: #090909;
  cursor: pointer;
  margin: 0 20px;
  text-decoration: none;
}
.thanks__page .dark-skin-color-box {
  background-color: #fdede0;
  background-color: var(--bg-dark-skin);
  height: 178px;
  width: 216px;
}
.thanks__page .dark-blue-color-box {
  background-color: #003459;
  background-color: var(--bg-dark-blue);
  height: 178px;
  width: 216px;
}
.thanks__page .box-shadow {
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25);
}
@media (max-width: 576px) {
  .thanks__page .dark-skin-color-box {
    background-color: #fdede0;
    background-color: var(--bg-dark-skin);
    height: auto;
    width: 100%;
  }
  .thanks__page .outline-button {
    background-color: #fff;
    background-color: var(--bg-secondary-color);
    color: #2369d1;
    color: var(--bg-light-blue);
  }
  .thanks__page .filled-button,
  .thanks__page .outline-button {
    border: 1px solid #2369d1;
    border: 1px solid var(--bg-light-blue);
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 5px 20px;
  }
  .thanks__page .filled-button {
    background-color: #2369d1;
    background-color: var(--bg-light-blue);
    color: #fff;
    color: var(--bg-secondary-color);
  }
  .thanks__page #root {
    overflow-x: hidden;
  }
}

.thanks__page .form__container {
  margin-bottom: 20px;
}
.thanks__page .form__container h1 {
  font-family: "Times New Roman";
  font-size: 36px;
  text-align: center;
  color: #003459;
  background-color: #e5e5e5;
  padding: 20px;
}
.thanks__page .form__container > .container {
  margin: 30px;
}
.thanks__page .login__container {
  width: 50%;
  margin: auto;
}
.thanks__page .login__container h2,
.thanks__page .signup__container h2 {
  font-family: "Times New Roman";
}
.thanks__page .signup__container {
  border-left: 1px solid #c4c4c4;
  padding-left: 30px;
}
.thanks__page .signup__container .container {
  padding: 0;
}
.thanks__page .login__container .gmail__icon {
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: none;
  margin-top: 30px;
  text-align: left;
}
.thanks__page .login__container .remember__me {
  margin-top: 25px;
}
.thanks__page .login__container > form > .filled-button,
.thanks__page .signup__container > form .filled-button {
  margin-top: 20px;
}
.thanks__page .signup__container p {
  font-family: "Times";
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #bababa;
  margin: 20px 0 0 0;
}
.thanks__page .input__container {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.thanks__page .input__container > label > span {
  color: red;
}
.thanks__page .input__container > input,
.thanks__page .input__container > select {
  border: 1px solid #bababa;
  height: 40px;
}

.thanks__page .forgot-password__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 30px 0;
}
.thanks__page .forgot-password__container p {
  font-family: "Times New Roman";
  font-size: 18px;
  font-weight: 400;
  text-align: center;
}
.thanks__page .forgot-password__container form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 60%;
}
.thanks__page .forgot-password__container .input__container {
  margin-top: 30px;
  width: 80%;
}
.thanks__page .forgot-password__container button {
  margin-top: 20px;
}
.thanks__page .card__container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8rem;
}
.thanks__page .card__container .simple__card {
  background-color: #fff;
  padding: 100px 150px;
}
.thanks__page .card__container .simple__card h2 {
  font-family: "Times New Roman";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  text-align: center;
  color: #003459;
}
.thanks__page .card__container .simple__card p {
  font-family: "Times New Roman";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  color: #5f5f5f;
  margin-top: 20px;
  text-align: center;
}
@media (max-width: 767px) {
  .thanks__page .nav-links,
  .thanks__page .social-links {
    margin-top: 15px;
  }
  .thanks__page .nav-links a,
  .thanks__page .social-links a {
    font-family: "Avenir";
    font-size: 9px;
    text-decoration: none;
  }
  .thanks__page .rights-reserve {
    text-align: left;
  }
  .thanks__page .form__container > .container {
    margin: 0;
  }
  .thanks__page .signup__container {
    margin: 20px;
    border: none;
    padding: 0;
  }
  .thanks__page .login__container {
    margin: 20px;
    width: auto;
  }
  .thanks__page .forgot-password__container form {
    width: 100%;
  }
  .thanks__page .card__container {
    margin: 2rem;
  }
  .thanks__page .card__container .simple__card {
    padding: 50px 20px;
  }
}

/* end thanks page */

/* button */
.outline-button {
  background-color: #fff;
  background-color: var(--bg-secondary-color);
  color: #2369d1;
  color: var(--bg-light-blue);
}
.filled-button,
.outline-button {
  border: 1px solid #2369d1;
  border: 1px solid var(--bg-light-blue);
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 5px 30px;
  font-family: "Avenir";
  text-decoration: none;
  cursor: pointer;
}
.filled-button {
  background-color: #2369d1;
  background-color: var(--bg-light-blue);
  color: #fff;
  color: var(--bg-secondary-color);
}
.filled-button:hover {
  color: #fff;
}
.link-items {
  color: #090909;
  cursor: pointer;
  margin: 0 20px;
  text-decoration: none;
}
.dark-skin-color-box {
  background-color: #fdede0;
  background-color: var(--bg-dark-skin);
  height: 178px;
  width: 216px;
}

@media (max-width: 576px) {
  .dark-skin-color-box {
    background-color: #fdede0;
    background-color: var(--bg-dark-skin);
    height: auto;
    width: 100%;
  }
  .outline-button {
    background-color: #fff;
    background-color: var(--bg-secondary-color);
    color: #2369d1;
    color: var(--bg-light-blue);
  }
  .filled-button,
  .outline-button {
    border: 1px solid #2369d1;
    border: 1px solid var(--bg-light-blue);
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 5px 20px;
  }
  .filled-button {
    background-color: #2369d1;
    background-color: var(--bg-light-blue);
    color: #fff;
    color: var(--bg-secondary-color);
  }
  #root {
    overflow-x: hidden;
  }
}
/* end button */

/* navbar */
.padding-0 {
  padding: 0;
}
.navbar-container {
  padding: 10px;
}
.brand-logo {
  height: auto;
  width: 180px;
}
.app-navbar {
  background-color: var(--bg-color-primary);
  box-shadow: 4px 0 50px 10px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.jewel-nav {
  flex-wrap: unset !important;
}
.action-buttons,
.jewel-nav {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.action-buttons {
  padding: 5px;
}

.scroll-top-btn {
  bottom: 5%;
  cursor: pointer;
  font-size: 3rem;
  height: 30px;
  position: fixed;
  right: 11%;
  z-index: 1;
}
.navbar-toggler:focus {
  box-shadow: none !important;
}
.chat-icon-float {
  display: none;
  bottom: 50%;
  height: 50px;
  position: fixed;
  right: 20px;
  width: auto;
  z-index: 10;
}
@media (max-width: 767px) {
  .brand-logo {
    height: auto;
    width: 100px;
  }
  #navbarNavAltMarkup {
    background-color: #fff;
    position: absolute;
    top: 60px;
    z-index: 1;
  }
  .chat-icon-float {
    display: none;
  }
}
/* end navbar */

/* pricing popup */
.pricing__popup--outer,
.form__popup--outer,
.form__popup--outer {
  display: none;
}
.pricing__popup--container,
.form__popup--container,
.form__popup--container {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: #e5e5e5a1;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pricing__popup,
.form__popup,
.form__popup {
  background-color: #fdede0;
  width: 90%;
}
.pricing__popup h2 {
  text-align: center;
  font-family: Times;
  font-size: 26px;
  font-weight: 700;
  margin-top: 20px;
  color: #003459;
}
.pricing__popup .header {
  margin-top: 10px;
  position: relative;
}
.pricing__popup .header .close__btn {
  position: absolute;
  right: 2%;
  top: 0;
  cursor: pointer;
}
.pricing__popup .switch__container {
  text-align: center;
  font-family: "Avenir";
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  margin-top: 30px;
}
.pricing__cards,
.pricing__cards,
.pricing__cards {
  width: 100%;
  padding: 10px 180px;
}
.pricing__cards .pricing__card {
  width: 300px;
  min-height: 550px;
  background-color: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  position: relative;
  padding: 30px 10px;
}
.pricing__cards .pricing__card .title__container,
.pricing__cards .pricing__card .title__container,
.pricing__cards .pricing__card .title__container {
  height: 160px;
}
.pricing__cards .pricing__card--blue {
  background-color: #003459;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  color: #fff;
}
.pricing__card .help__btn {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  border: none;
  margin: 10px;
}
.pricing__card .title {
  font-family: "Times";
  font-size: 26px;
  font-weight: 700;
  text-align: center;
}
.pricing__card .pricing {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin-top: 10px;
  min-height: 27px;
}
.pricing__card .note {
  font-family: "Avenir";
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-top: 35px;
}
.pricing__card ul {
  list-style: none;
  margin-top: 20px;
  padding: 0px 26px;
  height: 250px;
}
.pricing__card ul li {
  font-family: "Avenir";
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  margin-top: 15px;
}
.pricing__card ul li:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
.pricing__card .btn__container {
  text-align: center;
  margin-top: 10px;
}
.pricing__card .btn__container button {
  background: #2369d1;
  border-radius: 13px;
  height: 50px;
  font-family: "Avenir";
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  color: #fff;
  border: none;
  padding: 12px 40px;
}
.pricing__card .btn__container button.white {
  background: #ffffff;
  color: #003459;
}
.fade-in,
.fade-in {
  animation: fadeIn ease 0.5s;
  -webkit-animation: fadeIn ease 0.5s;
  -moz-animation: fadeIn ease 0.5s;
}
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 20px;
  margin: 0 5px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .slider {
  background-color: #003459;
}
input:focus + .slider {
  box-shadow: 0 0 1px #003459;
}
input:checked + .slider:before {
  -webkit-transform: translateX(29px);
  -ms-transform: translateX(29px);
  transform: translateX(29px);
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}

/* end pricing popup */

/* form popup */
.form__popup {
  padding: 30px 150px;
  position: relative;
}
.form__popup .close__btn--form {
  cursor: pointer;
  position: absolute;
  right: 2%;
  top: 2%;
}
.form__popup .inquiry__form {
  width: 80%;
  margin: auto;
}
.form__popup .inquiry__form h6 {
  font-size: 26px;
}
.form__popup .inquiry__form button {
  width: 30%;
  margin-top: 20px;
  padding: 12px;
}
.form__popup .inquiry__form input {
  font-size: 14px;
  border: none;
  border-radius: 0;
  font-family: "Avenir";
  height: 45px;
  letter-spacing: 0.5px;
  padding: 5px 20px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s;
  width: 100%;
  margin-top: 12px;
}
.form__popup .inquiry__form input::-webkit-input-placeholder {
  color: #bababa;
}
.form__popup .inquiry__form input:-ms-input-placeholder {
  color: #bababa;
}
.form__popup .inquiry__form input::placeholder {
  color: #bababa;
}
.form__popup .inquiry__form select {
  border: none;
  border-radius: 0;
  font-family: "Avenir";
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.5px;
  margin-top: 12px;
  padding: 5px 20px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s;
  width: 100%;
  color: #bababa;
}
@media (max-width: 1600px) {
  .pricing__popup {
    overflow: auto;
    height: 99vh;
  }
}
@media (max-width: 767px) {
  
  .pricing__popup .pricing__cards {
    width: 100%;
    padding: 40px;
  }
  .pricing__cards .pricing__card {
    width: auto;
    margin: 10px;
  }
  .pricing__popup--container {
    z-index: 10;
  }
  .form__popup {
    padding: 0;
    position: relative;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .form__popup--container {
    z-index: 10;
  }
  .form__popup .inquiry__form button {
    width: 100%;
  }
}

/* end form popup */

/* footer */
footer {
  padding: 30px 0;
}
footer .address p {
  padding-left: 30px;
  font-size: 14px;
  margin: 0;
}
footer .cta-links {
  margin-top: 20px;
}
footer .cta-links a {
  font-size: 14px;
  text-decoration: none;
}
footer a {
  display: block;
  margin-top: 5px;
  padding-left: 30px;
}
.nav-links,
.social-links {
  opacity: 0.65;
}
.nav-links a,
.social-links a {
  font-family: "Avenir";
  font-size: 16px;
  text-decoration: none;
}
.footer-logo {
  height: 32px;
  margin: 20px;
  width: auto;
}
.rights-reserve {
  font-family: "Avenir";
  font-size: 10px;
  font-weight: 700;
  margin-top: 30px;
  opacity: 0.65;
  text-align: center;
}
@media (max-width: 776px) {
  .nav-links,
  .social-links {
    margin-top: 15px;
  }
  .nav-links a,
  .social-links a {
    font-family: "Avenir";
    font-size: 12px;
    text-decoration: none;
  }
  .rights-reserve {
    text-align: center;
  }
}
.footer__links {
  display: flex;
  margin-top: 0;
}
.footer__links .nav-links {
  width: 50%;
}
.footer__links .nav-links a,
.footer__links .social-links a {
  margin-bottom: 10px;
}

.footer__container .term-line {
  font-family: "Avenir";
  padding: 0;
  text-align: center;
  font-size: 14px;
  margin-top: 30px;
}
.footer__container .footer-logo--container {
  text-align: center;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .footer__container .footer-logo--container {
    text-align: left;
  }
  .footer__links {
    display: flex;
    margin-top: 30px;
  }
}
/* end footer */

/* increased input padding */
input {
  padding: 5px 20px !important;
}


/* end thanks page */
label.error {
  color: #F00;
  text-transform: capitalize;
}
.grecaptcha-badge { 
  visibility: hidden;
}
.form-control{ appearance: auto !important;}

/*Ansar changes pricing page*/

@media (max-width: 767px) {

 .pricing__card ul{
  height: auto !important; min-height: inherit !important; 
}
.pricing__cards .pricing__card { 
  min-height: inherit !important;
}
.pricing__card .btn__container button {
 font-size: 11px !important;
}

}
.simp_sec{
  min-height: 200px;
    display: flex;
    align-items: center;
}
.simp_sec .simple__card{
  width: 60%;
  margin: auto;
}

 

.wd-nav[class*="wd-style-"]>li>a {
  color: #003459;
  font-family: "hero"
}

.btn.btn-scheme-light {
  font-family: "hero";
  text-transform: capitalize;
}

.btn.btn-style-bordered {
  border-color: #003459 !important;
  text-transform: capitalize;
}

.footer-sidebar {
  margin-top: -70px;
}

:is(.widget,.wd-widget,div[class^="vc_wp"]) {
  font-family: hero light;
  color: #003459;
  font-size: 20px;
}

.wd-nav[class*="wd-style-"]>li:is(.current-menu-item,.wd-active,.active)>a {
  color: #7089a7;
}
  

/*footer css */


.pricing__cards .pricing__card {
  min-height: 625px;    
 }
 
 .pricing__card ul li:not(:last-child) {  border:none !important; }
  
 .textwidget>*:last-child {
     padding-left: 0px;
 }
 .auth__page, .home__page{
   overflow-x: inherit !important;
 }
 .footergrid { display:grid !important; grid-template-columns: 1fr 1fr; column-gap: 15px;}
 .widecolumn {
   grid-row: 1 / 3;                          /* 5 */
   grid-column: 2 / 3;    
   width:inherit !important;                    /* 6 */
 }
 .customsapce { margin-top:100px;}
 @media (max-width:1300px){
   .customsapce { margin-top:150px;}
 }
 @media (max-width:768px){
   .widecolumn {
   grid-row: inherit;                          /* 5 */
   grid-column:inherit;                        /* 6 */
 }
 .elementor-15910 .elementor-element.elementor-element-a746a69 .wd-text-block,
 .elementor-15910 .elementor-element.elementor-element-8fea793 .wd-text-block,
 .mob-textleft
 {
   float: left;
     text-align: left; 
 }
 .widget_nav_mega_menu .wd-nav>li { width:100%;}
 .elementor-15910 .elementor-element.elementor-element-b37285d .wd-nav > .menu-item > a{
   text-align: right;
     display: block
 }
 .customsapce { margin:0px; grid-column: 1 / 3; } 
 .hidemobile { display:none;}
 }

/*footer css */


 
  @media (min-width: 1025px){
 .container {
    max-width: 100%;
    width: 95% !important;
}
}
        nav.navbar {
    background-color: rgb(234, 239, 245) !important;
    border-bottom-width: 0px;
    border-bottom-style: solid;    box-shadow: inherit;    height: 95px;
}
.navbar-light .navbar-nav .nav-link{ 
  font-size:20px;color: #003459;
  margin:0px;
    /* font-family: "hero";} */
    padding:0px; font-weight:700 !important;

}
    .auth__page .outline-button.jewel-btn {
      background-color: rgba(0, 52, 89,1); 
    color: #fff;
    padding: 5px 40px ;
    min-height: 56px;
    font-size: 16px;
    border-radius: 5px;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    text-transform: capitalize;
}
.auth__page .filled-button{
  border:2px solid #003459 !important;    border-radius: 5px;
  background-color: transparent; 
    color: rgba(0, 52, 89, 1);
    padding: 5px 40px ;
    min-height: 56px;
    font-size: 16px; 
    font-family: "Lato", Arial, Helvetica, sans-serif;
    text-transform: capitalize;
}
  /* .hero{font-family: 'hero' !important;}
 h1, h2, body.single-post .entry-title{
					font-family: 'hero' !important;
				} */
		
  input { outline:none !important;}
  .form-border{border:2px solid #003459; border-right:80px solid #003459; border-radius:8px  ;
     padding:45px;}
  .blue-btn {background: #003459 !important; color:#fff !important;
border: 2px solid #003459 !important; width: 144px;
height: 52px; text-transform:inherit !important; font-size:16px !important;
box-shadow: 0px 3px 6px rgba(21, 34, 44, 0.12) !important; 
border-radius: 8px !important;}
.text-link {color: #A1A1A1;}

.cus-input { 
font-style: normal; color:#000 !important;
font-weight: 300;font-family: "Hind", Arial, Helvetica, sans-serif;
 appearance:none; font-size:24px !important; outline:none; padding-left:0px !important; border:none !important;  border-bottom:2px solid #000 !important;}
.cus-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:  #A1A1A1;
  opacity: 1; /* Firefox */
}
.dark-blue-bg{background-color:rgb(224,229,238)}
.text-light {
  color: #003459 !important;
}
.cus-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #A1A1A1;
}
.auth__page .input__container {
  width: 80%;
}
.auth__page .signup__container2 .input__container {
  width: 100%;
}
.cus-input::-ms-input-placeholder { /* Microsoft Edge */
  color:  #A1A1A1;
}
h2{    color: #003459; font-family: 'hero' !important; font-size: 56px;}

 
footer a {
    display: block;
    margin-top: 5px;
    padding-left: 0;
}
.elementor-15910 .elementor-element.elementor-element-4996c06 > .elementor-widget-container {
    padding: 21px 0px 0px 39px;
}
.wd-nav[class*="wd-style-"]>li>a {
    color: #003459;
     
}
:is(.widget,.wd-widget,div[class^="vc_wp"]) {
    font-family: hero light;
    color: #003459;
    font-size: 20px;
}
input,select { outline:none !important; }
.layout-grid{ display:grid;grid-template-columns: 1fr 1fr; column-gap: 15px;}
@media (max-width:768px){
  .layout-grid{  grid-template-columns: 1fr ; }
  .auth__page .input__container {
  width: 100%;
}
  .form-border {  
    border-right: 2px solid #003459;
    border-bottom: 40px solid #003459;  
}
.mob-center { text-align:center;}
}
.auth__page .forgot-password__container form{ width:100%;}
.auth__page .input__container > select {  height: 43px;    color: #A1A1A1;}

@font-face {
  font-family: 'hero';
  src: url('fonts/95Hero.woff2') format('woff2'),
    url('fonts/95Hero.woff') format('woff');
    font-display: auto;
}

.hero{font-family: 'hero' !important;}

    h1, h2, body.single-post .entry-title{
  font-family: 'hero' !important;
}
.wd-nav[class*="wd-style-"]>li>a {
  color: #003459 !important;
  font-family: "hero";
}

h2{
  color: #003459 !important;
  font-size: 64px !important;
  font-weight: 700 !important;
}
.wd-nav[class*="wd-style-"]>li>a:hover {
  color: black !important;
}

.whb-general-header {
  background-color: rgba(234, 239, 245, 1) !important;
  border-bottom-width: 0px;
  border-bottom-style: solid;
}
.form-border .form-control {
  appearance: inherit !important;
}
.wd-nav>li>a {
  text-transform: capitalize !important;
  font-size: 20px !important;
}
.mobile-nav>.wd-nav>li>a{ font-size:20px !important;}
.wd-prefooter .wd-nav>li>a {
  text-transform: capitalize !important;
  font-size: 24px !important;
}
.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator {
  border-top: var(--divider-border-width) var(--divider-border-style) var(--divider-color);
}
.elementor-widget-divider .elementor-divider-separator {
  display: flex;
  margin: 0;
  direction: ltr;
}
#wd-6474457ac18f4 a {
  background-color: rgba(0, 52, 89,1);
}
.wd-nav {
  gap: 36px !important;
}

 @media (min-width: 768px) and (max-width: 1024px) {
                .elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left {
                    padding-top:3px;
                }

                .whb-general-header .whb-mobile-right {
                    flex: unset;
                }

                .whb-mobile-right .btn.btn-color-default {
                    width: max-content !important;
                    padding: 10px !important;
                    min-height: auto !important;
                    background-color: rgba(0, 52, 89,1);
                    color: #fff;
                    border-radius: 5px;
                }

                .whb-mobile-right .btn.btn-color-default.login {
                    width: max-content !important;
                    padding: 10px !important;
                    min-height: auto !important;
                    background: transparent;
                    color: rgba(0, 52, 89, 1);
                    border: 1px solid #003459 !important;
                    border-radius: 5px;
                }
            }
            .fa-bars:hover { color:#fff !important; }




            @font-face {
              font-weight: normal;
              font-style: normal;
              font-family: "woodmart-font";
              src: url("//www.jewelcounter.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.2.4") format("woff2");
            }
            
            .wd-popup.wd-promo-popup{
              background-color:#111111;
              background-image: url(https://jewelcounter.com/wp-content/uploads/promo-popup.jpg);
              background-repeat:no-repeat;
              background-size:cover;
              background-position:center center;
            }
            
            .page-title-default{
              background-color:#0a0a0a;
              background-image: url(https://jewelcounter.com/wp-content/uploads/page-title-shop.jpg);
              background-size:cover;
              background-position:center center;
            }
            
            .footer-container{
              background-color:rgb(224,229,238);
              background-image: none;
            }
            
            :root{
            --wd-text-font:"Hind", Arial, Helvetica, sans-serif;
            --wd-text-font-weight:400;
            --wd-text-color:#777777;
            --wd-text-font-size:14px;
            }
            :root{
            --wd-title-font:"Ubuntu", Arial, Helvetica, sans-serif;
            --wd-title-font-weight:500;
            --wd-title-color:#242424;
            }
            :root{
            --wd-entities-title-font:"Ubuntu", Arial, Helvetica, sans-serif;
            --wd-entities-title-font-weight:500;
            --wd-entities-title-color:#333333;
            --wd-entities-title-color-hover:rgb(51 51 51 / 65%);
            }
            :root{
            --wd-alternative-font:"Satisfy", Arial, Helvetica, sans-serif;
            }
            :root{
            --wd-widget-title-font:"Ubuntu", Arial, Helvetica, sans-serif;
            --wd-widget-title-font-weight:500;
            --wd-widget-title-transform:uppercase;
            --wd-widget-title-color:#333;
            --wd-widget-title-font-size:16px;
            }
            :root{
            --wd-header-el-font:"Lato", Arial, Helvetica, sans-serif;
            --wd-header-el-font-weight:700;
            --wd-header-el-transform:uppercase;
            --wd-header-el-font-size:13px;
            }
            :root{
            --wd-primary-color:rgb(51,144,89);
            }
            :root{
            --wd-alternative-color:#fbbc34;
            }
            :root{
            --wd-link-color:#333333;
            --wd-link-color-hover:#242424;
            }
            :root{
            --btn-default-bgcolor:#f7f7f7;
            }
            :root{
            --btn-default-bgcolor-hover:#efefef;
            }
            :root{
            --btn-accented-bgcolor:rgb(51,144,89);
            }
            :root{
            --btn-accented-bgcolor-hover:rgb(30,106,61);
            }
            :root{
            --notices-success-bg:#459647;
            }
            :root{
            --notices-success-color:#fff;
            }
            :root{
            --notices-warning-bg:#E0B252;
            }
            :root{
            --notices-warning-color:#fff;
            }
              :root{
                      
                  
                          --wd-form-brd-radius: 0px;
                      
                      --wd-form-brd-width: 2px;
                
                      --btn-default-color: #333;
                
                      --btn-default-color-hover: #333;
                
                      --btn-accented-color: #fff;
                
                      --btn-accented-color-hover: #fff;
                
                              --btn-default-brd-radius: 0px;
                    --btn-default-box-shadow: none;
                    --btn-default-box-shadow-hover: none;
                    --btn-default-box-shadow-active: none;
                    --btn-default-bottom: 0px;
                  
                  
                  
                      
                      
                          --btn-accented-bottom-active: -1px;
                    --btn-accented-brd-radius: 0px;
                    --btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
                    --btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
                  
                  
                      
                          
                      --wd-brd-radius: 0px;
                  }
            
              
              
                  @media (min-width: 1025px) {
                  .whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
                    max-width: 1192px;
                  }
                }
            
               
            
                :root{
                  --wd-container-w: 1222px;
                }
              
                  @media (min-width: 1239px) {
                  .platform-Windows .wd-section-stretch > .elementor-container {
                    margin-left: auto;
                    margin-right: auto;
                  }
                }
                @media (min-width: 1222px) {
                  html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
                    margin-left: auto;
                    margin-right: auto;
                  }
                }
              
                  div.wd-popup.popup-quick-view {
                  max-width: 920px;
                }
              
              
              
              
                  .woodmart-woocommerce-layered-nav .wd-scroll-content {
                  max-height: 223px;
                }
              
              
            .wd-nav-mobile>li>a{
              color:#003459;
            }
            .wd-nav-mobile li.current-menu-item>a{
              color:#7089a7;
            }
            
            #menu-main-menu li a{
              font-size:20px;
            }
            .whb-sticked #menu-main-menu li a{
              font-size:18px;
            }
            .wd-nav.wd-nav-tabs .wd-nav-link{
                font-size: 20px;
                font-weight: 400 !important;
                font-family: Inter;
            }
            .wd-nav.wd-nav-tabs .wd-active .wd-nav-link{
              font-weight:700 !important;
            }
            .sa_hover_container{border-radius:20px;}
            #menu-mobile-navigation{margin-top:30px;}@media (min-width: 1025px) {
              .elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left{padding-top:3px;}
            .services_heading{
              color: #003459;
              font-size: 56px;
              font-family: hero;
            }
            .services_heading.slide2{
              width:80%;
              float:left;
            }
            .slide_link2{
              float:right;
              margin-top:30px;
            }
            .services_content{
              color: #003459;
              font-size: 28px;
            }
            .services_link{
              color: #003459;
              font-size: 24px;
              text-decoration:underline !important;
              cursor:pointer;
            }
            #services_list .owl-carousel{
              max-height:527px;
              overflow-y: hidden;
            }
            }
            
            @media (min-width: 768px) and (max-width: 1024px) {
              .elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left{padding-top:3px;}
            .whb-general-header .whb-mobile-right{flex:unset; }
            .whb-mobile-right .btn.btn-color-default{
              width:max-content !important;
              padding:10px !important;
              min-height: auto !important;
              background-color:rgba(0, 52, 89,1);
              color:#fff;
              border-radius:5px;
            }
            .whb-mobile-right .btn.btn-color-default.login{
              width:max-content !important;
              padding:10px !important;
              min-height: auto !important;
              background:transparent;
              color:rgba(0, 52, 89, 1);
              border: 1px solid #003459 !important;
              border-radius:5px;
            }
            #work-slider .elementor-widget-container{
            margin-top:-50px !important;
            }
            }
            
            @media (min-width: 577px) and (max-width: 767px) {
              body .wd-toolbar {
              background-color: #003459;
            }
            
            body .wd-toolbar .wd-tools-element {
              --wd-header-el-color: #003459;
              --wd-header-el-color-hover: #003459: 
            }
            
            body .wd-tools-element > a {
              color: #003459;
            }
            .wd-nav-mobile>li>a{
              color: #003459 !important;
            }
            .wd-nav-mobile>li>a:hover, .wd-nav-mobile>li>a:active{
                color: #fff !important;
                background: #003459;
            }
            .wd-nav-mobile li.current-menu-item>a{
                color: #fff !important;
                background: #003459;
            }
            .whb-general-header .whb-mobile-right{flex:unset; }
            .whb-mobile-right .btn.btn-color-default{
              width:max-content !important;
              padding:10px !important;
              min-height: auto !important;
              background-color:rgba(0, 52, 89,1);
              color:#fff;
              border-radius:5px;
            }
            .whb-mobile-right .btn.btn-color-default.login{
              width:max-content !important;
              padding:10px !important;
              min-height: auto !important;
              background:transparent;
              color:rgba(0, 52, 89, 1);
              border: 1px solid #003459 !important;
              border-radius:5px;
            }
            .slide_link2{
              text-align: right;
              display:block;
            }
            .services_content{
              color: #003459;
              font-size: 16px;
            }
            .services_link{
              color: #003459;
              font-size: 15px;
              text-decoration:underline !important;
              cursor:pointer;
            }
            #services_tab .elementor-tab-title.elementor-active .elementor-accordion-title{
              font-size:28px !important;
            }
            #services_tab .elementor-tab-title.elementor-active .elementor-accordion-icon-opened i:before{
              vertical-align:sub;
            }
            #services_tab .elementor-tab-title .elementor-accordion-icon-closed i:before{
              vertical-align:middle;
            }
            #services_tab .owl-carousel{
              max-height:360px;
              overflow-y: hidden;
            }
            #menu-footer-mobile-menu{
              border:none !important;
              gap:0px;
              margin-top:8px;
            }
            #menu-footer-mobile-menu li{
              text-align:right;
              border:none;
            }
            #menu-footer-mobile-menu li a{
              padding:5px 40px;
              display: inline-block;
              color:#003459;
            }
            #menu-footer-mobile-menu li.current-menu-item a{
              color:#000;
            }
            .elementor-15910 .elementor-element.elementor-element-42ebcc1 > .elementor-widget-container{
              padding-top:0px !important;
            }
            .homepage_services img{
              width:100%
            }
            .homepage_testimonial img{max-width:70%;}
            /*.whb-sticky-prepared, .whb-header{
              padding-bottom:0px !important;
              margin-bottom:0px !important;
                padding-top:0px !important;
            }
            .home .main-page-wrapper{padding-top:50px !important;}*/
            }
            
            @media (max-width: 576px) {
              body .wd-toolbar {
              background-color: #003459;
            }
            
            body .wd-toolbar .wd-tools-element {
              --wd-header-el-color: #003459;
              --wd-header-el-color-hover: #003459: 
            }
            
            body .wd-tools-element > a {
              color: #003459;
            }
            .wd-nav-mobile>li>a{
              color: #003459 !important;
            }
            .wd-nav-mobile>li>a:hover, .wd-nav-mobile>li>a:active{
                color: #fff !important;
                background: #003459;
            }
            .wd-nav-mobile li.current-menu-item>a{
                color: #fff !important;
                background: #003459;
            }
            .whb-general-header .whb-mobile-right{flex:unset; }
            .whb-mobile-right .btn.btn-color-default{
              width:max-content !important;
              padding:10px !important;
              min-height: auto !important;
              background-color:rgba(0, 52, 89,1);
              color:#fff;
              border-radius:5px;
            }
            .whb-mobile-right .wd-button-wrapper{
              padding-right: 0px !important;
            }
            .whb-mobile-right .btn.btn-color-default.login{
              width:max-content !important;
              padding:10px !important;
              min-height: auto !important;
              background:transparent;
              color:rgba(0, 52, 89, 1);
              border: 1px solid #003459 !important;
              border-radius:5px;
            }
            .slide_link2{
              text-align: right;
              display:block;
            }
            .services_content{
              color: #003459;
              font-size: 16px;
            }
            .services_link{
              color: #003459;
              font-size: 15px;
              text-decoration:underline !important;
              cursor:pointer;
            }
            #services_tab .elementor-tab-title.elementor-active .elementor-accordion-title{
              font-size:28px !important;
            }
            #services_tab .elementor-tab-title.elementor-active .elementor-accordion-icon-opened i:before{
              vertical-align:sub;
            }
            #services_tab .elementor-tab-title .elementor-accordion-icon-closed i:before{
              vertical-align:middle;
            }
            #services_tab .owl-carousel{
              max-height:360px;
              overflow-y: hidden;
            }
            #menu-footer-mobile-menu{
              border:none !important;
              gap:0px;
              margin-top:8px;
            }
            #menu-footer-mobile-menu li{
              text-align:right;
              border:none;
            }
            #menu-footer-mobile-menu li a{
              padding:5px 40px;
              display: inline-block;
              color:#003459;
            }
            #menu-footer-mobile-menu li.current-menu-item a{
              color:#000;
            }
            .elementor-15910 .elementor-element.elementor-element-42ebcc1 > .elementor-widget-container{
              padding-top:0px !important;
            }
            .homepage_services img{
              width:100%
            }
            /*.whb-sticky-prepared, .whb-header{
              padding-bottom:0px !important;
              margin-bottom: 0px !important;
              padding-top:0px !important;
            }
            .home .main-page-wrapper{padding-top:90px !important;}*/
              
            }
            @media(max-width: 767px) {
              .wd-prefooter .wd-nav>li>a {
              font-size:16px !important;  
            }
        
            
#menu-footer-mobile-menu {
    border: none !important;
    gap: 0px !important;
    margin-top: 8px;
}
.wd-nav-vertical>li {
    flex: 1 1 100%;  
  max-width: 100%;  
  width: 100%;
}
}

            

@media (max-width: 576px) { 
  .whb-mobile-right div:first-child .btn.btn-color-default:first-child {
     
    color: #fff !important;
 
}
}


/* mob-nav-vertical.css */

.wd-nav-vertical .wd-dropdown-menu{margin:0;top:0;left:100%;transform:translateX(-15px) translateY(0) translateZ(0)}.wd-nav-vertical .wd-dropdown-menu:after{height:auto}.wd-nav-vertical .wd-dropdown-menu.wd-design-full-width:not(.wd-scroll),.wd-nav-vertical .wd-dropdown-menu.wd-design-full-width.wd-scroll .wd-dropdown-inner{padding:30px 35px 0 35px}.wd-nav-vertical .wd-dropdown-menu:is(.wd-design-full-width,.wd-design-aside)>.container{padding:0;width:auto}.wd-nav-vertical>li>a .menu-label{position:static;margin-top:0;margin-inline-start:5px;opacity:1;align-self:center}.wd-nav-vertical>li>a .menu-label:before{content:none}.wd-nav-vertical{position:relative;display:flex;margin-right:0;margin-left:0;border-radius:var(--wd-brd-radius);gap:0;--nav-chevron-color: rgba(82, 82, 82, .45)}.wd-nav-vertical>li{flex:1 1 100%;max-width:100%;width:100%}.wd-nav-vertical>li>a{padding:12px 18px;color:var(--color-gray-800);text-transform:unset;font-size:14px;line-height:20px}.wd-nav-vertical>li:first-child>a{border-top-left-radius:var(--wd-brd-radius);border-top-right-radius:var(--wd-brd-radius)}.wd-nav-vertical>li:last-child>a{border-bottom-right-radius:var(--wd-brd-radius);border-bottom-left-radius:var(--wd-brd-radius)}.wd-nav-vertical>li.menu-mega-dropdown{position:static}.wd-nav-vertical>li.menu-item-has-children>a:after{margin-left:auto;color:var(--nav-chevron-color);font-weight:600;font-size:clamp(6px, 60%, 18px);content:"\f113"}.wd-nav-vertical .wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width){min-height:100%}.wd-nav-vertical .wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width) .wd-dropdown-inner{height:100%}.wd-nav-vertical .wd-dropdown-menu:is(.wd-design-full-width,.wd-design-aside){--wd-dropdown-width: 800px}.wd-nav-vertical .wd-dropdown-menu.wd-design-aside{padding-left:0}[class*="color-scheme-light"] .wd-nav-vertical{--nav-chevron-color: rgba(255,255,255,0.6)}.wd-nav-vertical.wd-design-default{border:1px solid var(--brdcolor-gray-200)}.wd-nav-vertical.wd-design-default>li:is(.wd-opened,:hover)>a{background-color:var(--bgcolor-gray-200);color:var(--color-gray-700)}.wd-nav-vertical.wd-design-default>li:not(:last-child){border-bottom:1px solid var(--brdcolor-gray-200)}.wd-nav-vertical.wd-design-with-bg{background-color:var(--wd-primary-color);box-shadow:0 0 3px rgba(0,0,0,0.15);--wd-icon-style-with-bg: brightness(0) invert(1);--wd-icon-style-with-bg-hover: brightness(1) invert(0)}.wd-nav-vertical.wd-design-with-bg>li>a{padding:18px 20px;color:#fff;font-weight:600;font-size:16px;line-height:24px}.wd-nav-vertical.wd-design-with-bg>li>a .wd-nav-img{margin-right:10px;max-height:20px;filter:var(--wd-icon-style-with-bg);transition:all .25s ease}.wd-nav-vertical.wd-design-with-bg>li:is(.wd-opened,:hover)>a{background-color:var(--bgcolor-white);color:var(--color-gray-800)}.wd-nav-vertical.wd-design-with-bg>li:is(.wd-opened,:hover)>a .wd-nav-img{filter:var(--wd-icon-style-with-bg-hover)}.wd-nav-vertical.wd-design-with-bg>li.menu-item-has-children>a:after{color:inherit}[class*="color-scheme-light"] .wd-nav-vertical.wd-design-with-bg{--wd-icon-style-with-bg-hover: brightness(0) invert(1)}



 
@media (max-width: 767px) {
  .elementor .elementor-hidden-mobile,.elementor .elementor-hidden-phone {
      display:none
  }
}
 
@media (min-width: 768px) and (max-width:1024px) {
  .elementor .elementor-hidden-tablet {
      display:none
  }
  .elementor-15910 .elementor-element.elementor-element-b9d58e1 > .elementor-widget-container {
    padding: 0px 5px 0px 0px !important;
}
}

@media (min-width: 767px){
  .elementor .elementor-hidden-tablet.lg-footer {
    display: block ;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.whb-general-header {
    padding: 10px 0;
}
}
@media (min-width: 768px) and (max-width: 1024px){
.whb-mobile-right .btn.btn-color-default, .whb-mobile-right .btn.btn-color-default.login {
    padding: 15px 20px !important;
    font-size: 15px !important;
}
}
.wd-header-nav, .site-logo {
  padding-right: 10px;
  padding-left: 10px;
}
.wd-logo img {
  padding-top: 25px !important;
}
@media (min-width: 768px) and (max-width: 1024px){
.wd-logo img {
    padding-top: 15px !important;
}
}
@media (min-width: 768px) and (max-width: 1024px){
.wd-logo img {
    max-width: 220px !important;
    width: 220px !important;
    height: 85px !important;
    max-height: 85px !important;
    padding-top: 0px !important;
    padding-bottom: 15px !important;
}
}
@media (min-width: 577px) and (max-width: 767px){
.wd-logo img {
    max-width: 160px !important;
    width: 160px !important;
    height: 50px !important;
    max-height: 50px !important;
    padding-top: 15px !important;
    padding-bottom: 0px !important;
}
}
@media (min-width: 768px) and (max-width: 1024px){
.wd-logo img {
    padding-top: 15px !important;
}
}
@media (min-width: 577px) and (max-width: 767px){
.whb-mobile-right .btn.btn-color-default, .whb-mobile-right .btn.btn-color-default.login {
    padding: 10px !important;
    font-size: 14px !important;
}
}