.card-image img {
width: 100%;
object-fit: fill;
height: 100%;
}

.product-card h3 a {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}

.product-card .card-image {
    width: 220px;
    height: 343px;
    overflow: hidden;
    margin-bottom: 10px;
}

.download-section {
display: flex;
flex-direction: column;
width: 100%;
}

.download-button {
border-radius: 0px !important;
width: 100%;
margin: 4px;
margin-bottom: 0px;
}

.btn-check:focus+.btn-outline-secondary,

.btn-outline-secondary:focus {
background-color: var(--primary-color) !important;
color: white;
}

.btn-outline-secondary {
border-color: var(--button-secondary-color)45;
background-color: var(--secondary-bg-light-color);
}

.special-card {
min-height: 300px !important;
max-height: 100% !important;
overflow: hidden !important;
margin-bottom: 10px !important;
height: 100% !important;
}

.special-card img {
height: auto !important;
width: auto !important;
object-fit: cover;
text-align: center;
margin: auto;
}

.site-footer {
	padding-top: 30px;
	border-top: 1px solid #e0e0e0;
	background: #ffffff;
}

.table-green {
color: white;
background-color: var(--primary-color)
}

table>tbody>tr>td>a {
color: var(--primary-color) !important;
}


.text-green {
color: var(--primary-color)
}

.text-green-force {
color: var(--primary-color) !important
}

.page_404 {
padding: 40px 0;
background: #fff;
}

.four_zero_four_bg {
background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);
height: 400px;
background-position: center;
}

.link_404 {
color: #fff!important;
padding: 10px 20px;
background: var(--secondary-color);
margin: 20px 0;
display: inline-block;
}

.contant_box_404 {
margin-top: -50px;
}

.bulten-head {
font-weight: 600;
font-size: 15px;
}

.download-single {
background-color: var(--primary-color);
color: white;
}

.download-single:focus {
background-color: var(--button-secondary-color) !important;
}

.single-page-poster {
width: auto !important;
height: auto;
margin: auto;
display: flex;
}

.card-image {
display: block;
}

.product-card{
margin-left: 15px;
}

.slick-track{
display: flex;
}

.readmore-padding{
padding-bottom: 25px;
}

.grid-fly {
    margin: 30px auto;
    padding: 0 10px;
    width: 100%;
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0.5em;
}

.main-menu .nav-link.active {
color: var(--primary-color) !important;
}





.blog-featured-image img {
max-height: 500px !important;
width: auto !important;
object-fit: cover;
}

.main-menu .menu-item.current-menu-item .nav-link,

.main-menu .menu-item.current_page_item .nav-link,

.main-menu .menu-item.current-post-ancestor .nav-link {
color: #fff !important;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 3px;
}



small {
font-size: 80%;
}

[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}

h2,

table {
margin: 0 0 1.5em;
width: 100%;
}

a:active {
color: #191970;
}

a:active {
outline: 0;
}

button:active,

input[type="button"]:active,

input[type="reset"]:active,

input[type="submit"]:active,

.main-navigation {
display: block;
width: 100%;
}

.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-right: 0;
}

.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: right;
position: absolute;
top: 100%;
right: -999em;
z-index: 99999;
}

.main-navigation ul ul ul {
right: -999em;
top: 0;
}


.main-navigation ul ul li.focus > ul {
display: block;
right: auto;
}

.main-navigation ul ul a {
width: 200px;
}


.main-navigation ul li.focus > ul {
right: auto;
}

.main-navigation li {
position: relative;
}

.main-navigation a {
display: block;
text-decoration: none;
}

.main-navigation.toggled ul {
display: block;
}

.site-main .comment-navigation,

.site-main

.posts-navigation,

.site-main

.post-navigation {
margin: 0 0 1.5em;
}

.comment-navigation .nav-links,

.posts-navigation .nav-links,

.post-navigation .nav-links {
display: flex;
}

.comment-navigation .nav-previous,

.posts-navigation .nav-previous,

.post-navigation .nav-previous {
flex: 1 0 50%;
}

.comment-navigation .nav-next,

.posts-navigation .nav-next,

.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
}

.page-content,

.entry-content,

.entry-summary {
margin: 1.5em 0 0;
}

.page-links {
clear: both;
margin: 0 0 1.5em;
}

.widget {
margin: 0 0 1.5em;
}

.widget select {
max-width: 100%;
}

.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}

.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
display: block;
margin-right: auto;
margin-left: auto;
}

.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}

.wp-caption-text {
text-align: center;
}

.infinite-scroll .posts-navigation,

.infinite-scroll.neverending .site-footer {
display: none;
}

.infinity-end.neverending .site-footer {
display: block;
}

.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}

#primary[tabindex="-1"]:focus {
outline: 0;
}

.site-wrapper {
position: relative;
}

h2,

.btn:focus,

.btn:active {
-webkit-box-shadow: none;
box-shadow: none;
border-color: transparent;
}

h2,

.card {
border: none;
border-radius: 0;
}

.slick-slide:focus {
outline: none;
}

.slick-slide:focus a:focus {
outline: none;
}

.form-control {
display: inline-block;
padding: 10px 15px;
line-height: 30px;
height: 52px;
color: var(--secondary-text-light-color);
font-size: 15px;
width: 100%;
border: 2px solid var(--border-secondary-color);
background: #fff;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
}

.form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
border: 2px solid var(--border-secondary-color);
}

.container,

.row {
--bs-gutter-x: 30px;
}

.g-0,

.space-db--0 {
margin-bottom: 0px;
}

.space-db--5 {
margin-bottom: -5px;
}

.space-db--10 {
margin-bottom: -10px;
}

.space-db--15 {
margin-bottom: -15px;
}

.space-db--20 {
margin-bottom: -20px;
}

.space-db--25 {
margin-bottom: -25px;
}

.space-db--30 {
margin-bottom: -30px;
}

.space-db--35 {
margin-bottom: -35px;
}

.space-db--40 {
margin-bottom: -40px;
}

.space-db--45 {
margin-bottom: -45px;
}

.space-db--50 {
margin-bottom: -50px;
}

.space-db--55 {
margin-bottom: -55px;
}

.space-db--60 {
margin-bottom: -60px;
}

.space-db--65 {
margin-bottom: -65px;
}

.space-db--70 {
margin-bottom: -70px;
}

.space-db--75 {
margin-bottom: -75px;
}

.space-db--80 {
margin-bottom: -80px;
}

.space-db--85 {
margin-bottom: -85px;
}

.space-db--90 {
margin-bottom: -90px;
}

.space-db--95 {
margin-bottom: -95px;
}

.space-db--100 {
margin-bottom: -100px;
}

.space-db--105 {
margin-bottom: -105px;
}

.space-db--110 {
margin-bottom: -110px;
}

.space-db--115 {
margin-bottom: -115px;
}

.space-db--120 {
margin-bottom: -120px;
}

.space-db--125 {
margin-bottom: -125px;
}

.space-db--130 {
margin-bottom: -130px;
}

.space-db--135 {
margin-bottom: -135px;
}

.space-db--140 {
margin-bottom: -140px;
}

.space-db--145 {
margin-bottom: -145px;
}

.space-db--150 {
margin-bottom: -150px;
}

.space-dt--0 {
margin-top: 0px;
}

.space-dt--5 {
margin-top: -5px;
}

.space-dt--10 {
margin-top: -10px;
}

.space-dt--15 {
margin-top: -15px;
}

.space-dt--20 {
margin-top: -20px;
}

.space-dt--25 {
margin-top: -25px;
}

.space-dt--30 {
margin-top: -30px;
}

.space-dt--35 {
margin-top: -35px;
}

.space-dt--40 {
margin-top: -40px;
}

.space-dt--45 {
margin-top: -45px;
}

.space-dt--50 {
margin-top: -50px;
}

.space-dt--55 {
margin-top: -55px;
}

.space-dt--60 {
margin-top: -60px;
}

.space-dt--65 {
margin-top: -65px;
}

.space-dt--70 {
margin-top: -70px;
}

.space-dt--75 {
margin-top: -75px;
}

.space-dt--80 {
margin-top: -80px;
}

.space-dt--85 {
margin-top: -85px;
}

.space-dt--90 {
margin-top: -90px;
}

.space-dt--95 {
margin-top: -95px;
}

.space-dt--100 {
margin-top: -100px;
}

.space-dt--105 {
margin-top: -105px;
}

.space-dt--110 {
margin-top: -110px;
}

.space-dt--115 {
margin-top: -115px;
}

.space-dt--120 {
margin-top: -120px;
}

.space-dt--125 {
margin-top: -125px;
}

.space-dt--130 {
margin-top: -130px;
}

.space-dt--135 {
margin-top: -135px;
}

.space-dt--140 {
margin-top: -140px;
}

.space-dt--145 {
margin-top: -145px;
}

.space-dt--150 {
margin-top: -150px;
}

.pt--0 {
padding-top: 0px !important;
}

.pt--5 {
padding-top: 5px !important;
}

.pt--10 {
padding-top: 10px !important;
}

.pt--15 {
padding-top: 15px !important;
}

.pt--20 {
padding-top: 20px !important;
}

.pt--25 {
padding-top: 25px !important;
}

.pt--30 {
padding-top: 30px !important;
}

.pt--35 {
padding-top: 35px !important;
}

.pt--40 {
padding-top: 40px !important;
}

.pt--45 {
padding-top: 45px !important;
}

.pt--50 {
padding-top: 50px !important;
}

.pt--55 {
padding-top: 55px !important;
}

.pt--60 {
padding-top: 60px !important;
}

.pt--65 {
padding-top: 65px !important;
}

.pt--70 {
padding-top: 70px !important;
}

.pt--75 {
padding-top: 75px !important;
}

.pt--80 {
padding-top: 80px !important;
}

.pt--85 {
padding-top: 85px !important;
}

.pt--90 {
padding-top: 90px !important;
}

.pt--95 {
padding-top: 95px !important;
}

.pt--100 {
padding-top: 100px !important;
}

.pt--105 {
padding-top: 105px !important;
}

.pt--110 {
padding-top: 110px !important;
}

.pt--115 {
padding-top: 115px !important;
}

.pt--120 {
padding-top: 120px !important;
}

.pt--125 {
padding-top: 125px !important;
}

.pt--130 {
padding-top: 130px !important;
}

.pt--135 {
padding-top: 135px !important;
}

.pt--140 {
padding-top: 140px !important;
}

.pt--145 {
padding-top: 145px !important;
}

.pt--150 {
padding-top: 150px !important;
}

.pt--155 {
padding-top: 155px !important;
}

.pt--160 {
padding-top: 160px !important;
}

.pt--165 {
padding-top: 165px !important;
}

.pt--170 {
padding-top: 170px !important;
}

.pt--175 {
padding-top: 175px !important;
}

.pt--180 {
padding-top: 180px !important;
}

.pt--185 {
padding-top: 185px !important;
}

.pt--190 {
padding-top: 190px !important;
}

.pt--195 {
padding-top: 195px !important;
}

.pt--200 {
padding-top: 200px !important;
}

.pb--0 {
padding-bottom: 0px !important;
}

.pb--5 {
padding-bottom: 5px !important;
}

.pb--10 {
padding-bottom: 10px !important;
}

.pb--15 {
padding-bottom: 15px !important;
}

.pb--20 {
padding-bottom: 20px !important;
}

.pb--25 {
padding-bottom: 25px !important;
}

.pb--30 {
padding-bottom: 30px !important;
}

.pb--35 {
padding-bottom: 35px !important;
}

.pb--40 {
padding-bottom: 40px !important;
}

.pb--45 {
padding-bottom: 45px !important;
}

.pb--50 {
padding-bottom: 50px !important;
}

.pb--55 {
padding-bottom: 55px !important;
}

.pb--60 {
padding-bottom: 60px !important;
}

.pb--65 {
padding-bottom: 65px !important;
}

.pb--70 {
padding-bottom: 70px !important;
}

.pb--75 {
padding-bottom: 75px !important;
}

.pb--80 {
padding-bottom: 80px !important;
}

.pb--85 {
padding-bottom: 85px !important;
}

.pb--90 {
padding-bottom: 90px !important;
}

.pb--95 {
padding-bottom: 95px !important;
}

.pb--100 {
padding-bottom: 100px !important;
}

.pb--105 {
padding-bottom: 105px !important;
}

.pb--110 {
padding-bottom: 110px !important;
}

.pb--115 {
padding-bottom: 115px !important;
}

.pb--120 {
padding-bottom: 120px !important;
}

.pb--125 {
padding-bottom: 125px !important;
}

.pb--130 {
padding-bottom: 130px !important;
}

.pb--135 {
padding-bottom: 135px !important;
}

.pb--140 {
padding-bottom: 140px !important;
}

.pb--145 {
padding-bottom: 145px !important;
}

.pb--150 {
padding-bottom: 150px !important;
}

.pb--155 {
padding-bottom: 155px !important;
}

.pb--160 {
padding-bottom: 160px !important;
}

.pb--165 {
padding-bottom: 165px !important;
}

.pb--170 {
padding-bottom: 170px !important;
}

.pb--175 {
padding-bottom: 175px !important;
}

.pb--180 {
padding-bottom: 180px !important;
}

.pb--185 {
padding-bottom: 185px !important;
}

.pb--190 {
padding-bottom: 190px !important;
}

.pb--195 {
padding-bottom: 195px !important;
}

.pb--200 {
padding-bottom: 200px !important;
}

.px--0 {
padding-left: 0px !important;
padding-right: 0px !important;
}

.px--5 {
padding-left: 5px !important;
padding-right: 5px !important;
}

.px--10 {
padding-left: 10px !important;
padding-right: 10px !important;
}

.px--15 {
padding-left: 15px !important;
padding-right: 15px !important;
}

.px--20 {
padding-left: 20px !important;
padding-right: 20px !important;
}

.px--25 {
padding-left: 25px !important;
padding-right: 25px !important;
}

.px--30 {
padding-left: 30px !important;
padding-right: 30px !important;
}

.px--35 {
padding-left: 35px !important;
padding-right: 35px !important;
}

.px--40 {
padding-left: 40px !important;
padding-right: 40px !important;
}

.px--45 {
padding-left: 45px !important;
padding-right: 45px !important;
}

.px--50 {
padding-left: 50px !important;
padding-right: 50px !important;
}

.px--55 {
padding-left: 55px !important;
padding-right: 55px !important;
}

.px--60 {
padding-left: 60px !important;
padding-right: 60px !important;
}

