/* Tooltip Component Style Start*/
.tt_tooltip {
  width: 220px;
  height: auto;
  position: absolute;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  animation-duration: 0.75s;
  animation-iteration-count: 1;
  transform-origin: bottom;
  animation-name: tt_out;
  transform-origin: bottom;
}

.tt_content {
  padding: 12px;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: black;
  color: #F97678;
  border-radius: 5px;
  box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
}

.tt_trigger {
  float: left;
}

.tt_arrow-down {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid black;
}

.tt_trigger:hover + .tt_in {
  animation-name: tt_in;
  animation-timing-function: linear;
  height: auto;
}

.neck-bor {
  display: flex;
  align-items: center;
}

@keyframes tt_in {
  0% {
    transform: scale(1, 1) translateY(0);
    opacity: 0;
  }
  10% {
    transform: scale(1.1, 0.9) translateY(0);
    opacity: 0.3;
  }
  30% {
    transform: scale(0.9, 1.1) translateY(0);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.05, 0.95) translateY(0);
    opacity: 1;
  }
  57% {
    transform: scale(1, 1) translateY(0);
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes tt_out {
  0% {
    transform: scale(1, 1) translateY(0);
    opacity: 1;
  }
  50% {
    transform: scale(0, 0) translateY(0);
    opacity: 0;
  }
  100% {
    transform: scale(0, 0) translateY(0);
    opacity: 0;
  }
}
/* Tooltip Component Style End*/
/* Smile One Alert Style Start */
body.smileOneAlert-popUpIsOpen {
  overflow: hidden;
}

.smile-one-add-payment-shadow-area,
.smileOneAlert-popUpShadowArea {
  background: rgba(0, 0, 0, 0.2);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 20;
  left: 0;
  top: 0;
}

.smileOneAlert-popUpAlert {
  background-color: #000;
  border-radius: 12px;
  padding: 36px;
  position: fixed;
  width: 332px;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.smileOneAlert-popUpClose {
  border-radius: 50%;
  background-color: #000;
  height: 20px;
  width: 20px;
  cursor: pointer;
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.0109 0.836916C4.95022 0.833895 0.845308 4.93389 0.842287 9.99452C0.839266 15.0552 4.93926 19.1601 9.99989 19.1631C12.4311 19.1671 14.7638 18.2022 16.4819 16.482C18.2007 14.7647 19.167 12.4351 19.1685 10.0055C19.1715 4.94485 15.0715 0.839937 10.0109 0.836916ZM10.0111 18.2464C5.45673 18.2495 1.7622 14.56 1.75907 10.0056C1.75599 5.45124 5.44554 1.75666 9.99989 1.75358C12.1881 1.74967 14.2875 2.61788 15.8338 4.1661C17.3806 5.71146 18.2505 7.80787 18.2519 9.99441C18.255 14.5488 14.5655 18.2433 10.0111 18.2464ZM10.6479 10L13.5645 7.0835C13.7391 6.9053 13.7391 6.62013 13.5645 6.44193C13.3873 6.26116 13.0972 6.25825 12.9164 6.43539L9.99989 9.35189L7.08339 6.43544C6.90519 6.26083 6.62002 6.26083 6.44182 6.43544C6.26105 6.61258 6.25814 6.90273 6.43527 7.0835L9.35178 10L6.43527 12.9165C6.34934 13.0024 6.30111 13.119 6.30105 13.2405C6.30105 13.4936 6.50622 13.6988 6.75933 13.6989C6.88091 13.6991 6.99756 13.6507 7.08339 13.5646L9.99989 10.6481L12.9164 13.5646C13.0022 13.6507 13.1189 13.6991 13.2404 13.6989C13.362 13.6988 13.4785 13.6506 13.5644 13.5647C13.7434 13.3857 13.7434 13.0955 13.5645 12.9165L10.6479 10Z" fill="white"></path></svg>');
  background-repeat: no-repeat;
  background-size: 22px 22px;
  background-position: center;
}
.smileOneAlert-popUpClose.smileOneAlert-custom-close-btn {
  background-color: unset;
  height: 20px;
  width: 20px;
}

.smileOneAlert-popUpClose:hover,
.smileOneAlert-popUpBtn:hover {
  background-color: #2B2B2B;
}
.smileOneAlert-popUpClose:hover.smileOneAlert-custom-close-btn,
.smileOneAlert-popUpBtn:hover.smileOneAlert-custom-close-btn {
  background-color: unset;
}

.smileOneAlert-popUpheader {
  display: flex;
  justify-content: space-between;
}

.smileOneAlert-popUpheader > span.smileOneAlert-title {
  font-family: var(--font-body);
  width: calc(100% - 24px);
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.smileOneAlert-popUpheader > span.smileOneAlert-title.a-center {
  text-align: center;
}

.smileOneAlert-popUpbody {
  height: auto;
  overflow: hidden;
  padding: 12px 0px 24px 0px;
  display: flex;
  align-items: center;
  overflow: hidden;
  overflow-y: auto;
  color: #AFAFAF;
  text-align: center;
  font-family: var(--font-body);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.smileOneAlert-popUpbody.a-center {
  text-align: center;
  display: block;
}

.alert-btns-container {
  display: flex;
  gap: 12px;
}

.smileOneAlert-popUpBtn {
  width: 100%;
  max-width: 50%;
  margin: 0 auto;
}

@media screen and (max-width: 767.9px) {
  .smileOneAlert-popUpAlert {
    left: 50%;
    top: unset;
    bottom: 0px;
    transform: translate(-50%, 0px);
  }
}
@media screen and (max-width: 500px) {
  .smileOneAlert-popUpAlert {
    width: 100% !important;
  }
}
/* Smile One Alert Style End */
/* Video players start */
.video-btn {
  width: 80%;
  height: 44vw;
  top: calc(50vh - 22vw);
  left: 10%;
  position: fixed;
  z-index: 15000;
  display: none;
}
@media screen and (min-width: 767px) {
  .video-btn {
    width: 60%;
    height: 30vw;
    top: calc(50vh - 15vw);
    left: 20%;
  }
}

.video-area {
  width: 100%;
  height: inherit;
  margin: 0 auto;
  background: black;
  border: 4px solid #252e3a;
  border-radius: 8px;
}

.video-shut {
  height: 24px;
  width: 24px;
  border-radius: 12.5px;
  font-size: medium;
  color: white;
  font-family: sans-serif;
  font-weight: bolder;
  background: #01956d;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -6px;
  right: -18px;
  cursor: pointer;
}
.video-shut:hover {
  background-color: #02aa7d;
}

#shadow {
  position: fixed;
  opacity: 0.5;
  filter: alpha(opacity=50);
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: black;
  z-index: 100;
  display: none;
}

/* Video player end */
/* Product loading using loader13 start*/
.product-loadingContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* loadding */
@keyframes rotateWithBoost {
  0% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(180deg);
  }
  90%, 100% {
    transform: rotate(360deg);
  }
}
/*LOADER 13*/
@keyframes loader13dot1 {
  0%, 45% {
    cx: 6;
    cy: 6;
  }
  55%, 80% {
    cx: 2;
    cy: 2;
  }
  90%, 100% {
    cx: 6;
    cy: 6;
  }
}
@keyframes loader13dot2 {
  0%, 45% {
    cx: 6;
    cy: 24;
  }
  55%, 80% {
    cx: 2;
    cy: 28;
  }
  90%, 100% {
    cx: 6;
    cy: 24;
  }
}
@keyframes loader13dot3 {
  0%, 45% {
    cx: 24;
    cy: 6;
  }
  55%, 80% {
    cx: 28;
    cy: 2;
  }
  90%, 100% {
    cx: 24;
    cy: 6;
  }
}
@keyframes loader13dot4 {
  0%, 45% {
    cx: 24;
    cy: 24;
  }
  55%, 80% {
    cx: 28;
    cy: 28;
  }
  90%, 100% {
    cx: 24;
    cy: 24;
  }
}
.loader13 svg {
  overflow: visible;
  animation: 1.5s rotateWithBoost linear infinite;
}

.loader13 svg circle:first-of-type {
  animation: 1.5s loader13dot1 linear infinite;
}

.loader13 svg circle:nth-of-type(2) {
  animation: 1.5s loader13dot2 linear infinite;
}

.loader13 svg circle:nth-of-type(3) {
  animation: 1.5s loader13dot3 linear infinite;
}

.loader13 svg circle:last-of-type {
  animation: 1.5s loader13dot4 linear infinite;
}

/* Product loading using loader13 end*/
#add-payment-method-btn {
  font-family: Poppins-Regular, Arial, Helvetica, sans-serif;
  text-align: center;
  color: #507DFD;
  text-decoration: underline;
  font-size: 12px;
  cursor: pointer;
  padding: 24px 0;
}

.smile-one-add-payment-container {
  font-family: Poppins-Regular, Arial, Helvetica, sans-serif;
  margin: 8px;
  position: fixed;
  max-width: 400px;
  min-width: 260px;
  width: calc(100% - 16px);
  height: auto;
  left: calc(50% - 8px);
  top: 50%;
  transform: translate(-50%, -50%);
}

.smile-one-add-payment-container > .smile-one-add-payment {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  border-radius: 5px;
  border: 1px #252e3a solid;
  background-color: #fff;
  box-shadow: 1px 1px #1d242f;
  padding: 24px;
}
.smile-one-add-payment-container > .smile-one-add-payment > .submitted {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.smile-one-add-payment-container > .smile-one-add-payment > .submitted h2 {
  text-align: center;
  color: #3B3B3B;
  font-size: 20px;
  padding: 32px 0;
}
.smile-one-add-payment-container > .smile-one-add-payment > .submitted .close-btn {
  border: unset;
  box-shadow: unset;
  background-color: #33AD88;
  color: #fff;
  padding: 12px 32px;
  font-size: 16px;
  align-self: center;
  border-radius: 50px;
  cursor: pointer;
  transition: 0.4s ease-in-out;
  transition-property: background-color filter;
}
.smile-one-add-payment-container > .smile-one-add-payment > .submitted .close-btn:hover {
  filter: brightness(1.1);
}
.smile-one-add-payment-container > .smile-one-add-payment > .form-container > .close-area {
  color: #b8c2cb;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 14px;
}
.smile-one-add-payment-container > .smile-one-add-payment > .form-container > .close-area > span {
  height: 14px;
  width: 14px;
  display: inline-block;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.2s ease-in-out;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("./../../image/productUI/close-btn.png");
  background-position: center;
}
.smile-one-add-payment-container > .smile-one-add-payment > .form-container > .close-area > span:hover {
  opacity: 1;
}
.smile-one-add-payment-container > .smile-one-add-payment > .form-container > p {
  margin: 0;
  font-size: 12px;
  color: #3B3B3B;
}
.smile-one-add-payment-container > .smile-one-add-payment > .form-container > p:nth-of-type(2) {
  margin-bottom: 24px;
}
.smile-one-add-payment-container > .smile-one-add-payment > .form-container #add-payment-form {
  display: flex;
  flex-direction: column;
}
.smile-one-add-payment-container > .smile-one-add-payment > .form-container #add-payment-form label {
  display: block;
  font-size: 11px;
  color: #A0A0A0;
  margin-bottom: 12px;
}
.smile-one-add-payment-container > .smile-one-add-payment > .form-container #add-payment-form .payment-name {
  border: 1px solid #D3D3D3;
  border-radius: 4px;
  height: 48px;
  margin-bottom: 18px;
  padding: 4px 8px;
  font-size: 16px;
}
.smile-one-add-payment-container > .smile-one-add-payment > .form-container #add-payment-form .g-recaptcha {
  /* border: 1px solid #D3D3D3;
  border-radius: 4px;
  margin-bottom: 18px; */
  /* transform:scale(1.15); */
  /* transform-origin:0 0; */
  margin-bottom: 18px;
}
.smile-one-add-payment-container > .smile-one-add-payment > .form-container #add-payment-form .g-recaptcha > div {
  width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 370px) {
  .smile-one-add-payment-container > .smile-one-add-payment > .form-container #add-payment-form .g-recaptcha {
    transform: scale(0.8);
    transform-origin: 0 0;
  }
  .smile-one-add-payment-container > .smile-one-add-payment > .form-container #add-payment-form .g-recaptcha > div {
    width: 100% !important;
    display: block;
  }
}
@media screen and (max-width: 310px) {
  .smile-one-add-payment-container > .smile-one-add-payment > .form-container #add-payment-form .g-recaptcha {
    transform: scale(0.69);
  }
}
.smile-one-add-payment-container > .smile-one-add-payment > .form-container #add-payment-form .submit-btn {
  border: unset;
  box-shadow: unset;
  background-color: #33AD88;
  color: #fff;
  padding: 12px 32px;
  font-size: 16px;
  align-self: center;
  border-radius: 50px;
  cursor: pointer;
  transition: 0.4s ease-in-out;
  transition-property: background-color filter;
}
.smile-one-add-payment-container > .smile-one-add-payment > .form-container #add-payment-form .submit-btn:hover {
  filter: brightness(1.1);
}
.smile-one-add-payment-container > .smile-one-add-payment > .form-container #add-payment-form .submit-btn:disabled {
  background-color: #ccc;
  pointer-events: none;
}
.smile-one-add-payment-container > .smile-one-add-payment > .form-container #add-payment-form .submit-btn:disabled:hover {
  filter: unset;
}

