@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --thm-font: 'Overpass', sans-serif;
    --thm-b-font: 'Overpass', sans-serif;
    --thm-icon-font: "Font Awesome 5 Pro";
    --thm-color-one: #01112b;
    --thm-color-two: #000000;
    --thm-color-three: #000000;
    --thm-color-four: #e01409;
    --thm-color-light: #ececec;
    --thm-color-one-rgb: 255, 148, 0;
    --thm-color-two-rgb: 0, 0, 0;
    --thm-color-three-rgb: 1, 31, 121;
    --thm-color-four-rgb: 255, 148, 0;
    --thm-color-light-rgb: 236, 236, 236;
    --thm-white: #ffffff;
    --thm-border: #d1d1d1;
}

/*Animations*/
@-webkit-keyframes text_blink {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

@keyframes beat {
    from {  transform: rotate(-20deg) scale(1); }
    to {    transform: rotate(-20deg) scale(1.1); }
}


@keyframes shine {
  from {left: -500px;}
  to {left: 1000px;}
}

/*General*/
::selection {
    background-color: var(--thm-color-two);
    color: var(--thm-white);
}

i[class^="flaticon-"],
i[class*=" flaticon-"] {
    display: flex;
    align-items: center;
    justify-content: center;
}

html {
    overflow-x: hidden;
}

body {
    font-family: var(--thm-b-font);
    overflow-x: clip;
    color: var(--thm-body-color);
    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;
}

.relative {
    position: relative;
}

.thm-font {
    font-family: var(--thm-font);
}




.section {
    position: relative;
    padding: 80px 0;
}

.section-padding {
    position: relative;
    padding: 50px 0 50px;
}

.image-fit {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.image-fit-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.transform-center {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translate(0%, -50%);
    z-index: 1;
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before {
    font-size: inherit;
    margin: 0;
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ul li {
    margin-bottom: 0;
    position: relative;
}

button:focus,
*:focus {
    outline: none;
}

button {
    background: transparent;
    border: none;
    padding: 0;
}

label {
    margin-bottom: 10px;
    font-weight: 500;
    line-height: normal;
}

label>a {
    font-size: 14px;
}

img {
    max-width: 100%;
}

select {
}

.form-group {
    position: relative;
    margin-bottom: 30px;
}

.container-wide .row {
    flex-wrap: unset;
}

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

.z-2 {
    position: relative;
    z-index: 2;
}


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

/*section-title*/
.section-header {
    max-width: 550px;
    padding-bottom: 30px;
    margin: 0 auto 0 0;
    text-align: left;
    position: relative;
}

.section-header .title {
    font-weight: bold;
    text-transform: capitalize;
    display: flex;
    font-size: 30px;
    margin-bottom: 5px;
    font-weight: 500;
}

.section-header .text {
    margin-bottom: 0;
}

.lh-normal {
    line-height: normal;
}

hr {
    margin: 30px 0;
    border-color: var(--thm-border);
}

blockquote {
    padding: 50px;
    margin-bottom: 30px;
    border: 1px solid var(--thm-border);
    border-radius: 8px;
}

blockquote .quote_title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.8;
    margin-bottom: 15px;
}

blockquote .quote_author {
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    color: var(--thm-color-one);
    display: flex;
    align-items: center;
}

blockquote .quote_author:before {
    content: '';
    width: 40px;
    height: 3px;
    background-color: var(--thm-color-two);
    margin-right: 20px;
    display: inline-flex;
}

/*Slick Arrows*/
.slick-arrow {
    font-size: 0;
    position: absolute;
    top: -70px;
    z-index: 100;
    width: 36px;
    height: 36px;
    color: var(--thm-color-four);
    background-color: var(--thm-white);
    border-radius: 50%;
    left: 0;
    transition: 0.3s all;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--thm-color-four);
}

.slick-arrow:hover {
    color: var(--thm-white);
    background-color: #e01409;
    border-color: inherit;
}

.slick-arrow:before {
    content: "\f053";
    font-family: var(--thm-icon-font);
    font-weight: 400;
    font-size: 18px;
}

.slick-arrow.slick-next:before {
    content: "\f054";
}

.slick-arrow.slick-prev {
    left: auto;
    right: 65px;
    border-radius: 50px;
}

.slick-arrow.slick-next {
    right: 15px;
    left: auto;
    border-radius: 50px;
}

/*Slick Dots*/
.slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin-top: 10px;
}

.slick-dots li {
    padding: 0;
    line-height: 0;
}

.slick-dots li button {
    font-size: 0;
    width: 12px;
    height: 6px;
    border-radius: 10px;
    background: var(--thm-color-two);
    margin: 0 5px;
    transition: 0.6s all;
    border: 2px solid var(--thm-color-two);
}

.slick-dots li.slick-active button {
    width: 24px;
    height: 6px;
    border-radius: 50px;
    background: var(--thm-color-four);
    border: 2px solid var(--thm-color-four);
}

/*pagination*/
.pagination {
    justify-content: center;
    margin-bottom: 15px;
    border-radius: 0;
    flex-wrap: wrap;
}

.pagination .page-item {
    margin: 0px 7px 15px;
}

.pagination .page-item .page-link {
    border: none;
    border-radius: 5px;
    background-color: var(--thm-color-three);
    color: var(--thm-white);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.pagination .page-item .page-link.active,
.pagination .page-item.active .page-link,
.pagination .page-item:focus .page-link,
.pagination .page-item:hover .page-link {
    background-color: var(--thm-color-four);
}

/* Typography */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--thm-font);
    font-weight: bold;
    color: var(--thm-color-two);
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: var(--thm-color-two);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 30px;
}

h1 {
    font-size: 90px;
}

h2 {
    font-size: 72px;
}

h3 {
    font-size: 42px;
    line-height: 1.2;
}

h4 {
    font-size: 32px;
    line-height: 1.4;
}

h5 {
    font-size: 24px;
    line-height: 1.3;
}

h6 {
    font-size: 20px;
    line-height: 1.7;
}

p {
}

a {
    color: var(--thm-color-three);
    transition: .3s all;
    display: inline-block;
}

a:hover,
a:focus {
    outline: none;
    box-shadow: none;
    text-decoration: none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
a:hover,
a:focus {
    color: var(--thm-color-four);
    text-decoration: none;
}

/*Tables*/
table {
    margin-bottom: 30px;
}

table th,
table td {
    padding: 15px;
    vertical-align: middle;
    background-color: var(--thm-white);
}

table th {
    font-weight: 500;
    color: var(--thm-color-two);
    font-size: 16px;
    /* border: 1px solid var(--thm-border); */
}

table {
    width: 100%;
    margin-bottom: 30px;
}

table td {
    border-right: 1px solid #e5e5e5;
}

table img {
    width: 30px;
    border-radius: 0;
}

.mb-xl-20 {
    margin-bottom: 20px;
}

.mb-xl-30 {
    margin-bottom: 30px;
}

.mb-xl-60 {
    margin-bottom: 60px;
}



/*Counter*/
.counter-sec{
    background-color: #2457aa;
    color: var(--thm-color-four);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin: 0;
}
.counter-container{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex-wrap: wrap;
    text-align: center;
    margin: 30px 30px;
    z-index: 2;
}
.counter{
    font-size: 35px;
    margin-top: 10px;
    color: var(--thm-color-four);
}
.counter-container i{
    font-size: 50px;
    color: var(--thm-color-four);
}



/*Forms*/
.form-control-custom {
    border-radius: 8px;
    border: 1px solid var(--thm-border);
    background-color: transparent;
    padding: 10px 20px;
    height: auto;
    transition: 0.3s all;
}

.form-control-custom,
.form-control-custom:focus,
.form-control-custom::placeholder {
    font-size: 14px;
    font-weight: 600;
    color: var(--thm-body-color);
    font-family: var(--thm-font);
    background-color: var(--thm-white);+
}

.form-control-custom:focus {
    box-shadow: none;
    background-color: transparent;
    border-color: var(--thm-color-three);
}

.form-control-custom+i {
    position: absolute;
    top: 50%;
    right: 3px;
    transform: translateY(-50%);
    color: var(--thm-color-two);
    pointer-events: none;
}

textarea.form-control-custom+i {
    top: 23px;
    transform: none;
}

.custom-control-label::before {
    background-color: transparent;
    border-color: var(--thm-border);
}

.custom-control-input:checked~.custom-control-label::before {
    background-color: var(--thm-color-three);
    border-color: var(--thm-color-three);
}

/*Buttons*/
.thm-btn {
    font-size: 18px;
    color: var(--thm-white);
    display: inline-flex;
    align-items: center;
    border: 2px solid transparent;
    padding: 6px 20px;
    transition: 0.5s all;
    font-weight: 500;
    background-color: var(--thm-color-one);
    text-align: center;
    justify-content: center;
    white-space: nowrap;
}

.thm-btn.btn-border {
    background-color: var(--thm-white);
}

.thm-btn:hover,
.thm-btn:focus {
    color: var(--thm-white);
    background-color: var(--thm-color-two);
    border-color: transparent;
}

.thm-btn i {
    font-size: 14px;
    line-height: normal;
    margin-left: 10px;
}

/*
.thm-btn.btn-rounded {
    border-radius: 8px;
}
*/

.thm-btn.btn-rectangle {
    border-radius: 8px;
}

.thm-btn.btn-small {
    padding: 8px 21px;
}

.social_btn {
    display: inline-flex;
    white-space: nowrap;
    font-size: 16px;
    color: var(--thm-body-color);
    transition: 0.3s all;
    line-height: normal;
    align-items: center;
}

.social_btn img {
    width: 30px;
    height: 30px;
    margin-right: 12px;
}

.simple_btn {
    display: inline-flex;
    white-space: nowrap;
    font-size: 16px;
    color: var(--thm-body-color);
    transition: 0.3s all;
    line-height: normal;
    align-items: center;
}

/*Colors*/
.thm-color-one {
    color: var(--thm-color-one);
}

.thm-color-two {
    color: var(--thm-color-two);
}

.thm-color-three {
    color: var(--thm-color-three);
}

.thm-color-four {
    color: var(--thm-color-four);
}

.thm-bg-color-one {
    background-color: #e01409;
}

.thm-bg-color-two {
    background-color: var(--thm-color-two);
}

.thm-bg-color-three {
    background-color: var(--thm-color-three);
}

.thm-bg-color-four {
    background-color: var(--thm-color-four);
}

.container-fluid {
    padding-left: 5%;
    padding-right: 5%;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

/*Preloder*/
.preloader {
    background-color: var(--thm-color-three);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.preloader.hidden {
    opacity: 0;
    visibility: hidden;
}

.breadcrumb-row {
    padding: 5px 0px;
    position: relative;
    background-position: 50% 97% !important;
    background-repeat: no-repeat !important;
    background: #f4f4f4 !important;
}

position: absolute;
}

.breadcrumb-title-heading {
    position: relative;
    z-index: 9;
}
.breadcrumb-row .breadcrumb-item{justify-content: center !important;}

.breadcrumb-title-heading h1 {
    text-transform: capitalize;
    font-size: 42px;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 0px;
    position: relative;
    color: #000000;
}
.breadcrumb-wrapper {
    text-align: right;
}
.breadcrumb-wrapper a, .breadcrumb-wrapper span{
    font-weight: 500;
    text-transform: capitalize;
    font-size: 25px;
    line-height: 15px;
    
}




/*header*/

.header-top{
    background: #000000;
    border-bottom: 1px solid var(--thm-body-color);
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.welcome-text span {
    font-size: 15px;
    line-height: 20px;
    color: var(--thm-white);
}
.top-right > ul > li {
    display: inline-block;
    position: relative;
    padding-right: 18px;
    margin-right: 18px;
}
.top-right > ul > li::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 12px;
    top: 50%;
    right: 0px;
    transform: translatey(-50%);
}
.top-right > ul > li > a {
    color: var(--thm-white);
    text-transform: capitalize;
    line-height: 46px;
    font-size: 15px;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    letter-spacing: .3px;
}
.top-right > ul > li > a i.icon-heart {
    margin-right: 4px;
}

.top-right > ul > li:last-child {
    padding-right: 0;
    margin-right: 0;
}

.drop-currency, .drop-lang, .drop-links {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 5px #0003;
    min-width: 130px;
    text-align: left;
    top: 125%;
    right: 0;
    transition: all .3s ease-out;
    overflow: hidden;
    z-index: 9999;
    padding: 9px 18px 8px;
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    border: 1px solid #ededed;
    z-index: -1;
}

.drop-currency li, .drop-lang li, .drop-links li {
    border-bottom: 1px solid #ededed;
}
.drop-currency li a, .drop-lang li a, .drop-links li a {
    text-transform: capitalize;
    display: block;
    font-size: 13px;
    white-space: nowrap;
    padding: 7px 0;
    line-height: 20px;
}

.top-right > ul > li > a i.fa-angle-down {
    margin-left: 6px;
    font-size: 13px;
}
.drop-currency, .drop-lang, .drop-links {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 5px #0003;
    min-width: 130px;
    text-align: left;
    top: 125%;
    right: 0;
    transition: all .3s ease-out;
    overflow: hidden;
    z-index: 9999;
    padding: 9px 18px 8px;
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    border: 1px solid #ededed;
    z-index: -1;
}
.drop-currency li, .drop-lang li, .drop-links li {
    border-bottom: 1px solid #ededed;
}

.drop-currency li a, .drop-lang li a, .drop-links li a {
    text-transform: capitalize;
    display: block;
    font-size: 13px;
    white-space: nowrap;
    padding: 7px 0;
    line-height: 20px;
}

.drop-currency li a:hover, .drop_lang li a:hover, .drop_links li a:hover {
    color: var(--thm-color-one);
}
.top-right > ul > li:hover ul.drop_links {
    top: 100%;
    opacity: 1;
    visibility: visible;
    z-index: 9;
}
.top-right > ul > li:hover ul.drop-currency, .top-right > ul > li:hover ul.drop-lang, .top-right > ul > li:hover ul.drop-links {
    top: 100%;
    opacity: 1;
    visibility: visible;
    z-index: 9;
}


.header .topbar .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.header .topbar .logo {
    padding: 8px 0;
}

.header .topbar .logo>a {
    display: block;
    height: 60px;
}

.header .topbar .search-form form {
    display: flex;
    align-items: center;
}

.header .topbar .search-form .location {
    margin: 20px 20px 20px 0;
    display: block;
    padding: 7px 10px 2px;
    border-radius: 5px;
    border: 1px solid var(--thm-white);
}

.header .topbar .search-form .location label {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0;
    color: var(--thm-white);
    position: relative;
    display: block;
}

.header .topbar .search-form .location>select {
    border: none;
    background-color: transparent;
    color: var(--thm-white);
    appearance: auto;
    padding: 0;
    line-height: normal;
    font-size: 16px;
    text-align: left;
}

.header .topbar .search-form .location>select>option {
    color: var(--thm-color-two);
}

.header .topbar .search-form .input-group {
    width: 600px;
    border: 1px solid #898585;
    border-radius: 50px;
}

.header .topbar .search-form .input-group .form-control {
    height: 46px;
    padding: 10px 25px;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    padding-right: 75px;
}

.header .topbar .search-form .input-group .form-control::placeholder,
.header .topbar .search-form .input-group .form-control {
    font-weight: 500;
    color: var(--thm-body-color);
    font-size: 16px;
    background: transparent;
}

.header .topbar .search-form .input-group .form-control:focus+.input-group-append {
    z-index: 10;
}

.header .topbar .search-form .input-group .input-group-append {
    position: absolute;
    right: 0;
    background: transparent;
    border: none;
    padding: 0;
    z-index: 1;
}

.header .topbar .search-form .input-group .input-group-append button {
    width: 60px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
}

.header .topbar .header_action > ul {
    display: flex;
    align-items: center;
    gap: 4px;
}

.header .topbar .header_action ul>li:first-child {
    margin-left: 0;
}

.header .topbar .header_action>ul>li {
    margin: 0 0px 0 25px;
    position: relative;
}

.header .topbar .header_action ul>li>a {
    color: #070707;
    font-size: 22px;
    display: flex;
    align-items: center;
    gap: 6px;
    align-items: center;
}

.header .topbar .header_action ul>li:hover>a {
    color: var(--thm-color-two);
}

.header .topbar .header_action ul>li.cart>a {
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.header .topbar .header_action ul>li.cart .cart_value {
    color: #000000;
    font-size: 15px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    line-height: 17px;
    top: 6px;
    left: -9px;
    padding: 0px;
    text-align: center;
}

.header .topbar .header_action ul>li.cart .cart_text {
    font-size: 16px;
    line-height: normal;
    margin-left: 15px;
    position: relative;
}
.header .topbar .header_action ul>li.cart .cart_text .amount {
    display: flex;
    margin-top: 4px;
    font-size: 80%;
}

.header .topbar .header_action ul>li.user a {
    align-items: center;
    white-space: nowrap;
    font-size: 14px;
    padding: 15px 0;
}

.header .topbar .header_action ul > li.user a img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.header .topbar .header_action ul > li.user a span:after {
    content: "\f078";
    font-family: var(--thm-icon-font);
    font-weight: 400;
    font-size: 12px;
    margin-left: 10px;
}

.header .topbar  ul > li .sub-menu {
    position: absolute;
    display: block;
    top: 100%;
    right: -63px;
    visibility: hidden;
    opacity: 0;
    width: 200px;
    z-index: 100;
    transition: 0.3s all;
}

.header .topbar ul > li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
}

.header .topbar .header_action ul>li .sub-menu li a {
    padding: 10px;
    background-color: var(--thm-color-one);
    border-bottom: 1px solid var(--thm-border);
    font-size: 14px;
}
.header .topbar .header_action ul>li .sub-menu li:last-child a{
    border-bottom: none;
}
.header .topbar .header_action ul>li .sub-menu li:hover>a {
    background-color: var(--thm-white);
    color: var(--thm-color-one);
}

.top_links i{
    font-size: 15px;
}

blink {
  animation: 2s linear infinite text_blink;
}

/*main_navigation*/
.main_navigation {
    border-top: 1px solid #d1d1d14f;
    background: #cccccc24;
}

.main_navigation .nav_inner {
    display: flex;
    justify-content: flex-start;
}

.main_navigation .main-menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.main_navigation .main-menu>.menu-item>a {
    color: var(--thm-color-two);
    font-size: 16px;
    font-weight: 500;
    padding: 20px 22px;
}

.main_navigation .main-menu>.menu-item:hover>a {
    color: var(--thm-color-four);
}

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

.main_navigation .main-menu .menu-item-has-children>a:after {
    content: "\f078";
    font-family: var(--thm-icon-font);
    font-weight: 400;
    margin-left: 10px;
    font-size: 14px;
}

.main_navigation .main-menu .menu-item-has-children>.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 270px;
    transition: 0.5s all;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
}

.main_navigation .main-menu .menu-item-has-children>.sub-menu .menu-item>a {
    display: flex;
    padding: 10px 15px;
    font-size: 14px;
    background-color: var(--thm-color-three);
    color: var(--thm-white);
    border-bottom: 1px solid var(--thm-white);
}

.main_navigation .main-menu .menu-item-has-children>.sub-menu .menu-item:hover>a {
    background-color: var(--thm-color-four);
    color: var(--thm-white);
}

.main_navigation .main-menu .menu-item-has-children>.sub-menu .menu-item:last-child>a {
    border-bottom: none;
}

.main_navigation .main-menu .menu-item-has-children:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
}

.main_navigation .hamburger {
    display: none;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    background-color: var(--thm-color-one);
    cursor: pointer;
}

.main_navigation .hamburger .hamburger_btn span {
    display: flex;
    width: 40px;
    height: 3px;
    margin-bottom: 8px;
    background-color: var(--thm-white);
    transition: 0.5s all;
    position: relative;
}

.main_navigation .hamburger .hamburger_btn span:last-child {
    margin-bottom: 0;
}

.main_navigation .hamburger .hamburger_btn.active span:first-child {
    transform: rotate(45deg);
    top: 8px;
}

.main_navigation .hamburger .hamburger_btn.active span:last-child {
    transform: rotate(-45deg);
    top: -3px;
}

.main_navigation .hamburger .hamburger_btn.active span:nth-child(2) {
    display: none;
}



/*------------*/

.search-form .hamburger {
     display: none; 
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 50px;
    background-color: var(--thm-color-one);
    cursor: pointer;
    margin-left: 20px;
    margin-bottom: 20px;
}
.search-form .hamburger_btn {
    margin-top: 9px;
    margin: 12px;
}

.search-form .hamburger .hamburger_btn span {
    display: flex;
    width: 30px;
    height: 3px;
    margin-bottom: 8px;
    background-color: var(--thm-white);
    transition: 0.5s all;
    position: relative;
}

.search-form .hamburger .hamburger_btn span:last-child {
    margin-bottom: 0;
}

.search-form .hamburger .hamburger_btn.active span:first-child {
    transform: rotate(45deg);
    top: 8px;
}

.search-form .hamburger .hamburger_btn.active span:last-child {
    transform: rotate(-45deg);
    top: -3px;
}

.search-form .hamburger .hamburger_btn.active span:nth-child(2) {
    display: none;
}

/*------------*/





.main_navigation .main-collapse-wrap {
    height: 100%;
    position: relative;
}

.hide_cat .accordion_wrap {
    display: none;
}

.main_navigation .main-collapse-wrap>button {
    background-color: var(--thm-white);
    width: 100%;
    color: var(--thm-color-one);
    font-size: 14px;
    font-weight: 500;
    border: none;
    height: 100%;
    text-align: left;
    padding: 0;
    position: relative;
}

.main_navigation .main-collapse-wrap>button:after {
    content: "\f078";
    font-family: var(--thm-icon-font);
    font-weight: 400;
    margin-left: 10px;
    font-size: 12px;
}

.main-collapse-wrap .accordion_wrap {
    position: absolute;
    top: 100%;
    z-index: 100;
    left: 0;
    width: 100%;
}

.custom-accordion .card {
    border-color: var(--thm-border);
    border-radius: 0;
    border-bottom: none;
    overflow-x: hidden;
}

.custom-accordion .card:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom: 1px solid var(--thm-border);
}

