* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    scroll-behavior: smooth;

}



:root {

    --primary: #EA9D06;

    --secondary: #222;



    --text-black: #222;

    --text-yellow: #EA9D06;

    --text-light: #A9A9A9;

    --text-grey: #868593;

    --text-white: #fff;

    --text-green: #368D9D;

    --text-red: #FF3C3C;



    --white-bg: #fff;

    --grey-bg-light: #f8f9f9;

    --grey-bg: #F2F3F4;

    --dark-bg: #222;

    --dark-bg-2: #262626;



    --primary-font: "Poppins", serif;

    --secondary-font: "Roboto", serif;

    --tertiary-font: "DM Serif Display", serif;

}



ol,

ul,

li,

a {

    list-style: none;

    text-decoration: none;

    color: var(--text-black);

}



a:hover {

    color: var(--text-black);

}



ol,

ul {

    padding: 0 !important;

    margin-bottom: 0 !important;

}



h1,

h2,

h3,

h4,

h5,

h6,

p,

a,

li,

ul {

    margin-bottom: 0 !important;

}



p {

    font-size: 16px !important;

    line-height: 1.6;

}



input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



body {

    background-color: var(--grey-bg-light);

    color: var(--text-black);

    font-family: var(--secondary-font);

    font-weight: 400;

}



/* Navigation */

/* Top Bar */

.top-bar {

    padding: 1rem 0;

}



.top-bar-info a img {

    width: 20px;

}



.top-bar-info a p {

    font-size: 14px !important;

    margin-top: 1px;

}



.top-bar-menu a img {

    width: 20px;

}



.top-bar-menu a p {

    margin-top: 2px;

    font-size: 14px !important;

}



.top-bar-menu a {

    padding: 0 28px;

}



.top-bar-menu a:first-child {

    padding-left: 0;

}



.top-bar-menu a:last-child {

    padding-right: 0;

}



.top-bar-menu a:not(:first-child) {

    border-left: 2px solid var(--text-black);

}



.top-bar-title {

    font-family: var(--tertiary-font);

    font-size: 18px;

    color: var(--text-black);

}



.cart-badge span {

    left: 120% !important;

    top: -3px !important;

    font-size: 11px !important;

    padding: 4px;

    background-color: var(--primary);

    color: var(--text-black);

}



/* Navbar */

.navigation {

    height: 75px;

    background-color: var(--dark-bg);

    border-radius: 10px;

    padding: 0 0.5rem;

}

.logo {
    height: 75px;
    width: 75px;
    border-radius: 100%;
    background: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center
}

.logo img {

    width: 65px;

    height: 100%;

    object-fit: contain;

}



.navigation-menu {

    display: flex;

    align-items: center;

    height: 100%;

    gap: 0.5rem;

}



.navigation-menu li {

    height: 100%;

}



