html {
  scroll-behavior: smooth;
}

img {
  max-width: 100%;
}

body {
  font-family: 'Poppins', sans-serif !important;
  overflow-x: hidden;
}

a {
  color: #00c9ff;
  text-decoration: none !important;
  background-color: transparent;
}

.Subscription-division {
  padding-top: 2rem;
}

.location_row {
  position: relative !important;
}

.slider_box_new img {
  height: 100%;
}

.inputrow input {
  padding-left: 38px;
  width: 100%;
  border-radius: 10px;
}

.inputrow {
  position: relative;
  border: 1px solid #e9e9e9;
  border-radius: 8px;
}

.inputrow span {
  position: absolute;
  top: 44%;
  transform: translate(0, -50%);
  left: 10px;
}

.location_row .autocomplete-dropdown-container {
  position: absolute;
  top: 100%;
  left: 10px;
  background: white;
  border-radius: 7px;
  border: 0px solid lightgrey;
  z-index: 1;
  padding: 0px;
  width: 95%;
  margin: 0 15px 0 6px;
}

p.spacing {
  margin-bottom: 0;
}

.inputAutoComplete {
  border: none;
  display: block;
  border: 0;
  height: 46px;
  border-radius: 0;
  /* border-bottom: 1px solid #e9e9e9; */
  font-size: 15px;
  padding: 0 0 0 29px;
  margin-bottom: 0;
}

input:focus,
textarea:focus {
  outline: none;
}

.top_head {
  margin: 0;
  padding: 0;
  text-align: right;
}

.top_head li {
  list-style: none;
  display: inline;
  padding: 0 10px;
}

.top_head li a {
  color: black;
  font-weight: 500;
  font-size: 17px;
  position: relative;
  display: inline-block;
}

.top_head li a i {
  font-size: 24px;
}

.notification_circle {
  background: #00c9ff;
  color: white;
  width: 21px;
  height: 21px;
  display: inline-block;
  border-radius: 100px;
  text-align: center;
  font-size: 11px;
  position: absolute;
  right: -10px;
  top: -5px;
  border: 2px solid white;
}

.signin_btn .btn {
  background: #00c9ff;
  border-radius: 5px;
  color: white;
  font-weight: 500;
  padding: 7px 17px;
}

.signup_btn .btn {
  background: #0000ff;
  border-radius: 5px;
  color: white;
  font-weight: 500;
  padding: 7px 17px;
}

.header {
  background: #0000ff;
}

.langugae_btn {
  color: blue !important;
  background: white;
  border-radius: 5px;
  padding: 8px 10px;
}

.lng_row .dropdown-item {
  padding: 6px 8px;
}

.blog-single h2 {
  color: #1d1d20;
  font-weight: 700;
  font-size: 20px;
  margin: 10px 0;
}

.blog-single p {
  color: #565656;
  font-weight: 400;
}

.blog-single .popular {
  background: white;
  padding: 16px;
}

.header .nav-item .nav-link {
  color: white;
  font-weight: 500;
  font-size: 15px;
}

.subcon .subs_secondbox {
  background-color: #f7f7f7;
  text-align: center;
  border-radius: 9px;
  padding: 18px;
  text-align: center;
}

.subcon .subs_secondbox h5 span {
  color: #02c9ff;
  font-weight: 700;
}

.slider_box {
  background-image: url("../images/slider_bg.png");
  background-size: cover;
  padding: 65px;
}

.product-list-image.text-center {
  position: relative;
}

.slider_box h1 {
  font-weight: 700;
  font-size: 40px;
  color: #343039;
}

.slider_box p .orignl {
  color: #00c9ff;
  font-size: 20px;
}

.slider_box p .old {
  position: relative;
  display: inline-block;
}

.slider_box p .old:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #343039;
  z-index: 1024;
}

.slider_box p {
  font-size: 18px;
  font-weight: 500;
  color: #343039;
}

.slider_box .btn {
  border: 2px solid #00c9ff;
  color: #00c9ff;
  font-weight: 500;
  padding: 10px 30px;
}

.swiper-pagination-bullet {
  width: 20px !important;
  height: 5px !important;
  display: inline-block;
  border-radius: 10px !important;
  background: #343039 !important;
  opacity: 1 !important;
  border: 1px solid white;
}

.quiz_slider .swiper-button-next {
  background-image: url("../images/next.png");
  background-size: cover;
  width: 28px;
  height: 28px;
}

.quiz_slider .swiper-button-prev {
  background-image: url("../images/prev.png");
  background-size: cover;
  width: 28px;
  height: 28px;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #00c9ff !important;
}

.bg_section {
  background-color: #e5f9ff;
}

.quiz_slider h2 {
  font-size: 45px;
  font-weight: 700;
  text-align: center;
  color: #000;
}

.mobile_sec {
  background: #00c9ff;
  z-index: 1;
  overflow: hidden;
  position: relative;
}

.mobile_sec:before {
  background: #fff none repeat scroll 0 0;
  height: 50%;
  top: 70%;
}

.mobile_sec:before {
  content: "";
  height: 100%;
  position: absolute;
  -webkit-transform: skewY(188deg);
  transform: skewY(188deg);
  width: 100%;
  z-index: 0;
}

.mobile_sec p {
  font-size: 20px;
  color: white;
  font-weight: 400;
}

.mobile_sec h4 {
  font-size: 33px;
  color: white;
  font-weight: 700;
}

.mobile_sec1 h5 {
  color: #000000;
  font-size: 36px;
  font-weight: 700;
}

.mobile_sec1 p {
  color: #000000;
  font-size: 18px;
  font-weight: 5a00;
}

.mobile_sec1 h6 {
  font-size: 19px;
  color: #0000ff;
  font-weight: 600;
}

.benifits_section {
  background-color: #0000ff;
}

.benifits_section p {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}

.benifits_section h2 {
  color: white;
  font-size: 36px;
  font-weight: 700;
}

.built_sec h5 {
  color: #000000;
  font-size: 36px;
  font-weight: 700;
}

.built_sec li {
  font-size: 22px;
  margin-bottom: 35px;
}

.built_sec li::marker {
  color: #00c9ff;
}

.connected_sec {
  background-color: #00c9ff1f;
}

.connected_sec h5 {
  color: #000000;
  font-size: 36px;
  font-weight: 700;
}

.icon_box {
  min-width: 80px;
  height: 80px;
  background: white;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.connected_sec li {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 7px;
  background: white;
  width: 100%;
  padding: 15px 0px 15px 48px;
  list-style: none;
  position: relative;
  border-radius: 4px;
}

.connected_sec li:before {
  background-color: #00c9ff;
  width: 13px;
  height: 13px;
  content: "";
  position: absolute;
  left: 20px;
  border-radius: 100px;
  top: 24px;
}

.quiz_section_title p {
  font-weight: 500;
}

.quiz_section_box {
  background-color: #00c9ff30;
  padding: 21px 17px;
}

.quiz_slider .swiper-button-next:after {
  content: unset;
}

.quiz_slider .swiper-button-prev:after {
  content: unset;
}

.quiz_slider .swiper-button-prev,
.quiz_slider .swiper-container-rtl .swiper-button-next {
  left: auto;
  right: 46px;
}

.quiz_section_box h6 {
  font-size: 19px;
  color: #000000;
  font-weight: 500;
}

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

.ans {
  color: #00c9ff;
  font-weight: 500;
  font-size: 17px;
}

.qstn {
  color: #0000ff;
  font-weight: 500;
  font-size: 15px;
  background: #fff;
  padding: 3px 6px;
  border-radius: 5px;
}

.downld_sec {
  background-color: #00c9ff;
}

.downld_sec h5 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}

.downld_sec p {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin-top: 32px;
}

.Signup_box {
  background: #fff;
  width: 100%;
  max-width: 70%;
  margin: auto;
  padding: 58px 162px;
}

.Signup_box h5 {
  font-weight: 600;
}

.Signup_box .input103 {
  display: block;
  border: 0;
  height: 60px;
  border-radius: 0;
  border-bottom: 1px solid #e9e9e9;
  font-weight: 500;
  font-size: 14px;
}

.Signup_box textarea {
  height: 92px !important;
  border-radius: 14px !important;
  padding: 14px !important;
  border: 1px solid #0000001f;
}

footer {
  background-color: #000025;
}

footer li {
  display: inline;
  padding: 0 25px;
}

footer li a {
  color: white;
  font-weight: 600;
  font-size: 17px;
}

footer .fa {
  width: 45px;
  height: 45px;
  border: 2px solid white;
  border-radius: 100px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
}

.footer_btm p {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 16px;
  display: inline;
  font-weight: 500;
  color: #ffffff6e;
}

.footer_btm li {
  display: inline;
  padding: 0px 0px 0 22px;
}

.camera_box input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 196px;
  height: 146px;
  opacity: 0;
  cursor: pointer;
}

.popular a h6,
.blog_title {
  color: hsl(0, 0%, 34%);
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.camera_box img {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  height: 190px;
  width: 182px;
  border-radius: 10px;
  padding: 5px !important;
}

.camera_box a.cancel {
  position: absolute;
  right: 5px;
  top: 2px;
  color: #fff;
  background: #f00;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 2px;
  cursor: pointer;
}

.react-tel-input .flag-dropdown {
  background-color: transparent !important;
  border-radius: 0px !important;
  border-bottom: 1px solid #e9e9e9 !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}

.phone-container.disabled .flag-dropdown {
  background-color: #e9ecef; /* greyed out look */
  cursor: not-allowed;
  opacity: 0.7; /* optional */
}
.country_tel .search-emoji {
    display: none;
}
.Signup_box .flag-dropdown {
  display: flex;
  align-items: center;
  height: 68%;
  border: none !important;
  top: 7px !important;
  left: 6px;
}
 .country_tel .country-list{
  top: 100%;
 }
.country_tel .form-control {
    height: 48px !important;
    padding-left: 64px !important;
     border-radius: 50px !important;
}
.create-profile-submit{
  background: #00c9ff;
}
.custom-phone-input {
  color: #35cede !important;
  padding-top: 8px;
  border-bottom: 1px solid #e9e9e9;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 10px 0px;
  height: 46px;
}

.PhoneInputInput {
  border: none;
  /* font-weight: 500;
    font-size: 16px;
    color: black; */
}

.ee {
  color: #35cede !important;
  padding-top: 8px;
  font-weight: 500;
  font-size: 16px;
  margin: 8%;
  height: 46px;
  width: 92%;
  background-color: white;
  border-radius: 0px;
  border-bottom: 1px solid #e9e9e9;
  border-top: none;
  border-left: none;
  border-right: none;
  font-weight: 500;
  font-size: 16px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgb(118, 118, 118);
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: rgb(118, 118, 118);
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgb(118, 118, 118);
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgb(118, 118, 118);
}

.input_row {
  padding-left: 12px;
}

.select_image {
  position: relative;
  display: inline-block;
  height: 200px;
  margin: 10px 0;
  overflow: hidden;
  border: 1px solid grey;
  border-radius: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.select_image img {
  width: 100%;
  height: auto;
}

.confirm-box {
  align-items: baseline;
}

.confirm-box span {
  margin-left: auto;
}

.loader {
  position: fixed;
  z-index: 10025;
  top: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000000ab;
  overflow: hidden;
  left: 0;
}

.loader img {
  width: 100px;
}

/* ------------------------------ */
.loaderh {
  position: fixed;
  z-index: 10025;
  top: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;

  color: #dfc8c8ab;
  overflow: hidden;
}

/* ------------------------------ */

#pause-timer {
  position: absolute;
  margin-left: -155px;
  background-color: white;
  color: white;
  height: 0px;
  width: 0px;
  font-size: 0px;
  cursor: pointer;
  opacity: 0;
}

.img-type-answer-option {
  max-width: 160px;
  max-height: 160px;
}
.PhoneInputCountryIcon.PhoneInputCountryIcon--border {
    z-index: 9;
    pointer-events: none;
}
.PhoneInputInput {
  display: none;
}

body {
  top: 0 !important;
}

.footerul1 {
  overflow: auto;
  white-space: nowrap;
}

.phone-number-mask {
  margin-left: 40px;
  padding-top: 8px;
  border-bottom: 1px solid #e9e9e9;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 10px 0px;
  height: 46px;
  font-size: 15px;
  width: 72%;
}

.search-box {
  max-width: 390px;
  background-color: #00c9ff33;
  padding: 7px 10px;
  width: 100%;
}

.search-box input.form-control {
  background: none;
  border: none;
  font-size: 16px;
  font-weight: 600;
  padding: 0;
}

.search-box i.fa.fa-search {
  font-size: 22px;
  color: #00c9ff;
}

section.heading-search {
  margin: 10px 0;
}

section.heading-search .container {
  display: flex;
  align-items: center;
}

.search-box {
  max-width: 390px;
  background-color: #00c9ff1f;
  padding: 7px 10px;
  width: 100%;
  margin-left: auto;
  border-radius: 5px;
}

section.heading-search h2 {
  color: #00c9ff;
  font-weight: 700;
  font-size: 23px;
  margin-top: 18px;
  /* text-transform: lowercase; */
}

.search-box input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgb(0, 0, 0);
  opacity: 1;
  /* Firefox */
}

.first-product.text-center {
  background: white;

  border-radius: 10px;
  padding: 9px 0;
  height: 100%;
}

.first-product.text-center p {
  font-size: 17px;
  color: #fff;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 0;
  background: #00c9ff;
  padding: 10px;
  height: 59px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.product-detials-page .swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 16px !important;
  font-weight: 900;
}
.card_section {
    min-height: calc(100dvh - 364px);
}
.cardForm .StripeElement.StripeElement--empty {
    border: 1px solid #d0d0d0;
    border-radius: 10px;
    overflow: hidden;
  }

.product-image {
  /* box-shadow: 0px 2px 5px #00000012; */
  /* border: 1px solid #bdbdbd85; */
  width: 100%;
  border-radius: 3px 3px 0 0;
}
.stripe-input:focus-within {
  border-color: #3182ce; /* blue when focused */
  box-shadow: 0 0 0 2px rgba(49, 130, 206, 0.3); /* optional glow */
}

.product-image img {
  height: 130px;
  object-fit: cover;
}

.shop_img .first-product .product-image {
  z-index: 1;
}

.shop_img .first-product .product-image img {
  height: 370px;
  object-fit: contain;
  transition: 1s;
}

.shop_img .first-product.text-center p {
  z-index: 1024;
  position: relative;
}

.shop_img .first-product.text-center p:hover {
  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}

.shop_img .first-product .product-image:hover img,
.shop_img:hover img {
  transform: scale(1.1);
  transition: 0.3s ease;
}

section.product-area-box {
  margin-bottom: 100px;
}

.form-control:focus {
  box-shadow: none !important;
}

.product-list-box-hover .product-list-image img {
  transition: 1s;
}

.product-list-box-hover:hover .product-list-image img {
  transform: scale(1.1);
  transition: 0.3s ease;
}

.product-list-box-hover .product-list-details {
  border-top: 2px solid #fff;
  transition: 1s;
}

.product-list-box-hover:hover .product-list-details {
  border-top: 2px solid #00c9ff;
  transition: 0.2s ease;
}

.product-list-details .cancelorder_btn {
  color: #fff;
  /* background-color: #00c9ff; */
  border-color: #00c9ff;
  font-weight: 500;
  font-size: 15px;
  width: 100%;
  padding: 9px;
  height: 44px;

  background-image: linear-gradient(#fff, #fff),
    linear-gradient(#00c9ff, #00c9ff);
  background-size: 0 100%, auto;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 0.2s ease-out;
}

/* .nav1 .navbar {
  overflow: auto;
  white-space: nowrap;
  margin-right: 16px;
} */

/* .container {
  max-width: 100% !important;
} */

.product-list-details .cancelorder_btn:hover {
  background-size: 100% 100%, auto;
  color: #00c9ff !important;
}

.product-list-box {
  background: white;
  /* border: 1px solid #bdbdbd; */
  border-radius: 3px;
  /* box-shadow: 0px 2px 5px #00000012; */
  margin: 15px 0;
}

.product-list-box h4 {
  font-size: 16px;
  color: #000;
}

.product-list-box h6 {
  margin: 9px 0 4px 0;
}

.product-list-box h6 i {
  color: #f5bf03;
}

span.total-review.ml-1 {
  color: grey;
  font-size: 14px;
  font-weight: 500;
}

.product-list-box h5 {
  font-size: 15px;
  color: #5f5f5f;
  margin: 0;
}

span.discount-amount {
  color: #00c9ff;
  font-size: 17px;
}

.product-list-details {
  background: #00c9ff12;
  margin-top: 18px;
  padding: 13px;
  padding-bottom: 10px;
}

.product-list-details h4 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.like-favorite-box {
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 1024;
  cursor: pointer;
}

.recent-search {
  color: #5454549e !important;
  font-weight: 400 !important;
}

button.cross-btn {
  background: none;
  border: none;
}

button.cross-btn {
  position: absolute;
  right: 10px;
  top: 10px;
}

.remove-modal {
  width: 640px;
}

.ReactModal__Content.ReactModal__Content--after-open {
  border: none !important;
  border-radius: 10px !important;
}

.ReactModal__Overlay.ReactModal__Overlay--after-open {
  background: #00000070 !important;
}

h2.modal-heading.text-center {
  font-size: 35px;
  font-weight: 600;
  margin-top: 10px;
}

.remove-modal h6 {
  font-size: 36px;
  font-weight: 400;
}

.remove-modal h4 {
  font-size: 42px;
  font-weight: 700;
}

span.modal-no a {
  border: 1px solid #00c9ff;
  padding: 15px 120px;
  font-size: 30px;
  color: #00c9ff;
}

span.modal-yes a {
  border: 1px solid #00c9ff;
  background-color: #00c9ff;
  padding: 15px 120px;
  font-size: 30px;
  color: #ffffff;
}

span.modal-no a:hover {
  background: #00c9ff;
  color: #fff;
}

span.modal-yes a:hover {
  background: #ffffff;
  color: #00c9ff;
}

.review-left-side.text-center {
  border: 1px solid #a5a5a5;
  padding: 20px 0;
  border-radius: 10px;
}

.slider_box_new {
  /* border: 1px solid #bbbbbb; */
  border-radius: 10px;
  /* margin-top: 65px; */
}

span.review-time {
  margin-left: auto;
  font-weight: 400;
  color: #969696;
}

section.review-list-area .media {
  border-bottom: 1px solid gainsboro;
  padding: 22px 0;
}

section.review-list-area .media:last-child {
  border-bottom: none;
}

section.review-list-area h3 {
  margin: 20px 0;
}

section.review-list-area {
  margin: 30px 0;
}

section.review-list-area i.fa.fa-star {
  color: #f5bf03;
  font-size: 18px;
  margin-right: 2px;
}

section.review-list-area img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.slider_box_new {
  /* padding: 57px; */
  height: calc(100vh - 175px);
  /* overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center; */
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: -3px !important;
}

.slider_box_new h1 {
  font-weight: 700;
  font-size: 40px;
  color: #343039;
}

.slider_box_new p .orignl {
  color: #00c9ff;
  font-size: 20px;
}

.slider_box_new p .old {
  position: relative;
  display: inline-block;
}

.slider_box_new p .old:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #343039;
  z-index: 1024;
}

.slider_box_new p {
  font-size: 18px;
  font-weight: 500;
  color: #343039;
}

.slider_box .btn {
  border: 2px solid #00c9ff;
  color: #00c9ff;
  font-weight: 500;
  padding: 10px 30px;
}

.product-detials-page .swiper-button-next {
  color: white !important;
  background: #00c9ff;
  padding: 2px 22px;
  border-radius: 10px;
  /* box-shadow: 1px 1px 4px #a7a7a7; */
  border-radius: 100%;
}

.product-detials-page .swiper-button-prev {
  color: white !important;
  background: #00c9ff;
  padding: 2px 22px;
  border-radius: 10px;
  border-radius: 100%;
  /* box-shadow: 1px 1px 4px #a7a7a7; */
}

/* .product-detials-page .swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 20px !important;
  font-weight: 900;
} */
.arrow_div {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  box-shadow: 0px 0px 1px 1px #0000001a;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #01c9ff;
}

.pulse {
  animation: pulse-animation 2s infinite;
}

.dropdown-item:last-child {
  border-bottom: 0 !important;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px #00c9ffa6;
  }

  100% {
    box-shadow: 0 0 0 15px #01c9ff12;
  }
}

.read_more {
  color: #00c9ff;
  /* text-transform: uppercase; */
  font-weight: 500;
  font-size: 16px;
  padding: 0 0;
  margin: 0 !important;
  cursor: pointer;
  border-top: 1px solid #dee2e6 !important;
}

.read_more a,
.read_more a:hover {
  color: unset;
  text-decoration-line: none;
}

.read_more:hover {
  color: #00a9d7;
}

.carticon_row i {
  font-size: 27px !important;
}

.product-detials-page .swiper-button-prev {
  left: 70px;
}

.product-detials-page .swiper-button-next,
.product-detials-page .swiper-button-prev {
  top: 55% !important;
  /* height: 29px; */
  right: 80px;
}

.product-detail-rightside {
  margin-top: 30px;
}

.product-detail-rightside h2 {
  font-weight: 700;
  font-size: 40px;
}

.product-detials-page .swiper-container {
  position: -webkit-sticky;
  position: sticky;
  top: 140px;
}

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

.product-detail-rightside h6 span {
  font-size: 12px;
  color: blue;
  background: #e5e5ff;
  padding: 7px 14px;
  border-radius: 22px;
}

.product-detail-rightside h6 {
  margin: 18px 0;
}

.product-detail-rightside h5 i {
  color: #f5bf03;
  margin-right: 5px;
  font-size: 16px;
}

.product-detail-rightside h5 {
  font-size: 15px;
  font-weight: 500;
  margin: 8px 0;
}

.product-detail-rightside del {
  font-weight: 400;
  color: #636363;
}

.product-detail-rightside h5 span {
  color: #00c9ff;
  font-size: 16px;
}

.product-detail-rightside h5 a {
  color: #93999f !important;
}

button.btn.add-minus {
  background: #00c9ff;
  width: 24px;
  height: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}

button.btn.add-minus i {
  color: #fff;
  margin-right: 0;
  font-size: 14px;
}

h5.select-quantity-box {
  /* border-top:1px solid #e0e0e0; */
  /* border-bottom: 1px solid #e0e0e0; */
  padding: 10px 0 0 0;
  margin-bottom: 8px;
}
.country-select-wrap {
    border: 1px solid #00000029;
    border-radius: 11px;
    height: 53px;
    /* overflow: hidden; */
}
.country-select-wrap .css-26l3qy-menu{
  min-width: 317px !important;
}
.country-select-wrap input {
    border: none !important;
}
.country-select-wrap .css-yk16xz-control, .country-select-wrap .css-1pahdxg-control {
    border: none;
    height: 100%;
    min-height: 100%;
    min-width: 64px;
}
.country-select-wrap .css-1pahdxg-control:focus{
  outline: none;
  border: none;
}

.main_header {
  position: sticky;
  top: 0;
  z-index: 1040;
}

.sub_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header {
  background-color: white;
}

.header {
  background: #00c9ff;
}

.notification_list p {
  margin-bottom: 2px;
}

.notification_list {
  padding: 20px;
  margin-bottom: 14px;
  border-radius: 6px;
  border-radius: 19px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #FFF;
  box-shadow: 0px 1px 29px 5px rgba(0, 0, 0, 0.03);
  position: relative;
  cursor: pointer;
  font-size: 15px;
}

.notification_list h6 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 15px;
  display: inline;
  font-weight: 400;
  color: grey;
}

.tcondition ol {
  list-style: none;
  padding: 0;
  text-decoration: underline;
}

.author-date {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.article-title h6 {
  font-weight: 700;
}

.simple-font {
  font-weight: 600;
  color: rgb(0, 0, 0);
}

a.checkout-bt {
  background: #00c9ff;
  color: #fff !important;
  padding: 12px 22px;
  border-radius: 4px;
  font-size: 17px;
  font-weight: 500;
  box-shadow: 0px 3px 6px #bbbbbb85;
  display: inline-block;
}

a.favourite-bt {
  border: 1px solid #00c9ff;
  color: #00c9ff !important;
  padding: 12px 25px;
  border-radius: 4px;
  font-size: 17px;
  font-weight: 500;
  margin: 0 10px;
  cursor: pointer;
}

a.favourite-bt i {
  font-size: 23px;
  margin-right: 7px;
}

.product-detail-rightside p {
  padding: 6px 20px 6px 10px;
  margin: 24px 0px 0;
  background-color: #01c9ff1c;
  border: 0 !important;
  display: flex;
}

.aside1 img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

#moredesc h5 {
  font-size: 17px;
}

.description-area h3 {
  font-size: 18px;
  color: #636363;
}

.swiper-wrapper {
  height: 100%;
}

.description-area p {
  font-size: 15px;
  color: #1b1b1b;
  font-weight: 500;
}

.description-area {
  padding: 10px 0 0;
  margin-top: 5px;
  /* border-top: 1px solid #dee2e6 !important; */
}

.success_payment h1 {
  color: #4ba647;
  font-size: 24px;
  font-weight: 600;
  margin-top: 17px;
  margin-bottom: 10px;
}

.success_payment p {
  font-size: 17px;
  margin-bottom: 0;
  font-weight: 400;
}

.success_payment p:last-child {
  margin-bottom: 20px;
}

.review-detail-rightside h6 {
  margin: 19px 0;
}

.review-detail-rightside h5 i {
  color: #f5bf03;
  margin-right: 5px;
}

.review-detail-rightside h5 {
  font-size: 24px;
  font-weight: 500;
  margin: 10px 0;
}

.review-detail-rightside del {
  font-weight: 400;
  color: #636363;
}

.review-detail-rightside h5 span {
  color: #00c9ff;
}

.review-detail-rightside h5 a {
  color: #212529 !important;
}

.review-detail-rightside h6 span {
  font-size: 16px;
  color: blue;
  background: #e5e5ff;
  padding: 7px 21px;
  border-radius: 22px;
}

.no-blog {
  text-align: center !important;
  display: block !important;
  padding-bottom: 9px;
  width: 100%;
  border-bottom: 1px solid #d3d3d39e !important;
}

.popular a h6 {
  color: hsl(0, 0%, 34%);
}

.product-list-image.text-center img {
  height: 370px;
  /* width: 100%; */
  object-fit: contain;
}

button.btn.btn-sm.btn-facebook i {
  font-size: 24px;
  background: #4267b2 !important;
  padding: 5px 10px;
  border-radius: 5px;
  color: #fff !important;
  border: 1px solid #4267b2;
}