.px--65 {
padding-left: 65px !important;
padding-right: 65px !important;
}

.px--70 {
padding-left: 70px !important;
padding-right: 70px !important;
}

.px--75 {
padding-left: 75px !important;
padding-right: 75px !important;
}

.px--80 {
padding-left: 80px !important;
padding-right: 80px !important;
}

.px--85 {
padding-left: 85px !important;
padding-right: 85px !important;
}

.px--90 {
padding-left: 90px !important;
padding-right: 90px !important;
}

.px--95 {
padding-left: 95px !important;
padding-right: 95px !important;
}

.px--100 {
padding-left: 100px !important;
padding-right: 100px !important;
}

.px--105 {
padding-left: 105px !important;
padding-right: 105px !important;
}

.px--110 {
padding-left: 110px !important;
padding-right: 110px !important;
}

.px--115 {
padding-left: 115px !important;
padding-right: 115px !important;
}

.px--120 {
padding-left: 120px !important;
padding-right: 120px !important;
}

.px--125 {
padding-left: 125px !important;
padding-right: 125px !important;
}

.px--130 {
padding-left: 130px !important;
padding-right: 130px !important;
}

.px--135 {
padding-left: 135px !important;
padding-right: 135px !important;
}

.px--140 {
padding-left: 140px !important;
padding-right: 140px !important;
}

.px--145 {
padding-left: 145px !important;
padding-right: 145px !important;
}

.px--150 {
padding-left: 150px !important;
padding-right: 150px !important;
}

.px--155 {
padding-left: 155px !important;
padding-right: 155px !important;
}

.px--160 {
padding-left: 160px !important;
padding-right: 160px !important;
}

.px--165 {
padding-left: 165px !important;
padding-right: 165px !important;
}

.px--170 {
padding-left: 170px !important;
padding-right: 170px !important;
}

.px--175 {
padding-left: 175px !important;
padding-right: 175px !important;
}

.px--180 {
padding-left: 180px !important;
padding-right: 180px !important;
}

.px--185 {
padding-left: 185px !important;
padding-right: 185px !important;
}

.px--190 {
padding-left: 190px !important;
padding-right: 190px !important;
}

.px--195 {
padding-left: 195px !important;
padding-right: 195px !important;
}

.px--200 {
padding-left: 200px !important;
padding-right: 200px !important;
}

.py--0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}

.py--5 {
padding-top: 5px !important;
padding-bottom: 5px !important;
}

.py--10 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}

.py--15 {
padding-top: 15px !important;
padding-bottom: 15px !important;
}

.py--20 {
padding-top: 20px !important;
padding-bottom: 20px !important;
}

.py--25 {
padding-top: 25px !important;
padding-bottom: 25px !important;
}

.py--30 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}

.py--35 {
padding-top: 35px !important;
padding-bottom: 35px !important;
}

.py--40 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}

.py--45 {
padding-top: 45px !important;
padding-bottom: 45px !important;
}

.py--50 {
padding-top: 50px !important;
padding-bottom: 50px !important;
}

.py--55 {
padding-top: 55px !important;
padding-bottom: 55px !important;
}

.py--60 {
padding-top: 60px !important;
padding-bottom: 60px !important;
}

.py--65 {
padding-top: 65px !important;
padding-bottom: 65px !important;
}

.py--70 {
padding-top: 70px !important;
padding-bottom: 70px !important;
}

.py--75 {
padding-top: 75px !important;
padding-bottom: 75px !important;
}

.py--80 {
padding-top: 80px !important;
padding-bottom: 80px !important;
}

.py--85 {
padding-top: 85px !important;
padding-bottom: 85px !important;
}

.py--90 {
padding-top: 90px !important;
padding-bottom: 90px !important;
}

.py--95 {
padding-top: 95px !important;
padding-bottom: 95px !important;
}

.py--100 {
padding-top: 100px !important;
padding-bottom: 100px !important;
}

.py--105 {
padding-top: 105px !important;
padding-bottom: 105px !important;
}

.py--110 {
padding-top: 110px !important;
padding-bottom: 110px !important;
}

.py--115 {
padding-top: 115px !important;
padding-bottom: 115px !important;
}

.py--120 {
padding-top: 120px !important;
padding-bottom: 120px !important;
}

.py--125 {
padding-top: 125px !important;
padding-bottom: 125px !important;
}

.py--130 {
padding-top: 130px !important;
padding-bottom: 130px !important;
}

.py--135 {
padding-top: 135px !important;
padding-bottom: 135px !important;
}

.py--140 {
padding-top: 140px !important;
padding-bottom: 140px !important;
}

.py--145 {
padding-top: 145px !important;
padding-bottom: 145px !important;
}

.py--150 {
padding-top: 150px !important;
padding-bottom: 150px !important;
}

.py--155 {
padding-top: 155px !important;
padding-bottom: 155px !important;
}

.py--160 {
padding-top: 160px !important;
padding-bottom: 160px !important;
}

.py--165 {
padding-top: 165px !important;
padding-bottom: 165px !important;
}

.py--170 {
padding-top: 170px !important;
padding-bottom: 170px !important;
}

.py--175 {
padding-top: 175px !important;
padding-bottom: 175px !important;
}

.py--180 {
padding-top: 180px !important;
padding-bottom: 180px !important;
}

.py--185 {
padding-top: 185px !important;
padding-bottom: 185px !important;
}

.py--190 {
padding-top: 190px !important;
padding-bottom: 190px !important;
}

.py--195 {
padding-top: 195px !important;
padding-bottom: 195px !important;
}

.py--200 {
padding-top: 200px !important;
padding-bottom: 200px !important;
}

.mt--0 {
margin-top: 0px !important;
}

.mt--5 {
margin-top: 5px !important;
}

.mt--10 {
margin-top: 10px !important;
}

.mt--15 {
margin-top: 15px !important;
}

.mt--20 {
margin-top: 20px !important;
}

.mt--25 {
margin-top: 25px !important;
}

.mt--30 {
margin-top: 30px !important;
}

.mt--35 {
margin-top: 35px !important;
}

.mt--40 {
margin-top: 40px !important;
}

.mt--45 {
margin-top: 45px !important;
}

.mt--50 {
margin-top: 50px !important;
}

.mt--55 {
margin-top: 55px !important;
}

.mt--60 {
margin-top: 60px !important;
}

.mt--65 {
margin-top: 65px !important;
}

.mt--70 {
margin-top: 70px !important;
}

.mt--75 {
margin-top: 75px !important;
}

.mt--80 {
margin-top: 80px !important;
}

.mt--85 {
margin-top: 85px !important;
}

.mt--90 {
margin-top: 90px !important;
}

.mt--95 {
margin-top: 95px !important;
}

.mt--100 {
margin-top: 100px !important;
}

.mt--105 {
margin-top: 105px !important;
}

.mt--110 {
margin-top: 110px !important;
}

.mt--115 {
margin-top: 115px !important;
}

.mt--120 {
margin-top: 120px !important;
}

.mt--125 {
margin-top: 125px !important;
}

.mt--130 {
margin-top: 130px !important;
}

.mt--135 {
margin-top: 135px !important;
}

.mt--140 {
margin-top: 140px !important;
}

.mt--145 {
margin-top: 145px !important;
}

.mt--150 {
margin-top: 150px !important;
}

.mt--155 {
margin-top: 155px !important;
}

.mt--160 {
margin-top: 160px !important;
}

.mt--165 {
margin-top: 165px !important;
}

.mt--170 {
margin-top: 170px !important;
}

.mt--175 {
margin-top: 175px !important;
}

.mt--180 {
margin-top: 180px !important;
}

.mt--185 {
margin-top: 185px !important;
}

.mt--190 {
margin-top: 190px !important;
}

.mt--195 {
margin-top: 195px !important;
}

.mt--200 {
margin-top: 200px !important;
}

.mb--5 {
margin-bottom: 5px !important;
}

.mb--10 {
margin-bottom: 10px !important;
}

.mb--15 {
margin-bottom: 15px !important;
}

.mb--20 {
margin-bottom: 20px !important;
}

.mb--25 {
margin-bottom: 25px !important;
}

.mb--30 {
margin-bottom: 30px !important;
}

.mb--35 {
margin-bottom: 35px !important;
}

.mb--40 {
margin-bottom: 40px !important;
}

.mb--45 {
margin-bottom: 45px !important;
}

.mb--50 {
margin-bottom: 50px !important;
}

.mb--55 {
margin-bottom: 55px !important;
}

.mb--60 {
margin-bottom: 60px !important;
}

.mb--65 {
margin-bottom: 65px !important;
}

.mb--70 {
margin-bottom: 70px !important;
}

.mb--75 {
margin-bottom: 75px !important;
}

.mb--80 {
margin-bottom: 80px !important;
}

.mb--85 {
margin-bottom: 85px !important;
}

.mb--90 {
margin-bottom: 90px !important;
}

.mb--95 {
margin-bottom: 95px !important;
}

.mb--100 {
margin-bottom: 100px !important;
}

.mb--105 {
margin-bottom: 105px !important;
}

.mb--110 {
margin-bottom: 110px !important;
}

.mb--115 {
margin-bottom: 115px !important;
}

.mb--120 {
margin-bottom: 120px !important;
}

.mb--125 {
margin-bottom: 125px !important;
}

.mb--130 {
margin-bottom: 130px !important;
}

.mb--135 {
margin-bottom: 135px !important;
}

.mb--140 {
margin-bottom: 140px !important;
}

.mb--145 {
margin-bottom: 145px !important;
}

.mb--150 {
margin-bottom: 150px !important;
}

.mb--155 {
margin-bottom: 155px !important;
}

.mb--160 {
margin-bottom: 160px !important;
}

.mb--165 {
margin-bottom: 165px !important;
}

.mb--170 {
margin-bottom: 170px !important;
}

.mb--175 {
margin-bottom: 175px !important;
}

.mb--180 {
margin-bottom: 180px !important;
}

.mb--185 {
margin-bottom: 185px !important;
}

.mb--190 {
margin-bottom: 190px !important;
}

.mb--195 {
margin-bottom: 195px !important;
}

.mb--200 {
margin-bottom: 200px !important;
}

.ml--5 {
margin-left: 5px !important;
}

.ml--10 {
margin-left: 10px !important;
}

.ml--15 {
margin-left: 15px !important;
}

.ml--20 {
margin-left: 20px !important;
}

.ml--25 {
margin-left: 25px !important;
}

.ml--30 {
margin-left: 30px !important;
}

.ml--35 {
margin-left: 35px !important;
}

.ml--40 {
margin-left: 40px !important;
}

.ml--45 {
margin-left: 45px !important;
}

.ml--50 {
margin-left: 50px !important;
}

.ml--55 {
margin-left: 55px !important;
}

.ml--60 {
margin-left: 60px !important;
}

.ml--65 {
margin-left: 65px !important;
}

.ml--70 {
margin-left: 70px !important;
}

.ml--75 {
margin-left: 75px !important;
}

.ml--80 {
margin-left: 80px !important;
}

.ml--85 {
margin-left: 85px !important;
}

.ml--90 {
margin-left: 90px !important;
}

.ml--95 {
margin-left: 95px !important;
}

.ml--100 {
margin-left: 100px !important;
}

.ml--105 {
margin-left: 105px !important;
}

.ml--110 {
margin-left: 110px !important;
}

.ml--115 {
margin-left: 115px !important;
}

.ml--120 {
margin-left: 120px !important;
}

.ml--125 {
margin-left: 125px !important;
}

.ml--130 {
margin-left: 130px !important;
}

.ml--135 {
margin-left: 135px !important;
}

.ml--140 {
margin-left: 140px !important;
}

.ml--145 {
margin-left: 145px !important;
}

.ml--150 {
margin-left: 150px !important;
}

.ml--155 {
margin-left: 155px !important;
}

.ml--160 {
margin-left: 160px !important;
}

.ml--165 {
margin-left: 165px !important;
}

.ml--170 {
margin-left: 170px !important;
}

.ml--175 {
margin-left: 175px !important;
}

.ml--180 {
margin-left: 180px !important;
}

.ml--185 {
margin-left: 185px !important;
}

.ml--190 {
margin-left: 190px !important;
}

.ml--195 {
margin-left: 195px !important;
}

.ml--200 {
margin-left: 200px !important;
}

.mr--5 {
margin-right: 5px !important;
}

.mr--10 {
margin-right: 10px !important;
}

.mr--15 {
margin-right: 15px !important;
}

.mr--20 {
margin-right: 20px !important;
}

.mr--25 {
margin-right: 25px !important;
}

.mr--30 {
margin-right: 30px !important;
}

.mr--35 {
margin-right: 35px !important;
}

.mr--40 {
margin-right: 40px !important;
}

.mr--45 {
margin-right: 45px !important;
}

.mr--50 {
margin-right: 50px !important;
}

.mr--55 {
margin-right: 55px !important;
}

.mr--60 {
margin-right: 60px !important;
}

.mr--65 {
margin-right: 65px !important;
}

.mr--70 {
margin-right: 70px !important;
}

.mr--75 {
margin-right: 75px !important;
}

.mr--80 {
margin-right: 80px !important;
}

.mr--85 {
margin-right: 85px !important;
}

.mr--90 {
margin-right: 90px !important;
}

.mr--95 {
margin-right: 95px !important;
}

.mr--100 {
margin-right: 100px !important;
}

.mr--105 {
margin-right: 105px !important;
}

.mr--110 {
margin-right: 110px !important;
}

.mr--115 {
margin-right: 115px !important;
}

.mr--120 {
margin-right: 120px !important;
}

.mr--125 {
margin-right: 125px !important;
}

.mr--130 {
margin-right: 130px !important;
}

.mr--135 {
margin-right: 135px !important;
}

.mr--140 {
margin-right: 140px !important;
}

.mr--145 {
margin-right: 145px !important;
}

.mr--150 {
margin-right: 150px !important;
}

.mr--155 {
margin-right: 155px !important;
}

.mr--160 {
margin-right: 160px !important;
}

.mr--165 {
margin-right: 165px !important;
}

.mr--170 {
margin-right: 170px !important;
}

.mr--175 {
margin-right: 175px !important;
}

.mr--180 {
margin-right: 180px !important;
}

.mr--185 {
margin-right: 185px !important;
}

.mr--190 {
margin-right: 190px !important;
}

.mr--195 {
margin-right: 195px !important;
}

.mr--200 {
margin-right: 200px !important;
}

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