.smile-one-add-payment-container > .error-area {
  display: flex;
  align-items: center;
  background-color: #FEE4E3;
  border: 1px solid #9F3132;
  padding: 14px;
  border-radius: 4px;
  margin-bottom: 14px;
}
.smile-one-add-payment-container > .error-area.hidden {
  display: none;
}
.smile-one-add-payment-container > .error-area > .error-img {
  width: 22px;
  height: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("./../../image/productUI/error.png");
  background-position: center;
  margin-right: 12px;
}
.smile-one-add-payment-container > .error-area > .error-msg {
  padding: 0;
  margin: 0;
  color: #F14243;
  font-family: Poppins-Regular;
  font-size: 14px;
}

/* Payment success interface */
.main-container .successhome {
  max-width: 400px;
  margin: 0 auto;
  width: 100%;
  min-width: 280px;
  min-height: 300px;
  height: 40vh;
  max-height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 12px;
  box-sizing: border-box;
}

.main-container .successhome .btn-success {
  display: flex;
  gap: 12px;
}

.main-container .successhome .btnsuccess {
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: 700;
  gap: 12px;
  margin-bottom: 48px;
}

.main-container .successhome .btnsuccess img {
  width: 48px;
  height: 48px;
}

.main-container .successhome .btn-success a {
  background: #026e74;
  color: #fff;
  font-size: 14px;
  padding: 12px;
  display: inline-block;
  text-decoration: none;
  flex: 1;
  text-align: center;
  border-radius: 4px;
}

