/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/styles/custom.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

:root {
    --purple: #2E008B;
    --lpurple: #E9E4F3;
    --black: #000000;
    --white: #FFFFFF;
    --lwhite: #F7F8FD;
    --lblack: #000033;
    --border: #D9DDE3;
    --gray: #8190A3;
    --lgray: #E1E4F3;    
    --orange: #FF6900; 
}

* {
box-sizing: border-box; 
}

body {
margin: 0;
font-family: "Plus Jakarta Sans", sans-serif; 
color: var(--lblack); 
}  
 
img {
max-width: 100%;
height: auto;
} 

input, textarea {
font-family: "Plus Jakarta Sans", sans-serif;
}

p {
margin: 0 0 15px;
}

h2 {
margin: 0 0 20px;
}

h6 a { color: var(--lblack);}

ul {
padding-left: 20px;
}

.container {
max-width: 1330px;
margin: 0 auto;
width: 100%;
padding: 0 15px;
}

.header-top-bar-wrapper-left ul {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
}
.header-top-bar-wrapper-left ul li a {
    color: var(--lblack);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
}
.header-top-bar-wrapper-left ul li + li {
    margin-left: 15px;
}
.header-top-bar-wrapper-left ul li a img {
    width: 15px;
}
.header-top-bar-wrapper-left ul li a:hover {
    color: var(--orange);
}

.header-top, .header-top-bar{
padding: 10px 0;
width: 100%;
border-bottom: 1px solid var(--border);
}

.header-wrapper, .header-top-bar-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}

.compare-orders {
font-size: 12px;
color: #292D32;
}

.compare-orders a {
margin-right: 10px;
display: inline-flex;
align-items: center;
gap: 8px;
color: #292D32;
text-decoration: none;
font-weight: 600;
}

.compare-orders a.compare-link {
border-right: 1px solid var(--border);
padding-right: 10px;
}

.header-right {
display: flex;
justify-content: flex-end;
}

.header-right {
display: flex;
justify-content: flex-end;
align-items: center;
}

a.tracking-link,
.user-account .user-link {
width: 36px;
height: 36px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--border);
border-radius: 50%;
}

.tracking-account {
margin-left: 10px;
margin-right: 20px;
}

.site-header .wishlist {
margin-left: 20px;
}

.site-header .wishlist .wishlist-link {
display: inline-flex;
text-decoration: none;
position: relative;
padding-right: 10px;
}

.wishlist .wishlist-link span.wishlist-link-num {
background: #EA2B0F;
color: var(--white);
width: 18px;
text-decoration: none;
height: 18px;
border-radius: 50%;
font-size: 12px;
font-weight: 700;
line-height: 18px;
position: absolute;
right: 2px;
top: -5px;
text-align: center;
}

.site-header .cart {
display: flex;
flex-wrap: wrap;
margin-left: 20px;
align-items: center;
}

.site-header .cart a.cart-link {
position: relative;
padding-right: 12px;
}

.site-header .cart a.cart-link span.cart-link-num {
background: #EA2B0F;
color: var(--white);
width: 18px;
text-decoration: none;
height: 18px;
border-radius: 50%;
font-size: 12px;
font-weight: 700;
line-height: 18px;
position: absolute;
right: 3px;
top: -3px;
text-align: center;
}

.site-header .cart-total {
font-weight: 600;
font-size: 14px;
line-height: 100%;
color: var(--lblack);
text-align: left;
}

.site-header .cart-total span {
display: block;
color: #9AA5B3;
font-size: 12px;
font-weight: 400;
margin-bottom: 1px;
}

.search-bar {
border: 1px solid var(--border);
box-shadow: 0px 2px 2px 0px #D9DDE34D;
border-radius: 8px;
max-width: 480px;
width: 100%;
position: relative;
display: flex;
align-items: center;
}

.search-bar::before {
content: '';
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
background-image: url('/images/search-icon.svg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
pointer-events: none;
}
.search-close-icon {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 125px;
    top: 50%;
    transform: translateY(-50%);
}

.search-bar input.search-input {
width: 100%;
border: none;
font-weight: 500;
font-size: 14px;
line-height: 100%;
padding-left: 55px;
padding-right: 130px;
height: 45px;
border-radius: 8px;
color: var(--lblack);
}

.search-bar input.search-input::placeholder {
color: #9AA5B3;
}

.header-center {
width: auto;
display: inline-block;
max-width: 480px;
width: 100%;
position: relative;
}

.search-bar button.button {
position: absolute;
right: 4px;
background: var(--purple);
border-radius: 8px;
color: var(--white);
min-width: 115px;
height: 37px;
font-weight: 700;
font-size: 14px;
line-height: 100%;
z-index: 1;
border: none;
cursor: pointer;
font-family: "Plus Jakarta Sans", sans-serif;
top: 50%;
transform: translateY(-50%);
line-height: 0;
padding: 0;
}

.search-bar button.button:hover {
background: var(--orange);
}

.header-bottom {
width: 100%;
border-bottom: 1px solid var(--border);
}

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

.header-bottom-left .all-categories-link {
background: #F7F8F9;
padding: 14px 25px;
font-weight: 600;
font-size: 14px;
line-height: 100%;
text-decoration: none;
display: flex;
align-items: center;
gap: 14px;
min-width: 250px;
color: var(--lblack);
position: relative;
}

.all-categories {
position: relative;
}

.header-bottom-left .all-categories-link::after,
ul.categories-list li.subcategory:after {
content: "";
display: inline-block;
background: url(/images/arrow-down.svg) no-repeat;
width: 8px;
height: 5px;
position: absolute;
right: 5px;
}
ul.categories-list li.subcategory:after {
    transform: translateY(-50%) rotate(-90deg);
    top: 50%;
}
.main-navigation {
display: inline-block;
}

.main-navigation ul.nav-list {
margin: 0;
padding: 0;
list-style: none;
padding-left: 30px;
display: flex;
}

.main-navigation ul.nav-list li {
display: inline-block;
position: relative;
}

.main-navigation ul.nav-list li a {
color: var(--lblack);
font-size: 14px;
font-weight: 600;
text-decoration: none;
padding: 17px 15px;
display: inline-block;
position: relative;
}

.main-navigation ul.nav-list li.dropdown > a::after {
content: "";
display: inline-block;
background: url(/images/arrow-down.svg) no-repeat;
width: 8px;
height: 5px;
position: absolute;
right: 2px;
top: 50%;
}

ul.dropdown-menu {
position: absolute;
background: var(--lwhite);
width: 100%;
display: flex;
flex-direction: column;
padding: 10px;
width: 210px;
box-shadow: 0 0 5px #00000033;
top: 100%;
display: none;
z-index: 1;
}

.main-navigation ul.nav-list li ul.dropdown-menu li {
width: 100%;
}

.main-navigation ul.nav-list li:hover ul {
display: block;
}

.main-navigation ul.nav-list li ul li a {
padding: 8px 15px;
display: inline-block;
width: 100%;
}

.main-navigation ul.nav-list li a:hover,
.main-navigation ul.nav-list li.active a {
color: var(--orange);
}

.sell-link a {
background: #F7F8F9;
padding: 16px 30px;
display: inline-flex;
font-weight: 600;
font-size: 14px;
line-height: 100%;
color: var(--lblack);
gap: 8px;
text-decoration: none;
align-items: center;
}

.sell-link {
display: inline-block;
margin-left: auto;
vertical-align: middle;
}

.site-footer {
background: var(--lwhite);
text-align: left;
width: 100%;
}

.footer-top {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 20px 0;
border-bottom: 1px solid var(--lgray);
}

.footer-form {
display: inline-flex;
align-items: flex-start;
}

.footer-form label {
font-weight: 700;
font-size: 18px;
line-height: 100%;
color: var(--lblack);
margin-right: 18px;
}
.footer-form label span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.subscribe-form .subscribe-input {
box-shadow: 0px 2px 2px 0px #D9DDE34D;
border: 1px solid var(--border);
border-radius: 8px;
padding: 15px 20px;
color: #9AA5B3;
font-weight: 500;
width: 290px;
max-width: 100%;
font-size: 14px;
}

form.subscribe-form {
display: inline-flex;
gap: 15px;
align-items: flex-start;
}
form.subscribe-form .form-group p {
    margin: 0;
}

button, .button {
font-family: "Plus Jakarta Sans", sans-serif;
}

.subscribe-button {
box-shadow: 0px 2px 2px 0px #2E008B1F;
background: var(--purple);
color: var(--white);
display: inline-flex;
border: none;
align-items: center;
font-weight: 700;
font-size: 16px;
line-height: 100%;
text-align: center;
border-radius: 8px;
padding: 14px 25px;
cursor: pointer;
justify-content: center;
min-width: 150px;
}

.subscribe-button img {
margin-right: 5px;
}

.subscribe-button:hover {
background: var(--orange);
}

h6,
.h6 {
margin: 0 0 10px;
font-weight: 700;
font-size: 18px;
color: var(--lblack);
}

.footer-middle {
display: flex;
flex-wrap: wrap;
width: 100%;
}

.footer-block {
width: 20%;
padding: 20px 25px;
border-left: 1px solid var(--lgray);
}

.footer-block.dowload-app {
border: none;
padding-left: 0;
}

.footer-block.dowload-app {
border: none;
padding-left: 0;
padding-right: 0;
}

.got-questions {
border-top: 1px solid var(--lgray);
}

.dowload-app-wrap {
padding-bottom: 20px;
}

.got-questions p {
margin: 20px 0;
font-weight: 500;
font-size: 12px;
line-height: 150%;
}

.contact-info {
display: flex;
font-weight: 700;
font-size: 14px;
line-height: 150%;
color: var(--lblack);
}
.contact-info .phone-numbers a {
color: var(--lblack);
text-decoration: none;
}
.contact-info .phone-numbers a:hover {
color: var(--orange);
}

.phone-icon {
border: 1px solid var(--lgray);
min-width: 40px;
min-height: 40px;
display: inline-flex;
border-radius: 50%;
align-items: center;
justify-content: center;
margin-right: 15px;
}

.footer-links ul {
list-style: none;
padding: 0;
margin: 0;
}

.footer-links ul li {
margin-bottom: 15px;
}

.footer-links ul li a {
color: var(--lblack);
font-weight: 600;
font-size: 14px;
line-height: 100%;
text-decoration: none;
}

.footer-links h6,
.footer-links .h6 {
margin-bottom: 20px;
}

.footer-links ul li a:hover,
.footer-links ul li.active a {
color: var(--orange);
}

.footer-bottom {
display: flex;
justify-content: space-between;
border-top: 1px solid var(--lgray);
padding: 15px 0;
align-items: center;
}

.footer-bottom .footer-copyright {
font-weight: 500;
font-size: 12px;
line-height: 100%;
}

.footer-bottom .footer-copyright p {
margin: 0;
}

.footer-social {
display: flex;
gap: 15px;
align-items: center;
}

.footer-payment {
display: flex;
align-items: center;
gap: 6px;
}

.title-block {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
gap: 24px;
}

.title-block h2 {
margin: 0;
background: var(--white);
z-index: 1;
font-size: 26px;
white-space: nowrap;
}

.title-block .title-line {
flex: 1;
height: 2px;
background: #e0e0e0;
margin: 0 24px;
}

.title-block .view-all {
white-space: nowrap;
position: relative;
z-index: 1;
}

.view-all {
border: 1px solid #DFD8ED;
font-family: "Plus Jakarta Sans", sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 100%;
color: var(--purple);
text-decoration: none;
border-radius: 8px;
min-width: 120px;
height: 42px;
display: inline-flex;
justify-content: center;
align-items: center;
background: var(--white);
}

.view-all:hover {
background: var(--purple);
color: var(--white);
}

.title-block {
position: relative;
display: flex;
align-items: center;
margin-bottom: 30px;
gap: 24px;
}

.title-block::before {
content: "";
flex: 1;
height: 1px;
background: #e0e0e0;
display: block;
position: absolute;
left: 0;
right: 140px;
top: 50%;
transform: translateY(-50%);
z-index: 0;
}

.title-block h2,
.title-block .view-all {
position: relative;
z-index: 1;
}

.title-block h2 {
padding-right: 20px;
display: flex;
flex-wrap: wrap;
align-items: center;
}

.logo-item {
min-width: 250px;
height: 80px;
padding: 8px;
border: 1px solid var(--border);
display: inline-flex;
border-radius: 14px;
align-items: center;
justify-content: center;
margin: 12px 12px;
gap: 10px;
}

.brand-slider-left,
.brand-slider-right {
display: flex;
}

.our-brand-slider {
overflow: hidden;
padding: 35px 0;
}

/* Add this CSS to your stylesheet and import it in your component if not already done */

.our-brand-slider {
overflow: hidden;
position: relative;
width: 100%;
background: var(--white);
padding: 30px 0;
}

.brand-slider-left,
.brand-slider-right {
display: flex;
width: max-content;
animation-timing-function: linear;
animation-iteration-count: infinite;
}

.brand-slider-left {
animation-name: marquee-left;
animation-duration: 40s;
}

.brand-slider-right {
animation-name: marquee-right;
animation-duration: 40s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes marquee-left {
0% {
transform: translateX(0);
}

100% {
transform: translateX(-50%);
}
}

@keyframes marquee-right {
0% {
transform: translateX(0);
}
100% {
transform: translateX(50%);
}
}

.logo-item img {
width: auto;
display: block;
object-fit: contain;
}

.logo-item img:hover {
filter: grayscale(0);
}

.brand-slider-right {
display: flex;
width: max-content;
animation: marquee-right 50s linear infinite;
}

@keyframes marquee-right {
0% {
transform: translateX(-50%);
}

100% {
transform: translateX(0);
}
}

.shipping-method-wrapper {
display: flex;
gap: 25px;
}

.shipping-block {
background: #EDEFF9;
border-radius: 14px;
padding: 23px 40px;
display: flex;
width: 100%;
text-align: left;
font-weight: 700;
font-size: 18px;
line-height: 150%;
display: flex;
align-items: center;
}

.shipping-block .icon {
margin-right: 15px;
width: 50px;
height: 50px;
}
.shipping-block .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tutorials-section {
display: inline-block;
width: 100%;
}

.tunorials-wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 25px;
}

.tutorials-box {
width: 100%;
margin-bottom: 30px;
}

.tutorials-box .tutorials-image {
width: 100%;
margin-bottom: 15px;
}

.tutorials-box .tutorials-image img {
width: 100%;
border-radius: 14px;
display: block;
height: 230px;
object-fit: cover;
}

.tutorials-box .tutorials-content h6 a,
.tutorials-box .tutorials-content h3 a {
color: var(--lblack);
text-decoration: none;
}
.tutorials-box .tutorials-content h3 a {
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.tutorials-box .tutorials-content h6 a:hover,
.tutorials-box .tutorials-content h3 a:hover {
color: var(--orange);
}

.blogs-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 25px;
}

.blogs-list .blog-item {
margin-bottom: 30px;
}

.blog-item .blog-image {
width: 100%;
margin-bottom: 29px;
position: relative;
border-radius: 14px;
overflow: hidden;
}
.blog-author-date .author img,
.blog-author-date .date img {
height: 20px;
width: 20px;
}

.blog-item .blog-image::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-image: url('/images/blog-shape.png');
background-size: cover;
background-repeat: no-repeat;
z-index: 1;
max-height: 170px;
max-width: 170px;
}

.blog-item .blog-image img {
width: 100%;
height: 250px;
object-fit: cover;
border-radius: 14px;
display: block;
}

.blog-item .blog-content {
display: flex;
flex-wrap: wrap;
min-height: 160px;
}

.blog-author-date {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 10px;
font-weight: 500;
font-size: 12px;
line-height: 100%;
color: #2F4858;
}

.blog-author-date .author {
    display: flex;
    align-items: center;
    margin-right: 28px;
    gap: 5px;
}
.blog-author-date .author a {
    text-decoration: none;
    color: inherit;
}

.blog-author-date .date {
display: flex;
align-items: center;
gap: 5px;
}
.blog-content h3 a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog-item .blog-content h6 a,
.blog-item .blog-content h3 a {
color: var(--lblack);
text-decoration: none;

}

.blog-item .blog-content h6 a:hover,
.blog-item .blog-content h3 a:hover {
color: var(--orange);
}

.blog-item .blog-image .view-count {
position: absolute;
top: 0;
right: 0;
display: flex;
font-weight: 600;
font-size: 12px;
line-height: 100%;
color: var(--white);
align-items: center;
gap: 8px;
padding: 15px;
z-index: 1;
}

.blog-item .blog-image .view-count img {
width: auto;
height: auto;
}

.cta-inner {
background: #F3F6FB;
border-radius: 14px;
margin-bottom: 35px;
display: flex;
align-items: center;
padding: 22px 40px;
justify-content: space-between;
}

.cta-inner .cta-content {
max-width: 425px;
font-size: 14px;
}

.cta-inner .cta-content h2 {
margin: 0 0 10px;
font-weight: 300;
font-size: 30px;
line-height: 100%;
}

.cta-inner .cta-content h2 strong {
display: block;
font-weight: 800;
}
.cta-inner .cta-content p {
font-weight: 500;
}

.cta-inner .cta-content a.button {
margin-top: 10px;
font-size: 14px;
}

.videos-wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 25px;
}

.video-box {
width: 100%;
margin-bottom: 30px;
}

.video-box .video-image {
position: relative;
display: inline-block;
width: 100%;
margin-bottom: 15px;
}

.video-box .video-image img {
display: block;
border-radius: 14px;
height: 230px;
object-fit: cover;
}

.video-box .video-image:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 14px;
background: var(--black);
opacity: 0.5;
}

.video-box .video-image .video-play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.video-box .video-image .video-play-button img {
max-width: 60px;
max-height: 61px;
}

.video-box .video-content h6 a,
.video-box .video-content .h6 a {
color: var(--lblack);
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* Number of lines to show */
-webkit-box-orient: vertical;
}

.video-box .video-content h6 a:hover,
.video-box .video-content .h6 a:hover {
color: var(--orange);
}

.ads-slider .ads-item {
padding: 0 12px;
}

.ads-slider .ads-item img {
width: 100%;
border-radius: 14px;
}
.ads-slider .slick-list .slick-track {
display: flex;
align-items: stretch;
height: 100%;
}
.ads-slider .slick-list .slick-track .slick-slide {
height: auto;
}
.ads-slider .slick-list .slick-track .slick-slide > *,
.ads-slider .slick-list .slick-track .slick-slide .ads-item,
.ads-slider .slick-list .slick-track .slick-slide .ads-item img {
height: 100%;
}

.ads-slider {
padding-bottom: 35px;
overflow: hidden;
}

.ads-slider .slick-list {
margin-left: -15px;
margin-right: -15px;
}

.slick-dots {
bottom: 19px;
display: inline-block !important;
width: auto;
left: 50%;
transform: translateX(-50%);
}

.slick-slider .slick-dots li {
width: auto;
height:auto;
transition: 0.5s;
margin-right:2px;
margin-left: 2px;
}

.slick-slider .slick-dots li button {
width: 10px;
height: 10px;
background-color: #2E008B4D;
border-radius: 44px;
padding: 0;
}

.slick-dots li button:before {
display: none;
}

.slick-slider .slick-dots li.slick-active button {
background-color: var(--purple);
}

.robu-service-inner {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 25px;
}

.robu-service-box {
display: flex;
background: #F3F4F7;
border-radius: 10px;
align-items: center;
justify-content: space-between;
position: relative;
min-height: 200px;
overflow: hidden;
}

.robu-service-box h3 {
margin: 0 0 15px;
max-width: 180px;
font-size: 22px;
font-weight: 700;
}

.robu-service-box img {
    position: absolute;
    right: 0;
    bottom: 0;
    max-height: 180px;
    max-width: 180px;
    height: 100%;
    transform: scale(1);
    width: 100%;
    object-fit: cover;
}

.robu-service-box:hover img {
transform: scale(1.05);
transition: transform 0.3s ease-in-out;
}
.robu-service-box-cont {
    margin: 0 30px;
}
.robu-service-box-img a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.robu-service-box-cont .button {
    font-size: 14px;
    padding: 10px 25px;
    display: none;
}
.service-page .robu-service-box-cont .button {
    display: inline-block;
}
.service-page .robu-service-box-cont .button:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.service-page .title-block,
.categories-page .title-block {
    display: none;
}
.service-page .mobile-show,
.categories-page .mobile-show {
    display: none;
}
.sub-categories-page .title-block::before {
    display: none;
}
.service-page,
.categories-page {
    padding: 40px 0 45px;
}

.robu-service-section {
    margin-bottom: 35px;
    width: 100%;
}


.star::before {
color: #ffc700;
}
.star::after {
color: #dddad7;
}

.star::before,
.star::after {
font-size: 1.4rem;
line-height: 1.2rem;
letter-spacing: -1px;
}
.star[data-rating="1"]::before,
.star[data-rating="4"]::after {
content: "★";
}
.star[data-rating="2"]::before,
.star[data-rating="3"]::after {
content: "★★";
}
.star[data-rating="3"]::before,
.star[data-rating="2"]::after {
content: "★★★";
}
.star[data-rating="4"]::before,
.star[data-rating="1"]::after {
content: "★★★★";
}

.star[data-rating="5"]::before,
.star[data-rating="0"]::after {
content: "★★★★★";
}

.product-block {
display: flex !important;
flex-direction: column;
padding: 16px;
border-left: 1px solid var(--border);
/* justify-content: space-between; */
position: relative;
}
.product-out-of-stock {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: var(--white);
    padding: 10px;
    border-radius: 4px;
    background: #ED1717;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 35%;
    transform: translate(-50% , -65%);
    z-index: 9;
}
.product-block.out-of-stock:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: #00000000;
    opacity: 0.2;
    pointer-events: none;
}
.product-block.out-of-stock {
    pointer-events: none;
    cursor: not-allowed;
}

.product-block .product-wishlist {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 15px;
}

.product-wishlist .wishlist-link {
border: 1px solid var(--border);
width: 34px;
height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
cursor: pointer;
}

.product-wishlist .wishlist-link:hover, .product-wishlist .wishlist-link.active {
background: var(--purple);
}

.product-wishlist .wishlist-link:hover img, .product-wishlist .wishlist-link.active img {
filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(746%) hue-rotate(151deg) brightness(117%)
contrast(100%);
}

.product-category {
    font-size: 14px;
    font-weight: 500;
    max-width: calc(100% - 40px);
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 35px;
}

.product-block .product-image {
display: flex;
margin-bottom: 15px;
position: relative;
width: 100%;
text-align: center;
min-height: 160px;
align-items: center;
justify-content: center;
}

.product-block .product-image img {
max-height: 160px;
object-fit: contain;
display: inline-block;
}

.product-details h4 a {
color: var(--lblack);
text-decoration: none;
}