button.btn.btn-sm.twt-btn i {
  font-size: 23px;
  background: #1DA1F2 !important;
  padding: 5px 6px;
  border-radius: 5px;
  color: #fff !important;
  border: 1px solid #1DA1F2;
  width: 40px;
  max-width: 40px;
  height: 40px;
  max-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.share-detail-icons i {
  background: #007bff;
  color: #fff;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.share-detail-icons-whatsapp i {
  margin: 0 !important;
  width: 33px !important;
  max-width: 33px;
  height: 33px !important;
  max-height: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
}

button.btn.btn-sm.whtsp-btn.share-whtsapp-icon i {
  font-size: 25px !important;
  margin: 0 7px;
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

button.btn.btn-sm.whtsp-btn i {
  font-size: 24px;
  background: #25D366 !important;
  padding: 5px 7px;
  border-radius: 5px;
  color: #fff !important;
  border: 1px solid #25D366 !important;
}

.row.animated.animatedFadeInUp.fadeInUp.social-btns {
  padding: 0 6px 10px;
  float: right;
}

.row.align-items-start {
  clear: both;
}

.article-img img {
  width: 100%;
  height: 370px;
  object-fit: contain;
  border-radius: 28px;
  border: 1px solid #0000001c;
  background: #8080801a;
}

.date_1 {
  padding-left: 29px;
}

.date_1 .fa-map-marker {
  min-width: 15px;
}

.date_1 .fa-calendar {
  min-width: 16px;
}

.profile_img2 {
  position: relative;
}

.reset_password input {
  height: 53px;
  margin-bottom: 11px;
  border: 1px solid lightgrey;
  border-radius: 9px;
  padding-left: 19px;
}

.custom-input-add {
  position: absolute;
  width: 39px !important;
  overflow: hidden;
  top: 0;
  right: 7px;
  height: 37px !important;
  max-height: 37px;
  opacity: 0;
}

.modal-footer .resetbtn {
  background: #00c9ff;
  color: white !important;
  padding: 10px 23px;
}

.profile_img2 img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.modal-footer .cancelbtn {
  background: grey;
  color: white !important;
  padding: 10px 23px;
}

.profile_img2 i.fa-edit {
  position: absolute;
  right: 7px;
  top: 8px;
  width: 28px;
  height: 28px;
  background: #00c9ff;
  color: white;
  border-radius: 3px;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Redesign css start here */
.bg_section.signin-bg {
  background: unset;
}

.signin-bg .Signup_box {
  max-width: unset;
  padding: 58px 162px;
}

.signin-bg .input_row,
.redesign-profile .input_row {
  position: relative;
  border: unset;
  border-radius: unset;
  padding-left: 0;
}

.Signup_box h4 {
  font-size: 33px;
  color: #000;
  font-weight: 800;
  border-left: 6px solid #00C8FF;
  padding: 0 0 0 12px;
}

.signin-bg .Signup_box .text-secondary {
  font-size: 16px;
  font-weight: 400;
  color: #00000073 !important;
  margin: 12px 0;
}

.signin-bg .Signup_box label {
  color: black;
  text-transform: unset;
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 16px;
  letter-spacing: unset;
}

.signin-bg .Signup_box .input103,
.redesign-profile .Signup_box .input103 {
  border-radius: 60px;
  border: 1px solid #e9e9e9;
  font-size: 16px;
  padding: 29px;
  color: #000;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.input_row.password img {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translate(0, 50%);
}

.signin-bg .Signup_box .input103::-webkit-input-placeholder {
  color: #A3A3A4;
  font-size: 16px;
}

.signin-bg .sign_btn .btn,
.redesign-profile .next_btn .btn {
  background: #00c9ff !important;
  border-radius: 5px;
  color: white;
  font-weight: 500;
  font-size: 17px;
  padding: 15px 17px;
  width: 100%;
  border-radius: 32px;
  text-transform: uppercase;
  border: none;
}
.signin-bg .sign_btnphone .btn,
.redesign-profile .next_btn .btn {
  background: #139d26db;
  border-radius: 5px;
  color: white;
  font-weight: 500;
  font-size: 17px;
  padding: 15px 17px;
  width: 100%;
  border-radius: 32px;
  border: none;
}
.signin-bg .sign_btn .btn .signin-bg .or_line {
  text-align: center;
  color: #727272;
  position: relative;
}

.signin-bg .or_line:after,
.signin-bg .or_line::before {
  display: none;
}

/* .signin-bg .or_line img {
    position: absolute;
    left: 76px;
} */
.signin-bg .or_line img {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0px);
}

.signin-bg .google_btn .btn,
.signin-bg .facebook_btn .btn,
.signin-bg .new-btn {
  border-radius: 145px;
  border: 1px solid #000;
  background: #FFF;
  box-shadow: 4px 5px 15px 0px rgba(0, 0, 0, 0.20);
  display: block;
  text-transform: unset;
  padding: 15px;
  color: #000;
  text-align: center;
}

.higlight-text {
  color: #00c9ff !important;
  font-weight: 600 !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

.redesign-header .header {
  background-color: #fff;
}

/* .redesign-header .nav1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
} */

.redesign-header .navbar-light .navbar-nav .nav-link {
  color: black !important;
  font-weight: 500;
  padding: 0 25px 0 0 !important;
  /* line-height: 37px; */
  font-size: 15px;
  position: relative;
  text-transform: uppercase;
}
.redesign-header .nav-item.dropdown{
  height: fit-content;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
  color: #04c9ff !important;
  color: rgba(0, 0, 0, .9);
}

.redesign-header ul li {
  list-style: none;
}

.redesign-header ul {
  display: flex;
  align-items: center;
  margin: 0;
  padding-left: 0px;
}

.redesign-header ul li {
  list-style: none;
}

.redesign-header .signin_btn .btn {
  background: #00c9ff;
  border-radius: 5px;
  color: white;
  font-weight: 500;
  padding: 5px 20px;
  border-radius: 34px;
}

.redesign-header .signup_btn .btn {
  background: #0000ff;
  border-radius: 5px;
  color: white;
  font-weight: 500;
  padding: 5px 20px;
  border-radius: 34px
}

.redesign-header .nav1 .navbar {
  overflow: unset;
  white-space: unset;
  /* margin-right: 16px; */
}

.redesign-footer {
  background-color: #DBF7FF;
  padding: 52px 0;
}

.signin-bg .nav-tabs .nav-item.show .nav-link,
.signin-bg .nav-tabs .nav-link.active {
  background: #00F !important;
  border-radius: 32px;
  color: #fff !important;
  margin-right: 6px;
  border: 1px solid #00f;
}

iframe {
  display: none;
}

.select-main {
  height: 60px !important;
}

.signin-bg .nav-tabs {
  border-bottom: 0px solid #dee2e6;
  justify-content: space-between;
}

.Signup_box select {
  cursor: pointer;
}

.signin-bg .nav-tabs .nav-link {
  border: 1px solid #0000FF;
  border-radius: 32px;
  width: 48%;
  text-align: center;
  color: #0000FF;
  font-weight: 700;
  padding: 12px;
}

.signin-bg .nav-tabs .nav-link:focus,
.signin-bg .nav-tabs .nav-link:hover {
  border-color: #0000FF;
}

.email-verfication h3 {
  color: #00C8FF;
  font-weight: 700;
}

.modal-content {
  border-radius: 22px !important;
}

.modal-header {
  border-bottom: 0 !important;
}

.footer-tab li {
  display: block;
  line-height: 40px;
  /* color: #000; */
  margin: 0;
  padding: 0;
}

.footer-tab {
  margin: 0;
  padding: 0;
}

.footer-tab li a {
  color: #00000069;
  font-weight: 600;
  font-size: 17px;
}

.bottom-footer {
  background: #11CAFF;
  padding: 12px 0;
}

.bottom-footer li {
  display: inline-block;
  padding: 0 7px;
}

.redesign-footer h6 {
  font-size: 20px;
  font-weight: 700;
}

/* .redesign-profile .camera_box {
    min-height: 150px;
    overflow: hidden;
    border: 2px dotted lightgrey;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    width: 182px;
    margin: 0 auto;
    background: #E3E3E3;
} */
.redesign-profile .camera_box {
  height: 190px;
  overflow: hidden;
  outline: 2px dashed lightgrey;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  width: 182px;
  margin: 0 auto;
  background: #E3E3E3;
  border: none;
}

.camera-img-box {
  width: fit-content !important;
  background: transparent !important;
}

.redesign-profile .Signup_box input[type="file"] {
  font-size: 16px;
  background: #00c9ff !important;
  padding: 6px;
  /* width: unset !important; */
  border-radius: 32px !important;
  margin: 20px 0 0 0;
  text-align: center;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  color: #00000087;
  white-space: normal;
}

.upload {
  background: #00c9ff;
  color: #fff;
  padding: 12px 34px;
  border-radius: 22px;
  display: inline-block;
  margin: 18px 0 0 0;
  cursor: pointer;
}

.redesign-profile .Signup_box label {
  color: black;
  text-transform: unset;
  font-weight: 500;
  margin-bottom: 5px;
  font-size: 16px;
  letter-spacing: 0;
}

textarea.textarea103.w-100 {
  border-radius: 20px;
  border: 1px solid #e9e9e9;
  font-size: 16px;
  padding: 29px;
  color: #000;
  height: auto !important;
  resize: none;
}

.check-title label {
  font-size: 14px !important;
}

.blue-asterisk {
  position: static !important;
  color: #00C8FF !important;
  display: unset !important;
  padding: 0 !important;
}

input[type=radio] {
  accent-color: #009ac3;
}

p.add-media-des {
  color: #8C8C8C;
  padding-top: 10px;
}

.upload-document {
  position: relative;
  width: 100%;
  height: 53px;
}

.upload-document img {
  position: absolute;
  top: 22px;
  right: 28px;
}

.redesign-profile {
  background-color: #fff !important;
  padding: 0 0 42px 0;
}

.border-1 {
  border: 1px solid #D1D1D1;
  border-radius: 8px;
  margin: 12px 0 0 0 !important;
  padding: 0 0 24px 0;
}

.checkbox-area label {
  margin-bottom: 0 !important;
}

.redesign-profile .Signup_box {
  padding: 10px 10px 0 10px !important;
  /* overflow: hidden; */
}

.optional {
  color: #00000073;
  font-style: italic;
}

.redesign-profile .upload-document .upload-text {}

.edit-profile-pop .btn-outline-primary:hover {
  background: transparent;
  color: #00c9ff;
  border-color: #00c9ff;
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
  color: #00c9ff !important;
  background-color: transparent !important;
  border-color: #00c9ff !important;
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
  box-shadow: none !important;
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
  box-shadow: none !important;
}

.btn.disabled,
.btn:disabled {
  opacity: .65;
  background: #6d6d6d !important;
  border: none;
}

.redesign-profile ::-webkit-file-upload-button {
  font: inherit;
  background: #00c9ff2b !important;
  border: none;
  padding: 15px;
  border-radius: 42px;
  opacity: 0;
  width: 0px !important;
  font-size: 12px;
  margin-left: -20px;
}



/* big4-health-med-css start */

.big-med-wrap {
  margin-bottom: 60px;
  position: relative;
  margin-left: 4px;
}

.big-med-wrap i {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #f00;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
}

.big-med-heading {
  margin-bottom: 15px;
}

a.btn.create {
  border: 1px solid #00c9ff;
  color: #00c9ff;
  border-radius: 20px;
  box-shadow: none;
  display: flex;
  align-items: center;
  margin-top: 12px;
}

a.btn.create:hover {
  color: #fff;
  background: #00c9ff;
}

.big-med-heading h1 {
  width: 90%;
}

.big-med h1 {
  font-size: 45px;
  font-weight: 700;
  color: #000;
}

.big-med-main-img img {
  border-radius: 15px;
  box-shadow: 0px 0px 10px -3px #000;
  /* margin-bottom: 15px; */
  height: 260px;
  width: 100%;
}

.big-med-thumbnail img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
}

.big-med-thumbnail {
  max-width: fit-content;
  flex: 0 0 fit-content;
  padding-right: 10px;
}

/* .big-med-text {
  max-width: 82%;
  flex: 0 0 82%;
} */
.big-med-text h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 5px;
  overflow: hidden !important;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}

.channel-name {
  font-weight: 500;
  margin-bottom: 0;
}

.big-med-text span {
  color: #A8A8A8;
}

.big-med-main-vid {
  position: relative;
}

.big-med-main-vid img.video-btn {
  box-shadow: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 15%;
  height: unset;
}

.big-med-text p {
  margin-bottom: 0;
}

.big-med-wrap .btn.subscribe,
.big-med-wrap .btn.subscribed {
  background: #00C8FF;
  color: #fff;
  border-radius: 40px;
  padding: 7px 20px;
  margin-top: 5px;
  box-shadow: none;
}


.new-pop button.close {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #000;
  font-size: 28px;
}

.new-pop .modal-header {
  padding: 0;
}

.new-pop .nav-tabs .nav-item.show .nav-link,
.new-pop .nav-tabs .nav-link.active {
  background: #00F !important;
  border-radius: 32px;
  color: #fff;
}

/* .nav-tabs .nav-link {
  border: 1px solid #0000FF !important;
  border-radius: 32px !important;
  width: 50%;
  text-align: center;
  color: #0000FF ;
  font-weight: 700;
  padding: 12px;
} */



.big-med-wrap .btn.subscribed {
  background: #0000ff;
}

.big-med-text a.btn:hover {
  background: #01b3e3;
}

.big-med-text a.btn.subscribed:hover {
  background: #0202d5;
}

a.btn.create img {
  padding-right: 4px;
}

a.btn.create:hover img {
  filter: brightness(0) invert(1);
}

p.big-video-time {
  position: absolute;
  bottom: 7px;
  right: 10px;
  color: #fff;
  background: #000;
  padding: 2px 6px;
  border-radius: 5px;
  font-size: 14px;
}

.big-med .nav-tabs {
  border-bottom: none !important;
  padding-bottom: 20px;
}

.big-med .nav-tabs .nav-item.show .nav-link,
.big-med .nav-tabs .nav-link.active {
  color: #fff !important;
  background-color: #00C8FF !important;
  border: 1px solid #00C8FF;
  border-radius: 40px;
  padding: 8px 27px;
}

.big-med .nav-tabs .nav-link {
  color: #000 !important;
  background-color: #B3EFFF !important;
  border: 1px solid #B3EFFF !important;
  border-radius: 40px !important;
  padding: 8px 27px;
  margin-right: 10px;
  font-weight: 600;
}

.upload-add-media {
  background: #00c9ff;
  color: #fff;
  padding: 12px 34px;
  border-radius: 22px;
  display: inline-block;
  margin: 18px 0 0 0;
}

.upload-add-media:hover {
  color: #fff;
  background: #01b3e3;
}

footer li a:hover .fa {
  color: #fff;
}

button.cat-list {
  color: #000;
  background-color: #B3EFFF;
  border: 1px solid #B3EFFF;
  border-radius: 40px;
  padding: 8px 27px;
  margin-right: 10px;
  font-weight: 600;
}

button.cat-list.active {
  background-color: #00C8FF !important;
  border: 1px solid #00C8FF !important;
  color: #fff !important;
}

/* big4-health-med-css start */


/* big4-med-details css start */

.btn.back-btn {
  background: #B3EFFF;
  border: 1px solid #B3EFFF;
  color: #000;
  border-radius: 40px;
  font-weight: 500;
  box-shadow: none !important;
  padding: 8px 20px;
  display: inline-block;

}

a.btn.back-btn i {
  padding-right: 10px;
  font-size: 16px;
  font-weight: 700;
}

.big-med-details-wrap .big-med-main-vid img.video-btn {
  width: 80px;
  cursor: pointer;
}

.details-cetagory span {
  margin: 0 10px 0 0;
  font-size: 14px;
  cursor: default;
}

.big-txt-in {
  cursor: default;
}

/* popup */
.add-media-box {
  background: #E90000;
  padding: 20px;
  width: 170px;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  border-radius: 10px;
  cursor: pointer;
}

.media-box-orange {
  background: #FF8024;
}

.media-box-yellow {
  background: #FFB600;
}

.media-box-green {
  background: #028560;
}

.add-media-box p {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 300;
}

.four-boxes-media {
  margin: 30px;
  gap: 30px;
}

.add-media-box h6 {
  margin: 5px 0 3px;
  font-weight: 300;
  font-size: 18px;
}

/* quiz */
.big-quizs h2 {
  font-size: 45px;
  font-weight: 700;
  color: #000;
  text-align: center;
}

.big-quizs {
  padding: 70px 0;
}

.big-quizs p {
  font-size: 20px;
  text-align: center;
  font-weight: 400;
}

/* .big-quizs .swiper-slide{
  margin-right: 0 !important;
} */
.big-quizs .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  /* width: 50% !important; */
  /* margin-right: 10px !important; */
}

.big-quizs .inner-slide {
  background: #E0F8FF;
  padding: 30px 20px 40px;
  border-radius: 20px;
  box-shadow: 0 10px 12px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  margin: 20px;
}

.big-quizs .inner-slide p {
  text-align: left;
  font-size: 20px;
  font-weight: 500;
}

.big-quizs .inner-slide h6 {
  font-size: 30px;
  font-weight: 700;
  padding-bottom: 20px;
}

.big-quizs .inner-slide a {
  color: #00C8FF;
  border: 1px solid #00C8FF;
  padding: 10px;
  border-radius: 7px;
}

.big-quizs .inner-slide a:hover {
  color: #0056b3;
  border: 1px solid #0056b3;
  padding: 10px;
}

.big-quizs span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  position: relative;
}

/* .big-quizs span.swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  position: absolute;
  content: "";
  background: url("/assets/images/left-arrow.svg") no-repeat #E0F8FF center;
  height: 50px;
  width: 50px;
  bottom: 0px;
  z-index: 999;
  left: -30px;
  border-radius: 50%;
  transform: rotate(0);
} */
.big-quizs .swiper-pagination-clickable .swiper-pagination-bullet {
  position: relative;
}

.slider-btn .swiper-button-prev:after,
.slider-btn .swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
  background: #e0f8ff;
  padding: 18px;
  border-radius: 32px;
  height: 52px;
  width: 52px;
  color: #000;
}

.video-test-wrap .swiper-container {
  padding-bottom: 72px;
}

.big-quizs .swiper-wrapper {
  margin-bottom: 40px;
}

/* popup-choose-media */
.camera-box-uploaded img,
.camera-box-uploaded video {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  height: 190px;
  width: 182px;
  border-radius: 10px;
  padding: 5px !important;
}

.camera-box-uploaded.pdf-audio img {
  width: auto;
  height: auto;
}

.big-med-main-img a img {
  width: 100%;
  /* height: 650px; */
  height: 260px;
  min-height: 260px;
  border-radius: 15px;
  object-fit: cover;
}

.big-med-main-img.big-med-main-vid {
  text-align: center;
  /* background: #bfbcbc85; */
  border-radius: 15px;
  position: relative;
  width: 100%;
  margin: auto;
}


.video-test-wrap .big-med-main-img.big-med-main-vid video {
  height: 350px;
  border: 25px solid #E0F8FF;
  border-radius: 15px;
}

.big-med-main-img {
  margin-bottom: 10px;
  position: relative;
  cursor: pointer;
}

.big-med-main-img.big-med-main-vid video {
  width: 100%;
  height: 260px;
  min-height: 260px;
  object-fit: cover;
  border-radius: 16px;
  box-shadow: 0px 0px 10px -3px #000;
}

p.black-text span {
  font-size: 20px;
}

/* congrats popup */
.copy-profile {
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: auto;
  background: #D9D9D9;
  padding: 10px;
  border-radius: 40px;
}

.copy-profile.d-flex.mb-4.copy-link-area {
  justify-content: start;
}

.black-text {
  color: #000 !important;
}

.copy-profile p {
  margin-bottom: 0;
  margin-right: 20px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  max-width: 330px;
  color: #000;
}

.congrats-social-icons img,
.congrats-social-icons button {
  margin: 0px 4px;
}

i.fa.fa-clipboard.Demo__some-network__share-button {
  background: #fff;
  padding: 7px;
  border-radius: 22px;
}

.copy-profile input {
  background: transparent;
  border: none;
}

.copy-profile.d-flex.mb-4.copy-link-area span {
  position: absolute;
  bottom: -18px;
}

.profile-header h3 {
  color: #000;
  font-weight: 700;
}

.profile-area-left {
  border: 1px solid #D1D1D1;
  border-radius: 22px;
}

.profile-header {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  align-items: center;
}

.profile-header a {
  color: #00c9ff !important;
  border: 1px solid;
  border-radius: 32px;
  padding: 9px;
  font-weight: 700;
}

.profile-right-body a:hover {
  color: #00c8ff;
}

.profile-image {
  width: 100%;
  height: 245px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0px 4px 31px 0px rgba(0, 0, 0, 0.25);
  margin-bottom: 14px;

}

.blue-text {
  color: #00C8FF !important;
}

.wallet-box {
  background: rgba(238, 217, 72, 0.60);
  border: 1px solid;
  border-radius: 5px;
  display: flex;
  padding: 0px 16px;
  align-items: center;
  justify-content: space-between;
  margin: 12px 0 0 0;
}

.wallet-box span {
  font-size: 25px;
  margin: 9px;
}

.profile-area-left .nav {
  flex-direction: column;
  border-bottom: 0 !important;
}

.profile-area-left .nav-link {
  padding: 18px;
  color: #000;
  font-weight: 600;
  margin-left: 0;
  border-bottom: 1px solid #D1D1D1 !important;
}

.profile-area-left .nav-tabs .nav-item.show .nav-link,
.profile-area-left .nav-tabs .nav-link.active {
  background-color: #00c9ff !important;
  border-color: unset !important;
  border-radius: 0 !important;
  color: #fff !important;
  cursor: pointer;
}

.profile-area-left .nav-tabs .nav-item.show .nav-link img,
.profile-area-left .nav-tabs .nav-link.active img {
  filter: brightness(0) invert(1);
}

.profile-right-header h4 {
  margin: 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
}

.profile-right-header {
  border-radius: 17px 17px 0px 0px;
  background: #00C8FF;
  padding: 16px;
}

.profile-right-side {
  border: 1px solid #D1D1D1;
  border-radius: 17px;
  min-height: 672px;
  height: 100%;
  width: 100%;
}

.profile-right-body a {
  color: #00c8ff;
  font-weight: 600;
  display: block;
  /* padding: 0 0 12px 0; */
  padding: 0;
  cursor: unset;
  margin-bottom: 11px;
}

.profile-right-body h4 {
  font-size: 17px;
  font-weight: 600;
  margin: 0 0 5px 0;
}

.profile-right-body {
  padding: 20px;
  border-bottom: 1px solid #D1D1D1;
}

.profile-image-area {
  padding: 21px;
}

.updated-profile-section {
  padding: 0 0 52px 0;
}

.profile-area-left .nav-link.border-0 {
  border-bottom: 0 !important;
}


.profile-area-left .nav-tabs .nav-link:focus,
.profile-area-left .nav-tabs .nav-link:hover {
  border-top-color: #d1d1d1 !important;
  border-bottom-color: #d1d1d1 !important;
}

.big-med-text .dropdown {
  position: absolute;
  right: 0;
  top: 0;
}

.big-med-text .dropdown button {
  background: transparent;
  border: 0;
  padding: 0;
}

.big-med-text .dropdown-toggle::after {
  display: none;
}

.big-med-text .btn-success:not(:disabled):not(.disabled).active,
.big-med-text .btn-success:not(:disabled):not(.disabled):active,
.big-med-text .show>.btn-success.dropdown-toggle {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}

.big-med-text .dropdown-menu.show {
  display: block;
  border-radius: 10px !important;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.25);
  border: none;
}

.big-med-text .dropdown-item {
  color: red;
  padding: 9px;
}

.big-med-text {
  position: relative;
}

.share-inner-box p {
  font-weight: 600;
  font-size: 13px;
}

.share-inner-box h4 {
  font-size: 16px;
  font-weight: 800;
  margin-top: 12px;
}

.share-inner-box {
  padding: 21px;
  text-align: center;
  border-radius: 10px;
  height: 100%;
}

.yellow {
  background: #e9000024;
  color: #e90000;
}

.light {
  background: #ff80242b;
  color: #FF8024;
}

.sky-blue {
  background: #ffc7012e;
  color: #FF9900;
}

.green {
  background: #0285602b;
  color: #028560;
}

.share-btn {
  border: 1px solid #00c8ff;
  border-radius: 25px;
  margin: 0 !important;
  padding: 0 !important;
  padding: 8px !important;
  font-size: 15px;
  cursor: pointer !important;
  height: 43px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.profile-right-side .big-med-details-wrap .big-med-main-vid img.video-btn {
  width: 70px;
}

.share-box .col-md-3 {
  padding: 0 3px;
}

.outer-content {
  display: flex;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0000ff !important;
  border-color: #0000ff !important;
}

.profile-right-body:last-child {
  border-bottom: 0;
}

.profile-area-left .nav-link img {
  margin-right: 9px;
  width: 23px;
}

.share-inner-box img {
  height: 47px;
}

.subscriber-box img {
  width: 120px;
  height: 120px;
  border-radius: 72px;
  object-fit: cover;
}

.subscriber-content {
  margin-top: 13px;
}

.subscriber-box {
  padding: 22px;
  border: 1px solid #00000030;
  border-radius: 21px;
  text-align: center;
  margin-bottom: 15px;
}

.subscriber-content p {
  font-size: 12px;
}



/* change-pass-pop */

.change-pass-pop.modal input {
  width: 100%;
  height: 60px;
  border-radius: 20px;
  border: 1px solid #d2d2d2;
  margin-bottom: 20px;
  padding: 15px;
}

.change-pass-pop .modal-header h4 {
  font-size: 32px;
  font-weight: 600;
}

.change-pass-pop .modal-header button.close {
  width: 20%;
  color: #000;
}

.change-pass-pop button {
  background: #00C8FF;
  border: 1px solid #00C8FF;
  width: 100%;
  height: 60px;
  border-radius: 20px !important;
  color: #fff;
  font-size: 22px !important;
  font-weight: 600;
}


/* new-home-page-css-start */

.home-banner {
  background: url("/assets/images/hero-main-banner.jpg") no-repeat;
  background-size: cover;
  height: 1800px;
  background-position: center;
}

.banner-text h1 {
  font-size: 45px;
  font-weight: 700;
  line-height: 58px;
  margin-bottom: 30px;
  color: #000;
}

.banner-text h1 span {
  color: #00C8FF;
}

.banner-text p {
  font-size: 27px;
  font-weight: 500;
  line-height: 40px;
}

.burden-disease h2 {
  font-size: 45px;
  text-align: center;
  font-weight: 700;
  padding-bottom: 45px;
}

.burden-counter-box-wrap {
  border: 15px solid #ff0000;
  width: 192px;
  height: 192px;
  border-radius: 50%;
  display: grid;
  place-content: center;
  margin: auto;
}

.burden-counter-box-wrap p {
  margin: auto;
  font-size: 26px;
  font-weight: 600;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.burden-counter-box .disease-name {
  color: #FF0000;
  font-weight: 600;
  font-size: 20px;
  padding-top: 25px;
}

.border-orange {
  border-color: #FF8024;
}

.border-yellow {
  border-color: #FFB600;
}

.border-green {
  border-color: #028560;
}

.burden-orange {
  color: #FF8024 !important;
}

.burden-yellow {
  color: #FFB600 !important;
}

.burden-green {
  color: #028560 !important;
}

.global-solution-section {
  background: url("/assets/images/global-solution-bg.jpg") no-repeat bottom center;
  background-size: cover;
  height: 1800px;
  padding-top: 48px;
}

.global-solution-text {
  color: #000;
}

.global-solution-text h2 {
  font-size: 45px;
  font-weight: 700;
  line-height: 58px;
}

.global-solution-text h5 {
  font-size: 45px;
  font-weight: 700;
  padding: 15px 0;
}

.global-solution-text p {
  font-size: 18px;
  line-height: 30px;
}

.brand-logos-section {
  padding: 50px 0 0;
}

.brand-logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.optimize-profit-section {
  background: url("/assets/images/optimize-profit-bg.png") no-repeat bottom center;
  background-size: cover;
  height: 1800px;
}

.optimize-profite-text {
  color: #000;
}

.optimize-profite-text h1 {
  font-size: 45px;
  font-weight: 700;
  line-height: 60px;
}

.optimize-profite-text p {
  font-size: 17px;
  line-height: 30px;
}

.optimize-profite-text ul {
  padding-left: 30px;
}

.optimize-profite-text li {
  list-style: none;
  position: relative;
  margin-bottom: 18px;
}

.optimize-profite-text li:after {
  content: "";
  background: url("/assets/images/tick-list-icon.svg") no-repeat center center;
  position: absolute;
  top: 0;
  left: -35px;
  width: 30px;
  height: 30px;
}

.signin-bg .Signup_box .input103,
.redesign-profile .Signup_box .input103 {
  padding: 0 25px;
}

.get-form-wrap textarea {
  padding: 10px 23px !important;
}

.get-form-wrap input {
  height: 60px !important;
}

.country-new .input103.form-group {
  height: 50px;
}

.get-started-form {
  padding: 50px 0;
  color: #000;
}

/* .get-form-wrap .Signup_box .frist_step .input103 {
  background-color: #DBF7FF;
  border: transparent;
} */
.get-form-wrap .Signup_box .frist_step .input103 {
  background-color: #E7E7E7 !important;
  border: transparent;
}

.get-form-wrap select {
  background: #E7E7E7 !important;
}

.get-started-form h3 {
  font-size: 30px;
  text-align: center;
  line-height: 40px;
}

.get-form-wrap h2 {
  font-size: 45px;
  font-weight: 600;
  text-align: center;
  position: relative;
  width: fit-content;
  margin: 45px auto 10px;
}

.get-form-wrap h2:after {
  content: "";
  position: absolute;
  background: #00c9ff;
  height: 4px;
  width: 150px;
  bottom: 40%;
  left: 110%;
}

.get-form-wrap h2::before {
  content: "";
  position: absolute;
  background: #00c9ff;
  height: 4px;
  width: 150px;
  bottom: 40%;
  right: 110%;
}

.get-form-wrap .next_btn .btn {
  background: #00c9ff;
  color: white;
  font-weight: 500;
  font-size: 17px;
  padding: 15px 17px;
  border-radius: 32px;
  text-transform: uppercase;
  border: 1px solid #00c9ff;
  margin-top: 20px;
}

.get-form-wrap .next_btn .btn:hover {
  color: white !important;
  background: #01b3e3 !important;
}

.certificate-section {
  padding: 80px 0;
}

.certificate-section h2 {
  font-size: 45px;
  color: #000;
  font-weight: 600;
  text-align: center;
  padding-bottom: 20px;
}

.certificate-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

/* new-home-page-css-end */


/* business-page-css-start */

.business-banner {
  padding: 50px 0;
}

.business-sec-text {
  color: #000;
}

.business-sec-text h1 {
  font-size: 60px;
  font-weight: 700;
}

.business-sec-text p {
  font-size: 30px;
  font-weight: 500;
  line-height: 40px;
}

.business-sec-text small {
  font-size: 20px;
  font-weight: 500;
}

.about-business-sec {
  background: url("/assets/images/business-about-bg.webp") no-repeat top center;
  background-size: cover;
  height: 100vh;
  padding: 70px 0;
}

.about-business-sec.wellness_bg {
  background: url("/assets/images/whether.webp") no-repeat top center;
  background-size: cover;
  height: 129vh;
  margin-top: -252px;
}

section.about-business-sec.wellness_bg p {
  margin-top: 200px;
}

.about-business-sec.speaker_bg {
  background: url("/assets/images/speaker.webp") no-repeat top center;
  background-size: cover;
  height: 134vh;
}

.about-business-sec.invest_bg {
  background: url("/assets/images/invest.jpg") no-repeat top center;
  background-size: cover;
  height: 130vh;
}

.about-paragraph {
  width: 100% !important;
  text-align: left !important;
}

.about-business-sec p {
  font-size: 20px;
  line-height: 36px;
  text-align: end;
  width: 70%;
  margin-left: auto;
  font-weight: 500;
}

.corporate-govt-box {
  border: 2px solid #0000E7;
  padding: 20px;
  border-radius: 20px;
  margin-bottom: 50px;
  height: 280px;
  background: #f9f9f9;
}

.corporate-govt-box-two {
  border: 2px solid #00C8FF;
}

.corporate-govt-box-two p {
  background: #0000E7 !important;
}

.corporate-govt-box p {
  background: #00C8FF;
  width: fit-content;
  padding: 8px 18px;
  border-radius: 20px;
  margin: -40px auto 0;
  color: #fff;
  font-size: 18px;
}

.corporate-govt-box ul {
  margin-top: 35px;
}

.corporate-govt-box li {
  font-size: 16px;
  position: relative;
  list-style: none;
  margin-bottom: 30px;
}

.corporate-govt-box li:after {
  content: "";
  position: absolute;
  top: 5px;
  left: -30px;
  background: url("/assets/images/business-list-tick.svg") no-repeat;
  width: 25px;
  height: 25px;
}

.corporate-govt-section h2 {
  font-size: 45px;
  font-weight: 700;
  margin-bottom: 70px;
  color: #000;
}

.corporate-govt-section {
  padding: 50px 0;
  /* background: url("/assets/images/wire-network-bg.png") no-repeat center; */
  background-size: cover;
}

.health-app-banner {
  background: url("/assets/images/health-app-bg.webp") no-repeat bottom center;
  background-size: cover;
  height: calc(100vh - 160px);
  padding: 70px 0;
}

.health-app-text {
  color: #000;
}

.health-app-text h1 {
  font-size: 45px;
  font-weight: 700;
}

.health-app-text h1 span {
  font-size: 45px;
  font-weight: 700;
}

.health-app-text h5 {
  font-size: 23px;
  font-weight: 600;
  margin: 40px 0 20px;
}

.health-app-text p {
  line-height: 30px;
  font-size: 20px;
}

.lifestyle-med-sec {
  background: url("../../assets/images/lifestyle-md.png") no-repeat center;
  background-size: cover;
  height: 1600px;
  padding: 100px 0;
}

.profile-right-body .swiper-slide a {

  margin-bottom: 0;
}

.profile-right-body .big-med-wrap {
  margin-bottom: 20px;
}

/* .profile-right-body .big-med-icon-text {
  flex-wrap: wrap;
} */
.back-btn .fa {
  margin-right: 10px;
}

.health-app-head {
  color: #000;
}

.health-app-head h2 {
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 20px;
}

.health-app-head p {
  font-size: 19px;
  line-height: 30px;
}

.true-patient-sec {
  background: url("/assets/images/true-patient.webp") no-repeat center;
  background-size: cover;
  height: 1600px;
  padding: 100px 0;
}

.smarter-future-sec {
  background: url("/assets/images/smarter-future-bg.webp") no-repeat center;
  background-size: cover;
  height: 1600px;
  padding: 100px 0;
}

.empower-future-sec {
  background: url("/assets/images/empower-patient-bg.webp") no-repeat center;
  background-size: cover;
  height: 1600px;
  padding: 100px 0;
}

.download-app {
  background: #E0F8FF;
  padding: 80px 0;
}

.video-testimonials {
  padding: 100px 0;
}

.testi-video-wrap img {
  border-radius: 30px;
  box-shadow: rgb(224 248 255) 0px 1px 14px, rgb(224 248 255) 0px 0px 0px 30px;
  width: auto;
  height: 435px;
}

.testi-video-wrap {
  position: relative;
}

.testi-video-wrap i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: grid;
  place-content: center;
  background-color: rgb(0 0 0 / 45%);
  color: #000;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  font-size: 20px;
  padding-left: 2px;
}

.video-testimonials h2 {
  font-size: 45px;
  font-weight: 700;
  text-align: center;
  color: #000;
  padding: 0 0 50px 0;
}

.video-testimonials {
  padding: 50px 0 100px;
  /* background: url("/assets/images/wire-network-bg.png") no-repeat center; */
  background-size: cover;
}

.nav-item.dropdown .pull-left img {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
}

/* business-page-css-end */






:focus-visible {
  outline: none;
}

.dot-image {
  height: unset !important;
  width: unset !important;
}




img.dot-image.delete-red {
  width: 30px;
  height: 30px !important;
  min-height: 30px;
  background: transparent;
  margin: 0;
  box-shadow: none !important;
  margin-right: 10px;
}

.delete-wrap a,
.delete-wrap a:hover {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding-bottom: 0;
  color: #f00 !important;
  background: #fff !important;
  cursor: pointer;
}

/* big4-med-details css end */


/* 18-aug-2023 css */
.user-login-page-animate .page-title {
  background: rgba(17, 202, 255, 0.15);
  padding: 30px 0;
}

.user-login-page-animate .page-title h2 {
  text-align: center;
  font-size: 40px;
  margin: 0;
  font-weight: 700;
}

.red {
  background: #2bc46c;
  width: 100px !important;
  display: grid;
  margin: auto;
  height: 100px !important;
  place-content: center;
}

.circle {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  box-shadow: 0px 0px 1px 1px #0000001a;
}

.circle i {
  font-size: 40px;
  color: #fff;
}

.pulse {
  animation: pulse-animation 2s infinite;
}



@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(84, 84, 84, 0.49);
  }

  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}