.custom-accordion .card .card-header {
    border: none;
    border-radius: 0;
    padding: 0;
    background-color: transparent;
}

.custom-accordion .card .card-header .btn-link {
    color: var(--thm-body-color);
    font-size: 14px;
    font-weight: 400;
    padding: 20px 15px;
    border: none;
    display: flex;
    align-items: center;
    text-align: left;
    width: 100%;
    position: relative;
}

.custom-accordion .card .card-header .btn-link i {
    color: var(--thm-color-one);
    margin-right: 10px;
}

.custom-accordion .card .card-header .btn-link:focus,
.custom-accordion .card .card-header .btn-link:hover {
    text-decoration: none;
    box-shadow: none;
}

.custom-accordion .card .card-header .btn-link:after {
    content: "\f078";
    font-family: var(--thm-icon-font);
    font-weight: 400;
    font-size: 14px;
    position: absolute;
    right: 15px;
    transition: 0.5s all;
    transform: rotate(180deg);
}

.custom-accordion .card .card-header .btn-link.collapsed:after {
    transform: none;
}

.custom-accordion .card .card-body {
    padding-top: 0;
    padding-bottom: 10px;
}

.custom-accordion .card .card-body .sub-category {
    padding-left: 40px;
}

.custom-accordion .card .card-body .sub-category>li>a {
    font-size: 14px;
    padding: 10px 0px;
    border-bottom: 1px solid var(--thm-border);
    width: 100%;
    color: var(--thm-body-color);
    line-height: normal;
}

.custom-accordion .card .card-body .sub-category>li:last-child>a {
    border-bottom-color: transparent;
}

.custom-accordion .card .card-body .sub-category>li:hover>a {
    color: var(--thm-color-three);
}

.customer_support {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 16px;
}
.support_img_icon {
    min-width: 51px;
}
.support_img_icon img {
    width: 36px;
    height: 36px;
}
.customer_support_text {
    margin-left: 10px;
}
.customer_support_text p{
    margin-bottom: 0;
}
.customer_support_text p span {
    display: block;
    font-size: 13px;
    line-height: 14px;
    margin-bottom: 4px;
}
.customer_support_text p a {
    display: block;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    color: #333;
    font-family: Overpass,sans-serif;
}


/*Banner*/
.banner .slide-item {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
}