.section-margin-top {
margin-top: 60px;
}

.section-padding {
padding-bottom: 60px;
}

.section-padding-top {
padding-top: 60px;
}

.section-padding-bottom {
padding-bottom: 60px;
}

.inner-page-sec-margin {
margin-top: 50px !important;
}

.inner-page-sec-padding {
padding-bottom: 50px;
}

.inner-page-sec-padding-bottom {
padding-bottom: 60px;
}

.inner-page-sec-padding-top {
padding-top: 90px;
}

.bg-position-left {
background-position: left !important;
}

.form-group {
margin-bottom: 1rem;
}

.text-primary {
color: var(--primary-color) !important;
}



.text-white {
color: #fff;
}

.text-black {
color: var(--text-color);
}

.text-black-2 {
color: var(--text-color);
}

.bg-primary {
background: var(--primary-color) !important;
}

.bg-gray {
background: var(--secondary-bg-light-color);
}

.bg-white {
background: var(--secondary-bg-light-color);
}

.bg-yellow {
background: var(--accent-color);
}

.bg-red {
background: var(--secondary-bg-light-color);
}

.bg-green {
background: var(--accent-color);
}

.bg-beige {
background: var(--secondary-bg-light-color);
}

.bg-ghost-white {
background: var(--secondary-bg-light-color);
}

.bg-shade-whisper {
background: var(--secondary-bg-light-color);
}

.bg-pink {
background: var(--accent-color);
}

.bg-yellow-2 {
background: var(--accent-color);
}

.bg-dark-gray {
background: var(--text-color);
}

.text-red {
color: var(--accent-color);
}

.bg-overlay--white {
position: relative;
}

.bg-overlay--white:before {
background: #fff;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
position: absolute;
opacity: 0.2;
}

.bg-overlay--dark {
position: relative;
}

.bg-overlay--dark:before {
background: #000;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
position: absolute;
opacity: 0.4;
}

.modal.modal-quick-view {
display: block;
opacity: 0;
visibility: hidden;
z-index: -9999;
}

.modal.modal-quick-view .modal-dialog {
max-width: 100%;
margin: 20% auto;
}

.modal.modal-quick-view.show {
opacity: 1;
visibility: visible;
z-index: 9999;
}

.modal.modal-quick-view .btn-close {
position: absolute;
right: 0;
top: 0;
margin-right: 10px;
top: 5px;
float: none;
}

.modal.modal-quick-view .modal-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 30px;
}

.modal.modal-quick-view .modal-footer .widget-social-share {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.modal.modal-quick-view .modal-footer .widget-social-share .widget-label {
margin-right: 20px;
}

.product-details-modal {
padding-top: 50px;
padding: 30px;
}

.product-details-modal .product-details-slider .single-slide img {
width: 100%;
}

.modal-social-share .single-icon {
color: var(--text-color);
margin-right: 10px;
}



.btn {
border-radius: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 50px;
font-size: 13px;
font-weight: 600;
padding: 0 50px;
border-radius: 3px;
text-transform: uppercase;
line-height: 1;
}

.btn-outlined {
background: transparent;
border: 2px solid var(--border-secondary-color);
color: var(--text-color);
}



.btn-outlined--primary {
background: transparent;
border: 2px solid var(--primary-color) !important;
color: var(--primary-color);
}



.btn-outlined--white {
background: transparent;
border: 2px solid #fff;
color: #fff;
}



.btn-outlined--black {
background: transparent;
border: 2px solid #333;
color: var(--text-color);
}



.btn-outlined--red-faded {
background: transparent;
border: 2px solid var(--accent-color);
color: var(--accent-color) !important;
}



.btn-outlined--pink {
background: transparent;
border: 2px solid var(--accent-color);
color: var(--accent-color) !important;
}



.btn-rounded {
border-radius: 500px;
}

.btn-mid {
height: 40px;
width: 195px;
}

.btn--primary {
background: var(--primary-color);
color: #fff !important;
}



.btn--yellow {
background: var(--accent-color);
color: var(--text-color) !important;
}



.btn-yellow-primary {
background: var(--accent-color);
color: var(--text-color) !important;
}



.btn-black {
height: 50px;
padding: 0 30px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
background: #333;
font-size: 13px;
font-weight: 500;
font-family: Rubik, Arial, Helvetica, sans-serif;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 3px;
border: none;
outline: none;
text-shadow: none;
text-transform: uppercase;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
vertical-align: middle;
white-space: nowrap;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}



.bg-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 1;
}

.border-bottom {
border-bottom: 1px solid var(--border-secondary-color);
}

.section-title {
text-align: center;
margin-top: -8px;
margin-bottom: 30px;
}

.section-title h2 {
position: relative;
text-transform: uppercase;
margin: 0;
display: inline-block;
vertical-align: top;
line-height: 30px;
color: var(--text-color);
font-weight: 600;
font-size: 18px;
}

.section-title--bordered {
position: relative;
border-bottom: 1px solid var(--border-secondary-color);
}

.section-title--bordered h2 {
position: relative;
padding-bottom: 10px;
}

.section-title--bordered h2:after {
position: absolute;
content: "";
left: 0;
bottom: -1px;
width: 100%;
height: 2px;
background: var(--primary-color);
}

.promo-section-heading {
background: var(--primary-color);
border-radius: 3px;
padding: 9px;
margin-bottom: 56px;
text-align: center;
}

.promo-section-heading h2 {
font-size: 22px;
color: #fff;
line-height: 30px;
text-transform: none;
padding: 0;
font-weight: 400;
margin-bottom: 0;
}

.rating-block span {
color: var(--secondary-text-light-color);
font-size: 16px;
}

.rating-block span.star_on {
color: var(--accent-color);
}

.method-card {
text-align: center;
}

.method-card .icon {
margin-bottom: 25px;
}

.method-card .text {
padding: 0 15px;
}

.method-card .text .method-title {
font-size: 12px;
font-weight: 700;
margin-bottom: 22px;
}



.method-card .text p {
letter-spacing: 0.025em;
margin-bottom: 16px;
}

.method-card .text p:last-child {
margin-bottom: 0 !important;
}

.blog-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}

.blog-card .image {
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%;
padding-right: 10px;
}

.blog-card .image img {
width: 100%;
}

.blog-card .content {
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%;
text-align: left;
border-top: 0;
border: 2px solid var(--border-secondary-color);
padding: 15px 10px;
border-radius: 3px;
position: relative;
margin-top: 10px;
}

.blog-card .content::before {
content: "";
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
border-left: 16px solid transparent;
border-right: 16px solid #fff;
position: absolute;
z-index: 1;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -100%) rotate(90deg);
transform: translate(-50%, -100%) rotate(90deg);
}

.blog-card .content::after {
content: "";
border-top: 16px solid transparent;
border-bottom: 16px solid transparent;
border-left: 18px solid transparent;
border-right: 18px solid var(--border-secondary-color);
position: absolute;
top: -2px;
left: 50%;
-webkit-transform: translate(-50%, -100%) rotate(90deg);
transform: translate(-50%, -100%) rotate(90deg);
}

.blog-card .content .content-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 22px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.blog-card .content .title {
display: block;
font-size: 18px;
text-transform: capitalize;
line-height: 24px;
position: relative;
margin-top: 0;
margin-bottom: 0;
padding-left: 10px;
color: var(--text-color);
font-weight: 400;
}



.blog-card .content .meta-para {
display: inline-block;
text-transform: none;
margin: 0;
font-size: 13px;
position: relative;
margin-bottom: 21px;
}

.blog-card .content .meta-para i {
margin-right: 3px;
}

.blog-card .date-badge {
text-align: center;
min-width: 40px;
border-radius: 3px;
display: block;
}

.blog-card .date-badge .date {
display: block;
font-size: 18px;
font-weight: 700;
color: var(--primary-color);
line-height: 27px;
background: #e9e9e9;
}

.blog-card .date-badge .month {
background: var(--primary-color);
display: block;
text-transform: uppercase;
color: #fff;
font-size: 12px;
line-height: 18px;
}

.blog-card .card-link {
font-size: 14px;
display: block;
text-transform: capitalize;
margin-top: 13px;
color: var(--text-color);
}



.blog-card .card-link i {
margin-left: 8px;
color: var(--primary-color);
}

.blog-card.card-style-list .card-content .title {
font-size: 18px;
color: var(--text-color);
line-height: 1.3;
font-weight: 600;
margin-top: 10px;
}

.blog-card.card-style-grid {
display: block;
}

.blog-card.card-style-grid .image {
padding-right: 0;
padding-bottom: 20px;
}

.blog-card.card-style-grid .title {
font-size: 18px;
font-weight: 600;
color: var(--text-color);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
}



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

.product-card .product-header {
padding: 0 15px;
}

.product-card .author {
font-size: 14px;
font-weight: 400;
padding: 0;
color: var(--text-color);
text-transform: capitalize;
display: block;
margin-bottom: 5px;
}



.product-card h3 a {
padding: 0;
display: block;
text-transform: capitalize;
overflow: hidden;
font-size: 16px;
font-weight: 600;
margin-bottom: 18px;
}





.product-card .price-block {
text-align: center;
position: relative;
margin-top: 24px;
}

.product-card .card-image {
position: relative;
}

.product-card .hover-contents {
position: absolute;
top: 0;
left: 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.4s;
transition: 0.4s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
cursor: pointer;
height: 100%;
width: 100%;
}

.product-card .hover-contents .hover-btns {
position: absolute;
opacity: 0;
top: 55%;
left: 50%;
margin: auto;
background: #fff;
z-index: 3;
border-radius: 3px;
-webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.product-card .hover-contents .hover-btns .single-btn {
line-height: 47px;
padding: 0 15.5px;
border-right: 1px solid var(--border-secondary-color);
}

.product-card .hover-contents .hover-btns .single-btn:last-child {
border-right: 0;
}







.product-card.card-style-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%;
}

.product-card.card-style-list .card-image {
width: 170px;
}

.product-card.card-style-list .product-card--body {
text-align: left;
}

.product-card.card-style-list .product-header {
padding-left: 0;
padding-right: 0;
}

.product-card.card-style-list .price-block {
margin-top: 13px;
text-align: left;
}

.product-card .product-list-content .card-image {
width: 100%;
height: auto;
margin-bottom: 30px;
}

.product-card .product-list-content .card-image img {
width: 100%;
}

.product-card .product-list-content .rating-block {
margin-top: 18px;
}

.product-card .product-list-content .btn-block {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: -10px;
}

.product-card .product-list-content .btn-block .btn {
background: #fff;
color: var(--text-color);
font-weight: 700;
padding: 0 25px;
width: auto;
border: 2px solid #eee;
border-radius: 3px;
margin-top: 0;
text-transform: capitalize;
margin-bottom: 15px;
font-size: 14px;
line-height: 40px;
}



.product-card .product-list-content .btn-block a {
margin-left: 0;
margin-right: 28px;
color: var(--text-color);
margin-bottom: 10px;
}

.product-card .product-list-content .btn-block a:last-child {
margin-right: 0;
}

.product-card .product-list-content .btn-block a i {
margin-right: 4px;
}



.product-body-border {
overflow: hidden;
}

.product-body-border .product-card {
padding: 4px;
}

.product-body-border .product-card .product-card--body {
position: relative;
padding: 1px;
}

.product-body-border .product-card .product-card--body::before {
position: absolute;
content: "";
background: var(--border-secondary-color);
right: 0px;
top: 0;
height: 100%;
width: 1px;
}

.sb-slick-slider {
position: relative;
}

.sb-slick-slider .slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.sb-slick-slider .slick-dots li {
font-size: 0;
width: 11px;
height: 11px;
border-radius: 100%;
background: var(--border-secondary-color);
margin: 4px;
display: block;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
}

.sb-slick-slider .slick-dots li.slick-active {
background: var(--primary-color) !important;
}



.sb-slick-slider .slick-dots li button {
font-size: 0;
}

.sb-slick-slider .product-card.card-style-list {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}

.brand-slider {
position: relative;
padding: 10px 0;
}

.brand-slider .single-slide {
opacity: 0.8;
}

.brand-slider .single-slide img {
width: 100%;
}



.hero-product-slider .single-slide {
margin: 0 0px;
}

.product-slider {
overflow: hidden;
}

.product-slider .slick-list {
margin: 0 -1px;
}

.product-slider .single-slide {
margin: 0 1px;
margin-top: 10px;
}

.product-slider .slick-dots {
margin-top: 50px;
}

.product-slider.with-countdown.countdown-single .slick-dots {
margin-top: 25px;
margin-bottom: 27px;
}

.product-slider.multiple-row>.slick-list {
margin: -40px -1px 0 -1px;
}

.product-slider.multiple-row .single-slide {
margin-top: 40px !important;
}

.product-slider.multiple-row .slick-dots {
margin-top: 25px;
}

.slider-border-single-row .single-slide .product-card--body {
position: relative;
padding: 1px;
}

.slider-border-single-row .single-slide.slick-current .product-card--body::before {
height: 0%;
}

.slider-border-single-row.product-list-slider .product-card--body::before {
height: 0;
}

.slider-border-single-row.product-list-slider .single-slide .product-card {
position: relative;
padding: 1px;
}

.slider-border-single-row.product-list-slider .single-slide .product-card::before {
position: absolute;
content: "";
background: var(--border-secondary-color);
left: 0px;
top: 0;
height: 100%;
width: 1px;
}

.slider-border-single-row.product-list-slider .single-slide.slick-current .product-card::before {
height: 0%;
}

.slider-border-multiple-row .single-slide .product-card--body {
position: relative;
padding: 1px;
}

.slider-border-multiple-row .single-slide .product-card--body::before {
position: absolute;
content: "";
background: var(--border-secondary-color);
left: 0px;
top: 0;
height: 100%;
width: 1px;
}

.slider-border-multiple-row .slick-current.slick-slide>div .product-card--body::before {
height: 0%;
}

.slider-border-multiple-row.product-list-slider .product-card--body::before {
height: 0;
}

.slider-border-multiple-row.product-list-slider .slick-slide .product-card {
position: relative;
padding-left: 10px;
}

.slider-border-multiple-row.product-list-slider .slick-slide .product-card::before {
position: absolute;
content: "";
background: var(--border-secondary-color);
left: 0px;
top: 0;
height: 100%;
width: 1px;
}

.slider-border-multiple-row.product-list-slider .slick-slide.slick-current>div .product-card::before {
height: 0%;
}

.product-slider-nav>.slick-list {
margin: 0 -10px;
}

