* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ============================ aptos fonts =========================== */
@font-face {
    font-family: 'Aptos';
    src: url('../fonts/aptos/Aptos-ExtraBold.eot');
    src: url('../fonts/aptos/Aptos-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/aptos/Aptos-ExtraBold.woff2') format('woff2'),
        url('../fonts/aptos/Aptos-ExtraBold.woff') format('woff'),
        url('../fonts/aptos/Aptos-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/aptos/Aptos-Italic.eot');
    src: url('../fonts/aptos/Aptos-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/aptos/Aptos-Italic.woff2') format('woff2'),
        url('../fonts/aptos/Aptos-Italic.woff') format('woff'),
        url('../fonts/aptos/Aptos-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/aptos/Aptos-ExtraBoldItalic.eot');
    src: url('../fonts/aptos/Aptos-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/aptos/Aptos-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/aptos/Aptos-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/aptos/Aptos-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/aptos/Aptos-ExtraBoldItalic_1.eot');
    src: url('../fonts/aptos/Aptos-ExtraBoldItalic_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/aptos/Aptos-ExtraBoldItalic_1.woff2') format('woff2'),
        url('../fonts/aptos/Aptos-ExtraBoldItalic_1.woff') format('woff'),
        url('../fonts/aptos/Aptos-ExtraBoldItalic_1.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/aptos/Aptos-Light.eot');
    src: url('../fonts/aptos/Aptos-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/aptos/Aptos-Light.woff2') format('woff2'),
        url('../fonts/aptos/Aptos-Light.woff') format('woff'),
        url('../fonts/aptos/Aptos-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/aptos/Aptos-Black.eot');
    src: url('../fonts/aptos/Aptos-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/aptos/Aptos-Black.woff2') format('woff2'),
        url('../fonts/aptos/Aptos-Black.woff') format('woff'),
        url('../fonts/aptos/Aptos-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/aptos/Aptos-LightItalic.eot');
    src: url('../fonts/aptos/Aptos-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/aptos/Aptos-LightItalic.woff2') format('woff2'),
        url('../fonts/aptos/Aptos-LightItalic.woff') format('woff'),
        url('../fonts/aptos/Aptos-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/aptos/Aptos.eot');
    src: url('../fonts/aptos/Aptos.eot?#iefix') format('embedded-opentype'),
        url('../fonts/aptos/Aptos.woff2') format('woff2'),
        url('../fonts/aptos/Aptos.woff') format('woff'),
        url('../fonts/aptos/Aptos.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/aptos/Aptos-SemiBold.eot');
    src: url('../fonts/aptos/Aptos-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/aptos/Aptos-SemiBold.woff2') format('woff2'),
        url('../fonts/aptos/Aptos-SemiBold.woff') format('woff'),
        url('../fonts/aptos/Aptos-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/aptos/Aptos-BlackItalic.eot');
    src: url('../fonts/aptos/Aptos-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/aptos/Aptos-BlackItalic.woff2') format('woff2'),
        url('../fonts/aptos/Aptos-BlackItalic.woff') format('woff'),
        url('../fonts/aptos/Aptos-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/aptos/Aptos-Bold.eot');
    src: url('../fonts/aptos/Aptos-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/aptos/Aptos-Bold.woff2') format('woff2'),
        url('../fonts/aptos/Aptos-Bold.woff') format('woff'),
        url('../fonts/aptos/Aptos-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/* ============================ aptos fonts =========================== */
/*
Global Variables
google fonts outfit
Secount fonts aptos
*/
:root {
    --outfit: "Outfit", sans-serif;
    --aptos: 'aptos';
    --theme-color: #ff6000;
    --text-color: #000;
    --color-white: #fff;
    --color-black: #000;
    --border-radius-4: 4px;
    --border-radius-8: 8px;
    --border-radius-4: 4px;
    --border-radius-16: 16px;
    --border-radius-25: 25px;
    --border-color: #e6e6e6;
    --theme-color-light: #fff8f3;
}

a {
    color: var(--color-black);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--outfit);
}

.sectionHeading {
    font-size: 22px;
}

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

.invalid-feedback {
    display: block !important;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545;
}

.headingBox:after,
.headingBox:before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--border-color);
}

.headingBox:after {
    height: 4px;
    width: 60px;
    bottom: -2px;
    background: var(--theme-color);
    border-radius: 13px;
}

.viewAll {
    display: inline-block;
    color: var(--theme-color);
    font-weight: 600;
    font-size: 17px;
    transition: 0.5s;
}

.viewAll:hover {
    text-decoration: underline;
    color: var(--color-black);
}

body {
    font-family: var(--aptos);
    font-size: 16px;
    line-height: 27px;
    color: var(--text-color);
}

.theme-button {
    display: inline-block;
    padding: 14px 30px;
    background-color: var(--theme-color);
    color: var(--color-white);
    font-family: var(--outfit);
    letter-spacing: 1px;
    font-size: 16px;
    text-transform: uppercase;
    transition: 0.5s;
    text-decoration: none;
}

.theme-button:hover {
    background: var(--color-black);
    color: var(--color-white);
}

.theme-button-simple {
    display: inline-block;
    padding: 14px 30px;
    color: var(--theme-color);
    font-family: var(--outfit);
    letter-spacing: 1px;
    font-size: 16px;
    text-transform: uppercase;
    transition: 0.5s;
    text-decoration: none;
    border: 1px solid var(--theme-color);
    border-radius: 25px;
}

.theme-button-simple:hover {
    background: var(--theme-color);
    color: var(--color-white);
}

input:focus,
input:hover {
    outline: none;
}

a {
    text-decoration: none;
}

body.active {
    position: relative;
}

body.active:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #00000069;
}


.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    max-width: 1280px;
}

.header {
    z-index: 2;
    position: relative;
    background: #fff;
}

/* .dropdownMenu.smallDropdown {
    width: 300px;
    left: 0;
    transform: translateX(-50%);
} */

/* =============== swiper nav ============== */
.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 15px;
    color: var(--color-white);
}

.swiper-button-next,
.swiper-button-prev {
    height: 40px;
    width: 40px;
    background: #ff6000e8;
    border-radius: 50%;
    border: 2px solid #fbf7f7;
}


.banner_sliderWrapper {
    position: relative;
}

.banner_sliderWrapper .swiper-pagination {
    bottom: -35px !important;
    line-height: 0;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    background: var(--theme-color-light);
    padding: 6px;
    border-radius: var(--border-radius-25);
    z-index: 0;
}

.banner_sliderWrapper .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 12px !important;
    background: #ff6000;
    transition: 0.5s;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 30px !important;
}

/* =============== swiper nav ============== */
/* ========================== header ======================= */
/* .navbar-brand img {
    width: 310px;
} */

.header-middle-row .col-md-3 {
    width: 29%;
}

.header-middle-row .col-md-6 {
    width: 49%;
}

.header-middle-row .col-md-3:last-child {
    width: 21%;
}

.navbar-brand {
    display: block;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-brand img {
    width: 60%;
}

.rightmenu {
    display: flex;
    align-items: center;
    color: var(--color-black);
    justify-content: end;
    position: relative;
    gap: 30px;
    margin-right: 10px;
}

span.countNo {
    position: absolute;
    top: -10px;
    left: 0;
    line-height: 1;
    text-align: center;
    background: var(--theme-color);
    color: var(--color-white);
    border-radius: 50%;
    font-size: 11px;
    padding: 2px 4px;
}

/* .rightmenu div:not(:last-child) {
    margin-right: 25px;
} */

.rightmenu select {
    background: none;
    color: var(--color-black);
    border: none;
}

.rightmenu div .mdi:before {
    font-size: 22px;
}

.login .mdi-account-circle::before {
    font-size: 22px;
}

.rightmenu .cart,
.rightmenu .login {
    display: flex;
    align-items: center;
    flex-direction: column;
    line-height: 17px;
    font-size: 15px;
}

a.login {
    color: var(--color-black);
}

a.login i.mdi {
    margin-right: 5px;
    font-size: 20px;
}

.navbar-nav .nav-link {
    color: var(--color-black);
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.1px;
    padding: 6px 10px;
}

.navbar-nav .nav-link:hover {
    color: var(--color-white);
    background: var(--color-black);
}

.searchbar {
    position: relative;
    width: calc(100% - 200px);
}

.searchwrap {
    width: 610px;
    margin: 0 auto;
}

.headerForm {
    display: flex;
    align-items: center;
}

.headerForm .allcategory {
    width: 200px;
}

.searchbar button {
    position: absolute;
    right: 5px;
    top: 5px;
    border: none;
    height: 30px;
    background: var(--theme-color);
    color: var(--color-white);
    width: 30px;
    border-radius: 50%;
}

.searchbar .search {
    background: none;
    border: 0.5px solid rgb(112 112 112 / 50%);
    height: 40px;
    padding: 10px 20px;
    width: 100%;
    border-radius: 0px 25px 25px 0px;
    font-size: 14px;
}

.headerForm .allcategory select {
    width: 100%;
}

.allcategory .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--text-color);
    font-size: 14px;
}

.allcategory .select2-container .select2-selection.select2-selection--single {
    height: 40px;
    border-radius: 25px 0px 0px 25px;
    border-right: 0;
    display: flex;
    align-items: center;
    color: var(--text-color);
}

.allcategory .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 25px;
}

.allcategory .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 50%;
    right: 1px;
    width: 20px;
    transform: translateY(-50%);
}

.select2-dropdown {
    border-color: var(--border-color);
    border-top: 1px solid var(--border-color) !important;
    padding: 8px;
    border-radius: var(--border-radius-8) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-8);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #ff6000 !important;
    color: white;
}

.select2-results__option {
    padding: 5px 10px;
    user-select: none;
    -webkit-user-select: none;
    border-radius: var(--border-radius-8);
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 0px;
    padding-right: 0px;
    margin-left: 17px;
    font-size: 23px;
    color: var(--text-color);
}

.searchbar .search::placeholder {
    color: var(--text-color);
}

.searchbar button i {
    color: var(--color-white);
}

.searchbar button i:before {
    font-size: 20px;
}

.navbar-nav .nav-item:not(:last-child) {
    margin-right: 4px;
}

nav.navbar {
    background: #fbdfce;
}

.my-subscription {
    display: inline-block;
    padding: 5px 20px;
    background: var(--color-white);
    border-radius: var(--border-radius-25);
    color: var(--color-black);
    transition: 0.5s;
}

.my-subscription:hover {
    background: var(--color-black);
    color: var(--color-white);
}

.navbar-nav {
    position: relative;
}

.categories_manu {
    background: #ff6000;
    height: 100%;
}

/* =================== !!useFulLinks-dropDown!! ======================= */
a.nav-link.useFulLinks-dropDown {
    cursor: pointer;
    position: relative;
    text-align: center;
    text-decoration: none;
    z-index: 3;
    transform: perspective(1000px);
}

ul.useFulLinks_menu_list {
    background-color: #fff;
    list-style-type: none;
    position: absolute;
    left: 45%;
    padding: 10px 30px;
    top: 43px;
    visibility: hidden;
    opacity: 0;
    z-index: 3;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transform: translateY(10px);
    transition: 0.5s;
}

.navbar-nav li:hover .useFulLinks_menu_list {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}

.useFulLinks_menu_list a {
    color: #000;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    -webkit-transition: all 1s;
    transition: all 1s;
}


.useFulLinks_menu_list li a {
    text-decoration: none;
    color: var(--text-color);
    font-size: 15px;
    display: block;
    padding-bottom: 4px;
}

.useFulLinks_menu_list li a:hover {
    text-decoration: underline;
}

.useFulLinks_menu_list li a:hover {
    text-decoration: underline;
}

.dropdown_section {
    visibility: hidden;
    opacity: 0;
    transition: transform .1s ease, opacity 0ms linear .1s, visibility 0ms linear .1s;
    transform-origin: top center;
    transform: scaleY(0) translateX(-50%);
    position: absolute;
    top: 100%;
    z-index: 2;
    width: 100%;
    left: 50%;
    background: #fff1e9;
    padding: 30px;
    box-shadow: 40px 40px 48px 0px rgba(36, 41, 47, .1);
}

.dropdown_section::-webkit-scrollbar {
    width: 8px;
}

.dropdown_section::-webkit-scrollbar-track {
    border-radius: 6px;
}

.dropdown_section::-webkit-scrollbar-thumb {
    background: var(--theme-color);
    border-radius: 10px;
}

.pi-quotaion_menu .dropdown_section {
    width: 290px;
    left: 90%;
    padding: 25px;
}

.pi-quotaion_menu .dropdown_section h3 {
    font-size: 16px !important;
}

.pi-quotaion_menu .dropDown_item_wrapper {
    grid-template-columns: 1fr;
}

/* -------- */
.offcanvas-body::-webkit-scrollbar {
    width: 8px;
}

.offcanvas-body::-webkit-scrollbar-track {
    border-radius: 6px;
}

.offcanvas-body::-webkit-scrollbar-thumb {
    background: var(--theme-color);
    border-radius: 10px;
}

.dropdown_section {
    max-height: 410px;
    overflow: hidden;
    overflow-y: auto;
}

.dropDown_item_wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    list-style: none;
    margin-top: 15px;
    padding: 0;
}

.dropDowncat:hover .dropdown_section h3 {
    font-size: 18px;
}

.navbar-nav .dropDowncat .nav-link {
    position: relative;
    padding-right: 20px !important;
}

.navbar-nav .dropDowncat .nav-link:after {
    content: "\F0140";
    display: inline-block;
    font: normal normal normal 18px / 1 "Material Design Icons";
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0px;
    font-size: 18px;
    top: 50%;
    transform: translateY(-50%);
}

.dropDown_item_wrapper>.drop_down_item>a {
    display: block;
    font-size: 14px;
    border-bottom: 1px solid #555;
    padding: 5px 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    transition: 0.5s;
    color: var(--color-black);
}

.totalCateg {
    color: var(--color-black) !important;
    font-size: 15px;
    font-weight: 700;
}

.totalCateg:hover {
    text-decoration: underline;
}

.dropDown_item_wrapper>.drop_down_item>a:hover {
    color: var(--color-black);
    text-decoration: underline;
}

.dropDown_item_wrapper>.drop_down_item>a span {
    font-weight: 700;
}

.dropDowncat:hover .dropdown_section {
    visibility: visible;
    opacity: 1;
    transform: scale(1) translateX(-50%);
}


.header_sidebar ul li:hover .dropdownMenu .dropdown-menu-list:not(:last-child) {
    margin-bottom: 20px;
}

.subcategory_wrapper .dropdown-menu-list {
    padding-left: 0px;
    list-style: none;
}

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

.menuListMainTitle:hover {
    color: var(--color-black);
}

.viewAllProductsBtn {
    color: var(--theme-color) !important;
    text-decoration: underline !important;
}

.subcategory_wrapper .subcategory_items {
    opacity: 0;
    transform: translateX(10px);
    transition: all .3s ease-in-out;
}

.subcategory_wrapper .subcategory_items:nth-child(1n) {
    transition-delay: .1s;
}

.subcategory_wrapper .dropdown-menu-list h3 {
    font-size: 16px;
}

.header_sidebar ul li:hover .dropdownMenu .subcategory_items {
    opacity: 1;
    transform: translateX(0);
}

.header_sidebar ul li:hover .dropdownMenu {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    transform: translateX(0)
}

.dropdown-menu-list li a {
    text-decoration: none;
    color: var(--text-color);
    font-size: 15px;
    display: block;
    padding-bottom: 4px;
}

.dropdown-menu-list li a:hover {
    font-weight: 500;
    text-decoration: underline;
}

.dropdownMenu.smallDropdown .dropdown-menu-list {
    display: block;
}

.dropdownMenu.smallDropdown .dropdown-menu-list li a {
    padding: 6px 0;
}

.dropdownMenu.smallDropdown .dropdown-menu-list li a:hover {
    background: none;
    font-weight: 500;
}

.topbar {
    padding: 5px 0px;
    background: var(--color-black);
}

.language {
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid var(--border-color);
}

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

.top-right {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mySubscriptionOrder {
    display: inline-block;
    padding: 5px 20px;
    background: var(--color-white);
    border-radius: var(--border-radius-25);
    color: var(--color-black);
    transition: 0.5s;
}

.mySubscriptionOrder:hover {
    color: var(--color-white);
    background-color: var(--theme-color);
}

.topbar .topbar_list {
    display: flex;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}

.topbar .topbar_list a {
    color: var(--text-white);
    text-decoration: none;
    font-size: 14px;
    transition: 0.5s;
}

.topbar .topbar_list a.typo {
    color: var(--theme-color);
}

.topbar p {
    margin-bottom: 0;
    font-size: 14px;
    color: var(--color-white);
}

.topbar .topbar_list li:not(:last-child) {
    margin-right: 20px;
}

.topbar .topbar_list a:hover {
    text-decoration: underline;
}

.navbar.sticky-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 1px 30px 0 #888;
    -webkit-box-shadow: 0 1px 30px 0 #888;
    -moz-box-shadow: 0 1px 30px 0 #888;
}

.searchwrap.sticky-header {
    position: fixed;
    top: 10px;
    left: 400px;
    z-index: 2;
}

.searchwrap.sticky-header .searchbar .search {
    background: #fff;
}

.categories_manu {
    display: flex;
}

.sticky-logo {
    height: 45px;
    display: none;
    background: #fff;
    padding: 4px;
    border-radius: 2px;
}

.header_sidebar {
    width: 100%;
}

.sticky_menuWrapper {
    height: 60px;
    display: none;
}

.sticky_menuWrapper .navbar-brand {
    padding-top: 7px;
}

.sticky_menuWrapper .navbar-brand img {
    width: 100%;
}

.navbar.sticky-navbar .sticky_menuWrapper {
    display: inline-block;
}

.stickyHeadermenu {
    background: none;
    border: none;
    line-height: 1;
    display: none;
}

.stickyHeadermenu .mdi:before {
    font-size: 40px;
    color: var(--color-black);
}

.navbar.sticky-navbar .stickyHeadermenu {
    display: inline-block;
    transform: translateY(8px);
    margin-left: 20px;
}

.navbar.sticky-navbar .navbar-nav {
    display: none;
}

.header.sticky .rightmenu {
    position: fixed;
    top: 11px;
    right: 44px;
    z-index: 2;
    padding: 4px 17px;
    background: #fff;
    border-radius: 25px;
}

/* ========================== header ======================= */
.header_sidebar ul.header_sidebarProduct {
    display: none !important;
}

.header_sidebar ul.header_sidebarProduct.active {
    display: block !important;
}

/* ======================= heor section css ======================= */
.section_padding {
    padding-top: 18px;
    padding-bottom: 35px;
}

.header_sidebar {
    position: relative;
}

.header_sidebar>ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    position: absolute;
    top: 100%;
    background: #fff;
    width: 100%;
    border: 1px solid var(--border-color);
    border-top: none;
}

.header_sidebar>ul>li>a {
    font-size: 16px;
    padding: 10px 14px;
    display: block;
    color: var(--text-color);
    text-decoration: none;
    border-bottom: 1px solid var(--border-color);
    transition: 0.5s;
    display: flex;
    justify-content: space-between;
}

.header_sidebar>ul>li>a>i:before {
    font-size: 18px;
    transition: 0.5s;
}

.header_sidebar>ul>li:hover>a>i:before {
    transform: rotate(-90deg);
    color: var(--theme-color);
}

.header_sidebar>ul>li>a:hover {
    background: #fbdfce;
}

.header_sidebar ul li:last-child a {
    border-bottom: none;
}