.banner .slide-item:before {
    content: '';
    background-color: rgb(var(--thm-color-two-rgb), 25%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.banner .section-padding {
    padding: 130px 0;
}

.banner .banner_content {
    padding-left: 48px;
}

.banner .banner_content .title {
    font-size: 40px;
    color: var(--thm-white);
    font-weight: bold;
}

.banner .banner_content .text {
    color: var(--thm-white);
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 100;
    border-left: 1px solid var(--thm-white);
    padding-left: 10px;
    line-height: 1.4;
}

.banner .banner_content .text strong {
    color: #e01409;
}

.banner .banner_content .thm-btn {
    border-color: #e01409;
}

.banner .banner_content .thm-btn:focus,
.banner .banner_content .thm-btn:hover {
    border-color: var(--thm-color-two);
}

.banner .slick-arrow {
    bottom: 0;
    top: 44%;
    right: 36px;
    border: none;
    color: var(--thm-color-one);
    border-radius: 50px;
}

.banner .slick-arrow:hover {
    color: var(--thm-white);
}

.banner .slick-arrow.slick-prev {
    left: 36px;
    right: 0;
    bottom: 50px;
    border-radius: 50px;
}

.banner .slick-dots {
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    z-index: 100;
}

.banner .slick-dots li button {
    border-color: inherit;
    background-color: var(--thm-white);
}

.banner .slick-dots li.slick-active button {
    background-color: var(--thm-color-one);
    border-color: inherit;
}

/*htw-block*/
.htw-block {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.htw-block .icon {
    width: 55px;
    height: 55px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    background-color: var(--thm-color-one);
    color: var(--thm-white);
    border-radius: 8%;
}
.product_image a img {
    width: 194px;
    text-align: center;
    margin: 20px auto 20px;
    height: 194px;
}
.htw-block .text .title {
    margin-bottom: 0px;
    font-weight: bold;
}

/*product_block*/
.product_block {
    padding: 10px;
    position: relative;
    border: 1px solid var(--thm-border);
    background: #ffffff;
}

.product_block .product_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.product_block .product_top .icon {
    line-height: 1;
    font-size: 24px;
}


.star-ratings{
    line-height: 26px;
    font-size: 10px;
    margin-bottom: 10px;
    padding: 0px 6px;
    position: relative;
    z-index: 1;
}

.star-ratings ul {
    display: block;
    padding: 0;
    margin: 0;
    text-align: center;
}
.star-ratings ul li {
    display: inline-block;
}
.star-ratings ul li i {
    font-size: 15px;
    color: #ffc107;
}

.product_block .sale {
    height: 40px;
    width: 40px;
    padding-left: 0px;
    line-height: 44px;
    color: #fff;
    background: #dc242b;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    padding-top: 0;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    min-height: auto;
    animation: beat 1s ease infinite;
    font-weight: 700;
}
    
.product_block .product_top .icon.active,
.product_block .product_top .icon:hover {
    color: var(--thm-color-four);
}

.product_block .product_top .icon.active i,
.product_block .product_top .icon:hover i {
    font-weight: 900;
}

.product_tag {
    font-size: 14px;
    line-height: normal;
    background-color: var(--thm-color-one);
    color: var(--thm-white);
    display: inline-flex;
    padding: 5px 16px;
    cursor: pointer;
}

.product_block .product_image {
    background-color: #ffffff;
}

.product-grid{
    text-align: center;
    overflow: hidden;
    position: relative;
    border: 4px solid #000;
}
.product-grid::before{
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 0.3s ease 0s;
}

.product-grid:hover::before{
    background-color: rgba(0,0,0,0.3);
    
}
.product-grid .product-image{
    overflow: hidden;
    position: relative;
}
.product-grid .product-image a{
    display: block;
    
}

.product-grid .product-image img{
    width: 100%;
    height: auto;
}
.product-discount-label{
    color: #fff;
    background-color: red;
    font-size: 15px;
    padding: 8px 12px;
    border-radius: 5px;
    position: absolute;
    left: 15px;
    top: 15px;
}
.product_block .product_image .social {
    width: 100%;
    padding: 30px 0;
    margin: 0;
    list-style: none;
    transform: translateX(-50%) translateY(-25%);
    position: absolute;
    left: 50%;
    top: 48%;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product_block  .social li{
    display: inline-block;
    opacity: 0;
    transform: translateY(80%);
    transition: all 0.5s ease 0s;
}
.product_block .product_image .social li:nth-child(2){
    transition-delay: 0.05s 
}
.product_block .product_image .social li:nth-child(3){
    transition-delay: 0.13s 
}
.product_block .product_image .social li:nth-child(4){
    transition-delay: 0.17s 
}
.product_block .product_image:hover .social li{
    opacity: 1;

}
.product_block .product_image .social li a{
    /* color: #000; */
    background-color: #fff;
    line-height: 40px;
    width: 40px;
    height: 40px;
    margin: 0 7px 0px;
    display: block;
    position: relative;
    z-index: 2;
    transition: all 0.3s;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product_block .product_image .social li a:hover{
    color: #fff;
    background-color: var(--thm-color-four);
}

.product_block .product_image .social li a{
    color: #fff;
    background-color: var(--thm-color-three);
}

.product-grid .product-content{
    padding: 18px;
    position: relative;
    z-index: 2;
    background-color: #fff;
}

.product-grid .product-content .title{
    font-size: 17px;
    font-weight: 500;
    margin: 0 0 10px 0;
}
.product-grid .product-content .title a{
    color: #000;
}
.product-grid .product-content .title a:hover{
    color: #000;
}
.product-grid .price {
    line-height: normal;
    margin-bottom: 5px;
    display: flex;
    align-items: baseline;
    justify-content: center;
}
.product-grid .price span {
    font-size: 16px;
    font-weight: 600;
    color: var(--thm-color-one);
}
.product-grid .price span + span {
    line-height: normal;
    margin-bottom: 5px;
    display: flex;
    align-items: baseline;
}
.product-grid .price span + span {
    color: var(--thm-body-color);
    font-size: 14px;
    margin-left: 10px;
    text-decoration: line-through;
    font-weight: 500;
}








.product_block .product_image a {
    display: flex;
    width: 100%;
    height: 100%;
}

.product_block .product_categories a {
    line-height: normal;
    font-size: 14px;
    color: var(--thm-body-color);
    font-weight: 500;
    margin-bottom: 7px;
    padding-right: 3px;
    margin-right: 2px;
    position: relative;
}

.product_block .product_categories a:hover {
    color: var(--thm-color-four);
}

.product_block .product_categories a:after {
    content: ',';
    position: absolute;
    right: -2px;
}

.product_block .product_categories a:last-child {
    margin-right: 0;
    padding-right: 0;
}

.product_block .product_categories a:last-child:after {
    display: none;
}
.product_block .title a {
     overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1; 
           line-clamp: 1; 
   -webkit-box-orient: vertical;
}
.product_block .title {
    font-size: 16px;
    margin-bottom: 15px;
    text-align: center;
    font-weight: 600;
    padding: 0px 6px;
    position: relative;
    z-index: 1;
}

.product_block .price {
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: baseline;
    position: relative;
    z-index: 1;
}

.product_block .price span {
    font-size: 16px;
    font-weight: 600;
    color: var(--thm-color-one);
}

.product_block .price span+span {
    color: var(--thm-body-color);
    font-size: 14px;
    margin-left: 10px;
    text-decoration: line-through;
    font-weight: 500;
}

.product_block .product_qty {
    line-height: normal;
    color: var(--thm-color-two);
    font-weight: bold;
    text-transform: uppercase;
}

.product_block .product_qty span {
    margin-right: 5px;
}

.product_block .product_action {
    margin-top: 15px;
}

.product_block .product_btn {
    width: 50%;
    font-size: 14px;
    color: var(--thm-white);
    background-color: var(--thm-color-three);
    position: relative;
    transition: 0.5s all;
    padding: 12px 10px;
    text-transform: uppercase;
    line-height: normal;
    text-align: center;
    margin: 0 auto 20px;
    display: block;
}

.product_block .product_btn i {
    color: var(--thm-white);
    background-color: var(--thm-color-four);
    position: absolute;
    right: 0;
    padding: 8px 0;
    top: 0;
    border-radius: 6px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 100%;
    width: 33px;
    display: none;
    align-items: center;
    justify-content: center;
}

.product_block .product_action .quantity .btn:focus,
.product_block .product_action .quantity .btn:hover,
.product_block .product_btn:focus,
.product_block .product_btn:hover {
    color: var(--thm-white);
    background-color: var(--thm-color-four);
    box-shadow: none;
}

.product_block .product_btn:focus i,
.product_block .product_btn:hover i {
    color: var(--thm-white);
    background-color: var(--thm-color-three);
}

.product_block .product_action .quantity {
    display: flex;
    align-items: center;
    width: 100%;
}

.product_block .product_action .quantity .btn {
    width: 33px;
    text-align: center;
    font-size: 14px;
    color: var(--thm-white);
    background-color: var(--thm-color-three);
    position: relative;
    border-radius: 6px;
    transition: 0.5s all;
    padding: 8px 0;
    text-transform: uppercase;
    line-height: normal;
    border: none;
}

.product_block .product_action .quantity input {
    border: none;
    text-align: center;
    width: calc(100% - 66px);
}

/*product_list*/
.product_list {
    border: 1px solid var(--thm-border);
    border-radius: 8px;
    padding: 20px;
    padding-bottom: 5px;
    margin-bottom: 30px;
}

.product_list .card-header {
    border-radius: 0;
    padding: 0;
    background-color: transparent;
    border: none;
    margin-bottom: 20px;
}

.product_list .card-header .btn-link {
    width: 100%;
    padding: 0;
    text-align: left;
    border: none;
    border-radius: 0;
    position: relative;
}

.product_list .card-header .btn-link:hover,
.product_list .card-header .btn-link:focus {
    text-decoration: none;
    box-shadow: none;
}

.product_list .card-header .btn-link:after {
    content: "\f078";
    font-family: var(--thm-icon-font);
    font-weight: 400;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    line-height: normal;
    width: 30px;
    height: 30px;
    background-color: var(--thm-color-three);
    border-radius: 8%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--thm-white);
    font-size: 14px;
    transition: 0.5s all;
}

.product_list .card-header .btn-link.collapsed:after {
    transform: translateY(-50%) rotate(0deg);
}

.product_list .card-header .btn-link .list_block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.product_list .card-header .btn-link .list_block .list_image {
    width: 135px;
    margin-right: 25px;
    height: 130px;
}

.product_list .card-header .btn-link .list_block .list_text {
    width: calc(100% - 160px);
    padding-right: 40px;
}

.product_list .card-header .btn-link .list_block .list_text .subtitle {
    margin-bottom: 4px;
    color: var(--thm-color-one);
    font-weight: 500;
    font-size: 16px;
}

.product_list .card-header .btn-link .list_block .list_text .title {
    margin-bottom: 10px;
}

.product_list .card-header .btn-link .list_block .list_text .text {
    font-size: 14px;
    color: var(--thm-body-color);
    margin: 0;
}

.product_list .card-body {
    padding: 15px;
    padding-bottom: 0;
    padding-top: 0;
}

.product_list .list_block_item {
    border: 1px solid var(--thm-border);
    border-radius: 8px;
    padding: 20px 10px;
    margin-bottom: 30px;
    text-align: center;
}

.product_list .list_block_item a {
    display: block;
}

.product_list .list_block_item a img {
    width: 70px;
    margin-bottom: 10px;
    height: 60px;
}

.product_list .list_block_item a .category {
    color: var(--thm-body-color);
    font-size: 14px;
    margin-bottom: 15px;
    line-height: normal;
    font-weight: 500;
}

.product_list .list_block_item a .title {
    line-height: normal;
    margin-bottom: 10px;
    font-size: 16px;
}

.product_list .list_block_item a .title strong {
    color: var(--thm-color-one);
}

/*discount_box*/


.discount_box {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    padding: 60px 20px;
}

.discount_text {
    width: 80%;
    height: auto;
}
.discount_text .subtitle{
    color: white;
}
.discount_box .discount_text .subtitle {
    font-size: 18px;
    /*color: var(--thm-color-one);*/
}

/*Testimonials*/
.testimonial-wrap{
    background-image: url(../images/testimonial-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    
}
.testimonial-wrap .container{
    max-width: 1180px;
    margin: 0 auto;
}
.testimonial-wrap .inner{
    position: relative;
    padding: 40px 100px;
    text-align: center;
    cursor: grab;
}
.inner::before{
    content: '';
    position: absolute;
    z-index: -1;
    left: 10%;
    top: 50%;
    right: auto;
    font-size: 200px;
    line-height: 1;
    color: red;
    transform: translateY(-50%)rotate(-10deg);
    transition: 0.4s all;
}
.testimonial-wrap .inner .thumb{
    margin-bottom: 24px;
    display: inline-block;
}
.testimonial-wrap .inner .thumb{
/*    max-width: 80px;*/
/*    display: block;*/
    border-radius: 50%;
}


.testimonial-overlayer {
    position: absolute;
    background-color: #e01409;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}


.testimonial-wrap .inner .excert p{
    font-size: 17px;
    line-height: 38px;
    color: var(--thm-white);
}
.testimonial-wrap .inner .info p{
    font-size: 17px
}
.testimonial-wrap .inner .info i{
    margin: 12px 0;
    color: var(--thm-color-four);
    font-size: 50px;
}
.testimonial-wrap .inner .info a{
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    color: var(--thm-white);
    display: block;
    transition: 0.3s all;
}

.testimonial-wrap .inner .info a:hover{
    color: var(--thm-color-four);
}
.testimonial-wrap .inner .info span{
    line-height: 1;
    font-size: 15px;
    color: var(--thm-color-four);
}




/*newsletter*/
.newsletter_bg:before {
    content: '';
    background-color: rgb(var(--thm-color-two-rgb), 45%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.newsletter_bg {
    padding: 30px 0px;
}
.footer .ft_menu li a i {
    font-size: 13px;
    margin-right: 5px;
}
.newsletter_text .title {
    color: var(--thm-white);
    font-size: 29px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.newsletter_text p {
    color: var(--thm-white);
    margin: 0px;
}

.newsletter_text .input-group-prepend {
    margin-right: 0;
}

.newsletter_text .input-group-prepend .input-group-text {
    border: none;
    background-color: var(--thm-white);
    padding: 0 5px 0 25px;
    font-size: 26px;
    color: var(--thm-body-color);
}

.newsletter_text .input-group .form-control:not(:last-child) {
    height: 60px;
    border: none;
    border-radius: 0px;
}

.newsletter_text .input-group .form-control::placeholder,
.newsletter_text .input-group .form-control {
    color: var(--thm-body-color);
    font-size: 18px;
    font-weight: 500;
}

.newsletter_text .input-group .form-control:focus {
    box-shadow: none;
}

.newsletter_text .input-group-append {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: var(--thm-white);
    padding: 6px;
    margin-left: 0;
}


/*Partner*/
.partner-slider .partner_image img{
    width: 300px;
    height: auto;
}

/*footer*/
.footer{
    background-color: #000000;
}

.widget .widget_text{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.footer .ft_widget {
    position: relative;
    margin-bottom: 30px;
    padding-left: 40px;
    border-left: 1px solid var(--thm-body-color);
    height: calc(100% - 30px);
}

.footer .ft_widget .ft_title {
    font-size: 18px;
    line-height: normal;
    color: var(--thm-white);
    font-weight: 400;
}
.ft_widget p{
    color: var(--thm-white);
}


.footer .ft_social {
    display: flex;
    line-height: normal;
    gap: 20px;
}

.footer .ft_social li a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: var(--thm-color-four);
    border: 1px solid #ffffff;
    width: 40px;
    height: 40px;
    border-radius: 50px !important;
}

.footer .ft_social li:last-child a {
    border-right-color: var(--thm-border);
}

.footer .ft_contact li:hover a,
.footer .ft_menu li:hover a,
.footer .ft_social li:hover a {
    color: var(--thm-white);
}

.footer .ft_contact li,
.footer .ft_menu li {
    margin-bottom: 8px;
}

.footer .ft_contact li a,
.footer .ft_menu li a {
    color: var(--thm-white);
}

.footer .ft_contact li:last-child,
.footer .ft_menu li:last-child {
    margin-bottom: 0;
}

.footer .ft_contact li a i {
    color: var(--thm-color-four);
    margin-right: 10px;
}


.second-footer .widget {
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
}

.footer-logo img{
    height: auto;
}
.footer-logo {
    margin-bottom: 30px;
}

.widget_info_text li i{
    color: var(--thm-color-four);
    font-size: 20px;
    line-height: 20px;
    margin-right: 10px;
}

.widget_info_text li strong, .widget_info_text li p{
    color: var(--thm-white);
}

.second-footer{
    border-bottom: 1px solid var(--thm-body-color);
    margin-bottom: 80px;
}


/*copyright*/
.copyright p {
    text-align: left;
    padding: 20px 0;
    font-weight: 400;
    color: var(--thm-white);
}

.money-cards li img{
    /* width: 50px; */
    height: auto;
}
.copyright-text {
    display: flex;
    justify-content: start;
}
.copyright{
    border-top: 1px solid var(--thm-body-color);
    background-color: #090909;
}
.copyright-text a{
    color: var(--thm-color-four);
    font-weight: 700;
}

.copyright-text a:hover{
    color: var(--thm-white);
}

.money-cards {
    display: flex;
    justify-content: end;
    align-items: baseline;
}
.money-cards li {
}
/*login_register_box*/
.login_register_box .box_inner {
    display: block;
    padding: 40px;
    background-color: var(--thm-color-light);
    position: relative;
}

.login_register_box .box_inner label {
    font-size: 18px;
    color: var(--thm-color-two);
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.login_register_box .box_inner .form-control-custom+button {
    position: absolute;
    right: 15px;
    bottom: 13px;
    z-index: 10;
    color: var(--thm-body-color);
}

/*about_list*/

.about_list li {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.about_list li i {
    width: 60px;
    height: 60px;
    border-radius: 8%;
    color: var(--thm-color-four);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    background-color: var(--thm-color-one);
    line-height: normal;
    margin-right: 20px;
}

.about_list li h6 {
    line-height: normal;
    width: calc(100% - 60px);
}

/*contact_box*/
.contact_box {
    border-bottom: 1px solid #e4e4e4;
    padding: 20px  15px;
    border-radius: 0px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    position: relative;
}

.contact_box .icon {
    border-radius: 50px;
    color: #2d2d2d;
    justify-content: center;
    font-size: 22px;
    line-height: normal;
    margin-top: 3px;
}

.contact_box .text {
    margin-bottom: 0;
    color: #2d2d2d;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
}

/*contact_form*/
.contact_form {
    padding: 24px;
    border: 1px solid var(--thm-border);
    border-radius: 0px;
}

.contact_map {
    padding: 20px;
    height: 100%;
    border-radius: 0px;
    border: 1px solid var(--thm-border);
}
.contact_map {
    background-size: cover !important;
    position: relative;
}

.contact_box:last-child a.text {
    /* color: #e82325; */
}

.contact_form .form-group .form-control {
    padding: 12px;
}

.contact_form .form-group  textarea {
    height: 120px;
}

.contact_map>div {
    border-radius: 8px;
}

.contact_social {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
}

.contact_social li {
    margin: 0 8px;
}

.contact_social li a {
    display: flex;
    width: 40px;
    height: 40px;
    border: 1px solid #2d2d2d;
    border-radius: 8%;
    color: #2d2d2d;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin-top: 28px;
}

.contact_social li:hover a {
    background-color: var(--thm-white);
    color: var(--thm-color-three);
}

/*error-page*/
.error-page {
    line-height: normal;
    text-transform: uppercase;
}

.error-page .title {
    font-size: 60px;
    font-weight: 900;
    line-height: normal;
    margin-bottom: 15px;
}

.error-page .thm-btn {
    text-transform: capitalize;
    padding: 14px 35px;
}

/*search_form*/
.search_form button {
    position: absolute;
    right: 0;
    width: 43px;
    height: 43px;
    top: 0;
    z-index: 10;
    color: var(--thm-body-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

/*Faqs*/
.custom-accordion.style_2 .card:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.custom-accordion.style_2 .card .card-header .btn-link {
    background-color: var(--thm-color-one);
    color: var(--thm-white);
    font-weight: 500;
    font-size: 16px;
    line-height: normal;
    border-radius: 0;
    padding: 10px 15px;
}

.custom-accordion.style_2 .card .card-header .btn-link.collapsed {
    background-color: var(--thm-color-light);
    color: var(--thm-color-two);
}

.custom-accordion.style_2 .card .card-body {
    padding: 15px;
}

.custom-accordion.style_2 .card .card-body p {
    margin-bottom: 15px;
    line-height: normal;
    font-size: 14px;
}

.custom-accordion.style_2 .card .card-body p:last-child {
    margin-bottom: 0;
}

/*Blog*/
.post {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.blog-bg{
    background-image: url(../images/blog-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.blog-bg .section-header .title, .blog-bg .section-header .text{
    color: var(--thm-white);
}
.post_image img {
  transition: transform .8s ease-in-out;
}

.post_image:hover img {
  transform: scale(2.5) rotate(10deg);
}


.post .post_image {
    position: relative;
    height: 310px;
    overflow: hidden;
}

.post .post_image>a {
    display: flex;
    height: 100%;
}




.post .post_image .post_date {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
    line-height: normal;
    background-color: var(--thm-color-four);
    color: var(--thm-white);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 25px;
    height: auto;
    border-radius: 8px;
}

.post .post_caption {
    border-bottom: 5px solid var(--thm-color-four);
    border-top: none;
    border-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 20px;
    text-align: center;
}

.post .post_meta {
    width: 100%;
    border: 1px solid var(--thm-color-four);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.post .post_meta li {
    margin: 0 5px;
}

.post .post_meta li a {
    font-weight: 500;
    color: var(--thm-color-four);
    font-size: 15px;
    line-height: normal;
    display: flex;
    padding: 15px 10px;
}

.post .post_meta li a i {
    color: var(--thm-color-four);
    margin-right: 8px;
}

.post .post_meta li:hover a {
    color: var(--thm-white);
}

.post .post_caption .post_title {
    line-height: 1.6;
    margin: 15px 0;
    font-size: 20px;
}

.post .post_caption .post_text {
    line-height: 1.6;
    margin-bottom: 0;
}

/*sidebar*/
.sidebar .sidebar_inner {
    margin-bottom: 80px;
}

.sidebar .sidebar_inner .sidebar_widget {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    padding: 20px;
    border: 1px solid var(--thm-border);
    border-radius: 8px;
}

.sidebar .sidebar_inner .sidebar_widget:last-child {
    margin-bottom: 0;
}

.sidebar .sidebar_inner .sidebar_widget .widget_title {
    line-height: normal;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    font-family: var(--thm-b-font);
    font-size: 18px;
    border: 1px solid var(--thm-color-three);
    color: var(--thm-color-three);
    padding: 13px 0;
    border-radius: 8px;
}

.sidebar .input-group .form-control {
    border-right: none;
    height: 45px;
}

.sidebar .input-group button {
    width: 45px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    background-color: var(--thm-color-three);
    color: var(--thm-white);
    border-radius: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.sidebar .input-group button:hover {
    background-color: var(--thm-color-four);
    color: var(--thm-white);
}

.sidebar .input-group .with_text button {
    width: auto;
    padding: 0 30px;
}

.sidebar .categories li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    color: var(--thm-body-color);
    font-weight: 500;
    margin-bottom: 15px;
}

.sidebar .categories li:hover a {
    color: var(--thm-color-three);
}

.sidebar .categories li:last-child>a {
    margin-bottom: 0;
    line-height: normal;
}

.sidebar .tags_cloud {
    margin-bottom: -15px;
}

.post_details .post_tags_share .post_tags .tags a,
.sidebar .tags_cloud a {
    display: inline-flex;
    border: 1px solid var(--thm-border);
    color: var(--thm-body-color);
    background-color: var(--thm-white);
    font-size: 16px;
    font-weight: 500;
    padding: 12px 30px;
    line-height: normal;
    margin-right: 12px;
    margin-bottom: 15px;
    border-radius: 8px;
}

.post_details .post_tags_share .post_tags .tags a:hover,
.sidebar .tags_cloud a:hover {
    background-color: var(--thm-color-three);
    border-color: inherit;
    color: var(--thm-white);
}

.sidebar .recent_post li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.sidebar .recent_post li .post_thumb {
    width: 80px;
    height: 80px;
    margin-right: 15px;
}

.sidebar .recent_post li .post_thumb a {
    display: flex;
    height: 100%;
    width: 100%;
}

.sidebar .recent_post li .post_caption {
    width: calc(100% - 95px);
}

.sidebar .recent_post li .post_caption .post_title {
    margin-bottom: 0;
    font-size: 18px;
}

.sidebar .recent_post li .post_caption .post_date {
    margin-bottom: 0;
    color: var(--thm-color-three);
    font-weight: 500;
}

.sidebar .recent_post li:last-child {
    margin-bottom: 0;
}

/*Blog Details*/
.post_details .post_image {
    height: 450px;
}

.post_details .post_meta {
    margin: 0;
    justify-content: flex-start;
    border: none;
}

.post_details .post_meta li:first-child {
    flex: 1;
}

.post_details .post_meta li {
    flex: 0;
}

.post_details .post_meta li a {
    padding-left: 0;
    padding-right: 0;
}

.post_details .post_caption {
    text-align: left;
}

.post_details .post_caption .post_title {
    font-size: 34px;
    line-height: 1.2;
    margin-bottom: 25px;
}

.post_details .post_caption .post_text {
    margin-bottom: 20px;
}

.post_details .post_tags_share {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.post_details .post_tags_share h6 {
    margin-bottom: 10px;
    font-size: 18px;
    display: inline-flex;
    flex-wrap: wrap;
    margin-right: 15px;
}

.post_details .post_author .social,
.post_details .post_tags_share .post_tags .tags,
.post_details .post_tags_share .post_share .social {
    display: inline-flex;
    flex-wrap: wrap;
}

.post_details .post_tags_share .post_tags .tags a {
    padding: 8px 20px;
    font-size: 14px;
}

.post_details .post_author .social li a,
.post_details .post_tags_share .post_share .social li a {
    color: var(--thm-body-color);
}

.post_details .post_author .social li:hover a,
.post_details .post_tags_share .post_share .social li:hover a {
    color: var(--thm-color-four);
}

.post_details .post_author .social li+li,
.post_details .post_tags_share .post_share .social li+li {
    margin-left: 15px;
}

.post_details .post_author {
    border: 1px solid var(--thm-border);
    padding: 20px;
    position: relative;
    padding-bottom: 0px;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.post_details .post_author img {
    width: 140px;
    height: 140px;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
}

.post_details .post_author .text {
    width: calc(100% - 200px);
    margin-bottom: 20px;
}

.post_details .comments .comment:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.post_details .post_navigation {
    padding: 30px 0 10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.post_details .post_navigation .nav_item {
    margin-bottom: 30px;
    font-size: 14px;
    border: 1px solid var(--thm-border);
    border-radius: 8px;
    color: var(--thm-body-color);
    font-weight: 500;
    padding: 10px 20px;
    line-height: normal;
    margin-right: 20px;
}

.post_details .post_navigation .nav_item:hover {
    color: var(--thm-white);
    background-color: var(--thm-color-three);
    border-color: inherit;
}

.post_details .post_navigation .nav_item:last-child {
    margin-right: 0;
}

/*Privacy policy*/
.info_text_box .title {
    line-height: normal;
    font-size: 28px;
}

.info_text_box p {
    font-weight: 500;
}

.info_text_box ul li {
    font-weight: 500;
    margin-bottom: 30px;
    position: relative;
    padding-left: 40px;
}

.info_text_box ul li:before {
    content: "\f00c";
    font-family: var(--thm-icon-font);
    font-weight: 300;
    display: inline-flex;
    width: 25px;
    height: 25px;
    border-radius: 8%;
    background-color: var(--thm-color-one);
    color: var(--thm-white);
    align-items: center;
    justify-content: center;
    line-height: normal;
    font-size: 12px;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 5px;
}

.info_text_box .thm-btn {
    margin-right: 15px;
    border: 2px solid;
}

/*product details*/
.product_sidebar,
.shop_details_box {
    margin-bottom: 80px;
}

.product_slider_box {
    position: relative;
    margin-bottom: 80px;
    padding: 0 40px;
}

.product_slider_box .product_slider .slide_item img {
    max-width: 320px;
    margin: 0 auto 60px;
}

.product_slider_box .product_slider_nav .slide_item img {
    border: 1px solid var(--thm-border);
    border-radius: 8px;
    width: 100%;
    height: 100px;
    padding: 10px;
    cursor: pointer;
}

.product_slider_box .product_slider_nav .slide_item.slick-center:before {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid var(--thm-border);
    content: '';
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
}

.product_slider_box .product_slider_nav .slick-list {
    padding-top: 15px !important;
}

.product_slider_box .product_slider_nav .slick-arrow {
    top: 50%;
    transform: translateY(-50%);
}

.product_slider_box .product_slider_nav .slick-arrow.slick-prev {
    right: auto;
    left: -45px;
}

.product_slider_box .product_slider_nav .slick-arrow.slick-next {
    right: -45px;
}

/*product_details*/
.product_details {
    position: relative;
    margin-bottom: 80px;
    padding: 0;
    border: none;
    border-radius: 0;
}

.product_details .product_title {
    font-size: 40px;
    line-height: normal;
    margin-bottom: 15px;
}

.product_details .ratings {
    display: flex;
    margin-bottom: 20px;
}

.product_details .ratings i {
    margin-right: 3px;
}

.product_details .ratings i.active {
    font-weight: 900;
    color: #ffc107
}

.product_details.product_block .price {
    margin-bottom: 20px;
}

.product_details .product_action {
    margin-top: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.product_details .product_action .quantity {
    width: 150px;
    margin-right: 30px;
    margin-bottom: 30px;
}

.product_details .product_action .quantity .btn {
    background-color: var(--thm-color-one);
}

.product_details .product_action .thm-btn {
    line-height: normal;
    font-size: 16px;
    padding: 6px 26px;
    margin-bottom: 30px;
}

.product_details .product_meta li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: normal;
}

.product_details .product_meta li p,
.product_details .product_meta li a,
.product_details .product_meta li strong {
    margin-bottom: 15px;
}

.product_details .product_meta li strong {
    color: var(--thm-color-two);
    margin-right: 7px;
}

.product_details .product_meta li a {
    color: var(--thm-body-color);
}

.product_details .product_meta li a:hover {
    color: var(--thm-color-three);
}

.product_details .product_meta li a:after {
    content: ",";
    margin-left: 2px;
    margin-right: 3px;
}

.product_details .product_meta li a:last-child:after {
    display: none;
}

.product_details .product_social {
    position: absolute;
    top: 11px;
    font-size: 18px;
    right: 0;
    line-height: normal;
    z-index: 10;
}

.product_details .product_social .social_trigger {
    display: flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    color: var(--thm-color-three);
}

.product_details .product_social .social_trigger:hover {
    color: var(--thm-color-four);
}

.product_details .product_social .social_media {
    position: absolute;
    top: 100%;
    right: 0;
    line-height: normal;
    display: none;
}

.product_details .product_social .social_media li a {
    display: flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: var(--thm-white);
    background-color: var(--thm-color-one);
    margin-top: 5px;
}

.product_details .product_social .social_media li:hover a {
    background-color: var(--thm-color-three);
}

/*ratings_block*/
.ratings_block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.ratings_block .total_rating {
    margin: 0px 0;
    width: 100%;
    max-width: 250px;
}

.ratings_block .total_rating .value {
    line-height: normal;
    margin-bottom: 10px;
    font-size: 48px;
    color: var(--thm-color-two);
    font-weight: 500;
}

.ratings_block .total_rating .value i {
    color: var(--thm-color-three);
    font-size: 16px;
}

.ratings_block .rating_bar {
    margin: 30px 0;
    border-left: 1px solid var(--thm-border);
    padding-left: 80px;
}

.ratings_block .rating_bar ul li {
    line-height: normal;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.ratings_block .rating_bar ul li .rate {
    color: var(--thm-border);
    margin-right: 10px;
}

.ratings_block .rating_bar ul li .rate i {
    font-size: 12px;
}

.ratings_block .rating_bar ul li .rate_bar {
    width: 150px;
    height: 4px;
    border-radius: 2px;
    background-color: var(--thm-color-light);
    margin-right: 10px;
    position: relative;
    overflow: hidden;
}

.ratings_block .rating_bar ul li .rate_bar>div {
    background-color: var(--thm-color-three);
    display: flex;
    height: 4px;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.ratings_block .rating_bar ul li .rate_value {
    color: var(--thm-color-two);
    font-size: 15px;
}

.ratings_block .rating_bar ul li:last-child {
    margin-bottom: 0;
}

/*customer_photos*/
.customer_photos {
    padding: 30px 0 0px;
    border: 1px solid var(--thm-border);
    border-left: none;
    border-right: none;
    margin-bottom: 30px;
}

.customer_photos .images {
    display: flex;
    flex-wrap: wrap;
}

.customer_photos .images img {
    margin-bottom: 30px;
    margin-right: 20px;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

/*comments*/
.comments .comment {
    position: relative;
    border-bottom: 1px solid var(--thm-border);
    padding-left: 65px;
    margin-bottom: 30px;
}

.comments .comment .comment_rate {
    display: flex;
    align-items: center;
    font-size: 14px;
    background-color: var(--thm-color-three);
    color: var(--thm-white);
    position: absolute;
    left: 0;
    text-align: center;
    margin-right: 20px;
    padding: 6px 12px;
    line-height: normal;
}

.comments .comment .comment_rate i {
    font-size: 8px;
    margin-left: 2px;
}

.comments .comment .comment_text {
    margin-bottom: 20px;
}

.comments .comment .customer_photos {
    border: none;
    padding: 0;
    margin: 0;
}

.comments .comment .customer_photos .images img {
    margin-bottom: 20px;
    width: 35px;
    height: 35px;
}

.comments .comment .comment_meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.comments .comment .comment_meta .comment_author {
    margin-right: 30px;
}

.comments .comment .comment_meta .comment_action,
.comments .comment .comment_meta .comment_author {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px;
}

.comments .comment .comment_meta .comment_action li,
.comments .comment .comment_meta .comment_author li {
    margin-bottom: 15px;
    line-height: normal;
    font-size: 14px;
    margin-right: 30px;
}

.comments .comment .comment_meta .comment_action li:last-child,
.comments .comment .comment_meta .comment_author li:last-child {
    margin-right: 0;
}

.comments .comment .comment_meta .comment_action li button {
    color: var(--thm-body-color);
}

/*product_bottom_info*/
.product_bottom_info li {
    line-height: normal;
    margin-bottom: 15px;
    font-weight: 500;
}

.product_bottom_info li:last-child {
    margin-bottom: 0;
}

/*product_sidebar*/
.product_sidebar {
    position: relative;
    overflow: hidden;
}

.product_sidebar .sidebar_widget {
    margin-bottom: 50px;
}

.product_sidebar .sidebar_widget .widget_title {
    line-height: normal;
    margin-bottom: 20px;
}

.product_sidebar .sidebar_widget:last-child {
    margin-bottom: 0;
}

.product_sidebar .product_info {
    padding: 20px;
    border-radius: 8px;
    border: 1px solid var(--thm-border);
    padding-bottom: 10px;
}

.product_sidebar .product_info p {
    margin-bottom: 10px;
}

.product_sidebar .product_info h6 {
    margin-bottom: 15px;
    font-size: 18px;
}

.product_sidebar .product_info ul {
    display: flex;
    flex-wrap: wrap;
}

.product_sidebar .product_info ul li {
    line-height: normal;
    margin-bottom: 15px;
    padding-bottom: 10px;
    flex: 0 0 50%;
    max-width: 50%;
}

.product_sidebar .product_info ul li p {
    font-size: 14px;
}

.product_sidebar .product_info ul li strong {
    color: var(--thm-color-two);
    margin-top: 4px;
    display: flex;
}

.product_sidebar .related_products li {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid var(--thm-border);
    display: flex;
    flex-wrap: wrap;
}

.product_sidebar .related_products .product_thumb {
    width: 100px;
    height: 100px;
    margin-right: 20px;
}

.product_sidebar .related_products .product_thumb a {
    display: flex;
    width: 100%;
    height: 100%;
}

.product_sidebar .related_products li:last-child {
    margin-bottom: 0;
}

.product_sidebar .related_products .product_caption {
    width: calc(100% - 120px);
}

.product_sidebar .related_products .product_caption p {
    font-size: 14px;
}

.product_sidebar .related_products .product_caption .price {
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 12px;
    margin-top: 5px;
    line-height: normal;
    align-items: baseline;
}

.product_sidebar .related_products .product_caption .price span {
    color: var(--thm-color-three);
}

.product_sidebar .related_products .product_caption .price span+span {
    text-decoration: line-through;
    color: var(--thm-body-color);
    font-size: 80%;
    margin-left: 10px;
}

.product_sidebar .related_products .product_caption .thm-btn {
    font-size: 14px;
    line-height: normal;
    border-color: inherit;
    padding: 5px 20px;
    font-weight: 400;
}

/*cart*/

.cart_table td.remove {
    width: 30px;
}

.cart_table .remove-from-cart {
    border: 0;
    background-color: transparent;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
    position: relative;
}

.cart_table .remove-from-cart span {
    position: absolute;
    width: 2px;
    height: 15px;
    display: block;
    background-color: var(--thm-color-three);
    opacity: 0.6;
    transform-origin: center;
    transform: rotate(45deg);
    transition: 0.3s;
}

.cart_table .remove-from-cart span:nth-child(2) {
    transform: rotate(-45deg);
}

.cart_table .remove-from-cart:hover span {
    transform: rotate(90deg);
}

.cart_table .remove-from-cart:hover span:nth-child(2) {
    transform: rotate(-90deg);
}

.cart_table .cart_product {
    display: flex;
    align-items: center;
}

.cart_table .cart_product img {
    width: 50px;
    height: 50px;
    margin-right: 15px;
}

.cart_table .cart_product .cart_product_text {
    flex: 1;
}

.cart_table .cart_product .cart_product_text .title {
    margin-bottom: 0;
    font-size: 14px;
}

.cart_table .cart_product .cart_product_text p {
    font-size: 13px;
}

.cart_table td strong {
    color: var(--thm-color-two);
}

.cart_table .product_details {
    margin-bottom: 0;
    padding: 15px;
    border: 1px solid var(--thm-border);
}

.cart_table .product_details .product_action .quantity {
    border: 1px solid var(--thm-border);
    border-radius: 8px;
    padding: 10px;
    width: 170px;
}

/*account*/
.account_sidebar {
    border-right: 1px solid var(--thm-border);
}

.account_sidebar>ul>li a {
    color: var(--thm-body-color);
    font-size: 18px;
    line-height: normal;
    padding: 20px 0;
    display: flex;
    width: 100%;
    position: relative;
}

.account_sidebar>ul>li a:after {
    z-index: 10;
    content: '';
    position: absolute;
    right: -1px;
    height: 100%;
    width: 4px;
    border-radius: 4px;
    top: 0;
}

.account_sidebar>ul>li a i {
    margin-right: 10px;
}

.account_sidebar.style_2>ul>li.active a,
.account_sidebar.style_2>ul>li:hover a,
.account_sidebar>ul>li.active a,
.account_sidebar>ul>li:hover a {
    color: var(--thm-color-one);
}

.account_sidebar>ul>li:hover a:after,
.account_sidebar>ul>li.active a:after {
    background-color: var(--thm-color-one);
}

/*style 2*/
.account_sidebar.style_2 {
    margin-bottom: 80px;
}

.account_sidebar.style_2>ul>li a {
    text-transform: uppercase;
    color: var(--thm-color-two);
    font-weight: 500;
}

.account_sidebar.style_2 .form-group {
    margin-bottom: 15px;
}

.account_sidebar.style_2 .form-group:last-child {
    margin-bottom: 0;
}

.account_sidebar.style_2 .custom-control-label {
    font-size: 14px;
    display: flex;
    align-items: center;
    line-height: 1.8;
}

/*user_info_box*/
.user_info_box {
    padding: 0 80px 0 50px;
}

.user_info_box .user_box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--thm-border);
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.user_info_box .user_box .image {
    width: 150px;
    height: 150px;
    margin-right: 30px;
    position: relative;
    border-radius: 50%;
    margin-bottom: 15px;
}
.user_info_box .user_box .image img{
    border-radius: 50%;
}
.user_info_box .user_box .image .edit {
    width: 40px;
    height: 40px;
    color: var(--thm-white);
    border-radius: 50%;
    background-color: var(--thm-color-one);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 3px;
    right: 5px;
}

.user_info_box .user_box .image .edit:hover {
    background-color: var(--thm-color-three);
}

.user_info_box .user_box .user_text {
    padding: 15px 0;
}

.user_info_box .user_form {
    overflow: hidden;
    position: relative;
}

.user_info_box .user_form label {
    color: var(--thm-color-two);
}

.user_info_box .user_form>.row>div {
    border-bottom: 1px solid var(--thm-border);
    margin-bottom: 30px;
}

.user_info_box .user_form p {
    font-size: 14px;
}

.user_info_box .connect_social {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

/*Checkout*/
.process_bar {
    counter-reset: counter;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    margin-bottom: 15px;
}

.process_bar li {
    text-align: center;
    line-height: normal;
    margin-bottom: 15px;
    color: var(--thm-color-two);
    font-weight: 500;
    position: relative;
    width: 100%;
}

.process_bar li:before {
    counter-increment: counter;
    content: counter(counter);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--thm-border);
    color: var(--thm-body-color);
    border-radius: 8%;
    margin: 0 auto 10px;
    line-height: normal;
    background-color: var(--thm-white);
}

.process_bar li:after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--thm-border);
    position: absolute;
    top: 26px;
    left: 50%;
    z-index: -1;
}

.process_bar li:last-child:after {
    display: none;
}

.process_bar li.done:before,
.process_bar li.active:before {
    color: var(--thm-white);
    background-color: var(--thm-color-three);
    border-color: inherit;
}

.process_bar li.done:after {
    background-color: var(--thm-color-three);
}

.c-out_title {
    border-bottom: 1px solid var(--thm-border);
    padding-bottom: 30px;
    margin-bottom: 0;
}

.c-out_title a {
    text-decoration: underline;
    font-size: 50%;
}

.checkout_form {
    margin-top: 30px;
    margin-bottom: 50px;
}

.address_list li {
    padding: 10px 15px;
    border: 1px solid var(--thm-border);
    border-bottom-color: transparent;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.address_list li+li {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.address_list li:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-color: var(--thm-border);
}

.address_list li .title {
    color: var(--thm-color-three);
    margin-bottom: 10px;
    display: flex;
}

.address_list li label {
    width: 100%;
}

.address_list li label .top span {
    margin-left: 5px;
}

.address_list li label .p {
    line-height: normal;
    margin-top: 6px;
    font-weight: 500;
    display: flex;
}

.checkout_items {
    border-left: 1px solid var(--thm-border);
    height: 100%;
    margin-bottom: 80px;
}

.checkout_items .items_box {
    border-bottom: 1px solid var(--thm-border);
    padding-top: 30px;
    padding-left: 30px;
}

.checkout_items .checkout_info .title {
    line-height: normal;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    margin-bottom: 15px;
}

.checkout_items .checkout_info .title a {
    text-decoration: underline;
}

.checkout_items .items table {
    margin-bottom: 15px;
    border: none;
}

.checkout_items .items .table thead th {
    padding: 0;
    border: none;
    color: var(--thm-color-two);
    line-height: normal;
    padding-bottom: 15px;
}

.checkout_items .items .table tbody td {
    padding: 15px 0;
    border: none;
    color: var(--thm-color-two);
}

.checkout_items .items .table tbody td .type {
    width: 22px;
    height: 22px;
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkout_items .items .table tbody td .type:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: flex;
}

.checkout_items .items .table tbody td .type.veg {
    border-color: var(--thm-color-one);
}

.checkout_items .items .table tbody td .type.veg:before {
    background-color: var(--thm-color-one);
}

.checkout_items .items .table tbody td .type.non-veg {
    border-color: var(--thm-color-three);
}

.checkout_items .items .table tbody td .type.non-veg:before {
    background-color: var(--thm-color-three);
}

.checkout_items .items .table tbody td:last-child,
.checkout_items .items .table thead th:last-child {
    text-align: right;
}

.checkout_items .checkout_info .add {
    max-width: 320px;
    margin-bottom: 5px;
}

.checkout_items .amount_info {
    padding-bottom: 30px;
}

.checkout_items .amount_info ul li {
    margin-bottom: 15px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.checkout_items .amount_info ul li span {
    color: var(--thm-color-two);
    font-weight: 500;
}

.checkout_items .amount_info ul li:last-child,
.checkout_items .amount_info ul li:last-child span {
    color: var(--thm-color-one);
    margin-bottom: 0;
}

.checkout_items .total_amount {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
}

.checkout_items .total_amount strong {
    color: var(--thm-color-two);
    margin-bottom: 12px;
}

/*order_list*/
.order_list_box {
    padding: 40px;
    padding-left: 10px;
    padding-right: 0;
    margin-bottom: 40px;
}

.order_list_box .input-group {
    margin-bottom: 40px;
}

.order_list_block {
    border-radius: 8px;
    margin-bottom: 30px;
    padding: 15px;
    padding-bottom: 0;
    border: 1px solid var(--thm-border);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.order_list_block .image_info_box {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.order_list_block .image_info_box img {
    width: 100px;
    height: 100px;
    margin-right: 20px;
}

.order_list_block .image_info_box .name {
    font-size: 18px;
}

.order_list_block .price {
    color: var(--thm-color-two);
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-right: 20px;
}

.order_list_block .order_info {
    margin-bottom: 15px;
    font-size: 14px;
}

.order_list_block .order_info h6 {
    font-weight: 600;
    font-size: 18px;
}

.order_list_block .order_info h6:before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: var(--thm-color-three);
    border-radius: 50%;
    display: inline-flex;
    margin-right: 7px;
    position: relative;
    top: -1px;
}

.order_list_block .order_info span {
    color: var(--thm-color-three);
    display: flex;
    align-items: center;
    line-height: normal;
    margin-top: 4px;
}

.order_list_block .order_info span i {
    font-size: 11px;
    margin-right: 5px;
    margin-top: -2px;
}

/*order_details*/
.order_user_details {
    border-radius: 8px;
    border: 1px solid var(--thm-border);
    margin-bottom: 30px;
}

.order_user_details .details_box {
    padding: 40px;
    padding-bottom: 10px;
    border-right: 1px solid var(--thm-border);
    height: 100%;
}

.order_user_details .details_box .title {
    font-size: 28px;
    margin-bottom: 10px;
}

.order_user_details [class*=col-]:last-child .details_box {
    border: none;
}

.order_user_details .details_box ul li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    padding-left: 40px;
}

.order_user_details .details_box ul li i {
    width: 30px;
    height: 30px;
    border-radius: 8%;
    background-color: var(--thm-color-one);
    color: var(--thm-white);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
}

/*order_details_item*/
.order_details_item {
    border-radius: 8px;
    border: 1px solid var(--thm-border);
    margin-bottom: 30px;
    padding: 40px;
    padding-bottom: 10px;
}

.order_details_item .order_product {
    display: flex;
    align-items: center;
}

.order_details_item .order_product .image {
    width: 130px;
    height: 130px;
    margin-bottom: 30px;
    margin-right: 20px;
}

.order_details_item .order_product .text {
    margin-bottom: 30px;
}

.order_details_item .order_actions li {
    line-height: normal;
    font-size: 14px;
    margin-bottom: 15px;
}

.order_details_item .order_process {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    position: relative;
}

.order_details_item .order_process li {
    margin-bottom: 15px;
    cursor: pointer;
    width: 100%;
    position: static;
}

.order_details_item .order_process li span {
    font-size: 14px;
    display: block;
    position: relative;
    line-height: normal;
    width: 100%;
    white-space: nowrap;
}

.order_details_item .order_process li span.title:before {
    content: '';
    width: 100%;
    height: 2px;
    background-color: var(--thm-color-light);
    display: flex;
    position: absolute;
    bottom: 7px;
    left: 50%;
}

.order_details_item .order_process li span.title:after {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 8%;
    display: block;
    background-color: var(--thm-color-light);
    margin: 15px auto;
    z-index: 1;
    position: relative;
}

.order_details_item .order_process li:last-child span.title:before {
    display: none;
}

.order_details_item .order_process li .title {
    color: var(--thm-color-one);
    font-weight: 500;
}

.order_details_item .order_process li .date {
    font-weight: 500;
}

.order_details_item .order_process .done .date {
    color: var(--thm-color-two);
}

.order_details_item .order_process .done .title:before,
.order_details_item .order_process .done .title:after,
.order_details_item .order_process .active .title:after {
    background-color: var(--thm-color-one);
}
/*payment*/
.payment_box {
    margin-bottom: 30px;
}

.payment_box .title {
    margin-bottom: 15px;
}

.payment_box .address_list li label .top span {
    margin-left: 0;
    line-height: 1.6;
}

.payment_box .address_list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.payment_box .payment_value {
    font-weight: 600;
    color: var(--thm-color-two);
}

.payment_box .input-group {
    max-width: 100px;
    flex-wrap: unset;
}

.payment_box .input-group .input-group-text {
    border: 1px solid var(--thm-border);
    background-color: transparent;
    padding: 0 5px 0px 10px;
    height: 32px;
    border-radius: 6px;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.payment_box .input-group input {
    border: 1px solid var(--thm-border);
    border-radius: 6px;
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 50px;
}

.payment_box .input-group input,
.payment_box .input-group input::placeholder {
    font-size: 14px;
    color: var(--thm-body-color);
}

.payment_box .payment_icon {
    width: 50px;
    margin-left: 20px;
}

.payment_box .thm-btn {
    color: var(--thm-body-color);
    font-size: 14px;
    border: 1px solid var(--thm-border);
    padding: 8px 20px;
}

.payment_box .thm-btn:focus,
.payment_box .thm-btn:hover {
    border-color: var(--thm-color-two);
    color: var(--thm-white);
}


/*back to top*/
.back-to-top {
    width: 46px;
    height: 46px;
    border: 2px solid var(--thm-color-four);
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    color: var(--thm-white);
    font-size: 22px;
    position: fixed;
    bottom: 40px;
    right: 20px;
    background-color: var(--thm-color-four);
    transition: 0.3s all;
    z-index: 100;
}

.back-to-top:hover {
    color: var(--thm-white);
    background-color: var(--thm-color-one);
    border-color: var(--thm-color-one);
}
.welcome-text span a {
    color: #fff;
}
    .header .topbar .header_action ul>li>a i {
    font-size: 16px;
}

.header .topbar .header_action ul>li>a  span {
    font-size: 15px;
    display: block;
    padding-left: 0px;
    font-weight: 400;
    text-transform: capitalize;
}
.newsletter_text {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.banner-image figure.shine-effect img {
    width: 100%;
    display: block;
}


.banner-image figure.shine-effect a {
    display: block;
}
.bg1{
    background-color: #f7f7f7;
}
.partner_image {
    border: 1px solid #ccc;
    border-radius: 4px;
}

.partner_image a img {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.partner_image a {
    display: block;
}

.partner_image {
    padding: 15px;
}
.shop-categories-sec .section-header {
    max-width: 100%;
    text-align: center;
}

.shop-categories-sec .section-header h3.title {
    justify-content: center;
}
.shop-categories-wrap ul{
    display: grid;
    grid-template-columns: repeat(5, 1fr); 
    gap: 20px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.shop-categories-wrap ul li{
    background: #f7f7f7;
    text-align: center;
    border-radius: 8px;
    overflow: hidden;
}

.shop-categories-wrap ul li a{
    display: block;
    padding: 20px;
    text-decoration: none;
    color: #222;
}

.shop-categories-wrap ul li figure{
    margin: 0 0 10px;
}

.shop-categories-wrap ul li img{
    max-width: 100%;
    height: auto;
    width: 70px;
}

.shop-categories-wrap ul li h4{
    font-size: 16px;
    line-height: 1.4;
    margin: 0px;
    font-weight: 400;
}
section.section-padding.shop-categories-sec {
    padding-bottom: 0px;
}

.equipment-sec .discount_text h4.title {
    font-size: 32px;
}
.floating_btn {
  position: fixed;
  bottom: 80px;
  right: 0px;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  z-index: 1000;
}

@keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

.contact_icon {
  background-color: #42db87;
  color: #fff;
  width: 60px;
  height: 60px;
  font-size:30px;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translatey(0px);
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 0 0 #42db87;
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  font-weight: normal;
  font-family: sans-serif;
  text-decoration: none !important;
  transition: all 300ms ease-in-out;
}


.text_icon {
  margin-top: 8px;
  color: #707070;
  font-size: 13px;
}
.banner .banner_content .thm-btn:hover {
    background: #fff;
    color:#000;
}
.thm-bg-color-one:hover {
    background: #fff;
    color: #000;
}
    .nav_inner ul.main-menu {
    display: flex;
    justify-content: center;
    gap: 45px;
}
.navbar-brand img {
    width: 300px;
}

.navbar-collapse {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.topbar ul.navbar-nav > li > a {
    font-size: 16px;
    padding: 24px 12px !important;
    color: #000 !important;
}
    ul.dropdown-menu li {
    border-bottom: 1px solid #ccc;
}


section.section-padding .track_order {
    padding: 10px;
}



section.section-padding .track_order p.form-row button.button {
    padding: 13px 40px;
}
ul.dropdown-menu {
    padding: 0px;
}

ul.dropdown-menu li:last-child {
    border-bottom: transparent;
}

ul.dropdown-menu li a {
    display: block;
}
.categories-slider .product_block .product_image {border-radius: 50%;}

.categories-slider .product_block {
    border-radius: 50%;
}
.categories-slider .slick-slide {
  margin: 0 10px; /* left-right gap */
}
.categories_image img {
}

.categories_image h5 {
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
    font-weight: 600;
    line-height: 20px;
}
.newsletter_text .input-group-append button:hover {
    background: #000;
    color: #fff;
}
.topbar nav.navbar {
    padding: 0px;
}

.topbar ul.navbar-nav li a:hover {
    color: #e01409 !important;
}
.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    transition: all 0.5s ease-in-out;
    z-index: 999;
    box-shadow: rgb(0 0 0 / 0%) 0px 3px 8px;
}


header.header {
    background: #fff;
    box-shadow: rgb(0 0 0 / 5%) 0px 3px 8px;
}

.offer-strip {
    color: #fff;
    text-align: center;
    padding: 6px 40px 3px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    z-index: 9;
}

.offer-strip p {
    margin: 0;
    font-size: 15px;
}

.offer-strip strong {
    font-weight: 700;
}

.offer-strip .offer-link {
    color: #fff;
    text-decoration: underline;
    margin-left: 5px;
}

.offer-strip .offer-close {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
}
    section.top-offer-header {
    background: #000000;
}

section.section-padding figure.shine-effect {
    margin: 0px;
}
.search-item {
    position: relative;
}

/* default NONE */
.search-dropdown {
    position: relative;
    border: 1px solid #0000004d;
    width: 300px;
    border-radius: 2px;
}

/* input */
.search-dropdown input {
    padding: 6px 30px 6px 10px;
    border: transparent;
    width: 100%;
    font-weight: 300;
    font-size: 16px;
    border-radius: 0px;
    background: #e4e2e200;
}

/* button */
.search-dropdown button {
    padding: 0px;
    border: none;
    color: #232121;
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: 10px;
}
.categories-sec .categories_block .categories_image img {
    padding: 10px;
}
    .categories-sec  .categories_block {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    width: 254px;
    border-radius: 10px;
}
.categories-box {
    display: grid;
    gap: 20px;
    justify-items: center;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

@media (max-width: 1200px) {
    .categories-box {
    }
}

@media (max-width: 992px) {
    .categories-box {
    }
}

@media (max-width: 768px) {
    .categories-box {
    }
}

@media (max-width: 480px) {
    .categories-box {
        grid-template-columns: 1fr;
    }
}
.categories-sec .section-header {max-width: 100%;}

.categories-sec .section-header .title {
    justify-content: center;
}
    



.categories-box .slide-item .categories_block .categories_image h5 {
    margin-top: 0px;
    padding: 0px 10px;
}
.pt-0{
    padding-top: 0px;
}
    .search-dropdown input::placeholder {
    color: #c5c3c3;
}

.search-dropdown button i {
    color: #504b4b;
}

.footer .ft_menu li a:hover {
    color: #e01409;
}

ul.widget_info_text li a:hover p {
    color: #e01409;
}
.general-tools:after {display: none;}
.discount_box:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000059;
}

.discount_box .discount_text {
    position: relative;
    z-index: 1;
}
.categories-sec .categories_block .categories_image img {
    width: 145px;
    text-align: center;
    margin: 0 auto;
}

.categories-sec .categories_block {
    text-align: center;
}
    ul.dropdown-menu li a {
    padding: 6px  10px;
}


/* ---------------------------------
Shop page css start here
----------------------------------- */
:root {
    --primary-red: #d32f2f;
    --dark-bg: #ffffff;
    --dark-card: #ffffff;
    --accent-orange: #ff6b35;
    --text-light: #2c3e50;
    --text-muted: #7f8c8d;
    --border-color: #e0e0e0;
}
/* Animated Background */
.animated-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #f8f9fa;
}

.animated-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 20% 50%, rgba(211, 47, 47, 0.02) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(255, 107, 53, 0.02) 0%, transparent 50%);
    animation: bgPulse 15s ease-in-out infinite;
}

@keyframes bgPulse {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}

/* Header */
.shop-header {
    display: flex;
    align-items: center;
    justify-content: end;
}

.breadcrumb-custom {
    font-size: 0.75rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
}
.breadcrumb-custom a strong {
    font-weight: 700;
}
.breadcrumb-custom a {
    color: #565858;
    text-decoration: none;
    transition: color 0.3s;
    font-size: 14px;
    font-weight: 600;
}

.breadcrumb-custom a:hover {
    color: var(--primary-red);
}

.breadcrumb-custom .separator {
    margin: 0px 0.5rem;
    color: #000000;
    font-size: 17px;
}

.page-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.results-info {
    color: #000000;
    margin: 0px;
}

/* Toolbar */
.shop-toolbar {
    padding: 0px 0px 20px;
    width: 100%;
}

.filter-toggle-btn {
    background: white;
    border: 1px solid var(--border-color);
    color: var(--text-light);
    padding: 8px 20px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 16px;
    text-transform: capitalize;
    /* letter-spacing: 1px; */
    align-items: center;
}

.filter-toggle-btn:hover {
    background: var(--primary-red);
    border-color: var(--primary-red);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(211, 47, 47, 0.3);
}

.view-controls {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}

.view-btn {
    width: 46px;
    height: 46px;
    background: white;
    border: 1px solid var(--border-color);
    color: var(--text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
    border-radius: 0px;
}

.view-btn:hover,
.view-btn.active {
    background: var(--primary-red);
    border-color: var(--primary-red);
    color: white;
}

/* .sort-dropdown {
    width: 250px;
    font-weight: 400;
    color: #000;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0px;
    cursor: pointer;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,
    <svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>\
    <polyline points='6 9 12 15 18 9'/></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    transition: all 0.3s ease;
    padding: 8px !important;
    font-size: 16px !important;
} */
.sort-dropdown::-ms-expand {
    display: none;
}
.sort-dropdown:hover {
    border-color: var(--primary-red);
}

/* Sidebar Filter */
.sidebar-filter {
    width: 100%;
    background: white;
    z-index: 1000;
    transition: left 0.4s ease-in-out;
    margin-top: 14px;
    padding-right: 20px;
}


.filter-section.category-filter ul.filter-list {
    padding-bottom: 0px;
}


.sidebar-overlay.active {
    opacity: 1;
    visibility: visible;
}

.filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0rem;
    position: relative;
}

.filter-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0px;
}

.close-filter {
    background: none;
    border: none;
    color: #232d36f2;
    font-size: 18px;
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s;
    border: 1px solid #ccc;
    line-height: 38px;
    z-index: 9;
}

.close-filter:hover {
    background: #d32f2f;
    transform: rotate(90deg);
    color: #fff;
    border-color: #d32f2f;
}

.filter-section {
    margin-bottom: 15px;
    border-bottom: 1px solid var(--border-color) !important;
    margin-top: 24px;
    padding-bottom: 14px;
}

.filter-section:last-child {
    border-bottom: none;
}

.filter-section-title {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0rem;
    color: #000000;
    margin-bottom: 10px;
}

/* Price Range Slider */
.price-range-slider {
    padding: 1rem 0;
}
/* Min Max input wrapper */
.price-inputs {
  display: flex;
  gap: 12px;
  margin: 12px 0 16px;
}

/* Individual box */
.price-inputs .input-box {
  flex: 1;
}

/* Label */
.price-inputs .input-box label {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 4px;
}

/* Number input */
.price-inputs .input-box input {
  height: 40px;
  padding: 0 10px;
  font-size: 16px;
  color: #000;
  border: 1px solid #ccc;
  border-radius: 0;
  outline: none;
  background: #fff;
  width: 100%;
}

/* Remove arrows (Chrome, Edge) */
.price-inputs .input-box input::-webkit-outer-spin-button,
.price-inputs .input-box input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Remove arrows (Firefox) */
.price-inputs .input-box input[type=number] {
  -moz-appearance: textfield;
}

/* Focus state */
.price-inputs .input-box input:focus {
  border-color: #c00;
}

.price-inputs {
    display: flex;
    gap: 1rem;
    margin-top: 24px;
    justify-content: space-between;
}

.price-input {
    flex: 1;
}

.price-input input {
    width: 100%;
    background: #f8f9fa;
    border: 1px solid var(--border-color);
    color: var(--text-light);
    padding: 0.5rem;
    border-radius: 8px;
    font-family: 'Space Mono', monospace;
}

.price-range {
    width: 100%;
    height: 4px;
    background: var(--border-color);
    border-radius: 2px;
    position: relative;
    margin: 1.5rem 0;
}

.price-range-fill {
    position: absolute;
    height: 100%;
    background: linear-gradient(90deg, var(--primary-red), var(--accent-orange));
    border-radius: 2px;
}

/* Filter Options */
.filter-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filter-option:hover {
    color: var(--primary-red);
}

.filter-option input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin-right: 0.75rem;
    cursor: pointer;
    accent-color: var(--primary-red);
}

/* Product Grid */
.products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    transition: all 0.3s ease;
}

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

.product-card {
    background: white;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    opacity: 0;
    animation: fadeInUp 0.6s forwards;
}

.list-view .product-card {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 0;
}

.list-view .product-image-wrapper {
    aspect-ratio: auto;
    height: 100%;
}

.list-view .product-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2rem;
}

.list-view .product-footer {
    margin-top: auto;
    max-width: 300px;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.product-card:nth-child(1) {animation-delay: 0.1s;}
.product-card:nth-child(2) { animation-delay: 0.15s; }
.product-card:nth-child(3) { animation-delay: 0.2s; }
.product-card:nth-child(4) { animation-delay: 0.25s; }
.product-card:nth-child(5) { animation-delay: 0.3s; }
.product-card:nth-child(6) { animation-delay: 0.35s; }

.product-card:hover {
    transform: translateY(-8px);
}

.product-image-wrapper {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1;
    background: #ffffff;
    padding: 15px 15px 0px;
    height: 260px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-image {
    width: 189px;
    transition: transform 0.6s;
    object-fit: fill;
}

.product-image-wrapper figure {
    width: 100%;
    overflow: hidden;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px;
}
.product-badge {
    position: absolute;
    top: 1rem;
    left: 1rem;
    background: var(--primary-red);
    color: white;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: 6px  8px 4px;
}

.product-actions {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    opacity: 0;
    transform: translateX(20px);
    transition: all 0.3s;
}

.product-card:hover .product-actions {
    opacity: 1;
    transform: translateX(0);
}

.action-btn {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid var(--border-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-light);
    cursor: pointer;
    transition: all 0.3s;
    backdrop-filter: blur(10px);
}

.action-btn:hover {
    background: var(--primary-red);
    border-color: var(--primary-red);
    color: white;
    transform: scale(1.1);
}

.product-info {
    padding: 10px 10px 15px;
}

.product-category {
font-size: 11px;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0.5rem;
    height: 34px;
}

.product-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
    line-height: 1.4;
    color: var(--text-light);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 42px;
}

.product-meta {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
    font-size: 0.8rem;
    color: var(--text-muted);
    font-family: 'Space Mono', monospace;
}

.product-stock {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.stock-indicator {
    width: 8px;
    height: 8px;
    background: #4caf50;
    border-radius: 50%;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.product-price {
    font-size: 17px;
    font-weight: 700;
    color: #343131;
    margin-bottom: 1rem;
}

.product-footer {
    display: flex;
    gap: 0.5rem;
}

.add-to-cart-btn {
    flex: 1;
    background: #e01409;
    border: none;
    color: white;
    padding: 12px 20px 10px;
    border-radius: 0px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.85rem;
    position: relative;
    overflow: hidden;
}

.add-to-cart-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.add-to-cart-btn:hover::before {
    width: 300px;
    height: 300px;
}

.add-to-cart-btn:hover {background: #000;}

.quick-view-btn {
    width: 50px;
    background: #f8f9fa;
    border: 1px solid var(--border-color);
    color: var(--text-light);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
}

.quick-view-btn:hover {
    background: var(--border-color);
}

/* Pagination */
.pagination-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 30px;
}

.pagination {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.page-btn {
    min-width: 45px;
    height: 45px;
    background: white;
    border: 1px solid var(--border-color);
    color: var(--text-light);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
    border-radius: 0px;
    font-family: 'Space Mono', monospace;
    font-weight: 600;
    padding: 0 1rem;
}

.page-btn:hover:not(.active):not(:disabled) {
    background: #f8f9fa;
    border-color: var(--primary-red);
    transform: translateY(-2px);
}

.page-btn.active {
    background: #e01409;
    border-color: var(--primary-red);
    color: white;
}

.page-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.page-btn i {
    font-size: 0.9rem;
}

.page-ellipsis {
    color: var(--text-muted);
    padding: 0 0.5rem;
}

.pagination-info {
    text-align: center;
    color: var(--text-muted);
    margin: 1rem 0;
    font-family: 'Space Mono', monospace;
    font-size: 0.9rem;
}

/* Responsive */
@media (max-width: 1200px) {
    .products-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 992px) {
    .products-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-title {
        font-size: 2rem;
    }

    .shop-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .view-controls {
        justify-content: center;
    }

    .products-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .list-view .product-card {
        grid-template-columns: 1fr;
    }

    .sidebar-filter {
        width: 100%;
        left: -100%;
    }

    .pagination {
        gap: 0.3rem;
    }

    .page-btn {
        min-width: 40px;
        height: 40px;
        font-size: 0.85rem;
    }
}

/* Floating Action Button (Mobile) */
.floating-filter-btn {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--primary-red), var(--accent-orange));
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(211, 47, 47, 0.4);
    z-index: 998;
    display: none;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.floating-filter-btn:hover {
    transform: scale(1.1);
}

@media (max-width: 768px) {
    .floating-filter-btn {
        display: flex;
    }

    .filter-toggle-btn {
        display: none;
    }
}

/* Pagination */
.pagination-info {
    text-align: center;
    color: var(--text-muted);
    margin: 2rem 0;

    font-size: 0.9rem;
}
    header.shop-header p {
    margin: 0px;
}
.breadcrumb-custom a:last-child {
    color: #000;
}
section.shop-sec {
    padding: 60px 0px;
}
.price-filter {
  max-width: 320px;

}
.filter-option {
  padding: 5px 0;
  font-size: 15px;
  color: #222;
  cursor: pointer;
  position: relative;
  transition: 0.3s ease;
  margin-bottom: 5px;
}

/* common hover */
.filter-option:hover {
  color: #c4002f;
}

/* SORT active */
.sort-filter .filter-option.active {
  color: #c4002f;
  font-weight: 600;
}

/* CATEGORY active */
.category-filter .filter-option.active {
  color: #c4002f;
  font-weight: 600;
}



.sort-filter .filter-option.active::before,
.category-filter .filter-option.active::before {
  background: #c4002f;
}


/* scrollbar width */
.sidebar-filter::-webkit-scrollbar {
  width: 6px;
}

/* scrollbar track */
.sidebar-filter::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

/* scrollbar thumb */
.sidebar-filter::-webkit-scrollbar-thumb {
  background: #c4002f;
  border-radius: 10px;
}

/* hover effect */
.sidebar-filter::-webkit-scrollbar-thumb:hover {
  background: #9e0025;
}
/* ---------------------------------
Shop page css end here
----------------------------------- */


/* --------------------------------
product details page css start here
----------------------------------- */

/* Main Wrapper to prevent style conflicts */
.product-details-wrapper {
    color: #2d2d2d;
    padding: 20px 0px 60px;
    min-height: 100vh;
}

.product-details-wrapper * {
    box-sizing: border-box;
}
.product-details-wrapper .product-info-section .short-description {
    margin: 10px 0px 10px;
}

.product-details-wrapper .product-info-section .short-description ul li {
    list-style: circle;
    font-size: 18px;
    color: #393636;
}

.product-details-wrapper .product-info-section .short-description ul {
    padding-left: 20px;
}


/* Animated Background Elements */
.product-details-wrapper .bg-animation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

.product-details-wrapper .bg-animation span {
    position: absolute;
    width: 20px;
    height: 20px;
    background: rgba(139, 0, 0, 0.1);
    border-radius: 50%;
    animation: float 15s infinite;
}

.product-details-wrapper .bg-animation span:nth-child(1) {
    left: 10%;
    top: 20%;
    animation-delay: 0s;
}

.product-details-wrapper .bg-animation span:nth-child(2) {
    left: 70%;
    top: 60%;
    animation-delay: 3s;
}

.product-details-wrapper .bg-animation span:nth-child(3) {
    left: 40%;
    top: 80%;
    animation-delay: 6s;
}

.product-details-wrapper .bg-animation span:nth-child(4) {
    left: 85%;
    top: 30%;
    animation-delay: 9s;
}

@keyframes float {
    0%, 100% {
        transform: translateY(0) scale(1);
        opacity: 0.3;
    }
    50% {
        transform: translateY(-100px) scale(1.5);
        opacity: 0.6;
    }
}

/* Color Scheme from Website */
.product-details-wrapper .primary-color {
    color: #8b0000;
}

.product-details-wrapper .bg-primary-custom {
    background: linear-gradient(135deg, #8b0000 0%, #b30000 100%);
}

.product-details-wrapper .btn-primary-custom {
    background: #e01409;
    border: none;
    color: #fff;
    padding: 11px 34px;
    font-weight: 600;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    border-radius: 0px;
}

.product-details-wrapper .btn-primary-custom::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.product-details-wrapper .btn-primary-custom:hover::before {
    width: 300px;
    height: 300px;
}

.product-details-wrapper .btn-primary-custom:hover {background: #000;}

.product-details-wrapper .btn-success-custom {
    background: #000;
    border: none;
    color: #fff;
    padding: 11px 35px;
    font-weight: 600;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(124, 179, 66, 0.3);
}

.product-details-wrapper .btn-success-custom::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.product-details-wrapper .btn-success-custom:hover::before {
    width: 300px;
    height: 300px;
}

.product-details-wrapper .btn-success-custom:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(124, 179, 66, 0.4);
}

/* Product Card with Glass Effect */
.product-details-wrapper .product-card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    overflow-x: hidden;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
    animation: slideUp 0.6s ease;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Breadcrumb */
.product-details-wrapper .custom-breadcrumb {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    padding: 15px 25px;
    margin-bottom: 30px;
    border-radius: 50px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    position: relative;
    z-index: 1;
}

.product-details-wrapper .custom-breadcrumb a {
    color: #666;
    text-decoration: none;
    transition: all 0.3s;
    position: relative;
}

.product-details-wrapper .custom-breadcrumb a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: #8b0000;
    transition: width 0.3s;
}

.product-details-wrapper .custom-breadcrumb a:hover::after {
    width: 100%;
}

.product-details-wrapper .custom-breadcrumb a:hover {
    color: #8b0000;
}

.product-details-wrapper .custom-breadcrumb .active {
    color: #2d2d2d;
    font-weight: 600;
}

/* Gallery Section */
.product-details-wrapper .gallery-section {
    padding: 0px;
    position: sticky;
    top: 95px;
}

.product-details-wrapper .main-slider-container {
    margin-bottom: 25px;
    border-radius: 15px;
    overflow: hidden;
    background: #fff;
    /* box-shadow: 0 5px 20px rgba(0,0,0,0.08); */
    /* padding: 20px; */
}

.product-details-wrapper .main-image-slide {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
}

.product-details-wrapper .main-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.product-details-wrapper .main-image-slide:hover .main-image {
    transform: scale(1.05);
}

.product-details-wrapper .hot-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    background: #e01409;
    color: #fff;
    padding: 5px 13px 0px;
    border-radius: 25px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    /* animation: pulse 2s infinite; */
    z-index: 2;
    display: block;
}



.product-details-wrapper .zoom-icon {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: rgba(255, 255, 255, 0.95);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.4s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    z-index: 2;
}

.product-details-wrapper .zoom-icon:hover {
    background: #8b0000;
    color: #fff;
    transform: scale(1.15) rotate(90deg);
}

/* Main Slider Arrows */
.product-details-wrapper .main-slider-container .slick-prev,
.product-details-wrapper .main-slider-container .slick-next {
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 50%;
    z-index: 2;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.product-details-wrapper .main-slider-container .slick-prev:hover,
.product-details-wrapper .main-slider-container .slick-next:hover {
    background: #8b0000;
    transform: scale(1.1);
}

.product-details-wrapper .main-slider-container .slick-prev {
    left: 20px;
}

.product-details-wrapper .main-slider-container .slick-next {
    right: 20px;
}

.product-details-wrapper .main-slider-container .slick-prev:before,
.product-details-wrapper .main-slider-container .slick-next:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 16px;
    color: #8b0000;
}

.product-details-wrapper .main-slider-container .slick-prev:hover:before,
.product-details-wrapper .main-slider-container .slick-next:hover:before {
    color: #fff;
}

.product-details-wrapper .main-slider-container .slick-prev:before {
    content: '\f053';
}

.product-details-wrapper .main-slider-container .slick-next:before {
    content: '\f054';
}

/* Thumbnail Slider */
.product-details-wrapper .thumbnail-slider-container {
    position: relative;
}

.product-details-wrapper .thumbnail-slider .slick-slide {
    padding: 0 8px;
}

.product-details-wrapper .thumbnail-item {
    height: 115px;
    border: 1px solid #ccc;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.4s ease;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    position: relative;
}


.product-details-wrapper .thumbnail-item:hover::after {
    opacity: 1;
}

.product-details-wrapper .thumbnail-item:hover,
.product-details-wrapper .thumbnail-item.slick-current {
    border-color: #e01409;
}

.product-details-wrapper .thumbnail-slider-container .owl-dots {
    display: none;
}
    .product-details-wrapper .thumbnail-slider-container .owl-nav button:hover {
    border-color: #df1409 !important;
}
.product-details-wrapper .thumbnail-slider-container .owl-nav button {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    z-index: 2;
    transition: all 0.3s ease;
    position: absolute;
    top: 30%;
    left: 6px;
    border: 1px solid #e01409 !important;
    line-height: 30px;
    background: #e01409;
    line-height: 36px !important;
}
.product-details-wrapper .thumbnail-slider-container   button.owl-next {
    left: auto;
    right: 0;
}
.product-details-wrapper .thumbnail-item img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

/* Thumbnail Slider Arrows */
.product-details-wrapper .thumbnail-slider-container .slick-prev,
.product-details-wrapper .thumbnail-slider-container .slick-next {
    width: 40px;
    height: 40px;
    background: #8b0000;
    border-radius: 50%;
    z-index: 2;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(139, 0, 0, 0.3);
}

.product-details-wrapper .thumbnail-slider-container .slick-prev:hover,
.product-details-wrapper .thumbnail-slider-container .slick-next:hover {
    background: #b30000;
    transform: scale(1.15);
}

.product-details-wrapper .thumbnail-slider-container .slick-prev {
    left: 0;
}

.product-details-wrapper .thumbnail-slider-container .slick-next {
    right: 0;
}

.product-details-wrapper .thumbnail-slider-container .slick-prev:before,
.product-details-wrapper .thumbnail-slider-container .slick-next:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 14px;
    color: #fff;
}

.product-details-wrapper .thumbnail-slider-container .slick-prev:before {
    content: '\f053';
}

.product-details-wrapper .thumbnail-slider-container .slick-next:before {
    content: '\f054';
}

/* Product Info Section */
.product-details-wrapper .product-info-section {
    padding: 0px 30px;
    margin-top: 20px;
}

.product-details-wrapper .product-title {
    font-size: 22px;
    font-weight: 700;
    color: #2d2d2d;
    margin-bottom: 15px;
    line-height: 24px;
    animation: fadeIn 0.8s ease;
    height: auto;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.product-details-wrapper .sku-info {
    color: #666;
    font-size: 18px;
    margin-bottom: 0px;
    font-weight: 500;
}

.product-details-wrapper .sku-info strong {
    color: #2d2d2d;
    margin-right: 10px;
}

/* Promotion Box */
.product-details-wrapper .promo-box {
    background: #f8f8f8;
    padding: 10px 15px;
    border-radius: 12px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    animation: slideInRight 0.8s ease;
    border: 1px dashed #ccc;
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.warranty-box i {
    color: #e01409 !important;
}

.product-details-wrapper .promo-box i {
    color: #e01409 !important;
}

@keyframes shine {
    0% {
        transform: translateX(-100%) rotate(45deg);
    }
    100% {
        transform: translateX(100%) rotate(45deg);
    }
}
.promo-box-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.product-details-wrapper .promo-box h6 {
    color: #000000;
    font-weight: 700;
    margin-bottom: 0px;
    font-size: 16px;
}

.product-details-wrapper .promo-box p {
    margin: 0;
    color: #555;
    font-size: 14px;
}

.product-details-wrapper .coupon-code {
    background: #fff;
    padding: 4px 16px;
    border-radius: 8px;
    display: inline-block;
    font-weight: 700;
    color: #e01409;
    border: 1px dashed #e01409;
    cursor: pointer;
    transition: all 0.3s ease;
}



/* Price Section */
.product-details-wrapper .price-section {
    margin: 0px 0;
    animation: bounceIn 1s ease;
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.product-details-wrapper .price {
    font-size: 28px;
    font-weight: 800;
    background-clip: text;
    color: #c61208;
}

.product-details-wrapper .currency {
    font-size: 24px;
    font-weight: 600;
}

/* Quantity Selector */
.product-details-wrapper .quantity-selector {
    align-items: center;
    gap: 20px;
}

.product-details-wrapper .quantity-label {
    font-weight: 700;
    color: #2d2d2d;
    font-size: 16px;
}

.product-details-wrapper .qty-control {
    display: flex;
    border: 1px solid #e0e0e0;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    justify-content: space-between;
}

.product-details-wrapper .qty-btn {
    border: none;
    width: 45px;
    height: 45px;
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    color: #666;
    transition: all 0.3s;
}

.product-details-wrapper .qty-btn:hover {
}

.product-details-wrapper .qty-input {
    border: none;
    width: 70px;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    background: #fff;
}

.product-details-wrapper .qty-input:focus {
    outline: none;
}

/* Action Buttons */
.product-details-wrapper .action-buttons {
    margin: 10px 0  0px;
}

.product-details-wrapper .action-buttons .btn {
    border-radius: 0px;
    font-size: 16px;
    position: relative;
}

.product-details-wrapper .secondary-actions {
    display: flex;
    gap: 15px;
    margin: 10px 0;
}

.product-details-wrapper .secondary-action-btn {
    flex: 1;
    padding: 10px;
    border: 1px solid #e0e0e0;
    background: #fff;
    border-radius: 0px;
    cursor: pointer;
    transition: all 0.4s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #000000;
    text-decoration: none;
    font-weight: 600;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

.product-details-wrapper .secondary-action-btn:hover {
    border-color: #000000;
    color: #ffffff;
    background: #000000;
}

/* Delivery Info */
.product-details-wrapper .delivery-info {
    background: #f8f8f8;
    border-radius: 12px;
    padding: 10px 15px;
    margin: 20px 0;
    border: 1px dashed #ccc;
}

.product-details-wrapper .delivery-item {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px dashed #e0e0e0;
    transition: all 0.3s ease;
}

.product-details-wrapper .delivery-item:hover {
}

.product-details-wrapper .delivery-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.product-details-wrapper .delivery-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #fff, #f5f5f5);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e01409;
    flex-shrink: 0;
    font-size: 22px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.product-details-wrapper .delivery-content h6 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0px;
    color: #2d2d2d;
}

.product-details-wrapper .delivery-content p {
    font-size: 16px;
    color: #666;
    margin: 0;
    line-height: 22px;
    font-weight: 300;
}

.product-details-wrapper .delivery-badge {
    background: #000000;
    color: #fff;
    padding: 6px 14px 2px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    margin-left: auto;
    box-shadow: 0 3px 10px rgba(124, 179, 66, 0.3);
}

/* Warranty Box */
.product-details-wrapper .warranty-box {
    background: #f8f8f8;
    padding: 10px 15px;
    border-radius: 12px;
    margin: 10px 0;
    display: flex;
    align-items: center;
    gap: 18px;
    transition: all 0.3s ease;
    justify-content: space-between;
    border: 1px dashed #ccc;
}

.product-details-wrapper .warranty-box:hover {
    /* transform: translateX(5px); */
}

.product-details-wrapper .warranty-icon {
    font-size: 28px;
    color: #ff9800;
    margin-right: 10px;
}

.product-details-wrapper .warranty-box a {
    color: #1877f2;
    font-weight: 400;
}

/* Payment Methods */
.product-details-wrapper .payment-methods {
    margin: 11px 0;
}

.product-details-wrapper .payment-methods h6 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #2d2d2d;
}

.product-details-wrapper .payment-icons {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.product-details-wrapper .payment-icon {
    padding: 5px 15px 0px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background: #fff;
    transition: all 0.3s ease;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.product-details-wrapper .payment-icon:hover {
    border-color: #e01409;
}

/* Social Share */
.product-details-wrapper .social-share {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 20px 0;
}

.product-details-wrapper .social-share span {
    font-weight: 700;
    color: #2d2d2d;
}

.product-details-wrapper .social-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #666;
    transition: all 0.4s ease;
    cursor: pointer;
    border: 1px solid #ccc;
}

.product-details-wrapper .social-icon:hover {
    background: #e01409;
    color: #fff;
    border-color: #e01409;
}

/* Tabs Section */
.product-details-wrapper .tabs-section {
    margin-top: 50px;
    animation: slideUp 0.8s ease;
}

.product-details-wrapper .nav-tabs {
    border-bottom: 1px solid #e0e0e0;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border-radius: 15px 15px 0 0;
    /* padding: 10px 20px 0; */
}

.product-details-wrapper .nav-tabs .nav-link {
    border: none;
    color: #000000;
    font-weight: 700;
    padding: 11px 35px;
    border-bottom: 4px solid transparent;
    transition: all 0.4s ease;
    margin-bottom: -3px;
    border-radius: 12px 12px 0 0;
    font-size: 16px;
}

.product-details-wrapper .nav-tabs .nav-link:hover {
}

.product-details-wrapper .nav-tabs .nav-link.active {
    color: #ffffff;
    border-bottom-color: #e01409;
    background: #e01409;
}

.product-details-wrapper .tab-content {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    padding: 40px;
    border-radius: 0 0 20px 20px;
    border: 1px solid var(--border-color);
}

/* Reviews Section */
.product-details-wrapper .rating-overview {
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    padding: 30px;
    border-radius: 15px;
    margin-bottom: 35px;
    text-align: center;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}

.product-details-wrapper .rating-score {
    font-size: 56px;
    font-weight: 700;
    background: linear-gradient(135deg, #8b0000, #ff0000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.product-details-wrapper .stars {
    color: #ffc107;
    font-size: 24px;
    margin: 15px 0;
}

.product-details-wrapper .rating-count {
    color: #666;
    font-size: 15px;
    font-weight: 600;
}

.product-details-wrapper .rating-bars {
    margin: 25px 0;
}

.product-details-wrapper .rating-bar-item {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 12px;
}

.product-details-wrapper .rating-bar-label {
    min-width: 90px;
    font-size: 14px;
    color: #666;
    font-weight: 600;
}

.product-details-wrapper .progress {
    flex: 1;
    height: 10px;
    background: #e0e0e0;
    border-radius: 10px;
}

.product-details-wrapper .progress-bar {
    background: linear-gradient(90deg, #ffc107, #ff9800);
    border-radius: 10px;
}

.product-details-wrapper .rating-bar-count {
    min-width: 35px;
    text-align: right;
    font-size: 14px;
    color: #666;
    font-weight: 600;
}

/* Review Items */
.product-details-wrapper .review-item {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    margin-bottom: 20px;
    box-shadow: 0 3px 15px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.product-details-wrapper .review-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 25px rgba(0,0,0,0.12);
}

.product-details-wrapper .review-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}
.product-details-wrapper .form-control:focus {
    box-shadow: none;
}

.product-details-wrapper .reviewer-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #000000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
}

.product-details-wrapper .reviewer-info h6 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #2d2d2d;
}

.product-details-wrapper .reviewer-info .review-date {
    font-size: 13px;
    color: #999;
}

.product-details-wrapper .review-rating {
    color: #ffc107;
    font-size: 16px;
    margin-bottom: 10px;
}

.product-details-wrapper .review-text {
    color: #555;
    line-height: 1.7;
    margin-bottom: 10px;
}

.product-details-wrapper .review-meta {
    display: flex;
    gap: 20px;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e0e0e0;
}

.product-details-wrapper .review-meta-item {
    font-size: 13px;
    color: #666;
}

.product-details-wrapper .review-meta-item strong {
    color: #2d2d2d;
    font-weight: 600;
}

/* Review Form */
.product-details-wrapper .review-form {
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    padding: 30px;
    border-radius: 15px;
    margin-top: 35px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}

.product-details-wrapper .review-form h5 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #2d2d2d;
}

.product-details-wrapper .form-group label {
    font-weight: 700;
    color: #2d2d2d;
    font-size: 15px;
}

.product-details-wrapper .form-control {
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    padding: 12px 18px;
    transition: all 0.3s ease;
    height: auto;
}

.product-details-wrapper .form-control:focus {
    border-color: #e01409;
}

.product-details-wrapper .star-rating-input {
    display: flex;
    gap: 10px;
    margin: 12px 0;
}

.product-details-wrapper .star-rating-input i {
    font-size: 28px;
    color: #e0e0e0;
    cursor: pointer;
    transition: all 0.3s ease;
}

.product-details-wrapper .star-rating-input i:hover,
.product-details-wrapper .star-rating-input i.active {
    color: #ffc107;
    transform: scale(1.2) rotate(15deg);
}

/* Responsive */
@media (max-width: 768px) {
    .product-details-wrapper .product-title {
        font-size: 24px;
    }

    .product-details-wrapper .price {
        font-size: 32px;
    }

    .product-details-wrapper .main-image-slide {
        height: 350px;
    }

    .product-details-wrapper .action-buttons .btn {
        font-size: 15px;
        padding: 12px 25px;
    }

    .product-details-wrapper .nav-tabs .nav-link {
        padding: 14px 20px;
        font-size: 14px;
    }

    .product-details-wrapper .gallery-section,
    .product-details-wrapper .product-info-section {
        padding: 25px;
    }
}
    .breadcrumb-row .breadcrumb-item .shop-header {
    justify-content: flex-start;
    margin-top: 6px;
    position: relative;
    z-index: 9;
}

.breadcrumb-row .breadcrumb-item .shop-header .breadcrumb-custom a {
    color: #595757;
    font-weight: 500;
    font-size: 14px;
}

.breadcrumb-row .breadcrumb-item .shop-header .breadcrumb-custom span {
    color: #000000;
    font-weight: 500;
    font-size: 15px;
}
.product-details-wrapper .main-image-slide a img {
    padding: 0px 40px;
}

.thumbnail-slider-container .owl-stage-outer .owl-stage {
}

.thumbnail-slider-container .owl-stage-outer .owl-stage .owl-item {
} 
.gallery-section .owl-nav button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: 2;
    transition: all 0.3s ease;
    position: absolute;
    top: 50%;
    left: 10px;
    border: 1px solid #ccc !important;
    line-height: 40px !important;
}

.gallery-section .owl-nav  button.owl-next {
    left: auto;
    right: 10px;
}

.gallery-section .owl-nav button span {
    font-size: 32px;
    color: #000000;
}

.gallery-section .owl-nav button:hover {
    background: #e01409;
    border-color: #e01409 !important;
}

.gallery-section .owl-nav button:hover span {
    color: #fff;
}
section.google-map-sec {
    padding-bottom: 60px;
}
.google-map-wrap iframe {
    display: block;
}
/* --------------------------------
product details page css end here
----------------------------------- */


/* -------------------------------
about us page css start here
--------------------------------- */
 /* Main Wrapper */
.company-profile-new {
    font-family: 'Inter', sans-serif;
    color: #1a1a1a;
    background: #ffffff;
    overflow-x: hidden;
}



/* CSS Variables */
.company-profile-new {
    --primary-red: #C41E3A;
    --dark-red: #8B1538;
    --gold: #D4A574;
    --dark-gray: #2C2C2C;
    --light-gray: #F8F9FA;
    --medium-gray: #6C757D;
    --white: #ffffff;
}

/* Typography */
.company-profile-new h1,
.company-profile-new h2,
.company-profile-new h3,
.company-profile-new h4 {
    line-height: 1.2;
}

/* Hero Section */
.company-profile-new .hero-section {
    background: #e01f21;
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}

.company-profile-new .hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);
    pointer-events: none;
}
.company-profile-new .hero-brand-item figure {
    margin: 0px;
}

.company-profile-new .hero-brand-item {
    width: calc(25% - 100px);
}
.company-profile-new .hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
}

.company-profile-new .hero-subtitle {
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 20px;
    animation: fadeInDown 0.8s ease-out;
}

.company-profile-new .hero-title {
    font-size: 4.5rem;
    font-weight: 800;
    color: var(--white);
    margin-bottom: 20px;
    animation: fadeInUp 0.8s ease-out 0.2s both;
}

section.content-section.brands-section .section-header {
    padding: 0px;
}

section.content-section.brands-section .section-header h3.title {
    /* justify-content: center; */
}

section.content-section.brands-section .section-header p.section-description {margin-top: 0;}
.company-profile-new .hero-tagline {
    font-size: 18px;
    color: rgb(255 255 255);
    line-height: 26px;
    font-weight: 500;
    max-width: 700px;
    margin: 0 auto 50px;
    animation: fadeInUp 0.8s ease-out 0.4s both;
}

.company-profile-new .hero-brands {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
    animation: fadeInUp 0.8s ease-out 0.6s both;
}

.company-profile-new .hero-brand-item {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    padding: 15px 15px;
    font-weight: 600;
    font-size: 1rem;
    color: var(--white);
    letter-spacing: 2px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    transition: all 0.4s ease;
}

.company-profile-new .hero-brand-item:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgb(255 254 254 / 49%);
}

.company-profile-new .hero-image-section {
    display: flex;
    justify-content: center;
    align-items: center;
    animation: fadeIn 1s ease-out 0.8s both;
}

.company-profile-new .hero-image-wrapper {
    position: relative;
    max-width: 600px;
    width: 100%;
}

.company-profile-new .hero-image {
    width: 100%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0 30px 70px rgb(0 0 0 / 5%);
    border: 5px solid rgba(255, 255, 255, 0.1);
    transition: transform 0.5s ease;
}

.company-profile-new .hero-image:hover {
    transform: scale(1.02);
}

/* Section Styling */
.company-profile-new .content-section {
    padding: 60px 0;
}
.hero-content h4 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #fff;
}
.company-profile-new .section-header {
    text-align: center;
    width: 100%;
    max-width: 100%;
    padding-bottom: 10px;
}

.company-profile-new .section-label {
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--primary-red);
    margin-bottom: 15px;
    display: inline-block;
    position: relative;
}

.company-profile-new .section-label::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: var(--gold);
}

.company-profile-new .section-title {
    font-size: 3.5rem;
    color: var(--dark-gray);
    margin-top: 20px;
}

.company-profile-new .section-description {
    font-size: 18px;
    color: #000000;
    max-width: 800px;
    margin: 25px auto 0;
    line-height: 25px;
    font-weight: 400;
}

/* Overview Section */
.company-profile-new .overview-section {
    /* background: var(--light-gray); */
}

.company-profile-new .overview-content {
    margin: 0 auto;
}

.company-profile-new .overview-text {
    font-size: 18px;
    line-height: 29px;
    color: #444;
    margin-bottom: 40px;
    font-weight: 400;
}

.company-profile-new .overview-text strong {
    color: var(--primary-red);
    font-weight: 600;
}

.company-profile-new .overview-highlight {
    background: linear-gradient(135deg, var(--white) 0%, #f0f0f0 100%);
    padding: 26px;
    border-radius: 20px;
    border-left: 6px solid #e01409;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    margin-top: 40px;
}

.company-profile-new .overview-highlight p {
    font-size: 1.15rem;
    line-height: 1.9;
    color: #333;
    margin: 0;
}

/* Brands Section */
.company-profile-new .brands-section {
    /* background: var(--white); */
}

.company-profile-new .brands-intro {
    max-width: 900px;
    margin: 0 auto 60px;
    text-align: center;
}

.company-profile-new .brands-intro p {
    font-size: 1.1rem;
    color: var(--medium-gray);
    line-height: 1.8;
}

.company-profile-new .brands-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
    margin-top: 40px;
}

.company-profile-new .brand-card {
    background: var(--white);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.company-profile-new .brand-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, var(--primary-red), var(--gold));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s ease;
}

.company-profile-new .brand-card:hover::before {
    transform: scaleX(1); 
}

.company-profile-new .brand-card:hover {
    transform: translateY(-15px);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);
}

.company-profile-new .brand-image-container {
    position: relative;
    height: 350px;
    overflow: hidden;
}

.company-profile-new .brand-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s ease;
}

.company-profile-new .brand-card:hover .brand-image {
    transform: scale(1.15);
}

.company-profile-new .brand-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
    padding: 40px 30px;
    transform: translateY(30px);
    opacity: 0;
    transition: all 0.5s ease;
}

.company-profile-new .brand-card:hover .brand-overlay {
    transform: translateY(0);
    opacity: 1;
}

.company-profile-new .brand-name {
    font-size: 2rem;
    font-weight: 700;
    color: var(--white);
    margin-bottom: 12px;
}

.company-profile-new .brand-button {
    display: inline-flex;
    align-items: center;
    background: #e01409;
    color: #ffffff;
    padding: 12px 28px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.company-profile-new .brand-button:hover {
    background: var(--white);
    color: #000;
}

.company-profile-new .brand-button svg {
    margin-left: 8px;
    width: 16px;
    height: 16px;
    transition: transform 0.3s ease;
}

.company-profile-new .brand-button:hover svg {
    transform: translateX(4px);
}

/* Vision & Mission Section */
.company-profile-new .vision-mission-section {
    /* background: linear-gradient(135deg, var(--light-gray) 0%, #e8e8e8 100%); */
}

.company-profile-new .vm-intro-box {
    background: var(--white);
    padding: 60px;
    border-radius: 25px;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);
    margin: 0 auto 80px;
    max-width: 1000px;
    position: relative;
}

.company-profile-new .vm-intro-box::before {
    content: '"';
    position: absolute;
    top: 30px;
    left: 50px;
    font-family: 'Playfair Display', serif;
    font-size: 10rem;
    color: var(--gold);
    opacity: 0.15;
    line-height: 1;
}

.company-profile-new .vm-intro-box p {
    font-size: 1.2rem;
    line-height: 2;
    color: #333;
    position: relative;
    z-index: 2;
    text-align: center;
}

.company-profile-new .vm-cards-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: 50px;
    margin-top: 0px;
}

.company-profile-new .vm-card {
    background: #f3f4f5;
    padding: 20px;
    border-radius: 25px;
    position: relative;
    transition: all 0.5s ease;
}


.company-profile-new .vm-icon-wrapper {
    width: 80px;
    height: 80px;
    background: #e01409;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.company-profile-new .vm-icon-wrapper svg {
    width: 40px;
    height: 40px;
    fill: #ffffff;
}

.company-profile-new .vm-card-title {
    font-size: 26px;
    color: #000000;
    margin-bottom: 10px;
}

.company-profile-new .vm-card-text {
    font-size: 18px;
    line-height: 25px;
    color: #555;
    font-weight: 300;
}

/* Stats Section */
.company-profile-new .stats-section {
    background: #e01f21;
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}

.company-profile-new .stats-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 30% 50%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 70% 50%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);
}

.company-profile-new .stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 50px;
    position: relative;
    z-index: 2;
}

.company-profile-new .stat-item {
    text-align: center;
    padding: 30px;
    border-right: 1px solid rgb(255 137 137 / 64%);
}

.company-profile-new .stat-item:last-child {
    border-right: none;
}

.company-profile-new .stat-number {
    font-size: 42px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1;
    margin-bottom: 15px;
}

.company-profile-new .stat-label {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.95);
    font-weight: 400;
    letter-spacing: 1px;
}

/* Animations */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

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

/* Scroll Animation */
.company-profile-new .animate-on-scroll {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.company-profile-new .animate-on-scroll.animated {
    opacity: 1;
    transform: translateY(0);
}

/* Responsive Design */
@media (max-width: 1200px) {
    .company-profile-new .vm-cards-container {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 992px) {
    .company-profile-new .hero-title {
        font-size: 3.5rem;
    }

    .company-profile-new .section-title {
        font-size: 2.8rem;
    }

    .company-profile-new .vm-card-title {
        font-size: 22px;
        font-weight: 500;
    }

    .company-profile-new .brands-grid {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }
}

@media (max-width: 768px) {
    .company-profile-new .hero-section {
        padding: 80px 0;
    }

    .company-profile-new .hero-title {
        font-size: 2.5rem;
    }

    .company-profile-new .section-title {
        font-size: 2.2rem;
    }

    .company-profile-new .content-section {
        padding: 70px 0;
    }

    .company-profile-new .vm-card {
        padding: 40px 30px;
    }

    .company-profile-new .vm-intro-box {
        padding: 40px 30px;
    }

    .company-profile-new .overview-highlight {
        padding: 35px;
    }

    .company-profile-new .stat-item {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
        padding: 25px;
    }

    .company-profile-new .stat-item:last-child {
        border-bottom: none;
    }

    .company-profile-new .stat-number {
        font-size: 3.5rem;
    }

    .company-profile-new .brands-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .company-profile-new .hero-brands {
        gap: 15px;
    }

    .company-profile-new .hero-brand-item {
        /* padding: 14px 30px; */
        /* font-size: 0.9rem; */
    }
}

@media (max-width: 576px) {
    .company-profile-new .hero-title {
        font-size: 2rem;
    }

    .company-profile-new .section-title {
        font-size: 1.8rem;
    }

    .company-profile-new .vm-card-title {
        font-size: 1.8rem;
    }
}
.hero-content .section-header h3.title {
    justify-content: center;
    color: #fff;
}
/* -------------------------------
about us page css end here
--------------------------------- */







/*  product tabel css start here */
 .tool-catalog {
    margin: 0;
    background-color: #f8f8f8;
    padding: 20px;
    border-radius: 16px;
    border: 1px dashed #ccc;
    margin-bottom: 10px;
}

/* Product Header */
.tool-catalog .product-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tool-catalog .product-number {
    font-size: 28px;
    font-weight: bold;
    color: #e01409;
}

.tool-catalog .product-specs {
    display: flex;
    gap: 20px;
    font-size: 15px;
    color: #000;
    align-items: center;
}

.tool-catalog .spec-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
}

/* Section Title */
.tool-catalog .section-title {
    background-color: transparent;
    padding: 14px 0;
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

/* Table Styling */
.tool-catalog table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0;
}

.tool-catalog table tr {
    background-color: #DEDEDE;
    border-bottom: 1px solid #fff;
}

.tool-catalog table tr:last-child {
    border-bottom: none;
}

.tool-catalog table td {
    padding: 8px 6px;
    vertical-align: middle;
    font-size: 16px;
    color: #000;
}

.tool-catalog table td:first-child {
    width: 60px;
    text-align: center;
    padding-left: 10px;
}

.tool-catalog table td:nth-child(2) {
    width: 50px;
    text-align: center;
}

.tool-catalog table td:nth-child(3) {
    width: 50px;
    text-align: left;
    padding-left: 8px;
}

.tool-catalog table td:last-child {
    text-align: left;
    padding-left: 8px;
    padding-right: 10px;
}

/* Tool Icons */
.tool-catalog .socket-wrench {
    width: 40px;
    height: 22px;
    background: linear-gradient(180deg, #888 0%, #666 50%, #888 100%);
    display: inline-block;
    border-radius: 2px;
    box-shadow: inset 0 1px 2px rgba(255,255,255,0.3), inset 0 -1px 2px rgba(0,0,0,0.3);
}

.tool-catalog .socket-icon {
    width: 24px;
    height: 24px;
    background: radial-gradient(circle, #2a2a2a 0%, #000 70%);
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #1a1a1a;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.5), 0 1px 2px rgba(255,255,255,0.1);
    position: relative;
}

.tool-catalog .socket-icon::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #444;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tool-catalog .extension-bar {
    width: 45px;
    height: 14px;
    background: linear-gradient(180deg, #555 0%, #333 50%, #555 100%);
    display: inline-block;
    border-radius: 8px;
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.2), inset 0 -1px 1px rgba(0,0,0,0.4);
}

.tool-catalog .spark-plug-socket {
    width: 35px;
    height: 20px;
    background: linear-gradient(180deg, #7a9eb5 0%, #5a7e95 50%, #7a9eb5 100%);
    display: inline-block;
    border-radius: 2px;
    box-shadow: inset 0 1px 2px rgba(255,255,255,0.3), inset 0 -1px 2px rgba(0,0,0,0.3);
}

.tool-catalog .ratchet-handle {
    width: 50px;
    height: 18px;
    background: linear-gradient(90deg, #888 0%, #999 30%, #777 70%, #888 100%);
    display: inline-block;
    border-radius: 2px;
    position: relative;
    box-shadow: inset 0 1px 2px rgba(255,255,255,0.2), inset 0 -1px 2px rgba(0,0,0,0.3);
}

.tool-catalog .ratchet-handle::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: linear-gradient(135deg, #c44 0%, #a33 100%);
    border-radius: 1px;
    top: 50%;
    right: 3px;
    transform: translateY(-50%);
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
}

.tool-catalog .extension-short {
    width: 45px;
    height: 12px;
    background: linear-gradient(180deg, #666 0%, #444 50%, #666 100%);
    display: inline-block;
    border-radius: 1px;
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.15), inset 0 -1px 1px rgba(0,0,0,0.3);
}

.tool-catalog .adapter {
    width: 35px;
    height: 18px;
    background: linear-gradient(180deg, #777 0%, #555 50%, #777 100%);
    display: inline-block;
    border-radius: 2px;
    box-shadow: inset 0 1px 2px rgba(255,255,255,0.2), inset 0 -1px 2px rgba(0,0,0,0.3);
}

/* Changed Section */
.tool-catalog .changed-section {
    margin-top: 25px;
}

.tool-catalog .changed-label {
    font-size: 15px;
    color: #000;
    margin: 8px 0 2px 0;
    font-style: normal;
}

.tool-catalog .changed-section table tr {
    background-color: #DEDEDE;
}
.tool-catalog .spec-item img {
    width: 24px;
}
.shop-section {
    padding: 30px 0px 50px;
}
.wd-products-per-page {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 15px;
  color: #111;
}

.per-page-title {
  font-weight: 500;
  margin-right: 4px;
  font-size: 17px;
}

.per-page-variation {
  text-decoration: none;
  color: #111;
  font-weight: 400;
}

.per-page-variation span {
  display: inline-block;
}

.per-page-variation.current-variation {
  font-weight: 600;
}

.per-page-border {
  width: 1px;
  height: 14px;
  background: #ccc;
}
.per-page-variation.current-variation {
  font-weight: 600;
  position: relative;
  color: #e01409;
}

.per-page-variation.current-variation::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 2px;
  background: #e01409;
}
/*  product tabel css end here */

.product-details-panel {
    border: 1px solid #eee;
    padding: 16px;
    border-radius: 8px;
    background: #fff;
    margin-bottom: 18px;
}

.tool-catalog {
    overflow: hidden;
    position: relative;
    transition: max-height 0.4s ease;
}

.tool-catalog.collapsed {
    max-height: 320px;
}



.tool-catalog.expanded {
    max-height: 5000px;
}

.toggle-wrap {
    text-align: left;
    margin-top: 0px;
}

.toggle-btn {
    border: none;
    background: none;
    color: #000000;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
    font-size: 15px;
}
.short-description {
    margin-top: 10px;
}

.desc-list {
    overflow: hidden;
    transition: max-height 0.35s ease;
    padding-left: 18px;
}

.desc-list.collapsed {
    max-height: 94px;
    position: relative;
}



.desc-list.expanded {
    max-height: 600px;
}


.read-toggle {
    margin-top: 10px;
    border: none;
    background: none;
    color: #000000;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
    font-size: 15px;
}

.read-toggle:hover {
    text-decoration: underline;
}
.product-details-wrapper .thumbnail-slider-container .owl-nav button span {
    color: #fff;
}
.sort-select-wrap {
    position: relative;
    display: inline-block;
}

.sort-dropdown {
    padding: 12px 10px;
    font-size: 14px;
    cursor: pointer;
    border-color: #ccc;
}

.sort-select-wrap::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: translateY(-60%) rotate(45deg);
    pointer-events: none;
}
.contact_form .form-group .iti {
    width: 100%;
}

form#loginForm .custom-checkbox {
    margin: 0px;
}

/* =================================
login form start here
=================================== */
 :root {
--primary-color: #2D5BFF;
--primary-dark: #1E3FC4;
--primary-light: #4D7AFF;
--accent-color: #FF6B35;
--text-dark: #1A1A2E;
--text-light: #6B7280;
--bg-light: #F8FAFC;
--bg-white: #FFFFFF;
--border-color: #E5E7EB;
--success-color: #10B981;
--error-color: #EF4444;
--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
--shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
--shadow-lg: 0 16px 48px rgba(45, 91, 255, 0.12);
}






.auth-container {background: var(--bg-white);border-radius: 24px;width: 100%;max-width: 900px;display: flex;overflow: hidden;position: relative;z-index: 1;animation: slideIn 0.6s cubic-bezier(0.16, 1, 0.3, 1);margin: 30px  auto;border: 1px solid #cccccc52;align-items: center;}

@keyframes slideIn {
from {
    opacity: 0;
    transform: translateY(40px) scale(0.95);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}

.auth-side {flex: 1;padding: 20px 20px;position: relative;}

.auth-side.left {color: white;display: flex;flex-direction: column;justify-content: center;overflow: hidden;background: linear-gradient(135deg, #e6e6e661 0%, #e6e6e6 100%) !important;}

.auth-side.left::before {
content: '';
position: absolute;
width: 300px;
height: 300px;
background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 70%);
border-radius: 50%;
top: -100px;
right: -100px;
animation: pulse 8s infinite ease-in-out;
}

@keyframes pulse {
0%, 100% { transform: scale(1); opacity: 0.6; }
50% { transform: scale(1.2); opacity: 0.3; }
}

.brand-section {
position: relative;
z-index: 1;
}

.brand-logo {width: 60px;height: 60px;background: rgb(0 0 0);backdrop-filter: blur(10px);border-radius: 16px;display: flex;align-items: center;justify-content: center;margin-bottom: 30px;font-size: 28px;animation: rotate3d 1s cubic-bezier(0.16, 1, 0.3, 1);}

@keyframes rotate3d {
from { transform: rotateY(180deg); }
to { transform: rotateY(0deg); }
}

.brand-section h1 {font-size: 42px;font-weight: 700;margin-bottom: 16px;line-height: 1.2;color: #000000;}

.brand-section p {font-size: 16px;line-height: 1.6;margin-bottom: 40px;color: #373636;}

.feature-list {
list-style: none;
}

.feature-list li {display: flex;align-items: center;gap: 12px;margin-bottom: 16px;font-size: 15px;animation: slideInLeft 0.6s cubic-bezier(0.16, 1, 0.3, 1) backwards;color: #000;}

.feature-list li:nth-child(1) { animation-delay: 0.1s; }
.feature-list li:nth-child(2) { animation-delay: 0.2s; }
.feature-list li:nth-child(3) { animation-delay: 0.3s; }

@keyframes slideInLeft {
from {
    opacity: 0;
    transform: translateX(-20px);
}
to {
    opacity: 0.95;
    transform: translateX(0);
}
}

.feature-list li i {width: 24px;height: 24px;background: rgb(0 0 0 / 20%);border-radius: 6px;display: flex;align-items: center;justify-content: center;font-size: 12px;}

.auth-side.right {
background: var(--bg-white);
}

.auth-tabs {gap: 45px;margin-bottom: 10px;display: flex;justify-content: flex-start;}

.tab-btn {border: none;background: transparent;color: #000000;font-size: 16px;font-weight: 500;border-radius: 8px;cursor: pointer;transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);}

.tab-btn.active {color: #e22123;border-radius: 0px;}

.tab-btn:hover:not(.active) {
color: var(--text-dark);
}

.form-container {display: none;/* animation: fadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1); */}

.form-container.active {
display: block;
}

@keyframes fadeIn {
from {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

.form-header {margin-bottom: 15px;}

.form-header h2 {font-size: 28px;color: var(--text-dark);margin-bottom: 12px;}

.form-header p {
color: var(--text-light);
font-size: 15px;
}

.form-group {margin-bottom: 28px;}

.form-group label {display: block;margin-bottom: 10px;font-size: 15px;font-weight: 500;color: var(--text-dark);}

.form-group label .required {
color: var(--accent-color);
}

.input-wrapper {
position: relative;
}

.input-wrapper i {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
color: var(--text-light);
font-size: 16px;
transition: color 0.3s;
}

.form-control {width: 100%;padding: 14px 16px 14px 14px;border: 1px solid var(--border-color);border-radius: 0px;font-size: 16px;color: var(--text-dark);background: var(--bg-white);transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);height: auto;}

.form-control:focus {outline: none;box-shadow: none;border-color: red;}

.form-control:focus + i {color: #de1f21;}

.password-toggle {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
color: var(--text-light);
cursor: pointer;
font-size: 16px;
padding: 4px;
transition: color 0.3s;
}

.password-toggle:hover {
color: var(--primary-color);
}

.form-options {display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}

.checkbox-wrapper {
display: flex;
align-items: center;
gap: 8px;
}

.checkbox-wrapper input[type="checkbox"] {width: 18px;height: 14px;cursor: pointer;accent-color: var(--primary-color);}

.checkbox-wrapper label {
font-size: 14px;
color: var(--text-dark);
cursor: pointer;
margin: 0;
}

.forgot-link {font-size: 14px;color: #000000;text-decoration: none;font-weight: 500;transition: color 0.3s;}

.forgot-link:hover {color: #e01409;}

.btn-submit {width: 100%;padding: 10px;background: #e01409;color: white;border: none;border-radius: 0px;font-size: 16px;font-weight: 600;cursor: pointer;transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);}

.btn-submit:hover {
    background: #000;
}

.btn-submit:active {
transform: translateY(0);
}

.divider {display: flex;align-items: center;gap: 16px;margin: 15px 0;}

.divider::before,
.divider::after {
content: '';
flex: 1;
height: 1px;
background: var(--border-color);
}

.divider span {
font-size: 13px;
color: var(--text-light);
font-weight: 500;
}

.social-login {
display: flex;
gap: 12px;
}

.social-btn {flex: 1;padding: 10px;border: 1px solid #ccc;border-radius: 0px;background: var(--bg-white);color: var(--text-dark);font-family: 'Outfit', sans-serif;font-size: 14px;font-weight: 500;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 8px;transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);}

.social-btn:hover {border-color: #ccc;background: rgba(45, 91, 255, 0.04);}

.social-btn i {
font-size: 18px;
}
.input-wrapper  i.far.fa-eye {
    left: -4px;
}

.input-wrapper i.far.fa-eye-slash {
    left: -6px !important;
}
.alert {
padding: 14px 16px;
border-radius: 12px;
margin-bottom: 24px;
font-size: 14px;
display: none;
animation: slideDown 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes slideDown {
from {
    opacity: 0;
    transform: translateY(-10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

.alert.show {
display: flex;
align-items: center;
gap: 12px;
}

.alert-success {
background: #D1FAE5;
color: #065F46;
border: 1px solid #6EE7B7;
}

.alert-error {
background: #FEE2E2;
color: #991B1B;
border: 1px solid #FCA5A5;
}

/* Responsive */
@media (max-width: 768px) {
.auth-container {
    flex-direction: column;
    max-width: 480px;
}

.auth-side.left {
    padding: 40px 30px;
}

.auth-side.right {
    padding: 40px 30px;
}

.brand-section h1 {
    font-size: 32px;
}

.form-header h2 {
    font-size: 26px;
}

.social-login {
    flex-direction: column;
}
}

/* Name fields grid */
.name-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 16px;margin-bottom: 0px;}

@media (max-width: 480px) {
.name-grid {
    grid-template-columns: 1fr;
}
}
.topbar {
    /* box-shadow: rgb(0 0 0 / 5%) 0px 3px 8px; */
}
.auth-left {
  position: relative;
  background: #f5f7fb;
  overflow: hidden;
}


.auth-left::before {
  content: "";
  position: absolute;
  top: -120px;
  left: -100px;
  width: 420px;
  height: 420px;
  background: linear-gradient(135deg, #ff4d4d, #ff8f8f);
  border-radius: 50% 40% 60% 50%;
  opacity: 0.12;
}

.auth-left::after {
  content: "";
  position: absolute;
  bottom: -150px;
  right: -120px;
  width: 520px;
  height: 520px;
  background: linear-gradient(135deg, #2563eb, #60a5fa);
  border-radius: 60% 50% 40% 60%;
  opacity: 0.10;
}
/* =================================
login form end here
=================================== */

.header {
  position: relative;
  width: 100%;
  transition: all 0.35s ease;
}

.header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #ffffff;
  box-shadow: 0 8px 20px rgb(0 0 0 / 2%);
  animation: slideDown 0.35s ease forwards;
}

/* Smooth slide-down animation */
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.iti--separate-dial-code .iti__selected-flag {
    background-color: rgb(0 0 0 / 15%) !important;
}
.form-container .form-control {padding: 10px 16px 10px 48px;}

.auth-illustration {
  max-width: 100%;
  height: auto;
  opacity: 0.9;
}

.price-filter-pro {margin: 20px 0px;}

/* Slider wrapper */
.range-slider {
  position: relative;
  height: 6px;
  margin: 18px 0 14px;
}

/* Track background */
.slider-track {
  position: absolute;
  height: 6px;
  width: 100%;
  background: #e5e7eb;
  border-radius: 10px;
}

/* Range input */
.range-slider input {
  position: absolute;
  width: 100%;
  height: 6px;
  appearance: none;
  background: none;
  pointer-events: none;
}

/* Thumb */
.range-slider input::-webkit-slider-thumb {
  pointer-events: all;
  appearance: none;
  width: 18px;
  height: 18px;
  background: #e01409;        /* Brand red */
  border-radius: 50%;
  cursor: pointer;
  border: 3px solid #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

/* Firefox */
.range-slider input::-moz-range-thumb {
  width: 18px;
  height: 18px;
  background: #e01409;
  border-radius: 50%;
  border: 3px solid #fff;
  cursor: pointer;
}

/* Price text */
.price-values {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  color: #111;
  margin: 21px 0px 10px;
}

.price-values strong {
  font-weight: 600;
}

.price-values .dash {
  color: #9ca3af;
}

/* Button */
.apply-filter-btn {
  width: 100%;
  padding: 10px;
  background: #d12f2f;
  color: #fff;
  border: none;
  border-radius: 0px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom: 12px;
}

.apply-filter-btn:hover {
  background: linear-gradient(135deg, #000, #111);
}
.filter-header h3.filter-section-title {
    margin: 0px;
}
.filter-section.sort-filter ul.filter-list li {
    font-size: 16px;
}
.filter-section:last-child {
    border-bottom: transparent !important;
}

.contact_box .text-info h5 {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 500;
}

.contact_box .text-info h6 {
    font-size: 15px;
    margin-bottom: 0px;
    color: #363535;
    font-weight: 400;
}


.products-grid {
    display: grid;
    gap: 15px;
}


.products-grid.grid-3 {
    grid-template-columns: repeat(3, 1fr);
}


.products-grid.grid-4 {
    grid-template-columns: repeat(4, 1fr);
}


.products-grid.grid-5 {
    grid-template-columns: repeat(5, 1fr);
}

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

.add-to-cart-btn a {
    background: transparent !important;
    color: #fff !important;
}
.product-actions button:hover a {
    color: #fff;
}
.woocommerce-message {
    border-top-color: #e82325 !important;
}
.woocommerce-message::before {
    color: #e82325 !important;
}
.button.wc-forward {
    background: #e82325 !important;
    /* height: 56px; */
    line-height: 22px !important;
    color: #fff !important;
    border-radius: 0px !important;
    font-size: 18px !important;
}



/* ===== CART PAGE DESIGN ===== */
.woocommerce-cart .shop_table {
    border: none;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0,0,0,0.06);
}

/* table head */
.woocommerce-cart .shop_table thead {
    background: #0f172a;
    color: #fff;
}
.woocommerce-cart .shop_table thead th {
    padding: 16px 15px;
    font-size: 18px;
    font-weight: 600;
    border: none;
}

/* table body */
.woocommerce-cart .shop_table tbody td {
    padding: 18px 15px;
    vertical-align: middle;
}

/* product image */
.woocommerce-cart .product-thumbnail img {
    width: 80px !important;
    border-radius: 10px;
    background: #f8f8f8;
    padding: 6px;
}

/* product name */
.woocommerce-cart .product-name a {
    font-weight: 600;
    color: #111;
    font-size: 15px;
}
.woocommerce-cart .product-name a:hover {
    color: #ff6a00;
}

/* price */
.woocommerce-cart .product-price,
.woocommerce-cart .product-subtotal {
    font-weight: 600;
    color: #111;
    font-size: 17px;
}

/* remove button */
.woocommerce-cart a.remove {
    background: #ffeaea;
    color: #ff3b3b !important;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 18px;
    transition: .3s;
    line-height: 36px;
}
.woocommerce-cart a.remove:hover {
    background: #ff3b3b;
    color: #fff !important;
}

/* quantity box */
.woocommerce-cart .quantity input.qty {
    width: 70px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #ddd;
    text-align: center;
}

/* coupon box */
.woocommerce-cart .coupon {
    display: flex;
    gap: 10px;
}
.woocommerce-cart .coupon input {
    height: 44px;
    border-radius: 0px !important;
    border: 1px solid #ddd !important;
    padding: 0 12px !important;
    width: 100% !important;
}
.woocommerce-cart .coupon button {
    background: #e82325;
    color: #fff;
    padding: 10px 18px;
    border: none;
    width: 100% !important;
    border-radius: 0px !important;
}

/* update cart btn */
.woocommerce-cart button[name="update_cart"] {
    background: #e82325;
    color: #fff;
    border-radius: 0px !important;
    border: none;
    margin-left: 10px;
    opacity: 1 !important;
    color: #fff !important;
    height: 44px;
}
.woocommerce-cart button[name="update_cart"]:hover {
    background: #e85d00;
}

/* ===== RIGHT TOTAL BOX ===== */


.cart_totals {
    width: 420px;
    background: #fff;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 10px 35px rgba(0,0,0,0.06);
}

.cart_totals h2 {
    font-size: 22px;
    margin-bottom: 20px;
}

.cart_totals table th {
    font-weight: 600;
    color: #444;
}
.cart_totals table td {
    font-weight: 600;
    color: #111;
}

/* checkout button */
.wc-proceed-to-checkout a.checkout-button {
    width: 100%;
    border: none;
    color: #fff;
    padding: 16px;
    border-radius: 10px;
    font-size: 16px;
    margin-top: 20px;
    font-weight: 600;
    transition: .3s;
}
.wc-proceed-to-checkout a.checkout-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

/* ===== MOBILE ===== */
@media(max-width:768px){
    .cart_totals{
        width:100%;
    }
    .woocommerce-cart .shop_table thead{
        display:none;
    }
}

  td.product-thumbnail {
    text-align: center;
}

td.product-remove {
    text-align: center;
}

table td:last-child {
    border-right: transparent;
} 
.woocommerce-cart button[name="update_cart"]:hover {
    background: #000 !important;
}

.woocommerce-cart .coupon button:hover {
    background: #000;
    color: #fff;
}

.button.wc-forward:hover {
    background: #000 !important;
    box-shadow: none !important;
}


.cart_totals table.shop_table.shop_table_responsive tbody tr td {
    padding: 10px;

}


.woocommerce-info {
    border-top-color: #e82325 !important;
}
.woocommerce-info::before {
    color: #e82325 !important;
}
/* ===== BILLING SECTION FULL DESIGN ===== */
#customer_details{
    display:flex !important;
    margin-top:40px !important;
    justify-content: space-around;
}

/* left + right width */
#customer_details .col-1{flex: 0 0 75%;max-width: 75%;padding-left: 0px;}
#customer_details .col-2{
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 0px;
}

/* ===== CARD STYLE ===== */
.woocommerce-billing-fields,
.woocommerce-additional-fields{
    background:#ffffff !important;
    padding: 20px !important;
    border-radius: 0px !important;
    box-shadow: 0 15px 40px rgb(0 0 0 / 1%) !important;
    border:1px solid #f1f1f1 !important;
}

/* ===== HEADINGS ===== */
.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3{
    font-size:24px !important;
    font-weight:700 !important;
    margin-bottom:25px !important;
    padding-bottom:12px !important;
    border-bottom:2px solid #f3f3f3 !important;
}

/* ===== TWO COLUMN NAME ===== */
#billing_first_name_field,
#billing_last_name_field{
    width:48% !important;
    float:left !important;
}

#billing_last_name_field{
    float:right !important;
}

/* reset others */
.woocommerce-billing-fields__field-wrapper::after{
    content:"";
    display:block;
    clear:both;
}

/* ===== LABEL ===== */
.woocommerce-checkout label{
    font-size:14px !important;
    font-weight:600 !important;
    margin-bottom:6px !important;
    color:#111 !important;
    width: 100%;
}

/* ===== INPUT DESIGN ===== */
.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea{
    width:100% !important;
    height:52px !important;
    border:1px solid #e5e5e5 !important;
    border-radius: 0px !important;
    padding:0 16px !important;
    background:#fafafa !important;
    font-size:14px !important;
    transition:.3s !important;
}

.woocommerce-checkout textarea{
    height:120px !important;
    padding-top:12px !important;
}

/* focus effect */
.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus{
    border-color:#ff6a00 !important;
    background:#fff !important;
    box-shadow:0 0 0 3px rgba(255,106,0,0.15) !important;
    outline:none !important;
}

/* ===== COUNTRY SELECT FIX ===== */
.select2-container .select2-selection--single{
    height:52px !important;
    border-radius: 0px !important;
    border:1px solid #e5e5e5 !important;
    background:#fafafa !important;
}
.select2-container--default .select2-selection__rendered{
    line-height: 36px !important;
    padding-left:15px !important;
    border-radius: 0px !important;
    border-color: #ccc !important;
}

/* ===== FIELD SPACING ===== */
.woocommerce-checkout .form-row{
}

/* ===== RIGHT ORDER NOTE BOX ===== */
.woocommerce-additional-fields textarea{
    background:#fafafa !important;
}

/* ===== MOBILE ===== */
@media(max-width:768px){

#customer_details{
    flex-direction:column !important;
}

#customer_details .col-1,
#customer_details .col-2{
    width:100% !important;
}

#billing_first_name_field,
#billing_last_name_field{
    width:100% !important;
    float:none !important;
}

}
span.woocommerce-input-wrapper {
    width: 100%;
}

h3#order_review_heading {
    margin-top: 40px;
    font-size: 32px;
    margin-bottom: 10px;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: 1px solid #e5e5e5;
}

p.form-row.form-row-last {
    /* justify-content: end; */
    align-items: center;
    margin-bottom: 0px !important;
}


p.form-row.form-row-last button.button {
    height: 52px;
    background: #e82325;
    color: #fff;
    border-radius: 0px !important;
}

p.form-row.form-row-last button.button:hover {
    background: #000;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    display: block;
    width: 100%;
    max-width: 20%;
    height: 52px;
    background: #e82325;
}

 .woocommerce-page #payment #place_order:hover {
    background: #000;
}
a.custom-logo-link img {
    width: 280px;
    height: auto;
}



/* ===== MY ACCOUNT MAIN BG ===== */
.woocommerce-account{
    background:#f5f7fb !important;
}



/* ===== LAYOUT ===== */
.woocommerce-account .woocommerce{
    display:flex !important;
    align-items:flex-start !important;
    justify-content: space-around !important;
    /* margin-left: 20px !important; */
}

/* ===== LEFT SIDEBAR ===== */
.woocommerce-MyAccount-navigation{
    /* width:260px !important; */
    background:#fff !important;
    border-radius: 0px !important;
    padding:20px !important;
    box-shadow:0 10px 30px rgba(0,0,0,0.06) !important;
    margin-right: 0px;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 29% !important;
}
.woocommerce-MyAccount-navigation ul{
    list-style:none !important;
    padding:0 !important;
    margin:0 !important;
}

/* menu item */
.woocommerce-MyAccount-navigation ul li{
    margin-bottom:8px !important;
}

.woocommerce-MyAccount-navigation ul li a{
    display:block !important;
    padding:12px 16px !important;
    border-radius: 0px !important;
    color:#111 !important;
    font-weight:600 !important;
    text-decoration:none !important;
    transition:.3s !important;
    background: #f0f0f0 !important;
}

/* hover */
.woocommerce-MyAccount-navigation ul li a:hover{
    background: #000000 !important;
    color:#fff !important;
}

/* active */
.woocommerce-MyAccount-navigation .is-active a{
    background: #e82325 !important;
    color:#fff !important;
}

/* ===== RIGHT CONTENT ===== */
.woocommerce-MyAccount-content{
    flex:1 !important;
    background:#fff !important;
    padding:35px !important;
    border-radius: 0px !important;
    box-shadow:0 15px 40px rgba(0,0,0,0.06) !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 69% !important;
}

/* text */
.woocommerce-MyAccount-content p{
    font-size:15px !important;
    color:#555 !important;
}

/* ===== ADDRESS BOX ===== */
.woocommerce-Addresses{
    /* display:flex !important; */
    gap:25px !important;
    margin-top:25px !important;
}

.woocommerce-Address{
    flex: 0 0 100%;
    max-width: 100%;
    background:#fafafa !important;
    padding:25px !important;
    border-radius:16px !important;
    border:1px solid #eee !important;
    position:relative !important;
    transition:.3s !important;
}

/* hover card */
.woocommerce-Address:hover{
    transform:translateY(-5px) !important;
    box-shadow:0 10px 25px rgba(0,0,0,0.08) !important;
}

/* title */
.woocommerce-Address-title h2{
    font-size:20px !important;
    font-weight:700 !important;
}

/* edit button */
.woocommerce-Address-title .edit{
    position:absolute !important;
    right:20px !important;
    top:20px !important;
    background: #e82325 !important;
    color:#fff !important;
    padding: 10px 14px !important;
    border-radius: 0px !important;
    font-size: 15px !important;
    text-decoration:none !important;
    font-weight: 500;
}

.woocommerce-Address-title .edit:hover{
    background:#111 !important;
}

/* address text */
.woocommerce-Address address{
    margin-top:15px !important;
    font-style:normal !important;
    color:#777 !important;
}

/* ===== MOBILE ===== */
@media(max-width:768px){

.woocommerce-account .woocommerce{
    flex-direction:column !important;
}

.woocommerce-MyAccount-navigation{
    width:100% !important;
}

.woocommerce-Addresses{
    flex-direction:column !important;
}

}
.woocommerce-info a.woocommerce-Button.wc-forward.button {
    line-height: 38px !important;
}
.woocommerce-info a.button.wc-forward {
    line-height: 38px !important;
}


.woocommerce-MyAccount-content h2 {
    font-size: 26px;
}


.woocommerce-MyAccount-content .woocommerce-address-fields input {
    padding: 14px 16px !important;
    border-radius: 0px !important;
    border: 1px solid #ccc !important;
}


.woocommerce-MyAccount-content .woocommerce-address-fields button.button {
    background: #e82325;
    color: #fff;
    border-radius: 0px;
    padding: 16px 20px;
    margin-top: 20px;
}
form.woocommerce-EditAccountForm.edit-account input {
    border: 1px solid #ccc !important;
    border-radius: 0px !important;
    padding: 12px 14px !important;
}



form.woocommerce-EditAccountForm.edit-account fieldset {
    margin-top: 20px;
}


.woocommerce-MyAccount-content p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide label {
    width: 100%;
}


.woocommerce-MyAccount-content p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide  span {
    width: 100%;
}

.woocommerce-MyAccount-content p button.woocommerce-Button.button {
    background: #e82325;
    padding: 16px 14px;
    color: #fff;
    border-radius: 0px;
    font-size: 16px;
    margin-top: 20px;
}

.woocommerce-MyAccount-content p button.woocommerce-Button.button:hover {
    background: #000;
}
form#woocommerce-checkout-form-coupon p.form-row.form-row-last {
    justify-content: end;
}
.page-id-15 .woocommerce {
    display: block !important;
}
.copyright img {
    =:right;display: flex;
    justify-content: flex-end;
    margin-left: auto;
}
.navbar-nav .dropdown-menu {
    width: 300px;
}



/* MOBILE HEADER */
.mobile-header {
    background: #fff;
    padding: 12px 0;
}

.mobile-logo img {
    height: 40px;
}

.mobile-center i {
    font-size: 17px;
    color: #000;
}
button.mobile-menu-btn i {
    font-size: 26px;
}
.mobile-cart-count {
    position: absolute;
    top: -8px;
    right: -13px;
    background: #e82325;
    font-size: 12px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    line-height: 23px;
    color: #fff;
    text-align: center;
    font-weight: 500;
}

/* SLIDE MENU */
.mobile-slide-menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 85%;
    height: 100%;
    background: #fff;
    z-index: 9999;
    transition: 0.4s ease;
    padding: 20px;
    overflow-y: auto;
}

.mobile-slide-menu.active {
    left: 0;
}

.mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    z-index: 9998;
}

.mobile-menu-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* SUBMENU */
.mobile-menu-list {
    list-style: none;
    padding: 0;
}

.mobile-menu-list li {
    position: relative;
    border-bottom: 1px solid #ddd;
}

.mobile-menu-list li a {
    display: block;
    padding: 14px 0;
    color: #000;
    text-decoration: none;
}

.mobile-menu-list .sub-menu {
    display: none;
    padding-left: 0px;
}

.mobile-menu-list li.menu-item-has-children > a::after {
    content: "+";
    position: absolute;
    right: 0px;
    font-size: 24px;
    top: 4px;
}

.mobile-menu-list li.open > a::after {
    content: "-";
}



#searchBox.mobile-active {
    display: flex !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
    z-index: 10000;
    align-items: center;
    justify-content: center;
}

#searchBox.mobile-active form {
    width: 80%;
}

#searchBox.mobile-active input {
    width: 100%;
    padding: 15px;
    font-size: 18px;
}


/* MOBILE SEARCH POPUP ONLY */
@media (max-width: 991px) {

  #searchBox.mobile-active {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.9);
      z-index: 10000;
      display: flex !important;
      align-items: center;
      justify-content: center;
  }

  #searchBox.mobile-active form {
      width: 80%;
  }

  #searchBox.mobile-active input {
      width: 100%;
      padding: 15px;
      font-size: 18px;
  }

}

.mobile-search-popup {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,0.9);
   display: none;
   align-items: center;
   justify-content: center;
   z-index: 99999;
}

.mobile-search-popup.active {
   display: flex;
}

.mobile-search-inner {
   width: 80%;
   position: relative;
}
.mobile-search-inner  button {
    position: absolute;
    top: 10px;
    right: 10px;
}



.mobile-search-popup button.mobile-search-close {
    position: absolute;
    top: 0;
    right: -22px;
    background: #ccc;
    width: 22px;
    height: 22px;
    border-radius: 50px;
    line-height: 27px;
    font-size: 16px;
    display: none;
}

.mobile-search-inner input {
   width: 100%;
   padding: 8px 20px 8px 8px;
   font-size: 15px;
   border: 1px solid #ccc;
}

.mobile-search-close {
   position: absolute;
   top: -9px;
   right: -22px;
   background: none;
   border: none;
   color: #000000;
   font-size: 21px;
}
.navbar-nav .dropdown-menu  li.nav-item a.nav-link {
    color: #212529;
}

.navbar-nav .dropdown-menu {
    border-radius: 0px;
    margin-top: -1px;
}

@media (max-width: 992px) {

    .category-filter .filter-list {
        display: none;
    }

    .category-filter.active .filter-list {
        display: block;
        margin-top: 10px;
    }

}

/* DESKTOP ALWAYS OPEN */
@media (min-width: 993px) {

    .category-filter .filter-list {
        display: block !important;
    }

    .filter-toggle-icon {
        display: none;
    }

}


.review-form .comment-form p label {
    width: 100%;
}

.review-form .comment-form p select {
    width: 100%;
    height: 50px;
    padding: 0px 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.review-form .comment-form p textarea {
    width: 100%;
    height: 120px;
    padding: 0px 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.review-form .comment-form p input {
    width: 100%;
    height: 50px;
    padding: 0px 10px; 
    border: 1px solid #ccc;
    border-radius: 6px;
}
.review-form .comment-form  p.comment-form-cookies-consent input {
    width: 20px;
    height: 20px;
}

.review-form .comment-form p.comment-form-cookies-consent {
    display: flex;
    align-items: center;
    gap: 10px;
}

.review-form .comment-form p.comment-form-cookies-consent label {
    margin: 0px;
}
.review-form .comment-form  p.form-submit input#submit {
    width: auto;
    padding: 16px 50px !important;
    background: #e82325 !important;
    height: auto;
    border-radius: 0px !important;
    color: #fff !important;
}

.review-form .comment-form p.form-submit input#submit:hover {
    background: #000 !important;
}
.woocommerce .quantity .qty {
    border: transparent !important;
    padding: 8px !important;
}



/* cart opstion css start here */

.open-cart-drawer {
    position: relative;
}
.cart-hover-area{
  position:relative;
}

/* mini cart box */
#cart-tooltip-content{
  position:absolute;
  right:0;
  top:45px;
  width: 380px;
  background:#fff;
  box-shadow:0 20px 40px rgba(0,0,0,0.15);
  border-radius: 0px;
  z-index:9999;
  opacity:0;
  visibility:hidden;
  transition:.3s;
  /* border: 1px solid #ccc; */
  padding: 10px;
}

/* hover open */
.cart-hover-area:hover #cart-tooltip-content{
  opacity:1;
  visibility:visible;
}

/* items scroll */
.MiniCart-itemList{
  max-height:300px;
  overflow-y:auto;
  padding:0;
  margin:0;
}

.MiniCartItem{
  list-style:none;
  display:flex;
  gap:12px;
  border-bottom:1px solid #eee;
  padding: 15px 0px;
}

.MiniCartItem img{
  width: 63px;
}

.price{
  color: #db1409;
  font-weight:600;
  font-size: 16px;
  line-height: normal;
  margin-top: 6px;
  margin-bottom: 0px;
}

.ButtonV1.primary{
  display:block;
  width:100%;
  background: #db1409;
  color:#fff !important;
  text-align:center;
  padding: 10px;
  border-radius: 0px;
  text-decoration:none;
  font-weight:600;
}
.Tooltip-content h4.MiniCart-title {
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0px;
    padding: 0px 0px 6px;
    color: #161616;
}

.MiniCartItem-info h5 {
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 500;
    color: #2b2a2a;
}


.MiniCartItem-info h6 {
    font-size: 16px;
    font-weight: 300;
    margin: 0px;
}

.MiniCart-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5px;
    margin-top: 10px;
    border-top: 1px solid #eee;
    font-size: 18px;
}


.MiniCart-total h4 {
    font-size: 18px;
    margin: 0px;
    color: #db1409;
}

.Tooltip-content:before {
    border-color: transparent transparent #9b9b9b transparent;
    border-width: 8px;
}
.Tooltip-content:after, .Tooltip-content:before {content: "";border: solid;margin-left: -8px;position: absolute;bottom: 100%;left: 84%;width: 0;height: 0;}

#cart-tooltip-content{
  position:absolute;
  right:0;
  top: 99%;
  width:380px;
  border:1px solid #cfcfcf;
  padding: 10px;
  z-index:999;
}


#cart-tooltip-content::before{
  content:"";
  position:absolute;
  top:-12px;
  right:40px;  
  border-width:0 12px 12px 12px;
  border-style:solid;
  border-color: transparent transparent #cfcfcf #00000000;
}


#cart-tooltip-content::after{
  content:"";
  position:absolute;
  top: -10px;
  right:40px;
  border-width:0 12px 12px 12px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}
.MiniCartItem figure {
    margin: 0px;
}

li.MiniCartItem a {
    gap: 20px;
}
.MiniCartItem:last-child {
    border-bottom: transparent;
    padding-bottom: 0px;
}
/* width */
.MiniCart-itemList::-webkit-scrollbar {
    width: 4px;
}

/* track */
.MiniCart-itemList::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 20px;
}

