@import url("https://fonts.googleapis.com/css2?family=Cormorant:wght@500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Arimo:wght@400;500;700&family=Frank+Ruhl+Libre:wght@500;600;700&family=League+Spartan:wght@400;500;600;700&family=Montserrat:wght@400;500&display=swap");
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  font-family: "Quicksand", sans-serif;
}
body.loaded {
  overflow-x: hidden;
}
.fixed-header {
    position: fixed;
    top: 0;
    background: #fff !important;
}
#style-2::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar
{
  width: 2px;
  background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar-thumb
{
  border-radius:2px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #888;
}
.scrollbar {
    float: left;
    height: 300px;
    width: 65px;
    background: #F5F5F5;
    overflow-y: scroll !important;
    margin-bottom: 25px;
    color: slategray;
}

form {
    width: auto;
    border: 1px solid #eaeaea;
    position: relative;
    display: flex;
}
form.form_billng {
    display: block;
}
select#cars option {
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 600;
    color: #767676;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    transition: 0.5s ease-in-out;
}
.custom-select.catrgoty{
  padding: inherit;
}
/*  ============bueaty_slider================= */
.topB_imgs img {
    width: 100%;
}
.main-carousel .slide-item {
    width: 100%;
    height: 100%;
    position: relative;
}
.main-carousel .slide-item img {
    position: relative;
}

.main-carousel .slide-text {
    position: absolute;
    right: 232px;
    top: 50%;
    z-index: 1;
    max-width: 570px;
    text-align: left;
    transform: translateY(-50%);
}

.main-carousel .slide-text h1,
.main-carousel .slide-text h4 {
    text-transform: capitalize;
    color: #fff;
}

.main-carousel .slide-text h1 {
    font-size: 36px;
    line-height: 54px;
    font-weight: 400;
    color: #ff5794;
}

.main-carousel .slide-text h4 {
    font-size: 22px;
    line-height: 36px;
    font-weight: 400;
}

span.fas.fa-angle-left {
    background: #d9165d;
    height: 40px;
    width: 40px;
    border-radius: 50px;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.5;
    color: #f7f5f5;
}
span.fas.fa-angle-right{
   height: 40px;
    width: 40px;
    border-radius: 50px;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.5;
    color: #f7f5f5;
    background: #d9165d;
}
.owl-theme .owl-nav [class*='owl-']:hover {
    background: transparent !important;
    color: #FFF;
    text-decoration: none;
}
.main-carousel .slide-text a.btn {
    margin-top: 15px;
}

.main-carousel .owl-nav span.fa {
    font-size: 28px;
}

.main-carousel .owl-nav .owl-prev,
.main-carousel .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #afaac0;
    color: #fff;
    border-radius: 0;
    width: 35px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.main-carousel .owl-nav .owl-prev {
    left: 0;
}

.main-carousel .owl-nav .owl-next {
    right: 0;
}


.blogdetail #about_us {
    margin-bottom: 15px;
    margin-top: 0;
}



i {
  font-family: "Font Awesome 5 Pro" !important;
}
a:hover {
  text-decoration: none;
}
.btn,
.btn:hover,
.btn:focus,
.btn:active {
  box-shadow: none !important;
}
input {
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
}
button:focus {
  outline: none !important;
}
nav {
  width: 100%;
 z-index: 2;
  background: #242526;
}

nav {
    background: #fff;
}
/* cookies */
.wrapper {
  position: fixed;
  right: -370px;
  bottom: 50px;
  max-width: 345px;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  z-index: 2;
  padding: 15px 25px 22px;
  transition: all 0.3s ease;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.wrapper.show {
  right: 20px;
}
.cookieIcn {
  font-size: 15px;
}
.title-box {
  display: flex;
  column-gap: 10px;
  color: #253d4e;
  font-weight: 600;
  align-items: center;
  font-size: 21px;
  margin-bottom: 10px;
}
.title-box p {
  margin-bottom: 0;
}

.info {
  margin-bottom: 15px;
}
.infoCookies p {
  font-size: 14px;
  font-weight: 400;
  color: #333;
}

.cookies_buttonGp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.button {
  width: calc(100% / 2 - 10px);
  padding: 8px 0;
  border: none;
  border-radius: 4px;
  background-color: #ffb321;
  color: #253d4e;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 600;
}
#acceptBtn {
  width: calc(100% / 2 - 10px);
  padding: 8px 0;
  border: none;
  border-radius: 4px;
  background-color: #253d4e;
  color: #ffb321;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 600;
}
.cookies_button:hover {
}

/* cookies over */
nav .wrapper {
  position: relative;
  max-width: 1300px;
  padding: 0px 30px;
  height: 70px;
  line-height: 70px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wrapper .logo a {
  color: #f2f2f2;
  font-size: 30px;
  font-weight: 600;
  text-decoration: none;
}
.wrapper .nav-links {
  display: inline-flex;
}
.nav-links li {
  list-style: none;
}
.nav-links li a {
  color: #f2f2f2;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  padding: 9px 15px;
  border-radius: 5px;
  transition: all 0.3s ease;
}
.nav-links li a:hover {
  background: #3a3b3c;
}
.nav-links .mobile-item {
  display: none;
}
.nav-links .drop-menu {
  position: absolute;
  background: #242526;
  width: 180px;
  line-height: 45px;
  top: 85px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}
.nav-links li:hover .drop-menu,
.nav-links li:hover .mega-box {
  transition: all 0.3s ease;
  top: 70px;
  opacity: 1;
  visibility: visible;
}
.drop-menu li a {
  width: 100%;
  display: block;
  padding: 0 0 0 15px;
  font-weight: 400;
  border-radius: 0px;
}
.mega-box {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 0 30px;
  top: 85px;
  opacity: 0;
  visibility: hidden;
}
.nav-link {
   
    padding: 0.5rem 1rem;
  
    align-items: center;
}
button#dropdownMenuLink {
    display: flex;
    flex-direction: column;
}
button.btn.offerBtn {
    margin-top: -24px;
    background-color:#e3e3e3;
   -webkit-background-color:#e3e3e3;
}
.dropdown-menu {
    min-width: 12rem !important;
    }
.input-group {
    width: auto;
}
.mega-box .content {
  background: #242526;
  padding: 25px 20px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}
.mega-box .content .row {
  width: calc(25% - 30px);
  line-height: 45px;
}
.content .row img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m_menu {
  width: 650px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  border-radius: 10px;
}
.megaContainer {
    display: grid;
    gap: 15px;
    grid-template-columns: 1rm 1rm;
    grid-template-columns: auto auto auto;
}
.menuProduct {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
.menuProduct:hover a {
    color: #0c831f !important;
}
.menuProduct a {
  padding-top: 5px;
  font-size: 15px;
  color: #253d4e !important;
  transition: all 0.4s ease-in-out;
}
.content .row header {
  color: #f2f2f2;
  font-size: 20px;
  font-weight: 500;
}
.content .row .mega-links {
  margin-left: -40px;
  border-left: 1px solid rgba(255, 255, 255, 0.09);
}
.row .mega-links li {
  padding: 0 20px;
}
.row .mega-links li a {
  padding: 0px;
  padding: 0 20px;
  color: #d9d9d9;
  font-size: 17px;
  display: block;
}
.row .mega-links li a:hover {
  color: #f2f2f2;
}
.wrapper .btn {
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  display: none;
}
.wrapper .btn.close-btn {
  position: absolute;
  right: 30px;
  top: 10px;
}
ul.navbar-nav.ml-auto {
    transition: all 0.4s ease-in-out;
}
@media screen and (max-width: 970px) {
  .navbar-nav {
    position: absolute;
    list-style: none;
    background: #fff ;
transition: all 0.4s ease-in-out;
  width: 100%;
  box-shadow: 10px 10px 12px -4px rgba(201, 193, 201, 1);
    z-index: 2 ;
}
  .wrapper .btn {
    display: block;
  }
  .wrapper .nav-links {
/*    position: fixed;*/
    height: 100vh;
    width: 100%;
    max-width: 350px;
    top: 0;
    left: -100%;
    background: #242526;
    display: block;
    padding: 50px 10px;
    line-height: 50px;
    overflow-y: auto;
    box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
  }
  /* custom scroll bar */
  ::-webkit-scrollbar {
    width: 10px;
  }
  ::-webkit-scrollbar-track {
    background:#e3e3e3;
  }
  ::-webkit-scrollbar-thumb {
    background:#e3e3e3;
  }
  #menu-btn:checked ~ .nav-links {
    left: 0%;
  }
  #menu-btn:checked ~ .btn.menu-btn {
    display: none;
  }
  #close-btn:checked ~ .btn.menu-btn {
    display: block;
  }
  .nav-links li {
    margin: 15px 10px;
  }
  .nav-links li a {
    padding: 0 20px;
    display: block;
    font-size: 20px;
  }
  .nav-links .drop-menu {
    position: static;
    opacity: 1;
    top: 65px;
    visibility: visible;
    padding-left: 20px;
    width: 100%;
    max-height: 0px;
    overflow: hidden;
    box-shadow: none;
    transition: all 0.3s ease;
  }
  #showDrop:checked ~ .drop-menu,
  #showMega:checked ~ .mega-box {
    max-height: 100%;
  }
  .nav-links .desktop-item {
    display: none;
  }
  .nav-links .mobile-item {
    display: block;
    color: #f2f2f2;
    font-size: 20px;
    font-weight: 500;
    padding-left: 20px;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s ease;
  }
  .nav-links .mobile-item:hover {
    background: #3a3b3c;
  }
  .drop-menu li {
    margin: 0;
  }
  .drop-menu li a {
    border-radius: 5px;
    font-size: 18px;
  }
  .mega-box {
    position: static;
    top: 65px;
    opacity: 1;
    visibility: visible;
    padding: 0 20px;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.3s ease;
  }
  .mega-box .content {
    box-shadow: none;
    flex-direction: column;
    padding: 20px 20px 0 20px;
  }
  .mega-box .content .row {
    width: 100%;
    margin-bottom: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }
  .mega-box .content .row:nth-child(1),
  .mega-box .content .row:nth-child(2) {
    border-top: 0px;
  }
  .content .row .mega-links {
    border-left: 0px;
    padding-left: 15px;
  }
  .row .mega-links li {
    margin: 0;
  }
  .content .row header {
    font-size: 19px;
  }
}
nav input {
  display: none;
}

.body-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  padding: 0 30px;
}
.body-text div {
  font-size: 45px;
  font-weight: 600;
}
.no-scroll-y {
  overflow-y: hidden;
}
.headerParent {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.logoMain {
  max-width: 195px;
  width: 100%;
}
.logo {
  max-width: 100%;
  width: 100%;
}
/* scroll to top */
.up {
  display: none;
  position: fixed;
  bottom: 8px;
  right: 25px;
  cursor: pointer;
  color: #d4d4d4;
}

.up:hover {
  animation: icon 1s ease-in-out;
}

@-webkit-keyframes icon {
  0% {
    bottom: 8px;
  }
  25% {
    bottom: 15px;
  }
  50% {
    bottom: 8px;
  }
  75% {
    bottom: 15px;
  }
  100% {
    bottom: 8px;
  }
}
@keyframes icon {
  0% {
    bottom: 8px;
  }
  25% {
    bottom: 15px;
  }
  50% {
    bottom: 8px;
  }
  75% {
    bottom: 15px;
  }
  100% {
    bottom: 8px;
  }
}

/* scroll to top over*/
/* Preloader */
/* The Loader */
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  overflow: hidden;
}
.no-js #loader-wrapper {
  display: none;
}

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #16a085;
  -webkit-animation: spin 1.7s linear infinite;
  animation: spin 1.7s linear infinite;
  z-index: 11;
}
#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #e74c3c;
  -webkit-animation: spin-reverse 0.6s linear infinite;
  animation: spin-reverse 0.6s linear infinite;
}
#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #f9c922;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes spin-reverse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #fff;
  z-index: 10;
}

#loader-wrapper .loader-section.section-left {
  left: 0;
}

#loader-wrapper .loader-section.section-right {
  right: 0;
}
.termCat {
  font-weight: bold;
  color: #767676;
  font-size: 15px;
}
.termCat:hover {
  color: #767676;
}
/* Loaded styles */
.loaded #loader-wrapper .loader-section.section-left {
  transform: translateX(-100%);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
  transform: translateX(100%);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
  visibility: hidden;
  transform: translateY(-100%);
  transition: all 0.3s 1s ease-out;
}

/*header css start*/