.product-slider-nav .single-slide {
margin: 0 10px;
}

.product-slider-nav .slick-arrow {
width: 40px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 0;
border: 2px solid #e1e1e1;
background: var(--secondary-bg-light-color);
color: var(--secondary-text-light-color);
text-align: center;
position: absolute;
z-index: 9;
cursor: pointer;
top: 50%;
-webkit-transition: all 300ms ease-in;
transition: all 300ms ease-in;
border-radius: 100%;
font-size: 14px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.product-slider-nav .slick-arrow.slick-next {
left: auto;
right: 0;
}

.product-slider-nav.vertical-slider .slick-arrow {
-webkit-transition: 0.4s;
transition: 0.4s;
position: absolute;
width: 42px;
height: 42px;
line-height: 42px;
color: #999;
background: #ECECEC;
text-align: center;
z-index: 1;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}



.blog-gallery-slider .single-image img {
width: 100%;
}

.blog-gallery-slider .slick-arrow {
width: 50px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 0;
border: 2px solid #e1e1e1;
background: var(--secondary-bg-light-color);
color: var(--secondary-text-light-color);
text-align: center;
position: absolute;
z-index: 9;
cursor: pointer;
top: 50%;
opacity: 0;
-webkit-transition: all 300ms ease-in;
transition: all 300ms ease-in;
border-radius: 100%;
font-size: 14px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.blog-gallery-slider .slick-arrow.slick-prev {
left: 20px;
}

.blog-gallery-slider .slick-arrow.slick-next {
right: 20px;
}









.blog-slider {
position: relative;
}

.blog-slider>.slick-list {
margin: 0 -15px;
}

.blog-slider .single-slide {
margin: 0 15px;
}

.blog-slider .slick-dots {
margin-top: 60px;
}

.blog-slider .blog-card .image img {
width: 100%;
}

.slick-current .herobanner-progress {
-webkit-animation: hoFill 8000ms ease-in-out s normal;
animation: hoFill 8000ms ease-in-out s normal;
}

[class*=hero-slider] {
position: relative;
}

[class*=hero-slider] .slick-dots {
position: absolute;
bottom: 0;
margin-bottom: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

[class*=hero-slider] .slick-dots li {
width: 20px;
height: 20px;
background: transparent;
border: 1px solid transparent;
position: relative;
cursor: pointer;
}

[class*=hero-slider] .slick-dots li:before {
position: absolute;
content: "";
height: 8px;
width: 8px;
background: var(--text-color);
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
border-radius: 100%;
}

[class*=hero-slider] .slick-dots li.slick-active {
background: transparent;
border-color: var(--primary-color);
}

[class*=hero-slider] .slick-dots li.slick-active:before {
background: var(--primary-color);
}

.sb-custom-tab {
text-align: center;
}

.sb-custom-tab .nav.nav-tabs {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 50px;
border: 2px solid var(--border-secondary-color);
border-radius: 3px;
}

.sb-custom-tab .nav.nav-tabs .nav-item {
font-size: 15px;
color: var(--text-color);
line-height: 48px;
text-transform: capitalize;
font-weight: 700;
cursor: pointer;
display: inline-block;
vertical-align: top;
padding: 0;
background: #fff;
position: relative;
margin: 1px;
border-radius: 3px;
}

.sb-custom-tab .nav.nav-tabs .nav-item .icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 48px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 13px;
}

.sb-custom-tab .nav.nav-tabs .nav-item .nav-link {
padding: 0 30px;
border: 2px solid transparent;
margin: -2px;
color: var(--text-color);
-webkit-transition: border-color 0s, color 0.4s;
transition: border-color 0s, color 0.4s;
}

.sb-custom-tab .nav.nav-tabs .nav-item .nav-link.active,

.sb-custom-tab .nav.nav-tabs .nav-item .nav-link.show {
border-color: var(--primary-color);
color: var(--primary-color);
}

.sb-custom-tab .nav.nav-tabs .nav-item .nav-link.active~.arrow-icon,

.sb-custom-tab .nav.nav-tabs .nav-item .nav-link.show~.arrow-icon {
opacity: 1;
}

.sb-custom-tab .nav.nav-tabs .nav-item 

.sb-custom-tab .nav.nav-tabs.nav-style-2 



.sb-custom-tab .nav.nav-tabs .arrow-icon {
position: absolute;
left: calc(50% - 10px);
opacity: 0;
-webkit-transition: 0s;
transition: 0s;
display: none;
}

.sb-custom-tab .nav.nav-tabs .arrow-icon:before {
position: absolute;
content: "";
border-width: 15px 12px;
border-style: solid;
border-color: var(--primary-color) transparent transparent transparent;
}

.sb-custom-tab .nav.nav-tabs .arrow-icon:after {
position: absolute;
content: "";
border-width: 13px 10px;
border-style: solid;
left: 2px;
border-color: #fff transparent transparent transparent;
top: -2px;
}

.sb-custom-tab .nav.nav-tabs.nav-style-2 {
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: var(--border-secondary-color);
}

.sb-custom-tab .nav.nav-tabs.nav-style-2 .nav-item:last-child .nav-link {
margin-right: 0 !important;
}

.sb-custom-tab .nav.nav-tabs.nav-style-2 .nav-link {
border: none !important;
position: relative;
color: #222;
line-height: 30px;
text-transform: uppercase;
font-weight: 600;
cursor: pointer;
position: relative;
display: block;
font-size: 14px;
padding: 0 0 10px;
margin: -1px 10px;
}

.sb-custom-tab .nav.nav-tabs.nav-style-2 .nav-link:before {
position: absolute;
content: "";
left: 10%;
right: 10%;
height: 2px;
bottom: 0;
background: transparent;
}

.sb-custom-tab .nav.nav-tabs.nav-style-2 .nav-link.active,

.sb-custom-tab .nav.nav-tabs.nav-style-2 .nav-link.show {
color: var(--primary-color);
}

.sb-custom-tab .nav.nav-tabs.nav-style-2 .nav-link.active:before,

.sb-custom-tab .nav.nav-tabs.nav-style-2 .nav-link.show:before {
background: var(--primary-color);
}




.sb-custom-tab .tab-content>.tab-pane {
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: 0s;
transition: 0s;
height: 0;
}

.sb-custom-tab .tab-content>.tab-pane.show,

.sb-custom-tab .tab-content>.tab-pane.active {
visibility: visible;
opacity: 1;
height: 100%;
}

.sb-custom-tab .tab-content>.tab-pane.show .product-card,

.sb-custom-tab .tab-content>.tab-pane.active .product-card {
-webkit-animation: 0.6s linear zoomIn;
animation: 0.6s linear zoomIn;
}

.product-countdown {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 10px 15px;
border: 2px solid var(--border-secondary-color);
width: 215px;
}

.product-countdown .single-countdown {
padding-right: 15px;
}

.product-countdown .single-countdown span {
display: block;
font-weight: 600;
text-transform: capitalize;
}

.product-countdown .single-countdown:last-child {
padding-right: 0px;
}

.header-top {
background: #333;
}

.modal-open .common-sticky.sticky-header {
top: -100%;
}

.common-sticky.sticky-header {
display: block;
z-index: 99999;
padding: 0 !important;
width: 100%;
position: fixed;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}

.common-sticky.sticky-header .main-navigation {
margin-top: 0;
}

.sticky-header {
position: fixed;
padding: 0;
width: 100%;
z-index: 99999;
background: #fff;
-webkit-box-shadow: 0px 1px 13px 1px rgba(204, 204, 204, 0.384);
box-shadow: 0px 1px 13px 1px rgba(204, 204, 204, 0.384);
-webkit-transition: 0.4s;
transition: 0.4s;
}

.sticky-header .site-brand {
width: 175px;
}



.header-top-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.header-top-list>li {
padding: 8px 0;
margin-right: 30px;
text-transform: capitalize;
z-index: 500;
}

.header-top-list>li a {
-webkit-transition: 0.4s;
transition: 0.4s;
}

.header-top-list>li .flag-img {
margin-right: 5px;
}

.header-top-list>li:last-child {
margin-right: 0;
}





.header-top-list>li .icons-left {
color: var(--secondary-text-light-color)555;
font-style: normal;
-webkit-transition: ease-in-out all 0.3s;
transition: ease-in-out all 0.3s;
margin-right: 5px;
}

.header-top--style-2 .header-top-list li {
color: #fff;
}

.header-top--style-2 .header-top-list .icons-left {
color: #fff;
}

.dropdown-trigger {
position: relative;
z-index: 150;
cursor: pointer;
}







.dropdown-trigger .dropdown-box {
position: absolute;
left: auto;
left: -10px;
text-align: left;
margin: 0;
border: 2px solid #eee;
background: white;
border-radius: 0;
padding: 0 20px;
min-width: 160px;
z-index: 66;
top: 100%;
-webkit-transition: 0.4s;
transition: 0.4s;
visibility: hidden;
opacity: 0;
pointer-events: none;
}

.dropdown-trigger .dropdown-box>li {
border-bottom: 1px solid var(--border-secondary-color);
}

.dropdown-trigger .dropdown-box>li>a {
padding: 9px 0;
line-height: 28px;
display: block;
text-transform: capitalize;
font-weight: 400;
height: inherit;
border-radius: 0;
text-align: left;
font-size: 13px;
color: var(--secondary-text-light-color);
}





.dropdown-trigger .dropdown-box>li:last-child {
border-bottom: 0;
}

.dropdown-trigger .dropdown-arrow {
font-size: 12px !important;
margin-left: 5px !important;
display: inline-block !important;
font-style: normal !important;
}

.header-phone {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.header-phone .icon {
font-size: 34px;
color: var(--primary-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 15px;
}

.header-phone p {
line-height: 1;
margin-bottom: 5px;
}

.header-phone p:last-child {
margin-bottom: 0;
}

.header-phone p.number {
font-weight: 700;
color: var(--text-color);
}

.header-phone.color-white .icon {
color: #fff;
}

.header-phone.color-white p {
color: #fff;
}

.header-search-block {
position: relative;
}

.header-search-block input {
font-size: 16px;
color: var(--text-color);
width: 100%;
height: 52px;
float: none;
font-weight: 400;
background: #fff;
border: 2px solid #eee;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding: 0 125px 0 20px;
}

.header-search-block input:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}

.header-search-block button {
	position: absolute;
	top: 0;
	right: 0;
	background: var(--button-color) !important;
	border: 0;
	line-height: 52px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	padding: 0 35px;
	color: #fff !important;
	border-radius: 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}



.header-search-block input:focus {
border-color: var(--primary-color) !important;
}

.cart-widget {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}

.cart-widget .login-block {
margin-right: 27px;
padding: 6px 0;
text-align: left;
}



.cart-dropdown-block {
width: 360px;
font-size: 14px;
right: 0;
border: 2px solid #eee;
background: #fff;
top: 100%;
padding-bottom: 20px;
padding-top: 20px;
position: absolute;
z-index: 800;
opacity: 0;
pointer-events: none;
-webkit-transition: 0.4s;
transition: 0.4s;
}

.cart-dropdown-block:before,

.cart-dropdown-block:after {
border-bottom-style: solid;
content: "";
display: block;
height: 0;
position: absolute;
width: 0;
}

.cart-dropdown-block:before {
border: 8px solid;
border-color: transparent transparent #fff transparent;
z-index: 1;
right: 26px;
top: -16px;
}

.cart-dropdown-block:after {
border: 10px solid;
border-color: transparent transparent var(--border-secondary-color) transparent;
right: 24px;
top: -20px;
}

.cart-dropdown-block .single-cart-block {
margin-bottom: 15px;
border-bottom: 1px solid var(--border-secondary-color);
}

.cart-dropdown-block .single-cart-block:last-child {
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: 0;
}

.cart-dropdown-block .cart-product {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid var(--border-secondary-color);
}

.cart-dropdown-block .cart-product:last-child {
margin-bottom: 0;
border-bottom: 0;
}

.cart-dropdown-block .btn-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.cart-dropdown-block .btn-block .btn {
width: 151px;
height: 53px;
font-size: 15px;
color: var(--text-color)333;
text-transform: capitalize;
font-weight: 700;
line-height: 52px;
margin-right: 10px;
padding: 0;
}

.cart-dropdown-block .btn-block .btn i {
margin-left: 13px;
}

.cart-dropdown-block .btn-block .btn:last-child {
margin-right: 0;
}



.cart-dropdown-block .btn-block .btn

.cart-product .cross-btn {
background-color: var(--button-secondary-color);
width: 16px;
height: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
border-radius: 2px;
bottom: 20px;
right: 10px;
}

.cart-product .cross-btn i {
color: #fff;
font-size: 10px;
}



.cart-total .text-number {
width: 23px;
height: 23px;
line-height: 23px;
border-radius: 100%;
-webkit-border-radius: 100%;
font-weight: 700;
font-size: 14px;
font-style: normal;
text-align: center;
color: #fff;
background: var(--accent-color);
position: absolute;
right: 0px;
top: -1px;
}

.cart-total .text-item {
display: block;
margin-bottom: 2px;
line-height: 1;
}

.category-nav {
position: relative;
max-width: 270px;
z-index: 180;
}

.category-nav .category-trigger {
position: relative;
color: #000;
text-decoration: none;
border: 2px solid var(--border-secondary-color);
display: block;
font-weight: 700;
padding: 12px 10px 12px 15px;
}

.category-nav .category-trigger i {
margin-right: 8px;
font-size: 16px;
}

.category-nav .category-trigger:before {
position: absolute;
content: "";
font-size: 12px;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
font-family: "Font Awesome 5 Free";
font-weight: 900;
top: 0;
margin-right: 25px;
}

.category-nav.show .category-menu {
visibility: visible;
opacity: 1;
pointer-events: visible;
}

.category-nav.white-nav .category-trigger {
color: #fff;
}

.category-nav.primary-nav {
background: var(--primary-color);
}

.category-nav.primary-nav .category-trigger {
color: #fff;
border-color: var(--primary-color);
}

.category-nav.primary-nav .category-menu {
border-color: transparent;
}

.category-menu {
list-style: none;
margin: 0;
width: 100%;
position: absolute;
border: 2px solid var(--border-secondary-color);
visibility: hidden;
opacity: 0;
pointer-events: none;
background: #fff;
}

.category-menu .has-children {
position: relative;
}

.category-menu .has-children>.sub-menu {
top: 0;
width: 100%;
background: #fff;
padding-top: 10px;
padding-bottom: 10px;
position: relative;
display: none;
border-bottom: 1px solid var(--border-secondary-color);
}

.category-menu .has-children>.sub-menu>li {
padding: 5px 27px;
font-weight: 600;
}



.category-menu .has-children>a {
position: relative;
}

.category-menu .has-children>a:before {
position: absolute;
content: "";
right: 0;
font-family: "font Awesome 5 Free";
font-size: 10px;
font-weight: 900;
margin-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
top: 0px;
}

.category-menu .has-children.mega-menu>.sub-menu {
background: #FFFFFF;
padding: 20px 0;
}

.category-menu .has-children.mega-menu>.sub-menu .single-block {
margin-bottom: 15px;
}

.category-menu .has-children.mega-menu>.sub-menu .single-block li>a {
font-weight: 400;
color: var(--secondary-text-light-color)666;
font-size: 14px;
line-height: 28px;
}

.category-menu .has-children.mega-menu>.sub-menu .single-block:last-child {
margin-bottom: 0;
}

.category-menu .has-children.mega-menu>.sub-menu .title {
color: var(--text-color);
font-size: 15px;
font-weight: 600;
}

.mobile-header.absolute-header {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 99;
}

.mobile-header .mobile-top-section {
padding: 7px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-bottom: 1px solid #fff;
}

.mobile-header .site-brand {
padding: 20px 0 20px 0;
}

.mobile-header .header-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.mobile-header .header-links .sin-link {
font-size: 25px;
margin: 0px 15px 0 0;
}

.mobile-header .header-links .sin-link:last-child {
margin-right: 0;
}



.mobile-header .header-links .hamburgur-icon {
font-size: 34px;
width: 28px;
height: 25px;
border-color: #fff;
}



.mobile-header .category-nav {
	margin: 0;
	max-width: none;
	flex: 1;
	min-width: 0;
}

.mobile-header .mobile-header-btns {
	margin: 0;
	flex-shrink: 0;
	margin-left: 15px;
}

.mobile-header .d-flex {
	width: 100%;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	padding: 5px 0;
}

.mobile-header .category-nav .category-trigger {
	margin: 0;
	padding: 10px 15px;
	font-size: 14px;
	border-radius: 4px;
	background: transparent;
	border: none;
	color: var(--text-color);
	text-decoration: none;
	display: block;
	width: 100%;
	text-align: left;
}

.mobile-header .category-menu {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #fff;
	border: 1px solid var(--border-secondary-color);
	border-radius: 4px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	z-index: 1000;
	max-height: 300px;
	overflow-y: auto;
	display: none;
}

.mobile-header .category-menu li {
	border-bottom: 1px solid var(--border-secondary-color);
}

.mobile-header .category-menu li:last-child {
	border-bottom: none;
}

.mobile-header .category-menu li a {
	padding: 12px 15px;
	display: block;
	color: var(--text-color);
	text-decoration: none;
	font-size: 14px;
}

.mobile-header .category-menu li a:hover {
	background: var(--secondary-bg-light-color);
	color: var(--primary-color);
}

.mobile-header .category-nav {
	position: relative;
	flex: 1;
	min-width: 0;
}

.mobile-header .category-nav.show .category-menu {
	display: block !important;
}

/* Desktop Category Menu Styling */
.site-header .category-nav {
	position: relative;
}

.site-header .category-nav .category-trigger {
	display: block;
	padding: 10px 15px;
	font-size: 14px;
	border-radius: 4px;
	background: transparent;
	border: none;
	color: var(--text-color);
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.site-header .category-nav .category-trigger:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

.site-header .category-nav .category-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 250px;
	background: #fff;
	border: 1px solid var(--border-secondary-color);
	border-radius: 4px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	z-index: 1000;
	max-height: 400px;
	overflow-y: auto;
	display: none;
}

.site-header .category-nav.show .category-menu {
	display: block !important;
}

.site-header .category-nav .category-menu li {
	border-bottom: 1px solid var(--border-secondary-color);
}

.site-header .category-nav .category-menu li:last-child {
	border-bottom: none;
}

.site-header .category-nav .category-menu li a {
	padding: 12px 15px;
	display: block;
	color: var(--text-color);
	text-decoration: none;
	font-size: 14px;
	transition: background-color 0.3s ease;
}

.site-header .category-nav .category-menu li a:hover {
	background: var(--secondary-bg-light-color);
	color: var(--primary-color);
}

/* Desktop Horizontal Off-Canvas Menu */
@media (min-width: 992px) {
    .off-canvas-wrapper.open {
        width: 100% !important;
        height: auto !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        transform: none !important;
        background: rgba(0, 0, 0, 0.5);
    }

    .off-canvas-inner {
        position: absolute;
        top: 100%;
        right: 0;
        left: auto;
        width: 400px;
        max-height: 60vh;
        overflow-y: auto;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
        padding: 20px;
        transform: translateX(0);
    }

    .mobile-navigation {
        margin: 0;
    }

    .off-canvas-nav ul {
        display: flex;
        flex-direction: column;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .off-canvas-nav li {
        margin: 0;
        border-bottom: 1px solid #eee;
    }

    .off-canvas-nav li:last-child {
        border-bottom: none;
    }

    .off-canvas-nav li a {
        padding: 15px 0;
        color: var(--text-color);
        text-decoration: none;
        display: block;
        font-size: 14px;
        transition: color 0.3s ease;
    }

    .off-canvas-nav li a:hover {
        color: var(--primary-color);
    }

    .off-canvas-nav .sub-menu {
        margin-left: 20px;
        border-left: 2px solid var(--primary-color);
        padding-left: 15px;
    }

    .btn-close-off-canvas {
        position: absolute;
        top: 10px;
        right: 15px;
        background: none;
        border: none;
        font-size: 20px;
        cursor: pointer;
        color: #666;
        z-index: 1001;
    }

    .btn-close-off-canvas:hover {
        color: var(--primary-color);
    }

    .header-links {
        position: relative;
    }

    /* Desktop Main Navigation Styling */
    .main-menu--white .nav-link {
        color: #fff !important;
    }

    .main-menu--white .nav-link:hover,
    .main-menu--white .nav-link:active,
    .main-menu--white .nav-link:focus {
        color: #fff !important;
    }

    .main-menu--white .dropdown-arrow {
        display: none !important;
    }

    /* Remove arrows from main navigation */
    .main-menu .dropdown-toggle::after {
        display: none !important;
    }

    .main-menu .fas.fa-chevron-down {
        display: none !important;
    }

    /* Ensure ALL menu states are white - comprehensive override */
    .main-menu--white .nav-link,
    .main-menu--white .nav-link:active,
    .main-menu--white .nav-link:focus,
    .main-menu--white .nav-link:hover,
    .main-menu--white .nav-link:visited,
    .main-menu--white .nav-link:link,
    .main-menu--white .nav-link.active,
    .main-menu--white .nav-link.current-menu-item,
    .main-menu--white .nav-link.current_page_item,
    .main-menu--white .nav-link.current-post-ancestor,
    .main-menu li.current-menu-item > a,
    .main-menu li.current_page_item > a,
    .main-menu li.current-post-ancestor > a,
    .main-menu li.active > a {
        color: #fff !important;
        text-decoration: none !important;
    }

    /* Override any existing color rules */
    .main-menu .nav-link.active {
        color: #fff !important;
    }

    .main-menu .menu-item.current-menu-item .nav-link,
    .main-menu .menu-item.current_page_item .nav-link,
    .main-menu .menu-item.current-post-ancestor .nav-link {
        color: #fff !important;
    }

    /* Ensure main navigation is visible on desktop */
    .main-navigation ul {
        display: flex !important;
    }

    .main-navigation li {
        margin: 0 15px;
    }

    .main-navigation a {
        white-space: nowrap;
        font-size: 14px;
        font-weight: 500;
    }
}

.mobile-header .mobile-header-btns .header-links {
	margin: 0;
}

.mobile-header .mobile-header-btns .sin-link {
	margin: 0;
}

.mobile-header .custom-logo-link {
	display: block;
	text-align: center;
	padding: 10px 0;
}

.mobile-header .custom-logo {
	max-width: 250px;
	height: auto;
	max-height: 60px;
}

.mobile-header .category-nav .category-menu {
max-height: 320px;
overflow-y: auto;
}

.off-canvas-wrapper {
    top: 0;
    right: 0;
    height: 100vh;
    position: fixed;
    background-color: var(--background-color);
    z-index: 9999;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
    opacity: 0;
    visibility: hidden;
    width: 250px;
    z-index: 99999999;
}

.off-canvas-wrapper.open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.off-canvas-wrapper .btn-close-off-canvas {
	top: 0;
	left: -50px;
	width: 50px;
	height: 50px;
	font-size: 30px;
	background-color: var(--primary-color);
	color: #fff;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	position: absolute;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.off-canvas-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9998;
	opacity: 0;
	visibility: hidden;
	transition: 0.4s;
}

.off-canvas-wrapper.open + .off-canvas-overlay {
	opacity: 1;
	visibility: visible;
}

.off-canvas-wrapper .search-box.offcanvas {
position: relative;
}

.off-canvas-wrapper .search-box.offcanvas input {
width: 100%;
height: 40px;
padding-right: 50px;
text-indent: 15px;
}

.off-canvas-wrapper .search-box.offcanvas input:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}

.off-canvas-wrapper .search-box.offcanvas button {
width: 40px;
height: 100%;
position: absolute;
top: 0;
right: 0;
font-size: 21px;
background: var(--primary-color);
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.off-canvas-wrapper .header-social .single-icon {
padding: 0 8px;
}

.mobile-navigation {
	padding: 45px 0 30px;
	text-align: center;
}

.mobile-navigation .off-canvas-nav {
	display: inline-block;
	text-align: left;
}

.mobile-navigation .mobile-menu>li {
padding-bottom: 13px;
margin-bottom: 13px;
border-bottom: 1px solid var(--border-secondary-color);
}

.mobile-navigation .mobile-menu>li .sub-menu>li {
padding-top: 13px;
margin-top: 13px;
border-top: 1px solid var(--border-secondary-color);
padding-left: 10px;
}



.mobile-navigation .mobile-menu,
.mobile-navigation .mobile-menu li {
	list-style: none !important;
	padding-left: 0;
	margin-left: 0;
}

.mobile-menu,
.mobile-menu li {
	list-style: none !important;
	padding-left: 0;
	margin-left: 0;
}

.category-menu,
.category-menu li {
	list-style: none !important;
	padding-left: 0;
	margin-left: 0;
}

.header-links,
.header-links li {
	list-style: none !important;
	padding-left: 0;
	margin-left: 0;
}

.mobile-menu .dropdown-arrow {
	float: right;
	margin-top: 2px;
	font-size: 12px;
	margin-right: 10px;
}

.mobile-menu .menu-item.current-menu-item > a,
.mobile-menu .menu-item.current_page_item > a,
.mobile-menu .menu-item.current-post-ancestor > a {
	color: var(--primary-color) !important;
	background-color: rgba(0, 123, 255, 0.1);
	border-radius: 3px;
	padding: 5px 10px;
	display: block;
	font-weight: 600;
}

.mobile-navigation .mobile-menu .has-children>.sub-menu {
	text-align: center;
}

.mobile-navigation .mobile-menu .has-children>.sub-menu li {
	display: inline-block;
	text-align: left;
	margin: 5px 10px;
}

.main-mobile-menu .menu-item-has-children {
position: relative;
}

.hero-area .home-content {
border-radius: 3px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
z-index: 1;
height: 450px;
}

.hero-area .home-content h1 {
color: var(--text-color)333;
text-transform: capitalize;
font-weight: 600;
position: relative;
padding: 0;
line-height: 1.2;
margin-bottom: 20px;
font-size: 22px;
}

.hero-area .home-content h2 {
color: var(--text-color);
font-weight: 300;
font-style: italic;
text-transform: capitalize;
margin: 0;
line-height: 1.2;
padding: 0;
font-size: 16px;
}

.hero-area .home-content .btn {
line-height: 40px;
font-size: 13px;
text-transform: capitalize;
margin-top: 30px;
padding: 0 20px;
min-height: 40px;
}

.hero-area .home-content .hero-partial-image {
position: relative;
margin-bottom: 10px;
width: 70%;
margin-left: auto;
margin-right: auto;
}

.hero-area .home-content .hero-partial-image img {
width: 100%;
}

.hero-area .home-content .hero-partial-image.image-left {
right: 0;
}

.hero-area .home-content .hero-partial-image.image-right {
left: 0;
}

.hero-area.hero-slider-2 .home-content {
min-height: 330px;
}

.hero-area.hero-slider-2 .home-content .title-small {
font-size: 16px;
line-height: 1;
color: #3a3a3c;
font-weight: 600;
margin-bottom: 5px;
}

.hero-area.hero-slider-2 .home-content .title-mid {
line-height: 28px;
color: var(--primary-color);
font-weight: 600;
}

.hero-area.hero-slider-2 .home-content h2 {
letter-spacing: 3px;
color: var(--text-color)333;
font-weight: 700;
font-style: normal;
margin-bottom: 12px;
text-transform: uppercase;
font-size: 42px;
}

.hero-area.hero-slider-2 .home-content h2.h2-v2 {
letter-spacing: 0px;
font-weight: 900;
font-size: 25px;
}

.hero-area.hero-slider-2 .home-content p {
line-height: 26px;
color: var(--text-color);
font-style: italic;
font-size: 13px;
}

.hero-area.hero-slider-2 .home-content .btn {
margin-top: 20px;
}

.hero-area.hero-slider-3 .home-content {
min-height: 355px;
text-align: center;
}

.hero-area.hero-slider-3 .home-content h1 {
color: #fff;
font-weight: 500;
font-style: normal;
margin-bottom: 12px;
text-transform: capitalize;
font-family: "PT Serif", serif;
font-style: italic;
font-size: 33px;
}

.hero-area.hero-slider-3 .home-content h2 {
font-weight: 500;
color: #fff;
font-family: "PT Serif", serif;
font-size: 20px;
line-height: 25px;
}

.hero-area.hero-slider-3 .home-content .btn {
margin-top: 45px;
}

.hero-area.hero-slider-4 .home-content {
padding-left: 20px;
padding-right: 40px;
height: 300px;
}

.hero-area.hero-slider-4 .home-content .title-small {
line-height: 1;
color: var(--accent-color);
font-weight: 600;
margin-bottom: 5px;
font-size: 20px;
}

.hero-area.hero-slider-4 .home-content h1 {
color: var(--text-color);
font-weight: 900;
margin-bottom: 12px;
text-transform: uppercase;
font-style: normal;
font-size: 33px;
}

.hero-area.hero-slider-4 .home-content h1.v2 {
font-family: "PT Serif", serif;
letter-spacing: 0;
color: #fff;
font-weight: 500;
font-style: italic;
text-transform: capitalize;
font-size: 33px;
}

.hero-area.hero-slider-4 .home-content h2 {
font-weight: 500;
color: #fff;
font-style: italic;
text-transform: capitalize;
font-family: "PT Serif", serif;
font-size: 18px;
line-height: 20px;
}

.hero-area.hero-slider-4 .home-content p {
font-size: 18px;
line-height: 24px;
font-style: italic;
color: #fff;
}

.hero-area.hero-slider-4 .home-content .btn {
margin-top: 20px;
}

.hero-products-group-slider>.slick-list {
margin: -10px;
}

.hero-products-group-slider .product-card {
border: 2px solid var(--border-secondary-color);
border-radius: 3px;
padding: 20px 10px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}

.hero-products-group-slider .product-card .card-image {
width: 135px;
}

[class*=hero-slider-] .single-slide {
border-radius: 3px;
}

.testimonial-card {
padding-left: 70px;
position: relative;
}

.testimonial-card .testimonial-body {
height: 100%;
padding-top: 50px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 15px;
border: 2px solid var(--border-secondary-color);
}

.testimonial-card .testimonial-body article {
position: relative;
padding-top: 30px;
}

.testimonial-card .testimonial-body article:before {
position: absolute;
top: 0;
content: "";
width: 21px;
height: 15px;
background: url(../image/icon/quotation.png) center no-repeat;
}

.testimonial-card .testimonial-body article p {
font-weight: 400;
line-height: 24px;
text-transform: none;
display: block;
color: var(--text-color);
font-size: 16px;
}

.testimonial-card .testimonial-body .client-name {
font-size: 15px;
text-transform: capitalize;
color: var(--text-color);
margin: 20px 0 0 0;
font-weight: 700;
}

.testimonial-slider .slick-dots {
margin-top: 40px;
}

.testimonial-slider>.slick-list {
margin-left: -10px;
margin-right: -10px;
}

.testimonial-slider.slider-one-column .testimonial-card {
padding-left: 0px;
padding-top: 60px;
}

.testimonial-slider.slider-one-column .testimonial-card .testimonial-image {
top: 0%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
margin-top: 0;
}

.testimonial-slider.slider-one-column .testimonial-card .testimonial-body {
padding-left: 25px;
padding-right: 25px;
}

.best-seller-block .product-slider {
margin-top: 30px;
}

.best-seller-block .product-slider .slick-dots {
margin-top: 30px;
}

.best-seller-block .product-slider .product-card--body:before {
background: transparent;
}

.best-seller-slider>.slick-list {
margin: 0 !important;
}

.best-seller-slider .product-card.card-style-list .product-card--body::before {
background: transparent;
}

.best-seller-slider .slick-dots {
margin-top: 30px;
}

.footer-title {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 600;
	color: #000000;
	text-transform: uppercase;
}

.footer-title h3 {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	color: #000000;
	text-transform: uppercase;
}

.newsletter-form .btn {
margin-top: 9px;
}

.footer-bottom {
	padding: 25px 0;
	text-align: center;
	background: #222;
	color: #fff;
	border-top: 1px solid #444;
}

.footer-bottom .copyright-heading {
	color: #fff;
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 10px;
	font-weight: 400;
}

.footer-bottom .copyright-text {
	color: #ffffff;
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 5px;
	font-weight: 400;
}

.footer-bottom .copyright-text a {
	color: #fff;
	text-decoration: none;
	font-weight: 500;
}

.footer-bottom .copyright-text a:hover {
	color: var(--primary-color);
}

/* Footer Links Styling - Clean White Design */
.footer-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-list li {
	margin-bottom: 6px;
}

.footer-list li a {
	color: #000000;
	text-decoration: none;
	font-size: 14px;
	transition: color 0.3s ease;
	font-weight: 400;
}

.footer-list li a:hover {
	color: var(--primary-color);
	text-decoration: underline;
}

.footer-list li.current-menu-item a,
.footer-list li.current_page_item a {
	color: var(--primary-color);
	font-weight: 600;
}

/* Footer Logo */
.custom-logo-link {
	display: block;
	margin-bottom: 20px;
	text-align: center;
}

.custom-logo {
	max-width: 200px;
	height: auto;
}

/* Footer Description */
.single-footer p {
	color: #ccc;
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 20px;
}

/* Footer Layout and Alignment - Compact Design */
.site-footer .container .row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	margin: 0 -10px;
}

.site-footer .single-footer {
	padding: 0 10px;
	margin-bottom: 20px;
	text-align: left;
}

.site-footer .single-footer:first-child {
	text-align: center;
}

.site-footer .single-footer .brand-footer {
	margin-bottom: 15px;
}

.site-footer .single-footer .footer-title {
	margin-bottom: 15px;
	text-align: left;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.site-footer .single-footer:first-child .footer-title {
	text-align: center;
}

/* Footer Column Specific Styling */
.site-footer .col-xl-3.col-lg-4.col-sm-6:first-child {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.site-footer .col-xl-3.col-lg-2.col-sm-6,
.site-footer .col-xl-3.col-lg-2.col-sm-6:last-child {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
}

/* Footer Menu Alignment */
.footer-list {
	text-align: left;
}

.footer-list li {
	text-align: left;
	margin-bottom: 10px;
}

.footer-list li a {
	display: block;
	padding: 5px 0;
	transition: all 0.3s ease;
}

/* Footer Logo Centering */
.custom-logo-link {
	display: inline-block;
	margin: 0 auto 20px;
}

.custom-logo {
	display: block;
	margin: 0 auto;
	max-width: 250px;
}

/* Footer Description */
.single-footer p {
	text-align: center;
	margin: 10px 0;
	line-height: 1.5;
	color: #000000;
	font-size: 14px;
	font-weight: 400;
}

/* Footer Responsive */
@media (max-width: 768px) {
	.site-footer {
		padding-top: 40px;
	}

	.site-footer .single-footer {
		padding: 0 10px;
		margin-bottom: 30px;
		text-align: center;
	}

	.site-footer .single-footer .footer-title {
		text-align: center;
	}

	.footer-list {
		text-align: center;
	}

	.footer-list li {
		text-align: center;
	}

	.footer-bottom {
		padding: 30px 0;
	}

	.footer-bottom .copyright-heading {
		font-size: 13px;
	}

	.footer-bottom .copyright-text {
		font-size: 12px;
	}

	.footer-list li a {
		font-size: 13px;
	}
}

.breadcrumb-contents .breadcrumb {
background: transparent;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
padding: 20px 0;
}

.breadcrumb-contents .breadcrumb .breadcrumb-item {
font-size: 14px;
color: var(--text-color);
}

.breadcrumb-contents .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
color: var(--text-color);
content: "";
font-family: "Ionicons";
font-size: 12px;
}

.breadcrumb-contents .breadcrumb 

.breadcrumb-contents .breadcrumb .breadcrumb-item.active a {
color: var(--primary-color);
}

.inner-page-sidebar .single-block {
margin-bottom: 40px;
}

.inner-page-sidebar .single-block:last-child {
margin-bottom: 0;
}

.sb-range-slider .ui-slider-handle {
width: 21px;
height: 21px;
top: -7px;
background: #fff;
border: 3px solid var(--primary-color);
border-radius: 100%;
}

.sb-range-slider .ui-slider-handle:focus {
outline: none;
}

.sb-range-slider .ui-widget-header {
background: var(--primary-color);
top: 0;
height: 100%;
}

.slider-price p .btn {
width: 100px;
}

.single-comment .reply-btn {
position: absolute;
right: 30px;
font-weight: 700;
color: var(--primary-color);
border: 1px solid var(--primary-color) !important;
position: absolute;
bottom: 10px;
font-weight: 700;
color: var(--primary-color);
border: 1px solid var(--primary-color) !important;
right: 10px;
min-height: 35px;
}



.reply-btn {
font-size: 0.8em;
width: 75px;
height: 28px;
line-height: 26px;
}

.best-seller-block .slider-two-column .card-style-list .product-card--body {
padding-right: 0px !important;
}

.best-seller-block .slider-two-column .card-style-list .product-card--body:before {
right: -5px !important;
}

.home2-promo .promo-type-four .promo-text .btn {
min-height: 40px;
}

.category-gallery-block .inner-block-wrapper .mid-image {
width: 100%;
}

.promo-wrapper .promo-text .btn {
pointer-events: visible;
}

.promo-wrapper.promo-type-one .promo-text .btn {
font-size: 15px;
text-transform: capitalize;
font-weight: 700;
min-height: 40px;
padding: 0 23px;
margin-top: 24px;
pointer-events: visible;
}

.promo-wrapper.promo-type-two .promo-text .btn {
font-size: 15px;
text-transform: capitalize;
font-weight: 700;
min-height: 40px;
padding: 0 23px;
margin-top: 24px;
pointer-events: visible;
}

.promo-wrapper.promo-type-three .promo-text .btn {
font-size: 15px;
color: var(--text-color);
font-weight: 700;
text-transform: capitalize;
line-height: 52px;
padding: 0 50px;
display: inline-block;
vertical-align: top;
border-radius: 3px;
-webkit-border-radius: 3px;
margin-top: 30px;
}

.promo-wrapper.promo-type-four .promo-text .btn {
font-size: 15px;
color: var(--accent-color);
text-transform: capitalize;
font-weight: 700;
padding: 0 23px;
vertical-align: top;
border: 2px solid var(--accent-color);
border-radius: 3px;
-webkit-border-radius: 3px;
margin-top: 24px;
pointer-events: visible;
min-height: 35px;
}

.home-4-left-sidebar.product-list-slider .product-card {
padding-left: 0;
padding-bottom: 15px;
border-bottom: 1px solid transparent;
}

.home-4-left-sidebar.product-list-slider .slick-current .product-card {
border-bottom: 1px solid var(--border-secondary-color);
}

.home-4-left-sidebar.product-list-slider .slick-current>div:last-child .product-card {
border-color: transparent;
}

.shop-toolbar.with-sidebar .sorting-selection span {
padding: 6px 0px 6px 0;
font-size: 13px;
}

.product-view-mode .sorting-btn {
margin-right: 7px;
cursor: pointer;
font-size: 16px;
color: var(--text-color);
}

.product-view-mode .sorting-btn i {
color: inherit;
}

.product-view-mode .sorting-btn.active {
color: var(--primary-color);
}

.product-view-mode .grid-four-icon i+i {
margin-left: 2px;
}

.sorting-selection {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 0;
}

.sorting-selection>span {
margin-right: 0;
}

.sorting-selection span {
line-height: 24px;
font-size: 12px;
padding: 6px 8px 6px 0;
}

.sorting-selection .nice-select {
border: 1px solid transparent;
padding: 5px 15px;
border-radius: 4px;
line-height: 24px;
font-size: 12px;
margin: 0;
right: 0;
height: 36px;
width: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--text-color)333;
}

.sorting-selection .nice-select .list {
left: auto;
right: 0;
}

.sorting-selection .nice-select:after {
right: 0px;
}

.pagination-block {
font-size: 12px;
font-weight: 400;
border: 2px solid var(--border-secondary-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.pagination-block .pagination-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    line-height: 28px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 8px;
}

.pagination-block .pagination-btns li {
    position: relative;
}

.pagination-block .pagination-btns li::before {
content: "";
border: 11px solid;
border-color: transparent transparent var(--primary-color) transparent;
position: absolute;
width: 22px;
left: 0;
right: 0;
top: -22px;
margin: auto;
opacity: 0;
}

.pagination-block .pagination-btns li.active::before {
opacity: 1;
}

.pagination-block .pagination-btns li.active .single-btn:before,

.pagination-block .pagination-btns li.active .single-btn:after {
opacity: 1;
}

.pagination-block .pagination-btns .single-btn {
    color: var(--secondary-text-light-color);
    background: none;
    font-size: 16px;
    border: none;
    padding: 0 8px;
    font-weight: 600;
    width: 60px;
    height: 48px;
    border-radius: 0;
    -webkit-border-radius: 0;
    line-height: 48px;
    position: relative;
    text-align: center;
    display: inline-block;
}

.pagination-block .pagination-btns .single-btn:before {
content: "";
top: -2px;
bottom: -2px;
left: 0;
right: 0;
border: 2px solid var(--primary-color);
position: absolute;
border-radius: 3px;
-webkit-border-radius: 3px;
opacity: 0;
}

.pagination-block .pagination-btns .single-btn:after {
content: "";
border: 9px solid;
border-color: transparent transparent #fff transparent;
position: absolute;
width: 18px;
left: 0;
right: 0;
top: -18px;
margin: auto;
z-index: 2;
opacity: 0;
}


.pagination-block .pagination-btns .single-btn.current {
color: var(--primary-color) !important;
}

.pagination-block .pagination-btns li.active .single-btn {
color: var(--primary-color) !important;
background: rgba(98, 171, 0, 0.1);
}

.pagination-block .pagination-btns .single-btn i {
font-size: 18px;
position: relative;
top: 2px;
display: inline-block;
}

.pagination-block .pagination-btns .single-btn.prev-btn i {
margin-right: 10px;
}

.pagination-block .pagination-btns .single-btn.next-btn i {
margin-left: 10px;
}

.shop-product-wrap.list [class*=col] {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}

.shop-product-wrap.list [class*=col]:last-child .product-card {
margin-bottom: 0;
}

.shop-product-wrap {
overflow: hidden;
}

.shop-product-wrap .product-card {
margin-bottom: 30px;
}

.shop-product-wrap .product-card .product-card--body:before {
right: -19px;
}

.shop-product-wrap.list .product-card {
position: relative;
padding-bottom: 40px;
margin-bottom: 40px;
}

.shop-product-wrap.list .product-card .product-card--body:before {
width: 0;
}

.shop-product-wrap.list .product-card .product-list-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}

.shop-product-wrap.list .product-card .product-list-content .card-image {
max-width: 100%;
margin-bottom: 30px;
}

.shop-product-wrap.list .product-card .product-grid-content {
display: none;
}

.shop-product-wrap.list .product-card::before {
position: absolute;
content: "";
background: var(--border-secondary-color);
bottom: -2px;
left: 0;
width: 100%;
height: 1px;
}

.shop-product-wrap .product-card .product-list-content {
display: none;
}

.shop-border {
overflow: hidden;
}

.shop-border [class*=col] .product-card .product-card--body {
position: relative;
}

.shop-border [class*=col] .product-card .product-card--body::before {
position: absolute;
background: var(--border-secondary-color);
content: "";
left: -16px;
height: 100%;
width: 1px;
top: 0;
}

.shop-border [class*=col] .product-card.card-style-list {
position: relative;
}

.shop-border [class*=col] .product-card.card-style-list::before {
position: absolute;
background: var(--border-secondary-color);
content: "";
left: 0px;
height: 1px;
width: 100%;
bottom: 1px;
}

.shop-border [class*=col] .product-card.card-style-list .product-card--body::before {
opacity: 0;
}

.shop-border [class*=col]:last-child .product-card.card-style-list:before {
opacity: 0;
}

.product-details-info .product-title {
text-transform: capitalize;
margin: 0px 0 15px 0;
background: none;
color: var(--text-color);
font-weight: 600;
font-size: 16px;
line-height: 1.3;
}

.product-details-info .list-unstyled {
margin-bottom: 13px;
position: relative;
font-size: 14px;
}

.product-details-info .list-unstyled li {
color: var(--text-color);
display: block;
line-height: 22px;
}

.product-details-info .list-unstyled li .list-value {
color: var(--primary-color);
}

.product-details-info .price-block {
margin-bottom: 13px;
}

.product-details-info .price-block .price-new {
color: var(--primary-color);
font-size: 18px;
font-weight: 600;
}

.product-details-info .rating-widget {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 13px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.product-details-info .rating-widget .rating-block {
margin-right: 8px;
}

.product-details-info .rating-widget .review-widget a {
text-transform: capitalize;
color: var(--text-color);
font-size: 14px;
line-height: 18px;
display: inline-block;
vertical-align: middle;
}

.product-details-info .rating-widget .review-widget a:last-child {
margin-right: 0;
}

.product-details-info .add-to-cart-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: -10px;
}

.product-details-info .add-to-cart-row>div {
margin-bottom: 10px;
}

.product-details-info .add-to-cart-row .count-input-block {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 15px;
}

.product-details-info .add-to-cart-row .count-input-block .widget-label {
font-size: 14px;
font-weight: 500;
margin-right: 15px;
}

.product-details-info .add-to-cart-row .count-input-block input {
-webkit-appearance: textfield !important;
-moz-appearance: textfield !important;
appearance: none !important;
color: var(--text-color);
background-color: var(--border-secondary-color);
height: 48px;
padding: 2.8px 8px;
width: 48px;
font-size: 16px;
border-radius: 0;
border-radius: 50%;
text-align: center;
font-weight: 600;
}

.product-details-info .add-to-cart-row .add-cart-btn .btn {
padding: 0 30px;
color: var(--text-color);
font-size: 15px;
font-weight: 700;
text-transform: capitalize;
}

.product-details-info .add-to-cart-row .add-cart-btn .btn span {
padding-right: 5px;
}

.product-details-info .variable-block .title {
font-size: 18px;
color: var(--text-color);
font-weight: 600;
}

.product-details-info .variable-block p {
display: block;
color: #222;
font-size: 14px;
font-weight: 500;
margin-bottom: 10px;
text-transform: capitalize;
line-height: 1.428571429;
}

.product-details-info .variable-block p span {
margin-right: 2px;
}

.product-details-info .variable-block .color-list {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
}

.product-details-info .variable-block .color-list .single-color {
border: 1px solid #ccc;
display: inline-block;
margin-right: 5px;
padding: 2px;
width: 36px;
height: 36px;
}

.product-details-info .variable-block .color-list .single-color span {
width: 100%;
height: 100%;
}

.product-details-info .variable-block .color-list .single-color.active {
border-color: var(--primary-color);
}

.product-details-info .variable-block .color-list .single-color.active .color-text {
display: block;
}

.product-details-info .variable-block .color-list .color-text {
position: absolute;
right: -60px;
width: auto !important;
top: 0;
margin-top: 7px;
display: none;
color: var(--text-color);
}

.tag-block {
font-size: 13px;
color: var(--text-color);
margin-bottom: 13px;
}

.tag-block a {
color: var(--text-color);
}



.product-gallery-image {
border: 1px solid var(--border-secondary-color);
padding: 20px;
}

.count-input-block .count-input-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-left: 5px;
}

.count-input-block .count-input-btns .count-btn {
padding: 1px 6px;
border: 1px solid rgba(0, 0, 0, 0.15);
height: 22px;
font-size: 16px;
margin-bottom: 1px;
}

.count-input-block .count-input-btns .count-btn+.count-btn {
border-top: none;
margin-top: -1px;
}

.add-cart-btn .btn {
font-size: 12px;
font-weight: 500;
border: 2px solid var(--primary-color);
color: var(--primary-color);
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0 30px;
height: 44px;
}

.add-cart-btn .btn i {
font-size: 20px;
margin-right: 12px;
}



.buy-btn .btn {
font-size: 14px;
font-weight: 500;
max-width: 155px;
border: 2px solid var(--primary-color);
color: var(--primary-color);
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0 20px;
height: 44px;
}

.buy-btn .btn i {
font-size: 20px;
margin-right: 12px;
}



.product-group .count-input-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.product-group .count-input-block input {
-webkit-appearance: textfield !important;
-moz-appearance: textfield !important;
appearance: textfield !important;
color: var(--text-color);
background-color: white;
height: 44px;
padding: 2.8px 8px;
width: 48px;
border-radius: 0;
text-align: center;
}

.product-group .count-input-block .count-input-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-left: 5px;
}

.product-group .count-input-block .count-input-btns .count-btn {
padding: 1px 6px;
border: 1px solid rgba(0, 0, 0, 0.15);
height: 22px;
font-size: 16px;
margin-bottom: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.product-group .count-input-block .count-input-btns .count-btn+.count-btn {
border-top: none;
margin-top: -1px;
}

.product-group .single-product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px solid var(--border-secondary-color);
}

.product-group .single-product .product-image {
width: 60px;
margin-right: 20px;
padding-bottom: 5px;
}

.product-group .single-product .product-title {
margin-right: 15px;
padding-bottom: 5px;
font-size: 14px;
}

.product-group .single-product .count-input-block {
margin-right: 15px;
padding-bottom: 5px;
}

.product-group .single-product .add-cart-btn .btn {
padding: 0 20px;
color: var(--text-color);
font-size: 14px;
font-weight: 600;
text-transform: capitalize;
}

.compare-wishlist-row .add-link {
margin-top: 15px;
font-size: 14px;
color: var(--text-color);
line-height: 30px;
border-radius: 0;
font-weight: 400;
padding: 0;
background: #fff;
border: 0;
margin-right: 24px;
}

.compare-wishlist-row .add-link i {
margin-right: 4px;
}

.review-tab {
text-align: left;
}

.review-tab .nav-tabs {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-color: transparent;
margin-bottom: 30px;
margin-top: -2px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}

.review-tab .nav-tabs .nav-item,

.review-tab .nav-tabs .nav-link.active,

.review-tab .nav-tabs 

.review-tab .nav-tabs .nav-item {
margin: 0 20px;
}

.review-tab .nav-tabs .nav-item .nav-link {
text-transform: capitalize;
color: var(--secondary-text-light-color);
padding: 0;
line-height: 30px;
font-weight: 500;
font-size: 18px;
}

.review-tab .nav-tabs .nav-item .nav-link.active {
color: var(--text-color);
}

.review-tab .tab-content .review-article p {
font-size: 14px;
color: var(--text-color);
line-height: 30px;
letter-spacing: 0.025em;
}

.tab-product-details .brand {
margin-bottom: 30px;
}

.tab-product-details .meta {
font-size: 16px;
color: var(--text-color);
font-weight: 700;
}

.tab-product-details .meta .small-text {
font-size: 12px;
text-align: left;
font-weight: 400;
}

.product-features {
margin-top: 20px;
margin-left: 5px;
}

.product-features .data-sheet {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.product-features>dl.data-sheet dd.value,

.product-features>dl.data-sheet dt.name {
font-weight: 400;
background: var(--border-secondary-color);
padding: 0.625rem;
margin-right: 0.625rem;
min-height: 2.5rem;
word-break: break-all;
margin-bottom: 0.5rem;
box-flex: 1;
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
}

.product-features .title {
font-weight: 700;
font-size: 15px;
margin-left: -5px;
}

.product-features dl {
margin-left: -5px;
}

.product-features>dl.data-sheet dd.value:nth-of-type(even),

.product-features>dl.data-sheet dt.name:nth-of-type(even) {
background: var(--secondary-bg-light-color);
}

.rating-row p {
margin-right: 3px;
display: inline-block;
font-weight: 500;
}

.rating-widget-block {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}

.rating-widget-block input {
display: none;
}

.rating-widget-block label {
margin-right: 10px;
cursor: pointer;
position: relative;
margin-bottom: 0;
display: inline-block;
}

.rating-widget-block label:last-child {
margin-right: 0;
}

.rating-widget-block label:before {
content: "";
font-family: "Font Awesome 5 Free";
position: relative;
display: block;
font-size: 16px;
color: #e3e3e3;
font-weight: 900;
}

.rating-widget-block label:after {
content: "";
font-family: "Font Awesome 5 Free";
position: absolute;
display: block;
font-size: 16px;
color: var(--accent-color);
font-weight: 900;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: 0.4s;
transition: 0.4s;
}


.rating-widget-block input:checked~label:after {
opacity: 1;
}

.site-form .form-group {
margin-bottom: 20px;
}

.site-form .form-control {
border-radius: 0;
border: 1px solid var(--border-secondary-color);
background: var(--form-bg-color);
}

.site-form .form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
border-color: var(--form-bg-color);
}

.site-form .form-control::-webkit-input-placeholder {
font-weight: 400;
font-size: 14px;
}

.site-form .form-control:-moz-placeholder {
font-weight: 400;
font-size: 14px;
}

.site-form .form-control::-moz-placeholder {
font-weight: 400;
font-size: 14px;
}

.site-form .form-control:-ms-input-placeholder {
font-weight: 400;
font-size: 14px;
}

.site-form textarea.form-control {
height: 130px;
width: 100%;
}

.site-form textarea.form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
border-color: var(--form-bg-color);
}