/* thumb */
.MiniCart-itemList::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg,#c58b6d,#a86546);
    border-radius: 20px;
    transition:.3s;
}

/* hover */
.MiniCart-itemList::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg,#a86546,#8d5338);
}

/* Firefox */
.MiniCart-itemList{
  scrollbar-width: thin;
  scrollbar-color: #7e7c7b #f1f1f1;
}


.partner_image{
    position:relative;
    overflow:hidden;
    border-radius:10px;
}

.partner_image img{
    width:100%;
    transition:0.4s ease;
}

/* Overlay */
.partner_image .overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.65);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:0.4s ease;
}

/* Button */
.download-btn{
    background:#e60023;
    color:#fff;
    padding:10px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    transition:0.3s;
}

.download-btn i{
    margin-right:6px;
}

/* Hover Effects */
.partner_image:hover img{
    transform:scale(1.05);
}

.partner_image:hover .overlay{
    opacity:1;
}

.download-btn:hover{
    background:#ffffff;
    color:#e60023;
}

/* dropdown container */
.dropdown-menu{
    width: 280px;
    padding: 12px 0;
    border: none;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    background: #fff;
}

/* list item */
.dropdown-menu .nav-item{
    list-style: none;
}

/* link design */
.dropdown-menu .nav-link{
    display: block;
    padding: 12px 18px;
    color: #222;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: 0.3s;
    border-left: 3px solid transparent;
}

