@font-face{font-family:'bpgninomtavr';src:url('/assets/bpg_nino_mtavruli_normal.ttf');}

*{margin:0;padding:0;box-sizing: border-box;}
html{min-height: 100vh;overflow-x: hidden;}
html,body{position:relative;width: 100%;min-height: 100vh;margin:0 auto;background-color:#ffffff;overflow-x: hidden;}
/*body{position:relative;width: 100%;min-height: 100vh;margin:0 auto;
  background-color: #f5f5f8;
  transition: opacity .2s ease,background-color .2s ease,fill .2s ease;
  -webkit-transition: opacity .2s ease,background-color .2s ease,fill .2s ease;
  overflow-x: hidden;}*/
section.header{
position: fixed;
width:100%;
height:auto;
border-bottom: 0px solid #d0dbdf;
box-shadow: 1px 4px 5px 1px #ececec;
-webkit-box-shadow: 1px 4px 5px 1px #ececec;
background: #ffffff;
z-index: 20;
}
.swiper-navBtn{
top: 31%;
background: #283134;
width: 40px;
height:40px;
border-radius: 50%;
}
.swiper-navBtn::after{
font-size:1.4rem;
color:#fff;
}
header.header{
position: relative;
width:100%;
height:auto;
}
.top_nav{
  width:100%;
  height:auto;
  border-bottom: 1px solid #e4e4e4;
  }
  .top_header_box{
  position: relative;
  display:flex;
  display:-webkit-flex;
  justify-content: space-between;
  align-items: center;
  width:1260px;
  margin:0 auto;
  }
  .top_header_nav{
  position: relative;
  padding: 15px 0 10px 20px;
  }
  .top_header_nav ul{
  display:flex;
  display:-webkit-flex;
  list-style:none;
  }
  .top_header_nav ul li{
  margin:0 5px 0 5px;
  }
  .top_header_nav ul li a{
  display:block;
  text-decoration:none;
  color:#212529;
  font-weight:600;
  font-size:0.9rem;
  font-family: 'bpgninomtavr';
  }
  
  .top_header_info{
  display:flex;
  display:-webkit-flex;
  }
  .top_tel_email{
  display:flex;
  display:-webkit-flex;
  border-right: 1px solid #e4e8ea;
  padding: 10px 5px 10px 10px;
  align-items: center;
  }
  .top_tel_email a{
  display:block;
  text-decoration: none;
  margin:0 5px 0 5px;
  color:#212529;
  font-weight:500;
  font-size:0.9rem;
  font-family:arial;
  }
  a.topnav_autoimport{
  background: #edb50c;
  color: #fff;
  padding: 5px 5px 5px 5px;
  border-radius: 5px;
  -webkit-border-radius:5px;
  }
  .top_header_lang{
  padding: 15px 10px 15px 10px;
  }

.search_logo_nav_container{
position: relative;
width:1260px;
margin:0 auto;
}
.search_logo_nav_content{
margin:14px 0 10px 0;
}
.search_log_felx_boxs{
display:flex;
display:-webkit-flex;
justify-content: space-between;
align-items:center;
}
.logo_flex_box_content{
width: 70px;
width: 70px;
}
img.logo_header_img{
width:100%;
height: 100%;
object-fit: cover;
}
.search-form-box-flex{
display:flex;
display:-webkit-flex;
justify-content: space-between;
}
.search-container-category-lists{
position: relative;
width:220px;
}
input.search_contentcategory{
position: relative;
width:100%;
height: 46px;
padding: 0 0 0 10px;
border-radius: 9px;
-webkit-border-radius: 9px;
border: 1px solid #d1dbde;
outline: none;
}
.search-selectcateg-box-container{
position: absolute;
width: 100%;
background: #fff;
box-shadow: 0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;
border-radius: 5px;
-webkit-border-radius: 5px;
padding: 16px;
margin-top: 6px;
max-height: 263px;
overflow: auto;
will-change: scroll-position;
opacity: 0;
transform: scaleY(0);
transition: top 0.5s ease;
z-index: 2;
}
.searchSelectDropDownActive {
transform-origin: left top 0px;
opacity: 1;
transform: scaleY(1);
}
.dropdown_selectlist {
position: relative;
margin: 3px 0 5px 0;
padding: 7px 1px 7px 8px;
cursor: pointer;
}
.dropdown_selectlist span.dropdown_genderspan{
color: #212529;
font-size: 0.9rem;
font-family: 'bpgninomtavr';
font-weight: 600;
}
.dropdown_selectlist:hover {
background-color: #e0e4e6;
border-radius: 4px;
-webkit-border-radius: 4px;
}
.search_flex_box_content{
position: relative;
width: 620px;
margin: 0 0px 0 10px;
}
input.main_searchfield{
width: 100%;
height:48px;
padding: 0 0 0 10px;
border-radius: 2px;
-webkit-border-radius:2px;
border: 1px solid #d1dbde;
outline: none;
border-right: none;
background-color: #bed4dc;
}
.search-button-content{
position: relative;
}
button.search-button{
position: relative;
cursor:pointer;
height:48px;
width:90px;
border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
border:1px solid transparent;
display:flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
color: #212529;
background-color: #adbccb;
font-size: 1rem;
font-family: 'bpgninomtavr';
font-weight: 600;
padding: 0 10px 0 10px;
}
a.navheaderloginreg-button{
display: flex;
display: -webkit-flex;
align-items:center;
text-decoration:none;
color: #212529;
font-size: 0.9rem;
font-family: 'bpgninomtavr';
font-weight: 600;
}
.main_navigation_container{
position: relative;
width: 1260px;
margin: 0 auto;
}
.main_navigation_content{
position: relative;
padding: 15px 0 25px 0;
}
.main_nav_flex_boxs{
display: flex;
display: -webkit-flex;
align-items: center;
}
.nav_categ_header{

}
p.nav_categ_link{
color:#212529;
font-size: 0.9rem;
font-family: 'bpgninomtavr';
font-weight:600;
}
nav.navigation_nav{
position: relative;
margin-left: 40px;
width: 100%;
}
ul.nav_ul{
display: flex;
display: -webkit-flex;
list-style: none;
}
ul.nav_ul li {
position: relative;
margin: 0 20px 0 20px;
}
ul.nav_ul li a.main_nav_href{
text-decoration:none;
color:#212529;
font-size: 0.9rem;
font-family: 'bpgninomtavr';
font-weight:600;
}
span.nav_svgicon{
position: absolute;
margin-left: 3px;
}
svg.nav_arrow_out{
transition: ease-in-out
}
ul.nav_ul li a.main_nav_href:hover span.nav_svgicon{
top: -3px;
}
ul.nav_ul li a.main_nav_href:hover svg.nav_arrow_out{
fill: #09c;
}

/*-------AllCategories-modalbox-container------*/
.allcategories-overlay-content{
display: none;
position: fixed;
top: 180px;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
z-index: 9999;
justify-content: center;
align-items: center;
}
.allcategories-active{
display:block;
}
.allcategories-modalbox-container{
position: relative;
width:100%;
height:auto;
background-color: #ffffff;
}
.allcategories-list-modalbox-content{
position: relative;
width:1260px;
height:auto;
margin: 0 auto;
padding: 20px;
border-bottom: 1px solid #09c;
}
.allcategories-modalbox-closebtn-content{
position:absolute;
right:10px;
}
button.allcategories-modal-closebtn{
cursor: pointer;
border: 1px solid transparent;
width: 50px;
height: 50px;
border-radius: 50%;
-webkit-border-radius: 50%;
}
.allcategories-lists-boxs{
display: grid;
grid-template-columns: repeat(4, 1fr);
width: 100%;
margin-top: 53px;
gap: 10px;
}
.allcategories-lists-boxs a{
text-decoration: none;
}
.allcategs-list-box{
position: relative;
display: flex;
display: -webkit-flex;
background-color: #e7ebed;
padding: 5px;
border-radius: 6px;
-webkit-border-radius: 6px;
align-items: center;
}
.allcateg-list-img-content{
position: relative;
width: 95px;
height: 76px;
overflow: hidden;
}
img.allcateg-list-img{
width:100%;
height:100%;
object-fit: cover;
border-radius: 6px;
-webkit-border-radius:6px;
}
.allcateg-list-name-content{
text-align: center;
width: 100%;
}
.allcateg-list-name-content p{
color: #212529;
font-size: 0.9rem;
font-family: 'bpgninomtavr';
font-weight: 600;
}
main.app-main{
position: relative;
width:1260px;
margin: 210px auto;
}
/*----Reels section----*/
section.main-page-reels-section{
position: relative;
width: 100%;
height: auto;
margin: 25px 0 20px 0;
}
.mainpage-allcateg-reels-box-flex{
position: relative;
display:flex;
display:-webkit-flex;
justify-content: space-between;
align-items: center;
}
.mainpage-allcategory-humbmenu-box{
position: relative;
width: 133px;
height:176px;
background: #cadce2;
border-radius: 6px;
-webkit-border-radius:6px;
text-align: center;
display: flex;
display: -webkit-flex;
flex-direction: column;
justify-content: space-around;
}
.mainpage-allcategory-humbmenu-box a{
text-decoration: none;
color: #07151e;
font-size: 1rem;
font-family: 'bpgninomtavr';
font-weight: 600;
}
.main-page-reels-container{
position: relative;
width: 88%;
padding: 20px;
}
.main-page-reels-content{
position: relative;
display: flex;
display: -webkit-flex;
gap:7px;
overflow-x:auto;
overflow-y:hidden;
scrollbar-width:none;
}
.main-page-reels-content::-webkit-scrollbar{
display: none;
}
.reel-box{
flex-shrink:0;
position: relative;
width:125px;
height:180px;
cursor:pointer;
transition:transform 0.2s ease;
border-radius:15px;
-webkit-border-radius: 15px;
overflow: hidden;
}
.reel-box:hover{
transform:scale(1.05);
}
.reel-box:active {
transform: scale(0.95);
}
/* Circular Container with Instagram Gradient */
.reel-box::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 125px;
height: 180px;
border-radius: 15px;
-webkit-border-radius: 15px;
background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
z-index: 1;
}
img.reel_thumbnail{
width: 125px;
height: 180px;
border-radius: 15px;
-webkit-border-radius: 15px;
object-fit: cover;
display: block;
border: 3px solid white;
position: relative;
z-index: 2;
transition: opacity 0.3s ease;
}
/* Preview Video (hidden by default) */
.reel_video {
position: absolute;
top: 0;
left: 0;
width: 125px;
height: 180px;
border-radius: 15px;
-webkit-border-radius: 15px;
object-fit: cover;
border: 3px solid white;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
z-index: 3;
}
/* When playing preview */
.reel-box.playing .reel_video {
opacity: 1;
}
.reel-box.playing .reel_thumbnail {
opacity: 0;
}
/* Play Icon */
.reel-play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 32px;
height: 32px;
background: rgba(0, 0, 0, 0.6);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 16px;
z-index: 4;
opacity: 0;
transition: opacity 0.2s ease;
pointer-events: none;
}
.reel-box:hover .reel-play-icon {
  opacity: 1;
}
/* Hide play icon when video is playing */
.reel-box.playing .reel-play-icon {
  opacity: 0;
}
/* Modal/Popup */
.reel-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
z-index: 9999;
justify-content: center;
align-items: center;
}
.reel-modal.active {
display: flex;
}
/* Modal Content */
.reel-modal-content {
position: relative;
max-width: 500px;
width: 90%;
max-height: 90vh;
background: #000;
border-radius: 8px;
overflow: hidden;
}
/* Full Reel Video */
.reel-full-video {
width: 100%;
height: auto;
max-height: 90vh;
display: block;
background: #000;
}
/* Close Button */
.reel-modal-close {
position: absolute;
top: 16px;
right: 16px;
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.1);
border: none;
border-radius: 50%;
color: white;
font-size: 24px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s ease;
z-index: 10;
line-height: 1;
}
.reel-modal-close:hover {
background: rgba(255, 255, 255, 0.2);
}