.product-details h4 a:hover {
color: var(--orange);
}
.product-details .product-details-sku {
    margin: 0 0 10px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.product-price {
display: inline-block;
width: 100%;
margin-bottom: 15px;
}

.product-price span.product-gst {
color: #A5B0C0;
font-size: 14px;
padding-left: 10px;
font-weight: 500;
}

.product-price .price {
font-size: 20px;
font-weight: 800;
color: var(--purple);
}
.product-price .price s {
    font-size: 16px;
    margin-left: 5px;
}
.product-price .price strike {
    font-size: 12px;
    line-height: 18px;
    margin-left: 5px;
    color: var(--gray);
    font-weight: 600;
}

.product-details .star {
display: block;
margin-bottom: 0;
}

.product-rating {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
}

.product-rating .rating-label {
font-weight: 600;
font-size: 12px;
line-height: 100%;
color: #A5B0C0;
/* padding-top: 10px; */
}

.product-button {
border: 1px solid var(--purple);
border-radius: 8px;
width: 100%;
padding: 8px 30px;
font-weight: 600;
font-size: 14px;
line-height: 100%;
text-align: center;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
color: var(--purple);
cursor: pointer;
background: var(--white);
}

.product-button img {
margin-left: 6px;
}

.product-button:hover {
background: var(--purple);
color: var(--white);
}

.product-button:hover img {
filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(746%) hue-rotate(151deg) brightness(117%)
contrast(100%);
}

.featured-products {
width: 100%;
display: inline-block;
}

.featured-categories {
margin-bottom: 30px;
}

.featured-products-slider {
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
border: 1px solid var(--border);
border-radius: 8px;
}

.featured-products-slider,
.slick-slider, .featured-products {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.featured-products-slider .slick-list,
.featured-products-slider .slick-list .slick-track {
height: 100%;
}

.featured-product-box .featured-products {
padding-left: 25px;
padding-right: 20px;
overflow: hidden;

}

.featured-products-inner {
margin-bottom: 35px;
width: 100%;
}

.desire-content a.button {
font-size: 14px;
font-weight: 700;
padding: 12px 25px;
}

.desire-content a.button {
font-size: 14px;
font-weight: 700;
padding: 12px 25px;
}

.product-details h4 {font-size: 16px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; line-clamp:
2;-webkit-box-orient: vertical;min-height: 40px;}

.featured-products-slider .slick-track {
display: flex;
}

.featured-products-slider .slick-track .slick-slide {height: auto;}

.featured-products-slider .slick-track .slick-slide > div, .featured-products-slider .slick-track .slick-slide > div
.product-block {
height: 100%;
}

.product-block.product-out-of-stock .product-image img {
opacity: 0.5;
}

.product-block.product-out-of-stock .product-image a.out-of-stock {
background: #ED1717;
color: var(--white);
text-decoration: none;
border-radius: 4px;
font-size: 14px;
padding: 10px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: inline-block;
white-space: pre;
}

.slick-slider .slick-prev {
left: -20px;
box-shadow: 0px 4px 9px 0px #C7CED94D;
width: 40px;
height: 40px;
border-radius: 50%;
z-index: 1;
background: var(--white);
border: 1px solid var(--border);
background:var(--white) url('/images/arrow-left.svg') no-repeat center center;
background-size: 6px;
z-index: 9;
}

.slick-slider .slick-next {
right: -20px;
box-shadow: 0px 4px 9px 0px #C7CED94D;
width: 40px;
height: 40px;
border-radius: 50%;
z-index: 1;
background: var(--white);
border: 1px solid var(--border);
background:var(--white) url('/images/arrow-right.svg') no-repeat center center;
background-size: 6px;
z-index: 9;
}

.slick-prev:before, .slick-next:before { display: none;}

.slick-slider .slick-prev:hover, .slick-slider .slick-prev:focus,
.featured-products-slider .slick-slider .slick-prev {
background:var(--white) url('/images/arrow-left.svg') no-repeat center center;
}

.slick-slider .slick-next:hover, .slick-slider .slick-next:focus {
background:var(--white) url('/images/arrow-right.svg') no-repeat center center;
}

.mobile-show {
display: none;
}

.about-wrapper {
display: flex;
gap: 30px;
padding: 60px 0;
align-items: center;
} 

.about-wrapper .about-img {
width: 50%;
}
.about-wrapper .about-img img {
    margin-left: auto;
    display: block;
}
.about-wrapper .about-content {
width: 50%;
}
.about-wrapper .about-content p {
    margin-bottom: 30px;
}
.our-journey {
margin-bottom: 60px;
}

.vision-mission-section {
margin-bottom: 60px;
}

.vision-mission-boxes {
display: flex;
gap: 30px;
margin-top: 30px;
flex-wrap: wrap;
}

.vision-mission-box {
background: #f3f6fd;
border-radius: 14px;
padding: 28px 24px;
flex: 1 1 0;
min-width: 220px;
box-shadow: 0 2px 12px rgba(46,0,139,0.07);
transition: box-shadow 0.2s;
}

.vision-mission-box h3 {
color: var(--purple);
margin-bottom: 12px;
font-size: 1.2rem;
}

.vision-mission-box p {
color: #222;
font-size: 1.08rem;
line-height: 1.7;
margin: 0;
}

.toggle-menu {
display: none;
}

.about-page {
display: inline-block;
width: 100%;
}

.inner-banner {
background: url('/images/banner-bg.png') no-repeat center center;
background-size: cover;
min-height: 165px;
display: flex;
align-items: center;

}

.inner-banner-wrapper {
width: 100%;
display: inline-block;
}

.breadcrumb {
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: var(--purple);
}

.breadcrumb a {
color: #0B262A;
text-decoration: none;
}

.breadcrumb a:after {
content: "";
background: url('/images/breadcrumb-arrow.svg') no-repeat center center;
display: inline-block;
width: 9px;
height: 8px;
margin-left: 8px;
margin-right: 8px;
}

.google-review-inner {
display: grid;
grid-template-columns: 331px 1fr;
}

.excellent-block {
background: #F4F6FE;
border-radius: 8px;
padding: 30px 30px 0;
}

.google-review-section {
margin-bottom: 35px;
width: 100%;
}
.excellent-block .google-logo img {
display: block;
}

.excelllent-bottom img {
display: block;
min-height: 216px;
}

.excellent-block h3 {
margin-bottom: 10px;
font-size: 28px;
font-weight: 800;
margin-top: 0;
}

.excellent-block p {font-weight: 500;margin-bottom: 30px; font-size: 14px; }
.excellent-block .google-logo {
margin-bottom: 10px;
}

.title-block h2 img {
margin-right: 15px;
}

.login-wrapper, .signup-form {
background: var(--lwhite);
max-width: 600px;
margin: 60px auto;
border-radius: 8px;
padding: 40px;
}

.input-field {
border: 1px solid var(--border);
border-radius: 8px;
padding: 15px 20px;
color: var(--lblack);
font-weight: 500;
width: 100%;
margin-bottom: 15px;
font-weight: 500;
font-size: 14px;
line-height: 100%;
}
.input-field::placeholder {
    color: #9AA5B3;
}

.contact-wrapper {
display: flex;
width: 100%;
padding: 60px 0;
}

.contact-wrapper .contact-form {
width: 65%;
background: var(--lwhite);
padding: 40px;
border-radius: 8px;
}

.contact-form form {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.contact-form form .form-group {
    max-width: calc(50% - 8px);
    width: 100%;
}
.contact-form form .form-group .error-text,
.review-add-main-left .form-group .error-text,
.product-description-detail .tab-content .review-add-main-left-stars p.error-text {
    font-size: 14px;
    line-height: 20px;
    margin: 5px 0 0;
    color: red;
}
.contact-form form input.input-field {
width: 100%;
margin: 0;
color: var(--black);
}

.contact-form form textarea {
height: 140px;
color: var(--black);
}

.search-btn {
display: none;
}

.contact-infomation {
width: calc(35% - 30px);
margin-left: 30px;
background: var(--lwhite);
padding: 40px;
border-radius: 8px;
}

.contact-infomation ul {
margin: 0;
list-style: none;
padding: 0;
}

.contact-infomation ul li.info-box {
display: flex;
margin-bottom: 15px;
}

.contact-infomation ul li.info-box .icon {
min-width: 30px;
margin-right: 10px;
display: flex;
align-items: center;
height: 30px;
}

.contact-infomation ul li.info-box .icon img {
min-width: 20px;
max-width: 20px;
}

.contact-infomation ul li.info-box .info-title {
display: flex;
flex-direction: column;
font-size: 18px;
line-height: 28px;
}
.contact-infomation ul li.info-box .info-title p {
    font-size: 14px;
line-height: 26px;
color: #01062E;
font-weight: 600;
margin: 0;
}

.contact-infomation ul li.info-box .info-title a {
text-decoration: none;
color: #01062E;
font-weight: 600;
}

.contact-infomation ul li.info-box .info-title a:hover {
color: var(--purple);
}

.collapse:not(.show) {
display: none;
}

.faq-section {
padding: 60px 0;
}

.faq-section .title {
margin-bottom: 30px;
}

.faq-section .title h2 {
margin-bottom: 10px;
}

.card .card-header button {
font-size: 18px;
text-decoration: none;
font-weight: 600;
width: 100%;
padding: 19px 30px ;
text-align: left;
background: var(--lwhite);
border: none;
border-radius: 8px;
cursor: pointer;
position: relative;
}

.card {
margin-bottom: 15px;
background: var(--lwhite);
border: none;
border-radius: 8px;
border: 1px solid var(--lgray);
}

.card .collaspe {
padding: 0 20px;
}

.collapse {
padding: 20px 30px;
border-top: 1px solid var(--lgray);
}

.myaccordion .card .card-header button:after {
content: "";
display: inline-block;
background:url(/images/plus-circle.svg) no-repeat;
width: 28px;
height: 28px;
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
background-size: 100%;
}

.myaccordion .card .card-header.active button:after {
background: url(/images/minus-circle.svg) no-repeat;
background-size: 100%;
}

ul.categories-list {
position: absolute;
top: 100%;
z-index: 9;
left: 0;
padding: 0;
list-style: none;
background: #f7f8f9;
margin: 0;
display: none;
}

ul.categories-list li {
display: inline-block;
position: relative;
margin-bottom: 10px;
width: 100%;
}
ul.categories-list li:last-child {
    margin-bottom: 0;
}

ul.categories-list li a {
color: var(--lblack);
font-weight: 600;
font-size: 14px;
line-height: 20px;
text-decoration: none;
padding: 3px 25px;
display: block;
}

ul.categories-list.show {
display: block;
}
ul.categories-list li ul {
    display: none;
    position: absolute;
    left: 100%;
    max-width: 250px;
    width: 100%;
    background: #f7f8f9;
    top: 0;
    padding: 10px 0;
    border-top: 2px solid var(--purple);
}
ul.categories-list li:hover ul {
    display: block;
}
ul.categories-list li:hover ul li ul {
    display: none;
}
ul.categories-list li ul li:hover ul {
    display: block;
}

.main-content {
padding: 60px 0;
width: 100%;
}

h3 {
font-size: 20px;
}

h4 {
font-size: 20px;
}

.main-content table {
width: 100%;
border-collapse: collapse;
}

.main-content table td {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}

.main-content table tr:first-child td {
font-weight: 600;
}

.wpb_wrapper {
width: 100%;
overflow-x: auto;
}

.account-detail {
margin: 60px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.account-detail .account-detail-nav {
width: 320px;
background: var(--lwhite);
padding: 40px;
border-radius: 8px;
height: 100%;
}
.account-detail-cont {
    max-width: calc(100% - 360px);
    width: 100%;
}
.without-login .account-detail-cont {
    max-width: 100%;
}
.account-detail-cont h2 {
    text-align: center;
    margin-bottom: 40px;
}
.account-detail-cont-btn button {
    width: 100%;
}
.no-product-item {
    text-align: center;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
}
.no-product-item p {
    margin: 0;
}
.no-product-item.product-no-found-cls p {
    margin-bottom: 40px;
}
.account-detail .account-detail-nav ul {
list-style: none;
margin: 0;
padding: 0;
}

.account-detail .account-detail-nav ul li {
border-bottom: 1px solid var(--border);
}

.account-detail .account-detail-nav ul li a {
color: var(--lblack);
font-size: 16px;
font-weight: 600;
text-decoration: none;
padding: 12px 15px;
display: inline-block;
width: 100%;
}

.account-detail .account-detail-nav ul li.active a {
background: var(--purple);
color: var(--white);
}

/* .account-detail .account-detail-nav ul li a:hover {
color: var(--purple);
} */

.account-detail-content {
background: var(--lwhite);
padding: 40px;
border-radius: 8px;
width: calc(100% - 340px);
margin-left: 20px;
}

.address-card-list .address-card-block .actions button, .address-card-list .address-card-block .actions a {
text-decoration: underline;
border: none;
background: transparent;
padding: 0;
font-size: 18px;
font-weight: 600;
margin: 10px 0;
}

.address-card-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
margin-bottom: 30px;
}

.address-card-list .address-card-block {
width: 100%;
background: var(--white);
padding: 20px;
border-radius: 12px;
}

.row {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
}

.row .col {
width: 50%;
padding: 0 10px;
}


select {
    background: url("/images/arrow-down.svg") no-repeat #fff;
    background-position: 98% 50%;
    -webkit-appearance: none;
}
.login-wrapper .actions a {
color: var(--lblack);
text-decoration: none;
margin-top: 0;
display: inline-block;
}
.login-wrapper .actions a span {
    font-weight: 700;
    text-decoration: underline;
}
.login-wrapper form .button {
margin-bottom: 10px;
}

.login-wrapper .actions.text-right {
text-align: right;
}

.login-wrapper .actions a:hover {
color: var(--purple);
}

.account-detail-top {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
align-items: center;
}

.account-detail-top h2 {
margin-bottom: 0;
}

.address-card-list .address-card-block h3 {
margin: 0;
}

.address-card-block .address-card-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}

.address-card-block .address-card-header span.default-label {
background: var(--purple);
border-radius: 30px;
color: var(--white);
font-size: 14px;
padding: 5px 15px;
}

.address-card-header-actions button.icon {
background: transparent;
border: none;
vertical-align: middle;
width: 38px;
height: 30px;
cursor: pointer;
}

.address-card-header-actions ul {
list-style: none;
margin: 0;
padding: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
position: absolute;
width: 140px;
right: 0;
display: inline-block;
}

.address-card-header-actions ul li {
display: inline-block;
width: 100%;
}

.address-card-header-actions ul li a {
text-decoration: none;
padding: 5px 10px;
display: inline-block;
font-size: 14px;
width: 100%;
}

.address-card-header-actions ul li a:hover {
color: var(--lblack)
}

.address-card-header-actions {
position: relative;
}

.account-detail-top .button {
font-size: 14px;
padding: 10px 15px;
}

.account-detail-form label {
font-weight: 600;
margin-bottom: 10px;
display: block;
}

.account-detail-form {
margin-bottom: 20px;
}
.password-field-section {
position: relative;
margin-bottom: 15px;
}
.password-field-section-btn-wrap {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}
.password-field-section img {
position: absolute;
width: 20px;
height: 20px;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.signup-form .input-field {
    color: var(--black);
}
.signup-form form .signup-form-input {
    position: relative;
    margin-bottom: 15px;
}
.signup-form form .signup-form-input .country-code {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--black);
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
}
.signup-form form .signup-form-input .input-field {
    margin: 0;
    padding: 15px 20px 15px 40px;
}
.password-field-section input.input-field {
margin: 0;
padding: 15px 45px 15px 20px;
}
.login-wrapper .password-field-section input.input-field {
    padding: 15px 45px 15px 45px;
}
.login-wrapper .password-field-section input.input-field[type="password"]::-ms-reveal,
.password-field-section input.input-field[type="password"]::-ms-reveal {
    display: none;
}
.email-field-section {
    position: relative;
    margin-bottom: 15px;
}
.input-left-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.email-field-section .input-field {
    margin: 0;
}
.login-wrapper .input-field {
    padding: 15px 20px 15px 40px;
    color: var(--black);
}
.error-message-label {
color: red !important;
padding: 12px !important;
pointer-events: auto !important;
position: relative;
z-index: 9999;
}

.error-message-label button {
color: inherit !important;
cursor: pointer !important;
pointer-events: auto !important;
background: transparent;
border: none;
}

.search-bar-responsive {
display: none;
}

.ti-inner {
border: 1px solid var(--border);
border-radius: 8px;
padding: 30px 16px;
height: 100%;
}

.ti-reviews-container {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 24px;
padding-left: 24px;
}

.ti-reviews-container .ti-review-header {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
position: relative;
margin-bottom: 20px;
gap: 10px;
}
.header-search-inner-open .sidebar-product ul li.no-result {
    padding-bottom: 10px;
}

.ti-reviews-container .ti-review-header .ti-platform-icon {
width: 20px !important;
height: 20px !important;
position: absolute;
top: 0;
right: 0;
}

.ti-profile-img {
margin: 0 15px 0 0 !important;
}

.ti-profile-details {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
margin: 0 !important;
display: flex;
flex-direction: column;
justify-content: center;
}

.ti-profile-details .ti-name {
font-weight: bold;
font-size: 14px;
overflow: hidden;
padding-right: 25px;
white-space: nowrap;
text-overflow: ellipsis;
color: var(--black);
margin-bottom: 2px;
}

.ti-profile-details .ti-date {
color: #8a8a8a;
font-size: 12px !important;
}

.ti-review-item .ti-stars {
height: 17px;
line-height: 17px;
}

.ti-review-item .ti-stars .ti-star {
width: 17px !important;
height: 17px !important;
margin-right: 1px !important;
vertical-align: unset;
display: inline-block !important;
}

.ti-review-item .ti-verified-review {
display: inline-block;
background: url("https://cdn.trustindex.io/assets/icon/ti-verified.svg");
background-size: contain;
width: 15px;
height: 15px;
margin: 0 !important;
margin-left: 7px !important;
position: relative;
z-index: 2;
}

.ti-verified-review.ti-verified-platform .ti-verified-tooltip {
width: 175px;
max-width: 100px;
white-space: normal;
line-height: 1.4 !important;
padding: 4px 8px;
padding-bottom: 6px;
color: var(--white) !important;
background-color: #555555 !important;
text-align: left;
padding: 0 10px;
border-radius: 4px;
font-size: 12px !important;
line-height: 22px !important;
font-weight: 500;
display: inline-block;
position: absolute;
left: 0;
top: -4px;
z-index: 1;
opacity: 0;
margin-left: 35px;
visibility: hidden;
transition: opacity 0.3s ease-in-out, margin 0.3s ease-in-out;
}

.ti-verified-review:hover .ti-verified-tooltip {
opacity: 1;
margin-left: 23px;
visibility: visible;
}

.ti-verified-review .ti-verified-tooltip:before {
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 5px 0;
border-color: transparent #555555 transparent transparent;
content: "" !important;
position: absolute;
left: -5px;
top: 50%;
margin-top: -5px;
top: 12px;
}

.blog-page {
padding: 40px 0;
display: flex;
flex-wrap: wrap;
}

.blog-listing {
width: 65%;
}

.blog-block {
border: 1px solid var(--border);
border-radius: 14px;
}

.blog-block .blog-img {
display: inline-block;
width: 100%;
position: relative;
}

.blog-block .blog-img img {
width: 100%;
border-radius: 14px;
}

.blog-block .view-count {
border: 2px solid var(--white);
background: #EF7F1B;
border-radius: 4px;
display: inline-block;
color: var(--white);
font-size: 12px;
text-align: center;
font-weight: 600;
padding: 4px 18px;
position: absolute;
bottom: -8px;
left: 20px;
}

.blog-block .blog-content { 
    padding: 30px 10px 10px;
    color: #2F4858;
    font-size: 14px;
    font-weight:500;
}

.blog-block .blog-content h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.blog-block .blog-content .view-all{
    width: 100%;
    text-align: center;
}

.blog-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.blog-more {
    text-align: center;
    margin: 50px 0;
}

.sidebar {
    width: 35%;
    padding-left: 24px;
}

.search-block {
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 30px 20px;
}

.search-block label.search-label {
font-weight: 700;
font-size: 20px;
margin: 0 0 15px;
line-height: 100%;
display: inline-block;
width: 100%;
}

.search-block .search-input {
    width: 100%;
    border: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    height: 55px;
    color: var(--lblack);
    border: 1px solid var(--border);
    box-shadow: 0px 2px 2px 0px #D9DDE34D;
    border-radius: 8px;
    padding: 15px 60px 15px 20px;
}

.search-from {
    position: relative;
}

.search-from button.button {
    background: url('/images/search-icon.svg') no-repeat;
    position: absolute;
    right: 20px;
    width:24px;
    height: 24px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    font-size: 0;
    filter: brightness(0) saturate(100%) invert(8%) sepia(49%) saturate(3950%) hue-rotate(232deg) brightness(80%)
    contrast(119%);
    border: none;
}

.category-list {
    list-style: none;
    margin: 24px 0;
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 30px 20px;
}

.category-list label.category-label {
    font-weight: 700;
    font-size: 20px;
    margin: 0 0 15px;
    line-height: 100%;
}

.category-list ul.category-ul {
    list-style: none;
    padding: 0;
}

.category-list ul.category-ul li.category-li {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px dotted #B7B6CC;
    margin-bottom: 15px;
}

.category-list ul.category-ul li.category-li a {
    color: var(--lblack);
    text-decoration: none;
    font-weight: 500;
}

.category-list ul.category-ul li.category-li .count {
    font-weight: 600;
    color: #2F4858;
    font-size: 14px;
}

.category-list ul.category-ul li.category-li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.breadcrume-section {
    padding: 20px 0;
}

.blog-main-img {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

.blog-main-img img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    border-radius: 14px;
    display: block;
}

.blog-single-wrapper {
    display: flex;
    flex-wrap: wrap;
}
 
.blog-single-wrapper .blog-single-content {
    width: 65%;
}

.blog-category a {
    background: #F7F8F9;
    display: inline-block;
    border: 1px solid #D5DEE8;
    color: #2F4858;
    font-size: 14px;
    text-decoration: none;
    padding: 5px 18px;
    border-radius: 4px;
    margin-right: 10px;
}

.blog-meta {
    padding-bottom: 25px;
    width: 100%;
    border-bottom: 1px solid var(--border);
}

.blog-meta ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

.blog-meta ul li {
    display: inline-flex;
    padding-right: 15px;
    border-right: 1px solid var(--border);
    margin-right: 15px;
    font-size: 12px;
}

.blog-meta ul li img {
    margin-right: 5px;
}


.blog-meta ul li:last-child {
    border-right: none;
    margin-right: 0;
}

.blog-content {
    border: 1px solid var(--border);
    border-radius: 14px;
    margin: 28px 0;
    padding: 30px;
    color: #2F4858;
    line-height: 150%;
    font-weight: 500;
}

.table-of-contents {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #E9E5F6;
}

.table-of-contents h2 {
    font-size: 22px;
}

.table-of-contents ul {
    list-style-type: decimal;
}

.table-of-contents ul li {
    width: 100%;
}

.table-of-contents ul li a {
    line-height: 200%;
    color: var(--lblack);
    text-decoration: none;
    font-weight: 500;
}

.blog-content h2 {
    color: var(--lblack);
    font-weight: 600;
    font-size: 22px;
    margin: 20px 0;
}

.blog-content h3 {
    color: var(--lblack);
    font-weight: 600;
    font-size: 20px;
    margin: 20px 0 0;
}

.blog-content ul {
    color: var(--lblack);
    line-height: 150%;
}

.blog-author {
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 30px;
    margin-bottom: 40px;
}

.blog-author h3 {
    margin: 0 0 20px;
}

.blog-author-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.blog-author-wrapper .author-img {
    width: 83px;
}

.author-content {
    width: calc(100% - 83px);
    padding-left: 30px;
    color: #2F4858;
    font-style: italic;
    font-weight: 600;
    line-height: 150%;
}


.leave-comment {
    border: 1px solid var(--border);
    background: #FBFCFD;
    border-radius: 14px;
    padding: 30px;
}

.leave-top {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.leave-top h3 {
    margin: 0;
}

.leave-top p {
    margin: 0;
    color: #7C8E99;
    font-size: 12px;
    margin-left: 10px;
    font-weight: 500;
}

.form-group label {
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    margin-bottom: 10px;
    display: flex;
}

.form-group label span {
    color: #ED2A2A;
}

.leave-comment .input-field {
    margin-bottom: 24px;
}

.blog-single-page {
    margin-bottom: 80px;
}

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


.recent-posts {
    border: 1px solid var(--border);
    padding: 30px 20px;
    border-radius: 14px;
    margin: 24px 0;
}

.recent-posts h3 {
    margin-top: 0;
}

.recent-posts ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.recent-posts ul li {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px dotted var(--border);
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.recent-posts ul li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.recent-posts ul li a {
    display: flex;
    align-items: center;
}

.recent-posts ul li a img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 8px;
}

.recent-posts ul li  .recent-post-content {
    padding-left: 18px;
}

.recent-posts ul li .recent-post-content h4 {
    font-size: 16px;
    color: var(--lblack);
    text-decoration: none;
    margin: 0 0 12px;
}

.recent-posts ul li a {
    text-decoration: none;
}

.sidebar .social-media {
    border: 1px solid var(--border);
    padding: 30px 20px;
    border-radius: 14px;
    margin: 24px 0;
}

.sidebar .social-media h3 {
    margin-top: 0;
}

.sidebar .social-media ul {
    list-style: none;
    display: flex;
    padding: 0;
    gap: 14px;
    margin-bottom: 0;
}

.sidebar .social-media ul a {
    border: 1px solid var(--border);
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.back-to-top .back-to-top-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    position: fixed;
    right: 80px;
    bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #6c757d;
    overflow: hidden;
    z-index: 9999;
}
.back-to-top .back-to-top-icon:hover {
    opacity: 0.2;
}
.back-to-top .back-to-top-icon img {
    transform: rotate(180deg);
    width: 20px;
}
.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.tooltip .tooltip-text {
  visibility: hidden;
  width: 120px;
  background-color: var(--black);
  color: var(--white);
  text-align: center;
  border-radius: 6px;
  padding: 5px 8px;
  position: absolute;
  z-index: 1;
  bottom: 125%; /* above the icon */
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 13px;
  line-height: 18px;
  white-space: nowrap;
}

.tooltip .tooltip-text::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: var(--black) transparent transparent transparent;
}
.tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

/* ========== Service Detail Css Start ========== */


.service-detail {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 80px;
}
.service-detail-left {
    width: 50%;
    padding: 0 10px;
}
.service-detail-right {
    width: 50%;
    padding: 0 10px;
}
.service-detail-left-main-img {
    position: relative;
    width: 100%;
    height: 450px;
    border: 1px solid var(--border);
    background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #E9EEF2 100%);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
}
.service-detail-left-main-img img {
    display: block;
    max-width: 300px;
    width: 100%;
    height: 280px;
    object-fit: cover;
}
.service-detail-left-upload {
    position: relative;
}
.service-detail-left-upload label {
    border: 1px dotted var(--purple);
    background: var(--lpurple);
    border-radius: 8px;
    width: 100%;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: var(--purple);
    cursor: pointer;
}
.service-detail-left-upload input {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    height: 100%;
}
.service-detail-upload-cont {
    margin-top: 30px;
}
.service-detail-upload-cont h4 {
    margin: 0 0 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: var(--lblack);
}
.service-detail-upload-cont p {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--gray);
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
}
.service-detail-upload-cont p a img {
    display: block;
}
.service-detail-unit, .service-detail-rotation {
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.service-detail-unit-input, .service-detail-rotation-input {
    display: flex;
    align-items: center;
    gap: 20px;
}
.service-detail-unit-head, .service-detail-rotation-head {
    max-width: 100px;
    width: 100%;
}
.service-detail-unit-head h4, .service-detail-rotation-head h4 {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: var(--lblack);
}
.service-detail-unit-input .input-group {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}
.service-detail-unit-input .input-group input {
    margin: 0;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
}
.service-detail-unit-input .input-group label {
    position: relative;
    padding-left: 28px;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: var(--lblack);
}
.service-detail-unit-input .input-group label:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border: 2px solid var(--border);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}
.service-detail-unit-input .input-group input:checked + label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 6px solid var(--purple);
    border-radius: 50%;
    width: 6px;
    height: 6px;
}

.service-detail-rotation-input label {
    margin-right: 6px;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    color: var(--lblack);
}
.service-detail-rotation-input input {
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 7px 14px;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    color: var(--lblack);
}
.service-detail-rotation-input .input-group .btn {
    padding: 10px 40px;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    background: var(--lpurple);
    color: var(--purple);
    transition: all 0.3s linear;
}
.service-detail-rotation-input .input-group .btn:hover {
    background: var(--purple);
    color: var(--lpurple);
}
.service-detail-sub-head {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #2F4858;
    margin-bottom: 12px;
}
.service-detail-right-inner h2 {
    font-weight: 600;
    font-size: 26px;
    line-height: 100%;
    color: var(--lblack);
}
.service-detail-right-inner .service-detail-rating, .service-detail-right-inner .service-detail-rating span {
    display: flex;
    align-items: center;
}
.service-detail-right-inner .service-detail-rating span.star::before,
.service-detail-right-inner .service-detail-rating span.star::after {
    letter-spacing: 2px;
}
.service-detail-right-inner .service-detail-rating .rating-label {
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    color: #A5B0C0;
}
.service-detail-availability h3 {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: var(--lblack);
    margin: 0;
}
.service-detail-availability h3 span {
    font-weight: 600;
    color: #488321;
}
.service-detail-mail h3 {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: var(--lblack);
    margin: 0;
}
.service-detail-right-inner .service-detail-rating,
.service-detail-availability,
.service-detail-sku {
    margin-bottom: 20px;
}
.service-detail-mail,
.service-detail-info {
    margin-bottom: 30px;
}
.service-detail-mail h3 a {
    color: var(--purple);
    font-weight: 600;
    text-decoration: none;
}
.service-detail-sku h3 {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: var(--lblack);
}
.service-detail-sku h3 span {
    font-weight: 600;
    color: var(--purple);
}
.service-detail-info .info-row {
    display: flex;
    margin-bottom: 18px;
}
.service-detail-info .info-row .label {
    max-width: 110px;
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #01062E;
}
.service-detail-info .info-row .separator {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #01062E;
}
.service-detail-info .info-row .value {
    padding-left: 19px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #01062E;
}
.service-detail-info .info-row .value a {
    color: #01062E;
    text-decoration: none;
}
.service-detail-info .info-row .value a:hover {
    text-decoration: underline;
}
.service-detail-info .info-row:last-child {
    margin-bottom: 0;
}
.service-detail-newslatter {
    margin-bottom: 17px;
}
.service-detail-newslatter label {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #01062E;
    display: inline-block;
}
.service-detail-newslatter .input-group {
    max-width: 465px;
    width: 100%;
    position: relative;
}
.service-detail-newslatter .input-group input {
    width: 100%;
    height: 100%;
    padding: 17px 110px 17px 20px;
    border: 1px solid var(--border);
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: var(--black);
}
.service-detail-newslatter .input-group .button {
    position: absolute;
    padding: 13px 24px;
    width: max-content;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
}
.service-detail-newslatter .input-group input::placeholder {
    color: #9AA5B3;
}
.service-accordion .card {
    margin-bottom: 20px;
    background: #FBFCFD;
}
.service-accordion .card:last-child {
    margin: 0;
}
.service-accordion .card .card-header button {
    background: #FBFCFD;
    display: flex;
    align-items: center;
    padding: 16px;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    color: var(--lblack);
    position: relative;
}
.service-accordion .card .card-header button a {
    margin-left: 16px;
    color: var(--lblack);
}
.service-accordion .card .card-header button span {
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: var(--white);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--purple);
    border-radius: 50%;
    margin-right: 16px;
}
.service-accordion .card .card-header {
    display: flex;
}
.service-accordion .card .card-header button:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 6px;
    background: url("/images/arrow-down.svg");
    right: 20px;
    background-size: 100% 100%;
    transform: rotate(180deg);

}
.service-accordion .card .card-header button.collapsed:before {
    transform: rotate(0deg);
}
.service-accordion .card .collapse {
    border: 0;
    padding: 0 20px 20px 60px;
    background: #FBFCFD;
    border-radius: 0 0 8px 8px;
}
.service-accordion .card .service-form-inner .form-group label {
    font-size: 13px;
}
.service-tab-content-info-delivery p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #01062E;
}
.service-tab-content-info-delivery a {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: red;
    text-decoration: none;
}
.service-tab-content-info-delivery {
    margin-bottom: 20px;
}
.service-tab-content-info-delivery a:hover {
    text-decoration: underline;
}

/* ========== Service Detail Css End ========== */


/* ========== Product Control Bar Css Start ========== */


.product-control-bar-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--border);
    padding: 14px 20px;
    background: #FBFCFD;
    border-radius: 8px;
}
.product-control-bar-left {
    display: flex;
    align-items: center;
    max-width: 55%;
    width: 100%;
}
.product-control-bar-main.grid-view .product-control-bar-left {
    max-width: 65%;
    gap: 30px;
}
.product-control-bar-left-pagination p {
    margin: 0;
}
.product-control-bar-main.list-view .product-control-bar-left {
    gap: 30px;
}
.product-control-bar-left-search input {
    box-shadow: 0px 2px 2px 0px #D9DDE34D;
    border: 1px solid var(--border);
    background: var(--white);
    padding: 15px 35px 15px 42px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: var(--black);
    width: 100%;
}
.product-control-bar-left-search {
    position: relative;
    max-width: 300px;
    width: 100%;
    margin-right: 14px;
}
.product-control-bar-left-search .search-bar button.button {
    min-width: 95px;
    line-height: 12px;
    padding: 8px 25px;
}
.product-control-bar-left-search:before {
    content: "";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background-image: url(/images/search-icon.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
}
.product-control-bar-left-search input::placeholder {
    color: #8A9DA9;
}
.product-control-bar-left-pagination {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #687E8D;
    text-align: right;
    margin-bottom: 15px;
}
.product-control-bar-left-pagination select {
    border: 0;
    margin: 0 5px 0 2px;
    color: var(--lblack);
    cursor: pointer;
}
.product-control-bar-left-sort-by select {
    display: inline-block;
    border: 1px solid var(--border);
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: var(--lblack);
    padding: 16px 30px 16px 20px;
    font-family: 'Plus Jakarta Sans';
    border-radius: 8px;
    background: url("/images/arrow-down.svg") right 20px center;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    width: 100%;
    cursor: pointer;
}
.product-control-bar-left-sort-by {
    display: block;
    max-width: 200px;
    width: 100%;
    margin-left: 25px;
}
.product-control-bar-right {
    display: flex;
    align-items: center;
}
.product-control-bar-right-cart .button {
    background-color: var(--lpurple);
    padding: 16px 30px;
    color: var(--purple);
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
}
.product-control-bar-right-cart .button img,
.product-control-bar-right-compare .button img {
    transition: 0.5s;
}
.product-control-bar-right-cart .button:hover {
    background-color: var(--purple);
    color: var(--white);
}
.product-control-bar-right-cart .button:hover img,
.product-control-bar-right-compare .button:hover img {
    filter: brightness(0) invert(1);
}
.product-control-bar-right-compare .button {
    background-color: #FBE7D5;
    padding: 16px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #EF7F1B;
    gap: 6px;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
}
.product-control-bar-right-compare .button:hover {
    background-color: #EF7F1B;
    color: var(--white);
}
.product-control-bar-right-cart {
    margin-right: 16px;
}
.product-control-bar-right-compare {
    margin-right: 30px;
}
.product-control-bar-right-tabs ul {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 12px;
}
.product-control-bar-right-tabs ul .nav-item .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F7F8F9;
    border: 1px solid var(--border);
    width: 50px;
    height: 50px;
    border-radius: 8px;
    cursor: pointer;
}
.product-control-bar-right-tabs ul .nav-item .nav-link img {
    display: block;
    width: 24px;
    height: 24px;
}
.product-control-bar-right-tabs ul .nav-item .nav-link.active {
    background: var(--purple);
    border-color: var(--purple);
}
.product-control-bar-right-tabs ul .nav-item .nav-link.active img {
    filter: brightness(0) invert(1);
}
/* .product-control-bar-left-search .search-close-icon {
    right: 5px;
} */
.product-control-bar {
    padding: 20px 0;
}
.related-product {
    padding: 40px 0 0;
}
.related-product + .related-product {
    padding-bottom: 80px;
}
.product-grid-main {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border-width: 0;
    border-style: solid;
    border-color: var(--border);
    border-radius: 8px;
    gap: 10px 0;
}
.product-grid-main .product-block {
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}
.product-grid-main .product-block:nth-child(5n), .product-grid-main .product-block:last-child {
    border-right: 1px solid var(--border);
}
/* .product-grid-main .product-block:nth-child(4n) {
    border-right: 0;
}
.product-grid-main .product-block:first-child {
    border-radius: 8px 0 0 0;
}
.product-grid-main .product-block:nth-child(4) {
    border-radius: 0 8px 0 0;
} */
.product-load-more-btn {
    margin: 30px 0;
    text-align: center;
}