span.circle.pulse.red.black {
  background: #f00;
}

span.circle.pulse.red.black i {
  transform: rotate(45deg);
}

.verify-txt-email {
  margin-top: 30px;
}

.verify-txt-email h3 {
  font-size: 35px;
  color: #000;
  font-weight: 600;
}

.verify-txt-email p {
  font-size: 20px;
}

.verify-pop-space {
  padding: 0 35px 40px !important;
}

.mdl-desc {
  font-size: 18px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.45);
  margin-bottom: 48px;
}

.modal-backdrop.show {
  opacity: 0.5 !important;
}

.verify-pop-space button {
  padding: 0;
}

h6.back i {
  margin-right: 2px;
  font-size: 16px;
}

.forgot-box h5 {
  font-weight: 700;
  font-size: 30px;
}

.forgot-box {
  background: #fff;
  width: 100%;
  max-width: 50%;
  margin: auto;
  border-radius: 20px;
  padding: 50px 60px !important;
}

.reset-pass h3 {
  font-size: 40px;
  font-weight: 700;
  color: #000;
}

.reset-pass input {
  border-radius: 60px;
  border: 1px solid #e9e9e9;
  font-size: 16px;
  color: #000;
}

.brand-logo-wrap img {
  width: 120px;
  height: 120px;
  margin: 0 15px 30px;
}

.certificate-wrap img {
  width: 140px;
  height: 140px;
  margin: 0 15px 30px;
  object-fit: cover;
}

.big-med-text-main button,
.big-med-text-main button:hover {
  background: #00c9ff;
  border-radius: 5px;
  color: #fff !important;
  font-weight: 500;
  padding: 5px 20px;
  border-radius: 34px;
  box-shadow: none;
}

.big-med-text-main {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.big-med-details-wrap img {
  width: 100%;
  height: 654px !important;
}

.big-med-dot-section {
  display: flex;
  justify-content: space-between;
}

.big-med-dot-section .btn-success,
.mesage_text .btn-success,
.big-med-dot-section .btn-success:hover,
.mesage_text .btn-success:hover,
.big-med-dot-section .btn-success:active,
.mesage_text .btn-success:active {
  color: #fff;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}





.profile-right-side.no-upper-main-data {
  display: flex;
  align-items: center;
  justify-content: center;
}

.no-data-box img {
  width: 60%;
}

.no-data-box.no-data-big img {
  width: 20%;
}

.no-data-box h3 {
  margin-top: 14px;
}

.no-data-box {
  text-align: center;
}

.share-profile input {
  width: 100%;
  border-radius: 42px;
  border-color: #00000024;
  padding: 12px 20px;
}

.share-btn-box button {
  background: #00c9ff;
  border: 0;
  padding: 14px;
  border-radius: 32px;
  padding: 12px 40px;
  display: block;
  margin: 11px auto;
  color: #fff;
}

.big-med-details-wrap img {
  min-height: 654px !important;
}

/* 21-8-2023-css */

/* .get-started-form{
  background: url("/assets/images/home-cntct-bg.png") no-repeat #DBF7FF;
  background-size: cover;
} */
.get-form-wrap .Signup_box {
  background: transparent;
}

.no-availble-country {
  background: #DBF7FF;
  padding: 40px 0;
  text-align: center;
}

.no-availble-country h4 {
  font-size: 36px;
  font-weight: 600;
  margin: 0;
}

.share-cancel-btn-btns {
  display: flex;
  align-items: center;
  justify-content: end;
}

.share-cancel-btn-btns button {
  margin: 15px 10px 0 0;
}

.share-cancel-btn-btns a,
.share-cancel-btn-btns a:hover {
  margin: 15px 5px 0 0;
  background: #808080;
  color: #fff;
  border-radius: 40px;
  padding: 12px 30px;
}

.share-profile-txt.modal-title {
  font-size: 24px !important;
  font-weight: 600;
}

.shared-profile .modal-body {
  padding-top: 0;
}

.change-password-pop .modal-title.h4 {
  font-size: 32px !important;
  font-weight: 600;
}

.change-password-pop input {
  font-weight: 400;
  background-color: transparent;
  height: 60px;
  padding: 0 22px;
  border-radius: 30px;
  width: 100%;
  border: 1px solid #d1d1d1;
  margin-bottom: 20px;
}

.change-password-pop button {
  background: #00c9ff;
  border-radius: 5px;
  color: #fff;
  font-weight: 500;
  font-size: 17px;
  padding: 12px 35px;
  border-radius: 32px;
  text-transform: uppercase;
  border: none;
}

.change-password-pop .close {
  color: #000;
  font-size: 24px;
}

.big-med-thumbnail {
  cursor: pointer;
}

.delete-wrap {
  border: none;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
}

.get-form-wrap textarea {
  resize: none;
}

.Signup_box .input103::placeholder {
  color: #A3A3A4 !important;
}

a.btn.btn-google img {
  width: 20px;
  margin-right: 7px;
}

span.btn-fb {
  border-radius: 145px;
  border: 1px solid #000;
  background: #FFF;
  box-shadow: 4px 5px 15px 0px rgba(0, 0, 0, 0.20);
  display: block;
  text-transform: capitalize;
  padding: 8px;
  color: #000;
  text-align: center;
}

a.btn.face-btn img {
  margin-right: 6px;
}

.new-pop .input_row {
  border: none;
  padding-left: 0;
}

.new-pop .input_row select {
  border: 1px solid #d1d1d1;
  border-radius: 40px;
}

.new-pop button,
.new-pop button:hover {
  background: #00c9ff !important;
  border-radius: 5px;
  color: white;
  font-weight: 500;
  font-size: 17px;
  padding: 10px 20px;
  border-radius: 32px;
  text-transform: uppercase;
  border: none;
}

.new-pop button.close {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #000;
  font-size: 28px;
  background: transparent !important;
  z-index: 999 !important;
}

.new-pop button.close:hover {
  padding: 0 !important;
  position: absolute;
  right: 26px;
  top: 25px;
  color: #000;
  font-size: 28px;
  background: transparent;
  z-index: 999 !important;
}

.new-pop.modal .nav-tabs {
  border-bottom: none;
  margin-bottom: 20px !important;
}

.new-pop .input_row select {
  border: 1px solid #d1d1d1;
  border-radius: 40px;
  margin-bottom: 20px;
}

.nav-tabs .nav-link {
  border: 1px solid #0000FF;
  border-radius: 32px;
  width: 48%;
  text-align: center;
  color: #0000FF;
  font-weight: 700;
  padding: 12px 24px;
  margin: 2px;
}

.new-pop .nav-tabs .nav-link:focus,
.new-pop .nav-tabs .nav-link:hover {
  border-color: #0000ff;
}

.new-pop .input_row select:focus {
  box-shadow: none;
  border: 1px solid #d1d1d1;
}

.modal {
  background: #000000a3 !important;
}

div:where(.swal2-container).swal2-backdrop-show,
div:where(.swal2-container).swal2-noanimation {
  background: rgb(0 0 0 / 87%) !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
  border-radius: 22px !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
  border-radius: 32px !important;
  padding: 10px 34px !important;
  background-color: #00c9ff !important;
}

div:where(.swal2-icon).swal2-info {
  border-color: #00c9ff !important;
  color: #00c9ff !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
  box-shadow: unset !important
}

.psw:hover {
  color: #0000ff !important;
}

.social-signin {
  padding: 40px;
}

.social-signin .nav-tabs .nav-link {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-radius: 32px !important;
}

.continue-btn {
  text-align: center;
  margin: 0 auto;
}

.tooltip {
  position: relative !important;
  display: inline-block;
  color: #000;
  z-index: 0 !important;
}

.tooltip .tooltiptext {
  visibility: hidden;
  min-width: 502px;
  background-color: #000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: -245px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.tooltip {
  display: unset !important;
  opacity: 1 !important;
}

.disclaimer {
  color: #00000073;
  font-style: italic;
  margin-top: 12px;
}

.disclaimer b {
  color: #000;
}

.next_btn.mt-2 button {
  width: 12% !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #ffffff !important;
  text-decoration: none;
  background-color: #00c5fa !important;
}

.dropdown-menu {
  border-radius: 10px !important;
  box-shadow: 0px 4px 20px rgb(0 0 0 / 8%);
  border: 0 !important;
  padding: 0px !important;
}

.profile-right-body .dropdown-menu {
  left: -86px !important;
  min-width: fit-content !important;
  top: -7px !important;
  padding: 5px 8px !important;
  border: 1px solid #00000021 !important;
}
/* ----My profile Category Drop---- */
.more-tests .custom-dropdown-menu {
    left: initial !important;
    top: 0 !important;
    min-width: 100% !important;
}

/* ----------------------Ends------ */

.mesage_text .drop-down {
  position: absolute;
  right: 0;
  top: 0;
}

.mesage_text .drop-down.dropdown button img {
  width: 4px !important;
  filter: brightness(0) invert(1);
}

.mesage_text .dropdown-menu {
  left: -86px !important;
  min-width: fit-content !important;
  top: -7px !important;
  padding: 5px 8px !important;
  border: 1px solid #00000021 !important;
}

.mesage_text .delete-wrap a,
.mesage_text .delete-wrap a:hover {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding-bottom: 0;
  color: #f00 !important;
  background: #fff !important;
  cursor: pointer;
  font-size: 12px;
  padding: 0 !important;
}

.mesage_text img.dot-image.delete-red {
  width: 30px;
  height: 19px !important;
  min-height: 19px;
  background: transparent;
  margin: 0;
  box-shadow: none !important;
  margin-right: 10px;
}

.dropdown-item {
  line-height: 36px;
  border-bottom: 1px solid #E3E3E3 !important;
}

.thumbnail-image a {
  color: #00c9ff !important;
  font-weight: 700;
  margin-top: 10px;
  display: inline-block;
  font-size: 12px;
  position: absolute;
  right: 0px;
  top: 58px;
}

.timing {
  background: #000;
  color: #fff;
  padding: 6px 10px;
  border-radius: 12px;
  font-size: 11px;
  position: absolute;
  top: 11px;
  right: 11px;
}

.big-med-icon-text {
  cursor: pointer;
  align-items: center;
}

.big-med-details-wrap .big-med-main-img.big-med-main-vid video {
  height: 590px;
  min-height: 590px;
}

.back-btn-sec button:hover {
  background-color: #00c9ff !important;
  color: #fff;
  border: none;
}

.player {
  position: absolute;
  bottom: 33px;
  left: 22px;
  width: 96%;
}

.player audio {
  width: 100%;
}

.player.active .play {
  display: none;
}

.player.active .pause {
  display: block;
}

.player .play {
  display: block;
}

.player .pause {
  display: none;
}

.forget-email {
  position: absolute;
  background: transparent !important;
  left: 0 !important;
  top: 19px !important;
  display: flex !important;
}

.upload-document input {
  width: 97% !important;
}

.containe_img {
  display: none;
}

.profile-area-left .nav-tabs .nav-link {
  border: 0px solid #0000FF;
  border-radius: 0;
  width: 100%;
  text-align: left;
  color: #000000;
  font-weight: 500;
  padding: 18px;
  margin: 0;
  cursor: pointer;
}

.thumnail-image {
  width: 380px;
  height: 350px;
  object-fit: cover;
  margin: 14px auto;
}

.thumnail-image img {
  border-radius: 14px;
  width: 100%;
  height: 350px;
  object-fit: cover;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
  position: absolute;
  right: 20px;
}

.email-verfication .nav-tabs .nav-link {
  border: 1px solid !important;
}

.redesign-header .navbar-light .navbar-nav .nav-link.active {
  color: #1ccaff !important;
}

/* aside.col-md-12.axxpt_row.my-4 {
  display: none;
} */
.upload-document-first {
  padding-bottom: 20px;
  height: 60px;
}

.upload-document span {
  display: none;
  background: transparent;
}

/* .upload-document .upload-text {
  display: block;
  width: 90%;
} */
.upload-document .upload-text {
  display: block;
  width: 98%;
  white-space: nowrap;
  border: 1px solid #e9e9e9;
  height: 60px;
  border-radius: 42px;
  top: 3px;
  left: 0;
  align-items: center;
  line-height: 53px;
  padding-right: 42px;
}

.upload-document-first span {
  display: flex;
}

.modal-open {
  overflow: hidden !important;
  /* position: fixed !important; */
}

.goog-te-gadget .goog-te-combo {
  margin: 0px 0 !important;
  font-size: 17px;
  padding-left: 10px;
  border-right: 8px solid transparent;
}


.profile-right-body .details-cetagory {
  margin-top: 8px;
  line-height: 28px;
  flex-wrap: wrap;
}

.profile-right-body .big-med-details-wrap img {
  height: 404px !important;
  min-height: 454px !important;
}

@property --num {
  syntax: '<integer>';
  inherits: true;
  /* initial-value: 10; */
}

/* .counter-text::before {
  counter-reset: my-counter var(--num);
  content: counter(my-counter);
  /* animation: count 10s ease-in-out alternate ; */
*/
/* @keyframes count {
  to { --num: 100; }
} */
/* border: none;
  padding: 0;
} */

.quiz-pop .modal-title.h4 {
  font-size: 23px !important;
  font-weight: 700;
  color: #00C8FF;
  text-align: center;
}

.quiz-pop .modal-header {
  padding-left: 0;
  padding-right: 0;
  margin: 0 !important;
  justify-content: center;
}

.start-the-quiz p {
  color: #000;
  font-size: 16px;
  padding-bottom: 10px;
  padding-top: 10px;
  font-weight: 600;
}

.quiz-pop .notnowbtn,
.quiz-pop .notnowbtn:hover {
  color: #00C8FF !important;
  background: transparent !important;
  border: 1px solid #00C8FF !important;
  border-radius: 20px;
  padding: 8px 20px;
}

.quiz-pop .quiznow-btn,
.quiz-pop .quiznow-btn:hover {
  color: #fff;
  background: #00C8FF !important;
  border: 1px solid #00C8FF !important;
  border-radius: 20px;
  padding: 8px 20px;
}

.quiz-pop .modal-content {
  padding: 20px 30px 40px;
}

.quiz-questions {
  color: #000;
  padding: 50px 0;
}

.quiz-questions h1 {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  padding-bottom: 40px;
}

.quiz-question-wrap {
  background: #E0F8FF;
  border-radius: 20px;
  padding: 30px;
}

.quiz-question-wrap h2 {
  font-size: 22px;
  font-weight: 700;
  border-bottom: 1px solid #c3d2d6;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.quiz-questions .form-check {
  margin-bottom: 10px;
}

.quiz-questions label {
  padding-top: 2px;
  padding-left: 8px;
}

.quiz-time {
  background: #e0f8ff;
  text-align: center;
  border-radius: 20px;
  padding: 20px;
}

.quiz-time h2 {
  font-size: 32px;
  font-weight: 700;
  margin: 0;
}

.quiz-time p {
  margin: 3px 0 0;
  font-size: 15px;
}

.quiz-time .btn-closequiz {
  color: #FF0202;
  border: 1px solid #FF0202;
  border-radius: 20px;
  margin-top: 10px;
  box-shadow: none !important;
}

.quiz-time .btn-closequiz:hover {
  color: #fff;
  background: #FF0202;

}

.quiz-close .modal-title.h4 {
  font-size: 134px !important;
  font-weight: 700;
  color: #00C8FF;
  text-align: center;
  line-height: 100px;
}

.quiz-close .notnowbtn,
.quiz-close .notnowbtn:hover,
.quiz-close .quiznow-btn,
.quiz-close .quiznow-btn:hover {
  padding: 8px 35px;
}

.quiz-pop.timeout .modal-content {
  padding: 0px 30px 40px;
  width: 360px !important;
  margin: auto;
}

.quiz-pop.timeout h3 {
  font-size: 40px;
  font-weight: 700;
  color: #00C8FF;
}

.quiz-pop.timeout p {
  font-size: 24px;
  color: #000;
  padding-top: 0;
}

.quiz-submit .btn-submit-quiz,
.quiz-submit .btn-submit-quiz:hover {
  color: #fff;
  background: #00C8FF !important;
  border: 1px solid #00C8FF !important;
  border-radius: 20px;
  padding: 8px 30px;
  box-shadow: none;
}

.big-med-swipe .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 17px !important;
}

.big-med-swipe .swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
}

.hide {
  display: none;
}

.big-med-slides .swiper-container-horizontal>.swiper-pagination-bullets,
.big-med-slides .swiper-pagination-custom,
.big-med-slides .swiper-pagination-fraction {
  bottom: 30px !important;
}

.big-med-slides .swiper-pagination-bullet {
  width: 15px !important;
  height: 15px !important;
}

.profile-big-me .swiper-container-horizontal>.swiper-pagination-bullets,
.profile-big-me .swiper-pagination-custom,
.profile-big-me .swiper-pagination-fraction {
  bottom: 17px !important;
}

.profile-big-me .swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
}

/* .big-med-swipe .big-med-main-img.big-med-main-vid{
  width: 100% !important;
} */


.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 47% !important;
  right: auto;
  transform: translate(-50%);
  width: 42px !important;
  height: 42px !important;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 47% !important;
  left: auto;
  width: 42px !important;
  height: 42px !important;
}

.swiper-button-next,
.swiper-button-prev {

  top: 90% !important;
}

.slider-btn .swiper-button-next:after,
.slider-btn .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 16px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-variant: initial !important;
  line-height: 1 !important;
  background: #e0f8ff;
  padding: 14px 18px;
  border-radius: 30px;
  height: 42px;
  width: 42px;
  color: #000;
}

.ingridient-top-header {
  background: url("/assets/images/world-banner.webp") no-repeat;
  width: 100%;
  background-size: cover;
  height: 113vh;
  background-position: center top;
  position: relative;
}

.bottom-content.banner-text {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
}

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

.burden-disease.powerful-banner {
  background: #00c8ff2b;
}