.dropdown-toggle::after {
  display: none;
}
.navbar-dark .navbar-nav .f_navLink {
  color: #767676 !important;
  font-weight: bold;
  font-size: 15px;
  padding: 18px;
}
a.nav-link.nav-link:hover {
  color: #253d4e !important;
}
.nav-pills-custom .nav-link.active:hover {
    color: #fff !important;
}
a.nav-link.nav-link {
  transition: all 0.4s ease-in-out;
}
.navbar-dark .navbar-nav .f_navLink:hover {
  color: #417394 !important;
}
.navbar-dark .navbar-nav .f_navLink:active {
  color: #417394 !important;
}
.navbar-dark .navbar-nav .f_navLink:focus {
  color: #417394 !important;
}
.furnitureHeader {
  background: #417394 !important;
}
.furnitureHeader ul li a {
  color: #fff !important;
}
.g1BannerBtn button{
  cursor: pointer;
  border: none;
  background-color: #0c831f;
  border-radius: 20px;
  font-weight: 700;
  font-size: 21px;
  line-height: 26px;
  color: #ffffff;
  padding: 12px;
}
.transParent{
  
}
.transParent img {transition: all 0.5s ease-in-out;}
.transParent:hover img {
  transform: rotate(45deg) scale(3.5) translateZ(0);
}
.groceryHeader {
  background: #eaeaea !important;
}
.transParent1 img {transition: all 0.5s ease-in-out;}
.transParent1:hover img {
  transform: rotate(45deg) scale(1.8) translateZ(0);
}
.groceryHeader ul li a {
  color: #000 !important;
}
.f_input-group {
  border: 1px solid #417394 !important;
  border-radius: 3px;
}
.f_button {
  background: #417394 !important;
  color: #fff;
}
.f_all_catogery {
  background: #417394 !important ;
}
.G_button {
  background: #0c831f !important;
  color: #fff;
}
.G_all_catogery {
  background: #0c831f !important ;
}
.product {
  height: 155px;
}
.product img {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.card:hover .product img {
  -webkit-transform: scale(1.02);
  transform: scale(1.05);
}
.f_product {
  position: relative;
}
.catogeryName {
  position: absolute;
  bottom: 8px;
  left: 66px;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #ffffff;
}
.addvertCard1 {
  background-image: url(../img/fCard1.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px;
  height: 250px;
  background-position: center;
}
.addvertTitle1 {
  font-weight: 700;
  font-size: 21px;
  line-height: 29px;
  color: #253d4e;
}
.addvertSubtext1 {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #767676;
  width: 100%;
}
.addvertCard2 {
  background-image: url(../img/fCard2.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px;
  height: 250px;
  background-position: center;
}
.addvertTitle2 {
  font-weight: 700;
  font-size: 21px;
  line-height: 29px;
  color: #fff;
}
.addvertSubtext2 {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #dddbdb;
}
.hoverableData {
  z-index: 1;
  gap: 10px;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.6s ease-in-out;
  opacity: 0;
}

.card:hover .hoverableData {
  opacity: 1;
  right: 18px;
}
.viewModalBtn {
  background: transparent;
  color: #fff;
}
.viewModalBtn:hover {
  color: #253d4e;
}
.hoverIcn i {
  font-style: normal;
}
.hoverIcn i {
  color: #fff;
}
.hoverIcn {
  background: #253d4e;
  max-width: 40px;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px 0;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  padding: 14px;
  /* border: 0.2px solid #ffb321; */
}
.electronic_item {
    background-image: url(../img/e_offer.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 80px 53px 190px 53px;
}
.shopBtn button a {
  color: #fff;
}
.e_offerTitle {
  font-weight: 700;
  font-size: 54px;
  line-height: 70px;
  color: #0070dc;
}
.e_subOfferTitle {
  font-weight: 700;
  font-size: 42px;
  line-height: 52px;
  color: #021523;
}
.hoverIcn:hover {
  background: #fff;
  border: 1px solid #253d4e;
  color: #253d4e;
}
.hoverIcn:hover i {
  color: #253d4e;
}
.f_productData p {
  margin-bottom: 0;
}
span.productRatings {
  color: #ffb321;
  font-size: 13px;
}
span.productRatings i {
  font-style: normal;
  margin: 0 2px;
}
.bigAdds {
  background-image: url(../img/big_banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  /* background-position: center; */
  padding: 35px;
  border-radius: 20px;
  padding-bottom: 128px;
}
.addsTitle {
  font-weight: 700;
  font-size: 40px;
  line-height: 52px;
  color: #323232;
}
.addssubtext {
  font-weight: 700;
  font-size: 36px;
  line-height: 52px;
  margin-top: 35px;
  color: #777a7d;
}
/* top slider */
.owl-carousel .owl-item {
    min-height: -12px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}
.topSlideImg {
  background: url("../img/f_slider.png");
  border-radius: 20px;
background-size: 100% 100%;
}
.topSlideTitle {
  font-weight: 700;
  font-size: 42px;
  line-height: 52px;
  color: #417394;
}
.topslideSubTitle {
  font-weight: 700;
  font-size: 28px;
  line-height: 35px;
  color: #777a7d;
}
.shopBtn {
  margin-top: 60px;
  padding-bottom: 32px;
}
.shopBtn button {
  cursor: pointer;
  border: none;
  background-color: #417394;
  border-radius: 20px;
  font-weight: 700;
  font-size: 21px;
  line-height: 26px;
  color: #ffffff;
  padding: 12px;
  transition: all 0.6s ease-in-out;
}
.shopBtn button:hover {
  box-shadow: 8px 5px 14px #e5dfdf, -10px -10px 6px #ffffff;
}
.slider_ad {
  background: url("../img/cocacola.png");
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 20px;
}
.topSlideNav {
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  /* display: flex; */
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}
.hideNavs {
  background: none !important;
}
.hideNavs i {
  font-style: normal !important;
  color: #000;
}
.sideAddText {
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  color: #417394;
  padding-top: 15px;
}
.sideSubText {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: #777a7d;
}
/* top slider over */
/* --------404------------- */
.goHome button {
  border: none;
  background: #0c831f;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  color: #ffffff;
  cursor: pointer;
  padding: 6px 10px;
}
.errorImg {
  max-width: 410px;
  margin-top: 30px;
}
.errorPage {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* --------404 over------------- */
/* ------------faq----------------- */

#main {
  margin: 50px 0;
}
div#faq {
}
.helpTitle {
  font-weight: 700;
  font-size: 40px;
  line-height: 60px;
  color: #253d4e;
}
#faq .card {
  margin-bottom: 30px;
  border: 0;
}
.helpSubtitle {
  font-weight: 700;
  font-size: 19px;
  line-height: 24px;
  color: #767676;
}
.needHelp {
  margin-top: 50px;
}
.helpBlogs:hover {
  background: #c9c3c3;
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
}
.helpBlogs {
  display: flex;
  align-items: center;
  background: #ededed;
  max-width: 300px;
  padding: 15px;
  margin: 10px 0;
  transition: 0.6s;
  cursor: pointer;
}
.hnImg {
  max-width: 30px;
}
.helpText p {
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  color: #000000;
  margin-bottom: 0;
  margin-left: 10px;
}
.row.blog_detail_row {
    margin-top: 25px;
}
#faq .card .card-header {
  border: 0;

  border-radius: 2px;
  padding: 0;
}

#faq .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: left;
  background: #dfdfdf;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: #253d4e;
  padding: 10px;
}

#faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  float: right;
}

#faq .card .card-header .btn-header-link.collapsed {
  background: #dfdfdf;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: #253d4e;
}

#faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

#faq .card .collapsing {
  background: #fff;
  line-height: 30px;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  font-size: 15px;
  line-height: 25px;
  color: #253d4e;
  font-weight: 600;
  padding: 0 10px;
}

#faq .card .collapse {
  border: 0;
}

