@charset "UTF-8";
@font-face {
  font-family: robson-semibold;
  src: url("./../fonts/robson/Fontspring-DEMO-robson-semibold.otf");
}
@font-face {
  font-family: Poppins-Regular;
  src: url("./../fonts/Poppins/Poppins-Regular.ttf");
}
@font-face {
  font-family: Poppins-Bold;
  src: url("./../fonts/Poppins/Poppins-Bold.ttf");
}
@font-face {
  font-family: Poppins-SemiBold;
  src: url("./../fonts/Poppins/Poppins-SemiBold.ttf");
}
@font-face {
  font-family: Poppins-Medium;
  src: url("./../fonts/Poppins/Poppins-Medium.ttf");
}
@font-face {
  font-family: Sf-R;
  src: url("./../fonts/sf-ui/FontsFree-Net-SF-UI-Display-Regular-1.ttf");
}
@font-face {
  font-family: Sf-Sb;
  src: url("./../fonts/sf-ui/sf-ui-display-semibold-58646eddcae92.woff");
}
@font-face {
  font-family: Sf-B;
  src: url("./../fonts/sf-ui/sf-ui-display-bold-58646a511e3d9.woff");
}
@font-face {
  font-family: Sf-M;
  src: url("./../fonts/sf-ui/sf-ui-display-medium-58646be638f96.woff");
}
@font-face {
  font-family: Sf-L;
  src: url("./../fonts/sf-ui/sf-ui-display-light-58646b33e0551.woff");
}
@font-face {
  font-family: Quicksand-B;
  src: url("./../fonts/Quicksand/static/Quicksand-Bold.ttf");
}
@font-face {
  font-family: Quicksand-L;
  src: url("./../fonts/Quicksand/static/Quicksand-Light.ttf");
}
@font-face {
  font-family: Quicksand-M;
  src: url("./../fonts/Quicksand/static/Quicksand-Medium.ttf");
}
@font-face {
  font-family: Quicksand-R;
  src: url("./../fonts/Quicksand/static/Quicksand-Regular.ttf");
}
@font-face {
  font-family: Quicksand-SB;
  src: url("./../fonts/Quicksand/static/Quicksand-SemiBold.ttf");
}
:root {
  /* colors */
  --bodybg: #fcfcfc;
  --searchbg: #f8f8f8;
  --textclr1: #000000;
  --textclr2: #272727;
  --textclr3: #03284f;
  /* corrected textclr2 to textclr3 as textclr2 was repeated */
  --textclr4: #ffffff;
  --secondnavbg: #f1f8ff;
  --categorybg: #013c7b;
  --bestbg: #03284f;
  --bestclrbg: #013c7b;
  --pillsbg: #ebebeb;
  /* font sizes */
  --fontSizeSmall: 12px;
  --fontSizeMedium: 16px;
  --fontSizeLarge: 20px;
  --fontSizexl: 20px;
  --fontSizexxl: 26px;
  --fontSizexxxl: 38px;
  /* font families */
  --fontQuicksandB: "quicksand-b", sans-serif;
  --fontQuicksandL: "quicksand-l", sans-serif;
  --fontQuicksandM: "quicksand-m", sans-serif;
  --fontQuicksandR: "quicksand-r", sans-serif;
  --fontQuicksandSB: "Quicksand-SB", sans-serif;
  --fontSFUIB: "sfui-b", sans-serif;
  --fontSFUISB: "sfui-sb", sans-serif;
  --fontSFUIR: "sfui-r", sans-serif;
  --fontSFUIL: "sfui-l", sans-serif;
  --fontSFUIM: "sfui-m", sans-serif;
}

html {
  scroll-behavior: smooth;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background-color: #fcfcfc;
}

.form-check-input:checked {
  background-color: #013c7b;
  border-color: #000000;
}

.closreBrn {
  background-color: #013c7b;
  border: none;
  font-family: SF-M;
  color: #fff;
  font-size: 13px;
  border-radius: 5px;
  height: 40px;
}
.closreBrn:hover {
  color: #fff;
}

.pagination {
  display: flex;
  list-style: none;
  justify-content: center;
  padding: 0;
}

.pagination li {
  display: inline-block;
  margin: 5px;
}

.pagination li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: gray; /* Green background for all pages */
  color: #fff; /* Gray text for non-active pages */
  text-decoration: none;
  font-size: 14px;
}

.pagination li.active a {
  color: #013c7b; /* Blue text for the active page */
  background-color: #013c7b !important;
  border: none !important;
}

.pagination li a.disabled {
  pointer-events: none; /* Disable clicks on disabled buttons */
  opacity: 0.5; /* Make disabled buttons semi-transparent */
}

.categorySwiper .swiper-button-prev:after,
.categorySwiper .swiper-rtl .swiper-button-next:after {
  content: "prev";
  color: #013c7b !important;
  font-size: 20px !important;
}
.categorySwiper .swiper-button-next:after,
.categorySwiper .swiper-rtl .swiper-button-prev:after {
  content: "next";
  color: #013c7b !important;
  font-size: 20px !important;
}