.ingredients-img {
  width: 145px;
  height: 145px;
  background: #fff;
  border-radius: 172px;
  fill: #FFF;
  stroke-width: 2px;
  border: 2px solid rgb(0 200 255 / 46%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.ingredients-img img {
  width: 92px;
  height: 90px;
  object-fit: contain;
}

.powerful-ing-section {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
}

.inner-ing-box.text-center {
  margin: 0 0 14px 13px;
}

.covered-content {
  background: url("/assets/images/product-bg.jpg") no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center top;
  position: relative;
}

.product-healthier-img img {
  background: url(<path-to-image>), lightgray 50% / cover no-repeat;
  mix-blend-mode: darken;
}

.client-box p {
  font-size: 18px;
  margin-top: 3px;
  color: #000;
  padding: 0;
}

.client-text h5 {
  font-size: 26px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.client-text {
  margin-left: 18px;
}

.client-header {
  display: flex;
  align-items: center;
}

.client-box {
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #FFF;
  padding: 32px;
}

.star i {
  color: #FCC913;
  font-size: 23px;
  margin: 0 4px 0 0;
}

.yello-head {
  background: #FFEDCC;
  display: inline-block;
  padding: 10px 25px;
  border-radius: 32px;
  text-transform: uppercase;
  font-size: 16px;
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.subscrbe-inner-box {
  border-radius: 30px;
  border: 4px solid #FFEDCC;
  padding: 11px 29px;
  position: relative;
  text-align: center;
}

.smal-text {
  font-size: 20px;
  font-weight: 600;
}

.big-text {
  font-size: 55px;
  font-weight: 700;
}

.subscribe-box {
  margin-top: 42px;
}

.subscrbe-inner-box.blue-box {
  border: 4px solid #cce4f4;
}

.yello-head.blue-head {
  background: #CCE4F4;
}

.subscrbe-inner-box.green-box {
  border: 4px solid #d9efd8;
}

.yello-head.green-head {
  background: #D9EFD8;
}

.product-count a {
  text-decoration: none;
  font-weight: 700;
  color: black;
}

.button-count {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: transparent;
  color: black;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  border: none;
  outline: none;
}

.number-product {
  display: inline-block;
  width: 46px;
  height: 42px;
  font-size: 24px;
  border-left: 1px solid silver;
  border-right: 1px solid silver;
  text-align: center;
  border-top: 0;
  border-bottom: 0;
}

.shopping-cart-wrap,
.total-count {
  background: #E0F8FF;
  padding: 32px;
  border-radius: 22px;
  position: relative;
  /* height: 100%; */
}

.shopping-cart-wrap img {
  background: url(<path-to-image>), lightgray 50% / cover no-repeat;
  mix-blend-mode: darken;
}

.product-box h5 {
  font-size: 23px;
  font-weight: 600;
}

.product-count {
  border-radius: 10px;
  border: 1px solid #D3D3D3;
  background: #FFF;
  display: inline-block;
  height: 44px;
}

.shopping-btn {
  background: #00c9ff;
  border-radius: 5px;
  color: white;
  font-weight: 500;
  padding: 5px 20px;
  border-radius: 34px;
  border: none;
}

.shopping-btn.delete-btn {
  border: 1px solid red;
  background: transparent;
  color: red;
  align-items: center;
  margin: 0 0 0 9px;
}

.shopping-btn.delete-btn img {
  background: unset;
  mix-blend-mode: unset;
}

.count-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}

.status.pending {
  border: 1px solid red;
  padding: 3px 12px;
  border-radius: 32px;
  color: red;
  margin: 0;
  font-size: 13px;
}

.total-count .next_btn .btn {
  border-radius: 42px;
  border: 0;
}

.total-count h5 {
  padding-bottom: 17px;
  border-bottom: 1px solid #d3d3d3;
}

.delivery-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.delivey-box {
  border-radius: 27px;
  border: 1px solid #D1D1D1;
  background: #FFF;
  padding: 22px;
}

.edit-btn {
  padding: 5px 16px;
  background: transparent;
  border: 1px solid #00c9ff;
  border-radius: 22px;
  color: #00c9ff;
  cursor: pointer;
}

.edit-btn {
  padding: 2px 16px;
  background: transparent;
  border: 1px solid #00c9ff;
  border-radius: 22px;
  color: #00c9ff;
  cursor: pointer;
}

.delivery-body {
  border-radius: 30px;
  border: 2px solid #FFEDCC;
  padding: 21px;
  margin: 14px 0 0 0;
}

.edit-btn.delete-btn {
  color: red;
  border-color: red;
  margin: 0 0 0 8px;
}

.action-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.radio-text-mob input {
  margin-top: 3px;
}

.copy-profile {
  justify-content: space-between;
  width: 300px;
}

.dropdown-menu.show a:last-child:hover {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.dropdown-menu.show a:first-child:hover {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}


.big-med-slides .swiper-container-horizontal>.swiper-pagination-bullets,
.big-med-slides .swiper-pagination-custom,
.big-med-slides .swiper-pagination-fraction {
  bottom: 30px !important;
}

.big-med-slides .swiper-pagination-bullet {
  width: 15px !important;
  height: 15px !important;
}

.profile-big-me .swiper-container-horizontal>.swiper-pagination-bullets,
.profile-big-me .swiper-pagination-custom,
.profile-big-me .swiper-pagination-fraction {
  bottom: 17px !important;
}

.profile-big-me .swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
}

/* .big-med-swipe .big-med-main-img.big-med-main-vid{
  width: 100% !important;
} */


.slider-btn .swiper-button-prev,
.slider-btn .swiper-container-rtl .swiper-button-next {
  left: 47% !important;
  right: auto;
  transform: translate(-50%);
  width: 42px !important;
  height: 42px !important;
}

.slider-btn .swiper-button-next,
.slider-btn .swiper-container-rtl .swiper-button-prev {
  right: 47% !important;
  left: auto;
  width: 42px !important;
  height: 42px !important;
}

.slider-btn .swiper-button-next,
.slider-btn .swiper-button-prev {

  top: 90% !important;
}

.slider-btn .swiper-button-next:after,
.slider-btn .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 16px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-variant: initial !important;
  line-height: 1 !important;
  background: transparent !important;
  padding: 14px 18px;
  border-radius: 30px;
  height: 42px;
  width: 42px;
  color: #000;
}

.ingridient-top-header {
  background: url("/assets/images/world-banner.webp") no-repeat;
  width: 100%;
  background-size: cover;
  height: 113vh;
  background-position: center top;
  position: relative;
}

.bottom-content.banner-text {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
}

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

.burden-disease.powerful-banner {
  background: #00c8ff2b;
}

.ingredients-img {
  width: 145px;
  height: 145px;
  background: #fff;
  border-radius: 172px;
  fill: #FFF;
  stroke-width: 2px;
  border: 2px solid rgb(0 200 255 / 46%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.powerful-ing-section {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;

  margin-top: 32px;
}

.inner-ing-box.text-center {
  margin: 0 0 14px 13px;
}

.covered-content {
  background: url("/assets/images/product-bg.webp") no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center top;
  position: relative;
}

.product-healthier-img img {
  background: url(<path-to-image>), lightgray 50% / cover no-repeat;
  mix-blend-mode: darken;
}

.client-box p {
  font-size: 18px;
  margin-top: 3px;
  color: #000;
  padding: 0;
}

.client-text h5 {
  font-size: 26px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.client-text {
  margin-left: 18px;
}

.client-header {
  display: flex;
  align-items: center;
}

.client-box {
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #FFF;
  padding: 32px;
}

.star i {
  color: #FCC913;
  font-size: 23px;
  margin: 0 4px 0 0;
}

.yello-head {
  background: #FFEDCC;
  display: inline-block;
  padding: 10px 25px;
  border-radius: 32px;
  text-transform: uppercase;
  font-size: 16px;
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.subscrbe-inner-box {
  border-radius: 30px;
  border: 4px solid #FFEDCC;
  padding: 11px 29px;
  position: relative;
  text-align: center;
}

.smal-text {
  font-size: 20px;
  font-weight: 600;
}

.big-text {
  font-size: 55px;
  font-weight: 700;
}

.subscribe-box {
  margin-top: 42px;
}

.subscrbe-inner-box.blue-box {
  border: 4px solid #cce4f4;
}

.yello-head.blue-head {
  background: #CCE4F4;
}

.subscrbe-inner-box.green-box {
  border: 4px solid #d9efd8;
}

.yello-head.green-head {
  background: #D9EFD8;
}

.product-count a {
  text-decoration: none;
  font-weight: 700;
  color: black;
}

.button-count {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: transparent;
  color: black;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  border: none;
  outline: none;
}

.number-product {
  display: inline-block;
  width: 46px;
  height: 42px;
  font-size: 24px;
  border-left: 1px solid silver;
  border-right: 1px solid silver;
  text-align: center;
  border-top: 0;
  border-bottom: 0;
}

.shopping-cart-wrap,
.total-count {
  background: #E0F8FF;
  padding: 32px;
  border-radius: 22px;
  position: relative;
}

.shopping-cart-wrap img {
  background: url(<path-to-image>), lightgray 50% / cover no-repeat;
  mix-blend-mode: darken;
}

.product-box h5 {
  font-size: 23px;
  font-weight: 600;
}

.product-count {
  border-radius: 10px;
  border: 1px solid #D3D3D3;
  background: #FFF;
  display: inline-block;
  height: 44px;
}

.shopping-btn {
  background: #00c9ff;
  border-radius: 5px;
  color: white;
  font-weight: 500;
  padding: 5px 20px;
  border-radius: 34px;
  border: none;
}

.shopping-btn.delete-btn {
  border: 1px solid red;
  background: transparent;
  color: red;
  align-items: center;
  margin: 0 0 0 9px;
}

.shopping-btn.delete-btn img {
  background: unset;
  mix-blend-mode: unset;
}

.shopping-btns {
  position: absolute;
  right: 0;
  top: 20px;
  text-align: right;
}

.status.pending {
  border: 1px solid red;
  padding: 3px 12px;
  border-radius: 32px;
  color: red;
  margin: 0;
  font-size: 13px;
}

.total-count .next_btn .btn {
  border-radius: 42px;
  border: 0;
}

.total-count h5 {
  padding-bottom: 17px;
  border-bottom: 1px solid #d3d3d3;
}

.delivery-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.delivey-box {
  border-radius: 27px;
  border: 1px solid #D1D1D1;
  background: #FFF;
  padding: 22px;
}

.edit-btn {
  padding: 5px 16px;
  background: transparent;
  border: 1px solid #00c9ff;
  border-radius: 22px;
  color: #00c9ff;
  cursor: pointer;
}

.edit-btn {
  padding: 2px 16px;
  background: transparent;
  border: 1px solid #00c9ff;
  border-radius: 22px;
  color: #00c9ff;
}

.delivery-body {
  border-radius: 30px;
  border: 2px solid #FFEDCC;
  padding: 21px;
  margin: 14px 0 0 0;
}

.edit-btn.delete-btn {
  color: red !important;
  border-color: red;
  margin: 0 0 0 8px;
}

.action-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.delivery-body.biling-box.Signup_box {
  border: 0;
  padding: 12px 0 !important;
}

.notes {
  color: #00000094;
  font-size: 15px;
  padding: 0 12px;
}

.world-box .nav-tabs .nav-item.show .nav-link,
.world-box .nav-tabs .nav-link.active {
  border-radius: 40px !important;
  background: #00C8FF !important;
  width: unset !important;
  color: #fff !important;
}

.world-box .nav-tabs .nav-link {
  border-radius: 40px;
  background: rgba(0, 200, 255, 0.30);
  color: #000;
  width: unset;
}

.world-box .nav-tabs {
  border-bottom: 0 !important;
}

.webinar-inner-box {
  border-radius: 19px;
  border: 1px solid #00C8FF;
  background: #FFF;
  padding: 18px;
  margin: 0 0 14px 0;
  cursor: pointer;
  position: relative;
  display: flex;
  height: 93%;
  flex-direction: column;
  justify-content: space-between;
}

.profile-right-body .webinar-inner-box a {
  margin-bottom: 0 !important;
}

.webinar-outer-box {
  margin-top: 23px;
  padding: 0 0 22px 0;
}

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

.food-options-area {
  padding: 70px 0;
}

.food-options-area .corporate-govt-box {
  height: unset;
  border: 2px solid #00c8ff;
}

.food-options-area .corporate-govt-box li {
  margin-bottom: 17px;
}

.food-options-area .corporate-govt-box.corporate-govt-three {
  border: 2px solid #DF1B34;
}

.food-options-area .corporate-govt-box.corporate-govt-three p {
  background-color: #DF1B34;
}

.world-box.elearning-box .nav-tabs .nav-link {
  border-radius: 21px;
  padding: 22px;
}

.world-box.elearning-box .nav-tabs .nav-item.show .nav-link,
.world-box.elearning-box .nav-tabs .nav-link.active {
  border-radius: 21px !important;
}

.world-box.elearning-box .nav-tabs .nav-item.show .nav-link img,
.world-box.elearning-box .nav-tabs .nav-link.active img {
  filter: brightness(0) invert(1);
}

.learning-details {
  padding-bottom: 50px;
}

.exercise-banner {
  background: url("/assets/images/exercise-banner-bg.jpg") no-repeat;
  background-size: cover;
  height: 408px;
  display: grid;
  place-content: center;
}

.exercise-text h1 {
  font-size: 52px;
  color: #fff;
  text-align: center;
  margin: 0;
}

.exercise-text h1 span {
  font-weight: 700;
}

.exercise-content {
  margin: 140px 0;
}

.exercise-content-wrap {
  background: #00C8FF;
  border-radius: 30px;
  color: #fff;
  padding: 20px;
  box-shadow: 0px 4px 11px 3px rgba(0, 0, 0, 0.07);
}

.exercise-content-wrap h2 {
  font-size: 26px;
  text-transform: uppercase;
  padding: 30px 0 10px;
}

.exercise-content-wrap img {
  border-radius: 20px;
  margin-top: -70px;
}

.exercise-content-wrap.text-center.exercise-content-light {
  background: #fff;
  color: #000;
}

.exercise-listing {
  padding: 32px 0;
}

.videos-swiper-section {
  padding: 22px 0 0 0;
}

.videos-swiper-section .swiper-slide {
  padding: 15px 0;
}

.exercise-content-wrap.text-center.exercise-content-light:hover {
  background: #00c9ff;
  color: #fff;
  transition: all 0.5s ease;
  cursor: pointer;
}

.image-container {
  position: relative;
}

.cancel-icon {
  position: absolute;
  right: 5px;
  top: 2px;
  color: #fff;
  background: #f00;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 2px;
  cursor: pointer;
}

.inner-ing-box h5 {
  font-size: 14px;
  margin-top: 11px;
}

.video-testimonials .big-med-main-img.big-med-main-vid video {
  box-shadow: none;
}

span.edit-metric {
  border: 1px solid #00c8ff;
  border-radius: 25px;
  margin: 0 !important;
  padding: 0 !important;
  padding: 8px !important;
  font-size: 15px;
  cursor: pointer !important;
  color: #00c8ff;
  margin-right: 6px !important;
  width: 43px;
  height: 43px;
  min-width: 43px;
  min-height: 43px;
}

.profile-right-body .share-btn {
  width: 43px;
}

.edit-profile-pop .btn-outline-primary {
  color: #00c9ff;
  border-color: #00c9ff;
  margin-left: 5px;
}

.edit-profile-pop .btn-primary,
.edit-profile-pop .btn-primary:hover {
  background: #00c9ff !important;
  border-color: #00c9ff;
}

.join-button {
  background: #00c9ff;
  border-radius: 5px;
  color: #fff !important;
  font-weight: 500;
  padding: 4px 18px !important;
  border-radius: 34px;
  box-shadow: none;
  margin-top: 11px;
  display: inline-block;
  width: fit-content;
  border: none;
  white-space: nowrap;
  font-size: 14px;
  cursor: pointer;
}

.pending-btn.mr-2 {
  font-size: 14px !important;
}

.join-button:hover {
  background: #00c9ff !important;
  opacity: 1 !important;
}

.MuiFormControl-root.MuiTextField-root.css-1u3bzj6-MuiFormControl-root-MuiTextField-root label {
  display: none;
}

.css-o9k5xi-MuiInputBase-root-MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline {
  border-color: #ededed !important;
  border-radius: 52px;
}

.css-1u3bzj6-MuiFormControl-root-MuiTextField-root {
  width: 100%;
}

.css-1d3z3hw-MuiOutlinedInput-notchedOutline {
  border-radius: 52px !important;
}

.css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline {
  border-color: #d9d9d9 !important;
}

.share-box {
  padding: 0 10px;
}

.profile-image-area a {
  color: #00c9ff !important;
}

.management-user-image {
  padding: 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  height: 100%;
  margin: 0 0 11px 0;
  border-radius: 22px;
  text-align: center;
}

.management-user-image p {
  margin-bottom: 0;
}

.management-user-image img {
  min-width: 92px;
  width: 92px;
  border-radius: 50%;
  object-fit: cover;
  min-height: 93px;
  margin-bottom: 15px;
  height: 92px;
}

.management-user-image h5 {
  margin: 0;
  font-size: 16px;
}

.management-user-image p {
  font-size: 14px;
  word-break: break-all;
}

.blog-heading {
  max-width: 80%;
}

.social-btn i {
  border-radius: 50% !important;
  background: transparent !important;
  color: #000 !important;
  border: 1px solid #000;
}

.blog_section .shadow-sm {
  border-radius: 10px;
}

.blog_section .popular h4 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.30);
  padding-bottom: 14px;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  color: #000;
}

.blog_section .popular a h6 {
  color: hsl(0, 0%, 34%);
  font-size: 14px;
  font-weight: 400;
  color: #000;
}

.blog-details-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
  flex-wrap: wrap;
}

.blog_section .shadow-sm img {
  object-fit: cover;
  width: 100%;
}

.delivery-body.biling-box.Signup_box.p-0.contact-box {
  border-radius: 21px;
  border: 1px solid #D1D1D1;
  background: #FFF;
  padding: 22px !important;
}

.about-main {
  border-radius: 40px;
  background: #00C8FF;
  padding: 52px 52px 222px;
  color: #fff;
}

/* padding: 52px 52px 282px;
  color: #fff; */
/* } */
.quiz-pop .modal-title {
  font-size: 22px !important;
  font-weight: 700;
  color: #00c8ff;
}

.modal-footer {
  border-top: 0 solid #dee2e6 !important;
}

.input103.w-100.select-main.text-area-box {
  padding: 10px 20px !important;
}

.about-main img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 0%);
}

.main-about-bottom {
  padding: 212px 0 30px 0;
}

.main-about-bottom img {
  border-radius: 40px;
  border: 4px solid rgba(0, 200, 255, 0.37);
  width: 100%;
  height: 500px;
  object-fit: cover;
}

.pointer {
  cursor: pointer;
}

p.no-categgory {
  font-size: 30px;
  padding-top: 80px;
}

.figure.itemside.align-items-center.mb-0 img {
  height: 50px;
  width: 50px;
  border-radius: 5px;
  object-fit: fill;
  margin: 6px 12px 1px 0;
}

.itemside .aisde {
  width: 85px;
  height: 85px;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid lightgray;
  border-radius: 10px;
  margin-right: 10px;
}

.main-div {
  min-height: 480px;
}

.share-Quiz {
  width: 100%;
  justify-content: center;
}

.aside1 {
  width: 249px;
  height: 142px;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  margin-right: 10px;
}

.mandatory {
  color: red;
}

.modal-content {
  width: 95% !important;
  margin: auto;
}

.user-login-page-animate .page-title h2 {
  font-size: 30px;
}

.user-login-page-animate .page-title h2 {
  text-align: center;
  font-size: 30px;
  margin: 0;
  font-weight: 700;
}

.upload:hover {
  color: #fff;
}

.profile-right-bod .big-med-text p {
  margin-bottom: 0;
  font-size: 15px;
}

.app-one {
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  border-radius: 10px;
  margin: 10px;
  border-radius: 20px;
  border: 1px solid rgba(17, 202, 255, 0.15);
}

.side-one h2 {
  font-size: 33px;
  text-transform: unset;
  font-weight: 700;
  color: #fff;
}

.side-one {
  padding: 12px 0;
  margin: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  position: relative;
  display: block;
  top: 0;
}

.message-side input {
  padding: 20px;
  border-radius: 32px;
}

.heading {
  padding: 20px 0;
  margin: 0;
  width: 100%;
  background-color: #fff;
  z-index: 1000;
  border-bottom: 1px solid #f7f7f7;
}

.heading h2 {
  color: #345161;
  font-size: 24px;
  font-weight: 700;
}

.has-feedback input {
  border-radius: 30px;
  border-color: #E3E3E3 !important;
  padding: 3px 11px;
}

.sideBar {
  padding: 0 !important;
  margin: 0 !important;
  background-color: transparent;
  overflow-y: auto;
  height: calc(600px - 170px);
}

.sideBar-body {
  position: relative;
  padding: 11px 12px !important;
  margin: 0 !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  border: 1px solid #ffffff3b;
  border-radius: 13px;
  margin: 0 6px 4px 0 !important;
  background: #ffffff0d;
}

.avatar-icon {
  min-width: 50px;
  height: 50px;
  margin-right: 10px;
  display: inline-block;
  border-radius: 100px;
  overflow: hidden;
}

.avatar-icon img {
  object-fit: cover;
  min-width: 50px;
  height: 50px;
  width: 50px;
}

span.time-meta.pull-right {
  position: absolute;
  right: 10px;
  top: 39px;
  color: #fff;
  font-size: 13px;
}

.name-meta {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sideBar-body p {
  font-size: 12px;
  overflow: hidden !important;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  color: #fff;
  margin-bottom: 0;
  word-break: break-all;
}

.chat-person {
  margin-right: 62px;
}

.conversation {
  padding: 0 !important;
  margin: 0 !important;
  height: 100%;
  /* width: 100%; */
  border-left: 1px solid rgba(0, 0, 0, .08);
  /* overflow-y: auto; */
}

.message-side {
  padding-bottom: 22px;
}

.message .chat-person-name {
  background: #fff;
}

.message {
  padding: 0 !important;
  margin: 0 !important;
  /* background: url("w.jpg") no-repeat fixed center; */
  background-size: cover;
  /* overflow-y: auto; */
  border: 1px solid #f7f7f7;
  height: 470px;
  background: rgba(17, 202, 255, 0.15);
}

.chat-person-name {
  padding: 7px 10px;
  font-size: 20px;
  margin: 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f7f7f7;
}

.chat-person-name h3 {
  font-size: 20px;
}

.chat-person-name h3 {
  font-size: 20px;
}

.chatuser_details h4,
.message-name h4 {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.chat-area-box {
  width: fit-content;
  line-height: 2.6;
  margin-top: 8px;
  max-width: 350px;
}

.chat-area-box span {
  background: #ffffff;
  padding: 4px 13px;
  border-radius: 0px 16px 16px 16px;
  color: #000000 !important;
  font-weight: 500;
  display: block;
  line-height: 22px;
  font-size: 12px;
  word-wrap: break-word;
}

.mesage_text img {
  width: 122px;
  border-radius: 13px;
  height: 122px;
  object-fit: cover;
}

.message_header1 p {
  font-size: 11px;
}

.sender p {
  margin: 0;
}

.message-time {
  margin: 0 !important;
  margin-right: 5px !important;
  font-size: 13px;
  text-align: right;
  font-weight: 300;
  color: #fff;
}

.chat_outer {
  height: calc(100% - 81px);
  overflow: auto;
  padding: 14px 0;
}

.message-main-sender {
  padding: 3px 20px !important;
  text-align: right;
}

.mesage_text p {
  margin-bottom: 0;
  color: #fff;
}

.sender {
  position: relative;
  width: auto !important;
  padding: 4px 0 7px 10px !important;
  border-radius: 10px 10px 10px 0;
  font-size: 12px;
  display: inline-block;
  word-wrap: break-word;
}

.message-name {
  font-size: 15px;
  font-weight: 500;
  color: #345161;
}

.sender .mesage_text {
  background: #00c8fe;
  padding: 6px 50px 6px 13px;
  border-radius: 16px 0px 16px 16px;
  color: #ffffff !important;
  font-weight: 500;
  display: block;
  font-size: 13px;
  text-align: left;
}

.sender .mesage_text .dropdown-toggle::after {
  display: none;
}

.reply-main {
  position: relative;
}

.reply-main textarea {
  width: 100%;
  resize: none;
  overflow: hidden;
  padding: 30px 160px 30px 30px !important;
  outline: none;
  border: none;
  text-indent: 0;
  box-shadow: none;
  height: 120px !important;
  border-radius: 0;
  font-size: 16px;
}

.reply-main img {
  position: absolute;
  right: 30px;
  top: 35%;
  transform: translate(0, -41%);
  cursor: pointer;
  width: 45px;
}

.webinar-inner-box p {
  font-size: 15px;
  margin-bottom: 8px !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.pagination1 ul li a {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500;
}

.webinar-inner-box h4 {
  font-size: 17px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 5px;
  overflow: hidden !important;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  padding-right: 28px;
}

.w-fix {
  width: fit-content;
}

.webinar-inner-box.inner-exercise {
  min-height: fit-content;
}

.my-exercise-inner div {
  margin-left: 12px;
}

.delivery-body.biling-box.Signup_box.p-0.contact-box.add-exercise {
  border: none;
  padding: 0 !important;
}

.duration {
  position: absolute;
  color: #00c9ff;
  top: 48px;
  right: 24px;
}

.tags-days span {
  border-radius: 10px;
  border: 1px solid #D9D9D9;
  padding: 9px;
  margin: 0 7px 5px 0px;
  display: inline-block;
}

.modal-title {
  font-size: 28px !important;
  font-weight: 600;
}

.edit-btn {
  color: #00c9ff !important;
  border: 1px solid;
  border-radius: 32px;
  padding: 9px;
  font-weight: 700;
  cursor: pointer;
}

.outer-box {
  width: 316px;
  height: 316px;
  border-radius: 316px;
  background: #00C8FF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inner-box {
  width: 201px;
  height: 201px;
  flex-shrink: 0;
  background: #fff;
  fill: #FFF;
  filter: drop-shadow(0px 4px 54px rgba(0, 0, 0, 0.25));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.my-exercise-count {
  display: flex;
  align-items: center;
  justify-content: center;
}

.play-apple-store a {
  margin-right: 7px;
}

.profile-right-body .nav-link {
  width: fit-content !important;
  border-radius: 32px !important;
  color: #000 !important;
  background: #B3EFFF !important;
  cursor: pointer;
}

.profile-right-body .nav-link.active {
  background-color: #00C8FF !important;
  color: #fff !important;
}

.profile-right-body .nav-tabs {
  border-bottom: 0px solid #dee2e6 !important;
}

.create-btn-light {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  font-size: 15px;
  padding: 5px 14px;
  border-radius: 42px;
}

.webinar-inner-box .drop-down.dropdown {
  position: absolute;
  top: 11px;
  right: -8px;
}

.webinar-inner-box .btn-success {
  background: transparent !important;
  border: none !important;
}

.webinar-inner-box .btn-success.focus,
.webinar-inner-box .btn-success:focus {
  box-shadow: unset !important;
}

.plus-btn {
  right: 92px !important;
  width: 40px !important;
  border: 1px solid;
  border-radius: 22px;
  padding: 9px;
  top: 36% !important;
  cursor: pointer;
}

.reply {
  height: 100px;
}

.sideBar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.sideBar::-webkit-scrollbar {
  width: 3px;
  background-color: #F5F5F5;
}

.sideBar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #00c8fe;
}

.higlight-text:hover {
  background: transparent !important;
  border-color: transparent !important;
}

.share-box aside.col-lg-3.col-md-6.col-sm-12 {
  padding: 3px;
}

.big-med-details-text .big-med-text h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 5px;
  overflow: unset;
  -webkit-line-clamp: unset;
  display: unset;
  -webkit-box-orient: unset;
  text-overflow: unset;
  white-space: unset;
}

.get-form-wrap .Signup_box textarea {
  background-color: #E7E7E7 !important;
  border: transparent;
}

.Signup_box.text-center.contact-main-box {
  max-width: unset;
  padding: 0;
}

.contact-main-box .input_row {
  border-radius: 38px;
}

.select-border {
  border: 1px solid #e9e9e9 !important;
  border-radius: 52px !important;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next' !important;
}

.exercise-listing .big-med-text h4 {
  font-size: 17px;
}

.liked-heart {
  padding-top: 2px;
}

.big-txt-btn.likes-btns .video-like {
  margin: 0 12px 4px 0;
  border: 1px solid #000;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-content: center;
  padding: 4px;
}

.big-txt-btn.likes-btns {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.border-radius-2 {
  border-radius: 5px;
}

.inner-chat-box {
  text-align: center;
}

.inner-chat-box img {
  width: 59%;
}

.chat-btn {
  background: #00c9ff;
  border: none;
  padding: 9px;
  color: #fff;
  border-radius: 32px;
  padding: 11px 20px;
}

.services-box .btn-link {
  color: #00c9ff !important;
}

.btn.focus,
.btn:focus {
  box-shadow: unset !important;
  text-decoration: none;
}

.btn-link:hover {
  text-decoration: none !important;
}

.form-check-input:checked {
  background-color: #00c9ff !important;
  border-color: #00c9ff !important;
}

.services-box .modal-dialog {
  max-width: 680px;
}
/* Profile radio button */
input[type="radio"].form-check-input {
  border-color: #7a7373 !important;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
/* Profile radio button end */
.servies-text {
  color: #00c9ff;
  font-weight: 600;
  margin-top: 16px;
  cursor: pointer;
}

.servies-text:hover {
  color: #00c9ff;
}

.login-to-buy .modal-content {
  height: 300px;
  max-width: 700px !important;
  text-align: center;
  width: 100%;
}

.login-to-buy .modal-body {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}

.login-to-buy .modal-body button {
    background: #00C8FF !important;
    width: fit-content;
    text-align: center;
    padding: 7px 54px;
    color: #fff !important;
    font-weight: 500;
    font-size: 18px;
    border-radius: 50px;
    border: none;
}

.login-to-buy .modal-body p {
  font-size: 22px;
  color: #000;
  font-weight: 400;
  line-height: 30px;
}

.login-to-buy .modal-body p span {
  font-weight: 500;
  color: #00c8ff;
}

.count-text {
  background: #00f;
  width: 19px;
  display: inline-block;
  height: 19px;
  border-radius: 22px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  font-size: 11px;
  top: 0;
  left: 18px;
}
.cancel-btn {
  font-size: 14px;
  color: #6b6b6b;
  text-decoration: none;
  font-weight: 700;
  cursor: pointer;
}

h5.btn.product-return {
  background: blue;
  color: #fff;
  font-size: 15px !important;
  border-radius: 100px;
  font-weight: 500;
}

.tags-days label {
  border: 1px solid #D9D9D9;
  padding: 9px;
  margin: 0 5px 0 0;
  border-radius: 12px;
}

.webinar-inner-box.inner-exercise .fa.fa-trash-o {
  background: red;
  /* display: unset; */
  color: #fff;
  border: 1px solid;
  width: 31px;
  height: 31px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 42px;
  position: absolute;
  right: 6px;
  top: 3px;
}

.about-business-sec.video_bg {
  background: url("/assets/images/partnership.jpg") no-repeat center center;
  height: 100vh;
  background-size: cover;
}

.about-business-sec.video_bg p {
  color: #fff;
}

.reply-main.px-0 input {
  position: absolute;
  background: #000;
  z-index: 999;
  top: 40px;
  width: 42px;
  right: 101px;
  opacity: 0;
  cursor: pointer;
}
p.global-trusting {
  margin: 18px 0;
  font-size: 23px;
  font-weight: 600;
}
.message-side p {
  margin-bottom: 8px !important;
  color: #fff;
}

.side {
  background: linear-gradient(221deg, #00c9ffa3 0%, #0000ffa3 100%);
}

::-webkit-scrollbar {
  width: 5px;
  height: 4px;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #aba9ad;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #00c9ff;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.chat-area-box img {
  width: 132px;
  height: 132px;
  border-radius: 20px;
  object-fit: cover;
}

.chat-person-name .sideBar-body {
  padding: 0 !important;
}

.hide-chat {
  display: none;
}

.chat-person-name .fa {
  font-size: 32px;
  margin-right: 13px;
  display: none;
}

.chat-listing-active {
  background: #00c9ff;
  border: 1px solid #ffffff7a;
}

.servives-preview span {
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.servives-preview p {
  font-size: 14px;
  text-decoration: underline;
  color: #00c9ff;
  font-weight: 600;
  cursor: pointer;
}

.tags-days label input {
  margin-right: 8px;
  accent-color: #00c9ff;
  cursor: pointer;
}

.services-box .card-header:after {
  content: "\f107";
  font-family: "FontAwesome";
  position: absolute;
  top: 16px;
  right: 16px;
  pointer-events: none;
}

.services-box .collapse.show~.card-header {
  background-color: #000;
}

.services-box .card-header button {
  width: 100%;
  text-align: left;
}

.availabilty-box input {
  padding: 24px;
  border-radius: 12px;
  background: transparent;
}

.availabilty-box {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  background: rgba(0, 200, 255, 0.08);
  border-radius: 12px;
  padding: 17px;
  margin-bottom: 13px;
}

.microphone-icon-container.submit {
  -webkit-touch-callout: none;
  margin-left: 8px;
  margin-top: 0;
  -webkit-user-select: none;
  font-size: 20px;
  border: 1px solid #7269ef69;
  padding: 12px;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  color: #7269ef;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  float: right;
  position: absolute;
  bottom: 19px;
  right: 10px;
  cursor: pointer;
  margin-right: 7px;
}

span.stop-text {
  position: unset !important;
  padding: 0 !important;
  color: red !important;
}

.join-button.red-btn {
  background: #FF0707;
}

.join-button.red-btn:hover {
  background: #FF0707 !important;
}

.schedule-img {
  width: 72px;
  height: 72px;
  min-width: 72px;
  min-height: 72px;
  border-radius: 62px;
  object-fit: cover;
}

.schedule-box .webinar-inner-box {
  flex-direction: row;
  position: relative;
  justify-content: unset;
  padding-top: 30px;
}

.schedule-box .blue-text.vew-chat {
  position: absolute;
  top: 9px;
  right: 18px;
  font-size: 14px;
  cursor: pointer;
}

.check-btn.mr-2 {
  color: #92BA2A;
  display: flex;
  align-items: center;
  margin-top: 5px;
}

.cancel-btn.mr-2 {
  color: #FF0707;
}

.notification-date {
  position: absolute;
  right: 17px;
  top: 13px;
}

/* .order-product {
  background: url(<path-to-image>), lightgray 50% / cover no-repeat;
  mix-blend-mode: darken;
  width: 139px;
  height: auto;
} */
.order-product {
  background: url(<path-to-image>), lightgray 50% / cover no-repeat;
  mix-blend-mode: darken;
  width: 139px;
  cursor: pointer;
  height: auto;
}

.order-box {
  border-radius: 30px;
  background: #E0F8FF;
  padding: 12px 17px;
  position: relative;
  cursor: pointer;
}

.unique-id {
  border-radius: 4px;
  border: 1px solid #000;
  background: #FFF;
  padding: 4px 12px;
  display: inline-block;
}

.hightlight-green-btn {
  border-radius: 7px;
  border: 1px solid #21C206;
  color: #21C206 !important;
  display: inline-block;
  width: fit-content;
  padding: 4px 12px !important;
  margin-bottom: 0 !important;
  font-size: 14px;
}

.vide-section {
  background: #191816;
  position: relative;
  height: 100vh;
}

.about-paragraph.video-content {
  position: absolute;
  color: #fff;
  bottom: 70px;
  right: 50%;
  width: 65% !important;
  margin: 0 auto;
  font-size: 20px;
  transform: translate(55%, 0%);
}

.check-mark-green {
  position: absolute;
  right: 17px;
  top: 9px;
  width: 20px;
}
.ratings .fa {
  color: #FAD307;
  margin-right: 2px;
}

.hightlight-blue-btn {
  font-size: 14px;
  border-radius: 12px;
}

.hightlight-red-btn {
  color: red !important;
  font-size: 14px;
}

.order-details-section {
  background: #E0F8FF !important;
}

.switch {
  position: relative;
  display: block;
  vertical-align: top;
  width: 62px;
  height: 30px;
  padding: 3px;
  background: #fff;
  border-radius: 18px;
  cursor: pointer;
  box-sizing: content-box;
  margin-bottom: 0 !important;
}

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  box-sizing: content-box;
}

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  box-sizing: content-box;
}

.switch-label:before,
.switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
  box-sizing: content-box;
}

.switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #aaaaaa;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

.switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: #FFFFFF;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}

.switch-input:checked~.switch-label {
  background: #00c8ff;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.switch-input:checked~.switch-label:before {
  opacity: 0;
}

.switch-input:checked~.switch-label:after {
  opacity: 1;
}

.switch-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 28px;
  height: 28px;
  background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
  background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
  border-radius: 100%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-handle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
  background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}

.switch-input:checked~.switch-handle {
  left: 34px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Transition
========================== */
.switch-label,
.switch-handle {
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
}

.manage-management select,
.manage-management input {
  border: 1px solid rgba(0, 0, 0, 0.30);
  padding: 13px 11px;
  border-radius: 34px;
  width: 100%;
}

.timing-zone input {
  border: none;
  padding: 13px 11px;
  border-radius: 10px;
  width: 100%;
}

.availabilty-box h5 {
  font-size: 16px;
  text-transform: uppercase;
  margin: 0 12px 0 0;
}

.timing-zone {
  margin-right: 8px;
}

.manage-box a {
  margin-top: 36px;
}

.available-btn a {
  cursor: pointer;
}

.cancel-bnt.join-button {
  background: #FF0707;
}

.cancel-bnt.join-button:hover {
  background: #FF0707 !important;
  display: inline-block !important;
}

.availabilty-btn .join-button {
  display: inline-block !important;
}

.add-available-box button {
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
}

.add-available-box .dropdown-menu {
  left: -66px !important;
  padding: 6px 18px !important;
}

.add-available-box .form-check input {
  width: 15%;
  margin-top: 10px !important;
}

.add-available-box .form-check-label {
  margin-bottom: 0;
  font-size: 14px;
  color: #000;
  font-weight: 400;
}

.add-available-box a {
  display: unset !important;
}

.add-available-box .availabilty-btn {
  /* margin: 0 auto; */
  text-align: center;
  margin-bottom: 10px;
}

.add-available-box .join-button {
  background: #00c8ff !important;
  padding: 0px 16px !important;
  font-size: 14px;
  color: #fff !important;
  margin: 0 auto;
}

.add-available-box .join-button:hover {
  background: #00c8ff !important;
  padding: 0px 16px !important;
  font-size: 14px;
  color: #fff !important;
  margin: 0 auto;
  border-radius: 34px !important;
}

.availabilty-box input {
  accent-color: #00c9ff;
  cursor: pointer;
}

.booking-inner-box p {
  color: #999999;
  font-size: 18px;
  margin-bottom: 4px !important;
}

.booking-inner-box {
  border-radius: 12.726px;
  border: 0.749px solid #D1D1D1;
  background: #FFF;
  padding: 19px;
  display: flex;
  align-items: center;
}

.booking-text {
  margin-left: 12px;
}

.time-inner-box p {
  color: #9A9797;
  font-size: 15px;
  margin: 0;
}

.time-inner-box span {
  border-radius: 12.888px;
  border: 1.432px solid #11CAFF;
  color: #11CAFF;
  padding: 8px;
  display: inline-block;
  margin: 6px 0 12px 0;
  width: fit-content;
  cursor: pointer;
}

.time-inner-box span.active {
  background: #11CAFF;
  color: #fff;
}

.information-box textarea {
  padding: 12px;
  border-radius: 12px;
}

.btn-link.focus,
.btn-link:focus {
  text-decoration: none !important;
}

/* .redesign-profile .Signup_box .frist_step .input103{
  color: #9b9b9b;
} */
.popular h4 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.30);
  padding-bottom: 13px !important;
}

.count-box p {
  margin-bottom: 0;
}

.count-box.last-box {
  border-top: 1px solid rgba(0, 0, 0, 0.11);
  margin-top: 8px;
  padding-top: 12px;
  padding-bottom: 15px;
}

.font-normal {
  font-weight: unset !important;
}

.close {
  font-size: 2.5rem !important;
}

.order-top {
  padding: 12px 0 0;
}

.order-top h5 {
  margin: 0;
}

.green-text {
  color: #6C9C22;
}

.shopping-cart-sec.burden-disease {
  padding: 22px 0;
}

.hight-unset {
  height: unset !important;
}

.quiz-pop.appointment-box .modal-title {
  font-size: 22px !important;
  font-weight: 700;
  color: #000000;
}

.quiz-pop.appointment-box .modal-header {
  padding-left: unset;
  padding-right: unset;
  margin: unset;
  justify-content: unset;
}

/* .burden-disease {
  padding: 22px 0;
} */
.react-calendar button {
  position: relative;
}

span.dot-calender {
  width: 7px;
  height: 7px;
  background: #00c9ff5e;
  display: inline-block;
  position: absolute;
  border-radius: 12px;
  margin-top: 16px;
  position: absolute;
  left: 23px;
}

.availability-delete-btn button {
  background: none;
  border: none;
}

.availability-delete-btn button img {
  width: 20px;
}

.availability-delete-btn {
  margin-top: 26px;
}

.disable-btn {
  background: #ff070773 !important;
}

.save-disable-btn {
  background: #00c8ff87;
}

.world-box.my-schedule-area .nav-tabs .nav-link {
  border-radius: 40px;
  background: rgba(0, 200, 255, 0.30);
  color: #000;
  width: unset;
  font-size: 14px;
  padding: 8px 18px;
  font-weight: 600;
  margin-top: 12px;
}

.no-data-area {
  margin: 23px 10px 0 !important;
}

.pending-btn {
  background: #cecece;
}

.react-calendar {
  width: 600px;
  min-width: 600px;
  border: none !important;
}

.react-calendar__tile:disabled {
  background-color: unset !important;
}

abbr[data-original-title],
abbr[title] {
  text-decoration: none !important;

}

.react-calendar__month-view__weekdays {
  border-bottom: 1px solid rgb(229 221 221 / 50%);
}

.react-calendar__month-view__days button {
  padding: 13px !important;
  font-weight: 600;
}

.select-date-area {
  padding: 30px 0;
}

.select-date-area h2 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 15px;
}

h2.additional-info {
  font-size: 25px;
  font-weight: 600;
}

.react-calendar__navigation {
  background: #11CAFF !important;
  box-shadow: 0px 4.83478px 32.63478px 0px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}

.react-calendar__navigation button:disabled {
  background: #11CAFF !important;
  border-radius: 8px;
  color: #fff !important;
  font-size: 22px;
}

button.react-calendar__navigation__arrow.react-calendar__navigation__next-button,
button.react-calendar__navigation__arrow.react-calendar__navigation__prev-button {
  color: #fff !important;
  font-size: 22px;
}

.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background: #11CAFF !important;
  border-radius: 8px;
}