/* hover effect */
.dropdown-menu .nav-link:hover{
    background: #f5f7fb;
    color: #e11d2e;   /* brand red */
    padding-left: 22px;
    border-left: 3px solid #e11d2e;
}

/* divider spacing */
.dropdown-menu .nav-item:not(:last-child){
    border-bottom: 1px solid #f1f1f1;
}

/* smooth animation */
.dropdown-menu{
    animation: dropdownFade 0.25s ease;
}

@keyframes dropdownFade{
    from{
        opacity:0;
        transform: translateY(10px);
    }
    to{
        opacity:1;
        transform: translateY(0);
    }
}
/* Hide by default */
.dropdown-menu{
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease;
    margin-top: 0;
}

/* Hover pe show */
.dropdown:hover .dropdown-menu{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Smooth design */
.dropdown-menu{
    width: 280px;
    padding: 12px 0;
    border: none;
    border-radius: 10px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.12);
    background: #fff;
    border: 1px solid #eee !important;
}

/* Links */
.dropdown-menu .nav-link{
    display: block;
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 500;
    color: #222;
    transition: 0.3s;
    border-left: 3px solid transparent;
}

.dropdown-menu .nav-link:hover{
    background: #f4f6fa;
    color: #e11d2e;
    padding-left: 24px;
    border-left: 3px solid #e11d2e;
}