.site-form input.form-control {
height: 50px;
line-height: 50px;
max-width: 100%;
padding: 0 10px;
}

.site-form label {
color: var(--text-color);
display: block;
margin: 0 0 5px;
}

.site-form .submit-btn {
margin-top: 15px;
}

.site-form.contact-form-2 .form-control {
background: var(--form-bg-color);
}

.product-details-slider .single-slide img {
width: 100%;
}

.site-mini-search {
background: #fff;
border: 1px solid var(--border-secondary-color);
color: var(--text-color);
font-family: Rubik, Arial, Helvetica, sans-serif;
position: relative;
width: 100%;
}

.site-mini-search input {
background: none;
border: none;
height: 34px;
padding: 0 40px 0 15px;
width: 100%;
}

.site-mini-search input:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}

.site-mini-search button {
background: none;
border: none;
color: var(--text-color);
font-size: 14px;
margin: 0;
outline: none;
padding: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 34px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}



.sidebar-tag-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.sidebar-tag-list a {
background: var(--secondary-bg-light-color);
border: none;
color: var(--text-color);
display: inline-block;
font-size: 1em !important;
margin: 0 5px 10px 0;
padding: 3px 12px;
text-transform: capitalize;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
border-radius: 4px;
}



.blog-list-cards .blog-card {
margin-bottom: 60px;
}