.subCatelist {
  margin: 20px 0px;
}
.subCatelist .subPack {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100px;
}
.subCatelist .subPack .subList {
  height: 100px;
  cursor: pointer;
  width: 100px;
  border-radius: 50%;
}
@media (max-width: 575.98px) {
  .subCatelist .subPack .subList {
    height: 50px;
    width: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .subCatelist .subPack .subList {
    height: 50px;
    width: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .subCatelist .subPack .subList {
    height: 60px;
    width: 60px;
  }
}
.subCatelist .subPack .topName {
  cursor: pointer;
  text-align: center;
  font-size: 12px;
}

.swiper-pagination-bullet {
  background-color: #585858 !important;
  width: 31px !important;
  height: 4px !important;
  border-radius: 3px !important;
}
.swiper-pagination-bullet.active {
  background-color: #013c7b !important;
  width: 31px !important;
  height: 4px !important;
  border-radius: 3px !important;
}

.headerAndBody {
  margin-top: 40px;
}
@media (max-width: 575.98px) {
  .headerAndBody {
    margin-top: 0px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .headerAndBody {
    margin-top: 0px;
  }
}

.rbt-input-main {
  outline: none !important;
  box-shadow: none !important;
}
.rbt-input-main:focus {
  outline: none !important;
  box-shadow: none !important;
}

/*for fixed header*/
.loaders {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70vh;
}
.loaders .loadderFIle {
  width: 125px;
}
@media (max-width: 575.98px) {
  .loaders .loadderFIle {
    width: 90px;
  }
}

.Imgloaders {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 140px;
}
.Imgloaders .loadderFIle {
  width: 65px;
}
@media (max-width: 575.98px) {
  .Imgloaders .loadderFIle {
    width: 20px;
  }
}

.typeahead {
  font-size: Sf-R !important;
  outline: none !important;
  box-shadow: none !important;
}
.typeahead:focus {
  outline: none !important;
  box-shadow: none !important;
}

.rbt-menu > .dropdown-item.active {
  background-color: #013c7b !important;
  font-family: Sf-R !important;
}

.header {
  min-height: 60px;
  background-color: white;
}
.header .nvbar-edit {
  min-height: 60px;
  background-color: #f6f9ff !important;
  padding: 0px 40px;
  position: fixed;
  /* display: block; */
  z-index: 99999;
  width: 100%;
}
@media (max-width: 575.98px) {
  .header .nvbar-edit {
    padding: 0px;
  }
}
.header .nvbar-edit .logo-edit {
  font-size: 25px;
}
.header .nvbar-edit .logo-edit .logo-edit1 {
  height: 36px;
  width: auto;
}
.header .nvbar-edit .navIcons-top {
  flex-direction: row;
  gap: 25px;
  align-items: center;
}
.header .nvbar-edit .navIcons-top .nav-item {
  cursor: pointer;
}
.header .nvbar-edit .navIcons-top .nav-item .menubar-items {
  font-family: Sf-R;
  cursor: pointer;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.header .nvbar-edit .navIcons-top .nav-item .menubar-items .icooons {
  height: 16px;
  margin-right: 5px;
}
.header .nvbar-edit .navIcons-top .nav-item .badge {
  background-color: rgb(2, 173, 199) !important;
}
.header .nvbar-edit .navIcons-top .nav-item .login-menu {
  font-family: Sf-R;
  font-size: 13px;
  border: none;
  background: transparent !important;
  color: #000000;
  display: flex;
  align-items: center;
  box-shadow: none;
  padding: 0px;
}
.header .nvbar-edit .navIcons-top .nav-item .login-menu:after {
  display: none;
}
.header .nvbar-edit .navIcons-top .nav-item .login-menu .icooons {
  height: 16px;
  margin-right: 5px;
}
.header .nvbar-edit .navIcons-top .nav-item .login-menu::after {
  display: none;
}
.header .nvbar-edit .navIcons-top .nav-item .login-Ddown {
  padding: 5px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1019607843);
  border: none;
  background-color: #fcfcfc;
  min-width: 135px !important;
  position: absolute;
}
@media (max-width: 575.98px) {
  .header .nvbar-edit .navIcons-top .nav-item .login-Ddown {
    font-size: 13px;
    width: 120px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .header .nvbar-edit .navIcons-top .nav-item .login-Ddown {
    font-size: 13px;
    width: 120px;
  }
}
.header .nvbar-edit .navIcons-top .nav-item .login-Ddown .profile-logout {
  font-family: Sf-R;
  cursor: pointer;
  font-size: 14px;
  color: #000000;
  padding: 7px 8px;
  border-bottom: 0.5px solid #cbcbcb;
}
@media (max-width: 575.98px) {
  .header .nvbar-edit .navIcons-top .nav-item .login-Ddown .profile-logout {
    font-size: 12px;
    padding: 5px 4px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .header .nvbar-edit .navIcons-top .nav-item .login-Ddown .profile-logout {
    font-size: 12px;
    padding: 5px 4px;
  }
}
.header .nvbar-edit .navIcons-top .nav-item .login-Ddown .profile-logout:active {
  background-color: none;
}
.header .nvbar-edit .navIcons-top .nav-item .login-Ddown .profile-logout.border-botom {
  border-bottom: none;
}
.header .nvbar-edit .navIcons-top .nav-item .login-Ddown .profile-logout .icooons {
  height: 16px;
  margin-right: 7px;
}
@media (max-width: 575.98px) {
  .header .nvbar-edit .navIcons-top .nav-item .login-Ddown .profile-logout .icooons {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .header .nvbar-edit .navIcons-top .nav-item .login-Ddown .profile-logout .icooons {
    font-size: 13px;
  }
}
.header .nvbar-edit .navIcons-top .nav-item .login-Ddown .profile-logout .logout-icon {
  font-size: 14px;
  margin-right: 5px;
}
@media (max-width: 575.98px) {
  .header .nvbar-edit .navIcons-top .nav-item .login-Ddown .profile-logout .logout-icon {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .header .nvbar-edit .navIcons-top .nav-item .login-Ddown .profile-logout .logout-icon {
    font-size: 13px;
  }
}
.header .nvbar-edit .hamburger-edit {
  display: none;
  cursor: pointer;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .header .nvbar-edit .hamburger-edit {
    display: block;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .header .nvbar-edit .hamburger-edit {
    display: block;
  }
}
@media (max-width: 575.98px) {
  .header .nvbar-edit .hamburger-edit {
    display: block;
  }
}
.header .nvbar-edit .hamburger-edit.active .bar {
  background-color: black;
}
.header .nvbar-edit .hamburger-edit.active .bar:nth-child(2) {
  opacity: 0;
}
.header .nvbar-edit .hamburger-edit.active .bar:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}
.header .nvbar-edit .hamburger-edit.active .bar:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}
.header .nvbar-edit .hamburger-edit .bar {
  display: block;
  width: 25px;
  height: 3px;
  margin: 5px 0px;
  transition: all 0.4s ease;
  background-color: black;
}
.header .nvbar-edit .nav-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding-left: 0px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .header .nvbar-edit .nav-menu {
    width: 80%;
    display: block;
    position: fixed;
    left: -100%;
    top: 70px;
    gap: 0;
    flex-direction: column;
    width: 100%;
    text-align: center;
    transition: 0.6s;
  }
  .header .nvbar-edit .nav-menu.active {
    left: 0;
    top: 70px;
    background-color: yellow;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .header .nvbar-edit .nav-menu {
    position: fixed;
    left: -100%;
    top: 70px;
    gap: 0;
    flex-direction: column;
    width: 100%;
    text-align: center;
    transition: 0.6s;
    display: block;
    width: 80%;
  }
  .header .nvbar-edit .nav-menu.active {
    left: 0;
    top: 70px;
    background-color: white;
  }
}
@media (max-width: 575.98px) {
  .header .nvbar-edit .nav-menu {
    width: 80%;
    display: block;
    position: fixed;
    left: -100%;
    top: 0px;
    gap: 0;
    flex-direction: column;
    text-align: center;
    transition: 0.6s;
  }
  .header .nvbar-edit .nav-menu.active {
    left: 0;
    top: 0px;
    background-color: white;
  }
}
.header .nvbar-edit .nav-menu .navUl-edit {
  margin-left: auto;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .header .nvbar-edit .nav-menu .navUl-edit {
    text-align: start;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .header .nvbar-edit .nav-menu .navUl-edit {
    text-align: start;
  }
}
@media (max-width: 575.98px) {
  .header .nvbar-edit .nav-menu .navUl-edit {
    text-align: start;
  }
}
.header .nvbar-edit .nav-menu .navUl-edit .search-boxTop {
  position: relative;
}
.header .nvbar-edit .nav-menu .navUl-edit .search-boxTop::after {
  display: none;
}
.header .nvbar-edit .nav-menu .navUl-edit .search-boxTop .search-inpBox {
  padding-left: 35px;
  border: none;
  height: 37px;
  width: 600px;
  font-size: 15px;
  background: #f8f8f8;
  font-family: Sf-R;
  margin-right: 0px;
}
.header .nvbar-edit .nav-menu .navUl-edit .search-boxTop .search-icon {
  position: absolute;
  top: 30%;
  left: 12px;
  height: 15px;
}
.header .nvbar-edit .nav-menu .navUl-edit .searchbar-box {
  width: 100%;
}
.header .nvbar-edit .nav-menu .navUl-edit .searchbar-box .search-items {
  display: flex;
  gap: 15px;
  padding: 0px 15px;
  width: 100%;
}
.header .nvbar-edit .nav-menu .navUl-edit .searchbar-box .search-items .search-ItemInside {
  cursor: pointer;
  display: flex;
  gap: 15px;
  width: 83%;
  padding-bottom: 10px;
}
.header .nvbar-edit .nav-menu .navUl-edit .searchbar-box .search-items .search-ItemInside .item-image-left {
  height: 57px;
  width: 56px;
}
.header .nvbar-edit .nav-menu .navUl-edit .searchbar-box .search-items .search-ItemInside .item-image-left .itemm-imge {
  height: 100%;
  width: 100%;
}
.header .nvbar-edit .nav-menu .navUl-edit .searchbar-box .search-items .search-ItemInside .search-productText {
  margin-bottom: 0px;
  font-family: Poppins-Regular;
  font-size: 12px;
  color: #000000;
  width: 100%;
}
.header .nvbar-edit .nav-menu .navUl-edit .searchbar-box .search-items .search-ItemInside .search-productText:hover {
  color: #013c7b;
}
.header .nvbar-edit .nav-menu .navUl-edit .searchbar-box .search-items .price-right .original-price {
  margin-bottom: 8px;
  font-family: Poppins-Regular;
  font-size: 14px;
  color: #919eab;
}
.header .nvbar-edit .nav-menu .navUl-edit .searchbar-box .search-items .price-right .discounted-price {
  margin-bottom: 0px;
  font-family: Poppins-Regular;
  font-size: 14px;
  color: #000000;
}
.header .nvbar-edit .nav-menu .navUl-edit .searchbar-box .search-items.results {
  font-family: Poppins-Regular;
  font-size: 14px;
  margin-bottom: 12px;
}
.header .nvbar-edit .nav-menu .navUl-edit .searchbar-box .search-items.view-top {
  justify-content: center;
}
.header .nvbar-edit .nav-menu .navUl-edit .searchbar-box .search-items.view-top .view-all {
  text-decoration: none;
  color: #000000 !important;
  font-size: 14px;
}
.header .nvbar-edit .nav-menu .navbar-nav {
  align-items: center !important;
}
.header .nvbar-edit .nav-menu .navbar-nav .nav-item .language-select {
  font-family: Sf-R;
  font-size: 13px;
  border: none;
  background: transparent !important;
  color: #000000;
  display: flex;
  align-items: center;
}
.header .nvbar-edit .nav-menu .navbar-nav .nav-item .language-select .icooons {
  height: 16px;
  margin-right: 5px;
}
.header .nvbar-edit .nav-menu .navbar-nav .nav-item .menubar-items {
  font-family: Sf-R;
  font-size: 13px;
  cursor: pointer;
  color: #000000;
  display: flex;
  align-items: center;
}
.header .nvbar-edit .nav-menu .navbar-nav .nav-item .menubar-items .icooons {
  height: 16px;
  margin-right: 5px;
}
.header .nvbar-edit .nav-menu .navbar-nav .nav-item .login-menu {
  font-family: Sf-R;
  font-size: 13px;
  border: none;
  background: transparent !important;
  color: #000000;
  display: flex;
  align-items: center;
  box-shadow: none;
  padding: 0px;
}
.header .nvbar-edit .nav-menu .navbar-nav .nav-item .login-menu:after {
  display: none;
}
.header .nvbar-edit .nav-menu .navbar-nav .nav-item .login-menu .icooons {
  height: 16px;
  margin-right: 5px;
}
.header .nvbar-edit .nav-menu .navbar-nav .nav-item .login-menu::after {
  display: none;
}
.header .nvbar-edit .nav-menu .navbar-nav .nav-item .login-Ddown {
  padding: 5px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1019607843);
  border: none;
  background-color: #fcfcfc;
  min-width: 135px !important;
  position: absolute;
}
@media (max-width: 575.98px) {
  .header .nvbar-edit .nav-menu .navbar-nav .nav-item .login-Ddown {
    font-size: 13px;
    width: 120px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .header .nvbar-edit .nav-menu .navbar-nav .nav-item .login-Ddown {
    font-size: 13px;
    width: 120px;
  }
}
.header .nvbar-edit .nav-menu .navbar-nav .nav-item .login-Ddown .profile-logout {
  font-family: Sf-R;
  cursor: pointer;
  font-size: 14px;
  color: #000000;
  padding: 7px 8px;
  border-bottom: 0.5px solid #cbcbcb;
}
@media (max-width: 575.98px) {
  .header .nvbar-edit .nav-menu .navbar-nav .nav-item .login-Ddown .profile-logout {
    font-size: 12px;
    padding: 5px 4px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .header .nvbar-edit .nav-menu .navbar-nav .nav-item .login-Ddown .profile-logout {
    font-size: 12px;
    padding: 5px 4px;
  }
}
.header .nvbar-edit .nav-menu .navbar-nav .nav-item .login-Ddown .profile-logout:active {
  background-color: none;
}
.header .nvbar-edit .nav-menu .navbar-nav .nav-item .login-Ddown .profile-logout.border-botom {
  border-bottom: none;
}
.header .nvbar-edit .nav-menu .navbar-nav .nav-item .login-Ddown .profile-logout .icooons {
  height: 16px;
  margin-right: 7px;
}
@media (max-width: 575.98px) {
  .header .nvbar-edit .nav-menu .navbar-nav .nav-item .login-Ddown .profile-logout .icooons {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .header .nvbar-edit .nav-menu .navbar-nav .nav-item .login-Ddown .profile-logout .icooons {
    font-size: 13px;
  }
}
.header .nvbar-edit .nav-menu .navbar-nav .nav-item .login-Ddown .profile-logout .logout-icon {
  font-size: 14px;
  margin-right: 5px;
}
@media (max-width: 575.98px) {
  .header .nvbar-edit .nav-menu .navbar-nav .nav-item .login-Ddown .profile-logout .logout-icon {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .header .nvbar-edit .nav-menu .navbar-nav .nav-item .login-Ddown .profile-logout .logout-icon {
    font-size: 13px;
  }
}
.header .nvbar-edit .nav-menu .navbar-nav .becomeSeller {
  width: 136px;
}
@media (max-width: 575.98px) {
  .header .nvbar-edit .nav-menu .navbar-nav .becomeSeller {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .header .nvbar-edit .nav-menu .navbar-nav .becomeSeller {
    display: none;
  }
}
.header .bottom-nav {
  width: 100%;
  height: auto;
  background-color: white;
  height: 50px;
  border-bottom: 0.1px solid #ccc9c9;
}
@media (max-width: 575.98px) {
  .header .bottom-nav {
    display: block;
    height: 100vh;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .header .bottom-nav {
    display: block;
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .header .bottom-nav {
    display: block;
    height: auto;
  }
}
.header .bottom-nav .categories-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0px;
  height: 50px;
  position: relative;
  margin: 0px 40px;
}
@media (max-width: 575.98px) {
  .header .bottom-nav .categories-top {
    display: block;
    height: auto;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .header .bottom-nav .categories-top {
    display: block;
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .header .bottom-nav .categories-top {
    display: block;
    height: auto;
  }
}
.header .bottom-nav .categories-top .product-categoriesLIst {
  font-size: 15px;
}
@media (max-width: 575.98px) {
  .header .bottom-nav .categories-top .product-categoriesLIst {
    padding: 10px;
    border-bottom: 0.1px solid #ccc9c9;
    font-size: 15px;
  }
}
.header .bottom-nav .categories-top .product-categoriesLIst.Menu-top {
  text-align: center;
}
.header .bottom-nav .categories-top .edit-NVItems {
  position: unset;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .header .bottom-nav .categories-top .edit-NVItems:hover .Drop-Menu {
    display: flex;
  }
  .header .bottom-nav .categories-top .edit-NVItems:hover .Drop-Menu.show {
    display: flex;
  }
}
@media (min-width: 1200px) {
  .header .bottom-nav .categories-top .edit-NVItems:hover .Drop-Menu {
    display: flex;
  }
  .header .bottom-nav .categories-top .edit-NVItems:hover .Drop-Menu.show {
    display: flex;
  }
}
.header .bottom-nav .categories-top .edit-NVItems .edit-home {
  color: rgba(0, 0, 0, 0.5019607843);
  font-size: 18px;
  font-family: "TTcommons-regular";
  padding: 0px;
}
.header .bottom-nav .categories-top .edit-NVItems .edit-home::after {
  display: none;
}
.header .bottom-nav .categories-top .edit-NVItems .edit-home:active {
  pointer-events: none;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .header .bottom-nav .categories-top .edit-NVItems .edit-home:active {
    pointer-events: auto;
  }
}
@media (max-width: 575.98px) {
  .header .bottom-nav .categories-top .edit-NVItems .edit-home:active {
    pointer-events: auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .header .bottom-nav .categories-top .edit-NVItems .edit-home:active {
    pointer-events: all;
  }
}
.header .bottom-nav .categories-top .edit-NVItems .edit-home .down-arrow {
  height: 15px;
  margin-left: 4px;
}
.header .bottom-nav .categories-top .edit-NVItems .Drop-Menu {
  border: none;
  border-radius: 0;
  padding: 0.7em;
  position: absolute;
  left: 0px;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 0.5px solid grey;
}
.header .bottom-nav .categories-top .edit-NVItems .Drop-Menu .dropBox-Data {
  list-style: none;
  padding: 0;
}
.header .bottom-nav .categories-top .edit-NVItems .Drop-Menu .dropBox-Data .edit-lists .Box-items {
  color: gray;
  font-size: 1em;
  padding: 0.5em 1em;
}
.header .bottom-nav .categories-top .edit-NVItems .Drop-Menu .dropBox-Data .edit-lists .Box-items:hover {
  background-color: #f6f6f6;
}
.header .bottom-nav .categories-top .edit-NVItems .Drop-Menu .dropBox-Data .edit-lists:first-child a {
  color: rgba(0, 0, 0, 0.8);
  font-size: 18px;
  font-family: "TTcommons-medium";
}
.header .bottom-nav .categories-top .edit-NVItems .Drop-Menu .dropBox-Data .edit-lists:first-child a:hover {
  background-color: #f6f6f6;
}
.header .bottom-nav .categories-top .edit-NVItems .Drop-Menu .dropBox-Data .edit-lists .HeaderLogin-btn {
  color: #30bf84;
  border-radius: 28px;
  border: none;
  font-size: 18px;
  background: #e0faf2;
  font-family: "TTcommons-medium";
  height: 48px;
  width: 140px;
  margin-bottom: 13px;
}
.header .bottom-nav .categories-top .edit-NVItems .Drop-Menu .dropBox-Data .edit-lists .OpnDemo-btn {
  background-color: rgb(58, 175, 114);
  color: #ffffff;
  font-family: "TTcommons-medium";
  height: 48px;
  width: 140px;
  border-radius: 28px;
  border: none;
}
@media (max-width: 575.98px) {
  .header .bottom-nav .categories-top .edit-NVItems .Drop-Menu.show {
    flex-wrap: wrap;
    max-height: 350px;
    overflow-y: scroll;
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .header .bottom-nav .categories-top .edit-NVItems .Drop-Menu.show {
    flex-wrap: wrap;
    max-height: 350px;
    overflow-y: scroll;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .header .bottom-nav .categories-top .edit-NVItems .Drop-Menu.show {
    flex-wrap: wrap;
    max-height: 350px;
    overflow-y: scroll;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .header .bottom-nav .categories-top .edit-NVItems .Drop-Menu {
    width: 40vw;
    flex-wrap: wrap;
  }
}

.bottom-nav-container {
  position: fixed;
  width: 100%;
  z-index: 999;
  height: auto;
}
.bottom-nav-container .bottom-nav {
  width: 100%;
  height: auto;
  background-color: #013c7b;
  z-index: 109;
  position: relative;
}
@media (max-width: 575.98px) {
  .bottom-nav-container .bottom-nav {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .bottom-nav-container .bottom-nav {
    display: none;
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .bottom-nav-container .bottom-nav {
    display: none;
    height: auto;
  }
}
.bottom-nav-container .bottom-nav .nav-content {
  display: flex;
  width: 100%;
  align-items: center;
  height: 40px;
}
.bottom-nav-container .bottom-nav .nav-content .category-inside {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.bottom-nav-container .bottom-nav .nav-content .category-inside .category-btn {
  height: 100%;
  background-color: transparent;
  color: #ffffff;
  border: none;
  box-shadow: none;
  font-size: 15px;
  font-family: Sf-Sb;
  padding: 5px 15px;
}
.bottom-nav-container .bottom-nav .nav-content .category-inside .category-btn .menu-icon {
  width: 15px;
  margin-right: 10px;
}
@media (max-width: 575.98px) {
  .bottom-nav-container .bottom-nav .nav-content .category-inside .category-btn {
    font-size: 10px;
  }
}
.bottom-nav-container .bottom-nav .nav-content .category-inside .catagry-box-top {
  width: 100vw;
  height: 150vh;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding-top: 0px;
}
.bottom-nav-container .bottom-nav .nav-content .category-inside .catagry-box-top .category-body {
  padding: 0px;
}
.bottom-nav-container .bottom-nav .nav-content .category-inside .catagry-box-top .category-body .body-data {
  height: 100%;
  width: 100%;
}
.bottom-nav-container .bottom-nav .nav-content .category-inside .catagry-box-top .category-body .body-data .left-data {
  background-color: var(--secondnavbg);
  padding-right: 20px;
  height: auto;
  padding-bottom: 50px;
  padding-left: 20px;
  padding-top: 20px;
  width: -moz-fit-content;
  width: fit-content;
}
.bottom-nav-container .bottom-nav .nav-content .category-inside .catagry-box-top .category-body .body-data .left-data .leftlist-top .lleft-lists {
  margin-bottom: 10px;
  font-family: Sf-M;
  font-size: 15px;
  cursor: pointer;
}
.bottom-nav-container .bottom-nav .nav-content .category-inside .catagry-box-top .category-body .body-data .left-data .leftlist-top .lleft-lists:hover {
  color: var(--categorybg);
}
.bottom-nav-container .bottom-nav .nav-content .category-inside .catagry-box-top .category-body .body-data .right-data {
  padding-left: 10px;
  height: auto;
  padding: 10px;
  background-color: white;
  border-left: 1px solid black;
  padding-top: 16px;
}
.bottom-nav-container .bottom-nav .nav-content .category-inside .catagry-box-top .category-body .body-data .right-data .heading-top {
  font-size: 17px;
  border-bottom: 0.5px solid black;
  padding-bottom: 3px;
}
.bottom-nav-container .bottom-nav .nav-content .category-inside .catagry-box-top .category-body .body-data .right-data .most-popular {
  font-size: 16px;
  color: black;
  font-weight: 500;
}
.bottom-nav-container .bottom-nav .nav-content .category-inside .catagry-box-top .category-body .body-data .right-data .right-content {
  display: flex;
}
.bottom-nav-container .bottom-nav .nav-content .category-inside .catagry-box-top .category-body .body-data .right-data .right-content .leftlist-top {
  margin-right: 30px;
}
.bottom-nav-container .bottom-nav .nav-content .category-inside .catagry-box-top .category-body .body-data .right-data .right-content .leftlist-top .lleft-lists {
  margin-bottom: 10px;
  font-family: Sf-M;
  font-size: 15px;
  cursor: pointer;
}
.bottom-nav-container .bottom-nav .nav-content .category-inside .catagry-box-top .category-body .body-data .right-data .right-content .leftlist-top .lleft-lists:hover {
  color: var(--categorybg);
}
.bottom-nav-container .bottom-nav .nav-content .dealsMenu-top {
  list-style: none;
  display: flex;
  height: 100%;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.bottom-nav-container .bottom-nav .nav-content .dealsMenu-top .custom-myswiper {
  padding: 0px 15px;
  height: 100%;
}
.bottom-nav-container .bottom-nav .nav-content .dealsMenu-top .custom-myswiper .bottom-navItems {
  color: #ffffff;
  font-size: 14px;
  display: flex;
  height: 100%;
  align-items: center;
  padding: 0px 17px;
  cursor: pointer;
  width: auto !important;
  font-family: Sf-Sb;
}
.bottom-nav-container .bottom-nav .nav-content .dealsMenu-top .custom-myswiper .bottom-navItems .cat-name {
  width: -moz-max-content;
  width: max-content;
}
.bottom-nav-container .bottom-nav .nav-content .dealsMenu-top .custom-myswiper .bottom-navItems .backdrop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 90;
}
.bottom-nav-container .bottom-nav .nav-content .dealsMenu-top .custom-myswiper .bottom-navItems:hover {
  background-color: #6376a2;
  box-shadow: -1px 0 0px rgba(0, 0, 0, 0.1), 1px 0 0px rgba(0, 0, 0, 0.1);
}
.bottom-nav-container .bottom-nav .nav-content .dealsMenu-top .custom-myswiper .bottom-navItems:hover .tooltip-box {
  display: block !important;
}
.bottom-nav-container .bottom-nav .nav-content .dealsMenu-top .custom-myswiper .bottom-navItems:hover .backdrop {
  display: block;
}
.bottom-nav-container .bottom-nav .nav-content .dealsMenu-top .custom-myswiper .swiper-button-prev:after,
.bottom-nav-container .bottom-nav .nav-content .dealsMenu-top .custom-myswiper .swiper-rtl .swiper-button-next:after {
  content: "prev";
  font-size: 16px;
  color: #fff;
}
.bottom-nav-container .bottom-nav .nav-content .dealsMenu-top .custom-myswiper .swiper-button-next:after,
.bottom-nav-container .bottom-nav .nav-content .dealsMenu-top .custom-myswiper .swiper-rtl .swiper-button-prev:after {
  color: #fff;
  content: "next";
  font-size: 16px;
}
.bottom-nav-container .bottom-nav .nav-content .dealsMenu-top .custom-myswiper .swiper-button-next,
.bottom-nav-container .bottom-nav .nav-content .dealsMenu-top .custom-myswiper .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, -6px);
  left: auto;
}
.bottom-nav-container .bottom-nav .nav-content .dealsMenu-top .custom-myswiper .swiper-button-prev,
.bottom-nav-container .bottom-nav .nav-content .dealsMenu-top .custom-myswiper .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, -6px);
  right: auto;
}
.bottom-nav-container .bottom-nav .nav-content .dealsMenu-top .bottom-navItems:hover .tooltip-box {
  display: block;
}
@media (max-width: 575.98px) {
  .bottom-nav-container .bottom-nav .nav-content .dealsMenu-top {
    gap: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .bottom-nav-container .bottom-nav .nav-content .dealsMenu-top {
    gap: 20px;
  }
}
@media (max-width: 600px) {
  .bottom-nav-container .bottom-nav .nav-content .dealsMenu-top {
    gap: 20px;
  }
}
.bottom-nav-container .tooltip-box-below {
  position: absolute;
  top: 40px;
  background-color: white;
  border: 1px solid #ccc;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 101;
  width: 100%;
  min-height: 300px;
}
.bottom-nav-container .tooltip-box-below .boxinside-data {
  padding-top: 15px;
}
.bottom-nav-container .tooltip-box-below .boxinside-data .boxdata-list-top {
  display: flex;
}
.bottom-nav-container .tooltip-box-below .boxinside-data .boxdata-list-top .category-listss {
  width: 20%;
}
.bottom-nav-container .tooltip-box-below .boxinside-data .boxdata-list-top .category-listss .category-title {
  font-family: Sf-Sb;
  font-size: 15px;
  color: #272727;
  margin-bottom: 10px;
}
.bottom-nav-container .tooltip-box-below .boxinside-data .boxdata-list-top .category-listss .brands-top {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}
.bottom-nav-container .tooltip-box-below .boxinside-data .boxdata-list-top .category-listss .brands-top .brand-imges {
  width: 100px;
  height: 70px;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bottom-nav-container .tooltip-box-below .boxinside-data .boxdata-list-top .category-listss .brands-top .brand-imges:hover {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.bottom-nav-container .tooltip-box-below .boxinside-data .boxdata-list-top .category-listss .brands-top .brand-imges .brand-logos {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 100%;
}
.bottom-nav-container .tooltip-box-below .boxinside-data .boxdata-list-top .category-listss .product-imges {
  border-radius: 5px;
  width: 100%;
  height: 260px;
}
.bottom-nav-container .tooltip-box-below .boxinside-data .boxdata-list-top .category-listss .product-imges .inner-product-imge {
  width: 100%;
  height: 100%;
  border-radius: 7px;
  cursor: pointer;
}
.bottom-nav-container .tooltip-box-below .boxinside-data .boxdata-list-top .category-listss .cate-list-top .cat-items {
  font-family: Sf-R;
  font-size: 15px;
  color: #272727;
  margin-bottom: 6px;
  cursor: pointer !important;
}
.bottom-nav-container .tooltip-box-below .boxinside-data .boxdata-list-top .category-listss .cate-list-top .cat-items:hover {
  color: #013c7b;
}
.bottom-nav-container .tooltip-box-below .boxinside-data .boxdata-list-top .category-listss.list2 {
  width: 30%;
}
.bottom-nav-container .tooltip-box-below .boxinside-data .boxdata-list-top .category-listss.list3 {
  margin-right: 10px;
  width: 18%;
}
.bottom-nav-container .backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
  z-index: 100; /* Ensure it’s behind the tooltip but above other content */
}

.landingPage-data {
  width: 100%;
  height: auto;
  background-color: #fcfcfc;
  padding-bottom: 50px;
}
.landingPage-data .categoris-section {
  width: 100%;
  height: auto;
}
.landingPage-data .categoris-section .sectionsCard {
  padding-top: 26px;
}
@media (max-width: 575.98px) {
  .landingPage-data .categoris-section .sectionsCard {
    padding-top: 6px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .landingPage-data .categoris-section .sectionsCard {
    padding-top: 6px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .landingPage-data {
    padding-bottom: 35px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .landingPage-data {
    padding-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .landingPage-data {
    padding-bottom: 20px;
  }
}

.category-itemTop {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 575.98px) {
  .category-itemTop {
    padding: 0px;
    display: none !important;
    gap: 11px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 575.98px) {
  .category-itemTop .categorycard-list {
    flex-grow: 1;
  }
}
.category-itemTop .categorycard-list .cards-top {
  cursor: pointer;
}
.category-itemTop .categorycard-list .cards-top .Cimg-top {
  height: 145px;
  width: 143px;
  position: relative;
}
@media (max-width: 575.98px) {
  .category-itemTop .categorycard-list .cards-top .Cimg-top {
    height: 150px;
    width: 100%;
  }
}
.category-itemTop .categorycard-list .cards-top .Cimg-top .banner-insideImge {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.category-itemTop .categorycard-list .cards-top .Cimg-top .banner-text {
  position: absolute;
  z-index: 0;
  width: 100%;
  top: 11%;
  margin-bottom: 0px;
}
.category-itemTop .categorycard-list .cards-top .Cimg-top .banner-text .text-edit {
  padding: 0px 10px;
  text-align: center !important;
  font-family: Poppins-Medium;
  font-size: 12px;
  color: #000000 !important;
}
@media (max-width: 575.98px) {
  .category-itemTop .categorycard-list .cards-top .Cimg-top .banner-text .text-edit {
    font-size: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .category-itemTop .categorycard-list .cards-top .Cimg-top .banner-text .text-edit {
    font-size: 13px;
  }
}

@media (max-width: 575.98px) {
  .categoryForMobiles {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .categoryForMobiles {
    display: none !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .categoryForMobiles {
    display: block !important;
  }
}

.MobileBanners-top {
  height: auto;
  width: 100%;
  position: relative;
}
.MobileBanners-top .bannerImgg-top {
  height: 230px;
  width: 100%;
  cursor: pointer;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .MobileBanners-top .bannerImgg-top {
    height: 152px;
  }
}
@media (max-width: 575.98px) {
  .MobileBanners-top .bannerImgg-top {
    height: 150px;
  }
}
.MobileBanners-top .bannerImgg-top .banner-insideImge {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.MobileBanners-top .banner-text {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 9%;
  margin-bottom: 0px;
}
.MobileBanners-top .banner-text .text-edit {
  margin-bottom: 0px;
  text-align: center;
  font-family: Poppins-Medium;
  font-size: 22px;
  color: #000000;
}
@media (max-width: 575.98px) {
  .MobileBanners-top .banner-text .text-edit {
    font-size: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .MobileBanners-top .banner-text .text-edit {
    font-size: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .MobileBanners-top .banner-text .text-edit {
    font-size: 18px;
  }
}

.big-banner {
  height: auto;
  width: 100%;
  position: relative;
}
.big-banner .bannerImgg-top {
  height: 477px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .big-banner .bannerImgg-top {
    height: 320px;
  }
}
@media (max-width: 575.98px) {
  .big-banner .bannerImgg-top {
    height: 200px;
  }
}
.big-banner .bannerImgg-top .banner-insideImge {
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
.big-banner .banner-text {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 9%;
  color: #fff;
  margin-bottom: 0px;
  margin-bottom: 0px;
  text-align: center;
  font-family: Poppins-Medium;
  font-size: 22px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .big-banner .banner-text {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .big-banner .banner-text {
    font-size: 18px;
  }
}
@media (max-width: 575.98px) {
  .big-banner .banner-text {
    font-size: 18px;
  }
}

.recomendedpills-data {
  width: 100%;
  height: auto;
  text-align: center;
  display: flex;
  justify-content: center;
  border: none !important;
  margin: 30px 0px;
}
@media (max-width: 575.98px) {
  .recomendedpills-data {
    justify-content: space-between;
  }
}
.recomendedpills-data .recomendedpills-li {
  border: none !important;
}
.recomendedpills-data .recomendedpills-li .recomendedpills-btn {
  border: none !important;
  background-color: var(--pillsbg);
  color: #000000;
  margin-right: 20px;
  border-radius: 5px;
  font-family: var(--fontQuicksandSB);
  font-size: var(--fontSizeSmall);
}
.recomendedpills-data .recomendedpills-li .recomendedpills-btn.active {
  background-color: #013c7b;
  color: #fff;
}
@media (max-width: 575.98px) {
  .recomendedpills-data .recomendedpills-li .recomendedpills-btn {
    font-size: 6px;
    margin: 0;
  }
}

.NoProducts {
  text-align: center;
  font-family: Sf-R;
  font-size: 14px;
}

.NoProductsss {
  padding: 50px;
  text-align: center;
  font-family: Sf-R;
  font-size: 14px;
}

.reward-box-top {
  width: 100%;
  height: auto;
  margin-top: 60px;
  border-radius: 8px;
  padding: 14px 12px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px;
}
@media (max-width: 575.98px) {
  .reward-box-top {
    padding: 12px;
  }
}
.reward-box-top .reward-title {
  font-family: Sf-R;
  font-size: 16px;
  color: #272727;
  border-bottom: 0.6px solid #ebebeb;
  padding-bottom: 5px;
  margin: 0px;
}
.reward-box-top .reward-text {
  font-family: Sf-L;
  padding-top: 7px;
  font-size: 14px;
  color: #8b8b8b;
  line-height: 23px;
  margin-bottom: 12px;
}
@media (max-width: 575.98px) {
  .reward-box-top .reward-text {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 17px;
  }
}

.blog-top {
  width: 100%;
  height: auto;
  margin: 4% 0%;
}
.blog-top .Blog-title {
  text-align: center;
  font-size: var(--fontSizexl);
  font-family: Sf-Sb;
  color: #000;
}
.blog-top .blog-card {
  width: 100%;
  height: auto;
  cursor: pointer;
  padding: 13px;
  margin-top: 20px;
  border: none;
  border-radius: 8px;
  margin-top: 20px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px;
}
.blog-top .blog-card .blog-image {
  width: 100%;
  height: 80px;
}
.blog-top .blog-card .blog-body {
  width: 100%;
  height: auto;
  padding: 10px;
}
.blog-top .blog-card .blog-body .blog-text {
  font-size: 14px;
  font-family: Sf-R;
  color: #03284f;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .blog-top .blog-card {
    height: 246px;
  }
}

.allblogs-data {
  width: 100%;
  height: auto;
  padding: 4% 0%;
}
.allblogs-data .allblogs-header {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-bottom: 2%;
}
.allblogs-data .allblogs-header .allblogs-para {
  color: #272727;
  font-size: 30px;
  font-family: Sf-M;
}
@media (max-width: 575.98px) {
  .allblogs-data .allblogs-header .allblogs-para {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .allblogs-data .allblogs-header .allblogs-para {
    font-size: 19px;
  }
}
.allblogs-data .allblogs-header .allblogs-head {
  color: #272727;
  font-size: 45px;
  font-family: Sf-M;
}
@media (max-width: 575.98px) {
  .allblogs-data .allblogs-header .allblogs-head {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .allblogs-data .allblogs-header .allblogs-head {
    font-size: 25px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .allblogs-data .allblogs-header .allblogs-head {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .allblogs-data .allblogs-header .allblogs-head {
    font-size: 35px;
  }
}
.allblogs-data .allblogs-header .allblogs-teampara {
  color: #616161;
  font-size: 16px;
  font-family: Sf-L;
  padding: 0% 12% 0% 13%;
  text-align: center;
}
@media (max-width: 575.98px) {
  .allblogs-data .allblogs-header .allblogs-teampara {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .allblogs-data .allblogs-header .allblogs-teampara {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .allblogs-data .allblogs-header .allblogs-teampara {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .allblogs-data .allblogs-header .allblogs-teampara {
    font-size: 15px;
  }
}
.allblogs-data .allblogs-information {
  padding: 3% 0% 3% 0%;
  display: flex;
  justify-content: center;
}
.allblogs-data .allblogs-information .allblogs-search {
  position: relative;
  width: 410px;
  height: 50px;
  color: #0a0d14;
  background-color: #ffffff !important;
  font-size: 13px;
  border-radius: 11px;
  border: 0.5px solid #616161;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 575.98px) {
  .allblogs-data .allblogs-information .allblogs-search {
    width: 250px;
    height: 35px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .allblogs-data .allblogs-information .allblogs-search {
    width: 300px;
    height: 35px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .allblogs-data .allblogs-information .allblogs-search {
    height: 41px;
  }
}
.allblogs-data .allblogs-information .allblogs-search .allblogs-search-inside {
  width: 390px;
  height: 40px;
  border: none;
  color: #828282;
  background: none;
  font-family: Sf-R;
  font-size: 14px;
  padding-left: 10px;
  outline: none !important;
  box-shadow: none !important;
}
@media (max-width: 575.98px) {
  .allblogs-data .allblogs-information .allblogs-search .allblogs-search-inside {
    padding-left: 6px;
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .allblogs-data .allblogs-information .allblogs-search .allblogs-search-inside {
    padding-left: 6px;
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .allblogs-data .allblogs-information .allblogs-search .allblogs-search-inside {
    font-size: 13px;
  }
}
.allblogs-data .allblogs-information .allblogs-search .allblogs-button {
  position: absolute;
  font-size: 16px;
  width: 140px;
  height: 44px;
  background-color: #013c7b;
  border-radius: 8px;
  color: #fff;
  right: 2px;
  border: none;
  outline: none;
  font-family: Sf-Sb;
}
@media (max-width: 575.98px) {
  .allblogs-data .allblogs-information .allblogs-search .allblogs-button {
    width: 90px;
    height: 29px;
    font-size: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .allblogs-data .allblogs-information .allblogs-search .allblogs-button {
    width: 110px;
    height: 29px;
    font-size: 11px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .allblogs-data .allblogs-information .allblogs-search .allblogs-button {
    width: 110px;
    height: 35px;
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .allblogs-data .allblogs-information .allblogs-search .allblogs-button {
    font-size: 15px;
  }
}
.allblogs-data .desort-board-background {
  background-color: #ffffff;
}
.allblogs-data .desort-board-background .desort-board {
  padding-top: 2%;
}
.allblogs-data .desort-board-background .desort-board .desort-card {
  width: 100%;
  height: 100%;
}
@media (max-width: 575.98px) {
  .allblogs-data .desort-board-background .desort-board .desort-card {
    margin-bottom: 3%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .allblogs-data .desort-board-background .desort-board .desort-card {
    margin-bottom: 3%;
  }
}
.allblogs-data .desort-board-background .desort-board .desort-card .desort-card-item {
  border: 0.2px solid #878787;
  padding: 2%;
  border-radius: 10px;
  margin-bottom: 20px;
}
.allblogs-data .desort-board-background .desort-board .desort-card .desort-card-item .blog-image-data {
  width: 100%;
  height: 250px;
}
.allblogs-data .desort-board-background .desort-board .desort-card .desort-card-item .blog-image-data .desort-img-top {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.allblogs-data .desort-board-background .desort-board .desort-card .desort-card-item .card-body {
  background: #ffffff;
  text-align: left;
  padding: 0px;
}
.allblogs-data .desort-board-background .desort-board .desort-card .desort-card-item .card-body .desort-whitten-para {
  color: #272727;
  font-size: 12px;
  font-family: Sf-L;
  padding-top: 2%;
}
@media (max-width: 575.98px) {
  .allblogs-data .desort-board-background .desort-board .desort-card .desort-card-item .card-body .desort-whitten-para {
    font-size: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .allblogs-data .desort-board-background .desort-board .desort-card .desort-card-item .card-body .desort-whitten-para {
    font-size: 10px;
    margin-bottom: 5px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .allblogs-data .desort-board-background .desort-board .desort-card .desort-card-item .card-body .desort-whitten-para {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .allblogs-data .desort-board-background .desort-board .desort-card .desort-card-item .card-body .desort-whitten-para {
    margin-bottom: 10px;
  }
}
.allblogs-data .desort-board-background .desort-board .desort-card .desort-card-item .card-body .desort-compounding-head {
  color: #272727;
  font-size: 20px;
  font-family: Sf-M;
}
@media (max-width: 575.98px) {
  .allblogs-data .desort-board-background .desort-board .desort-card .desort-card-item .card-body .desort-compounding-head {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .allblogs-data .desort-board-background .desort-board .desort-card .desort-card-item .card-body .desort-compounding-head {
    font-size: 14px;
    margin-bottom: 3px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .allblogs-data .desort-board-background .desort-board .desort-card .desort-card-item .card-body .desort-compounding-head {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .allblogs-data .desort-board-background .desort-board .desort-card .desort-card-item .card-body .desort-compounding-head {
    margin-bottom: 10px;
  }
}
.allblogs-data .desort-board-background .desort-board .desort-card .desort-card-item .card-body .desort-text-whitten {
  color: #616161;
  font-size: 14px;
  font-family: Sf-L;
  line-height: 21px;
  min-height: 120px;
}
@media (max-width: 575.98px) {
  .allblogs-data .desort-board-background .desort-board .desort-card .desort-card-item .card-body .desort-text-whitten {
    font-size: 10px;
  }
}
.allblogs-data .desort-board-background .desort-board .desort-card .desort-card-item .card-body .desort-question-button {
  text-align: center;
  font-size: 13px;
  width: 140px;
  height: 45px;
  background-color: #013c7b;
  border-radius: 5px;
  color: #fff;
  font-family: Sf-Sb;
  border: none;
  outline: none;
}
@media (max-width: 575.98px) {
  .allblogs-data .desort-board-background .desort-board .desort-card .desort-card-item .card-body .desort-question-button {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .allblogs-data .desort-board-background .desort-board .desort-card .desort-card-item .card-body .desort-question-button {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .allblogs-data .desort-board-background .desort-board .desort-card .desort-card-item .card-body .desort-question-button {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .allblogs-data .desort-board-background .desort-board .desort-card .desort-card-item .card-body .desort-question-button {
    font-size: 15px;
  }
}
.allblogs-data .desort-board .desort-card {
  width: 100%;
  height: 100%;
}
.allblogs-data .desort-board .desort-card .desort-card-item {
  border: none;
}
.allblogs-data .desort-board .desort-card .desort-card-item .card-image-top {
  width: 100%;
  height: 345px;
}
@media (max-width: 575.98px) {
  .allblogs-data .desort-board .desort-card .desort-card-item .card-image-top {
    height: auto;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .allblogs-data .desort-board .desort-card .desort-card-item .card-image-top {
    height: auto;
  }
}
.allblogs-data .desort-board .desort-card .desort-card-item .card-image-top .desort-img-top {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.allblogs-data .desort-board .desort-card .desort-card-item .card-body {
  background: #ffffff;
  text-align: left;
  padding: 0px;
}
.allblogs-data .desort-board .desort-card .desort-card-item .card-body .desort-whitten-para {
  color: #272727;
  font-size: 12px;
  font-family: Sf-L;
  padding-top: 2%;
}
@media (max-width: 575.98px) {
  .allblogs-data .desort-board .desort-card .desort-card-item .card-body .desort-whitten-para {
    font-size: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .allblogs-data .desort-board .desort-card .desort-card-item .card-body .desort-whitten-para {
    font-size: 10px;
    margin-bottom: 5px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .allblogs-data .desort-board .desort-card .desort-card-item .card-body .desort-whitten-para {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .allblogs-data .desort-board .desort-card .desort-card-item .card-body .desort-whitten-para {
    margin-bottom: 10px;
  }
}
.allblogs-data .desort-board .desort-card .desort-card-item .card-body .desort-compounding-head {
  color: #272727;
  font-size: 20px;
  font-family: Sf-M;
}
@media (max-width: 575.98px) {
  .allblogs-data .desort-board .desort-card .desort-card-item .card-body .desort-compounding-head {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .allblogs-data .desort-board .desort-card .desort-card-item .card-body .desort-compounding-head {
    font-size: 14px;
    margin-bottom: 3px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .allblogs-data .desort-board .desort-card .desort-card-item .card-body .desort-compounding-head {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .allblogs-data .desort-board .desort-card .desort-card-item .card-body .desort-compounding-head {
    margin-bottom: 10px;
  }
}
.allblogs-data .desort-board .desort-card .desort-card-item .card-body .desort-text-whitten {
  color: #616161;
  font-size: 14px;
  font-family: Sf-L;
  padding: 0% 6% 0% 0%;
}
@media (max-width: 575.98px) {
  .allblogs-data .desort-board .desort-card .desort-card-item .card-body .desort-text-whitten {
    font-size: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .allblogs-data .desort-board .desort-card .desort-card-item .card-body .desort-text-whitten {
    width: 100%;
  }
}
.allblogs-data .desort-right-card {
  border: 0.4px solid #707070;
  border-radius: 5px;
  width: 100%;
  height: auto;
  background-color: #ffffff;
  padding: 3%;
}
.allblogs-data .desort-right-card .card {
  border: none;
}
.allblogs-data .desort-right-card .card .desort-card-image {
  width: 261px;
  height: 184px;
}
@media (max-width: 575.98px) {
  .allblogs-data .desort-right-card .card .desort-card-image {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .allblogs-data .desort-right-card .card .desort-card-image {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .allblogs-data .desort-right-card .card .desort-card-image {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .allblogs-data .desort-right-card .card .desort-card-image {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 1200px) {
  .allblogs-data .desort-right-card .card .desort-card-image {
    width: 100%;
    height: 100%;
  }
}
.allblogs-data .desort-right-card .card .desort-card-image .img-desort-left {
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
.allblogs-data .desort-right-card .card .card-body {
  padding: 0% 0% 0% 21%;
}
@media (max-width: 575.98px) {
  .allblogs-data .desort-right-card .card .card-body {
    padding: 1% 0% 0% 0%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .allblogs-data .desort-right-card .card .card-body {
    padding: 2% 0% 0% 0%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .allblogs-data .desort-right-card .card .card-body {
    padding: 0% 0% 0% 8%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .allblogs-data .desort-right-card .card .card-body {
    padding: 0% 0% 0% 6%;
  }
}
@media (min-width: 1200px) {
  .allblogs-data .desort-right-card .card .card-body {
    padding: 0% 0% 0% 5%;
  }
}
.allblogs-data .desort-right-card .card .card-body .card-para {
  color: #272727;
  font-size: 10px;
  font-family: Sf-M;
}
.allblogs-data .desort-right-card .card .card-body .card-title {
  color: #272727;
  font-size: 13px;
  font-family: Sf-M;
}
.allblogs-data .desort-right-card .card .card-body .card-text {
  color: #272727;
  font-size: 12px;
  font-family: Sf-L;
  line-height: 14px;
}
.allblogs-data .desort-right-card .card .card-body .card-button {
  text-align: center;
  font-size: 13px;
  width: 110px;
  height: 35px;
  background-color: #013c7b;
  border-radius: 5px;
  color: #fff;
  font-family: Sf-sb;
  border: none;
  outline: none;
}
.allblogs-data .desort-right-card .card .card-body .card-button .read-more-image {
  padding-left: 5px;
}

.text-title {
  font-size: var(--fontSizexl);
  font-family: Quicksand-B !important;
  text-align: center;
  padding: 25px;
  padding-top: 50px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .text-title {
    font-size: 28px;
    padding: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .text-title {
    font-size: 26px;
    padding: 12px;
  }
}
@media (max-width: 575.98px) {
  .text-title {
    font-size: 26px;
    padding: 12px;
  }
}

.text-titleNew {
  font-size: var(--fontSizeLarge);
  font-family: Quicksand-B !important;
  text-align: center;
  padding: 20px;
  margin: 0;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .text-titleNew {
    font-size: 28px;
    padding: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .text-titleNew {
    font-size: 26px;
    padding: 12px;
  }
}
@media (max-width: 575.98px) {
  .text-titleNew {
    font-size: 26px;
    padding: 12px;
  }
}

.recomentdedForYou {
  font-size: var(--fontSizeLarge);
  font-family: Quicksand-B !important;
  text-align: center;
  padding: 0px !important;
  padding-top: 50px !important;
  margin: 0 !important;
}
@media (max-width: 575.98px) {
  .recomentdedForYou {
    padding-top: 20px !important;
  }
}

.textSub-title {
  text-align: start;
  font-size: 20px;
  padding: 33px 0px 15px 0px;
  margin-bottom: 0px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .textSub-title {
    font-size: 25px;
    padding: 22px 0px 12px 0px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .textSub-title {
    font-size: 20px;
    padding: 19px 0px 10px 0px;
  }
}
@media (max-width: 575.98px) {
  .textSub-title {
    font-size: 20px;
    padding: 19px 0px 10px 0px;
  }
}
.textSub-title.textSub-title1 {
  text-align: center;
  margin: 20px 0px 40px 0px;
}
@media (max-width: 575.98px) {
  .textSub-title.textSub-title1 {
    margin: 0px;
    padding: 0;
    padding-bottom: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .textSub-title.textSub-title1 {
    margin: 0px;
  }
}

.blog-subtitle {
  text-align: center;
  font-size: 16px;
  color: #616161;
  font-family: Sf-R;
}

.text-title2 {
  font-family: Sf-Sb;
  font-size: var(--fontSizeLarge);
  margin-bottom: 6px;
}

.item-card {
  width: 100%;
  height: auto;
  position: relative;
}
.item-card .item-image {
  width: 100%;
}
.item-card .rating {
  font-size: 12px;
  font-weight: 700;
}
.item-card .company-name {
  margin-top: 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #282c3f;
  margin-bottom: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.item-card .item-name {
  color: #535766;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 0;
  margin-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  display: block;
}
.item-card .price {
  margin-top: 10px;
  font-size: 14px;
  line-height: 15px;
  color: #282c3f;
  white-space: nowrap;
}
.item-card .price .current-price {
  font-size: 14px;
  font-weight: 700;
  color: #282c3f;
}
.item-card .price .original-price {
  text-decoration: line-through;
  color: #7e818c;
  font-weight: 400;
  margin-left: 5px;
  font-size: 12px;
}
.item-card .price .discount {
  color: #ff905a;
  font-weight: 400;
  font-size: 12px;
  margin-left: 5px;
}
.item-card .btn-add-bag {
  margin-top: 8px;
  font-size: 18px;
  width: 100%;
  background-color: lightgreen;
  border: none;
  padding: 5px 15px;
  border-radius: 10px;
  cursor: pointer;
}

.ShopMore-cards {
  padding: 16px;
  background-color: var(--secondnavbg);
  border-radius: 7px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
}
@media (max-width: 575.98px) {
  .ShopMore-cards {
    justify-content: center;
  }
}
.ShopMore-cards .shopMore-top {
  width: 100%;
  height: 135px;
  text-align: center;
  position: relative;
  cursor: pointer;
}
@media (max-width: 575.98px) {
  .ShopMore-cards .shopMore-top {
    width: 100%;
    height: 124px;
    margin: auto;
  }
}
.ShopMore-cards .shopMore-top .CardBanner-insideImge {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.ShopMore-cards .shopMore-top .Shop_div .Shop_txt {
  font-size: 12px;
  position: absolute;
  text-align: left;
  background-color: #013c7b;
  color: #fff;
  margin: 0;
  font-family: Sf-R;
  padding: 5px 4px 5px 7px;
  width: auto;
  border-top-left-radius: 4px;
}

.MegaDeals-cards {
  padding: 16px;
  background-color: var(--secondnavbg);
  border-radius: 7px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
  height: 100%;
}
.MegaDeals-cards .MegaDeals-top {
  position: relative;
  border: none !important;
  cursor: pointer !important;
  width: 100%;
  height: auto;
}
@media (max-width: 575.98px) {
  .MegaDeals-cards .MegaDeals-top {
    position: relative;
    width: 100%;
    height: 124px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .MegaDeals-cards .MegaDeals-top {
    position: relative;
    width: 100%;
    height: 124px;
  }
}
.MegaDeals-cards .MegaDeals-top .card-topLeft-text {
  background-color: #013c7b;
  color: #fff;
  font-size: 12px;
  font-family: Sf-R;
  margin-bottom: 0px;
  border-bottom: 1px solid #efefef;
  border-top-left-radius: 3px;
  padding: 2px 4px 2px 7px;
  width: 137px;
}
.MegaDeals-cards .MegaDeals-top .deals-topimage {
  width: 90%;
  height: 103px;
  padding-top: 10px;
  margin: auto;
}
@media (max-width: 575.98px) {
  .MegaDeals-cards .MegaDeals-top .deals-topimage {
    height: 92px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .MegaDeals-cards .MegaDeals-top .deals-topimage {
    height: 92px;
  }
}
.MegaDeals-cards .MegaDeals-top .deals-topimage .deals-image {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 6px;
  height: 100%;
}
.MegaDeals-cards .MegaDeals-top .offcanvas-backdrop {
  background-color: rgba(0, 0, 0, 0.5) !important;
  /* Adjust opacity and color as needed */
}
.MegaDeals-cards .MegaDeals-top .card-right {
  padding: 8px 4px;
}
.MegaDeals-cards .MegaDeals-top .card-right .card-title {
  color: #000000;
  font-size: 12px;
  font-family: Sf-R;
  margin-bottom: 0px;
  height: 48px;
  overflow: clip;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.MegaDeals-cards .MegaDeals-top .card-right .card-title:hover {
  color: #03284f;
}
@media (max-width: 575.98px) {
  .MegaDeals-cards .MegaDeals-top .card-right .card-title {
    height: 26px;
  }
}
.MegaDeals-cards .MegaDeals-top .card-right .card-text-price {
  font-size: 14px;
  color: #03284f;
  font-family: Sf-M;
  margin-bottom: 0px;
}
.MegaDeals-cards .MegaDeals-top .card-right .card-text-priceTwo {
  font-size: 14px;
  color: #e53333;
  text-decoration: line-through;
  font-family: Sf-M;
  margin-bottom: 0px;
}

.bottom-Banner {
  background-color: var(--secondnavbg);
  width: 100%;
  height: auto;
  padding: 13px 16px 16px 16px;
  position: relative;
  border-radius: 8px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.bottom-Banner .slider-topTitle {
  font-family: Sf-M;
  font-size: 22px;
  opacity: 0;
  margin-bottom: 6px;
}
.bottom-Banner .banner-imageTop {
  height: 250px;
  width: auto;
  position: relative;
}
@media (max-width: 575.98px) {
  .bottom-Banner .banner-imageTop {
    height: 170px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .bottom-Banner .banner-imageTop {
    height: 170px;
  }
}
.bottom-Banner .banner-imageTop .banner-images {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.bottom-Banner .shop-btn {
  background-color: #013c7b;
  position: absolute;
  top: 66%;
  left: 7%;
  border: none;
  height: 45px;
  color: #fff;
  font-size: 16px;
  font-family: Sf-Sb;
  width: 140px;
  border-radius: 6px;
}
@media (max-width: 575.98px) {
  .bottom-Banner .shop-btn {
    height: 37px;
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .bottom-Banner .shop-btn {
    height: 37px;
    font-size: 14px;
  }
}
.bottom-Banner #customPrevButton {
  width: 30px;
  margin-right: 10px;
  position: absolute;
  top: 20px;
  /* Adjust top spacing as needed */
  right: 41px;
  font-size: 17px;
  padding: 0px 5px !important;
  /* Adjust right spacing as needed */
  background-color: #013c7b;
  /* Add your button background color */
  color: #fff;
  /* Add your button text color */
  border: none;
  padding: 10px;
  cursor: pointer;
  border-radius: 3px;
}
.bottom-Banner #customNextButton {
  position: absolute;
  font-size: 17px;
  width: 28px;
  padding: 0px 5px !important;
  top: 20px;
  /* Adjust top spacing as needed */
  right: 16px;
  /* Adjust right spacing as needed */
  background-color: #013c7b;
  /* Add your button background color */
  color: #fff;
  /* Add your button text color */
  border: none;
  padding: 10px;
  cursor: pointer;
  border-radius: 3px;
}

.top-Banner {
  width: 100%;
  height: auto;
  /* Decrease navigation button size */
}
.top-Banner .banner-imageTop {
  height: 316px;
  width: auto;
}
@media (max-width: 575.98px) {
  .top-Banner .banner-imageTop {
    height: 110px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .top-Banner .banner-imageTop {
    height: 170px;
  }
}
.top-Banner .banner-imageTop .banner-images {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.top-Banner .swiper-button-next,
.top-Banner .swiper-button-prev {
  color: white;
  /* Change to your desired color */
}
.top-Banner .swiper-button-next::after,
.top-Banner .swiper-button-prev::after {
  font-size: 20px;
}
.top-Banner .swiper-button-next,
.top-Banner .swiper-button-prev {
  font-size: 12px;
  /* Change to your desired font size */
}

.mega-deals-top {
  margin-top: 24px;
  border-radius: 12px;
  background-color: var(--secondnavbg);
  padding: 0px 25px 25px;
}
@media (max-width: 575.98px) {
  .mega-deals-top {
    padding: 0px 15px 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .mega-deals-top {
    padding: 0px 15px 15px;
  }
}
.mega-deals-top .Mdeal-BnrTop {
  height: 200px;
  width: auto;
  position: relative;
}
@media (max-width: 575.98px) {
  .mega-deals-top .Mdeal-BnrTop {
    height: 150px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .mega-deals-top .Mdeal-BnrTop {
    height: 150px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .mega-deals-top .Mdeal-BnrTop {
    height: 250px;
  }
}
.mega-deals-top .Mdeal-BnrTop .mdeal-image {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  cursor: pointer;
}
.mega-deals-top .Mdeal-BnrTop .shopButtons {
  background-color: #013c7b;
  font-family: Quicksand-SB !important;
  position: absolute;
  top: 68%;
  left: 2%;
  border: none;
  height: 37px;
  color: #fff;
  font-size: 16px;
  font-family: Sf-Sb;
  width: 112px;
  border-radius: 6px;
}
.mega-deals-top .deal-image-content {
  position: absolute;
  top: 20%;
  left: 5%;
}
.mega-deals-top .deal-image-content .ledmodal-title {
  color: #000;
  font-size: 16px;
  font-family: Sf-R;
  margin-bottom: 20px;
}
.mega-deals-top .deal-image-content .ledmodal-subtitle {
  color: #000;
  font-size: 28px;
  font-family: Sf-Sb;
  margin-bottom: 20px;
}
.mega-deals-top .deal-image-content .shop-btn {
  background-color: #013c7b;
  border: none;
  height: 45px;
  color: #272727;
  font-size: 16px;
  font-family: Sf-Sb;
  width: 140px;
  border-radius: 6px;
}

.Mdeal-BnrBtm {
  height: 250px;
  width: auto;
}
@media (max-width: 575.98px) {
  .Mdeal-BnrBtm {
    height: 150px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .Mdeal-BnrBtm {
    height: 150px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .Mdeal-BnrBtm {
    height: 170px;
  }
}
.Mdeal-BnrBtm .mdeal-bottomImage {
  width: 100%;
  height: 110%;
  cursor: pointer;
}

.TopSectionOfProduct {
  width: 100%;
  padding: 6px 16px;
  background-color: #fff;
  position: sticky;
  top: 100px;
  z-index: 999;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
@media (max-width: 575.98px) {
  .TopSectionOfProduct {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .TopSectionOfProduct {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .TopSectionOfProduct {
    top: 58px;
  }
}
.TopSectionOfProduct.hidden {
  opacity: 0;
  animation: slowUp 2s forwards;
  display: none;
}
@media (max-width: 575.98px) {
  .TopSectionOfProduct.hidden {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .TopSectionOfProduct.hidden {
    display: none;
  }
}
.TopSectionOfProduct.visible {
  opacity: 1;
  display: block;
  position: sticky;
  animation: slideDown 0.4s forwards;
  display: flex;
  align-items: center;
}
@media (max-width: 575.98px) {
  .TopSectionOfProduct.visible {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .TopSectionOfProduct.visible {
    display: none;
  }
}
.TopSectionOfProduct .imgeICon {
  width: 40px;
}
.TopSectionOfProduct .lablesName {
  font-size: 14px;
  color: #272727;
  font-family: Sf-M;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .TopSectionOfProduct .lablesName {
    font-size: 11px;
  }
}
.TopSectionOfProduct .topButtons {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.TopSectionOfProduct .topButtons .addcartbuttonNew {
  width: 115px;
  height: 34px;
  color: #000000;
  font-size: 14px;
  border: 1px solid #000000;
  border-radius: 30px;
  background: #ffffff;
  font-family: Quicksand-B;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .TopSectionOfProduct .topButtons .addcartbuttonNew {
    idth: 103px;
    height: 30px;
    color: #000000;
    font-size: 11px;
  }
}
.TopSectionOfProduct .topButtons .buyitnowbuttonNew {
  width: 115px;
  height: 34px;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  background: #013c7b;
  font-family: Quicksand-B;
  border: none;
  margin-left: 20px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .TopSectionOfProduct .topButtons .buyitnowbuttonNew {
    width: 98px;
    height: 33px;
    color: #fff;
    font-size: 14px;
  }
}
.TopSectionOfProduct .topButtons .imgFGro {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.TopSectionOfProduct .topButtons .titleInts {
  display: flex;
  gap: 13px;
  font-size: 10px;
}
.TopSectionOfProduct .topButtons .titleInts .lablesNameNew {
  font-size: 12px;
  border: 0.5px dashed;
  padding: 1px 8px;
  border-radius: 4px;
  font-family: Sf-L;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slowUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.about-item {
  margin-top: 60px;
}
.about-item .about-item-image {
  height: auto;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-item-image {
    height: 350px;
  }
}
@media (max-width: 575.98px) {
  .about-item .about-item-image {
    height: 250px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-item-image {
    height: 250px;
  }
}
.about-item .about-item-image .top-image-item {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.about-item .about-item-image .top-image-item .inside-thumbimage {
  border-radius: 10px !important;
}
.about-item .downloadBtns {
  padding-top: 30px;
}
.about-item .downloadBtns .add-cart-btn {
  display: flex;
  justify-content: center;
  border: none;
  margin-bottom: 13px;
  align-items: center;
  background: #013c7b;
  width: 100%;
  color: #fff;
  border-radius: 5px;
  font-size: 12px;
  height: 40px;
  font-family: Sf-R;
}
.about-item .about-ietm-carosual {
  padding-top: 30px;
}
.about-item .about-ietm-carosual .swiper-top {
  padding: 0px 20px;
}
.about-item .about-ietm-carosual .imageSlide-top {
  height: 100px;
  width: 100%;
  position: relative;
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  color: #fff;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-ietm-carosual .imageSlide-top {
    height: 80px;
  }
}
@media (max-width: 575.98px) {
  .about-item .about-ietm-carosual .imageSlide-top {
    height: 70px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-ietm-carosual .imageSlide-top {
    height: 70px;
  }
}
.about-item .about-ietm-carosual .imageSlide-top .imagesBottm {
  width: 100%;
  height: 100%;
  border: 0.5px solid #777676;
  border-radius: 9px;
}
.about-item .about-ietm-carosual .swiper-button-next {
  right: 0px;
  font-family: "YourFont", sans-serif;
  /* Change 'YourFont' to the desired font family */
  font-size: 16px;
  /* Change the font size as needed */
  color: #000;
  /* Change the font color as needed */
}
.about-item .about-ietm-carosual .swiper-button-next::after {
  font-size: 18px;
}
.about-item .about-ietm-carosual .swiper-button-prev {
  left: 0px;
  font-family: "YourFont", sans-serif;
  /* Change 'YourFont' to the desired font family */
  font-size: 16px;
  /* Change the font size as needed */
  color: #000;
  /* Change the font color as needed */
}
.about-item .about-ietm-carosual .swiper-button-prev::after {
  font-size: 18px;
}
.about-item .about-details {
  padding: 0px 50px 0px 30px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-details {
    padding: 0px 0px 0px 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-details {
    padding: 25px 0px 0px 0px;
  }
}
@media (max-width: 575.98px) {
  .about-item .about-details {
    padding: 25px 0px 0px 0px;
  }
}
.about-item .about-details .item-para {
  font-size: 18px;
  color: #272727;
  font-family: Sf-M;
  margin: 0;
  padding-bottom: 5px;
}
@media (max-width: 575.98px) {
  .about-item .about-details .item-para {
    font-size: 16px;
    padding-top: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-details .item-para {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-details .item-para {
    font-size: 18px;
    margin-bottom: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-item .about-details .item-para {
    font-size: 21px;
  }
}
.about-item .about-details .cost-details {
  display: flex;
  align-items: center;
}
.about-item .about-details .cost-details .cost-offer {
  font-size: 20px;
  font-family: "SF-M";
  padding-bottom: 5px;
  margin: 0;
}
@media (max-width: 575.98px) {
  .about-item .about-details .cost-details .cost-offer {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-details .cost-details .cost-offer {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-details .cost-details .cost-offer {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-item .about-details .cost-details .cost-offer {
    font-size: 21px;
  }
}
.about-item .about-details .cost-details .cost-offer .cost-confrim {
  color: #e22020 !important;
  font-family: Quicksand-SB;
}
.about-item .about-details .cost-details .cost-offer .cost-confrim .MaketPrice {
  color: #272727;
  padding-left: 24px;
}
.about-item .about-details .cost-details .cost-offer .cost-confrim .PriceSpan {
  text-decoration: line-through;
}
.about-item .about-details .inclusiveline {
  color: #272727;
  font-size: 14px;
  font-family: "SF-R";
  padding-bottom: 5px;
}
@media (max-width: 575.98px) {
  .about-item .about-details .inclusiveline {
    font-size: 13px;
    margin-bottom: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-details .inclusiveline {
    font-size: 13px;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-details .inclusiveline {
    font-size: 14px;
    margin-bottom: 12px;
  }
}
.about-item .about-details .quantity-details {
  padding-bottom: 8px;
}
.about-item .about-details .quantity-details .quantity-para {
  color: #000000;
  margin-top: 10px;
  font-size: 14px;
  font-family: "SF-R";
  margin-bottom: 5px;
}
@media (max-width: 575.98px) {
  .about-item .about-details .quantity-details .quantity-para {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-details .quantity-details .quantity-para {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-details .quantity-details .quantity-para {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-item .about-details .quantity-details .quantity-para {
    font-size: 16px;
  }
}
.about-item .about-details .quantity-details .quantity-paras {
  color: #000000;
  font-size: 15px;
  font-family: "SF-R";
  margin-top: 0px;
  margin-bottom: 2px;
}
@media (max-width: 575.98px) {
  .about-item .about-details .quantity-details .quantity-paras {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-details .quantity-details .quantity-paras {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-details .quantity-details .quantity-paras {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-item .about-details .quantity-details .quantity-paras {
    font-size: 16px;
  }
}
.about-item .about-details .quantity-details .quantity-parasR {
  color: #000000;
  font-size: 15px;
  font-family: "SF-R";
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
}
@media (max-width: 575.98px) {
  .about-item .about-details .quantity-details .quantity-parasR {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-details .quantity-details .quantity-parasR {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-details .quantity-details .quantity-parasR {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-item .about-details .quantity-details .quantity-parasR {
    font-size: 16px;
  }
}
.about-item .about-details .quantity-details .quantity-increase {
  width: 106px;
  border: 1px solid #606060;
  padding: 2px 4px;
  align-items: center;
  justify-content: center;
  display: flex;
  margin-bottom: 22px;
}
.about-item .about-details .quantity-details .quantity-increase .quantity-plus {
  cursor: pointer;
  padding: 0px 5px;
}
.about-item .about-details .quantity-details .quantity-increase .quantity-plus .quantityENter {
  width: 39px;
  text-align: center;
  border: none;
  background: transparent;
  outline: none;
  box-shadow: none;
}
.about-item .about-details .quantity-details .quantity-increase .quantity-plus .quantityENter:focus {
  outline: none;
  box-shadow: none;
}
.about-item .about-details .quantity-details .quantity-increase .quantity-plus .subtraction {
  width: 12px;
}
.about-item .about-details .quantity-details .quantity-increase .quantity-plus .addition {
  height: 14px;
}
.about-item .about-details .quantity-details .notAvailale {
  color: red;
  font-size: 16px;
  font-family: Sf-R;
}
.about-item .about-details .deliveryTypes {
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 10px;
}
.about-item .about-details .deliveryTypes .deliveryTypeOne {
  width: 100%;
  border-bottom: 0.5px solid #d6d6d6;
  padding: 13px 2px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.about-item .about-details .deliveryTypes .deliveryTypeOne .deliveryOne {
  width: 30%;
  padding: 2px;
  background-color: #013C7B;
  border-radius: 16px 0px 16px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-item .about-details .deliveryTypes .deliveryTypeOne .deliveryOne .deliveryTitle {
  font-size: 14px;
  color: #FFFFFF;
  font-family: "SF-M";
  text-align: center;
}
.about-item .about-details .deliveryTypes .deliveryTypeOne .deliveryTwo {
  width: 60%;
}
.about-item .about-details .deliveryTypes .deliveryTypeOne .deliveryTwo .deliveryDesctiption {
  color: #013C7B;
  font-size: 16px;
  font-family: "SF-M";
  padding-right: 4px;
}
.about-item .about-details .deliveryTypes .deliveryTypeOne .deliveryTwo .deliveryDesctiption .descriptions {
  font-size: 12px;
  color: #616161;
  font-family: "SF-L";
}
.about-item .about-details .deliveryTypes .deliveryTypeOne .deliveryThree {
  width: 10%;
}
.about-item .about-details .deliveryTypes .deliveryTypeOne .OrContent {
  position: absolute;
  bottom: -16px;
  left: 45%;
  background-color: #fff;
  padding: 2px;
  color: #C1C1C1;
  font-size: 12px;
  font-family: "SF-L";
}
.about-item .about-details .deliveryTypes .deliveryLast {
  width: 100%;
  padding: 13px 2px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.about-item .about-details .deliveryTypes .deliveryLast .deliveryOne {
  width: 30%;
  padding: 2px;
  background-color: #013C7B;
  border-radius: 16px 0px 16px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-item .about-details .deliveryTypes .deliveryLast .deliveryOne .deliveryTitle {
  font-size: 14px;
  color: #FFFFFF;
  font-family: "SF-M";
}
@media (max-width: 575.98px) {
  .about-item .about-details .deliveryTypes .deliveryLast .deliveryOne .deliveryTitle {
    text-align: center;
  }
}
.about-item .about-details .deliveryTypes .deliveryLast .deliveryTwo {
  width: 60%;
}
.about-item .about-details .deliveryTypes .deliveryLast .deliveryTwo .deliveryDesctiption {
  color: #013C7B;
  font-size: 16px;
  font-family: "SF-M";
  padding-right: 4px;
}
.about-item .about-details .deliveryTypes .deliveryLast .deliveryTwo .deliveryDesctiption .descriptions {
  font-size: 12px;
  color: #616161;
  font-family: "SF-L";
}
.about-item .about-details .deliveryTypes .deliveryLast .deliveryThree {
  width: 10%;
}
.about-item .about-details .deliveryTypes .deliveryLast .OrContent {
  position: absolute;
  bottom: -16px;
  left: 45%;
  background-color: #fff;
  padding: 2px;
  color: #C1C1C1;
  font-size: 12px;
  font-family: "SF-L";
}
.about-item .about-details .add-to-cart-buttons {
  padding-bottom: 16px;
}
@media (max-width: 575.98px) {
  .about-item .about-details .add-to-cart-buttons {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-details .add-to-cart-buttons {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-details .add-to-cart-buttons {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-item .about-details .add-to-cart-buttons {
    display: flex;
    justify-content: space-between;
  }
}
.about-item .about-details .add-to-cart-buttons .addcartbutton {
  width: 126px;
  height: 44px;
  color: #000000;
  font-size: 14px;
  border: 1px solid #000000;
  border-radius: 30px;
  background: #ffffff;
  font-family: Quicksand-B;
}
@media (max-width: 575.98px) {
  .about-item .about-details .add-to-cart-buttons .addcartbutton {
    width: 100%;
    font-size: 15px;
    height: 35px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-details .add-to-cart-buttons .addcartbutton {
    width: 100%;
    font-size: 18px;
    height: 35px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-details .add-to-cart-buttons .addcartbutton {
    width: 210px;
    height: 40px;
  }
}
.about-item .about-details .add-to-cart-buttons .addcartbuttonD {
  width: 126px;
  height: 44px;
  color: #000000;
  font-size: 14px;
  border: 1px solid #000000;
  border-radius: 30px;
  background: #999998;
  font-family: Quicksand-B;
}
@media (max-width: 575.98px) {
  .about-item .about-details .add-to-cart-buttons .addcartbuttonD {
    width: 100%;
    font-size: 15px;
    height: 35px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-details .add-to-cart-buttons .addcartbuttonD {
    width: 100%;
    font-size: 18px;
    height: 35px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-details .add-to-cart-buttons .addcartbuttonD {
    width: 210px;
    height: 40px;
  }
}
.about-item .about-details .add-to-cart-buttons .buyitnowbutton {
  width: 126px;
  height: 44px;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  background: #013c7b;
  font-family: Quicksand-B;
  border: none;
  margin-left: 20px;
}
@media (max-width: 575.98px) {
  .about-item .about-details .add-to-cart-buttons .buyitnowbutton {
    width: 100%;
    font-size: 15px;
    height: 35px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-details .add-to-cart-buttons .buyitnowbutton {
    width: 100%;
    font-size: 16px;
    height: 35px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-details .add-to-cart-buttons .buyitnowbutton {
    width: 210px;
    height: 40px;
  }
}
.about-item .about-details .add-to-cart-buttons .buyitnowbuttonD {
  width: 126px;
  height: 44px;
  color: #000;
  font-size: 14px;
  border-radius: 5px;
  background: #999998;
  font-family: Quicksand-B;
  border: none;
  margin-left: 20px;
}
@media (max-width: 575.98px) {
  .about-item .about-details .add-to-cart-buttons .buyitnowbuttonD {
    width: 100%;
    font-size: 15px;
    height: 35px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-details .add-to-cart-buttons .buyitnowbuttonD {
    width: 100%;
    font-size: 16px;
    height: 35px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-details .add-to-cart-buttons .buyitnowbuttonD {
    width: 210px;
    height: 40px;
  }
}
.about-item .about-details .globalpointline .globalpurchase {
  color: #272727;
  margin-bottom: 20px;
  font-size: 15px;
  font-family: "SF-R";
}
@media (max-width: 575.98px) {
  .about-item .about-details .globalpointline .globalpurchase {
    font-size: 13px;
    margin-bottom: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-details .globalpointline .globalpurchase {
    font-size: 13px;
    margin-bottom: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-details .globalpointline .globalpurchase {
    font-size: 13px;
    margin-bottom: 13px;
  }
}
.about-item .about-details .rating-stars {
  display: flex;
  align-items: center;
}
.about-item .about-details .rating-stars .stars-inside {
  margin-right: 14px;
}
.about-item .about-details .rating-stars .stars-inside .icon-star {
  margin-left: 4px;
}
.about-item .about-details .rating-stars .stars-inside .icon-star.firstSt {
  margin: 0;
}
.about-item .about-details .rating-stars .write-review {
  color: #272727;
  font-size: 14px;
  margin-left: 7px;
  font-family: "SF-M";
  font-family: Quicksand-SB;
  margin-bottom: 0px;
  cursor: pointer;
}
@media (max-width: 575.98px) {
  .about-item .about-details .rating-stars .write-review {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-details .rating-stars .write-review {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-details .rating-stars .write-review {
    font-size: 14px;
  }
}
.about-item .about-details .returnning .whyReturn {
  font-size: 18px;
  font-family: "SF-M";
  margin-top: 30px;
}
.about-item .about-details .returnning .youPaind {
  color: #000000;
  font-size: 12px;
  font-family: "SF-R";
}
.about-item .about-details .returnning .youPaind .priceDetailsRefund {
  color: #013c7b;
  font-family: "SF-R";
  font-size: 16px;
}
.about-item .about-details .returnning .contentsFinal {
  color: #606060;
  font-size: 14px;
  font-family: "SF-R";
}
.about-item .about-details .returnning .lableInfo {
  font-family: "SF-R";
  font-size: 14px;
  cursor: pointer;
  color: #616161;
  margin-bottom: 16px;
}
.about-item .about-details .returnning .textControl {
  width: 60%;
}
.about-item .about-details .returnning .textBrns {
  display: flex;
  align-items: center;
}
.about-item .about-details .returnning .textBrns .textBtnPick {
  background-color: #013c7b;
  padding: 10px 30px 10px 30px;
  border: none;
  font-family: "SF-M";
  border-radius: 6px;
  color: #fff;
}
.about-item .about-details .returnning .textBrns .iwantExchange {
  font-family: "SF-M";
  padding-left: 14px;
  cursor: pointer;
  margin: 0;
}
.about-item .about-details .returnning .addressItems {
  margin: 0;
  color: #606060;
  font-size: 12px;
  font-family: "SF-R";
}
.about-item .about-details .returnning .addressItemsName {
  margin: 0;
  color: #000000;
  font-family: "SF-R";
}
.about-item .about-details .returnning .changeAddress {
  color: #000;
  background-color: #fff;
  border: 0.5px solid #707070;
  padding: 10px 40px 10px 40px;
  border-radius: 4px;
  margin-top: 12px;
  font-family: "SF-R";
  margin-right: 20px;
}
.about-item .about-details .returnning .RefundProcess {
  color: #fff;
  background-color: #013c7b;
  padding: 10px 40px 10px 40px;
  border-radius: 4px;
  margin-top: 12px;
  border: none;
  font-family: "SF-R";
}
.about-item .about-details .returnning .RefundProcessDsiable {
  color: #fff;
  background-color: #949494;
  padding: 10px 40px 10px 40px;
  border-radius: 4px;
  margin-top: 12px;
  border: none;
  font-family: "SF-R";
}
.about-item .about-details .costumer-review {
  font-size: 15px;
  color: #272727;
  font-family: "SF-M";
  margin-top: 5px;
}
@media (max-width: 575.98px) {
  .about-item .about-details .costumer-review {
    font-size: 13px;
    margin-top: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-details .costumer-review {
    font-size: 13px;
    margin-top: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-details .costumer-review {
    font-size: 14px;
    margin-top: 10px;
  }
}
.about-item .about-details .Specifications {
  font-size: 18px;
}
.about-item .about-details .productVariants {
  margin-bottom: 10px;
}
.about-item .about-details .productVariants .variant {
  font-size: 14px;
  font-family: "SF-M";
}
.about-item .about-details .productVariants .variantTile {
  color: #525151;
  font-size: 14px;
  font-family: "SF-M";
}
.about-item .about-details .productVariants .variants .selecteds {
  background: #ffffff;
  padding: 4px 7px;
  border-radius: 4px;
  margin: 4px;
  border: 0.1px solid #013c7b !important;
  font-size: 12px;
  font-family: "SF-R";
  color: #000;
}
.about-item .about-details .productVariants .variants .notselecteds {
  background: #ffffff;
  padding: 4px 7px;
  border-radius: 4px;
  margin: 4px;
  border: 1px dashed rgb(231, 231, 231) !important;
  font-size: 12px;
  font-family: "SF-R";
  color: #000;
}

.productdetails-pills {
  width: 100%;
  height: auto;
  text-align: center;
  display: flex;
  justify-content: start;
  border: none !important;
  margin: 0px 1px 32px 2px !important;
}
@media (max-width: 575.98px) {
  .productdetails-pills {
    gap: 2px;
    justify-content: center;
  }
}
.productdetails-pills .productdetails-li {
  border: none !important;
  margin-right: 0px;
}
.productdetails-pills .productdetails-li .productdetails-btn {
  border: none !important;
  background-color: var(--pillsbg);
  color: var(--textclr1);
  padding: 5px 20px;
  margin-right: 20px;
  border-radius: 5px;
  font-family: var(--fontQuicksandSB);
  font-size: var(--fontSizeSmall);
}
.productdetails-pills .productdetails-li .productdetails-btn.active {
  background-color: var(--categorybg);
}
@media (max-width: 575.98px) {
  .productdetails-pills .productdetails-li .productdetails-btn {
    margin-right: 0px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .productdetails-pills .productdetails-li .productdetails-btn {
    margin-right: 0px;
  }
}

.add-delivery-address .modal-content .modal-header {
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  z-index: 99999;
}
.add-delivery-address .modal-content .modal-header .modal-title {
  font-size: 16px;
  color: #000;
  font-family: Quicksand-SB;
}
@media (max-width: 575.98px) {
  .add-delivery-address .modal-content .modal-header .modal-title {
    font-size: 20px;
  }
}
.add-delivery-address .modal-content .modal-body .add-delivery-address-from .form .form-names .form-frist-name {
  padding-bottom: 20px;
}
.add-delivery-address .modal-content .modal-body .add-delivery-address-from .form .form-names .form-frist-name .first-name {
  width: 225px;
  height: 35px;
  font-size: 14px;
  font-family: "SF-R";
  color: #606060;
  padding-left: 10px;
  border-radius: 3px;
  outline: none;
  border: 1px solid #cbcbcb;
}
@media (max-width: 575.98px) {
  .add-delivery-address .modal-content .modal-body .add-delivery-address-from .form .form-names .form-frist-name .first-name {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .add-delivery-address .modal-content .modal-body .add-delivery-address-from .form .form-names .form-frist-name .first-name {
    width: 100%;
  }
}
.add-delivery-address .modal-content .modal-body .add-delivery-address-from .form .form-number {
  padding-bottom: 20px;
}
.add-delivery-address .modal-content .modal-body .add-delivery-address-from .form .form-number .phone-number {
  width: 100%;
  height: 35px;
  font-size: 14px;
  font-family: "SF-R";
  color: #606060;
  padding-left: 10px;
  border-radius: 3px;
  outline: none;
  border: 1px solid #cbcbcb;
}
.add-delivery-address .modal-content .modal-body .add-delivery-address-from .form .error {
  color: red;
  font-family: "SF-R";
  font-size: 14px;
}
.add-delivery-address .modal-content .modal-body .add-delivery-address-from .form .form-counrty {
  padding-bottom: 20px;
  color: #606060;
}
.add-delivery-address .modal-content .modal-body .add-delivery-address-from .form .form-counrty .form-select {
  width: 100%;
  height: 35px;
  font-size: 14px;
  font-family: "SF-R";
  color: #606060;
  padding-left: 10px;
  border-radius: 3px;
  outline: none;
  border: 1px solid #cbcbcb;
}
.add-delivery-address .modal-content .modal-body .add-delivery-address-from .form .form-counrty .form-select .options {
  font-size: 14px;
  font-family: "SF-R";
  color: #606060;
  padding-left: 10px;
  border-radius: 3px;
}
.add-delivery-address .modal-content .modal-body .add-delivery-address-from .form .form-button {
  display: flex;
  justify-content: center;
}
.add-delivery-address .modal-content .modal-body .add-delivery-address-from .form .form-button .save-button {
  width: 282px;
  border: none;
  height: 40px;
  font-size: 14px;
  font-family: "SF-R";
  color: #ffffff;
  padding-left: 10px;
  border-radius: 6px;
  background: #013c7b;
  margin-top: 20px;
}

.item-technical {
  margin-top: 30px;
  margin-bottom: 20px;
}
@media (max-width: 575.98px) {
  .item-technical {
    margin-top: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .item-technical {
    margin-top: 10px;
  }
}
.item-technical .technical-items .about-this-item-head {
  font-size: 23px;
  color: #272727;
  font-family: "SF-M";
  padding-bottom: 10px;
}
@media (max-width: 575.98px) {
  .item-technical .technical-items .about-this-item-head {
    font-size: 18px;
    padding-bottom: 4px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .item-technical .technical-items .about-this-item-head {
    font-size: 18px;
    padding-bottom: 4px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .item-technical .technical-items .about-this-item-head {
    font-size: 21px;
    padding-left: 0px;
    margin-bottom: 7px;
  }
}
.item-technical .technical-items .itemlist {
  padding-left: 20px;
  width: 60%;
}
.item-technical .technical-items .itemlist .listitemsparas {
  color: #000000;
  font-size: 15px;
  font-family: "SF-R";
  padding-bottom: 20px;
}
@media (max-width: 575.98px) {
  .item-technical .technical-items .itemlist .listitemsparas {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .item-technical .technical-items .itemlist .listitemsparas {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .item-technical .technical-items .itemlist .listitemsparas {
    font-size: 13px;
  }
}
.item-technical .technical-details .technical-header {
  padding-bottom: 20px;
}
.item-technical .technical-details .technical-details-table {
  width: 578px;
  margin-top: 10px !important;
}
@media (max-width: 575.98px) {
  .item-technical .technical-details .technical-details-table {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .item-technical .technical-details .technical-details-table {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .item-technical .technical-details .technical-details-table {
    width: 100%;
  }
}
.item-technical .technical-details .technical-details-table .table-technical-row .table-technical-data {
  color: #616161;
  font-size: 15px;
  width: 260px !important;
  font-family: "SF-R";
}
@media (max-width: 575.98px) {
  .item-technical .technical-details .technical-details-table .table-technical-row .table-technical-data {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .item-technical .technical-details .technical-details-table .table-technical-row .table-technical-data {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .item-technical .technical-details .technical-details-table .table-technical-row .table-technical-data {
    font-size: 14px;
  }
}
.item-technical .technical-details .technical-details-table .table-technical-row .table-technical-mobile {
  color: #272727;
  font-size: 15px;
  font-family: "SF-R";
  border-right: none;
  border: 1px solid #d9d9d9 !important;
}
@media (max-width: 575.98px) {
  .item-technical .technical-details .technical-details-table .table-technical-row .table-technical-mobile {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .item-technical .technical-details .technical-details-table .table-technical-row .table-technical-mobile {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .item-technical .technical-details .technical-details-table .table-technical-row .table-technical-mobile {
    font-size: 14px;
  }
}
.overViewSection {
  font-size: 22px;
  color: #272727;
  font-family: Sf-M;
  border-bottom: 1px solid rgb(192, 192, 192);
  padding-bottom: 11px;
}

.head-technical {
  font-size: 16px;
  color: #616161;
  font-family: "SF-M";
}
@media (max-width: 575.98px) {
  .head-technical {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .head-technical {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .head-technical {
    font-size: 21px;
    padding-left: 0px;
    margin-bottom: 7px;
  }
}

.product-bottomimages {
  width: 100%;
  height: auto;
  padding-bottom: 20px;
}
.product-bottomimages .images-inside {
  height: 390px;
  width: 100%;
}
@media (max-width: 575.98px) {
  .product-bottomimages .images-inside {
    height: 200px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .product-bottomimages .images-inside {
    height: 200px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .product-bottomimages .images-inside {
    height: 330px;
  }
}
.product-bottomimages .images-inside .images-edit {
  height: 100%;
  width: 100%;
}

.filterSections-below {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
  margin-bottom: 20px;
  align-items: center;
  padding: 0px 10px;
}
@media (max-width: 575.98px) {
  .filterSections-below {
    margin-bottom: 0px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .filterSections-below {
    margin-top: 16px;
    margin-bottom: 0px !important;
  }
}
.filterSections-below .mid-products .product-count {
  color: #000000;
  font-size: 16px;
  font-family: "SF-R";
  margin-bottom: 0px;
}
@media (max-width: 575.98px) {
  .filterSections-below .mid-products .product-count {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .filterSections-below .mid-products .product-count {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .filterSections-below .mid-products .product-count {
    font-size: 14px;
  }
}
.filterSections-below .right-relevence .relvence-Ddown {
  position: relative;
  width: 200px;
}
@media (max-width: 575.98px) {
  .filterSections-below .right-relevence .relvence-Ddown {
    width: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .filterSections-below .right-relevence .relvence-Ddown {
    width: 40px;
  }
}
.filterSections-below .right-relevence .relvence-Ddown .relvence-Inside {
  width: 100%;
  justify-content: space-between;
  display: flex;
  background: transparent;
  color: black;
  box-shadow: -1px 3px 7px rgba(0, 0, 0, 0.1294117647);
  border: none;
}
.filterSections-below .right-relevence .relvence-Ddown .relvence-Inside .upDwn-arrw .alternate-arrow {
  margin-right: 3px;
}
.filterSections-below .right-relevence .relvence-Ddown .relvence-Inside .upDwn-arrw .relvance-filterTitle {
  color: #000000;
  font-family: "SF-R";
  font-size: 15px;
}
@media (max-width: 575.98px) {
  .filterSections-below .right-relevence .relvence-Ddown .relvence-Inside .upDwn-arrw .relvance-filterTitle {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .filterSections-below .right-relevence .relvence-Ddown .relvence-Inside .upDwn-arrw .relvance-filterTitle {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .filterSections-below .right-relevence .relvence-Ddown .relvence-Inside .upDwn-arrw {
    display: flex;
    margin: auto;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .filterSections-below .right-relevence .relvence-Ddown .relvence-Inside .upDwn-arrw {
    display: flex;
    margin: auto;
  }
}
.filterSections-below .right-relevence .relvence-Ddown .relvence-Inside .ranges {
  padding-right: 10px;
}
.filterSections-below .right-relevence .relvence-Ddown .relvence-Inside.show .upArrow-Icn {
  transform: rotate(-180deg);
}
.filterSections-below .right-relevence .relvence-Ddown .relvence-Inside:focus {
  outline: none;
}
@media (max-width: 575.98px) {
  .filterSections-below .right-relevence .relvence-Ddown .relvence-Inside .upArrow-Icn {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .filterSections-below .right-relevence .relvence-Ddown .relvence-Inside .upArrow-Icn {
    display: none;
  }
}
.filterSections-below .right-relevence .relvence-Ddown .relvence-Inside::after {
  display: none;
}
.filterSections-below .right-relevence .relvence-Ddown .Relvence-Top {
  left: auto;
  right: 0;
  transform: translate(0px, 37px);
  width: 200px;
  padding: 0px;
}
.filterSections-below .right-relevence .relvence-Ddown .Relvence-Top .relvence-Dropitems {
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1294117647);
  color: #000000;
  font-family: Poppins-Regular;
  font-size: 14px;
  background: transparent;
  padding: 6px 16px;
}

.filterBtns {
  display: none;
  border: none;
  padding: 6px 10px;
  width: 100px;
  margin: 20px;
  border-radius: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-family: Sf-R;
}
@media (max-width: 575.98px) {
  .filterBtns {
    display: block;
    margin: 13px 2px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .filterBtns {
    display: block;
    margin: 13px 2px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .filterBtns {
    margin: 13px 2px;
    display: none;
  }
}

.filterSwich {
  width: 20%;
  display: block;
  height: 100vh;
  overflow: scroll;
  overflow-x: hidden;
}
@media (max-width: 575.98px) {
  .filterSwich {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .filterSwich {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .filterSwich {
    display: block;
  }
}

.filterSection {
  width: 100%;
  height: auto;
  border: 1px solid #ececec;
  border-radius: 12px;
  padding: 9px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px;
}
.filterSection .filterByPrice {
  font-size: 14px;
  font-family: Sf-M;
  margin-bottom: 12px;
}
.filterSection .customisezPrice {
  font-size: 12px;
  cursor: pointer;
  font-family: Sf-M;
  margin: 0;
  padding-bottom: 6px;
  color: #013c7b;
}
.filterSection .custmoseInpf {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 5px;
  margin-bottom: 14px;
}
.filterSection .custmoseInpf .numberI {
  width: 82px;
  font-size: 12px;
  font-family: Sf-R;
  padding: 0px 6px;
}
.filterSection .custmoseInpf .toPriceGo {
  font-family: Sf-M;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  margin: 0;
  background: #013c7b;
  padding: 3px;
  padding: 2px 5px;
  border-radius: 2px;
}
.filterSection .custmoseInpf .toPrice {
  margin: 0;
  font-size: 10px;
}
.filterSection .rc-slider-rail {
  background-color: #b5b5b5 !important;
}
.filterSection .rc-slider-track-1 {
  background-color: #013c7b !important;
}
.filterSection .rc-slider-handle {
  background-color: #013c7b;
  border: none;
  opacity: 1;
}
.filterSection .slidePrices {
  display: flex;
  margin-top: 12px;
  justify-content: space-between;
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 10px;
}
.filterSection .slidePrices .priceTxt {
  font-size: 14px;
  font-family: "SF-R";
}
.filterSection .slidePrices .priceTxt .priceAccess {
  font-size: 14px;
  font-family: "SF-M";
}
.filterSection .categoryGroup {
  margin: 20px 0px 20px 0px;
}
.filterSection .categoryGroup .catTitle {
  margin: 0;
  font-family: "SF-M";
  font-size: 16px;
}
.filterSection .categoryGroup .groupName {
  margin: 0;
  font-size: 14px;
  color: #272727;
  font-family: "SF-M";
  background-color: transparent;
  box-shadow: none;
  cursor: pointer;
}
.filterSection .categoryGroup .groupSub {
  font-size: 14px;
  color: #272727;
  font-family: "SF-L";
  margin: 0;
  padding-left: 20px;
  cursor: pointer;
}
.filterSection .accordionSection .accordionBox {
  border: none;
}
.filterSection .accordionSection .accordionBox .acd-items {
  border: none;
  padding-top: 10px;
}
.filterSection .accordionSection .accordionBox .acd-items .acd-buttons {
  padding: 0;
  font-size: 14px;
  color: #272727;
  font-family: "SF-M";
  background-color: transparent;
  box-shadow: none;
}
.filterSection .accordionSection .accordionBox .acd-items .acd-buttons::after {
  background-image: url("./../images/menubar/lef.svg");
  background-size: 22px 16px;
}
.filterSection .accordionSection .accordionBox .acd-items .accordion-button:not(.collapsed)::after {
  background-image: url("./../images/menubar/btm.svg");
  background-size: 15px 25px;
  transform: rotate(270deg);
}
.filterSection .accordionSection .accordionBox .acd-content {
  padding: 0;
  padding-top: 8px;
  transition-duration: 0.35s; /* Smooth transition duration */
}
.filterSection .accordionSection .accordionBox .acd-content.show {
  max-height: 1000px; /* Adjust this value based on your content height */
}
.filterSection .accordionSection .accordionBox .acd-content .form-check-Data {
  background-color: #ffffff;
  border-color: #bebebe;
}
.filterSection .accordionSection .accordionBox .acd-content .form-check-input:checked[type=checkbox] {
  background-color: #013c7b;
  border-color: #013c7b;
}
.filterSection .accordionSection .accordionBox .acd-content .form-check-label {
  font-size: 14px;
  color: #272727;
  font-family: "SF-L";
}

.selectedProducts {
  padding-bottom: 30px;
}
.selectedProducts .selectedFilters {
  padding-bottom: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.selectedProducts .selectedFilters .filterName {
  background-color: #fff;
  padding: 10px;
  font-size: 12px;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  font-family: "SF-L";
}
.selectedProducts .selectedFilters .filterName .closeIcon {
  width: 20px;
  cursor: pointer;
}
.selectedProducts .selectedFilters .clearAllBtn {
  background-color: #fff;
  padding: 10px;
  font-size: 12px;
  border: #858585;
  margin-left: 10px;
  border-radius: 10px;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  font-family: "SF-L";
  transition: all 300ms linear 0s;
}
.selectedProducts .selectedFilters .clearAllBtn .closeIcon {
  width: 20px;
}
.selectedProducts .selectedFilters .clearAllBtn:hover {
  background-color: #013c7b;
  color: #fff;
}
.selectedProducts .loaderMini {
  width: 100%;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.selectedProducts .moreProductsBtn {
  text-align: center;
  font-size: 16px;
  font-family: "SF-M";
  color: #03284f;
  cursor: pointer;
  margin-top: 30px;
}
.selectedProducts .TotalProducts {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  background-color: #f8f8f8;
  padding: 10px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.selectedProducts .TotalProducts .foundedProducts {
  font-family: "SF-M";
  font-size: 14px;
}
.selectedProducts .TotalProducts .foundedProducts .counting {
  font-family: "SF-M";
  font-size: 14px;
  color: #013c7b;
}
.selectedProducts .TotalProducts .right-relevence .relvence-Ddown {
  position: relative;
  width: 170px;
}
@media (max-width: 575.98px) {
  .selectedProducts .TotalProducts .right-relevence .relvence-Ddown {
    width: 156px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .selectedProducts .TotalProducts .right-relevence .relvence-Ddown {
    width: 120px;
  }
}
.selectedProducts .TotalProducts .right-relevence .relvence-Ddown .relvence-Inside {
  width: 100%;
  justify-content: space-between;
  display: flex;
  background: transparent;
  color: black;
  box-shadow: -1px 3px 7px rgba(0, 0, 0, 0.1294117647) !important;
  border: none;
}
.selectedProducts .TotalProducts .right-relevence .relvence-Ddown .relvence-Inside .upDwn-arrw {
  color: #606060;
}
.selectedProducts .TotalProducts .right-relevence .relvence-Ddown .relvence-Inside .upDwn-arrw .alternate-arrow {
  margin-right: 3px;
}
.selectedProducts .TotalProducts .right-relevence .relvence-Ddown .relvence-Inside .upDwn-arrw .relvance-filterTitle {
  color: #000000;
  font-family: Sf-R;
  font-size: 15px;
  padding-left: 10px;
}
.selectedProducts .TotalProducts .right-relevence .relvence-Ddown .relvence-Inside.show {
  box-shadow: -1px 3px 7px rgba(0, 0, 0, 0.1294117647);
}
.selectedProducts .TotalProducts .right-relevence .relvence-Ddown .relvence-Inside.show .upArrow-Icn {
  color: #606060;
  transform: rotate(-180deg);
}
.selectedProducts .TotalProducts .right-relevence .relvence-Ddown .relvence-Inside:focus {
  box-shadow: -1px 3px 7px rgba(0, 0, 0, 0.1294117647);
  outline: none;
  box-shadow: none;
}
.selectedProducts .TotalProducts .right-relevence .relvence-Ddown .relvence-Inside::after {
  box-shadow: -1px 3px 7px rgba(0, 0, 0, 0.1294117647);
  display: none;
}
.selectedProducts .TotalProducts .right-relevence .relvence-Ddown .Relvence-Top {
  left: auto;
  right: 0;
  transform: translate(0px, 37px);
  width: 160px;
  padding: 0px;
}
.selectedProducts .TotalProducts .right-relevence .relvence-Ddown .Relvence-Top .relvence-Dropitems {
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1294117647);
  color: #000000;
  font-family: Sf-R;
  font-size: 14px;
  background: transparent;
  padding: 6px 16px;
}
.selectedProducts .filterProductItem {
  text-decoration: none !important;
  border: none !important;
}

.bannerImg {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 10px;
}
@media (max-width: 575.98px) {
  .bannerImg {
    height: 100px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .bannerImg {
    height: 100px;
  }
}

.global-aims-footer {
  padding: 36px 0px;
  background-color: #fff;
}
@media (max-width: 575.98px) {
  .global-aims-footer .globalaim {
    margin-top: 10px;
    padding-left: 10px;
  }
}
.global-aims-footer .globalaim .logo-edit1 {
  width: 90px;
}
.global-aims-footer .globalaim .globalaimpara {
  color: #272727;
  font-size: 15px;
  font-family: "Sf-R";
  margin: 0;
  padding-top: 12px;
}
@media (max-width: 575.98px) {
  .global-aims-footer .globalaim .globalaimpara {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .global-aims-footer .globalaim .globalaimpara {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .global-aims-footer .globalaim .globalaimpara {
    font-size: 11px;
  }
}
.global-aims-footer .globalaim .supportemail {
  display: flex;
  align-items: center;
  padding: 10px 0px;
}
.global-aims-footer .globalaim .supportemail .supportemailicon {
  color: #f46c24;
  position: relative;
  bottom: 7px;
}
.global-aims-footer .globalaim .supportemail .iconContact {
  width: 20px;
  height: 20px;
}
.global-aims-footer .globalaim .supportemail .gm-email {
  color: #272727;
  font-size: 13px;
  font-family: "Sf-R";
  /* padding-top: 14px; */
  padding-left: 6px;
  cursor: pointer;
  margin: 0;
}
@media (max-width: 575.98px) {
  .global-aims-footer .globalaim .supportemail .gm-email {
    font-size: 9px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .global-aims-footer .globalaim .supportemail .gm-email {
    font-size: 11px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .global-aims-footer .globalaim .supportemail .gm-email {
    font-size: 10px;
  }
}
.global-aims-footer .globalaim .supportemail .gm-email .gm-number {
  margin-top: -10px;
  cursor: pointer;
  margin: 0;
}
.global-aims-footer .categories {
  padding-left: 20px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .global-aims-footer .categories {
    padding-left: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .global-aims-footer .categories {
    padding-left: 40px;
  }
}
.global-aims-footer .categories .categoriesheader {
  color: #000000;
  font-size: var(--fontSizeMedium);
  font-family: "Sf-M";
}
@media (max-width: 575.98px) {
  .global-aims-footer .categories .categoriesheader {
    font-size: 12px;
    padding-top: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .global-aims-footer .categories .categoriesheader {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .global-aims-footer .categories .categoriesheader {
    font-size: 15px;
  }
}
.global-aims-footer .categories .categoriesitems {
  padding-top: 5px;
}
.global-aims-footer .categories .categoriesitems.newLinks {
  cursor: pointer;
}
@media (max-width: 575.98px) {
  .global-aims-footer .categories .categoriesitems {
    padding-top: 0px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .global-aims-footer .categories .categoriesitems {
    padding-top: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .global-aims-footer .categories .categoriesitems {
    padding-top: 0px;
  }
}
.global-aims-footer .categories .categoriesitems .categoriesmaterials {
  color: #272727;
  font-size: 14px;
  font-family: "Sf-R";
  text-decoration: none;
}
@media (max-width: 575.98px) {
  .global-aims-footer .categories .categoriesitems .categoriesmaterials {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .global-aims-footer .categories .categoriesitems .categoriesmaterials {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .global-aims-footer .categories .categoriesitems .categoriesmaterials {
    font-size: 12px;
  }
}
.global-aims-footer .categories .categoriesitems .SecuredPay {
  color: #272727;
  font-size: 10px;
  font-family: "Sf-R";
  text-decoration: none;
  position: relative;
  top: -10px;
}
.global-aims-footer .categories .categoriesicons {
  margin-top: 20px;
}
.global-aims-footer .categories .categoriesicons .categoriesmaterialsicons {
  color: #013c7b;
  width: 30px;
  height: 30px;
  border: 2px solid #013c7b;
  border-radius: 8px;
  padding: 6px;
  margin-right: 5px;
}
@media (max-width: 575.98px) {
  .global-aims-footer .categories .categoriesicons .categoriesmaterialsicons {
    width: 22px;
    height: 22px;
    padding: 2px;
    border-radius: 2px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .global-aims-footer .categories .categoriesicons .categoriesmaterialsicons {
    width: 22px;
    height: 22px;
    padding: 2px;
    border-radius: 3px;
  }
}
.global-aims-footer .categories .categoriesicons .iconTwitter {
  width: 30px;
  height: 30px;
  margin-left: 6px;
}
@media (max-width: 575.98px) {
  .global-aims-footer .categories .categoriesicons .iconTwitter {
    width: 23px;
    height: 23px;
  }
}
.global-aims-footer .categories .categoriesimage .categorieimg {
  align-items: center;
  display: flex;
  padding-top: 20px;
}
.global-aims-footer .categories .categoriesimage .categorieimg .categoriespenicon {
  color: #013c7b;
  width: 30px;
  height: 30px;
  border: 2px solid #013c7b;
  border-radius: 8px;
  padding: 6px;
}
@media (max-width: 575.98px) {
  .global-aims-footer .categories .categoriesimage .categorieimg .categoriespenicon {
    width: 22px;
    height: 22px;
    padding: 4px;
    border-radius: 2px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .global-aims-footer .categories .categoriesimage .categorieimg .categoriespenicon {
    width: 22px;
    height: 22px;
    padding: 2px;
    border-radius: 3px;
  }
}
.global-aims-footer .categories .categoriesimage .categorieimg .categories-google-review {
  color: #013c7b;
  font-size: 16px;
  font-family: "Sf-R";
  padding-left: 10px;
}
@media (max-width: 575.98px) {
  .global-aims-footer .categories .categoriesimage .categorieimg .categories-google-review {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .global-aims-footer .categories .categoriesimage .categorieimg .categories-google-review {
    font-size: 15px;
  }
}
.global-aims-footer .categories .visa .visa-image {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 8px;
}
@media (max-width: 575.98px) {
  .global-aims-footer .categories .visa .visa-image {
    width: 25px;
    height: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .global-aims-footer .categories .visa .visa-image {
    width: 37px;
    height: 40px;
    border-radius: 50%;
  }
}
.global-aims-footer .footeraim .footerglobal {
  color: #272727;
  font-size: 13px;
  font-family: "Sf-R";
  padding-top: 14px;
  padding-left: 10px;
  text-align: center;
}
@media (max-width: 575.98px) {
  .global-aims-footer .footeraim .footerglobal {
    font-size: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .global-aims-footer .footeraim .footerglobal {
    font-size: 12px;
  }
}
.global-aims-footer .footeraim .footerglobal .BrandName {
  color: #013c7b;
  cursor: pointer;
}

.Product-page {
  margin: 40px 0px;
  padding-bottom: 50px;
}
@media (max-width: 575.98px) {
  .Product-page {
    padding-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .Product-page {
    padding-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .Product-page {
    padding-bottom: 30px;
  }
}
.Product-page .inner-Banner-Top {
  width: auto;
  position: relative;
  margin-bottom: 45px;
  height: 60vh;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .Product-page .inner-Banner-Top {
    height: 300px;
    margin-bottom: 35px;
  }
}
@media (max-width: 575.98px) {
  .Product-page .inner-Banner-Top {
    height: 200px;
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .Product-page .inner-Banner-Top {
    height: 200px;
    margin-bottom: 20px;
  }
}
.Product-page .inner-Banner-Top .InnerBanner-images {
  width: 100%;
  height: 110%;
}
.Product-page .inner-Banner-Top .shop-btn {
  background-color: #013c7b;
  position: absolute;
  top: 64%;
  right: 17%;
  border: none;
  height: 45px;
  color: #272727;
  font-size: 16px;
  font-family: Sf-Sb;
  width: 140px;
  border-radius: 6px;
}
.Product-page .MegaDealsBnr .mega-deals-top {
  margin-top: 10px;
  background: #f2f2f2;
  padding: 0px 20px;
}
.Product-page .MegaDealsBnr .mega-deals-top .Mdeal-BnrTop .mdeal-image {
  width: 100%;
  height: auto;
}
.Product-page .MegaDealsBnr .Mdeal-BnrBtm .mdeal-bottomImage {
  width: 100%;
  height: auto;
}

.ModelHead {
  border-radius: 20px !important;
}
.ModelHead .modal-content {
  border-radius: 20px !important;
}
.ModelHead .registration-form .form-register {
  padding: 20px;
  border-radius: 1px;
}
@media (max-width: 575.98px) {
  .ModelHead .registration-form .form-register {
    border-radius: 0px;
    margin: 0px;
  }
}
.ModelHead .registration-form .form-register .closeDiv {
  position: relative;
  cursor: pointer;
}
.ModelHead .registration-form .form-register .closeDiv .closeIocn {
  width: 28px;
  justify-content: end;
  position: absolute;
  right: 0;
}
.ModelHead .registration-form .form-register .registration-head {
  text-align: center;
}
.ModelHead .registration-form .form-register .registration-head .registration-form-head {
  font-size: 20px;
  color: #272727;
  font-family: Sf-Sb;
}
.ModelHead .registration-form .form-register .registration-head .registration-form-para {
  font-size: 16px;
  color: #616161;
  font-family: Sf-R;
}
@media (max-width: 575.98px) {
  .ModelHead .registration-form .form-register .registration-head .registration-form-para {
    font-size: 12px;
  }
}
.ModelHead .registration-form .form-register .register-header .register-number-header {
  margin-top: 20px;
}
.ModelHead .registration-form .form-register .register-header .register-number-header .form-label {
  font-size: 15px;
  color: #272727;
  font-family: Sf-R;
}
@media (max-width: 575.98px) {
  .ModelHead .registration-form .form-register .register-header .register-number-header .form-label {
    font-size: 13px;
  }
}
.ModelHead .registration-form .form-register .register-header .register-number-header .registration-flag {
  display: flex;
  gap: 6px;
}
.ModelHead .registration-form .form-register .register-header .register-number-header .registration-flag .registration-number {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  border-right: 0.5px solid #dfdddd !important;
  border: 1.5px solid #dfdddd;
  border-radius: 3px;
  padding: 1px;
  width: 89px;
  height: auto;
  border-right: none;
}
.ModelHead .registration-form .form-register .register-header .register-number-header .registration-flag .registration-number .dropdown {
  width: 100%;
}
.ModelHead .registration-form .form-register .register-header .register-number-header .registration-flag .registration-number .dropdown .dropdown-flag-button {
  display: flex;
  padding: 4px;
  height: 35px;
  background: none;
  border: none;
  align-items: center;
  width: 100px;
  height: 35px;
}
.ModelHead .registration-form .form-register .register-header .register-number-header .registration-flag .registration-number .dropdown .dropdown-flag-button .registration-img {
  width: 30px;
  height: 25px;
}
.ModelHead .registration-form .form-register .register-header .register-number-header .registration-flag .registration-number .dropdown .dropdown-flag-button .register-number {
  font-size: 15px;
  color: #606060;
  font-family: Sf-R;
  padding-top: 13px;
  padding-left: 5px;
}
@media (max-width: 575.98px) {
  .ModelHead .registration-form .form-register .register-header .register-number-header .registration-flag .registration-number .dropdown .dropdown-flag-button .register-number {
    font-size: 13px;
  }
}
.ModelHead .registration-form .form-register .register-header .register-number-header .registration-flag .registration-number .dropdown .dropdown-menu {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  top: 1px !important;
  overflow-x: hidden !important;
  height: 285px;
  width: 320px;
  overflow: scroll;
  scrollbar-width: thin;
}
.ModelHead .registration-form .form-register .register-header .register-number-header .registration-flag .registration-number .dropdown .dropdown-menu .dropdown-flag-list {
  width: 100%;
  margin: 6px;
  display: flex;
  justify-content: center;
  font-size: 15px;
  color: #707070;
  font-family: Sf-R;
  align-items: center;
}
.ModelHead .registration-form .form-register .register-header .register-number-header .registration-flag .registration-number .dropdown .dropdown-menu .dropdown-flag-list .dropdowninsideimage {
  position: relative;
}
.ModelHead .registration-form .form-register .register-header .register-number-header .registration-flag .registration-number .dropdown .dropdown-menu .dropdown-flag-list .dropdowninsideimage .registration-img {
  width: 20px;
  border-radius: 6px;
  position: absolute;
  right: 11px;
  top: 8px;
}
.ModelHead .registration-form .form-register .register-header .register-number-header .registration-flag .registration-number .dropdown .dropdown-menu .dropdown-flag-list .dropdowninsideimage .form-control {
  font-size: 14px;
  color: #606060;
  font-family: Sf-R;
  border-radius: 3px;
  outline: none;
  box-shadow: none;
  border: 1px solid #dfdddd;
  padding-right: 80px;
  margin-right: -20px;
  padding-left: 15px;
  height: 35px;
  width: 100%;
}
@media (max-width: 575.98px) {
  .ModelHead .registration-form .form-register .register-header .register-number-header .registration-flag .registration-number .dropdown .dropdown-menu .dropdown-flag-list .dropdowninsideimage .form-control {
    font-size: 12px;
  }
}
.ModelHead .registration-form .form-register .register-header .register-number-header .registration-flag .registration-number .dropdown .dropdown-menu .dropdown-flag-list .dropdown-item {
  background: none;
}
.ModelHead .registration-form .form-register .register-header .register-number-header .registration-flag .registration-number .dropdown .dropdown-menu .dropdown-flag-list .dropdown-item .registration-image {
  width: 26px;
  height: 25px;
  cursor: pointer !important;
}
.ModelHead .registration-form .form-register .register-header .register-number-header .registration-flag .registration-number .dropdown .dropdown-menu .dropdown-flag-list .dropdown-item .flag-span {
  padding-left: 10px;
  font-size: 14px;
  cursor: pointer;
  font-family: Sf-R;
}
.ModelHead .registration-form .form-register .register-header .register-number-header .registration-flag .form-control-input {
  font-size: 14px;
  color: #606060;
  border-radius: 3px;
  font-family: Sf-R;
  outline: none;
  box-shadow: none;
  border: 1px solid #dfdddd;
  padding-right: 80px;
  padding-left: 15px;
  height: 40px;
  width: 100%;
}
@media (max-width: 575.98px) {
  .ModelHead .registration-form .form-register .register-header .register-number-header .registration-flag .form-control-input {
    font-size: 12px;
    padding-right: 0px;
  }
}
.ModelHead .registration-form .form-register .register-header .register-number-header .form-text {
  font-size: 14px;
  color: #616161;
  font-family: Sf-R;
}
@media (max-width: 575.98px) {
  .ModelHead .registration-form .form-register .register-header .register-number-header .form-text {
    font-size: 10px;
  }
}
.ModelHead .registration-form .form-register .register-header .register-number-header .form-control-email {
  font-size: 16px;
  color: #606060;
  width: 100%;
  height: 35px;
  border: 1.5px solid #cbcbcb;
  border-radius: 3px;
  box-shadow: none;
}
.ModelHead .registration-form .form-register .register-header .gridPassword {
  display: flex;
  margin-top: 40px;
  justify-content: space-between;
  align-items: center;
}
.ModelHead .registration-form .form-register .register-header .gridPassword .inputPassword {
  width: 55px;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
  height: 55px;
  text-align: center;
  border-radius: 10px;
  font-size: 16px;
  font-family: "Sf-R";
}
@media (max-width: 575.98px) {
  .ModelHead .registration-form .form-register .register-header .gridPassword .inputPassword {
    width: 31px;
    height: 35px;
    border-radius: 4px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .ModelHead .registration-form .form-register .register-header .gridPassword .inputPassword {
    width: 31px;
    height: 35px;
    border-radius: 4px;
  }
}
.ModelHead .registration-form .form-register .register-header .form-check {
  padding-top: 30px;
  padding-left: 0px;
  padding-bottom: 20px;
}
.ModelHead .registration-form .form-register .register-header .form-check .timerLog {
  display: flex;
  justify-content: end;
  font-family: Sf-M;
  color: #e53333;
  font-size: 14px;
}
.ModelHead .registration-form .form-register .register-header .form-check .timerLog.timerRestart {
  color: #616161;
}
.ModelHead .registration-form .form-register .register-header .form-check .privacy-content {
  font-size: 12px;
  color: #616161;
  font-family: Sf-R;
}
@media (max-width: 575.98px) {
  .ModelHead .registration-form .form-register .register-header .form-check .privacy-content {
    font-size: 12px;
  }
}
.ModelHead .registration-form .form-register .register-header .form-check .privacy-content .privacy-policy {
  font-size: 14px;
  color: #013c7b;
  font-family: Sf-R;
  cursor: pointer;
}
@media (max-width: 575.98px) {
  .ModelHead .registration-form .form-register .register-header .form-check .privacy-content .privacy-policy {
    font-size: 12px;
  }
}
.ModelHead .registration-form .form-register .register-header .an-account {
  text-align: center;
  padding-top: 20px;
}
.ModelHead .registration-form .form-register .register-header .an-account .account-login {
  color: #272727;
  font-size: 16px;
  font-family: Sf-R;
}
@media (max-width: 575.98px) {
  .ModelHead .registration-form .form-register .register-header .an-account .account-login {
    font-size: 12px;
  }
}
.ModelHead .registration-form .form-register .register-header .an-account .account-login .again-login {
  color: #013c7b;
  font-size: 16px;
  font-family: Sf-R;
  padding-left: 5px;
}
@media (max-width: 575.98px) {
  .ModelHead .registration-form .form-register .register-header .an-account .account-login .again-login {
    font-size: 12px;
  }
}
.ModelHead .registration-form .form-register .register-header .submit-button {
  text-align: center;
  border: none;
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ModelHead .registration-form .form-register .register-header .submit-button .register-btn {
  width: 90%;
  height: 40px;
  font-size: 16px;
  color: #fff;
  font-family: Quicksand-SB;
  background: #013c7b;
  border-radius: 5px;
  outline: none;
  box-shadow: none;
}
@media (max-width: 575.98px) {
  .ModelHead .registration-form .form-register .register-header .submit-button .register-btn {
    font-size: 14px;
  }
}
.ModelHead .registration-form .form-register .register-header .login_st {
  font-size: 14px;
  font-family: Sf-R;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ModelHead .registration-form .form-register .register-header .SocialLogin {
  display: flex;
  padding: 0;
  margin: 0;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.ModelHead .registration-form .form-register .register-header .SocialLogin .loginGoogle {
  border: none;
  background-color: transparent;
}
.ModelHead .registration-form .form-register .register-header .SocialLogin .loginGoogle .socialImg {
  width: 35px;
}
.ModelHead .registration-form .form-register .register-header .SocialLogin .loginGoogle .socialImgFb {
  width: 42px;
}

.review-modal-top .revieww-title {
  font-size: 18px;
  color: #000000;
  font-family: Sf-R;
}
.review-modal-top .star {
  font-size: 24px; /* Adjust size as needed */
  color: #757575; /* Default color */
  cursor: pointer;
  transition: color 0.2s ease-in-out; /* Smooth transition */
}
.review-modal-top .star.hovered,
.review-modal-top .star:hover {
  color: #013c7b; /* Hovered color */
}
.review-modal-top .star.filled {
  color: #ffc107; /* Selected color */
}
.review-modal-top .star.half-filled:before {
  content: "★"; /* Unicode for star */
  position: absolute;
  overflow: hidden;
  width: 50%;
  color: inherit; /* Inherit color from parent */
}
.review-modal-top .add-review .noplaced {
  color: #000000;
  font-family: Sf-R;
  text-align: center;
}
.review-modal-top .add-review .item-Title {
  font-size: 20px;
  font-family: Sf-R;
  color: #000000;
  margin: 0;
}
.review-modal-top .add-review .addfristreview {
  font-size: 19px;
  color: #000000;
  font-family: Sf-R;
}
@media (max-width: 575.98px) {
  .review-modal-top .add-review .addfristreview {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .review-modal-top .add-review .addfristreview {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .review-modal-top .add-review .addfristreview {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .review-modal-top .add-review .addfristreview {
    font-size: 22px;
  }
}
.review-modal-top .add-review .addfristreviewpara {
  font-size: 18px;
  color: #000000;
  font-family: "SF-L";
}
@media (max-width: 575.98px) {
  .review-modal-top .add-review .addfristreviewpara {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .review-modal-top .add-review .addfristreviewpara {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .review-modal-top .add-review .addfristreviewpara {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .review-modal-top .add-review .addfristreviewpara {
    font-size: 18px;
  }
}
.review-modal-top .add-review .addreviewstars {
  margin-bottom: 10px;
}
.review-modal-top .add-review .text-input {
  background-color: #f3f3f3;
  border: none;
  height: 37px;
  font-family: "SF-R";
  font-size: 16px;
  color: #000000;
}
.review-modal-top .add-review .text-input::-moz-placeholder {
  color: #000000;
}
.review-modal-top .add-review .text-input::placeholder {
  color: #000000;
}
.review-modal-top .add-review .textt-box {
  background-color: #f3f3f3;
  border: none;
  height: 150px;
  font-family: "SF-R";
  font-size: 16px;
  color: #000000;
}
.review-modal-top .add-review .textt-box::-moz-placeholder {
  color: #000000;
}
.review-modal-top .add-review .textt-box::placeholder {
  color: #000000;
}
.review-modal-top .add-review .submit-button {
  color: #fff;
  border: none;
  font-size: 18px;
  width: 250px;
  height: 45px;
  background: #013c7b;
  border-radius: 5px;
  font-family: Sf-R;
  outline: none;
  display: flex;
  text-align: center;
  align-items: center;
  margin: auto;
  justify-content: center;
}
.review-modal-top .add-review .details .reviewdetails {
  padding-bottom: 30px;
}
@media (max-width: 575.98px) {
  .review-modal-top .add-review .details .reviewdetails {
    padding-bottom: 20px;
  }
}
.review-modal-top .add-review .details .reviewdetails .reviewdetailsname {
  font-size: 19px;
  font-family: "SF-R";
  color: #000000;
  width: 100%;
  height: 45px;
  background: #f3f3f3;
  outline: none;
  border: none;
  border-radius: 10px;
  padding-left: 20px;
}
@media (max-width: 575.98px) {
  .review-modal-top .add-review .details .reviewdetails .reviewdetailsname {
    font-size: 15px;
    height: 35px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .review-modal-top .add-review .details .reviewdetails .reviewdetailsname {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .review-modal-top .add-review .details .reviewdetails .reviewdetailsname {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .review-modal-top .add-review .details .reviewdetails .reviewdetailsname {
    font-size: 18px;
  }
}
.review-modal-top .add-review .details .reviewDescribedetails .Describedetails {
  font-size: 19px;
  color: #000000;
  width: 100%;
  font-family: "SF-R";
  height: 45px;
  background: #f3f3f3;
  outline: none;
  border: none;
  border-radius: 10px;
  padding-left: 20px;
}
@media (max-width: 575.98px) {
  .review-modal-top .add-review .details .reviewDescribedetails .Describedetails {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .review-modal-top .add-review .details .reviewDescribedetails .Describedetails {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .review-modal-top .add-review .details .reviewDescribedetails .Describedetails {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .review-modal-top .add-review .details .reviewDescribedetails .Describedetails {
    font-size: 18px;
  }
}
.review-modal-top .add-review .details .reviewDescribedetails .Describedetails {
  font-size: 19px;
  color: #000000;
  font-family: "SF-R";
  width: 100%;
  height: 228px;
  background: #f3f3f3;
  outline: none;
  border: none;
  border-radius: 10px;
  padding-left: 20px;
  padding-bottom: 175px;
}
@media (max-width: 575.98px) {
  .review-modal-top .add-review .details .reviewDescribedetails .Describedetails {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .review-modal-top .add-review .details .reviewDescribedetails .Describedetails {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .review-modal-top .add-review .details .reviewDescribedetails .Describedetails {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .review-modal-top .add-review .details .reviewDescribedetails .Describedetails {
    font-size: 18px;
  }
}
.review-modal-top .add-review .details .reviewuploadimage {
  margin-top: 30px;
  position: relative;
}
.review-modal-top .add-review .details .reviewuploadimage .uploadimage {
  width: 207px;
  height: 45px;
  font-size: 19px;
  color: #000000;
  background: #f3f3f3;
  outline: none;
  border: none;
  border-radius: 10px;
  font-family: "SF-R";
  text-align: center;
}
@media (max-width: 575.98px) {
  .review-modal-top .add-review .details .reviewuploadimage .uploadimage {
    font-size: 15px;
    height: 35px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .review-modal-top .add-review .details .reviewuploadimage .uploadimage {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .review-modal-top .add-review .details .reviewuploadimage .uploadimage {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .review-modal-top .add-review .details .reviewuploadimage .uploadimage {
    font-size: 18px;
  }
}
.review-modal-top .add-review .details .reviewuploadimage .upload-arrow {
  position: absolute;
  left: 20px;
  top: 13px;
}
@media (max-width: 575.98px) {
  .review-modal-top .add-review .details .reviewuploadimage .upload-arrow {
    top: 9px;
  }
}
.review-modal-top .add-review .customBtnForFile .buttonsUpload {
  background-color: #f3f3f3;
  border: none;
  padding: 10px 20px;
  font-family: "SF-R";
  margin-bottom: 15px;
  border-radius: 5px;
}
.review-modal-top .add-review .customBtnForFile .buttonsUpload .uploadIcons {
  width: 19px;
  /* padding: 3px; */
  margin-right: 10px;
}
.review-modal-top .submit-review {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  margin-top: 49px;
}
@media (max-width: 575.98px) {
  .review-modal-top .submit-review {
    margin-bottom: 10px;
    margin-top: 25px;
  }
}
.review-modal-top .submit-review .submit-reviewbutton {
  color: #ffffff;
  font-size: 18px;
  width: 309px;
  height: 45px;
  background: #013c7b;
  border-radius: 5px;
  font-family: "SF-Pro-Display-Medium";
  outline: none;
}
@media (max-width: 575.98px) {
  .review-modal-top .submit-review .submit-reviewbutton {
    font-size: 15px;
    height: 35px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .review-modal-top .submit-review .submit-reviewbutton {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .review-modal-top .submit-review .submit-reviewbutton {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .review-modal-top .submit-review .submit-reviewbutton {
    font-size: 18px;
  }
}

.wishlist-page-top {
  min-height: 80vh;
  padding: 60px 0px;
}
.wishlist-page-top .wishlist-title {
  font-size: 15px;
  margin-bottom: 15px;
  font-family: Sf-R;
  cursor: pointer;
}
.wishlist-page-top .emptylist {
  font-family: Sf-R;
  font-size: 14px;
}

.products-data-top {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 575.98px) {
  .products-data-top {
    justify-content: space-between;
  }
}
.products-data-top .products-data-top-inside {
  flex-basis: 18%;
  max-width: 18%;
  margin-bottom: 28px;
}
@media (max-width: 575.98px) {
  .products-data-top .products-data-top-inside {
    flex-basis: 100%;
    max-width: 48%;
  }
}
.products-data-top .products-data-top-inside .product-card {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.products-data-top .products-data-top-inside .product-card .card-top {
  background: #fff;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 10px 10px 0px 0px !important;
}
.products-data-top .products-data-top-inside .product-card .card-top .productImg-top {
  width: 100%;
  height: auto;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .products-data-top .products-data-top-inside .product-card .card-top .productImg-top {
    height: 130px;
  }
}
.products-data-top .products-data-top-inside .product-card .card-top .productImg-top .product-cardImage {
  width: 100%;
  padding: 12px;
  mix-blend-mode: darken;
  height: 100%;
  cursor: pointer;
  border-radius: 10px 10px 0px 0px !important;
}
.products-data-top .products-data-top-inside .product-card .card-top .DiscoutBox {
  width: 40px;
  height: 40px;
  background-color: red;
  position: absolute;
  left: 7px;
  top: 10px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.products-data-top .products-data-top-inside .product-card .card-top .DiscoutBox .dicsoutnNu {
  color: #fff;
  font-family: Sf-R;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 10px;
}
.products-data-top .products-data-top-inside .product-card .card-top .wishlist-icon {
  position: absolute;
  height: 22px;
  width: 25px;
  top: 10px;
  color: #03284f;
  cursor: pointer !important;
  right: 6px;
}
.products-data-top .products-data-top-inside .product-card .product-body {
  padding: 8px 11px 11px 11px;
}
.products-data-top .products-data-top-inside .product-card .product-body .item-title {
  color: #000000;
  font-size: 12px;
  cursor: pointer;
  font-family: Sf-R;
  margin-bottom: 0px;
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* Number of lines to show */
  -webkit-box-orient: vertical;
}
.products-data-top .products-data-top-inside .product-card .product-body .item-title:hover {
  color: #414656;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .products-data-top .products-data-top-inside .product-card .product-body .item-title {
    font-size: 11px;
  }
}
@media (max-width: 575.98px) {
  .products-data-top .products-data-top-inside .product-card .product-body .item-title {
    height: 35px;
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .products-data-top .products-data-top-inside .product-card .product-body .item-title {
    height: 35px;
    font-size: 11px;
  }
}
.products-data-top .products-data-top-inside .product-card .product-body .item-review .starss {
  font-size: 22px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .products-data-top .products-data-top-inside .product-card .product-body .item-review .starss {
    font-size: 18px;
  }
}
.products-data-top .products-data-top-inside .product-card .product-body .item-review .custemer-rivew {
  font-family: Sf-R;
  color: #03284f;
  font-size: 13px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .products-data-top .products-data-top-inside .product-card .product-body .item-review .custemer-rivew {
    font-size: 11px;
  }
}
.products-data-top .products-data-top-inside .product-card .product-body .item-price {
  color: #03284f;
  font-size: 16px;
  font-family: Sf-M;
  margin-bottom: 7px;
  padding-top: 10px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .products-data-top .products-data-top-inside .product-card .product-body .item-price {
    font-size: 11px;
  }
}
@media (max-width: 575.98px) {
  .products-data-top .products-data-top-inside .product-card .product-body .item-price {
    font-size: 12px;
  }
}
.products-data-top .products-data-top-inside .product-card .product-body .add-cart {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  width: 100%;
  color: #000;
  font-size: 12px;
  height: 40px;
  font-family: Sf-R;
  border-radius: 5px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .products-data-top .products-data-top-inside .product-card .product-body .add-cart {
    font-size: 11px;
    height: 30px;
  }
}
@media (max-width: 575.98px) {
  .products-data-top .products-data-top-inside .product-card .product-body .add-cart {
    font-size: 11px;
    height: 30px;
  }
}
.products-data-top .products-data-top-inside .product-card .product-body .add-cart .bag-icon {
  height: 16px;
  width: auto;
  margin-right: 5px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .products-data-top .products-data-top-inside .product-card .product-body .add-cart .bag-icon {
    height: 14px;
  }
}
@media (max-width: 575.98px) {
  .products-data-top .products-data-top-inside .product-card .product-body .add-cart .bag-icon {
    height: 14px;
  }
}

.cart-Itemlists {
  width: 100%;
}
.cart-Itemlists .cart-lists-body .cartNameTItle {
  display: flex;
  list-style-type: none;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  padding-bottom: 30px;
}
.cart-Itemlists .cart-lists-body .cartNameTItle .cartTitle {
  font-family: "Sf-M";
}
.cart-Itemlists .cart-lists-body .cartNameTItle .closeIcons {
  width: 26px;
  background: #878787;
  padding: 7px;
  border-radius: 9px;
}
.cart-Itemlists .cart-lists-body .total-prices {
  display: flex;
  justify-content: center;
  font-size: 15px;
  font-family: "SF-R";
}
.cart-Itemlists .cart-lists-body .items-below {
  display: flex;
  padding-bottom: 13px;
  border-bottom: 1px solid #f6f6f6;
}
.cart-Itemlists .cart-lists-body .items-below .Itemimage-left {
  height: 125px;
  width: 110px;
}
@media (max-width: 575.98px) {
  .cart-Itemlists .cart-lists-body .items-below .Itemimage-left {
    height: 111px;
    width: 100px;
  }
}
.cart-Itemlists .cart-lists-body .items-below .Itemimage-left .cart-item-imag {
  width: 100%;
  height: 100%;
  cursor: pointer;
  -o-object-fit: contain;
     object-fit: contain;
}
.cart-Itemlists .cart-lists-body .items-below .rightItem-content {
  margin-left: 15px;
}
.cart-Itemlists .cart-lists-body .items-below .rightItem-content .cart-ItemTitle {
  font-size: 14px;
  font-family: "SF-R";
  margin-bottom: 10px;
}
.cart-Itemlists .cart-lists-body .items-below .rightItem-content .cart-ItemTitle:hover {
  color: #013c7b;
  cursor: pointer;
}
@media (max-width: 575.98px) {
  .cart-Itemlists .cart-lists-body .items-below .rightItem-content .cart-ItemTitle {
    font-size: 14px;
  }
}
.cart-Itemlists .cart-lists-body .items-below .rightItem-content .price {
  font-size: 13px;
  font-family: "SF-R";
  margin-bottom: 2px;
  color: #606060;
  color: #282c3f;
}
.cart-Itemlists .cart-lists-body .items-below .rightItem-content .Cartiteem-price {
  font-size: 18px;
  font-family: "SF-M";
  margin-bottom: 2px;
  color: #272727;
}
@media (max-width: 575.98px) {
  .cart-Itemlists .cart-lists-body .items-below .rightItem-content .Cartiteem-price {
    font-size: 16px;
  }
}
.cart-Itemlists .cart-lists-body .items-below .rightItem-content .remove-increment {
  display: flex;
  justify-content: space-between;
}
.cart-Itemlists .cart-lists-body .items-below .rightItem-content .remove-increment .left-increment {
  font-family: "SF-M";
  display: flex;
  align-items: center;
  gap: 13px;
}
.cart-Itemlists .cart-lists-body .items-below .rightItem-content .remove-increment .left-increment .minusIcons {
  width: 16px;
}
.cart-Itemlists .cart-lists-body .items-below .rightItem-content .remove-increment .left-increment .PlusIcons {
  width: 13px;
}
.cart-Itemlists .cart-lists-body .items-below .rightItem-content .remove-increment .left-increment .addSubtract-btn {
  background-color: transparent;
  border: none;
  font-family: "SF-R";
  font-size: 15px;
}
.cart-Itemlists .cart-lists-body .items-below .rightItem-content .remove-increment .left-increment .addSubtract-btn .deleteIcons {
  color: #272727;
}
.cart-Itemlists .cart-lists-body .items-below .rightItem-content .remove-increment .left-increment .numer-of {
  font-size: 14px;
  font-family: "SF-R";
  margin: 0px 5px;
}
.cart-Itemlists .cart-lists-body .items-below .rightItem-content .remove-increment .right-remove .rmove-btn {
  font-family: "SF-M";
  background-color: transparent;
  border: none;
  color: #03284f;
  font-size: 13px;
}
.cart-Itemlists .cart-lists-body .items-below .rightItem-content .remove-increment .right-remove .rmove-btn .IconsImgsDelete {
  width: 20px;
}
@media (max-width: 575.98px) {
  .cart-Itemlists .cart-lists-body .items-below .rightItem-content .remove-increment .right-remove .rmove-btn {
    font-size: 12px;
  }
}
.cart-Itemlists .cart-lists-body .buttonsCart {
  display: flex;
  justify-content: center;
}
.cart-Itemlists .cart-lists-body .buttonsCart .viewCrt-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 210px;
  height: 44px;
  color: #fff;
  font-size: 15px;
  border-radius: 5px;
  background: #013c7b;
  font-family: "SF-M";
  border: none;
  margin-left: 20px;
  margin: auto;
  position: absolute;
  bottom: 22px;
}

.shipping-address {
  background-color: #fcfcfc;
  padding: 20px 0px;
}
.shipping-address .HomeNavigation {
  font-family: "SF-R";
  font-size: 16px;
}
.shipping-address .HomeNavigation .navTOnext {
  cursor: pointer;
}
.shipping-address .purchase-address .purchase-top-line {
  color: #272727;
  font-size: 16px;
  font-family: "SF-R";
  padding-bottom: 10px;
}
@media (max-width: 575.98px) {
  .shipping-address .purchase-address .purchase-top-line {
    font-size: 14px;
    padding-bottom: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .shipping-address .purchase-address .purchase-top-line {
    font-size: 14px;
    padding-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shipping-address .purchase-address .purchase-top-line {
    font-size: 15px;
    padding-bottom: 10px;
  }
}
.shipping-address .purchase-address .purchase-top-line .top-line {
  color: #03284f;
  font-family: "SF-R";
  padding-left: 5px;
}
.shipping-address .purchase-address .andriod-folding {
  margin-bottom: 20px;
  border-bottom: 1px solid #f6f6f6;
  padding-bottom: 20px;
  margin-top: 30px;
}
@media (max-width: 575.98px) {
  .shipping-address .purchase-address .andriod-folding {
    display: flex;
    margin-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .shipping-address .purchase-address .andriod-folding {
    display: flex;
    margin-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shipping-address .purchase-address .andriod-folding {
    display: block;
    margin-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
}
.shipping-address .purchase-address .andriod-folding .folding-image-line {
  display: flex;
  justify-content: space-between;
}
.shipping-address .purchase-address .andriod-folding .folding-image-line .image-leftt {
  height: 70px;
  width: 70px;
}
@media (max-width: 575.98px) {
  .shipping-address .purchase-address .andriod-folding .folding-image-line .image-leftt {
    height: 60px;
    width: 60px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .shipping-address .purchase-address .andriod-folding .folding-image-line .image-leftt {
    height: 99px;
    width: 89px;
  }
}
.shipping-address .purchase-address .andriod-folding .folding-image-line .image-leftt .andriod-img {
  width: 100%;
  cursor: pointer;
  height: 100%;
}
.shipping-address .purchase-address .andriod-folding .folding-image-line .andriod-folding-para {
  padding-left: 20px;
  position: relative;
  width: 100%;
}
.shipping-address .purchase-address .andriod-folding .folding-image-line .andriod-folding-para .folding-line {
  font-size: 14px;
  color: #000000;
  font-family: "SF-R";
  padding-bottom: 6px;
}
.shipping-address .purchase-address .andriod-folding .folding-image-line .andriod-folding-para .folding-line:hover {
  color: #000000;
  cursor: pointer;
}
@media (max-width: 575.98px) {
  .shipping-address .purchase-address .andriod-folding .folding-image-line .andriod-folding-para .folding-line {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .shipping-address .purchase-address .andriod-folding .folding-image-line .andriod-folding-para .folding-line {
    font-size: 13px;
  }
}
.shipping-address .purchase-address .andriod-folding .folding-image-line .andriod-folding-para .folding-cost {
  font-size: 16px;
  color: #272727;
  font-family: "SF-M";
  margin-bottom: 0px;
  position: absolute;
  bottom: 0;
}
@media (max-width: 575.98px) {
  .shipping-address .purchase-address .andriod-folding .folding-image-line .andriod-folding-para .folding-cost {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .shipping-address .purchase-address .andriod-folding .folding-image-line .andriod-folding-para .folding-cost {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shipping-address .purchase-address .andriod-folding .folding-image-line .andriod-folding-para .folding-cost {
    font-size: 15px;
  }
}
.shipping-address .purchase-address .andriod-folding .folding-cost-button {
  display: flex;
  justify-content: end;
  align-items: center;
}
.shipping-address .purchase-address .andriod-folding .folding-cost-button .IconsImgsDelete {
  width: 20px;
}
@media (max-width: 575.98px) {
  .shipping-address .purchase-address .andriod-folding .folding-cost-button {
    justify-content: space-between;
    margin-top: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .shipping-address .purchase-address .andriod-folding .folding-cost-button {
    justify-content: space-between;
    margin-top: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shipping-address .purchase-address .andriod-folding .folding-cost-button {
    justify-content: space-between;
    margin-top: 10px;
  }
}
.shipping-address .purchase-address .andriod-folding .folding-cost-button .folding-grid {
  border: 1px solid #707070;
  padding: 5px;
  border-radius: 5px;
  margin-right: 15px;
  font-size: 14px;
  font-family: "SF-M";
}
@media (max-width: 575.98px) {
  .shipping-address .purchase-address .andriod-folding .folding-cost-button .folding-grid {
    padding: 2px 5px;
  }
}
.shipping-address .purchase-address .andriod-folding .folding-cost-button .folding-grid .deleteIcons {
  color: #272727;
}
.shipping-address .purchase-address .andriod-folding .folding-cost-button .folding-grid .IconsImgsDelete {
  width: 20px;
}
.shipping-address .purchase-address .andriod-folding .folding-cost-button .foldng-grid-cost {
  color: #272727;
  font-size: 18px;
  font-family: "SF-M";
  margin-top: 15px;
}
@media (max-width: 575.98px) {
  .shipping-address .purchase-address .andriod-folding .folding-cost-button .foldng-grid-cost {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .shipping-address .purchase-address .andriod-folding .folding-cost-button .foldng-grid-cost {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shipping-address .purchase-address .andriod-folding .folding-cost-button .foldng-grid-cost {
    font-size: 15px;
  }
}
.shipping-address .purchase-address .andriod-folding .folding-cost-button .folding-button {
  color: #272727;
  font-size: 13px;
  border: none;
  background: none;
  font-family: "SF-M";
}
.shipping-address .purchase-address .andriod-folding .outOfStock {
  color: #e83136;
  font-family: "SF-M";
}
.shipping-address .continue-shopping .orderSummury {
  color: #000000;
  font-family: "SF-R";
  margin: 0;
  padding-bottom: 6px;
}
.shipping-address .continue-shopping .shipping-simbol {
  padding-bottom: 10px;
  align-items: center;
  text-align: end;
  padding-right: 10px;
}
@media (max-width: 575.98px) {
  .shipping-address .continue-shopping .shipping-simbol {
    padding-bottom: 20px;
    margin-top: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .shipping-address .continue-shopping .shipping-simbol {
    padding-bottom: 20px;
    margin-top: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shipping-address .continue-shopping .shipping-simbol {
    padding-bottom: 20px;
    margin-top: 0px;
  }
}
.shipping-address .continue-shopping .shipping-simbol .shipping-goto-page {
  font-size: 16px;
  color: #013c7b;
  cursor: pointer !important;
  font-family: "SF-R";
  border-bottom: 5px;
  text-decoration: none;
}
@media (max-width: 575.98px) {
  .shipping-address .continue-shopping .shipping-simbol .shipping-goto-page {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .shipping-address .continue-shopping .shipping-simbol .shipping-goto-page {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shipping-address .continue-shopping .shipping-simbol .shipping-goto-page {
    font-size: 16px;
  }
}
.shipping-address .continue-shopping .shipping-simbol .shipping-goto-page .right-arrow-page {
  margin-left: 5px;
  width: 10px;
}
.shipping-address .continue-shopping .cart-totals {
  background: #ffffff;
  border-radius: 15px;
  padding: 15px;
  border: 0.5px solid #efefef;
}
.shipping-address .continue-shopping .cart-totals .cart-heading {
  color: #272727;
  font-size: 20px;
  font-family: "SF-M";
  padding-bottom: 20px;
}
@media (max-width: 575.98px) {
  .shipping-address .continue-shopping .cart-totals .cart-heading {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .shipping-address .continue-shopping .cart-totals .cart-heading {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shipping-address .continue-shopping .cart-totals .cart-heading {
    font-size: 19px;
  }
}
.shipping-address .continue-shopping .cart-totals .subtotal {
  display: flex;
  justify-content: space-between;
}
.shipping-address .continue-shopping .cart-totals .subtotal.subtotalLine {
  border-bottom: 1px solid #d2cfcf;
}
.shipping-address .continue-shopping .cart-totals .subtotal.subtotalLineNew {
  margin-top: 14px;
}
.shipping-address .continue-shopping .cart-totals .subtotal .subtotal-line {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #272727;
  font-family: "SF-R";
}
@media (max-width: 575.98px) {
  .shipping-address .continue-shopping .cart-totals .subtotal .subtotal-line {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .shipping-address .continue-shopping .cart-totals .subtotal .subtotal-line {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shipping-address .continue-shopping .cart-totals .subtotal .subtotal-line {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .shipping-address .continue-shopping .cart-totals .subtotal .subtotal-line {
    font-size: 18px;
  }
}
.shipping-address .continue-shopping .cart-totals .subtotal .subtotal-cost {
  color: #272727;
  font-size: 14px;
  font-family: "SF-M";
}
@media (max-width: 575.98px) {
  .shipping-address .continue-shopping .cart-totals .subtotal .subtotal-cost {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .shipping-address .continue-shopping .cart-totals .subtotal .subtotal-cost {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shipping-address .continue-shopping .cart-totals .subtotal .subtotal-cost {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .shipping-address .continue-shopping .cart-totals .subtotal .subtotal-cost {
    font-size: 19px;
  }
}
.shipping-address .continue-shopping .cart-totals .change-address {
  padding-bottom: 15px;
  align-items: center;
}
@media (max-width: 575.98px) {
  .shipping-address .continue-shopping .cart-totals .change-address {
    padding-bottom: 10px;
  }
}
.shipping-address .continue-shopping .cart-totals .change-address .change-address-page {
  font-size: 14px;
  color: #013c7b;
  font-family: "SF-R";
  text-decoration: none;
  border-bottom: 5px;
}
@media (max-width: 575.98px) {
  .shipping-address .continue-shopping .cart-totals .change-address .change-address-page {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .shipping-address .continue-shopping .cart-totals .change-address .change-address-page {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shipping-address .continue-shopping .cart-totals .change-address .change-address-page {
    font-size: 14px;
  }
}
.shipping-address .continue-shopping .cart-totals .change-address .change-address-page .right-arrow-page {
  margin-left: 5px;
  width: 10px;
}
.shipping-address .continue-shopping .cart-totals .select-address {
  padding-bottom: 10px;
  margin-right: 110px;
}
@media (max-width: 575.98px) {
  .shipping-address .continue-shopping .cart-totals .select-address {
    padding-bottom: 10px;
    margin-right: 0px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .shipping-address .continue-shopping .cart-totals .select-address {
    padding-bottom: 20px;
    margin-right: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shipping-address .continue-shopping .cart-totals .select-address {
    padding-bottom: 20px;
    margin-right: 0px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .shipping-address .continue-shopping .cart-totals .select-address {
    margin-right: 0px;
  }
}
.shipping-address .continue-shopping .cart-totals .select-address .select-address-info {
  font-size: 16px;
  color: #616161;
  font-family: "SF-R";
  background-color: #ffffff;
  border: none;
  outline: none;
  width: 100%;
  height: 40px;
  padding-left: 10px;
}
@media (max-width: 575.98px) {
  .shipping-address .continue-shopping .cart-totals .select-address .select-address-info {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .shipping-address .continue-shopping .cart-totals .select-address .select-address-info {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shipping-address .continue-shopping .cart-totals .select-address .select-address-info {
    font-size: 16px;
  }
}
.shipping-address .continue-shopping .cart-totals .select-address .select-address-info .select-address-options {
  font-size: 16px;
  color: #616161;
  font-family: "SF-R";
}
@media (max-width: 575.98px) {
  .shipping-address .continue-shopping .cart-totals .select-address .select-address-info .select-address-options {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .shipping-address .continue-shopping .cart-totals .select-address .select-address-info .select-address-options {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shipping-address .continue-shopping .cart-totals .select-address .select-address-info .select-address-options {
    font-size: 16px;
  }
}
.shipping-address .continue-shopping .cart-totals .update-button {
  width: 180px;
  height: 45px;
  color: #ffffff;
  background: #013c7b;
  border: none;
  font-size: 16px;
  font-family: "SF-M";
  border-radius: 5px;
}
@media (max-width: 575.98px) {
  .shipping-address .continue-shopping .cart-totals .update-button {
    font-size: 14px;
    height: 35px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .shipping-address .continue-shopping .cart-totals .update-button {
    font-size: 16px;
    height: 35px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shipping-address .continue-shopping .cart-totals .update-button {
    font-size: 16px;
    height: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .shipping-address .continue-shopping .cart-totals .update-button {
    font-size: 16px;
    height: 40px;
  }
}
.shipping-address .continue-shopping .cart-totals .total-inclusive {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.shipping-address .continue-shopping .cart-totals .total-inclusive .inclusive {
  font-size: 16px;
  color: #272727;
  font-family: "SF-R";
}
@media (max-width: 575.98px) {
  .shipping-address .continue-shopping .cart-totals .total-inclusive .inclusive {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shipping-address .continue-shopping .cart-totals .total-inclusive .inclusive {
    font-size: 14px;
  }
}
.shipping-address .continue-shopping .cart-totals .total-inclusive .inclusive-cost {
  font-size: 16px;
  color: #03284f;
  font-family: "SF-M";
}
@media (max-width: 575.98px) {
  .shipping-address .continue-shopping .cart-totals .total-inclusive .inclusive-cost {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shipping-address .continue-shopping .cart-totals .total-inclusive .inclusive-cost {
    font-size: 14px;
  }
}
.shipping-address .continue-shopping .cart-totals .proceed-button {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.shipping-address .continue-shopping .cart-totals .proceed-button .proceed-checkout-button {
  width: 400px;
  height: 45px;
  color: #fff;
  border: none;
  background: #013c7b;
  font-size: 16px;
  font-family: "SF-M";
  border-radius: 5px;
}
@media (max-width: 575.98px) {
  .shipping-address .continue-shopping .cart-totals .proceed-button .proceed-checkout-button {
    font-size: 14px;
    height: 35px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .shipping-address .continue-shopping .cart-totals .proceed-button .proceed-checkout-button {
    font-size: 14px;
    height: 35px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shipping-address .continue-shopping .cart-totals .proceed-button .proceed-checkout-button {
    font-size: 16px;
    height: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .shipping-address .continue-shopping .cart-totals .proceed-button .proceed-checkout-button {
    font-size: 16px;
    height: 40px;
  }
}
.shipping-address .continue-shopping .cart-totals .proceed-button .proceed-checkout-buttons {
  width: 400px;
  height: 45px;
  color: #ffffff;
  border: none;
  background: #c5c9c9;
  font-size: 16px;
  font-family: "SF-M";
  border-radius: 5px;
}
@media (max-width: 575.98px) {
  .shipping-address .continue-shopping .cart-totals .proceed-button .proceed-checkout-buttons {
    font-size: 14px;
    height: 35px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .shipping-address .continue-shopping .cart-totals .proceed-button .proceed-checkout-buttons {
    font-size: 14px;
    height: 35px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shipping-address .continue-shopping .cart-totals .proceed-button .proceed-checkout-buttons {
    font-size: 16px;
    height: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .shipping-address .continue-shopping .cart-totals .proceed-button .proceed-checkout-buttons {
    font-size: 16px;
    height: 40px;
  }
}

.payement-page {
  background: #fcfcfc;
  width: 100%;
  height: auto;
  min-height: 100vh;
}
.payement-page .modal-bodyy {
  padding: 20px 0px;
}
.payement-page .modal-bodyy .checkout {
  font-size: 16px;
  font-family: SF-R;
  margin-bottom: 12px;
  color: #606060;
  cursor: pointer;
}
.payement-page .modal-bodyy .checkout .active-page {
  color: #272727 !important;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .payement-page .modal-bodyy .checkout {
    font-size: 14px;
  }
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .checkout {
    font-size: 14px;
  }
}
.payement-page .modal-bodyy .purchase-top-line {
  color: #272727;
  font-size: 16px;
  font-family: SF-R;
  margin-bottom: 8px;
}
.payement-page .modal-bodyy .purchase-top-line .top-line {
  color: #03284f;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .payement-page .modal-bodyy .purchase-top-line {
    font-size: 14px;
    margin-bottom: 0px;
  }
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .purchase-top-line {
    font-size: 14px;
    margin-bottom: 0px;
  }
}
.payement-page .modal-bodyy .left-contact-foorm {
  margin-right: 45px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .payement-page .modal-bodyy .left-contact-foorm {
    margin-right: 10px;
  }
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .left-contact-foorm {
    margin-right: 0px;
    width: auto;
    margin: auto;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .payement-page .modal-bodyy .left-contact-foorm {
    margin-right: 0px;
    width: 70%;
    margin: auto;
  }
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box {
  padding: 20px 0px;
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box {
    padding: 14px 0px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box {
    padding: 14px 0px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box {
    padding: 14px 0px;
  }
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .contct-loginBelow {
  display: flex;
  justify-content: space-between;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .contct-loginBelow .adress-titlees {
  color: #161616;
  font-size: 16px;
  font-family: Poppins-Medium;
  margin-bottom: 15px;
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box .contct-loginBelow .adress-titlees {
    font-size: 13px;
    margin-bottom: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box .contct-loginBelow .adress-titlees {
    font-size: 13px;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box .contct-loginBelow .adress-titlees {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .contct-loginBelow .have-accnt {
  color: #606060;
  font-size: 16px;
  font-family: Poppins-Medium;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box .contct-loginBelow .have-accnt {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box .contct-loginBelow .have-accnt {
    font-size: 13px;
    margin-bottom: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box .contct-loginBelow .have-accnt {
    font-size: 13px;
    margin-bottom: 10px;
  }
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .contct-loginBelow .have-accnt .login-liinkk {
  color: #000000 !important;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .form-label {
  font-size: 15px;
  color: #272727;
  font-family: "SF-R";
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .form-label {
    font-size: 13px;
  }
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .registration-flag {
  display: flex;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .registration-flag .registration-number {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  border: 1.5px solid #cbcbcb;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  padding: 1px;
  width: 89px;
  height: auto;
  border-right: none;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .registration-flag .registration-number .numberBox-top {
  width: 100%;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .registration-flag .registration-number .numberBox-top .dropdown-flag-button {
  display: flex;
  padding: 4px;
  height: 35px;
  background: none;
  border: none;
  align-items: center;
  width: auto;
  height: 35px;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .registration-flag .registration-number .numberBox-top .dropdown-flag-button::after {
  display: none !important;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .registration-flag .registration-number .numberBox-top .dropdown-flag-button .registration-img {
  width: 25px;
  border-radius: 6px;
  height: 20px;
  border-radius: 2px;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .registration-flag .registration-number .numberBox-top .dropdown-flag-button .drop_List {
  overflow-x: hidden;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .registration-flag .registration-number .numberBox-top .dropdown-flag-button .register-number {
  font-size: 15px;
  color: #606060;
  font-family: "SF-R";
  margin-left: 4px;
  margin-bottom: 0px;
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .registration-flag .registration-number .numberBox-top .dropdown-flag-button .register-number {
    font-size: 13px;
  }
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .registration-flag .registration-number .numberBox-top .drop_List {
  overflow-x: hidden !important;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .registration-flag .registration-number .numberBox-top .countryCode-Dmenu {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  top: 1px !important;
  overflow-x: hidden;
  height: 285px;
  width: 320px;
  overflow: scroll;
  padding-top: 0px !important;
  overflow-x: hidden;
  scrollbar-width: thin;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .registration-flag .registration-number .numberBox-top .countryCode-Dmenu .dropdown-flag-list {
  width: 100%;
  margin: 0px;
  padding: 6px;
  display: flex;
  font-size: 15px;
  color: #707070;
  font-family: "SF-R";
  align-items: center;
  background-color: #fff;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .registration-flag .registration-number .numberBox-top .countryCode-Dmenu .dropdown-flag-list .dropdowninsideimage {
  width: 100%;
  position: relative;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .registration-flag .registration-number .numberBox-top .countryCode-Dmenu .dropdown-flag-list .dropdowninsideimage .registration-img {
  width: 20px;
  position: absolute;
  right: 11px;
  top: 8px;
  height: 20px;
  border-radius: 6px;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .registration-flag .registration-number .numberBox-top .countryCode-Dmenu .dropdown-flag-list .dropdowninsideimage .form-control {
  font-size: 14px;
  color: #606060;
  font-family: "SF-R";
  border-radius: 3px;
  outline: none;
  box-shadow: none;
  border: 1px solid #dfdddd;
  padding-right: 80px;
  margin-right: -20px;
  padding-left: 15px;
  height: 35px;
  width: 100%;
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .registration-flag .registration-number .numberBox-top .countryCode-Dmenu .dropdown-flag-list .dropdowninsideimage .form-control {
    font-size: 12px;
  }
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .registration-flag .registration-number .numberBox-top .countryCode-Dmenu .dropdown-flag-list .dropdown-item {
  background: none;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .registration-flag .registration-number .numberBox-top .countryCode-Dmenu .dropdown-flag-list .dropdown-item .registration-image {
  width: 30px;
  height: 20px;
  border-radius: 2px;
  cursor: pointer !important;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .registration-flag .registration-number .numberBox-top .countryCode-Dmenu .dropdown-flag-list .dropdown-item .flag-span {
  padding-left: 10px;
  font-size: 14px;
  font-family: "SF-R";
  cursor: pointer;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .registration-flag .registration-number .numberBox-top .countryCode-Dmenu .dropdown-flag-list.search-box {
  position: sticky;
  top: 0px;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .registration-flag .numberInput-box {
  font-size: 14px;
  color: #606060;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  font-family: "SF-R";
  outline: none;
  box-shadow: none;
  border: 1px solid #cbcbcb;
  padding-right: 80px;
  padding-left: 15px;
  height: 40px;
  width: 100%;
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .registration-flag .numberInput-box {
    font-size: 12px;
    padding-right: 0px;
  }
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .form-text {
  font-size: 14px;
  color: #616161;
  font-family: "SF-R";
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .form-text {
    font-size: 10px;
  }
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .register-number-header .form-control-email {
  font-size: 16px;
  color: #606060;
  width: 100%;
  height: 35px;
  border: 1.5px solid #cbcbcb;
  border-radius: 3px;
  box-shadow: none;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .ButtonsGrp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  padding: 0;
  gap: 39px;
  margin-top: 10px;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .ButtonsGrp .btnSingle {
  width: 100%;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .email-inputBox .adressInput-boxes {
  border: 1px solid #707070;
  border-radius: 4px;
  font-family: Poppins-Regular;
  margin-bottom: 5px;
  height: 40px;
  padding: 6px 10px;
  font-size: 13px;
  color: #6e6e6e;
  width: 100%;
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box .email-inputBox .adressInput-boxes {
    margin-bottom: 2px;
    padding: 4px 9px;
    font-size: 12px;
    height: 35px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box .email-inputBox .adressInput-boxes {
    margin-bottom: 2px;
    padding: 4px 9px;
    font-size: 12px;
    height: 35px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box .email-inputBox .adressInput-boxes {
    margin-bottom: 2px;
    padding: 4px 9px;
    font-size: 12px;
    height: 36px;
  }
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .email-inputBox .email-forTrack {
  font-size: 13px;
  font-family: Poppins-Regular;
  color: #000000;
  margin-bottom: 15px;
  margin-top: 3px;
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box .email-inputBox .email-forTrack {
    margin-bottom: 5px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box .email-inputBox .email-forTrack {
    margin-bottom: 5px;
  }
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .adress-top .shipping-adress-title {
  color: #000000;
  font-family: SF-M;
  font-size: 16px;
  margin-bottom: 20px;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .adress-top .billing-adress-top .adress-list-top {
  margin-bottom: 12px;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .adress-top .billing-adress-top .adress-list-top .checkedRadio-inpuut {
  height: 15px;
  width: 15px;
  border: 0.5px solid #707070 !important;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .adress-top .billing-adress-top .adress-list-top .user-Namee {
  color: #000000;
  font-family: SF-R;
  font-size: 16px;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .adress-top .billing-adress-top .adress-list-top .adress-data {
  color: #616161;
  font-size: 14px;
  font-family: SF-R;
  margin-bottom: 2px;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .adress-top .form-check-inline {
  padding: 0;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .adress-top .square-chekBox {
  height: 15px;
  width: 15px;
  border: 0.5px solid #707070 !important;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .adress-top .different-adress {
  color: #013c7b;
  cursor: pointer;
  font-family: SF-R;
  font-size: 15px;
  padding: 0;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .contact-details-box {
  width: 100%;
  height: auto;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .contact-details-box .adress-titlees {
  color: #000000;
  font-size: 16px;
  font-family: SF-M;
  margin-bottom: 16px;
  padding-top: 10px;
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box .contact-details-box .adress-titlees {
    font-size: 13px;
    margin-bottom: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box .contact-details-box .adress-titlees {
    font-size: 13px;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box .contact-details-box .adress-titlees {
    font-size: 13px;
    margin-bottom: 10px;
  }
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .contact-details-box .adressInput-boxes {
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  font-family: SF-R;
  margin-bottom: 15px;
  padding: 6px 10px;
  font-size: 13px;
  color: #6e6e6e;
  width: 100%;
  height: 40px;
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box .contact-details-box .adressInput-boxes {
    margin-bottom: 8px;
    padding: 4px 9px;
    font-size: 12px;
    height: 35px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box .contact-details-box .adressInput-boxes {
    margin-bottom: 8px;
    padding: 4px 9px;
    font-size: 12px;
    height: 35px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box .contact-details-box .adressInput-boxes {
    margin-bottom: 8px;
    padding: 4px 9px;
    font-size: 12px;
    height: 36px;
  }
  .payement-page .modal-bodyy .left-contact-foorm .left-address-box .contact-details-box .adressInput-boxes .country-name {
    font-family: SF-R;
    font-size: 12px;
  }
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .contact-details-box .chekbox-form .left-chekBox {
  margin-top: 6px;
  height: 15px;
  width: 15px;
  margin-left: -21px;
}
.payement-page .modal-bodyy .left-contact-foorm .left-address-box .contact-details-box .chekbox-form .save-shipping {
  font-size: 13px;
  font-family: SF-R;
  color: #000000;
}
.payement-page .modal-bodyy .AddAddresCheckOut {
  background-color: #013c7b;
  border: none;
  font-family: SF-M;
  color: #fff;
  font-size: 13px;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
.payement-page .modal-bodyy .AddAddresCheckOuts {
  background-color: #808080;
  border: none;
  font-family: SF-M;
  color: #fff;
  font-size: 13px;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
.payement-page .modal-bodyy .right-CartList {
  margin-left: 45px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .payement-page .modal-bodyy .right-CartList {
    margin-left: 0px;
  }
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .right-CartList {
    margin-left: 0px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .payement-page .modal-bodyy .right-CartList {
    margin-left: 0px;
  }
}
.payement-page .modal-bodyy .right-CartList .applyCheckOuts {
  background-color: #9c9c9c;
  border: none;
  font-family: SF-M;
  color: #262626;
  font-size: 13px;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
.payement-page .modal-bodyy .right-CartList .applyCheckOut {
  background-color: #013c7b;
  border: none;
  font-family: SF-M;
  color: #fff;
  font-size: 13px;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
.payement-page .modal-bodyy .right-CartList .cashOnDelivery {
  background-color: #808080;
  border: none;
  font-family: SF-M;
  color: #ffffff;
  font-size: 13px;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
.payement-page .modal-bodyy .right-CartList .final-cartItems {
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 17px;
  border-bottom: 1px solid #cbcbcb;
  margin-top: 16px;
}
.payement-page .modal-bodyy .right-CartList .final-cartItems .card-leftSectn {
  display: flex;
}
.payement-page .modal-bodyy .right-CartList .final-cartItems .card-leftSectn .product-imageLeft {
  height: 110px;
  width: 108px;
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .right-CartList .final-cartItems .card-leftSectn .product-imageLeft {
    height: 92px;
    width: 91px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .payement-page .modal-bodyy .right-CartList .final-cartItems .card-leftSectn .product-imageLeft {
    height: 92px;
    width: 91px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .payement-page .modal-bodyy .right-CartList .final-cartItems .card-leftSectn .product-imageLeft {
    height: 92px;
    width: 91px;
  }
}
.payement-page .modal-bodyy .right-CartList .final-cartItems .card-leftSectn .product-imageLeft .final-ProductImg {
  height: 100%;
  width: 100%;
}
.payement-page .modal-bodyy .right-CartList .final-cartItems .card-leftSectn .itemContent-right {
  margin-left: 10px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .payement-page .modal-bodyy .right-CartList .final-cartItems .card-leftSectn .itemContent-right {
    margin-left: 7px;
  }
}
.payement-page .modal-bodyy .right-CartList .final-cartItems .card-leftSectn .itemContent-right .cart-title {
  font-size: 13px;
  font-family: SF-R;
  color: #000;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .payement-page .modal-bodyy .right-CartList .final-cartItems .card-leftSectn .itemContent-right .cart-title {
    margin-top: 4px;
    font-size: 9px;
    margin-bottom: 10px;
  }
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .right-CartList .final-cartItems .card-leftSectn .itemContent-right .cart-title {
    font-size: 10px;
    margin-bottom: 7px;
    margin-top: 0px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .payement-page .modal-bodyy .right-CartList .final-cartItems .card-leftSectn .itemContent-right .cart-title {
    font-size: 10px;
    margin-bottom: 7px;
    margin-top: 0px;
  }
}
.payement-page .modal-bodyy .right-CartList .final-cartItems .card-leftSectn .itemContent-right .sizes-edit {
  font-size: 13px;
  color: #606060;
  font-family: Poppins-Light;
  margin-bottom: 3px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .payement-page .modal-bodyy .right-CartList .final-cartItems .card-leftSectn .itemContent-right .sizes-edit {
    font-size: 11px;
  }
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .right-CartList .final-cartItems .card-leftSectn .itemContent-right .sizes-edit {
    font-size: 11px;
    margin-top: 3px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .payement-page .modal-bodyy .right-CartList .final-cartItems .card-leftSectn .itemContent-right .sizes-edit {
    font-size: 11px;
    margin-top: 3px;
  }
}
.payement-page .modal-bodyy .right-CartList .final-cartItems .iteem-price {
  font-family: SF-M;
  font-size: 17px;
  color: #03284f;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .payement-page .modal-bodyy .right-CartList .final-cartItems .iteem-price {
    font-size: 14px;
    width: 134px;
    text-align: end;
  }
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .right-CartList .final-cartItems .iteem-price {
    width: 134px;
    font-size: 14px;
    text-align: end;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .payement-page .modal-bodyy .right-CartList .final-cartItems .iteem-price {
    width: 134px;
    font-size: 14px;
    text-align: end;
  }
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .right-CartList .line-bar {
    margin-bottom: 8px;
    margin-top: 0px;
  }
}
.payement-page .modal-bodyy .right-CartList .coupon-section {
  width: 100%;
  margin-top: 15px;
}
.payement-page .modal-bodyy .right-CartList .coupon-section .applyCoupn {
  color: #013c7b;
  font-size: 18px;
  font-family: SF-R;
  margin-bottom: 15px;
}
.payement-page .modal-bodyy .right-CartList .coupon-section .applyCoupn .arow-right {
  margin-left: 2px;
}
.payement-page .modal-bodyy .right-CartList .coupon-section .coupon-box {
  display: flex;
  align-items: center;
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .right-CartList .coupon-section .coupon-box {
    display: block;
  }
}
.payement-page .modal-bodyy .right-CartList .coupon-section .coupon-box .discount-box {
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  font-family: SF-R;
  padding: 6px 10px;
  font-size: 13px;
  color: #606060;
  width: 100%;
  height: 40px;
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .right-CartList .coupon-section .coupon-box .discount-box {
    height: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .payement-page .modal-bodyy .right-CartList .coupon-section .coupon-box .discount-box {
    height: 36px;
  }
}
.payement-page .modal-bodyy .right-CartList .coupon-section .coupon-box .applyBtn {
  background-color: #013c7b;
  border: none;
  font-family: SF-M;
  color: #fff;
  font-size: 13px;
  border-radius: 5px;
  width: 215px;
  height: 40px;
  margin-left: 10px;
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .right-CartList .coupon-section .coupon-box .applyBtn {
    width: 200px;
    margin-left: 0px;
    margin-top: 10px;
    height: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .payement-page .modal-bodyy .right-CartList .coupon-section .coupon-box .applyBtn {
    width: 200px;
    margin-left: 0px;
    margin-top: 10px;
    height: 36px;
  }
}
.payement-page .modal-bodyy .right-CartList .coupon-section .coupon-box .removeCouponBtn {
  background-color: #383838;
  border: none;
  font-family: SF-M;
  color: #fff;
  font-size: 13px;
  border-radius: 5px;
  width: 215px;
  height: 40px;
  margin-left: 10px;
}
@media (max-width: 575.98px) {
  .payement-page .modal-bodyy .right-CartList .coupon-section .coupon-box .removeCouponBtn {
    width: 200px;
    margin-left: 0px;
    margin-top: 10px;
    height: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .payement-page .modal-bodyy .right-CartList .coupon-section .coupon-box .removeCouponBtn {
    width: 200px;
    margin-left: 0px;
    margin-top: 10px;
    height: 36px;
  }
}
.payement-page .modal-bodyy .right-CartList .coupon-section .couponError {
  color: #e53333;
  font-size: 12px;
  font-family: Poppins-Regular;
}
.payement-page .modal-bodyy .right-CartList .coupon-section .priceSection {
  display: flex;
  justify-content: space-between;
}
.payement-page .modal-bodyy .right-CartList .coupon-section .priceSection .price-title {
  font-family: Poppins-Regular;
  color: #6e6e6e;
  font-size: 13px;
}
.payement-page .modal-bodyy .right-CartList .coupon-section .priceSection .amount-right {
  font-family: Poppins-Medium;
  color: #000000;
  font-size: 13px;
}
.payement-page .modal-bodyy .right-CartList .coupon-section .priceSection .amount-right.total-price {
  font-size: 16px;
}

.profile-top {
  width: 100%;
  height: auto;
}
@media (max-width: 575.98px) {
  .profile-top {
    flex-direction: row !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .profile-top {
    flex-direction: row !important;
  }
}
.profile-top .profile-items {
  background-color: transparent !important;
  text-align: end;
  font-family: "SF-R";
  font-size: 14px;
  color: #606060;
}
@media (max-width: 575.98px) {
  .profile-top .profile-items {
    padding-left: 0px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .profile-top .profile-items {
    padding-left: 0px;
  }
}
.profile-top .profile-items.active {
  color: #013c7b;
}

.rightProfile-contentTop {
  margin-bottom: 30px;
  border-left: 2px solid #cbcbcb;
  padding-left: 18px;
  width: 100%;
  height: auto;
}
.rightProfile-contentTop .your-profile-details {
  padding: 10px;
}
.rightProfile-contentTop .your-profile-details .profile-details .profile-heading {
  font-size: 17px;
  color: #272727;
  font-family: "SF-R";
  padding-bottom: 15px;
}
.rightProfile-contentTop .your-profile-details .profile-details .profile-details-image {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
}
.rightProfile-contentTop .your-profile-details .profile-details .profile-details-image .profile-iamge {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.rightProfile-contentTop .your-profile-details .profile-details .profile-details-image .spinnerLoader {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: auto;
  top: 0 !important;
}
.rightProfile-contentTop .your-profile-details .profile-details .profile-details-image .Profilehead {
  font-size: 15px;
  color: #013c7b;
  font-family: "SF-R";
  cursor: pointer;
  padding-left: 10px;
  padding-top: 10px;
}
.rightProfile-contentTop .your-profile-details .profile-details .profile-details-names {
  padding-top: 10px;
}
@media (max-width: 575.98px) {
  .rightProfile-contentTop .your-profile-details .profile-details .profile-details-names {
    padding-top: 10px;
  }
}
.rightProfile-contentTop .your-profile-details .profile-details .profile-details-names .profiles-names .first-name {
  width: 100%;
  height: 40px;
  color: #606060;
  font-size: 15px;
  padding-left: 10px;
  border: 1px solid #cbcbcb;
  border-radius: 3px;
  outline: none;
  font-family: "SF-R";
  gap: 10px;
}
@media (max-width: 575.98px) {
  .rightProfile-contentTop .your-profile-details .profile-details .profile-details-names .profiles-names .first-name {
    margin-bottom: 0px;
    width: 100%;
    font-size: 13px;
    height: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .rightProfile-contentTop .your-profile-details .profile-details .profile-details-names .profiles-names .first-name {
    margin-bottom: 0px;
    width: 100%;
    font-size: 13px;
    height: 36px;
  }
}
.rightProfile-contentTop .your-profile-details .profile-details .display-password .display-password-name {
  width: 100%;
  height: 40px;
  color: #606060;
  font-size: 15px;
  padding-left: 10px;
  border: 1px solid #cbcbcb;
  border-radius: 3px;
  outline: none;
  font-family: "SF-R";
  margin-top: 16px;
  background: #fcfcfc;
}
@media (max-width: 575.98px) {
  .rightProfile-contentTop .your-profile-details .profile-details .display-password .display-password-name {
    font-size: 13px;
    height: 36px;
    margin-top: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .rightProfile-contentTop .your-profile-details .profile-details .display-password .display-password-name {
    font-size: 13px;
    height: 36px;
    margin-top: 10px;
  }
}
.rightProfile-contentTop .your-profile-details .profile-details .contct-loginBelow {
  display: flex;
  justify-content: space-between;
}
.rightProfile-contentTop .your-profile-details .profile-details .contct-loginBelow .adress-titlees {
  color: #161616;
  font-size: 16px;
  font-family: Poppins-Medium;
  margin-bottom: 15px;
}
@media (max-width: 575.98px) {
  .rightProfile-contentTop .your-profile-details .profile-details .contct-loginBelow .adress-titlees {
    font-size: 13px;
    margin-bottom: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .rightProfile-contentTop .your-profile-details .profile-details .contct-loginBelow .adress-titlees {
    font-size: 13px;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .rightProfile-contentTop .your-profile-details .profile-details .contct-loginBelow .adress-titlees {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.rightProfile-contentTop .your-profile-details .profile-details .contct-loginBelow .have-accnt {
  color: #606060;
  font-size: 16px;
  font-family: Poppins-Medium;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .rightProfile-contentTop .your-profile-details .profile-details .contct-loginBelow .have-accnt {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
@media (max-width: 575.98px) {
  .rightProfile-contentTop .your-profile-details .profile-details .contct-loginBelow .have-accnt {
    font-size: 13px;
    margin-bottom: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .rightProfile-contentTop .your-profile-details .profile-details .contct-loginBelow .have-accnt {
    font-size: 13px;
    margin-bottom: 10px;
  }
}
.rightProfile-contentTop .your-profile-details .profile-details .contct-loginBelow .have-accnt .login-liinkk {
  color: #000000 !important;
}
.rightProfile-contentTop .your-profile-details .profile-details .register-number-header .form-label {
  font-size: 15px;
  color: #272727;
  font-family: "SF-R";
}
@media (max-width: 575.98px) {
  .rightProfile-contentTop .your-profile-details .profile-details .register-number-header .form-label {
    font-size: 13px;
  }
}
.rightProfile-contentTop .your-profile-details .profile-details .register-number-header .registration-flag {
  display: flex;
}
.rightProfile-contentTop .your-profile-details .profile-details .register-number-header .registration-flag .registration-number {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  border: 1.5px solid #cbcbcb;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  padding: 1px;
  width: 89px;
  height: auto;
  border-right: none;
}
.rightProfile-contentTop .your-profile-details .profile-details .register-number-header .registration-flag .registration-number .numberBox-top {
  width: 100%;
}
.rightProfile-contentTop .your-profile-details .profile-details .register-number-header .registration-flag .registration-number .numberBox-top .dropdown-flag-button {
  display: flex;
  padding: 4px;
  height: 35px;
  background: none;
  border: none;
  align-items: center;
  width: auto;
  height: 35px;
}
.rightProfile-contentTop .your-profile-details .profile-details .register-number-header .registration-flag .registration-number .numberBox-top .dropdown-flag-button::after {
  display: none !important;
}
.rightProfile-contentTop .your-profile-details .profile-details .register-number-header .registration-flag .registration-number .numberBox-top .dropdown-flag-button .registration-img {
  width: 25px;
  border-radius: 6px;
  height: 20px;
  border-radius: 2px;
}
.rightProfile-contentTop .your-profile-details .profile-details .register-number-header .registration-flag .registration-number .numberBox-top .dropdown-flag-button .drop_List {
  overflow-x: hidden;
}
.rightProfile-contentTop .your-profile-details .profile-details .register-number-header .registration-flag .registration-number .numberBox-top .dropdown-flag-button .register-number {
  font-size: 15px;
  color: #606060;
  font-family: "SF-R";
  margin-left: 4px;
  margin-bottom: 0px;
}
@media (max-width: 575.98px) {
  .rightProfile-contentTop .your-profile-details .profile-details .register-number-header .registration-flag .registration-number .numberBox-top .dropdown-flag-button .register-number {
    font-size: 13px;
  }
}
.rightProfile-contentTop .your-profile-details .profile-details .register-number-header .registration-flag .registration-number .numberBox-top .drop_List {
  overflow-x: hidden !important;
}
.rightProfile-contentTop .your-profile-details .profile-details .register-number-header .registration-flag .registration-number .numberBox-top .countryCode-Dmenu {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  top: 1px !important;
  overflow-x: hidden;
  height: 285px;
  width: 320px;
  overflow: scroll;
  padding-top: 0px !important;
  overflow-x: hidden;
  scrollbar-width: thin;
}
.rightProfile-contentTop .your-profile-details .profile-details .register-number-header .registration-flag .registration-number .numberBox-top .countryCode-Dmenu .dropdown-flag-list {
  width: 100%;
  margin: 0px;
  padding: 6px;
  display: flex;
  font-size: 15px;
  color: #707070;
  font-family: "SF-R";
  align-items: center;
  background-color: #fff;
}
.rightProfile-contentTop .your-profile-details .profile-details .register-number-header .registration-flag .registration-number .numberBox-top .countryCode-Dmenu .dropdown-flag-list .dropdowninsideimage {
  width: 100%;
  position: relative;
}
.rightProfile-contentTop .your-profile-details .profile-details .register-number-header .registration-flag .registration-number .numberBox-top .countryCode-Dmenu .dropdown-flag-list .dropdowninsideimage .registration-img {
  width: 20px;
  position: absolute;
  right: 11px;
  top: 8px;
  height: 20px;
  border-radius: 6px;
}
.rightProfile-contentTop .your-profile-details .profile-details .register-number-header .registration-flag .registration-number .numberBox-top .countryCode-Dmenu .dropdown-flag-list .dropdowninsideimage .form-control {
  font-size: 14px;
  color: #606060;
  font-family: "SF-R";
  border-radius: 3px;
  outline: none;
  box-shadow: none;
  border: 1px solid #dfdddd;
  padding-right: 80px;
  margin-right: -20px;
  padding-left: 15px;
  height: 35px;
  width: 100%;
}
@media (max-width: 575.98px) {
  .rightProfile-contentTop .your-profile-details .profile-details .register-number-header .registration-flag .registration-number .numberBox-top .countryCode-Dmenu .dropdown-flag-list .dropdowninsideimage .form-control {
    font-size: 12px;
  }
}
.rightProfile-contentTop .your-profile-details .profile-details .register-number-header .registration-flag .registration-number .numberBox-top .countryCode-Dmenu .dropdown-flag-list .dropdown-item {
  background: none;
}
.rightProfile-contentTop .your-profile-details .profile-details .register-number-header .registration-flag .registration-number .numberBox-top .countryCode-Dmenu .dropdown-flag-list .dropdown-item .registration-image {
  width: 30px;
  height: 20px;
  border-radius: 2px;
  cursor: pointer !important;
}
.rightProfile-contentTop .your-profile-details .profile-details .register-number-header .registration-flag .registration-number .numberBox-top .countryCode-Dmenu .dropdown-flag-list .dropdown-item .flag-span {
  padding-left: 10px;
  font-size: 14px;
  font-family: "SF-R";
  cursor: pointer;
}
.rightProfile-contentTop .your-profile-details .profile-details .register-number-header .registration-flag .registration-number .numberBox-top .countryCode-Dmenu .dropdown-flag-list.search-box {
  position: sticky;
  top: 0px;
}
.rightProfile-contentTop .your-profile-details .profile-details .register-number-header .registration-flag .numberInput-box {
  font-size: 14px;
  color: #606060;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  font-family: "SF-R";
  outline: none;
  box-shadow: none;
  border: 1px solid #cbcbcb;
  padding-right: 80px;
  padding-left: 15px;
  height: 40px;
  width: 100%;
}
@media (max-width: 575.98px) {
  .rightProfile-contentTop .your-profile-details .profile-details .register-number-header .registration-flag .numberInput-box {
    font-size: 12px;
    padding-right: 0px;
  }
}
.rightProfile-contentTop .your-profile-details .profile-details .register-number-header .form-text {
  font-size: 14px;
  color: #616161;
  font-family: "SF-R";
}
@media (max-width: 575.98px) {
  .rightProfile-contentTop .your-profile-details .profile-details .register-number-header .form-text {
    font-size: 10px;
  }
}
.rightProfile-contentTop .your-profile-details .profile-details .register-number-header .form-control-email {
  font-size: 16px;
  color: #606060;
  width: 100%;
  height: 35px;
  border: 1.5px solid #cbcbcb;
  border-radius: 3px;
  box-shadow: none;
}
.rightProfile-contentTop .your-profile-details .profile-details .display-para {
  color: #272727;
  font-size: 13px;
  font-family: "SF-L";
  padding-top: 10px;
  margin-bottom: 0px;
}
.rightProfile-contentTop .your-profile-details .profile-details .password-change {
  color: #272727;
  font-size: 17px;
  font-family: "SF-R";
  padding-top: 24px;
  margin-bottom: 1px;
}
@media (max-width: 575.98px) {
  .rightProfile-contentTop .your-profile-details .profile-details .password-change {
    padding-top: 15px;
  }
}
.rightProfile-contentTop .your-profile-details .profile-details .details-button {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
@media (max-width: 575.98px) {
  .rightProfile-contentTop .your-profile-details .profile-details .details-button {
    margin-top: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .rightProfile-contentTop .your-profile-details .profile-details .details-button {
    margin-top: 20px;
  }
}
.rightProfile-contentTop .your-profile-details .profile-details .details-button .button-details {
  width: 60%;
  border: none;
  height: 40px;
  font-size: 15px;
  color: #fff;
  border-radius: 3px;
  background: #013c7b;
  font-family: "SF-R";
}
@media (max-width: 575.98px) {
  .rightProfile-contentTop .your-profile-details .profile-details .details-button .button-details {
    width: 220px;
    height: 36px;
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .rightProfile-contentTop .your-profile-details .profile-details .details-button .button-details {
    height: 36px;
    font-size: 14px;
  }
}

.my-gm-global-points {
  padding: 10px 0px;
}
.my-gm-global-points .global-point-header .global-point-head {
  color: #272727;
  font-size: 16px;
  font-family: "SF-R";
}
@media (max-width: 575.98px) {
  .my-gm-global-points .global-point-header .global-point-head {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-gm-global-points .global-point-header .global-point-head {
    font-size: 15px;
  }
}
.my-gm-global-points .balance {
  display: flex;
  align-items: center;
  padding-top: 10px;
}
@media (max-width: 575.98px) {
  .my-gm-global-points .balance {
    padding-top: 0px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-gm-global-points .balance {
    padding-top: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .my-gm-global-points .balance {
    padding-top: 0px;
  }
}
.my-gm-global-points .balance .balance-para {
  color: #272727;
  font-size: 16px;
  font-family: "SF-R";
}
@media (max-width: 575.98px) {
  .my-gm-global-points .balance .balance-para {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-gm-global-points .balance .balance-para {
    font-size: 15px;
  }
}
.my-gm-global-points .balance .balance-cost {
  color: #03284f;
  font-size: 25px;
  font-family: "SF-Sb";
  padding-left: 15px;
}
@media (max-width: 575.98px) {
  .my-gm-global-points .balance .balance-cost {
    font-size: 18px;
    padding-left: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-gm-global-points .balance .balance-cost {
    font-size: 18px;
    padding-left: 10px;
  }
}
.my-gm-global-points .point-on-the-way {
  display: flex;
  justify-content: space-between;
  align-items: end;
  background: #03284f;
  padding: 10px;
  border-radius: 10px;
  height: 100px;
}
@media (max-width: 575.98px) {
  .my-gm-global-points .point-on-the-way {
    width: 100%;
    height: auto;
    display: block;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-gm-global-points .point-on-the-way {
    width: 100%;
    height: auto;
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .my-gm-global-points .point-on-the-way {
    width: 100%;
    height: auto;
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .my-gm-global-points .point-on-the-way {
    width: 100%;
    height: auto;
  }
}
.my-gm-global-points .point-on-the-way .point-icon {
  display: flex;
  align-items: center;
  margin-left: 20px;
  align-self: center;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .my-gm-global-points .point-on-the-way .point-icon {
    margin-left: 8px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-gm-global-points .point-on-the-way .point-icon {
    margin-left: 8px;
  }
}
@media (max-width: 575.98px) {
  .my-gm-global-points .point-on-the-way .point-icon {
    margin-left: 8px;
  }
}
.my-gm-global-points .point-on-the-way .point-icon .gm-points-para {
  padding-left: 27px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .my-gm-global-points .point-on-the-way .point-icon .gm-points-para {
    padding-left: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-gm-global-points .point-on-the-way .point-icon .gm-points-para {
    padding-left: 15px;
  }
}
@media (max-width: 575.98px) {
  .my-gm-global-points .point-on-the-way .point-icon .gm-points-para {
    padding-left: 15px;
  }
}
.my-gm-global-points .point-on-the-way .point-icon .gm-points-para .gm-points-paracost {
  color: #f9f9f9;
  font-size: 16px;
  font-family: "SF-M";
  margin-bottom: 5px;
}
@media (max-width: 575.98px) {
  .my-gm-global-points .point-on-the-way .point-icon .gm-points-para .gm-points-paracost {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-gm-global-points .point-on-the-way .point-icon .gm-points-para .gm-points-paracost {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .my-gm-global-points .point-on-the-way .point-icon .gm-points-para .gm-points-paracost {
    font-size: 14px;
    margin-bottom: 5px;
  }
}
.my-gm-global-points .point-on-the-way .point-icon .gm-points-para .credits-para {
  color: #f9f9f9;
  font-size: 14px;
  font-family: "SF-R";
  margin-bottom: 0px;
}
@media (max-width: 575.98px) {
  .my-gm-global-points .point-on-the-way .point-icon .gm-points-para .credits-para {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .my-gm-global-points .point-on-the-way .point-icon .gm-points-para .credits-para {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-gm-global-points .point-on-the-way .point-icon .gm-points-para .credits-para {
    font-size: 12px;
  }
}
.my-gm-global-points .point-on-the-way .point-icon .timer-icon .timer-image {
  height: 48px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .my-gm-global-points .point-on-the-way .point-icon .timer-icon .timer-image {
    height: 38px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-gm-global-points .point-on-the-way .point-icon .timer-icon .timer-image {
    height: 36px;
  }
}
@media (max-width: 575.98px) {
  .my-gm-global-points .point-on-the-way .point-icon .timer-icon .timer-image {
    height: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-gm-global-points .point-on-the-way .points-after-credit {
    text-align: end;
  }
}
@media (max-width: 575.98px) {
  .my-gm-global-points .point-on-the-way .points-after-credit {
    text-align: end;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .my-gm-global-points .point-on-the-way .points-after-credit {
    text-align: end;
  }
}
.my-gm-global-points .point-on-the-way .points-after-credit .credits-para {
  color: #f9f9f9;
  font-size: 14px;
  font-family: "SF-R";
  text-decoration: none;
}
@media (max-width: 575.98px) {
  .my-gm-global-points .point-on-the-way .points-after-credit .credits-para {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-gm-global-points .point-on-the-way .points-after-credit .credits-para {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .my-gm-global-points .point-on-the-way .points-after-credit .credits-para {
    font-size: 13px;
  }
}
.my-gm-global-points .order-history {
  margin-top: 40px;
}
@media (max-width: 575.98px) {
  .my-gm-global-points .order-history {
    margin-top: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-gm-global-points .order-history {
    margin-top: 20px;
  }
}
.my-gm-global-points .order-history .order-history-head {
  color: #272727;
  font-size: 16px;
  font-family: "SF-R";
}
@media (max-width: 575.98px) {
  .my-gm-global-points .order-history .order-history-head {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-gm-global-points .order-history .order-history-head {
    font-size: 19px;
  }
}
.my-gm-global-points .mobile-unlocked {
  border-bottom: 1px solid #616161;
  padding-bottom: 4px;
  margin-top: 15px;
}
@media (max-width: 575.98px) {
  .my-gm-global-points .mobile-unlocked {
    margin-top: 10px;
    padding-bottom: 0px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-gm-global-points .mobile-unlocked {
    margin-top: 13px;
    padding-bottom: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .my-gm-global-points .mobile-unlocked {
    margin-top: 10px;
    padding-bottom: 5px;
  }
}
.my-gm-global-points .mobile-unlocked .unlocked-cellphone {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.my-gm-global-points .mobile-unlocked .unlocked-cellphone .cellphone-para {
  color: #000000;
  font-size: 15px;
  font-family: "SF-L";
  margin-bottom: 5px;
}
@media (max-width: 575.98px) {
  .my-gm-global-points .mobile-unlocked .unlocked-cellphone .cellphone-para {
    font-size: 13px;
    padding-bottom: 0px;
    margin-bottom: 3px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-gm-global-points .mobile-unlocked .unlocked-cellphone .cellphone-para {
    font-size: 13px;
    padding-bottom: 0px;
    margin-bottom: 3px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .my-gm-global-points .mobile-unlocked .unlocked-cellphone .cellphone-para {
    font-size: 15px;
  }
}
.my-gm-global-points .mobile-unlocked .unlocked-cellphone .cellphonecost {
  color: #0cc706;
  font-size: 16px;
  font-family: "SF-M";
  margin-bottom: 0px;
}
@media (max-width: 575.98px) {
  .my-gm-global-points .mobile-unlocked .unlocked-cellphone .cellphonecost {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-gm-global-points .mobile-unlocked .unlocked-cellphone .cellphonecost {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .my-gm-global-points .mobile-unlocked .unlocked-cellphone .cellphonecost {
    font-size: 15px;
  }
}
.my-gm-global-points .mobile-unlocked .unlocked-cellphone .cellphonecostless {
  color: #ec1111;
  font-size: 16px;
  font-family: "SF-M";
  margin-bottom: 0px;
}
@media (max-width: 575.98px) {
  .my-gm-global-points .mobile-unlocked .unlocked-cellphone .cellphonecostless {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-gm-global-points .mobile-unlocked .unlocked-cellphone .cellphonecostless {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .my-gm-global-points .mobile-unlocked .unlocked-cellphone .cellphonecostless {
    font-size: 15px;
  }
}
.my-gm-global-points .mobile-unlocked .cellphone-date {
  color: #616161;
  font-size: 12px;
  font-family: "SF-L";
  margin-bottom: 10px;
}
@media (max-width: 575.98px) {
  .my-gm-global-points .mobile-unlocked .cellphone-date {
    font-size: 12px;
    margin-bottom: 9px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-gm-global-points .mobile-unlocked .cellphone-date {
    font-size: 13px;
    margin-bottom: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .my-gm-global-points .mobile-unlocked .cellphone-date {
    font-size: 13px;
    margin-bottom: 10px;
  }
}

.aims-delivery-address {
  padding: 20px 0px;
}
.aims-delivery-address .delivery-address {
  padding-bottom: 20px;
}
.aims-delivery-address .delivery-address .deliveryaddress-head {
  color: #272727;
  font-size: 20px;
  font-family: "SF-R";
}
.aims-delivery-address .card .address-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.aims-delivery-address .card .address-name .customer-name {
  color: #000000;
  font-size: 15px;
  font-family: "SF-R";
}
.aims-delivery-address .card .address-name .address-button {
  color: #000000;
  font-size: 10px;
  font-family: "SF-R";
  width: 60px;
  height: 25px;
  background-color: #cbcbcb;
  border-radius: 14px;
  border: none;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 575.98px) {
  .aims-delivery-address .card .address-name .address-button {
    height: 23px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .aims-delivery-address .card .address-name .address-button {
    height: 23px;
  }
}
.aims-delivery-address .card .customer .customer-address {
  color: #606060;
  font-size: 13px;
  font-family: "SF-R";
  margin-bottom: 1px;
}
@media (max-width: 575.98px) {
  .aims-delivery-address .card .customer .customer-address {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .aims-delivery-address .card .customer .customer-address {
    font-size: 11px;
  }
}
.aims-delivery-address .card .customer-number {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1px;
}
.aims-delivery-address .card .customer-number .customer-mobile {
  color: #606060;
  font-size: 13px;
  font-family: "SF-R";
  padding-top: 6px;
  margin-bottom: 0px;
}
@media (max-width: 575.98px) {
  .aims-delivery-address .card .customer-number .customer-mobile {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .aims-delivery-address .card .customer-number .customer-mobile {
    font-size: 11px;
  }
}
.aims-delivery-address .card .customer-number .number-buttons {
  justify-content: end;
  display: flex;
  align-items: end;
}
.aims-delivery-address .card .customer-number .number-buttons .editbutton {
  color: #fff;
  font-size: 12px;
  font-family: "SF-R";
  width: 70px;
  height: 25px;
  border: none;
  border-radius: 15px;
  background-color: #013c7b;
}
@media (max-width: 575.98px) {
  .aims-delivery-address .card .customer-number .number-buttons .editbutton {
    height: 23px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .aims-delivery-address .card .customer-number .number-buttons .editbutton {
    height: 23px;
  }
}
.aims-delivery-address .add-address {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}
@media (max-width: 575.98px) {
  .aims-delivery-address .add-address {
    margin-top: 25px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .aims-delivery-address .add-address {
    margin-top: 25px;
  }
}
.aims-delivery-address .add-address .add-delivery-address {
  width: 300px;
  height: 40px;
  color: #fff;
  font-size: 15px;
  background: #013c7b;
  border: none;
  border-radius: 6px;
  font-family: "SF-R";
}
@media (max-width: 575.98px) {
  .aims-delivery-address .add-address .add-delivery-address {
    width: 70%;
    height: 35px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .aims-delivery-address .add-address .add-delivery-address {
    width: 60%;
    height: 35px;
  }
}

.my-orderPage {
  background-color: #fcfcfc;
  width: 100%;
  min-height: 100vh;
  height: auto;
  padding-top: 20px;
}
.my-orderPage .filters-below {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.my-orderPage .filters-below .home-url {
  font-size: 16px;
  margin: 0px;
  font-family: Sf-R;
  color: #616161;
  padding-bottom: 0px;
}
.my-orderPage .filters-below .home-url .myOrder {
  color: #272727 !important;
}
.my-orderPage .filters-below .right-relevence .relvence-Ddown {
  position: relative;
  width: 170px;
}
@media (max-width: 575.98px) {
  .my-orderPage .filters-below .right-relevence .relvence-Ddown {
    width: auto;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-orderPage .filters-below .right-relevence .relvence-Ddown {
    width: 120px;
  }
}
.my-orderPage .filters-below .right-relevence .relvence-Ddown .relvence-Inside {
  width: 100%;
  justify-content: space-between;
  display: flex;
  background: transparent;
  color: black;
  box-shadow: -1px 3px 7px rgba(0, 0, 0, 0.1294117647);
  border: none;
}
.my-orderPage .filters-below .right-relevence .relvence-Ddown .relvence-Inside .upDwn-arrw {
  color: #606060;
}
.my-orderPage .filters-below .right-relevence .relvence-Ddown .relvence-Inside .upDwn-arrw .alternate-arrow {
  margin-right: 3px;
}
.my-orderPage .filters-below .right-relevence .relvence-Ddown .relvence-Inside .upDwn-arrw .relvance-filterTitle {
  color: #000000;
  font-family: Sf-R;
  font-size: 15px;
}
.my-orderPage .filters-below .right-relevence .relvence-Ddown .relvence-Inside.show .upArrow-Icn {
  color: #606060;
  transform: rotate(-180deg);
}
.my-orderPage .filters-below .right-relevence .relvence-Ddown .relvence-Inside:focus {
  outline: none;
  box-shadow: none;
}
.my-orderPage .filters-below .right-relevence .relvence-Ddown .relvence-Inside::after {
  display: none;
}
.my-orderPage .filters-below .right-relevence .relvence-Ddown .Relvence-Top {
  left: auto;
  right: 0;
  transform: translate(0px, 37px);
  width: 200px;
  padding: 0px;
}
.my-orderPage .filters-below .right-relevence .relvence-Ddown .Relvence-Top .relvence-Dropitems {
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1294117647);
  color: #000000;
  font-family: Sf-R;
  font-size: 14px;
  background: transparent;
  padding: 6px 16px;
}
.my-orderPage .NoItems {
  font-family: Sf-R;
  text-align: center;
  font-size: 16px;
}
.my-orderPage .order-page-top .orders-status-below {
  padding-bottom: 15px;
  border-bottom: 0.5px solid #707070;
  padding-top: 15px;
}
@media (max-width: 575.98px) {
  .my-orderPage .order-page-top .orders-status-below {
    padding-bottom: 10px;
    padding-top: 3px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-orderPage .order-page-top .orders-status-below {
    padding-bottom: 10px;
    padding-top: 3px;
  }
}
.my-orderPage .order-page-top .orders-status-below .order-status {
  font-family: Sf-R;
  color: #03284f;
  font-size: 15px;
  margin-bottom: 1px;
}
.my-orderPage .order-page-top .orders-status-below .order-date {
  font-family: Sf-R;
  font-size: 13px;
  color: #616161;
  margin-bottom: 9px;
}
.my-orderPage .order-page-top .orders-status-below .order-products-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
@media (max-width: 575.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list {
    flex-wrap: wrap;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list {
    flex-wrap: wrap;
  }
}
.my-orderPage .order-page-top .orders-status-below .order-products-list .left-orderProduct {
  position: relative;
  width: 55%;
  display: flex;
  gap: 10px;
}
@media (max-width: 575.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .left-orderProduct {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .left-orderProduct {
    width: auto;
  }
}
.my-orderPage .order-page-top .orders-status-below .order-products-list .left-orderProduct .image-leftt {
  height: 118px;
  width: auto;
}
@media (max-width: 575.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .left-orderProduct .image-leftt {
    height: 90px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .left-orderProduct .image-leftt {
    height: 90px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .left-orderProduct .image-leftt {
    height: 100px;
  }
}
.my-orderPage .order-page-top .orders-status-below .order-products-list .left-orderProduct .image-leftt .OrderProduct-image {
  height: 100%;
}
.my-orderPage .order-page-top .orders-status-below .order-products-list .left-orderProduct .product-textt .costData {
  position: absolute;
  bottom: 0;
}
.my-orderPage .order-page-top .orders-status-below .order-products-list .left-orderProduct .product-textt .title-of-product {
  font-size: 15px;
  font-family: Sf-R;
  color: #000000;
}
@media (max-width: 575.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .left-orderProduct .product-textt .title-of-product {
    font-size: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .left-orderProduct .product-textt .title-of-product {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .left-orderProduct .product-textt .title-of-product {
    font-size: 14px;
  }
}
.my-orderPage .order-page-top .orders-status-below .order-products-list .left-orderProduct .product-textt .title-of-product:hover {
  color: #013c7b;
  cursor: pointer;
}
.my-orderPage .order-page-top .orders-status-below .order-products-list .left-orderProduct .product-textt .buying-cost {
  font-size: 17px;
  font-family: Sf-M;
  color: #013c7b;
  margin-bottom: 0px;
}
.my-orderPage .order-page-top .orders-status-below .order-products-list .left-orderProduct .product-textt .buying-cost.cost-to-cost {
  color: #272727;
  font-size: 18px;
  font-family: Quicksand-SB;
}
@media (max-width: 575.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .left-orderProduct .product-textt .buying-cost {
    font-size: 16px;
    text-align: start;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .left-orderProduct .product-textt .buying-cost {
    font-size: 16px;
    text-align: start;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .left-orderProduct .product-textt .buying-cost {
    font-size: 14px;
  }
}
.my-orderPage .order-page-top .orders-status-below .order-products-list .left-orderProduct .product-textt .buying-costs {
  font-size: 17px;
  font-family: Sf-M;
  color: #013c7b;
  bottom: 0px;
  margin-bottom: 0px;
}
.my-orderPage .order-page-top .orders-status-below .order-products-list .left-orderProduct .product-textt .buying-costs.quanitytys {
  font-size: 12px !important;
  color: #272727;
  padding-bottom: 10px;
  font-family: Quicksand-M;
}
@media (max-width: 575.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .left-orderProduct .product-textt .buying-costs {
    font-size: 16px;
    text-align: start;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .left-orderProduct .product-textt .buying-costs {
    font-size: 16px;
    text-align: start;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .left-orderProduct .product-textt .buying-costs {
    font-size: 14px;
  }
}
.my-orderPage .order-page-top .orders-status-below .order-products-list .right-tracking-top {
  position: relative;
  width: 350px;
  /* display: flex; */
  margin: initial;
}
@media (max-width: 575.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .right-tracking-top {
    padding-top: 10px;
    width: 100%;
    height: 70px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .right-tracking-top {
    padding-top: 10px;
    width: 100%;
    height: 70px;
  }
}
.my-orderPage .order-page-top .orders-status-below .order-products-list .right-tracking-top .GM-points {
  font-size: 17px;
  color: #013c7b;
  text-align: end;
  font-family: Sf-R;
}
@media (max-width: 575.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .right-tracking-top .GM-points {
    font-size: 15px;
    text-align: start;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .right-tracking-top .GM-points {
    font-size: 15px;
    text-align: start;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .right-tracking-top .GM-points {
    font-size: 16px;
  }
}
.my-orderPage .order-page-top .orders-status-below .order-products-list .right-tracking-top .track-top {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.my-orderPage .order-page-top .orders-status-below .order-products-list .right-tracking-top .track-top .track-details {
  display: flex;
  justify-content: end;
  align-items: center;
  padding: 0;
  margin: 0;
}
@media (max-width: 575.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .right-tracking-top .track-top .track-details {
    font-size: 15px;
    justify-content: start;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .right-tracking-top .track-top .track-details {
    font-size: 15px;
    justify-content: start;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .right-tracking-top .track-top .track-details {
    font-size: 15px;
  }
}
.my-orderPage .order-page-top .orders-status-below .order-products-list .right-tracking-top .track-top .track-details .Track-Order {
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  font-family: Quicksand-SB !important;
  background-color: #013c7b;
  height: 40px;
  width: 180px;
  text-decoration: none;
  font-family: Sf-M;
  border: none;
}
@media (max-width: 575.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .right-tracking-top .track-top .track-details .Track-Order {
    font-size: 13px;
    background-color: #013c7b;
    height: 31px;
    width: 136px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .right-tracking-top .track-top .track-details .Track-Order {
    font-size: 13px;
    background-color: #013c7b;
    height: 31px;
    width: 136px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .right-tracking-top .track-top .track-details .Track-Order {
    font-size: 14px;
    background-color: #013c7b;
    height: 38px;
    width: 145px;
  }
}
.my-orderPage .order-page-top .orders-status-below .order-products-list .right-tracking-top .track-top .track-details .detail-view {
  margin: 0;
  padding-left: 10px;
  color: #272727;
  font-size: 12px;
  background-color: transparent;
  border: none;
  font-family: Sf-R;
  text-decoration: underline;
  cursor: pointer;
}
.my-orderPage .order-page-top .orders-status-below .order-products-list .right-tracking-top .track-top .track-details .detail-view .arrow-right {
  font-size: 9px;
  padding-left: 1px;
}
@media (max-width: 575.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .right-tracking-top .track-top .track-details .detail-view {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .right-tracking-top .track-top .track-details .detail-view {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .my-orderPage .order-page-top .orders-status-below .order-products-list .right-tracking-top .track-top .track-details .detail-view {
    font-size: 14px;
  }
}

.about-item {
  margin-top: 0px;
  padding-bottom: 60px;
}
.about-item .Brodcal {
  font-size: 14px;
  font-family: Sf-R;
  padding: 10px 0px;
  cursor: pointer;
}
.about-item .Brodcal .productName {
  color: #013c7b;
  font-family: Sf-M;
}
.about-item .about-item-image {
  height: auto;
  width: 100%;
}
.about-item .about-item-image .top-image-item {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.about-item .about-item-image .top-image-item .inside-thumbimage {
  border-radius: 10px !important;
}
.about-item .about-item-image .top-image-item img {
  border-radius: 10px !important;
}
.about-item .about-item-image .top-image-item .videoImg {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 46px;
  cursor: pointer;
}
.about-item .about-item-image .top-image-item .videoImg .fa-play-circle {
  position: absolute;
}
.about-item .about-details {
  padding: 0px 4px;
}
.about-item .about-details .item-para {
  font-size: 18px;
  color: #272727;
  font-family: Sf-M;
  margin: 0;
  padding-bottom: 14px;
}
@media (max-width: 575.98px) {
  .about-item .about-details .item-para {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-details .item-para {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-details .item-para {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-item .about-details .item-para {
    font-size: 21px;
  }
}
.about-item .about-details .cost-details {
  display: flex;
  align-items: center;
  line-height: 34px;
}
.about-item .about-details .cost-details .cost-offer {
  font-size: 20px;
  font-family: Sf-M;
  margin: 0;
  padding-bottom: 5px;
}
@media (max-width: 575.98px) {
  .about-item .about-details .cost-details .cost-offer {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-details .cost-details .cost-offer {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-details .cost-details .cost-offer {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-item .about-details .cost-details .cost-offer {
    font-size: 21px;
  }
}
.about-item .about-details .cost-details .cost-offer .priceData {
  font-size: 16px;
}
.about-item .about-details .cost-details .cost-offer .cost-confrim {
  font-family: Quicksand-SB;
}
.about-item .about-details .cost-details .cost-offer .marketPrice {
  font-size: 16px;
  font-family: Quicksand-SB;
  margin: 0;
}
.about-item .about-details .cost-details .cost-offer .marketPrice .disocunt {
  color: #272727;
  font-size: 22px;
  font-family: Quicksand-B;
  padding-right: 10px;
}
.about-item .about-details .cost-details .cost-offer .marketPrice .selingstrikg {
  color: rgb(126, 133, 155);
  text-decoration: line-through;
  font-size: 16px;
}
.about-item .about-details .cost-details .cost-offer .marketPrice .Savingss {
  background-color: rgb(223, 241, 217);
  color: rgb(55, 174, 2);
  font-family: Quicksand-SB;
  font-size: 14px;
  padding: 2px 10px;
  margin-left: 30px;
  border-radius: 4px;
}
.about-item .about-details .cost-details .cost-offer .sellingPrice {
  font-size: 14px;
  font-family: Quicksand-SB;
  margin: 0;
  color: #afafaf;
}
.about-item .about-details .cost-details .cost-offer .sellingPrice .selingstrikg {
  text-decoration: line-through;
  font-size: 14px;
}
.about-item .about-details .inclusiveline {
  color: #272727;
  font-size: 14px;
  margin: 0 !important;
  padding-bottom: 5px;
}
.about-item .about-details .inclusiveline.quantitys {
  font-family: Quicksand-SB !important;
  padding-bottom: 26px;
  font-size: 18px !important;
}
.about-item .about-details .inclusiveline.deleveryStatys {
  font-family: Sf-M !important;
  color: #272727 !important;
  font-size: 22px;
}
@media (max-width: 575.98px) {
  .about-item .about-details .inclusiveline {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-details .inclusiveline {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-details .inclusiveline {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-item .about-details .inclusiveline {
    font-size: 16px;
  }
}
.about-item .about-details .termsPrice {
  color: #272727;
  font-size: 14px;
  margin: 0 !important;
  font-family: Sf-R;
  padding-top: 5px;
}
@media (max-width: 575.98px) {
  .about-item .about-details .termsPrice {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-details .termsPrice {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-details .termsPrice {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-item .about-details .termsPrice {
    font-size: 16px;
  }
}
.about-item .about-details .notePrice {
  color: #272727;
  font-size: 14px;
  margin: 0 !important;
  font-family: Quicksand-SB;
  padding-top: 5px;
}
@media (max-width: 575.98px) {
  .about-item .about-details .notePrice {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-details .notePrice {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-details .notePrice {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-item .about-details .notePrice {
    font-size: 16px;
  }
}
.about-item .about-details .inclusivelines {
  color: #606060;
  font-size: 14px;
  margin: 0 !important;
  font-family: Sf-R;
  padding-bottom: 5px;
  padding-bottom: 12px;
}
@media (max-width: 575.98px) {
  .about-item .about-details .inclusivelines {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-details .inclusivelines {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-details .inclusivelines {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-item .about-details .inclusivelines {
    font-size: 16px;
  }
}
.about-item .about-details .globalpointline .globalpurchase {
  color: #272727;
  font-size: 18px;
  font-family: Sf-R;
  margin: 0;
}
@media (max-width: 575.98px) {
  .about-item .about-details .globalpointline .globalpurchase {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-details .globalpointline .globalpurchase {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-details .globalpointline .globalpurchase {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-item .about-details .globalpointline .globalpurchase {
    font-size: 16px;
  }
}
.about-item .about-details .rating-stars .write-review {
  color: #272727;
  font-size: 14px;
  color: #013c7b;
  text-decoration: underline;
  margin: 0;
  font-family: Quicksand-SB;
}
@media (max-width: 575.98px) {
  .about-item .about-details .rating-stars .write-review {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-details .rating-stars .write-review {
    font-size: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-details .rating-stars .write-review {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-item .about-details .rating-stars .write-review {
    font-size: 26px;
  }
}
.about-item .about-details .rating-stars .write-Breakup {
  color: #013c7b;
  font-size: 16px;
  font-family: Sf-R;
  padding-left: 20px;
  text-decoration: underline;
}
.about-item .about-details .costumer-review {
  font-size: 18px;
  color: #272727;
  font-family: Sf-M;
}
@media (max-width: 575.98px) {
  .about-item .about-details .costumer-review {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .about-item .about-details .costumer-review {
    font-size: 24px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-item .about-details .costumer-review {
    font-size: 25px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-item .about-details .costumer-review {
    font-size: 26px;
  }
}
.about-item .about-details .Specifications {
  font-size: 18px;
  font-family: Sf-R;
}
.about-item .about-details .propertis {
  background-color: #f1f8ff;
  padding: 10px;
  border-radius: 10px;
}
.about-item .about-details .propertis .propertiesList {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style-type: none;
  padding: 0;
  margin-bottom: 6px !important;
  margin: 0;
}
.about-item .about-details .propertis .propertiesList .propertyKey {
  font-family: Sf-R;
  font-size: 14px;
  margin: 0;
}
.about-item .deliveryInfo {
  background: white;
  padding: 10px;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.about-item .deliveryInfo .listData {
  display: flex;
  gap: 18px;
  border-bottom: 1px solid #d6d6d6 !important;
  align-items: center;
  margin: 0;
  padding: 0;
  padding: 12px 0px;
}
.about-item .deliveryInfo .listData .itemName {
  margin: 0;
  font-size: 14px;
  font-family: Sf-R;
  color: #272727;
}
.about-item .deliveryInfo .listData .spanItem {
  font-size: 12px;
  color: #616161;
  font-family: Sf-R;
}
.about-item .deliveryInfo .deliveryTime {
  width: 100%;
  padding: 5px 8px;
  border: 0.5px solid #d6d6d6;
  background-color: #fff;
  border-radius: 6px;
  margin-bottom: 16px;
}
@media (max-width: 575.98px) {
  .about-item .deliveryInfo .deliveryTime {
    margin-top: 16px;
  }
}
.about-item .deliveryInfo .deliveryTime .deliveryStatus {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
  align-items: center;
}
.about-item .deliveryInfo .deliveryTime .deliveryStatus .deliveryIcon {
  width: 44px;
}
.about-item .deliveryInfo .deliveryTime .deliveryStatus .contentDelivey {
  padding-left: 10px;
}
.about-item .deliveryInfo .deliveryTime .deliveryStatus .contentDelivey .ExpText {
  margin: 0;
  font-size: 12px;
  color: #0cc706;
  font-family: Sf-R;
}
.about-item .deliveryInfo .deliveryTime .deliveryStatus .contentDelivey .ExpText2 {
  margin: 0;
  font-size: 10px;
  color: #272727;
  font-family: Sf-R;
}
.about-item .deliveryInfo .otherProducts {
  width: 100%;
  padding: 10px;
  height: 300px;
  border: 0.5px solid #d6d6d6;
  background-color: #fff;
  border-radius: 6px;
  margin-bottom: 16px;
  overflow: scroll;
  overflow-x: hidden;
  /* width */
}
.about-item .deliveryInfo .otherProducts .otherTxt {
  margin: 0;
  color: #272727;
  font-family: "SF-R";
  font-size: 14px;
}
.about-item .deliveryInfo .otherProducts .itemsList {
  border: 0.5px solid #d6d6d6;
  background-color: #fff;
  border-radius: 6px;
  padding: 6px;
  margin-top: 10px;
  transition: all 0.3s ease;
}
.about-item .deliveryInfo .otherProducts .itemsList:hover {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border: 0.5px solid #013c7b;
}
.about-item .deliveryInfo .otherProducts .itemsList .itemsSwich {
  cursor: pointer;
  list-style-type: none;
  padding: 0;
  display: flex;
  gap: 10px;
  margin: 0;
  align-items: center;
}
.about-item .deliveryInfo .otherProducts .itemsList .itemsSwich .deliveryImg {
  width: 30px;
  border-radius: 4px;
}
.about-item .deliveryInfo .otherProducts .itemsList .itemsSwich .prodctTxt {
  margin: 0;
  font-family: "SF-L";
  font-size: 12px;
}
.about-item .deliveryInfo ::-webkit-scrollbar {
  width: 10px;
}
.about-item .deliveryInfo ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.about-item .deliveryInfo ::-webkit-scrollbar-thumb {
  background: #888;
}
.about-item .deliveryInfo ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.about-item .deliveryInfo .catImgs {
  padding: 0;
  list-style-type: none;
  display: flex;
  gap: 25px;
  margin-top: 10px;
}
.about-item .deliveryInfo .catImgs .itemsGroup {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 0;
}
.about-item .deliveryInfo .catImgs .itemsGroup .caytogryImgs {
  width: 100%;
  border-radius: 10px;
  position: relative;
}
.about-item .deliveryInfo .catImgs .itemsGroup .cateTxts {
  padding-top: 20px;
  margin: 0;
  color: #000000;
  position: absolute;
  font-family: Sf-M;
  z-index: 1;
}

.m-top .M-content-below {
  border: none;
  border-radius: 8px;
  background-color: #ffffff;
  width: 430px;
  height: auto !important;
}
.m-top .M-content-below .M-header {
  border: none;
  padding-bottom: 0px;
}
.m-top .M-content-below .M-header .payment-title {
  color: #000000;
  font-size: 18px !important;
  font-family: Sf-M;
}
@media (max-width: 575.98px) {
  .m-top .M-content-below .M-header .payment-title {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .m-top .M-content-below .M-header .payment-title {
    font-size: 20px;
  }
}
.m-top .M-content-below .M-header .close-icon {
  color: #606060;
  font-size: 14px;
}
.m-top .M-content-below .m-body {
  padding: 5px 16px;
}
.m-top .M-content-below .m-body .payment-body .payment-info-top {
  padding-left: 0px;
  margin-bottom: 0px;
}
.m-top .M-content-below .m-body .payment-body .payment-info-top .payment-list {
  display: flex;
  justify-content: space-between;
  border-bottom: 0.5px solid #c7bbbb;
  padding: 17px 0px;
}
@media (max-width: 575.98px) {
  .m-top .M-content-below .m-body .payment-body .payment-info-top .payment-list {
    padding: 15px 0px;
  }
}
.m-top .M-content-below .m-body .payment-body .payment-info-top .payment-list .left-priceText {
  margin: 0px;
  padding: 0px;
  color: #919191;
  font-size: 14px;
  font-family: Sf-R;
}
@media (max-width: 575.98px) {
  .m-top .M-content-below .m-body .payment-body .payment-info-top .payment-list .left-priceText {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .m-top .M-content-below .m-body .payment-body .payment-info-top .payment-list .left-priceText {
    font-size: 14px;
  }
}
.m-top .M-content-below .m-body .payment-body .payment-info-top .payment-list .amount-right {
  margin: 0px;
  padding: 0px;
  font-size: 18px;
  color: #272727;
  font-family: Sf-R;
}
@media (max-width: 575.98px) {
  .m-top .M-content-below .m-body .payment-body .payment-info-top .payment-list .amount-right {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .m-top .M-content-below .m-body .payment-body .payment-info-top .payment-list .amount-right {
    font-size: 16px;
  }
}
.m-top .M-content-below .m-body .payment-body .payment-info-top .payment-list.border-btm {
  border: none;
}
.m-top .M-content-below .modal-footer {
  display: flex;
  margin: 0px auto;
  border: none;
  padding-top: 0px;
}
.m-top .M-content-below .modal-footer .invoice-btn {
  background-color: #013c7b;
  color: #fff;
  height: 40px;
  width: 340px;
  font-family: Sf-R;
  font-size: 15px;
  border: none;
  border-radius: 5px;
}
@media (max-width: 575.98px) {
  .m-top .M-content-below .modal-footer .invoice-btn {
    width: 270px;
  }
}

.return-Mtop .return-Mdata {
  border: none;
  border-radius: 8px;
  background-color: #ffffff;
}
@media (max-width: 575.98px) {
  .return-Mtop .return-Mdata {
    width: 268px;
    margin: auto;
    display: flex;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .return-Mtop .return-Mdata {
    width: 268px;
    margin: auto;
  }
}
.return-Mtop .return-Mdata .return-Mheader {
  border: none;
  padding-bottom: 0px;
}
.return-Mtop .return-Mdata .return-Mheader .choose-title {
  color: #000000;
  font-size: 18px !important;
  font-family: Sf-M;
}
@media (max-width: 575.98px) {
  .return-Mtop .return-Mdata .return-Mheader .choose-title {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .return-Mtop .return-Mdata .return-Mheader .choose-title {
    font-size: 18px;
  }
}
.return-Mtop .return-Mdata .return-Mheader .close-iccon {
  color: #606060;
  font-size: 14px;
}
.return-Mtop .return-Mdata .return-Mbody .return-xchange-top .return-inside {
  display: flex;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  background-color: #f3f3f3;
  padding: 0px 11px;
  height: 42px;
  border-radius: 6px;
  margin-bottom: 10px;
}
.return-Mtop .return-Mdata .return-Mbody .return-xchange-top .return-inside .return-txt {
  font-family: Sf-R;
  padding-bottom: 0px;
  margin-bottom: 0px;
  font-size: 14px;
}
.return-Mtop .return-Mdata .return-Mbody .return-xchange-top .return-inside .return-txt .returnBoxIcn {
  height: 16px;
  margin-right: 9px;
  width: 16px;
}
.return-Mtop .return-Mdata .return-Mbody .return-xchange-top .return-inside .right-arrow {
  padding-bottom: 0px;
  margin-bottom: 0px;
  font-size: 12px;
  color: #000000;
}

.brand-images-below {
  width: 100%;
  height: auto;
}
.brand-images-below .bottom-cards {
  padding: 14px 90px;
  display: flex;
  justify-content: space-between;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .brand-images-below .bottom-cards {
    padding: 30px 20px;
  }
}
@media (max-width: 575.98px) {
  .brand-images-below .bottom-cards {
    padding: 15px 0px;
    display: flex;
    justify-content: space-around;
    text-align: center;
    flex-wrap: wrap;
    gap: 4px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .brand-images-below .bottom-cards {
    padding: 20px 0px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 4px;
  }
}
.brand-images-below .bottom-cards .shippingCard-top {
  width: 200px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .brand-images-below .bottom-cards .shippingCard-top {
    width: 160px;
    padding: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .brand-images-below .bottom-cards .shippingCard-top {
    width: 160px;
    padding: 10px;
  }
}
@media (max-width: 575.98px) {
  .brand-images-below .bottom-cards .shippingCard-top {
    width: 160px;
    padding: 10px;
  }
}
.brand-images-below .bottom-cards .shippingCard-top .star-top {
  height: 38px;
  margin-bottom: 6px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .brand-images-below .bottom-cards .shippingCard-top .star-top {
    height: 32px;
    margin-bottom: 6px;
  }
}
@media (max-width: 575.98px) {
  .brand-images-below .bottom-cards .shippingCard-top .star-top {
    height: 29px;
    margin-bottom: 7px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .brand-images-below .bottom-cards .shippingCard-top .star-top {
    height: 29px;
    margin-bottom: 7px;
  }
}
.brand-images-below .bottom-cards .shippingCard-top .star-top .star-icons {
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  height: 80%;
}
.brand-images-below .bottom-cards .shippingCard-top .Free-delivery {
  color: hsl(0, 0%, 0%);
  font-size: 16px;
  font-family: Sf-Sb;
  margin: 0;
  padding-bottom: 2px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .brand-images-below .bottom-cards .shippingCard-top .Free-delivery {
    font-size: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .brand-images-below .bottom-cards .shippingCard-top .Free-delivery {
    font-size: 17px;
    padding-bottom: 0px;
  }
}
@media (max-width: 575.98px) {
  .brand-images-below .bottom-cards .shippingCard-top .Free-delivery {
    font-size: 16px;
    padding-bottom: 0px;
  }
}
.brand-images-below .bottom-cards .shippingCard-top .For-above {
  font-size: 12px;
  font-family: Sf-R;
  color: #575757;
  margin: 0px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .brand-images-below .bottom-cards .shippingCard-top .For-above {
    font-size: 15px;
    padding-bottom: 0px;
  }
}
@media (max-width: 575.98px) {
  .brand-images-below .bottom-cards .shippingCard-top .For-above {
    font-size: 15px;
    padding-bottom: 0px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .brand-images-below .bottom-cards .shippingCard-top .For-above {
    font-size: 15px;
    padding-bottom: 0px;
  }
}
.brand-images-below .commited-box-top {
  background: #f2f2f2;
  padding: 42px 0px 36px 0px;
}
@media (max-width: 575.98px) {
  .brand-images-below .commited-box-top {
    padding: 35px 0px;
  }
}
@media (max-width: 575.98px) {
  .brand-images-below .commited-box-top {
    padding: 25px 0px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .brand-images-below .commited-box-top {
    padding: 25px 0px;
  }
}
.brand-images-below .commited-box-top .box-inside-texts {
  font-size: 17px;
  font-family: Sf-R;
  color: #575757;
  line-height: 26px;
  padding-bottom: 23px;
}
@media (max-width: 575.98px) {
  .brand-images-below .commited-box-top .box-inside-texts {
    font-size: 14px;
    line-height: 21px;
    padding-bottom: 9px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .brand-images-below .commited-box-top .box-inside-texts {
    font-size: 14px;
    line-height: 21px;
    padding-bottom: 9px;
  }
}
.brand-images-below .commited-box-top .social-connect-top {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
@media (max-width: 575.98px) {
  .brand-images-below .commited-box-top .social-connect-top {
    gap: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .brand-images-below .commited-box-top .social-connect-top {
    gap: 10px;
  }
}
.brand-images-below .commited-box-top .social-connect-top .wtsp-email-top {
  display: flex;
  background: #ffffff;
  height: 90px;
  width: 330px;
  /* justify-content: center; */
  align-items: center;
  gap: 10px;
  padding: 0px 15px;
  border-radius: 12px;
}
@media (max-width: 575.98px) {
  .brand-images-below .commited-box-top .social-connect-top .wtsp-email-top {
    height: 70px;
    width: 310px;
    padding: 0px 12px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .brand-images-below .commited-box-top .social-connect-top .wtsp-email-top {
    height: 70px;
    width: 310px;
    padding: 0px 12px;
  }
}
.brand-images-below .commited-box-top .social-connect-top .wtsp-email-top .email-box .left-EmailImgeTop {
  height: 50px;
  width: 54px;
}
@media (max-width: 575.98px) {
  .brand-images-below .commited-box-top .social-connect-top .wtsp-email-top .email-box .left-EmailImgeTop {
    height: 33px;
    width: auto;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .brand-images-below .commited-box-top .social-connect-top .wtsp-email-top .email-box .left-EmailImgeTop {
    height: 33px;
    width: auto;
  }
}
.brand-images-below .commited-box-top .social-connect-top .wtsp-email-top .email-box .left-EmailImgeTop.wtsp-subimg {
  height: 46px;
}
@media (max-width: 575.98px) {
  .brand-images-below .commited-box-top .social-connect-top .wtsp-email-top .email-box .left-EmailImgeTop.wtsp-subimg {
    height: 33px;
    width: auto;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .brand-images-below .commited-box-top .social-connect-top .wtsp-email-top .email-box .left-EmailImgeTop.wtsp-subimg {
    height: 33px;
    width: auto;
  }
}
.brand-images-below .commited-box-top .social-connect-top .wtsp-email-top .email-box .left-EmailImgeTop.homeImg {
  height: 50px;
}
@media (max-width: 575.98px) {
  .brand-images-below .commited-box-top .social-connect-top .wtsp-email-top .email-box .left-EmailImgeTop.homeImg {
    height: 35px;
    width: auto;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .brand-images-below .commited-box-top .social-connect-top .wtsp-email-top .email-box .left-EmailImgeTop.homeImg {
    height: 35px;
    width: auto;
  }
}
.brand-images-below .commited-box-top .social-connect-top .wtsp-email-top .email-box .left-EmailImgeTop .email-image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.brand-images-below .commited-box-top .social-connect-top .wtsp-email-top .right-emilTexts .send-us {
  margin: 0px;
  font-size: 16px;
  font-family: Sf-R;
  color: #000000;
  padding-bottom: 1px;
}
@media (max-width: 575.98px) {
  .brand-images-below .commited-box-top .social-connect-top .wtsp-email-top .right-emilTexts .send-us {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .brand-images-below .commited-box-top .social-connect-top .wtsp-email-top .right-emilTexts .send-us {
    font-size: 14px;
  }
}
.brand-images-below .commited-box-top .social-connect-top .wtsp-email-top .right-emilTexts .email-text {
  margin: 0px;
  font-size: 16px;
  font-family: Sf-M;
  color: #000000;
}
@media (max-width: 575.98px) {
  .brand-images-below .commited-box-top .social-connect-top .wtsp-email-top .right-emilTexts .email-text {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .brand-images-below .commited-box-top .social-connect-top .wtsp-email-top .right-emilTexts .email-text {
    font-size: 14px;
  }
}

.submit-Mtop {
  display: flex;
  justify-content: center;
}
.submit-Mtop .submit-Mdata {
  width: 330px;
}
.submit-Mtop .submit-Mdata .submit-Mbody {
  padding: 20px 16px;
}
.submit-Mtop .submit-Mdata .submit-Mbody .submit-request-top .checked-lcon-inside {
  background-color: #03284f;
  margin: 0px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  margin-bottom: 12px;
}
.submit-Mtop .submit-Mdata .submit-Mbody .submit-request-top .checked-lcon-inside .chek-icon {
  color: #f9f9f9;
  font-size: 17px;
}
.submit-Mtop .submit-Mdata .submit-Mbody .submit-request-top .return-submited {
  margin-bottom: 8px;
  text-align: center;
  font-size: 21px;
  color: #000000;
  font-family: Sf-M;
}
.submit-Mtop .submit-Mdata .submit-Mbody .submit-request-top .ref-number {
  padding-bottom: 20px;
  margin-bottom: 0px;
  text-align: center;
  font-size: 13px;
  color: #606060;
  font-family: Sf-R;
}
.submit-Mtop .submit-Mdata .submit-Mbody .submit-request-top .okkk-btn {
  background-color: #013c7b;
  color: #f9f9f9;
  font-family: Sf-M;
  height: 35px;
  border: none;
  font-size: 15px;
  width: 230px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px auto;
}

.keyPoints {
  color: #616161;
  font-size: 16px;
  margin: 0 !important;
  font-family: Sf-R;
}

.table-technical-mobile {
  color: #272727;
  font-size: 15px;
  border: 1px solid #d9d9d9 !important;
  font-family: "SF-R";
  border-right: none;
}
@media (max-width: 575.98px) {
  .table-technical-mobile {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .table-technical-mobile {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .table-technical-mobile {
    font-size: 14px;
  }
}
.table-technical-data {
  color: #616161;
  font-size: 15px;
  width: 260px !important;
  font-family: "SF-R";
}
@media (max-width: 575.98px) {
  .table-technical-data {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .table-technical-data {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .table-technical-data {
    font-size: 14px;
  }
}
.bannerInnerPage .bannerInside {
  margin-top: 40px;
  width: 100%;
  height: 200px;
}
.bannerInnerPage .bannerInside .bannerIn {
  width: 100%;
  height: 100%;
}
@media (max-width: 575.98px) {
  .bannerInnerPage .bannerInside .bannerIn {
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    height: auto;
  }
}
.bannerInnerPage .pBrandings {
  padding: 30px 0px;
}

.offcanvas-backdrop {
  background-color: rgba(0, 0, 0, 0.5) !important;
  /* Adjust opacity and color as needed */
}

.ofCanvsuForAllCategory {
  width: 268px;
  z-index: 99999;
}
.ofCanvsuForAllCategory .canvHeader {
  background-color: #013c7b;
}
.ofCanvsuForAllCategory .canvHeader .shopBy {
  font-family: Quicksand-B;
  font-size: 14px;
  color: #272727;
}

.fonCa {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.fonCa .backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
  z-index: 999; /* Ensure the backdrop appears above other content */
}
.fonCa .off-canvas-menu {
  position: fixed;
  top: 0;
  left: -300px; /* Off-canvas position */
  width: 300px;
  height: 100%;
  background-color: #ffffff;
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Add box-shadow transition */
  z-index: 99999;
}
.fonCa .off-canvas-menu.open {
  z-index: 99999;
  transform: translateX(300px); /* Slide in when open */
}
.fonCa .menu-toggle {
  cursor: pointer;
  padding: 15px;
}
.fonCa .toggle-bar {
  width: 25px;
  height: 3px;
  background-color: #fff;
  margin: 5px 0;
}
.fonCa .menu-content {
  color: #fff;
  height: 100vh;
  overflow-x: hidden;
  transition: transform 0.5s all ease-in-out;
  overflow-y: scroll;
}
.fonCa .menu-content .btn-group {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.fonCa .menu-content .btn-group .dropDons {
  border-radius: 0;
  height: 58px;
  display: flex;
  background-color: #ffffff;
  justify-content: space-between;
  align-items: center;
  color: #272727;
  border: none;
  border-bottom: 1px solid #ececec;
  outline: none;
}
.fonCa .menu-content .btn-group .dropDons .textCate {
  margin: 0;
  font-family: Sf-R;
}
.fonCa .menu-content .btn-group .dropDons .textCate .BackImg {
  width: 22px;
}
.fonCa .menu-content .btn-group .dropDons .RightImgIcon {
  width: 18px;
  cursor: pointer;
}
.fonCa .menu-content .btn-group .dropDons .viewAlBtn {
  background-color: #013c7b;
  font-family: Sf-R;
  padding: 4px;
  color: #fff;
  border-radius: 6px;
  font-size: 12px;
  margin: 0;
}
.fonCa .menu-content .btn-group .dropDons.focus {
  display: none;
}
.fonCa .menu-content .btn-group .dropDons::after {
  display: none;
}
.fonCa .menu-content .btn-group .dropDons:hover {
  background-color: var(--secondnavbg);
}
.fonCa .menu-content .btn-group .dropDons:focus {
  display: none;
}
.fonCa .show {
  transform: translateX(0);
}
.fonCa .hide {
  transform: translateX(-100%);
}
.fonCa ::-webkit-scrollbar {
  width: 10px;
}
.fonCa ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.fonCa ::-webkit-scrollbar-thumb {
  background: #888;
}
.fonCa ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.fonCa .menu-content ul {
  list-style-type: none;
  padding: 0;
}
.fonCa .menu-content li {
  padding: 10px 0;
  cursor: pointer;
}
.fonCa .menu-content li:hover {
  background-color: #444;
}
.fonCa .toHeader {
  background-color: #013c7b;
  height: 58px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
}
.fonCa .toHeader .toListing {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.fonCa .toHeader .toListing .soptxt {
  margin: 0;
  font-family: Quicksand-B;
  font-size: 14px;
  color: #fff;
}
.fonCa .toHeader .toListing .fa-times {
  font-size: 18px;
  cursor: pointer;
}
.fonCa .toHeader .toListing .RightImg {
  cursor: pointer;
  width: 18px;
  color: #fff;
}

.product-card {
  width: 100%;
  height: auto;
  border: 0.5px solid rgba(247, 247, 247, 0);
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px;
}
.product-card:hover {
  border: 1px solid #013c7b;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.product-card .card-top {
  background: #fff;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
  position: relative;
  border-radius: 10px 10px 0px 0px !important;
}
.product-card .card-top .productImg-top {
  width: 100%;
  height: auto;
  position: relative;
}
.product-card .card-top .productImg-top .productSoldOut {
  position: absolute;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 100%;
  height: 100%;
  color: red;
  font-family: "Sf-R";
}
.product-card .card-top .productImg-top .productSoldOut .lableStock {
  background: #565656;
  width: 100%;
  opacity: 1.3;
  color: #fff;
  font-size: 14px;
  padding: 4px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .product-card .card-top .productImg-top {
    height: 130px;
  }
}
.product-card .card-top .productImg-top .product-cardImage {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 12px;
  mix-blend-mode: darken;
  cursor: pointer;
  height: 176px;
  border-radius: 10px 10px 0px 0px !important;
}
.product-card .card-top .productImg-top .product-cardImage.soldProducts {
  filter: grayscale !important;
  opacity: 0.2 !important;
}
@media (max-width: 575.98px) {
  .product-card .card-top .productImg-top .product-cardImage {
    height: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .product-card .card-top .productImg-top .product-cardImage {
    height: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .product-card .card-top .productImg-top .product-cardImage {
    height: 100%;
  }
}
.product-card .card-top .DiscoutBox {
  width: 40px;
  height: 40px;
  background-color: red;
  position: absolute;
  left: 7px;
  top: 10px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-card .card-top .DiscoutBox .dicsoutnNu {
  color: #fff;
  font-family: Sf-R;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 10px;
}
.product-card .card-top .wishlist-icon {
  position: absolute;
  height: 36px;
  width: 36px;
  top: 10px;
  color: #03284f;
  cursor: pointer !important;
  right: 6px;
}
.product-card .card-top .wishlist-iconNew {
  position: absolute;
  height: 22px;
  width: 36px;
  top: 10px;
  color: #03284f;
  cursor: pointer !important;
  right: 6px;
}
.product-card .product-body {
  padding: 8px 11px 11px 11px;
}
.product-card .product-body .item-title {
  color: #000000;
  font-size: 12px;
  cursor: pointer;
  font-family: Sf-R;
  margin-bottom: 0px;
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* Number of lines to show */
  -webkit-box-orient: vertical;
}
.product-card .product-body .item-title:hover {
  color: #414656;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .product-card .product-body .item-title {
    font-size: 11px;
  }
}
@media (max-width: 575.98px) {
  .product-card .product-body .item-title {
    height: 35px;
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .product-card .product-body .item-title {
    height: 35px;
    font-size: 11px;
  }
}
.product-card .product-body .item-review .starss {
  font-size: 16px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .product-card .product-body .item-review .starss {
    font-size: 18px;
  }
}
.product-card .product-body .item-review .custemer-rivew {
  font-family: Sf-R;
  color: #03284f;
  font-size: 13px;
  padding-left: 6px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .product-card .product-body .item-review .custemer-rivew {
    font-size: 11px;
  }
}
.product-card .product-body .item-price {
  color: #03284f;
  font-size: 16px;
  font-family: Sf-M;
  margin-bottom: 7px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .product-card .product-body .item-price {
    font-size: 11px;
  }
}
@media (max-width: 575.98px) {
  .product-card .product-body .item-price {
    font-size: 12px;
  }
}
.product-card .product-body .add-cart {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #013c7b;
  width: 100%;
  color: #ffffff;
  font-size: 12px;
  height: 40px;
  font-family: Sf-R;
  border-radius: 5px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .product-card .product-body .add-cart {
    font-size: 11px;
    height: 30px;
  }
}
@media (max-width: 575.98px) {
  .product-card .product-body .add-cart {
    font-size: 11px;
    height: 30px;
  }
}
.product-card .product-body .add-cart .bag-icon {
  height: 16px;
  width: auto;
  margin-right: 5px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .product-card .product-body .add-cart .bag-icon {
    height: 14px;
  }
}
@media (max-width: 575.98px) {
  .product-card .product-body .add-cart .bag-icon {
    height: 14px;
  }
}

.search-container {
  height: 40px;
  border: none !important;
  position: relative;
  width: 650px;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .search-container {
    width: 500px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .search-container {
    width: 97%;
    border-radius: 50px;
    margin: 0px auto;
  }
}
@media (max-width: 575.98px) {
  .search-container {
    width: 97%;
    border-radius: 50px;
    margin: 0px auto;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .search-container {
    width: 97%;
    border-radius: 50px;
    margin: 0px auto;
  }
}
.search-container .serachbar-form {
  display: flex;
  width: 100%;
  align-items: center;
  height: 100%;
}
.search-container .serachbar-form::after {
  display: none;
}
@media (max-width: 575.98px) {
  .search-container .serachbar-form {
    position: sticky;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .search-container .serachbar-form {
    position: sticky;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .search-container .serachbar-form {
    position: sticky;
  }
}
.search-container .serachbar-form .select-wrapper .custom-select {
  display: flex;
  align-items: center;
  font-family: Sf-R;
  color: #272727;
  font-size: 13px;
  position: relative;
  border: none;
  background-color: transparent;
  outline: none;
  box-shadow: none;
  width: auto;
  min-width: 110px;
  text-align: left;
}
.search-container .serachbar-form .select-wrapper .custom-select:active {
  border: none;
  box-shadow: none;
  outline: none;
}
.search-container .serachbar-form .select-wrapper .custom-select:focus {
  border: none;
  box-shadow: none;
}
.search-container .serachbar-form .select-wrapper .custom-select:after {
  display: none;
}
.search-container .serachbar-form .select-wrapper .custom-select .down-arrow {
  position: absolute;
  right: 2px;
  top: 13px;
}
.search-container .serachbar-form .select-wrapper .category-dropdwn-box {
  padding: 15px;
  width: 450px;
}
@media (max-width: 575.98px) {
  .search-container .serachbar-form .select-wrapper .category-dropdwn-box {
    width: 300px;
    inset: 0px auto auto 8px;
  }
}
.search-container .serachbar-form .select-wrapper .category-dropdwn-box .category-data-box {
  width: 100%;
}
.search-container .serachbar-form .select-wrapper .category-dropdwn-box .category-data-box .category-searchInput {
  border: 0.5px solid var(--categorybg);
  width: 100%;
  height: 40px;
  border-radius: 6px;
  padding: 10px;
  outline: none;
}
.search-container .serachbar-form .select-wrapper .category-dropdwn-box .category-data-box .category-searchInput::-moz-placeholder {
  font-family: Sf-R;
}
.search-container .serachbar-form .select-wrapper .category-dropdwn-box .category-data-box .category-searchInput::placeholder {
  font-family: Sf-R;
}
.search-container .serachbar-form .select-wrapper .category-dropdwn-box .category-data-box .category-lists-top {
  height: 260px;
  overflow: auto;
  margin-top: 10px;
  /* Styling for WebKit-based browsers (Chrome, Safari) */
  /* Styling for the scrollbar track */
}
.search-container .serachbar-form .select-wrapper .category-dropdwn-box .category-data-box .category-lists-top::-webkit-scrollbar {
  width: 8px; /* Adjust the width of the scrollbar */
}
.search-container .serachbar-form .select-wrapper .category-dropdwn-box .category-data-box .category-lists-top::-webkit-scrollbar-track {
  background: #f1f1f1; /* Color of the scrollbar track */
  border-radius: 5px; /* Rounded corners for the scrollbar track */
}
.search-container .serachbar-form .select-wrapper .category-dropdwn-box .category-data-box .category-lists-top::-webkit-scrollbar-thumb {
  background: #888; /* Color of the scrollbar thumb */
  border-radius: 5px; /* Rounded corners for the scrollbar thumb */
}
.search-container .serachbar-form .select-wrapper .category-dropdwn-box .category-data-box .category-lists-top .category-lists {
  width: 100%;
  padding: 4px 6px;
  cursor: pointer;
  border-radius: 5px;
}
.search-container .serachbar-form .select-wrapper .category-dropdwn-box .category-data-box .category-lists-top .category-lists .list-items-inside {
  width: 100%;
  height: auto;
  text-decoration: none;
  font-size: 15px;
  color: #161616;
  font-family: Sf-R;
}
.search-container .serachbar-form .select-wrapper .category-dropdwn-box .category-data-box .category-lists-top .category-lists.active {
  background-color: #dedede !important;
}
.search-container .serachbar-form .select-wrapper .category-dropdwn-box .category-data-box .category-lists-top .category-lists:hover {
  background-color: #f1f8ff;
}
.search-container .serachbar-form .search-Drpdown {
  width: 100%;
  height: 100%;
  padding-left: 9px;
}
.search-container .serachbar-form .search-Drpdown .MysearchInput {
  padding-left: 10px;
  height: 40px;
  outline: none !important;
  width: 100%;
  font-family: Sf-R;
  font-size: 14px;
  color: #959595;
  border: none !important;
  box-shadow: none !important;
  background-color: transparent;
}
.search-container .serachbar-form .search-Drpdown .MysearchInput:focus {
  outline: none !important;
  border: 0px !important;
  box-shadow: none !important;
}
.search-container .serachbar-form .search-Drpdown .MysearchInput.active {
  border: 0px !important;
  outline: none !important;
  box-shadow: none !important;
}
.search-container .serachbar-form .search-Drpdown .MysearchInput.show {
  border: 0px !important;
  outline: none !important;
  box-shadow: none !important;
}
.search-container .serachbar-form .search-Drpdown .mySercMenu {
  width: 100%;
}
.search-container .serachbar-form .search-Drpdown .search-box-inside {
  position: relative;
  width: 100%;
  border: 0px !important;
  outline: none !important;
  box-shadow: none !important;
  height: 100%;
}
.search-container .serachbar-form .search-Drpdown .search-box-inside::after {
  display: none;
}
.search-container .serachbar-form .search-Drpdown .search-box-inside.active {
  border: 0px !important;
  outline: none !important;
  box-shadow: none !important;
}
.search-container .serachbar-form .search-Drpdown .search-box-inside.show {
  border: 0px !important;
  outline: none !important;
  box-shadow: none !important;
}
.search-container .serachbar-form .search-Drpdown .search-box-inside .searchInput {
  padding-left: 10px;
  height: 100%;
  outline: none !important;
  width: 100%;
  font-family: Sf-R;
  font-size: 14px;
  color: #959595;
  border: none !important;
  box-shadow: none !important;
  background-color: transparent;
}
.search-container .serachbar-form .search-Drpdown .search-box-inside .searchInput:focus {
  outline: none !important;
  border: 0px !important;
  box-shadow: none !important;
}
.search-container .serachbar-form .search-Drpdown .search-box-inside .searchInput.active {
  border: 0px !important;
  outline: none !important;
  box-shadow: none !important;
}
.search-container .serachbar-form .search-Drpdown .search-box-inside .searchInput.show {
  border: 0px !important;
  outline: none !important;
  box-shadow: none !important;
}
.search-container .serachbar-form .search-Drpdown .search-btn {
  position: absolute;
  right: 13px;
  top: 6px;
  border: none;
  background: none;
  cursor: pointer;
  outline: none;
}
.search-container .serachbar-form .search-Drpdown .search-btn .serch-image {
  width: 16px;
  height: 16px;
}
.search-container .serachbar-form .search-Drpdown .searchbar-box {
  width: 100%;
}
.search-container .serachbar-form .search-Drpdown .searchbar-box .search-items {
  display: flex;
  gap: 15px;
  padding: 0px 15px;
  width: 100%;
}
.search-container .serachbar-form .search-Drpdown .searchbar-box .search-items .search-productText {
  margin-bottom: 0px;
  cursor: pointer;
  font-family: Sf-R;
  font-size: 12px;
  color: #000000;
  width: 100%;
}
.search-container .serachbar-form .search-Drpdown .searchbar-box .search-items .search-productText:hover {
  color: #013c7b;
}
.search-container .serachbar-form .search-Drpdown .searchbar-box .search-items .price-right .original-price {
  margin-bottom: 8px;
  font-family: Poppins-Regular;
  font-size: 14px;
  color: #919eab;
}
.search-container .serachbar-form .search-Drpdown .searchbar-box .search-items .price-right .discounted-price {
  margin-bottom: 0px;
  font-family: Poppins-Regular;
  font-size: 14px;
  color: #000000;
}
.search-container .serachbar-form .search-Drpdown .searchbar-box .search-items.results {
  font-family: Poppins-Regular;
  font-size: 14px;
  margin-bottom: 12px;
}
.search-container .serachbar-form .search-Drpdown .searchbar-box .search-items.view-top {
  justify-content: center;
}
.search-container .serachbar-form .search-Drpdown .searchbar-box .search-items.view-top .view-all {
  text-decoration: none;
  color: #000000 !important;
  font-size: 14px;
}

.main-search {
  display: block;
}
@media (max-width: 575.98px) {
  .main-search {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .main-search {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .main-search {
    display: none;
  }
}

.smaller-search {
  display: none;
}
@media (max-width: 575.98px) {
  .smaller-search {
    display: block;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .smaller-search {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .smaller-search {
    display: block;
  }
}

.listitemsparas {
  font-family: Sf-L;
  font-size: 14px;
  padding-bottom: 10px;
}

.contact-us-section {
  width: 100%;
  height: auto;
  padding-bottom: 30px;
}
.contact-us-section .contact-top {
  background-image: url("./../images/contact-bg.png");
  width: 100%;
  height: 230px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  text-align: center;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .contact-us-section .contact-top {
    height: 210px;
  }
}
@media (max-width: 575.98px) {
  .contact-us-section .contact-top {
    height: 190px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .contact-us-section .contact-top {
    height: 190px;
  }
}
.contact-us-section .contact-top .contact-us {
  color: #272727;
  font-family: Sf-M;
  font-size: 37px;
  margin-bottom: 12px;
  padding-top: 10px;
}
@media (max-width: 575.98px) {
  .contact-us-section .contact-top .contact-us {
    font-size: 22px;
    margin-bottom: 8px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .contact-us-section .contact-top .contact-us {
    font-size: 22px;
    margin-bottom: 8px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .contact-us-section .contact-top .contact-us {
    font-size: 30px;
    margin-bottom: 10px;
  }
}
.contact-us-section .contact-top .contactus-text {
  color: #616161;
  font-family: Sf-L;
  font-size: 15px;
  padding: 0px 13%;
  margin: 0px;
  line-height: 22px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .contact-us-section .contact-top .contactus-text {
    font-size: 14px;
    line-height: 21px;
    padding: 0px 4%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .contact-us-section .contact-top .contactus-text {
    font-size: 13px;
    line-height: 19px;
    padding: 0px 0%;
  }
}
@media (max-width: 575.98px) {
  .contact-us-section .contact-top .contactus-text {
    font-size: 12px;
    line-height: 17px;
    padding: 0px 0%;
  }
}
.contact-us-section .contact-SubSection {
  margin-top: 15px;
  width: 100%;
  height: auto;
}
.contact-us-section .contact-SubSection .inquiry-box-top {
  border: 0.4px solid #efecec;
  border-radius: 10px;
  padding: 15px;
  width: 100%;
  height: auto;
}
@media (max-width: 575.98px) {
  .contact-us-section .contact-SubSection .inquiry-box-top {
    padding: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .contact-us-section .contact-SubSection .inquiry-box-top {
    padding: 10px;
  }
}
.contact-us-section .contact-SubSection .inquiry-box-top .get-touch {
  color: #272727 !important;
  font-size: 18px;
  font-family: Quicksand-SB;
  margin-bottom: 2px;
}
@media (max-width: 575.98px) {
  .contact-us-section .contact-SubSection .inquiry-box-top .get-touch {
    font-size: 15px;
    margin-bottom: 1px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .contact-us-section .contact-SubSection .inquiry-box-top .get-touch {
    font-size: 15px;
    margin-bottom: 1px;
  }
}
.contact-us-section .contact-SubSection .inquiry-box-top .choose-method {
  font-size: 14px;
  font-family: Quicksand-SB;
  color: #013c7b;
}
@media (max-width: 575.98px) {
  .contact-us-section .contact-SubSection .inquiry-box-top .choose-method {
    font-size: 13px;
    margin-bottom: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .contact-us-section .contact-SubSection .inquiry-box-top .choose-method {
    font-size: 13px;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .contact-us-section .contact-SubSection .inquiry-box-top .choose-method {
    font-size: 13px;
    margin-bottom: 10px;
  }
}
.contact-us-section .contact-SubSection .inquiry-box-top .contact-input-text {
  color: #272727 !important;
  font-size: 14px;
  font-family: Sf-R;
  height: 37px;
  border-radius: 6px;
  border: 0.4px solid #c5c5c5;
}
@media (max-width: 575.98px) {
  .contact-us-section .contact-SubSection .inquiry-box-top .contact-input-text {
    height: 34px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .contact-us-section .contact-SubSection .inquiry-box-top .contact-input-text {
    height: 34px;
  }
}
.contact-us-section .contact-SubSection .inquiry-box-top .text-box {
  color: #272727 !important;
  font-family: Sf-R;
  font-size: 14px;
  height: 130px;
  border-radius: 6px;
  border: 0.4px solid #c5c5c5;
}
@media (max-width: 575.98px) {
  .contact-us-section .contact-SubSection .inquiry-box-top .text-box {
    height: 80px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .contact-us-section .contact-SubSection .inquiry-box-top .text-box {
    height: 80px;
  }
}
.contact-us-section .contact-SubSection .inquiry-box-top .Inquiry-top-btn {
  display: flex;
  justify-content: center;
  padding: 17px 0px 10px 0px;
}
@media (max-width: 575.98px) {
  .contact-us-section .contact-SubSection .inquiry-box-top .Inquiry-top-btn {
    padding: 9px 0px 6px 0px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .contact-us-section .contact-SubSection .inquiry-box-top .Inquiry-top-btn {
    padding: 9px 0px 6px 0px;
  }
}
.contact-us-section .contact-SubSection .inquiry-box-top .Inquiry-top-btn .inquiry-btn {
  height: 45px;
  width: 300px;
  font-size: 15px;
  color: #fff;
  background-color: #013c7b;
  font-family: Quicksand-SB;
  border: none;
  border-radius: 5px;
}
@media (max-width: 575.98px) {
  .contact-us-section .contact-SubSection .inquiry-box-top .Inquiry-top-btn .inquiry-btn {
    height: 38px;
    width: 180px;
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .contact-us-section .contact-SubSection .inquiry-box-top .Inquiry-top-btn .inquiry-btn {
    height: 38px;
    width: 180px;
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .contact-us-section .contact-SubSection .inquiry-box-top .Inquiry-top-btn .inquiry-btn {
    height: 40px;
    width: 250px;
  }
}
.contact-us-section .contact-SubSection .lets-talk-top {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.4px solid #efecec;
  border-radius: 10px;
  padding: 15px;
  flex-direction: column;
}
@media (max-width: 575.98px) {
  .contact-us-section .contact-SubSection .lets-talk-top {
    padding: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .contact-us-section .contact-SubSection .lets-talk-top {
    padding: 10px;
  }
}
.contact-us-section .contact-SubSection .lets-talk-top .let-talk {
  font-size: 16px;
  font-family: Quicksand-SB;
  color: #013c7b;
  margin-bottom: 2px;
}
@media (max-width: 575.98px) {
  .contact-us-section .contact-SubSection .lets-talk-top .let-talk {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .contact-us-section .contact-SubSection .lets-talk-top .let-talk {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .contact-us-section .contact-SubSection .lets-talk-top .let-talk {
    font-size: 14px;
  }
}
.contact-us-section .contact-SubSection .lets-talk-top .number-inside {
  font-size: 20px;
  font-family: Quicksand-SB;
  color: #272727;
  margin-bottom: 3px;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .contact-us-section .contact-SubSection .lets-talk-top .number-inside {
    font-size: 16px;
  }
}
@media (max-width: 575.98px) {
  .contact-us-section .contact-SubSection .lets-talk-top .number-inside {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .contact-us-section .contact-SubSection .lets-talk-top .number-inside {
    font-size: 16px;
  }
}
.contact-us-section .contact-SubSection .lets-talk-top .number-inside .talk-icon {
  height: 22px;
  margin-right: 3px;
}
.contact-us-section .contact-SubSection .lets-talk-top .number-inside .talk-icon.message-icon {
  height: 20px;
}
@media (max-width: 575.98px) {
  .contact-us-section .contact-SubSection .lets-talk-top .number-inside .talk-icon.message-icon {
    height: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .contact-us-section .contact-SubSection .lets-talk-top .number-inside .talk-icon.message-icon {
    height: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .contact-us-section .contact-SubSection .lets-talk-top .number-inside .talk-icon.message-icon {
    height: 16px;
  }
}
@media (max-width: 575.98px) {
  .contact-us-section .contact-SubSection .lets-talk-top .number-inside .talk-icon {
    height: 19px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .contact-us-section .contact-SubSection .lets-talk-top .number-inside .talk-icon {
    height: 19px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .contact-us-section .contact-SubSection .lets-talk-top .number-inside .talk-icon {
    height: 19px;
  }
}
.contact-us-section .contact-SubSection .lets-talk-top .call-us {
  color: #747474;
  font-size: 9px;
  font-family: Sf-L;
}
@media (max-width: 575.98px) {
  .contact-us-section .contact-SubSection .lets-talk-top .call-us {
    font-size: 8px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .contact-us-section .contact-SubSection .lets-talk-top .call-us {
    font-size: 8px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .contact-us-section .contact-SubSection .lets-talk-top .call-us {
    font-size: 8px;
  }
}

.Orders-component .dashboard-title {
  font-size: 16px;
  color: red !important;
}

.faq-top {
  width: 100%;
  height: auto;
}
.faq-top .faq-top {
  background-image: url("./../images/contact-bg.png");
  width: 100%;
  height: 230px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  text-align: center;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .faq-top .faq-top {
    height: 190px;
  }
}
@media (max-width: 575.98px) {
  .faq-top .faq-top {
    height: 150px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .faq-top .faq-top {
    height: 150px;
  }
}
.faq-top .faq-top .faq {
  color: #272727;
  font-family: Sf-M;
  font-size: 37px;
  margin-bottom: 12px;
  padding-top: 10px;
}
@media (max-width: 575.98px) {
  .faq-top .faq-top .faq {
    font-size: 20px;
    margin-bottom: 8px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .faq-top .faq-top .faq {
    font-size: 20px;
    margin-bottom: 8px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .faq-top .faq-top .faq {
    font-size: 28px;
    margin-bottom: 10px;
  }
}
.faq-top .faq-top .faq-text {
  color: #616161;
  font-family: Sf-L;
  font-size: 15px;
  padding: 0px 13%;
  margin: 0px;
  line-height: 22px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .faq-top .faq-top .faq-text {
    font-size: 14px;
    line-height: 21px;
    padding: 0px 4%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .faq-top .faq-top .faq-text {
    font-size: 13px;
    line-height: 19px;
    padding: 0px 0%;
  }
}
@media (max-width: 575.98px) {
  .faq-top .faq-top .faq-text {
    font-size: 12px;
    line-height: 17px;
    padding: 0px 0%;
  }
}
.faq-top .faq-seb-section {
  padding: 30px 0px;
  background-color: #ffffff;
  width: 100%;
  height: auto;
}
@media (max-width: 575.98px) {
  .faq-top .faq-seb-section {
    padding: 16px 0px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .faq-top .faq-seb-section {
    padding: 16px 0px;
  }
}
.faq-top .faq-seb-section .general-questions .general-ul-top {
  gap: 12px;
  border: none;
}
.faq-top .faq-seb-section .general-questions .general-ul-top .btn-lists {
  height: 35px;
}
@media (max-width: 575.98px) {
  .faq-top .faq-seb-section .general-questions .general-ul-top .btn-lists {
    height: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .faq-top .faq-seb-section .general-questions .general-ul-top .btn-lists {
    height: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .faq-top .faq-seb-section .general-questions .general-ul-top .btn-lists {
    height: 32px;
  }
}
.faq-top .faq-seb-section .general-questions .general-ul-top .btn-lists .genral-btn {
  font-size: 13px;
  padding: 0px 24px;
  height: 100%;
  display: flex;
  align-items: center;
  border: 0.8px solid #858585;
  border-radius: 5px;
  color: #858585;
  font-family: Sf-R;
}
.faq-top .faq-seb-section .general-questions .general-ul-top .btn-lists .genral-btn.active {
  color: #fff;
  border: none;
  background-color: #013c7b;
}
@media (max-width: 575.98px) {
  .faq-top .faq-seb-section .general-questions .general-ul-top .btn-lists .genral-btn {
    font-size: 12px;
    padding: 0px 16px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .faq-top .faq-seb-section .general-questions .general-ul-top .btn-lists .genral-btn {
    font-size: 12px;
    padding: 0px 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .faq-top .faq-seb-section .general-questions .general-ul-top .btn-lists .genral-btn {
    font-size: 12px;
    padding: 0px 16px;
  }
}
.faq-top .faq-seb-section .general-questions .tab-data-below .general-data-inside .question-top .question-header {
  color: #272727;
  font-size: 25px;
  font-family: Quicksand-SB;
  padding: 17px 0px;
  margin: 0px;
}
@media (max-width: 575.98px) {
  .faq-top .faq-seb-section .general-questions .tab-data-below .general-data-inside .question-top .question-header {
    font-size: 16px;
    padding: 12px 0px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .faq-top .faq-seb-section .general-questions .tab-data-below .general-data-inside .question-top .question-header {
    font-size: 16px;
    padding: 12px 0px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .faq-top .faq-seb-section .general-questions .tab-data-below .general-data-inside .question-top .question-header {
    font-size: 20px;
    padding: 10px 0px;
  }
}
.faq-top .faq-seb-section .general-questions .tab-data-below .general-data-inside .question-top .general-accrdion-top .general-item {
  border-radius: 8px;
  margin-bottom: 10px;
  border: 0.5px solid #9e9e9e !important;
}
.faq-top .faq-seb-section .general-questions .tab-data-below .general-data-inside .question-top .general-accrdion-top .general-item .header-acrdion {
  outline: none;
  box-shadow: none;
}
.faq-top .faq-seb-section .general-questions .tab-data-below .general-data-inside .question-top .general-accrdion-top .general-item .header-acrdion .product-button {
  color: #272727;
  font-size: 15px;
  font-family: Sf-R;
  background: transparent;
  padding: 8px 10px;
}
.faq-top .faq-seb-section .general-questions .tab-data-below .general-data-inside .question-top .general-accrdion-top .general-item .header-acrdion .product-button:focus {
  box-shadow: none !important;
}
.faq-top .faq-seb-section .general-questions .tab-data-below .general-data-inside .question-top .general-accrdion-top .general-item .header-acrdion .product-button:not(.collapsed) {
  box-shadow: inset 0 -1px 0 #9e9e9e;
}
.faq-top .faq-seb-section .general-questions .tab-data-below .general-data-inside .question-top .general-accrdion-top .general-item .header-acrdion .product-button:not(.collapsed)::after {
  background-image: url(../images/add-circle-minus.svg);
}
.faq-top .faq-seb-section .general-questions .tab-data-below .general-data-inside .question-top .general-accrdion-top .general-item .header-acrdion .product-button::after {
  background-image: url(../images/add-circle.svg);
}
@media (max-width: 575.98px) {
  .faq-top .faq-seb-section .general-questions .tab-data-below .general-data-inside .question-top .general-accrdion-top .general-item .header-acrdion .product-button {
    font-size: 13px;
    padding: 5px 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .faq-top .faq-seb-section .general-questions .tab-data-below .general-data-inside .question-top .general-accrdion-top .general-item .header-acrdion .product-button {
    font-size: 13px;
    padding: 5px 10px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .faq-top .faq-seb-section .general-questions .tab-data-below .general-data-inside .question-top .general-accrdion-top .general-item .header-acrdion .product-button {
    font-size: 14px;
    padding: 7px 10px;
  }
}
.faq-top .faq-seb-section .general-questions .tab-data-below .general-data-inside .question-top .general-accrdion-top .general-item .acrdion-colapse-top .acrdion-body-data {
  color: #616161;
  font-family: Sf-L;
  font-size: 13px;
  padding: 10px 10px 20px 10px;
  line-height: 22px;
}
@media (max-width: 575.98px) {
  .faq-top .faq-seb-section .general-questions .tab-data-below .general-data-inside .question-top .general-accrdion-top .general-item .acrdion-colapse-top .acrdion-body-data {
    font-size: 11px;
    padding: 10px 10px 14px 10px;
    line-height: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .faq-top .faq-seb-section .general-questions .tab-data-below .general-data-inside .question-top .general-accrdion-top .general-item .acrdion-colapse-top .acrdion-body-data {
    font-size: 11px;
    padding: 10px 10px 14px 10px;
    line-height: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .faq-top .faq-seb-section .general-questions .tab-data-below .general-data-inside .question-top .general-accrdion-top .general-item .acrdion-colapse-top .acrdion-body-data {
    font-size: 12px;
    padding: 10px 10px 14px 10px;
    line-height: 19px;
  }
}

.pagination {
  display: flex;
  list-style: none;
  padding: 0;
}

.pagination li {
  margin-right: 5px;
}

.pagination li button {
  padding: 5px 10px;
  background-color: #007bff;
  color: #fff;
  border: none;
  cursor: pointer;
}

.pagination li button:hover {
  background-color: #0056b3;
}

.PaymentVerification {
  width: 100%;
  height: 70vh;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.addAddressComponent {
  height: 400px;
  overflow: scroll;
  overflow-x: hidden;
  padding: 15px;
}
.addAddressComponent .getMobile {
  display: flex;
  gap: 10px;
}
.addAddressComponent .getMobile .mobileDrop {
  background-color: #fff;
  color: #000;
  border: 1px solid #ced4da;
}
.addAddressComponent .getMobile .mobileDrop .imgDrop {
  width: auto;
}
.addAddressComponent .delevryBtns {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.addAddressComponent .delevryBtns .submitButn {
  background-color: #013c7b !important;
  border: none !important;
  width: 100%;
}
.addAddressComponent .errorName {
  color: red;
  font-size: 14px;
  padding-top: 2px;
  font-family: "Sf-L";
}
.addAddressComponent .searchBarDesign {
  padding: 10px;
  height: 300px;
  scrollbar-width: thin;
  overflow: auto;
}
.addAddressComponent .searchBarDesign .searchBox {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  border-radius: 6px;
  box-shadow: none;
  padding: 6px;
  width: 100%;
}
.addAddressComponent .searchBarDesign .liItems {
  cursor: pointer;
  padding: 6px 0px;
}
.addAddressComponent .searchBarDesign .liItems:hover {
  cursor: pointer;
  background-color: transparent !important;
}
.addAddressComponent .searchBarDesign .liItems .dropdown-item {
  padding: 1px;
  cursor: pointer;
}
.addAddressComponent .searchBarDesign .liItems .dropdown-item .sregistration-image {
  margin-right: 8px;
  cursor: pointer;
}
.addAddressComponent .searchBarDesign .liItems .dropdown-item .countryName {
  font-size: 14px;
  cursor: pointer;
}
.addAddressComponent .searchBarDesign .liItems .dropdown-item:hover {
  background-color: transparent !important;
}

.shipping-policy-container .policy-title {
  font-size: 22px;
  font-weight: bold;
  color: #0d6efd;
  font-family: Sf-Sb;
  margin-bottom: 20px;
}
.shipping-policy-container .policy-intro {
  font-size: 14px;
  color: #000000;
  margin-bottom: 10px;
  font-family: Sf-M;
}
.shipping-policy-container .policy-section {
  margin-bottom: 12px;
}
.shipping-policy-container .policy-section .policy-heading {
  font-size: 16px;
  font-family: Sf-B;
  color: #000000;
}
.shipping-policy-container .policy-section .policy-text {
  font-size: 14px;
  color: #000000;
  margin-bottom: 10px;
  font-family: Sf-M;
}
.shipping-policy-container .policy-section .policy-link {
  color: #000000;
  text-decoration: none;
}
.shipping-policy-container .policy-section .policy-link:hover {
  text-decoration: underline;
}

.warranty-policy-container {
  background-color: #f8f9fa;
  padding-top: 30px;
}
.warranty-policy-container .warranty-title {
  font-size: 30px;
  font-weight: bold;
  color: #000000;
  font-family: Sf-B;
  margin-bottom: 33px;
}
.warranty-policy-container .warranty-section {
  margin-bottom: 1.5rem;
}
.warranty-policy-container .warranty-section .warranty-heading {
  font-size: 14px;
  font-family: Sf-B;
  color: #000000;
}
.warranty-policy-container .warranty-section .warranty-text {
  font-size: 14px;
  color: #000000;
  margin-bottom: 5px;
  font-family: Sf-M;
}
.warranty-policy-container .warranty-section .boxtext {
  font-size: 14px;
  color: #000000;
  padding: 10px;
  border: 1px solid grey;
  margin: 0;
  font-family: Sf-sb;
}
.warranty-policy-container .warranty-section .warranty-list {
  list-style: auto;
  margin-left: 20px;
  margin-bottom: 1rem;
}
.warranty-policy-container .warranty-table {
  margin-top: 1rem;
}
.warranty-policy-container .warranty-table table {
  width: 100%;
  border-collapse: collapse;
}
.warranty-policy-container .warranty-table table th, .warranty-policy-container .warranty-table table td {
  font-size: 14px;
  color: #000000;
  margin-bottom: 5px;
  font-family: Sf-sb;
  padding: 15px;
}
.warranty-policy-container .warranty-table table th {
  background-color: #f0f0f0;
  color: #000000;
  text-align: center;
}
.warranty-policy-container .warranty-contact {
  font-size: 14px;
  color: #000000;
  margin-bottom: 5px;
  font-family: Sf-sb;
}
.warranty-policy-container .warranty-contact .warranty-link {
  color: #000000;
  text-decoration: none;
}
.warranty-policy-container .warranty-contact .warranty-link:hover {
  text-decoration: underline;
}

.return-policy .return-policytitle {
  font-size: 25px;
  color: #000000;
  font-family: Sf-Sb;
  margin-bottom: 20px;
}
.return-policy .return-policytext {
  font-size: 14px;
  color: #000000;
  margin-bottom: 7px;
  line-height: normal;
  font-family: Sf-M;
}
.return-policy .return-policysubtitle {
  font-size: 14px;
  font-family: Sf-B;
  color: #000000;
  margin: 6px 0px;
  margin-top: 13px;
}
.return-policy .return-policylist .return-policylist-item {
  font-size: 14px;
  color: #000000;
  margin-bottom: 5px;
  font-family: Sf-M;
}

.privacy-policy .privacy-policytitle {
  font-size: 26px;
  color: grey;
  font-family: Sf-Sb;
  margin-bottom: 20px;
}
.privacy-policy .title2 {
  font-size: 20px;
  color: black;
  font-family: Sf-B;
  margin: 15px 0;
}
.privacy-policy .text-italic {
  font-size: 15px;
  color: black;
  font-family: Sf-B;
  font-style: italic;
  margin-bottom: 5px;
}
.privacy-policy .privacy-policysubsection {
  font-size: 14px;
  color: #000000;
  margin-top: 5px;
  margin-bottom: 6px;
  font-family: Sf-B;
}
.privacy-policy .privacy-policytoc .privacy-policytoc-item {
  font-size: 14px;
  color: #000000;
  margin-top: 5px;
  margin-bottom: 6px;
  font-family: Sf-Sb;
}
.privacy-policy .privacy-policytext {
  font-size: 14px;
  color: #000000;
  margin-bottom: 6px;
  font-family: Sf-M;
}
.privacy-policy .privacy-policytext .boldtxt {
  font-size: 14px;
  color: black;
  font-family: Sf-B;
}
.privacy-policy .privacy-policytext .boldtxt2 {
  font-size: 14px;
  color: black;
  font-family: Sf-B;
  text-decoration: underline;
}
.privacy-policy .privacy-policylist .privacy-policylist-item {
  font-size: 14px;
  color: #000000;
  margin-bottom: 5px;
  font-family: Sf-M;
}
.privacy-policy .privacy-policylist .privacy-policylist-item .boldtxt {
  font-size: 14px;
  color: black;
  font-family: Sf-B;
}
.privacy-policy .privacy-table table {
  width: 100%;
  border-collapse: collapse;
}
.privacy-policy .privacy-table table th, .privacy-policy .privacy-table table td {
  font-size: 14px;
  color: #000000;
  margin-bottom: 5px;
  font-family: Sf-M;
  padding: 15px;
}
.privacy-policy .privacy-table table th {
  background-color: #b9b5b5;
  color: #000000;
  text-align: center;
}
.privacy-policy .privacy-policysubtitle {
  font-size: 15px;
  font-family: Sf-B;
  color: #000000;
  margin: 6px 0px;
  margin-top: 13px;
}

.terms-of-use {
  padding: 20px;
  line-height: 1.6;
  font-size: 16px;
  font-family: Sf-Sb;
}
.terms-of-use .terms-title {
  font-size: 28px;
  margin-bottom: 20px;
  font-family: Sf-Sb;
}
.terms-of-use .terms-last-updated {
  margin-bottom: 20px;
}
.terms-of-use .terms-section-title {
  font-size: 22px;
  margin-top: 30px;
  margin-bottom: 15px;
}
.terms-of-use .terms-paragraph {
  font-size: 14px;
  color: #000000;
  margin-bottom: 5px;
  font-family: Sf-m;
}
.terms-of-use .terms-paragraph .txtbold {
  font-weight: bold;
}
.terms-of-use .terms-link {
  color: #007bff;
  text-decoration: none;
}
.terms-of-use .terms-link:hover {
  text-decoration: underline;
}
.terms-of-use .terms-list {
  padding-left: 20px;
  list-style-type: decimal;
  margin-bottom: 20px;
}
.terms-of-use .terms-list .terms-list-item {
  font-size: 14px;
  color: #000000;
  margin-bottom: 5px;
  font-family: Sf-M;
}
.terms-of-use .terms-sublist .terms-sublist-item {
  font-size: 14px;
  color: #000000;
  margin-bottom: 5px;
  font-family: Sf-M;
}/*# sourceMappingURL=style.css.map */