/* Navigation Buttons */
.reel-nav-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(10px);
border: none;
border-radius: 50%;
color: white;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
z-index: 10;
opacity: 0;
}
.reel-modal.active .reel-nav-btn {
opacity: 1;
}
.reel-nav-btn:hover:not(.disabled) {
background: rgba(255, 255, 255, 0.25);
transform: translateY(-50%) scale(1.1);
}
.reel-nav-btn:active:not(.disabled) {
transform: translateY(-50%) scale(0.95);
}
.reel-nav-btn.disabled {
opacity: 0.3;
cursor: not-allowed;
}
.reel-nav-prev {
left: 20px;
}
.reel-nav-next {
right: 20px;
}
.reel-nav-btn svg {
width: 24px;
height: 24px;
}
/* Reel Counter */
.reel-counter {
position: absolute;
top: 20px;
left: 50%;
transform: translateX(-50%);
background: rgba(0, 0, 0, 0.6);
color: white;
padding: 6px 16px;
border-radius: 20px;
font-size: 13px;
font-weight: 500;
z-index: 10;
opacity: 0;
transition: opacity 0.3s ease;
}

.reel-modal.active .reel-counter {
opacity: 1;
}
/* Loading Spinner */
.reel-loading {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
border: 3px solid rgba(255, 255, 255, 0.3);
border-top-color: white;
border-radius: 50%;
animation: spin 0.8s linear infinite;
display: none;
}
.reel-modal.loading .reel-loading {
display: block;
}
@keyframes spin {
  to { transform: translate(-50%, -50%) rotate(360deg); }
}
/* Mobile Adjustments */
@media (max-width: 768px) {
.mainpage-allcategory-humbmenu-box{
height:108px;
}
.mainpage-allcategory-humbmenu-box p{
font-size:0.9rem;
}
.mainpage-allcategory-humbmenu-box .allcateghumbmenu-text-box{
padding:0 5px 0 5px;
}
.main-page-reels-container {
  padding: 16px 12px;
}

.main-page-reels-content {
  gap: 12px;
}
.reel-box {
  width: 90px;
  height:110px;
}
.reel-box::before {
  width: 90px;
  height:110px;
}
img.reel_thumbnail{
width:90px;
height:110px;
}
.reel_thumbnail,
.reel_video {
  width: 90px;
  height: 110px;
}
.reel-modal-content {
width:95%;
max-width: 100%;
max-height: 100vh;
border-radius: 0;
}
/* Hide play icon on mobile (use tap instead) */
.reel-play-icon {
  display: none;
 }

/* Mobile navigation buttons - smaller and always visible */
.reel-nav-btn {
  width: 36px;
  height: 36px;
  opacity: 0.7;
}

.reel-nav-prev {
  left: 10px;
}

.reel-nav-next {
  right: 10px;
}

.reel-modal.active .reel-nav-btn {
  opacity: 0.7;
}

.reel-nav-btn:hover:not(.disabled) {
  opacity: 1;
}

/* Counter - smaller on mobile */
.reel-counter {
  font-size: 12px;
  padding: 4px 12px;
  top: 12px;
}

}
/* Smooth scrolling for reels container */
.main-page-reels-content {
  scroll-behavior: smooth;
}

/* Optional: Add scroll indicators */
.main-page-reels-container::before,
.main-page-reels-container::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 40px;
pointer-events: none;
z-index: 5;
}

.main-page-reels-container::before {
left: 0;
background: linear-gradient(to right, white, transparent);
}

.main-page-reels-container::after {
right: 0;
background: linear-gradient(to left, white, transparent);
}

section.section_categlist_slider{
position: relative;
width:100%;
height: auto;
}
.categlist_slider_container{
position: relative;
width:100%;
height: auto;
}
.categlist_slider_content{
display:flex;
display: -webkit-flex;
justify-content: space-between;
}
.categlist_content{
position: relative;
width:260px;
background-color: #ffffff;
box-shadow: 2px 3px 10px 1px #e0e4e6;
-webkit-box-shadow: 2px 3px 10px 1px #e0e4e6;
border-radius: 6px;
-webkit-border-radius: 6px;
}
nav.categlist_nav{
position: relative;
padding-top: 20px;
}
ul.categlist_ul{
list-style:none;
}
ul.categlist_ul li{
position: relative;
margin:5px 0 5px 0;
padding:0 10px 0 10px;
border-bottom:1px solid #e8edef;
}
ul.categlist_ul li a{
position: relative;
display: block;
text-decoration:none;
padding:7px 0 7px 0;
color:#212529;
font-size: 0.9rem;
font-family: 'bpgninomtavr';
font-weight:600;
}
nav.categlist_nav span.categnav_rightarrow_content{
position: absolute;
right: 3px;
top: 0px;
}
nav.categlist_nav ul.categlist_ul li.maincateg_li:hover a.maincateg_a{
color: #09c;
}
nav.categlist_nav ul.categlist_ul li.maincateg_li:hover span.categnav_rightarrow_content svg{
fill: #09c;
}
nav.categlist_nav ul.categlist_ul li.maincateg_li:hover .parent_subcateg_content{
display: block;
left:257px;
z-index: 12;
}
.parent_subcateg_content{
position:absolute;
display:none;
padding:10px;
left:0;
top: 5px;
width: 480px;
background: rgb(255, 255, 255);
border-radius:5px;
-webkit-border-radius:5px;
box-shadow: rgba(33, 37, 41, 0.25) 0px 25px 50px -12px;
z-index: -1;
}
.parent_categ_lists_box{

}
ul.parent_categ_ul li.parent_categ_li{
list-style:none;
}
ul.parent_categ_ul li.parent_categ_li a{
display: block;
text-decoration: none;
}
ul.parent_categ_ul li.parent_categ_li:last-child{
border-bottom:none;
}
.slider_container{
position: relative;
width:100%;
height: 440px;
overflow: hidden;
}
.slider_content{
position: relative;
width: 99%;
height:440px;
margin-left: 1%;
}
img.mainslide_img{
width: 100%;
height:100%;
object-fit: cover;
object-position: center;
border-radius: 12px;
-webkit-border-radius:12px;
}
.slider_boxs_images{
position: relative;
}
.slider_text_contant{
position: absolute;
top: 10%;
left: 13%;
transform: translate(-10%, 1%);
-webkit-transform: translate(-10%, 1%);
}
.slider_texth1_div{
background: rgba(0, 0, 0, 0.5);
padding: 1rem 2rem 0.4rem 2rem;
opacity:0;
transform: translateY(-50px);
-webkit-transform: translateY(-50px);
animation:slideFromTop 0.8s ease-out forwards;
animation-delay: 0.3s;
backdrop-filter:blur(5px);
-webkit-backdrop-filter:blur(5px);
border-radius:8px;
-webkit-border-radius:8px;
}
.slider_texth1_div h3.slider_texth1{
font-size:2rem;
font-family: 'bpgninomtavr';
font-weight:600; 
color:#fff;
overflow: hidden;
display:inline-block;
}
.slider_texth1 .letter{
display:inline-block;
opacity:0;
transform: translateY(20px);
-webkit-transform: translateY(20px);
animation:letterFadeIn 0.5s ease forwards;
}
.sliderbutton_content{
position:relative;
margin-top:20px;
width: 250px;
opacity:0;
transform: translate(-100px);
-webkit-transform: translate(-100px);
animation: slideFromLeft 0.8s ease-out forwards;
animation-delay:1.2s;
}
a.slider_text_btnlink{
position:relative;
display: block;
text-align: center;
text-decoration:none;
font-size: 1.2rem;
color:#ffffff;
font-family: 'bpgninomtavr';
/*background-color: #129ff4;*/
background:linear-gradient(135deg, #129ff4 0%, #0d7ac4 100%);
padding:8px 10px 5px 10px;
border-radius:5px;
-webkit-border-radius:5px;
overflow:hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
-webkit-transition: transform 0.3s ease, box-shadow 0.3s ease;
box-shadow: 0 4px 15px rgba(18, 159, 244, 0.3);
}
a.slider_text_btnlink::before{
content: '';
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
transition: left 0.5s ease;
-webkit-transition: left 0.5s ease;
}
a.slider_text_btnlink:hover::before {
  left: 100%;
}
a.slider_text_btnlink:hover{
transform: translateY(-2px);
-webkit-transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(18, 159, 244, 0.5);
}
@keyframes slideFromTop{
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideFromLeft {
  0% {
    opacity:0;
    transform: translateX(-100px);
  }
  100% {
    opacity:1;
    transform: translateX(0);
  }
}
/*--letter fade in--*/
@keyframes letterFadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0)
  }
}
/*--wave animation for letters--*/
@keyframes wave {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-10px) scale(1.1);
    color:#129ff4;
    text-shadow: 0 0 20px rgba(18, 159, 244, 0.8);
  }
}
/*--Pulse animation for letters--*/
/*@keyframes pulse{
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}*/
/*--color shift animation--*/
/*@keyframes colorShift {
  0%, 100% {
    color: #ffffff;
  }
  50% {
    color: #129ff4;
  }
}*/
.swiper-slide:not(.swiper-slide-active) .slider_texth1_div,
.swiper-slide:not(.swiper-slide-active) .sliderbutton_content {
  opacity: 0;
  animation: none;
}
.swiper-slide-active .slider_texth1_div {
  animation: slideFromTop 0.8s ease-out forwards;
  animation-delay: 0.3s;
}
.swiper-slide-active .sliderbutton_content {
  animation: slideFromLeft 0.8s ease-out forwards;
  animation-delay: 1.2s;
}
/*---Banners--*/
section.section_banners_rowx1{
position: relative;
width:100%;
height: auto;
margin:20px 0 20px 0;
}
.banners_rowx1_container{
position: relative;
width: 100%;
}
.banners_rowx1_content{
display:grid;
grid-template-columns: repeat(3, 1fr);
/*grid-template-columns: repeat(auto-fit, minmax(228px, 228px));
width: 100%;*/
gap: 10px;
width: 100%;
height:auto;
}
.banner_rowx1_imgbox{
position: relative;
width: 100%;
height: 250px;
overflow: hidden;
border: 1px solid #e2e3e3;
border-radius: 6px;
-webkit-border-radius: 6px;
}
.banner_rowx1_wrapper{
position:absolute;
width:100%;
height:100%;
}
.banner_rowx1_text_wrapper{
position: absolute;
margin-top: 20px;
width: 90%;
display: flex;
flex-direction: column;
gap: 1.7rem;
align-items: flex-start;
padding: 0.3rem 0.6rem 0.6rem 1.6rem;
}
.banner_rowx1_badge{
background-color: #f98b17;
padding:0.2rem;
border-radius:5px;
-webkit-border-radius:5x;
}
.banner_rowx1_badge span{
color:#212529;
font-size: 1rem;
font-family: 'bpgninomtavr';
font-weight:600; 
color:#fff;
}
h2.rowx1_text_wrapper_h2{
color:#ffffff;
font-size: 1.3rem;
font-family: 'bpgninomtavr';
font-weight:600;
background: rgba(0, 0, 0, 0.5);
padding: 0.5rem 0.1rem 0.4rem 0.5rem;
}
.banner_rowx1_footer{

}
a.topbanner_link{
position: relative;
text-decoration:none;
display: flex;
display:-webkit-flex;
align-items: center;
color:#ffffff;
font-size: 1.1rem;
font-family: 'bpgninomtavr';
font-weight:600;
background-color: #252a2c; /* Keep this */
padding: 0.5rem 0.5rem 0.2rem 0.5rem;
border-radius: 0.4rem;
-webkit-border-radius:0.4rem;
border: 1px solid #252a2c;
overflow: hidden;
transition: color 0.3s ease;
}
a.topbanner_link::before{
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #3a4144 0%, #4a5356 100%);
transition: left 0.4s ease;
z-index: 0;
border-radius: 0.4rem;
}
a.topbanner_link > * {
position: relative;
z-index: 1;
}
a.topbanner_link:hover::before {
  left: 0;
}
/* Arrow icon container */
.footer_arrow_icon {
transition: transform 0.3s ease;
margin-left: 0.3rem;
}