/* ========== Product Control Bar Css End ========== */




.product-list-main table {
    border: 1px solid var(--border);
    border-radius: 8px 8px 0 0;
    margin: 0;
    border-spacing: 0;
}
.product-list-main table thead tr th {
    text-align: center;
    color: var(--white);
    vertical-align: middle;
    padding: 16px 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-transform: capitalize;
}
.product-list-main table thead tr {
    background: var(--lblack);
    border-radius: 8px 8px 0 0;
}
.product-list-main table thead tr th:last-child {
    border-radius: 0 8px 0 0;
}
.product-list-main table thead tr th input[type="checkbox"] {
    margin: 0;
    width: 18px;
    height: 18px;
}
/* .product-list-main table thead tr th:nth-child(2) {
    width: 219px;
}
.product-list-main table thead tr th:nth-child(3) {
    width: 172px;
    text-align: left;
}
.product-list-main table thead tr th:nth-child(4) {
    width: 160px;
}
.product-list-main table thead tr th:nth-child(5) {
    width: 222px;
} */
.product-list-main table thead tr th:nth-child(6) {
    width: 132px;
}
/* .product-list-main table thead tr th:nth-child(7) {
    width: 112px;
}
.product-list-main table thead tr th:nth-child(8) {
    width: 100px;
} */
.product-list-main table thead tr th:nth-child(9),
.product-list-main table thead tr th:last-child {
    width: 100px;
}
.product-list-main table thead tr th:first-child {
    padding-left: 20px;
    width: 58px;
    border-radius: 8px 0 0 0;
}
.table-head-info {
    display: flex;
    align-items: center;
    gap: 4px;
}
.product-list-main table tbody tr td:first-child {
    padding: 16px 20px;
}
.product-list-main table tbody tr td:first-child input {
    width: 18px;
    height: 18px;
    border: 1px solid #CCD2DB;
    margin: 0;
}
.product-list-main table tbody tr td .product-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-list-main table tbody tr td .product-info .product-info-img {
    width: 80px;
    height: 96px;
    border: 1px solid var(--border);
    background: #FBFCFD;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 10px;
}
.product-list-main table tbody tr td .product-info .product-info-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.product-list-main table tbody tr td .product-info .product-info-cont {
    max-width: calc(100% - 90px);
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: var(--lblack);
    position: relative;
}
.product-list-main table tbody tr td .product-info .product-info-cont a {
    color: var(--lblack);
    text-decoration: none;
}
.product-list-main table tbody tr td .product-info .product-info-cont a strong {
    font-weight: 600;
}
.product-list-main table tbody tr td .product-info .sale-badge {
    position: absolute;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: var(--white);
    background: #389F3B;
    padding: 4px 16px;
    border-radius: 4px;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
}
.product-list-main table tbody tr td {
    padding: 20px 10px;
    vertical-align: middle;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    /* text-align: center; */
    border-bottom: 1px solid var(--border);
}
.product-list-main table tbody tr:nth-child(even) {
    background: #FBFDFF;
}
.product-list-main table tbody tr:last-child td {
    border-bottom: 0;
}
.product-list-main table tbody tr td:nth-child(3) {
    color: var(--purple);
}
.product-list-main table tbody tr td:nth-child(4) {
    color: var(--lblack);
    /* padding: 20px 22px; */
}
.product-list-main table tbody tr td ul li {
    color: #2F4858;
}
.product-list-main table tbody tr td ul {
    margin: 0;
}
.product-list-main table tbody tr td:nth-child(5) {
    /* padding: 20px 22px; */
}
.product-list-main table tbody tr td .price {
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
    color: var(--purple);
}
.product-list-main table tbody tr td .price strike {
    font-weight: 800;
    font-size: 14px;
    line-height: 20px;
    color: var(--gray);
}
.product-list-main table tbody tr td .price small {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #A5B0C0;
    display: block;
}
.product-list-main table tbody tr td.out-stock {
    font-weight: 700;
    color: #ED1717;
}
.product-list-main table tbody tr td.in-stock {
    font-weight: 700;
    color: #488321;
}
.quantity-control {
    max-width: 119px;
    width: 100%;
    display: flex;
    align-items: center;
    box-shadow: 0px 2px 2px 0px #D9DDE34D;
    border: 1px solid var(--border);
    border-radius: 8px;
    justify-content: space-between;
}
.quantity-control button {
    border: 0;
    background: transparent;
    padding: 0;
    font-size: 20px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.quantity-control input[type="text"],
.quantity-control input {
    border: 0;
    padding: 13px 0;
    width: 50px;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    color: var(--lblack);
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.product-list-main table tbody tr td .icon-btn {
    background: var(--white);
    width: 34px;
    height: 34px;
    border: 1px solid var(--border);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    cursor: pointer;
}
.product-list-main table tbody tr td .icon-btn.active {
    background: var(--purple);
}




.product-filter-main {
    display: flex;
    align-items: stretch;
    gap: 13px;
}
.product-filter-main .filter-box {
    max-width: calc((100% / 6));
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 8px;
}

.filter-box-head {
    background: #FBFCFD;
    padding: 16px 20px;
    border-radius: 8px 8px 0 0;
}

.filter-box-head h3 {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: var(--lblack);
}

.product-filter-main .filter-box .search-box input[type="text"] {
    box-shadow: 0px 2px 2px 0px #D9DDE34D;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: var(--border);
    width: 100%;
    padding: 12px 12px 12px  44px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #8A9DA9;
}

.filter-box-list {
    padding: 12px 14px 24px;
    height: 265px;
    overflow-y: auto;
}
.filter-box-list .category {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    position: relative;
    cursor: pointer;
}

.filter-box-list .category input,
.filter-box-list .sub-category div input {opacity: 0;visibility: hidden;position: absolute;margin: 0;}

.filter-box-list .category:last-child {
    margin-bottom: 0;
}

.filter-box-list .category label,
.filter-box-list .sub-category div label {
    padding-left: 24px;
    position: relative;
    cursor: pointer;
    z-index: 1;
    max-width: calc(100% - 15px);
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #01062E;
}

.filter-box-list .category label:before,
.filter-box-list .sub-category div label:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: #FBFCFD;
    left: 0;
    top: 0;
    border: 1px solid #CCD2DB;
    border-radius: 4px;
}
.filter-box-list .category input[type="checkbox"]:checked + label:before,
.filter-box-list .sub-category div input[type="checkbox"]:checked + label:before {
    background: var(--purple);
    border-color: var(--purple);
}
.filter-box-list .category label:after,
.filter-box-list .sub-category div label:after {
    content: "";
    background: url("/images/true-icon.svg");
    position: absolute;
    width: 10px;
    height: 8px;
    top: 5px;
    left: 4px;
}
.filter-box-list .category .toggle {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    width: 15px;
    height: 15px;
}
.filter-box-list .category .toggle:before,
.filter-box-list .category .toggle:after {
    content: "";
    position: absolute;
    background: url("/images/cat-plus-icon.svg") var(--white);
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 10px;
    height: 10px;
    background-size: 100% 100%;
}
.filter-box-list .category .toggle:after {
    background: url("/images/cat-minus-icon.svg") var(--white);
    opacity: 0;
}
.filter-box-list .category.expanded .toggle:after {
    opacity: 1;
}
.filter-box-list .sub-category div {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.filter-box-list .sub-category {
    padding-left: 24px;
}
.product-filter-main .filter-box .search-box {
    position: relative;
}
.product-filter-main .filter-box .search-box:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    background: url("/images/search-icon.svg");
    background-size: 100% 100%;
}
.title-content {
    padding: 13px 0 30px;
    border-bottom: 1px solid var(--border);
}
.title-content h2 {
    margin: 0 0 32px;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
}
.title-content h2 span {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #8A9DA9;
    margin-left: 6px;
    display: inline-block;
}
.title-content p {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #2F4858;
}
.title-content p:last-child {
    margin: 0;
}
.product-filter {
    padding: 30px 0 10px;
    border-top: 1px solid var(--border);
    margin-top: 30px;
}
.product-filter .product-filter-head h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: var(--lblack);
    margin: 0;
}
.product-filter-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 15px;
}



.pagination {
    padding: 40px 0 80px;
}
.pagination .pagination-list {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    list-style: none;
    gap: 14px;
}
.pagination .pagination-list .pagination-list-item {
    width: 50px;
    height: 50px;
    border: 2px solid #DFD8ED;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: var(--white);
    transition: all 0.2s;
}
.pagination .pagination-list .pagination-list-item a {
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: var(--lblack);
    text-decoration: none;
    transition: all 0.2s;
}
.pagination .pagination-list .pagination-list-item a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.pagination .pagination-list .pagination-list-item a img,
.pagination .pagination-list .pagination-list-item button img {
    width: 10px;
}
.pagination .pagination-list .pagination-list-item:hover,
.pagination .pagination-list .pagination-list-item.active {
    border-color: var(--purple);
    background: var(--purple);
}
.pagination .pagination-list .pagination-list-item:hover a,
.pagination .pagination-list .pagination-list-item.active a {
    color: var(--white);
}
.pagination .pagination-list .pagination-list-item:hover a img,
.pagination .pagination-list .pagination-list-item.active a img,
.pagination .pagination-list .pagination-list-item:hover button img,
.pagination .pagination-list .pagination-list-item.active button img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(746%) hue-rotate(151deg) brightness(117%)contrast(100%);
}

.pagination .pagination-list .pagination-list-item button.prev,
.pagination .pagination-list .pagination-list-item button.next {
    width: 100%;
    height: 100%;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}


.product-detail {
    position: relative;
    padding-bottom: 40px;
}
.product-detail-main-slider {
    height: 596px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-detail-left {
    max-width: 50%;
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 0 34px 20px;
}
.product-detail-main {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}
.product-detail-right {
    max-width: 50%;
    width: 100%;
    padding-left: 20px;
}
.product-detail-thumb-slider .slick-list .slick-slide .slider-item {
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 15px;
    width: 86px !important;
    height: 112px;
    display: flex !important;
    align-items: center;
}
.product-detail-thumb-slider .slick-list .slick-slide {
    padding: 0 5px;
}
.product-detail-thumb-slider .slick-list {
    margin: 0 -5px;
}
.product-detail-main-slider .slick-slide .slider-item {
    height: 360px;
    width: 360px !important;
}
.product-detail-main-slider .slick-initialized .slick-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-detail-main-slider .slick-slide .slider-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-detail-head .sub-head {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #2F4858;
    margin-bottom: 12px;
}
.product-detail-head h2 {
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    color: var(--lblack);
    margin: 0;
}
.product-detail-head {
    margin-bottom: 10px;
}
.product-detail-sku,
.product-detail-price,
.product-detail-point,
.product-detail-availability,
.product-detail-email,
.product-detail-list-info  {
    margin-bottom: 20px;
}
.product-detail-sku p {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--lblack);
}
.product-detail-sku p span {
    font-weight: 700;
    color: var(--purple);
}

.product-detail-price h3 {
    margin: 0;
    font-weight: 800;
    font-size: 22px;
    line-height: 28px;
    color: var(--purple);
    display: flex;
    align-items: center;
    gap: 10px;
}
.product-detail-price h3 span {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #A5B0C0;
}
.product-detail-point p {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: var(--lblack);
}
.product-detail-list-info ol {
    margin: 0;
    padding-left: 20px;
}
.product-detail-list-info ol li {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #2F4858;
}
.product-detail-point p span {
    font-weight: 700;
}
.product-detail-availability h4 {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--lblack);
}
.product-detail-availability h4 span {
    color: #488321;
    font-weight: 600;
}
.product-detail-email p {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}
.product-detail-email p a {
    text-decoration: none;
    font-weight: 700;
    color: var(--purple);
}
.product-detail-list-info ul {
    margin: 0;
    padding: 0 0 0 20px;
    list-style: decimal;
}
.product-detail-list-info ul li {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #2F4858;
}
.product-detail-info {
    margin-bottom: 32px;
}
.product-detail-info .info-row {
    margin-bottom: 18px;
    display: flex;
    align-items: center;
}
.product-detail-info .info-row:last-child {
    margin-bottom: 0;
}
.product-detail-info .info-row .label {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #01062E;
    max-width: 110px;
    width: 100%;
}
.product-detail-info .info-row .value {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #01062E;
    padding-left: 19px;
    word-break: break-word;
}
.product-detail-info .info-row .separator {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #01062E;
}
.product-detail-info .info-row .value a {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    line-height: 100%;
    color: #01062E;
    text-decoration: none;
    font-weight: 500;
}
.product-detail-info .info-row .value a img {
    padding-left: 10px;
}
.product-detail-purches {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}
.product-detail-purches.out-of-stock-section {
    justify-content: unset;
}
.product-detail-purches-wishlist .wishlist-link, .product-detail-purches-compare {
    position: relative;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--white);
    cursor: pointer;
    /* margin-left: 12px; */
}
.product-detail-purches-wishlist .wishlist-link.active,
.product-detail-purches-wishlist .wishlist-link:hover {
    background: var(--purple);
}
/* .product-detail-purches-wishlist .wishlist-link {
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
} */
.product-detail-purches-wishlist .wishlist-link img {
    width: 24px;
    height: 24px;
}
.product-detail-purches-compare:hover {
    background: var(--purple);
}
.product-detail-purches-wishlist .wishlist-link:hover img,
.product-detail-purches-compare a:hover img,
.product-detail-purches-wishlist .wishlist-link.active img {
    filter: brightness(0) invert(1);
}
.product-detail-purches-wishlist a img, .product-detail-purches-compare a img {
    width: 24px;
    display: block;
}
.product-detail-purches-wishlist .wishlist-link:before,
.product-detail-purches-compare .compare-link:before,
.product-detail-purches-info-order a:before,
.product-detail-purches-info-support a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.product-list-main table tbody tr td .icon-btn:hover img, .product-list-main table tbody tr td .icon-btn.active img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(746%) hue-rotate(151deg) brightness(117%) contrast(100%);
}
.product-list-main table tbody tr td .icon-btn:hover {
    background: var(--purple);
}
.product-detail-purches-cart-btn .button {
    background-color: var(--lpurple);
    padding: 16px 30px;
    color: var(--purple);
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
}
.product-detail-purches-cart-btn .button:hover {
    background-color: var(--purple);
    color: var(--white);
}
.product-detail-purches-cart-btn .button:hover img,
.product-detail-purches-compare-btn .button:hover img {
    filter: brightness(0) invert(1);
}
.product-detail-purches-cart-btn .button img, .product-detail-purches-compare-btn .button img {
    transition: 0.5s;
}
.product-detail-purches-compare-btn .button {
    background-color: #FBE7D5;
    padding: 16px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #EF7F1B;
    gap: 6px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
}
.product-detail-purches-without-login-wishlist {
    position: relative;
    border: 1px solid var(--border);
    box-shadow: 0px 2px 2px 0px #D9DDE34D;
    border-radius: 8px;
    max-width: 480px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
}
.product-detail-purches-without-login-wishlist input {
    width: 100%;
    border: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    padding-left: 20px;
    padding-right: 160px;
    height: 55px;
    border-radius: 8px;
    color: var(--lblack);
}
.product-detail-purches-without-login-wishlist button {
    position: absolute;
    right: 4px;
    background: var(--purple);
    border-radius: 8px;
    color: var(--white);
    min-width: 115px;
    font-weight: 700;
    font-size: 14px;
    z-index: 1;
    border: none;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    line-height: 100%;
    padding: 14px 20px;
}
.product-detail-purches-compare-btn .button:hover {
    background-color: #EF7F1B;
    color: var(--white);
}
/* .product-detail-purches-cart-btn {
    margin: 0 12px;
} */
.product-detail-purches-info {
    display: flex;
    align-items: stretch;
    gap: 10px;
    flex-wrap: wrap;
    margin: 32px 0 30px;
    padding-top: 30px;
    border-top: 1px solid var(--border);
}
.product-detail-purches-info-order, .product-detail-purches-info-support {
    max-width: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    /* border: 1px solid var(--border);
    border-radius: 10px; */
    padding: 0;
    flex: 1;
}
.cart-main-left-table table .product-delet.action-btn .button {
    background: #EDFAE9;
    border-color: #EDFAE9;
    margin: 0 auto;
}
.product-detail-purches-info-order a .bulk-order-label,
.product-detail-purches-info-support a .bulk-order-label {
    color: var(--purple);
}