#faq .card .collapse.show {
  background: #fff;
  line-height: 30px;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  font-size: 15px;
  line-height: 25px;
  color: #253d4e;
  font-weight: 600;
  padding: 0 10px;
}
.addsBnnaer {
  background: url("../img/addsBanner.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 20px;
  padding: 30px 30px 155px 50px;
}
.c_addsTitle {
  font-weight: 700;
  font-size: 56px;
  line-height: 70px;
  color: #253d4e;
}
.c_addsSubTitle {
  font-weight: 700;
  font-size: 42px;
  line-height: 52px;
  color: #767676;
}
/* ------------faq over----------------- */
/* --------------------electronic----------------- */
.electronicHeader ul li a {
  color: #fff !important;
}
.electronicHeader {
  background: #0070dc !important;
}
.e_button {
  background: #0070dc !important;
  color: #fff;
}
.e_cartIcns {
  position: relative;
  transition: all 500ms ease;
}
.e_cartIcns:before {
  content: "1";
  position: absolute;
  top: -30px;
  left: 30px;
  transition: all 200ms ease;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #0070dc;
  color: #fff;
  opacity: 0;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
.e_cartIcns:hover:before {
  left: 30px;
  top: 3px;
  opacity: 1;
}
.e_all_catogery {
  background: #0070dc !important;
}
.e_SlideImg {
    background-image: url(../img/e_slider.png);
    background-repeat: no-repeat;
    background-size: 107% 97%;
    border-radius: 20px;
    padding: 60px 0;
}
.e_SlideTitle {
  font-weight: 700;
  font-size: 42px;
  line-height: 44px;
  color: #0070dc;
}
.e_SubTitle {
  font-weight: 700;
  font-size: 28px;
  line-height: 35px;
}
.e_addvertCard1 {
  background-image: url("../img/e_card2.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px;
  height: 250px;
  background-position: center;
  position: relative;
}
.e_addvertCard2 {
  background-image: url("../img/e_card1.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px;
  height: 250px;
  background-position: center;
  position: relative;
}
.e_addvertCard3 {
  background-image: url("../img/e_card3.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px;
  height: 250px;
  background-position: center;
  position: relative;
}

.e_add_btn button {
  border: none;
  background: #0070dc;
  border-radius: 15px;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #ffffff;
  padding: 10px;
  transition: all 0.6s ease-in-out;
  position: absolute;
  bottom: 25px;
  cursor: pointer;
}
.e_add_btn button:hover {
  background: #08447e;
}
.e_card {
  position: relative;
  background: #f8f8f8;
  box-shadow: 1px 8px 14px -3px rgba(107, 105, 107, 1);
}
.content-overlay {
  background: rgb(255 253 251 / 70%);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  border-radius: 10px;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
a.btn.btn-success.placeorder.mt-3 {
    margin-left: 18px;
}
.e_card:hover .content-overlay {
  opacity: 1;
}
.e_toolTip {
  position: absolute;
  background: #0070dc;
  top: 0;
  left: 0;
  font-size: 13px;
  max-width: 55px;
  padding: 4px 5px;
  border-radius: 5px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  width: 100%;
}
.e_toolTip p {
  margin-bottom: 0;
}
.e_productName {
  font-weight: 700;
  font-size: 17px;
  line-height: 20px;
  color: #0070dc;
}
.electronics p {
  margin-bottom: 0;
}
.e_productCost {
  font-weight: 700;
  font-size: 17px;
  line-height: 28px;
  color: #0070dc;
  display: flex;
  justify-content: space-between;
}
.ele_saleBtn {
  border: 0;
  background: #0070dc;
  padding: 7px 12px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}
.e_CartIcn {
  width: 25px;
}
/* top text rotation */
.pageTop {
  display: flex;
  justify-content: space-between;
  background: #fff;
  align-items: center;
  padding: 0 20px;
  height: 25px;
}
.rotating-text-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.rotating-text-wrapper .rotateItem {
  font-size: 15px;
  margin: 0;
  padding: 0px;
  color: #253d4e;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  opacity: 0;
  width: 100%;
  font-weight: 500;
}
.rotating-text-wrapper .rotateItem:nth-child(1) {
  animation-name: rotating-text-1;
}
@keyframes rotating-text-1 {
  0% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(50%);
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}
.rotating-text-wrapper .rotateItem:nth-child(2) {
  animation-name: rotating-text-2;
}
@keyframes rotating-text-2 {
  51% {
    transform: translateY(100%);
    opacity: 0;
  }
  99% {
    transform: translateY(-50%);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.topDropDown {
  display: flex;
  gap: 20px;
}

select {
    border: none;
    outline: none;
    background: transparent;
    color: #253d4e;
    font-weight: 600;
    padding: 0 10px;
}
/* top text rotation over*/
/* logo slidder */

.brandLogo {
  width: 100px;
  height: 100px;
  animation: scroll 60s linear infinite;
}

.slide-track {
  width: 100%;
  display: flex;
  gap: 3em;
  overflow: hidden;
}
.slide img {
  object-fit: contain;
}
.slider {
  background: #eeeeee;
  padding: 20px 0;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translatex(-1000%);
  }
}
/* logo slidder over*/
/* --------------------electronic over----------------- */

/* jewellery */
.jewelleryHeader {
  background: #253d4e !important;
}
.jewelleryHeader ul li a {
  color: #fff !important;
}
.j_button {
  background: #253d4e !important;
  color: #fff;
}
.j_all_catogery {
  background: #253d4e !important;
}
.j_SlideImg {
    max-width: 100%;
    background-image: url(../img/j_slideImg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 20px;
    padding: 100px 0;
    margin-top: -20px;
}
.jw_slideTitle {
  font-weight: 700;
  font-size: 49px;
  line-height: 70px;
  color: #253d4e;
}
.jw_subslideTitle {
  font-weight: 400;
  font-size: 70px;
  line-height: 90px;
  color: #253d4e;
}
.js_titleTop {
  max-width: 790px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.js_shopBtn button {
  background: #253d4e;
  border: none;
  border-radius: 10px;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  padding: 10px;
}
.js_shopBtn button a {
  color: #fff;
}
.saleCollection {
  background: #e6e6e6;
  padding: 30px;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}
.saleCollection p {
  margin-bottom: 5px;
}
.saleImg {
  max-width: 100%;
  height: 230px;
  display: flex;
  align-items: center;
}
.saleImg img {
  object-fit: contain;
}
.saleItemName {
  font-weight: 700;
  font-size: 19px;
  line-height: 30px;
  color: #253d4e;
}
.saleQuantity {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #767676;
}
.salePrice {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #417394;
}
.saleBtnGp {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
button.saleBtn {
  border: 0;
  background: #417394;
  padding: 7px 12px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}
.addSaleBtn {
  border: 2px solid #417394;
  height: 28px;
  width: 28px;
  border-radius: 50%;
  font-size: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #417394;
  font-weight: 600;
  cursor: pointer;
}
.saleItemDetails {
  padding: 0 15px;
}
.flashSaleTitle {
  font-weight: 700;
  font-size: 36px;
  line-height: 45px;
  color: #417394;
}
.saleInfo {
  font-weight: 700;
  font-size: 25px;
  line-height: 125.7%;
  text-align: center;
  color: #417394;
}
.j_card {
  background: #e6e6e6;
  border-radius: 10px;
  overflow: hidden;
}
.j_card p {
  margin-bottom: 5px;
}
.j_hoverableData {
  gap: 10px;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.6s ease-in-out;
  opacity: 0;
}
.card:hover .j_hoverableData {
  opacity: 1;
  left: 18px;
}
.newSticker p {
  margin-bottom: 0;
  transform: rotate(298deg);
}
.newSticker {
  background: #fff;
  font-weight: 700;
  font-size: 17px;
  line-height: 29px;
  color: #417394;
  height: 87px;
  width: 87px;
  border-radius: 50%;
  display: flex;
  align-items: end;
  position: absolute;
  padding-left: 43px;
  padding-bottom: 12px;
  top: -54px;
  right: -23px;
  transform: rotate(62deg);
}
.j_btnn {
  background: #767676 !important;
}
.saleBtnGp div {
  margin-top: 0;
}
.jewelleryIems {
    background: url(../img/j_offer.png);
    background-repeat: no-repeat;
    background-size: 101% 106%;
    padding: 50px 0 130px 40px;
    border-radius: 25px;
}
.j_offertitle {
  font-weight: 700;
  font-size: 50px;
  line-height: 70px;
  color: #323232;
}
.j_offerSubTitle {
  font-weight: 700;
  font-size: 39px;
  line-height: 52px;
  color: #777a7d;
}
/* jewellery over */

/* beauty items */
.beautyBanner {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 22px 1px 1px 3px;
}
.saleImg.product img {
    height: 164px;
    object-fit: scale-down;
}
.b_slideTitle {
    font-weight: 700;
    font-size: 61px;
    line-height: 76px;
    color: #000;
}
.b_subSlideTitle {
    font-weight: 500;
    font-size: 46px;
    line-height: 57px;
    color: #000;
}
.beautyShopBtn button a {
  color: #ffffff;
}
.beautyShopBtn button {
  background: #000;
  border: none;
  border-radius: 10px;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  padding: 10px;
  margin-top: 30px;
}
.beautyHeader {
  background: #ff5794 !important;
}
.beautyHeader ul li a {
  color: #000 !important;
}
.b_button {
  background: #ff5794 !important;
  color: #fff;
}
.b_all_catogery {
  background: #ff5794 !important;
}
.b_card p {
  margin-bottom: 5px;
}

.b_card {
  background: #ffd9e4;
  border-radius: 10px;
  overflow: hidden;
}
.b_sticker p {
  margin-bottom: 0;
  transform: rotate(298deg);
  color: #000;
}
.b_sticker {
  background: rgba(255, 87, 148, 0.51);
  font-weight: 700;
  font-size: 17px;
  line-height: 29px;
  color: #417394;
  height: 87px;
  width: 87px;
  border-radius: 50%;
  display: flex;
  align-items: end;
  position: absolute;
  padding-left: 43px;
  padding-bottom: 12px;
  top: -54px;
  right: -23px;
  transform: rotate(62deg);
}
.b_salePrice {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #ff5794;
}
.b_saleButton {
  border: 0;
  background: #000;
  padding: 7px 12px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}
.sellCard {
  background: #ffd9e4;
  border-radius: 10px;
}
.sellCardTop {
  display: flex;
}
.sellImgg {
  max-width: 70px;
}
.sellTitle {
  font-weight: 700;
  font-size: 29px;
  line-height: 44px;
  color: #ff5794;
  text-align: center;
}
.sellText {
  font-weight: 700;
  font-size: 34px;
  line-height: 40px;
  text-align: center;
  color: #000000;
}
.sellText p {
  margin-bottom: 0;
}
.sellBtn {
  display: flex;
  justify-content: center;
  padding: 15px 0 33px 0;
}
.beautyImg {
  margin: 0 auto;
  max-width: 350px;
}
.trandTitle p {
  margin-bottom: 0;
}
.trandTitle {
  font-weight: 700;
  font-size: 29px;
  line-height: 40px;
  color: #ff5794;
  position: relative;
  margin-bottom: 10px;
}
.trandTitle:after {
  content: "";
  position: absolute;
  left: 5px;
  height: 3px;
  width: 100px;
  background: #000;
  border-radius: 10px;
}

.topBeautyItems {
  background: #ffd9e4;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px 0;
  margin-bottom: 10px;
  transition: all 0.6s ease-in-out;
}
.topBeautyItems:hover {
  -webkit-box-shadow: 10px 10px 12px -4px rgba(201, 193, 201, 1);
  -moz-box-shadow: 10px 10px 12px -4px rgba(201, 193, 201, 1);
  box-shadow: 10px 10px 12px -4px rgba(201, 193, 201, 1);
}
.ratingss {
  max-width: 100px;
}
.topBeautyItems p {
  margin-bottom: 0;
}
.topB_imgs {
  height: 115px;
}
.topB_imgs img {
  object-fit: contain;
}
.b_sticker1 p {
  margin-bottom: 0;
  transform: rotate(298deg);
}
.b_sticker1 {
  background: rgba(12, 131, 31, 0.8);
  font-weight: 700;
  font-size: 17px;
  line-height: 29px;
  color: #fff;
  height: 87px;
  width: 87px;
  border-radius: 50%;
  display: flex;
  align-items: end;
  position: absolute;
  padding-left: 43px;
  padding-bottom: 12px;
  top: -54px;
  right: -23px;
  transform: rotate(62deg);
}
.b_sticker2 p {
  margin-bottom: 0;
  transform: rotate(298deg);
}
.b_sticker2 {
  background: rgba(217, 24, 33, 0.82);
  font-weight: 700;
  font-size: 17px;
  line-height: 29px;
  color: #fff;
  height: 87px;
  width: 87px;
  border-radius: 50%;
  display: flex;
  align-items: end;
  position: absolute;
  padding-left: 43px;
  padding-bottom: 12px;
  top: -54px;
  right: -23px;
  transform: rotate(62deg);
}
.f_sellBanner {
    background: url(../img/f_sellBanner.png);
    background-repeat: no-repeat;
    background-size: 103% 100%;
    padding: 100px;
}
.fSellTitle {
  font-weight: 700;
  font-size: 56px;
  line-height: 68px;
  color: #ff5794;
}
.fSellSubTitle {
  font-weight: 700;
  font-size: 42px;
  line-height: 52px;
  color: #000000;
}
/* beauty items over*/
/* fashion */
.fashionHeader {
  background: #e98c6c !important;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 415px;
    object-fit: fill;
}
.owl-nav.disabled {
    display: block !important;
}
.fashionHeader ul li a {
  color: #ffff !important;
}
.fs_button {
  background: #e98c6c !important;
  color: #fff !important;
}
.fs_all_catogery {
  background: #e98c6c !important;
}
.fashionBest {
  display: flex;
  justify-content: space-between;
}
.best_f_sell p {
  margin-bottom: 0;
}
.Best_Seller {
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  color: #e98c6c;
}
.bestSelling {
  text-align: center;
}
.bestProductName {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #253d4e;
  margin: 5px 0;
}
.bestProductPrice {
  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
  color: #417394;
}
.bestSellImg {
  max-width: 190px;
}
.fashionCard {
  background: #f7ffd9;
}
.fashionProduct {
  height: 210px !important;
}
.fashionCardsm {
  background: #ffdbd9 !important;
}
.fashionCard p,
.fashionCardsm p {
  margin-bottom: 5px;
}
.fashionSlider {
  background: url("../img/fashionSlidder.png");
  background-repeat: no-repeat;
  background-size: cover;
  /* background-position: center center; */
  padding: 20px;
  border-radius: 12px;
}
.fsSubText {
  font-weight: 700;
  font-size: 26px;
  line-height: 35px;
  color: #777a7d;
}
.fsText {
  font-weight: 700;
  font-size: 38px;
  line-height: 52px;
  color: #417394;
}

span.carousel-control-prev-icon {
    background: #417394;
    width: 37px;
    height: 39px;
    display: flex;
    align-items: center;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-radius: 20px;
    position: absolute;
    left: 2px;
}

.fashionShop button:hover {
    background: #fff;
    border: 2px solid #e98c6c;
    transition: all 0.6s ease-in-out;
}
.fashionShop button:hover a {
color:#e98c6c ;
}
.carousel-control-next-icon {
    background: #417394;
    width: 37px;
    height: 39px;
    display: flex;
    align-items: center;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-radius: 20px;
}
.fashionShop button i {
  font-style: normal;
}
.fashionShop button a {
  color: #fff;
}
.fashionShop button {
  border: none;
  background: #e98c6c;
    border-radius: 10px;
    border: 2px solid #e98c6c;
  color: #fff;
  padding: 7px 20px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  cursor: pointer;
}
.fashionShop {
  margin-top: 80px;
}
a.carousel-control-prev.fashionNav span {
    top: 44%;
    left: 35px;
}

.carousel-control-next {
    right: 0;
    top: -3px !important;
}
a.carousel-control-next.topSlideNav.jeweller {
    top: 0px !important;
}
span.acts {
    color: #e98c6c;
}
.latestText {
  font-weight: 500;
  font-size: 47px;
  line-height: 68px;
  letter-spacing: 0.06em;
  color: #417394;
  writing-mode: vertical-rl;
}
.latestCollection {
  background: url("../img/latestFashion.png");
  background-repeat: no-repeat;
  background-position: center center;
  padding: 5px 20px;
  border-radius: 12px;
  padding-bottom: 224px;
}
.latestCollection p {
  margin-bottom: 5px;
}
.lcTitle {
  font-weight: 700;
  font-size: 26px;
  line-height: 40px;
  color: #417394;
}
.lcSubTitle {
  font-weight: 700;
  font-size: 22px;
  line-height: 35px;
  color: #777a7d;
}
.fSParent {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.latestImg img {
  max-width: 125px;
}
.latestImg {
  display: flex;
  justify-content: end;
}
.fashionBg {
  background: url("../img/fashionBg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 20px 0;
  border-radius: 12px;
}
.topRatingTitle p {
  margin-bottom: 0;
}
.topRatingTitle {
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  color: #e98c6c;
  position: relative;
}
.topRatingTitle:after {
  position: absolute;
  content: "";
  height: 3px;
  width: 120px;
  background: #e98c6c;
  border-radius: 10px;
}
.f_modal {
  display: flex;
  justify-content: end;
}
.f_modal img {
  max-width: 218px;
}
.f_btn {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.f_btn button {
  border: none;
  background: #253d4e;
  border-radius: 15px;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  padding: 8px 12px;
  color: #ffffff;
}
.topRatingBanner {
  margin: 40px 0 20px 0;
}

.trProduct {
  border: 0.5px solid #d4cece;
  border-radius: 10px;
  display: flex;
  padding: 10px;
  gap: 5px;
  max-width: 200px;
  width: 100%;
  background: linear-gradient(to right, #ededed 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.5s ease-out;
}
.trProduct:hover {
  background-position: left bottom;
}
.allTrProduct {
  gap: 5px;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  width: 100%;
}
.f_newsLetter {
  background: rgba(65, 115, 148, 0.26);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 50px 0;
}
.f_ns_title {
  font-weight: 700;
  font-size: 56px;
  line-height: 70px;
  color: #323232;
}
.n_ns_subTitle {
  font-weight: 700;
  font-size: 42px;
  line-height: 52px;
  color: #777a7d;
}
.trDetails p {
  margin-bottom: 0;
}
.trRate {
  max-width: 63px;
}
.trName {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #253d4e;
}
.trPrice {
  font-weight: 600;
  font-size: 22px;
  line-height: 18px;
  color: #417394;
}
.trImg {
  max-width: 80px;
}
.newsltrForm {
  display: flex;
  gap: 20px;
}
.nsEmail {
  background: #dbf0fe;
  border-radius: 13px;
  padding: 7px;
  color: #417394;
}
.nsEmail input {
  border: none;
  outline: none;
}
.nsEmail input::placeholder {
  color: #417394 !important;
}
.fn_button button {
  border: none;
  background: #253d4e;
  border-radius: 15px;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  padding: 8px 12px;
  color: #ffffff;
}
/* fashion over */
.offer_banner {
  margin-top: 25px;
}
.f_product img {
  transition: all 0.6s ease-in-out;
}
.f_product img:hover {
  transform: translate(0, -18px);
}
.f_productName {
  font-weight: 700;
  font-size: 17px;
  line-height: 20px;
  color: #417394;
}
.f_productQuantity {
  font-weight: 600;
  font-size: 17px;
  line-height: 23px;
  color: #767676;
}
.f_productCost {
  font-weight: 700;
  font-size: 17px;
  line-height: 28px;
  color: #417394;
  display: flex;
  justify-content: space-between;
}
.fur_saleButton {
  border: 0;
  background: #417394;
  padding: 7px 12px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}
.addBtn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #417394;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.f_productData {
  margin-top: 30px;
}
.f_bottomCards {
  background: transparent;
}
.f_bottomCards:hover {
  background: #d3cccc;
}
.addBtn i {
  font-style: normal;
}
.header {
  background-color: #fff;
  border-bottom: 1px solid #eaeaea;
}
.header ul {
  margin: 0px;
  display: flex;
  justify-content: end;
  margin-right: 20px;
}
.header ul li {
  display: inline-block;
  list-style: none;
  font-size: 14px;
  font-weight: 500;
  padding: 5px;
}
.header ul li a {
  color: #767676;
}
.searching {
  border-bottom: 1px solid #eaeaea;
  padding: 10px 30px;
  -padding-bottom: 20px;
}
.searching .input-group {
  border: 1px solid #0c831f;
  border-radius: 3px;
}
.searching .input-group-prepend button {
  color: #253d4e;
  font-size: 14px;
  font-weight: bold;
}
.searching .input-group-prepend button:after {
  content: "";
  border: 1px solid #eaeaea;
  margin-left: 10px;
}
.searching .input-group-prepend button i {
  font-size: 12px;
  color: #b2b2b2;
}
.searching .input-group-append button i {
    font-size: 15px;
    color: #fff;
}
::placeholder {
  color: #767676 !important;
  font-size: 14px !important;
  font-weight: 600;
}
.cart .nav-link i {
  color: #253d4e !important;
  font-size: 25px;
}
.badge-pill {
  padding-right: 5px;
  padding-left: 5px;
  border-radius: 50%;
}
.badge-danger {
  color: #fff;
  background-color: #0c831f;
}
.cart .nav-link:focus {
  outline: none !important;
}
.cart p {
  color: #767676;
  font-weight: 600;
  margin-left: 10px;
}
.reorder {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: none;
    flex-direction: column-reverse;
    border: none;
    margin-bottom: 17px;
}
input[type="button"] {
    color: #767676;
    font-weight: 600;
    cursor: pointer;
}
/*.reorder p {
    font-weight: 600;
    color: gray;
}*/
.cart_detail {
  color: #767676;
  margin-left: 0px !important;
  padding: 10px !important;
  font-size: 15px;
}
.navbar-dark .navbar-nav .nav-link {
  color: #767676 !important;
  font-weight: bold;
  font-size: 17px;
  padding: 6px 18px;
}
.dropIcn i {
  font-style: normal;
  font-size: 13px;
}
.navbar-dark .navbar-nav .f_nav-link:hover {
  color: #417394 !important;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 600;
  color: #767676;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  transition: 0.5s ease-in-out;
}
.dropdown-item:focus,
.dropdown-item:hover {
  margin-left: 5px;
  background: none;
  box-shadow: 20px 20px 60px #e7dfdf, -10px -10px 30px #ffffff;
}
.dropdown-menu {
  overflow: hidden;
}
.card.f_bottomCards {
  background: #ededed;
}
.card.f_bottomCards:hover {
  background: #c9c3c3;
}

.navbar-navs {
  background-color: #0c831f;
  border-radius: 5px;
 max-width: 164px;
  width: 100%;
}
.navbar-navs .nav-items {
  padding: 7px 12px;
  list-style: none;
}
.navbar-navs .nav-items .cate {
  color: #fff;
  -margin-left: 14px;
}
.navbar-navs .nav-items .cate i {
  font-size: 12px;
}
.navbar-navs .dropdown-menu {
  float: none;
  width: 100%;
  position: absolute !important;
  padding: 15px;
}
.box_cate {
  border: 1px solid #eaeaea;
  cursor: pointer;
  border-radius: 5px;
  padding: 10px;
  transition: all 0.5s ease-in-out;
}
.box_cate:hover {
  background: #ededed;
}
.box_cate p {
  font-weight: bold;
  color: #767676;
  font-size: 15px;
}
.navbar {
  border-bottom: 1px solid #eaeaea;
}

/*header css end*/

/*banner css start (with slidder)*/
.banner .item img {
  width: 100%;
  height: 100%;
  -object-fit: cover;
  -border-radius: 50px;
}
.banner .item .cover {
    padding: 106px 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.banner .item .cover .header-content {
  position: relative;
  padding: 56px;
  overflow: hidden;
  padding-left: 0;
}
.banner .item .cover .header-content .line {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  -border: 9px solid #fff;
  -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
  clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}
.banner .item .cover .header-content h2 {
  font-weight: 300;
  font-size: 35px;
  color: #fff;
}
.banner .item .cover .header-content h1 {
  font-size: 56px;
  font-weight: bold;
  margin: 5px 0 6px;
  word-spacing: 3px;
  color: #253d4e;
}
.owl-stage-outer {
    border-radius: 20px;
}
#grocery_home .owl-item {
    top: -21px;
  height: 393px;
}

#grocery_home {
    padding: 0px 37px;
}
.banner .item .cover .header-content p {
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  color: #767676;
  width: 50%;
}
.owl-dot {
  display: none !important;
}
/* increment decrement */
.quantity-field {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100px;
  height: 35px;
  margin-top: 5px;
  padding: 1px;
  border-radius: 8px;
  background: #ede7e7;
}

.quantity-field .value-button {
  border: 1px solid #ddd;
  margin: 0px;
  width: 40px;
  height: 100%;
  padding: 0;
  background: #eee;
  outline: none;
  cursor: pointer;
}

.quantity-field .value-button:hover {
  background: rgb(230, 230, 230);
}

.quantity-field .value-button:active {
  background: rgb(210, 210, 210);
}

.quantity-field .decrease-button {
  margin-right: -4px;
  border-radius: 8px 0 0 8px;
}

.quantity-field .increase-button {
  margin-left: -4px;
  border-radius: 0 8px 8px 0;
}

.quantity-field .number {
  display: inline-block;
  text-align: center;
  border: none;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 0px;
  width: 46px;
  height: 100%;
  line-height: 30px;
  font-size: 13px;
  box-sizing: border-box;
  background: white;
}

.quantity-field .number::selection {
  background: none;
}

.parentText {
  transition: all 0.6s ease-in-out;
}
.topSlideImg:hover .parentText {
  margin-left: 5px;
}
.slider_ad:hover .parentText {
  margin-left: 5px;
}
/* increment decrement over*/
/* modal body */
.modalProductData p {
  margin-bottom: 0;
}
.mTitles {
  font-weight: bold;
  color: #d99f46;
  font-size: 18px;
}
.m_subTitles {
  font-weight: bold;
  color: #d99f46;
  font-size: 16px;
  padding-bottom: 3px;
  border-bottom: 1px solid #8b4218;
}
.m_star i {
  font-style: normal;
  margin: 0 6px;
  color: #8b4218;
}
.mPriceTitle {
  font-weight: bold;
  color: #d99f46;
  font-size: 18px;
}
.mTitles {
  font-weight: bold;
  color: #8b4218;
  font-size: 16px;
}
.m_highlights {
  font-weight: bold;
  color: #253d4e;
  font-size: 14px;
  margin: 5px 0;
  display: flex;
}
.m_moreInfo {
  font-weight: 500;
  color: #253d4e;
  font-size: 14px;
  margin: 5px 0;
}
.m_price {
  font-weight: bold;
  color: #253d4e;
  font-size: 15px;
}
.m_offer {
  font-weight: bold;
  color: #8b4218;
  font-size: 15px;
}
.m_proName p {
  font-weight: bold;
  color: #253d4e;
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.m_data {
  margin-bottom: 10px;
}
.m_header {
  border-bottom: 1px solid #ebdfdf;
  padding-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.m_btnGroup {
  display: flex;
  gap: 10px;
}
.m_cart button {
  border: none;
  background: #000;
  color: #ffff;
  font-size: 12px;
  padding: 8px;
  border-radius: 7px;
  font-weight: 600;
  cursor: pointer;
}
.m_view button {
  border: none;
  background: #d99f46;
  color: #ffff;
  font-size: 12px;
  padding: 8px;
  border-radius: 7px;
  font-weight: 600;
  cursor: pointer;
}
/* modal body over */

/** Custom Select **/
.custom-select-wrapper {
  position: relative;
  display: inline-block;
  user-select: none;
}
.custom-select-wrapper select {
  display: none;
}
.custom-select {
  position: relative;
  display: inline-block;
  z-index: 3;
}
.custom-select {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  line-height: 1.5;
  color: #000;
  font-weight: 600;
  vertical-align: middle;

  background-size: 8px 10px;
  border: none;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #ededed;
}
.custom-select-trigger {
  position: relative;
  display: block;
  max-width: 120px;
  width: 100%;
  padding: 0 43px 0 22px;
  font-size: 13px;
  font-weight: 600;
  color: #253d4e;
  /* line-height: 60px; */
  background:#fff;
  border-radius: 4px;
  cursor: pointer;
}
.custom-select-trigger:after {
  position: absolute;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  top: 50%;
  right: 25px;
  margin-top: -3px;
  border-bottom: 1px solid #253d4e;
  border-right: 1px solid #253d4e;
  transform: rotate(45deg) translateY(-50%);
  transition: all 0.4s ease-in-out;
  transform-origin: 50% 0;
}
.custom-select.opened .custom-select-trigger:after {
  margin-top: 3px;
  transform: rotate(-135deg) translateY(-50%);
}
.custom-options {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  right: 0;
  min-width: 100%;
  margin: 15px 0;
  border: 1px solid #b5b5b5;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.07);
  background: #fff;
  transition: all 0.4s ease-in-out;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-15px);
}
.custom-select.opened .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateY(0);
}
.custom-options:before {
  position: absolute;
  display: block;
  content: "";
  bottom: 100%;
  right: 25px;
  width: 7px;
  height: 7px;
  margin-bottom: -4px;
  border-top: 1px solid #b5b5b5;
  border-left: 1px solid #b5b5b5;
  background: #fff;
  transform: rotate(45deg);
  transition: all 0.4s ease-in-out;
}
.option-hover:before {
  background: #f9f9f9;
}
.custom-option {
  position: relative;
  display: block;
  padding: 0 22px;
  border-bottom: 1px solid #b5b5b5;
  font-size: 14px;
  font-weight: 400;
  color: #273342;
  line-height: 44px;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.custom-option:first-of-type {
  border-radius: 4px 4px 0 0;
}
.custom-option:last-of-type {
  border-bottom: 0;
  border-radius: 0 0 4px 4px;
}
.custom-option:hover,
.custom-option.selection {
  background: #f9f9f9;
}
.heade_with_time {
  display: flex;
  justify-content: space-between;
}
.expireTime {
  background: #ffb321;
  color: #fff;
  font-weight: 700;
  padding: 8px 12px 0 12px;
  border-radius: 11px;
  z-index: 1;
  max-width: 250px;
  width: 100%;
  max-height: 40px;
  height: 100%;
}
.expireTime i {
  font-style: normal;
}
#timer {
  font-weight: 500 !important;
}
.custom-select {
  padding: 0;
}
#cartBtn {
  position: relative;
}
.all_in_cart {
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #253d4e;
  color: #fff;
  left: 35px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
#cartBtn:hover #CartDetails {
  visibility: visible;
  opacity: 1;
}
#CartDetails {
  position: absolute;
  right: 0px;
  background: #fff;
  padding: 10px;
  z-index: 3;
  width: 300px;
  box-shadow: 0px -1px 13px 3px #e5dfdf, -10px -10px 6px #ffffff;
  transition: all 0.6s linear;
  top: 50px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.7s linear;
}
.cartItems {
  display: flex;
  align-items: center;
  margin: 10px 0;
  padding-bottom: 15px;
  justify-content: space-between;
}
.removeItem i {
  font-style: normal;
  color: #8d3807;
  font-weight: bold;
  cursor: pointer;
  font-size: 20px;
}
.totalItems {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-top: 1px solid #dfdbdb;
}

.offerTitle {
  font-weight: 600;
}
.offerImg {
  max-width: 170px;
}
.offerProduct {
  display: flex;
  align-items: center;
  background: #e3e5e7;
  border-radius: 5px;
  padding: 5px;
  margin: 10px 0;
}
.offerBtn i {
  font-style: normal;
}
.cartPrice {
  font-size: 13px;
}
#CartDetails p {
  margin-bottom: 0;
}
.c_item {
  max-width: 100px;
}
.cartIcns {
  position: relative;
  transition: all 500ms ease;
}
.cartIcns:before {
  content: "3";
  position: absolute;
  top: -30px;
  left: 33px;
  transition: all 0.6s ease;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #253d4e;
  color: #fff;
  opacity: 0;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
.cartIcns:hover:before {
  left: 33px;
  top: 3px;
  opacity: 1;
}
.banner .owl-item.active h1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
.banner .owl-item.active h2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
.banner .owl-item.active p {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}
.banner.owl-item.active .line {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.3s;
}
.banner .owl-nav .owl-prev {
  position: absolute;
/*  left: 15px;*/
left: 39px !important;
  top: 43%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background: #767676 !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 50px;
}
.banner .owl-nav .owl-prev span {
  font-size: 22px;
  color: #fff;
}
.banner .owl-nav .owl-prev:focus {
  outline: 0;
}
.banner .owl-nav .owl-prev:hover {
  background: #767676 !important;
}
.banner.text-center {
    padding: 23px 20px;
}
p.g_bannerTitle {
    font-size: 18px !important;
    font-weight: 600 !important;
}
.banner .owl-nav .owl-next {
  position: absolute;
/*  right: 15px;*/
 right: 38px !important;
  top: 43%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background: #767676 !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 50px;
}
.banner .owl-nav .owl-next span {
  font-size: 22px;
  color: #fff;
}
.banner .owl-nav .owl-next:focus {
  outline: 0;
}
.banner .owl-nav .owl-next:hover {
  background: #767676 !important;
}
.banner:hover .owl-prev {
  left: 0px;
  opacity: 0.7;
}
.banner:hover .owl-next {
  right: 0px;
  opacity: 0.7;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  -margin-top: 10px;
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  -zoom: 1;
  position: relative;
  bottom: 50px;
}
.owl-theme .owl-dots .owl-dot span {
  width: 20px;
  height: 20px;
  margin: 5px 7px;
  background: transparent;
  border: 2px solid #000;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #0c831f;
  border: none;
}
.a {
  background: #417394;
}

/*banner css end*/

/*categories css start*/
.MultiCarousel {
  float: left;
  overflow: hidden;
  padding: 15px;
  width: 100%;
  position: relative;
}
.MultiCarousel .MultiCarousel-inner {
  transition: 1s ease all;
  float: left;
  width: 1700px !important;
  margin-top: 45px;
}
.MultiCarousel .MultiCarousel-inner .item {
  max-width: 120px !important;
  float: left;
  border-radius: 10px;
  margin: 0 10px;
  text-align: center;
}

.MultiCarousel .leftLst,
.MultiCarousel .rightLst {
  position: absolute;
  border-radius: 50%;
  top: 70px;
  width: 40px;
  height: 40px;
  color: #767676;
}

.MultiCarousel .leftLst {
  right: 45px;
  background: #eaeaea;
  border: none;
  color: #767676;
}
.MultiCarousel .rightLst {
  right: 0;
  background: #eaeaea;
  border: none;
  color: #767676;
}
.MultiCarousel .leftLst:hover {
  right: 45px;
  background: #eaeaea !important;
  border: none;
  color: #767676 !important;
}
.MultiCarousel .rightLst:hover {
  right: 0;
  background: #eaeaea !important;
  border: none;
  color: #767676 !important;
}
.MultiCarousel .leftLst:active {
  right: 45px;
  background: #eaeaea !important;
  border: none;
  color: #767676 !important;
}
.MultiCarousel .rightLst:active {
  right: 0;
  background: #eaeaea !important;
  border: none;
  color: #767676 !important;
}
.pad15 {
  border-radius: 10px;
  background: #dfffd7;
}
.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
  pointer-events: none;
  background: #eaeaea;
  border: none;
  color: #767676;
}
.pad15 img {
  width: 100%;
  height: 60px;
  object-fit: contain;
}
.gr_saleButton{
  border: 0;
    background: #0c831f;
    padding: 7px 12px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}
.gr3_saleButton{
  border: 0;
    background: #0c831f;
    padding: 7px 9px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}
.GroceryProduct1 {
    background-image: url(../img/img1.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    padding-bottom: 86px;
    color: #000000;
}
.gpText2 {
  font-weight: 500;
  font-size: 14px;
}
.GroceryProducts2 {
  background-image: url(../img/img2.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  border-radius: 10px;
  padding: 10px;
  padding-bottom: 44px;
  color: #fff !important;
}
.GroceryProducts3 {
  background-image: url(../img/img3.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  border-radius: 10px;
  padding: 10px;
  padding-bottom: 20px;
}
.gptitles {
  font-weight: 700;
  font-size: 23px;
  line-height: 29px;
}
.gpText {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
.pad15 h6 {
  font-weight: bold;
  color: #253d4e;
}
.items_cate {
  font-size: 12px;
  color: #767676;
  font-weight: 600;
}
.categories h2 {
  font-weight: bold;
  color: #253d4e;
  display: inline-block;
}
.popular_category h2 {
  font-weight: bold;
  color: #253d4e;
  display: inline-block;
}
.popular_category .nav {
  display: inline-flex;
  float: right;
}
.popular_category .nav-pills .nav-link {
  color: #767676;
}
.popular_category .nav-pills .nav-link.active {
  color: #0c831f !important;
  background: transparent !important;
  font-weight: bold;
}
.popular_category .card {
  border: 1px solid #eaeaea;
  border-radius: 10px;
}

.popular_category .card-title {
  margin-bottom: 5px;
  color: #253d4e;
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
}
.popular_category .card-text {
  color: #767676;
  font-size: 15px;
  font-weight: 600;
}
.card-text {
  margin-bottom: 0 !important;
}
.main_price {
  display: flex;
  justify-content: space-between;
}
.cardMain {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bestSells {
  border: 1px solid #eaeaea;
  border-radius: 10px;
}
.main_price .price {
  color: #0c831f !important;
  font-weight: bold;
}
.main_price .add_carts {
  background: #0c831f !important;
  color: #fff !important;
  border: none;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
}
/*categories css end*/
.clean_img img{
  transition: all 0.5s ease-in-out;
}
.clean_img img:hover{
  box-shadow: 10px 10px 12px -4px rgba(201, 193, 201, 1);
}
/*best sell product start*/
.MultiCarousels {
  float: left;
  overflow: hidden;
  -padding: 15px;
  width: 100%;
  position: relative;
  top: -18px;
}
.MultiCarousels .MultiCarousel-inner {
  transition: 1s ease all;
  float: left;
  width: 2209px !important;
  transform: translateX(-260px);
}
.MultiCarousels .MultiCarousel-inner .item {
  width: 276px !important;
  float: left;
  border-radius: 10px;
}
.MultiCarousels .MultiCarousel-inner .item > div {
  text-align: center;
  padding: 13px;
  margin: 20px;
  background: #fff;
  color: #666;
}
.MultiCarousels .leftLst,
.MultiCarousels .rightLst {
  position: absolute;
  border-radius: 50%;
  top: calc(50% - 37px);
  width: 40px;
  height: 40px;
  color: #767676;
}

.MultiCarousels .leftLst {
  left: 29px;
  background: #eaeaea;
  border: none;
  color: #767676;
}
.MultiCarousels .rightLst {
  right: 33px;
  background: #eaeaea;
  border: none;
  color: #767676;
}
.MultiCarousels .leftLst:hover {
  left: 29px;
  background: #eaeaea !important;
  border: none;
  color: #767676 !important;
}
.MultiCarousels .rightLst:hover {
  right: 33px;
  background: #eaeaea !important;
  border: none;
  color: #767676 !important;
}
.MultiCarousels .leftLst:active {
  left: 29px;
  background: #eaeaea !important;
  border: none;
  color: #767676 !important;
}
.MultiCarousels .rightLst:active {
  right: 33px;
  background: #eaeaea !important;
  border: none;
  color: #767676 !important;
}
.MultiCarousels .pad15 {
  border-radius: 10px;
  border: 1px solid #eaeaea;
}
.MultiCarousels .leftLst.over,
.MultiCarousels .rightLst.over {
  pointer-events: none;
  background: #eaeaea;
  border: none;
  color: #767676;
}
.pad15 h6 {
  font-weight: bold;
  color: #253d4e;
}
.items_cate {
  font-size: 12px;
  color: #767676;
  font-weight: 600;
}
/*best sell product end*/

/*easy delivery css start*/
.easys {
  background-color: #f4f6fa;
  border-radius: 10px;
}

.return img {
  width: 100%;
}
.return p {
  color: #253d4e;
  font-size: 16px;
  font-weight: bold;
  margin-top: auto;
  margin-bottom: 0px;
}
/*easy delivery css end*/
/*footer css start*/
.subFooter {
    display: flex;
    justify-content: space-between;
    max-width: 900px;
}
.s_icn {
  max-width: 25px;
}
.connectedTitle p {
  margin-bottom: 0;
}
.socialIcns {
  display: flex;
  justify-content: space-evenly;
  padding-bottom: 10px;
}
.connectedTitle {
  font-weight: bold;
  font-size: 19px;
  margin-bottom: 0px;
  line-height: 39px;
  color: #253d4e;
}
.footerParent {
  background: #ededed;
}
.footer h2 {
  font-weight: bold;
  font-size: 25px;
  margin-bottom: 0px;
  line-height: 39px;
  color: #253d4e;
}
.footer ul {
  margin: 0px;
}
.footer ul li {
  display: block;
  padding: 2px;
}
.footer ul li a {
  color: #767676;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.6s ease-in-out;
}
.footer ul li a:hover {
  margin-left: 4px;
  font-weight: 700;
  color: #bd5948;
}
.footer p {
  color: #767676;
  font-weight: 500;
}
.copyright {
    max-width: 100%;
    border-top: 1px solid #d7cbcb;
}
.container {
    border-top: none !important;
}
.copyright p {
  color: #767676;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  margin-bottom: 0px;
}
img.mt-4 {
    display: flex;
    margin: 0 auto;
}
img.mt-2 {
    display: flex;
    margin: 0 auto;
}
/*footer css end*/

/*privacy policy page css start*/
.info {
  min-height: 1600px;
}
.info h3 {
  color: #253d4e;
  font-weight: bold;
}
.info p {
  color: #767676;
  font-size: 16px;
}
.info h5 {
  color: #253d4e;
  font-weight: bold;
}
.info a {
  color: #0c831f;
}
/*search bar css*/
form {
  -width: 450px;
  height: 50px;
  border: 1px solid #eaeaea;
  position: relative;
}
form input {
  width: 100%;
  height: 100%;
  padding: 0 50px 0 20px;
  box-sizing: border-box;
  font-size: 16px;
}

a.search-button {
  width: 50px;
  height: 45px;
  display: block;
  position: absolute;
  top: 2px;
  right: 1px;
  overflow: hidden;
  -border-radius: 25px;
  background-color: #fff;
  text-decoration: none;
}
a.search-button .icon {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 14px;
  left: 14px;
  background-color: #fff;
  border-radius: 8px;
  border: 2px solid #b9b9b9;
  transition: all 0.6s ease;
}
a.search-button .icon:after {
  width: 12px;
  height: 2px;
  display: block;
  content: "";
  position: absolute;
  bottom: -5px;
  right: -9px;
  background-color: #b9b9b9;
  transform: rotate(45deg);
  transition: all 0.6s ease;
}
a.search-button .icon .clear {
  width: 100%;
  height: 100%;
  line-height: 12px;
  display: block;
  text-align: center;
  color: #767676;
  font-size: 0;
  transition: all 0.6s ease;
}
a.search-button.typed .icon {
  width: 80px;
  height: 75px;
  border-radius: 50px;
  border-width: 6px;
  top: -15px;
  left: -15px;
}
a.search-button.typed .icon:after {
  width: 52px;
  height: 8px;
  bottom: -20px;
  right: -30px;
}
a.search-button.typed .icon .clear {
  line-height: 58px;
  font-size: 22px;
}
/*search bar css end*/
/*Categorie_box css*/
.Categorie_box {
  width: 100%;
  height: auto;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  box-shadow: 2px 1px #dfdfdf;
}
.Categorie_box .Categorie_inner h4 {
  color: #253d4e;
  font-weight: bold;
  position: relative;
  border-bottom: 1px solid #ececec;
  padding-bottom: 20px;
}
.Categorie_inner h4::after {
  content: "";
  width: 80px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #0c831f;
}
.slider-labels {
  margin-top: 10px;
}


.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.viewProduct:hover {
  font-weight: 700;
}
.billingAddress p {
  margin-bottom: 0;
  font-size: 16px !important;
  font-weight: 500;
}
.billingAddress h4 {
  font-weight: 600;
}
.editaddress {
  margin-top: 10px;
  font-weight: 500;
}
.editaddress:hover {
  font-weight: 600;
}
.noUi-stacking .noUi-handle {

  z-index: 10;
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 4px;
}

.noUi-horizontal .noUi-handle {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  left: -7px;
  top: -5px;
  background-color: #0c831f;
}

/* Styling;
 */
.noUi-background {
  background: #d6d7d9;
}

.noUi-connect {
  background: #0c831f;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

.noUi-origin {
  border-radius: 2px;
}

.noUi-target {
  border-radius: 2px;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}

.noUi-handle {
  cursor: default;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.noUi-handle:active {
  border: 8px solid #345dbb;
  border: 8px solid rgba(53, 93, 187, 0.38);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  left: -14px;
  top: -14px;
}

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #b8b8b8;
}

[disabled].noUi-origin,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/*Categorie_box css end*/
.Categories_box {
  width: 100%;
  height: auto;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  box-shadow: 2px 1px #dfdfdf;
}
.Categories_background {
  background-image: url(../img/catogeryBg.png);
  background-repeat: no-repeat;
  background-position: calc(100% - -5px) calc(100% - 14px);
  background-size: 50%;
}
.Categories_background1 {
  background-image: url(../img/img_fruti.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 0px) calc(100% - 0px);
  background-size: 50%;
}
.Categories_inner p {
  color: #767676;
}
.Categories_inner span {
  color: #0c831f;
}
.Categories_inner .fill_clr h5 {
  color: #767676;
}
.Categories_inner .fill_clr .check_box {
  color: #767676;
}
.Categories_inner .fill_btn {
  background: #0c831f;
  border: none;
  border-radius: 5px;
}
.adsimg {
  position: sticky;
  top: 0;
}
.asideITitle {
  font-weight: 700;
  font-size: 17px;
  line-height: 22px;
  color: #253d4e;
}
.asideISub {
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  color: #767676;
}
/*privacy policy page css end*/
/* blogdetail */
.blogDetailTitle {
  font-weight: 700;
  font-size: 45px;
  line-height: 74px;
  color: #253d4e;
}
.card.text-center img {
    max-width: 300px;
    max-height: 200px;
    border-radius: 8px;
}
.b_productTitle {
  font-weight: 700;
  font-size: 28px;
  line-height: 35px;
  color: #253d4e;
}
.b_productDesc {
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  text-align: justify;
  color: #767676;
}
.p_price {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.07em;
  color: #0c831f;
  margin-right: 10px;
}
.p_offer {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.07em;
  color: #ffc700;
}
.p_weight {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.07em;
  color: #767676;
  margin: 5px 0;
}
.p_cart {
  display: flex;
  gap: 30px;
  align-items: center;
  margin-top: 10px;
}
.p_cartBtn i {
  font-weight: 300;
}
.p_cartBtn {
  border: 0.5px solid #767676;
  border-radius: 5px;
  padding: 2px 8px;
  font-size: 20px;
  cursor: pointer;
}
.p_cart button {
  border: 0;
  background: #0c831f;
  color: #fff;
  padding: 7px 14px;
  border-radius: 5px;
  font-weight: 600;
  cursor: pointer;
}
.bdSmall {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.bdImg {
  max-width: 120px;
}
.b_peoductDetails {
  border: 0.5px solid #767676;
  border-radius: 5px;
  padding: 10px;
  margin-top: 20px;
}
.p_Btngroup button {
  background: transparent;
  border: 0.5px solid #767676;
  border-radius: 20px;
  max-width: 129px;
  width: 100%;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #767676;
  padding: 5px;
  margin-right: 10px;
}
.p_Btngroup {
  margin-bottom: 10px;
}
.b_peoductDetails p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #767676;
}
/* blogdetail over */
/*aboutus page css*/
.f_img {
  max-width: 30px;
}
.a_fText p {
  margin-bottom: 0;
}
.a_midImg {
  display: flex;
  align-items: center;
}
.a_features {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 13px 0;
}
.a_fTitle {
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  color: #253d4e;
}
.aboutUstitle p {
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  color: #253d4e !important;
}
.aboutusText p {
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  text-align: justify;
  margin-bottom: 0;
  color: #767676;
}
.banners {
    /* background-image: url(../img/banner_sub_title.png); */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* text-align: center; */
    color: #000;
    padding-top: 35px;
    /* padding-bottom: 150px; */
}
.banners h1 {
  font-size: 60px;
  font-weight: bold;
}
h1.aboutus_head {
    font-weight: 600;
    font-size: 43px;
}
#about_us {
    display: flex;
    background: #cddbd0;
   padding: 10px 0px;
    margin-top: 15px;
}
/*.banners.banners_about {
    padding-top: 0px;
}*/
.banners.banners_about.aos-init.aos-animate {
    margin: 0;
    padding: 0;
}
i.fa.fa-home {
    font-size: 20px;
    color: #000;
}
#about {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.our_detail {
  align-items: center;
}
.our_detail h1 {
  color: #253d4e;
  font-weight: bold;
}
.our_detail p {
  color: #767676;
}
.provideSec {
  margin-top: 20px;
}
.provideCard {
  transition: 0.6s;
}
.provideCard:hover {
  -webkit-box-shadow: 10px 10px 12px -4px rgba(201, 193, 201, 1);
  -moz-box-shadow: 10px 10px 12px -4px rgba(201, 193, 201, 1);
  box-shadow: 10px 10px 12px -4px rgba(201, 193, 201, 1);
}
.what_provide h2 {
  color: #253d4e;
  font-weight: bold;
}
.what_provide h4 {
  color: #253d4e;
  font-weight: bold;
  font-size: 23px;
}
.what_provide p {
  color: #767676;
  font-size: 14px;
  margin: 0px;
}
.what_provide .card {
  border-radius: 10px;
}
.details h1 {
  color: #253d4e;
  font-weight: bold;
}
.details p {
  color: #767676;
}
.counter {
  background: #2c2c2c;
  color: #fff;
}
.counter-count {
  font-weight: bold;
  position: relative;
  display: inline-block;
}

.count-up h4 {
  font-size: 30px;
  font-weight: 700;
}

.count-up h6 {
  font-size: 40px;
  font-weight: 800;
}

.count-up h3 {
  font-size: 46px;
  font-weight: 800;
}

.count-up p {
  font-weight: 600;
}
.aboutImg {
  display: flex;
  gap: 30px;
  align-items: center;
}
.details.container {
  margin-top: 50px;
}
/*aboutus page css over*/
/* terms */
.termsTitleParent {
  font-weight: 700;
  font-size: 28px;
  line-height: 35px;
  color: #253d4e;
}
.terms {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  color: #767676;
}
.termsTitle {
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  color: #253d4e;
}
.termsTitle p {
  margin-bottom: 5px;
}
/* terms over */
/* privacy policy */
.privacyPolicy h5 {
  font-weight: 700;
  font-size: 15px;
  line-height: 25px;
  color: #253d4e;
}
.privacyPolicy h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  color: #253d4e;
}
.privacyPolicy h3 {
  font-weight: 700;
  font-size: 28px;
  line-height: 35px;
  color: #253d4e;
}
.privacyPolicy p {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: justify;
  letter-spacing: 0.05em;

  color: #767676;
}
/* privacy policy over */
/*blog page css start*/
.articleMain {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.recips h2 {
  color: #253d4e;
  font-weight: bold;
}
.recips .card {
  border: none;
}
.recips .card h4 {
  color: #253d4e;
}
.recips .card p {
  color: #767676;
  font-size: 16px;
}
.navbars-navs {
  background-color: transparent;
  border-radius: 5px;
  border: 1px solid #eaeaea;
}
.navbars-navs .navs-items {
  padding: 5px;
  list-style: none;
}
.navbars-navs .navs-items a i {
  font-size: 12px;
  padding-left: 25px;
}
.navbars-navs .dl {
  float: none;
  position: absolute !important;
  top: 10px !important;
  left: -5px !important;
  color: #767676;
  min-width: 100%;
}
.navbars-navs .dl p {
  font-size: 16px;
}
/*blog page css end*/
/* home1 */
.g_shoppingSell {
  background: url("../img/g_shoppingsell.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 10px;
  height: 86%;
  border-radius: 10px;
}
.deliveryBanner {
  background: #253d4e;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 30px;
}
.curveTexrt {
  position: absolute;
  font-weight: 700;
  font-size: 18px;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  transform: rotate(-38.6deg);
  left: -4px;
  top: 48px;
}
.servicesTitle {
  font-weight: 700;
  font-size: 36px;
  line-height: 45px;
  color: #ffffff;
}
.servicesProducts {
  font-weight: 700;
  font-size: 25px;
  line-height: 38px;
  color: #ffffff;
  margin-top: 15px;
}
.serviceBtn button {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  background-color: #fff;
  color: #253d4e;
  border: none;
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.sellItem {
  max-width: 300px;
}
.deliceryBoy {
  max-width: 300px;
}
.servicesProducts p {
  margin-bottom: 5px;
}
.serviceBtn {
  margin-top: 50px;
}

.g_shoppingTitle {
  font-weight: 700;
  font-size: 25px;
  line-height: 35px;
  color: #253d4e;
}
.g_shopingText {
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: #767676;
}
.g_bannerTitle {
  font-size: 42px !important;
}
.cartList {
    display: flex;
    justify-content: end;
    padding-top: 15px;
    align-items: center;
        gap: 20px;
}
i.fa.fa-sort {
    color: #253d4e;
    font-size: 25px;
}
h3.moblie_wishlist {
    color: #253d4e;
    font-weight: 700;
    margin-top: 41px;
}
.wishList {
  position: relative;
  cursor: pointer;
}
img.Wishlisstimg{
  height: 150px;
  object-fit: contain;
}
.f_wish_value {
  background: #417394 !important;
}
.h_wishlist {
  position: absolute;
  top: 0%;
  left: 33px;
}
.cartDetail {
  min-width: 300px;
  position: absolute;
  transform: translate3d(-235px, 49px, 0px);
  top: 0px;
  left: 0px;
  will-change: transform;
}
/* home2 */
/*home2 page css*/
.back_banner {
  background: url("../img/banner_side_background.png");
}
.g2Cover {
    padding: 60px 0px !important;
    height: auto !important;
}
.g2Banner {
  padding: 10px !important;
  font-weight: 700;
  font-size: 27px;
  line-height: 41px;
  color: #253d4e;
  transition: all 0.6s ease-in-out;
}
.item:hover .g2Banner {
  margin-left: 4px;
}
.g2Subanner {
  background-image: url(../img/new_reimg.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  height: 96%;
  padding: 20px;
 background-position: bottom;
}
.g2Subanner p {
  font-weight: 700;
  font-size: 26px;
  line-height: 32px;
  color: #253d4e;
  transition: all 0.6s ease-in-out;
}
.g2Subanner:hover p {
  margin-left: 4px;
}
.g2_shoppingSell {
    background: url(../img/g_shoppingsell.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
    height: 86%;
    border-radius: 10px;
}
.g2_shoppingTitle {
  font-weight: 700;
  font-size: 21px;
  line-height: 35px;
  color: #253d4e;
}
/*home2 page end*/
/* home 3 */
.g3Title p {
  font-weight: 700 !important;
  font-size: 33px !important;
  line-height: 41px !important;
  color: #253d4e !important;
  width: 100% !important;
  padding-top: 15px;
}
.slider-labels {
  display: flex;
  justify-content: space-between;
}
.g3SubTitle p {
  font-weight: 700 !important;
  font-size: 21px !important;
  line-height: 30px !important;
  color: #253d4e !important;
  width: 100% !important;
}
.g3Banner {
  position: relative;
}
.g3Btn {
  position: absolute;
  bottom: 5px;
  font-weight: 700;
  font-size: 15px;
  line-height: 19px;
  color: #ffffff;
  left: 5px;
  border: none;
  border-radius: 10px;
  padding: 8px 10px;
  cursor: pointer;
}
.g3Catogery .card {
  margin-top: 2px;
}
.g3Btn1 {
  background: #234a7a;
}
.g3Btn2 {
  background: #843f0c;
}
.g3Btn3 {
  background: #2d2721;
}
.g3Btn4 {
  background: #0c831f;
}

/* home 3 over */
/* home 4 */
.g4Title p {
  font-weight: 700 !important;
  font-size: 33px !important;
  line-height: 41px !important;
  text-align: center !important;
  color: #253d4e !important;
  width: 100% !important;
}
.g4Subtitle p {
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 30px !important;
  text-align: center !important;
  color: #253d4e !important;
  width: 100% !important;
}
.bannerBtn button {
    padding: 6px 15px;
    border: 0;
    font-weight: 700;
    font-size: 19px;
  line-height: 28px;
  color: #ffffff;
  background: #0c831f;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  margin-top: 40px;
  cursor: pointer;
  transition: all 0.6s ease-in-out;
  border: 2px solid #0c831f;
}
.bannerBtn button:hover {
  color: #0c831f;
  background: #fff;
}
.shopBtn.bannerBtn button {
    background: #417394;
    border: 2px solid #417394;
}
.shopBtn.bannerBtn button:hover{
  color: #417394;
  background: #fff;
}
.js_shopBtn button:hover a {
    color: #253d4e;
}
.js_shopBtn button:hover {
    background: #fff;
    border: 2px solid #253d4e;
  }
  .js_shopBtn button {
    transition: all 0.6s ease-in-out;
     border: 2px solid #253d4e;
     background: #253d4e;
}
  .beautyShopBtn button {
    transition: all 0.6s ease-in-out;
     border: 2px solid #000;
}
.beautyShopBtn button:hover {
    background: #fff;
    border: 2px solid #000;
}
.beautyShopBtn button:hover a {
    color: #000;
}
.shopBtn button:hover {
    background: #fff !important;
}
.shopBtn button:hover a {
    color: #0070DC;
}
.shopBtn button {
    transition: all 0.6s ease-in-out;
     border: 2px solid #0070DC;
}

.g4Banner {
    padding: 0px 85px !important;
}
.sellItem4 {
  display: flex;
  align-items: end;
}
/* home 4 over */
/* home 5  */
.g5Title p {
  font-weight: 700 !important;
  font-size: 30px !important;
  line-height: 37px !important;
  color: #253d4e !important;
  width: 100% !important;
}
.g5Subtitle,
.g5Title {
  transition: all 0.6s ease-in-out;
}
div#g5 {
    max-width: 500px;
}
div#g5Subtitle {
    max-width: 448px;
}
.g5Subtitle p {
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 30px !important;
  width: 100% !important;
  color: #253d4e !important;
}
.item:hover .g5Title {
  margin-left: 10px;
}
.item:hover .g5Subtitle {
  margin-left: 10px;
}
.g5_shoppingTitle {
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  color: #253d4e;
}
.g_shoppingSell {
    background: url(../img/g5_shoppingsell.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 20PX;
    height: 367PX;
    border-radius: 10px;
}
.g_shoppingSell.shopping_home {
    background: url(../img/akhrot_image.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
    height: 88%;
    border-radius: 10px;
}
.g3Btn5 {
    background: #3b7da9;
}
.g3Btn6 {
  background: #c3698f;
}
.g3Btn7 {
  background: #55bad3;
}
/* home 5 over */
/* invoice */
div#invoice_section {
    max-width: 1002px;
}

.invoice {
  border-bottom: 1px solid #767676;
  padding: 50px 0 30px 0;
}
#invoice_section {
    border: 1px solid #fff;
    background: #fff;
    border-radius: 25px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}
.invoiceHeader {
  display: flex;
  justify-content: space-between;
}
.invoiceLogo {
  max-width: 180px;
}
.customerDetails {
    display: flex;
    justify-content: space-around;
    gap: 63px;
}
.back_btn p {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}
.back_btn {
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    gap: 10px;
    align-items: center;
    max-width: 1002px;
    margin: 25px auto 20px;
}
.container.back_ {
    margin-top: 90px;
}
.invoiceTitle {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: #253d4e;
}
.invoiceText {
  font-weight: 700;
  font-size: 19px;
  line-height: 28px;
  color: #767676;
}
.invoiceNo {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: #253d4e;
}
.invoiceNo p {
  margin-bottom: 0;
}
.invoiceDate {
  font-size: 16px;
  line-height: 20px;
  color: #253d4e;
  font-weight: 600;
}
.incoiveTable table {
  border-collapse: separate;
  border-spacing: 0 1em;
}
.incoiveTable table th,
.incoiveTable table td,
.incoiveTable table {
  border: none;
}

.incoiveTable .thead {
  background: #e9e8e8;
}
.incoiveTable .thead tr th {
  font-weight: 700;
  font-size: 20px;
  line-height: 31px;
  color: #253d4e;
}
.incoiveTable tbody tr {
  background: #fafafa;
  font-weight: 700;
  font-size: 19px;
  line-height: 31px;
  color: #767676;
}
.thankMsg {
    font-weight: 700;
    font-size: 22px;
    line-height: 40px;
    color: #253d4e;
    text-align: right;
    position: relative;
    padding-top: 10px;
}
.invoiveBtnGp {
  display: flex;
  justify-content: center;
  gap: 20px;
     margin-top: 30px;
}
.invoise_logo {
    max-width: 100px;
    position: absolute;
    /* left: 0; */
    right: 62px;
    top: -17px;
}
.invoise_logo img {
    width: 100%;
}
.i_printBtn button {
  border: none;
  background: #263238;
  border-radius: 10px;
  font-weight: 700;
  font-size: 25px;
  line-height: 38px;
  color: #ffffff;
  padding: 4px 40px;
  cursor: pointer;
}
.i_downloadBtn button {
  border: none;
  background: #0c831f;
  border-radius: 10px;
  font-weight: 700;
  font-size: 25px;
  line-height: 38px;
  color: #ffffff;
  padding: 4px 10px;
  cursor: pointer;
}
/* invoice over */
.fsTextt {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  font-weight: 600;
  color: #000000 !important;
}
/*myaccount page css start*/
.dashboardTitle p {
  font-weight: 700 !important ;
  font-size: 28px !important  ;
  line-height: 35px !important  ;
  color: #253d4e !important ;
}
span.happy {
    border-bottom: 2px solid #000;
}
.dashboardText p {
  font-weight: 500 !important;
  font-size: 17px !important;
  line-height: 32px !important;
  color: #565e63 !important;
}
.tableSpacing {
  padding: 50px;
}
.nav-pills-custom .nav-link {
  color: #aaa;
  background: #fff;
  border: 1px solid #eaeaea;
  position: relative;
}

.nav-pills-custom .nav-link.active {
  color: #fff;
  background: #0c831f;
}
.tab-pane h3 {
  color: #253d4e;
}
.tab-pane h5 {
  color: #767676;
}
.tab-pane p {
  color: #767676;
  font-size: 18px;
}
.table {
  border: 1px solid #eaeaea;
}
.table td a {
  color: #0c831f;
}
.tab-pane #orderid {
  border: 1px solid #eaeaea !important;
  border-radius: 10px;
  width: 60%;
  padding: 10px;
}
/*::placeholder{color:#767676!important;font-size:14px!important;}*/
.tab-pane h4 {
  color: #253d4e;
}
.tab-pane .eb {
  font-size: 18px;
  color: #0c831f;
}
.tab-pane label {
  color: #767676;
}
.tab-pane .savebtn {
  background-color: #0c831f;
  color: #fff;
  padding: 12px 20px;
}
.form-control {
  border: 1px solid #ced4da !important;
}
/*myaccount page css end*/

/*login page css strat*/
.r_now {
  width: 100%;
  text-align: center;
  margin-top: 7px;
}
.r_now a {
  color: #0c831f;
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  border: 1px solid;
  padding: 5px;
  border-radius: 5px;
  /* margin-top: 100px; */
}
.orText1{
  position: absolute;
    top: -17px;
    right: 0;
    left: 0;
    margin: 0 auto;
    background: #fff;
    max-width: 220px;
    font-weight: 700;
    font-size: 16px;
    line-height: 35px;
    color: #767676;
    text-align: center;
}
.loginImg {
  max-width: 370px;
}
button.log_in-btn.login_btn input.btn.loginbtn {
    color: #fff;
}
button.btn.Registerbtn input.btn.loginbtn {
    color: #fff;
}
.f_password {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #767676 !important;
}
.loginField {
  border: 1px solid #ced4da;
  border-radius: 11px; position: relative;
}
span.eyeIcn {
  position: absolute;
  right: 5px;
  top: 11px;
  cursor: pointer;
}
.loginField input {
  outline: none;
}
.loginggl {
  max-width: 300px;
}
.googleLogin {
  display: flex;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  padding: 10px;
  gap: 10px;
  max-width: 300px;
  margin: 30px auto;
}
.g_text a {
  font-weight: 700;
  font-size: 22px;
  line-height: 28px;
  color: #767676;
}
.g_text p {
  margin-bottom: 0;
}
.loginField i {
  font-style: normal;
}
.remberPass {
    display: flex;
    justify-content: space-between;
   /* text-align: center;
    align-items: center;*/
}
.loginhead {
  font-weight: 600;
  color: #253d4e;
}
.logindetail label {
  color: #767676;
}
input::placeholder {
  color: #767676 !important;
  font-weight: 700;
}
.loginbtn {
  background: #0c831f !important;
  color: #fff;
  padding: 5px 30px;
  border-radius: 6px;
}
button.log_in-btn {
    border: none;
    margin-top: 20px;
}
/*login page css end*/

/*register page css start*/
.r_radiobtn {
  display: flex;
  gap: 30px;
}
.orSection {
  position: relative;
  width: 100%;
  background: #767676;
  height: 1px;
  border-radius: 10px;
  margin: 30px 0 17px 0;
}
.orText {
  position: absolute;
  top: -17px;
  right: 0;
  left: 0;
  margin: 0 auto;
  background: #fff;
  max-width: 60px;
  font-weight: 700;
  font-size: 28px;
  line-height: 35px;
  color: #767676;
  text-align: center;
}
.rs h3 {
  color: #253d4e;
  font-weight: 700;
}
.rs p {
  color: #767676;
}
.rs p span {
  color: #0c831f;
  font-weight: 600;
}
.form-group input {
  border-radius: 10px;
}
.form-check label {
  color: #767676;
  font-size: 14px;
}
input[name="exampleRadios"] {
  accent-color: #0c831f;
}
.Registerbtn {
    background-color: #0c831f;
    color: #fff;
    padding: 6px 30px;
}
input.cart_btn {
    color: #fff;
    font-weight: 800;
}
.app-contact {
  border: 1px solid #eaeaea;
  border-radius: 10px;
}
.app-contact .app-text {
  font-weight: 600;
}
.col-md-12.col-12.contact form {
    display: block;
}

/*register page css end*/

/*product page start css*/


.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide2Img {
  border-radius: 50px;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.flickity-prev-next-button:hover {
  background: white;
}

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09f;
}

.flickity-prev-next-button:active {
  opacity: 0.6;
}

.flickity-prev-next-button.previous {
  left: 10px;
}
.flickity-prev-next-button.next {
  right: 10px;
}

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* ---- page dots ---- */



.carousel-main {
  margin-bottom: 8px;
}

.carousel-cell {
  width: 100%;
  height: 400px;
  margin-right: 8px;
  -background: #8c8;
  border-radius: 5px;
  border: 1px solid #eaeaea;
}


.carousel-nav .carousel-cell {
  height: 90px;
  width: 120px;
}


/* Atelierbram edit */
.carousel-main img {
  display: block;
  margin: 40px auto;
}
.flickity-button {
  display: none;
}
.previewimg {
  width: 100%;
  height: 100%;
  padding: 10px;
}
.carousel-cell i {
  position: absolute;
  right: 16px;
  top: 15px;
  color: #767676;
}
/*product slider css end*/
.productslide img {
  width: 60px;
}
.product-title {
  color: #253d4e;
  font-weight: 600;
}
.product-details {
  color: #767676;
  width: 350px;
  font-size: 15px;
}
.product-price h4 {
  color: #0c831f;
  font-weight: 700;
}
.product-price p {
  color: #febd00;
  font-weight: 600;
}
.productsize h5 {
  color: #767676;
}
.productsize ul {
  display: inline-block;
}
.productsize li {
  display: inline-block;
  padding-left: 10px;
  color: #767676;
  cursor: pointer;
}
.productsize li:hover {
  color: #0c831f !important;
}
.productsize li:active {
  color: #0c831f !important;
}
.productsize li:focus {
  color: #0c831f !important;
}
.quantity {
  display: flex;
  align-items: center;
  -justify-content: center;
  padding: 5px 10px;
  background-color: #ebebeb;
  width: 75px;
  border-radius: 5px;
}
.quantity__minus,
.quantity__plus {
  display: block;
  width: 22px;
  height: 23px;
  margin: 0;
  text-decoration: none;
  text-align: center;
  line-height: 23px;
  color: #0c831f;
  font-weight: bold;
}
.quantity__minus:hover,
.quantity__plus:hover {
  -background: #575b71;
  -color: #fff;
}
.quantity__minus {
  border-radius: 3px 0 0 3px;
}
.quantity__plus {
  border-radius: 0 3px 3px 0;
}
.quantity__input {
  width: 32px;
  height: 19px;
  margin: 0;
  padding: 0;
  text-align: center;
  border-top: 2px solid #dee0ee;
  border-bottom: 2px solid #dee0ee;
  border-left: 1px solid #dee0ee;
  border-right: 2px solid #dee0ee;
  background: #fff;
  color: #0c831f;
  font-weight: bold;
}
.quantity__minus:link,
.quantity__plus:link {
  color: #0c831f;
}

.product-detail .add_carts {
  background: #0c831f !important;
  color: #fff !important;
  border: none;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
}
.product-detail .Wishlists {
  background-color: #fff !important;
  border: 1px solid #eaeaea;
  border-radius: 5px;
}
.product-detail .Wishlists i {
  color: #253d4e;
}

.nav-tabs {
  border: 0;
  padding: 15px 0.7rem;
}

.nav-tabs > .nav-item > .nav-link {
  color: #767676;
  margin: 0;
  margin-right: 5px;
  margin-bottom: 5px;
  -background-color: transparent;
  border: 1px solid #eaeaea;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 15px;
  line-height: 1.5;
}

.nav-tabs > .nav-item > .nav-link:hover {
  background-color: transparent;
}

.nav-tabs > .nav-item > .nav-link.active {
  background-color: #fff;
  border-radius: 30px;
  color: #0c831f;
}

.nav-tabs > .nav-item > .nav-link i.now-ui-icons {
  font-size: 14px;
  position: relative;
  top: 1px;
  margin-right: 3px;
}

.nav-tabs.nav-tabs-neutral > .nav-item > .nav-link {
  color: #ffffff;
}

.nav-tabs.nav-tabs-neutral > .nav-item > .nav-link.active {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

.card {
  border: 1px solid #eaeaea;
  border-radius: 10px;
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  -box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.6s ease-in-out;
}
.product img {
  object-fit: contain;
}

.card .card-header {
  background-color: transparent;
  border-bottom: 0;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
}

.nav .nav-tabs li {
  margin-top: 5px;
}

/*product page css end*/

/*wishlist page css start*/
.table td,
.table th {
  vertical-align: middle;
}
thead {
  background-color: #0c831f;
  color: #fff;
}
tr td .cbox {
  width: 20px;
  height: 20px;
  vertical-align: sub;
  accent-color: #0c831f;
}

.Wishlistimg {
  width: 100px;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  padding: 10px;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

img.Wishlistimg:hover {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}
.cbox {
  border: 1px solid red;
  background: yellow;
}
.productname {
  vertical-align: middle;
}
.productname h5 {
  color: #253d4e;
  font-weight: 600;
}
.productname p {
  font-weight: 500;
  font-size: 13px;
}
.stockbtn {
  padding: 5px 15px;
  background-color: #ebebeb;
  color: #0c831f;
  font-weight: 600;
  font-size: 14px;
}
.stockbtn:hover {
  color: #0c831f;
}
.cartbtn {
  padding: 10px;
  background-color: #0c831f;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
}
.cartbtn:hover {
  background-color: #0c831f;
  color: #fff;
}
.delete {
  font-size: 20px;
  color: #828282;
}
/* ------------------------------ */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  left: 100%;
  top: -6px;
}

.dropdown-submenu:hover > .dropdown-menu,
.dropdown-submenu > a:focus + .dropdown-menu {
  display: block;
}

/* ------------------------------ */
.outstock {
  padding: 5px 8px;
  background-color: #ebebeb;
  color: #ff0000;
  font-weight: 600;
  font-size: 14px;
}
.price {
  color: #253d4e;
  font-weight: 600;
  font-size: 20px;
}
.prices {
  color: #253d4e;
  font-weight: 600;
  font-size: 20px;
}
.Wishlisstimg {
  width: 200px;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  padding: 10px;
}
.relatedproduct {
  border-bottom: 1px solid #eaeaea;
  width: 100%;
  position: relative;
}
.relatedproduct:after {
  content: "";
  width: 120px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #0c831f;
}
.remove {
  color: #828282;
}

.mobile {
  display: none;
}
/*wishlist page css end*/

/*contact page css start*/

::placeholder {
  opacity: 1; /* Firefox */
  font-weight: bolder;
}

:-ms-input-placeholder {
  font-weight: bold;
}

::-ms-input-placeholder {
  font-weight: bold;
}
.map-container-2 {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 300px;
  border-radius: 10px;
}
.map-container-2 iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
.contact-form h2 {
  color: #253d4e;
  font-weight: 600;
}
.contact-form p {
  color: #767676;
  font-size: 14px;
}
.send-msg {
  background-color: #0c831f;
  color: #fff;
  padding: 10px 15px;
}
textarea {
  font-weight: 500;
  box-shadow: none !important;
}
/*contact page css end*/

/*cart page css start*/
.cartBanner {
  background: #253d4e;
  border-radius: 20px;
  display: none;
  justify-content: space-evenly;
  position: relative;
  padding: 30px;
}

.cart_decrease,
.cart_number,
.cart_increase {
  background: #e4e4e4 !important;
  color: #0c831f;
  font-weight: 600;
}
.total {
  border: 1px solid #eaeaea;
}
.Subtotal_box {
    display: flex;
    justify-content: space-between;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    padding: 10px 10px;
    margin-top: 14px;
}
p.total {
    color: #0c831f !important;
    font-size: 18px;
    font-weight: bold !important;
    border: none;
}
.Subtotal_box p {
    color: #253d4e;
    font-weight: 600;
    margin-bottom: 0;
}
.Subtotal_box span{
  font-size: 12px;
  font-weight: 700 !important;
  letter-spacing: 0.6px;
}
.total ul {
  list-style: none;
  border-bottom: 1px solid #eaeaea;
  padding: 10px 5px;
}
.total li {
  display: inline-block;
  font-weight: 700;
}
.phead {
  color: #767676;
}
.ptotal {
  color: #0c831f !important;
  float: right;
}
.total .checkbtn {
  background-color: #0c831f;
  font-weight: bold;
  width: 100%;
}
.cart-btn .checkbtns {
  background-color: #0c831f;
  font-weight: bold;
}
.shipping {
    height: auto;
    border: none;
    box-shadow: none;
   
}
form.shipping{
   display: block;
}
.shipping select {
  color: #253d4e;
  font-weight: bold;
  box-shadow: none !important;
}
.card h5 {
  color: #253d4e;
  font-weight: bold;
}
.couopon form {
  height: auto;
  border: none;
}
.couopon h5 {
  color: #253d4e;
  font-weight: bold;
}
.couopon .apply {
  background: #0c831f;
  color: #fff;
  max-width: 115px !important;
  border-radius: 10px;
}
.form {
  display: flex;
  gap: 20px;
}
.cartEmail {
  max-width: 155px;
  width: 100%;
}
/*cart page css end*/

/*checkout page css start*/
.apBtn {
  background: #0C831F;
  padding: 10px;
}
.c_orderTitle {
    font-weight: 700;
    font-size: 22px;
    line-height: 35px;
    color: #253d4e;
}
.c_subTitle {
  font-weight: 700;
  font-size: 25px;
  line-height: 35px;
  color: rgba(37, 61, 78, 0.56) !important;
}
.applubtn {
  position: relative;
  right: 39px;
  background: #0c831f;
  font-weight: 600;
  padding: 10px 10px;
}
.billingdetail input {
  padding: 15px;
}
.form-check input {
  accent-color: #0c831f;
}
.card ul {
  list-style: none;
  border-bottom: 1px solid #eaeaea;
  padding: 10px 5px;
}
.card li {
  display: inline-block;
}
.card .orderimg {
  width: 80px;
  padding: 10px;
  border: 1px solid #eaeaea;
  border-radius: 10px;
}
.placeorder {
  width: 60%;
  background: #0c831f;
  border-radius: 10px;
}
.payOnDelivery {
  background: #fff;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: #253d4e;
  border: 1px solid #ced4da;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 10px;
}
.payments {
  background: #fff !important;
}
.paymentMethod {
  border: 1px solid #ced4da;
  border-radius: 5px;
}
.payRadioBtn input {
  accent-color: #253d4e;
}
.payOnDelivery {
  display: flex;
  justify-content: space-between;
}
.upiOption input {
  accent-color: #253d4e;
}
.upiOption {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.paytmOffer p {
  font-size: 12px;
  margin-left: 11px;
  line-height: 18px;
  font-weight: 600;
  color: #0c831f;
  margin-top: 5px;
}
span.addCard {
  background: #ced4da;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
}
.transaction {
  margin-bottom: 10px !important;
}
/*checkpout page css end*/

/*purchaes css start*/

.info h4 {
  color: #253d4e;
  font-weight: 700;
}
/*purchaes css end*/

/*==================print_css=========================*/
.content-area {
  padding: 1rem 0;
}


.user-content {
  margin: 2rem 0;
  font-weight: 600;
}

.dev-notes {
  margin-top: 2rem;
}
#area1 {
    display: none;
}

#invoice_btn {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: 30px;
}
button.oneclick:hover {
    background: #fff;
    border: 2px solid #263238;
    color: #263238;
}
button#cmd:hover {
    border: 2px solid #0c831f;
    background: #fff;
    color: #0c831f;
}
button.oneclick {
    background: #263238;
    font-weight: 700;
    font-size: 21px;
    line-height: 9px;
    color: #ffffff;
    padding: 3px 36px;
    cursor: pointer;
    width: auto;
    height: 47px;
    transition: all 0.6s ease-in-out;
    border: 2px solid #263238;
}
button#cmd {
    border: 2px solid #0c831f;
    background: #0c831f;
    font-weight: 700;
    font-size: 21px;
    line-height: 38px;
    color: #ffffff;
    padding: 0px 10px;
    cursor: pointer;
    height: 47px;
    width: auto;
    transition: all 0.6s ease-in-out;
}


/*===============shimmer effect==========*/

.skeleton{
    position: relative;
}
.skeleton::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    z-index:3;
    background: linear-gradient(90deg,#eee,#f9f9f9,#eee);
    background-size: 200%;
    animation: skeleton 1s infinite reverse;
}

@keyframes skeleton{
    0% {
        background-position: -100% 0;
    }
    100%{
        background-position: 100% 0;
    }
}


*/
.image-container {
  position: relative;
  width: 100%;
  filter: blur(10px); /* Initial blur effect */
}
.blur-image {
  filter: blur(10px); /* Adjust the blur amount as needed */
  transition: filter 3s ease; /* Apply transition for smooth effect */
}