/* Arrow animation on hover */
a.topbanner_link:hover .footer_arrow_icon {
  transform: translateX(5px);
  animation: arrowSlide 0.6s ease-in-out;
}

/* Keyframe animation for the arrow */
@keyframes arrowSlide {
  0% {
      transform: translateX(0);
  }
  50% {
      transform: translateX(8px);
  }
  100% {
      transform: translateX(5px);
  }
}

@keyframes arrowPulse {
  0%, 100% {
      transform: translateX(0);
  }
  25% {
      transform: translateX(5px);
  }
  75% {
      transform: translateX(3px);
  }
}

img.banner_rowx1_img{
width: 100%;
height: 100%;
border-radius:6px;
-webkit-border-radius:6px;
object-fit: cover;
object-position: center center;
}

/*-----Main Page Categs Page---*/
section.section_mainpage_categ_row{
position: relative;
width: 100%;
}
.mainpage-categrow-container{
position: relative;
width: 100%;
height: auto;
overflow: auto;
}
.mainpage-categ-box{
position: relative;
width:195px;
margin: 0 10px 0 10px;
}
.mainpage-categrow-content{
display: flex;
display: -webkit-flex;
justify-content: space-between;
margin: 30px 0 30px 0;
}
.mainpage-categ-box a{
display: block;
text-decoration: none;
}
.mainpage-categ-image-box{
position: relative;
width:195px;
height:110px;
border-radius: 8px;
-webkit-border-radius: 8px;
overflow: hidden;
}
img.categ-mainpage-image{
width: 100%;
height:100%;
object-fit: cover;
}
.mainpage-categ-name{
text-align: center;
margin: 10px 0 10px 0;
}
.mainpage-categ-name h1{
color: #212529;
font-size: 0.9rem;
font-family: 'bpgninomtavr';
font-weight: 600;
}
/*-----products lists--wrappper--*/
.products_wrapp_slide_header{
background: #e7ebed;
padding: 6px 0 6px 6px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
.products_wrapp_slide_header h1{
font-size: 1.4rem;
font-family: 'bpgninomtavr';
font-weight:600;
}
.products_slide_container{
position: relative;
/*width: 100%;
overflow: hidden;*/
padding: 5px 10px 5px 10px;
}
.products_slide_content{
position: relative;
display: flex;
display:-webkit-flex;
justify-content:flex-start;
margin-bottom: 25px;
}
.item_wrapp_box_content{
position: relative;
width:256px;
height: auto;
border:1px solid transparent;
}
.item_imgbox_content{
position: relative;
width:100%;
height: 100%;
padding:0.9rem;
}
.product_slide_img{
position: relative;
width:100%;
height:226px;
border: 1px solid #e8eef0;
border-radius: 6px;
-webkit-border-radius:6px;
overflow: hidden;
}
img.imgbox_img{
width:100%;
height:100%;
object-fit: contain;
object-position: center center;
}
.product_wishlist{
position:absolute;
right:5px;
top:5px;
background: #fdfeff;
box-shadow: 2px 2px 2px 1px #f2f4f4;
-webkit-box-shadow: 2px 2px 2px 1px #f2f4f4;
border-radius: 50%;
-webkit-border-radius: 50%;
padding: 0.2rem 0.2rem 0.1rem 0.2rem;
}
svg.wishlist_svg:hover{
fill:rgb(1, 144, 180);
}
.item_title_wrapper{
position: relative;
margin-top: 15px;
overflow: hidden;
height:58px;
}
h3.product_title{
font-size:0.98rem;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
color: #343738;
}
.product_rating_wrapper{
position: relative;
display: flex;
display: -webkit-flex;
align-items: center;
margin-top:9px;
}
span.item_rating_span{

}
span.item_review_span{
font-size: 0.9rem;
font-family: Arial, Helvetica, sans-serif;
margin-left:10px;
}
.product_price_wrapper{
position: relative;
display: flex;
display: -webkit-flex;
justify-content: space-between;
margin-top: 10px;
}
span.price_values del{
color: #87969b;
}
span.price_values{
display: flex;
display: -webkit-flex;
flex-direction: column;
}
span.price_amount{
font-size:1rem;
font-weight: 600;
}
svg.product_cartsvg:hover{
fill: #09c;
}
h3.categ_box_title{
color: #212529;
font-size: 0.9rem;
font-family: 'bpgninomtavr';
font-weight: 600;
text-align: center;
}
.categ_totalitems_wrapper{
  text-align: center; 
}
span.categ_totalitem_span{
color: #71767b;
font-size:1rem;
font-family: 'bpgninomtavr';
font-weight: 600;
}
/*------Banners rowx2----*/
.banners_rowx2_content{
display:grid;
grid-template-columns: repeat(2,1fr);
gap:10px;
width: 100%;
height:auto;
}
.banner_rowx2_imgbox{
position: relative;
width: 100%;
height: 280px;
overflow: hidden;
}

/*----Banners row3---*/
.banners_rowx3_content{
display:grid;
grid-template-columns: repeat(1,1fr);
gap:10px;
width: 100%;
height:auto;
}
.banner_rowx3_imgbox{
position: relative;
width: 100%;
height: 280px;
overflow: hidden;
}
/*-----Brands---*/
.brand_rowx5_slide_img{
position: relative;
width: 100%;
height:160px;
border: 1px solid #e8eef0;
border-radius: 6px;
-webkit-border-radius: 6px;
overflow: hidden;
text-align: center;
}
img.brand_rowx5box_img{
width: 98%;
height: 100%;
object-fit:contain;
object-position: center center;
}
h3.brand_title{
font-size: 0.9rem;
text-transform: capitalize;
}
/*---Products lists---*/
.products-page-wrapper{
position: relative;
width: 100%;
min-height: 100vh;
margin:195px auto;
}
.mainpage-nav-section{
position: relative;
width: 100%;
height: auto;
}
section.category-mainpage-section {
position: relative;
width: 100%;
margin: 20px auto;
}
.category-mainpage-section-container {
position: relative;
width: 100%;
}
.category-mainpage-section-content {
position: relative;
width: 100%;
height: auto;
}
.category-mainpage-section-content-flex-boxs {
position: relative;
width: 100%;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.category-page-filter-right-side-content {
position: relative;
width: 280px;
min-height: 100vh;
background-color: #f8fafa;
border-radius: 6px;
-webkit-border-radius: 6px;
padding: 5px 7px 2px 9px;
}
.category-page-filter-right-side-content h2 {
font-size: 1.2rem;
font-family: Arial, Helvetica, sans-serif;
}
.mobile-filter-slide-close {
display: none;
}
.category-filter-container {
position: relative;
margin-top: 10px;
}
.category-filter-header h4 {
font-size: 1.3rem;
font-family: 'bpgninomtavr';
}
/*----Category nav lists content---*/
.category-filter-lists{
position: relative;
margin: 10px 0 0 0;
}
li.filter-bar-maincateg-li{
list-style:none;
}
li.filter-bar-maincateg-li a.filter-bar-maincateg-a{
color: #212529;
font-size:1.1rem;
font-family: 'bpgninomtavr';
font-weight: 600;
text-decoration: none;
}
.parent-categ-nav-lists-content{
position: relative;
margin: 4px 0 0 7px;
}
.filter-bar-parentcategs-nav-lists{
  margin:8px 0 12px 8px;
} 
li.filter-bar-parent-categs-li{
list-style:none;
}
li.filter-bar-parent-categs-li a{
text-decoration: none;
display: block;
color: #212529;
font-size:0.95rem;
font-family: Arial, Helvetica, sans-serif;
}
.category-filter-checkbox-content {
display: flex;
display: -webkit-flex;
margin: 10px 0 10px 0;
}
.category-filter-checkbox-input input {
cursor: pointer;
}
.category-filter-checkbox-label {
position: relative;
margin-left: 10px;
}
label.brand_filter-label {
cursor: pointer;
font-size: 0.9rem;
font-family: Arial, Helvetica, sans-serif;
text-transform: capitalize;
}

.brands-filter-lists-container{
position: relative;
margin: 40px 0 20px 0;
}
.filter-brands-list-box{
position: relative;
display: flex;
display: -webkit-flex;
margin:8px 0 8px 0;
}
.filter-brands-list-box label.brand-filter-label{
margin: 0 0 0 8px;
cursor: pointer;
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
}
li.filter-bar-parentcateg-li {
list-style:none;
margin: 10px 0 0 12px;
}
li.filter-bar-parentcateg-li a.filter-bar-parentcateg-a{
color: #212529;
font-size: 1rem;
font-family: 'bpgninomtavr';
font-weight: 600;
}
.category-page-products-content-side {
position: relative;
width: calc(1260px - 280px);
padding: 0 10px 5px 10px;
}
.product-filter-container {
position: relative;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
background: #fff;
padding: 7px;
border-radius: 11px;
-webkit-border-radius: 11px;
margin-bottom: 5px;
}
.showing-filter-result p {
font-size: 1rem;
font-family: arial;
color: #676768;
}
span.total_items{
font-family: 'bpgninomtavr'; 
font-weight: 600;
color: #222;
}
.showing-filter-result a.mobile_advance_filter_btn {
  display: none;
}
.product-sort-showitems-flex {
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.product-sortby-select-latest-flex {
display: flex;
display: -webkit-flex;
margin-right: 15px;
align-items: center;
}
.product-sortby-span {
margin-left: 10px;
margin-right: 5px;
}
.product-sortby-span span {
font-family: arial;
font-size: 0.9rem;
}
select.product-sort-by-select {
height: 35px;
border: 1px solid transparent;
border-radius: 5px;
padding: 0 0 0 10px;
}
.show-total-items-content span {
font-size: 0.9rem;
font-family: arial;
color: #222;
}
select.showitems-select {
height: 35px;
border: 1px solid transparent;
border-radius: 5px;
padding: 0 0 0 10px;
}
.app-products-container {
position: relative;
padding: 20px 0 20px 0;
}
.products-list-boxs {
position: relative;
display: grid;
/*grid-template-columns: repeat(auto-fit,minmax(200px, 1fr));*/
grid-template-columns: repeat(auto-fit, minmax(228px, 228px));
width: 100%;
gap: 10px;
}
img.brandlist_img{
width: 100%;
height: 100%;
object-fit: contain;
object-position: center center; 
}

/*----Catgory Page lists----*/
.app-category-page-container{
position: relative;
padding: 20px 0 20px 0;
}
.app-category-list-boxs{
position: relative;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(228px, 228px));
width: 100%;
gap: 10px;
}
.categories_wrapp_box_content{
position: relative;
width: 256px;
height:312px;
border: 1px solid transparent;
}
.categories_imgbox_content{
position: relative;
width: 100%;
height:100%;
padding:0.9rem;
}
.category_img-box{
position: relative;
width:100%;
height:226px;
border-radius: 24px;
-webkit-border-radius: 24px;
overflow: hidden;
}
img.app-category_img{
width:100%;
height:100%;
object-fit:cover;
}
/*--Product Details---*/
.product-view-wrapper{
position: relative;

}
section.product-gallery-detail-section{

}
.product-gallery-detail-content {
position: relative;
width: 100%;
margin: 0 auto;
}
.pageheader-nav-route {
position: relative;
margin: 10px 0 10px 0;
padding: 0 0 0 0px;
display: flex;
display: -webkit-flex;
}
.pageheader-nav-route a.navroute-notactive-link {
display: flex;
display: -webkit-flex;
align-items: center;
color: #fffbfb;
background: #b1b6b7;
padding: 3px 5px 3px 5px;
border-radius: 5px;
-webkit-border-radius:5px;
border: 1px solid transparent;
}
.pageheader-nav-route a {
display: block;
text-decoration: none;
font-size: 0.8rem;
font-family: Arial, Helvetica, sans-serif;
margin: 0 5px 0 5px;
}
.pageheader-nav-route a.navroute-active-link {
display: flex;
display: -webkit-flex;
align-items: center;
color: #fff;
background: #129ff4;
padding: 3px 5px 3px 5px;
border-radius:5px;
-webkit-border-radius:5px;
}
.product-view-boxs-flex {
display: flex;
display: -webkit-flex;
justify-content: space-between;
flex-wrap: wrap;
}
.product-gallery-side {
position: relative;
width: 520px;
height:540px;
border: 1px solid #dde5e8;
overflow: hidden;
border-radius: 5px;
-webkit-border-radius: 5px;
}
.product-main-image-content {
position: relative;
width:520px;
height: auto;
}
.itemBigImg_content {
position: relative;
width: 520px;
height: 450px;
overflow: hidden;
}
.itemBigImg_content img {
width: 100%;
height: 100%;
object-fit: contain;
cursor: zoom-in;
}
.itemview_galleryList {
position: relative;
border-top: 1px solid #d9ddde;
margin: 4px 5px 4px 5px;
}
.itemview_gallery_box {
position: relative;
margin-top:5px;
width: 85px;
height: 70px;
border: 1px solid #edf1f2;
}
img.gallery_img_small {
width: 100%;
height: 100%;
object-fit: contain;
cursor: zoom-in;
}
.product-detail-side {
position: relative;
border-bottom: 1px solid #e9eaeb;
width: calc(1260px - 520px);
padding: 10px;
}
.product-name-header h2 {
font-size: 1.4rem;
font-family: Arial, Helvetica, sans-serif;
}
.product-review-stock-flex {
position: relative;
margin: 10px 0 10px 0;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
}
.average-rating{
display:flex;
display: -webkit-flex;
align-items: center;
}
span.rating-number{
font-size: 1.3rem;
font-family: 'Courier New', Courier, monospace;
}
.stars-display{
margin: 0 0 0 5px;
}
.rating {
position: relative;
display: flex;
display: -webkit-flex;
align-items: center;
}
.star {
cursor: pointer;
display: inline-block;
width: 24px; /* Adjust based on your SVG size */
height: 24px;
}
span.review-count{
margin: 0 0 0 1px;
font-size: 1rem;
font-family: 'Courier New', Courier, monospace;
}
a.total_reviews_count_link{
text-decoration:none;
color: #179fd4;
display: flex;
display: -webkit-flex;
align-items: center;
}
a.total_reviews_count_link:hover{
border-bottom: 1px solid #09c;
}
.star svg {
fill: #ccc; /* Default color (gray) */
transition: fill 0.2s ease; /* Smooth color transition */
}
.star:hover svg,
.star.active svg {
fill: orange; /* Color on hover or when selected */
}
.product-view-sku-box{
margin: 3px 0 5px 0;
}
.product-view-sku-box span{
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
}
.product-view-stock-status-box{
margin:6px 0 5px 0;
}
.product-view-stock-status-box span{
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
color: #0c600d;
font-weight: 700;
}
/*----product review section form------*/

section.review-section{
position: relative;
margin:50px 0 0 0px;
}
.reviews-container{
position: relative;
}
.reviews-content{
position: relative;
}
.reviews-content-boxs-flex{
display: flex;
display: -webkit-flex;
gap:90px;
}
.reviews-content-lists-box{
position: relative;
width: 800px;
}
.reviews-content-lists-box h3{
font-family: Arial, Helvetica, sans-serif;
color: #61666b;
font-size: 1.2rem;
}
.review-content-header{
font-family: 'bpgninomtavr';
}
.review-lists{
position: relative;
}
.review-item{
margin:5px 0 5px 0;
padding:8px;
border-bottom:1px solid #e5e5e6;
}
.review-useravatar-name{
display: flex;
display: -webkit-flex;
align-items: center;
margin:4px 0 4px 0;
}
.review-date-box span{
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
color: #6a6f71;
}
.verified-badge{
margin: 4px 0 4px 0;
}
.verified-badge span{
font-size: 1rem;
color: #dc8f15;
font-family: Arial, Helvetica, sans-serif;
font-weight:700;
}
.rating-input{
position: relative;
margin: 10px 0 10px 0;
}
.review-login-require-link{
position: relative;
}
.review-login-require-link h3{
font-size: 1.3rem;
font-family: 'bpgninomtavr';
font-weight: 600;
}
.prodview-authent-openmodalbtn-box{
margin: 15px 0 0 0;
}
button.prodreview-authen-openmodalbtn{
width:100%;
cursor: pointer;
padding: 10px 0 10px 0;
border: 1px solid #c3d1d6;
background-color: #d9e6ef;
border-radius: 5px;
-webkit-border-radius:5px;
font-size: 1.1rem;
font-family: 'bpgninomtavr';
font-weight: 600;
}
.review-login-require-link a{
margin-left:20px;
text-align: center;
display:block;
text-decoration:none;
color: #0b171e;
background-color: #d9e6ef;
font-size: 1.2rem;
font-family: 'bpgninomtavr';
font-weight: 600;
padding: 8px;
border-radius: 5px;
-webkit-border-radius:5px;
}
/*-- review text box---*/
.review-text-box{
margin:5px 0 5px 0;
}
.review-text-box p.review-text{
font-size: 1.1rem;
font-family: Arial, Helvetica, sans-serif;
}
textarea.reviewText{
outline:none;
width:412px;
resize: none;
border-radius: 9px;
-webkit-border-radius: 9px;
border: 1px solid #d1dbde;
padding:5px 0 0 5px;
}
button.btn-submit-review{
position: relative;
margin: 20px 0 20px 0;
padding: 0 5px 0 5px;
width: 100%;
height: 41px;
font-size: 1.2rem;
cursor: pointer;
color: #0b171e;
font-family: 'bpgninomtavr';
background-color: #d9e6ef;
border-radius: 8px;
-webkit-border-radius:8px;
border: 1px solid transparent;
}
.stars-display .star svg {
fill: #acb0b2; 
transition: fill 0.2s ease;
}
.stars-display .star.filled svg {
fill: orange; 
}
.rating-input .star svg {
fill: #acb0b2; 
transition: fill 0.2s ease;
}
.rating-input .star:hover svg {
  fill: #FFC107; 
}
.rating-input .star.filled svg {
  fill: #FFD700; 
}

/* SVG Star - Default (Empty) */
.review-rating .star svg {
  fill: #e0e0e0;
}

/* SVG Star - Filled */
.review-rating .star.filled svg {
  fill: orange;
}
.product-price-header {
position: relative;
margin: 20px 0 20px 0;
}
.product-price-header p {
font-size: 2rem;
font-family: Arial, Helvetica, sans-serif;
color: #0c101c;
}
.product-qty-addcart-content {
display: flex;
display: -webkit-flex;
align-content: center;
margin: 20px 0 20px 0;
border-bottom: 1px solid #c7ced0;
padding-bottom: 30px;
}
.product-qty-box {
display: flex;
display: -webkit-flex;
align-items: center;
}
.qtyMinus_content {
position: relative;
width: 32px;
height: 32px;
text-align: center;
line-height: 30px;
background: #071223;
color: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
cursor: pointer;
outline: none;
}
select.itemqty-select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
width:155px;
height:39px;
background: #ffffff;
border: 1px solid #b1b8ba;
color:#333;
border-radius: 6px;
-webkit-border-radius: 6px;
padding: 0 35px 0 12px;
font-size: 1.2rem;
outline:none;

background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23707070' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 16px;
}
select.itemqty-select:focus {
border-color: #007aff; /* Classic iOS Blue */
box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.1);
}
select.itemqty-select::-ms-expand {
display: none;
}
.qtyMinus_content span {
outline: none;
}
input.itemQty_value {
position: relative;
width: 70px;
text-align: center;
height: 35px;
border: 1px solid transparent;
background: #f2f2f2;
font-size: 20px;
outline: none;
border-radius: 10px;
-webkit-border-radius: 10px;
appearance: textfield;
-moz-appearance: textfield;
-webkit-appearance: textfield;
}
.qtyPlus_content {
position: relative;
width: 32px;
height: 32px;
text-align: center;
line-height: 32px;
background: #071223;
color: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
cursor: pointer;
outline: none;
}
.qtyPlus_content span {
  outline: none;
}
.product-addtocart-btn-box {
  margin: 0 0 0 20px;
}
a.itemAdd_toCartBtn {
display: block;
text-decoration: none;
color: #fff;
font-size: 1rem;
font-family: 'bpgninomtavr';
font-family:600;
background: #129ff4;
padding: 12px 12px 7px 12px;
border-radius: 6px;
-webkit-border-radius: 6px;
}
.product-description-review-content {
position: relative;
width: 100%;
height: auto;
margin: 0 auto;
}
h3.product-description-header {
font-size: 1.3rem;
font-family: 'bpgninomtavr';
outline: none;
}
.product-desc-text{
position: relative;
margin: 10px 0 20px 0;
}
.product-desc-text p{
font-size: 1.2rem;
font-family: 'bpgninomtavr';
font-weight:600;
outline: none;
}
.itemadded_tocart_modalcontainer{
position: fixed;
right: calc(20% - 315px);
top:-100%;
width: 315px;
min-height: 140px;
background-color: #eef2f4;
border-radius: 6px;
-webkit-border-radius: 6px;

box-shadow: 1px 4px 5px 1px #ececec;
-webkit-box-shadow: 1px 4px 5px 1px #ececec;

transition: transform 0.6s ease;
transform: translate(-50%, 7%);
-webkit-transform: translate(-50%, 7%);
transform: scaleX(0%);
-webkit-transform:scaleX(0%);
z-index:1001;
}
.itemadded_tocart_modalcontainer.activeAddtoCartmodalBox{
top:1%;
transform: translate(0%);
transform: scaleX(100%);
-webkit-transform:scaleX(100%);
}
.itemadded_tocart_modalcontainer.inactiveAddtoCartmodalBox{
top:-100%;
transition: transform 0.6s ease;
transform: translate(0%);
transform: scaleX(0%);
-webkit-transform:scaleX(0%);
}
.itemadded_tocart_modalcontainer.activeAddtoCartmodalRedBox{
transform: translate(0%);
background-color: #db3b3b;
}
.itemadded_tocart_modalbox{
padding: 0.5rem 0.3rem 0.6rem 0.3rem;
}
.itemadd_tocart_icon{
position: relative;
width: 80px;
margin: 0 auto;
}
.added_tocart_modalboxtext p.tocart_modalboxtext_p{
text-align: center;
font-size: 1rem;
font-family: 'bpgninomtavr';
font-weight: 600;
}
.added_tocart_link{
padding:0.5rem 0 0 0;
}
.added_tocart_text p{
color:#ffffff;
font-size: 1rem;
font-family: 'bpgninomtavr';
font-family:600;
}
.added_tocart_link a.gotoCart_boxhref{
color:#ffffff;
font-size: 1rem;
font-family: 'bpgninomtavr';
font-family:600;
}
.cart_count_content{
position:relative;
}
span.cart_count_value{
position: absolute;
right: -1px;
top: -6px;
background: #ff8300;
width: 19px;
height: 19px;
border-radius: 50%;
color: #fff;
text-align: center;
}
.itemtotal_pricevalue{
font-size: 1rem;
font-weight: 600;
font-family: arial;
}
/*---------Login Reg Modal-------*/
.loginreg_modalbox_overlay{
position: fixed;
display: none;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(3, 4, 7, 0.89);
z-index: 100;
overflow: hidden;
}
.loginreg_modalbox_overlay.loginRegBoxActive{
display:block;
}
.loginreg_container_modalbox{
position: fixed;
display: none;
top: 42%;
left: 50%;
width: 410px;
height: auto;
padding: 0 20px 20px 20px;
background: #ffffff;
border-radius: 6px;
-webkit-border-radius: 6px;
transform: translate(-50%, -50%) scale(0.9);
opacity: 1;
z-index:110;
}
.prodview-rating-tab-otp{
position: fixed;
display: none;
top: 42%;
left: 50%;
width: 410px;
height: auto;
padding: 0 20px 20px 20px;
background: #ffffff;
border-radius: 6px;
-webkit-border-radius: 6px;
transform: translate(-50%, -50%) scale(0.9);
opacity: 1;
z-index:110;
}
.loginreg_container_modalbox.loginRegPopUpActive, 
.prodview-rating-tab-otp.loginRegPopUpActive{
display: block;
animation: bounceIn 0.6s ease forwards;
  animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.loginregmodalbox_close{
position: absolute;
right: -4px;
top: -10px;
outline: none;
}
.loginregmodalbox_close button{
border:none;
background-color: #000;
cursor: pointer;
height: 42px;
width: 42px;
text-align: center;
line-height: 30px;
border-radius: 50%;
-webkit-border-radius: 50%;
}
.loginreg_div_header{
text-align: center;
margin: 10px 0 10px 0;
padding: 10px 10px 10px 10px;
}
span.loginreg_span_header{
text-align: center;
font-size: 1rem;
font-family: 'bpgninomtavr';
font-weight: 600;
color: #626769;
}
.tab-content{
display:none;
}
/*.loginForm_container{
display: block;
}*/
/*.signInForm_container{
  display:none; 
}*/
.tab-content.tabFormActive{
  display:block;
}

.tab-navigation{
display:flex;
-webkit-display:flex;
justify-content: space-between;
}
.tabFormInActive{
display:none;
}
button.loginForm_tabBtn{
padding: 9px 10px 5px 10px;
margin: 0 15px 0 15px;
cursor: pointer;
outline:none;
font-family: 'bpgninomtavr';
font-size:1.3rem;
border: 1px solid #afc8d0;
border-radius: 6px;
-webkit-border-radius:6px;
}

button.regForm_tabBtn{
padding: 9px 10px 5px 10px;
margin: 0 15px 0 15px;
cursor: pointer;
outline:none;
font-family: 'bpgninomtavr';
font-size:1.3rem;
border: 1px solid #afc8d0;
border-radius: 6px;
-webkit-border-radius:6px;
}

.tab-btn.tabActiveBtn{
color:#ffffff;
background-color: #10a0f6;
border: none;
}
.tabInActiveBtn{
background-color: #1e2e53;
color: #ffffff;
border-radius:4px;
-webkit-border-radius:4px;
}
.input-label-column {
position: relative;
margin: 20px 0 20px 0;
}
.label-column {
position: relative;
margin: 5px 0 5px 0;
}
.label-column label {
color: #020206;
font-family: 'bpgninomtavr';
font-size: 1rem;
}
.input-column input {
position: relative;
width: 100%;
height: 45px;
padding-left: 5px;
outline: none;
color: #222222;
font-family: 'arial';
border: 1px solid #c8d6e2;
border-radius: 11px;
-webkit-border-radius: 11px;
}
.forgotPassword_content {
position: relative;
width: 100%;
display: flex;
display: -webkit-flex;
justify-content: flex-end;
}
a.forgotPasswd_link {
display: block;
text-decoration: none;
color: #222222;
font-family: 'bpgninomtavr';
}
.loginSbt_btncontent {
position: relative;
margin: 20px 0 15px 0;
}
input.userLogin_sbtBtn {
width: 100%;
height: 48px;
outline: none;
cursor: pointer;
background-color: rgb(18, 159, 244);
color: #ffffff;
font-size: 1.3rem;
font-family: 'bpgninomtavr';
border: 1px solid transparent;
border-radius: 7px;
-webkit-border-radius: 7px;
}
input.userReg_sbtBtn {
width: 100%;
height: 48px;
outline: none;
cursor: pointer;
background-color: rgb(18, 159, 244);;
color: #ffffff;
font-size: 1.1rem;
font-family: 'bpgninomtavr';
border: 1px solid transparent;
border-radius: 7px;
-webkit-border-radius: 7px;
}
/*-----Cart----*/
section.cart-section{
position: relative;
width: 100%;
margin: 0 auto;
min-height: 100vh;
}
.cart_table_content {
position: relative;
width: 100%;
height: auto;
margin-top: 20px;
}
.cartitems_content{
position: relative;
border-bottom: 1px solid #dfe3e5;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}
.cartitems-flex-box{
position: relative;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.cart-itemimg-box{
position: relative;
width: 195px;
height: 135px;
}
img.cartbasket-itemimg{
position: relative;
width:100%;
height:100%;
object-fit:contain;
}
.cart-itemdata-box{
position: relative;
display: flex;
display: -webkit-flex;
flex-direction: column;
justify-content: space-between;
}
.cart-itemname-content{
margin: 10px 10px 10px 10px;
width: 850px;
}
.cart-itemname-content h3{
font-size: 1.2rem;
font-family: 'bpgninomtavr';
}
.cart-itemfooter-data-content{
position: relative;
display: flex;
display: -webkit-flex;
align-items: center;
}
.cart-itemdelete-content-box{
position: relative;
margin-left:20px;
}
.cart-itemprice-content{

}

svg path.basket-cartitem-delete-btn{
fill: #25a4e1;
}
h3.cartbasket-price{
font-size: 1.3rem;
font-family: Arial, Helvetica, sans-serif;
}
table.cart_table {
position: relative;
width: 100%;
border-collapse: collapse;
}
table.cart_table tr th {
border: 1px solid #c7d4d8;
padding: 20px;
font-family: 'bpgninomtavr';
}
table.cart_table tr td {
border: 1px solid #c7d4d8;
padding: 4px;
font-family: 'arial';
font-size:0.9rem;
}
.itemQtySelect_box {
position: relative;
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center;
margin-bottom: 10px;
margin-left: 4px;
}
.cartPageTotal_amountcontent {
display: flex;
display: -webkit-flex;
justify-content: flex-end;
margin: 10px 0 10px 0;
}
.cartPageTotal_amountcontent h3{
font-family: 'bpgninomtavr';
}
.goToOrder_BtnContent {
display: flex;
display: -webkit-flex;
justify-content: flex-end;
margin: 10px 0 10px 0;
}
a.goToOrderBtn {
display: block;
text-decoration: none;
color: #ffffff;
background: #129ff4;
border-radius:5px;
-webkit-border-radius:5px;
padding: 15px;
width: 250px;
text-align: center;
font-family: 'bpgninomtavr';
font-size: 20px;
}
p.cart-itmqty-upd{
font-family: 'bpgninomtavr';
font-size:1.1rem;
text-align: center;
}
p.cart-delete-message{
font-family: 'bpgninomtavr';
font-size:1.1rem;
text-align: center;
}
/*------Lgin Registration----*/
section.register-login-wrapper {
position: relative;
width:100%;
min-height: 100vh;
margin:20px auto;
}
.register-login-app-container {
position: relative;
width: 370px;
height: auto;
margin: 20px auto;
box-shadow: -1px 10px 25px 6px #e5eaee;
-webkit-box-shadow: -1px 10px 25px 6px #e5eaee;
padding: 20px;
}
.register-login-tabs {
position: relative;
display: flex;
display: -webkit-flex;
justify-content: space-around;
padding: 10px 0 10px 0;
border-bottom: 1px solid #d9e0e2;
}
.register-login-tabs p{
color: #121210;
font-family: 'bpgninomtavr';
font-size: 1rem;
}
a.active-reglogin-tab {
  font-weight: 600;
}
a.login-tab-btn {
text-decoration: none;
color: #121210;
font-family: 'bpgninomtavr';
font-size: 1rem;
}
a.register-tab-btn {
text-decoration: none;
color: #121210;
font-family: 'bpgninomtavr';
font-size: 1rem;
}
a.inactive-reglogin-tab {
color: #adafb1;
font-weight: 600;
}

/*---OTP verification code---*/
.otp-input-group{
display:flex;
display: -webkit-flex;
gap:5px;
}
.otp-input-group input.otp-digit{
position: relative;
width: 47px;
height: 47px;
border: 1px solid #c6ced1;
border-radius: 6px;
-webkit-border-radius: 6px;
text-align: center;
font-size: 1.3rem;
}

.reglogin-label-input-content {
position: relative;
margin: 16px 0 16px 0;
}
.reglogin-label {
padding: 0 0 5px 0;
}
.reglogin-label label {
font-family: 'bpgninomtavr';
font-size: 1rem;
}
.reglogin-input {
position: relative;
width: 100%;
}
.reglogin-input input {
position: relative;
width: 100%;
height: 44px;
padding: 0 0 0 5px;
border-radius:11px;
-webkit-border-radius:11px;
border: none;
border: 1px solid #c8d6e2;
outline: none;
}
input.phoneDialing_code {
position: relative;
width: 115px;
height: 44px;
padding: 0 0 0 5px;
border-radius: 11px;
-webkit-border-radius: 11px;
border: none;
border: 1px solid #c8d6e2;
outline: none;
}
.forgot-passwprd-link-content {
position: relative;
margin: 15px 0 15px 0;
text-align: right;
}
.forgot-passwprd-link-content a {
text-decoration: none;
color: #61686e;
font-size: 1rem;
font-family: 'bpgninomtavr';
}
.reglogin-sbtbtn-content {
position: relative;
width: 100%;
}
input.loginForm_sbtBtn {
width: 100%;
height: 48px;
font-size: 1.2rem;
cursor: pointer;
color: #ffffff;
font-family: 'bpgninomtavr';
background-color: #129ff4;
border-radius: 21px;
-webkit-border-radius: 21px;
border: 1px solid transparent;
}
input.regForm_sbtBtn {
width: 100%;
height: 48px;
font-size: 1.2rem;
cursor: pointer;
color: #ffffff;
font-family: 'bpgninomtavr';
background-color: #129ff4;
border-radius: 21px;
-webkit-border-radius: 21px;
border: 1px solid transparent;
}
.gmailLogin_content {
  margin-top: 15px;
}
/*----My invoices----*/
.invoice-details-header {
font-family: 'bpgninomtavr';
font-size: 1.1rem;
padding: 0 0 0 10px;
}
.invoice-list-container {
  padding: 10px;
}
a.invoice-details-link{
text-decoration:none;
color: #1b222f;
}
.orderinf-header{
margin: 10px 0 5px 11px;
}
.orderinf-header h4{
font-family:'bpgninomtavr';
font-weight:600;
font-size: 1.2rem;
}
.orderview-info-content{
padding:10px 0 10px 10px;
margin: 0 0 10px 0;
border-bottom:1px solid #c8cdce;
}
.orderview-box{
margin: 7px 0 7px 0;
}
.orderview-box span.orderview-info-title{
font-family:'bpgninomtavr';
font-weight:600;
}
.orderview-box span.orderview-info-value{
margin:0 0px 0 7px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1rem;
}
table.invoice_table {
position: relative;
width: 100%;
border-collapse: collapse;
border: 1px solid #d6d6d7;
margin: 10px 3px 0 4px;
}
table.invoice_table tr th {
border: 1px solid #d6d6d7;
text-align: center;
padding: 7px 0 7px 0;
font-family:'bpgninomtavr';
}
table.invoice_table tr td {
border: 1px solid #d6d6d7;
padding: 15px 5px 15px 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9rem;
}
/*----my profile---*/
.myprofile-container {
position: relative;
width: 100%;
margin: 20px auto;
}
.myprofile-content {
position: relative;
width: 100%;
display: flex;
display: -webkit-flex;
}
.myprofile-leftbar {
position: relative;
width: 250px;
height: auto;
border-right: 1px solid #ebebeb;
}
nav.myprofile-nav {
position: relative;
padding: 10px;
}
ul.myprofile-ul li {
list-style: none;
margin: 8px;
border-bottom: 1px solid #d2dfe8;
background: #fff;
border-radius: 22px;
box-shadow: 1px 3px 2px 0px #e6e9ea;
}
ul.myprofile-ul li a {
display: block;
text-decoration: none;
color: #1b222f;
padding: 10px 4px 10px 10px;
font-size: 0.9rem;
font-family: 'bpgninomtavr';
font-weight: 600;
}
.myprofile-rightcontent {
position: relative;
width: calc(1260px - 250px);
height: auto;
}
.myprofile-form-content {
position: relative;
width: 370px;
margin: 0 auto;
padding: 10px;
}
.myprofile-header {
  text-align: center;
}
.myprofile-header h4 {
font-size: 1.2rem;
font-family: 'bpgninomtavr';
}
.profile_notcomplete_content{
margin:10px 0 10px 0;
}
.profile_notcomplete_content strong{
color: #212529;
font-size: 0.9rem;
font-family: 'bpgninomtavr';
font-weight: 600;
}
.myprofile-label-input-boxs {
position: relative;
margin: 10px 0 10px 0;
}
.myprofile-label label {
position: relative;
margin: 5px 0 5px 5px;
font-size: 0.9rem;
font-family: 'bpgninomtavr';
}
.myprofile-input input {
width: 100%;
height: 46px;
padding: 5px 0 0 5px;
border-radius: 23px;
-webkit-border-radius: 23px;
border: none;
border: 1px solid #c8d6e2;
outline: none;
}
.myprofile-submitbtn-content {
position: relative;
width: 100%;
}
input.profileUpd_btn {
width: 100%;
height: 48px;
font-size: 1.2rem;
cursor: pointer;
color: #ffffff;
font-family: 'bpgninomtavr';
background-color: #129ff4;
border-radius: 21px;
-webkit-border-radius: 21px;
border: 1px solid transparent;
}
/*----Order page---*/
section.orders-section {
width: 100%;
min-height: 100vh;
margin-top:30px;
}
.order-success-container{
position: relative;
text-align: center;
margin:20px 0 0 0;
}
.order_succes_text_1{
margin-top:20px;
}
.order_succes_text_1 h1{
font-size:1.3rem;
font-family: 'bpgninomtavr'; 
}
.order_succes_text_2{
margin-top: 20px;
}
.order_succes_text_2 a{
font-size:1.1rem;
font-family: 'bpgninomtavr';
text-decoration: none;
color:#ffffff;
background-color:#129ff4;
padding: 13px 13px 10px 13px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
.order-details{
margin: 20px 0 0 0;
}
.order-details p{
font-size:1.2rem;
font-family: 'bpgninomtavr';
font-weight: 800;
}
.info-box{
margin:20px 0 0 0;
}
.info-box h3{
font-size:1.2rem;
font-family: 'bpgninomtavr';
}
.info-box p{
font-size:1.2rem;
font-family: 'bpgninomtavr';
font-weight: 800;
margin:5px 0 5px 0;
}
.orders-container {
position: relative;
width: 100%;
height: auto;
margin: 0 auto;
}
.order-content {
position: relative;
display: flex;
display: -webkit-flex;
justify-content: space-around;
}
.order-left-content {
position: relative;
width: calc(100% - 420px);
height: auto;
border-right: 1px solid #dcdfe1;
}
.order-left-form-container {
display: flex;
display: -webkit-flex;
justify-content: space-between;
padding: 0 20px 0 20px;
}
.label-input-row {
position: relative;
margin: 10px 0 10px 0;
}
.order-label-input-content .label-col label {
position: relative;
margin: 5px 0 5px 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
}
.order-label-input-content .input-col input {
width: 350px;
height: 46px;
padding: 5px 0 0 5px;
border-radius: 23px;
-webkit-border-radius: 23px;
border: none;
border: 1px solid #c8d6e2;
outline: none;
}
textarea.userOrderMessage {
padding: 5px 0 0 10px;
border-radius: 23px;
-webkit-border-radius: 23px;
border: none;
border: 1px solid #c8d6e2;
outline: none;
resize: none;
}
.order-right-content {
position: relative;
width: 350px;
min-height: 100vh;
}
.cartItemBasket_box {
display: flex;
display: -webkit-flex;
flex-direction: column;
margin: 15px 0 10px 0;
border-bottom: 1px solid #c4ccd2;
}
.cartItemBasket_box_1 {
display: flex;
display: -webkit-flex;
}
.cartItemBasket_imgContent {
position: relative;
margin-left: 10px;
}
img.cartbasket_img {
width: 80px;
height: 76px;
}
.cartItemBasket_namePriceQty_box {
position: relative;
margin-left: 5px;
display: flex;
display: -webkit-flex;
flex-direction: column;
}
.cartItemBasket_NameContent {
position: relative;
margin-left: 1px;
font-size: 0.9rem;
height: 72px;
overflow: hidden;
}
.cartItemBasket_priceContent{
margin:10px 0 10px 0;
padding:5px 0 0 0;
border-top: 1px solid #cbcdce;
}
.cartbasket_price {
margin: 5px 0 5px 0;
}
.cartbasket_price h3{
font-family: 'bpgninomtavr';
font-size: 1.1rem;
font-weight: 600;
}
.cartbasket_qty {
margin: 5px 0 5px 0;
}
.cartbasket_qty h3{
font-family: 'bpgninomtavr';
font-size: 1.1rem;
font-weight: 600;
}
.cartItem_totalSum_content {
position: relative;
margin: 10px 0 10px 0;
}
p.cartItem_totalSum_value {
font-size: 1.4rem;
font-family: 'bpgninomtavr';
font-weight: 600;
}
input.finishCheckout_SbtBtn {
width: 100%;
height: 48px;
color: #ffffff;
font-family: 'bpgninomtavr';
font-size: 1.2rem;
border: 1px solid transparent;
border-radius: 21px;
-webkit-border-radius: 21px;
background-color: #129ff4;
cursor: pointer;
}
/*-------RegLogin PopUp modalbox-----*/
.popupOverlay {
display: none;
position: fixed;
left: 0%;
top: 0%;
width: 100%;
height: 100vh;
overflow: hidden;
background-color: rgba(173, 174, 174, 0.7);
z-index: 999999999;
}
.popUp_container{
position: fixed;
display: none;
width: 395px;
min-height:140px;
top:38%;
left: 49%;
padding: 0 0 20px 0px;
background: #ffffff;
border-radius:10px;
-webkit-border-radius:10px;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
z-index: 999999;
}
.popUp_container.popUpActive{
display:block;
}
.popupOverlay.popupOverlayActive{
display:block;
}
.successAdd__apptext{
position:relative;
text-align: center;
margin-top: 5px;
}
.successAdd__apptext p{
font-size: 1.1rem;
font-family: 'bpgninomtavr';
}
.succes__icon_app{width:62pt;margin: 2pt auto;}
img.success_icon{width: 40pt;}

.reg_log_errorOverlay_container {
display: none;
position: fixed;
left: 0%;
top: 0%;
width: 100%;
height: 100vh;
overflow: hidden;
background-color: rgba(173, 174, 174, 0.7);
z-index: 120;
}
.reg_log_errorOverlay_container.active {
display: block;
}
.reglog_errorbox {
display: none;
position: fixed;
width: 420px;
top: 38%;
left: 49%;
padding: 30px 5px 30px 5px;
background-color: #ffffff;
transform: translate(-50%, -50%);
-webkit-transform: translate(-49%, -50%);
border-radius: 8px;
-webkit-border-radius: 8px;
z-index: 1005;
}
.reglog_errorbox.active {
display: block;
}
.regLog_errorcloseBtn {
position: absolute;
width: 30px;
height: 30px;
background-color: #121210;
top: -7px;
right: -2px;
line-height: 30px;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
z-index: 1006;
}
.regLog_errorcloseBtn span {
color: #fff;
font-family: 'LataRegular';
cursor: pointer;
}
.reglog_errorbox p {
font-family: 'bpgninomtavr';
font-weight: 600;
text-align: center;
color: #0f0f13;
font-size:1.1rem;
}
/*----Footer---*/
footer{
position: relative;
width:100%;
height:auto;
background-color:#F6F7F9;
}
.footer_container{
position: relative;
width:1260px;
height:auto;
margin:0 auto;
padding: 60px 0 30px 0;
}
.footer_content{
position: relative;
width:100%;
}
.footer-boxs-flex{
display:flex;
display:-webkit-flex;
justify-content: space-between;
flex-wrap: wrap;
}
.footer-logo{
margin:0 0 10px 0;
}
.footer-logo h1{
color:#25b07c;
font-family: arial;
font-size: 1.8rem;
}
.footer-about-info{
margin:0 0 10px 0;
}
.footer-about-info h2{
color:#ffffff;
font-family: 'bpgninomtavr';
font-size:1.2rem;;
}
.footer-about-text{
margin:0 0 20px 0;
}
.footer-about-text p{
color:#687182;
font-size: 1rem;
font-family: arial;
line-height: 23px;
}
.footer-about-email a{
display:block;
color: #ef233c;;
text-decoration:none;
font-size: 1.1rem;
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
}
.footer-needhelp-header{
margin:0 0 10px 0;
}
.footer-needhelp-header h4{
color:#fff;
font-family: 'bpgninomtavr';
font-weight:600;
font-size: 1.3rem;
}
.footer-support-phone{
margin: 30px 0 25px 0;
}
.footer-support-phone h3{
color:#ffffff;
font-size: 1.5rem;
font-family:arial;
font-weight:600;
}
.footer-support-email a{
color: #ef233c;
font-size: 1.1rem;
font-family: 'NotoSansBold';
font-weight: 600;
text-decoration: none;
}
nav.footer-nav ul li{
list-style:none;
margin:10px 0 10px 0;
}
nav.footer-nav ul li a{
text-decoration:none;
color: #343A3D;
font-size: 1rem;
font-weight: 600;
font-family: 'bpgninomtavr';
}
.footer-second-level{
position: relative;
display:flex;
display:-webkit-flex;
width:100%;
height: auto;
justify-content: center;
margin: 50px 0 10px 0;
padding: 20px 0 20px 0;
border-top: 1px solid #333537;
border-bottom: 1px solid #333537;
}
.footer-second-level-box p{
font-family: 'NotoSansBold';
font-size: 1.1rem;
font-weight:600;
color: #e4e8ea;
margin: 0 10px 0 10px;
}

nav.privacy-nav ul{
display:flex;
display:-webkit-flex;
list-style:none;
}
nav.privacy-nav ul li{
margin: 20px 20px 20px 0px;
text-align: center;
}
nav.privacy-nav ul li a{
display:block;
text-decoration:none;
color:#18222d;
font-size:0.9rem;
font-family: Arial, Helvetica, sans-serif;
}
.footer-copy-right-content p{
color: #687182;
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
line-height: 23px;
}
.mobile-header-content{
display:none;
}
.mobileNavmenu_overlay{
position: fixed;
display: none;
top: 0;
left: 0;
width: 90%;
min-height:calc(100vh - 70px);
background-color: rgba(255, 255, 255, 0.89);
z-index: 99999999;
overflow: hidden;
overflow-y: auto;
}
.mobile-bottom-nav-container{
display:none;
}

/*----------Search Page Lists-----------*/
.search-result-container{
position: relative;
margin: 20px 0 20px 0;
}
.search-result-container h2{
color: #000000;
font-size: 1.3rem;
font-family: 'bpgninomtavr';
font-weight: 600;
}
.search-header h1{
color: #000000;
font-size: 1.3rem;
font-family: 'bpgninomtavr';
font-weight: 600;
}
.search-header p{
color: #000000;
font-size: 1.3rem;
font-family: 'bpgninomtavr';
font-weight: 600;
}
.search-results-grid{
position: relative;
margin: 10px 0 10px 0;
border-top: 1px solid #222222;
}
.search-product-card{
position: relative;
padding: 10px;
margin:10px 0 10px;
border-bottom: 1px solid #c0c0c0;
background: #f5f8f8;
}
.search-img-prodname-box{
position: relative;
width: 100%;
display:flex;
display: -webkit-flex;
gap:20px;
}
a.search-prod-link{
display: block;
text-decoration: none;
color: #000000;
font-size: 1.1rem;
font-family: 'bpgninomtavr';
font-weight: 600;
}
.search-img-box{
width: 147px;
height: 175px;
}
img.search-image{
width: 100%;
height: 100%;
object-fit: contain;
}
@media screen and (min-width:320px) and (max-width:768px){
.reglog_errorbox{
width:96%;
}
textarea.reviewText{
width:98%;
}
.main_navigation_container{
width: 100%;
}
.main_navigation_content {
position: relative;
padding: 1px 0 1px 0;
}
.top_nav{
display:none;
}
.search_logo_nav_container{
display:none;
}
.mobile-header-content{
display: block;
height: 68px;
padding:0 5px 0 5px;
}
.mobile-nav-boxs{
display: flex;
display:-webkit-flex;
justify-content: space-between;
align-items: center;
}
span.burger_line {
display: block;
width: 30px;
height: 3px;
margin-top: 6px;
margin-left: 3px;
background: #272727;
}
.mobile-logo-content{
width:65px;
height:65px;
}
img.mobile_logo{
width: 100%;
height: 100%;
object-fit: contain;
}
.mobile-wishlist-basket-content{
display: flex;
display: -webkit-flex;
}
.mobile-wishlist-box{
margin-right:14px;
}
.mobileNavmenu_overlay.mobileManuActive{
display: block;
}
.mobileNavmenu_contant {
position: absolute;
width: 100%;
min-height: 100vh;
right: 0;
background-color: #ffffff;
}
.mobileNav_logocontent{
position: absolute;
display: block;
top: 22px;
left: 10px;
}
.mobileNav_logocontent a{
text-decoration: none;
color: #25b07c;
font-size: 1.2rem;
font-family: Arial, Helvetica, sans-serif;
}
.mobileNav_closeBtn{
position: absolute;
width: 35px;
height: 35px;
color: #000;
line-height: 35px;
text-align: center;
background: #e5e6e7;
border-radius: 50%;
-webkit-radius: 50%;
top: 15px;
right: 8px;
font-size: 1.1rem;
font-weight: 600;
font-family:Arial, Helvetica, sans-serif;
}
nav.mobile_nav{
position: relative;
width: 100%;
height: 100%;
margin: 60px 0 0 0;
padding: 10px;
}
a.topNav_signBtn{
display:block;
text-decoration:none;
color:#ffffff;
font-size:1rem;
font-family: Arial, Helvetica, sans-serif;
}
a.topNav_bookBtn{
display:block;
text-decoration:none;
color:#ffffff;
font-size:1rem;
font-family: Arial, Helvetica, sans-serif;
}
ul.mobile_ul li{
list-style: none;
border-bottom: 1px solid #e3e7e8;
margin: 7px 0 7px 0;
text-align: left;
}
.mobile-subnav-content{
position: relative;
width:100%;
overflow: hidden;
height: auto;
max-height:0;
transition: max-height 0.3s ease;
-webkit-transition: max-height 0.3s ease;
}
.mobile-subnav-content.subnavActive{
min-height:50px;
}
ul.mobile-subnav-ul li.mobilesubnav-li{
margin-left:20px;
}
ul.mobile-subnav-ul li.mobilesubnav-li:last-child{
border-bottom: none;
}
ul.mobile_ul li.mobilemain-nav-li a.mobilesub-info-link{
display: flex;
display:-webkit-flex;
justify-content: space-between;
align-items: center;
}
ul.mobile-subnav-ul li.mobilesubnav-li a{
display: block;
text-transform: capitalize;
text-decoration: none;
font-size: 1rem;
color: #000000;
padding: 3px 6px 6px 6px;
font-family: Arial, Helvetica, sans-serif;
font-weight:500;
}
ul.mobile_ul li a{
display: block;
text-decoration: none;
font-size:0.9rem;
color: #000000;
text-transform: uppercase;
padding: 10px 6px 10px 6px;
font-family: 'bpgninomtavr';
font-weight: 600;
}
.mobile_ul-second-header p{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2rem;
font-weight: 600;
}
ul.mobile_ul-second{
position: relative;
margin-top:10px;
}
ul.mobile_ul-second li{
position: relative;
list-style: none;
border-bottom: 1px solid #e3e7e8;
margin: 7px 0 7px 0;
text-align: left;
}
ul.mobile_ul-second li a{
display: block;
text-decoration: none;
font-size:0.9rem;
color: #000000;
text-transform: uppercase;
padding: 10px 6px 6px 6px;
font-family: 'bpgninomtavr';
font-weight: 600;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
}
.mobileNavContact_container{
position:relative;
margin-top: 1px;
left: 10px;
}
.mobileNavContact_content p{
font-family: Arial, Helvetica, sans-serif;
font-size:0.9rem;
font-weight: 600;
color: #9a9fa0;
}
.mobileNav_tel{
position: relative;
margin-top: 10px;
}
.mobileNav_tel a{
text-decoration:none;
color: #9a9fa0;
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
display: flex;
display: -webkit-flex;
align-items: center;
}
.mobileNav_tel a span{
margin-left:5px;
}
.mobileSoc_linksContainer{
position: relative;
bottom: 0;
left: 10px;
width: 90%;
top:15px;
}
.mobileSocLink_header p{
font-size: 1.1rem;
font-family: Arial, Helvetica, sans-serif;
border-bottom: 1px solid #dbe7f4;
}
.mobileSoc_linksContent div{
margin: 5px;
}

/*----All Categs Button and Lists-----*/
.allcategories-overlay-content{
top:1%;
}
.allcategories-list-modalbox-content{
width:100%;
padding:5px;
}
.allcategories-lists-boxs {
grid-template-columns: repeat(2, 1fr);
}
.allcategs-list-box{
flex-direction: column;
gap: 5px;
}
.main_nav_flex_boxs{
display:none;
}
main.app-main{
width:98%;
margin: 78px auto;
}
.categlist_content{
display:none;
}
.slider_container{
width:100%;
height:262px;
}
.slider_content {
width: 99%;
height: 260px;
}
.slider_text_contant {
position: absolute;
top: 3%;
left: 15%;
transform: translate(-13%, 0%);
-webkit-transform: translate(-13%, 0%);
}
.slider_texth1_div h3.slider_texth1{
font-size:1.5rem;
}
.banners_rowx1_content{
grid-template-columns:repeat(1, 1fr);
}
.banners_rowx2_content {
grid-template-columns: repeat(1,1fr);
}
.banner_rowx2_imgbox {
height: 203px;
margin: 10px 0 10px 0;
}
.item_wrapp_box_content{
position: relative;
width:100%;
border:1px solid transparent;
}
.item_imgbox_content {
padding: 0.2rem;
}
.product_slide_img{
height:142px;
}
.item_title_wrapper{
height:48px;
}
h3.product_title{
font-size: 0.8rem;
}
.products-page-wrapper{
margin: 90px auto;
}
.products-mobile-filter-overlay{
display:none;
}
.category-page-products-content-side{
width:100%;
padding: 0 5px 5px 5px;
}
.products-list-boxs{
grid-template-columns:repeat(2, 1fr);
}
.showing-filter-result p{
display:none;
}
.show-total-items-content span{
display:none;
}
.product-sortby-span{
display:none;
}
.showing-filter-result a.mobile_advance_filter_btn{
display: block;
display: flex;
display: -webkit-flex;
align-items: center;
text-decoration:none;
}
span.mobile_advance_filter_header{
color: #212529;
font-size: 0.9rem;
font-family: 'bpgninomtavr';
font-weight: 600;
margin-top: 7px;
}
select.product-sort-by-select{
width: 119px;
}
.products-mobile-filter-overlay{
display:none;
position: fixed;
width: 100%;
min-height: 100vh;
background-color: rgba(3, 4, 7, 0.89);
z-index: 30;
top: 0;
left: 0;
}
.products-mobile-filter-overlay.productMobileFilterActive{
display: block;
}
.category-page-filter-right-side-content{
position: fixed;
display: block;
z-index: 1;
top: 0;
background: #fff;
min-height: 100vh;
width: 85%;
padding: 10px;
}
.mobile-filter-slide-close{
position: absolute;
display:block;
top: 10px;
right: 30px;
background: #e5e6e6;
width: 32px;
height: 32px;
text-align: center;
border-radius: 8px;
font-size: 1rem;
font-family: arial;
font-weight: 600;
}
a.mobileFilter_closeBtn{
display: block;
text-decoration: none;
color: #000;
padding: 5px;
}
/*---------Categories Grid---------*/
.app-category-list-boxs {
grid-template-columns: repeat(auto-fit, minmax(48%, 48%));
width: 100%;
gap: 10px;
}
.categories_wrapp_box_content {
position: relative;
width: 100%;
height: 250px;
}
.categories_imgbox_content {
padding: 0.3rem;
}
.category_img-box {
height: 179px;
}
/*---Product view--*/
.product-gallery-side{
width:99%;
height: 387px;
}
.product-main-image-content{
width: 100%;
}
.itemBigImg_content{
width:100%;
height: 295px;
}
.product-name-header h2 {
font-size: 1.1rem;
font-family: 'bpgninomtavr';
font-weight: 600;
}
.product-review-stock-flex {
position: relative;
margin: 10px 0 10px 0;
display: flex;
display: -webkit-flex;
align-items: baseline;
flex-direction: column;
gap: 10px;
}
/*-----Product review content---*/
.reviews-content-boxs-flex{
flex-direction:column;
gap:8px;
}
.reviews-content-lists-box{
width:97%;
}
/*----Cart basket page---*/
.cartitems-flex-box{
flex-direction: column;
}
.cart-itemimg-box {
position: relative;
width: 132px;
height: 86px;
}
.cart-itemname-content {
width: 95%;
}
/*--Profile page--*/
.myprofile-content {
position: relative;
width: 100%;
display: flex;
display: -webkit-flex;
flex-direction: column;
}
.myprofile-leftbar {
position: relative;
width: 99%;
height: auto;
border:none;
}
.myprofile-rightcontent{
width:98%;
}
nav.myprofile-nav{
padding:1px;
}
ul.myprofile-ul{
display:flex;
display:-webkit-flex;
flex-wrap: wrap;
}
ul.myprofile-ul li{
width:47%;
margin:3px;
}
/*------Checkout page----*/
.order-content{
flex-direction:column;
}
.order-left-content{
width:98%;
border:none;
}
.order-left-form-container {
padding: 0 3px 0 3px;
flex-direction: column;
}
textarea.userOrderMessage{
width:100%;
}

/*------- ---------*/
.itemadded_tocart_modalcontainer.inactiveAddtoCartmodalBox {
top: 2%;
}
.itemadded_tocart_modalcontainer{
right:3%;
}
.mobile-bottom-nav-container {
display: block;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #fff;
height: 70px;
border-top: 1px solid #c3cfda;
box-shadow: 1px 4px 5px 1px #ececec;
-webkit-box-shadow: 1px 4px 5px 1px #ececec;
z-index: 999;
padding: 0.625rem 0.7rem;
}
nav.mobile-bottom-nav ul.mobile-bottom-ul {
position: relative;
display: flex;
display: -webkit-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
-webkit-box-align: center;
align-items: center;
justify-content: space-between;
list-style: none;
padding: 0;
margin: 0;
}
nav.mobile-bottom-nav ul.mobile-bottom-ul li {
flex: 1;
-webkit-box-flex: 1;
padding-left: 5px;
padding-right: 5px;
}
nav.mobile-bottom-nav ul.mobile-bottom-ul a.bottomlink {
display: flex;
display: -webkit-flex;
flex-direction: column;
align-items: center;
font-family: 'bpgninomtavr';
color: #626c6f;
font-size: 0.8rem;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
text-align: center;
}
.footer_container {
width: 100%;
padding: 30px 7px 30px 10px;
 }
.footer-logo h1 {
text-align: center;
}
}