.product-detail-purches-info-order a, .product-detail-purches-info-support a {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--lblack);
    text-decoration: none;
    flex-direction: column;
    text-align: center;
}
.product-detail-purches-info a .bulk-order-label {
    margin-top: auto;
}
.product-detail-purches-info-support {
    align-items: stretch;
}
.product-shipping-method {
    display: flex;
    align-items: center;
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 20px 0;
    flex-wrap: wrap;
}
.product-shipping-method-wrapper {
    max-width: 33.333%;
    width: 100%;
    padding: 0 29px;
}
.product-shipping-method-wrapper a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
}
.product-shipping-method-wrapper a img {
    width: 34px;
    height: 34px;
    margin-bottom: 10px;
}
.product-shipping-method-wrapper a p {
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    color: var(--lblack);
}
.select-product-main-head p {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    color: var(--lblack);
    margin-bottom: 20px;
}
.select-product-main-head p {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    color: var(--lblack);
    margin-bottom: 20px;
}
.select-product-list-item {
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 20px;
    display: flex;
    align-items: center;
}
.select-product-checkbox input[type="checkbox"] {
    margin: 0;
    border: 1px solid var(--border);
    border-radius: 10px;
    width: 42px;
    height: 42px;
    display: block;
}
.select-product-checkbox {
    display: block;
    position: relative;
}
.select-product-info {
    display: flex;
    align-items: center;
    padding-left: 30px;
    max-width: 60%;
    width: 100%;
    gap: 30px;
}
.select-product-info-img {
    width: 130px;
    height: 130px;
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 14px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.select-product-info-cont {
    max-width: calc(100% - 160px);
    width: 100%;
}
.select-product-info-cont p,
.select-product-info-cont a {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: var(--lblack);
    margin: 0;
    text-decoration: none;
}
.select-product-price p {
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    color: #01062E;
    margin: 0;
}
.select-product-price {
    margin: 0 auto;
}
.select-product-checkbox input {
    appearance: none;
    -webkit-appearance: none;
}
.select-product-checkbox input:checked {
    background-color: var(--purple);
    border-color: var(--purple);
}
.select-product-checkbox input:checked + label:after {
    content: "✔";
    color: var(--white);
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.select-product-checkbox label {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.select-product-list-item + .select-product-list-item {margin-top: 10px;}
.select-product {
    padding-bottom: 40px;
}
.product-qty-info table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: var(--border);
}
.product-qty-info table thead tr th, .product-qty-info table tbody tr td {
    padding: 10px 15px;
    text-align: left;
    border-bottom: 1px solid var(--border);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #01062E;
    border-right: 1px solid var(--border);
}
.product-qty-info table thead tr th {
    font-weight: 700;
    background: #F3F4F7;
}
.product-qty-info {
    margin-bottom: 30px;
}
.product-qty-info table tbody tr.highlighted-row td {
    background: #E4F3E4;
}

/* =============== Product Comparision Css =============== */

.comparision-filter-main {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background: #FBFCFD;
    border: 1px solid var(--border);
    padding: 15px 20px;
    border-radius: 8px;
    gap: 20px;
}
.comparision-filter-attr .button {
    box-shadow: 0px 2px 2px 0px #D9DDE34D;
    background: var(--white);
    color: var(--purple);
    border: 1px solid var(--purple);
    padding: 15px 18px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
}
.comparision-filter-attr .button:hover {
    background: var(--purple);
    color: var(--white);
}
.comparision-filter-cart .button {
    background-color: var(--lpurple);
    padding: 16px 30px;
    color: var(--purple);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    opacity: 0.4;
    padding: 16px 30px;
}
.comparision-filter-cart.enable-cls .button {
    opacity: 1;
}
.comparision-filter-cart .button:hover {
    background-color: var(--purple);
    color: var(--white);
}
.comparision-filter-cart .button:hover img,
.comparision-filter-copy .button:hover img {
    filter: brightness(0) invert(1);
}
.comparision-filter-copy .button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #42AC28;
    background: #E4F3E4;
    padding: 16px 30px;
}
.comparision-filter-copy .button:hover {
    background: #42AC28;
    color: var(--white);
}
.comparision-filter {
    position: relative;
    padding: 20px 0 0;
}
.product-comparision-main table thead tr th:first-child,
.product-comparision-main table tbody tr td:first-child {
    border-radius: 8px 0 0 0;
    background: var(--lblack);
    color: var(--white);
    min-width: 150px;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    border-color: #CCD2DB;
    text-align: left;
    min-width: 160px;
}
.product-comparision-main table thead tr th {
    min-width: 228px;
}
.product-comparision-main table thead tr th {
    padding: 20px;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: var(--border);
}
.product-comparision-main table {
    border-spacing: 0;
    margin: 0;
}
.product-comparision-main table thead tr th:last-child,
.product-comparision-main table tbody tr td:last-child {border-right: 1px solid var(--border);}
.product-comparision-main table thead tr th .checkbox-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-comparision-main table thead tr th .checkbox-wrapper input[type="checkbox"] {
    width: 33px;
    height: 33px;
}
.product-comparision-main table thead tr th .checkbox-wrapper input:checked + label:after {
    font-size: 14px;
    line-height: 14px;
}
.product-comparision-main table thead tr th .product-delet button {
    background: var(--white);
    border: 1px solid var(--border);
    width: 33px;
    height: 33px;
    padding: 0;
    display: flex; 
    justify-content: center;
    align-items: center;
}
.product-comparision-main table thead tr th .product-delet button img {
    width: 17px;
    height: 17px;
}
.product-comparision-main table tbody tr  td {
    padding: 15px 20px;
    border-width: 1px 0 0px 1px;
    border-style: solid;
    border-color: var(--border);
}
.product-comparision-main table tbody tr td:first-child {
    border-radius: 0;
}
.product-comparision-main table tbody tr td .product-name {
    display: flex;align-items: center;
}
.product-comparision-main table .product-name .product-name-img {
    width: 62px;
    height: 59px;
    background: #FBFCFD;
    border: 1px solid var(--border);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-comparision-main table .product-name .product-name-img .product-img {
    width: 40px;
    height: 40px;
    object-fit: cover;
}
.product-comparision-main table .product-name .product-name-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: var(--lblack);
    padding-left: 12px;
    max-width: calc(100% - 74px);
}
.product-comparision-main table .product-name .product-name-title a {
    color: initial;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.comparision-filter-main .no-product-item {
    text-align: center;
    width: 100%;
    margin: 20px 0;
}
.product-comparision-main table tbody tr td a {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-decoration: underline;
    color: #0077FF;
}
.product-comparision-main table tbody tr td .btn-view {
    border: 1px solid #9AA5B3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 9px 28px;
    gap: 20px;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: #2F4858;
    border-radius: 8px;
    background: var(--white);
    margin: 0 auto;
}
.product-comparision-main table tbody tr td p {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: var(--lblack);
}
.product-comparision-main table tbody tr.section-heading td {
    padding: 20px;
    background: #F3F4F7;
    color: var(--lblack);
}
.product-comparision-main table .product-stock {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.product-comparision-main table .product-stock-num {
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: var(--lblack);
    margin-bottom: 5px;
}
.product-comparision-main table .product-stock-cont {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: #A5B0C0;
}
.product-comparision-main table .product-price {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    gap: 18px;
}
.product-comparision-main table .product-price-qty, .product-comparision-main table .product-price-delet-num {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: var(--lblack);
}
.product-comparision-main table .product-price-num {
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    color: #EF7F1B;
}
.product-comparision-main table .product-price-delet-num {
    color: #A5B0C0;
}
.product-comparision-main table .quantity-control {
    margin: 0 auto;
    max-width: 120px;
}
.product-comparision-main table .quantity-control button img {
    width: 14px;
    height: 14px;
}
.product-comparision-main table .quantity-control input[type="number"] {
    width: 60px;
}
.product-comparision-main table .product-buy-info-list {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.product-comparision-main table .product-buy-info {
    display: inline-block;
    margin-top: 10px;
}
.product-comparision-main table .product-buy-info-name {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: var(--lblack);
    min-width: 70px;
}
.product-comparision-main table .product-buy-info-list:last-child {
    margin-bottom: 0;
}
.product-comparision-main table .product-buy-info-value {
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    color: #EF7F1B;
    padding-left: 10px;
}
.product-comparision-main table .product-buy-info-list:last-child .product-buy-info-name {
    color: #A5B0C0;
}
.product-comparision-main table .product-buy-info-list:last-child .product-buy-info-value {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: var(--lblack);
}
.product-comparision-main table tbody tr:last-child td:first-child {
    border-bottom: 1px solid #CCD2DB;
    border-radius: 0 0 0 8px;
}
.product-comparision-main table tbody tr:last-child td {
    border-bottom: 1px solid var(--border);
}
.product-comparision-main table .text-center {
    text-align: center;
}
.product-comparision {
    padding: 40px 0 20px;
}
.product-comparision + .comparision-filter {
    padding-bottom: 80px;
}



/* =============== cart Page Css =============== */

.cart-main {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0 80px;
}
.cart-main-left {
    max-width: calc(100% - 420px);
    width: 100%;
    padding-right: 40px;
}
.cart-main-right {
    max-width: 420px;
    width: 100%;
}
.cart-main-left-table table {
    width: 100%;
    border-spacing: 0;
    margin: 0;
}
.cart-main-left-table table thead tr th {
    text-align: left;
    padding: 0 0 20px;
    border-bottom: 1px solid var(--border);
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: var(--lblack);
    /* text-align: center; */
}
.cart-main-left-table table thead tr th:first-child {
    text-align: left;
}
.cart-main-left-table table thead tr th:last-child {
    text-align: right;
}
.cart-main-left-table table tbody tr td {
    padding: 20px 0;
    border-bottom: 1px solid var(--border);
}
.cart-main-left-table table .cart-product-wrap {
    display: flex;
    align-items: center;
}
.cart-main-left-table table .cart-product-wrap .product-name {
    display: flex;
    align-items: center;
    padding-left: 18px;
}
.cart-main-left-table table .product-delet .button,
.account-detail-cont .cart-main-left-table .product-view a {
    width: 42px;
    height: 42px;
    padding: 0;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.account-detail-cont .cart-main-left-table .product-view a {
    margin-left: auto;
}
.cart-main-left-table table .product-delet .button img,
.account-detail-cont .cart-main-left-table .product-view a img {
    width: 20px;
    height: 20px;
    object-fit: cover;
}
.cart-main-left-table table .cart-product-wrap .product-name-img {
    max-width: 100px;
    width: 100%;
    height: 120px;
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-main-left-table table .cart-product-wrap .product-name-img .product-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.cart-main-left-table table .cart-product-wrap .product-name-title {
    max-width: 277px;
    width: 277px;
    padding-left: 14px;
}
.cart-main-left-table table .cart-product-wrap .product-name-title p {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: var(--lblack);
}
.cart-main-left-table table tbody tr td p {
    margin: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: #01062E;
}
.cart-main-left-table table tbody tr td .quantity-control {
    max-width: 99px;
    /* margin: 0 auto; */
}
.cart-main-left-table table tbody tr td:last-child {
    text-align: right;
}

.cart-main-left-table {
    margin-bottom: 30px;
}
.cart-main-left-btn .button {
    width: 100%;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: var(--purple);
    padding: 16px;
}
.cart-main-left-btn .button:hover {
    background: var(--purple);
    color: var(--white);
}
.cart-main-sidebar {
    border: 1px solid var(--border);
    background: #FBFCFD;
    padding: 30px 20px 20px;
    border-radius: 14px;
    margin-bottom: 20px;
}
.cart-main-sidebar h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: var(--lblack);
    margin: 0 0 30px;
}
.cart-main-sidebar .coupon-code {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}
.cart-main-sidebar .coupon-code .coupon-code-input {
    border: 1px solid var(--border);
    box-shadow: 0px 2px 2px 0px #D9DDE34D;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #9AA5B3;
    padding: 17px 125px 17px 20px;
    border-radius: 8px;
}
.cart-main-sidebar .coupon-code .button {
    padding: 12px 35px;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
}
.cart-main-price-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 0;
    border-bottom: 1px dotted #B7B6CC;
}
.cart-main-price-inner .title {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: var(--lblack);
}
.cart-main-price-inner .value {
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    text-align: right;
    color: #01062E;
}
.cart-main-price-inner .value span {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #A5B0C0;
    margin-left: 5px;
}
.cart-main-price-table {
    margin-bottom: 10px;
}
.cart-main-price-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--border);
    padding: 20px 0;
}
.cart-main-price-total .title {
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    color: #358F1F;
}
.cart-main-price-total .value {
    font-weight: 800;
    font-size: 20px;
    line-height: 100%;
    color: #358F1F;
}
.cart-main-points {
    margin-top: 20px;
}
.cart-main-points-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 4px 4px 20px;
    border: 1px solid var(--border);
    box-shadow: 0px 2px 2px 0px #D9DDE34D;
    background: var(--purple);
    border-radius: 8px;
}
.cart-main-points-main .title {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #FBFCFD;
}
.cart-main-points-main .value {
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: var(--purple);
    padding: 12px 37px;
    background: #FBFCFD;
    border-radius: 8px;
}
.cart-shipping-form h4 {
    margin: 0 0 20px;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: var(--lblack);
}
.cart-shipping-form {
    margin: 20px 0;
    display: none;
}
.cart-shipping-form.active {
    display: block;
}
.cart-main-price-inner .title span.active {
    transform: rotate(180deg);
}
.cart-shipping-form .form-group label {
    font-weight: 500;
}
.cart-shipping-form .form-group label span {
    color: #E21F1F;
}
.cart-shipping-form .form-group select {
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: var(--lblack);
    text-transform: capitalize;
    letter-spacing: 0;
    background-image: url("/images/down-caret-arrow.svg");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center right 15px;
    -webkit-appearance: none;
    font-family: "Plus Jakarta Sans", sans-serif;
}
.cart-shipping-form .form-group input {
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: var(--lblack);
    background: var(--white);
}
.cart-shipping-form .form-group {
    margin-bottom: 15px;
}
.cart-shipping-form-btn {
    margin-top: 20px;
}
.cart-shipping-form-btn .btn-update {
    background: var(--lpurple);
    border-radius: 8px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: var(--purple);
    padding: 12px;
    width: 100%;
    border: 1px solid var(--lpurple);
    cursor: pointer;
}
.cart-shipping-form-btn .btn-update:hover {
    background: var(--purple);
    color: var(--white);
}
.cart-main-price-inner .title {
    display: flex;
    align-items: center;
}
.cart-main-price-inner .title span {
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    cursor: pointer;
}
.cart-main-price-inner .title span img {
    display: block;
    width: 10px;
}
.cart-main-right-checkout-btn .button {
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    padding: 16px 40px;
    box-shadow: 0px 4px 4px 0px #42AC2840;
    background: #42AC28;
    border-radius: 14px;
    border: 1px solid #42AC28;
}
.cart-main-right-checkout-btn .button:hover {
    background: var(--white);
    color: #42AC28;
}
.cart-main-price-inner > div {
    width: 100%;
    max-width: 50%;
}
.feature-brand-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 32px;
}
.feature-brand-detail-head-cont {
    margin-bottom: 20px;
}
.feature-brand-head h2 {
    margin: 0;
}
.feature-brand-detail-head-cont p,
.feature-brand-detail-head-cont ul li {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #2F4858;
}
.feature-brand-detail-head-cont p:last-child {
    margin: 0;
}
.feature-brand-list .feature-brand-list-head h3 {
    margin: 0;
    position: relative;
    display: inline-block;
    z-index: 1;
    background: var(--white);
    padding-right: 30px;
}
.feature-brand-list .feature-brand-list-head {
    margin-bottom: 20px;
    position: relative;
}
.feature-brand-list .feature-brand-list-head:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: var(--border);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.feature-brand-list-inner ul {
    margin: 0;
    list-style: none;
    padding: 0;
}
.feature-brand-list-inner ul {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.feature-brand-list-inner ul li {
    padding-left: 15px;
    position: relative;
    margin-bottom: 10px;
    max-width: calc(100% / 6);
    width: 100%;
}
.feature-brand-list-inner ul li:before {
    content: "";
    position: absolute;
    height: 6px;
    width: 6px;
    background: var(--black);
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.feature-brand-main .feature-brand-list {
    margin-bottom: 40px;
}
.feature-brand-main .feature-brand-list:last-child {
    margin-bottom: 0;
}
.feature-brand {
    padding: 60px 0;
}
.feature-brand-list-inner ul li a {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #2F4858;
    text-decoration: none;
}
.feature-brand-list-inner ul li a:hover {
    color: var(--lblack);
    text-decoration: underline;
}
/* .feature-brand-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 60px 0;
} */
/* .feature-brand-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.feature-brand-detail-right {
    max-width: calc(100% - 320px);
    width: 100%;
    padding-left: 30px;
}
.feature-brand-detail-left {
    max-width: 320px;
    width: 100%;
} */
.feature-brand-detail .featured-categories .container {
    padding: 0;
}
.feature-brand-detail .feature-brand-detail-head {
    margin-bottom: 40px;
}
.feature-brand-detail .featured-categories .title-block {
    display: none;
}
.feature-brand-detail {
    padding: 60px 0;
}
.feature-brand-detail h2 {
    margin: 0;
}
.feature-brand-detail-head img {
    margin-bottom: 20px;
}
.product-description-tab ul {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #FBFCFD;
    border: 1px solid var(--border);
    border-radius: 14px 14px 0 0;
}
.product-description-tab ul li.tab-link {
    padding: 25px 10px;
    cursor: pointer;
    margin: 0 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    color: #6D869F;
    position: relative;
}
.product-description-detail .tab-link {
    padding: 15px 30px;
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    color: #6D869F;
    position: relative;
    border: 0;
    margin: 0;
    display: none;
}
.product-description {
    padding: 20px 0 40px;
}
.product-description-tab ul li.tab-link:first-child {
    margin-left: 0;
}
.product-description-detail {
    border: 1px solid var(--border);
    border-top: 0;
    border-radius: 0 0 14px 14px;
}
.product-description-detail .tab-content p {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: var(--lblack);
    margin-bottom: 20px;
}
.product-description-detail .tab-content {
    padding: 20px 20px 30px;
}
.product-description-detail .tab-content h6 {
    margin: 0 0 12px;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: var(--lblack);
}
.product-description-detail .tab-content.tab-description ol {
    padding: 0 0 0 20px;
    margin: 0 0 20px;
    counter-reset: my-counter;
    list-style: none;
}
.product-description-detail .tab-content.tab-description ol li {
    position: relative;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    color: #2F4858;
    margin-bottom: 8px;
    counter-increment: my-counter;
    padding-left: 15px;
}
.product-description-detail .tab-content.tab-description ol li:last-child {
    margin-bottom: 0;
}
.product-description-detail .tab-content.tab-description ol li a {
    color: var(--purple);
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    text-decoration: none;
}
.product-description-detail .tab-content.tab-description ol li:before {
    content: counter(my-counter)".";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 150%;
    counter-increment: step;
    color: inherit;
}
.product-description-detail .tab-content p:last-child {
    margin-bottom: 0;
}
.product-description-tab ul li.tab-link:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    left: 0;
    bottom: 0;
    background: transparent;
}
.product-description-tab ul li.tab-link.active:before {
    background: var(--purple);
}
.product-description-detail .tab-link.active {
    font-weight: 700;
    color: var(--purple);
    border-bottom: 5px solid;
}
.product-description-detail .tab-content {
    padding: 20px 20px 30px;
    display: none;
}
.product-description-detail .tab-content.active {
    display: block;
}

.product-description-tab ul li.tab-link.active {
    font-weight: 700;
    color: var(--purple);
}
.tab-specification-table table {
  width: 100%;
  border: 1px solid var(--border);
  border-spacing: 0;
  border-radius: 8px;
}
.tab-specification-table table tr td {
  padding: 10px 14px;
  border-bottom: 1px solid var(--border);
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  color: #6D869F;
}
.tab-specification-table table tr:last-child td {
  border-bottom: none;
}
.tab-specification-table table td:first-child {
  max-width: 13%;
  width: 100%;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  border-right: 1px solid var(--border);
  padding: 10px 35px;
  color: var(--lblack);
}
.tab-specification-table table tr td:last-child {
  text-align: center;
}
.tab-specification-table table tr:first-child td:first-child {
  border-radius: 8px 0 0 0;
}
.tab-specification-table table tr:first-child td:last-child {
  border-radius: 0 8px 0 0;
}
.tab-specification-table table tr:last-child td:first-child {
  border-radius: 0 0 0 8px;
}
.tab-specification-table table tr:last-child td:last-child {
  border-radius: 0 0 8px 0;
}
.tab-specification-table table tr:nth-child(even) {
  background: #FBFCFD;
}
.product-description-detail .tab-content.tab-warranty h6 {
    margin: 0 0 20px;
}
.product-description-detail .tab-content.tab-warranty p {
    margin-bottom: 54px;
    color: #2F4858;
}
.product-description-detail .tab-content.tab-warranty p:last-child {
    margin-bottom: 0;
}


.review-add-main-stars .star:before {
    content: '\2605';
    line-height: unset;
    font-size: unset;
    letter-spacing: unset;
    display: flex;
    align-items: center;
    justify-content: center;
}
.review-add-main-stars {
    display: flex;
    align-items: center;
    border: 1px solid var(--border);
    padding: 11px 16px;
    border-radius: 8px;
}
.review-add-main-stars .star.half {
    position: relative;
}
.review-add-main-stars .star.half:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    overflow: hidden;
    font-size: unset;
    line-height: unset;
    letter-spacing: unset;
    height: 100%;
    content: '\2605';
    color: #FFC107;
    -webkit-text-stroke: 1px #FFC107;
}
.review-list-inner-wrapper .review-add-main-stars .star.half:after {
    width: 7px;
}
.star::before {
    background: transparent;
    color: transparent;
    -webkit-text-stroke: 1px var(--border);
}
.star::after {
    -webkit-text-stroke: 1px var(--border);
}
.product-review-section .product-rating .star:before {
    color: var(--purple);
    -webkit-text-stroke: 1px var(--purple);
}
.review-add-main-stars .star.on {
    color: #FFC107;
}
.review-add-main-stars .star.on::before {
    color: #FFC107;
    -webkit-text-stroke: 1px #FFC107;
}
.review-add-main-stars .star {
    font-size: 35px;
    line-height: 29px;
    letter-spacing: unset;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.review-add-main-right-rating .progress {
  flex: 1;
  height: 8px;
  background: #DDE2EB;
  border-radius: 20px;
  overflow: hidden;
}
.review-add-main-right-rating .progress span {
  display: block;
  height: 100%;
  background: #A9B8D2;
  border-radius: 20px;
}
.review-add-main-right-rating ul {
    padding: 0;
    margin: 0;
}
.review-add-main-right-rating ul li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    gap: 20px;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: #6D869F;
}
.review-add-main-right-rating ul li:last-child {
    margin-bottom: 0;
}
.review-add .review-add-main {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 100px;
}
.review-add-main-left,
.review-add-main-right {
    max-width: 470px;
    width: 100%;
}
.review-add-main-left h3 {
    margin: 0 0 20px;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: var(--lblack);
}
.product-description-detail .tab-content .review-add-main-left-stars p {
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: var(--lblack);
    margin-bottom: 10px;
}
.review-add-main-stars .star + .star {
    margin-left: 12px;
}
.review-add-main-left .form-group label {
    color: var(--lblack);
}
.review-add-main-left .form-group input {
    border: 1px solid var(--border);
    width: 100%;
    border-radius: 8px;
    padding: 11px 20px;
}
.review-add-main-left .form-group  textarea {
    width: 100%;
    border: 1px solid var(--border);
    resize: none;
    height: 110px;
    border-radius: 8px;
    padding: 10px;
    display: block;
}
.review-add-main-left .form-group {
    max-width: 470px;
    width: 100%;
    margin-bottom: 20px;
}
.review-add-main-left-stars {
    margin-bottom: 20px;
}
.review-add-main-left-btn {
    max-width: 470px;
    width: 100%;
}
.review-add-main-left-btn .button {
    width: 100%;
}
.product-description-detail .tab-content .review-list {
    margin-top: 40px;
    border-top: 1px solid var(--border);
    padding: 0 20px;
}
.product-description-detail .tab-content .review-list:empty {
    display: none;
}
.product-description-detail .tab-content.tab-review {
    padding: 0 0 30px;
}
.product-description-detail .tab-content.tab-review .review-add {
    padding: 20px 20px 0;
}
.product-description-detail .tab-content .review-list .review-list-inner {
    padding: 20px 0;
    border-bottom: 1px solid var(--border);
}
.product-description-detail .tab-content .review-list .review-list-inner:first-child {
    padding-top: 30px;
}
.product-description-detail .tab-content .review-list .review-list-inner:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.review-list-inner-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 18px;
}
.review-list-inner-wrapper {
    display: flex;
    align-items: center;
    gap: 18px;
}
.review-list-inner-wrapper .review-add-main-stars {
    border: 0;
    padding: 0;
}
.review-list-inner-wrapper.review-list-inner-title span {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    color: var(--lblack);
}
.review-list-inner-wrapper.review-list-inner-date span {
    font-weight: 600;
    font-style: Italic;
    font-size: 16px;
    line-height: 100%;
    color: #2F4858;
}
.review-list-inner-wrapper.review-list-inner-date {
    gap: 8px;
}
.review-add-main-right .mini-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: var(--lblack);
    margin-bottom: 20px;
}
.review-add-main-right h2 {
    font-weight: 800;
    font-size: 40px;
    line-height: 100%;
    color: var(--lblack);
    margin-bottom: 2px;
    display: inline-block;
}
.product-description-detail .tab-content .review-add-main-right p {
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    color: #6D869F;
    display: inline-block;
    margin-bottom: 0;
}
.review-add-main-right-title {
    max-width: 70px;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

.product-description-detail .tab-content.tab-qna .tab-qna-head-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.product-description-detail .tab-content.tab-qna .tab-qna-head p {
    margin: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: var(--lblack);
}
.product-description-detail .tab-content.tab-qna .tab-qna-head p.error-text {
    color: red;
    margin-bottom: 20px;
}
.product-description-detail .tab-content.tab-qna form.answer-form {
    max-width: 600px;
    width: 100%;
    margin-top: 20px;
}
.product-description-detail .tab-content.tab-qna form.answer-form  textarea {
    width: 100%;
    border: 1px solid var(--border);
    resize: none;
    height: 150px;
    border-radius: 8px;
    padding: 10px;
    display: block;
    margin-bottom: 20px;
}
.answer-form-btn {
    display: flex;
    align-items: center;
    gap: 15px;
}
.product-description-detail .tab-content .tab-qna-head {
    margin-bottom: 30px;
}
.tab-qna-main .tab-qna-vote {
    max-width: 114px;
    width: 100%;
    height: 114px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 14px;
}
.tab-qna-main .tab-qna-main-inner .tab-qna-cont {
    max-width: calc(100% - 144px);
    width: 100%;
}
.tab-qna-main .tab-qna-vote-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    height: 100%;
}
.tab-qna-main .tab-qna-vote-inner button {
    width: auto;
    height: auto;
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
}
.product-description-detail .tab-content .tab-qna-vote-inner p {
    margin: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    color: #2F4858;
}
.product-description-detail .tab-content .tab-qna-vote-inner p span {
    font-weight: 700;
    color: var(--lblack);
    margin-right: 5px;
}
.tab-qna-main .tab-qna-vote-inner button img {
    width: 15px;
}
.tab-qna-main .tab-qna-vote-inner button:first-child img {
    transform: rotate(180deg);
}
.tab-qna-main .tab-qna-cont-main .qa-box {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    position: relative;
    flex-wrap: wrap;
}
.tab-qna-main .tab-qna-cont-main .qa-box .qa-box-left {
    max-width: 42px;
    width: 100%;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: #FBFCFD;
}
.tab-qna-main .tab-qna-main-inner .tab-qna-cont-main .qa-box .qa-box-left .qa-icon {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: var(--lblack);
}
.tab-qna-main .tab-qna-main-inner .tab-qna-cont-main .qa-box .qa-box-right {
    max-width: calc(100% - 54px);
    width: 100%;
}
.tab-qna-main .tab-qna-main-inner .qa-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.tab-qna-main .tab-qna-main-inner .qa-footer .qa-meta {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #2F4858;
}
.tab-qna-main .tab-qna-main-inner .qa-footer .qa-meta strong {
    font-weight: 600;
}
.tab-qna-main .tab-qna-main-inner .qa-footer .button {
    color: var(--purple);
    background: var(--lpurple);
    padding: 8px 18px;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
}
.tab-qna-main .tab-qna-main-inner .qa-header {
    margin-bottom: 34px;
}
.tab-qna-main .tab-qna-main-inner .answer .qa-icon {
    max-width: 34px;
    width: 100%;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: #FBFCFD;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: var(--lblack);
    position: relative;
}
.tab-qna-main .tab-qna-main-inner .answer {
    display: flex;
    justify-content: space-between;
    padding-left: 54px;
    margin-top: 20px;
    width: 100%;
}
.tab-qna-main .tab-qna-main-inner .answer + .answer {
    margin-top: 20px;
}
.tab-qna-main .tab-qna-main-inner .answer .answer-text {
    max-width: calc(100% - 64px);
    width: 100%;
    margin-top: 12px;
}
.tab-qna-main .tab-qna-main-inner .answer-text p {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: var(--lblack);
}
.tab-qna-main .tab-qna-main-inner {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 30px;
    border-bottom: 1px solid var(--border);
    padding: 26px 0;
}
.tab-qna-cont-main {
    position: relative;
}
.tab-qna-main .tab-qna-main-inner .answer .qa-icon:after {
    bottom: 16px;
    content: "";
    position: absolute;
    left: -34px;
    width: 32px;
    height: 32px;
    border: 2px solid var(--border);
    border-top: none;
    border-left: none;
    border-radius: 0 0 10px 0;
    transform: rotate(90deg);
}
.tab-qna-main .tab-qna-main-inner .answer:before {
    content: "";
    position: absolute;
    width: 2px;
    height: calc(100% - 90px);
    background: var(--border);
    left: 21px;
    top: 42px;
}
.tab-qna-main .tab-qna-main-inner:last-child {
    border-bottom: 0;
}
.product-description-detail .tab-content.tab-other-info p {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: var(--lblack);
}
.product-description-detail .tab-content.tab-faq .card .card-header button {
    background: var(--white);
    padding: 15px 20px;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: var(--lblack);
}
.product-description-detail .tab-content.tab-faq .card {
    border-color: var(--border);
    background: var(--white);
}
.product-description-detail .tab-content.tab-faq .card .collapse {
    border-top: 0;
}
.product-description-detail .tab-content.tab-faq .card .card-header.active button,
.product-description-detail .tab-content.tab-faq .card .collapse.show {
    background: #FBFCFD;
}
.product-description-detail .tab-content.tab-faq .card .collapse {
    border-radius: 0 0 8px 8px;
    padding: 0 20px 20px;
}
.product-description-detail .tab-content.tab-faq .card .collapse .card-body p, .product-description-detail .tab-content.tab-faq .card .collapse .card-body {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #6D869F;
}
.product-description-detail .tab-content.tab-faq .card .card-header button:after {
    background: url(/images/faq-plus-icon.svg) no-repeat;
    background-position: center center;
    right: 20px;
}
.product-description-detail .tab-content.tab-faq .card .card-header.active button:after {
     background: url(/images/faq-minus-icon.svg) no-repeat;
    background-position: center center;
}
.product-description-detail .tab-content.tab-faq .card .collapse h4 {
    margin: 0 0 20px;
}
.review-add-main-left .form-group input {
    border: 1px solid #D9DDE3;
    width: 100%;
    border-radius: 8px;
    padding: 11px 20px;
    box-shadow: 0px 2px 2px 0px #D9DDE34D;
    color: #9AA5B3;
    font-weight: 500;
    font-size: 14px;
}
.error-text{
    color:red;
}
.loading-content-cls,
.overlay-cover {
  position: relative;
  overflow: hidden;
}
.loading-content-cls:before,
.overlay-cover:before {
  display: block;
  background: #eee;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  content: "";
  z-index: 10;
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.loading-content-cls::after,
.overlay-cover::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150px;
  height: 100%;
  width: 150px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
  animation: shimmer 1.5s infinite;
  z-index: 30;
}

@keyframes shimmer {
  100% { left: 100%; }
}
.cart-main-left-table table .cart-product-wrap .product-name-title a {
    text-decoration: none;
    color: var(--lblack);
}


/* ==================== Service Detail Css Start ==================== */

.service-tab ul.service-tab-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 20px;
    list-style: none;
    padding: 0;
}
.service-tab .service-tab-list li.tab-link {
    max-width: 48%;
    width: 100%;
    border: 2px solid #D9DDE3;
    padding: 9px;
    color: var(--lblack);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
}
.service-tab .service-tab-list li.tab-link.active {
    border-color: var(--purple);
}
.service-tab-content-info-inner .info-label {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: var(--lblack);
    text-transform: capitalize;
    min-width: 160px;
}
.service-tab-content-info-inner {
    display: flex;
    align-items: center;
}
.service-tab-content-info-inner .info-value {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.service-tab-content-info-inner .info-value ul {
    padding: 10px;
    margin: 0;
    list-style: none;
    border: 1px solid var(--border);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    width: 100%;
}
.service-tab-content-info-inner .info-value ul li.qty_button {
    width: min-content;
    padding: 10px;
    min-width: 70px;
    border: 1px solid var(--border);
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: var(--lblack);
    text-transform: capitalize;
    cursor: pointer;
}
.service-tab .service-tab-list li.tab-link span {
    display: block;
}
.service-tab-content-info-inner .info-value .info-input-group {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}
.service-tab-content-info-inner .info-value .info-input-group input {
    margin: 0;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
}
.service-tab-content-info-inner .info-value .info-input-group label {
    position: relative;
    padding-left: 28px;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: var(--lblack);
    cursor: pointer;
}
.service-tab-content-info-inner .info-value .info-input-group label:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border: 2px solid var(--border);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}
.service-tab-content-info-inner .info-value .info-input-group input:checked + label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 6px solid var(--purple);
    border-radius: 50%;
    width: 6px;
    height: 6px;
}
.service-tab-content-info-inner .info-value .info-value-qty-value {
    border: 1px solid #D9DDE3;
    border-radius: 10px;
    max-width: 145px;
    width: 100%;
    min-width: 145px;
    padding: 12px 15px;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    background: var(--white);
    cursor: pointer;
}
.service-tab-content-info-inner + .service-tab-content-info-inner {
    margin-top: 20px;
}
.service-tab-content-info-textarea label {
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: var(--lblack);
    margin-bottom: 10px;
}
.service-tab-content-info-textarea textarea {
    width: 100%;
    height: 100px;
    resize: none;
    border: 1px solid #D9DDE3;
    border-radius: 8px;
    padding: 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #9AA5B3;
    display: block;
}
.service-tab-content-info-textarea {
    margin: 20px 0;
}
.service-tab-content-info-btn .button {
    background: #E9E4F3;
    width: 100%;
    color: var(--purple);
    padding: 12px 20px;
}
.service-accordion .card .card-body .service-tab-content .tab-content {
    display: none;
}
.service-accordion .card .card-body .service-tab-content .tab-content.active {
    display: block;
}
.service-tab-content-info-btn .button:hover {
    background: var(--purple);
    color: var(--white);
}
.service-form-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.service-form-inner .form-group {
    max-width: 48%;
    width: 100%;
    margin-bottom: 15px;
}
.service-form-inner .form-group select {
    border: 1px solid #D9DDE3;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: var(--lblack);
    padding: 11px 30px 11px 20px;
    width: 100%;
    cursor: pointer;
    -webkit-appearance: none;
    background: url("/images/arrow-down.svg");
    background-repeat: no-repeat;
    background-position: center right 10px;
}
.service-form-inner .form-group input {
    border: 1px solid #D9DDE3;
    border-radius: 8px;
    padding: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #9AA5B3;
    width: 100%;
}
.service-form-inner:last-child .form-group {
    margin-bottom: 0;
}
.service-form-inner .form-group .ratio-btn, .service-form-inner .form-group .ratio-btn .info-input-group {
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
}
.service-form-inner .form-group .ratio-btn .info-input-group label {
    margin: 0;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
}
.service-form-inner .form-group .ratio-btn .info-input-group label:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border: 2px solid var(--border);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}
.service-form-inner .form-group .ratio-btn .info-input-group input {
    margin: 0;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
}
.service-form-inner .form-group .ratio-btn .info-input-group input:checked + label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 6px solid var(--purple);
    border-radius: 50%;
    width: 6px;
    height: 6px;
}
.service-form-inner .form-group .ratio-btn {
    margin-top: 14px;
}
.service-form-inner .form-group .form-group-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.service-form-inner .form-group .form-group-inner .form-group-inner-wrap {
    max-width: 30%;
    width: 100%;
}
.service-form-inner.full-width .form-group textarea {
    width: 100%;
    border: 1px solid #D9DDE3;
    border-radius: 8px;
    padding: 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #9AA5B3;
    resize: none;
    height: 100px;
    display: block;
}
.service-form-inner.full-width .form-group {
    max-width: 100%;
}
.service-form-inner.attach-file .form-group:first-child, .service-form-inner.attach-file .form-group:first-child label {
    margin-bottom: 0;
}
.tab-attachment-main-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.tab-attachment-main-wrapper:last-child {
    margin-bottom: 0;
}
.product-description-detail .tab-content .tab-attachment-main-wrapper p {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
}
.product-description-detail .tab-content .tab-attachment-main-wrapper .button {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 30px;
}
.product-description-detail .tab-content .tab-attachment-main-wrapper .button img {
    filter: brightness(0) invert(1);
}
.tab-video-main.half iframe{
    max-width: 48.8%;
 }