button.react-calendar__navigation__arrow.react-calendar__navigation__next2-button {
  display: none !important;
}

button.react-calendar__navigation__arrow.react-calendar__navigation__prev2-button {
  display: none;
}

.react-calendar__navigation {
  min-width: 300px;
  width: 300px;
}

span.react-calendar__navigation__label__labelText.react-calendar__navigation__label__labelText--from {
  color: #fff !important;
}

.additional-action-btn {
  display: flex;
  justify-content: end;
}

.booking-detail-area {
  box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.15);
  padding: 30px;
  border-radius: 10px;
}

.time-zone-delete-icon button {
  background: none;
  border: none;
}

.MuiFormControl-root.MuiTextField-root.css-z3c6am-MuiFormControl-root-MuiTextField-root {
  margin-bottom: 6px;
}

a.add-available-box .drop-down.dropdown button {
  padding: 0;
  width: 18px;
}

.available-btn a.blue-text img {
  width: 15px;
  margin-right: 17px;
}

a.add-available-box .delete-wrap.dropdown-menu.show {
  height: fit-content;
}

a.add-available-box .drop-down.show.dropdown .form-check {
  display: flex;
  align-items: center;
}

a.add-available-box .form-check span {
  margin-right: 5px;
}

.react-calendar__month-view__weekdays abbr {
  font-weight: 800;
  text-transform: capitalize;
  font-size: 13px;
}

div#google_translate_element {
  margin-right: 12px;
}

.pull-left-profile .dropdown-menu.show {
  left: -90px;
}

img.booking-inner-profile {
  width: 240px;
  min-width: 240px;
  height: 240px;
  min-height: 240px;
  border-radius: 10px;
  object-fit: cover;
  cursor: pointer;
}

.available-btn {
  margin-left: auto;
}

.available-boxes-main {
  display: flex;
  flex-wrap: wrap;
}
.question-modal h3 {
    font-size: 22px;
    color: #000000eb;
}

.available-btn a.blue-text {
  margin: 0 8px 0;
}

a.add-available-box {
  margin-bottom: 0;
}

.available-btn.d-flex.align-items-center {
  justify-content: end;
}

button.join-button.disabled {
  background: #00c9ff75;
}

.timing-zone .css-4jnixx-MuiStack-root>.MuiTextField-root {
  min-width: 140px;
  width: 140px;
}

.MuiFormControl-root {
  width: 140px;
  min-width: 140px !important;
  border-radius: 5px !important;
}

.timing-zone .MuiOutlinedInput-notchedOutline.css-1d3z3hw-MuiOutlinedInput-notchedOutline {
  border-radius: 10px !important;
}

label.form-check.profile-check {
  padding: 0 7px 0 0;
  margin-bottom: 0;
}

.time-zone-delete-icon button img {
  width: 24px;
}

.time-zone-delete-icon {
  width: 34px;
  min-width: 34px;
}

.order-detail-right {
  margin-left: 10px;
}

.no-data-box.no-data-subscriber img {
  width: 200px;
}

.no-data-box.no-data-subscriber {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 550px;
  min-height: 550px;
  flex-direction: column;
}

.timestamp-box {
  max-height: 350px;
  overflow: auto;
  margin-top: 60px;
}

.timestamp-box h5 {
  font-weight: 600;
  margin-bottom: 18px;
}

span.time-inner-box span {
  width: 180px;
  min-width: 180px;
  text-align: center;
  padding: 6px;
}

.select-time-slot h2 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 1px;
}

.select-time-slot {
  padding: 10px 20px 12px 20px;
}

.select-time-slot .time-inner-box span {
  font-size: 13px;
}

.appointment-btns button {
  white-space: nowrap;
  margin: 0 5px 0 0 !important;
}

.appointment-btns {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.pending-btn:hover {
  background: #cecece !important;
}

span.disable-slot {
  background: #cecece;
  border: none;
  color: #ffffff;
  pointer-events: none;
}

a.description-view-btn {
  background: none;
  border: none;
  padding: 0;
  color: #00c8ff !important;
  font-weight: 600;
  text-decoration: underline !important;
  cursor: pointer;
  font-size: 14px;
  background: none !important;
  display: unset;
}

p.description-view button:hover {
  background: none !important;
  color: #00c8ff;
}

p.description-view p {
  margin-bottom: 0 !important;
}

.modal-footer.description-btn button {
  background: #00c9ff !important;
  border: 1px solid #00c9ff;
  padding: 7px 30px;
}

.modal-footer.description-btn {
  padding-top: 0;
}

.description-popup .modal-body {
  font-size: 14px;
  padding-top: 8px;
}

span.description-view {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 15px;
  word-break: break-all;
}

.btn-alignment button {
  margin: 0 6px 0 0;
}

.mb-1.same-billing-area.form-group .form-check {
  margin: 0;
}

.btn-alignment {
  display: flex;
  align-items: center;
  margin: 15px 0 0;
}

.close {
  top: 15px !important;
}

.video-call-area-inner video {
  width: 100%;
  height: 500px;
  min-height: 500px;
  object-fit: cover;
  border-radius: 20px;
}

.video-call-user video {
  width: 130px;
  height: 130px;
  min-width: 130px;
  min-height: 130px;
  object-fit: cover;
  border-radius: 50%;
}

.video-call-area-inner {
  margin-bottom: 20px;
  position: relative;
  background: #dddc;
  border-radius: 20px;
  height: fit-content;
  max-height: 500px;
}

.blog-category-section {
  padding: 14px 0px 0px 0px;
}

.blog-category-section button {
  padding: 7px 7px 7px 7px !important;
}

.video-mute {
  background: #11caff;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  min-width: 60px;
  min-height: 60px;
  margin: 0 7px;
  cursor: pointer;
}

.call-cute {
  background: red;
  cursor: pointer;
}

.call-cute img {
  width: 35px;
}

.video-call-area-icon {
  display: flex;
}

.video-call-area {
  border: 1px solid #D1D1D1;
  padding: 15px;
  border-radius: 20px;
  /* margin: 0 0 30px 0; */
}

.boder-box input {
  width: 100%;
  padding: 15px;
  border-radius: 50px;
  border: 1px solid #e9e9e9;
}

.video-call-area-right {
  border: 1px solid #D1D1D1;
  padding: 15px;
  border-radius: 20px;
  margin: 0 0 30px 0;
}

.contributors-area {
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  position: absolute;
  top: 13px;
  right: 20px;
}

.contributors-area-left {
  display: flex;
  align-items: center;
}

.contributors-area-left h6,
.contributors-area-left p {
  margin-bottom: 0;
}

.contributors-area-right img {
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.contributors-area-right {
  background: #000000;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  min-width: 30px;
  min-height: 30px;
  margin: 0 0 0 15px;
}

.contributors-area-left h6 {
  background: #11caff;
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 28px;
  border-radius: 50%;
}

.contributors-area-left p {
  font-weight: 500;
  color: #000;
}

.common-btn-spacing {
  padding: 3px 11px !important;
}

.height-spacing-area {
  min-height: fit-content;

}

.height-spacing-area .no-data-box {
  padding: 15px 0;
}

.height-spacing-area .no-data-box img {
  width: 100px;
}

.create-webinar-date .MuiFormControl-root {
  width: 100%;
}

.create-webinar-date input {
  border: none;
}

.video-mute i {
  color: #fff;
  font-size: 29px;
}

.answer-call {
  background: #01bb01 !important;
}

.video-calling-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video-calling-content p {
  margin-bottom: 0;
  color: #000000a3;
  font-size: 20px;
  font-weight: 600;
}

.contact-form-area input {
  color: #000 !important;
}

.world-big-med h1 {
  font-size: 45px;
  font-weight: 700;
  color: #000;
}

span.webinar-stop {
  min-width: 18px;
}

.navbar-toggler:focus {

  box-shadow: unset !important;
}

.card-body .table-responisve.table1 {
  overflow-x: auto;
}

.spacing-bottom {
  padding-bottom: 0 !important;
}

.fade.video-call-modal-box.modal.show .modal-content {
  width: 100% !important;
}

.video-mute.call-cute {
  background: red;
}

.profile-right-side .cardbox h5 span {
  font-size: 20px;
}

.profile-right-side .cardbox h5 {
  font-size: 20px;
}

.blogs-content-area {
  padding: 20px;
  border-radius: 4px;
  border-radius: 19px;
  border: 1px solid #00C8FF;
  height: 100%;
}

.img_row.shadow-sm.blog-thumb-image {
  border: 1px solid #0000001c;
}

.top-spacing-area {
  margin-top: 10px;
}

a.navbar-brand img {
  width: 180px;
}

section.video-testimonials.slider-btn.testimonial-spacing {
  padding-bottom: 0;
}

.mute-unmute-btn img {
  position: absolute;
  right: 35px;
  bottom: 35px;
  width: 45px;
  height: 45px;
  min-width: 45px;
  min-height: 45px;
}

.select-time-slot .row {
  align-items: end;
}

.disclaimer-area p a {
  display: unset;
  cursor: pointer;
}

.disclaimer-area p {
  margin-bottom: 0;
  padding: 8px 0;
  font-size: 14px;
}

.disclaimer-area span {
  text-align: center;
  display: flex;
  justify-content: center;
  font-weight: 600;
}

.css-1jy569b-MuiFormLabel-root-MuiInputLabel-root.Mui-error {
  color: rgba(0, 0, 0, 0.6) !important;
}

.about-top-section p {
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  color: #fff;
  font-weight: 400;
}

.about-third-section .global-solution-text {
  text-align: left;
}

.home-banner.about-top-section {
  background: url("../../assets/images/global-data.png") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center;
  display: block !important;
}

section.global-solution-section.about-second-section {
  background: url("../../assets/images/community-involvement1.png") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: bottom;
  height: 120vh;
  display: block !important;
}

section.global-solution-section.about-second-section .global-solution-text {
  text-align: right;
}

section.global-solution-section.about-third-section {
  background: url("../../assets/images/remarkable-revolution.png") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center;
  height: 100vh;
  display: block !important;
}

section.global-solution-section.about-fourth-section {
  background: url("../../assets/images/global-impact.png");
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center;
  height: 1530px;
  display: block !important;
}

section.global-solution-section.about-fourth-section .global-solution-text {
  text-align: right;
}

section.global-solution-section.about-fiveth-section {
  background: url("../../assets/images/new-world.jpg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center;
  height: 140vh;
  display: block !important;
}

.card.shopping-details {
  border: none !important;
  border-radius: 22px;
}

.shopping-details .dlist-align {
  margin-bottom: 16px !important;
}

 .dlist-align dt {
  color: #000 !important;
}

.pending-text {
  border: 1px solid red;
  padding: 1px 10px;
  border-radius: 130px;
  text-transform: capitalize;
}

.shopping-details .chkoutbtn {
  border-radius: 210px;
}

.shopping-cart-left .product-count {
  border-radius: 10px;
  border: 1px solid #D3D3D3;
  background: #FFF;
  height: 44px;
  align-items: center;
  display: flex;
  width: fit-content;
}

.shopping-cart-left .product-count span {
  margin: 0 12px;
}
.zoom-in-zoom-out {
  animation: zoom-in-zoom-out 1.5s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}

.shopping-cart-left button.button-count i {
  font-size: 20px;
}

.inner-action {
  display: flex;
}

.make_payment .btn {
  color: white;
  font-weight: 500;
  font-size: 17px;
  border-color: #00c9ff;
  background-image: linear-gradient(#fff, #fff), linear-gradient(#00c9ff, #00c9ff);
  background-size: 0 100%, auto;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all .2s ease-out;
  padding: 12px 11px;
  border-radius: 45px !important;
  width: 70% !important;
  justify-content: center !important;
  display: flex !important;
  margin: 20px auto !important;
}

.address-detail {
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-bottom: 10px;
}

.address-detail h5 {
  font-weight: 600;
  font-size: 18px;
}

.address-detail h6 {
  margin: 14px 0;
}

.address-detail button.edit-btn {
  padding: 2px 15px;
  font-weight: 600;
  font-size: 14px;
}

.delivery-payment input#formBasicCheckbox {
  width: 20px;
  height: 20px;
}

.delivery-payment .form-check label {
  padding-left: 10px;
}

.delivery-payment .form-check {
  margin-top: 30px;
}

.delivery-payment label {
  color: #000 !important;
  margin-bottom: 0 !important;
  font-weight: 500 !important;
}

.delivery-payment input,
.delivery-payment select.form-control {
  padding-left: 15px !important;
  border-radius: 30px !important;
}

button.save-address-btn {
  margin: 30px auto 20px;
  display: flex;
  background: #00c9ff;
  border: 1px solid #00c9ff;
  padding: 11px 60px !important;
  border-radius: 120px;
  font-size: 17px;
  font-weight: 400;
  justify-content: center;
  width: fit-content !important;
}

button.paybtn.py-3.save-address-btn:hover {
  color: #fff !important;
}

.address_modal .modal-header {
  margin-bottom: 10px;
}

.address_modal .modal-title {
  color: #000;
  font-size: 20px !important;
  font-weight: 600 !important;
}

.shipping-detail-area2 h4 {
  text-align: center;
  font-size: 45px;
  font-weight: 700;
  color: #000;
  margin-bottom: 15px;
}

.shipping-detail-area2 .notification_list {
  background: #E0F8FF;
  border: none;
}

.shipping-detail-area .address input[type="radio"] {
  height: 18px !important;
  width: 18px !important;
  background: none !important;
  border: 1px solid #000 !important;
}

.shipping-detail-area2 .address h5 {
  font-size: 16px;
  font-weight: 600;
}

.shipping-detail-area2 .notification_list h6 {
  color: #000;
  margin: 13px 0 0 !important;
  display: flex;
}

.payment-expiry .react-datepicker-wrapper {
  display: unset;
}

.payment-expiry input {
  border-radius: 60px;
  border: 1px solid #e9e9e9;
  font-size: 16px;
  color: #000;
  width: 100%;
  padding: 15px;
}

.shipping-detail-area2 {
  min-height: 495px;
}

button.paybtn.py-3.shipping-continue-btn {
  border-radius: 190px;
}

.shopping-details .dlist-align h6 {
  font-size: 14px;
}

.top-bottom-spacing {
  padding: 50px 0 !important;
}

.top-bottom-spacing .ingridient-product img {
  width: 550px;
  cursor: pointer;
  transition: 0.4s ease;
}

.webinar-inner-box.cursor-issue {
  cursor: unset;
}

.cancel-order-popup .border-none.m-auto.modal-footer {
  padding-bottom: 0;
}

p.mdl-desc.verfication-bottom-spacing {
  margin-bottom: 0 !important;
}

.top-bottom-spacing .ingridient-product img:hover {
  transform: scale(1.04);
}

.bottom-spacing-area {
  padding-bottom: 0 !important;
}

.wallet-box.walled-issue p {
  text-align: right;
}

.wallet-box.walled-issue p b {
  word-break: break-all;
}

.wallet-box.walled-issue .d-flex.align-itmes-center {
  margin-right: 35px;
}

.med-detail {
  cursor: default;
}

.upload-document.create-document {
  position: relative;
}

.upload-document.create-document p {
  position: absolute;
  top: 22px;
  left: 20px;
  color: #838583;
  font-size: 15px;
}

button.swal2-cancel.swal2-styled {
  width: fit-content;
  min-width: 150px;
}

.no-address-area p {
  font-weight: 600;
  margin-top: 12px;
  margin-bottom: 0;
}

.no-address-area img {
  width: 120px;
}

.no-address-area {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.address-left-area {
  padding-left: 20px;
}

.address-info {
  margin: 0 0 0 10px;
}

.address-country-area i {
  position: absolute;
  right: 15px;
  bottom: 15px;
  font-size: 22px;
}

.address-country-area {
  position: relative;
}

.no-item-area p {
  font-weight: 600;
  color: #000;
  margin-top: 15px;
}

.no-item-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
}

.no-item-area img {
  width: 160px;
}

img.subscribe-icon {
  width: 34px;
  min-width: 34px;
}

.sub-card.subscribed-product {
  display: flex;
}

.subscribed-product-image .product-box img {
  width: 140px;
  min-width: 140px;
}

.subscribed-product .product-box img {
  width: 160px;
}

.subs_secondbox.subscribed-product .cancelsubs_btn button {
  border: none !important;
  border-radius: 150px !important;
  height: 40px !important;
  font-size: 16px !important;
}

form.text-left.mt-3.cancel-order-area {
  display: grid;
}

.cancel-order-popup button {
  width: 100px;
}

.review_btn .btn {
  border-radius: 160px !important;
}

.rating-area-btns a {
  margin: 0 4px;
  border-radius: 160px;
}

.rating-area-btns {
  display: flex;
}

img.img-hide-mobile.top-cart-icon {
  width: 31px;
}

.services-preview p {
  color: #00c9ff;
  text-decoration: underline;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
}

.address-left-area input {
  cursor: pointer;
}

.cancelorder_modal textarea {
  margin-bottom: 5px !important;
}

.return-inner-area.modal-body {
  padding: 0 7px;
}

.order-placed-box .success_payment .btn {
  width: fit-content;
  padding: 8px 30px;
  border-radius: 160px;
}

.shopping-btn.delete-btn img {
  margin-right: 5px;
}

.add-skip-btn .add_subs_btn,
.add-skip-btn .skip_subs_btn {
  border-radius: 134px !important;
}

.payment_section .nav-pills .nav-link,
.payment_section .nav-pills>.nav-link {
  min-height: 65px !important;
  height: 65px !important;
}

textarea.textarea103.w-100.create-post-description {
  padding-right: 45px !important;
}

.new-card-add-btn button {
  border: none;
  background: #00c8ff;
  color: #fff;
  margin: 9px;
  padding: 8px 18px;
  font-size: 14px;
  border-radius: 90px;
  font-weight: 500;
}

/* .mb-1.same-billing-area.form-group {
  padding: 20px 0 0 15px;
} */
button.track-order {
  background: none;
  border: 1px solid #00c9ff;
  color: #00c9ff;
  font-size: 15px;
  border-radius: 7px;
  padding: 2px 10px;
  font-weight: 500;
}

.new-card-add-btn {
  text-align: right;
}

.notification_list.address-list-area {
  border: none !important;
  box-shadow: none !important;
  padding: 20px 0 10px 0 !important;
}

.notification_list.address-list-area h6 {
  padding-left: 40px;
  font-size: 14px;
  margin: 6px 0 !important;
}

.notification_list.address-list-area h5 {
  margin-bottom: 6px !important;
}

.notification_list.address-list-area:after {
  content: "";
  position: absolute;
  height: 132px;
  width: 1px;
  background: #D9D9D9;
  top: 0;
  left: 10px;
  z-index: 0;
}

.address input[type="radio"] {
  height: 22px;
  width: 22px;
  margin: 0;
  padding: 0;
  opacity: 1;
  cursor: pointer;
  appearance: none;
  border: 2px solid #D9D9D9 !important;
  border-radius: 100px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
  background: #D9D9D9;
  z-index: 1;
}

.address input[type="radio"]:checked {

  border: 2px solid #00c9ff !important;
}

.track-order-box-area .modal-title.h4 {
  font-size: 26px !important;
  color: #000;
  font-weight: 700;
}

.right-blue-msg {
  background: #00c8fe;
  border-radius: 16px 0px 16px 16px;
}

.right-blue-msg p.text-right {
  padding: 2px 10px 4px 0;
}

section.burden-disease {
  padding: 50px 0;
}

.select-top-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}

.delivery-head span.blue-text {
  margin-left: 6px;
}

/* btn-css */
.ingredient-buy-now button {
  overflow: hidden;
}

.ingredient-buy-now button {
  font-weight: 500;
  color: #00c9ff;
  background-color: #fff;
  padding: 10px 32px;
  border: none;
  border-radius: 36px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border: 2px solid #00c9ff;
}

.ingredient-buy-now button:hover {
  color: #fff;
}

.ingredient-buy-now button span:not(:nth-child(6)) {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 30px;
  width: 40px;
  background-color: #00c9ff;
  border-radius: 50%;
  transition: .6s ease;
}

.ingredient-buy-now button span:nth-child(6) {
  position: relative;
}

.ingredient-buy-now button span:nth-child(1) {
  transform: translate(-3.3em, -4em);
}

.ingredient-buy-now button span:nth-child(2) {
  transform: translate(-6em, 1.3em);
}

.ingredient-buy-now button span:nth-child(3) {
  transform: translate(-.2em, 1.8em);
}

.ingredient-buy-now button span:nth-child(4) {
  transform: translate(3.5em, 1.4em);
}

.ingredient-buy-now button span:nth-child(5) {
  transform: translate(3.5em, -3.8em);
}

.ingredient-buy-now button:hover span:not(:nth-child(6)) {
  transform: translate(-50%, -50%) scale(4);
  transition: 1.5s ease;
}

.ingredient-buy-now {
  text-align: center;
}

.home-banner.about-top-section .banner-text h1 {
  font-size: 45px;
  font-weight: 700;
  line-height: 58px;
  margin-bottom: 15px;
  color: #ffff;
  text-align: center;
}

button.create-btn-light.create-highlighted {
  background: #fff;
  color: #00c8ff;
  font-weight: 500;
}

.profile-right-header.edit-top-btn-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.profile-right-header.edit-top-btn-area .profile-header {
  padding: 0;
}

.profile-right-header.edit-top-btn-area .profile-header a {
  color: #00c9ff !important;
  border: 1px solid;
  border-radius: 32px;
  padding: 9px;
  font-weight: 700;
  background: #fff;
  font-size: 14px;
}

.profile-right-header.edit-top-btn-area .profile-header a img {
  width: 20px;
  margin-right: 5px;
}

.ingredient-buy-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 10px;
}

.ingredient-buy-btn p span {
  color: gray;
  font-weight: 400;
  text-decoration: line-through;
  font-size: 17px;
  margin-right: 5px;
}

.ingredient-buy-btn p {
  margin-bottom: 0;
  color: #00c9ff;
  font-weight: 600;
  font-size: 18px;
  margin-right: 15px;
}

.user-info-mid-content-area {
  display: flex;
  justify-content: space-between;
}

a.btn.face-btn {
  padding: 0;
}

a.btn.face-btn button.btn.metro {
  padding: 5px 0;
  font-weight: 500;
}

span.time-inner-box.mr-2.disabled {
  cursor: no-drop;
}

.email-verfication.account-type-popup a {
  width: 49%;
  padding: 11px 0;
}

.fade.new-pop.account-type-popup-area.modal.show button.close:hover {
  position: absolute !important;
  right: 10px !important;
  top: 15px !important;
  color: #000;
  background: transparent !important;
  z-index: 999 !important;

}

.fade.new-pop.account-type-popup-area.modal.show .modal-header .close {
  padding: unset !important;
  margin: unset !important;
}

.fade.new-pop.account-type-popup-area.modal.show .select-main {
  height: 52px !important;
}

.language-select-bottom .flag-select {
  border: 1px solid #0000001f;
  padding-bottom: 0;
  border-radius: 5px;
}

.language-select-bottom {
  text-align: right;
}

.input_row.icon-down-area {
  position: relative;
}

.input_row.icon-down-area i {
  position: absolute;
  right: 20px;
  bottom: 20px;
  color: #000;
  font-weight: 800;
  font-size: 18px;
}

.booking-text p img {
  width: 20px;
}

.profile-top-cons-area {
  display: flex;
  align-items: center;
  margin: 7px 0;
}

.profile-top-cons-area .social-btn i {
  border-radius: 50% !important;
  background: transparent !important;
  color: #000 !important;
  border: 1px solid #000;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px !important;
}

.profile-top-cons-area button.btn.btn-sm.twt-btn {
  border: 1px solid #000;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px;
}

.covered-content p {
  margin-bottom: 6px;
  font-size: 14px;
}

h6.replace-text {
  width: fit-content;
  background: #00c9ff;
  color: #fff;
  padding: 6px 14px;
  border-radius: 70px;
  font-size: 14px;
  margin-bottom: 15px;
}

section#moredesc {
  margin: 0;
  padding: 0;
}

h5.product-review-bottom {
  text-align: center;
  margin-top: 20px;
}

h5.product-review-bottom i {
  color: #ffca00;
  margin: 0 1px;
}

h5.product-review-bottom span a {
  font-size: 16px;
  margin-left: 8px;
  font-weight: 600;
}

.buy-product-detail-right h2 {
  font-size: 30px;
  font-weight: 700;
  color: #000;
  margin-bottom: 0;
}

.buy-product-detail-right h5.product-review-bottom {
  margin: 0;
  text-align: justify;
  margin-bottom: 13px;
}

.buy-product-detail-right h5 {
  text-transform: math-auto;
  font-size: 17px;
  margin: 9px 0;
}

h5.pricing-content-area {
  color: #00c9ff;
  font-weight: 600;
  margin: 23px 0 10px;
}

h5.pricing-content-area span {
  color: gray;
  font-size: 16px;
  font-weight: 300;
  text-decoration: line-through;
  margin-right: 6px;
}

.buy-product-detail-right .color_row span {
  min-width: 30px !important;
  min-height: 30px;
  text-align: center;
  color: white !important;
  cursor: pointer;
  margin-right: 4px;
  position: relative;
  height: 30px;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 30px;
  margin: 8px 3px;
  border: none !important;
}

.buy-product-detail-right p b {
  color: #000;
  font-size: 16px;
}

.buy-product-detail-right p {
  margin: 0;
  font-size: 14px;
  color: #707981;
  line-height: 27px;
  font-weight: 500;
}

.buy-product-detail-right .ingredient-buy-now button {
  padding: 7px 29px;
  font-size: 18px;
}