/* ══════════════════════════════════════
   HERO BANNER  (full-width dark style)
══════════════════════════════════════ */
.hero {
  position: relative;
  background: var(--dark);
  min-height: 340px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.hero-bg {
  position: absolute;
  inset: 0;
  background-position: 35% 50%;
}
.hero-content {
  position: relative;
  z-index: 2;
  padding: 60px 60px;
  max-width: 680px;
}
.hero-discount {
  display: inline-block;
  background: #ffffff;
  color: #e82325;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 8px 10px;
  margin-bottom: 22px;
}
.hero h1 {
  font-size: clamp(32px, 4.5vw, 52px);
  font-weight: 700;
  color: #fff;
  line-height: 1.1;
  margin-bottom: 10px;
  letter-spacing: .01em;
}
.hero-sub {
  color: rgb(255 255 255);
  font-size: 16px;
  margin-bottom: 28px;
  line-height: 1.6;
}
.btn-red {
  display: inline-flex;
  gap: 8px;
  background: #e82325;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  padding: 12px 24px;
  letter-spacing: .03em;
  text-transform: uppercase;
  transition: background .2s;
  align-items: center;
}
.btn-red:hover {background: #ffffff;}
.btn-red svg {width: 18px;height: 18px;}

/* countdown inside hero */
.hero-countdown {
  position: absolute;
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  background: rgb(255 255 255);
  border: 1px solid rgba(255,255,255,.12);
  padding: 24px 28px;
  text-align: center;
  padding: 50px;
  border-radius: 10px;
}
@media(max-width:900px){ .hero-countdown{ display:none; } }
.cd-title {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgb(0 0 0);
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}
.cd-dot {
  width: 7px; height: 7px;
  background: var(--red);
  border-radius: 50%;
  display: inline-block;
  animation: blink 1.1s ease-in-out infinite;
}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
.cd-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 6px;
}
.cd-box {
  background: rgb(197 196 196 / 20%);
  border: 1px solid rgba(255,255,255,.1);
  padding: 10px 4px 8px;
}
.cd-num {
  font-size: 32px;
  font-weight: 700;
  color: var(--red);
  line-height: 1;
  display: block;
}
.cd-lbl {
  font-size: 14px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgb(0 0 0);
  display: block;
  margin-top: 3px;
}








/* ══════════════════════════════════════
   WHY CHOOSE US  (benefit cards)
══════════════════════════════════════ */
.why-section {
  padding: 36px 0 0;
}
.why-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border: 1px solid var(--border);
}