.header_sidebar>h3 {
    font-size: 18px;
    text-align: left;
    padding: 12px 14px;
    background: var(--theme-color);
    color: var(--color-white);
    margin-bottom: 0px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

/* .sliderCol.active {
    width: 100%;
}

.sidebarCol.active {
    display: none;
} */

.swiper.bannerSlider {
    border-radius: var(--border-radius-8);
}

.bannerSlider .swiper-slide img {
    height: 350px;
    object-fit: cover;
}


/* ======================= heor section css ======================= */

/* ================= offer section =========== */
.quick_section {
    margin-bottom: 35px;
    margin-top: 35px;
}

.hot-offers {
    list-style: none;
    padding: 30px;
    background: var(--theme-color-light);
    display: flex;
    border-radius: var(--border-radius-8);
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0px;
}

.hot-offers .offers-item {
    width: 170px;
    text-align: center;
    position: relative
}

.hot-offers .offers-item:after {
    content: '';
    width: 1px;
    height: 22px;
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
    background: #dfd5d5;
}

.hot-offers .offers-item:last-child:after {
    display: none;
}

.hot-offers .offers-item h4 {
    font-size: 15px;
    margin-bottom: 3px;
}

.hot-offers .offers-item p {
    font-size: 15px;
    margin-bottom: 0;
}

/* ================= offer section =========== */

/* ======================= commercial magazine ======================= */
.commercialMagazineTab {
    display: none;
}

.commercialMagazineTab.active {
    display: block;
}

.commercialCategory {
    list-style: none;
    display: flex;
    padding-left: 0px;
    margin-bottom: 24px;
}

.commercialCategory .commercial-catList {
    cursor: pointer;
    padding: 10px 20px;
    border: 1px solid var(--border-color);
    border-radius: 30px;
    font-weight: 600;
    line-height: 1;
    transition: 0.5s;
}

.commercialCategory .commercial-catList.active {
    background: var(--theme-color);
    color: var(--color-white);
    border-color: var(--theme-color);
}

.commercialCategory .commercial-catList:not(:last-child) {
    margin-right: 16px;
}

.commercialCategory .commercial-catList:hover {
    background: #f9f6f4;
    color: var(--theme-color);
}

.commercial_magazineSection {
    padding-bottom: 35px;
}

.commercial_magazineSection .swiper-slide {
    padding: 8px;
    height: auto;
}

.magazineItem {
    transition: 0.5s;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: var(--border-radius-8);
    height: 100% !important;
}

.magazineItem:hover {
    -webkit-box-shadow: -2px 1px 6px rgba(0, 0, 0, 0.1);
    box-shadow: -2px 1px 6px rgba(0, 0, 0, 0.1);
}

.magazineContent {
    display: flex;
    align-items: center;
    margin-top: 16px;
}

.magazineMeta p.categTitle {
    font-size: 15px;
    color: var(--color-black);
}

.magazineContent a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--theme-color-light);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}

.magazineContent a .mdi:before {
    font-size: 24px;
    color: var(--theme-color);
}

.magazineContent a .mdi {
    line-height: 1;
}

.magazineItem:hover .magazineContent a {
    background: var(--theme-color);
}

.magazineItem:hover .magazineContent a .mdi:before {
    color: var(--color-white);
}

.magazineContent .magazineMeta {
    width: calc(100% - 40px);
    padding-right: 14px;
}

.magazineContent .magazineMeta .magTitle {
    font-size: 15px;
    margin-bottom: 3px;
    font-weight: 600;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--color-black);
}

p.dispatchCharge {
    color: var(--color-black);
    font-size: 16px;
    font-weight: 600;
    position: relative;
    line-height: normal;
}

span.currency_price {
    color: var(--theme-color);
}

.magazineContent .magazineMeta .magPrice {
    line-height: 1;
    font-size: 18px;
    font-weight: bold;
    color: #337ab7;
}

p.magPrice:first-letter {
    margin-right: 5px !important;
    font-size: 20px;
}

.magazineItem .magazineImage {
    height: 280px;
    border-radius: var(--border-radius-8);
    overflow: hidden;
}

.magazineItem .magazineImage img {
    height: 100%;
    object-fit: cover;
    object-position: top;
    transition: 0.5s;
}

.magazineItem:hover .magazineImage img {
    transform: scale(1.01);
}

/* ======================= commercial magazine ======================= */

section.instant-offer {
    margin-bottom: 35px;
}

.offer_row {
    display: flex;
    gap: 16px;
}

.offer_row .offer_col {
    width: 100%;
}

.about-section-commercial {
    padding: 55px 0;
}

.offer_row .offer_col img {
    height: 136px;
    /* object-fit: contain; */
    border-radius: 22px;
}

.headingTitle {
    font-size: 33px;
    text-align: center;
    margin-bottom: 45px;
}

.about-section-commercial {
    background-color: var(--theme-color-light);
}

.read-more-bttn {
    background: var(--theme-color);
    color: var(--color-white);
    padding: 10px 30px;
    border-radius: 30px;
    transition: all 0.4s ease-in-out;
    margin-top: 15px;
}

.read-more-bttn:hover {
    background: var(--color-white);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    color: var(--theme-color);
}

.about-para p {
    text-align: justify;
}

/* ========!!commercial-services-section!!========= */
.commercial-services-section {
    padding: 35px 0;
}

.commercial-services {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 18px 0px;
    border-radius: 15px;
    padding: 25px;
    position: relative;
}

.blog_img img {
    width: 100%;
    height: 141px;
    object-fit: cover;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    margin-bottom: 15px;
}

.commercial-services h3 {
    font-size: 19px;
    margin-bottom: 12px;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.commercial-services p.blog_content-para {
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0px;
    line-height: 24px;
}

.commercial-services span {
    -webkit-line-clamp: 6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 15px;
}

.hot-offers a:hover {
    color: var(--theme-color);
}

.offerContentProduct p a {
    color: var(--theme-color);
}

/* tob subscription heading */
.typo {
    display: inline-block;
    cursor: default;
    font-weight: normal;
    position: relative;
    -webkit-animation: floatAni 2s ease-in-out infinite;
    animation: floatAni 2s ease-in-out infinite;
}

@-webkit-keyframes floatAni {
    50% {
        transform: scaleY(1.01) skew(-10deg, -2deg);
    }
}

@keyframes floatAni {
    50% {
        transform: scaleY(1.01) skew(-10deg, -2deg);
    }
}

/* tob subscription heading */


/* ============ !!Books We Love and Interest Magazines!! ============= */

.products-banner__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 839px !important;
    padding: 0 40px;
}

.banner_text span {
    display: block;
    margin-bottom: 15px;
}

.banner_text span.span-1 {
    font-size: 42px;
    font-weight: 300 !important;
}

.banner_text span.span-2 {
    color: #f99152;
    font-size: 55px;
}

.banner_text span.span-3 {
    font-size: 34px;
    font-weight: 300 !important;
    color: var(--text-color);
}

.magazineBookItem_col-md-3 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 25px;
}

.magazineBookItem {
    position: relative !important;
    background-color: var(--color-white);
    padding: 10px;
    transition: all 0.4s ease-in-out;
    z-index: 1;
    margin-left: -1px;
    margin-bottom: 25px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.banner__body img {
    width: 100% !important;
}

.btn-outline-primary {
    color: #ff6000;
    border-color: #ff6000;
}

.magazineBookItem .magazineBookImage {
    height: 280px;
    border-radius: var(--border-radius-8);
    overflow: hidden;
}

.magazineBookItem .magazineBookImage img {
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 12px 12px 0px 0px;
    transition: 0.5s;
}

.magazineBookItem:hover .magazineBookImage img {
    transform: scale(1.01);
}

.magazineBookContent {
    position: relative;
    background: var(--color-white);
    transition: all 0.2s ease-in-out;
    width: 75%;
    margin-top: 16px;
}

.magazineBookContent .magBookTitle {
    color: var(--text-color);
    font-size: 15px;
    font-weight: 400;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.magBookPrice {
    color: #337ab7;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    transition: all 0.4s ease-in-out;
    display: flex;
    align-items: center;
    gap: 2px;
}

.magBookPrice span {
    font-size: 22px;
    font-weight: bold;
}

.products-info {
    padding: 0 10px;
    transition: all 0.2s ease-in-out;
    position: absolute;
    right: 0;
    bottom: 20px;
}

.magazineBookMeta a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--theme-color-light);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}

.magazineBookMeta a .mdi {
    line-height: 1;
}

.magazineBookMeta a .mdi:before {
    font-size: 24px;
    color: var(--theme-color);
}

.magazineBookItem:hover .magazineBookMeta a {
    background: var(--theme-color);
}

.magazineBookItem:hover .magazineBookMeta a .mdi:before {
    color: var(--color-white);
}


/* ================= !!Basic heading!! =============== */
.about-section,
.contactUs-section,
.faq-section,
.services-section,
.paymentInfoItem-section {
    padding: 60px 0;
}

.HeadingTitle {
    border-bottom: 1px solid var(--border-color);
    position: relative;
    font-size: 25px;
    padding-bottom: 6px;
}

.HeadingTitle::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 60px;
    height: 4px;
    background-color: var(--theme-color);
    border-radius: var(--border-radius-4);
}

/* ================= !!About Us!! =============== */
.aboutContent {
    padding: 45px 0;
}

.aboutContentBox p {
    font-size: 15px;
}

.about_imga {
    position: relative;
    text-align: right;
}

.row.services_row {
    position: relative;
}

img.img-fluid.about_design {
    position: static !important;
    margin-top: 40px !important;
}

.aboutContentBox h4.aboutTitle {
    font-size: 22px !important;
    font-weight: 400 !important;
}

section.our-history .container {
    padding: 0 !important;
}

img.about_one {
    border-radius: 10px;
    margin-top: 60px;
}

img.about_two {
    position: absolute;
    left: 6% !important;
    top: 220px !important;
    border-radius: 10px;
    width: 50%;
}

img.about_one {
    position: absolute;
    left: 10%;
}

.about_shap-1 {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 286px;
    left: 300px !important;
    background: var(--theme-color);
    border-radius: 10px;
    bottom: -125px;
}

.row.services_row .aboutContentBox {
    position: absolute;
    top: 0;
    right: 0;
    width: 63%;
}

.aboutContent .aboutTitle {
    font-size: 18px;
}

.row.services_row .aboutContent .aboutPara {
    line-height: 1.6 !important;
    text-align: left !important;
}

.row.services_row .aboutContent .aboutPara a:hover {
    color: var(--theme-color);
}

.aboutBoxBottom {
    background-color: var(--color-white);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    /* text-align: center; */
    padding: 40px 30px;
    border-radius: var(--border-radius-16);
}

.aboutBoxBottom .aboutTitleBottom {
    font-size: 18px;
}

.aboutBoxBottom .aboutParaTitle {
    text-align: justify;
}

/* ============ !!contactUs-section!! =========== */
.enquiry-info .contactUsTitle {
    color: var(--theme-color);
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 2px dashed var(--border-color);
}

.enquiry-info ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.enquiry-info .enquiry-list li {
    margin-bottom: 10px;
}

.enquiry-info .enquiry-list .enquiry-list-item {
    display: flex;
    align-items: center;
    gap: 15px;
}

.enquiry-info .enquiry-list .enquiry-list-item i {
    width: 34px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    color: var(--theme-color);
    border: 1px solid var(--border-color);
    border-radius: 50%;
    font-size: 16px;
}

.enquiry-info .enquiry-list .enquiry-list-item i.mdi-map-marker {
    margin-top: -34px;
}

.enquiry-info .enquiry-list .enquiry-list-item a {
    color: var(--text-color);
    transition: 0.1s;
}

.enquiry-info .enquiry-list .enquiry-list-item a:hover {
    color: var(--theme-color);
}

.socile_icon li {
    display: flex;
    align-items: center;
    gap: 20px;
}

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

.socile_icon li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    border: 1px solid var(--border-color);
    border-radius: 50%;
    color: var(--theme-color);
    font-size: 20px;
    transition: 0.5s;
}

.socile_icon li a:hover {
    color: var(--color-white);
    background: var(--theme-color);
}

/* =====!form!====== */
.contactItemSection {
    padding: 30px;
    border-radius: var(--border-radius-16);
    background-color: #fbdfce;
}

.contactItemSection .contactUsTitle {
    color: var(--theme-color);
    padding: 10px 0;
    margin-bottom: 30px;
    border-bottom: 2px dashed var(--theme-color);
}

.inputDesign {
    border-radius: 30px;
}

.form-floating>.inputDesign {
    border: 2px solid transparent;
    padding: 0 25px;
}

.inputDesign:focus {
    box-shadow: none;
    border-color: var(--theme-color);
}

.form-floating>label {
    padding: 16px 25px;
}

.sendBttn {
    width: 100%;
    border: none;
    outline: none;
    background: var(--theme-color);
    color: var(--color-white);
    padding: 10px 0;
    text-align: center;
    border-radius: 30px;
    font-weight: 600;
    font-size: 20px;
    transition: all 0.3s ease-in-out;
}

.sendBttn:hover {
    background-color: var(--color-white);
    color: var(--theme-color);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* ============ !!faq-section!! =============== */
.accordion {
    width: 100%;
    margin: 0px auto 0;
}

.at-item {
    overflow: hidden;
    border-radius: var(--border-radius-4);
}

.at-tab {
    display: none;
    padding: 15px 2px;
    background-color: #fff;
    font-size: 17px;
}

.at-title {
    cursor: pointer;
    border-top: 1px solid var(--border-color);
    position: relative;
    transition: background-color 0.3s ease;
}

.at-title.active {
    color: var(--theme-color);
    border-top: 1px solid var(--theme-color);
    /* border-bottom: none; */
}

.at-title:after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    transition: all 0.3s ease;
    font-size: 30px;
}

.at-title.active:after {
    content: "-";
    font-size: 35px;
    right: 0px;
}

.at-title .atTitle {
    font-size: 18px;
    font-weight: 600;
    padding: 20px 0px;
    margin: 0;
}

/* ============= !!paymentInfoItem-section!! ============= */
.paymentInfoItem {
    padding: 40px;
    border-radius: var(--border-radius-16);
    background-color: #fbdfce;
}

.formSection .label {
    padding-left: 10px;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 6px;
}

.formSection .label span {
    color: var(--theme-color);
}

/* .formSection {
    display: flex;
    align-items: center;
    justify-content: space-between;
} */

/* .formFloating {
    width: 60%;
} */

.formSectionSelector {
    display: flex;
    align-items: center;
    gap: 16px;
}

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

.bg-color:hover {
    background-color: var(--theme-color);
    color: var(--color-white);
}

/* =============== !!products-section!! ============== */
.topHeaderSection {
    background: #f2f4f6;
    padding: 10px 60px;
}

.storeBreadCrumb a {
    color: var(--color-black);
    font-size: 16px;
    font-weight: 600;
    position: relative;
    padding-right: 16px;
}

.storeBreadCrumb a:after {
    content: '';
    width: 7px;
    height: 7px;
    border-top: 1px solid #111;
    border-left: 1px solid #111;
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%) rotate(130deg);
}

/* .productsImage {
    text-align: center;
    position: sticky;
    top: 0;
} */

.productTitle {
    color: var(--color-black);
    font-size: 30px;
    margin-top: -11px;
}

.offerContentProduct {
    position: relative;
}

.detail-print {
    position: absolute;
    right: 0px;
    top: -30px;
}

.productsImage img {
    width: 100%;
}

/* -----------------product gallery */

.productPara {
    margin-bottom: 0;
}

p.productPara a.read-more {
    color: var(--theme-color);
}

.shareAndRate {
    padding: 8px 0;
}

.shareAndRate .titleRating {
    display: flex;
    align-items: center;
    gap: 4px;
}

.shareAndRate .titleRating span i {
    color: #FFC100;
    font-size: 20px;
    cursor: pointer;
}

.titleRating .text-m {
    color: var(--text-color);
}

.titleRating .text-m:hover {
    text-decoration: underline;
    border-color: var(--text-color);
}

/* .productPara strong {
    color: var(--theme-color);
} */

.detailsTitleItem .detailsTitleContent {
    list-style: none;
    padding: 0;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-8);
    overflow: hidden;
}

.detailsTitleItem {
    padding: 15px 0;
    margin-top: 15px;
}

.detailsTitleContent li:last-child {
    border-bottom: none;
}

.detailsTitleContent li {
    border-bottom: 1px solid var(--border-color);
    padding: 8px 14px;
    transition: 0.5s;
}

.detailsTitleContent li a {
    width: 100%;
    display: block;
}

.productInforamtion {
    margin-top: 30px;
}

.detailsTitleContent li:hover a {
    color: var(--color-white);
}

.detailsTitleContent li:hover {
    background: var(--theme-color);
    border-color: var(--theme-color);
}


.detailsTitleContent li strong {
    color: var(--color-black);
}

.detailsTitleContent li span {
    color: var(--text-color);
}

.productTitle2 {
    border-bottom: 1px solid var(--border-color);
    position: relative;
    font-size: 25px;
    padding-bottom: 6px;
    text-transform: capitalize;
}

.productTitle2::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 60px;
    height: 4px;
    background-color: var(--theme-color);
    border-radius: var(--border-radius-4);
}