.tab-video-main iframe {
    width: 100%;
    height: 400px;
}
.tab-video-main.half {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
}
.page-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.page-loader img {
  width: 80px;
  height: 80px;
}
.service-infill-list ul {
    margin: 0;
    padding: 0 0 0 20px;
    list-style: none;
}
.service-infill-list ul li {
    margin-bottom: 10px;
}
.service-infill-list ul li:last-child {
    margin-bottom: 0;
}
.service-infill-list ul li .info-input-group {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}
.service-infill-list ul li .info-input-group input {
    margin: 0;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
}
.service-infill-list ul li .info-input-group label {
    position: relative;
    padding-left: 28px;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: var(--lblack);
    cursor: pointer;
}
.service-infill-list ul li .info-input-group label:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border: 2px solid var(--border);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    cursor: pointer;
}
.service-infill-list ul li .info-input-group input:checked + label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 6px solid var(--purple);
    border-radius: 50%;
    width: 6px;
    height: 6px;
    cursor: pointer;
}
.service-infill-selected {
    border: 1px solid var(--border);
    padding: 5px 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: var(--lblack);
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 10px;
}
.service-infill-selected span {
    font-weight: 400;
    display: flex;
    gap: 10px;
    align-items: center;
}
.service-infill-list {
    margin-top: 20px;
}
.service-infill-selected span.infill-value {
    width: 30px;
    height: 30px;
    display: block;
    border: 2px solid var(--gray);
    border-radius: 8px;
}
.service-didnt-find p {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: var(--lblack);
    cursor: pointer;
    text-decoration: underline;
}
.header-search-inner-open {
    position: absolute;
    background: #fff;
    width: 800px;
    left: 50%;
    border: 1px solid var(--border);
    z-index: 11;
    display: flex;
    transform: translateX(-50%);
    padding: 15px 0;
}
.header-search-inner-open .sidebar {
  width: 50%;
  border-right: 1px solid #ddd;
  padding: 15px;
}
.header-search-inner-open .sidebar h4 {
  margin: 0 0 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--border);
  font-size: 16px;
  line-height: 22px;
  color: var(--lblack);
}
.header-search-inner-open .sidebar .sidebar-categories ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.header-search-inner-open .sidebar .sidebar-categories li {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  cursor: pointer;
  padding: 15px 0 0;
}
.header-search-inner-open .sidebar .price {
  color: #444;
  font-weight: bold;
}
.header-search-inner-open .product-details {
  width: 50%;
  padding: 15px;
}
.header-search-inner-open .product-img {
  width: 250px;
  margin-bottom: 15px;
}
.header-search-inner-open .product-details h2 {
  margin-bottom: 10px;
}
.header-search-inner-open .price {
  font-size: 18px;
  color: #222;
  margin-bottom: 10px;
}
.header-search-inner-open .desc {
  font-size: 14px;
  color: #555;
  margin-bottom: 15px;
}
.header-search-inner-open .stock {
  color: green;
  font-weight: bold;
  margin-bottom: 15px;
}
.header-search-inner-open .cart {
  display: flex;
  gap: 10px;
}
.header-search-inner-open .cart input {
  width: 60px;
  padding: 5px;
}
.header-search-inner-open .cart button {
  padding: 8px 15px;
  background: #007bff;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}
.header-search-inner-open .cart button:hover {
  background: #0056b3;
}
.header-search-inner-open .sidebar .sidebar-categories li .breadcrumb {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 80%;
    text-align: left;
    opacity: .6;
    width: 100%;
    padding-right: 10px;
}
.header-search-inner-open .sidebar .sidebar-categories li a {
    color: var(--lblack);
    font-size: 14px;
    text-decoration: none;
}
.header-search-inner-open .product-details-categories .product-details-warpper-cont a,
.header-search-inner-open .sidebar-product ul .product-warpper .product-warpper-cont-title span a {
    color: inherit;
    text-decoration: none;
}
.header-search-inner-open .sidebar li:hover > a {
    text-decoration: underline;
}
.header-search-inner-open .sidebar .sidebar-categories,
.header-search-inner-open .sidebar .sidebar-product {
    margin-bottom: 30px;
}
.header-search-inner-open .sidebar .sidebar-product:last-child {
    margin-bottom: 0;
}
.header-search-inner-open .sidebar-product ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.header-search-inner-open .sidebar-product ul .product-warpper,
.header-search-inner-open .sidebar .sidebar-categories li .product-warpper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-search-inner-open .sidebar-product ul .product-warpper .product-warpper-img,
.header-search-inner-open .sidebar .sidebar-categories .product-warpper-img {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-search-inner-open .sidebar-product ul .product-warpper .product-warpper-cont,
.header-search-inner-open .sidebar .sidebar-categories .product-warpper-cont {
    max-width: calc(100% - 60px);
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.header-search-inner-open .sidebar .sidebar-categories .product-warpper-cont a,
.header-search-inner-open .sidebar .sidebar-categories .product-warpper-cont .breadcrumb {
    width: 100%;
}
.header-search-inner-open .sidebar-product ul .product-warpper .product-warpper-img img,
.header-search-inner-open .sidebar .sidebar-categories .product-warpper-img img {
    width: 100%;
    height: 100%;
    display: block;
}
.header-search-inner-open .sidebar-product ul .product-warpper .product-warpper-cont-title span {
    font-size: 14px;
    line-height: 20px;
    display: block;
    color: var(--lblack);
    font-weight: 400;
}
.header-search-inner-open .sidebar-product ul .product-warpper .product-warpper-cont-title span.product-sku-cls {
    color: var(--gray);
    font-size: 12px;
    line-height: 18px;
}
.header-search-inner-open .sidebar-product ul .product-warpper  .product-warpper-cont-price span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: var(--lblack);
}
.header-search-inner-open .sidebar-product ul .product-warpper .product-warpper-cont-price span:last-child {
    font-size: 12px;
    color: var(--gray);
}
.header-search-inner-open .sidebar-product ul .product-warpper .product-warpper-cont-title {
    max-width: 80%;
}
.header-search-inner-open .sidebar-product ul li {
    padding: 15px 0 0;
}
.header-search-inner-open .product-details-categories h4 {
    margin: 0 0 10px;
    padding-bottom: 5px;
    border-bottom: 1px dashed var(--border);
    font-size: 16px;
    line-height: 22px;
    color: var(--lblack);
    min-height: unset;
    font-weight: 700;
}
.header-search-inner-open .product-details-categories h4 span {
    font-weight: 400;
}
.header-search-inner-open .product-details-categories ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.header-search-inner-open .product-details-categories ul .product-details-warpper {
    display: flex;
    align-items: center;
}
.header-search-inner-open .product-details-categories .product-details-warpper-img {
    width: 70px;
    padding: 4px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    height: 70px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-search-inner-open .product-details-categories .product-details-warpper-cont {
    max-width: calc(100% - 100px);
    width: 100%;
}
.header-search-inner-open .product-details-categories .product-details-warpper-cont h6 {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 5px;
}
.header-search-inner-open .product-details-categories .product-rating .star[data-rating="5"]::before,
.header-search-inner-open .product-details-categories .product-rating .star[data-rating="0"]::after {
    color: var(--purple);
    -webkit-text-stroke: var(--purple);
}
.header-search-inner-open .product-details-categories .product-rating {
    gap: 5px;
    margin-bottom: 5px;
}
.header-search-inner-open .product-details-categories .product-details-warpper-cont-price {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: var(--lblack);
    display: flex;
    align-items: center;
    gap: 5px;
}
.header-search-inner-open .product-details-categories .product-details-warpper-cont-price span:last-child {
    color: var(--gray);
}
.header-search-inner-open .sidebar-product ul li a.all-product,
.header-search-inner-open .product-details-categories ul li a.all-product{
    display: block;
    margin: 0 auto;
    color: var(--gray);
    text-decoration: none;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
}
.header-search-inner-open .sidebar-product ul li a.all-product:hover,
.header-search-inner-open .product-details-categories ul li a.all-product:hover{
    text-decoration: underline;
}
.header-search-inner-open .product-details-categories ul li {
    padding: 15px 0 0;
}
.header-search-inner-open .product-details-main-inner-img {
    min-height: 200px;
    width: 100%;
    max-height: 300px;
    height: 100%;
    height: 300px;
    border-bottom: 1px solid var(--border);
}
.header-search-inner-open .product-details-main-inner-img a {
    display: block;
    height: 100%;
    width: 100%;
}
.header-search-inner-open .product-details-main-inner-img img {
    width: 100%;
    height: 100%;
    display: block;
}
.header-search-inner-open .product-details-main-inner-cont .product-title {
    font-size: 20px;
    line-height: 26px;
    max-width: unset;
    display: block;
    text-decoration: none;
    color: var(--lblack);
}
.header-search-inner-open .product-details-main-inner-cont {
    padding: 0 15px;
    margin-top: 20px;
}
.header-search-inner-open .product-details-main-inner-cont .product-sku {
    font-size: 14px;
    line-height: 20px;
    color: var(--gray);
}
.header-search-inner-open .product-details-main-inner-cont .product-rating .star[data-rating="5"]::before,
.header-search-inner-open .product-details-main-inner-cont .product-rating .star[data-rating="0"]::after {
    color: var(--purple);
}
.header-search-inner-open .product-details-main-inner-cont .product-rating {
    gap: 5px;
}
.header-search-inner-open .product-details-main-inner-cont .product-price-main-gst {
    font-size: 14px;
    line-height: 20px;
    margin-left: 5px;
}
.header-search-inner-open .product-details-main-inner-cont .product-price-main {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border);
    margin: 15px 0;
}
.header-search-inner-open .product-details-main-inner-cont .product-desc p {
    font-size: 14px;
    line-height: 20px;
    color: var(--lblack);
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.header-search-inner-open .product-details-main-inner-cont .product-desc {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--border);
}
.header-search-inner-open .product-details-main-inner-cont .product-stock {
    font-size: 16px;
    line-height: 22px;
    display: block;
    text-align: right;
    margin-bottom: 15px;
    color: #488321;
    font-weight: 500;
}
.header-search-inner-open .product-details-main-inner-cont .product-stock.out-of-stock {
    color: #ED1717;
}
.header-search-inner-open .product-details-main-inner-cont .product-bottom-cart {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.material-tab-list-value ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.material-tab-list-wrap {
    display: flex;
    align-items: flex-start;
}
.material-tab-list-label {
    max-width: 110px;
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #01062E;
}
.material-tab-list {
    margin-top: 20px;
}
.material-tab-list-value ul li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.material-tab-list-value ul li .material-group input {
    margin: 0;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
}
.material-tab-list-value ul li .material-group label {
    position: relative;
    font-weight: 600;
    font-size: 0;
    width: 30px;
    height: 30px;
    display: block;
    border: 2px solid var(--gray);
    border-radius: 8px;
    cursor: pointer;
}
.material-tab-list-value ul li .material-group {
    display: block;
}
.material-tab-list-value ul li .material-group span {
    display: none;
    position: absolute;
    width: 250px;
    height: 250px;
    background: #fff;
    box-shadow: 0 0 3px 0px rgb(0 0 0 / 20%);
    border-radius: 8px;
    padding: 10px;
    z-index: 2;
    bottom: calc(100% + 20px);
    left: 50%;
    transform: translateX(-50%);
}
.material-tab-list-value ul li .material-group input:checked + label:before {
    content: "";
    position: absolute;
    background: url("/images/check-icon.svg");
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
}
.material-tab-list-value ul li .material-group input:checked + label {
    border-color: var(--purple);
}
.material-tab-list-value ul li .material-group label:hover + span {
    display: block;
}
.material-tab-list-value ul li .material-group span img {
    width: 100%;
    height: 100%;
    display: block;
}
.material-tab-list-value ul li .material-group span:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff; /* Preview box ni background color */
    filter: drop-shadow(0 -1px 1px rgba(0,0,0,0.1));
}
.card-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}
.card-footer .button.back-btn {
    background: #E9E4F3;
    color: var(--purple);
}
.card-footer .button.back-btn:hover {
    background: var(--purple);
    color: var(--white);
}
.finalize-tab-cart .finalize-tab-cart-btn {
    display: flex;
    align-items: center;
    gap: 6px;
}
.finalize-tab-cart .finalize-tab-cart-btn img {
    filter: brightness(0) invert(1);
}
.finalize-tab-cart {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}
.feature-brand-head-search p {
    margin: 10px 0 0;
}
.categories-page .featured-categories {
    margin: 0;
}
.product-grid,
.product-list {
    padding-bottom: 60px;
}
.sub-categories-page .container,
.select-product .container {
    padding: 0;
}
.product-detail-availability h4 span.out-stock-cls {
    color: red;
    font-weight: 600;
}
.logo-item a img {
    max-width: 70px;
}
.feature-brand-detail .feature-brand-detail-head img {
    max-width: 200px;
}
.service-detail-sub-head a {
    color: #2F4858;
}
.service-detail-sub-head a + a {
    margin-left: 5px;
}
.service-detail-right-inner .service-detail-rating .star:before {
    color: var(--purple);
    -webkit-text-stroke: 1px var(--purple);
}
.material-tab-list-wrap + .material-tab-list-wrap {
    margin-top: 20px;
}




.popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    animation: fadeIn 0.3s ease;
    z-index: 1000;
}
.popup-content {
    background: #fff;
    border-radius: 12px;
    padding: 2rem;
    max-width: 500px;
    width: 90%;
    position: relative;
    animation: slideIn 0.3s ease;
}
.popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
}
.popup-title {
    margin-bottom: 1rem;
}
.popup-body input {
    width: 100%;
    height: 100%;
    padding: 15px 20px;
    border: 1px solid var(--border);
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: var(--black);
    margin-bottom: 20px;
}
.popup-body button.button {
    width: 100%;
}
.popup-content h2 {
    text-align: center;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideIn {
    from { transform: translateY(-50px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
.feature-brand-detail .product-control-bar-left, .feature-brand-detail .product-control-bar-right {
    width: fit-content;
}
.feature-brand-detail .product-control-bar-left-sort-by {
    margin: 0;
}
.product-grid-main .product-block:first-child {
    border-left: 1px solid var(--border);
    border-radius: 8px 0 0 8px;
}
.product-grid-main .product-block:last-child {
    border-radius: 0 8px 8px 0;
}
.product-control-bar-left .filter-section .rc-slider .rc-slider-step {
    background: var(--purple);
}
.product-control-bar-left .filter-section .rc-slider .rc-slider-handle {
    background: #fff;
    border: 4px solid var(--purple);
    opacity: 1;
}
.filter-section-price {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: var(--purple);
    display: flex;
    align-items: center;
    gap: 10px;
}
.filter-section-price .filter-section-price-num {
    font-weight: 600;
}
.filter-section-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.filter-section {
    margin-left: 20px;
}

/* ==================== Career Page Css Start ==================== */

.career-job-head {
    padding: 30px 0 60px;
}
.career-job-head h1 {
    margin: 0 0 20px;
}
.career-job-head p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: var(--lblack);
}
.career-job-head p:last-child {
    margin-bottom: 0;
}
.career-job-search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 15px;
}
.career-job-search .search-close-icon {
    background: transparent;
    border: 1px solid var(--border);
    width: 30px;
    height: 30px;
    padding: 0;
    cursor: pointer;
}
.career-job-search .search-close-icon .clear-search-image {
    width: 100%;
    height: 100%;
}
.career-job-search .search-bar input.search-input {
    padding-right: 160px;
    padding-left: 45px;
}
.career-job-search h2 {
    margin: 0;
}
.career-job-main {
    display: flex;
    align-items: stretch;
    gap: 24px;
    flex-wrap: wrap;
    padding: 40px 0;
}
.career-job-main-inner-head-img img {
    width: 100%;
    height: 100%;
    display: block;
}
.career-job-main .no-job p {
    margin: 0;
    text-align: center;
}
.career-job-main .no-job {
    text-align: center;
    width: 100%;
}
.career-job-main-inner {
    max-width: calc(33.333% - 16px);
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 24px;
    display: flex;
    flex-direction: column;
}
.career-job-main-inner-head {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.career-job-main-inner-head-content {
    max-width: calc(100% - 85px);
}
.career-job-main-inner-head-img {
    width: 70px;
    height: 70px;
}
.career-job-main-inner-head-img img {
    width: 100%;
    height: 100%;
    display: block;
}
.career-job-main-inner-head-content h4 {
    margin: 0;
    font-size: 18px;
}
.career-job-main-inner ul {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    min-height: 100px;
}
.career-job-main-inner ul li {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.career-job-main-inner ul li:last-child {
    margin-bottom: 0;
}
.career-job-main-inner ul li p {
    margin: 0;
    color: var(--purple);
    font-weight: 500;
    width: calc(100% - 35px);
}
.career-job-main-inner ul li img {
    width: 20px;
    height: 20px;
}
.career-job-main-inner p {
    margin: 0 0 20px;
}
.career-job-main-inner-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: auto;
}
.career-job-main-inner-button .btn-read {
    background: var(--lpurple);
    color: var(--purple);
}
.career-job-main-inner-button .btn-read:hover {
    background: var(--purple);
    color: var(--white);
}
.career-job-main-inner-button .button {
    padding: 10px 15px;
}

/* ==================== Career Page Css End ==================== */

/* ==================== Blog Listing Page Css Start ==================== */

.blog-search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
    padding: 20px 0;
}
.blog-search h1 {
    margin: 0;
}
.blog-listing-page {
    padding: 40px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.blog-listing-page-main {
    max-width: calc(100% - 441px);
    width: 100%;
}
.blog-listing-page-sidebar {
    max-width: 417px;
    width: 100%;
}
.recent-blog {
    margin-bottom: 40px;
}
.recent-blog-main-item {
    margin: 0 10px;
    border: 1px solid var(--border);
    width: auto !important;
    border-radius: 14px;
    position: relative;
}
.recent-blog-main-item-image {
    width: 100%;
    height: 170px;
    border-radius: 14px;
}
.recent-blog-main-item-image img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 14px;
}
.recent-blog-main-item-content {
    padding: 30px 10px 10px;
}
.recent-blog-main-item-content h3 {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: var(--lblack);
}
.recent-blog-main-item-content h3,
.blog-listing-main-inner-cont h3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    min-height: 48px;
}
.recent-blog-main-item-content p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    min-height: 42px;
}
.recent-blog-main .slick-slider .slick-track {
    display: flex;
    height: 100%;
}
.recent-blog-main .slick-slider .slick-track .slick-slide > div {
    height: 100%;
}
.recent-blog-main-item-btn {
    margin-top: auto;
}
.recent-blog-main-item-content h3 a,
.blog-listing-main-inner-cont h3 a {
    text-decoration: none;
    color: inherit;
    display: block;
}
.recent-blog-main-item-content p {
    margin: 0 0 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #2F4858;
}
.recent-blog-main-item-btn .button {
    width: 100%;
    text-align: center;
    background: var(--white);
    color: var(--purple);
    border: 1px solid var(--border);
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    padding: 12px 25px;
}
.recent-blog-main-item-btn .button:hover {
    background: var(--purple);
    color: var(--white);
}
.recent-blog-main .slick-list {
    margin: 0 -10px;
}
.recent-blog-main-item-view p {
    margin: 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    color: var(--white);
}
.recent-blog-main-item-view {
    padding: 6px 18px;
    border: 2px solid #FFFFFF;
    display: inline-block;
    background: #EF7F1B;
    border-radius: 4px;
    margin-top: -14px;
    position: absolute;
    left: 20px;
}
.blog-listing-main-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-bottom: 40px;
}
.blog-listing-main-inner {
    max-width: calc(33.3333% - 12px);
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 14px;
    position: relative;
}
.blog-listing-main-inner-img {
    position: relative;
    width: 100%;
    height: 170px;
}
.blog-listing-main-inner-img img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 14px;
}
.blog-listing-main-inner-view {
    padding: 6px 18px;
    border: 2px solid #FFFFFF;
    display: inline-block;
    background: #EF7F1B;
    border-radius: 4px;
    position: absolute;
    left: 20px;
    margin-top: -14px;
}
.blog-listing-main-inner-view p {
    margin: 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    color: var(--white);
}
.blog-listing-main-inner-cont {
    padding: 30px 10px 10px;
    height: calc(100% - 170px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.blog-listing-main-inner-btn .button {
    width: 100%;
    text-align: center;
    border: 1px solid var(--border);
    padding: 12px 25px;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    background: var(--white);
    color: var(--purple);
}
.blog-listing-main-inner-btn .button:hover {
    background: var(--purple);
    color: var(--white);
}
.blog-listing-main-inner-cont h3 {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: var(--lblack);
}
.blog-listing-main-inner-cont p {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #2F4858;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Number of lines to show */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.blog-listing-main-load-more {
    text-align: center;
}
.blog-listing-main-load-more .button {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    padding: 13px 42px;
}
.blog-listing-page-sidebar-search,
.blog-listing-page-sidebar-author {
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 30px 20px;
}
.blog-listing-page-sidebar-inner {
    margin-bottom: 24px;
}
.blog-listing-page-sidebar-inner:last-child {
    margin-bottom: 0;
}
.blog-listing-page-sidebar-search h3,
.blog-listing-page-main .blog-listing-page-sidebar-search h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    margin: 0 0 14px;
}
.blog-listing-page-sidebar-search .search-bar {
    max-width: 100%;
}
.blog-listing-page-sidebar-search .search-bar .search-input {
    padding: 19px 90px 19px 20px;
    height: auto;
    line-height: 14px;
}
.blog-listing-page-sidebar-search .button-search {
    border: 0;
    background: transparent;
    padding: 10px;
    cursor: pointer;
    position: absolute;
    right: 10px;
}
.blog-listing-page-sidebar-search .search-bar::before {
    display: none;
}
.blog-listing-page-sidebar-search .search-bar .search-close-icon .clear-search-image {
    width: 100%;
    height: 100%;
}
.blog-listing-page-sidebar-search .search-bar .search-close-icon {
    right: 55px;
    background: transparent;
    border: 1px solid var(--border);
    width: 30px;
    height: 30px;
    padding: 0;
    cursor: pointer;
}
.blog-listing-page-sidebar-categories h3,
.blog-listing-page-sidebar-author h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    margin: 0 0 14px;
}
.blog-listing-page-sidebar-categories {
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 30px 20px 60px;
}
.blog-listing-page-sidebar-author img {
    width: 150px;
    height: 150px;
    object-fit: cover;
}
.sidebar-categories-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebar-categories-list li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: var(--lblack);
    padding: 15px 0;
    border-bottom: 1px dotted #B7B6CC;
}
.sidebar-categories-list li a span {
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: #2F4858;
}
.sidebar-categories-list li:last-child a {
    border-bottom: 0;
}
.blog-listing-page-main .blog-listing-page-sidebar-search {
    display: none;
}
.blog-listing-page-sidebar-post {
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 20px;
}
.blog-listing-page-sidebar-post h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    margin: 0 0 14px;
}
.related-post-main-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 0;
    border-bottom: 2px dotted var(--border);
}
.related-post-main-item-img {
    width: 100px;
    height: 100px;
}
.related-post-main-item-img img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    display: block;
    object-fit: cover;
}
.related-post-main-item-content {
    max-width: calc(100% - 118px);
    width: 100%;
}
.related-post-main-item-content a {
    text-decoration: none;
}
.related-post-main-item-content h4 {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 12px;
    color: var(--lblack);
}
.related-post-main-item-content-date {
    display: flex;
    align-items: center;
    gap: 5px;
}
.related-post-main-item-content-date span {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: #2F4858;
}
.related-post-main-item:first-child {
    padding-top: 0;
}
.related-post-main-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.blog-listing-page-sidebar-share {
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 30px 20px;
}
.blog-listing-page-sidebar-share h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    margin: 0 0 25px;
}
.blog-listing-page-sidebar-share-social {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0;
    margin: 0;
}
.blog-listing-page-sidebar-share-social li {
    width: 54px;
    height: 54px;
    border: 1px solid var(--border);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all 300ms linear;
}
.blog-listing-page-sidebar-share-social li a img {
    display: block;
    width: 22px;
    height: 22px;
    transition: all 300ms linear;
}
.blog-listing-page-sidebar-share-social li a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.blog-listing-page-sidebar-share-social li:hover {
    background: var(--purple);
    transition: 300ms linear;
}
.blog-listing-page-sidebar-share-social li:hover a img {
    filter: brightness(0) invert(1);
    transition: 300ms linear;
}

/* ==================== Blog Listing Page Css End ==================== */


/* ==================== Career Detail Page Css Start ==================== */

.career-detail {
    padding: 60px 0;
}
.career-detail h2,
.job-features {
    margin-bottom: 30px;
}
.career-detail-head {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
}
.career-detail-head-img {
    width: 100px;
    height: 100px;
}
.career-detail-head-img img {
    width: 100%;
    height: 100%;
    display: block;
}
.career-detail-head-info ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 60px;
}
.career-detail-head-info ul li {
    display: flex;
    align-items: center;
    /* flex-wrap: wrap; */
    gap: 10px;
}
.account-detail-cont .wallet-balance {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 30px;
    color: var(--lblack);
}
.career-detail-head-info ul li p {
    margin: 0;
}
.career-detail-head-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.job-features h3,
.apply-for-job h3,
.career-detail-job-desc-cont h3 {
    margin: 0 0 20px;
}
.job-features-table {
    overflow-x: auto;
}
.job-features table,
.career-detail table {
    border: 1px solid var(--border);
    border-spacing: 0;
    width: 100%;
}
.job-features table tr td,
.career-detail table tr td {
    border-bottom: 1px solid var(--border);
    padding: 10px 20px;
    font-size: 16px;
    line-height: 22px;
    color: var(--lblack);
    font-weight: 400;
}
.job-features table tr:last-child td,
.career-detail table tr:last-child td {
    border-bottom: 0;
}
.job-features table tr td:first-child ,
.career-detail table tr td:first-child {
    border-right: 1px solid var(--border);
    width: 30%;
    font-weight: 700;
}
.job-features table tr td:last-child,
.career-detail table tr td:last-child {
    width: 70%;
}

.apply-for-job form {
    border: 1px solid var(--border);
    padding: 30px;
    border-radius: 14px;
}
.apply-for-job form .form-group input {
    margin: 0;
}
.apply-for-job form .form-group {
    margin-bottom: 20px;
}
.apply-for-job form .form-group input#attach_file {
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 15px 20px;
    color: #9AA5B3;
    font-weight: 500;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
}

/* ==================== Career Detail Page Css End ==================== */

/* ==================== Atal Page Css Start ==================== */

.about-wrapper + .about-wrapper {
    padding: 0;
}
.why-choose-us,
.industries-b2b {
    padding: 60px 0;
}
.why-choose-us h2,
.industries-b2b h2 {
    margin: 0 0 30px;
}
.why-choose-us-main {
    display: flex;
    align-items: stretch;
    gap: 30px;
    flex-wrap: wrap;
}
.why-choose-us-main-inner {
    max-width: calc(33.333% - 20px);
    width: 100%;
    box-shadow: 0 0 7px 1px #0000006e;
    padding: 30px;
    border-radius: 14px;
}
.why-choose-us-main-inner-icon {
    width: 150px;
    height: 150px;
    margin: 0 auto 30px;
}
.why-choose-us-main-inner-content h3 {
    margin: 0 0 15px;
}
.why-choose-us-main-inner-content p {
    margin: 0;
}
.atl-package {
    padding: 60px 0;
}
.atl-package-main .slick-list .slick-slide > div {
    border: 1px solid var(--border);
    border-radius: 20px;
}
.atl-package-main .slick-list .slick-slide > div .atl-package-main-inner img {
    border-radius: 20px;
}
.atl-package-main .slick-list .slick-slide {
    margin-bottom: 10px;
}
.online-presence-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
}
.online-presence-main-inner {
    max-width: calc(50% - 20px);
    width: 100%;
}
.online-presence-main-inner p {
    font-size: 22px;
    line-height: 30px;
    margin: 0;
}
.online-presence-main-inner h2 {
    font-size: 32px;
    line-height: 40px;
}
.online-presence {
    padding: 60px 0;
}
.our-customers {
    padding: 0 0 60px;
}
.our-customers h2 {
    margin: 0 0 30px;
}
.our-customers .button-wrapper {
    text-align: center;
    margin-top: 50px;
}
.atl-package h2 {
    margin: 0 0 30px;
}
.our-customers-main {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 30px;
}
.our-customers-main-inner {
    max-width: calc(33.333% - 20px);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.our-customers-main-inner img {
    width: 70%;
}
.our-customers-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-decoration: none;
    color: var(--purple);
}
.atl-enquiry-form {
    padding: 60px 0;
}
.seller-form .form-group textarea.input-field {
    height: 120px;
    resize: none;
}
.seller-form .form-group .input-field {
    line-height: 22px;
    margin-bottom: 0;
}
.seller-form .form-group {
    margin-bottom: 25px;
}
.seller-form .form-group .upload-box {
    border: 2px dotted #C4CEDD;
    border-radius: 8px;
    background: #F4F6F9;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 20px;
    cursor: pointer;
}
.seller-form .form-group .upload-box .input-field {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
    top: 0;
    opacity: 0;
    padding: 0;
    cursor: pointer;
}
.seller-form .form-group .upload-box p {
    margin: 0 0 0 5px;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: #000033;
}

/* ==================== Atal Page Css End ==================== */

/* ==================== Blog Detail Page Css Start ==================== */