.why-card {
  border-right: 1px solid #dddddd;
  padding: 28px 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  transition: background .2s;
  flex-direction: column;
}
.why-card:last-child { border-right: none; }
.why-card:hover { background: #fafafa; }

.why-icon {
  width: 52px;
  height: 52px;
  background: #fff3f3;
  border: 1px solid #ffd5d5;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50px;
}
.why-icon svg {width: 32px;height: 28px;color: #e8131a;}
.why-text h4 {
  font-size: 18px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 4px;
  letter-spacing: .02em;
}
.why-text p {font-size: 16px;color: #403d3d;line-height: 1.5;margin: 0px;}
section.choose-us-sec {
    padding-bottom: 60px;
}
.why-text {
    text-align: center;
}
.cart-qty {
    display: flex;
    gap: 20px;
    font-size: 14px;
    color: #2b2a2a;
}
.cart-qty {
    margin-top: 9px;
}

.cart-qty dt {
    margin: 0px;
}

.cart-qty dd {
    margin: 0px;
}
ul.MiniCart-itemList li a p.price span.woocommerce-Price-amount.amount bdi {
    display: flex;
    font-weight: 700;
}

ul.MiniCart-itemList li a p.price span.woocommerce-Price-amount.amount bdi span.woocommerce-Price-currencySymbol {
    font-weight: 700;
}
.privacy-policy-wrap h1 {
    font-size: 36px;
    margin-bottom: 20px;
}
.privacy-policy-wrap p span.helight-color {
    color: #e82325;
}

.privacy-policy-wrap p span.helight-bg {
    background: #ffff00;
    display: inline-block;
    padding: 0px 2px;
}

nav.woocommerce-pagination ul.page-numbers {
    border: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

nav.woocommerce-pagination ul.page-numbers li {
    background: white;
    border: 1px solid var(--border-color);
    color: var(--text-light);
    cursor: pointer;
    transition: all 0.3s;
    border-radius: 0px;
    font-family: 'Space Mono', monospace;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
}

nav.woocommerce-pagination {
    margin-top: 30px;
}


nav.woocommerce-pagination ul.page-numbers li span.page-numbers.current {
    background: #e82325;
    width: 45px;
    height: 45px;
    line-height: 26px;
    color: #fff;
}

nav.woocommerce-pagination ul.page-numbers li a.page-numbers {
    width: 45px;
    height: 45px;
    line-height: 28px;
}

nav.woocommerce-pagination ul.page-numbers li:hover a {
    background: #e82325 !important;
    color: #fff;
}
nav.woocommerce-pagination ul.page-numbers li a:focus {
    background: #e82325 !important;
    color: #fff !important;
}
.hero p {
    color: #fff;
}



.discount_box .discount_text p {
    color: #fff;
}

.error-404-section h1{
    color:#000;
    letter-spacing:3px;
}

.error-404-section p{
    font-size:18px;
    color:#666;
}

.error-404-section .btn{
    padding:12px 25px;
    margin:5px;
}
.company-profile-new a.thm-btn.btn-rounded.thm-bg-color-one:hover {
    background: #000;
    color: #fff;
}
.thanku-sec{
    background:#f8fbff;
    /* padding:100px 0; */
}

.thanku-wrap{
    /* background:#fff; */
    padding:60px 40px;
    border-radius:16px;
    /* box-shadow:0 10px 40px rgba(0,0,0,0.08); */
}

.thanku-title{
    font-size:42px;
    font-weight:700;
    color: #000000;
    margin-bottom:15px;
}

.thanku-text{
    font-size:18px;
    color:#555;
    max-width:500px;
    margin:0 auto;
}

.thanku-btns a{
    display:inline-block;
    padding: 10px 28px;
    border-radius: 0px;
    font-weight:600;
    text-decoration:none;
}

.btn-home{
    background:#0d6efd;
    color:#fff;
}

.btn-home:hover{
    background:#084298;
    color:#fff;
}

.btn-contact{
    background:#e9f2ff;
    color:#0d6efd;
}

.btn-contact:hover{
    background:#d0e3ff;
}
.thanku-sec .thm-bg-color-one:hover {
    background: #000;
    color: #fff;
}
/* slick load se pehle sab hide */
.banner_slider .slide-item{
    display:none;
}

/* sirf first banner show */
.banner_slider .slide-item:first-child{
    display:block;
}

/* slick load hone ke baad sab normal */
.banner_slider.slick-initialized .slide-item{
    display:block;
}

/* search filter .customer_support */


.live-search-results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    z-index: 9999;
    max-height: 400px;
    overflow-y: auto;
}

.search-result-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.2s;
}

.search-result-item:hover {
    background: #f7f7f7;
}

.search-result-item img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 6px;
    background: #eee;
}

.search-result-item .result-icon {
    width: 45px;
    height: 45px;
    background: #f0f0f0;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #888;
}

.result-info .result-type {
    font-size: 10px;
    text-transform: uppercase;
    color: #999;
    letter-spacing: 0.5px;
}

.result-info .result-title {
    font-size: 14px;
    font-weight: 500;
    margin: 2px 0;
}

.result-info .result-price {
    font-size: 13px;
    color: #e44;
}

.result-info .result-count {
    font-size: 12px;
    color: #888;
}

.search-no-results {
    padding: 16px;
    text-align: center;
    color: #999;
    font-size: 14px;
}

#searchBox {
    position: relative;
}
.see-more-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: #f9f9f9;
    color: #333;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border-top: 2px solid #e0e0e0;
    transition: background 0.2s;
}