.selectionCont {
    display: grid;
    margin-top: 50px;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.selectionContainer {
    width: 100%;
}

.selectionContainer {
    position: relative;
    padding: 20px 15px 25px;
    border: 2px solid var(--border-color);
    max-width: 100%;
    border-radius: 10px;
    transition: all 0.4s ease-in-out;
}

.selectionContainer:hover {
    border-color: var(--theme-color);
}

.selectionCont label {
    width: 100%;
    cursor: pointer;
}

.selectionCont label input {
    display: none;
}

.selectionCont label input:checked+.selectionContainer {
    border-color: var(--theme-color);
}

.selectionSpecs {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.selectionPriceTerm .selectionPrice {
    height: 70px;
    margin-top: 10px;
    line-height: 1;
}

.selectionPriceTerm .selectionPrice span {
    color: var(--color-black);
    font-size: 26px;
    line-height: 26px;
    font-weight: bold;
}

.selectionPrice p {
    font-size: 15px;
}

.selectionPrice p i.mdi.mdi-check-circle {
    color: var(--theme-color);
}

.selectionTerm {
    line-height: 18px;
}

.selectionTerm .instantStartCombo:not(:last-child) {
    margin-bottom: 10px;
}

.selectionTerm .instantStartCombo {
    font-size: 14px;
    position: relative;
    padding-left: 22px;
    margin-bottom: 0;
}

.selectionTerm .instantStartCombo i.mdi {
    position: absolute;
    left: 0;
    top: 1px;
    color: var(--theme-color);
    font-size: 16px;
}

.mdi-check-circle-outline::before {
    content: "\F05E1";
    font-weight: 600 !important;
}

.selectionOptions {
    padding: 10px 0;
}

.offerIconInstantStart {
    background-color: #f9f6f4;
    border: 1px solid var(--border-color);
    color: var(--text-color);
    padding: 4px 10px;
    border-radius: var(--border-radius-8);
}

.offerIconLabel {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--text-color);
}

.offerIconLabel span {
    color: var(--text-color);
}

.offerIconLabel .mdi-lightning-bolt {
    border: 1px solid var(--theme-color);
    width: 25px;
    height: 25px;
    text-align: center;
    font-size: 18px;
    line-height: 23px;
    border-radius: 50%;
    color: var(--theme-color);
    transition: all 0.3s;
}

.offerIconInstantStart:hover .offerIconLabel .mdi-lightning-bolt {
    background-color: var(--theme-color);
    color: var(--color-white);

}

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

.coversStacked img {
    height: 75px;
    border-radius: 5px;
}

.productAllPara {
    text-align: center;
    margin-bottom: 0;
}

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

.selecttionCheckout .additionalCheckoutButtonContainer {
    border: none;
    outline: none;
    background: transparent;
    width: 100%;
}

.checkoutButtonOuter {
    display: block;
    width: 100%;
    background-color: var(--border-color);
    color: var(--color-black);
    padding: 10px 0;
    font-size: 16px;
    font-weight: 700;
    border-radius: var(--border-radius-4);
    transition: all 0.4s ease-in-out;
}

.selectionContainer:hover .selecttionCheckout.selecttion_Checkout .checkoutButtonOuter {
    color: var(--color-white);
    background-color: var(--theme-color);
}

/* .selectionCont label input:checked+.selectionContainer .checkoutButtonOuter {
    background: var(--theme-color);
    color: var(--color-white);
} */
.mfp-figure figure {
    width: 360px;
}

h2.noreview_title {
    font-size: 22px;
}

.mfp-figure figure img {
    width: 100%;
    object-fit: cover;
}

.selectionCont label input:checked+.selectionContainer .selecttionCheckout.selecttion_Checkout .checkoutButtonOuter {
    background: var(--theme-color);
    color: #fff;
}

.packagetype {
    position: absolute;
    top: -14px;
    left: 20px;
    padding: 5px 10px;
    background: var(--border-color);
    color: var(--color-black);
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    border-radius: 4px;
    transition: all 0.4s ease-in-out;
}

.selectionContainer:hover .packagetype {
    background: var(--theme-color);
    color: var(--color-white);
}

.selectionCont label input:checked+.selectionContainer .packagetype {
    background: var(--theme-color);
    color: var(--color-white);
}

.checkoutButtonOuter:hover {
    color: var(--color-white);
    background-color: var(--theme-color);
}


.swiper.product_thumbs {
    margin-top: 8px;
}

/* ================== */
.shareIcon.jsx-4104670245 {
    position: relative;
    margin-left: 10px;
    cursor: pointer;
}

.shareDiv.jsx-4104670245 {
    position: absolute;
    inset-inline-start: 290px;
    top: -6px;
    z-index: 9;
    width: 68%;
    border: 1px solid rgb(217, 217, 217);
    background: rgb(255, 255, 255);
    border-radius: 7px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.jsx-4104670378 {
    display: flex;
}

.mappedIcons.jsx-4104670245:nth-child(6) {
    border-bottom: none !important;
}

.mappedIcons.jsx-4104670245 {
    margin: 2px 0px;
    border-right: 1px solid rgb(226, 226, 226);
    z-index: 9;
    padding: 10px 10px;
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: 100%;
    cursor: pointer;
    position: relative;
    display: flex;
    font-size: 12px;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 12px;
}

#shareOptions {
    display: none;
    /* Initially hidden */
}

.iconsShare.jsx-4104670245 {
    margin-top: -3px;
}

.package_years {
    padding-left: 0;
    margin-top: 30px;
}

.package_years {
    padding-left: 0;
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.package_years .package_yearItem:not(:last-child) {
    margin-right: 6px;
}

.package_years .package_yearItem {
    list-style: none;
    display: inline-block;
    padding: 6px 18px;
    background: var(--border-color);
    border-radius: var(--border-radius-4);
    font-size: 16px;
    cursor: pointer;
}

.package_years .package_yearItem.active {
    background: var(--theme-color);
    color: var(--color-white)
}

/* =====================button-animation============== */
.button-animation,
.button-yellow {
    position: relative;
    display: inline-block;
    padding: 13px 20px;
    overflow: hidden;
    transition: 0.5s;
    background-color: #008080;
    font-weight: 600;
    border-radius: 5px;
    cursor: pointer;
    font-family: "Helvetica", Sans-serif;
}

.button-animation span {
    position: absolute;
    display: block;
}

.button-animation span:nth-child(1) {
    top: 0;
    left: -100%;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, transparent, #e6e6e6);
    animation: btn-anim1 2s linear infinite;
}

@keyframes btn-anim1 {
    0% {
        left: -100%;
    }

    50%,
    100% {
        left: 100%;
    }
}

.button-animation span:nth-child(2) {
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, transparent, #e6e6e6);
    animation: btn-anim2 1s linear infinite;
    animation-delay: 0.25s;
}

@keyframes btn-anim2 {
    0% {
        top: -100%;
    }

    50%,
    100% {
        top: 100%;
    }
}

.button-animation span:nth-child(3) {
    bottom: 0;
    right: -100%;
    width: 100%;
    height: 3px;
    background: linear-gradient(270deg, transparent, #e6e6e6);
    animation: btn-anim3 1s linear infinite;
    animation-delay: 0.5s;
}

@keyframes btn-anim3 {
    0% {
        right: -100%;
    }

    50%,
    100% {
        right: 100%;
    }
}

.button-animation span:nth-child(4) {
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(360deg, transparent, #e6e6e6);
    animation: btn-anim4 1s linear infinite;
    animation-delay: 0.75s;
}

.package_years .package_yearItem.button-animation span {
    display: none;
}

.package_years .package_yearItem.button-animation.active span {
    display: block;
}

/* -----------tab----------- */
.wrapper {
    margin-top: 20px;
}

.tab-wrapper {
    display: block;
    max-width: 500px;
}

.tabs {
    margin: 0;
    padding: 0;
    display: flex;
}

.tab-link {
    margin: 0 4px 0px 0;
    list-style: none;
    padding: 6px 40px;
    color: var(--text-color);
    cursor: pointer;
    font-weight: 700;
    transition: all ease 0.5s;
    border: solid 1px var(--border-color);
    border-top: 2px solid var(--border-color);
    background-color: #f2f4f6;
}

.tab-wrapper .tab-link {
    white-space: nowrap;
}

.tab-link:hover {
    color: var(--color-white);
    background: var(--theme-color);
}


.tab-link.active {
    color: var(--color-black);
    background: var(--color-white);
    border: solid 1px var(--border-color);
    border-top: 2px solid var(--theme-color);
    border-bottom: transparent;
}

.content-wrapper {
    padding: 25px;
    border: 1px solid var(--border-color);
    margin-top: -1px;
}

.tab-content {
    display: none;
    opacity: 0;
    transform: translateY(15px);
    animation: fadeIn 0.5s ease 1 forwards;
}

.descriptionPara {
    color: var(--text-color);
    font-size: 16px;
    text-align: justify;
}

.descriptionPara p {
    color: var(--color-black) !important;
}

.tab-content.active {
    display: block;
}

@keyframes fadeIn {
    100% {
        opacity: 1;
        transform: none;
    }
}

.blog-comments-wrapper {
    overflow: hidden;
    overflow-y: auto;
    max-height: 360px;
}

.tab-content p {
    margin-bottom: 0px;
}

.blog-comments-content strong {
    font-size: 15px;
}

/* ============================== */
.product-review-section .list-reset {
    list-style: none;
    margin: 0;
    padding: 0;
}

.product-review-section {
    border: 1px solid #eeee;
    padding: 14px;
    margin-bottom: 10px;
}

.product-review-section .product-reviews {
    display: flex;
    justify-content: space-between;
}

.product-review-section .reviews-info__title {
    margin-bottom: 20px;
    font-weight: normal;
    font-size: 44px;
    line-height: 130%;
    color: #1E212C;
}

.product-review-section .reviews-info__title i {
    color: #14958f;
    position: relative;
    font-size: 23px;
    top: -6px;
}

.product-review-section .reviews-info__caption {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #787A80;
}

.product-reviews__bar.reviews-bar {
    width: 62%;
    padding: 15px 0;
}

.product-reviews__info.reviews-info {
    border-right: 1px solid #eee;
    margin-right: 36px;
    padding: 35px 50px 0 35px;
}

.product-review-section .reviews-bar__list {
    display: flex;
    flex-direction: column;
}

.product-review-section .reviews-bar__item {
    display: flex;
    align-items: center;
}

.product-review-section .reviews-bar__item:not(:last-child) {
    margin-bottom: 8px;
}

.product-review-section .progress-bar {
    display: flex;
    align-items: center;
    flex-direction: inherit;
    text-align: left;
}

.product-review-section .progress-bar__star {
    margin-right: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #787A80;
}

.product-review-section .progress-bar__outter-line {
    overflow: hidden;
    position: relative;
    width: 356px;
    height: 4px;
    border-radius: 40px;
    background-color: #E5E8ED;
}

.product-review-section .progress-bar__quantity {
    margin-left: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #787A80;
}

.product-review-section .progress-bar__inner-line {
    position: absolute;
    height: 4px;
    border-radius: 40px;
}

.product-review-section .reviews-bar__item:nth-child(1) .progress-bar__inner-line--excellent {
    background-color: #14958f;
}

.product-review-section .reviews-bar__item:nth-child(2) .progress-bar__inner-line--excellent {
    background-color: #14958f;
}

.product-review-section .reviews-bar__item:nth-child(3) .progress-bar__inner-line--excellent {
    background-color: #72bfbc;
}

.product-review-section .reviews-bar__item:nth-child(4) .progress-bar__inner-line--excellent {
    background-color: #F89828;
}

.product-review-section .reviews-bar__item:nth-child(5) .progress-bar__inner-line--excellent {
    background-color: #FF4242;
}

.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    -webkit-transition: var(--bs-progress-bar-transition);
    transition: var(--bs-progress-bar-transition);
}

/* ============single-item-review=========== */
.single-item-review {
    padding-top: 30px;
}

.ppr_rating {
    display: flex;
    align-items: center;
    color: #878787;
    font-weight: 500;
    font-size: 14px;
    padding: 12px 0px;
}

.ratting_reviews {
    font-size: 18px;
    margin-right: 10px;
    color: #30180d;
    line-height: 1;
    margin-bottom: 0;
}

.ppr_rating .rating_count {
    display: block;
    padding: 6px;
    border-radius: 4px;
    color: var(--color-white);
    background: var(--theme-color);
    line-height: 1;
    font-size: 12px;
    margin-right: 7px;
}

.blog-comments-single {
    display: flex;
    justify-content: start;
    align-items: flex-start;
    margin-bottom: 30px;
    margin-top: 20px;
}

.product-comments-user img {
    border-radius: 50%;
    max-width: 70px;
    max-height: 70px;
    border: 1px solid var(--border-color);
}

.blog-comments-content h5 {
    margin-bottom: 0;
}

.variation h5 {
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 1;
}

.blog-comments-content span {
    font-size: 14px;
    color: var(--theme-color);
    font-weight: 500;
}

span.product_rating_stars i {
    color: #FFC100;
}

.blog-comments-content {
    padding: 0 20px 0 20px;
}

.galleryImg {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: auto;
}

.gImage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.galleryImg .imageView {
    margin: 0 4px 4px 0;
}

.imageView {
    width: 89px;
    height: 89px;
}

.imageView img {
    border-radius: 2px;
    background-position: 50%, 50%;
    background-repeat: no-repeat, no-repeat;
    background-size: cover, 20%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* ==================== !!Faq`s Tab!! ====================== */
.tab-area {
    margin: 30px 0 15px 0;
    padding: 0;
}

.faq-tabLink {
    display: inline-block;
    cursor: pointer;
    margin-right: 20px;
    color: #474f54;
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 6px;
}

.faq-tabLink.active {
    color: var(--theme-color);
    border-bottom: 2px solid var(--theme-color);
}

.tab-content {
    display: none;
    font-size: 17px;
    line-height: 1.5;
    color: var(--text-color);
}

.tab-content.active {
    display: block;
}

/* ============= productTable =============*/

.adistionalTable {
    border-collapse: collapse;
    width: 100%;
}

.adistionalTable td,
.adistionalTable th {
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.adistionalTable th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    border-radius: 30px;
}

.adistionalTable tr td {
    color: var(--color-black);
    line-height: 1;
    font-size: 15px;
}

button#resendOtpBtn {
    color: #0c63e4;
    opacity: 1;
}

.adistionalTable tr .tableTitle {
    font-weight: 700;
    font-size: 15px;
    color: var(--color-black);
    background: var(--border-color);
    width: 40%;
}

/* =================== offcanvas ============= */
.sticky_offcanvas {
    width: 382px;
}

.sticky_offcanvas .offcanvas-header {
    background: var(--theme-color);
    color: var(--color-white);
}

.sticky_offcanvas .offcanvas-header .btn-close {
    opacity: 1;
    filter: invert(1);
}

.sticky_offcanvas .offcanvas-body {
    padding: 0px;
    padding-top: 15px;
}

.sticky_offcanvas .offcanvas-body .menuWrapper ul {
    padding-left: 0;
    list-style: none;
}

.sticky_offcanvas .offcanvas-body .menuWrapper ul li a {
    color: var(--color-black);
    border-bottom: 1px solid var(--border-color);
}

.sidebarInformation {
    margin-top: 8px;
}

.sidebarInformation ul {
    padding-left: 0;
    list-style: none;
    text-align: center;
    padding: 20px;
    padding-top: 15px;
    margin-bottom: 0;
    /* background: #fff8f3; */
}

.sidebarInformation ul li a {
    color: var(--color-black);
}

.sidebarInformation ul li {
    text-align: center;
    margin-bottom: 5px;
}

.sidebarInformation ul li a.sticky-mysubs {
    padding: 8px 21px;
    border-radius: var(--border-radius-25);
    background: var(--theme-color);
    color: var(--color-white);
    margin: 10px 0;
    display: inline-block;
    width: 100%;
    transition: 0.5s;
}

.sidebarInformation ul li a.sticky-mysubs:hover {
    background: var(--color-black);
}

.sidebarInformation ul li:last-child {
    display: flex;
    justify-content: space-around;
    margin-top: 16px;
}

.sidebarInformation ul li:last-child a {
    width: 33px;
    height: 33px;
    line-height: 34px;
    display: inline-flex;
    justify-content: center;
    color: var(--theme-color);
    border-radius: 50%;
    transition: 0.5s;
}

.sidebarInformation ul li:last-child a.facebook_icon {
    background: #0069f9;
    color: var(--color-white);
}

.sidebarInformation ul li:last-child a.twitter_icon {
    background: #0e1419;
    color: var(--color-white);
}

.sidebarInformation ul li:last-child a.linkedin_icon {
    background: #0068be;
    color: var(--color-white);
}

.sidebarInformation ul li:last-child a.pinterest_icon {
    background: #f80028;
    color: var(--color-white);
}

.sidebarInformation ul li:last-child a.youtube_icon {
    background: #ff0037;
    color: var(--color-white);
}

/* =================== offcanvas ============= */

/* =========================== */
.accordianNav ul {
    padding: 0;
}

.accordianNav a,
.accordianNav h3 {
    display: block;
    line-height: 28px;
    color: var(--color-black);
    position: relative;
    z-index: 1;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
}

.accordianNav a {
    text-decoration: none;
    padding-left: 0;
}

/* Background hover animation. */

.accordianNav .dropArrow {
    margin-bottom: 0 !important;
}

.accordianNav h3.dropArrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px 15px;
    padding: 0px 8px;
    border-bottom: 1px solid #ffdecf;
    height: 45px !important;
}

li.list-unstyled {
    margin: 0px 15px;
}

ul.ulCategory.padding-drop {
    padding: 0px 20px;
}

.accordianNav h3.dropArrow:hover {
    background: #ffdecf;
    border-bottom: 1px solid #ffdecf;
}

.accordianNav h3.dropArrow:hover a {
    color: var(--theme-color);
}

.accordianNav .dropArrow .mainTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    line-height: normal;
}

.ulCategory .subTitle {
    background: #ffdecf;
    padding: 0px 10px;
    margin-top: 10px;
    cursor: auto;
}

.ulCategory .subTitle:hover {
    color: var(--color-black);
}

.accordianNav .dropArrow .mainTitle i {
    font-size: 22px;
}

.accordianNav .subTitle i {
    font-size: 18px;
}

/* +Hover and Touch effect */

.accordianNav a:hover,
.accordianNav a:active,
.accordianNav h3:hover,
.accordianNav h3:active,
.accordianNav h3.dropArrow:hover:after,
.accordianNav h3.dropArrow:active:after,
.accordianNav a:hover:after,
.accordianNav a:active:after {
    color: var(--theme-color);
    border-color: var(--theme-color);
    -webkit-transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88);
    transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88);
}

.accordianNav li {
    list-style-type: none;
    margin: 5px 0;
}

.accordianNav a {
    transform: translate(0px, 0px);
    transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}

/*Drop links*/
.accordianNav ul ul li a {
    padding: 5px 10px;
    border-bottom: 1px solid #ffdecf;
}

.accordianNav ul ul li a:hover {
    background: #ffdecf;
}

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

.padding-drop {
    padding-left: 10px;
    padding-right: 10px;
}

.padding-drop ul {
    padding-left: 25px;
    padding-right: 25px;
}

.accordianNav h3.dropArrow i {
    font-size: 20px;
}


.accordianNav h3.dropArrow .mdi-chevron-down::before {
    font-weight: 600;
}

/*Hide and show the drops*/
.accordianNav ul ul {
    display: none;
}

.accordianNav li.active ul {
    display: block;
}

li.list-unstyled.single_dropArrow {
    margin: 0px 15px;
}

li.list-unstyled.single_dropArrow a {
    display: flex;
    align-items: center;
    padding: 0px 8px;
    border-bottom: 1px solid #ffdecf;
    height: 48px !important;
    font-family: var(--outfit);
}

li.list-unstyled.single_dropArrow a:hover {
    background: #ffdecf;
    border-bottom: 1px solid #ffdecf;
}

li.sidebarInformation_title {
    font-size: 14px;
}

.sidebarInformation i.mdi.mdi-whatsapp {
    margin-right: 6px;
    color: #00cc77;
    font-size: 17px;
}

.sidebarInformation .mdi-whatsapp::before {
    font-weight: 600;
}

.sidebarInformation i.mdi.mdi-phone-classic {
    margin-right: 6px;
    color: var(--theme-color);
}

.topbar_list a.tel_phoneNo {
    margin-left: 6px;
}

/* .topbar_list p.year_title {
    text-transform: uppercase;
} */

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

/* =====!form!====== */
.contactItemSection {
    border-radius: var(--border-radius-16);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    background-color: var(--color-white);
    padding: 25px;
}

.contactItemSection .contactUsTitle {
    color: var(--theme-color);
    padding: 10px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--border-color);
}

form input,
form textarea {
    border: none;
    outline: none;
    width: 100%;
}

.formGroup .inputDesign {
    border: 1px solid var(--border-color);
    padding: 10px 18px;
    border-radius: 8px;
    color: var(--color-black);
    background-color: var(--color-white);
}

.formGroup input[type="file"] {
    cursor: pointer;
}

.inputDesign:focus {
    box-shadow: none;
    border-color: var(--theme-color);
}

.form-floating>label {
    padding: 16px 25px;
}

.sendBttn {
    width: 100%;
    border: none;
    outline: none;
    background: var(--theme-color);
    color: var(--color-white);
    padding: 8px 0;
    text-align: center;
    border-radius: 30px;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0;
    transition: all 0.3s ease-in-out;
}

.sendBttn:hover {
    background-color: var(--color-white);
    color: var(--theme-color);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.links_container {
    display: flex;
    justify-content: space-around;
}

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

.or_row {
    z-index: 1;
}

.or_row .Or.w-auto {
    background: #fff;
}

/* =============!!reciewFrom!!============= */
.reciewFromContainer {
    padding: 20px 30px;
    border-radius: var(--border-radius-16);
    background: #fbdfce;
    margin: 10px auto;
    max-width: 902px;
}

.reciewFrom {
    display: flex;
    align-items: center;
    gap: 20px;
}

button.submitReviewBttn {
    border: none;
    background-color: var(--theme-color);
    color: var(--color-white);
    padding: 10px 40px;
    border-radius: var(--border-radius-25);
    font-size: 18px;
    font-weight: 600;
}

button.submitReviewBttn:hover {
    background: var(--color-white);
    color: var(--theme-color);
}

/* =============!!reciewFrom!!============= */

/* ----------- !!subscriptionQuotationForm!! -------------- */
.subscriptionQuotationForm {
    background-color: #fbdfce;
    padding: 40px;
    border-radius: var(--border-radius-16);
    margin-top: 0px;
}

.clickHere {
    display: inline-block;
    margin-top: 10px;
    color: var(--color-black);
    transition: 0.3s;
}

.clickHere:hover {
    color: var(--theme-color);
    text-decoration: underline;
}

.offerContentProduct .detailsTitleContent {
    display: flex;
    border: none;
}

.offerContentProduct .detailsTitleContent li {
    border: 1px solid var(--border-color);
    padding: 5px 18px;
    background: #f9f6f4;
    border-radius: var(--border-radius-25);
}

.offerContentProduct .detailsTitleContent li:not(:last-child) {
    margin-right: 15px;
}

/* ================ !!categorySection!! =============== */
.reSearchBox {
    margin-top: 40px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 15px 14px;
    border-radius: var(--border-radius-8);
}

.reSearchBox form {
    margin-top: 25px;
}

.categoryForm {
    margin-top: 32px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 15px 14px;
    border-radius: var(--border-radius-8);
}

.categorySelect {
    margin-bottom: 15px;
}

.categorySelect label {
    width: 100%;
    font-size: 16px;
    display: inline-block;
    max-width: 100%;
    margin: 0 0 3px 5px;
    font-weight: 700;
    color: var(--color-black);
}

.categorySelect select {
    border: 1px solid var(--border-color);
    padding: 7px 12px;
    border-radius: 8px;
    color: var(--text-color);
}

.categorySelect select:focus {
    box-shadow: none;
    border-color: var(--border-color);
    outline: none;
}

.searchBttn {
    position: relative;
}

.searchBttn .searchBox {
    text-align: left;
    background-color: var(--theme-color);
    color: var(--color-white);
    padding: 6px 20px;
    font-size: 15px;
    border-radius: 30px;
}

.searchBttn i {
    position: absolute;
    top: 6px;
    right: 14px;
    font-size: 20px;
    color: var(--color-white);
    cursor: pointer;
}

.listingTitle .listingCount {
    border: 1px solid var(--border-color);
    padding: 5px 18px;
    background: #f9f6f4;
    font-size: 15px;
    border-radius: var(--border-radius-25);
}

.searchaddBttn {
    margin-top: 30px;
}

.categoryItem {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
    margin-top: 30px;
}

.categoryBoxModal {
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.categoryBoxModal .categoryImage {
    height: 280px;
    overflow: hidden;
    border-radius: 8px;
    transition: all 0.4s ease-in-out;
}

.categoryImage img {
    height: 100%;
    object-fit: cover;
    object-position: top;
    transition: all 0.4s ease-in-out;
}

.categoryBoxModal :hover .categoryImage img {
    transform: scale(1.01);
}

.categoryMeta {
    padding: 10px;
}

.categoryMeta .categTitle {
    font-size: 15px;
    font-weight: 400;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--text-color);
}

.categoryMeta .categPrice {
    margin-bottom: 0;
    font-size: 18px;
    color: var(--color-black);
    font-weight: 600;
    line-height: 1;
}

/* ============== !!wrapper pagination!! ========== */
.paginationWrapper {
    display: block;
    margin-top: 30px;
}

.categoryPagination {
    text-align: center;
    padding: 0;
    margin: 0;
}

.categoryPagination li {
    display: inline-block;
}

.categoryPagination li .arrowPagination {
    background: #fbdfce;
    width: 70px;
    height: 35px;
    line-height: 35px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 5px;
    display: block;
}

.categoryPagination li a {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    color: var(--text-color);
}

.categoryPagination li a {
    border-radius: 5px;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.categoryPagination li a.active {
    background-color: var(--theme-color);
    color: #fff;
}

.categoryPagination li a:hover:not(.active) {
    background-color: #fbdfce;
}

/* ================!!tradeCommercialMagazine!!================ */
.tradeCommercialItem {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 15px;
    margin-top: 30px;
}

.tradeCommercialBoxModal {
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #dde1de;
    /* margin-bottom: 24px; */
    transition: all 0.3s ease-in-out;
}

.tradeCommercialBoxModal a {
    position: relative;
}

/* .tradeCommercialBoxModal:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
} */

.tradeCommercialBoxModal .tradeCommercialImage {
    height: 180px;
    width: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: top;
    border-radius: 8px;
    transition: all 0.6s linear;
}

.tradeCommercialImage img {
    height: 100%;
    object-fit: cover;
    object-position: top;
    transition: all 0.6s linear;
}

.tradeCommercialBoxModal :hover .tradeCommercialImage img {
    transform: scale(1.06);
}

.tradeCommercialMeta {
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, .7);
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: all 0.3s linear;
}

.tradeCommercialBoxModal a:hover .tradeCommercialMeta {
    background: rgba(0, 0, 0, .4);
}

.tradeCommercialMeta {
    position: absolute;
    top: 50%;
    text-align: center;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: var(--color-white);
}

/* .tradeCommercialBoxModal a:hover .tradeCommercialMeta {
    color: var(--text-color);
} */

.tradeCommercialMeta {
    padding: 15px 10px 8px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

/* .tradeCommercialMeta:hover {
    text-decoration: underline;
} */

.tradeCommercialMeta .tradeCommercialTitle {
    font-size: 18px;
    font-weight: 500;
    overflow: hidden;
    margin-bottom: 0;
}

.tradeCommercialMeta .tradeCommercialPrice {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1;
    text-align: right;
}

.category_menu li:first-child {
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    background: #f9f6f4;
}

.category_menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding-left: 0px;
}

.category_menu li {
    border: 1px solid var(--border-color);
    padding: 5px 18px;
    background: #f9f6f4;
    border-radius: var(--border-radius-25);
    list-style: none;
}

/* ====================== !!sitemapMagazine!! =================== */

a.add--links {
    color: var(--text-color);
    font-size: 16px;
}


.sitemapTitleItem .sitemapTitleContent {
    list-style: none;
    padding: 0;
    border-radius: var(--border-radius-8);
    overflow: hidden;
}

.sitemapTitleItem {
    padding: 15px 0;
    margin-top: 15px;
}

.sitemapTitleContent li:last-child {
    border-bottom: none;
}

.sitemapTitleContent li {
    border-bottom: 1px solid var(--border-color);
    padding: 6px 0px;
    transition: 0.5s;
}

.sitemapTitleContent li a {
    width: 100%;
    display: block;
    display: flex;
    align-items: center;
    gap: 4px;
}

.sitemapTitleContent li a span {
    font-size: 15px;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sitemapTitleContent li a i {
    font-size: 18px;
}

.sitemapTitleContent li a {
    color: var(--text-color);
}

.sitemapTitleContent li:hover a {
    color: var(--theme-color);
}

/* ================= !!newsArticleSection!! ================= */
.newsArticleSideBar {
    margin-top: 32px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: var(--border-radius-8);
    overflow: hidden;
}

.newsArticleSideBar .newsArticleContent {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    overflow: hidden;
}

.newsArticleContent li:last-child {
    border-bottom: none;
}

.newsArticleContent li {
    border-bottom: 1px solid var(--border-color);
    transition: 0.5s;
}

.newsArticleContent li a {
    width: 100%;
    display: block;
    color: var(--text-color);
    padding: 10px 20px;
    transition: all 0.4s ease-in-out;
}

.newsArticleContent li a.active {
    background-color: var(--theme-color);
    color: var(--color-white);
    font-weight: 700;
    font-size: 18px;
}

.newsArticleContent li a:hover {
    background: #fbdfce;
    color: var(--text-color);
}

.newsArticleBox {
    border-radius: 15px;
    padding: 15px;
    border: 1px solid var(--border-color);
}

.newsArticleBox p.listingTitle {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 0px;
}

.news_wrapper {
    border-bottom: 1px dashed var(--border-color);
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.news_wrapper p.listingTitle {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    font-size: 15px;
    line-height: 24px;
}

p.listingTitle i {
    font-size: 20px;
    color: var(--theme-color);
}

.HeadingTitle a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 18px;
    color: var(--text-color);
}

.h-news {
    font-size: 16px;
    margin: 0;
    margin-bottom: 4px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.h-news a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--text-color);
}

.news_content {
    display: flex;
}

.news_content .news_content_text {
    width: calc(100% - 200px);
    padding-left: 16px;
}

.news_content .news_img {
    max-width: 220px;
    height: 170px;
    border-radius: 4px;
    overflow: hidden;
}

.news_content .news_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: 0.5s;
}

.readMoreBttn {
    color: var(--theme-color);
    font-size: 15px;
    transition: all 0.4s ease-in-out;
    font-weight: 600;
    float: right;
}

.readMoreBttn:hover {
    color: var(--text-color);
    text-decoration: underline;
}

/* ============== !!paymentOptionSection!! ============== */
.paymentOptionForm {
    background-color: #fbdfce;
    padding: 28px;
    border-radius: var(--border-radius-16);
    margin-top: 0px;
    border: 1px solid var(--border-color);
}

.paymentInformation {
    margin-top: 40px;
}

.paymentOptionTable {
    border-collapse: collapse;
    width: 100%;
}

.paymentOptionTable td,
.paymentOptionTable th {
    border-bottom: 1px solid #ddd;
    padding: 15px 0px;
}

td.tableTitle:nth-child(8) {
    border-bottom: none !important;
}

.paymentOptionTable th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    border-radius: 30px;
}

.paymentOptionTable tr td {
    color: var(--text-color);
    line-height: 1;
    font-size: 15px;
    padding-left: 10px;
}

.paymentOptionTable tr td a {
    background-color: var(--theme-color);
    color: var(--color-white);
    padding: 6px 20px;
    border-radius: 30px;
    font-size: 15px;
}

.paymentOptionTable tr .tableTitle {
    font-weight: 700;
    font-size: 15px;
    color: var(--color-black);
    background: var(--border-color);
    padding-left: 10px;
}

.paymentCart {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 30px;
}

.paymentOptionTable {
    margin-top: 20px;
}

.paymentCart {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 15px;
    row-gap: 15px;
}

.paymentCart li {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-8);
    padding: 4px;
    text-align: center;
}

.paymentCart li a p {
    color: var(--text-color);
    font-size: 16px;
}

/* ============== !!blogSection!! ============== */

.searchForm {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 25px 14px;
    border-radius: var(--border-radius-8);
}

.searchForm .searchInput {
    border: 1px solid var(--border-color);
    padding: 7px 12px;
    border-radius: 8px;
    color: var(--color-black);
    margin-bottom: 15px;
}

.blog_wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.blog_wrapper .blog_wrapper_item:nth-child(3n + 1) {
    grid-column-start: 1;
    grid-column-end: 3;
}

.suggestion-link {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    /* Adjust width as needed */
    color: #000;
    text-decoration: none;
}

.suggestion-item .suggestion-link:hover {
    color: #000;
}

.suggestion-item {
    padding: 10px 5px 0px 5px;
}

.suggestion-item:hover {
    background: #fbdfce;
    padding: 10px 5px 0px 5px;
    color: #000;
}

/* .blog_content {
    display: bl;
} */

.blog_content .blog_img {
    max-width: 100%;
    height: 200px;
    border-radius: 4px;
    overflow: hidden;
}

.blog_wrapper .blog_wrapper_item:nth-child(3n + 1) .blog_content {
    display: flex;
}

.blog_wrapper .blog_wrapper_item:nth-child(3n + 1) .blog_content .blog_img {
    max-width: 220px;
    height: 190px;
    border-radius: 4px;
    overflow: hidden;
}

.blog_wrapper .blog_wrapper_item:nth-child(3n + 1) .blog_content .blog_content_text {
    width: calc(100% - 200px);
    padding-left: 16px;
}

.blog_content .blog_img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    transition: 0.5s;
}

.blog_content .blog_content_text {
    width: 100%;
    margin-top: 12px;
}

.blog_content.blog-content {
    flex-direction: column;
    gap: 15px;
}

.blog_content.blog-content .blog_content_text {
    width: 100%;
    padding-left: 0;
}

.blog_content.blog-content .blog_img {
    max-width: 100%;
    height: 190px;
    overflow: hidden;
}

.blog_content.blog-content .blog_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: 0.5s;
}

.blog_details_img {
    position: relative;
    display: block;
    max-height: 450px;
    overflow: hidden;
    margin-bottom: 20px;
}

.blog_details_img img {
    width: 100%;
    height: 450px;
    object-fit: contain;
}

.newsArticleBox {
    margin-bottom: 28px;
}

.h-blog {
    font-size: 16px;
    margin: 0;
    margin-bottom: 4px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.h-blog a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--text-color);
}

.postmeta_box {
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 16px;
}

span.postcateg a {
    color: var(--text-color);
}

.boxinside {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: var(--border-radius-8);
    margin: 30px 0;
}

.wp-block-heading {
    font-size: 24px;
    text-align: center;
}

.boxinside ul.detailsTitleContent {
    margin-bottom: 0;
}

.wp-block-categories-list {
    list-style: none;
    padding: 0;
    padding-top: 10px;
    padding-left: 0px;
    margin: 0;
}

.comment-form-cookies-consent {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 500;
}

.comment-form-cookies-consent label {
    width: 100%;
    cursor: pointer;
    color: var(--text-color);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

a.cookies-consent {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--text-color);
    margin-bottom: 2px;
}

input[type=checkbox] {
    position: relative;
    border: 2px solid var(--theme-color);
    border-radius: 3px;
    background: none;
    cursor: pointer;
    line-height: 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 18px;
    width: 20px;
    -webkit-appearance: none;
    opacity: .5;
}

input[type=checkbox]:hover {
    opacity: 1;
}

input[type=checkbox]:checked {
    background-color: var(--theme-color);
    opacity: 1;
    background-image: none !important;
}

input[type=checkbox]:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    width: 5px;
    height: 12px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2;
}

.h-blog-details {
    font-size: 22px;
    margin: 0;
    margin-bottom: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.h-blog-details a {
    color: var(--text-color);
}

.newsArticleBox p.listingTitleBlog {
    font-size: 16px;
    line-height: 25px;
}

.blog_details_content_text p a {
    color: var(--theme-color) !important;
    text-decoration: none !important;
}

.blog_details_content_text p a:hover {
    text-decoration: underline !important;
}

.blog_details_content_text h3 span a {
    color: var(--theme-color) !important;
    font-size: 20px !important;
    text-decoration: none !important;
}

.blog_details_content_text h2 span a {
    color: var(--theme-color) !important;
    font-size: 20px !important;
    text-decoration: none !important;
}

.blog_details_content_text p {
    line-height: 22px;
}

.blog_details_content_text p:last-child {
    margin-bottom: 0px;
}

.blog_details_content_text ul li {
    color: var(--theme-color);
}

.blog_details_content_text h3 span,
.blog_details_content_text h2 span {
    color: var(--text-color) !important;
}

.newsArticleBox.border-0.p-0 {
    margin-bottom: 0px;
}

.theiaStickySidebar p span span {
    color: var(--theme-color) !important;
}


































@media only screen and (min-width: 767px) and (max-width: 992px) {

    .categoryItem,
    .tradeCommercialItem {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media only screen and (min-width: 575px) and (max-width: 767px) {

    .categoryItem,
    .tradeCommercialItem {
        grid-template-columns: repeat(3, 1fr);
    }

    .formSectionSelector {
        flex-direction: column;
    }
}

@media only screen and (min-width: 320px) and (max-width: 575px) {

    .categoryItem,
    .tradeCommercialItem {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* ====================== footer =================== */
.footer {
    padding-top: 40px;
    background: var(--theme-color-light);
}

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

.footer-list li a {
    color: var(--text-color);
    text-decoration: none;
    font-size: 15px;
    transition: 0.1s;
}

.footer-list li:not(:last-child) {
    margin-bottom: 6px;
}

.footer-list li a:hover {
    color: var(--theme-color);
    text-decoration: underline;
}

.reach-us .footer-list-item {
    font-size: 15px;
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 10px !important;
}

.reach-us .footer-list-item i {
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
    border: 1px solid var(--border-color);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--theme-color);
    border-radius: 50%;
}

.footer-title {
    font-size: 18px;
    margin-bottom: 20px;
}

.footer-social a {
    width: 33px;
    height: 33px;
    line-height: 34px;
    display: inline-flex;
    justify-content: center;
    color: var(--theme-color);
    border-radius: 50%;
    transition: 0.5s;
}

.footer-social a.facebook_icon {
    background: #0069f9;
    color: var(--color-white);
}

.footer-social a.twitter_icon {
    background: #0e1419;
    color: var(--color-white);
}

.footer-social a.linkedin_icon {
    background: #0068be;
    color: var(--color-white);
}

.footer-social a.pinterest_icon {
    background: #f80028;
    color: var(--color-white);
}

.footer-social a.youtube_icon {
    background: #ff0037;
    color: var(--color-white);
}

.footer-social a:hover {
    color: var(--color-white);
    background: var(--theme-color);
}

.footer-social a:not(:last-child) {
    margin-right: 10px;
}

ul.footer-social li:first-child {
    margin-bottom: 20px;
}

.footer-bottom {
    padding: 16px 0;
    background: #fbdfce;
    margin-top: 26px;
}

.footer-bottom ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: end;
}

.footer-bottom ul li a {
    text-decoration: none;
    color: var(--text-color);
    font-size: 15px;
    display: block;
}

.footer-bottom ul li:not(:last-child) {
    margin-right: 25px;
}

.footer-bottom p {
    font-size: 15px;
    margin-bottom: 0;
}

.footer-bottom p a {
    color: var(--theme-color);
    text-decoration: none;
    font-weight: 600;
}

.footerbtn {
    display: inline-block;
    background-color: var(--theme-color);
    text-align: center;
    font-size: 20px;
    padding: 6px 20px;
    color: var(--color-white) !important;
    border-radius: 30px;
    transition: all 0.4s ease-in-out !important;
    font-weight: 600;
    text-transform: uppercase;
}

.footerbtn:hover {
    background: var(--color-white);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    color: var(--theme-color) !important;
    text-decoration: none !important;
}

form.subscrition_footer {
    position: relative;
}

form.subscrition_footer input {
    width: 100%;
    height: 40px;
    padding: 10px 100px 10px 14px;
    border-radius: var(--border-radius-25);
    border: 1px solid var(--border-color);
    font-size: 15px;
}

form.subscrition_footer button {
    position: absolute;
    top: 5px;
    height: 30px;
    background: var(--theme-color);
    border-radius: var(--border-radius-25);
    display: inline-block;
    color: var(--color-white);
    font-weight: 600;
    padding: 1px 15px;
    right: 5px;
    transition: 0.5s;
    border: none;
}

form.subscrition_footer a:hover {
    background: var(--color-black);
}

/* ====================== footer =================== */

.topbar .topbar_list .list-item:last-child {
    padding-left: 260px;
}

/* ==================== mini cart ======================== */
.rightmenu .cart {
    position: relative;
}

.rightmenu .miniCart_wrapper {
    position: absolute;
    top: 130%;
    left: 50%;
    transform: translateX(-50%);
    width: 280px;
    background: #fff;
    padding: 14px;
    z-index: 99;
    box-shadow: -1px 8px 10px 3px rgb(0 0 0 / 10%);
    display: none;
}

.rightmenu .miniCart_wrapper-profile {
    position: absolute;
    top: 125%;
    left: -5%;
    transform: translateX(-50%);
    width: 150px;
    background: #fff;
    padding: 14px;
    z-index: 99;
    box-shadow: -1px 8px 10px 3px rgb(0 0 0 / 10%);
    display: none;
}

.rightmenu .miniCart_wrapper:after {
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fbede4;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -10px;
}

.rightmenu .miniCart_wrapper-profile:after {
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fbede4;
    position: absolute;
    left: 64%;
    transform: translateX(-50%);
    top: -10px;
}

.rightmenu .mini_cart_wrapper {
    max-height: calc(100vh - 170px);
    overflow: hidden;
    overflow-y: auto;
    list-style: none;
    margin: 0;
    padding: 0px;
}

.rightmenu .mini_cart_wrapper::-webkit-scrollbar {
    width: 6px;
}

.rightmenu .mini_cart_wrapper::-webkit-scrollbar-thumb {
    background: #fbdfce;
    border-radius: 4px;
    ;
}

.minicart_footer {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
}

.minicart_footer .theme-button {
    padding: 10px 18px;
    font-size: 13px;
    line-height: 1;
}

.minicart_footer .close_mini_cart {
    border: none;
    background: none;
}

.minicart_footer .close_mini_cart i.mdi {
    margin-right: 0;
}

.minicart_footer .close_mini_cart i.mdi:before {
    font-size: 28px;
    line-height: 1;
}

.rightmenu .mini_cart_wrapper li {
    display: flex;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 14px;
    position: relative;
}

.rightmenu .mini_cart_wrapper li.mini_cart_item.mini_cart_item-profile {
    display: flex;
    border-bottom: 1px solid var(--border-color);
    position: relative;
    padding: 8px 0px;
    margin-bottom: 0px;
}

.rightmenu .mini_cart_wrapper li.mini_cart_item.mini_cart_item-profile a {
    display: block;
    width: 100%;
    transition: 0.5s;
}

li.mini_cart_item.mini_cart_item-profile a .mdi-account-circle-outline::before,
li.mini_cart_item.mini_cart_item-profile a .mdi-logout::before {
    font-size: 15px;
    margin-right: 3px;
}

.rightmenu .mini_cart_wrapper li.mini_cart_item.mini_cart_item-profile a:hover {
    background: transparent !important;
    color: var(--theme-color);
}

.rightmenu .mini_cart_wrapper li:last-child {
    margin-bottom: 0px;
}

.rightmenu .mini_cart_wrapper li .mini_cart_img {
    width: 80px;
}

.rightmenu .mini_cart_wrapper li .mini_cart_content {
    width: calc(100% - 80px);
    padding-left: 14px;
}

.rightmenu .mini_cart_wrapper li .mini_cart_img img {
    width: 100%;
}

.rightmenu .mini_cart_wrapper li>* {
    margin: 0;
    padding: 0;
}

.rightmenu .mini_cart_wrapper li .mini_cart_remove {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 26px;
    height: 26px;
    background: var(--border-color);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 13px rgb(0 0 0 / 59%);
}

.rightmenu .mini_cart_wrapper li .mini_cart_remove i.mdi {
    margin-right: 0;
    line-height: 1;
}

.rightmenu .mini_cart_wrapper li .mini_cart_remove i.mdi:before {
    font-size: 18px;
}

.mini_cart_content h5 {
    line-height: 1;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-black);
}

.mini_cart_content p {
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 18px;
}

.mini_cart_content .free_shipping {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: var(--theme-color);
    line-height: 1;
}

.rightmenu .cart .cart-icon {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    line-height: 16px;
    font-size: 15px;
    cursor: pointer;
}

button.mini_cart,
button.mini_cart-profile {
    border: 0;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    margin-left: 6px;
    background: #000000;
}

button.mini_cart i.mdi,
button.mini_cart-profile i.mdi {
    margin-right: 0px;
    color: #fff;
    line-height: 20px;
}

button.mini_cart i.mdi:before,
button.mini_cart-profile i.mdi:before {
    font-size: 18px;
}

/* ==================== mini cart ======================== */

/* ============== cart page ============= */
section.shop_section.bg-white {
    margin-bottom: 60px;
}

.cart-plus-minusH {
    display: flex;
    justify-content: start;
    align-items: center;
    background: #f5f5f6;
    padding: 1px 8px;
}

.cart-plus-minusH span {
    font-size: 12px;
    font-weight: 500;
    color: var(--color-dark);
    padding-right: 6px;
}

.dec.qtybutton.b {
    font-size: 16px;
    font-weight: 700;
    margin-right: 6px;
    cursor: pointer;
}

.cart-plus-minusH input {
    width: 34px;
    border-radius: 0px;
    border: none;
    text-align: center;
}

.inc.qtybutton.b {
    font-size: 16px;
    margin-left: 6px;
    cursor: pointer;
}

.cart_product_list {
    display: grid;
    grid-template-columns: 19% 81%;
}

.container.cart_container {
    max-width: 958px !important;
}

.product_image .fit-image {
    width: 85%;
}

a.cart_item_remove {
    position: absolute;
    right: 10px;
    top: 5px;
}

a.cart_item_remove i {
    display: inline-block;
    color: var(--theme-color);
    width: 23px;
    height: 23px;
    line-height: 22px;
    font-size: 14px;
    text-align: center;
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
}

a.cart_item_remove i:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
    transform: scale(1.01);
    font-size: 18px;
}

.cart_product_list {
    position: relative;
}

.return_time {
    display: flex;
}

.returnPeriod-base-returnItem {
    display: flex;
    align-items: center;
}

.returnPeriod-base-returnText {
    font-size: 12px;
    line-height: 0;
    margin-top: 5px;
}

span.returnPeriod-base-returnDays {
    font-weight: 700;
    padding-left: 7px;
}

.pincode_product {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    border: 1px solid #d8d8d8;
    align-items: center;
    margin-bottom: 20px;
}

.pincode_product p {
    margin-bottom: 0px;
    font-weight: 500;
    color: var(--color-dark);
}

.pincode_product button {
    font-size: 12px;
    border: 1px solid #ec1d26;
    background: none;
    padding: 6px 14px;
    color: #ec1d26;
    border-radius: 4px;
}

.pincode_product button:hover {
    background: #ec1d26;
    color: #fff;
}

.product_list p {
    margin-bottom: 5px;
    width: 90%;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    font-size: 18px;
    font-weight: 500;
}

.product_list p a {
    color: var(--color-black);
}

.cart_product_list {
    padding: 12px;
    border: 1px solid #d8d8d8;
    margin-bottom: 15px;
}

.coupons_box h6 {
    font-size: 12px;
}

.coupons_aply {
    display: flex;
    justify-content: space-between;
}

.coupons_box {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d8d8d8;
}

.coupons-base-couponMessage {
    padding-left: 40px;
    padding-top: 8px;
}

a.btn.btn-primary.btn-hover-dark.proceed_ {
    /* width: 100%; */
    padding: 12px;
    margin-top: 15px;
    background: #ec1d26;
}

.check_delivery_add {
    display: flex;
    align-items: center;
    padding: 10px;
    border: 1px solid #d8d8d8;
}

.check_delivery_add input[type="text"] {
    width: 90%;
    border: none;
}

.aply_coupons svg {
    margin-right: 20px;
}

.aply_coupons {
    font-size: 16px;
    color: var(--color-dark);
    font-weight: 500;
}

.cartBTN {
    font-size: 12px;
    border: 1px solid var(--theme-color);
    background: none;
    padding: 8px 12px;
    color: var(--theme-color);
    transition: 0.4s;
    border-radius: 4px;
    line-height: 1;
    text-transform: uppercase
}

.cartBTN:hover {
    background: var(--theme-color);
    color: var(--color-white);
}

.quantity.cart_quantity {
    display: flex;
    align-items: center;
}

.product_size {
    padding: 5px 8px;
    background: #f5f5f6;
    margin-right: 10px;
    font-weight: 600;
    color: var(--color-dark);
    font-size: 12px;
}

.product_price {
    margin-top: 5px;
}

span.price_value:after {
    content: '|';
    margin-left: 5px;
    margin-right: 3px;
    font-weight: 700;
}

span.price_value:last-child::after {
    display: none;
}

span.price_value {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-dark);
}

.product_price strike {
    font-size: 12px;
    padding-right: 3px;
    color: #94969f;
}

span.discount {
    font-size: 12px;
    color: var(--theme-color);
}

.ptm-5 {
    padding-top: 3.5rem;
}

.border-left {
    border-left: 1px solid #d8d8d8;
}

.total_amount {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #d8d8d8;
    color: var(--color-dark);
    font-weight: 500;
}

.total_amount span {
    font-size: 20px;
    font-weight: 700;
}

span.discount_mrp {
    color: #03a685;
}

a.convenience_btn {
    color: rgb(255, 63, 108);
    font-weight: 600;
    padding-left: 10px;
}

.view_wishlist_ img {
    width: 95px;
}

.view_wishlist_ span {
    padding-left: 10px;
    font-size: 12px;
}

a.wishlist_login_btn {
    font-size: 12px;
    color: var(--theme-color);
}

.check_delivery_add {
    display: flex;
    align-items: center;
    padding: 10px;
    border: 1px solid #d8d8d8;
}

.check_delivery_add input[type="text"] {
    width: 80%;
    border: none;
}

.check_delivery_add input[type="text"]:focus {
    outline: none;
}

.check_delivery_add input[type="submit"] {
    width: 20%;
    background: none;
    border: none;
}

.modal-header {
    border-bottom: 6px solid #f7f7f7;
}

div#enterpincode .modal-body {
    padding: 23px;
}

.max-saving_container label {
    padding: 6px 12px;
    border: 1px dashed #ec1d26;
    margin-top: 10px;
    margin-left: 30px;
    position: relative;
}

span.check_sapn {
    position: absolute;
    width: 14px;
    height: 14px;
    border: 1px solid #ec1d26;
    left: -30px;
    top: 0;
}

.max-saving_container label input:checked+span.check_sapn {
    background: #ec1d26;
}

.summary_save {
    padding-left: 30px;
    padding-top: 15px;
    font-weight: 500;
    color: var(--color-dark);
}

div#couponscode .modal-footer {
    justify-content: space-between;
    border-top: 5px solid #f7f7f7;
}

.max-saving span:last-child {
    display: block;
    font-weight: 500;
    color: var(--color-dark);
}

.max-saving_container {
    padding-top: 10px;
}

.max-saving_container input {
    display: none;
}

.btn-primary {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}

.btn:hover {
    background: var(--color-white);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    color: var(--theme-color) !important;
    text-decoration: none !important;
    border-color: #fff;
}

.cart-calculator-wrapper .title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.cart-calculate-items .table td:last-child {
    text-align: right;
}

.cart-calculator-wrapper .cart-calculate-items .table tr td {
    color: var(--color-black);
    padding: 1px 0px;
    border: none;
    font-weight: 300;
}

.theme-btn {
    font-size: 16px;
    color: var(--color-white);
    padding: 8px 20px;
    transition: all .5s;
    text-transform: capitalize;
    position: relative;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    border: none;
    background: var(--theme-color);
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    z-index: 1;
}

.theme-btn:hover {
    background: var(--color-white);
    color: var(--theme-color);
}

/* ============================= */
.addresTitle {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--theme-color);
    margin-bottom: 10px;
}

.adBlock {
    margin-bottom: 20px;
}

.adBlock label {
    padding: 20px;
    position: relative;
    width: 100%;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    color: var(--color-dark);
    font-size: 12px;
    line-height: 1.3;
    padding-left: 40px;
}

.adBlock label input {
    position: absolute;
    top: 20px;
    left: 20px;
}

.adBlock label:not(:last-child) {
    margin-bottom: 14px;
}

.addressDetails-base-addressType {
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 20px;
    color: #03a685;
    font-weight: 700;
    border: 1px solid #03a685;
    margin-left: 8px;
    line-height: 12px;
}

.st_product li img {
    width: 50px;
}

/* -----------------------address----------------- */
.adBlock {
    margin-bottom: 20px;
}

.addresTitle {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--theme-color);
    margin-bottom: 10px;
}

.adBlock label {
    padding: 20px;
    position: relative;
    width: 100%;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    color: var(--color-dark);
    font-size: 12px;
    line-height: 1.3;
    padding-left: 40px;
}

.adBlock label:not(:last-child) {
    margin-bottom: 14px;
}

.adBlock label input {
    position: absolute;
    top: 24px;
    left: 20px;
    width: auto;
}

.adBlock .name {
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
}

.adBlock .addres {
    font-size: 14px;
}

.adBlock .name,
.adBlock .addres,
.adBlock .mobile,
.adBlock .serviceavailibity {
    margin-bottom: 8px;
    display: block;
}

.adBlock .addres span {
    display: block;
}

.addressDetails-base-addressType {
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 20px;
    color: var(--theme-color);
    font-weight: 700;
    border: 1px solid #fbdfce;
    margin-left: 8px;
    line-height: 12px;
}

.serviceavailibity i {
    font-size: 20px;
    margin-right: 5px;
    color: var(--theme-color);
}

.serviceavailibity {
    display: flex !important;
    align-items: center;
}

.selected_product {
    padding-bottom: 15px;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 15px;
}

ul.st_product {
    padding: 0;
    margin: 0;
}

.st_product li {
    display: flex;
    align-items: center;
}

.st_product li img {
    width: 50px;
}

.st_product li span {
    width: calc(100% - 50px);
    line-height: 18px;
    padding-left: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.st_product li:not(:last-child) {
    margin-bottom: 14px;
}

.cart-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.formG input {
    width: 100%;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    height: 40px;
    box-sizing: border-box;
    padding: 8px 15px;
    font-size: 15px;
}

.formG textarea {
    width: 100%;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 8px 15px;
    font-size: 15px;
}

.formG input:focus {
    border-color: var(--theme-color);
}

.addForm .city_state select {
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    height: 40px;
    box-sizing: border-box;
    padding: 8px 15px;
    font-size: 13px;
}

.addForm .formG label {
    font-size: 12px;
    position: absolute;
    top: 12px;
    left: 10px;
    transition: 0.5s;
    color: #999;
    line-height: normal;
}

.formG input:focus+label,
.formG input:valid+label {
    top: -10px;
    background: #fff;
}

.addForm .formG {
    position: relative;
    margin-bottom: 14px;
}

.addForm {
    height: calc(64vh - 60px);
    overflow: hidden;
    overflow-y: auto;
    padding: 8px;
}

.addForm::-webkit-scrollbar {
    width: 6px;
    background: #f7f7f7;
}

#couponscode .modal-dialog {
    width: 400px;
}

.addForm::-webkit-scrollbar-thumb {
    background: #fbdfce;
    border-radius: 4px;
}

.addForm .city_state {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 22px;
}

.addForm .formG.setAdd label {
    position: initial;
    cursor: pointer;
}

.addForm .formG.setAdd label span {
    margin-left: 0px;
}

.formG input:focus {
    outline: none;
}

.formG input:focus+label,
.formG input:valid+label {
    top: -10px;
    background: #fff;
}

.Plus_new_add_btn {
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.addForm .formG.setAdd label input:checked+.addressDetails-base-addressType {
    background: var(--theme-color);
    color: #fff;
    border-color: var(--theme-color);
}

.formG.setAdd {
    margin-bottom: 0;
}

/* -----------------------address----------------- */

/* ============== cart page ============= */
/* ============== !!loginSection!! ============= */
.loginSection {
    padding: 60px 0;
    background: #fbf1eb;
}

.login-form {
    padding: 25px;
    border-radius: var(--border-radius-16);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    background-color: var(--color-white);
}

.formHeading {
    color: var(--color-black);
    font-size: 28px;
    font-weight: bold;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 8px;
    margin-bottom: 40px;
}

.addBorderCenter {
    position: relative;
}

.addBorderCenter::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 50%;
    width: 120px;
    height: 4px;
    background: var(--theme-color);
    border-radius: 5px;
    transform: translateX(-50%);
}

.text-center p a {
    color: var(--text-color);
}

.form_group {
    position: relative;
}

.form_group .inputDesign {
    border: 1px solid var(--border-color);
    padding: 10px 10px 10px 46px;
    border-radius: 8px;
    color: var(--color-black);
}

.form_group .inputDesign:focus {
    box-shadow: none;
    border-color: var(--theme-color);
}

.form_group i {
    position: absolute;
    top: 10px;
    left: 16px;
    font-size: 20px;
    color: var(--theme-color);
}

form a.forgetPass {
    display: block;
    margin-top: 15px;
    text-align: center;
    color: var(--text-color);
}

form a.forgetPass:hover,
.text-center p a:hover {
    color: var(--theme-color);
    text-decoration: underline;
}

/* ------ //offline-subscription-form// ------ */
.offline-subscription-form {
    padding: 60px 0;
}

.subscription-form-section {
    border: 2px solid var(--border-color);
    border-radius: var(--border-radius-8);
}

.offlineImage-logo img {
    width: 45%;
}

.saveBtn-offline ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.saveBtn-offline .offline-ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.saveBtn-offline .offline-ul li {
    width: 100%;
}

.saveBtn-offline .offline-ul li a {
    display: block;
    width: 100%;
    background-color: var(--border-color);
    color: var(--color-black);
    padding: 6px 0;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    border-radius: var(--border-radius-4);
    transition: all 0.4s ease-in-out;
    text-decoration: none;
}

.saveBtn-offline .offline-ul li a:hover {
    color: var(--color-white);
    background-color: var(--theme-color);
}

.frequency-monthly {
    padding: 0px 2px;
    font-size: 13px;
}

.apparel-view-img {
    text-align: center;
}

.apparel-view-img img {
    width: 80px;
    margin: 0 auto;
}

.offline-subscription-table {
    width: 100%;
    border-collapse: collapse;
}

.th-heading {
    width: 100%;
}

table.offline-subscription-table.offline-payment-table h3 {
    margin-bottom: 0;
    font-size: 24px;
    padding: 6px 0px;
}

.subscription-form-section.payment_success {
    border-color: #000;
    border-radius: 4px;
}

.offline-subscription-table td,
.offline-subscription-table th {
    border: 2px solid #000;
    text-align: left;
    text-align: center;
    font-size: 14px;
    padding: 4px;
    white-space: nowrap;
}

.offline-subscription-table td:first-child,
.offline-subscription-table th:first-child {
    border-left: 0;
}

.offline-subscription-table td:last-child,
.offline-subscription-table th:last-child {
    border-right: 0;
}

.borderAddField {
    border-bottom: 1px solid #f9985d;
    padding: 0px !important;
}

.offlineBottom {
    width: 100%;
}

.subscription-form-section.payment_success .header__info p {
    margin-bottom: 0;
}

.subscription-form-section.payment_success .offline__info {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    padding: 10px;
}

.subscription-form-section.payment_success .magazine_info {
    padding: 10px;
    border-left: 2px solid #000;
}

.magazine_info-mb-3 {
    margin: 10px 0px;
}

.subscription-form-section.payment_success .billing_info {
    padding: 10px;
}

.subscription-form-section.payment_success .magazine_info p,
.subscription-form-section.payment_success .billing_info p {
    margin-bottom: 0;
}

.offlineBottom.offlineBottomPara {
    padding: 10px;
}

.offlineBottom.offlineBottomPara p {
    margin-bottom: 0;
}

/* -------- //book-detail// ------- */
.book-form-add {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.quantity {
    width: 150px;
    padding: 8px 15px;
    border: 1px solid #eae8e4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--border-radius-8);
}

.quantity input {
    text-align: center;
    width: 100%;
    border: none;
    outline: none;
}

.quantity i {
    cursor: pointer;
}

.book-form-add .selecttionCheckout {
    width: 30%;
}

.paraDiscription {
    font-size: 16px;
    line-height: 24px;
    padding: 20px 0;
}

.summaryFooter {
    display: flex;
    align-items: center;
    position: relative;
    gap: 10px;
}

.yithAddBttn a {
    color: #333;
}

.shareIcon.jsx-4104670245 i,
.shareIcon.jsx-4104670245 span {
    pointer-events: none;
}

.summaryFooter i {
    color: var(--theme-color);
}

.summaryFooter .mappedIcons.jsx-4104670245 {
    padding: 7px 10px;
}

.summaryFooter .shareDiv.jsx-4104670245 {
    inset-inline-start: 180px;
    top: 30px;
    height: 220px;
}

.magazineItem.books_items .magazineImage {
    height: 200px;
}

/* ------------ //pulish-desk-form// ------------ */
.pulish-desk-form {
    padding: 60px 0;
}

.pulish_desk_form {
    border-radius: var(--border-radius-16);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    background-color: var(--color-white);
    padding: 25px;
}

.pulish_desk_form form .form_group .inputDesign {
    padding: 10px 16px;
}





.accordion .accordion-item {
    border: none;
    border-bottom: 1px solid #e5e5e5 !important;
    border-radius: 0;
}

.accordion .accordion-item button[aria-expanded='true'] {
    border-bottom: 1px solid var(--theme-color);
}

.accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 14px 0;
    color: var(--color-black);
    font-size: 18px;
    font-weight: 600;
    border: none;
    background: none;
    outline: none;
    transition: all 200ms;
}

.accordion button:hover,
.accordion button:focus {
    cursor: pointer;
    color: var(--theme-color);
}

.accordion button:hover::after,
.accordion button:focus::after {
    cursor: pointer;
    color: var(--theme-color);
    border: none;
}

.accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 0;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px;
}

.accordion button .icon::before {
    display: block;
    position: absolute;
    content: '';
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
}

.accordion button .icon::after {
    display: block;
    position: absolute;
    content: '';
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
}

.accordion button[aria-expanded='true'] {
    color: var(--text-color);
}

.accordion button[aria-expanded='true'] .icon::after {
    width: 0;
}

.accordion button[aria-expanded='true']+.accordion-content {
    opacity: 1;
    max-height: max-content;
    padding: 20px 0;
    transition: all 200ms linear;
    border-bottom: none;
    will-change: opacity, max-height;
}

.accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
}

section.faq-section {
    padding-top: 0px;
    padding-bottom: 0;
}

h4.privacyTitle {
    font-size: 22px !important;
    margin-top: 25px;
    font-weight: 400 !important;
    color: var(--color-black) !important;
}

p.privacyPara {
    margin-bottom: 0 !important;
    color: var(--color-black) !important;
}

p.disclaimerPara {
    padding-top: 25px;
    margin-bottom: 0 !important;
    color: var(--color-black) !important;
}













.searchwrap .searchbox {
    top: 102.4062px;
    left: 31%;
    max-height: 568px;
    width: 610px;
    position: absolute;
    z-index: 1;
}


.searchwrap.sticky-header .searchbox {
    left: 0;
    top: 40.4062px;
    width: 610px;
}

.searchwrap .searchbox ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.listdata.search_list {
    border: 1px solid #aaa;
    background: #fff;
    overflow: hidden;
    overflow-y: auto;
    max-height: 500px;
    border-radius: 6px;
}

ul.listdata.search_list::-webkit-scrollbar {
    width: 6px;
}

ul.listdata.search_list::-webkit-scrollbar-thumb {
    background: var(--theme-color);
    border-radius: 10px;
}

ul.listdata.search_list li {
    border-bottom: 1px solid #d0d0d0;
}

li.search-main-heading {
    padding: .6em;
    text-align: center;
    background: #fbdfce;
}

.searchwrap .searchbox ul .search-result-list a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0;
    font-weight: 400;
    color: #ff6000;
}

.searchwrap .searchbox ul li.search-heading {
    padding: 6px 17px;
    font-size: 18px;
    color: var(--theme-color);
    font-weight: 600;
}

.searchwrap .searchbox ul .search-result-list a {
    text-decoration: none;
    padding: 7px .6em;
    line-height: 1.5;
    min-height: 0;
    font-weight: 400;
    color: #333;
    display: grid;
    grid-template-columns: 70px calc(100% - 70px);
}

ul.listdata.search_list img.searchResultsImage {
    width: 60px;
    height: 60px;
    object-fit: contain;
    grid-row-start: 1;
    grid-row-end: 3;
}

.searchwrap .searchbox ul .search-result-list a span.search-description {
    grid-column-start: 2;
    grid-column-end: 3;
}

ul.listdata.search_list span.search-description {
    font-size: 14px;
    display: block;
    line-height: 18px;
    font-weight: 300;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.searchwrap .searchbox ul .search-result-list a:hover {
    color: var(--theme-color);
}

/* checkout page header footer  */
.checkout_header {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 20px 0px;
    background: #eee;
    z-index: 1;
}

.checkout_header .magazine_logo img {
    width: 42%;
}

.HeadingTitle img {
    width: 51px;
}

.checkout_header .checkout_content h2 {
    font-size: 28px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
}

.checkout_header .percent-secure-img img {
    width: 40%;
}

.checkout_footer {
    padding: 16px 0;
    background: #fbdfce;
}

.checkout_footer p a {
    color: #ff6000;
    text-decoration: none;
    font-weight: 600;
}

.checkout_footer .payment_image img {
    width: 100%;
}

.checkout_footer ul.footer_list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.footer_list .footer__list-item img {
    width: 20px;
}

.footer_list .footer__list-item {
    font-size: 15px;
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
}

.footer_list .footer__list-item a {
    color: #333;
    text-decoration: none;
    font-size: 15px;
    transition: 0.1s;
}

.cart_container .accordion .accordion-item {
    margin-bottom: 30px;
    border-bottom: none !important;
}

button.accordion-button.accordion__btn {
    background: #eee;
    padding-left: 15px;
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: 15px;
}

button.accordion-button.accordion__btn:focus {
    box-shadow: none;
}

button.accordion-button.accordion__btn[aria-expanded='false'] {
    color: var(--text-color) !important;
    border-radius: 15px;
}

button.accordion-button.accordion__btn:not(.collapsed) {
    box-shadow: none !important;
}

.form-group input.form-control,
.form-group select.form-select {
    border: 1px solid var(--border-color);
    padding: 8px 18px;
    border-radius: 8px;
    color: var(--color-black);
    background-color: var(--color-white);
    margin-bottom: 10px;
}

.form-group input.form-control:focus,
.form-group select.form-select:focus {
    box-shadow: none;
    border-color: var(--theme-color);
}

a#forgot-password-link,
a#back-to-login-link {
    color: var(--theme-color);
    font-weight: 700;
}

a#forgot-password-link {
    margin-right: 20px;
}

a#otp-login-link {
    color: #0c63e4;
    font-weight: 700;
}

a#back-to-login-from-otp {
    font-weight: 700;
    color: var(--text-color);
}

span.login_hereAlready {
    margin-left: 10px;
    color: #0c63e4;
}

.accordion .loginheading .login-form button.sendBttn {
    width: 100%;
    border: none;
    outline: none;
    background: var(--theme-color);
    color: var(--color-white);
    padding: 8px 0;
    text-align: center;
    border-radius: 30px;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0;
    transition: all 0.3s ease-in-out;
    margin-top: 20px;
}

.accordion .loginheading .login-form button.sendBttn:hover {
    background-color: var(--color-white);
    color: var(--theme-color);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

h5.addresTitle.bg-heading {
    background: #eee;
    padding: 12px 0px;
    font-size: 15px;
    padding-left: 12px;
    border-radius: 10px;
}

.cartreloadpage-border {
    border: 1px solid var(--border-color);
    padding: 15px;
    border-radius: 10px;
}

.cart_container .login-form {
    padding: 15px 20px 25px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.loginheading h2.mb-0 {
    background: #eee;
    padding: 14px 0px;
    padding-left: 15px;
    font-size: 23px;
    border-radius: 10px;
}

.loginheading h2.mb-0 a {
    color: var(--theme-color);
    font-size: 20px;
}

.loginheading h2.mb-0 a span.mdi.mdi-lock {
    font-size: 17px;
}

.notification-list.notification_row {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.addressBlocks-base-btns {
    display: flex;
    align-items: center;
    gap: 5px;
}

.button_cart__ ul.payment_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.button_cart__ ul.payment_list li input {
    width: auto;
}

.button_cart__ ul.payment_list li .gateway-details {
    padding: 20px;
    background: #eee;
    margin-bottom: 20px;
    margin-top: 15px;
    border-radius: 3px;
}

.button_cart__ ul.payment_list li .gateway-details p {
    margin-bottom: 0;
}

/* ------- //thank-you-magazine// -------- */
section.thank-you-magazine .thank-you-wrapper {
    padding: 50px;
    background: linear-gradient(white, white) padding-box, linear-gradient(-110deg, #fbdfce 10%, #ff6000 100%) border-box;
    border-radius: 22px;
    border: 2px solid transparent;
}

.thank-you-wrapper p {
    font-size: 16px;
}

.thank-you-wrapper img {
    margin-bottom: 20px;
}

.thank-you-wrapper p a {
    color: var(--theme-color);
    text-decoration: none;
}

a.backToHome {
    display: inline-block;
    background-color: var(--theme-color);
    text-align: center;
    font-size: 17px;
    padding: 6px 20px;
    color: var(--color-white) !important;
    border-radius: 30px;
    transition: all 0.4s ease-in-out !important;
    font-weight: 600;
    text-transform: uppercase;
}

a.backToHome:hover {
    background: var(--color-white);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    color: var(--theme-color) !important;
    text-decoration: none !important;
}

/* ------------- //order_details-sec// -------------- */
.customer_section p {
    margin-bottom: 0;
}

.order_image img {
    width: 100px;
}

.order_header {
    margin-bottom: 20px;
}

.order-section ul.ul-listing {
    list-style: none;
    padding: 14px 0px;
    margin: 0;
}

.right {
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    padding: 20px;
    border-radius: 12px;
}

.order-section p {
    margin-bottom: 0;
}

.order_items {
    display: flex;
}

.order_title h6 {
    padding: 0px 20px;
    margin-bottom: 0;
}

.order-section ul.ul-listing li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-section ul.ul-listing li h4 {
    margin-bottom: 0;
    padding-top: 12px;
}

.order-section.customer_section {
    position: relative;
}

.order-section.customer_section p {
    padding-left: 30px;
    line-height: 26px;
    margin-bottom: 3px;
}

.order-section.customer_section p i {
    position: absolute;
    left: 0;
    width: 25px;
    font-size: 18px;
    height: 28px;
    line-height: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--theme-color);
    border-radius: 50%;
}

.order-section .order_items .order_title p {
    margin-bottom: 0;
    margin-top: 20px;
    padding: 0 20px;
}

.btn-group.float-right {
    width: 100%;
    justify-content: end;
    margin-bottom: 15px;
}

.text-nowrap td.edit_bttn {
    display: flex;
    gap: 10px;
}

.user-profile-card .buttons a {
    border: none;
    width: 100%;
    background-color: #e6e6e6;
    color: #000;
    padding: 6px 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    transition: all 0.4s ease-in-out;
    text-decoration: none;
}

ul.st_product a:hover {
    color: var(--theme-color);
}

span.discount_mrp a:hover {
    color: var(--theme-color);
}

ul.payment_list.payment-options-payment {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.payment_list.payment-options-payment input[type="radio"] {
    width: auto;
}

ul.payment_list.payment-options-payment li .gateway-details {
    padding: 20px;
    background: #eee;
    margin-bottom: 20px;
    margin-top: 15px;
    border-radius: 3px;
}

ul.payment_list.payment-options-payment li .gateway-details p {
    margin-bottom: 0;
}

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

.previous_issue select.form-select.inputDesign {
    width: 70%;
    border-radius: 4px;
}

.search-magazine-list {
    position: absolute;
    /* or 'fixed' depending on your layout */
    z-index: 99;
    max-height: 300px;
    /* Adjust as needed */
    overflow-y: auto;
}

.payment_option-4 p a {
    color: var(--theme-color);
    text-decoration: none;
}


/* Basic star style */
.stars i {
    font-size: 24px;
    color: #ddd;
    cursor: pointer;
    transition: color 0.3s;
}

/* When a star is clicked (checked), it will turn yellow */
.stars i.checked {
    color: #ffcc00;
}

/* Optional: add hover effect to stars */
.stars i:hover {
    color: #ffcc00;
}

.listingTotal {
    margin-bottom: 8px;
}

section.our-history {
    margin-top: 22px;
}

.our-history .boxinside:last-child {
    margin-bottom: 0;
}

.table.table-bordered input.form-control {
    border: 1px solid var(--border-color);
    padding: 8px 18px;
    border-radius: 8px;
    color: var(--color-black);
    background-color: var(--color-white);
}

.table.table-bordered input.form-control:focus {
    box-shadow: none !important;
    border-color: var(--theme-color);
}

button.btn.btn-success.addmore:focus,
button.btn.btn-danger.delete:focus {
    box-shadow: none !important;
    border-color: none;
}


section.blogDetailsSection .searchForm .searchInput {
    margin-bottom: 0px;
}

div#suggestions {
    margin-top: 10px;
}

.form-group input.form-control,
.form-group select {
    border: 1px solid var(--border-color);
    padding: 8px 18px;
    border-radius: 8px;
    color: var(--color-black);
    background-color: var(--color-white);
    margin-bottom: 10px;
}

.form-group input.form-control:focus,
.form-group select:focus {
    box-shadow: none;
    border-color: var(--theme-color);
}

.btn-primary:focus {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    box-shadow: none;
}

span.select2-dropdown.select2-dropdown--below {
    width: 300px !important;
}

.about-section-commercial .about-image {
    margin-right: 30px;
}

.about-section-commercial .about-image img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    object-position: bottom;
    border-radius: 10px;
}

.addTocart-box.addTocart__box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.addTocart-box.addTocart__box .checkoutButtonOuter {
    padding: 9px 38px;
}

p.magPrice {
    color: var(--color-black);
    font-size: 30px;
    line-height: 26px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 2px;
}

p.productAuthor {
    color: var(--theme-color);
    font-weight: 600;
    margin-bottom: 0px;
}

.offerContentProduct__para p {
    margin-bottom: 0px;
}

p.magPrice span {
    font-size: 22px;
    display: flex;
    font-weight: bold;
}

.addColour_highlight .checkoutButtonOuter {
    background: var(--theme-color);
    color: var(--color-white);
}

/* ======= //mainTab_magazinesBooks// =======*/

.mainTab_magazinesBooks {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}


ul.magazinesBooks_list {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}

.magazinesBooks_list li {
    padding: 5px 15px;
    background: #fff;
    border: 1px solid var(--theme-color);
    cursor: pointer;
}

.magazinesBooks_list li:first-child {
    border-radius: 25px 0 0 25px;
    margin-right: -1px;
}

.magazinesBooks_list li:last-child {
    border-radius: 0 25px 25px 0;
    margin-right: -1px;
}

.magazinesBooks_list_item.active {
    background-color: var(--theme-color);
    color: #fff;
}

.tab__content .tab-panel {
    display: none;
}

.tab__content .tab-panel.active {
    display: block;
}

.add_btn-getSub button,
.add_btn-getSub input {
    margin-top: 12px;
}

a.btn.btn-view {
    background: var(--theme-color);
    color: var(--color-white);
    padding: .35em .65em;
    font-size: 12px;
    border-radius: 4px;
    transition: all 0.4s ease-in-out;
}

a.btn.btn-view:hover {
    background-color: var(--color-white);
    color: var(--theme-color);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

a.btn.btn-remove {
    background: #ec2947;
    color: var(--color-white);
    padding: .35em .65em;
    font-size: 12px;
    border-radius: 4px;
    transition: all 0.4s ease-in-out;
}

a.btn.btn-remove:hover {
    background-color: var(--color-white) !important;
    color: #ec2947 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
}

.add_btn-getSub input {
    width: max-content;
}










.commercialCategory::-webkit-scrollbar {
    background: var(--theme-color-light);
    width: 100%;
    height: 6px;
    border-radius: 40px;
}

.commercialCategory::-webkit-scrollbar-thumb {
    background: var(--theme-color);
    border-radius: 40px;
}

.tab-area::-webkit-scrollbar {
    background: var(--theme-color-light);
    width: 100%;
    height: 4px;
    border-radius: 40px;
}

.tab-area::-webkit-scrollbar-thumb {
    background: var(--theme-color);
    border-radius: 40px;
}

/* product details  */
.productDetailsContent {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.productDetailsContent li {
    display: inline;
}

ul.productDetailsContent li:after {
    content: '|';
    margin-left: 5px;
    margin-right: 5px;
    font-weight: 700;
}

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

ul.productDetailsContent li span.productDetailsTitle {
    font-weight: 600;
}

.product_details {
    background: #f9f9f9;
    padding: 5px 3px;
    margin-bottom: 20px;
}

.footer_about.container_width {
    padding: 26px 50px;
    line-height: 24px;
    padding-bottom: 13px;
}

.footer_about.container_width p {
    color: var(--text-color) !important;
}

.search_icon-mobileView,
.close-search {
    display: none;
}








.user-profile-card-header {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0px;
    width: 100%;
}

/* Default desktop order */
.user-profile-card-header h4 {
    order: 1;
}

.user-profile-card-header p {
    order: 2;
}

.user-profile-card-header .btn-group {
    order: 3;
    margin-left: auto;
    /* pushes it to right on desktop */
}

.price-cont {
    display: flex;
    align-items: center;
    gap: 35px;
}

.detailsTitleItem.detailsTitleItem_only-mobileView {
    display: none;
}

.productsImage {
    position: relative;
}

.productsImage .detail-print {
    position: absolute;
    right: 0px;
    top: -36px;
}

.productsImage .detail-print p {
    margin-bottom: 0px;
}

.productsImage .detail-print p a {
    color: var(--theme-color);
}

.back_to_details {
    position: absolute;
    right: 0px;
    top: -33px;
    display: none;
}

.back_to_details a {
    color: var(--theme-color);
}

.detail-print-only-mobile {
    display: none;
}

.offerContentProduct.offerContentProduct__para .detail-print {
    display: block !important;
}

.productTitle_only-mobile {
    display: none;
}

.productTitle-only-desktop {
    display: block;
}

.title-box_mobile {
    display: block;
}

.productTitle2_mobile-title {
    display: none;
}

.ulCategory-a a.totalCateg {
    color: #337ab7 !important;
    font-weight: 600;
    font-size: 15px;
}

.gateway-details.active {
    background: #f3ceb8 !important;
}

.offerContentProduct.offer-content-product {
    margin-bottom: 30px;
}

@keyframes shake {
    0% {
        transform: translateX(0);
    }

    20% {
        transform: translateX(-5px);
    }

    40% {
        transform: translateX(5px);
    }

    60% {
        transform: translateX(-5px);
    }

    80% {
        transform: translateX(5px);
    }

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

.shake {
    animation: shake 0.4s;
}

.footer_about {
    background: #d7d7d7;
    color: rgb(153, 153, 153);
}

/* ========================== */
.contact-float {
    display: block;
    position: fixed;
    right: 50px;
    bottom: 50px;
    background-color: transparent;
    cursor: pointer;
    z-index: 999;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility 0.5s;
}

.whatsapp-ring {
    width: 110px;
    height: 110px;
    top: 40px;
    left: 40px;
    position: relative;
}

/* Outer border ring */
.whatsapp-ring-circle {
    width: 110px;
    height: 110px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    opacity: 0.1;
    animation: whatsapp-circle-anim 1.2s infinite ease-in-out;
    transition: all 0.5s;
}

/* Middle fill ring */
.whatsapp-ring-circle-fill {
    width: 74px;
    height: 74px;
    position: absolute;
    top: 18px;
    left: 18px;
    background-color: #00c35e;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 0.1;
    animation: whatsapp-fill-anim 2.3s infinite ease-in-out;
    transition: all 0.5s;
}

/* Center icon circle */
.whatsapp-ring-img-circle {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 30px;
    left: 30px;
    background-color: #00cc77;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    animation: whatsapp-icon-anim 1s infinite ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

.whatsapp-ring-img-circle a.whatsapp-btn-icon {
    color: white;
    font-size: 24px;
    display: inline-block;
}

/* Animations */
@keyframes whatsapp-circle-anim {
    0% {
        transform: rotate(0deg) scale(0.5) skew(1deg);
        opacity: 0.1;
    }

    30% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: 0.5;
    }

    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: 0.1;
    }
}

@keyframes whatsapp-fill-anim {
    0% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: 0.2;
    }

    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: 0.2;
    }

    100% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: 0.2;
    }
}

@keyframes whatsapp-icon-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    50%,
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}


#payment-spinner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.payment_spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background-color: #f5f7fa;
}

.payment_spinner .container {
    background-color: #fff;
    padding: 12px 40px 40px;
    border-radius: 12px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    text-align: center;
    max-width: 400px;
}

.payment_spinner>.container>img {
    width: 150px;
    margin-bottom: 24px;
}

.payment_spinner .icon-wrapper {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
    position: relative;
}

.payment_spinner .icon-border {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 3px solid #ec1d261a;
    border-top-color: var(--theme-color);
    animation: spin 1.5s linear infinite;
    position: absolute;
}

.payment_spinner .icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    /* background-color: #e6f0ff; */
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.payment_spinner .icon img {
    width: 40px;
}

.payment_spinner h2 {
    color: var(--color-dark);
    margin-bottom: 10px;
    font-size: 22px;
}

.payment_spinner p {
    color: #666;
    font-size: 14px;
    line-height: 1.6;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1000 !important;
    /* ensure it stays above modals or other elements */
    background-color: #fff;
    /* optional for better visibility */
    border: 1px solid #ccc;
}

/* For most jQuery UI versions */
.ui-menu-item-wrapper:hover {
    background-color: #fbdfce;
}

/* For selected/active item when using keyboard */
.ui-state-active {
    background-color: #e0e0e0 !important;
    color: #000;
    /* Optional: ensure readable text */
}

.descriptionPara h2 {
    width: 100% !important;
}

/* 404 page  */
section.page-404-section {
    display: flex;
    padding: 35px 0;
    justify-content: center;
}

section.page-404-section .error_404_content {
    max-width: 500px;
    padding: 30px;
    box-shadow: 0 0 15px rgba(0 0 0 / 15%);
    border-radius: 8px;
}

section.page-404-section .error_404_content p.main-404-title {
    font-weight: 600;
}

.categoryBoxModal .card {
    border: none;
}







































/* ============================== Mobile View */
@media (max-width: 768px) {
    .topbar {
        padding: 10px 0px;
    }

    .default_section {
        padding: 15px 0px;
    }

    .magazineBookItem_col-md-3.mobile-m-0 {
        margin-top: 15px;
    }

    section.commercial_magazineSection.default_section:nth-of-type(3) {
        padding-top: 0px;
    }

    section.instant-offer {
        margin: 0px;
    }

    .section_padding {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .topbar .container {
        flex-wrap: wrap;
        justify-content: center;
    }

    .topbar .topbar_list .list-item:last-child {
        padding-left: 0;
    }

    .topbar .topbar_list li:not(:last-child) {
        margin-right: 0;
    }

    .topbar .top-right {
        display: none;
    }

    nav.navbar {
        padding: 10px !important;
    }

    .navbar.sticky-navbar .stickyHeadermenu {
        float: right;
        margin-left: 0;
    }

    nav.navbar .col-lg-12.col-md-12 {
        padding: 0;
    }

    button.navbar-toggler {
        background: var(--theme-color);
        border: 1px solid var(--theme-color);
    }

    button.navbar-toggler:focus {
        box-shadow: none;
    }

    .header.sticky .rightmenu {
        right: 10px;
        background: transparent;
        padding: 4px 0px;
    }

    button.mini_cart {
        display: none;
    }

    .navbar-brand img {
        width: 130px;
        object-fit: contain;
    }

    .stickyHeadermenu_mobile {
        display: block;
    }

    .navbar-expand_mobile {
        display: none;
    }

    header.header {
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    }

    header.header.sticky {
        background: #ffdecf;
        z-index: 99999;
        position: fixed;
        top: 0;
        width: 100%;
    }

    header.header.sticky .topbar {
        display: none;
    }

    .header-middle-row .col-md-3 {
        width: auto;
    }

    .header-middle-row .col-md-6 {
        width: auto;
    }

    .header-middle_mobile {
        justify-content: space-between;
        position: relative;
    }

    .sticky_offcanvas {
        z-index: 999999;
        width: 100%;
        border-right: none;
    }

    .rightmenu {
        gap: 15px;
        margin-right: 0px;
    }

    .rightmenu div:not(:last-child) {
        margin-right: 0px;
    }

    .rightmenu div .mdi {
        margin-right: 0px;
    }

    a.login i.mdi {
        margin-right: 0px;
        font-size: 26px;
    }

    button.search_icon-mobileView {
        border: none;
        background: transparent;
        color: var(--color-black);
    }

    button.search_icon-mobileView .mdi-magnify::before {
        content: "\F0349";
        font-size: 26px;
        font-weight: 800;
        line-height: 40px;
    }

    .search_icon-mobileView,
    .close-search {
        display: block;
    }

    /* mobile nenu search popup */
    /* Initially hidden */
    .header-middle_mobile .searchwrap_mobile-view {
        display: none;
        position: absolute;
        top: 98px;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #f2f4f6;
        width: 100%;
        padding: 15px 10px;
        z-index: 9999;
        box-shadow: 0 9px 9px rgba(0, 0, 0, 0.15);
    }

    .searchbar .search {
        background: var(--color-white);
    }

    .searchwrap .searchbox {
        top: 56.4062px;
        left: 3%;
        max-height: 568px;
        width: 95%;
        position: absolute;
        z-index: 1;
    }

    .searchwrap.sticky-header .searchbox {
        left: 3%;
        top: 56.4062px;
        width: 95%;
    }

    span.select2-dropdown.select2-dropdown--below {
        width: 300px !important;
        z-index: 999999;
    }

    .allcategory .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding-left: 15px;
    }

    .searchbar {
        position: relative;
        width: 100%;
    }

    .headerForm .allcategory {
        width: fit-content;
    }

    button.popup_iconN {
        display: none;
    }

    .allcategory .select2-container .select2-selection.select2-selection--single {
        font-size: 15px;
    }

    .about-image img {
        width: 80%;
        margin-bottom: 20px;
    }

    .headingTitle {
        font-size: 1.4rem;
        text-align: left;
        margin-bottom: 26px;
    }

    .offer_row div {
        display: inline-block;
        width: 352px !important;
        padding-bottom: 5px;
    }

    .offer_row {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .offer_row::-webkit-scrollbar {
        background: var(--theme-color-light);
        width: 100%;
        height: 6px;
        border-radius: 40px;
    }

    .offer_row::-webkit-scrollbar-thumb {
        background: var(--theme-color);
        border-radius: 40px;
    }

    .commercial_magazineSection .row {
        --bs-gutter-x: 0rem !important;
    }

    .commercialCategory {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        width: 100%;
        padding-bottom: 14px;
        margin-bottom: 10px;
    }

    .magazineBookItem {
        height: 390px;
    }

    .hot-offers {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: 20px;
    }

    .hot-offers .offers-item {
        width: auto;
    }

    .products-banner__inner {
        height: 650px !important;
    }

    .footer-bottom p {
        text-align: center;
    }

    .footer-bottom ul {
        justify-content: space-between;
    }

    .magazineItem .magazineImage {
        height: 180px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        height: 35px;
        width: 35px;
    }

    .magazineBookContent .magBookTitle {
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .topHeaderSection {
        padding: 10px;
        display: none;
    }

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

    .content-wrapper {
        padding: 15px;
    }

    .productTitle2 {
        font-size: 20px;
    }

    .productTitle-only-desktop {
        display: none;
    }

    .product_thumbs .swiper-wrapper {
        justify-content: center;
    }

    .product_thumbs .swiper-wrapper img {
        height: 90px;
        object-fit: contain;
    }

    .productPara_mobile {
        display: none;
    }

    .tabs {
        width: 100%;
        gap: 2px;
    }

    .tab-link {
        margin: 0px;
        padding: 6px 12px;
        text-align: center;
        width: 33.9%;
        font-size: 14px;
    }

    .productTitle_only-mobile {
        display: block;
    }

    .productTitle {
        font-size: 20px;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .productPara {
        margin-bottom: 0;
        line-height: 20px;
        font-size: 14px;
    }

    .single-item-review {
        padding-top: 10px;
    }

    .ppr_rating {
        align-items: start;
        flex-direction: column;
        row-gap: 6px;
    }

    .ratting_reviews {
        font-size: 16px;
        margin-right: 0px;
    }

    .ppr_rating .rating_count {
        margin-right: 0px;
    }

    .blog-comments-single {
        margin-top: 20px;
    }

    .product-comments-user img {
        max-width: 60px;
        max-height: 60px;
    }

    .blog-comments-content {
        padding: 0 0 0 10px;
    }

    .blog-comments-content h5 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .blog_details_img {
        height: auto;
    }

    .h-blog-details {
        font-size: 22px;
    }

    .subscriptionQuotationForm {
        padding: 16px;
        margin-bottom: 15px;
    }

    .formSectionSelector {
        gap: 0px;
        flex-direction: column;
    }

    .formSection .label {
        margin-bottom: 0px;
        padding-left: 6px;
    }

    .formGroup .inputDesign {
        padding: 10px 14px;
    }

    .formSectionSelector .formSection {
        margin-bottom: 9px !important;
    }

    .offerContentProduct .detailsTitleContent {
        flex-direction: column;
        row-gap: 12px;
    }

    .offerContentProduct .detailsTitleContent li:not(:last-child) {
        margin-right: 0px;
    }

    .detailsTitleItem {
        margin-top: 0px;
    }

    a.clickHere {
        display: block;
        text-align: right;
        margin-top: 0px;
    }

    .row.user-profile_row .form-group.col-6 {
        width: 100%;
    }

    .user-profile-card button.theme-btn {
        width: 100%;
    }

    .paymentOptionForm {
        padding: 20px;
    }

    .paymentOptionForm.bg-transparent {
        margin-top: 25px;
    }

    .paymentCart {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }

    .paymentInformation {
        margin-top: 0px;
    }

    .categoryItem {
        grid-template-columns: repeat(2, 1fr);
    }

    .categoryBoxModal .categoryImage {
        height: 180px;
    }

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

    .detailsTitleItem .detailsTitleContent {
        margin-bottom: 0;
    }

    .HeadingTitle {
        font-size: 22px;
    }

    .category_menu li {
        width: 100%;
        text-align: center;
        font-size: 15px;
    }

    .detail-print {
        position: absolute;
        right: 0px;
        top: -24px;
    }

    .footer-title {
        margin-bottom: 10px;
    }

    .footer-list li:not(:last-child) {
        margin-bottom: 0px;
    }

    a.footerbtn.footerbtn-mobile {
        margin-top: 12px;
    }

    .reach-us .footer-list-item {
        padding-right: 0px;
    }

    .tradeCommercialMagazine .HeadingTitle {
        flex-direction: column;
    }

    .tradeCommercialMagazine .HeadingTitle .d-flex.align-items-center.gap-3 {
        justify-content: space-between;
        width: 100%;
        margin: 10px 0px;
    }

    .about_shap-1 {
        top: 298px;
        left: 250px !important;
    }

    .contactItemSection {
        padding: 18px;
        margin-top: 25px;
    }

    .enquiry-info .enquiry-list .enquiry-list-item i.mdi-map-marker {
        width: 70px;
        height: 34px;
        margin-top: -35px;
    }

    .enquiry-info .enquiry-list .enquiry-list-item span {
        line-height: 25px;
    }

    .iframeMap.enquiry-info {
        margin-top: 25px;
    }

    .contactItemSection .d-flex.align-items-center.gap-3 {
        flex-direction: column;
        gap: 0 !important;
    }

    .descriptionPara {
        color: var(--text-color);
        font-size: 16px;
        text-align: justify;
        width: 100%;
        overflow: auto;
    }

    .about-section,
    .contactUs-section,
    .faq-section,
    .services-section,
    .paymentInfoItem-section {
        padding: 30px 0;
    }

    button.btn.btn-success.addmore,
    button.btn.btn-danger.delete {
        width: 100%;
    }

    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tbody>tr>td {
        white-space: nowrap;
        padding: 6px;
        font-size: 12px;
    }

    .table.table-bordered input.form-control {
        padding: 8px 15px;
        font-size: 14px;
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td {
        border-bottom: 0;
    }

    .previous_issue {
        flex-direction: column;
        align-items: start;
        width: 100%;
    }

    .previous_issue select.form-select.inputDesign {
        width: 100%;
    }

    .previous_issue label {
        font-weight: 600;
    }

    button.btn.btn-sm.btn-primary.go_bttn {
        width: 100%;
    }

    p.previous_issue-para {
        line-height: 22px;
    }

    .productInforamtion .wrapper {
        margin-top: 17px;
    }

    .tab-area {
        overflow-y: auto;
        white-space: nowrap;
        width: 100%;
        padding-bottom: 10px;
        margin-top: 0px;
    }

    .at-title .atTitle {
        font-size: 16px;
        padding: 15px 0px;
        padding-right: 20px;
    }

    .blog_wrapper .blog_wrapper_item:nth-child(3n + 1) .blog_content {
        flex-direction: column;
    }

    .blog_wrapper .blog_wrapper_item:nth-child(3n + 1) .blog_content .blog_img {
        max-width: 100%;
    }

    .blog_wrapper .blog_wrapper_item:nth-child(3n + 1) .blog_content .blog_content_text {
        width: 100%;
        padding-left: 0px;
    }

    .blog_wrapper .blog_wrapper_item:nth-child(1n + 1) {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    #couponscode .modal-dialog {
        width: auto;
    }

    .cart_product_list {
        display: grid;
        grid-template-columns: 30% 70%;
    }

    .product_price {
        margin-top: 5px;
        line-height: 21px;
        margin-bottom: 5px;
    }

    .checkout_header .percent-secure-img img {
        width: 70%;
    }

    .checkout_header .checkout_content h2 {
        font-size: 22px;
    }

    .checkout_header .magazine_logo img {
        width: 100%;
    }

    .ptm-5 {
        padding-top: 2rem;
    }

    button.theme-btn.d-block {
        width: 100%;
    }

    .button_cart__ ul.payment_list li .gateway-details {
        padding: 10px 19px;
        font-size: 14px;
        line-height: 22px;
    }

    .checkout_footer ul.footer_list {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .footer_list .footer__list-item {
        padding: 0;
    }

    .payment_image {
        padding: 10px 0px;
        text-align: center;
    }

    .magazine_logo p.mb-0 {
        text-align: center;
        font-size: 15px;
        line-height: 22px;
    }

    section.shop_section.bg-white {
        margin-bottom: 35px;
    }

    h5.addresTitle.bg-heading {
        margin-top: 15px;
    }

    .loginSection {
        padding: 40px 0;
    }

    .login-form {
        padding: 20px;
    }

    .formHeading {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .form_group .inputDesign {
        padding: 8px 8px 8px 40px;
    }

    .form_group i {
        top: 8px;
        left: 12px;
    }

    .sendBttn {
        padding: 6px 0;
    }

    .sendBttn.mt-1.sendBttn-mb {
        margin-top: 16px !important;
    }

    .pulish_desk_form {
        padding: 20px;
    }

    .pulish_desk_form .d-flex.align-items-center.gap-3 {
        flex-direction: column;
        gap: 0 !important;
    }

    .hot-offers a {
        border: 1px solid #ff6000;
        padding: 10px 6px;
        height: 100%;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .hot-offers {
        gap: 10px;
    }

    .about-image {
        text-align: center;
    }

    .magazineContent .magazineMeta {
        width: 100%;
        padding-right: 22px;
    }

    .magazineContent {
        position: relative;
        width: 100%;
    }

    .magazineContent a {
        width: 32px;
        height: 32px;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .magazineBookContent {
        padding-bottom: 0;
        width: 100%;
    }

    .magazineBookItem:hover .magazineBookContent {
        margin-top: 0px;
    }

    .products-info {
        bottom: 16px;
        opacity: 1;
        padding: 0px 16px;
    }

    .magazineBookItem .products-info {
        opacity: 1;
    }

    .magBookPrice {
        font-size: 16px;
        line-height: 15px;
        font-weight: bold;
        transition: all 0.4s ease-in-out;
    }

    .storeBreadCrumb {
        font-size: 14px;
        line-height: 21px;
    }

    .storeBreadCrumb a {
        font-size: 14px;
    }

    .productDetailsContent {
        line-height: 22px;
        padding: 0 10px !important;
    }

    ul.productDetailsContent li {
        display: inline;
        font-size: 14px;
    }

    ul.productDetailsContent li:after {
        content: '|';
        margin-left: 2px !important;
        margin-right: 2px !important;
    }

    .product_details {
        padding: 0px;
        margin-bottom: 14px;
    }

    .package_years {
        margin-top: 20px;
    }

    .selectionCont {
        margin-top: 30px;
    }

    .productInforamtion {
        margin-top: 25px;
    }

    .content-wrapper p {
        margin-bottom: 0px !important;
        font-size: 14px;
    }

    .package_years .package_yearItem {
        padding: 5px 18px;
        font-size: 14px;
    }

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

    .postmeta_box {
        font-size: 13px;
        display: flex;
        align-items: start;
        flex-direction: column;
        gap: 0px;
        line-height: 20px;
    }

    img.size-medium,
    img.size-full {
        width: 100% !important;
        max-width: 100% !important;
    }

    .blog_details_content_text h3 span a {
        font-size: 20px !important;
    }

    .searchForm {
        margin-top: 0px;
    }

    .blog_details_content_text h2 span a {
        font-size: 20px !important;
    }

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

    .aboutContentBox h4.aboutTitle {
        font-size: 20px !important;
        font-weight: 400 !important;
    }

    .aboutContentBox p.aboutPara {
        margin-bottom: 0 !important;
        font-size: 14px;
    }

    h4.privacyTitle {
        font-size: 20px !important;
        margin-top: 14px;
        font-weight: 400 !important;
    }

    p.privacyPara {
        margin-bottom: 0 !important;
        line-height: 1.6 !important;
    }

    .blog_details_content_text .h-blog-details {
        font-size: 20px;
    }

    .blog_details_content_text p span {
        font-size: 14px !important;
    }

    .paymentOptionTable tr td {
        white-space: nowrap;
    }

    .paymentOptionTable td,
    .paymentOptionTable th {
        padding: 15px 8px;
    }

    .paymentCart {
        margin-bottom: 30px;
    }

    a.image-popup-vertical-fit {
        background: #ffe7d5;
        border-radius: 12px;
        padding: 20px;
    }

    a.image-popup-vertical-fit img {
        height: 200px;
        object-fit: contain;
    }

    .magazineBookItem_col-md-3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
    }

    ul.footer-social li {
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding: 5px 0px;
    }

    footer.footer .col-md-2.col-5 {
        margin-top: 25px;
    }

    footer.footer .col-md-3.col-7 {
        margin-top: 25px;
    }

    .footer_about.container_width {
        padding: 26px 15px;
        line-height: 24px;
        padding-bottom: 13px;
        display: none;
    }

    .about-section-commercial .about-image {
        margin-right: 0px;
    }

    .user-profile-card-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .user-profile-card-header .btn-group {
        order: -1;
        /* move to top */
        width: 100%;
        margin: 0 0 10px 0;
        display: flex;
    }

    img.about_image-img {
        margin-top: 30px;
    }

    .row.align-items-center.about-content_box {
        margin-top: 0px !important;
    }

    .qr_code-img {
        text-align: center;
    }

    button.accordion-button.accordion__btn {
        text-align: center;
    }

    span.login_hereAlready {
        margin-left: 0px;
        display: block;
        margin-top: 6px;
    }

    a#otp-login-link {
        position: absolute;
        right: 36px;
    }

    .cartreloadpage-border .form-group.col-6 {
        width: 100%;
    }

    #cartreloadpage .col-lg-7.px-3.ptm-2 {
        margin-bottom: 0px !important;
    }

    button.theme-btn.d-block {
        margin-top: 24px !important;
    }

    .offline-subscription-form {
        padding: 20px 0 !important;
    }

    #cartreloadpage .col-lg-5.px-4.mb-10.px-3.mb-10.border-left {
        padding-bottom: 32px !important;
        padding-top: 16px !important;
    }

    .view_wishlist_ .d-flex.justify-content-between.py-3 {
        flex-direction: column;
        gap: 15px;
        padding-top: 0px !important;
    }

    .jsx-4104670378 {
        display: flex;
        flex-direction: column;
    }

    .shareDiv.jsx-4104670245 {
        top: 31px;
        left: 230px;
        width: 34%;
    }

    .footer {
        padding-top: 20px;
    }

    table.grid_mobile-table tr {
        display: grid;
    }

    table.grid_mobile-table tr th {
        border-right: none !important;
        border-bottom: 1px solid #000;
    }

    table.grid_mobile-table tr th:last-child {
        border-bottom: none !important;
    }

    .tab-wrapper .tab-link {
        white-space: normal;
        line-height: normal;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .detailsTitleItem.detailsTitleItem_only-mobileView {
        display: block !important;
        padding-top: 25px;
    }

    .detailsTitleItem.detailsTitleItem_only-mobileView .detailsTitleContent {
        list-style: none;
        padding: 0;
        border: 1px solid var(--border-color);
        border-radius: var(--border-radius-8);
        overflow: hidden;
        row-gap: 0px !important;
    }

    .detailsTitleItem.detailsTitleItem_only-mobileView .detailsTitleContent li {
        border: none !important;
        border-bottom: 1px solid var(--border-color) !important;
        padding: 8px 14px !important;
        transition: 0.5s !important;
        background: transparent !important;
        border-radius: 0px !important;
    }

    .detailsTitleItem.detailsTitleItem_only-mobileView .detailsTitleContent li:last-child {
        border-bottom: none !important;
    }

    .detailsTitleItem.detailsTitleItem_only-mobileView .detailsTitleContent li:hover {
        background: var(--theme-color) !important;
        border-color: var(--theme-color) !important;
    }

    .detailsTitleItem.detailsTitleItem_only-mobileView-none {
        display: none;
    }

    .productsImage {
        margin-top: 10px;
    }

    .detail-print-only-mobile {
        display: block;
    }

    .offerContentProduct.offerContentProduct__para .detail-print {
        display: none !important;
    }

    .topbar .topbar_list {
        display: flex;
        list-style: none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 0;
        padding: 0;
        gap: 4px;
        line-height: normal;
    }

    .proform_detail img {
        margin-top: 10px;
        margin-bottom: 10px;
        height: 200px;
        object-fit: contain;
    }

    .title-box_mobile {
        display: none !important;
    }

    .detailsTitleItem_mobile-views {
        display: none;
    }

    .subscriptionQuotationForm p.productPara.mb-4 {
        margin-bottom: 10px !important;
    }

    .back_to_details {
        display: block;
    }

    .productTitle2_mobile-title {
        display: block;
    }

    .categorySection_mobile-order .col-lg-9 {
        order: 1 !important;
        /* Top */
    }

    .categorySection_mobile-order .col-lg-3 {
        order: 2 !important;
        /* Bottom */
    }

    .categorySection_mobile-order .col-md-9 {
        order: 1 !important;
        /* Top */
    }

    .categorySection_mobile-order .col-md-3 {
        order: 2 !important;
        /* Bottom */
    }

    .categorySection_mobile-order .detailsTitleItem {
        padding-bottom: 0px;
    }

    .categorySection_mobile-order .categoryItem {
        margin-top: 15px;
    }

    .categorySection_mobile-order .paginationWrapper {
        margin-top: 20px;
    }

    .categorySection_mobile-order .categoryForm {
        margin-top: 20px;
    }

    .categorySection_mobile-order .container.mt-1.mb-5 {
        margin-bottom: 25px !important;
    }

    .categorySection_mobile-order .container .row.mt-5.mb-5 {
        margin-top: 15px !important;
        margin-bottom: 25px !important;
    }

    .magazineBookContent .magBookTitle {
        font-weight: 600;
    }

    .newsArticleBox {
        margin-bottom: 20px;
    }

    .blog_wrapper .blog_wrapper_item:nth-last-child(1) .newsArticleBox {
        margin-bottom: 0px;
    }

    .searchForm .searchInput {
        margin-bottom: 0px;
    }

    div#suggestions {
        margin-top: 0px;
    }

    .boxinside {
        margin: 20px 0;
    }

    .table__responsive tr {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    table.grid_mobile-table tr th span.w-101 {
        display: inline-block;
        width: 101px;
        text-align: left;
    }

    table.grid_mobile-table tr th span.w-60 {
        display: inline-block;
        width: 60px;
        text-align: left;
    }

    table.grid_mobile-table tr th span.w-134 {
        display: inline-block;
        width: 134px;
        text-align: left;
    }

    table.grid_mobile-table tr th span.w-128 {
        display: inline-block;
        width: 128px;
        text-align: left;
    }

    .add_btn-getSub input {
        width: 100%;
    }

    .contactUs-section .row.mt-5 {
        margin-top: 30px !important;
    }

}


























.bold-mobile {
    font-weight: bold;
}

@media (max-width: 480px) {
    .magazineBookItem {
        height: 270px;
        padding: 15px;
        margin-bottom: 0px;
    }

    .select2-container {
        width: 140px !important;
    }

    .magazineBookContent .magBookTitle {
        font-size: 14px;
    }

    .swiper-button-next {
        height: 35px;
        width: 35px;
        right: 5px;
    }

    .swiper-button-prev {
        height: 35px;
        width: 35px;
        left: 5px;
    }

    .commercial-services-section {
        padding: 20px 0;
    }

    .headingTitle {
        font-size: 20px;
        text-align: left;
        margin-bottom: 15px;
    }

    .banner__body .read-more-bttn {
        padding: 8px 18px;
    }

    .commercial_magazineSection .swiper-slide {
        padding: 6px;
        height: auto;
    }

    .magazineBookItem .magazineBookImage {
        height: 180px;
    }

    .magazineContent .magazineMeta .magTitle {
        font-size: 14px;
        margin-bottom: 2px;
    }

    .magazineContent {
        justify-content: space-between;
    }

    .magazineContent a .mdi:before {
        font-size: 20px;
        color: var(--theme-color);
    }

    .about-para p {
        line-height: 24px;
        font-size: 14px;
        padding-bottom: 0px !important;
    }

    p.categTitle {
        font-size: 12px;
    }

    .paymentCart {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .paymentOptionTable tr .tableTitle {
        font-weight: 600;
        font-size: 12px;
    }

    .paymentOptionTable tr td {
        font-size: 14px;
        white-space: nowrap;
    }

    .paymentInfo.mt-5 {
        margin-top: 1rem !important;
    }

    .paymentOptionSection .mb-4.formSection.w-100 {
        margin-bottom: 12px !important;
    }

    .sendBttn {
        font-size: 16px;
    }

    .footer-list li a {
        font-size: 14px;
    }

    .view_wishlist {
        display: flex;
        gap: 10px;
    }

    .view_wishlist label {
        font-size: 15px;
        line-height: normal;
    }

    .loginheading h2.mb-0 {
        background: #eee;
        padding: 12px 10px;
        font-size: 17px;
        border-radius: 10px;
    }

    .loginheading.mb-4 {
        text-align: center;
    }

    .loginheading h2.mb-0 a {
        color: var(--theme-color);
        font-size: 17px;
        margin-left: 0px !important;
        display: block;
        margin-top: 3px;
    }

    input[type=checkbox] {
        margin-top: 4px;
    }

    .checkout_footer .payment_image img {
        width: 75%;
    }

    .view_wishlist_ .d-flex.justify-content-between.py-3 {
        padding-bottom: 0 !important;
    }

    .viewAll {
        display: none;
    }

    .rightmenu .miniCart_wrapper {
        left: -29px;
    }

    .rightmenu .miniCart_wrapper:after {
        left: 66%;
    }

    .rightmenu .miniCart_wrapper-profile {
        left: -43px;
    }

    .rightmenu .miniCart_wrapper-profile:after {
        left: 83%;
    }

    .commercial-services {
        padding: 15px;
        padding-bottom: 30px;
    }

    .commercial-services p.blog_content-para {
        line-height: 24px;
        font-size: 14px;
    }

    .rightmenu .cart .cart-icon span.d-sm-none {
        display: none;
    }

    .banner_text span.span-2 {
        font-size: 40px !important;
        margin: 0 0 15px !important;
    }

    .banner_text span.span-1 {
        font-size: 34px !important;
        margin: 0 0 6px !important;
    }

    .banner_text span.span-3 {
        font-size: 28px !important;
        margin: 0 !important;
    }

    .products-banner__inner {
        padding: 10px;
        height: 550px !important;
    }

    h3.banner_text {
        margin-bottom: 2rem !important;
    }

    .magazineBookContent .magBookTitle {
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .magazineBookMeta a {
        font-size: 14px;
        color: var(--color-white);
    }

    .read-more-bttn.readMore-Bttn {
        margin-top: 0px;
        margin-bottom: 15px;
        font-size: 14px;
        position: absolute;
        bottom: 0;
        right: 20px;
    }

    .commercialCategory {
        padding-bottom: 10px;
    }

    .commercialCategory .commercial-catList:not(:last-child) {
        margin-right: 8px;
    }

    .sectionHeading {
        font-size: 20px;
    }

    .commercialCategory .commercial-catList {
        padding: 8px 16px;
    }

    .about-container .read-more-bttn {
        padding: 8px 18px;
    }

    .commercial-services h3 {
        font-size: 20px;
    }

    .commercialCategory .commercial-catList {
        font-size: 14px;
    }

    .read-more-bttn {
        padding: 2px 15px;
        font-size: 15px;
    }

    .about-section-commercial {
        padding: 20px 0;
        margin-top: 15px;
    }

    .magazineMeta p.categTitle {
        font-size: 13px;
    }

    .formHeading {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .blog-comments-content {
        line-height: 18px;
    }

    .blog-comments-content strong {
        font-size: 14px;
        font-weight: 500;
    }

    .bannerSlider .swiper-slide img {
        height: auto;
        object-fit: cover;
    }

    .product-comments-user img {
        max-width: 40px;
        max-height: 40px;
    }

    .blog-comments-content h5 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .hot-offers {
        padding: 15px;
        align-items: center;
    }

    .hot-offers .offers-item h4 {
        font-size: 14px;
        margin-bottom: 3px;
    }

    .hot-offers .offers-item p {
        font-size: 13px;
        margin-bottom: 0;
        line-height: 20px;
    }

    .mySubscriptionOrder {
        padding: 3px 16px;
        font-size: 15px;
    }

    .paymentCart li {
        padding: 0px;
    }

    .addTocart-box.addTocart__box {
        flex-direction: column;
        width: 100%;
    }

    .addTocart-box.addTocart__box .selecttionCheckout {
        width: 100%;
    }

    .magazineBookItem_col-md-3 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .saveBtn-offline .offline-ul li a {
        display: block;
        width: 70%;
        font-size: 15px;
        margin-left: auto;
    }

    .offlineImage-logo h2 {
        font-size: 16px;
        margin-bottom: 0px;
    }

    .subscription-form-section.payment_success .text-center img {
        width: 120px !important;
        height: auto;
        padding: 5px;
    }

    h2.thank-title {
        font-size: 20px !important;
    }

    img.thank-image {
        width: 45px !important;
    }

    .bold-mobile {
        font-weight: bold;
    }

    strong.bold-mobile {
        font-size: 18px;
    }

    .text_end {
        text-align: end !important;
    }

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

    .offlineBottom.offlineBottomPara p {
        margin-bottom: 6px;
    }

    .offlineBottom.offlineBottomPara p strong,
    .offlineBottom.offlineBottomPara p span {
        font-size: 14px !important;
    }

    .offlineBottom.offlineBottomPara p span strong {
        color: var(--color-black) !important;
    }

    .add_btn-getSub button,
    .add_btn-getSub input {
        margin-top: 12px;
    }

    a.btn.btn-view {
        width: 100%;
    }

    a.btn.btn-remove {
        width: 100%;
        margin-top: 5px;
    }

    .swiper.product_thumbs {
        margin-top: 8px;
        display: none;
    }

    .topbar .topbar_list {
        gap: 2px;
    }

    .rightmenu .cart .cart-icon span.mini_cart {
        display: none;
    }

    button.search_icon-mobileView .mdi-magnify::before {
        font-size: 22px !important;
    }

    .rightmenu div .mdi:before {
        font-size: 21px;
    }

    .header.sticky .rightmenu {
        right: 10px;
        background: transparent;
        padding: 0px 0px;
    }

    .stickyHeadermenu .mdi:before {
        font-size: 32px !important;
    }

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

    .rightmenu .cart span,
    .rightmenu .login span {
        display: none;
    }

    .magazineContent .magazineMeta {
        padding-right: 0px;
    }

    .magazineItem .magazineImage {
        height: 160px;
    }

    .magazineBookItem .magazineBookImage {
        height: 160px;
    }

    .about-section-commercial .about-image img {
        width: 100%;
        height: auto;
    }

    .blog_img img {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 12px;
        margin-bottom: 15px;
    }

    .magazineBookItem {
        height: 250px;
        padding: 15px;
        margin-bottom: 0px;
    }

    .magazineBookMeta a {
        width: 32px;
        height: 33px;
    }

    .magazineBookMeta a .mdi:before {
        font-size: 20px;
    }

    section.instant-offer {
        margin: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .productsImage .detail-print {
        top: -30px;
    }

    .offer_row {
        gap: 10px;
    }

    .offer_row::-webkit-scrollbar {
        height: 4px;
    }

    .shareAndRate {
        padding-bottom: 0px;
    }

    h4.productTitle2 {
        margin-top: 8px;
    }

    .mfp-figure figure {
        width: 100%;
    }

    .shareDiv.jsx-4104670245 {
        top: 31px;
        left: 210px;
        width: 40%;
    }

    .mappedIcons.jsx-4104670245 {
        align-items: start;
        justify-content: start;
    }

    .accordianNav ul {
        margin-bottom: 0px;
    }

    .offerContentProduct.offer-content-product p {
        line-height: 22px;
        font-size: 15px;
    }

    .categoryMeta {
        padding: 10px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    .formGroup textarea.inputDesign {
        height: 46px !important;
    }

    .descriptionPara h2,
    .descriptionPara h3,
    .descriptionPara h4 {
        font-size: 18px !important;
        font-weight: 500 !important;
        text-align: left !important;
        color: #000 !important;
        line-height: 24px !important;
        margin: 0px !important;
    }

    .descriptionPara h2 span,
    .descriptionPara h3 span,
    .descriptionPara h4 span {
        font-weight: 500 !important;
    }

    section.our-history {
        margin-top: 10px;
    }

    img.about_image-img {
        margin-top: 20px;
    }

    .contactUs-section .row.mt-5 {
        margin-top: 25px !important;
    }

    .enquiry-info .enquiry-list .enquiry-list-item i.mdi-map-marker {
        width: 40px;
        height: 35px;
        margin-top: -100px;
    }

    .enquiry-info .enquiry-list .enquiry-list-item span {
        line-height: 23px;
        font-size: 15px;
    }

    .enquiry-info .contactUsTitle {
        margin-bottom: 20px;
    }

    .at-item .at-tab {
        padding-top: 0px;
    }

    .tab-content .at-tab p {
        margin-bottom: 0px;
        font-size: 15px;
    }

    p.disclaimerPara {
        padding-top: 15px;
    }

    .blog_wrapper {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .blog_wrapper p {
        margin-bottom: 0px;
    }

}















@media (max-width: 320px) {

    .stickyHeadermenu .mdi:before {
        font-size: 32px;
    }

    .navbar-brand img {
        width: 120px;
    }

    .select2-container {
        width: 105px !important;
    }

    .productTitle2 {
        font-size: 18px;
    }

    .categoryBoxModal .categoryImage {
        height: 150px;
    }

    .topbar p {
        font-size: 13px;
        text-transform: capitalize;
    }

    .topbar .topbar_list a {
        font-size: 13px;
    }

    .sectionHeading {
        font-size: 18px;
    }

    .headingBox {
        margin-bottom: 20px;
    }

    .magazineMeta p.categTitle {
        font-size: 14px;
        line-height: 18px;
    }

    .commercialCategory {
        padding-bottom: 6px;
    }

    .commercialCategory::-webkit-scrollbar {
        height: 4px;
    }

    .products-info {
        bottom: 16px;
        opacity: 1;
        padding: 0px 10px;
    }

    .magazineContent {
        margin-top: 10px;
    }

    .magazineBookItem .magazineBookImage {
        height: 140px;
    }

    .magazineItem .magazineImage {
        height: 140px;
    }

    .commercialCategory .commercial-catList {
        font-size: 13px;
    }

    .magazineBookItem {
        height: 100%;
    }

    .magazineBookItem_col-md-3 {
        gap: 15px;
    }

    .headingTitle {
        font-size: 18px;
    }

    .about-para p {
        line-height: 22px;
    }

    .commercial-services p.blog_content-para {
        line-height: 20px;
    }

    .reach-us .footer-list-item {
        line-height: 22px;
    }

    .theme-btn {
        font-size: 14px;
        padding: 8px 10px;
    }

    .package_years .package_yearItem {
        padding: 5px 10px;
        font-size: 14px;
    }

    .package_years {
        margin-top: 20px;
        justify-content: space-between;
    }

    .accordianNav h3.dropArrow {
        margin: 0px 10px;
        padding: 0px 6px;
    }

    .accordianNav .dropArrow .mainTitle {
        font-size: 15px;
    }

    .accordianNav a,
    .accordianNav h3 {
        font-size: 15px;
    }

    .ulCategory-a a.totalCateg {
        font-size: 13px;
    }

    .ulCategory-a {
        padding: 0px !important;
    }

    .sticky_offcanvas .offcanvas-body {
        padding: 0px;
        padding-top: 6px;
    }

    .accordianNav h3.dropArrow {
        height: 40px !important;
    }

    h5#offcanvasExampleLabel {
        font-size: 18px;
    }

    .sticky_offcanvas .offcanvas-header {
        padding: 14px;
    }

    .ulCategory .subTitle {
        padding: 6px 10px;
        margin-top: 8px;
        line-height: 20px;
        font-size: 14px;
    }

    .sidebarInformation ul {
        padding: 14px;
    }

    li.sidebarInformation_title {
        font-size: 14px;
        line-height: 19px;
    }

    li.list-unstyled.single_dropArrow a {
        padding: 0px 6px;
        height: 40px !important;
    }

    li.list-unstyled.single_dropArrow {
        margin: 0px 10px;
    }

    .sticky_offcanvas .offcanvas-header .btn-close {
        font-size: 14px;
    }

    .paymentOptionTable {
        margin-top: 0px;
    }

    .paymentCart li a p {
        color: var(--text-color);
        font-size: 14px;
    }

    .paymentOptionForm {
        padding: 15px;
    }

    .paymentOptionForm p.productPara.mb-4 {
        margin-bottom: 12px !important;
    }

    .formGroup .inputDesign {
        padding: 8px 14px;
        font-size: 15px;
        line-height: 22px;
    }

    .listingTotal {
        line-height: 19px;
        font-size: 15px;
    }

    .mappedIcons.jsx-4104670245 {
        justify-content: left;
    }

    .shareDiv.jsx-4104670245 {
        top: 31px;
        left: 180px;
        width: 40%;
    }

    .categoryPagination li .arrowPagination {
        background: #fbdfce;
        width: 60px;
        margin-left: 6px;
        margin-right: 6px;
        font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .about_shap-1 {
        top: 250px;
        left: 190px !important;
        width: 60px;
        height: 60px;
    }

    img.about_one {
        position: absolute;
        left: 4%;
    }

    img.about_one {
        border-radius: 10px;
        margin-top: 30px;
    }

    img.img-fluid.about_design {
        position: static !important;
    }

    img.about_two {
        top: 205px !important;
        width: 40%;
    }

    .aboutContentBox h4.aboutTitle {
        font-size: 18px !important;
    }

    .aboutContentBox p.aboutPara {
        line-height: 22px;
    }

    .contactItemSection {
        padding: 15px;
        margin-top: 25px;
    }

    .at-title .atTitle {
        font-size: 15px;
        padding: 12px 0px;
        padding-right: 20px;
    }

}