.main-container .successhome .btn-success a:hover {
  filter: brightness(1.1);
}

/* Toast component */
#toast-container {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  pointer-events: none;
}

#toast-container > .toast-wrapper {
  width: 100%;
  max-width: 1200px;
  min-width: 280px;
  height: 100%;
  padding: 16px;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#toast-container > .toast-wrapper > .toast-box {
  min-width: 100px;
  min-height: 32px;
  padding: 24px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  border-radius: 8px;
  opacity: 1;
  transition: all ease-in-out 0.3s;
  margin: 0 10%;
  margin-bottom: 8px;
  font-family: Poppins-Regular, Arial, Helvetica, sans-serif;
  pointer-events: auto;
  position: relative;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#toast-container > .toast-wrapper > .toast-box .toast-close-button {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 16px;
  height: 16px;
  background-image: url("../../image/productUI/close-btn.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#toast-container > .toast-wrapper > .toast-box.hidden {
  opacity: 0;
}

#toast-container > .toast-wrapper > .toast-box:last-child {
  margin-bottom: unset;
}

/* Share panel style start */
.smileone-share-panel-shadow {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 100;
  left: 0;
  top: 0;
  font-size: 16px;
}
@media screen and (max-width: 1024px) {
  .smileone-share-panel-shadow {
    background: rgba(0, 0, 0, 0.8);
  }
}
.smileone-share-panel-shadow #smileone-share-panel {
  position: absolute;
  bottom: 0;
  background-color: #151515;
  width: 100%;
  padding: 32px 16px;
  box-sizing: border-box;
  box-shadow: 0px -12px 37px 6px rgba(0, 0, 0, 0.65);
  animation: slideup 0.2s linear 1;
}
@media screen and (max-width: 1024px) {
  .smileone-share-panel-shadow #smileone-share-panel {
    padding: 64px 16px;
  }
}
@keyframes slideup {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
.smileone-share-panel-shadow #smileone-share-panel > h2 {
  color: #FFFFFF;
  font-weight: 700;
  margin: 0;
  padding: 0;
  margin-bottom: 18px;
  font-size: 14px;
  font-family: Montserrat, sans-serif;
}
.smileone-share-panel-shadow #smileone-share-panel .close-area {
  margin-top: -24px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.smileone-share-panel-shadow #smileone-share-panel .close-area > .close-btn {
  color: #66707d;
  width: 24px;
  height: 24px;
  font-size: 24px;
  font-weight: 700;
  cursor: pointer;
}
.smileone-share-panel-shadow #smileone-share-panel .close-area > .close-btn img {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.smileone-share-panel-shadow #smileone-share-panel .share-options {
  width: 100%;
}
.smileone-share-panel-shadow #smileone-share-panel .share-options ul.share-options-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  overflow-x: auto;
}
.smileone-share-panel-shadow #smileone-share-panel .share-options ul.share-options-list li.share-option {
  margin-right: 18px;
}
@media screen and (max-width: 500px) {
  .smileone-share-panel-shadow #smileone-share-panel .share-options ul.share-options-list li.share-option {
    margin-right: 12px;
  }
}
.smileone-share-panel-shadow #smileone-share-panel .share-options ul.share-options-list > li.share-option > a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #202020;
  padding-right: 24px;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .smileone-share-panel-shadow #smileone-share-panel .share-options ul.share-options-list > li.share-option > a {
    padding-right: 0px;
  }
}
.smileone-share-panel-shadow #smileone-share-panel .share-options ul.share-options-list > li.share-option > a > img {
  width: 48px;
  height: 48px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 400px) {
  .smileone-share-panel-shadow #smileone-share-panel .share-options ul.share-options-list > li.share-option > a > img {
    width: 32px;
    height: 32px;
  }
}
.smileone-share-panel-shadow #smileone-share-panel .share-options ul.share-options-list > li.share-option > a > p {
  color: #A5AEC8;
  text-align: center;
  margin: 16px 0;
  margin-left: 24px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 14px;
}
@media screen and (max-width: 1024px) {
  .smileone-share-panel-shadow #smileone-share-panel .share-options ul.share-options-list > li.share-option > a > p {
    display: none;
  }
}
.smileone-share-panel-shadow #smileone-share-panel .share-options ul.share-options-list > li.share-option.social-link > a {
  padding-right: 0px;
}