.buy-product-detail-right .ingredient-buy-now {
  text-align: left;
  margin: 15px 0;
}

.buy-product-detail-right .color_row {
  display: flex;
}

.buy-product-detail-right h5 {
  text-transform: math-auto;
  font-size: 17px;
  margin: 17px 0;
  font-weight: 700;
  color: #000;
}

.buy-product-detail-right h5 span {
  font-weight: 500;
  font-size: 15px;
}

.buy-product-detail-right p {
  margin: 0;
  font-size: 14px;
  color: #707981;
  line-height: 27px;
  font-weight: 500;
  max-height: 210px;
  height: 100%;
  overflow: auto;
}

.buy-product-detail-right-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 11px;
  flex-wrap: wrap;
}

.buy-product-detail-right-top .video-like {
  border: 1px solid #000;
  width: 33px;
  height: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.buy-product-detail-right-top .video-like img {
  width: 23px;
  cursor: pointer;
}

div#example-modal-sizes-title-lg {
  font-size: 22px !important;
  font-weight: 600 !important;
}

.profile-top-cons-area button.btn.btn-sm.btn-facebook {
  padding: 0 4px 0 0;
}

p.category-text {
  color: #0000ff;
  font-weight: 400;
}

a.chat-message-icon img {
  background: #0000ff;
  padding: 3px;
  border-radius: 4px;
  width: 30px;
}

.review-list-area.review-list h3 {
  color: #000;
  font-size: 30px;
  font-weight: 700;
}

.review-list-area.review-list .media {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border: none !important;
  margin: 15px 0;
  padding: 20px !important;
  border-radius: 10px;
}

.media img {
  margin-right: 15px;
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  border-radius: 50%;
}

.review-list-area.review-list .media h5 {
  font-weight: 700;
  font-size: 17px;
}

.review-list-area.review-list .media p {
  font-weight: 500;
  font-size: 15px;
  color: #343039;
  margin: 0;
}

.offer_sction h5 {
  color: #000000;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
}