.breadcrumb.blog-detail-breadcrumb {
    padding: 20px 0;
}
.blog-detail-page {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 24px;
    padding-bottom: 80px;
}
.blog-detail-page-sidebar {
    max-width: 417px;
    width: 100%;
}
.blog-detail-page-main {
    max-width: calc(100% - 441px);
    width: 100%;
}
.blog-detail-page-main-img {
    height: 450px;
    margin-bottom: 20px;
}
.blog-detail-page-main-img img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 14px;
    object-fit: cover;
}
.blog-detail-page-main-tag ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 10px;
}
.blog-detail-page-main-tag ul li a {
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #2F4858;
}
.blog-detail-page-main-tag ul li {
    padding: 6px 18px;
    border: 1px solid #D5DEE8;
    background: #F7F8F9;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog-detail-page-main-tag {
    margin-bottom: 20px;
}
.blog-detail-page-main h1 {
    margin: 0 0 27px;
}
.blog-detail-page-main-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 28px;
    flex-wrap: wrap;
}
.blog-detail-page-main-info ul li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    position: relative;
}
.blog-detail-page-main-info ul li img {
    width: 20px;
    height: 20px;
}
.blog-detail-page-main-info ul li span,
.blog-detail-page-main-info ul li span a {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #2F4858;
    text-decoration: none;
}
.blog-detail-page-main-info ul li:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 14px;
    background: #D9DDE3;
    right: -14px;
    top: 50%;
    transform: translateY(-50%);
}
.blog-detail-page-main-info ul li:last-child:before {
    display: none;
}
.blog-detail-page-main-info {
    margin-bottom: 28px;
    border-bottom: 1px solid var(--border);
    padding-bottom: 27px;
}
.blog-detail-page-main-content {
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 30px;
}
.blog-detail-page-main-content p:last-child {
    margin: 0;
}
.blog-detail-cont-table-cont h2 {
    margin: 0 0 15px;
}
.blog-detail-cont-table-cont ul {
    list-style: decimal;
    margin: 0 0 20px;
    padding: 0 0 20px 20px;
    border-bottom: 1px solid #E9E5F6;
}
.blog-detail-cont-table-cont ul li a {
    text-decoration: none;
}
.blog-detail-cont-table-cont ul li {
    font-weight: 500;
    font-size: 16px;
    line-height: 200%;
    color: #000033;
}
.blog-detail-cont-table-cont ul li a {
    color: inherit;
}
.blog-detail-page-main-content p {
    margin: 0 0 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #2F4858;
}
.blog-detail-page-main-content h3 {
    color: var(--lblack);
    font-weight: 600;
    font-size: 22px;
    line-height: 130%;
    margin: 0 0 20px;
}
.blog-detail-page-main-content ul li {
    color: var(--lblack);
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
}
.blog-detail-page-main-content ul {
    margin: 0 0 20px;
}
.blog-detail-page-main-about {
    padding: 30px;
    border: 1px solid var(--border);
    border-radius: 14px;
    margin-top: 24px;
}
.blog-detail-page-main-about h3 {
    margin: 0 0 20px;
}
.blog-detail-page-main-about-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
}
.blog-detail-page-main-about-img {
    width: 100px;
    height: 100px;
}
.blog-detail-page-main-about-content {
    max-width: calc(100% - 130px);
    width: 100%;
}
.blog-detail-page-main-about-content p {
    margin: 0;
    font-weight: 600;
    font-style: Italic;
    font-size: 16px;
    line-height: 150%;
    color: #2F4858;
}
.blog-detail-page-main-comment {
    padding: 30px;
    border: 1px solid #D9DDE3;
    border-radius: 14px;
    margin-top: 24px;
}
.blog-detail-page-main-comment h3 {
    margin: 0 0 20px;
}
.blog-detail-page-main-comment h3 span {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #7C8E99;
    margin-left: 12px;
}
.blog-detail-page-main-comment form textarea {
    height: 150px;
    resize: none;
}
.blog-detail-page-main-comment form .input-field {
    margin: 0;
    color: var(--lblack);
}
.blog-detail-page-main-comment form .input-field::placeholder {
    color: #9AA5B3;
}
.blog-detail-page-main-comment form .form-group {
    margin: 0 0 30px;
    width: 100%;
}
.blog-detail-page-main-comment form .form-group.half-width {
    width: 49%;
}
.blog-detail-page-main-comment form .form-group:last-child {
    margin: 0;
}
.blog-detail-page-main-comment form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
form .form-group .error {
    color: red;
    margin: 5px 0 0;
}
form .form-group p {
    margin: 5px 0 0;
}
.blog-detail-page-main-comment form .form-group.form-group-checkbox {
    display: flex;
    align-items: center;
    position: relative;
}
.blog-detail-page-main-comment form .form-group.form-group-checkbox input {
    margin: 0;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
}
.blog-detail-page-main-comment form .form-group.form-group-checkbox label {
    margin-bottom: 0;
    color: #6D8696;
    font-weight: 500;
    position: relative;
    padding-left: 32px;
    cursor: pointer;
}
.blog-detail-page-main-comment form .form-group.form-group-checkbox label:before {
    content: "";
    width: 16px;
    height: 16px;
    border: 2px solid var(--border);
    border-radius: 4px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.blog-detail-page-main-comment form .form-group.form-group-checkbox label:after {
    content: "";
    position: absolute;
    background: url(/images/check-icon.svg);
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.blog-detail-page-main-comment form .form-group.form-group-checkbox input:checked + label:before {
    background: var(--purple);
    border-color: var(--purple);
}

/* ==================== Blog Detail Page Css End ==================== */

/* ==================== Checkout Page Css Start ==================== */

.checkout-main-sidebar {
    max-width: 500px;
    width: 100%;
}
.checkout-main-sidebar-inner {
    border: 1px solid var(--border);
    border-radius: 14px;
    background: #FBFCFD;
    padding: 30px 20px;
}
.checkout-main {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    padding: 60px 0;
}
.checkout-main-main {
    max-width: calc(100% - 520px);
    width: 100%;
}
.cart-totals {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border);
}
.cart-totals h3 {
    margin: 0 0 20px;
}
.cart-totals-main .cart-totals-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #B7B6CB;
}
.cart-totals-inner-img {
    width: 80px;
    height: 96px;
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 15px 10px;
}
.cart-totals-inner-img img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: contain;
}
.cart-totals-inner-cont {
    max-width: calc(100% - 98px);
    width: 100%;
    display: flex;
    flex-direction: column;
}
.cart-totals-inner-cont h4 {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: var(--lblack);
    margin: 0 0 18px;
    max-width: 75%;
    width: 100%;
}
.cart-totals-inner-cont-price-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
}
.cart-totals-inner-cont-price-count {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #6D8696;
}
.cart-totals-inner-cont-price-count span {
    color: #2F4858;
    margin-left: 5px;
}
.cart-totals-inner-cont-price-total {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: var(--purple);
}
.cart-totals-main .cart-totals-inner:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.billing-summary h3 {
    margin: 0 0 20px;
}
.billing-summary {
    margin-top: 20px;
}
.billing-summary-main-table-inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 18px 0;
    border-bottom: 1px dotted #B7B6CC;
}
.billing-summary-main-table-inner .title {
    width: 50%;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--lblack);
}
.billing-summary-main-table-inner .value {
    width: 50%;
    text-align: right;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #01062E;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}
.billing-summary-main-table-inner .value span {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #A5B0C0;
}
.checkout-shipping-main {
    display: none;
    margin-top: -6px;
    background: var(--white);
}
.checkout-shipping-main.active {
    display: block;
}
.checkout-shipping-main ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #D9DDE3;
    border-radius: 8px;
}
.checkout-shipping-main ul li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid var(--border);
    padding: 12px;
    gap: 10px;
    flex-wrap: wrap;
}
.checkout-shipping-main ul li .title {
    width: 55%;
    position: relative;
}
.checkout-shipping-main ul li .value {
    width: 40%;
    text-align: right;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: var(--purple);
}
.checkout-shipping-main ul li:last-child {
    border-bottom: 0;
}
.checkout-shipping-main ul li .title input {
    margin: 0;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
}
.checkout-shipping-main ul li .title label {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: var(--lblack);
    padding-left: 32px;
    display: block;
    position: relative;
    cursor: pointer;
}
.checkout-shipping-main ul li .title label span {
    display: block;
}
.checkout-shipping-main ul li .title label span:last-child {
    margin-top: 6px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #6D8696;
}
.checkout-shipping-main ul li .title label:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border: 2px solid var(--border);
    left: 0;
    top: 0;
    border-radius: 50%;
}
.checkout-shipping-main ul li .title input:checked + label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border: 6px solid var(--purple);
    border-radius: 50%;
    width: 6px;
    height: 6px;
}
.checkout-shipping-main ul li .value.free-shipping {
    color: #358F1F;
}
.billing-summary-main-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid var(--border);
}
.billing-summary-main-total .title {
    width: 50%;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    color: #358F1F;
}
.billing-summary-main-total .value {
    width: 50%;
    text-align: right;
    font-weight: 800;
    font-size: 20px;
    line-height: 100%;
    color: #358F1F;
}
.billing-summary-main-checkbox {
    padding-top: 20px;
    position: relative;
}
.billing-summary-main-checkbox input {
    margin: 0;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
}
.billing-summary-main-checkbox label {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #495087;
    padding-left: 28px;
    position: relative;
    cursor: pointer;
    display: block;
}
.billing-summary-main-checkbox label a {
    text-decoration: none;
    color: #EF7F1B;
}
.billing-summary-main-checkbox label a span {
    color: #B3B8DB;
}
.billing-summary-main-checkbox label:before {
    content: "";
    width: 20px;
    height: 20px;
    border: 2px solid var(--border);
    border-radius: 4px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.billing-summary-main-checkbox label:after {
    content: "";
    position: absolute;
    background: url(/images/check-icon.svg);
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.billing-summary-main-checkbox input:checked + label:before {
    background: var(--purple);
    border-color: var(--purple);
}
.checkout-main-sidebar-btn {
    margin: 20px 0 26px;
}
.checkout-main-sidebar-btn .button {
    width: 100%;
    text-align: center;
    box-shadow: 0px 4px 4px 0px #42AC2840;
    background: #42AC28;
    border-radius: 14px;
    border: 1px solid #42AC28;
}
.checkout-main-sidebar-btn .button:hover {
    background: var(--white);
    color: #42AC28;
}
.checkout-main-sidebar-secure {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.checkout-main-sidebar-secure img {
    width: 20px;
    height: 20px;
    display: block;
}
.checkout-main-sidebar-secure p {
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: #6D8696;
}
.billing-summary-main-table-inner .title .cursor-pointer {
    margin-left: 5px;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
.billing-summary-main-table-inner .title .cursor-pointer img {
    width: 10px;
}
.checkout-main-main-inner {
    border: 1px solid var(--border);
    background: #FBFCFD;
    border-radius: 14px;
    padding: 30px 20px;
    margin-bottom: 20px;
}
.checkout-main-main-inner:last-child {
    margin-bottom: 0;
}
.checkout-main-main-inner h2 {
    font-weight: 700; 
    font-size: 20px;
    line-height: 26px;
    color: var(--lblack);
}
.checkout-main-main-inner form {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.checkout-main-main-inner form .form-group {
    width: 100%;
    margin-bottom: 20px;
}
.checkout-main-main-inner form .form-group .input-field {
    margin-bottom: 0;
}
.checkout-main-main-inner form .form-group.half-width {
    width: 49%;
}
/* .checkout-main-main-inner form .form-group:last-child {
    margin-bottom: 0;
} */
.checkout-main-main-inner form .form-group.checkbox {
    display: flex;
    align-items: center;
    position: relative;
}
.checkout-main-main-inner form .form-group.checkbox label {
    margin-bottom: 0;
    color: #6D8696;
    font-weight: 500;
    position: relative;
    padding-left: 32px;
    cursor: pointer;
}
.checkout-main-main-inner form .form-group.checkbox label:before {
    content: "";
    width: 16px;
    height: 16px;
    border: 2px solid var(--border);
    border-radius: 4px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.checkout-main-main-inner form .form-group.checkbox input {
    margin: 0;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
}
.checkout-main-main-inner form .form-group.checkbox label:after {
    content: "";
    position: absolute;
    background: url(/images/check-icon.svg);
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.checkout-main-main-inner form .form-group.checkbox input:checked + label:before {
    background: var(--purple);
    border-color: var(--purple);
}
.checkout-main-main-inner h3 {
    margin: 0 0 20px;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: var(--lblack);
}
.billing-address-btn-group {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}
.billing-address-btn-group .button.save-btn {
    background-color: var(--lpurple);
    color: var(--purple);
}
.billing-address-btn-group .button.save-btn:hover {
    background-color: var(--purple);
    color: var(--white);
}
.payment-method form .form-group {
    border: 1px solid #D9DDE3;
    border-radius: 14px;
    background: #FFFFFF;
    padding: 20px;
    margin-bottom: 10px;
    position: relative;
}
.payment-method form .form-group input {
    margin: 0;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
}
.payment-method form .form-group label {
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    color: var(--lblack);
    margin-bottom: 0;
    padding-left: 40px;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}
.payment-method form .form-group label:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border: 2px solid var(--border);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    cursor: pointer;
}
.payment-method form .form-group input:checked + label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 6px solid var(--purple);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    cursor: pointer;
}
.payment-method-info {
    padding: 12px 20px;
    background: #F8F9FA;
    width: 100%;
    margin-top: -11px;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: var(--border);
    border-radius: 0 0 14px 14px;
    margin-bottom: 10px;
    display: none;
}
.payment-method form .form-group.selected {
    border-radius: 14px 14px 0 0;
}
.payment-method form .form-group.selected + .payment-method-info {
    display: block;
}
.payment-method-info p {
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    margin: 0 0 8px;
}
.payment-method-info ul {
    margin: 0;
}
.payment-method-info ul li {
    font-weight: 500;
    font-size: 12px;
    line-height: 180%;
    color: #6D8696;
}
.coupon-code-main {
    width: 100%;
    margin-top: 15px;
}
.coupon-code-main .coupon-code {
    width: 100%;
    position: relative;
    margin-bottom: 0;
}
.coupon-code-main .coupon-code .coupon-code-input {
    border: 1px solid var(--border);
    box-shadow: 0px 2px 2px 0px #D9DDE34D;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #9AA5B3;
    padding: 17px 125px 17px 20px;
    border-radius: 8px;
}
.coupon-code-main .coupon-code .button {
    padding: 12px 35px;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
}
.coupon-code-main p.error {
    margin: 0;
    margin-top: 10px;
    color: red;
}
.billing-summary-main-table-inner .value button {
    background: transparent;
    color: var(--purple);
    padding: 0;
    border: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
}
.billing-summary-main-table-inner .value .coupon-code-main {
    width: auto;
    margin: 0;
}
.billing-summary-main-table-inner .value .coupon-code-main button.remove-btn {
    border: 2px solid var(--border);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.billing-summary-main-table-inner .value .coupon-code-main button.remove-btn img {
    display: block;
}
.coupon_message {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px dotted #B7B6CC;
    font-size: 16px;
    line-height: 22px;
    color: var(--purple);
}
.coupon_message + .cart-main-price-inner .title {
    max-width: 100%;
    justify-content: space-between;
}
.save-address-main {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 20px;
}
.save-address-inner {
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 30px;
}
.save-address-inner h2 {
    margin-bottom: 30px;
}
.save-address-main-item {
    max-width: calc(33.333% - 14px);
    width: 100%;
    border: 2px solid var(--border);
    padding: 15px;
    border-radius: 14px;
    position: relative;
    cursor: pointer;
}
.save-address-main-item.selected {
    border-color: var(--purple);
}
.save-address-main-item input {
    margin: 0;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    left: 0;
    top: 0;
}
.save-address-main-item-cont:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    border: 2px solid var(--border);
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    border-radius: 50%;
    cursor: pointer;
}
.save-address-main-item.selected .save-address-main-item-cont:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    border: 6px solid var(--purple);
    border-radius: 50%;
    width: 10px;
    height: 10px;
    cursor: pointer;
}
.save-address-main-item-cont {
    padding-top: 30px;
}
.save-address-main-item-cont p {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    color: var(--lblack);
    font-weight: 500;
    margin-bottom: 10px;
}
.save-address-main-item-cont p:last-child {
    margin-bottom: 0;
}
.save-address-main .save-address-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.save-address-main .button {
    margin: 0;
    display: flex;
    align-items: center;
    padding: 10px 25px;
    font-size: 14px;
    line-height: 20px;
}
.use-address-main {
    margin: 30px 0px 0;
    position: relative;
}
.use-address-inner label {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #495087;
    padding-left: 35px;
    position: relative;
    cursor: pointer;
    display: block;
}
.use-address-main input {
    margin: 0;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}
.use-address-inner label:before {
    content: "";
    width: 20px;
    height: 20px;
    border: 2px solid var(--border);
    border-radius: 4px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.use-address-inner label:after {
    content: "";
    position: absolute;
    background: url(/images/check-icon.svg);
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.use-address-inner {
    width: fit-content;
    position: relative;
}
.use-address-inner input:checked +  label:before {
    background: var(--purple);
    border-color: var(--purple);
}
.shipping-main-address .checkout-main-main-inner h2 {
    font-size: 24px;
    line-height: 30px;
    text-transform: capitalize;
    margin-bottom: 30px;
}
.shipping-main-add-inner {
    margin: 30px 0;
}
.address-proceed-btn {
    margin: 30px 0 0;
}
.shipping-method {
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 30px;
    margin: 30px 0;
}
.shipping-method-main h3 {
    margin: 0 0 30px;
}
.shipping-method-continue {
    margin-top: 30px;
}

/* ==================== Checkout Page Css End ==================== */

/* ==================== Video Page Css Start ==================== */

.video-page {
    padding: 60px 0;
}
.video-grid {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 20px;
    height: 100%;
}
.video-grid-inner {
    max-width: calc(25% - 15px);
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 14px;
}
.video-grid-inner-img {
    position: relative;
}
.video-grid-inner-img img {
    height: 230px;
    display: block;
    object-fit: cover;
    width: 100%;
    border-radius: 14px;
}
.video-grid-inner-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.video-grid-inner-img .video-grid-inner-button .video-grid-play-img {
    width: 60px;
    height: 60px;
}
.video-grid-inner-cont h3 {
    cursor: pointer;
    margin: 0 0 15px;
    font-size: 18px;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.video-grid-inner-cont {
    padding: 20px 10px;
}
.video-grid-inner-cont-date {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
    color: var(--lblack);
    font-weight: 500;
    min-height: 20px;
}
.video-grid-inner-cont p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: var(--lblack);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.video-grid-inner-cont-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
.video-grid-inner-cont-info .info-inner {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--gray);
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}
.video-grid-inner-cont h3 a {
    color: inherit;
    text-decoration: none;
}
.video-page-main .tabs {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0 0 50px;
    padding: 0;
    border-bottom: 5px solid var(--border);
}
.video-page-main .tabs .tab {
    position: relative;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    padding: 0 10px 10px;
    margin: 0 10px;
    cursor: pointer;
}
.video-page-main .tabs .tab:before {
    content: "";
    position: absolute;
    width: 0;
    height: 5px;
    background: var(--purple);
    bottom: -5px;
    left: 0;
    transition: all 500ms linear;
}
.video-page-main .tabs .tab.tab-active:before {
    width: 100%;
    transition: 500ms linear;
}
.video-page-main .tabs .tab:first-child {
    margin-left: 0;
}
.video-page-main .tabs .tab.tab-active {
    color: var(--purple);
}
.video-page-cont .tab-content {
    display: none;
}
.video-page-cont .tab-content.current {
    display: block;
}

/* ==================== Video Page Css End ==================== */


/* ==================== Video Popup Css Start ==================== */

.video-popup-container {
    max-width: 900px;
    width: 100%;
    margin: 50px auto;
    box-shadow: 0 0 10px 0px #00000047;
    border-radius: 12px;
    background: #fff;
}
.video-popup {
   width: 100%;
}
.video-popup-iframe {
    width: 100%;
    height: 400px;
}
.video-popup-iframe iframe {
    width: 100%;
    height: 100%;
    border-radius: 12px 12px  0 0;
}
.video-popup-head-title h1 {
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
    color: var(--lblack);
    margin: 0 0 20px;
    max-width: 75%;
    width: 100%;
    margin: 0;
}
.video-popup-head {
    padding: 0 20px 0;
    margin-bottom: 30px;
}
.video-popup-head-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 30px;
}

.video-popup-head-info {
    display: flex;
    flex-wrap: wrap;
    max-width: 20%;
    width: 100%;
}
.video-popup-head-info-views {
    max-width: 100%;
    width: 100%;
    
    text-align: right;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}
.video-popup-head-info-likes {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: 10px;
    border-top: 1px solid var(--purple);
}
.video-popup-head-info-likes.no-like-up {
    justify-content: flex-end;
}
.video-popup-head-info-likes > div {
    display: flex;
    align-items: center;
    gap: 5px;
}
.video-popup-head-info-likes > div span {
    font-size: 14px;
    line-height: 20px;
    color: var(--lblack);
}
.video-popup-meta-share {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.video-popup-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}
.video-popup-meta-channel {
    display: flex;
    align-items: center;
    gap: 20px;
}
.video-popup-meta-channel-logo {
    width: 40px;
    height: 40px;
}
.video-popup-meta-channel-info {
    max-width: calc(100% - 60px);
    width: 100%;
    display: flex;
    flex-direction: column;
}
.video-popup-meta-channel.no-logo .video-popup-meta-channel-info {
    max-width: 100%;
}
.video-popup-meta-channel-info a {
    text-decoration: none;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: var(--lblack);
    margin-bottom: 5px;
    display: inline-block;
}
.video-popup-meta-channel-info iframe {
    width: 130px;
    height: 25px;
}
.video-popup-meta-share-item {
    border-radius: 6px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    padding: 5px 10px;
}
.video-popup-meta-share-item:first-child {
    background: #3f6cd5;
    color: #fff;
}
.video-popup-meta-share-item svg {
    fill: #fff;
}
.video-popup-meta-share-item:last-child {
    background: #4faefc;
    color: #fff;
}
.video-popup-middle {
    padding: 0 20px 20px;
    border-bottom: 1px solid var(--border);
}
.video-popup-middle .video-popup-desc {
    max-height: 80px;
    overflow: hidden;
    transition: max-height 0.4s ease;
}
.video-popup-middle .video-popup-desc.no-expanded {
    max-height: unset;
}
.video-popup-middle .video-popup-desc.expanded {
    max-height: max-content;
}
.video-popup-description-more {
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    cursor: pointer;
}
.video-popup-cont {
    padding: 20px;
}
.video-popup-bottom {
    padding-top: 20px;
}
.video-popup-comments-inner {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
}
.video-popup-comments-inner:last-child {
    margin-bottom: 0;
}
.video-popup-comments-inner-img {
    width: 48px;
    height: 48px;
}
.video-popup-comments-inner-img img {
    width: 100%;
    height: 100%;
    display: block;
}
.video-popup-comments-inner-img a {
    width: 100%;
    height: 100%;
    display: block;
}
.video-popup-comments-inner-cont {
    max-width: calc(100% - 65px);
    width: 100%;
}
.video-popup-comments-inner-cont-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 8px;
}
.video-popup-comments-inner-cont-title .video-popup-comments-auth {
    text-decoration: none;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: var(--lblack);
}
.video-popup-comments-inner-cont-title span {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--gray);
}
.video-popup-comments-inner-cont p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin: 0;
    color: var(--lblack);
}
.video-popup-comments-inner-cont-like {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
}
.video-popup-comments-inner-cont-like img {
    width: 16px;
    height: 16px;
}
.video-popup-comments-inner-cont-like span {
    font-size: 14px;
    line-height: 20px;
    color: var(--gray);
}
.video-popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 999;
    overflow: hidden;
    overflow-y: auto;
}
.video-popup-backdrop {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #00000091;
    z-index: 11;
}
.video-popup-container {
    z-index: 999;
    position: fixed;
    height: calc(100vh - 100px);
    left: 50%;
    transform: translateX(-50%);
    overflow-y: auto;
}

/* ==================== Video Popup Css End ==================== */

.order-tab-cont-head h2 {
    text-align: left;
    margin-bottom: 30px;
}
.order-tab-cont-head p:last-child {
    margin-bottom: 0;
}
.order-tab-cont-table h3 {
    margin: 0 0 20px;
}
.order-tab-cont-head {
    margin-bottom: 30px;
}
.order-tab-cont-table .cart-main-left-table {
    margin-bottom: 0;
}
.order-tab-cont-table {
    margin-bottom: 40px;
}
.order-tab-cont-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
}
.order-tab-cont-address {
    padding: 40px 30px;
    max-width: 45%;
    width: 100%;
    background: var(--lwhite);
}
.order-tab-cont-address h3 {
    margin: 0 0 20px;
}
.order-tab-cont-address p {
    margin: 0;
}



.thank-you {
    padding: 60px 0;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
}
.thank-you-head svg {
    width: 200px;
    height: 200px;
    display: block;
    margin: 0 auto;
}
.thank-you-head {
    margin-bottom: 30px;
}
.thank-you-cont {
    text-align: center;
}
.thank-you-cont h1 {
    margin: 0 0 30px;
    font-weight: 800;
    font-size: 40px;
    line-height: 50px;
}
.thank-you-cont p {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 30px;
}
.thank-you-cont-btn-group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 30px;
}
.thank-you-cont-btn-group .thank-you-cont-view-btn {
    background: #E9E4F3;
    color: var(--purple);
}
.thank-you-cont-btn-group .thank-you-cont-view-btn:hover {
    background: var(--purple);
    color: var(--white);
}
.thank-you-cont p.thank-you-cont-need {
    color: var(--lblack);
    margin: 0;
}
.thank-you-cont p.thank-you-cont-need a {
    color: var(--purple);
    text-decoration: none;
    font-weight: 700;
}
.thank-you-cont p.thank-you-cont-need a:hover {
    color: var(--gray);
}