.blog-list-cards .blog-card:last-child {
margin-bottom: 0;
}

.blog-list-cards 

.blog-post .blog-content header {
margin-bottom: 20px;
}

.blog-post .blog-content .post-category {
margin-bottom: 10px;
}

.blog-post .blog-content .post-category i {
margin-right: 5px;
}



.blog-post .blog-content .blog-title {
display: inline-block;
font-size: 18px;
margin-bottom: 16px;
padding: 0;
}

.blog-post .blog-content .blog-title a {
color: var(--text-color);
-webkit-transition: 0.4s;
transition: 0.4s;
}



.blog-post .blog-content .post-meta {
font-size: 14px;
}

.blog-post .blog-content .post-meta .post-separator {
margin: 0 10px;
}

.blog-post .blog-content .post-meta span {
font-size: 14px;
}

.blog-post .blog-content .post-meta span i {
margin-right: 5px;
}

.blog-post .blog-content article p {
margin: 0;
padding-bottom: 20px;
}

.blog-post .blog-content footer {
margin-top: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.blog-post .blog-content footer div {
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%;
display: block;
margin-bottom: 15px;
}

.blog-post .blog-btn .btn {
color: var(--primary-color);
}



.blog-post.post-details .blog-image img {
width: 100%;
}

.blog-post.post-details .blog-title {
font-size: 18px;
}

.blog-post.post-details .blog-content {
margin-top: 30px;
}

.blog-post.post-details .blog-content header {
margin-bottom: 25px;
}

.blog-post.post-details .blog-content blockquote {
background: var(--secondary-bg-light-color);
border: 1px solid var(--border-secondary-color);
border-left: 5px solid var(--primary-color);
font-size: 14px;
font-style: italic;
line-height: 26px;
margin: 30px 0 30px 30px;
padding: 30px 45px 10px;
}

.blog-post.post-details .blog-meta {
padding: 10px;
color: var(--text-color);
font-size: 14px;
padding: 15px 0;
border-bottom: 1px solid var(--border-secondary-color);
border-top: 1px solid var(--border-secondary-color);
margin-top: 10px;
}

.blog-post.post-details .blog-meta a {
color: var(--primary-color);
}



.blog-posts-container .blog-post {
border-bottom: 1px solid var(--border-secondary-color);
margin: 0 0 50px;
padding: 0 0 50px 0;
width: 100%;
}

.blog-posts-container .blog-post:last-child {
padding-bottom: 0;
border: none;
}

.related-post-block h3 {
display: inline-block;
font-size: 20px;
text-transform: uppercase;
color: var(--text-color);
}

.related-post .post-date {
color: var(--text-color);
display: block;
font-style: italic;
margin-top: 15px;
font-size: 14px;
font-weight: 400;
margin-bottom: 5px;
}

.related-post .post-title {
font-size: 1.143em;
color: var(--text-color);
}

.related-post .post-title a {
display: inline-block;
}



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

.pagination-widget p {
color: inherit;
}

.site-pagination a {
background: #fff;
border: 1px solid var(--border-secondary-color);
color: var(--text-color);
display: inline-block;
font-size: 14px;
font-weight: normal;
height: 32px;
line-height: 30px;
margin-right: 7px;
min-width: 0;
padding: 0;
text-align: center;
width: 32px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
border-radius: 4px;
}



.site-pagination a.active,



.blog-page-section.with-sidebar .single-block {
margin-bottom: 40px;
}

.blog-page-section.with-sidebar .single-block:last-child {
margin-bottom: 0;
}

.replay-form-wrapper h3 {
font-size: 17px;
margin: 20px 0;
position: relative;
text-transform: uppercase;
font-weight: 600;
font-family: "Open Sans", sans-serif;
}

.replay-form-wrapper p {
color: var(--text-color);
font-size: 14px;
padding-bottom: 2px;
}

.blog-image {
display: block;
}

textarea.form-control {
height: auto;
}

.cart_area .page-section-title {
margin-bottom: 40px;
}

.cart_area .page-section-title h1 {
font-size: 22px;
color: var(--text-color);
margin-bottom: 30px;
text-transform: capitalize;
font-weight: 700;
}

.cart-table {
color: var(--secondary-text-light-color);
}

.cart-table .table {
margin: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
}

.cart-table .table thead {
background-color: transparent;
}

.cart-table .table thead tr {
border-bottom: 1px solid var(--border-secondary-color);
}

.cart-table .table thead tr th {
text-align: center;
border: none;
text-transform: uppercase;
font-weight: 500;
color: var(--text-color);
border-right: 1px solid var(--border-secondary-color);
padding: 20px 10px;
font-family: Rubik, Arial, Helvetica, sans-serif;
font-size: 15px;
}

.cart-table .table tbody {
color: var(--text-color);
font-weight: 500;
}

.cart-table .table tbody tr {
-webkit-transition: 0.4s;
transition: 0.4s;
}



.cart-table .table tbody tr td {
text-align: center;
border: none;
padding: 20px 10px;
vertical-align: middle;
border-top: 1px solid var(--border-secondary-color);
border-right: 1px solid var(--border-secondary-color);
}

.cart-table .table tbody tr td .coupon-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border: 1px solid var(--border-secondary-color);
margin: 0 0 20px;
padding: 25px !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.cart-table .table tbody tr td .coupon-block .coupon-text {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
}

.cart-table .table tbody tr td .coupon-block .coupon-text input {
border: 1px solid var(--border-secondary-color);
height: 50px;
line-height: 48px;
padding: 6px 6px 5px;
background: var(--form-bg-color);
font-weight: 500;
width: 100%;
}

.cart-table .table tbody tr td .coupon-block .coupon-text input:focus {
outline: none;
}

.cart-table .table tbody tr td .coupon-block .coupon-btn {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
margin-top: 10px;
}

.cart-table .table tbody tr td .coupon-block .coupon-btn .btn {
padding: 0 30px;
color: var(--text-color);
font-weight: 700;
}



.cart-table .table tbody tr td .coupon-block label {
display: none;
}

.update-block .btn {
padding: 0 30px;
color: var(--text-color);
font-weight: 700;
}



.cart-table th.pro-thumbnail,

.cart-table td.pro-thumbnail {
max-width: 160px;
min-width: 32px;
width: 160px;
}

.cart-table th.pro-title,

.cart-table td.pro-title {
min-width: 200px;
}

.cart-table td.pro-thumbnail a {
display: block;
}

.cart-table td.pro-thumbnail a img {
width: 70px;
background-color: var(--secondary-bg-light-color);
}

.cart-table td.pro-title a {
font-size: 16px;
color: var(--text-color);
}



.cart-table td.pro-price span {
display: block;
font-size: 15px;
}

.cart-table td.pro-quantity .pro-qty {
width: 50px;
display: block;
margin: auto;
}

.cart-table td.pro-quantity .pro-qty input {
padding-right: 0;
font-size: 15px;
border-radius: 0;
background: transparent;
border: 1px solid var(--border-secondary-color);
color: var(--text-color);
}

.cart-table td.pro-subtotal span {
display: block;
font-size: 15px;
}

.cart-table td.pro-addtocart button {
width: 140px;
border-radius: 50px;
height: 36px;
border: 1px solid var(--primary-color);
line-height: 24px;
padding: 5px 20px;
font-weight: 700;
text-transform: capitalize;
color: #fff;
background-color: var(--primary-color);
}

.cart-table td.pro-remove a {
display: block;
font-weight: 600;
}

.cart-table td.pro-remove a i {
font-size: 15px;
}



.cart-summary .cart-summary-button .c-btn {
margin-top: 10px;
width: 140px;
border-radius: 50px;
height: 36px;
border: 2px solid var(--border-secondary-color);
line-height: initial;
padding: 5px 20px;
background-color: transparent;
margin-left: 20px;
float: right;
color: var(--text-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}



.cart-summary .cart-summary-button .c-btn:last-child {
margin-left: 0;
}

.cart-summary .cart-summary-button .c-btn.checkout-btn {
font-weight: 500;
text-transform: uppercase;
color: #fff;
background-color: var(--primary-color);
border-color: var(--primary-color);
}



#shipping-form {
display: none;
}

.method-notice {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1em 2em 1em 3.5em;
margin: 0 0 15px;
position: relative;
background-color: var(--secondary-bg-light-color);
color: var(--text-color);
border-top: 3px solid var(--primary-color);
list-style: none outside;
width: auto;
word-wrap: break-word;
}

.method-notice:before {
font-family: "Font Awesome 5 Free";
content: "";
display: inline-block;
position: absolute;
top: 1em;
color: var(--primary-color);
left: 1.5em;
}

.quick-login-form .form-group input {
margin-bottom: 0;
}

.checkout_coupon .btn {
font-size: 14px;
margin-top: 15px;
}

.compare-table {
color: var(--text-color);
}

.compare-table::-webkit-scrollbar-thumb {
background: red;
border-radius: 10px;
}

.compare-table .table tbody tr:first-child {
border-top: 1px solid var(--border-secondary-color);
}

.compare-table .table tbody tr td {
text-align: center;
border: none;
padding: 25px 30px;
vertical-align: middle;
border-bottom: 1px solid var(--border-secondary-color);
border-left: 1px solid var(--border-secondary-color);
}

.compare-table .table tbody tr td:last-child {
border-right: 1px solid var(--border-secondary-color);
}

.compare-table .table tbody tr td.first-column {
min-width: 170px;
font-size: 18px;
font-weight: 600;
color: var(--text-color);
margin: 0;
line-height: 1;
}

.compare-table .table tbody tr td.product-image-title {
min-width: 310px;
vertical-align: bottom;
padding-top: 50px;
}

.compare-table .table tbody tr td.product-image-title .image {
clear: both;
width: 100%;
margin-bottom: 40px;
}

.compare-table .table tbody tr td.product-image-title .image img {
max-width: 100%;
}

.compare-table .table tbody tr td.product-image-title .category {
clear: both;
float: left;
font-size: 13px;
letter-spacing: 0.5px;
line-height: 15px;
margin-bottom: 7px;
margin-top: 15px;
text-transform: capitalize;
}

.compare-table .table tbody tr td.product-image-title .title {
float: left;
clear: both;
font-size: 16px;
font-weight: 600;
line-height: 20px;
margin-bottom: 10px;
}



.compare-table .table tbody tr td.pro-desc p {
text-align: left;
margin: 0;
}

.compare-table .table tbody tr td.pro-price {
font-size: 16px;
font-weight: 600;
}

.compare-table .table tbody tr td.pro-color {
font-size: 16px;
font-weight: 600;
}

.compare-table .table tbody tr td.pro-stock {
font-size: 16px;
font-weight: 600;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart {
position: relative;
background-color: var(--secondary-bg-light-color);
border-radius: 50px;
display: inline-block;
width: 170px;
padding: 10px 25px 10px 56px;
-webkit-transition: left 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s, color 0.4s ease-in;
transition: left 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s, color 0.4s ease-in;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart i {
width: 41px;
height: 41px;
background-color: var(--background-color);
border-radius: 50px;
display: block;
float: left;
font-size: 20px;
text-align: center;
line-height: 41px;
-webkit-box-shadow: 0 3px 7px rgba(40, 40, 40, 0.3);
box-shadow: 0 3px 7px rgba(40, 40, 40, 0.3);
-webkit-transition: left 0.3s ease 0s, color 0.4s ease-in;
transition: left 0.3s ease 0s, color 0.4s ease-in;
position: absolute;
left: 0;
right: auto;
top: 0;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart span {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
line-height: 21px;
overflow: hidden;
display: block;
text-align: center;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart.added {
padding-left: 25px;
padding-right: 56px;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart.added i {
left: calc(100% - 41px);
}



.compare-table .table tbody tr td.pro-remove button {
border: none;
background-color: transparent;
padding: 0;
color: var(--text-color);
}

.compare-table .table tbody tr td.pro-remove button i {
font-size: 20px;
}

.compare-table .table tbody tr td.pro-ratting i {
font-size: 14px;
}

p.form-messege {
margin-top: 20px;
}

p.form-messege.success {
color: green;
}

p.form-messege.error {
color: red;
}

.contact-form .form-control {
background: transparent;
font-size: 14px;
color: var(--text-color);
}

.contact-form .form-control:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border-color: var(--primary-color);
}

.contact-form .form-btn .theme-btn-otlined,

.contact-form .form-btn .theme-btn,

.contact-form .form-btn button,

.contact-form .form-btn a {
height: 50px;
padding: 0 40px;
}

.login-box .btn {
text-transform: capitalize;
font-size: 15px;
}

.login-form .btn {
text-transform: capitalize;
font-size: 15px;
}

.entry-header {
margin-bottom: 40px;
}

.entry-header .entry-title {
font-size: 30px;
line-height: 1.35;
margin: 0 0 5px;
text-transform: uppercase;
color: var(--text-color);
}

.myaccount-tab-menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}

.myaccount-tab-menu a {
border: 1px solid var(--border-secondary-color);
border-bottom: none;
color: var(--text-color);
font-weight: 500;
font-size: 12px;
display: block;
padding: 15px 15px 13px;
text-transform: uppercase;
}

.myaccount-tab-menu a:last-child {
border-bottom: 1px solid var(--border-secondary-color);
}


.myaccount-tab-menu a.active {
background-color: var(--primary-color);
color: #fff;
}

.myaccount-tab-menu a i {
font-size: 14px;
text-align: center;
width: 25px;
}

.myaccount-content a.btn i {
padding-right: 5px;
}

.myaccount-content button.save-change-btn {
background: none;
border: none;
font-weight: 400;
text-transform: uppercase;
color: #ffffff;
background-color: var(--secondary-text-light-color)555;
border-color: var(--secondary-text-light-color)555;
width: 140px;
padding: 10px 0;
border-radius: 3px;
}



.myaccount-table {
white-space: nowrap;
font-size: 15px;
}

.myaccount-table table th,

.myaccount-table .table th {
padding: 10px;
background: var(--text-color);
color: #fff;
border-color: var(--border-secondary-color);
}

.myaccount-table table td,

.myaccount-table .table td {
padding: 20px 10px;
vertical-align: middle;
border-color: var(--border-secondary-color);
}




.saved-message {
border-top: 3px solid var(--primary-color);
border-radius: 5px 5px 0 0;
font-weight: 600;
font-size: 13px;
padding: 20px;
}

.order-table-title {
font-size: 24px;
font-weight: 600;
}

.order-details-table {
border: 1px solid var(--border-secondary-color);
margin: 0;
}

.order-details-table thead tr th {
font-weight: 400;
color: var(--text-color);
border: none;
border-right: 1px solid var(--border-secondary-color);
}

.order-details-table tbody tr td {
border-top: 1px solid var(--border-secondary-color);
border-right: 1px solid var(--border-secondary-color);
}

.order-details-table tbody tr td .btn {
padding: 6px 35px;
}

.order-details-table tfoot tr th {
font-weight: 400;
color: var(--text-color);
border-right: 1px solid var(--border-secondary-color);
}

.order-details-table tfoot tr td {
border-top: 1px solid var(--border-secondary-color);
border-right: 1px solid var(--border-secondary-color);
}

.accordion .card {
border: 1px solid rgba(169, 174, 189, 0.3) !important;
border-radius: 4px !important;
background-color: var(--background-color);
margin-bottom: 20px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}

.accordion .card:last-child {
margin-bottom: 0px;
}

.accordion .card.open {
border-color: var(--border-secondary-color) !important;
-webkit-box-shadow: 0 0 87px 0 rgba(41, 44, 58, 0.1);
box-shadow: 0 0 87px 0 rgba(41, 44, 58, 0.1);
}

.accordion .card .card-header {
padding: 0;
background-color: transparent;
border: none;
}

.accordion .card .card-header h5 {
margin: 0;
}

.accordion .card .card-header h5 button {
border: none;
background-color: transparent;
display: block;
width: 100%;
text-align: left;
line-height: 24px;
font-weight: 400;
padding: 15px 30px;
position: relative;
color: var(--text-color);
}

.accordion .card .card-header h5 button::before,

.accordion .card .card-header h5 button::after {
position: absolute;
content: "";
background-color: var(--text-color);
top: 50%;
margin-top: -1px;
width: 10px;
height: 2px;
right: 20px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}

.accordion .card .card-header h5 button.collapsed::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}

.accordion .card .card-header h5 {
margin: 0;
}

.accordion .card .card-header h5 button {
border: none;
background-color: transparent;
display: block;
width: 100%;
text-align: left;
font-size: 14px;
line-height: 24px;
font-weight: 700;
padding: 15px 30px;
position: relative;
color: var(--text-color);
}

.accordion .card .card-header h5 button::before,

.accordion .card .card-header h5 button::after {
position: absolute;
content: "";
background-color: var(--text-color);
top: 50%;
margin-top: -1px;
width: 10px;
height: 2px;
right: 20px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}

.accordion .card .card-header h5 button.collapsed::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}

.accordion .card .card-body {
    padding: 0 30px 30px;
}

/* Responsive card sizes */
@media (max-width: 768px) {
    .product-card .card-image {
        width: 180px;
        height: 280px;
    }
    .grid-fly {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        padding: 0 5px;
        grid-gap: 0.3em;
    }
}