.see-more-btn:hover {
    background: #222;
    color: #fff;
}

.see-more-btn strong {
    color: #e44;
}

.see-more-btn:hover strong {
    color: #fff;
}
.whatsapp-float {
    position: fixed;
    width: 55px;
    height: 55px;
    bottom: 25px;
    right: 25px;
    background-color: #25D366;
    color: #fff;
    border-radius: 50%;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    z-index: 9999;
    transition: 0.3s ease;
}

.whatsapp-float:hover {
    background-color: #1ebe5d;
    transform: scale(1.1);
    color: #fff;
}
.auth-side.right form {
    margin: 0px;
}
.discount_box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000042;
}
.product-details-wrapper .social-icon:hover a i {
    color: #fff;
}
.remove-compare-btn {
    font-size: 16px !important;
}
.remove-compare-btn:hover {
    color: #fff;
}
.compare-actions {
    flex-wrap: wrap;
}

.compare-actions a {
    white-space: nowrap;
}

.compare-actions {
    align-items: center;
}



.page-id-13  form.woocommerce-cart-form {
    width: 70%;
}



.page-id-13  .cart-collaterals {
    width: 30%;
}


.woocommerce-box {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.page-id-13 .cart-collaterals .cart_totals {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .1);
}
/*.product_block .product_image .social li:nth-child(1) {
    display: none;
}

.product_block .product_image .social li:nth-child(3) {
    display: none;
}

.product_block .product_image .social li:nth-child(4) {
    display: none;
}
.product-actions {
    display: none;
}*/
.product_block .social li a.added_to_cart.wc-forward {
    width: 100%;
    margin-top: 10px;
    display: none;
}



.newsletter-form .es_form_wrapper input {
    width: 400px;
    padding: 15px 117px 15px 15px;
    margin-top: 6px;
}

.newsletter-form .es_form_wrapper {
    position: relative;
}

.newsletter-form .es_form_wrapper .es-field-wrap.es-submit-container {
    margin: 0px;
}

.newsletter-form .es_form_wrapper .es-field-wrap.es-submit-container input.es-subscribe-btn.es-custom-button {
    position: absolute;
    top: 36px;
    right: 25px;
    background: #e01409 !important;
    border: transparent !important;
    width: auto;
    padding: 13px !important;
}

.newsletter-form .es-field-wrap.ig-es-form-field {
    margin: 0px;
}

.newsletter-form .es-field-wrap.ig-es-form-field label.es-field-label {
    margin: 0px;
}

.newsletter-form .es_form_wrapper .es-field-wrap.es-submit-container input.es-subscribe-btn.es-custom-button:hover {
    background: #000 !important;
}
.es_subscription_message.success {
    color: #ffffff;
    font-size: 16px;
    border: 1px solid #fff;
    padding: 10px;
}
.header_action ul li a {
    font-size: 15px !important;
    padding-left: 0px;
    font-weight: 500;
    text-transform: capitalize;
    color: #070707 !important;
}
.product-image-wrapper img {
    height: auto;
}
.product-details-wrapper .social-icon a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    color:inherit;
}

.product-details-wrapper .social-icon i{
    font-size:16px;
    line-height:1;
}

div#payment ul.wc_payment_methods.payment_methods.methods  label {
    display: ruby;
}



div#payment ul.wc_payment_methods.payment_methods.methods  input {
    accent-color: #e82325;
}

.p-Input .p-Input-input:not(.p-Input--matchFloatingLabelHeight):not(.p-PhoneInput) {
    padding: 10px !important;
    border-radius: 4px !important;
}