/* Share panel style end */
/* Common pagination style */
.common-pagination {
  flex: 0 0 auto;
  width: 100%;
  border-top: 1px solid #202B3E;
}
.common-pagination .common-pagination-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
}
.common-pagination .common-pagination-wrapper button[data-prev],
.common-pagination .common-pagination-wrapper button[data-next] {
  background-color: transparent;
  border: none;
  padding: 0px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.common-pagination .common-pagination-wrapper button[data-prev] > img,
.common-pagination .common-pagination-wrapper button[data-next] > img {
  width: 24px;
  height: 24px;
  opacity: 0.5;
}
@media screen and (max-width: 1024px) {
  .common-pagination .common-pagination-wrapper button[data-prev] > img,
  .common-pagination .common-pagination-wrapper button[data-next] > img {
    width: scaleValue(56);
    height: scaleValue(56);
  }
}
.common-pagination .common-pagination-wrapper button[data-prev] {
  margin-right: 16px;
}
@media screen and (max-width: 1024px) {
  .common-pagination .common-pagination-wrapper button[data-prev] {
    margin-right: scaleValue(36);
  }
}
.common-pagination .common-pagination-wrapper button[data-next] {
  margin-left: 16px;
}
@media screen and (max-width: 1024px) {
  .common-pagination .common-pagination-wrapper button[data-next] {
    margin-right: scaleValue(36);
  }
}
.common-pagination .pages-container {
  border: 1px solid #fff;
  border-radius: 24px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .common-pagination .pages-container {
    height: scaleValue(56);
    border-radius: scaleValue(56);
  }
}
.common-pagination .pages-container > span {
  font-size: 8px;
}
.common-pagination .pages-container > button {
  border: none;
  background-color: transparent;
  color: #fff;
  width: 28px;
  height: 28px;
  font-size: 10px;
  padding: 0px;
  margin: 0px;
  margin-right: 4px;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .common-pagination .pages-container > button {
    width: scaleValue(56);
    height: scaleValue(56);
    margin-right: scaleValue(4);
    font-size: scaleValue(20);
  }
}
.common-pagination .pages-container > button:first-of-type.active {
  margin-left: -1px;
}
.common-pagination .pages-container > button:last-of-type {
  margin-left: 4px;
}
@media screen and (max-width: 1024px) {
  .common-pagination .pages-container > button:last-of-type {
    margin-left: scaleValue(12);
  }
}
.common-pagination .pages-container > button:last-of-type.active {
  margin-right: -1px;
}
.common-pagination .pages-container > button.active {
  border: none;
  background-color: #00a15d;
  color: #fff;
  border-radius: 50%;
}

/* pagination style */
/* Payment methods suggestion start*/
.smile-pms-container {
  width: 100%;
  margin-bottom: 66px;
}
@media screen and (max-width: 767.9px) {
  .smile-pms-container {
    margin: 24px 8px;
    width: calc(100% - 16px);
  }
}
.smile-pms-container .smile-pms-textarea-wrappper {
  border: 1px solid #1F2732;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  font-family: Poppins, Arial, Helvetica, sans-serif;
  background-color: #0f1522;
  padding: 16px 20px;
}
.smile-pms-container .smile-pms-textarea-wrappper textarea {
  color: #fff;
  outline: none;
  border: none;
  caret-color: #00835f;
  font-size: 16px;
  background-color: transparent;
  margin-bottom: 16px;
  font-family: Poppins, Arial, Helvetica, sans-serif;
}
.smile-pms-container .smile-pms-textarea-wrappper textarea::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #717579;
  opacity: 1; /* Firefox */
}
.smile-pms-container .smile-pms-textarea-wrappper textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #717579;
  opacity: 1; /* Firefox */
}
.smile-pms-container .smile-pms-textarea-wrappper textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #717579;
}
.smile-pms-container .smile-pms-textarea-wrappper textarea::-ms-input-placeholder { /* Microsoft Edge */
  color: #717579;
}
.smile-pms-container .smile-pms-textarea-wrappper .smile-pms-submit-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.smile-pms-container .smile-pms-textarea-wrappper .smile-pms-submit-wrapper button {
  display: flex;
  background-color: #00835f;
  border: none;
  border-radius: 20px;
  color: #fff;
  font-weight: 700;
  padding: 8px 24px;
  display: flex;
  align-items: center;
  font-size: 18px;
}
.smile-pms-container .smile-pms-textarea-wrappper .smile-pms-submit-wrapper button img {
  margin-right: 8px;
}

.grecaptcha-badge {
  visibility: hidden;
}

/* Payment methods suggestion end */
/* Size updates in smileone popup start */
.smileone-popup-wrapper {
  max-width: 80%;
  min-width: 220px;
  max-height: 90%;
  overflow: auto;
}

.smileone-popup-wrapper.sm {
  width: 332px;
}

.smileone-popup-wrapper.md {
  width: 540px;
}

.smileone-popup-wrapper.lg {
  width: 640px;
}

.smileone-popup-wrapper.xl {
  width: 1024px;
}

@media screen and (max-width: 768px) {
  .smileone-popup-wrapper,
  .smileone-popup-wrapper.sm,
  .smileone-popup-wrapper.md,
  .smileone-popup-wrapper.lg,
  .smileone-popup-wrapper.xl {
    width: 100%;
    max-width: 100%;
  }
}

/* Size updates in smileone popup end *//*# sourceMappingURL=components.css.map */