.navigation-menu li a {

    color: var(--text-white);

    padding: 0 28px;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.navigation-menu li .nav-link:hover {

    background-color: var(--primary);

    color: var(--text-black) !important;

    font-weight: 500;

}



.navigation-menu li a.active {

    background-color: var(--primary);

    color: var(--text-black);

    font-weight: 500;

}



.search-form {

    height: 100%;

    padding: 0.6rem 0;

    max-width: 400px;

    width: 100%;

    position: relative;

}



.search-form input {

    width: 100%;

    height: 100%;

    margin: 0 !important;

    padding-left: 2.75rem;

}



.search-form i {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 1rem;

    font-size: 1.25rem;

    color: var(--text-light);

}



.search-form input::placeholder {

    color: var(--text-light);

    font-size: 14px;

}



.dropdown .dropdown-toggle {

    color: var(--text-white) !important;

}



.menu-btn {

    display: none;

}



.navigation-container {

    transition: 200ms ease;

}



.nav-sticky {

    position: sticky;

    top: 0;

    padding: 0;

    z-index: 999999;

}



.nav-sticky .navigation {

    border-radius: 0;

    padding: 0 2rem;

}



/* Dropdown */

.navigation-menu .dropdown .nav-link,

.navigation-menu .dropdown-item {

    padding: 12px 24px;

    margin: 0;

    justify-content: flex-start !important;

}



.dropdown-item {

    color: #fff;

}



.dropdown .dropdown-menu {

    display: none;

    background: var(--dark-bg);

    border-radius: 0;

}



.main-dropdown-menu {

    margin-top: 0 !important;

}



.dropdown:hover>.dropdown-menu,

.dropend:hover>.dropdown-menu {

    display: block;

    margin-top: .1rem;

    margin-left: .1rem;

}



@media screen and (min-width:769px) {

    .dropend:hover>.dropdown-menu {

        position: absolute;

        top: 0;

        left: 100%;

    }

}



/* Sidebar */

.main-sidebar {

    display: none;

}



.close-btn {

    height: 28px;

    width: 28px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

    border: 1px solid var(--text-light);

    margin-bottom: 1.5rem;

    margin-left: auto;

    cursor: pointer;

}



.close-btn i {

    font-size: 1.65rem;

    color: var(--text-light);

}



.sidebar-menu>li {

    position: relative;

}



.sidebar-menu>li>a {

    padding: 12px 12px 12px 15px;

    display: block;

    border-left: 3px solid transparent;

    color: var(--text-light);

    font-size: 20px;

}



.sidebar-menu>li:hover>a,

.sidebar-menu>li.active>a {

    color: var(--text-white);

    background: var(--dark-bg-2);

    border-left-color: var(--primary);

}



.sidebar-menu>li>.treeview-menu {

    margin: 0 1px;

    background: #333333;

    padding-left: 1rem !important;

}



.sidebar-menu>li .label,

.sidebar-menu>li .badge {

    margin-top: 3px;

    margin-right: 5px;

}



.sidebar-menu li>a>.arrow-right {

    width: auto;

    height: auto;

    padding: 0;

    margin-right: 10px;

    margin-top: 3px;

}



.sidebar-menu li.active>a>.arrow-right {

    transform: rotate(-90deg);

}



.sidebar-menu li.active>.treeview-menu {

    display: block;

}



.sidebar-menu .treeview-menu {

    display: none;

    list-style: none;

    /* padding: 0.5rem 0 1.5rem 0 !important; */

    /* padding-bottom: 1rem; */

}



.sidebar-menu .treeview-menu .treeview-menu {

    padding-left: 20px;

}



.sidebar-menu .treeview-menu>li>a {

    padding: 10px 5px 10px 15px;

    display: block;

    font-size: 15px;

    color: var(--text-light);

    font-weight: 600;

}



.sidebar-menu .treeview-menu>li.active>a,

.sidebar-menu .treeview-menu>li>a:hover {

    color: #fff;

}



.main-sidebar {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    height: 100%;

    width: 100%;

    z-index: 99999;

    background-color: var(--dark-bg);

    overflow-y: scroll;

    padding: 1.5rem 0.75rem;

}



.treeview-menu-list {

    padding-left: 2rem !important;

    display: flex;

    flex-direction: column;

    gap: 5px;

}



.treeview-menu-list li a {

    color: var(--text-light);

    font-size: 14px;

    transition: 200ms ease;

}



.treeview-menu-list li a:hover {

    color: var(--text-yellow);

    font-weight: 600;

}



.treeview-menu .treeview a span {

    font-size: 18px;

}



.treeview-menu .treeview a i {

    font-size: 1.25rem;

}



.treeview-menu-inner {

    padding-left: 2rem !important;

}



.treeview-menu-inner .main-link {

    font-size: 17px;

    color: var(--text-yellow);

    font-weight: 500;

    padding: 0.5rem 0 !important;

    display: block;

    /* margin-bottom: 100px !important; */

}



/* .treeview-menu-inner ul {

    padding-top: 0.5rem !important;

} */



.treeview-menu-inner li a {

    padding: 6px 16px;

    display: block;

    font-size: 15px;

    color: var(--text-light);

}



.treeview-menu-inner:last-child {

    padding-bottom: 1rem !important;

}



/* Hero Slider */

.hero {

    margin-top: 22px;

}



.hero-card {

    height: 640px;

    position: relative;

}



/*.hero-card::after {*/

/*    position: absolute;*/

/*    top: 0;*/

/*    left: 0;*/

/*    right: 0;*/

/*    bottom: 0;*/

/*    content: '';*/

/*    background: rgb(0, 0, 0);*/

/*    background: linear-gradient(82deg, rgba(0, 0, 0, 0.7511379551820728) 0%, rgba(0, 0, 0, 0.2497373949579832) 100%);*/

/*    border-radius: 20px;*/

/*}*/



.hero-card img {

    height: 100%;

    width: 100%;

    object-fit: cover;

    border-radius: 20px;

}



.hero-card-content {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 140px;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 1.5rem;

    z-index: 99;

    color: var(--text-white);

    width: 45%;

}



.hero-card-content h6 {

    padding: 8px 20px;

    border-radius: 50px;

    font-size: 20px;

    font-weight: 300;

    background-color: rgba(169, 169, 169, 0.28);

}



.hero-card-content span {

    font-size: 75px;

    font-family: var(--primary-font);

    font-weight: 700;

    line-height: 1.45;

}



.hero-card-content .primary-btn {

    border-radius: 8px;

    color: var(--text-black) !important;

    padding: 12px 34px;

    font-size: 20px;

    margin-top: 1rem;

}



.hero-container {

    position: relative;

}



.hero-slider-btn {

    top: 50%;

    transform: translateY(-50%);

    position: absolute;

    z-index: 1;

    height: 40px;

    width: 40px;

    border-radius: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #D9D9D920;

}



.hero-slider-btn i {

    font-size: 2rem;

    color: var(--text-yellow);

}



.hero-btn-left {

    left: 2rem;

}





.hero-btn-right {

    right: 2rem;

}



/* Categories */

.category-card {

    display: flex;

    flex-direction: column;

    gap: 2.5rem;

    align-items: center;

}



.category-card img {

    width: 50px;

}



.category-card-content {

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    gap: 0.65rem;

}



.category-card-content h6 {

    font-size: 18px;

    font-weight: 500;

    font-family: var(--primary-font);

}



.category-card-content p {

    font-size: 16px !important;

    color: var(--text-grey);

}



/* Best Selling Products */

.bestselling {

    background-color: var(--grey-bg);

}



.product-card {

    display: flex;

    flex-direction: column;

    gap: 1rem;

    padding: 1rem 1.5rem 1.75em 1.5rem;

    border-radius: 15px;

    background-color: var(--white-bg);

}



.product-card-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.product-card-header button {

    background-color: #FF000010 !important;

    color: var(--text-red) !important;

    padding: 0 6px;

    font-size: 12px;

    text-transform: uppercase;

    border-radius: 3px;

    font-weight: 500;

}



.product-card-header i {

    font-size: 1.5rem;

    cursor: pointer;

}



.product-img img {

    width: 100%;

    height: 240px;

    object-fit: contain;

}



.product-description {

    display: flex;

    flex-direction: column;

    gap: 0.25rem;

    font-family: var(--primary-font);

}



.product-category {

    font-size: 13px;

}



.product-description h6 {

    font-size: 18px;

    font-weight: 600;

}



.product-price-info {

    margin: 0.3rem 0 0.05rem 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.product-price-info span {

    display: flex;

    align-items: center;

    font-size: 1.15rem;

    color: var(--text-green);

    font-weight: 500;

}



.product-price-info span i {

    font-size: 1.3rem;

}



.product-rating {

    display: flex;

    align-items: center;

    gap: 5px;

}



.product-rating i {

    color: var(--primary);

    font-size: 14px;

}



.product-btn-container {

    width: 100%;

    display: flex;

    flex-direction: column;

    gap: 10px;

}



.product-btn-container a {

    width: 100%;

    display: flex;

    align-items: center;

    gap: 8px;

    justify-content: center;

    border-radius: 5px;

    font-size: 14px;

    color: var(--text-black) !important;

    padding: 8px 24px;

}



.product-btn-container a:last-child {

    border: 1px solid var(--text-black) !important;

}



.product-btn-container a img {

    width: 16px;

}



.product-slider {

    height: max-content;

}



.product-slider-container {

    position: relative;

}



.product-slider-btn {

    top: 50%;

    transform: translateY(-50%);

    position: absolute;

    z-index: 99;

    height: 40px;

    width: 40px;

    border-radius: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid var(--text-black);
    cursor: pointer;

}



.product-slider-btn i {

    font-size: 2rem;

    color: var(--text-black);

}



.product-btn-left {

    left: -90px;

}





.product-btn-right {

    right: -90px;

}



/* Top Seller */

.top-seller-btn-left {

    left: -90px;

}



.top-seller-btn-right {

    right: -90px;

}



/* Offer Card */

.offer-card-left {

    height: 525px;

    border-radius: 15px;

    position: relative;

}



.offer-card-left img {

    border-radius: 15px;

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.offer-card-left-content {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 2rem 3rem;

    display: flex;

    flex-direction: column;

    gap: 3rem;

    align-items: flex-start;

    margin-top: 3rem;

    width: 50%;

}



.offer-card-left-content h2 {

    font-size: 3rem;

    font-family: var(--primary-font);

    font-weight: 600;

    line-height: 1.3;

}



.offer-card-left-content h6 {

    font-weight: 600;

    font-size: 1.5rem;

    font-family: var(--primary-font);

    display: flex;

    align-items: center;

    gap: 0.5rem;

}



.offer-card-left-content h6 span {

    display: inline-flex;

    align-items: center;

}



.offer-card-left-content h6 span i {

    font-size: 1.6rem;

    margin-right: -3px;

}



.offer-card-left-content a {

    padding: 10px 40px;

    border-color: var(--text-black) !important;

    margin-top: 0.5rem;

}



.offer-card-right {

    height: 525px;

    position: relative;

    border-radius: 15px;

}



.offer-card-right img {

    border-radius: 15px;

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.offer-card-right-content {

    position: absolute;

    top: 2rem;

    left: 2rem;

    right: 2rem;

    padding: 2rem;

    background-color: rgba(217, 217, 217, 0.8);

    display: flex;

    flex-direction: column;

    gap: 1rem;

    align-items: flex-start;

}



.offer-card-right-content h2 {

    font-size: 2rem;

    font-weight: 600;

    font-family: var(--primary-font);

    line-height: 1.3;

}



.offer-card-right-content a {

    display: flex;

    align-items: center;

    gap: 8px;

}



.offer-card-right-content a {

    font-size: 18px;

    font-weight: 600;

}



.offer-card-right-content a i {

    font-size: 2.5rem;

}



/* Deals Card */

.deals-card {

    height: 475px;

    border-radius: 15px;

    position: relative;

}



.deals-card img {

    border-radius: 15px;

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.deals-card-content {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    gap: 1.5rem;

    max-width: 565px;

    width: 100%;

    padding: 2rem;

}



.deals-card-content::after {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    backdrop-filter: blur(25px) saturate(100%);

    -webkit-backdrop-filter: blur(25px) saturate(100%);

    background-color: rgba(217, 217, 217, 0.5);

    content: '';

    z-index: -1;



}



.deals-card-content h4 {

    font-size: 2rem;

    color: var(--text-white);

    font-family: var(--primary-font);

    line-height: 1.4;

}



.deals-card-content a {

    border-color: var(--text-white) !important;

    color: var(--text-white) !important;

}



.deals-slider-container {

    position: relative;

}



.deals-slider-btn {

    top: 50%;

    transform: translateY(-50%);

    position: absolute;

    z-index: 99;

    height: 40px;

    width: 40px;

    border-radius: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: rgba(0, 0, 0, 0.25);

}



.deals-slider-btn i {

    font-size: 2rem;

    color: var(--text-white);

}



.deals-btn-left {

    left: 2rem;

}





.deals-btn-right {

    right: 2rem;

}



.deals-slider .swiper-pagination span {

    background-color: var(--grey-bg);

}



/* Points */

.point-card {

    padding: 2.5rem 2rem;

    border-radius: 15px;

    background-color: var(--grey-bg);

    display: flex;

    align-items: center;

    gap: 1.5rem;

    justify-content: center;

}



.point-card-img {

    width: 100px;

    height: 100px;

    border-radius: 100%;

    background-color: var(--white-bg);

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

}



.point-card-img img {

    width: 45px;

}



.point-card h6 {

    font-size: 20px;

    font-family: var(--primary-font);

    font-weight: 600;

}



/* Footer */

.footer {

    background-color: var(--dark-bg);

    color: var(--text-white);

}



.newsletter {

    padding: 1.5rem;

    border-radius: 10px;

    background-color: #000;

}



.newsletter h6 {

    font-size: 1.5rem;

    font-family: var(--primary-font);

    font-weight: 400;

}



.newsletter-col:first-child {

    border-right: 1px solid rgba(169, 169, 169, 0.28);

}



.newsletter-col {

    padding-left: 1.5rem;

}



.newsletter-col p {

    color: var(--text-light);

}



.newsletter-input-box {

    display: flex;

    align-items: center;

    gap: 10px;

}



.newsletter-input-box input {

    padding: 12px 16px;

    font-size: 15px;

}



.newsletter-btn {

    background-color: #026FDA !important;

    height: 50px;

    width: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

}



.newsletter-btn img {

    width: 24px;

}



.footer-col {

    display: flex;

    flex-direction: column;

    gap: 1.75rem;

    font-weight: 300;

}



.footer-col h6 {

    font-size: 1.5rem;

    font-family: var(--primary-font);

}



.footer-info {

    display: flex;

    flex-direction: column;

    gap: 1.5rem;

}



.footer-info a {

    color: var(--text-white);

}



.footer-info a span {

    color: var(--text-light);

}



.quick-links {

    display: flex;

    flex-direction: column;

    gap: 1rem;

}



.quick-links li a {

    color: var(--text-light);

}



.quick-links li a:hover {

    font-weight: 500;

}



.footer-col-container {

    display: flex;

    justify-content: center;

}



.footer-col img {

    width: 200px;

}



.social-links {

    display: flex;

    align-items: center;

    gap: 2rem;

    margin-bottom: 1.5rem;

}



.social-links a i {

    font-size: 1.25rem;

    color: var(--text-light);

}



.footer-bottom-box {

    padding: 1.25rem 1rem;

    margin-top: 3rem;

    border-top: 1px dashed var(--text-grey);

}



.footer-bottom-box p {

    text-align: center;

    font-size: 15px !important;

    color: var(--text-light);

}



.footer-bottom-box p a {

    color: var(--text-yellow);

}



/* About Us */

.about-col {

    position: relative;

}



.about-img {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 24px;

    height: 100% !important;

}



.about-img img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.about-img img:nth-child(1) {

    height: 100%;

    grid-row: 1/3;

}



.about-img img:nth-child(2) {

    grid-row: 1/2;

}



.about-img img:nth-child(2) {

    grid-row: 2/3;

}



.abt-content .section-header>* {

    width: 100%;

}



.abt-opt {

    display: flex;

    align-items: center;

    gap: 2rem;

    margin-top: -0.5rem;

}



.abt-opt-card {

    display: flex;

    align-items: center;

    gap: 1.5rem;

}



.abt-opt-card img {

    width: 60px;

}



.abt-opt-card h6 {

    font-family: var(--primary-font);

    font-weight: 600;

    font-size: 1.35rem;

}



/* Values */

.our-values {

    background-color: var(--grey-bg);

}



.value-card:not(:last-child) {

    padding-bottom: 1.75rem;

    margin-bottom: 1.75rem;

    border-bottom: 1px solid rgba(0, 0, 0, 0.12);

}



.value-card {

    display: flex;

    align-items: flex-start;

    gap: 1.5rem;

}



.value-card-icon {

    border-radius: 8px;

    background-color: var(--white-bg);

    padding: 1rem;

    width: 90px;

    height: 90px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

}



.value-card-icon img {

    width: 50px;

}



.value-card-content {

    display: flex;

    flex-direction: column;

    gap: 10px;

}



.value-card-content h6 {

    font-size: 1.5rem;

    font-family: var(--primary-font);

    font-weight: 600;

}



.value-img-container {

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    gap: 1rem;

    width: 100%;

}



.value-img {

    height: 100%;

    width: 100%;

}



.value-img img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.value-img-container h6 {

    writing-mode: vertical-rl;

    text-orientation: mixed;

    font-size: 2.5rem;

    font-weight: 600;

    font-family: var(--primary-font);

    text-transform: uppercase;

    font-weight: 700;

}



.value-img-container h6 span {

    color: var(--text-yellow);

}



/* Contact Us */

.contact-info-box {

    display: flex;

    align-items: flex-start;

    gap: 1rem;

}



.contact-info-box:not(:first-child) {

    margin-top: 3rem;

}



.contact-info-icon {

    height: 40px;

    width: 40px;

    border-radius: 8px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid rgba(0, 0, 0, 0.12);

    flex-shrink: 0;

}



.contact-info-icon i {

    font-size: 1.45rem;

    color: var(--text-primary);

}



.contact-info-text h6 {

    font-size: 1.25rem;

    font-family: var(--primary-font);

    font-weight: 600;

}



.contact-info-text p {

    color: var(--text-grey);

    margin: 0.25rem 0 0.25rem 0 !important;

}



.contact-info-text a {

    font-weight: 600;

    color: var(--text-black);

}



.contact-info-col {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.contact-form {

    padding: 3.5rem;

    border-radius: 20px;

    background-color: var(--grey-bg);

}



.contact-form h4 {

    font-size: 1.75rem;

    font-weight: 700;

    font-family: var(--primary-font);

    margin-bottom: 1.75rem !important;

}



.contact-form label {

    font-weight: 500;

    margin-bottom: 5px;

}



.contact-form input,

.contact-form textarea {

    padding: 12px 16px;

    border: 2px solid var(--primary);

    background-color: var(--white-bg);

}



.contact-form button {

    background-color: var(--primary) !important;

}



/* Blog Page */

.blog-card {

    border-radius: 20px;

}



.blog-card img {

    height: 250px;

    width: 100%;

    object-fit: cover;

    border-radius: 20px;

}



.blog-card-content {

    margin-top: 1.5rem;

    display: flex;

    flex-direction: column;

    row-gap: 1rem;

    background-color: var(--grey-bg);

    padding: 1.5rem 1.25rem;

    border-radius: 20px;

}



.blog-card-content h6 {

    font-size: 1.25rem;

    font-weight: 700;

    color: var(--text-black);

    line-height: 1.4;

}



.blog-card-content p {

    line-height: 1.6;

    font-size: 16px !important;

}



.blog-card-content a {

    font-weight: 600;

    color: var(--primary) !important;

    padding-bottom: 2px;

    border-bottom: 2px solid var(--primary);

    width: max-content;

}



/* Blog Detail Page */

.blog-detail-img img {

    max-height: 450px;

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.blog-content {

    display: flex;

    flex-direction: column;

    gap: 1rem;

    align-items: flex-start;

}



.blog-content h1,

.blog-content h2,

.blog-content h3,

.blog-content h4,

.blog-content h5,

.blog-content h6 {

    font-weight: 600;

}



.blog-content ul {

    display: flex;

    flex-direction: column;

    gap: 0.25rem;

}



.blog-content ul li span {

    font-weight: 700;

}



.blog-content ul li {

    font-weight: 500;

}



.blog-content p,

.blog-content strong,

.blog-content ul li {

    color: var(--text-grey);
    /*list-style: disc !important;*/

}

.shiphr ol,
.shiphr ul {
    padding-left: 16px !important;
}

.shiphr ol li,
.shiphr ul li {
    list-style: disc !important;
}


.blog-details-sec .section-header p {

    color: var(--text-yellow);

    font-size: 15px !important;

}



/* FAQ */

.faq-container {

    max-width: 1050px;

    width: 100%;

    margin: 0 auto;

    padding: 0 1rem;

}



.faq-accordion .accordion-item {

    background-color: transparent;

    border: none;

}



.faq-accordion .accordion-item:not(:last-child) {

    border-bottom: 1px solid rgba(0, 0, 0, 0.12);

}



.faq-accordion .accordion-button {

    background-color: transparent;

    box-shadow: none;

    font-size: 1.5rem;

    font-family: var(--primary-font);

    color: var(--text-black);

    font-weight: 700;

    padding: 1.5rem 0;

    display: flex;

    align-items: flex-start;

}



.faq-accordion .accordion-button span {

    font-size: 1rem;

    margin-right: 1rem;

    margin-top: 3px;

    color: var(--primary);

}



.faq-accordion .accordion-body {

    padding: 0 2.5rem 1.5rem 2.5rem;

}



.faq-accordion .accordion-body p {

    font-size: 18px;

    color: var(--text-grey);

}



.faq-accordion .accordion-button::after {

    height: 32px;

    width: 32px;

    background-color: var(--grey-bg);

    border-radius: 100%;

    background-position: center center;

    background-image: url('../images/top-right-arrow.png');

    background-size: 40%;

}



.grey-bg {

    background-color: var(--grey-bg);

}



.product-card .ri-heart-fill {

    color: var(--primary);

}



/* Login */

.auth-margin {

    margin-top: 3rem;

}



.auth-container {

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;

}



.auth-form-bg {

    height: 100%;

    width: 100%;

    position: relative;

}



.auth-form-bg::after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, 0.5);

}



.auth-form-bg-content {

    position: absolute;

    top: 1rem;

    left: 1rem;

    right: 1rem;

    bottom: 1rem;

    display: flex;

    flex-direction: column;

    row-gap: 1rem;

    justify-content: center;

    align-items: center;

    text-align: center;

    z-index: 1;

}



.auth-form-bg-content h2 {

    font-weight: 600;

    color: var(--text-white);

}



.auth-form-bg-content p {

    color: var(--text-white);

}



.auth-form-bg-content .secondary-btn {

    border: 1px solid var(--text-white) !important;

    border-radius: 0;

    width: max-content;

    padding: 12px 40px;

    color: var(--text-white) !important;

    text-transform: none;

    font-weight: 400;

}



.auth-form-bg img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.auth-form {

    padding: 3rem 5rem 3rem 3.5rem;

}



.auth-form .section-header {

    gap: 0.75rem;

}



.auth-form .section-header h2 {

    font-weight: 700;

    text-transform: capitalize;

    color: var(--secondary);

}



.auth-form .section-header p {

    color: var(--text-secondary);

}



.auth-form input {

    padding: 12px 1rem;

    border-radius: 0;

    background-color: #E5E7E9;

    border: none;

}



.auth-form-btn-container {

    display: flex;

    align-items: center;

    justify-content: center;

}



.auth-form-btn-container button {

    width: max-content;

    padding: 12px 40px;

}



.forgot-password-text {

    margin-top: 2rem;

    text-align: center;

}



.forgot-password-text a {

    font-weight: 600;

}



/* Cart Page */

.cart-page hr {

    border-color: rgba(0, 0, 0, 0.18)

}



.cart-products-container {

    overflow-x: auto;

    overflow-y: hidden;

}



.cart-products {

    display: flex;

    flex-direction: column;

    gap: 0.5rem;

    min-width: 600px;

    width: 100%;

}



.cart-product {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

}



.cart-product-info {

    display: flex;

    align-items: flex-start;

    gap: 1rem;

    max-width: 400px;

    width: 100%;

}



.cart-product-img img {

    width: 100px;

    height: 100px;

    object-fit: cover;

}



.cart-product h6 {

    font-weight: 500;

}



.cart-product-info-content {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 6px;

}



.cart-product-info-content p {

    font-size: 14px !important;

    color: var(--text-grey);

}



.cart-product-remove-btn {

    background-color: #ff505035 !important;

    padding: 0 10px;

    border-radius: 3px;

    font-size: 12px;

    color: #ff5050 !important;

    font-weight: 500;

    margin-top: 9px;

}



.cart-product-download-btn {

    background-color: #1c9d61 !important;

    padding: 0 10px;

    border-radius: 3px;

    font-size: 12px;

    color: #7bf0b9 !important;

    font-weight: 500;

    margin-top: 9px;

}



.product-each {

    display: flex;

    flex-direction: column;

    gap: 16px;

}



.product-each p {

    display: flex;

    align-items: center;

    font-weight: 600;

}



.product-each p i {

    font-size: 1.1rem !important;

}



.product-each .product-increment-btn {

    padding: 6px;

    height: 40px;

}



.product-each .product-increment-btn-item i {

    font-size: 1.25rem;

}



.product-each .product-increment-btn span {

    font-size: 1.15rem;

}



.product-each:last-child {

    align-items: flex-end;

}



.subtotal-value {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.subtotal-value h6 {

    font-weight: 600;

    display: flex;

    align-items: center;

}



.subtotal-value h6 i {

    font-size: 1.15rem;

}



.cart-checkout-container {

    padding-left: 5rem;

    display: flex;

    flex-direction: column;

    row-gap: 2rem;

}



.promo-code {

    display: flex;

    flex-direction: column;

    row-gap: 2px;

}



.promo-code label {

    font-size: 13px;

    text-transform: uppercase;

    color: var(--text-grey);

}



.promo-code-form {

    display: flex;

    align-items: center;

}



.promo-code-form input {

    height: 50px;

    border-radius: 0;

    background: transparent;

}



.promo-btn {

    border-radius: 0;

    background-color: var(--dark-bg) !important;

    height: 50px !important;

}



.shipping-details {

    display: flex;

    flex-direction: column;

    gap: 0.75rem;

}



.shipping-details-box {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.shipping-details-box p {

    font-size: 15px;

    color: var(--text-grey);

    display: flex;

    align-items: center;

}



.shipping-details-box p i {

    font-size: 1.1rem;

}



.shipping-details-box h5 {

    font-weight: 600;

    font-size: 1.15rem;

    display: flex;

    align-items: center;

}



.shipping-details-box h5 i {

    font-size: 1.2rem;

}



.free-shipping-text {

    font-weight: 600;

    color: var(--text-primary);

    font-size: 15px;

    text-align: center;

}



.free-shipping-text span {

    color: #ff5050;

    gap: 2px;

}



.free-shipping-text span i {

    font-size: 1.2rem;

}



.cart-checkout-container .checkout-btn {

    width: 100% !important;

    background-color: #f3e05c !important;

    color: var(--text-primary) !important;

    font-weight: 600 !important;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 5px;

    border-radius: 5px !important;

}



.cart-checkout-container .checkout-btn i {

    margin-bottom: 4px;

}



.product-increment-btn {

    height: 50px;

    border: 1px solid rgba(0, 0, 0, 0.18) !important;

    display: flex;

    align-items: center;

    border-radius: 0;

}



.product-increment-btn-item {

    width: 40px;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

}



.product-increment-btn i {

    font-size: 1.5rem;

    color: var(--text-secondary);

}



.product-increment-btn i {

    font-size: 1.5rem;

    color: var(--text-secondary);

}



.product-increment-btn span {

    font-size: 1.35rem;

    font-weight: 500;

}



/* Filter */

.product-listing-grid {

    display: grid;

    grid-template-columns: 3fr 9fr;

    gap: 3rem;

}



.filter-container {

    display: flex;

    flex-direction: column;

    gap: 1.5rem;

}



.filter-box h6 {

    margin-bottom: 0.8rem !important;

    font-size: 1.2rem;

    font-family: var(--primary-font);

    font-weight: 600;

}



.filter-box .accordion-button {

    padding: 6px 12px !important;

    border-radius: 0 !important;

    border: 0 !important;

    background-color: transparent !important;

    font-size: 14px !important;

    font-weight: 600;

}



.filter-box .accordion-button:not(.collapsed),

.filter-box .accordion-button:focus {

    color: var(--text-black) !important;

    box-shadow: none;

    border-color: none;

}



.filter-box .accordion-item {

    border: 0 !important;

    border-radius: 0 !important;

}



.filter-box .accordion-item {

    /* border: 1px solid rgba(0, 0, 0, 0.12) !important; */

    background-color: rgba(0, 0, 0, 0.05);

    margin-bottom: 3px;

}



.filter-box a {

    padding: 6px 12px;

    /* background-color: rgba(0, 0, 0, 0.05) !important; */

    width: 100%;

    display: block;

    margin-bottom: 3px !important;

    /* border: 1px solid rgba(0, 0, 0, 0.12); */

    background-color: rgba(0, 0, 0, 0.05);

    font-size: 14px !important;

    font-weight: 600;

}



.filter-box .accordion-body {

    padding: 6px 12px;

}



.active-filter-cat {

    background-color: var(--dark-bg) !important;

    color: var(--text-yellow) !important;

}



.size-container {

    display: flex;

    align-items: center;

    gap: 8px;

    flex-wrap: wrap;

}



.size-check {

    position: relative;

    height: 32px !important;

    width: 50px !important;

    /* border: 1px solid rgba(0, 0, 0, 0.12); */

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 2px !important;

}



.size-check input[type="checkbox"] {

    border-radius: 5px !important;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    float: none !important;

    margin: 0 !important;

    height: 100% !important;

    width: 100% !important;

    /* opacity: 0; */

    border: 1px solid rgba(0, 0, 0, 0.12);

    background-image: none !important;

    cursor: pointer;

}



.size-check input[type="checkbox"]:checked {

    opacity: 1;

    border-color: var(--primary);

    background-color: transparent;

}



.size-check input[type="checkbox"]:focus {

    box-shadow: none !important;

}



.size-check label {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    cursor: pointer;

    font-size: 14px;

    font-weight: 500;

}



.color-box {

    height: 30px !important;

    width: 30px !important;

    border-radius: 100% !important;

}



.color-box input[type="checkbox"] {

    border-radius: 100% !important;

    border: 2px solid transparent !important;

}



.color-box input[type="checkbox"]:checked {

    border-color: var(--primary) !important;

}



.black {

    background-color: black !important;

}



.red {

    background-color: red !important;

}



.blue {

    background-color: blue !important;

}



.orange {

    background-color: orange !important;

}



.purple {

    background-color: purple !important;

}



.green {

    background-color: green !important;

}



.grey {

    background-color: grey !important;

}



.navy {

    background-color: navy !important;

}



.skyblue {

    background-color: skyblue !important;

}



.gold {

    background-color: gold !important;

}



.brown {

    background-color: brown !important;

}



.pink {

    background-color: pink !important;

}



.violet {

    background-color: violet !important;

}



.maroon {

    background-color: maroon !important;

}



.checkbox-list-container {

    display: flex;

    flex-direction: column;

    gap: 2px;

}



.checkbox-list-container input {

    height: 16px;

    width: 16px;

}



.checkbox-list-container label {

    font-size: 14px;

    font-weight: 500;

}



.price-range-slider {

    width: 100% !important;

    float: left !important;

    padding-bottom: 10px !important;

}



.range-value {

    margin: 0 !important;

}



.range-value input {

    width: 100% !important;

    background: none !important;

    color: #000 !important;

    font-size: 15px !important;

    font-weight: 500 !important;

    box-shadow: none !important;

    border: none !important;

    margin-bottom: 20px !important;

}



.range-bar {

    border: none !important;

    background: #000 !important;

    height: 4px !important;

    width: 96% !important;

    margin-left: 8px !important;

    border-radius: 30px;

}



.ui-slider-range {

    background: var(--primary) !important;

}



.ui-slider-handle {

    border: none !important;

    border-radius: 25px !important;

    background: var(--dark-bg) !important;

    border: 8px solid var(--primary) !important;

    height: 30px !important;

    width: 30px !important;

    top: 50% !important;

    transform: translateY(-50%);

    cursor: pointer !important;

    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;

}



.range-form {

    display: flex;

    align-items: flex-end;

    gap: 1.5rem;

}



.range-form .primary-btn {

    padding: 6px 16px;

    font-size: 14px;

    margin-bottom: -5px;

    background-color: var(--dark-bg) !important;

}



.custom-pagination a {

    font-weight: 400;

    color: var(--text-yellow) !important;

}



.custom-pagination a:focus {

    box-shadow: none;

}



.filter-header {

    display: none;

}



.product-listing-header {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 1rem;

    margin-bottom: 1.5rem;

    width: 100%;

}



.listing-sort {

    display: flex;

    align-items: center;

    gap: 10px;

    flex-shrink: 0;

}



.listing-sort h6 {

    flex-shrink: 0;

    font-size: 14px;

}



.listing-filter-text {

    display: none;

}



/* Product Details */

.product-detail {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 3rem;

}



.product-images {

    min-width: 0;

    display: flex;

    align-items: flex-start;

    gap: 10px;

}



.product-images .swiper-slide {

    text-align: center;

    font-size: 18px;

    background: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: var(--white-bg);

}



.product-images .swiper-slide img {

    display: block;

    width: 80%;

    height: 80%;

    object-fit: contain;

    mix-blend-mode: multiply !important;

}



.product-images .swiper {

    width: 100%;

    margin-left: auto;

    margin-right: auto;

    overflow: hidden !important;

}



.product-images .swiper-slide {

    background-size: cover;

    background-position: center;

}



.product-img-slider-2 {

    height: 600px;

    position: relative;

    width: 100%;

}
.MRPwrap{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    color:#000 !important;
}
.MRPwrap .mrp{
    margin-left: 10px;
    font-size: 12px;
    color: #6c6c6c !important;
}
.MRPwrap .mrp .price:not(.MRPwrap .mrp .price span){
    text-decoration: line-through;
    font-size: 12px !important;
}
.MRPwrap .mrp .price span{
    text-decoration: line-through;
    font-size: 12px !important;
    margin-left: 5px;
    margin-right: 5px;
    color: #6c6c6c !important;
}
.product-img-slider {

    height: 600px;

    box-sizing: border-box;

    padding: 10px 0;

    /* margin-top: 10px; */

    width: 45px !important;

    flex-shrink: 0;

}



.product-img-slider .swiper-wrapper {

    display: flex;

    flex-direction: column;

}



.product-img-slider .swiper-slide {

    width: 100% !important;

    opacity: 0.5;

    cursor: pointer;

    height: 45px !important;

    margin-bottom: 10px !important;

}



.product-img-slider .swiper-slide-thumb-active {

    opacity: 1;

    border: 1px solid #000;

}



.product-info {

    /* flex: 1.5; */

    /* border-bottom: 1px solid rgba(0, 0, 0, 0.12); */

    padding-bottom: 20px;

    position: relative;

}



.product-zoom-div {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 600px;

    float: left;

    z-index: -1;

}



.product-info h1 {

    font-size: 2rem;

    margin-bottom: 5px !important;

    font-weight: 700;

    font-family: var(--primary-font);

}



.sku {

    font-size: 13px;

    color: var(--text-grey);

    margin-bottom: 5px !important;

}



.product-rating {

    margin-bottom: 10px;

    display: flex;

    align-items: center;

    gap: 5px;

}



.product-rating-star {

    margin-top: 1px;

}



.product-rating-star i {

    font-size: 1rem;

}



.product-rating span {

    font-weight: 600;

    font-size: 15px;

}



.product-rating h6 {

    margin-left: 0.5rem !important;

    color: var(--text-grey);

    font-weight: 400;

    font-size: 15px;

}



.price {

    font-size: 28px !important;

    color: var(--text-primary) !important;

    font-weight: 700;

    display: flex;

    align-items: center;

}



.price i {

    font-size: 20px;

}



.price-container {

    display: flex;

    align-items: center;

    gap: 8px;

}



.price-outer-container {

    margin-bottom: 16px !important;

}



.original-price {

    margin-top: -5px;

    display: flex;

    align-items: center;
    font-size: 14px;
    color: var(--text-grey);

}



.original-price del {

    font-size: 14px !important;

    color: var(--text-grey);

}



.original-price span {

    color: var(--text-green);

    /*margin-left: 5px;*/

    font-size: 14px;

    font-weight: 500;

}

#originalPrice {
    color: var(--text-grey);
    font-weight: 400;
}

#originalPrice i {
    margin-top: 2px;
}



.price-container span {

    font-size: 1.5rem;

}



.payment-info {

    font-size: 14px;

    color: #555;

}



.payment-info a {

    text-decoration: none;

    color: #000;

}



.options {

    margin-bottom: 20px;

    /* border-bottom: 1px solid rgba(0, 0, 0, 0.12);

    padding-bottom: 20px; */

}



.option-label {

    font-weight: 500;

    margin-bottom: 5px !important;

    color: var(--text-grey);

}



.option-label span {

    color: var(--text-black);

}



.option-buttons {

    display: flex;

    gap: 10px;

}



.product-check {

    height: 40px;

    width: 40px;

    border-radius: 100%;

    position: relative;

}



.product-check input[type='radio'] {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    border-radius: 100%;

    height: 100%;

    width: 100%;

    margin: 0;

    vertical-align: auto;

    z-index: 1;

    background-color: transparent;

    background-image: none;

    border: 1px solid rgba(0, 0, 0, 0.12);

    box-shadow: none !important;

    cursor: pointer;

}



.product-check .form-check-input:checked[type=radio] {

    background-image: none;

    border-color: var(--primary);

}



.product-check label {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    font-weight: 500;

    font-size: 14px;

}



.product-color-check input {

    height: 32px !important;

    width: 32px !important;

    border: none !important;

    position: relative;

}



.product-color-check .form-check-input:checked[type=radio]::after {

    position: absolute;

    content: '';

    top: -5px;

    left: -5px;

    right: -5px;

    bottom: -5px;

    border: 1px solid var(--primary);

    border-radius: 100%;

}



.quantity-section {

    display: flex;

    align-items: center;

    border: 1px solid var(--primary);

    width: max-content;

    border-radius: 50px;

}



.quantity-section button,

.quantity-section input {

    padding: 10px 15px;

    background: transparent;

    cursor: pointer;

    border-radius: 0;

    border: none;

    outline: none;

}



.quantity-section button:first-child {

    border-right: 1px solid var(--primary);

}



.quantity-section button:last-child {

    border-left: 1px solid var(--primary);

}



.quantity-input {

    width: 50px;

    text-align: center;

    border-radius: 5px;

    padding: 10px 15px;

}



.actions {

    display: flex;

    gap: 10px;

    margin-top: 2rem;

}



.actions button {

    width: 200px;

}



.actions button:last-child {

    color: var(--text-yellow) !important;

}



.additional-info {

    margin-top: 1.5rem;

    display: flex;

    flex-direction: column;

    gap: 3px;

}



.additional-info p {

    color: var(--text-grey);

    font-size: 14px !important;

}



.desc-tab .nav-link {

    color: var(--text-black);

    font-weight: 500;

}



.desc-tab .nav-link.active {

    background-color: transparent;

    color: var(--text-yellow);

    border-bottom: 2px solid var(--primary);

    border-radius: 0;

}



.desc-tab .desc-body {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 1rem;

    width: 100%;

    padding-top: 0.5rem;

}



.desc-tab .tab-pane p {

    color: var(--text-grey);

    font-size: 15px !important;

}



.specs-table {

    display: grid;

    grid-column-gap: 8px;

    grid-template-columns: repeat(2, 1fr);

    width: 100%;

}



.spec {

    display: flex;

}



.spec-label,

.spec-content {

    width: 100%;

    padding: 0.5em;



    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;



    border-bottom: 1px solid rgba(0, 0, 0, 0.12);

    font-size: 14px !important;

}



.spec-label {

    background-color: var(--white-bg);

    font-weight: bold;

}



/* Testimonials */

.testimonials {

    display: flex;

    align-items: center;

    flex-direction: row;

    justify-content: space-between;

}



.testimonial-card {

    padding: 2rem 1.5rem;

    display: flex;

    flex-direction: column;

    row-gap: 0.3rem;

    /* border: 1px solid var(--primary); */

    border-radius: 15px;

    height: 100%;

    background-color: var(--grey-bg);

}



.testimonial-card h6 {

    font-size: 1.25rem;

    font-weight: 700;

}



.testimonial-card span {

    color: var(--text-grey);

    font-size: 14px;

}



.testimonial-rating {

    margin: 0.25rem 0;

}



.testimonial-rating i {

    color: #ffa534;

}



.testimonial-card p {

    color: var(--text-grey);

    font-size: 15px !important;

    font-weight: 300;

}



.testimonial-slider {

    padding-bottom: 4rem !important;

    height: max-content;

}



.testimonial-slider .swiper-slide {

    height: auto !important;

}



.testimonial-slider .swiper-pagination span {

    background-color: var(--primary);

}





/* Product Details Modal */

.product-modal-detail-header {

    display: flex;

    flex-direction: column;

    gap: 1rem;

    margin-bottom: 2rem;

}



.product-modal-detail-header h4 {

    font-weight: 600;

    font-family: var(--primary-font);

}



.product-modal-detail-header p {

    font-size: 14px !important;

    color: var(--text-grey);

}



.product-modal-img {

    height: 100%;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}



.product-modal-img img {

    height: 100%;

    width: 80%;

    object-fit: contain;

}



.product-modal-thumbnails,
.product-modal-thumbnails-mobile {

    display: flex;

    align-items: flex-start;

    gap: 1rem;

    flex-wrap: wrap;

}

.product-modal-thumbnails-mobile {
    gap: 10px;
}



.product-modal-tn-single,
.product-modal-tn-single-mobile {

    border: 1px solid rgba(0, 0, 0, 0);

    height: 60px;

    width: 80px;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

}



.product-modal-tn-single img,
.product-modal-tn-single-mobile img {

    height: 100%;

    width: 60%;

    object-fit: contain;

}



.short-desc {

    margin-top: 1.5rem;

    padding: 1.5rem 1.25rem;

    border-radius: 10px;

    border: 1px solid rgba(0, 0, 0, 0.12);

}



.short-desc h6 {

    font-size: 1.15rem;

    font-weight: 600;

    font-family: var(--primary-font);

    margin-bottom: 8px !important;

}



.short-desc ul {

    display: flex;

    flex-direction: column;

    gap: 5px;

    padding-left: 16px !important;

}



.short-desc ul li {

    list-style: disc;

    font-size: 16px;

    color: var(--text-black);

}



.small-desc {

    font-size: 14px !important;

    color: var(--text-grey);

}



.product-images-sticky {

    position: sticky;

    top: 100px;

    align-self: start;

}



.product-zoom-sticky {

    position: sticky;

    top: 100px;

    margin-bottom: -600px;

}



.modal-tile {

    position: relative;

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.modal-photo {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    transition: transform .3s ease-out;

    cursor: zoom-in;

}



.zoomed-image {

    cursor: zoom-out;

}



.card-header {

    background-color: var(--primary);

    color: var(--text-black);

}



.profile-image {

    width: 150px;

    margin: 0 auto;

    margin-top: 20px;

}

.mx-auto{

    text-align:center;

}

.mx-auto p{

    margin-bottom: 13px !important;

    font-size: 24px !important;

    font-weight: 500;

}



.coin_amount {

    color: #009999 !important;

    margin-top: 5px;

    margin-bottom: 10px !important;

}



.continue_text {

    color: #868593;

}



.coin_card {

    border: 1px solid rgba(0, 0, 0, 0.18) !important;

}



.coin_card .card-header h5 {

    color: #222 !important;

}



.coin_card .card-body label {

    color: #868593 !important;

}



.coin_card .coin_coversion_text {

    color: #009999 !important;

    font-size: 14px !important;;

    font-weight: 500;

}



/*.swiper .swiper-wrapper {*/

/*    height: max-content !important;*/

/*}*/



.zoom-h{

    width:50% !important;

}



.image_price {

    position: relative !important;

    padding: 0 !important;

    margin: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    text-align: center !important;

    height: 100%;

    width: 80px !important;

}



.img_price_container {

    min-height: 66px !important;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.image_price img {

    /*position: absolute;*/

    /*top: 0;*/

    /*left: 0;*/

    /*right: 0;*/

    /*bottom: 0;*/

    z-index: 1;

    height: 44px;

    object-fit: contain;

    mix-blend-mode: multiply;

}



.image_price input[type='radio'] {

    position: absolute !important;

    top: 0 !important;

    border-radius: 5px !important;

    left: 0 !important;

    right: 0 !important;

    bottom: 0 !important;

    z-index: 2 !important;

    height: 100% !important;

    width: 100% !important;

    /*opacity: 0 !important;*/

    background: transparent !important;

    border: 1px solid rgba(0, 0, 0, 0.12) !important;

}



.image_price input[type='radio']::after {

    border-radius: 5px !important;

    top:0 !important;

    left: 0 !important;

    right: 0 !important;

    bottom: 0 !important;

    background: transparent !important;

}



.image_price_span {

    top: 5px;

    border-top: 1px solid rgba(0, 0, 0, 0.12);

    padding: 3px 0;

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.image_price span {

    text-align: center;

    font-size: 13px;

    color: var(--text-grey);

    display: flex;

    align-items: center;

    justify-content: center;

}



.image_price span:last-child {

    font-size: 11px !important;

}



.image_price span:last-child i {

    line-height: 1;

    margin-bottom: 3px;

}



.image_price span del {

    display: flex;

    align-items: center;

    justify-content: center;

}



.image_price input[type='radio']:checked::after  {

    border-color: var(--primary) !important;

}



.short-desc h6 {

    font-size: 1.5rem;

    font-weight: 600;

    margin-bottom: 12px !important;

}



.product-info-grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 24px;

}



.product-points {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    column-gap: 10px;

    row-gap: 1.5rem;

    padding: 2rem 1rem;

    border: 1px solid rgba(0, 0, 0, 0.12);

    height: max-content;

    border-radius: 10px;

    margin-top: 0.75rem;

}



.product-point-card {

    display: flex;

    flex-direction: column;

    gap: 12px;

    align-items: center;

    text-align: center;

}



.product-point-icon {

    height: 42px;

    width: 42px;

    border: 100%;

    background: #368D9D25;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

}



.product-point-icon i {

    font-size: 1.25rem;

    color: var(--text-green);

}



.product-point-card h6 {

    font-size: 14px;

    color: var(--text-green);

}

.shiphr hr {
    margin: 1rem 0;
    color: #a7a6a6;
    border: 1px solid;
    border-top: 1px solid;
    opacity: 1;
    width: 100%;
}

.product-modal-mobile {
    display: none !important;
}

.style-no {
    color: var(--text-block);
    font-weight: 500;
}