.checkbox-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.checkbox-item {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.checkbox-item input {
  width: 16px;
  height: 16px;
}

.selected-tags {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tag {
  background: #e8f1ff;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.remove-tag {
  background: none;
  border: none;
  font-size: 14px;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  color: #333;
}
.atl-enquiry-form .form-group {
    margin-bottom: 20px;
}
.atl-enquiry-form .form-group .input-field {
    margin-bottom: 0;
}
.atl-enquiry-form .form-group p {
    margin: 5px 0 0;
}
.atl-enquiry-form h2 {
    margin: 0 0 30px;
}
.atl-enquiry-form .form-group textarea.input-field {
    height: 150px;
    resize: none;
}
.atl-enquiry-form form {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px solid #D9DDE3;
    background: #FBFCFD;
    border-radius: 14px;
    padding: 40px;
}
.atl-enquiry-form form .form-group {
    width: 100%;
}
.atl-enquiry-form form .form-group.half {
    width: 49%;
}
.atl-enquiry-form .form-group:last-child {
    margin-bottom: 0;
}
.seller-form {
    padding: 60px 0;
    max-width: 970px;
    width: 100%;
    margin: 0 auto;
}
.seller-form-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #2F4858;
    margin: 0 0 40px;
}
.seller-form-inner {
    background: #FBFCFD;
    border: 1px solid #D9DDE3;
    border-radius: 14px;
    padding: 30px;
}
.seller-form-inner form {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.seller-form-inner form .form-group {
    width: 100%;
}
.seller-form-inner form .form-group.half {
    width: 49%;
}
.seller-form-inner form .form-group-btn {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}
.seller-form-inner form .form-group p {
    margin: 5px 0 0;
}
.order-tab-cont-head .back-to-orders {
    margin-bottom: 30px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: var(--lblack);
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    position: relative;
}
.order-tab-cont-head .back-to-orders:before {
    content: "";
    background: url(/images/breadcrumb-arrow.svg) no-repeat center center;
    display: inline-block;
    width: 9px;
    height: 8px;
    margin-right: 8px;
    transform: rotate(180deg);
    background-size: cover;
}
.account-detail-cont.order-tab-cont .pagination {
    padding-bottom: 0;
}
table.order-summary tr td:first-child {
    font-weight: 700;
}
.order-tab-cont-head p span {
    font-weight: 700;
}
.account-detail-cont.order-tab-cont .cart-main-left-table table.order-summary tbody tr td:last-child,
.account-detail-cont.order-tab-cont .cart-main-left-table table.order-items tbody tr td:last-child {
    text-align: right;
}
.cart-main.no-item-found .cart-main-left {
    max-width: 100%;
    padding: 0;
}
.cart-main.no-item-found {
    padding-bottom: 40px;
}
.apply-for-job form .form-group textarea {
    height: 100px;
    resize: none;
}
.video-grid-inner-img .video-duration {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #fff;
    padding: 5px 15px;
    border-radius: 8px;
    font-size: 16px;
    line-height: 22px;
    color: var(--lblack);
    font-weight: 700;
}

.pcb-accordion .card .card-header button:after {
    content: "";
    display: inline-block;
    background: url("/images/faq-plus-icon.svg") no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-size: 100%;
    background-position: center center;
    right: 20px;
}
.pcb-accordion .card .card-header.active button:after {
    background: url("/images/faq-minus-icon.svg") no-repeat;
}
.pcb-accordion .cart-main-left-table table tbody tr td a img {
    display: block;
    width: 100%;
    height: 100%;
}
.pcb-accordion .cart-main-left-table table tbody tr td:last-child a {
    margin-left: auto;
}
.pcb-accordion .cart-main-left-table table tbody tr td a {
    width: 200px;
    display: block;
    height: 150px;
}
.payment-tab .payment-tab-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    background: var(--lgray);
    border-radius: 14px 14px 0 0;
    overflow: hidden;
}
.payment-tab {
    margin: 40px 0;
    border: 1px solid var(--lblack);
    border-radius: 14px;
}
.payment-tab .payment-tab-list .tab-link {
    padding: 15px 20px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: var(--lblack);
    cursor: pointer;
}
.payment-tab .payment-tab-list .tab-link.active {
    background: #fff;
}
.payment-tab .payment-tab-content {
    padding: 30px;
}
.payment-tab-content .tab-content {
    display: none;
}
.payment-tab-content .tab-content.active {
    display: block;
}
.payment-tab-content .tab-content p {
    font-size: 16px;
    line-height: 22px;
    color: var(--lblack);
    margin: 0 0 20px;
}
.payment-tab-content .tab-content p:last-child {
    margin: 0;
}
.payment-tab-content .tab-content p span {
    font-weight: 800;
}
.popup-body-btn-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.popup-body-btn-group .cart-btn {
    background: #E9E4F3;
    width: 100%;
    color: var(--purple);
}
.popup-body-btn-group .button {
    padding: 15px 25px;
}
.popup-body-btn-group .cart-btn:hover {
    background: var(--purple);
    color: var(--white);
}
.order-tab-cont .cart-main-left-table table tbody tr td a {
    text-decoration: none;
    font-size: 16px;
    line-height: 22px;
    color: var(--lblack);
    font-weight: 500;
}
.order-tab-cont .cart-main-left-table table tbody tr td img {
    width: 100px;
    height: 100px;
}
.order-tab-cont .cart-main-left-table table tbody tr td {
    text-align: left;
}
.order-tab-cont .cart-main-left-table table tbody tr td:last-child {
    text-align: right;
}
.order-tab-cont .cart-main-left-table table tbody tr td:first-child {
    font-weight: 700;
}
/* Text-only status colors */
.account-detail-cont .status-approved { color: #28A745; }  
.account-detail-cont .status-used { color: #007BFF; }      
.account-detail-cont .status-pending { color: #FFC107; }   
.account-detail-cont .status-processing { color: #6F42C1; } 
.account-detail-cont .status-closed { color: #DC3545; }     
.account-detail-cont .status-default { color: #6b7280; }  
.career-detail-job-desc-cont table {
    margin-bottom: 20px;
}
.order-tracking-main {
    padding: 60px 0;
}
.palystore-image {
  width: 100%;     /* or whatever width you want */
  height: auto !important;
}
.social-img-cls {
  width: 22px;
  height: 23px;
  object-fit: contain;
}
.order-tracking-main p {
    margin-bottom: 40px;
}
.atl-enquiry-form form .form-group.half .form-control,
.seller-form-inner form .form-group.half .form-control {
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 15px 20px 15px 50px;
    color: #9AA5B3;
    font-weight: 500 !important;
    width: 100%;
    font-size: 14px;
    line-height: 100%;
    height: auto;
}
.atl-enquiry-form form .form-group.half .flag-dropdown,
.seller-form-inner form .form-group.half .flag-dropdown {
    background: #fff;
    border-color: var(--border);
    border-radius: 8px 0 0 8px;
}
.robu-b2b-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    padding: 60px 0;
}
.robu-b2b-head-cont {
    max-width: calc(50% - 15px);
    width: 100%;
    text-align: center;
}
.robu-b2b-head-img {
    max-width: calc(50% - 15px);
    width: 100%;
}
.robu-b2b-head-btn {
    max-width: 100%;
    width: 100%;
    text-align: center;
}
.robu-community {
    background: var(--lgray);
    padding: 60px 0;
}
.robu-community-main {
    text-align: center;
}
.robu-community-main h2 {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 30px;
}
.robu-community-main h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 36px;
}
.robu-b2b-service .about-wrapper:nth-child(even) .about-img img {
    margin-right: auto;
    margin-left: unset;
}
.robu-b2b-service .about-wrapper {
    padding: 30px 0;
}
.robu-b2b-service {
    padding: 30px 0;
}
.robu-b2b-service-btn {
    text-align: center;
    padding: 30px 0;
}
.robu-b2b-service .about-wrapper h2 {
    font-size: 40px;
    line-height: 48px;
    color: var(--orange);
}
.robu-b2b-service .about-wrapper p {
    margin-bottom: 0;
}
.robu-b2b-service .about-wrapper h3 {
    font-size: 30px;
    line-height: 38px;
    margin: 0 0 20px;
}
.bom-tool-content {
    padding: 60px 0;
    text-align: center;
}
.bom-tool-content h1 {
    margin: 0 0 30px;
    font-size: 40px;
    line-height: 50px;
}
.bom-tool-content h1 span {
    color: var(--orange);
}
.bom-tool-content p {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}
.bom-tool-how-use {
    padding: 60px 0;
    background: var(--lwhite);
}
.bom-tool-how-use .bom-tool-how-use-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}
.bom-tool-how-use .bom-tool-how-use-wrapper-choose, .bom-tool-how-use .bom-tool-how-use-wrapper-cont {
    max-width: calc(50% - 15px);
    width: 100%;
    border: 1px dotted var(--purple);
    border-radius: 16px;
    padding: 30px;
}
.bom-tool-how-use .bom-tool-how-use-wrapper-choose {
    text-align: center;
}
.how-use-wrapper-choose-desc p {
    margin: 0 0 20px;
    font-size: 18px;
    line-height: 26px;
}
.bom-tool-how-use .bom-tool-how-use-wrapper-choose .drag-cont {
    font-size: 16px;
    line-height: 30px;
    margin: 20px 0 10px;
    color: var(--gray);
}
.bom-tool-how-use .bom-tool-how-use-wrapper-choose form input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
.bom-tool-how-use .chhose-file-type {
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    margin-bottom: 15px;
}
.bom-tool-how-use .chhose-file-type span img {
    display: block;
    width: 20px;
    height: 20px;
}
.bom-tool-how-use .bom-tool-how-use-wrapper-choose form {
    margin-bottom: 20px;
}
.bom-tool-how-use .chhose-file-download a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    font-size: 18px;
    line-height: 26px;
    color: var(--purple);
    text-decoration: none;
    font-weight: 700;
}
.bom-tool-how-use .chhose-file-download a img {
    width: 20px;
    height: 20px;
}
.bom-tool-how-use .chhose-file-type .tooltip-text {
    background: #fff;
    padding: 20px;
    max-width: 700px;
    width: 100%;
    border-radius: 16px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    display: none;
}
.bom-tool-how-use .chhose-file-type .tooltip-text ul {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    text-align: left;
}
.bom-tool-how-use .chhose-file-type .tooltip-text ul li {
    font-size: 16px;
    line-height: 24px;
    color: var(--lblack);
    margin: 0 0 10px;
}
.bom-tool-how-use .chhose-file-type .tooltip-text ul li:last-child {
    margin: 0;
}
.bom-tool-how-use .chhose-file-type .tooltip-text h3 {
    margin: 0 0 20px;
}
.bom-tool-how-use .chhose-file-type span {
    cursor: pointer;
}
.bom-tool-how-use-wrapper-cont ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.bom-tool-how-use-wrapper-cont ul li {
    font-size: 14px;
    line-height: 22px;
    color: var(--lblack);
    margin: 0 0 10px;
    font-weight: 500;
}
.bom-tool-how-use-wrapper-cont ul li:last-child {
    margin: 0;
}
.bom-detail {
    padding: 60px 0;
}
.bom-detail .cart-main-left-table table thead tr th input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0;
}
.bom-detail .cart-main-left-table table thead tr th {
    padding: 0 10px 10px;
    font-size: 14px;
}
.bom-detail-main {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}
.bom-detail-main-inner-btn {
    display: flex;
    align-items: center;
    border: 1px solid var(--lblack);
    background: var(--white);
    padding: 10px 20px;
    border-radius: 40px;
    gap: 10px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: var(--lblack);
    position: relative;
}
.bom-detail-main-inner-btn input[type="checkbox"] {
    margin: 0;
    width: 18px;
    height: 18px;
}
.bom-detail-main-inner-btn input[type="checkbox"]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 40px;
    cursor: pointer;
}
.bom-detail-main-inner-btn span {
    background: var(--purple);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: var(--white);
    font-size: 14px;
    line-height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}
.bom-detail .cart-main-left-table {
    margin: 0;
}
.bom-detail .cart-main-left-table table tbody tr td .action-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.bom-detail .cart-main-left-table table tbody tr td .action-btn .action-btn-inner {
    background: var(--white);
    border: 1px solid var(--lblack);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 6px;
    cursor: pointer;
    border-radius: 8px;
}
.bom-detail .cart-main-left-table table tbody tr td .action-btn .action-btn-inner img {
    width: 20px;
    height: 20px;
}
.bom-detail .cart-main-left-table table tbody tr td input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0;
}
.bom-detail .cart-main-left-table table tbody tr td {
    padding: 20px 10px;
}
.bom-detail .cart-main-left-table table tbody tr td:first-child,
.bom-detail .cart-main-left-table table thead tr th:first-child {
    padding-left: 0;
}
.bom-detail .cart-main-left-table table tbody tr td:last-child,
.bom-detail .cart-main-left-table table thead tr th:last-child {
    padding-right: 0;
}
.bom-detail .bom-detail-btn-group {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    gap: 20px;
}
.bom-detail-btn-group-inner.cart-btn a.button {
    background: var(--lpurple);
    color: var(--purple);
}
.bom-detail-btn-group-inner.export-btn a.button {
    background: #42AC28;
    border: 1px solid #42AC28;
}
.bom-detail-btn-group-inner.export-btn a.button:hover {
    background: var(--white);
    color: #42AC28;
}
.bom-detail-btn-group-inner.cart-btn a.button:hover {
    background: var(--purple);
    color: var(--white);
}
/* .bom-tool-how-use .chhose-file-type span:hover + .tooltip-text {
    display: block;
} */
.tracking-shipping-message {
    margin-top: 20px;
}
.tracking-shipping-message p {
    margin: 0;
}
.tracking-shipping-message .success-text {
    color: #42AC28;
    margin-bottom: 20px;
}
.bom-detail-recent-action {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}
.bom-detail-recent {
    padding: 60px 0 0;
}
.bom-detail-recent h2 {
    margin: 0 0 40px;
}
.bom-tool-brand-main {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    margin: 0 0 40px;
}
.bom-tool-brand-main-inner {
    max-width: calc(15% - 35px);
    width: 100%;
    border: 1px solid var(--border);
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.bom-tool-brand-main-inner:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.bom-tool-brand-btn {
    text-align: center;
}
.bom-tool-brand {
    padding: 60px 0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/styles/app.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
 

.App-logo {
  height: 40vmin;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}

.App-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.App-link {
  color: #61dafb;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


.hero-section {
    padding: 27px 0;
}

.hero-inner {
    display: flex;
    column-gap: 20px;
}

.hero-prdocut {
    border-radius: 8px;
    overflow: hidden;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
}
.hero-prdocut a {
    text-decoration: none;
}

.product-item {
    padding: 10.5px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.product-icon img {
    height: 47px;
    transition: all 0.5s ease;
}

.product-item:hover .product-icon img {
    transform: scale(1.1);
    transition: all 0.5s ease;
}

.product-title {
    color: #000033;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    max-width: 113px;
    text-align: left;
}

.red-orange {
    background-color: #FFE9E2;
}

.blue-purple {
    background-color: #EBE3FF;
}

.cyan {
    background-color: #D2F4F2;
}

.bluish-cyan {
    background-color: #D1F2FA;
}

.hero-slider {
    width: calc(100% - 270px);
}

.hero-item {
    display: flex;
    height: 100%;
    justify-content: space-between;
    min-height: 250px;
    max-height: 250px;
    width: 100%;
    max-width: 100%;
    height: 250px;
}
.hero-item  a {
    width: 100%;
    height: 100%;
}
.hero-item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
 

.hero-slider-inner {
    background-color: #F1F1F9;
    border-radius: 8px;
    padding: 19px 30px;
    height: 100%;
}

.hero-tag {
    background-color: #FF6900;
    display: inline-block;
    padding: 5.5px 12px;
    border-radius: 44px;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    text-transform: uppercase;
    color: #fff;
}

.hero-title {
    font-weight: 300;
    font-size: 42px;
    /* line-height: 100%; */
    margin-top: 12px;
    margin-bottom: 10px;
    color: #000033;
}

.hero-content {
    text-align: left;
}

.hero-title strong {
    font-weight: 800;
    font-size: 42px;
    line-height: 100%;
}

.hero-subtitle {
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    color: #000033;
    margin-bottom: 20px;
}

.button {
    background-color: #2E008B;
    border-radius: 8px;
    color: #fff;
    text-decoration: none;
    padding: 14px 35px;
    display: inline-block;
    transition: 0.5s;
    font-weight: 700;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.button:hover {
    background-color: #FF6900;
}

.hero-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-image img {
  width: 100%;
}

.hero-slider .slick-dots {
    bottom: 5px;
    display: inline-block !important;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
}

.hero-slider .slick-dots li {
    width: 5px;
    height: 5px;
    transition: 0.5s;
    margin-right: 4px;
    margin-left: 0;
}

.hero-slider .slick-dots li button {
    width: inherit;
    height: inherit;
    background-color: #2E008B4D;
    border-radius: 44px;
    padding: 0;
}

.hero-slider .slick-dots li button:before {
    display: none;
}

.hero-slider  li.slick-active button {
    background-color: #2E008B;
}

.hero-slider li.slick-active {
    width: 20px;
}

.featured-categories-item {
    text-decoration: none;
}

.featured-categories-box {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 19px;
}
.categories-page .featured-categories-box {
    grid-template-columns: repeat(5, 1fr);
    gap: 25px;
}
.categories-page .featured-categorie-image {
    height: 180px;
}

.featured-categorie-image {width: 100%;height: 150px;border-radius: 8px;object-fit: unset; display: block; transition: 0.5s;}

.featured-categorie {
    overflow: hidden;
    border-radius: 8px;
}

.featured-categories-item:hover img {
    transform: scale(1.1);
}

.featured-categorie-title {
    font-weight: 700;
    font-size: 14px;
    /* line-height: 100%; */
    color: #000033;
    text-transform: capitalize;
    margin-top: 8px;
    text-align: left;
}

.featured-product-box {
    display: grid;
    grid-template-columns: 330px 1fr;
    width: calc(100% + 20px);
    margin-right:-20px;
}

.desire {
    background-color: #F3F4F7;
    border-radius: 8px;
    overflow: hidden;
    display: flex;    
    flex-direction: column;
    justify-content: space-between;
}

.desire-content {
    padding:30px 30px 20px;
    text-align: left;
}

.desire-content span {
    display: inline-block;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #000033;
}

.desire-image img {
    width: 100%;
    display: block;
}

.desire-content h3 {
    margin: 0;
    font-weight: 300;
    font-size: 28px;
    line-height: 100%;
    color: #000033;
    margin-bottom: 10px;
}

.desire-content h3 strong {
    font-weight: 800;
    font-size: 28px;
    line-height: 100%;
    display: block;
}

@media screen and (max-width:991px) {
  
  .featured-categories-box {
      grid-template-columns: repeat(4, 1fr);
  }

}

@media screen and (max-width:767px) {
  
  .featured-categories-box {
    grid-template-columns: repeat(2, 1fr);
  }

}



/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./node_modules/slick-carousel/slick/slick.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./node_modules/slick-carousel/slick/slick-theme.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(/_next/static/media/ajax-loader.0b80f665.gif) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(/_next/static/media/slick.25572f22.eot);
    src: url(/_next/static/media/slick.25572f22.eot?#iefix) format('embedded-opentype'), url(/_next/static/media/slick.653a4cbb.woff) format('woff'), url(/_next/static/media/slick.6aa1ee46.ttf) format('truetype'), url(/_next/static/media/slick.f895cfdf.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/styles/responsive.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
@media screen and (max-width:1400px) {
    .main-navigation ul.nav-list li a {
        padding: 17px 13px;
    }
    .product-filter-main {
        flex-wrap: wrap;
    }
    .product-filter-main .filter-box {
        max-width: calc((100% / 4) - 10px); 
    }
    .product-detail-purches-compare-btn .button,
    .product-detail-purches-cart-btn .button {
        padding: 16px 20px;
    }
    .feature-brand-list-inner ul li {
        max-width: calc(100% / 5);
    }
    .robu-service-box img {
        max-height: 150px;
        max-width: 150px;
    } 
    .product-control-bar-main {
        flex-wrap: wrap;
        gap: 15px; 
        justify-content: space-between;
    }
    .product-control-bar-left, .product-control-bar-right {
        max-width: 100%;
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center; 
    }
    .recent-blog-main .slick-slider .slick-prev { 
        left: -10px;
    }
    .recent-blog-main .slick-slider .slick-next {
        right: -10px;
    }
    .tooltip .tooltip-text {
        display: none;
    }
    .product-control-bar-main.grid-view .product-control-bar-left {
        max-width: 51%;
        justify-content: space-between;
    }
    .product-control-bar-main.list-view .product-control-bar-right-cart,
    .product-control-bar-main.list-view .product-control-bar-right-compare {
        margin: 0;
    }
    .product-control-bar-main.list-view .product-control-bar-left {
        max-width: 51%;
    }
    .checkout-main-sidebar {
        max-width: 400px;
    }
    .checkout-main-main {
        max-width: calc(100% - 420px);
    }
}

@media screen and (max-width:1200px) {
    .video-grid-inner {
        max-width: calc(33.333% - 14px);
    }
    .product-control-bar-main.list-view .product-control-bar-left {
        max-width: 100%;
    }
    .product-description-tab ul li.tab-link {
        font-size: 16px;
        line-height: 21px;
    }
    .header-center {
        max-width: 340px;
    }

    .search-bar input.search-input {
        padding-left: 40px;
    }

    .site-header .wishlist, .site-header .cart {
        margin-left: 10px;
    }

    .tracking-account {
        margin-left: 10px;
        margin-right: 10px;
    }

    .header-left img.logo-image {
        max-width: 142px;
    }

    .main-navigation ul.nav-list {
        padding-left: 0;
    }

    .header-bottom-left .all-categories-link {
        min-width: auto;
        padding: 14px 15px;
    }

    .main-navigation ul.nav-list li a {
        padding: 10px 9px;
        font-size: 13px;
    }

    .button {
        padding: 10px 24px;
    }

    .featured-categories-box {
        grid-template-columns: repeat(4, 1fr);
    }
    .categories-page .featured-categories-box {
        grid-template-columns: repeat(4, 1fr);
        gap: 25px;
    }
    .categories-page .featured-categorie-image {
        height: 150px;
    }

    .robu-service-box img {
        max-width: 160px;
    }

    .video-box .video-image .video-play-button img {
        max-height: 40px;
        max-width: 40px;
    }

    .shipping-block {
        padding: 23px 30px;
    }

    .footer-form label { margin-right: 5px;}
    form.subscribe-form { gap: 5px; }

    .hero-title strong, .hero-title { font-size: 38px; }
    .product-item { padding: 6.7px 25px; }
    .main-navigation ul.nav-list li.dropdown > a::after {
        right: -2px;
    }

    .blog-list { 
        grid-template-columns: repeat(2, 1fr);
    }
    .product-filter-main {
        flex-wrap: wrap;
    }
    .product-filter-main .filter-box {
        max-width: calc((100% / 3) - 9px);
    }
    
    
    .product-grid-main {
        grid-template-columns: repeat(3, 1fr);
    }
    .product-grid-main .product-block:nth-child(3n) {
        border-right: 1px solid var(--border);
    }
    .product-grid-main .product-block,
    .product-grid-main .product-block:nth-child(4n) {
        border-right: 1px solid var(--border);
    }
    .product-grid-main .product-block:nth-child(3) {
        border-radius: 0 8px 0 0;
    }
    .product-grid-main .product-block:nth-child(4) {
        border-radius: 0;
    }
    .product-list-main {
        overflow-x: auto;
        width: 100%;
    }
    .product-shipping-method-wrapper {
        padding: 0 20px;
    }
    .product-detail-purches-cart-btn {
        margin: 0;
    }
    .product-detail-thumb-slider .slick-list .slick-slide .slider-item {
        height: 102px;
    }
    .product-detail-main-slider {
        height: 400px;
    }
    .cart-main-right {
        max-width: 360px;
    }
    .cart-main-left {
        max-width: calc(100% - 360px);
    }
    .cart-main-left-table {
        width: 100%;
        overflow-x: auto;
    }
    .cart-main-left-table table thead tr th:nth-child(2),
    .cart-main-left-table table thead tr th:last-child {
        min-width: 100px;
    }
    .cart-main-left-table table tbody tr td:nth-child(2) {
        text-align: center;
    }
    .account-detail-cont .cart-main-left-table table thead tr th:nth-child(2),
    .account-detail-cont .cart-main-left-table table thead tr th:last-child {
        min-width: 100px;
    }
    .cart-main-left-table table thead tr th:first-child {
        min-width: 400px;
    }
    .feature-brand-list-inner ul li {
        max-width: calc(100% / 4);
    }
    .account-detail-cont.order-tab-cont .cart-main-left-table table thead tr th {
        text-align: left;
    }
    .account-detail-cont.order-tab-cont .cart-main-left-table table thead tr th {
        min-width: 170px;
    }
    .account-detail-cont.order-tab-cont .cart-main-left-table table thead tr th:last-child {
        text-align: right;
    }
    .account-detail-cont.order-tab-cont .cart-main-left-table table thead tr th:nth-child(2) {
        min-width: 200px;
    }
    .account-detail-cont.order-tab-cont .cart-main-left-table table tbody tr td {
        text-align: left;
    }
    .account-detail-cont.order-tab-cont .cart-main-left-table table thead tr th:nth-last-child(2) {
        min-width: 150px;
    }
    .tab-qna-main .tab-qna-main-inner .answer:before {
        height: calc(100% - 110px);
    }
    .robu-service-inner { grid-template-columns: 1fr 1fr; }
    .product-list-main table thead tr th:nth-child(2) {
        min-width: 219px;
    }
    .product-list-main table thead tr th:nth-child(3) {
        min-width: 172px;
        text-align: left;
    }
    .product-list-main table thead tr th:nth-child(4) {
        min-width: 160px;
    }
    .product-list-main table thead tr th:nth-child(5) {
        min-width: 222px;
    }
    .product-list-main table thead tr th:nth-child(6) {
        min-width: 132px;
    }
    .product-list-main table thead tr th:nth-child(7) {
        min-width: 112px;
    }
    .product-list-main table thead tr th:nth-child(8) {
        min-width: 100px;
    } 
    .product-list-main table thead tr th:nth-child(9),
    .product-list-main table thead tr th:last-child {
        min-width: 100px;
    }
    .blog-listing-page-sidebar {
        max-width: 300px;
    }
    .blog-listing-page-main {
        max-width: calc(100% - 324px);
    }
    
    .blog-listing-main-inner {
        max-width: calc(50% - 9px);
    }
    .product-control-bar-main.grid-view .product-control-bar-left {
        max-width: 65%;
        justify-content: space-between;
    }
    .product-control-bar-main.list-view {
        justify-content: center;
    }
    .checkout-main-sidebar {
        max-width: 400px;
    }
    .checkout-main-main {
        max-width: calc(100% - 420px);
    }
    .save-address-main-item {
        max-width: calc(50% - 10px);
    }
    .order-tab-cont-address {
        max-width: 45%;
    }
}

@media screen and (max-width:992px) {
    
    .account-detail-cont.order-tab-cont .cart-main-left-table table.order-summary tbody tr td:last-child,
    .account-detail-cont.order-tab-cont .cart-main-left-table table.order-items tbody tr td:last-child {
        text-align: right;
    }
    
    .product-control-bar-main.grid-view {
        justify-content: center;
    }
    .product-control-bar-main.grid-view .product-control-bar-left {
        max-width: 100%;
    }
    .atl-enquiry-form {
        padding: 45px 0;
    }
    .tooltip .tooltip-text {
        display: none;
    }
    .service-detail-left,.service-detail-right {
        width: 100%;
    }
    .service-detail-right {
        margin-top: 30px;
    }
    .service-accordion .card .collapse {
        padding: 0 20px 20px;
    }
    
    .service-accordion .card .card-header button {
        flex-wrap: wrap;
        gap: 10px;
    }
    .service-tab ul.service-tab-list {
        gap: 15px;
    }
    .product-grid,
    .product-list {
        padding-bottom: 45px;
    }
    .product-control-bar-left-search {
        margin-right: 0;
    }
    .product-control-bar-left-sort-by {
        margin-left: 0;
    }
    .product-control-bar-left-search .search-bar {
        display: block;
    }
    .feature-brand {
        padding: 45px 0;
    }
    .categories-page .featured-categories-box {
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
    }
    .categories-page .featured-categorie-image {
        height: 150px;
    }
    .hero-inner {
        display: flex;
        gap: 20px;
        flex-direction: column-reverse;
    }

    .hero-slider {
        width: 100%;
    }

    .footer-bottom { 
        flex-direction: column;
        gap: 10px;
    }

    .featured-product-box {
        width: calc(100% + 15px );
        margin-right: 0px;
        grid-template-columns: 240px 1fr;
    }

    .desire-content {
        padding: 15px;
    }

    
    .videos-wrapper, .tunorials-wrapper, .blogs-list, .shipping-method-wrapper { gap: 10px; }
    .shipping-block { padding: 15px 20px; }
    .footer-top { justify-content: center; }
    .footer-top .footer-logo {
        margin-bottom: 10px;
    }
    .subscribe-form .subscribe-input { max-width: 190px;}
    .dowload-app-wrap { padding-bottom: 10px; padding-right: 10px; }
    .phone-icon { min-width: 35px; min-height: 35px; margin-right: 5px; }
    .footer-block { padding: 15px ; }
    .shipping-block { font-size: 16px; }
    .vision-mission-boxes {
        flex-direction: column;
        gap: 20px;
    }
    .site-header .search-bar { display: none; }
    .header-center { display: inline-block; width: auto; margin-left: auto; margin-right: 5px;}
    .main-navigation {
        display: none;
    }
    .sell-link {
        display: none;
    }


    .toggle-menu {
        display: flex;
        margin-left: auto;
        font-weight: bold;
        text-decoration: none;
        color: #000033;
        gap: 10px;
        padding: 14px 15px;
    }

    .search-link {
        width: 36px;
        height: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #D9DDE3;
        border-radius: 50%;
        margin-left: 10px;
    }

    .main-navigation ul.nav-list {
        padding-left: 0;
        flex-direction: column;
    }

    .menu-open .main-navigation {
        display: block;
        position: absolute;
        background: #fff;
        width: 100%;
        top: 100%;
        z-index: 11;
        box-shadow: 0 10px 10px 4px rgb(181 181 181 / 30%);
        left: 0;
        border-top: 1px solid rgba(217, 221, 227, 1);
        padding: 10px 0;
    }

    .main-navigation ul.nav-list li a {
        padding:10px 15px;
        display: flex;
    }

    .header-bottom, .header-top {
        position: relative;
    }

    .search-bar.active {
        display: block;
        position: absolute;
        top: 100%;
        background: #fff;
        z-index: 1;
    }

    .contact-wrapper {
        display: flex;
        width: 100%;
        padding: 40px 0;
        flex-direction: column;
    }

    .contact-infomation {
        width: 100%;
        margin-left: 0; 
        padding: 40px; 
        margin-top: 30px;
    }

    .contact-wrapper .contact-form {
        width: 100%;
    }

    /* .video-box .video-image img, .tutorials-box .tutorials-image img { height: 140px; } */
    ul.dropdown-menu {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 10px;
        width: 100%;
        box-shadow: none;
        top: 100%;
        display: flex;
    }

    .address-card-list {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .account-detail .account-detail-nav {
        width: 240px;
    }

    .account-detail-content {
        width: calc(100% - 260px);
    }
     /* ====== Search bar ===== */
    .search-input-container {
        border: 1px solid #D9DDE3;
        box-shadow: 0px 2px 2px 0px #D9DDE34D;
        border-radius: 8px;
        max-width: 480px;
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
    }
    .search-input-container input {
        width: 100%;
        border: none;
        font-weight: 500;
        font-size: 14px;
        line-height: 100%;
        padding-left: 15px;
        padding-right: 125px;
        height: 45px;
        border-radius: 8px;
        color: #000033;
    }
    .search-input-container input::placeholder {
        color: #000033;
    }
    .search-input-container .button {
        position: absolute;
        right: 4px;
        background: #2E008B;
        border-radius: 8px;
        color: #fff;
        min-width: 115px;
        height: 37px;
        font-weight: 700;
        font-size: 14px;
        line-height: 100%;
        z-index: 1;
        border: none;
        cursor: pointer;
        font-family: "Plus Jakarta Sans", sans-serif;
        top: 50%;
        transform: translateY(-50%);
        line-height: 0;
        padding: 0;
    }
    .search-bar-responsive .search-input-container {
        position: absolute;
        max-width: 350px;
        z-index: 99;
        right: 0;
        top: 100%;
        display: none;
    }
    .search-bar-responsive {
        width: 36px;
        height: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #D9DDE3;
        border-radius: 50%;
    }
    .search-bar-responsive .search-input-container.responsive-search-cls-added {
        display: block;
        width: 300px;
        left: 0;
        transform: translateX(-50%);
        margin-top: 10px;
    }
    .footer-block {
        width: 33.3333%;
    }
    .footer-block.dowload-app, .footer-block:nth-child(2), .footer-block:nth-child(3) {
        border-bottom: 1px solid #E1E4F3;
    }
    .footer-middle {
        justify-content: center;
    }
    .main-content {
        padding: 45px 0;
    }

    .ti-reviews-container {
        padding-left: 0;
        margin-top: 30px;
    }

    .google-review-inner {
        display: block;
    }

    .excelllent-bottom img {
        display: inline-block;
    }

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

    .blog-single-wrapper .blog-single-content {
        width: 100%;
    }

    .blog-single-wrapper .sidebar {
        width: 100%;
        padding-left: 0px;
        margin-top: 24px;
    }
    .product-filter-main {
        flex-wrap: wrap;
    }
    .product-filter-main .filter-box {
        max-width: calc((100% / 3) - 9px);
    }
    .product-control-bar-main {
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
    }
    .product-control-bar-left, .product-control-bar-right {
        max-width: 100%;
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
    }
    .product-grid-main {
        grid-template-columns: repeat(3, 1fr);
    }
    .product-grid-main .product-block:nth-child(3n) {
        border-right: 0;
    }
    .product-grid-main .product-block,
    .product-grid-main .product-block:nth-child(4n) {
        border-right: 1px solid var(--border);
    }
    .product-grid-main .product-block:nth-child(3) {
        border-radius: 0 8px 0 0;
    }
    .product-grid-main .product-block:nth-child(4) {
        border-radius: 0;
    }
    .product-list-main {
        overflow-x: auto;
        width: 100%;
    }
    .product-detail-purches {
        gap: 15px;
    }
    .product-detail-purches-wishlist, .product-detail-purches-compare, .product-detail-purches-cart-btn {
        margin: 0;
    }
    .product-shipping-method {
        gap: 15px;
        justify-content: center;
    }
    .product-shipping-method-wrapper {
        max-width: calc(50% - 8px);
        padding: 0 20px;
    }
    .select-product-main-head p {
        font-size: 20px;
        line-height: 26px;
    }
    .select-product-info {
        gap: 20px;
        padding-left: 20px;
    }
    .select-product-info-img {
        width: 100px;
        height: 100px;
    }
    .select-product-info-cont {
        max-width: calc(100% - 120px);
    }
    .select-product-info-cont p {
        font-size: 16px;
        line-height: 22px;
    }
    .select-product-price p {
        font-size: 20px;
    }
    .product-detail-purches-info {
        margin: 20px 0;
        padding-top: 20px;
    }
    .cart-main-right {
        max-width: 100%;
    }
    .cart-main-left {
        max-width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }
    /* .cart-main-left-table table thead tr th:nth-child(2),
    .cart-main-left-table table thead tr th:last-child {
        min-width: unset;
    } */
    .account-detail-cont {
        max-width: calc(100% - 270px);
    }
    .order-tab-cont-address {
        max-width: 100%;
    }
    .cart-main-left-table table tbody tr td:nth-child(2) {
        text-align: left;
    }
    .account-detail-cont .cart-main-left-table table thead tr th:nth-child(2),
    .account-detail-cont .cart-main-left-table table thead tr th:last-child {
        min-width: 100px;
    }
    .cart-main-left-table table thead tr th:first-child {
        min-width: auto;
    }
    .feature-brand-list-inner ul li {
        max-width: calc(100% / 3);
    }
    .account-detail-cont.order-tab-cont .cart-main-left-table table thead tr th {
        text-align: left;
    }
    .account-detail-cont.order-tab-cont .cart-main-left-table table thead tr th {
        min-width: 100px;
    }
    .account-detail-cont.order-tab-cont .cart-main-left-table table thead tr th:last-child {
        text-align: right;
    }
    .account-detail-cont.order-tab-cont .cart-main-left-table table thead tr th:nth-child(2) {
        min-width: 200px;
    }
    .account-detail-cont.order-tab-cont .cart-main-left-table table tbody tr td {
        text-align: left;
    }
    .account-detail-cont.order-tab-cont .cart-main-left-table table thead tr th:nth-last-child(2) {
        min-width: 150px;
    }
    .tab-qna-main .tab-qna-main-inner .answer:before {
        height: calc(100% - 130px);
    }
    .tab-qna-main .tab-qna-vote {
        max-width: 100px;
        height: 100px;
    }
    .tab-qna-main .tab-qna-main-inner .tab-qna-cont {
        max-width: calc(100% - 130px);
    }
    .product-description-tab ul li.tab-link {
        padding: 15px 10px;
        font-size: 14px;
        line-height: 20px;
        min-width: 150px;
    }
    .product-description-tab ul {
        overflow-x: auto;
    }
    .robu-service-box img {
        max-width: 130px;
        max-height: 150px;
    }
    .feature-brand-head .search-bar {
        display: block;
    }
    .product-description {
        padding: 20px 0 0;
    }
    .career-job-main-inner {
        max-width: calc(50% - 12px);
    }
    .career-job-search {
        justify-content: center;
    }
    .career-job-head {
        padding: 45px 0;
    }
    .blog-listing-page-main {
        max-width: 100%;
    }
    .blog-listing-page-sidebar .blog-listing-page-sidebar-search {
        display: none;
    }
    .blog-listing-page-sidebar {
        max-width: 100%;
        margin-top: 40px;
    }
    .blog-listing-page-main .blog-listing-page-sidebar-search {
        display: block;
        margin-bottom: 30px;
    }
    .blog-listing-main-inner {
        max-width: calc(50% - 9px);
    }
    .recent-blog-main-item-image,
    .blog-listing-main-inner-img {
        height: 200px;
    }
    .blog-detail-page-main {
        max-width: 100%;
    }
    .blog-detail-page-sidebar {
        max-width: 100%;
    }
    .checkout-main-main {
        max-width: 100%;
    }
    .checkout-main-sidebar {
        max-width: 100%;
    }
    .save-address-main-item {
        max-width: calc(33.333% - 14px);
    }
    .about-wrapper,
    .why-choose-us,
    .industries-b2b {
        padding: 45px 0;
    }
    .why-choose-us-main-inner {
        max-width: calc(50% - 15px);
    }
    .atl-package {
        padding: 45px 0;
    }
    .atl-package-main .slick-slider .slick-prev {
        left: -10px;
    }
    .atl-package-main .slick-slider .slick-next {
        right: -10px;
    }
    .online-presence {
        padding: 45px 0;
    }
    .our-customers {
        padding: 0 0 45px;
    }
    .atl-enquiry-form form {
        padding: 30px 20px;
    }
    .account-detail-cont.order-tab-cont .cart-main-left-table table tbody tr td {
        padding: 20px 0;
    }
    .order-tracking-main {
        padding: 45px 0;
    }
    .order-tracking-main p {
        margin-bottom: 30px;
    }
    .bom-tool-content h1 {
        font-size: 34px;
        line-height: 44px;
    }
    /* .account-detail-cont.order-tab-cont .cart-main-left-table table thead tr th:last-child {text-align: left;} */
}

@media screen and (max-width:767px) {
    .logo-item a img {
        max-width: 40px;
    }
    .account-detail-cont.order-tab-cont .cart-main-left-table table.order-items thead tr th:nth-child(2),
    .account-detail-cont.order-tab-cont .cart-main-left-table table.order-items thead tr th:nth-last-child(2) {
        min-width: unset;
    }
    .account-detail-cont.dashboard-tab-cont p {
        margin: 0;
    }
    .account-detail-cont.dashboard-tab-cont {
        margin-bottom: 20px;
    }
    .recent-blog-main-item {
        width: calc(100% - 20px) !important; 
    }
    /* .blog-listing-main-grid {
        margin-bottom: 0;
    } */
    .blog-listing-main-inner-cont {
        height: unset;
    }
    .blog-detail-page {
        padding-bottom: 40px;
    }
    .video-popup-head {
        padding: 0;
    }
    .video-popup-head-title h1 {
        max-width: 100%;
        font-size: 24px;
        line-height: 32px;
    }
    .video-popup-head-info {
        max-width: 100%;
    }
    .video-popup-middle {
        padding: 0 0 20px;
    }
    .video-grid-inner {
        max-width: calc(50% - 10px);
    }
    .video-page-main .tabs {
        flex-direction: column;
        border-bottom: 0;
    }
    .video-page-main .tabs .tab {
        margin: 0 10px 20px;
        padding: 0 10px;
        width: 100%;
    }
    .about-wrapper + .about-wrapper {
        flex-direction: column-reverse;
    }
    .atl-enquiry-form {
        padding: 30px 0;
    }
    .product-grid,
    .product-list {
        padding-bottom: 30px;
    } 
    .ads-section {
        margin-bottom: 35px;
    }
    .feature-brand {
        padding: 30px 0;
    }
    .header-left img.logo-image {
        max-width: 120px;
    }
    .tooltip .tooltip-text {
        display: none;
    }
    .account-detail-cont {
        max-width: 100%;
        width: 100%;
        margin-top: 50px;
    }
    .hero-slider-inner {
        padding: 15px 15px 30px;
    }

    .hero-title strong, .hero-title {
        font-size: 34px;
    }

    .hero-item { flex-direction: column-reverse; }
    .hero-content {
        margin-bottom: 10px;
        text-align: center;
        padding-top: 20px;
    }
    .featured-categories-box {
        grid-template-columns: repeat(2, 1fr);
    }
    .categories-page .featured-categories-box {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
    .categories-page .featured-categorie-image {
        height: 150px;
    }

    .featured-product-box {
        width: 100%;
        margin-right: 0;
        grid-template-columns: 1fr;
    }

    .title-block { flex-wrap: wrap; }
    .title-block::before {
        display: none;
    }

    .desire {
        margin-bottom: 30px;
    }


    .featured-product-box .featured-products {
        padding-left: 0;
        padding-right: 0; 
        padding-bottom: 30px;
    }

    .robu-service-inner {
        grid-template-columns: 1fr;
    }

    .featured-products-inner {
        margin-bottom: 0;
    }

    .videos-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .video-box {
        width: 100%;
        margin-bottom: 10px;
    }

    .videos-section {
        margin-bottom: 30px;
    }

    .cta-inner {
        padding: 15px 30px;
    }
/* 
    .cta-image {
        display: none;
    } */

    .cta-inner {
        text-align: center;
        padding: 30px;
        flex-direction: column-reverse;
        gap: 30px;
        flex-wrap: wrap;
    }

    .blogs-list { 
        grid-template-columns: 1fr;
    }

    .tunorials-wrapper {
        grid-template-columns: 1fr;
    }

    .tutorials-box {
        width: 100%;
        margin-bottom: 10px;
    }

    .shipping-method-wrapper {
        flex-direction: column;
    }

    .logo-item {
        min-width: 150px;
        height: 60px;
        margin: 8px;
    }

    .logo-item img {  max-height: 100%; }

    .footer-form { 
        flex-wrap: wrap;
        justify-content: center;
        margin: 10px 0 0;
    }

    form.subscribe-form {
        display: inline-flex;
        gap: 15px;
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
    }

    .subscribe-form .subscribe-input {
        max-width: 100%;
    }

    .footer-form label {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .footer-block {
        width: 100%;
        padding:15px 0;
        border-left: none;
        border-bottom: 1px solid #E1E4F3;
    }

    .footer-bottom .footer-copyright p {
        margin: 0;
        text-align: center;
        line-height: 20px;
    }

    .app-logos {
        display: flex;
        gap: 7px;
    }

    .phone-icon {
        min-width: 45px;
        min-height: 45px;
        margin-right: 5px;
    }

    .footer-block.dowload-app {
        border-bottom: 1px solid #E1E4F3;
    }

    .product-block {
        border-right: none;
    }

    .robu-service-box {
        min-height: 160px;
    }

    .title-block h2 {
        padding-right: 0px;
    }
    
    .mobile-show {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin: 15px 0 ;
    }

    .desktop-show {
        display: none;
    }

    .blogs-list .blog-item {
        margin-bottom: 10px;
    }

    .vision-mission-boxes {
        flex-direction: column;
        gap: 20px;
    }

    .about-wrapper .about-img {
        width: 100%;
    }

    .about-wrapper .about-content {
        width: 100%;
    }

    .header-bottom-left .all-categories-link {
        min-width: auto;
        padding: 10px 20px 10px 10px;
        gap: 5px;
        font-size: 12px;
    }

    .toggle-menu {
        gap: 5px;
        padding: 10px;
        font-size: 12px;
        align-items: center;
    }

    .compare-orders, .tracking-account, .site-header .cart-total {
        display: none;
    }

    .site-header .wishlist, .site-header .cart {
        margin-left: 10px;
        height: 25px;
    }

    .compare-orders.mobile-show {
        display: block;
        font-size: 0;
        margin: 0;
    }

    .compare-orders.mobile-show {
        display: flex;
        font-size: 0;
        margin: 0;
        justify-content: center;
        max-width: 100px;
        margin-left: 20px;
    }

    .compare-orders a.compare-link {
        border-right: 1px solid #D9DDE3;
        padding-right: 10px;
        gap: 0;
        margin: 0;
    }

    .compare-orders .orders-link {
        padding: 0 5px;
        gap: 0;
        margin: 0;
        border-right: 1px solid #D9DDE3;
    }

    .compare-orders .tracking-link {
        width: auto;
        height: auto;
        border: none;
        padding-left: 10px;
        border-radius: 0;
    }

    .header-bottom-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .site-header .cart {
        margin-left: 0;
    }

    .title-block h2 { font-size: 20px; }
    .login-wrapper { padding: 20px; margin: 40px auto; }
    .ads-slider {  grid-template-columns: 1fr; }
    .contact-wrapper .contact-form {
        width: 100%;
        padding: 20px;
    }

    .contact-infomation {
        padding: 20px;
    }

    .contact-form form .form-group {
        max-width: 100%;
    }

    .contact-form form input.input-field {
        width: 100%;
        margin: 0;
    }

    .video-box .video-image img {
        height: 130px;
    }

    .myaccordion .card .card-header button:after {
        right: 10px;
    }

    .featured-product-box {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
        margin-right:0px;
    }


    .account-detail .account-detail-nav {
        width: 100%;
    }

    .account-detail-content {
        background: #F7F8FD;
        padding: 20px;
        border-radius: 8px;
        width: 100%;
        margin-left: 0;
        margin-top: 40px;
    }

    .account-detail-top { 
        flex-wrap: wrap;
        gap: 10px;
    }
    .google-review-inner {
        grid-template-columns: 1fr;
    }

    .header-center {
        margin-right: 5px;
    }
    .main-navigation ul.nav-list li.dropdown .dropdown-menu {
        display: none;
    }
    .main-navigation ul.nav-list li.dropdown.dropdown-menu-open .dropdown-menu {
        display: block;
    }
    .main-navigation ul.nav-list li.dropdown-menu-open > a::after {
        transform: rotate(180deg);
    }
    .main-navigation ul.nav-list li.dropdown > a::after {
        right: 10px;
    }
    .footer-top .footer-logo {
        margin-bottom: 0;
    }
    .about-wrapper {
        flex-wrap: wrap;
    }
    .main-content {
        padding: 30px 0;
    }

    .hero-slider .slick-slide img {
        display: block;
        max-height: 70px;
    }

    .hero-item {
        min-height: auto;
        height: auto;
    }

    .all-categories {
        position: static;
    }

    .ti-reviews-container {
        grid-template-columns: 1fr;
    }

    .blog-page {
        flex-direction: column-reverse;
    }

    .blog-listing {
        width: 100%;
    }

    .sidebar {
        width: 100%;
        padding-left: 0;
    }

    .blog-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .blog-more {
        margin: 20px 0;
    }

    .blog-meta ul {
        align-items: center;
        flex-wrap: wrap;
        gap: 10px 0px;
    }

    .blog-meta ul li {
        padding-right: 8px;
        margin-right: 8px;
    }
    
    .blog-content {
        padding: 15px;
     }


     .author-content {
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }

    .leave-comment, .blog-author {
        padding: 15px;
    }

    .row .col {
        width: 100%;
    }

    .leave-top {
        flex-wrap: wrap;
    }

    .leave-top p {
        margin-left: 0;
        margin-top: 10px;
    }

    .recent-posts, .sidebar .social-media {
        padding: 20px 15px;
    }

    .sidebar .social-media ul a {
        width: 44px;
        height: 44px;
    }

    .blog-single-page {
        margin-bottom: 40px;
    }
    .pagination {
        padding: 20px 0 40px;
    }
    .product-grid-main {
        grid-template-columns: repeat(2, 1fr);
    }
    .product-control-bar-main {
        flex-wrap: wrap;
        gap: 15px;
    }
    .product-control-bar-left, .product-control-bar-right {
        max-width: 100%;
        flex-wrap: wrap;
        gap: 15px;
    }
    .product-filter-main {
        flex-wrap: wrap;
    }
    .product-filter-main .filter-box {
        max-width: calc(50% - 7px);
    }
    .pagination .pagination-list .pagination-list-item {
        width: 40px;
        height: 40px;
    }
    .pagination .pagination-list .pagination-list-item a {
        font-size: 16px;
    }
    .pagination .pagination-list .pagination-list-item a img {
        width: 8px;
    }
    .product-control-bar-left-search,
    .product-control-bar-left-sort-by {
        max-width: 50%;
        margin: 0;
    }
    .product-control-bar-right-cart,
    .product-control-bar-right-compare {
        margin: 0;
    }
    .product-control-bar-right-tabs ul .nav-item .nav-link {
        width: 45px;
        height: 45px;
    }
    .product-grid-main .product-block {
        border-right: 1px solid var(--border);
    }
    .product-detail-purches {
        justify-content: space-between;
        gap: 15px;
    }
    .product-detail-purches-cart-btn .button,
    .product-detail-purches-compare-btn .button {
        padding: 16px 20px;
    }
    .product-detail-left {
        max-width: 100%;
        padding: 0 25px 20px;
    }
    .product-detail-right {
        max-width: 100%;
        padding-left: 0;
        padding-top: 30px;
    }
    .product-detail-main-slider {
        height: 400px;
    }
    .product-detail-thumb-slider .slick-list .slick-slide .slider-item {
        height: 86px;
    }
    .product-detail-thumb-slider .slick-list .slick-slide {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-detail-head h2 {
        font-size: 20px;
        line-height: 26px;
    }
    .product-detail-purches-cart-btn {
        margin: 0;
    }
    .select-product-checkbox {
        order: 1;
    }
    .select-product-info {
        order: 2;
        padding-left: 0;
        max-width: 100%;
        gap: 15px;
    }
    .select-product-price {
        order: 4;
        margin: 0;
    }
    .select-product-qty {
        order: 3;
    }
    .select-product-info-img {
        width: 80px;
        height: 80px;
        padding: 10px;
    }
    .select-product-info-cont {
        max-width: calc(100% - 95px);
    }
    .select-product-info-cont p {
        font-size: 14px;
        line-height: 20px;
    }
    .select-product-price p {
        font-size: 20px;
    }
    .select-product-checkbox input[type="checkbox"] {
        width: 32px;
        height: 32px;
    }
    .select-product-list-item {
        flex-wrap: wrap;
        gap: 15px;
    }
    .select-product-main-head p {
        font-size: 18px;
        line-height: 24px;
    }
    .product-detail-info .info-row .value {
        font-size: 14px;
        line-height: 18px;
        padding-left: 10px;
    }
    .product-detail-info .info-row .label,
    .product-detail-info .info-row .value a {
        font-size: 14px;
        line-height: 18px;
    }
    .product-detail-list-info ul li {
        font-size: 14px;
    }
    .product-detail-price h3 {
        font-size: 18px;
        line-height: 24px;
    }
    .product-comparision-main {
        display: block;
        width: 100%;
        overflow-x: scroll;
    }
    .service-page .robu-service-box img {
        max-width: 110px;
        max-height: 150px;
    }
    .robu-service-box h3 {
        max-width: 160px;
        font-size: 18px;
    }
    .robu-service-box-cont {
        margin: 0 20px;
    }
    .cart-main-left-table table thead tr th:last-child {
        min-width: 120px;
    }
    .cart-main-left-table table thead tr th:nth-child(2) {
        min-width: 100px;
    }
    .cart-main-left-table table tbody tr td {
        padding: 20px 10px;
    }
    .cart-main-left-table {
        overflow-x: auto;
    }
    .cart-main-left {
        max-width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }
    .cart-main-right {
        max-width: 100%;
    }
    .cart-main-points-main .value {
        padding: 12px;
        font-size: 14px;
    }
    .cart-main-points-main {
        padding: 4px 4px 4px 10px;
    }
    .account-detail-cont.order-tab-cont .cart-main-left-table table thead tr th {
        text-align: left;
    }
    .account-detail-cont.order-tab-cont .cart-main-left-table table thead tr th {
        min-width: 100px;
    }
    .account-detail-cont.order-tab-cont .cart-main-left-table table thead tr th:last-child {
        text-align: right;
    }
    .account-detail-cont.order-tab-cont .cart-main-left-table table thead tr th:nth-child(2) {
        min-width: 200px;
    }
    .account-detail-cont.order-tab-cont .cart-main-left-table table tbody tr td {
        text-align: left;
    }
    .account-detail-cont.order-tab-cont .cart-main-left-table table thead tr th:nth-last-child(2) {
        min-width: 150px;
    }
    .feature-brand-list-inner ul li {
        max-width: calc(100% / 2);
    }
    .product-description-detail .tab-content p,
    .product-description-detail .tab-content.tab-qna .tab-qna-head p{
        font-size: 14px;
    }
    .product-description-detail .tab-content.tab-description ol {
        padding: 0;
    }
    .product-description-detail .tab-content.tab-description ol li:before {
        top: 10px;
    }
    .product-description-detail .tab-content.tab-description ol li {
        padding-left: 20px;
    }
    .tab-specification-table table td:first-child {
        padding: 10px 25px;
    }
    .tab-specification-table table tr td {
        padding: 10px;
    }
    .product-description-detail .tab-content.tab-warranty h6 {
        font-size: 14px;
        margin: 0 0 15px;
    }
    .product-description-detail .tab-content.tab-warranty p {
        margin-bottom: 34px;
    }
    .review-add .review-add-main {
        gap: 40px;
    }
    .review-list-inner-main,
    .product-description-detail .tab-content.tab-qna .tab-qna-head-title {
        gap: 20px;
    }
    .tab-qna-main .tab-qna-main-inner,
    .tab-qna-main .tab-qna-main-inner .qa-footer{
        gap: 15px;
    }
    .tab-qna-main .tab-qna-vote {
        max-width: 100px;
        height: 100px;
    }
    .tab-qna-main .tab-qna-main-inner .qa-footer .qa-meta {
        line-height: 130%;
    }
    .tab-qna-main .tab-qna-main-inner .answer:before,
    .tab-qna-main .tab-qna-main-inner .answer .qa-icon:after {
        display: none;
    }
    .tab-qna-main .tab-qna-main-inner .answer .answer-text {
        max-width: calc(100% - 50px);
    }
    .product-description-detail .tab-content.tab-faq .card .card-header button {
        padding: 15px 40px 15px 20px;
        font-size: 14px;
        line-height: 130%;
    }
    .product-description-detail .tab-content.tab-faq .card .card-header button:after {
        right: 10px;
    }
    .tab-qna-main .tab-qna-main-inner .tab-qna-cont {
        max-width: 100%;
    }
    .product-description-detail .tab-link {
        display: block;
        max-width: calc(100% - 20px);
        width: 100%;
        margin: 20px auto  0;
    }
    .product-description-tab ul {
        display: none;
    }
    .product-description-detail {
        border-top: 1px solid var(--border);
    }
    .product-description-detail .tab-link:first-child {
        margin-top: 0;
    }
    .feature-brand-list .feature-brand-list-head:before {
        display: none;
    }
    .featured-categories {
        margin: 0;
    }
    .sub-categories-page .featured-categories {
        margin: 0 0 30px;
    }
    .feature-brand-head h2 {
        margin: 0 auto 20px;
        width: 100%;
    
    }
    .feature-brand-head .search-bar {
        display: block;
        margin: 0 auto;
    }
    .career-job-head {
        padding: 0px 0 30px;
    }
    .career-job-main-inner {
        max-width: calc(50% - 12px);
        padding: 15px;
    }
    .career-job-main {
        padding-top: 20px;
    }
    .blog-detail-page-main {
        max-width: 100%;
    }
    .blog-detail-page-sidebar {
        max-width: 100%;
    }
    .blog-detail-page-main-img {
        height: 300px;
    }
    .blog-detail-page-main h1 {
        font-size: 26px;
        line-height: 34px;
    }
    .blog-detail-page-main-info ul {
        gap: 16px;
    }
    .blog-detail-page-main-info ul li:before {
        right: -8px;
    }
    .blog-detail-page-main-content {
        padding: 30px 20px;
    }
    .blog-detail-page-main-about {
        padding: 30px 20px;
    }
    .blog-detail-page-main-about-content {
        max-width: 100%;
    }
    .blog-detail-page-main-about-inner {
        gap: 20px;
    }
    .blog-detail-page-main-comment {
        padding: 30px 20px;
    }
    .blog-detail-page-main-comment form .form-group.half-width {
        width: 100%;
    }
    .blog-detail-page-main-comment form .form-group {
        margin: 0 0 15px;
    }
    .career-detail-head-info ul {
        gap: 30px;
    }
    .career-detail {
        padding: 30px 0;
    }
    .checkout-main {
        padding: 30px 0;
    }
    .checkout-main-main {
        max-width: 100%;
    }
    .checkout-main-sidebar {
        max-width: 100%;
    }
    .save-address-inner {
        padding: 30px 15px;
    }
    .save-address-main-item {
        max-width: 100%;
    }
    .checkout-main-main-inner form .form-group.half-width {
        width: 100%;
    }
    .use-address-inner label {
        font-size: 16px;
        line-height: 26px;
    }
    .checkout-shipping-main ul li .title,
    .checkout-shipping-main ul li .value {
        width: 100%;
    }
    .checkout-shipping-main ul li {
        gap: 20px;
    }
    .shipping-method {
        padding: 30px 20px;
    }
    .payment-method form .form-group {
        padding: 20px 10px;
    }
    .payment-method form .form-group label {
        padding-left: 30px;
        font-size: 16px;
        line-height: 22px;
    }
    .cart-totals-inner-img {
        width: 100px;
        height: 100px;
        margin: 0 auto;
    }
    .cart-totals-inner-cont {
        max-width: 100%;
    }
    .billing-summary-main-total .title {
        font-size: 18px;
    }
    .billing-summary-main-total .value {
        font-size: 18px;
    }
    .why-choose-us-main-inner {
        max-width: 100%;
        padding: 30px 16px;
    }
    .online-presence-main-inner {
        max-width: 100%;
    }
    .online-presence-main-inner h2 {
        font-size: 26px;
        line-height: 34px;
    }
    .online-presence-main-inner p {
        font-size: 18px;
        line-height: 24px;
    }
    .online-presence {
        padding: 30px 0;
    }
    .our-customers {
        padding: 0 0 30px;
    }
    .our-customers-main-inner {
        max-width: calc(50% - 15px);
    }
    .our-customers-btn {
        font-size: 18px;
        line-height: 26px;
    }
    .about-wrapper {
        padding: 30px 0;
    }
    .why-choose-us {
        padding: 30px 0;
    }
    .atl-package-main .slick-slider .slick-next {
        right: -10px;
    }
    .atl-package-main .slick-slider .slick-prev {
        left: -10px;
    }
    .order-tab-cont-address {
        max-width: 100%;
    }
    .account-detail {
        margin: 30px 0;
    }
    .atl-enquiry-form form {
        padding: 30px 15px;
    }
    .atl-enquiry-form form .form-group.half {
        width: 100%;
    }
    .seller-form-inner form .form-group.half {
        width: 100%;
    }
    .seller-form-inner {
        padding: 30px 15px;
    }
    .order-tracking-main {
        padding: 30px 0;
    }
    .order-tracking-main p {
        margin-bottom: 20px;
    }
    /* .account-detail-cont.order-tab-cont .cart-main-left-table table thead tr th:last-child {text-align: left;} */
    .robu-b2b-head {
        padding: 30px 0;
    }
    .robu-b2b-head-cont {
        max-width: 100%;
    }
    .robu-b2b-head-cont h1 {
        margin: 0;
        font-size: 28px;
    }
    .robu-b2b-head-img {
        max-width: 100%;
        text-align: center;
    }
    .robu-community {
        padding: 30px 0;
    }
    .robu-community-main h2 {
        font-size: 24px;
        line-height: 32px;
        margin: 0 0 20px;
    }
    .robu-community-main h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .robu-b2b-service {
        padding: 0;
    }
    .robu-b2b-service .about-wrapper h2 {
        font-size: 30px;
        line-height: 38px;
    }
    .robu-b2b-service .about-wrapper h3 {
        font-size: 22px;
        line-height: 30px;
        margin: 0 0 15px;
    }
    .about-wrapper .about-img img {
        margin: 0 auto;
    }
    .robu-b2b-service .about-wrapper {
        padding: 30px 0 0;
    }
    .bom-tool-content h1 {
        margin: 0 0 20px;
        font-size: 28px;
        line-height: 38px;
    }
}


@media screen and (max-width:575px) {
    .career-job-main-inner ul {
        min-height: auto;
    }
     .video-grid-inner {
        max-width: 100%;
    }
    .header-top-bar-wrapper {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }
    .service-tab .service-tab-list li.tab-link {
        max-width: 100%;
    }
    .product-filter-main {
        flex-wrap: wrap;
    }
    .product-filter-main .filter-box {
        max-width: 100%;
    }
    .product-control-bar-left, .product-control-bar-right {
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
    }
    .product-control-bar-left-search,
    .product-control-bar-left-sort-by {
        max-width: 100%;
        margin: 0;
    }
    .product-control-bar-left {
        justify-content: center;
    }
    .product-control-bar-right-compare, .product-control-bar-right-cart {
        width: 100%;
        margin: 0;
    }
    .product-control-bar-right-compare button, .product-control-bar-right-cart button {
        width: 100%;
        justify-content: center;
    }
    .product-grid-main {
        grid-template-columns: repeat(1, 1fr);
    }
    .product-detail-purches-info-order, .product-detail-purches-info-support {
        max-width: 100%;
    }
    .product-shipping-method {
        gap: 20px;
    }
    .product-shipping-method-wrapper {
        max-width: 100%;
    }
    .career-job-main-inner {
        max-width: 100%;
    }
    
    .blog-listing-main-inner {
        max-width: 100%;
    }
    .recent-blog-main-item-image,
    .blog-listing-main-inner-img {
        height: 250px;
    }
}

@media (max-width: 480px) {
    .recent-blog-main-item-image,
    .blog-listing-main-inner-img {
        height: 200px;
    }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"src/app/layout.tsx","import":"Inter","arguments":[{"subsets":["latin"]}],"variableName":"inter"} ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Inter Fallback';src: local("Arial");ascent-override: 90.44%;descent-override: 22.52%;line-gap-override: 0.00%;size-adjust: 107.12%
}.__className_f367f3 {font-family: 'Inter', 'Inter Fallback';font-style: normal
}