.offer_sction .slider_box {
  background-image: unset;
  background-size: cover;
  padding: 22px;
  border: 2px solid #00c9ff;
  border-radius: 6px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.offer-box-area {
  border: 2px solid #11caff;
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 15px;
}

.offer-box-area img {
  width: 100%;
}

.offer-content-box-area p {
  margin: 6px 0;
  font-size: 20px;
  font-weight: 700;
}

.offer-content-box-area h6 {
  margin: 10px 0;
  font-size: 20px;
  font-weight: 800;
  color: #11caff;
}

.offer-content-box-area p span {
  color: gray;
  font-weight: 400;
  margin-left: 6px;
  font-size: 19px;
}

.preview-image-area-left .swiper-button-next,
.preview-image-area-left .swiper-button-prev {
  background: #00c9ffba;
  width: 41px !important;
  border-radius: 32px;
  height: 41px !important;
  top: 50% !important;

}

.preview-image-area-left .swiper-button-next {
  right: 0 !important;
}

.preview-image-area-left .swiper-button-prev {
  left: unset !important;
  left: 29px !important;
  /* z-index: 9999; */
}

.preview-image-area-left .swiper-button-next:after,
.preview-image-area-left .swiper-button-prev:after {
  content: "\f054" !important;
  font-family: FontAwesome;
  position: absolute;
  color: #fff;
  font-size: 15px;
}

.preview-image-area-left .swiper-button-next:after {
  content: "\f054" !important;
}

.preview-image-area-left .swiper-button-prev:after {
  content: "\f053" !important;
}

.preview-image-area-left .slider_box_new {
  height: 100%;
  max-height: 660px;
}

.brand-logos-section h5 {
  text-align: center;
  font-size: 45px;
  font-weight: 700;
  padding-bottom: 10px;
}

a.heart_icon1.fav-product {
  width: 45px;
  min-width: 45px;
  height: 45px;
  min-height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.color_row.shopping-clr input {
  pointer-events: none;
  border: none;
}

.color_row.shopping-clr {
  margin-bottom: 12px;
}

p.channel-name.person-problem {
  color: #00c9ff;
  font-weight: 700;
  margin-bottom: 2px;
}

.no-available-slots img {
  width: 110px;
}

.no-available-slots {
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.no-available-slots p {
  color: #000;
  font-weight: 600;
  margin: 6px 0 0;
}

.filter-area-top {
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.filter-area select {
  padding: 7px 0;
  border-radius: 10px;
  border: 1px solid #bcbcbc3b;
  background: #bcbcbc3b;
}

.filter-area label {
  margin: 0 10px 0 0;
}

.filter-area {
  display: flex;
  align-items: center;
}

h1.notification-heading {
  font-size: 30px;
  color: #000;
  font-weight: 700;
}

.big-med-main-img.big-med-slides.detail-main-image img {
  object-fit: contain;
  background: #80808029;
}

.common-height-btn {
  height: 55px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

span.google_btn.common-height-btn a.btn.btn-google {
  height: 55px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.ingredient-buy-btn.order-detail-price {
  justify-content: left;
  margin-bottom: 7px;
}

.ingredient-buy-now {
  width: fit-content;
}

.product-list-image.text-center.fav-product img {
  height: auto;
}

.social-btn.share-social-top button.btn.btn-sm.whtsp-btn i {
  background: gray !important;
  border: 1px solid gray !important;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  font-size: 19px;
}

.no-data-box.blog-no-data img {
  width: 20%;
}

.animated.animatedFadeInUp.fadeInUp.social-btns.text-right.d-flex {
  align-items: center;
  justify-content: center;
}

button.btn.btn-sm.whtsp-btn.share-whtsapp-icon {
  padding: 0;
}

button.btn.btn-sm.whtsp-btn.share-whtsapp-icon i {
  border-radius: 50%;
  font-size: 20px;
}

.search-bar {
  display: flex;
  justify-content: end;
  position: relative;
  margin: 0 0 20px 0;
}

.search-bar i {
  position: absolute;
  top: 14px;
  right: 15px;
  color: #000000;
}

.search-bar input {
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #00000017;
  background: #80808017;
  max-width: 190px;
  width: 100%;
}

.email-verfication-popup {
  min-height: 500px;
}

.email-verfication-popup .animated.animatedFadeInUp.fadeInUp.social-btns.text-right.d-flex {
  justify-content: center;
  margin: 21px 0 0 0;
}

.verify-txt-email h4 {
  font-size: 22px;
  font-weight: 600;
}

.webinar-left-image-icons .profile-top-cons-area {
  flex-direction: column;
}

.webinar-left-image-icons a.btn.btn-sm.twt-btn img {
  width: 28px;
}

.webinar-left-image-icons a.btn.btn-sm.twt-btn {
  padding: 0;
}

.webinar-left-image-icons .profile-top-cons-area .social-btn {
  margin: 2px 0;
}

.booking-text a.btn.btn-sm.twt-btn img {
  width: 31px;
}

.booking-text a.btn.btn-sm.twt-btn {
  padding: 0;
}

.redesign-header .navbar-light .navbar-nav .nav-link:hover {
  color: #1ccaff !important;
}

.policy-text li a {
  font-size: 14px;
}

.policy-text li a:hover {
  color: #fff !important;
}

.policy-text {
  text-align: right;
  line-height: 33px;
  margin-bottom: 0 !important;
}

.tcondition table.table {
  border: 1px solid #0003;
  margin: 30px 0;
}

.congrats-social-icons button {
  padding: 0;
}

.congrats-social-icons button i {
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.order-status-bottom-area {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.order-status {
  text-align: end;
}

.order-status span {
  line-height: 34px;
}

.order-status a {
  padding: 2px 7px;
}

.detail-order-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3px;
}

.offer-main-picture img {
  width: 100%;
  height: 360px;
  object-fit: contain;
}

.copy-profile {
  position: relative;
}

i.fa.fa-clipboard.Demo__some-network__share-button {
  position: absolute;
  right: 10px;
}
.comments-section h4 {
  font-size: 19px;
  font-weight: 500;
  margin-bottom: 14px;
}
.comments-section {
  padding: 12px 0;
  border-top: 1px solid #00000059;
}
.main-user-comments {
  display: flex;
  align-items: center;
  border: 1px solid #80808047;
  border-radius: 12px;
  padding: 19px 14px;
  /* background: #dbf7ff59; */
  margin: 7px 0;
  /* box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; */
}
.main-user-comments img {
  width: 50px;
  height: 50px;
  border: 1px solid gray;
  border-radius: 50%;
}
.user-comments {
  margin: 0 0 0 13px;
  width: 100%;
}
.user-comments p {
  margin: 0;
  font-size: 13px;
}
.user-comments h5 {
  font-size: 16px;
  margin: 0;
}
.day-time-text {
  font-size: 12px;
  margin-left: 12px;
  color: gray;
}
.comment-header {
  display: flex;
  justify-content: space-between;
}
.replies-text, .replies-text:hover {
  background: #00c9ff;
  color: #fff;
  padding: 3px 12px;
  border-radius: 32px;
  font-size: 13px;
  cursor: pointer;
}
.replies-text i {
  margin-right: 6px;
}
.main-user-comments.sub-comments {
  margin: 0px 0 8px 25px;
  border-left: 1px solid #80808082;
  padding: 13px 13px 13px 14px;
  box-shadow: unset;
  position: relative;
}
.main-user-comments.sub-comments:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 97px;
  background: #00000014;
  left: -24px;
  top: -16px;
}
.main-user-comments.sub-comments.sub-child-comments {
  margin: 0px 0 0px 48px;
}
button.send-btn {
  background: #00c9ff;
  color: #fff;
  border: none;
  padding: 6px 12px;
  border-radius: 22px;
  position: absolute;
  top: 9px;
  right: 9px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  cursor: pointer;
}
.type-comments.position-relative textarea {
  border-radius: 11px;
  resize: none;
  font-size: 13px;
  background: #f0f2f5;
  border-radius: 42px;
}
.type-comments img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 12px;
}
.type-comments {
  display: flex;
}
.flag{
  background: #a90c0c;
  padding: 5px;
  font-size: 11px;
  color: #fff;
  border-radius: 5px;
  margin-left: 6px;
  cursor: pointer;
}
.under-scroll {
  max-height: 444px;
  height: 100%;
  overflow: hidden;
}
.under-scroll::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.under-scroll:hover {
  overflow: auto;
}
.aa0 .ah2 {
  flex-direction: column;
  display: flex;
  width: 100%;
  gap: 8px;
  justify-content: center;
  margin: 0 auto;
}

.aa0 .ah2 .ah1 {
  line-height: 1;
  width: 100%;
  color: #111;
  cursor: auto;
  font-size: 24px;
  letter-spacing: -.5px;
  padding: 4px 0 4px 0;
  font-weight: 700;
}

.aa0 .ah2 .ah1:last-of-type {
  font-size: medium;
  text-align: center;
}
.text-reply textarea {
  background: transparent;
  border: none;
  resize: none;
  height: 27px;
  font-size: 13px;
}
.text-reply {
  background: #f0f2f5;
  padding: 7px;
  border-radius: 17px;
  margin-bottom: 6px
}

.aa0 .ah2 .ah0 {
  min-width: 250px;
  border: 1px solid #ccc;
  border-radius: 10.5px;
  padding: 16px 0 12px 0;
  overflow-x: hidden;
}

.af9 {
  display: flex;
  flex-direction: column;
  min-height: 16px;
  gap: 2px;
  margin: 0;
  padding: 0 16px;
  color: #333;
}

.ag5 {
  display: flex;
  gap: 6px;
  position: relative;
}

.af9 > .af7 > :not(.ag6,.ag8,.ag9):nth-child(n+2){
  margin-left: 44px;
}

.af7 > :not(.ag6,.ag8,.ag9):nth-child(n+2){
  margin-left: 36px;
  padding-left: 4px;
}


.af7 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  position: relative;
  margin-bottom: 10px;
}

.af7 .ag5 img{
  cursor: pointer;
  border-radius: 50%;
  margin-top: 4px;
  position: relative;
  box-shadow: 0 0 0 3px #fff;
  z-index: 10;
}

.af9 > .af7 :nth-child(1) img{
  height: 36px;
  width: 36px;
}

.af9 > .af7 :nth-child(n+2) img{
  height: 28px;
  width: 28px;
}


.ac2 {
  display: flex;
  flex-direction: column;
  /* z-index: 6; */
}

.ac2 .ac5 {
  width: fit-content;
  padding: 8px 12px;
  border-radius: 18px;
  text-align: justify;
}

.ac2 .ac4 {
  line-height: 16px;
  font-size: 15px;
  margin: 0;
  font-weight: 600;
  cursor: pointer;
  color: #080809
}   

.ac2 .ac1 {
  display: flex;
  column-gap: 16px;
  flex-wrap: wrap;
  padding: 4px 0 0 12px;
}

.ac2 .ac1 u {
  font-size: 12px;
  text-decoration: none;
  color: #65676b
}

.ac2 .ac1 u:hover {
  text-decoration: underline;
  cursor: pointer
}            

.ac2 .ac1 :nth-child(2){
  font-weight: 700
}  

.ac2 .ac1 .ac0 {
  position: relative;
  top: -5px;
}

.ac2 .ac1 .ac0>span {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 50%;
  background-repeat: no-repeat;
  box-shadow: 0 0 0 2px #fff;
  top: 4px
}

.ac2 .ac1 .ac0 :nth-child(n+2) {
  z-index: 1001;
}

.ac2 .ac1 .ac0 :nth-child(n+3) {
  z-index: 1000;
  left: -6px;
}

.ac2 .ac1 .ac0 :nth-child(n+4) {
  z-index: 999;
  left: -12px;
}

.ac2 .ac3 {
  margin: 0;
  line-height: 21.3328px;
  font-size: 15px
}

.ag6{
  position: absolute;
  background-color: #F0F2F5;
  display: flex;
  width: 2px;
  top: 6px;
  left: 16px;
  z-index: 3;
}
.ag7{
  position: relative;
  z-index: 6;
  color: #65686c;
  font-size: 15px;
  line-height: 20px;
  display: block;
  font-weight: 600;
  background-color: #fff;
  box-shadow: -4px 0 0 0 #fff;
  margin-bottom: 6px;
  text-decoration: none;
  cursor: pointer;
}
.ag9{
  position: absolute;
  height: 32px;
  width: 48px;
  border: 2px solid #F0F2F5;
  border-radius: 10.5px;
  left:-28px;
  top:-16px;
  z-index:1;
}
.af7 .af7 .af7 .ag9,
.af7 .af7 .ag5 .ag9{
  left: -24px;
}
.ag5 > .ag7 ~ .ag9 {
  top: -24px;
}            
.ag8{
  position: absolute;
  height: 48px;
  width: 64px;
  background-color: #fff;
  border-radius: 10.5px;
  left: -26px;
  top: -31px;
  z-index: 2;
}
.af7 .af7 .af7 .ag8,
.af7 .af7 .ag5 .ag8{
  left: -22px;
}
.ag5 > .ag7 ~ .ag8 {
  top: -39px;
}
.ac2 .ac1 .ac0 .ab3 {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16.0001 7.9996c0 4.418-3.5815 7.9996-7.9995 7.9996S.001 12.4176.001 7.9996 3.5825 0 8.0006 0C12.4186 0 16 3.5815 16 7.9996Z' fill='url(%23paint0_linear_15251_63610)'/%3E%3Cpath d='M16.0001 7.9996c0 4.418-3.5815 7.9996-7.9995 7.9996S.001 12.4176.001 7.9996 3.5825 0 8.0006 0C12.4186 0 16 3.5815 16 7.9996Z' fill='url(%23paint1_radial_15251_63610)'/%3E%3Cpath d='M16.0001 7.9996c0 4.418-3.5815 7.9996-7.9995 7.9996S.001 12.4176.001 7.9996 3.5825 0 8.0006 0C12.4186 0 16 3.5815 16 7.9996Z' fill='url(%23paint2_radial_15251_63610)' fill-opacity='.5'/%3E%3Cpath d='M7.3014 3.8662a.6974.6974 0 0 1 .6974-.6977c.6742 0 1.2207.5465 1.2207 1.2206v1.7464a.101.101 0 0 0 .101.101h1.7953c.992 0 1.7232.9273 1.4917 1.892l-.4572 1.9047a2.301 2.301 0 0 1-2.2374 1.764H6.9185a.5752.5752 0 0 1-.5752-.5752V7.7384c0-.4168.097-.8278.2834-1.2005l.2856-.5712a3.6878 3.6878 0 0 0 .3893-1.6509l-.0002-.4496ZM4.367 7a.767.767 0 0 0-.7669.767v3.2598a.767.767 0 0 0 .767.767h.767a.3835.3835 0 0 0 .3835-.3835V7.3835A.3835.3835 0 0 0 5.134 7h-.767Z' fill='%23fff'/%3E%3Cdefs%3E%3CradialGradient id='paint1_radial_15251_63610' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='rotate(90 .0005 8) scale(7.99958)'%3E%3Cstop offset='.5618' stop-color='%230866FF' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%230866FF' stop-opacity='.1'/%3E%3C/radialGradient%3E%3CradialGradient id='paint2_radial_15251_63610' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='rotate(45 -4.5257 10.9237) scale(10.1818)'%3E%3Cstop offset='.3143' stop-color='%2302ADFC'/%3E%3Cstop offset='1' stop-color='%2302ADFC' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='paint0_linear_15251_63610' x1='2.3989' y1='2.3999' x2='13.5983' y2='13.5993' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2302ADFC'/%3E%3Cstop offset='.5' stop-color='%230866FF'/%3E%3Cstop offset='1' stop-color='%232B7EFF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
}

.ac2 .ac1 .ac0 .ab2 {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg clip-path='url(%23clip0_15251_63610)'%3E%3Cpath d='M15.9963 8c0 4.4179-3.5811 7.9993-7.9986 7.9993-4.4176 0-7.9987-3.5814-7.9987-7.9992 0-4.4179 3.5811-7.9992 7.9987-7.9992 4.4175 0 7.9986 3.5813 7.9986 7.9992Z' fill='url(%23paint0_linear_15251_63610)'/%3E%3Cpath d='M15.9973 7.9992c0 4.4178-3.5811 7.9992-7.9987 7.9992C3.5811 15.9984 0 12.417 0 7.9992S3.5811 0 7.9986 0c4.4176 0 7.9987 3.5814 7.9987 7.9992Z' fill='url(%23paint1_radial_15251_63610)'/%3E%3Cpath d='M7.9996 5.9081c-.3528-.8845-1.1936-1.507-2.1748-1.507-1.4323 0-2.4254 1.328-2.4254 2.6797 0 2.2718 2.3938 4.0094 4.0816 5.1589.3168.2157.7205.2157 1.0373 0 1.6878-1.1495 4.0815-2.8871 4.0815-5.159 0-1.3517-.993-2.6796-2.4254-2.6796-.9811 0-1.822.6225-2.1748 1.507Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint1_radial_15251_63610' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 7.9992 -7.99863 0 7.9986 7.9992)'%3E%3Cstop offset='.5637' stop-color='%23E11731' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23E11731' stop-opacity='.1'/%3E%3C/radialGradient%3E%3ClinearGradient id='paint0_linear_15251_63610' x1='2.3986' y1='2.4007' x2='13.5975' y2='13.5993' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF74AE'/%3E%3Cstop offset='.5001' stop-color='%23FA2E3E'/%3E%3Cstop offset='1' stop-color='%23FF5758'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_15251_63610'%3E%3Cpath fill='%23fff' d='M-.001.0009h15.9992v15.9984H-.001z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.ac2 .ac1 .ac0 .ab1 {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg clip-path='url(%23clip0_15251_63610)'%3E%3Cpath d='M15.9953 7.9996c0 4.418-3.5816 7.9996-7.9996 7.9996S-.004 12.4176-.004 7.9996 3.5776 0 7.9957 0c4.418 0 7.9996 3.5815 7.9996 7.9996Z' fill='url(%23paint0_linear_15251_63610)'/%3E%3Cpath d='M15.9973 7.9992c0 4.4178-3.5811 7.9992-7.9987 7.9992C3.5811 15.9984 0 12.417 0 7.9992S3.5811 0 7.9986 0c4.4176 0 7.9987 3.5814 7.9987 7.9992Z' fill='url(%23paint1_radial_15251_63610)'/%3E%3Cpath d='M15.9953 7.9996c0 4.418-3.5816 7.9996-7.9996 7.9996S-.004 12.4176-.004 7.9996 3.5776 0 7.9957 0c4.418 0 7.9996 3.5815 7.9996 7.9996Z' fill='url(%23paint2_radial_15251_63610)' fill-opacity='.8'/%3E%3Cpath d='M12.5278 8.1957c.4057.1104.6772.4854.623.9024-.3379 2.6001-2.5167 4.9012-5.1542 4.9012s-4.8163-2.3011-5.1542-4.9012c-.0542-.417.2173-.792.623-.9024.8708-.237 2.5215-.596 4.5312-.596 2.0098 0 3.6605.359 4.5312.596Z' fill='%234B280E'/%3E%3Cpath d='M11.5809 12.3764c-.9328.9843-2.1948 1.6228-3.5841 1.6228-1.3892 0-2.6512-.6383-3.5839-1.6225a1.5425 1.5425 0 0 0-.016-.0174c.4475-1.0137 2.2-1.3599 3.5999-1.3599 1.4 0 3.1514.3468 3.5998 1.3599l-.0157.0171Z' fill='url(%23paint3_linear_15251_63610)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3049 5.8793c.1614-1.1485-.6387-2.2103-1.7872-2.3717l-.0979-.0138c-1.1484-.1614-2.2103.6388-2.3717 1.7872l-.0163.1164a.5.5 0 0 0 .9902.1392l.0163-.1164c.0846-.6016.6408-1.0207 1.2424-.9362l.0978.0138c.6016.0845 1.0207.6407.9362 1.2423l-.0164.1164a.5.5 0 0 0 .9903.1392l.0163-.1164ZM2.6902 5.8793c-.1614-1.1485.6387-2.2103 1.7872-2.3717l.0979-.0138c1.1484-.1614 2.2103.6388 2.3717 1.7872l.0164.1164a.5.5 0 1 1-.9903.1392l-.0163-.1164c-.0846-.6016-.6408-1.0207-1.2423-.9362l-.098.0138c-.6015.0845-1.0206.6407-.936 1.2423l.0163.1164a.5.5 0 0 1-.9902.1392l-.0164-.1164Z' fill='%231C1C1D'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint1_radial_15251_63610' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 7.9992 -7.99863 0 7.9986 7.9992)'%3E%3Cstop offset='.5637' stop-color='%23FF5758' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FF5758' stop-opacity='.1'/%3E%3C/radialGradient%3E%3CradialGradient id='paint2_radial_15251_63610' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='rotate(45 -4.5272 10.9202) scale(10.1818)'%3E%3Cstop stop-color='%23FFF287'/%3E%3Cstop offset='1' stop-color='%23FFF287' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='paint0_linear_15251_63610' x1='2.396' y1='2.3999' x2='13.5954' y2='13.5993' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFF287'/%3E%3Cstop offset='1' stop-color='%23F68628'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_15251_63610' x1='5.1979' y1='10.7996' x2='5.245' y2='14.2452' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF60A4'/%3E%3Cstop offset='.2417' stop-color='%23FA2E3E'/%3E%3Cstop offset='1' stop-color='%23BC0A26'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_15251_63610'%3E%3Cpath fill='%23fff' d='M-.002 0h16v15.9992h-16z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.ac2 .ac1 .ac0 .ab0 {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg clip-path='url(%23clip0_15251_63610)'%3E%3Cpath d='M15.9972 7.9996c0 4.418-3.5815 7.9996-7.9996 7.9996-4.418 0-7.9996-3.5816-7.9996-7.9996S3.5796 0 7.9976 0c4.4181 0 7.9996 3.5815 7.9996 7.9996Z' fill='url(%23paint0_linear_15251_63610)'/%3E%3Cpath d='M15.9973 7.9992c0 4.4178-3.5811 7.9992-7.9987 7.9992C3.5811 15.9984 0 12.417 0 7.9992S3.5811 0 7.9986 0c4.4176 0 7.9987 3.5814 7.9987 7.9992Z' fill='url(%23paint1_radial_15251_63610)'/%3E%3Cpath d='M15.9972 7.9996c0 4.418-3.5815 7.9996-7.9996 7.9996-4.418 0-7.9996-3.5816-7.9996-7.9996S3.5796 0 7.9976 0c4.4181 0 7.9996 3.5815 7.9996 7.9996Z' fill='url(%23paint2_radial_15251_63610)' fill-opacity='.8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.6144 10.8866c.159-1.8461 1.127-2.887 2.382-2.887 1.2551 0 2.2231 1.0418 2.3822 2.887.1591 1.8461-.7342 3.1127-2.3821 3.1127-1.648 0-2.5412-1.2666-2.3821-3.1127Z' fill='%234B280E'/%3E%3Cellipse cx='11.1978' cy='5.6997' rx='1.3999' ry='1.6999' fill='%231C1C1D'/%3E%3Cellipse cx='4.7979' cy='5.6997' rx='1.3999' ry='1.6999' fill='%231C1C1D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3528 3.166a1.4744 1.4744 0 0 0-1.8591-.3279.4.4 0 1 1-.3976-.6941c.9527-.5457 2.1592-.333 2.8678.5056a.4.4 0 0 1-.6111.5163ZM5.4998 2.8381a1.4744 1.4744 0 0 0-1.859.3278.4.4 0 0 1-.6111-.5162c.7085-.8387 1.915-1.0514 2.8677-.5057a.4.4 0 0 1-.3976.6941Z' fill='%23E0761A'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint1_radial_15251_63610' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 7.9992 -7.99863 0 7.9986 7.9992)'%3E%3Cstop offset='.5637' stop-color='%23FF5758' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FF5758' stop-opacity='.1'/%3E%3C/radialGradient%3E%3CradialGradient id='paint2_radial_15251_63610' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='rotate(45 -4.5262 10.9226) scale(10.1818)'%3E%3Cstop stop-color='%23FFF287'/%3E%3Cstop offset='1' stop-color='%23FFF287' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='paint0_linear_15251_63610' x1='2.3979' y1='2.3999' x2='13.5973' y2='13.5993' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFF287'/%3E%3Cstop offset='1' stop-color='%23F68628'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_15251_63610'%3E%3Cpath fill='%23fff' d='M-.002 0h15.9992v15.9992H-.002z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}
.ag4 {
  color: #00c9ff;
}
.aa0 {
  margin-bottom: 21px;
}
.text-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3px 11px;
}
.send-btn {
  color: #3737ff;
  cursor: pointer;
  font-size: 19px;
}
.send-btn:hover {
  color: #1a1af9;
}
.parent-msg .fa-trash:hover{
  color: red;
}
.replies-text-btn, .replies-text-btn:hover {
  color: red;
  font-size: 14px;
  color: gray;
  font-weight: 700;
  pointer-events: none;
}
.main-comment-box {
  width: 100%;
  background: #f0f2f5;
  border-radius: 11px;
  padding: 10px;
}
.main-comment-box textarea {
  border: none;
}
.main-comment-box div {
  /* z-index: 9 !important; */
  border-radius: 12px;
}
.main-comment-box li {
  padding: 3px 3px;
  font-size: 12px;
}
.mention-div{
  z-index: 9999;
  position: relative;
}
.ah0::-webkit-scrollbar, .epr_-mpla0i::-webkit-scrollbar {
  width: 4px;
}
.epr-main img {
  min-width: 36px !important;
  min-height: 36px !important;
}
.main-comment-box .text-footer {
  padding: 3px 0;
}
.main-comment-box textarea {
  font-size: 13px !important;
}
.fa-smile-o {
  opacity: 1;
  cursor: pointer;
  font-size: 18px;
}
.suggestions-list {
  background: #ffffff;
  padding: 0x;
  border-radius: 11px;
  width: fit-content;
  max-height: 272px;
  overflow: auto;
  height: 100%;
  min-width: 28%;
  position: relative;
  top: -15px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.suggestions-list div {
  display: flex;
  align-items: center;
  padding: 9px 3px 8px 12px;
  border-bottom: 1px solid #80808036;
}
.suggestions-list div img {
  width: 34px;
  height: 34px;
  margin-right: 11px;
  border-radius: 50%;
}
.suggestions-list div.active {
  background: #dbf7ff6e;
}
.suggestions-list h5 {
  font-size: 14px;
  margin: 0;
}
.suggestions-list::-webkit-scrollbar {
  width: 3px;
  height: 4px;
}
.parent-msg .fa-trash {
  color: #878787;
  font-size: 14px;
  margin-top: 3px;
  margin-left: 9px;
  cursor: pointer;
  background: #edededcc;
  padding: 5px;
  border-radius: 22px;
}
.parent-msg .fa-flag {
  color: #878787;
  font-size: 14px;
  margin-top: 3px;
  margin-left: 9px;
  cursor: pointer;
  background: #4242421c;
  padding: 5px;
  border-radius: 22px;
}
.parent-msg .fa-flag:hover{
  color: #0000ff;
}
.edit-msg i.fa.fa-ellipsis-h {
  font-size: 18px;
  color: gray;
  cursor: pointer;
}
.parent-msg {
  display: flex;
  align-items: flex-start;
  margin-right: 54px;
}
.parent-msg i.fa.fa-flag.flagged {
  color: #ff0015;
  background: #0000ff21;
}
.edit-msg-list {
  background: #ffffff;
  padding: 0;
  border-radius: 11px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  position: absolute;
  overflow: hidden;
  z-index: 9;
  top: 20px;
  left: -46px;
} 
.outer-action-div {
  position: relative;
}
.edit-msg-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
}
.edit-msg-list ul li {
  padding: 7px 14px;
  font-size: 16px;
  color: #625f5f;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}
.edit-msg-list ul li i {
  color: gray;
  margin-right: 8px;
  background: transparent !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
}
.edit-msg-list ul li:hover {
  background: #7a7a7a24;
}
.fa-smile-o:hover {
  color: #0c0cfb;
}
.comment-icon a, .comment-icon a:hover {
  background: #00c9ff;
  padding: 6px 18px;
  border-radius: 32px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.comment-icon a i{
  margin-right: 9px;
}
.comment-icon {
  margin-right: 12px;
}
.img-hide-mobile.bell-icon {
  width: 22px !important;
  min-width: 22px !important;
}
.video-like.video-like-btns {
  background: #00c9ff;
  width: unset !important;
  height: unset !important;
  padding: 6px 20px !important;
  border-radius: 32px !important;
  color: #fff;
  border: none !important;
  margin-right: 8px !important;
  cursor: pointer;
}
.video-like.video-like-btns img {
  filter: brightness(0) invert(1);
  width: 19px;
  margin-right: 3px;
}
.edit-msg {
  position: relative;
}
.big-txt-btn.likes-btns button {
  margin-bottom: 4px;
}
.user-profile-comment i {
  font-size: 24px;
  margin-right: 3px;
  cursor: pointer;
}
.user-profile-comment {
  display: flex;
  align-items: center;
  border-left: 1px solid #0000001a;
  padding-left: 12px;
  margin-left: 12px;
}
.user-profile-comment p {
  margin-top: 3px !important;
}
.no-data img {
  width: 72px;
}
.fix-height {
    min-height: calc(100dvh - 365px);
} 
.verify-btn-otp button {
    background: #fff;
    border: navajowhite;
    padding: 12px 11px;
    
   max-width: 182px;
    width: 100%;
    border: 1px solid #0000ff3b;
    border-radius: 14px;
    font-size: 15px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
}
.verify-btn-otp button:hover, .verify-btn-otp button.active{
   border: 1px solid #0000ff;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.verify-btn-otp span {
    background: #00c8ff38;
    width: 42px;
    height: 39px;
    border-radius: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.verify-btn-otp button span i {
    font-size: 19px;
    color: #0000ff;
}
.verify-btn-otp {
    display: flex;
    gap: 9px;
    justify-content: center;
}
.question-modal .verify-btn-otp {
    margin-top: 40px !important;
}
.unique-id.diff {
    background: transparent;
    border: none;
    padding: 0;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 700;
}
/* Redesign css end here */

/* @media (max-width:1366px) { */
@media (max-width:1920px) {}

@media (max-width:1750px) {}

@media (max-width:1650px) {
  .about-business-sec.wellness_bg p {
    margin-top: 160px !important;
  }
  .top-bottom-spacing .ingridient-product img {
    width: 400px;

  }

  .burden-disease h2 {
    padding-bottom: 20px;
  }

  .lifestyle-med-sec {
    padding: 150px 0;
  }

  .food-option-text {
    padding-left: 52px;
  }

  .about-paragraph.video-content {
    width: 75% !important;
  }
}

@media (max-width:1500px) {
  .health-app-head h2 {
    margin-bottom: 10px;
}
.about-business-sec.wellness_bg p {
  font-size: 19px;
  line-height: 30px;
}
.health-app-head p {
  font-size: 19px;
  line-height: 28px;
}
  .banner-text p {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 10px;
}
  .redesign-header .navbar-light .navbar-nav .nav-link {
    padding: 0 12px 0 0 !important;
    font-size: 14px;
  }
}

@media (max-width:1440px) {
  .about-business-sec.wellness_bg p {
    font-size: 18px;
    line-height: 26px;
}
  .redesign-header .navbar-light .navbar-nav .nav-link {
    padding: 0 20px 0 0 !important;
    font-size: 13px;
  }

  .home-banner,
  .global-solution-section,
  .optimize-profit-section,
  .lifestyle-med-sec,
  .true-patient-sec,
  .smarter-future-sec,
  .empower-future-sec {
    height: 1230px;
  }

  .about-paragraph.video-content {
    width: 85% !important;
    font-size: 15px;
  }

  .food-option-text {
    padding-left: 213px;
  }

  .navbar-brand img {
    width: 69%;
  }


  .home-banner.about-top-section .banner-text p {
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
  }

  .banner-text h1 {
    font-size: 37px;
    line-height: unset;
    margin-bottom: 3px;
  }

  .global-solution-text h2 {
    font-size: 37px;
    line-height: unset;
  }

  .global-solution-text h5 {
    font-size: 45px;
    padding: 0;
  }

  .global-solution-text p {
    font-size: 15px;
    line-height: unset;
  }

  .input_row span {
    padding: 1px 50px 0 17px;
  }

  .signin-bg .Signup_box {
    padding: 58px 100px;
  }

  .burden-counter-box .disease-name {
    font-size: 22px;
  }

  .big-med h1 {
    font-size: 35px;
  }

  .health-app-banner {
    height: 100%;
  }

}

@media (max-width:1366px) {
  .redesign-profile .Signup_box label {
    font-size: 15px;

  }

  a.navbar-brand img {
    max-width: 160px;
  }

  .redesign-header .navbar-light .navbar-nav .nav-link {
    padding: 0 12px 0 0 !important;
  }

  .burden-counter-box .disease-name {
    font-size: 18px;
  }

  .ingridient-top-header {
    height: 83vh;
  }

}

@media (max-width:1280px) {

  /* .about-business-sec.wellness_bg.common-font-size  p {
    font-size: 20px !important;
}
.about-business-sec.wellness_bg.common-font-size .about-business-sec.speaker_bg p p {
  font-size: 20px !important;
  line-height: 26px;
} */
  .redesign-header .navbar-light .navbar-nav .nav-link {
    padding: 0 15px 0 0 !important;
    font-size: 12px;
  }

  .navbar-brand img {
    max-width: 110px !important;
  }

  .skiptranslate.goog-te-gadget {
    width: 105px !important;
  }

  .upload-document img {
    position: absolute;
    top: 24px;
    right: 15px;
  }

  .about-paragraph.video-content {
    right: unset;
    transform: unset;
    width: unset;
  }

  .side-one h2 {
    font-size: 22px;
  }

  .about-business-sec p {
    font-size: 17px;
    line-height: 28px;
  }

  button.cat-list {
    margin-right: 4px;
    margin-bottom: 12px !important;
  }

  .shopping-btns {
    top: 10px;
  }

  .next_btn .btn {
    width: fit-content !important;
  }
}

.ingredient-buy-now button {
  overflow: hidden;
}

.ingredient-buy-now button {
  font-weight: 600;
  color: #00c9ff;
  background-color: #fff;
  padding: 8px 39px;
  border: none;
  border-radius: 36px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border: 2px solid #00c9ff;
  font-size: 20px;
}

.ingredient-buy-now button:hover {
  color: #fff;
}

.ingredient-buy-now button span:not(:nth-child(6)) {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 30px;
  width: 52px;
  background-color: #00c9ff;
  border-radius: 50%;
  transition: .6s ease;
}

.ingredient-buy-now button span:nth-child(6) {
  position: relative;
}

.ingredient-buy-now button span:nth-child(1) {
  transform: translate(-3.3em, -4em);
}

.ingredient-buy-now button span:nth-child(2) {
  transform: translate(-6em, 1.3em);
}

.ingredient-buy-now button span:nth-child(3) {
  transform: translate(-.2em, 1.8em);
}

.ingredient-buy-now button span:nth-child(4) {
  transform: translate(3.5em, 1.4em);
}

.ingredient-buy-now button span:nth-child(5) {
  transform: translate(3.5em, -3.8em);
}

.ingredient-buy-now button:hover span:not(:nth-child(6)) {
  transform: translate(-50%, -50%) scale(4);
  transition: 1.5s ease;
}

.ingredient-buy-now {
  text-align: center;
}

.available-boxes-main-multiple {
  max-height: 200px;
  height: 100%;
  overflow: auto;
}

.css-1ald77x.Mui-error {
  color: rgb(98, 97, 97) !important;
}

.css-1bn53lx.Mui-error .MuiOutlinedInput-notchedOutline {
  border-color: rgb(181, 193, 196) !important;
}

.order-list-area-content {
  min-height: 800px;
  height: 800px;
  overflow: auto;
}

button.join-button.mr-2.common-btn-spacing.disabled {
  background: #80808069 !important;
}

button.join-now-btn-box {
  background: #cecece;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 4px 15px;
  border-radius: 35px;
}

.ingredient-buy-now button i {
  font-size: 20px;
  margin-right: 4px;
}

.notranslate .input_row span {
  position: unset !important;
  left: 0;
  top: 0;
  background: transparent;
  width: 100%;
  padding: 3px 0;
  pointer-events: none;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}

button#select_flag_button {
  /* border: 1px solid #cdcdcd57; */
  display: flex;
  align-items: center;
  border-radius: 10px;
}

.language-select-bottom {
  text-align: right;
}

/* .notranslate p {
text-align: right;
} */
.no-data-box h3 {
  color: #000;
  font-size: 22px;
  font-weight: 600;
}

.popular li.active h6 {
  color: #00C8FF;
  font-weight: 600;
}

.popular li.active span {
  color: #00C8FF;
}

span.btn-fb.front-fb-btn button.btn.metro {
  padding: 0;
  font-weight: 500;
  border: noness;
}

span.btn-fb.front-fb-btn a.btn.face-btn {
  border: none;
}

.msg-placement p {
  text-align: right;
  margin-bottom: 0;
}

.ingredient--buy-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* // GUEST FORM SHIPPING */
/* Card */
.shipping-card {

  margin: 0 auto;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Inputs */
.custom-input {
  background-color: #f8f9fa !important;
  border-radius: 6px;
  transition: border-color 0.2s ease-in-out;
}

.custom-input:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 0.15rem rgba(0, 123, 255, 0.25);
}

/* Button */
.custom-btn {
  background-color: #007bff;
  border: none;
  border-radius: 25px;
  transition: background-color 0.2s ease-in-out;
}

.custom-btn:hover {
  background-color: #0069d9;
}


.ingredient--buy-btn p span {
  color: gray;
  font-weight: 300;
  text-decoration: line-through;
  margin-right: 5px;
}

.color_row.shopping-clr .color_row span {
  margin-top: 0;
  border: none;
  width: 40px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
}

.ingredient--buy-btn p {
  margin: 0 10px 0;
  color: #00c9ff;
  font-size: 18px;
  font-weight: 600;
}

.video-like p {
  margin: 0 0 0 5px;
  color: #00c9ff;
  font-size: 15px;
  font-weight: 500;
}

.video-like {
  display: flex;
  align-items: center;
  margin: 6px 0 10px;
}

.video-like img {
  width: 25px;
  cursor: pointer;
}

textarea.w-100.select-main.text-area-box {
  height: 60px !important;
  border-radius: 100px !important;
}

.header .navbar-nav img {
  width: 26px;
  min-width: 26px;
}

.add_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  padding: 0 20px 0 15px;
  margin-bottom: 15px;
}

.address-section-area {
  padding: 40px 0;
}

.profile-image-area.user-profile-area h4 {
  font-size: 18px;
  font-weight: 600;
}

.profile-image-area.user-profile-area p {
  color: #00c9ff;
}

.profile-image-area.user-profile-area p {
  color: #00c9ff;
  margin-bottom: 0;
  padding: 3px 0;
}

.profile-image-area.user-profile-area h6 span {
  color: #00c9ff;
  font-weight: 400;
}

.profile-image-area.user-profile-area h6 {
  margin: 0;
  padding: 6px 0;
  color: #000;
  font-weight: 600;
}

.description-profile-ara p {
  font-size: 15px;
  max-height: 100px;
  overflow: auto;
  color: #000 !important;
}
.buyNow i {
    margin-right: 16px;
}

.description-profile-ara {
  margin: 5px 0;
}

.description-profile-ara h6 {
  padding: 0 !important;
}
.type-comments.after-login:after {
  content: "To comment on this post, please log in.";
  position: absolute;
  width: 100%;
  background: #000;
  height: 100%;
  background: rgba(255, 255, 255, 0.26);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(5px);
  background: rgba(255, 255, 255, 0.15);
  border-radius: 16px;
  /* box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); */
  backdrop-filter: blur(1.7px);
  -webkit-backdrop-filter: blur(4.7px);
  border: 1px solid rgba(255, 255, 255, 0.26);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7d8689;
  /* text-transform: uppercase; */
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  box-shadow: none;
}
.product-card{
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
.saving-text {
    color: #00973e !important;
    font-weight: 700 !important;
}
.calculated {
    background: #00c9ff40;
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 10px;
    font-weight: 500;
}
.magnifier-image{
  height: 745px !important;
}
.manage-management .row {
    gap: 30px 0px;
    align-items: end;
}
@media (max-width: 1199px) {
  .search-bar {
    margin: 8px 0 20px 0;
  }

  .home-banner.about-top-section .banner-text h1 {
    font-size: 29px;
    margin-bottom: 0;
  }

  .global-solution-text h5 {
    font-size: 29px;
  }

  .preview-image-area-left .slider_box_new {
    height: 100%;
    max-height: 470px;
  }

  .preview-image-area-left {
    width: 360px;
    display: flex;
    margin: 0 auto 30px;
  }

  .preview-image-area-left .swiper-button-prev {
    right: -20px !important;
  }

  section.global-solution-section.about-fiveth-section {
    height: 100vh;
  }

  .react-calendar {
    width: 500px;
    min-width: 500px;
  }

  span.time-inner-box span {
    width: 150px;
    min-width: 150px;
    padding: 5px;
    white-space: nowrap;
    font-size: 14px;
  }

  .schedule-img {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
  }

  .webinar-inner-box h4 {
    font-size: 17px;

  }

  a.favourite-bt {
    padding: 12px 14px;
  }

  .exercise-text h1 {
    font-size: 42px;
  }

  .info_box p {
    font-size: 14px;
  }

  .info_box h6 img {
    width: 19px;
    margin-right: 4px;
  }

  button.cat-list {
    font-size: 10px;
  }

  .profile-area-left .nav-tabs .nav-link {
    font-size: 15px;
  }

  .profile-image-area h4 {
    font-size: 18px;
    font-weight: 600;
  }

  .world-box.elearning-box .nav-tabs .nav-link {
    padding: 15px 20px;
  }

  .client-box p {
    font-size: 13px;
  }

  .product-detials-page .swiper-button-next,
  .product-detials-page .swiper-button-prev {
    right: 20px;
  }

  .product-detials-page .swiper-button-prev {
    left: 20px;
  }

  .covered-content p {
    margin-bottom: 7px;
  }

  .big-med h1 {
    font-size: 30px;
  }

  header .signin_btn .btn,
  .top_head li a {
    font-size: 14px !important;
  }

  header .signin_btn .btn {
    padding: 5px 10px;
  }

  .signin-bg .Signup_box {
    padding: 20px 50px;
  }

  .Signup_box h4 {
    font-size: 25px;
  }

  .signin-bg .Signup_box .text-secondary {
    font-size: 15px;
  }

  .signin-bg .Signup_box .input103,
  .redesign-profile .Signup_box .input103 {
    height: 50px;
  }

  .signin-bg .google_btn .btn,
  .signin-bg .facebook_btn .btn,
  .signin-bg .new-btn,
  .signin-bg .sign_btn .btn,
  .redesign-profile .next_btn .btn {
    padding: 12px 17px;
    font-size: 15px;
  }

  h6.psw {
    margin-bottom: 0;
  }

  span.btn-fb {
    padding: 5px;
  }

  .redesign-footer h6 {
    font-size: 17px;
    font-weight: 700;
  }

  .business-sec-text h1 {
    font-size: 45px;
  }

  .business-sec-text p {
    font-size: 25px;
    line-height: 35px;
  }

  .corporate-govt-section h2 {
    font-size: 35px;
  }

  .corporate-govt-box {
    height: 320px;
  }

  .get-started-form h3 {
    font-size: 30px;
    line-height: 40px;
  }

  .get-form-wrap h2 {
    font-size: 40px;
  }

  .corporate-govt-section {
    padding: 50px 0 0;
  }

  .certificate-section {
    padding: 20px 0;
  }

  .health-app-text h1 span {
    font-size: 30px;
    font-weight: 700;
  }

  .health-app-text h1 {
    font-size: 35px;
  }

  .health-app-text h5 {
    font-size: 22px;
    margin: 20px 0;
  }

  .health-app-head p {
    font-size: 16px;
    line-height: 30px;
  }

  .health-app-head h2 {
    font-size: 30px;
  }

  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    right: 45% !important;
  }

}

@media (max-width:1024px) {
  .common-height-btn {
    height: 48px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
  }

  span.google_btn.common-height-btn a.btn.btn-google {
    height: 48px;
    display: flex !important;
    justify-content: center;
    align-items: center;
  }

  .signin-bg .Signup_box {
    padding: 00px 40px;
  }

  .slider-btn .swiper-button-next,
  .slider-btn .swiper-container-rtl .swiper-button-prev {
    right: 46% !important;
  }

  .slider-btn .swiper-button-prev,
  .slider-btn .swiper-container-rtl .swiper-button-next {
    left: 46% !important;
  }

  .share-inner-box {
    height: unset;
    margin-bottom: 12px;
  }

  .blog_section .shadow-sm {
    margin-top: 12px;
  }

  .about-main {
    padding: 52px 52px 272px;
  }

  .food-option-text {
    padding-left: 0;
  }

  .bottom-content.banner-text {
    width: 100%;
  }

  .mb-4.mobile-radio-space {
    margin-bottom: 0 !important;
  }

  .burden-disease-counter {
    flex-wrap: wrap;
  }

  .redesign-header .navbar-light .navbar-nav .nav-link {
    padding: 0 12px 0 0 !important;
  }

  .redesign-header .navbar-light .navbar-nav .nav-link {
    font-size: 13px;
  }

  .redesign-header .navbar-light .navbar-nav .nav-link img {
    width: 20px;
  }

  .yello-head {
    width: 90%;
  }
}

@media (max-width: 991px) {
  .blog-single .popular {
    margin-bottom: 15px;
}
.big-txt-btn.likes-btns {
  margin-top: 8px;
}
  .empower-patients p {
    padding-right: 240px;
}
.empower-patients p br {
  display: none;
}
  .health-md-search-area {
    width: 190px;
  }
  .lifestyle-med-sec {
    padding: 50px 0 150px;
}
  .skiptranslate.goog-te-gadget {
    width: fit-content !important;
  }

  .search-bar {
    justify-content: start;
  }

  .make_payment .btn {
    width: 40% !important;
  }

  ul.login-top-area-right {
    margin-top: 10px;
  }

  .home-banner.about-top-section .banner-text h1 {
    font-size: 29px;
    margin-bottom: 7px;
    line-height: 44px;
  }

  .filter-area {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: end;
  }

  .brand-logos-section h5 {
    font-size: 30px;
  }

  .home-banner.about-top-section {
    background: url("../../assets/images/global-healthcare-mobile.png") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center;
    display: block !important;
  }

  section.global-solution-section.about-fiveth-section {
    height: 80vh;
  }

  .bottom-spacing-area .video-test-wrap .swiper-container {
    padding-bottom: 0;
  }

  .navbar-brand img {
    width: 69% !important;
  }

  section.video-testimonials.slider-btn.testimonial-spacing {
    padding: 30px 0 0;
  }

  section.video-testimonials.slider-btn.testimonial-spacing .video-test-wrap .swiper-container {
    padding-bottom: 0;
  }

  .video-mute i {
    font-size: 22px;
  }

  .call-cute img {
    width: 25px;
  }

  .video-mute {
    background: #11caff;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    min-width: 50px;
    min-height: 50px;
    margin: 0 7px;
    cursor: pointer;
  }

  .video-call-user video {
    width: 100px;
    height: 100px;
    min-width: 100px;
    min-height: 100px;
    object-fit: cover;
    border-radius: 50%;
  }

  .video-call-area-inner video {
    width: 100%;
    height: 400px;
    min-height: 400px;
    object-fit: cover;
    border-radius: 20px;
  }

  .video-call-area-inner {
    height: fit-content;
    max-height: 400px;
  }

  .spacing-bottom .video-test-wrap .swiper-container {
    padding-bottom: 0;
  }

  .pull-left {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px;
    min-height: 40px;
  }

  .pull-left-profile.nav-item.dropdown {
    margin-top: 8px;
  }

  .timestamp-box {
    margin-top: 20px;
  }

  .faq_section h5 {
    font-size: 28px !important;
  }

  .select-date-area {
    padding: 30px 0 10px;
  }

  .chat-person-name .fa {
    display: block;
  }

  .count-text {
    top: 9px;
    left: 95px;
  }

  .quiz_section_box h6 {
    font-size: 23px !important;
  }

  .big-med-main-vid img.video-btn {
    width: 8%;
  }

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

  .logout {
    margin-top: 12px;
  }

  .tooltip .tooltiptext {
    visibility: hidden;
    min-width: 265px;
    left: -127px;
  }

  .info_box {
    margin-top: 12px;
  }

  .about-business-sec.wellness_bg p {
    width: 100%;
  }

  .about-business-sec.speaker_bg p {
    font-size: 14px;
    line-height: 21px;
  }

  .upload-document .input_row {
    height: 60px;
  }

  .upload-document img {
    right: 26px;
  }

  .profile-right-body .big-med-wrap {
    margin-bottom: 20px;
  }

  .big-med-text p {
    font-size: 14px;
  }

  .profile-right-body {
    padding: 15px 20px;
  }

  .description p {
    font-size: 14px;
  }

  .profile-big-me .swiper-container-horizontal>.swiper-pagination-bullets,
  .profile-big-me .swiper-pagination-custom,
  .profile-big-me .swiper-pagination-fraction {
    bottom: 37px !important;
  }

  .profile-right-side {
    margin-top: 10px;
  }

  .profile-image {
    width: 40%;
    margin-right: 31px;
  }

  .inner-profile-main {
    display: flex;
    align-items: center;
  }

  button.cat-list {
    padding: 8px 15px;
    font-size: 13px;
  }

  .redesign-header ul {
    padding: 0;
  }

  .shopping-cart-wrap,
  .total-count {
    margin: 12px 0 8px 0;
    height: unset;
  }

  .covered-content p {
    font-size: 12px;
    font-weight: 600;
  }

  .product-detials-page .swiper-button-next {
    right: 10px;
  }

  .product-detail-rightside h2 {
    font-size: 30px;
  }

  .product-detials-page .swiper-button-prev {
    left: 10px;
  }

  /* .slider_box_new {
    height: 270px;
  } */

  a.checkout-bt {
    padding: 12px 19px;
    font-size: 16px;
  }

  a.favourite-bt {
    padding: 12px 10px;
    font-size: 16px;
  }

  .redesign-footer .container,
  footer.bottom-footer .container {
    max-width: 100%;
  }

  .signin-bg .nav-tabs .nav-link {
    width: 47%;
  }

  .business-sec-text h1 {
    font-size: 35px;
  }

  .corporate-govt-section h2 {
    font-size: 30px;
  }

  .get-started-form h3 {
    font-size: 24px;
    line-height: 35px;
  }

  .corporate-govt-box p {
    font-size: 16px;
    text-align: center;
  }

  .corporate-govt-box {
    height: 350px;
  }

  .corporate-govt-box li {
    font-size: 15px;
  }

  .about-business-sec p {
    font-size: 16px;
    line-height: 28px;
    width: 60%;
  }

  .about-business-sec {
    height: 60vh;
  }

  .banner-text h1 {
    font-size: 28px;
  }

  .banner-text p {
    font-size: 16px;
    line-height: 26px;
  }

  .burden-disease h2,
  .global-solution-text h2,
  .certificate-section h2 {
    font-size: 30px;
  }

  .burden-counter-box .disease-name {
    margin-bottom: 30px;
    padding-top: 10px;
  }

  .global-solution-text h5 {
    padding: 5px 0;
}

  .optimize-profite-text h1 {
    font-size: 30px;
    line-height: 40px;
  }

  .optimize-profite-text p {
    font-size: 18px;
  }

  .burden-disease {
    padding: 10px 0 10px;
  }

  .health-app-banner .business-sec-img img {
    width: 35%;
  }

  .health-app-text h1 {
    font-size: 30px;
  }

  .health-app-head p {
    line-height: 27px;
  }

  .health-app-head h2 {
    margin-bottom: 8px;
}

  .health-app-banner {
    text-align: center;
  }

  .video-testimonials {
    padding: 0px 0 50px;
  }

  .true-patient-sec,
  .smarter-future-sec,
  .empower-future-sec {
    padding: 50px 0;
  }

  .select-main {
    padding: 0 !important;
  }

  .bottom-footer li {
    display: inline-block;
    padding: 0 3px;
  }

  .txt-for-mobile.d-none {
    display: block !important;
  }

  .img-hide-mobile {
    display: none;
  }

  .health-app-banner {
    height: 100%;
  }

  .big-quizs .inner-slide h6 {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 20px;
  }

  .food_section h1 {
    font-size: 37px !important;
  }

  .dropdown-item {
    font-size: 13px;
    padding: 0 10px !important;
    border-bottom: none !important;
    color: #767676;
    border-radius: 0;
  }

}

@media (max-width: 768px) {
  .home-banner.about-top-section {
    height: 110vh;
  }

  .home-banner.about-top-section .banner-text h1 {
    font-size: 28px;
    line-height: 43px;
  }

  .banner-text p {
    font-size: 14px;
    line-height: 24px;
  }

  .about-business-sec.wellness_bg {
    margin-top: -310px;
    /* background: url("/assets/images/whether.webp") no-repeat top center;
    background-size: cover;
    height: 129vh; */
  }

  section.about-business-sec.wellness_bg p {
    margin-top: 300px !important;
  }

  .subs_secondbox.subscribed-product {
    margin-bottom: 15px;
  }

  section.global-solution-section.about-fiveth-section {
    background: url("../../assets/images/new-world-mobile1.png") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center;
    height: 80vh;
    display: block !important;
  }

  section.global-solution-section.about-fourth-section {
    background: url("../../assets/images/global-impact-mobile.png");
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center;
    height: 100vh;
    display: block !important;
  }

  section.global-solution-section.about-third-section {
    background: url("../../assets/images/remarkable-revolution-mobile.png") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center;
    height: 100vh;
    display: block !important;
  }

  section.global-solution-section.about-second-section {
    background: url("../../assets/images/community-involvement1-mobile.png") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center;
    height: 100vh;
    display: block !important;
  }

  .video-call-area-icon {
    display: flex;
    justify-content: center;
  }

  .video-call-user {
    position: absolute;
    bottom: 26px;
    left: 28px;
  }

  .video-call-area-inner {
    position: relative;
  }

  .join-button {
    font-size: 14px !important;
    padding: 3px 8px !important;
  }

  .slider_box_new {
    margin-top: -18px;
    height: calc(100vh - 201px);
  }

  section.vide-section video {
    height: 100vh;
    object-fit: cover;
  }

  .upload-document .upload-text {
    position: unset;
  }

  .profile-right-body h4 span {
    margin-top: 10px;
  }

  .share-inner-box {
    height: unset;
    margin-bottom: 12px;
  }

  .about-business-sec.wellness_bg {
    padding: 0;
  }

  .about-business-sec.speaker_bg {
    padding: 30px 0;
  }

  /* .slider_box_new {
    height: 300px;
  } */

  .sub_header {
    flex-direction: column;
  }

  .description-area {
    padding: 10px 0 0 0px;
  }

  .read_more {
    display: none;
  }

  .description-area {
    margin-top: 10px;
  }

  .signin-bg .google_btn .btn,
  .signin-bg .facebook_btn .btn,
  .signin-bg .new-btn,
  .signin-bg .sign_btn .btn,
  .redesign-profile .next_btn .btn {
    padding: 12px 17px;
    font-size: 14px;
  }

  a.btn.face-btn {
    font-size: 14px;
    font-weight: 500;
  }

  .cardbox {
    margin: 0 0 12px 0;
    height: unset !important;
  }

  .navbar-nav .dropdown-menu {
    padding: 0;
    box-shadow: none;
  }

  .upload-document-first {
    margin: 0 0 12px 0;
  }

  .upload-document .upload-text {
    width: 100%;
  }
  .btn-row{
    flex-wrap: wrap;
  }
  .btn-row button{
    width: 100% !important;
  }
  .login-to-buy .modal-body p{
    font-size: 22px !important;
  }

}

@media (max-width: 767px) {
  .product-box.shopping-added-product {
    text-align: left;
  }
  .ac2 .ac3 {
    font-size: 13px !important;
}
.parent-msg {
  margin-right: 34px;
}
.edit-msg-list ul li {
  font-size: 14px;
}

  .order-id-area {
    flex-wrap: wrap;
  }

  a.hightlight-green-btn {
    margin-top: 8px;
  }

  footer.redesign-footer {
    text-align: center;
    padding: 30px 0 !important;
  }

  .exercise-banner {
    height: unset;
    padding: 31px 0;
  }

  .exercise-text h1 {
    font-size: 24px;
  }

  .exercise-content-wrap img {
    width: 56%;
  }

  .exercise-content-wrap h2 {
    font-size: 21px;
  }

  .info_box {
    margin: 12px 0 0 0;
  }

  .covered-content {
    background-position: center bottom;
  }

  .product-box {
    text-align: center;
    margin: 13px 0 0 0;
  }

  .footer-logo-img {
    padding-bottom: 20px;
  }

  .arrow {
    display: none;
  }

  .subscrbe-inner-box {
    margin-bottom: 40px;
  }

  .yello-head {
    width: fit-content;
  }

  .footer-logo-img img {
    width: 200px;
  }

  .footer-use-term {
    padding-top: 20px;
  }

  footer.bottom-footer ul {
    text-align: center;
    padding-bottom: 10px !important;
  }

  .footer-tab li {
    line-height: 34px;
  }

  .footer-tab li a {
    font-size: 16px;
  }

  footer .fa {
    width: 35px !important;
    height: 35px !important;
    font-size: 18px !important;
  }

  .bg_section.signin-bg .row {
    flex-direction: column;
  }

  .bg_section.signin-bg .col-sm-6 {
    max-width: 100%;
  }

  .signin-bg .Signup_box {
    padding: 0 30px;
  }

  .flex-direction-col {
    flex-direction: column;
  }

  .big-med h1 {
    font-size: 20px;
  }

  .business-sec-text h1 {
    font-size: 40px;
  }

  .business-sec-text p {
    font-size: 20px;
    line-height: 30px;
  }

  .business-banner {
    padding: 10px 0 40px;
  }

  .get-started-form h3 {
    font-size: 20px;
    line-height: 30px;
  }

  .get-form-wrap h2 {
    font-size: 30px;
    margin: 15px auto 0;
  }

  .get-form-wrap h2::before {
    left: -60px;
    width: 50px;
  }

  .get-form-wrap h2:after {
    right: -60px;
    width: 50px;
  }

  .corporate-govt-box p {
    text-align: center;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .corporate-govt-box p {
    margin: -55px auto 0;
    font-size: 16px;
  }

  .corporate-govt-box {
    height: 100%;
  }

  .about-business-sec p {
    font-size: 15px;
    line-height: 27px;
    width: 65%;
  }

  .health-app-text h1 {
    font-size: 20px;
  }

  .health-app-text h5 {
    font-size: 18px;
    margin: 0 0 10px;
  }

  .health-app-text p {
    line-height: 25px;
    font-size: 15px;
  }

  .health-app-text h1 span {
    font-size: 20px;
  }

  .health-app-banner {
    padding: 20px 0;
  }

  .health-app-banner .business-sec-img img {
    width: 65%;
    margin: 0;
  }

  .health-app-head h2 {
    margin-bottom: 12px;
    font-size: 23px;
  }

  .health-app-head p {
    line-height: 25px;
    font-size: 15px;
  }

  .health-app-head p br {
    display: none;
  }

  .quiz_slider h2,
  .video-testimonials h2 {
    font-size: 25px;
  }

  .big-quizs p {
    font-size: 16px;
  }

  .big-quizs {
    padding: 40px 0 30px;
  }

  .video-test-wrap {
    flex-direction: column;
  }

  .video-testimonials h2 {
    padding: 0 0 20px 0;
  }

  .download-app {
    padding: 30px 0 40px;
    text-align: center;
  }

  .download-app .business-sec-img {
    padding-bottom: 25px;
  }

}

@media (max-width: 676px) {
  .mainsection.chat_section.notranslate.chat-area {
    margin: 0 10px;
  }

  .notification-date h6 {
    font-size: 13px;
  }

  .notification_list h5 {
    font-size: 17px;
    margin-top: 6px;
  }

  .notification-date {
    position: absolute;
    right: 17px;
    top: 2px;
  }

  .google_btn a.btn.btn-google {
    margin-bottom: 0;
    padding: 13px;
  }

  a.new-btn {
    padding: 12px !important;
  }

  .nav-tabs .nav-link {
    padding: 12px 17px;
  }

  .react-calendar {
    width: 100%;
    min-width: 100%;
  }

  .faq_section h5 {
    font-size: 25px !important;
  }

  .quiz_section_box h6 {
    font-size: 18px !important;
  }

  .quiz_slider .swiper-container {
    padding: 50px 0 32px 0;
  }

  .profile-right-body h4 span {
    margin-top: 10px;
  }

  .carticon_row i {
    font-size: 25px !important;
  }

  .container {
    max-width: 100% !important;
  }

  a.checkout-bt {
    padding: 9px 11px;
    font-size: 14px;
  }

  a.favourite-bt {
    padding: 9px 8px;
    font-size: 14px;
  }

  .about-business-sec {
    background: url("/assets/images/business-about-bg-mob.webp") no-repeat center center;
    height: 100vh;
    background-size: cover;
  }

  .about-business-sec p {
    font-size: 15px !important;
    width: 100%;
    text-align: center;
  }

  .business-banner {
    padding: 10px 0 40px;
    text-align: center;
  }

  .business-sec-img img {
    width: 70%;
    margin-top: 20px;
  }

  .corporate-govt-section h2 {
    text-align: center;
  }
}

@media (max-width: 575px) {
  .health-app-head h2 {
    font-size: 21px;
}
.main-comment-box textarea, .replies-text-btn, .replies-text-btn:hover, .ac2 .ac1 u {
  font-size: 11px !important;
}
.ac2 .ac1 {
  column-gap: 10px;
}
.af9, .af7 {
    gap: 0px;
}
.ac2 {
  width: 100%;
}
.parent-msg {
  justify-content: space-between;
}
.edit-msg-list {
  left: -80px;
}
button.swal2-cancel.swal2-styled, div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
  width: fit-content;
  font-size: 12px !important;
  min-width: unset !important;
  padding: 12px 22px !important;
}
.ac2 .ac5 {
  text-align: start;
}
.parent-msg {
  margin-right: 14px;
}
.type-comments.after-login:after {
  font-size: 14px;
  word-break: auto-phrase;
  backdrop-filter: blur(11.7px);
  color: #525657;
  padding: 42px;
  text-align: center;
}
  .empower-patients p {
    padding-right: 0;
}
  h1.notification-heading {
    font-size: 25px;
  }

  .no_data img {
    width: 170px;
  }

  .vide-section {
    height: 50vh;
  }

  section.vide-section video {
    height: 50vh;
    object-fit: contain;
  }

  .buy-product-detail-right-top .video-like {
    border: 1px solid #000;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }

  .buy-product-detail-right-top .video-like img {
    width: 20px;
  }

  .buy-product-detail-right h2 {
    font-size: 25px;
  }

  .email-verfication.account-type-popup a {
    width: 47%;
  }

  .home-banner.about-top-section .banner-text h1 {
    font-size: 23px;
    line-height: 32px;
  }

  section.global-solution-section.about-fiveth-section {
    height: 60vh;
  }

  section.global-solution-section.about-third-section {
    height: 80vh;
  }

  label.d-flex.pl-3.radio-text-mob {
    margin-bottom: 25px;
  }

  .profile-right-body .nav-link {
    margin-top: 8px;
  }

  .world-box.exercise-tab-area .nav-tabs .nav-link {
    font-size: 14px;
    padding: 7px;
    font-weight: normal;
    width: fit-content !important;
  }

  img.booking-inner-profile {
    width: 170px;
    min-width: 170px;
    height: 170px;
    min-height: 170px;

  }

  .order-product {
    width: 100px;
    min-width: 100px;
  }

  .nav-tabs .nav-link {
    padding: 6px 16px;
    font-size: 14px;
  }

  .unique-id {
    font-size: 14px;
  }

  .profile-right-body h4 {
    font-size: 15px;
  }

  .profile-right-body p b {
    font-size: 14px;
  }

  .check-mark-green {
    width: 20px;
  }

  .slider_box_new {
    margin-top: 0;
    height: 400px;
  }

  .big-txt-btn {
    margin-top: 10px;
  }

  .thumbnail-image a {
    margin-top: 0;
  }

  .upload-document .upload-text {
    height: 44px;
  }

  .exercise-content {
    margin: 40px 0;
  }

  .exercise-content-wrap.text-center.exercise-content-light {
    margin-bottom: 22px;
    margin-left: 52px;
    margin-right: 52px;
  }

  .exercise-content-wrap img {
    width: 34%;
    margin-top: 0;
  }

  .about-business-sec.wellness_bg {
    background: url("/assets/images/whether-mob.webp") no-repeat top center;
    background-size: cover;
  }

  .about-business-sec.speaker_bg {
    background: url("/assets/images/speaker-mob.webp") no-repeat top center;
    background-size: cover;
  }

  .business-sec-text h1 {
    font-size: 32px;
  }

  .business-sec-text small {
    font-size: 15px;
  }

  .about-business-sec.wellness_bg {
    padding: 39px 0;
  }

  .corporate-govt-box p {
    margin: -47px auto 0;
    height: 58px;
  }

  .food-options-area {
    padding: 40px 0;
  }

  .info_box h6 {
    font-size: 14px !important;
  }

  .next_btn.mt-4 {
    margin-top: 0 !important;
  }

  .certificate-wrap img {
    width: 80px;
    height: 80px;
  }

  .about_sec p {
    padding-top: 0 !important;
  }

  .about-main {
    padding: 22px 20px 25px !important;
  }

  .main-about-bottom img {
    height: 300px;
  }

  .about-main img {
    position: unset;
    transform: unset;
  }

  .main-about-bottom {
    padding: 12px 0 30px 0;
  }

  .world-box.elearning-box .nav-tabs .nav-link {
    padding: 7px 20px;
    border-radius: 62px;
  }

  .world-box.elearning-box .nav-tabs .nav-link img {
    display: none;
  }

  .big-med-text h4 {
    font-size: 18px;
  }

  .world-box .nav-tabs .nav-link {
    font-size: 14px;
    padding: 7px;
    font-weight: normal;
  }

  .webinar-inner-box p {
    margin-bottom: 6px !important;
  }

  .world-box .nav {
    align-items: center;
    justify-content: center;
  }

  .webinar-inner-box {
    padding: 17px;
    min-height: unset;
  }

  .join-button {
    font-size: 14px;
  }

  .big-med-heading {
    margin-bottom: 0;
  }

  .payment_section .nav-pills .nav-link,
  .payment_section .nav-pills>.nav-link {
    min-width: 90px !important;
  }

  .payment_section .nav-pills h5 {
    display: none;
  }

  .ingridient-top-header {
    background: url("/assets/images/mobile-banner-ingr.webp") no-repeat;
    height: 44vh;
  }

  .bottom-content.banner-text h2 {
    font-weight: 800;
  }

  .burden-disease h2 {
    padding-bottom: 0;
  }

  .slider_box_new img {
    height: 400px;
    width: 100%;
    object-fit: contain;
  }

  .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: -7px !important;
  }

  section.heading-search .container {
    flex-direction: column;
    align-items: start;
  }

  section.heading-search .container .input-group.search-box {
    margin-left: 0;
  }

  .signin-bg .Signup_box {
    padding: 0px 10px;
  }

  .Signup_box h4 {
    font-size: 25px;
  }

  .signin-bg .Signup_box .text-secondary {
    font-size: 15px;
  }

  .signin-bg .Signup_box .input103,
  .redesign-profile .Signup_box .input103 {
    height: 50px;
  }

  .signin-bg .google_btn .btn,
  .signin-bg .facebook_btn .btn,
  .signin-bg .new-btn,
  .signin-bg .sign_btn .btn,
  .redesign-profile .next_btn .btn {
    padding: 7px 12px;
    font-size: 15px;
  }

  h6.psw {
    margin-bottom: 0;
  }

  span.btn-fb {
    padding: 5px;
  }

  .signin-bg .nav-tabs .nav-link {
    width: 47%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
  }

  .mdl-desc {
    font-size: 15px;
    margin-bottom: 20px;
  }

  .email-verfication h3 {
    font-size: 25px;
    margin-top: 20px !important;
  }

  .modal-content {
    width: 95% !important;
    margin: auto;
  }

  .user-login-page-animate .page-title h2 {
    font-size: 30px;
  }

  .user-login-page-animate .page-title h2 {
    text-align: center;
    font-size: 30px;
    margin: 0;
    font-weight: 700;
  }

  .big-med-heading.d-flex {
    flex-direction: column-reverse;
  }

  .big-med-heading.d-flex a {
    margin-bottom: 15px;
  }

  .big-med-details-wrap img,
  .big-med-details-wrap .big-med-main-img.big-med-main-vid video {
    min-height: 260px !important;
    height: 260px !important;
  }

  .big-med-icon-text.d-flex,
  .details-cetagory.d-flex {
    flex-wrap: wrap;
  }

  .big-med-text p {
    font-size: 14px;
    margin-bottom: 0;
  }

  .details-cetagory {
    padding-top: 10px;
  }

  span.line-none {
    display: none;
  }

  .details-cetagory span {
    margin: 0 10px 5px 0;
    width: 100%;
  }

  .description p {
    font-size: 14px;
  }

  .radio-text-mob .remem.mr-2 {
    width: 10%;
  }

  .redesign-profile .camera_box {
    height: 100px;
    width: 100px;
    min-height: 100px;
  }

  .camera_box i {
    font-size: 30px !important;
  }

  .four-boxes-media {
    width: 100%;
    margin: 10px auto 0;
    gap: 10px;
    padding: 7px;
  }

  .add-media-box p i {
    font-size: 12px;
  }

  p.black-text span {
    font-size: 16px;
  }

  .corporate-govt-box {
    height: 100%;
  }

  .corporate-govt-section h2 {
    font-size: 22px;

  }

  .about-business-sec p {
    font-size: 16px;
    width: 100%;
  }

  .business-banner {
    padding: 10px 0 0px;
  }

  .get-started-form {
    padding: 30px 0;
  }

  .banner-text h1 {
    font-size: 19px;
  }

  .banner-text p {
    font-size: 14px !important;
    line-height: 21px;
  }

  .brand-logo-wrap img {
    object-fit: contain;
  }

  .global-solution-text p,
  .optimize-profite-text p {
    font-size: 15px;
    line-height: 21px;
  }

  .burden-disease h2,
  .global-solution-text h2,
  .certificate-section h2,
  .optimize-profite-text h1 {
    font-size: 23px;
    line-height: 30px;
  }

  .global-solution-text h5 {
    font-size: 23px;
  }

  .home-banner.home-banner-mob {
    background: url("/assets/images/hero-main-banner-mob.jpg") no-repeat top center;
    height: 90vh;
    background-size: cover;
    background-position: center;
  }

  .home-banner.home-banner-mob,
  .global-solution-section.global-solution-section-mob,
  .optimize-profit-section.optimize-profit-section-mob {
    display: block !important;
  }

  .home-banner,
  .global-solution-section,
  .optimize-profit-section {
    display: none !important;
  }

  .global-solution-section.global-solution-section-mob {
    height: 100vh;
    background: url("/assets/images/global-solution-bg-mob.jpg") no-repeat top center;
    padding-top: 20px;
    background-size: cover;
  }

  .optimize-profit-section.optimize-profit-section-mob {
    background: url("/assets/images/optimize-profit-bg-mob.jpg") no-repeat bottom center;
    height: 100vh;
  }

  .banner-text.text-center.pt-5,
  .optimize-profit-section.pt-5 {
    padding-top: 20px !important;
  }

  .optimize-profite-text li {
    font-size: 15px;
  }

  .lifestyle-med-sec {
    background: url("/assets/images/lifestyle-md-bg-mob.png") no-repeat top center;
    height: 88vh;
    background-size: cover;
    padding: 40px 0;
  }

  .true-patient-sec {
    background: url("/assets/images/true-patient-mob.webp") no-repeat top center;
    height: 88vh;
    background-size: cover;
    padding: 40px 0;
  }

  .smarter-future-sec {
    background: url("/assets/images/smarter-future-bg-mob.webp") no-repeat top center;
    height: 88vh;
    background-size: cover;
    padding: 40px 0;
  }

  .empower-future-sec {
    background: url("/assets/images/empower-patient-bg-mob.webp") no-repeat center;
    height: 88vh;
    background-size: cover;
    padding: 40px 0;
  }

  .brand-logos-section {
    padding: 50px 0 0;
  }

  .play-apple-store img {
    margin-bottom: 10px;
    width: 40%;
  }

  .ingredients-img {
    width: 115px;
    height: 115px;
  }

  .bottom-content.banner-text h2 {
    font-size: 19px;
  }

  h3 {
    font-size: 20px !important;
  }

  .burden-disease.powerful-banner h2 {
    margin-bottom: 5px !important;
  }

  .burden-disease {
    padding: 10px 0 10px;
  }

  .burden-disease.powerful-banner {
    padding: 22px 0 0 0;
  }

  .get-started-form h3 {
    font-size: 13px !important;
    line-height: unset;
  }
}
.phone-input-container {
  display: flex;

  gap: 10px;
}
 .phone-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.phone-input-wrapper .PhoneInputCountry {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.phone-input-wrapper input {
  padding-left: 80px; /* flag ke liye jagah */
}
.error-message {
  color: #dc3545;
  font-size: 12px;
  margin-top: -5px;
  display: block;
}


.phone-input-wrapper.error .PhoneInputInput,
.manual-phone-input.error {
  border-color: #dc3545 !important;
}

.manual-phone-input {
  padding: 15px 17px 15px 50px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  border-radius: 32px;
  width: 100%;
}

.flag-display {
  font-size: 24px;
  margin-right: 10px;
}
.phone-input-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}

.country-code-display {
  width: 60px;
  text-align: center;
  border: 1px solid #ccc;
  padding: 8px;
  border-radius: 4px;
  background-color: #f5f5f5;
}

.flag-emoji {
  font-size: 24px;
}

.country_tel {
  flex: 1;
}

@media(max-width:480px) {
  .video-like.video-like-btns {
    font-size: 13px;
    padding: 6px 11px !important;
}
.af9 {
  padding: 0 10px;
}
.aa0 .ah2 .ah0 {
  padding: 4px 0 4px 0;
}
.main-comment-box {
  padding: 7px;
}
.main-comment-box textarea {
  padding: 1px 10px !important;
}
.ag5{
  gap: 0;
}
.epr-main {
  left: -20px;
  position: relative;
  top: 3px;
}
.epr-main img {
  min-width: 19px !important;
  min-height: 19px !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 19px !important;
  height: 19px !important;
}
.epr-main button {
  padding: 0 !important;
  margin: 4px !important;
  width: fit-content !important;
}
  .ac2 .ac1 {
    row-gap: 2px;
    margin-bottom: 6px;
  }
  .ac2 .ac1 u {
    font-size: 14px
  }
  .ac2 .ac1 .ac0 {
    position: relative;
    top: -2px;
  }
  .ac2 .ac1 .ac0>span {
    width: 16px;
    height: 16px;
    box-shadow: 0 0 0 1.5px #fff;
    top: 3px
  }

  .article-img img {
    width: 100%;
    height: 250px;
    object-fit: contain;
    border-radius: 28px;
    border: 1px solid #0000001c;
    background: #8080801a;
}
  .add_head {
    flex-wrap: wrap;
  }

  .make_payment .btn {
    width: 60% !important;
    padding: 8px 0 !important;
  }

  .select-top-area {
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }

  .new-card-add-btn button {
    margin-left: 0;
  }

  .home-banner.about-top-section .banner-text p {

    line-height: 20px;
  }

  .filter-area-top {
    flex-wrap: wrap;
  }

  .filter-area {
    margin: 7px 0 0 0;
  }

  .home-banner.about-top-section {
    height: 120vh;
  }

  .buy-product-detail-right h2 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .preview-image-area-left {
    width: 100%;
    display: flex;
    margin: 0 auto 30px;
  }

  .ingredient-buy-now button {
    font-weight: 600;
    color: #00c9ff;
    background-color: #fff;
    padding: 3px 20px;
    border: none;
    border-radius: 36px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border: 2px solid #00c9ff;
    font-size: 18px;
  }

  .heart_icon1 {
    padding: 4px 10px;
    border-radius: 7px;
    font-size: 19px;
  }

  .buy-product-detail-right h2 {
    font-size: 22px;
  }

  .email-verfication.account-type-popup a {
    width: 100%;
    margin: 5px 0;
  }

  section.global-solution-section.about-second-section {
    background: url("../../assets/images/community-involvement1-mobile2.png") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center;
    height: 100vh;
    display: block !important;
  }

  section.global-solution-section.about-fourth-section {
    height: 120vh;
  }

  section.global-solution-section.about-fiveth-section {
    height: 80vh;
  }

  .order-placed-box .success_payment h1 {
    font-size: 17px;
  }

  .order-placed-box .success_payment .btn {

    font-size: 15px;
  }

  .order-placed-box .success_payment.my-4 {
    margin: 0 !important;
  }

  .text-left.return-disclaimer {
    font-size: 14px;
  }

  .rating-area-btns a {
    margin: 0 4px;
    border-radius: 160px;
    width: 100px !important;
    min-width: 100px !important;
    height: 40px !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .rating-area-btns {
    justify-content: center;
  }

  .cancel-order-popup button {
    width: 89px;
    display: flex;
    justify-content: center;
  }

  .cancel-order-popup .modal-header {
    padding-top: 0;
  }

  .cancel-order-popup .modal-footer {
    padding-bottom: 0;
  }

  .cancel-order-popup .modal-title.h4 h4 {
    font-size: 20px;
  }

  .cancel-order-popup .appointment-box h5 {
    font-size: 15px !important;
  }

  .cancel-order-popup .modal-content {
    padding: 20px;
  }

  .client-header img {
    width: 60px;
  }

  .client-text h5 {
    font-size: 20px;
  }

  section.optimize-profit-section.optimize-profit-section-mob.d-none.pt-5.bg-background {
    height: 870px;
  }

  .video-call-area-inner {
    border-radius: 0;
  }

  .fade.video-call-modal-box.modal.show .modal-content {
    width: 100% !important;
    height: 100vh;
    border-radius: 0 !important;
    padding: 0;
  }

  .fade.video-call-modal-box.modal.show {
    padding-right: 0 !important;
  }

  .fade.video-call-modal-box.modal.show .modal-dialog.modal-xl.modal-dialog-centered {
    margin: 0;
  }

  .video-mute {
    background: #11caff;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    min-width: 45px;
    min-height: 45px;
    margin: 0 7px;
    cursor: pointer;
  }

  .video-mute i {
    font-size: 20px;
  }

  .video-call-area {
    border: none;
    padding: 0;
  }

  .video-call-user {
    position: absolute;
    bottom: 22px;
    left: 22px;
  }

  .video-call-user video {
    width: 100px;
    height: 100px;
    min-width: 100px;
    min-height: 100px;
    object-fit: cover;
    border-radius: 50%;
  }

  .video-call-area-inner video {
    width: 100%;
    height: 760px;
    min-height: 760px;
    object-fit: cover;
    border-radius: 0;
  }

  .video-call-area-inner {
    height: fit-content;
    max-height: 760px;
  }

  .fade.video-call-modal-box.modal .modal-body {
    padding: 0 !important;
  }

  .about-business-sec {
    padding: 40px 0 70px;
  }

  .change-password-pop .modal-header {
    padding: 10px 15px;
  }

  .change-password-pop font {
    font-size: 29px !important;
  }

  .change-password-pop button.close {
    padding: 2px 10px;
  }

  .change-password-pop .modal-title.h4 {
    font-size: 21px !important;
  }

  .change-password-pop .email-verfication h5 {
    font-size: 16px;
  }

  .change-password-pop .email-verfication input {
    height: 45px;
  }

  .profile-right-header h4 {
    font-size: 17px;
  }

  .create-btn-light {
    font-size: 14px;
    padding: 2px 10px;
  }

  .world-box.exercise-tab-area .nav {
    display: flex;
  }

  span.navbar-toggler-icon {
    font-size: 16px;
  }

  h2.additional-info {
    font-size: 20px;
  }

  .select-date-area h2 {
    font-size: 22px;

  }

  img.booking-inner-profile {
    width: 140px;
    min-width: 140px;
    height: 140px;
    min-height: 140px;
  }

  .booking-text h4 {
    font-size: 18px;
  }

  .booking-text {
    margin-left: 0;
    margin-top: 15px;
  }

  .booking-text p img {
    width: 18px;
  }

  .profile-header a {
    padding: 4px 9px;
  }

  .reply-main textarea {
    padding: 30px 140px 30px 20px !important;
  }

  .profile-header a img {
    width: 20px;
  }

  .profile-right-header {
    flex-wrap: wrap;
  }

  .plus-btn {
    width: 33px !important;
    right: 80px !important;
  }

  .reply-main img {

    width: 35px;
  }

  .chat-toggle {
    margin-top: 8px;
  }

  .switch {
    height: 24px;
  }

  .switch-handle {
    width: 20px;
    height: 20px;
  }

  .switch-input:checked~.switch-handle {
    left: 42px;
  }

  .order-product {
    width: 70px;
    min-width: 70px;
  }

  .order-box {
    flex-wrap: wrap;
  }

  .order-detail-right {
    margin-left: 0 !important;
    margin-top: 13px;
  }

  .timing-zone .css-4jnixx-MuiStack-root>.MuiTextField-root {
    min-width: 100px;
    width: 100px;
  }

  .MuiFormControl-root {
    width: 100px;
    min-width: 100px !important;
  }

  .availabilty-box {
    padding: 13px;
  }

  .shopping-btn {
    font-size: 12px;
  }

  .about-paragraph.video-content {
    bottom: 20px;
    font-size: 13px !important;
  }

  .about-business-sec p {
    font-size: 15px !important;
    line-height: 24px !important;
  }

  div:where(.swal2-container) h2:where(.swal2-title) {
    font-size: 27px !important;
    color: #000 !important;
  }

  div:where(.swal2-container) .swal2-html-container {
    font-size: 16px !important;
    color: #000 !important;
  }

  .exercise-content-wrap.text-center.exercise-content-light {
    margin-left: 0;
    margin-right: 0;
  }

  .no-data-box img {
    width: 31%;
  }

  .certificate-wrap img {
    margin: 0 5px 16px;
  }

  .big-med-text-main button,
  .big-med-text-main button:hover {
    padding: 5px 11px;
    font-size: 13px;
  }

  .inner-profile-main {
    flex-wrap: wrap;
  }

  .profile-image {
    width: 100%;
    margin-right: 0;
  }

  .profile-header a img {
    width: 23px;
  }

  .btn.back-btn {
    padding: 8px 10px;
    font-size: 13px;
  }

  .upload-document img {
    top: 16px;
    right: 26px;
  }

  .redesign-profile ::-webkit-file-upload-button {
    line-height: 1px;
  }

  .css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root,
  .css-1u3bzj6-MuiFormControl-root-MuiTextField-root,
  .css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline {
    height: 46px;
  }

  .redesign-profile .upload-document input[type="file"] {
    line-height: 30px;
    padding-right: 24px;
  }

  .world-box .nav-tabs .nav-link {
    margin-bottom: 7px;
    font-weight: 700;
  }

  .world-box .nav {
    display: unset;
  }

  button.shopping-btn.delete-btn img {
    width: 16px;
  }

  .count-box {
    padding: 1px 0;
  }

  .count-box p,
  .total-count .next_btn .btn {
    font-size: 13px;
  }

  .total-count .next_btn .btn {
    font-size: 13px;
  }

  .shopping-cart-wrap,
  .total-count {
    padding: 17px 16px;
  }

  .shopping-cart-wrap,
  .total-count {
    padding: 12px;
  }

  p {
    font-size: 14px !important;
  }

  .total-count h5 {
    font-size: 16px;
  }

  .product-box h5 {
    font-size: 19px;
  }

  .get-form-wrap input,
  .Signup_box .frist_step .input103,
  .select-main {
    height: 44px !important;
    font-size: 14px !important;
  }

  .delivery-head {
    flex-wrap: wrap;
  }

  .delivery-body {
    position: relative;
    padding: 31px 21px 21px 21px;
  }

  .redesign-profile .Signup_box label {
    font-size: 14px;
  }

  .inner-action {
    position: absolute;
    right: 12px;
    top: -11px;
    background: #fff;
    padding: 3px 6px;
  }
}

@media(max-width:360px) {
  .about-business-sec.speaker_bg {
    background: url("/assets/images/speaker-mobscreen.png") no-repeat top center;
    background-size: cover;
    height: 100vh;
  }

  .about-business-sec.wellness_bg {
    margin-top: -310px;
    background: url("/assets/images/whether-mobscreen.png") no-repeat top center;
    background-size: cover;
    height: 110vh;
  }

  .home-banner.about-top-section .banner-text h1 {
    font-size: 20px;
    line-height: 27px;
  }

  .brand-logos-section h5 {
    font-size: 21px;
    margin-bottom: 0 !important;
  }

  .buy-product-detail-right h2 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .home-banner.about-top-section {
    background: url("../../assets/images/global-healthcare-mobile2.png") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center;
    display: block !important;
  }

  section.global-solution-section.about-fourth-section {
    background: url("../../assets/images/global-impact-mob.png");
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center;
    height: 80vh;
    display: block !important;
  }

  .rating-area .cancelorder_modal h5 {
    font-size: 22px !important;
  }

  .subs_secondbox.subscribed-product {
    padding: 14px;
  }

  section.global-solution-section.about-fiveth-section {
    background: url("../../assets/images/new-world-mobile2.png ") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center;
    height: 70vh;
    display: block !important;
  }

  section.global-solution-section.about-third-section {
    background: url("../../assets/images/remarkable-revolution-mobile2.png") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center;
    height: 70vh;
    display: block !important;
  }


  .booking-inner-box {
    flex-wrap: wrap;
  }

  .appointment-btns {
    display: block;
  }

  .appointment-btns button {
    margin: 4px 5px 4px 0 !important;
  }

  .profile-right-body .share-btn {
    width: -webkit-fill-available;
  }

  .reply-main textarea::placeholder {
    font-size: 14px;
  }

  .webinar-inner-box h4 {
    font-size: 15px;
  }

  .schedule-img {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;

  }

  .copy-profile {
    width: 260px;
  }

  span.edit-metric {
    width: 100%;
    text-align: center;
    margin-bottom: 10px !important;
    margin-right: 0 !important;
  }

  .share-btn {
    width: 100%;
  }

  .burden-disease h2,
  .global-solution-text h2,
  .certificate-section h2,
  .optimize-profite-text h1 {
    font-size: 19px;
    line-height: 30px;
  }

  .global-solution-text h5 {
    font-size: 20px;
    padding: 0;
  }

  .global-solution-text p,
  .optimize-profite-text p {
    font-size: 13px !important;
  }

  .optimize-profite-text li {
    font-size: 14px;
  }

  .health-app-head p {
    line-height: 25px;
    font-size: 14px;
  }
}

.cat-btn {
    color: #000 !important;
  background-color: #B3EFFF !important;
  border: 1px solid #B3EFFF !important;
  border-radius: 40px !important;
  padding: 8px 27px !important;
  margin-right: 10px !important;
  font-weight: 600 !important;
}
.cat-btn:hover {
 background-color: #00C8FF !important;
  border: 1px solid #00C8FF !important;
  color: #fff !important;
}

.custom-dropdown-menu {
  max-height: 250px; /* adjust as needed */
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin; /* Firefox */
}

.custom-dropdown-menu::-webkit-scrollbar {
  width: 6px;
}

.custom-dropdown-menu::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}

.custom-dropdown-menu::-webkit-scrollbar-track {
  background: transparent;
}

.text-hint {
  font-size: 0.9rem;      /* smaller text */
  color: #13c9fccf;         /* muted gray tone */
  font-weight: 600;
  margin-left: 4px;
}